.footer{

  background:var(--bg);padding:8px;
  display:flex;justify-content:center}
@media(min-width:768px){.footer{padding:20px}}
.footer-card{
  background:#000;color:#808080;width:100%;max-width:none;
  border-radius:50px;padding:60px;box-sizing:border-box}
.footer-top{
  display:flex;align-items:stretch;justify-content:space-between;
  gap:64px;width:100%}
.footer-brand{
  display:flex;flex-direction:column;align-items:flex-start;
  justify-content:space-between;gap:48px;
  flex:1 1 auto;min-width:220px;max-width:340px}
.footer-brand-top{
  display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-brand .brand{
  display:inline-flex;align-items:center;gap:12px;
  font-weight:700;font-size:22px;letter-spacing:-.5px;color:#fff;text-decoration:none}
.footer-brand .badge{width:40px;height:40px;border-radius:10px;overflow:hidden;display:inline-flex;flex:none}
.footer-brand .brand span{direction:ltr;color:#fff}
.footer-tagline{
  margin:0;max-width:220px;font-size:12.5px;line-height:1.55;font-weight:400;
  color:#A3A3A3}
.footer-stores{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px}
.footer-store{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 12px;border-radius:10px;background:#fff;color:#111;
  text-decoration:none;border:0;white-space:nowrap;flex:none;
  transition:background .2s,transform .2s}
.footer-store:hover{transform:translateY(-1px);background:#f0f0f0}
.footer-store svg{width:16px;height:16px;flex:none;fill:#111}
.footer-store span{font-size:12.5px;font-weight:700;letter-spacing:-.2px;direction:ltr;color:#111}
.footer-ai{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto}
.footer-ai h4{
  margin:0;font-size:15px;font-weight:600;line-height:1.2;color:#fff}
.footer-icon-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.footer-icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:5px;background:#1f1f1f;color:#c8c8c8;
  text-decoration:none;border:0;flex:none;transition:background .15s}
.footer-icon-btn:hover{background:#2c2c2c;color:#fff}
.footer-icon-btn svg{width:20px;height:20px;fill:currentColor;display:block}
.footer-links{
  display:flex;flex-wrap:nowrap;align-items:flex-start;gap:56px;
  flex:none}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex:none}
.footer-col h4{
  margin:0;font-size:15px;font-weight:600;line-height:1.2;color:#fff;letter-spacing:0;
  white-space:nowrap}
.footer-col .col-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-col .col-links a{
  display:block;font-size:14px;font-weight:400;line-height:1.15;
  color:#A3A3A3;text-decoration:none;white-space:nowrap;
  transition:color .15s}
.footer-col .col-links a:hover{color:#fff}
.footer-social{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:160px}
.footer-social-btn{
  display:flex;align-items:center;gap:10px;
  padding:12px 16px;border-radius:10px;background:#1f1f1f;
  color:#c8c8c8;text-decoration:none;font-size:14px;font-weight:500;
  line-height:1;white-space:nowrap;transition:background .15s,color .15s}
.footer-social-btn:hover{background:#2a2a2a;color:#fff}
.footer-social-btn svg{width:16px;height:16px;flex:none;fill:currentColor}
@media(max-width:1100px){
  .footer-top{gap:40px}
  .footer-links{gap:36px}
  .footer-brand{max-width:280px}}
@media(max-width:900px){
  .footer-top{flex-direction:column;gap:48px}
  .footer-brand{max-width:none;width:100%;min-height:0}
  .footer-links{flex-wrap:wrap;gap:32px 40px;width:100%}
  .footer-ai{margin-top:8px}}
@media(max-width:809px){
  .footer-card{border-radius:30px;padding:40px}
  .footer-stores{flex-wrap:wrap}}
@media(max-width:520px){
  .footer-links{flex-direction:column;gap:32px}
  .footer-col h4,.footer-col .col-links a{white-space:normal}
  .footer-social{min-width:0;width:100%}}


/* Use the live homepage's full-width rounded card and outer gutters. */
.footer { width: 100%; max-width: none; margin: 0; border: 0; text-align: right; font-family: 'Assistant', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: normal; line-height: 1.55; direction: rtl; }
.footer * { box-sizing: border-box; }
.footer a { text-decoration: none; }
.footer p, .footer h4 { margin-block: 0; }
.footer img { max-width: 100%; display: block; }
.footer .brand { text-align: right; }
body.marketing-footer-page { padding-bottom: 0; }
body.marketing-footer-page > .footer { width: auto; margin-inline: -16px; margin-top: 48px; }
body.marketing-footer-delete { flex-direction: column; align-items: center; }
body.marketing-footer-delete > .footer { align-self: stretch; flex-shrink: 0; }