/* ANDALUS_CSS_BUNDLE_V1: andalus-typography-v80.css + andalus-site.css + andalus-unified-layout.css + andalus-brand-system.css + andalus-neutral-v14.css */
/* == andalus-typography-v80.css == */
/* ANDALUS_SELF_HOSTED_IBM_PLEX_ARABIC_V80_READY
   Stable local web typography for all supported devices.
   Font files are downloaded once during preview/deployment, then served locally
   from the Andalus domains. No browser request to Google Fonts or third-party CDNs.
*/
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:400;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:400;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:500;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:500;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-500-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:600;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:600;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:700;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:700;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-700-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  --andalus-font-ui:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html body{
  font-family:var(--andalus-font-ui)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
}
html body :where(main,header,footer,nav,section,article,aside,form,dialog,table),
html body :where(p,a,button,input,select,textarea,label,li,dt,dd,th,td,small,strong,b,em,summary,details,option,optgroup),
html body :where(h1,h2,h3,h4,h5,h6),
html body :where(.an-home-catalog-exact,.stainless-page,.sb-page,.sofa-bed-page,.offers-page,.installment-page){
  font-family:var(--andalus-font-ui)!important;
}
html body :where(h1,h2,h3,h4,h5,h6){font-weight:700;}
html body :where(strong,b){font-weight:700;}
html body :where(button,.btn,[class*="button"],[class*="cta"]){font-weight:600;}
html[dir="rtl"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,li,dt,dd,th,td,small,strong,b,em,summary,details,option,optgroup){
  letter-spacing:0!important;
  word-spacing:normal!important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures contextual;
}
html body :where(button,input,select,textarea,optgroup,option){font-size:inherit;}
html body :where(i,.fa,.fas,.far,.fab,.fal,.fad,.material-icons,.material-symbols-outlined,[data-icon],[class^="icon-"],[class*=" icon-"]){
  font-family:revert!important;
  letter-spacing:normal!important;
}
@media print{
  html body{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;}
}

/* == andalus-site.css == */
:root{
  --an-ink:#231713;--an-muted:#79665b;--an-brand:#6f442f;--an-brand-2:#b9825e;
  --an-cream:#fbf6ef;--an-paper:#fff;--an-line:#eadbd0;--an-wa:#128c4a;
  --an-shadow:0 14px 36px rgba(61,35,24,.10);--an-radius:22px
}
.an-site-header,.an-site-footer{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;box-sizing:border-box}
.an-site-header *,.an-site-footer *{box-sizing:border-box}
.an-site-header a,.an-site-footer a{text-decoration:none}
.an-site-wrap{width:min(1500px,calc(100% - 32px));margin-inline:auto}
.an-site-header{position:sticky;top:0;z-index:1000;background:rgba(255,252,248,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--an-line);color:var(--an-ink)}
.an-site-header__row{min-height:70px;display:flex;align-items:center;gap:18px}
.an-site-brand{display:flex;align-items:center;gap:10px;min-width:220px;color:var(--an-ink)}
.an-site-brand img{width:46px;height:46px;object-fit:contain;border-radius:14px;border:1px solid var(--an-line);background:#fff;padding:3px;box-shadow:0 8px 20px rgba(61,35,24,.09)}
.an-site-brand__text{display:flex;flex-direction:column;line-height:1.25}.an-site-brand__text strong{font-size:1.02rem;font-weight:900}.an-site-brand__text small{font-size:.69rem;color:var(--an-muted);font-weight:800}

.an-site-header__actions{display:flex;align-items:center;gap:7px}.an-site-header__wa{height:42px;padding:0 15px;border-radius:13px;background:var(--an-wa);color:#fff!important;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 9px 20px rgba(18,140,74,.18)}

.an-site-quick{background:linear-gradient(90deg,#2a1a15,#6f442f);color:#fff}.an-site-quick__row{min-height:34px;display:flex;align-items:center;justify-content:center;gap:22px;font-size:.74rem;font-weight:800}.an-site-quick__row a{color:#fff}.an-site-quick__dot{opacity:.45}
.an-site-footer{margin-top:50px;background:linear-gradient(180deg,#281914,#160d0b);color:#fff;padding:48px 0 22px}.an-site-footer__top{display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;gap:26px}.an-site-footer h2,.an-site-footer h3{margin:0 0 11px;color:#fff;font-weight:900}.an-site-footer h2{font-size:1.45rem}.an-site-footer h3{font-size:1rem}.an-site-footer p{margin:0;color:#d9c8be;line-height:1.8;font-weight:700}.an-site-footer__brand{max-width:440px}.an-site-footer__links{display:grid;gap:7px}.an-site-footer__links a{color:#e8d9d0;font-weight:750;font-size:.9rem}.an-site-footer__links a:hover{color:#fff;text-decoration:underline}.an-site-footer__contact{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.an-site-footer__contact a{color:#fff;font-weight:850}.an-site-footer__wa{display:flex!important;align-items:center;justify-content:center;margin-top:12px;min-height:44px;border-radius:13px;background:var(--an-wa);color:#fff!important;font-weight:900}.an-site-footer__social{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.an-site-footer__social-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:5px 10px 5px 12px;background:rgba(255,255,255,.055);color:#fff;font-size:.8rem;font-weight:900;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.an-site-footer__social-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3);box-shadow:0 10px 22px rgba(0,0,0,.18)}.an-site-footer__social-link:focus-visible{outline:3px solid rgba(255,255,255,.32);outline-offset:3px}.an-site-footer__social-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#fff;box-shadow:0 5px 13px rgba(0,0,0,.22)}.an-site-footer__social-icon svg{width:18px;height:18px;display:block;fill:currentColor}.an-site-footer__social-link--facebook .an-site-footer__social-icon{background:#1877f2}.an-site-footer__social-link--instagram .an-site-footer__social-icon{background:radial-gradient(circle at 30% 110%,#ffd600 0 10%,#ff7a00 28%,#ff0169 52%,#d300c5 72%,#7638fa 100%)}.an-site-footer__social-link--tiktok .an-site-footer__social-icon{background:#050505;box-shadow:-2px 1px 0 #25f4ee,2px -1px 0 #fe2c55,0 5px 13px rgba(0,0,0,.22)}.an-site-footer__social-link--youtube .an-site-footer__social-icon{background:#ff0000}.an-site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:#bfaea5;font-size:.8rem;font-weight:700}.an-site-footer__policies{display:flex;flex-wrap:wrap;gap:10px}.an-site-footer__policies a{color:#d7c7bd}
.an-site-skip{position:fixed;top:8px;right:8px;z-index:2000;transform:translateY(-150%);background:#fff;color:var(--an-brand);padding:9px 14px;border-radius:10px;font-weight:900}.an-site-skip:focus{transform:none}
@media(max-width:1100px){.an-site-brand{min-width:190px}.an-site-footer__top{grid-template-columns:1fr 1fr}}
@media(max-width:1024px){.an-site-wrap{width:calc(100% - 20px)}.an-site-header__row{min-height:62px}.an-site-brand{min-width:0;margin-left:auto}.an-site-brand img{width:42px;height:42px}.an-site-brand__text small{display:none}.an-site-header__actions .an-site-header__wa{height:40px;padding-inline:11px;font-size:.82rem}.an-site-quick__row{justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-inline:4px;gap:11px}.an-site-footer{padding-top:35px}.an-site-footer__top{grid-template-columns:1fr}.an-site-footer__bottom{align-items:flex-start;flex-direction:column}.an-site-footer__policies{gap:7px}}

/* Tablet portrait and compact landscape: 768–1024px */
@media(min-width:701px) and (max-width:1024px){
  .an-site-wrap{width:calc(100% - 28px)}
  .an-site-header__row{gap:12px}
  .an-site-brand{margin-left:auto}
  .an-site-brand__text small{display:block}
  .an-site-header__actions .an-site-header__wa{min-width:88px}
  
  
  
  .an-site-quick__row{scrollbar-width:none}
  .an-site-quick__row::-webkit-scrollbar{display:none}
  .an-site-footer__top{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .an-site-footer__brand{max-width:none}
  .an-site-footer__contact{min-height:100%}
  .an-site-footer__bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:380px){.an-site-header__actions .an-site-header__wa{display:none}}

/* ANDALUS_MOBILE_FOOTER_V19_START */
/* Customer-first responsive footer with automatic clearance for fixed bottom CTAs. */
.an-site-footer__copyright,.an-site-footer__bottom>span:first-child{display:block}

@media (max-width:1024px){
  .an-site-footer{
    --an-footer-card:rgba(255,255,255,.065);
    --an-footer-card-border:rgba(255,255,255,.12);
    --an-footer-link:rgba(255,255,255,.055);
    --an-footer-link-hover:rgba(255,255,255,.12);
    margin-top:36px!important;
    padding:34px 0 calc(30px + env(safe-area-inset-bottom,0px))!important;
    background:linear-gradient(180deg,#252429 0%,#19181c 100%)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    overflow:clip;
  }

  .an-site-footer>.an-site-wrap{
    width:min(calc(100% - 24px),1180px)!important;
  }

  .an-site-footer__top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .an-site-footer__brand,
  .an-site-footer__top>nav,
  .an-site-footer__contact{
    width:100%;
    max-width:none!important;
    min-width:0;
    padding:17px!important;
    border:1px solid var(--an-footer-card-border)!important;
    border-radius:20px!important;
    background:var(--an-footer-card)!important;
    box-shadow:none!important;
  }

  .an-site-footer h2{
    margin-bottom:8px!important;
    font-size:1.32rem!important;
    line-height:1.45!important;
  }

  .an-site-footer h3{
    margin-bottom:10px!important;
    font-size:1.02rem!important;
    line-height:1.5!important;
  }

  .an-site-footer p{
    font-size:.9rem!important;
    line-height:1.85!important;
  }

  .an-site-footer__links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px!important;
  }

  .an-site-footer__links a{
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    min-width:0;
    min-height:42px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:var(--an-footer-link);
    color:#f2f0f3!important;
    font-size:.82rem!important;
    font-weight:850!important;
    line-height:1.45;
    overflow-wrap:anywhere;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
  }

  .an-site-footer__links a:hover,
  .an-site-footer__links a:focus-visible{
    background:var(--an-footer-link-hover);
    border-color:rgba(255,255,255,.22);
    transform:translateY(-1px);
    outline:none;
  }

  .an-site-footer__contact .an-site-footer__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .an-site-footer__wa{
    min-height:48px!important;
    margin-top:10px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:#35343a!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  .an-site-footer__social{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px!important;
    margin-top:14px!important;
  }

  .an-site-footer__social-link{
    width:100%;
    min-width:0;
    min-height:44px!important;
    justify-content:flex-start;
    padding:6px 9px!important;
    border-radius:13px!important;
    background:var(--an-footer-link)!important;
  }

  .an-site-footer__social-icon{
    width:30px!important;
    height:30px!important;
  }

  .an-site-footer__bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    margin-top:16px!important;
    padding:18px 2px 0!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
  }

  .an-site-footer__copyright,
  .an-site-footer__bottom>span:first-child{
    width:100%;
    color:#d2cfd5!important;
    text-align:center;
    font-size:.8rem;
    font-weight:750;
    line-height:1.8;
  }

  .an-site-footer__policies{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:8px!important;
  }

  .an-site-footer__policies a{
    display:flex!important;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:42px;
    padding:8px 7px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:12px;
    background:rgba(255,255,255,.05);
    color:#eeebef!important;
    text-align:center;
    font-size:.76rem;
    font-weight:850;
    line-height:1.45;
  }

  .an-site-footer__policies a:last-child{
    grid-column:1/-1;
  }

  /* JS measures the actual visible bottom bar and writes this variable. */
  body.an-has-bottom-cta .an-site-footer{
    padding-bottom:calc(var(--an-bottom-cta-space,92px) + 24px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media (max-width:370px){
  .an-site-footer__links,
  .an-site-footer__contact .an-site-footer__links,
  .an-site-footer__social,
  .an-site-footer__policies{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .an-site-footer__policies a:last-child{grid-column:auto}
}
/* ANDALUS_MOBILE_FOOTER_V19_END */

/* ANDALUS_MOBILE_NAV_TOGGLE_FIX_V2 */

/* ANDALUS_MOBILE_NAV_TOGGLE_FIX_V2_END */


/* == andalus-unified-layout.css == */
/* Andalus unified page geometry — 2026-07-11
   One font, one desktop content width, and one mobile gutter across the package. */
:root{
  --an-layout-max:1500px;
  --an-layout-gutter:32px;
  --an-layout-mobile-gutter:20px;
}
html{font-size:16px;-webkit-text-size-adjust:100%}
body,button,input,select,textarea{
  font-family:'IBM Plex Sans Arabic',Arial,sans-serif!important;
}
.wrap,
.s10-wrap,
.mattressWrap,
.an-cat-wrap,
.stainless-page .wrap,
.fbLatest .wrap{
  width:min(var(--an-layout-max),calc(100% - var(--an-layout-gutter)))!important;
  margin-inline:auto!important;
}
/* Keep deliberately narrow reading blocks narrow while their outer page remains aligned. */
.seoText .wrap{max-width:920px}
@media(max-width:700px){
  .wrap,
  .s10-wrap,
  .mattressWrap,
  .an-cat-wrap,
  .stainless-page .wrap,
  .fbLatest .wrap{
    width:calc(100% - var(--an-layout-mobile-gutter))!important;
  }
}


/* Tablet portrait geometry — iPad and similar 768–1024px screens */
@media(min-width:701px) and (max-width:1024px){
  :root{--an-layout-gutter:28px}
  .wrap,.s10-wrap,.mattressWrap,.an-cat-wrap,.stainless-page .wrap,.fbLatest .wrap{
    width:calc(100% - 28px)!important;
  }
  .heroGrid,.footerHero,.footgrid{min-width:0}
  img,video,iframe{max-width:100%}
}

/* == andalus-brand-system.css == */
/*
 * Andalus Furniture — Brand System 2026
 * Final visual layer shared by every public page in this release.
 * Inspired by the supplied graphite + red/orange slanted wordmark.
 */
:root{
  --an-graphite:#2d2a35;
  --an-graphite-2:#1b1921;
  --an-coral:#f23849;
  --an-orange:#ff3218;
  --an-coral-soft:#fff0f1;
  --an-surface:#ffffff;
  --an-canvas:#f7f7f9;
  --an-copy:#312e38;
  --an-copy-soft:#6f6a75;
  --an-stroke:#e6e3e8;
  --an-brand-gradient:linear-gradient(112deg,var(--an-orange) 0%,var(--an-coral) 58%,#eb3152 100%);
  --an-dark-gradient:linear-gradient(145deg,var(--an-graphite-2),var(--an-graphite) 72%,#3b3744);
  --an-brand-shadow:0 18px 48px rgba(45,42,53,.12);
  --an-brand-shadow-soft:0 10px 28px rgba(45,42,53,.075);

  /* Shared shell aliases. */
  --an-ink:var(--an-copy);
  --an-muted:var(--an-copy-soft);
  --an-brand:var(--an-coral);
  --an-brand-2:var(--an-orange);
  --an-cream:var(--an-canvas);
  --an-paper:var(--an-surface);
  --an-line:var(--an-stroke);
  --an-shadow:var(--an-brand-shadow-soft);

  /* Aliases used by the independently-built landing pages. */
  --bg:var(--an-canvas);
  --paper:var(--an-surface);
  --paper2:#fbfafc;
  --ink:var(--an-copy);
  --text:var(--an-copy);
  --muted:var(--an-copy-soft);
  --soft:var(--an-copy-soft);
  --line:var(--an-stroke);
  --line2:#d7d2da;
  --brand:var(--an-coral);
  --brand2:var(--an-orange);
  --dark:var(--an-graphite-2);
  --gold:var(--an-coral);
  --red:var(--an-coral);
  --shadow:var(--an-brand-shadow);
  --shadow2:var(--an-brand-shadow-soft);

  /* Information-page aliases. */
  --an-info-bg:var(--an-canvas);
  --an-info-paper:var(--an-surface);
  --an-info-text:var(--an-copy);
  --an-info-muted:var(--an-copy-soft);
  --an-info-line:var(--an-stroke);
  --an-info-brand:var(--an-coral);
  --an-info-brand-2:var(--an-orange);
  --an-info-dark:var(--an-graphite-2);
  --an-info-soft:var(--an-coral-soft);
  --an-info-shadow:var(--an-brand-shadow);
  --an-info-shadow-soft:var(--an-brand-shadow-soft);
}

html{background:var(--an-canvas);scrollbar-color:var(--an-coral) #eceaf0;scroll-padding-top:124px}
body{margin:0}
body,
body.an-info-body{
  color:var(--an-copy);
  background:
    radial-gradient(circle at 92% -10%,rgba(242,56,73,.10),transparent 31rem),
    radial-gradient(circle at 4% 9%,rgba(255,50,24,.055),transparent 27rem),
    linear-gradient(180deg,#fff 0,var(--an-canvas) 48%,#fff 100%);
}
body{overflow-x:clip}
img,video,iframe{max-width:100%}
main,main *,section,article,aside{min-width:0}
::selection{background:var(--an-coral);color:#fff}
:where(a,button,input,select,summary):focus-visible{
  outline:3px solid rgba(242,56,73,.28)!important;
  outline-offset:3px;
}

/* ---------- Shared header, logo and quick strip ---------- */
.an-site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:var(--an-stroke)!important;
  box-shadow:0 8px 26px rgba(45,42,53,.06);
}
.an-site-header__row{min-height:76px!important}
.an-site-brand{min-width:292px!important;gap:13px!important}
.an-site-brand img{
  width:122px!important;
  height:58px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
.an-site-brand__text strong{color:var(--an-graphite-2)!important;font-size:1.04rem!important}
.an-site-brand__text small{color:var(--an-copy-soft)!important}

.an-site-header__wa{border-radius:13px 4px 13px 4px!important}

.an-site-quick{
  position:relative;
  overflow:hidden;
  background:var(--an-dark-gradient)!important;
}
.an-site-quick::after{
  content:"";
  position:absolute;
  inset:auto -3% -8px auto;
  width:34%;
  height:15px;
  transform:rotate(-2.5deg);
  background:var(--an-brand-gradient);
  pointer-events:none;
}
.an-site-quick__row{
  position:relative;
  z-index:1;
  min-height:38px!important;
  justify-content:center!important;
  gap:18px!important;
  overflow:visible!important;
  padding-inline:10px!important;
  text-align:center;
}
.an-site-quick__row a{color:#fff!important;text-decoration-thickness:1px}
.an-site-quick__row a:hover{text-decoration:underline}
.an-site-quick__dot{color:var(--an-coral)!important;opacity:1!important}

/* ---------- Shared footer ---------- */
.an-site-footer{
  background:var(--an-dark-gradient)!important;
  border-top:5px solid var(--an-coral)!important;
}
.an-site-footer__contact{border-color:rgba(255,255,255,.15)!important;border-radius:20px 7px 20px 7px!important}
.an-site-footer__wa{border-radius:13px 4px 13px 4px!important}

/* ---------- Common visual language ---------- */
:where(.heroKicker,.eyebrow,.badge,.kicker,.sectionKicker,.an-cat-breadcrumb,.an-info-kicker,.s10-kicker,.stainless-eyebrow){
  color:var(--an-coral)!important;
}
:where(.heroBtn.primary,.btn.primary,.btnPrimary,.btnBrand,.btn-gold,.allBtn,.an-cat-btn--primary,.s10-btn.primary,.chapterActions .watch){
  color:#fff!important;
  border-color:transparent!important;
  background:var(--an-brand-gradient)!important;
  box-shadow:0 14px 30px rgba(242,56,73,.21)!important;
}
:where(.heroBtn.secondary,.btn.light,.btnGhost,.btn-light,.an-cat-btn:not(.an-cat-btn--primary):not(.an-cat-btn--wa):not(.an-cat-btn--installments),.s10-btn:not(.primary):not(.wa),.stainless-btn.light){
  color:var(--an-coral)!important;
  border-color:#e7c9ce!important;
  background:#fff!important;
}
:where(.heroBtn,.btn,.an-cat-btn,.s10-btn,.stainless-btn,.quote,.ask,.allBtn){
  border-radius:14px 5px 14px 5px!important;
}

/* V11: preserve semantic CTA variants after the shared neutral-button treatment. */
.an-cat-btn.an-cat-btn--primary,
.s10-btn.primary{
  color:#fff!important;
  border-color:transparent!important;
  background:var(--an-brand-gradient)!important;
  box-shadow:0 14px 30px rgba(242,56,73,.21)!important;
}
.an-cat-btn.an-cat-btn--wa,
.s10-btn.wa,
.stainless-btn.wa{
  color:#fff!important;
  border-color:#128c4a!important;
  background:#128c4a!important;
  box-shadow:0 12px 26px rgba(18,140,74,.19)!important;
}
.stainless-btn.dark{
  color:#fff!important;
  border-color:var(--an-graphite-2)!important;
  background:var(--an-graphite-2)!important;
}
.an-cat-btn.an-cat-btn--primary:hover,
.s10-btn.primary:hover{filter:brightness(.96)}
.an-cat-btn.an-cat-btn--wa:hover,
.s10-btn.wa:hover,
.stainless-btn.wa:hover{background:#0f7a40!important;border-color:#0f7a40!important}
:where(.homeHeroMain,.an-cat-hero__box,.heroBox,.heroCard,.visitBox,.offersVisitBox,.an-info-hero__content,.an-info-hero__aside,.s10-hero__box,.stainless-heroCard){
  border-color:var(--an-stroke)!important;
  box-shadow:var(--an-brand-shadow)!important;
}
:where(.homeHeroMain,.an-cat-hero__box,.visitBox,.offersVisitBox,.an-info-hero__aside,.s10-hero__box){
  background:
    linear-gradient(158deg,rgba(255,255,255,.98),rgba(255,240,241,.84) 62%,rgba(255,255,255,.98))!important;
}
:where(.heroFinance,.an-cat-hero__finance,.s10-card,.offersWrap,.amanQuick,.an-cat-aman,.s10-final){
  background:var(--an-dark-gradient)!important;
  border:1px solid rgba(242,56,73,.28)!important;
}
:where(.serviceCard,.journeyStep,.trustItem,.card,.catLink,.incomeCard,.product,.product-card,.landing-product,.offer-card,.heroChoice,.luxCard,.chapter,.intent,.faq,.an-cat-card,.an-cat-cross__card,.an-info-section,.an-info-card,.s10-step,.s10-trust div,.stainless-product){
  border-color:var(--an-stroke)!important;
  box-shadow:var(--an-brand-shadow-soft)!important;
}
:where(.serviceIcon,.trustIcon,.stepNum,.luxIcon,.choiceIcon,.journeyStep)::before{border-color:transparent}
.serviceIcon,.trustIcon,.stepNum,.luxIcon,.choiceIcon,
.journeyStep::before,.s10-step::before{
  color:#fff!important;
  border-color:transparent!important;
  background:var(--an-brand-gradient)!important;
}

/* Homepage and category chooser. */
.homeHeroMain{
  background:
    linear-gradient(156deg,rgba(255,255,255,.98),rgba(255,240,241,.82)),
    var(--an-surface)!important;
}
.homeHeroMain::before{
  background:linear-gradient(90deg,transparent,rgba(242,56,73,.12),transparent)!important;
}
.heroFinance{color:#fff!important}
.financeBadge{background:#fff!important;color:var(--an-coral)!important}
.catCard{
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(143deg,var(--an-graphite-2) 0%,var(--an-graphite) 61%,#474250 100%)!important;
  box-shadow:0 20px 46px rgba(45,42,53,.18)!important;
}
.catCard::before{background:rgba(242,56,73,.20)!important}
.catCard .arrow{color:#fff!important;background:var(--an-brand-gradient)!important}
.offersOnlyBtn{
  background:var(--an-brand-gradient)!important;
  border-color:rgba(255,255,255,.35)!important;
  box-shadow:0 18px 38px rgba(242,56,73,.22)!important;
}

/* Catalogs, product cards and selectors. */
.an-cat{background:linear-gradient(180deg,#fff,var(--an-canvas) 55%,#fff)!important}
.an-cat-tab.is-current,.chip.active,.catTab.active{background:var(--an-brand-gradient)!important;border-color:transparent!important;color:#fff!important}
.an-cat-toolbar,.tools{background:rgba(247,247,249,.94)!important;border-color:var(--an-stroke)!important}
.an-cat-price,.price,.amanCalc,.note{border-color:var(--an-stroke)!important}
.an-cat-price strong,.price strong,.product-price,.oprice,.offer-pick-price{color:var(--an-coral)!important}
.an-cat-card,.product,.product-card,.landing-product,.stainless-product{
  background:#fff!important;
  border-top:3px solid rgba(242,56,73,.78)!important;
}
.an-cat-photo,.photo,.photo-box,.landing-product-photo,.stainless-photo{background:#fbfafc!important}
.thumb.active,.an-cat-thumb.is-active,.stainless-thumb.active{border-color:var(--an-coral)!important;outline-color:var(--an-coral)!important}
.tag,.cat-badge,.an-cat-badge,.stainless-num{color:var(--an-coral)!important}
.quote,.ask,.gallery-wa{background:var(--an-brand-gradient)!important;color:#fff!important}

/* Live page. */
#anLive{
  --brand:var(--an-coral);
  --brand2:var(--an-orange);
  --dark:var(--an-graphite-2);
  --ink:var(--an-copy);
  --muted:var(--an-copy-soft);
  --line:var(--an-stroke);
  background:linear-gradient(180deg,#fff,var(--an-canvas) 38%,#fff)!important;
}
#anLive::before{
  background:
    linear-gradient(166deg,rgba(242,56,73,.105),transparent 42%),
    radial-gradient(circle at 82% 0,rgba(255,50,24,.10),transparent 35%)!important;
}
#anLive .hero h1 span{color:var(--an-coral)!important}
#anLive .videoShell{background:var(--an-dark-gradient)!important;border-color:rgba(242,56,73,.28)!important}
#anLive .offersWrap::before{background:rgba(242,56,73,.22)!important}
#anLive .sectionKicker{border-color:rgba(242,56,73,.18)!important;background:#fff!important}

/* Offers subdomain. */
.offer-word,.urgency-note,.eyebrow{color:var(--an-coral)!important}
.btn-wa{border-radius:14px 5px 14px 5px!important}
.btn-gold{background:var(--an-brand-gradient)!important;color:#fff!important}
.offer-pick-card.is-featured,.offer-detail,.review-card,.installment-box{border-color:rgba(242,56,73,.36)!important}
.offer-price-box,.offer-aman{background:linear-gradient(155deg,#fff,#fff0f1)!important;border-color:#eccdd2!important}

/* Information, policies and special product pages. */
body.an-info-body{background:linear-gradient(180deg,#fff,var(--an-canvas) 52%,#fff)!important}
.an-info-contact{background:var(--an-dark-gradient)!important;border-color:rgba(242,56,73,.26)!important}
.an-info-section h2::after{
  content:"";
  display:block;
  width:68px;
  height:5px;
  margin-top:9px;
  transform:skewX(-24deg);
  border-radius:2px;
  background:var(--an-brand-gradient);
}
.s10{background:linear-gradient(180deg,#fff,var(--an-canvas),#fff)!important}
.stainless-page{
  --brand:var(--an-coral)!important;
  --dark:var(--an-graphite-2)!important;
  --soft:var(--an-copy-soft)!important;
  --line:var(--an-stroke)!important;
  --gold:var(--an-coral)!important;
  background:linear-gradient(180deg,#fff,var(--an-canvas),#fff)!important;
}

/* ---------- V11 structural and professional polish ---------- */
.an-site-header__row,.an-site-quick__row{box-sizing:border-box}
.an-site-brand,.an-site-header__actions{min-width:0}
.an-site-quick__row>a,
.an-site-quick__row>span:not(.an-site-quick__dot){min-width:0}
.an-cat-toolbar{top:114px!important}
:where(.an-cat-card,.product,.product-card,.landing-product,.offer-card,.serviceCard,.journeyStep,.s10-step,.stainless-product){
  backface-visibility:hidden;
}
:where(.an-cat-btn,.s10-btn,.stainless-btn,.btn,.heroBtn){
  -webkit-tap-highlight-color:transparent;
  text-wrap:balance;
}
@media (hover:hover) and (pointer:fine){
  .an-cat-btn,.s10-btn,.stainless-btn,.btn,.heroBtn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease}
  .an-cat-btn:hover,.s10-btn:hover,.stainless-btn:hover,.btn:hover,.heroBtn:hover{transform:translateY(-2px)}
}

/* ---------- iPad portrait and compact tall screens ---------- */
@media (min-width:1025px) and (max-width:1180px){
  .an-site-header__row{gap:10px!important}
  .an-site-brand{min-width:222px!important;gap:8px!important}
  .an-site-brand img{width:103px!important;height:51px!important}
  .an-site-brand__text small{display:none!important}
  
}

@media (min-width:701px) and (max-width:1024px){
  html{scroll-padding-top:112px}
  .an-cat-toolbar{top:102px!important}
  .an-site-header__row{min-height:66px!important;gap:10px!important}
  .an-site-brand{min-width:0!important;margin-left:auto!important;gap:9px!important}
  .an-site-brand img{width:104px!important;height:51px!important}
  .an-site-brand__text strong{font-size:.94rem!important}
  .an-site-brand__text small{font-size:.63rem!important}
  
  .an-site-quick__row{
    min-height:36px!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow:visible!important;
    gap:9px!important;
    padding-inline:4px!important;
    font-size:.72rem!important;
  }
  .an-site-quick__row>a,
  .an-site-quick__row>span:not(.an-site-quick__dot){flex:0 1 auto!important}
  .an-site-quick::after{width:28%;height:11px}

  .homeHeroGrid,.heroGrid,.an-cat-hero__box,.an-info-hero,.stainless-heroGrid{grid-template-columns:1fr!important}
  #anLive .heroPanel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #anLive .productGrid,#anLive .luxGrid,#anLive .intentGrid,#anLive .offersGrid,#anLive .faqGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #anLive .contactCard{grid-template-columns:1fr!important}
  .an-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalogGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .servicesGrid,.journeyGrid,.incomeGrid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .homeHeroMain,.heroFinance,.heroCard,.an-cat-hero__box{padding:28px!important}
}

/* ---------- Phones and long, narrow screens ---------- */
@media (max-width:700px){
  html{scroll-padding-top:128px}
  .an-cat-toolbar{position:static!important;top:auto!important}
  .an-site-header__row{min-height:62px!important;gap:8px!important}
  .an-site-brand{min-width:0!important;margin-left:auto!important;gap:0!important}
  .an-site-brand img{width:96px!important;height:49px!important}
  .an-site-brand__text{display:none!important}
  .an-site-header__actions .an-site-header__wa{height:39px!important;padding-inline:10px!important}
  
  

  .an-site-quick__row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px 7px!important;
    min-height:58px!important;
    padding:5px 4px!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:.68rem!important;
    line-height:1.35!important;
  }
  .an-site-quick__row>a,.an-site-quick__row>span:not(.an-site-quick__dot){
    display:flex;
    min-height:22px;
    align-items:center;
    justify-content:center;
    padding:2px 4px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px 3px 8px 3px;
    background:rgba(255,255,255,.045);
    text-wrap:balance;
  }
  .an-site-quick__dot{display:none!important}
  .an-site-quick::after{width:48%;height:9px}

  :where(.homeHeroMain,.heroFinance,.heroCard,.an-cat-hero__box,.an-info-hero__content,.s10-hero__box,.offersWrap,.catalogShell,.intentBox,.contactCard){
    border-radius:22px 8px 22px 8px!important;
  }
  .heroActions,.an-cat-actions,.s10-actions{display:grid!important;grid-template-columns:1fr!important}
  .heroActions>a,.an-cat-actions>a,.s10-actions>a{width:100%!important}
  #anLive .heroPanel,#anLive .productGrid,#anLive .luxGrid,#anLive .intentGrid,#anLive .offersGrid,#anLive .faqGrid,
  .an-cat-grid,.servicesGrid,.journeyGrid,.incomeGrid,.steps,.catalogGrid,.stainless-grid{grid-template-columns:1fr!important}
  .an-site-footer{margin-top:34px!important}
}

@media (max-width:390px){
  .an-site-wrap{width:calc(100% - 14px)!important}
  .an-site-brand img{width:88px!important}
  .an-site-header__actions .an-site-header__wa{font-size:.76rem!important;padding-inline:8px!important}
  .an-site-quick__row{font-size:.64rem!important;gap:4px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}
}

/* ---------- V12 graphite-first palette ----------
 * User direction: charcoal carries all primary surfaces; red is restricted
 * to slim rules, outlines and decorative highlights.
 */
:root{
  --an-accent-gradient:linear-gradient(112deg,var(--an-orange) 0%,var(--an-coral) 58%,#eb3152 100%);
}

/* Remove large pink/red washes from the shared canvas. */
body,
body.an-info-body{
  background:
    radial-gradient(circle at 92% -10%,rgba(45,42,53,.045),transparent 31rem),
    radial-gradient(circle at 4% 9%,rgba(45,42,53,.025),transparent 27rem),
    linear-gradient(180deg,#fff 0,var(--an-canvas) 48%,#fff 100%)!important;
}

/* Navigation stays neutral; the accent is a thin bottom rule only. */

.an-site-quick::after{background:var(--an-accent-gradient)!important}

/* Kicker text becomes charcoal; a small red rule retains brand recognition. */
:where(.heroKicker,.eyebrow,.badge,.kicker,.sectionKicker,.an-cat-breadcrumb,.an-info-kicker,.s10-kicker,.stainless-eyebrow){
  color:var(--an-graphite-2)!important;
}
:where(.heroKicker,.eyebrow,.kicker,.sectionKicker,.an-info-kicker,.s10-kicker,.stainless-eyebrow){
  position:relative;
}
:where(.heroKicker,.eyebrow,.kicker,.sectionKicker,.an-info-kicker,.s10-kicker,.stainless-eyebrow)::after{
  content:"";
  display:inline-block;
  width:24px;
  height:2px;
  margin-inline-start:8px;
  vertical-align:middle;
  border-radius:999px;
  background:var(--an-accent-gradient);
}

/* All primary and WhatsApp CTAs use one charcoal hierarchy. */
:where(.heroBtn.primary,.btn.primary,.btnPrimary,.btnBrand,.btn-gold,.allBtn,.an-cat-btn--primary,.s10-btn.primary,.chapterActions .watch,
       .an-cat-btn--wa,.s10-btn.wa,.stainless-btn.wa,.btn-wa,.quote,.ask,.gallery-wa,.offersOnlyBtn){
  color:#fff!important;
  border-color:var(--an-graphite-2)!important;
  background:var(--an-dark-gradient)!important;
  box-shadow:0 13px 28px rgba(27,25,33,.18)!important;
}
:where(.heroBtn.primary,.btn.primary,.btnPrimary,.btnBrand,.btn-gold,.allBtn,.an-cat-btn--primary,.s10-btn.primary,.chapterActions .watch,
       .an-cat-btn--wa,.s10-btn.wa,.stainless-btn.wa,.btn-wa,.quote,.ask,.gallery-wa,.offersOnlyBtn):hover{
  color:#fff!important;
  border-color:#34303d!important;
  background:linear-gradient(145deg,#141218,#34303d 72%,#403b49)!important;
  filter:none!important;
}

/* Neutralize large red surfaces used by legacy page styles. */
.serviceIcon,.trustIcon,.stepNum,.luxIcon,.choiceIcon,
.journeyStep::before,.s10-step::before,
.catCard .arrow,
.an-cat-tab.is-current,.chip.active,.catTab.active{
  color:#fff!important;
  border-color:var(--an-graphite-2)!important;
  background:var(--an-dark-gradient)!important;
  box-shadow:none!important;
}

.homeHeroMain,
:where(.homeHeroMain,.an-cat-hero__box,.visitBox,.offersVisitBox,.an-info-hero__aside,.s10-hero__box){
  background:linear-gradient(158deg,#fff,#f7f7f9 62%,#fff)!important;
}
.financeBadge,.offer-word,.urgency-note{color:var(--an-graphite-2)!important}

/* Product data stays charcoal; red remains only as a line/outline accent. */
.an-cat-price strong,.price strong,.product-price,.oprice,.offer-pick-price{color:var(--an-graphite-2)!important}
.tag,.cat-badge,.stainless-num{color:var(--an-graphite-2)!important}
.an-cat-card,.product,.product-card,.landing-product,.stainless-product{
  border-top-color:var(--an-coral)!important;
}
.thumb.active,.an-cat-thumb.is-active,.stainless-thumb.active{
  color:var(--an-graphite-2)!important;
  background:#fff!important;
  border-color:var(--an-coral)!important;
  outline-color:var(--an-coral)!important;
}

/* Catalog hero: one coherent charcoal/white button family. */
.an-cat .an-cat-hero__box{
  position:relative;
  overflow:hidden;
}
.an-cat .an-cat-hero__box::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--an-accent-gradient);
}
.an-cat .an-cat-actions .an-cat-btn{
  position:relative;
  overflow:hidden;
  color:var(--an-graphite-2)!important;
  border-color:#cfccd3!important;
  background:#fff!important;
  box-shadow:none!important;
}
.an-cat .an-cat-actions .an-cat-btn::after,
.an-cat .an-cat-actions-row .an-cat-btn::after,
.an-cat .an-cat-hero__finance .an-cat-btn::after{
  content:"";
  position:absolute;
  inset:auto 12px 0;
  height:2px;
  border-radius:999px 999px 0 0;
  background:var(--an-accent-gradient);
  transform:scaleX(.42);
  transform-origin:center;
  transition:transform .18s ease;
}
.an-cat .an-cat-actions .an-cat-btn:hover::after,
.an-cat .an-cat-actions-row .an-cat-btn:hover::after,
.an-cat .an-cat-hero__finance .an-cat-btn:hover::after{transform:scaleX(1)}
.an-cat .an-cat-actions .an-cat-btn--primary,
.an-cat .an-cat-actions .an-cat-btn--wa,
.an-cat .an-cat-actions-row .an-cat-btn--wa{
  color:#fff!important;
  border-color:var(--an-graphite-2)!important;
  background:var(--an-dark-gradient)!important;
  box-shadow:0 12px 25px rgba(27,25,33,.16)!important;
}
.an-cat .an-cat-hero__finance .an-cat-btn{
  position:relative;
  overflow:hidden;
  color:var(--an-graphite-2)!important;
  border-color:#fff!important;
  background:#fff!important;
  box-shadow:none!important;
}
.an-cat .an-cat-badge{
  color:#fff!important;
  background:rgba(27,25,33,.93)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-right:3px solid var(--an-coral)!important;
  border-radius:10px 4px 10px 4px!important;
  box-shadow:0 8px 18px rgba(27,25,33,.18)!important;
}
.an-cat .an-cat-images-count{
  color:var(--an-graphite-2)!important;
  border:1px solid #ddd9e0!important;
}

/* Live and offer pages: remove broad red washes while retaining fine accents. */
#anLive{
  --brand:var(--an-graphite-2)!important;
  --brand2:var(--an-graphite)!important;
}
#anLive::before{
  background:
    linear-gradient(166deg,rgba(45,42,53,.05),transparent 42%),
    radial-gradient(circle at 82% 0,rgba(45,42,53,.045),transparent 35%)!important;
}
#anLive .hero h1 span{color:var(--an-graphite-2)!important}
#anLive .offersWrap::before{background:rgba(242,56,73,.18)!important}
.offer-price-box,.offer-aman{background:linear-gradient(155deg,#fff,#f6f5f7)!important;border-color:var(--an-stroke)!important}

/* Red decorative rules remain intentionally visible. */
.an-info-section h2::after{background:var(--an-accent-gradient)!important}
.an-site-footer{border-top-color:var(--an-coral)!important}

@media (max-width:700px){
  .an-cat .an-cat-actions .an-cat-btn{min-height:50px}
}

/* V12 specificity locks for legacy page-level CTA rules. */
.an-cat .an-cat-actions-row .an-cat-btn{position:relative;overflow:hidden}
html .an-cat-btn.an-cat-btn--wa,
html .s10-btn.wa,
html .stainless-btn.wa,
html .btn-wa{
  color:#fff!important;
  border-color:var(--an-graphite-2)!important;
  background:var(--an-dark-gradient)!important;
  box-shadow:0 13px 28px rgba(27,25,33,.18)!important;
}
html .an-cat-btn.an-cat-btn--wa:hover,
html .s10-btn.wa:hover,
html .stainless-btn.wa:hover,
html .btn-wa:hover{
  color:#fff!important;
  border-color:#34303d!important;
  background:linear-gradient(145deg,#141218,#34303d 72%,#403b49)!important;
}

/* ========================================================================== */
/* V13 — Professional organization and flexible responsive hierarchy.          */
/* ========================================================================== */
:root{
  --an-section-space:clamp(48px,6.5vw,92px);
  --an-grid-gap:clamp(14px,2vw,24px);
  --an-control-height:48px;
}

/* Calm, organized surfaces: graphite leads; red stays a rule/detail. */
:where(.homeSection,.start,#anLive .block,.section,.s10-section,.stainless-section,.sb-section,.an-cat-cross){
  position:relative;
}
:where(.homeSection,.start,#anLive .block,.section,.s10-section,.stainless-section,.sb-section)+:where(.homeSection,.start,#anLive .block,.section,.s10-section,.stainless-section,.sb-section){
  border-top:1px solid rgba(45,42,53,.075);
}
:where(.servicesGrid,.categoryPick,.journeyGrid,.trustStrip,.an-cat-grid,.catalogGrid,.incomeGrid,.steps,.reviewsGrid,.s10-steps,.stainless-grid,.offers-grid,.product-teaser-grid,.sb-proof__grid,.sb-benefits){
  gap:var(--an-grid-gap)!important;
}

/* More coherent cards and readable internal spacing. */
:where(.serviceCard,.journeyStep,.trustItem,.an-cat-card,.product,.product-card,.landing-product,.offer-card,.luxCard,.chapter,.intent,.faq,.card,.incomeCard,.s10-step,.stainless-product,.review-card,.installment-box,.sb-benefit,.sb-proof__item,.sb-panel){
  border-color:#e3e0e6!important;
}
:where(.an-cat-body,.landing-product-caption,.stainless-body,.incomeBody,.sb-panel){
  min-width:0;
}
:where(.an-cat-card h2,.product .title,.product-card h3,.landing-product-caption,.offer-pick-name,.stainless-row h3,.serviceCard h3,.catCard h3){
  text-wrap:balance;
  line-height:1.42;
}

/* Hero and action groups scale cleanly from phones to wide monitors. */
:where(.heroActions,.an-cat-actions,.s10-actions,.stainless-actions,.sb-hero__actions,.offersActions,.chapterActions){
  gap:10px!important;
  align-items:stretch;
}
:where(.heroActions,.an-cat-actions,.s10-actions,.stainless-actions,.sb-hero__actions,.offersActions,.chapterActions)>:where(a,button){
  flex:1 1 170px;
  justify-content:center;
}
.an-cat .an-cat-actions .an-cat-btn--primary,
.an-cat .an-cat-actions .an-cat-btn--wa{
  background:var(--an-dark-gradient)!important;
}
.an-cat .an-cat-actions .an-cat-btn:not(.an-cat-btn--primary):not(.an-cat-btn--wa){
  background:#fff!important;
  color:var(--an-graphite-2)!important;
}

/* Finance information becomes visually scannable without a red surface. */
:where(.heroFinance,.an-cat-hero__finance,.s10-card,.amanQuick,.an-cat-aman,.offer-aman,.installment-box){
  position:relative;
  overflow:hidden;
}
:where(.heroFinance,.an-cat-hero__finance,.s10-card,.amanQuick,.an-cat-aman,.installment-box)::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:var(--an-accent-gradient);
  pointer-events:none;
}
.financeNote,.amanCalcNote,.offer-aman__note,.an-cat-note{
  line-height:1.75!important;
  text-wrap:pretty;
}

/* Flexible wide-screen limits prevent stretched, empty-looking compositions. */
@media(min-width:1500px){
  :where(.wrap,.an-cat-wrap,.s10-wrap,.mattressWrap,.sb-wrap,.an-site-wrap){
    max-width:1480px!important;
  }
  :where(.homeHeroMain,.an-cat-hero__box,.heroBox,.s10-hero__box){padding:clamp(34px,3vw,48px)!important}
}

@media(min-width:701px) and (max-width:1180px){
  :where(.heroActions,.an-cat-actions,.s10-actions,.stainless-actions,.sb-hero__actions)>:where(a,button){
    flex-basis:calc(50% - 6px);
  }
}

@media(max-width:700px){
  :where(.homeSection,.start,#anLive .block,.section,.s10-section,.stainless-section,.sb-section,.an-cat-cross){
    scroll-margin-top:126px;
  }
  :where(.heroActions,.an-cat-actions,.s10-actions,.stainless-actions,.sb-hero__actions,.offersActions,.chapterActions)>:where(a,button){
    flex-basis:100%;
  }
  :where(.homeSectionHead,.sectionHead,.offersHead,.stainless-sectionHead,.offers-first-head,.products-first-head,.simple-page-head){
    max-width:none;
  }
}

/* == andalus-neutral-v14.css == */
/*
 * Andalus Furniture — Neutral Graphite Refinement V14
 * Visual direction: graphite, white, warm stone. No broad red or green surfaces.
 */
:root{
  --an-v14-graphite:#2d2a35;
  --an-v14-graphite-deep:#17151c;
  --an-v14-graphite-soft:#494550;
  --an-v14-stone:#f5f3f0;
  --an-v14-stone-2:#ece8e3;
  --an-v14-taupe:#a89f96;
  --an-v14-line:#ded9d4;
  --an-v14-muted:#6f6972;
  --an-v14-white:#fff;
  --an-v14-shadow:0 16px 36px rgba(23,21,28,.10);

  /* Neutralize legacy brand variables without removing the logo itself. */
  --brand:var(--an-v14-graphite)!important;
  --brand2:var(--an-v14-graphite-soft)!important;
  --gold:var(--an-v14-taupe)!important;
  --gold2:#d6cfc8!important;
  --wa:var(--an-v14-graphite)!important;
  --danger:var(--an-v14-graphite)!important;
  --an-brand:var(--an-v14-graphite)!important;
  --an-brand-2:var(--an-v14-graphite-soft)!important;
  --an-wa:var(--an-v14-graphite)!important;
  --an-coral:var(--an-v14-taupe)!important;
  --andalus-red:var(--an-v14-taupe)!important;
  --andalus-red-bright:#b8afa6!important;
  --andalus-red-deep:#81786f!important;
  --an-accent-gradient:linear-gradient(90deg,#b8afa6,#81786f)!important;
  --an-dark-gradient:linear-gradient(145deg,#17151c,#2d2a35 72%,#494550)!important;
}

html,body{background:#fff;color:var(--an-v14-graphite-deep)}
body{accent-color:var(--an-v14-graphite)}
::selection{background:#d8d2cc;color:#17151c}

/* Header, navigation and quick strip */
.an-site-header{border-bottom-color:rgba(45,42,53,.10)!important}

.an-site-quick{background:linear-gradient(90deg,#17151c,#34313c)!important}
.an-site-header__wa,.an-site-footer__wa{background:var(--an-dark-gradient)!important;color:#fff!important;box-shadow:0 10px 24px rgba(23,21,28,.18)!important}

/* Motion accents: calm neutral details instead of danger-red cues. */
:where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main)::after{
  background:linear-gradient(90deg,#b8afa6,#81786f)!important;opacity:.14!important
}
.an-motion-heading::after,.an-scroll-progress>span,
:where(.heroKicker,.eyebrow,.kicker,.sectionKicker,.an-info-kicker,.s10-kicker,.stainless-eyebrow)::after{
  background:linear-gradient(90deg,#b8afa6,#81786f)!important
}
.an-attention-cue{box-shadow:0 0 0 7px rgba(168,159,150,.18),0 15px 34px rgba(23,21,28,.19)!important}

/* Universal button hierarchy. */
:where(.btn,.an-cat-btn,.heroBtn,.s10-btn,.stainless-btn,.sb-btn){transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}
:where(.btn-wa,.btnBrand,.btnPrimary,.btn.primary,.heroBtn.primary,.an-cat-btn--primary,.an-cat-btn--wa,.s10-btn.primary,.s10-btn.wa,.stainless-btn.wa,.quote,.ask,.gallery-wa,.offersOnlyBtn){
  background:var(--an-dark-gradient)!important;color:#fff!important;border-color:var(--an-v14-graphite)!important;box-shadow:0 12px 26px rgba(23,21,28,.16)!important
}
:where(.btn-wa,.btnBrand,.btnPrimary,.btn.primary,.heroBtn.primary,.an-cat-btn--primary,.an-cat-btn--wa,.s10-btn.primary,.s10-btn.wa,.stainless-btn.wa,.quote,.ask,.gallery-wa,.offersOnlyBtn):hover{
  background:linear-gradient(145deg,#0f0e13,#3a3642)!important;color:#fff!important;transform:translateY(-2px)
}
:where(.btn-light,.btn-gold,.btn-models-visible,.an-cat-btn:not(.an-cat-btn--primary):not(.an-cat-btn--wa):not(.an-cat-btn--installments)){
  background:#fff!important;color:var(--an-v14-graphite)!important;border:1px solid #cbc6c1!important;box-shadow:none!important
}
:where(.btn-light,.btn-gold,.btn-models-visible,.an-cat-btn:not(.an-cat-btn--primary):not(.an-cat-btn--wa):not(.an-cat-btn--installments)):hover{
  background:var(--an-v14-stone)!important;color:var(--an-v14-graphite-deep)!important;border-color:var(--an-v14-graphite-soft)!important
}

/* Share controls: neutral outline by default, graphite on hover. */
.an-cat-share,.shareBtn,.btn-share,.shareProduct,
a.shareBtn,button.an-cat-share,button.shareProduct{
  color:var(--an-v14-graphite)!important;
  background:#fff!important;
  border:1px solid #bdb7b1!important;
  box-shadow:none!important;
}
.an-cat-share:hover,.an-cat-share:focus-visible,.shareBtn:hover,.shareBtn:focus-visible,.btn-share:hover,.btn-share:focus-visible,.shareProduct:hover,.shareProduct:focus-visible{
  color:#fff!important;background:var(--an-v14-graphite)!important;border-color:var(--an-v14-graphite)!important;transform:translateY(-1px)
}
.an-cat-share svg,.shareBtn svg,.btn-share svg,.shareProduct svg{stroke:currentColor!important;fill:none!important}

/* Required category tag treatment: white text on charcoal. */
.tag,.cat-badge,.an-cat-badge,.item-tag,.mini-row span,.offer-word,
.product-card .cat-badge,.photo .tag{
  color:#fff!important;
  background:rgba(45,42,53,.96)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 7px 16px rgba(23,21,28,.14)!important;
  text-shadow:none!important;
}
.tag *, .cat-badge *, .an-cat-badge *, .item-tag *{color:#fff!important}

/* Catalog surfaces and image state. */
.an-cat{background:linear-gradient(180deg,#faf9f7,#fff 42%,#f7f5f2)!important;color:var(--an-v14-graphite-deep)!important}
.an-cat-hero__box,.an-cat-card,.an-cat-cross__card,.an-cat-price,.an-cat-field,.an-cat-note{
  background:#fff!important;border-color:var(--an-v14-line)!important
}
.an-cat-hero__box{box-shadow:var(--an-v14-shadow)!important}
.an-cat-hero__finance,.an-cat-aman{background:var(--an-dark-gradient)!important;color:#fff!important}
.an-cat-hero__finance :where(span,p),.an-cat-aman :where(span,small){color:rgba(255,255,255,.78)!important}
.an-cat-price strong,.an-cat-card h2,.an-cat-meta,.an-cat-count{color:var(--an-v14-graphite)!important}
.an-cat-count{background:var(--an-v14-stone)!important}
.an-cat-tab{color:var(--an-v14-graphite)!important;border-color:var(--an-v14-line)!important;background:#fff!important}
.an-cat-tab.is-current{color:#fff!important;background:var(--an-v14-graphite)!important;border-color:var(--an-v14-graphite)!important;box-shadow:none!important}
.an-cat-card{border-top:3px solid var(--an-v14-taupe)!important;box-shadow:0 9px 24px rgba(23,21,28,.07)!important}
.an-cat-photo{background:#f7f5f2!important}
.an-cat-photo img{opacity:1!important;visibility:visible!important}
.an-cat-card.is-image-unavailable .an-cat-photo{display:grid;place-items:center;background:linear-gradient(145deg,#f5f3f0,#ece8e3)!important}
.an-cat-card.is-image-unavailable .an-cat-photo::after{content:"الصورة غير متاحة مؤقتًا";position:absolute;inset:auto 16px 18px;text-align:center;color:var(--an-v14-muted);font-weight:900;font-size:.84rem}
.an-cat-card.is-image-unavailable .an-cat-photo img{opacity:0!important}
.an-cat-thumb.is-active{background:var(--an-v14-graphite)!important;color:#fff!important;border-color:var(--an-v14-graphite)!important;outline:none!important}
.an-cat-images-count{color:var(--an-v14-graphite)!important;background:rgba(255,255,255,.95)!important;border:1px solid var(--an-v14-line)!important}
.an-cat-actions-row{grid-template-columns:minmax(0,1fr) 48px!important}
.an-cat-actions-row .an-cat-share{border-radius:13px!important}

/* Tables page and generic product cards. */
.product,.product-card,.landing-product,.offer-card,.card,.stainless-product{
  border-color:var(--an-v14-line)!important;border-top-color:var(--an-v14-taupe)!important;background:#fff!important
}
.photo,.photo-box,.landing-product-photo{background:#f7f5f2!important}
.shareBtn,.shareProduct{min-width:44px!important}
.chip.active{background:var(--an-v14-graphite)!important;color:#fff!important;border-color:var(--an-v14-graphite)!important}
.thumb.active,.stainless-thumb.active{background:#fff!important;color:var(--an-v14-graphite)!important;border-color:var(--an-v14-taupe)!important;box-shadow:0 0 0 2px rgba(168,159,150,.16)!important}
.gallery-close{background:var(--an-v14-graphite)!important;color:#fff!important}
.thumb.thumb-error .thumb-number{border-color:#b7afa8!important;background:#eeeae6!important;color:#615b65!important}

/* Offers: explicit contrast reset. */
body.an-offers-page,body:has(.offers-grid),body:has(.offer-detail),body:has(.choice-panel){background:linear-gradient(180deg,#f8f7f5,#fff 44%,#f5f3f0)!important;color:var(--an-v14-graphite-deep)!important}
.hero-shell{background:linear-gradient(135deg,#17151c 0,#2d2a35 58%,#494550 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important}
.hero-shell :where(h1,h2,h3,strong,.hero-lead,.kpi span,.video-label,.video-card-foot){color:#fff!important}
.hero-shell .eyebrow{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.hero-shell .btn-light{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
.hero-shell .btn-light:hover{background:#fff!important;color:var(--an-v14-graphite)!important}

:where(.section-title,.offer-top h3,.offer-detail-head h1,.component-head h2,.product-info h3,.review-copy h2,.selector-card h2,.landing-copy h1,.products-first-head h2,.offers-first-head h2){color:var(--an-v14-graphite-deep)!important}
:where(.section-sub,.offer-desc,.offer-detail-head p,.component-head p,.trust-card p,.review-copy p,.landing-copy p,.offer-pick-components,.coupon-copy span){color:var(--an-v14-muted)!important}
:where(.selector-card,.offer-card,.offer-detail,.offer-detail-head,.offer-summary,.component-block,.product-card,.trust-card,.review-card,.summary-chip,.offer-price-box,.landing-price-card,.coupon-card,.offer-aman){
  background:#fff!important;border-color:var(--an-v14-line)!important;color:var(--an-v14-graphite-deep)!important
}
.offer-detail-head,.component-block,.summary-chip,.landing-price-card,.coupon-card{background:linear-gradient(160deg,#fff,#f5f3f0)!important}
.price-badge,.visual-head span,.home-offer-card.is-featured:after{
  background:var(--an-v14-graphite)!important;color:#fff!important;border-color:var(--an-v14-graphite)!important
}
.price-badge small{color:rgba(255,255,255,.75)!important}
.offer-pick-price,.offer-price-box strong,.product-price,.landing-price-card strong,.summary-chip strong,.component-count,.sticky-text{
  color:var(--an-v14-graphite)!important
}
.offer-aman{background:var(--an-v14-stone)!important;border:1px solid var(--an-v14-line)!important;color:var(--an-v14-graphite-deep)!important}
.offer-aman *{color:var(--an-v14-graphite-deep)!important}
.offer-aman__plan{background:#fff!important;border-color:#d4cfca!important}
.offer-aman__note{color:var(--an-v14-muted)!important}
.offer-pick-urgency,.pill,.landing-badges span,.landing-points span,.quick-groups a{
  background:var(--an-v14-stone)!important;color:var(--an-v14-graphite)!important;border-color:var(--an-v14-line)!important
}
.home-offers-section,.landing-hero{background:linear-gradient(180deg,#f7f5f2,#fff)!important}
.coupon-copy b{background:var(--an-v14-graphite)!important;color:#fff!important}
.review-points span:before{background:#ece8e3!important;color:var(--an-v14-graphite)!important}
.sticky-inner{background:rgba(255,255,255,.96)!important;border-color:var(--an-v14-line)!important}

/* Avoid same-colour text/background from inherited legacy states. */
:where(.btn,.an-cat-btn,.tag,.cat-badge,.an-cat-badge,.item-tag,.price-badge,.offer-word,.chip.active) :where(span,strong,small,b){color:inherit!important}
:where(.btn-wa,.btnBrand,.btnPrimary,.btn.primary,.heroBtn.primary,.an-cat-btn--primary,.an-cat-btn--wa,.price-badge,.offer-word,.tag,.cat-badge,.an-cat-badge,.chip.active){-webkit-text-fill-color:currentColor!important}

/* Footer keeps a premium neutral tone. */
.an-site-footer{background:linear-gradient(180deg,#24212a,#121016)!important;border-top:3px solid var(--an-v14-taupe)!important}
.an-site-footer p,.an-site-footer__bottom{color:#c8c2ca!important}

/* Accessibility and mobile clarity. */
:focus-visible{outline-color:var(--an-v14-taupe)!important}
@media(max-width:700px){
  .an-cat-actions-row{grid-template-columns:minmax(0,1fr) 48px!important}
  .tag,.cat-badge,.an-cat-badge{font-size:.7rem!important}
  .hero-shell{border-radius:24px!important}
}
@media(prefers-reduced-motion:reduce){
  .an-cat-photo img,.photo-box img,.landing-product-photo img{transition:none!important}
}

/* Fail-safe: motion may never make product content unreadably faint. */
html.an-motion-js:not(.an-reduced-motion) .an-reveal:not(.is-revealed){opacity:.84!important}
html.an-motion-js:not(.an-reduced-motion) :where(.an-cat-card,.product,.product-card,.landing-product).an-reveal:not(.is-revealed){opacity:.92!important}

/* Product media must remain visible even when a third-party gallery module fails. */
.photo img,.photo-box img,.main-img,.landing-product-photo img{visibility:visible!important}
.photo img.lazy-img{opacity:1!important}