/* ANDALUS_CSS_BUNDLE_V1: andalus-offers-shell-v54.css + andalus-brand-system.css + andalus-motion.css + andalus-unified-layout.css + andalus-neutral-v14.css + andalus-responsive-fixes-v36.css */
/* == andalus-offers-shell-v54.css == */
/* Andalus Offers shared shell V54.
 * This is the exact global base used by the live offers page before the shared
 * header assets. Both the offers home and installment campaign load this file,
 * so the header inherits the same font, box model, link reset, image reset,
 * body background and line-height on both routes.
 */
:root{
  --bg:#f7f5f2;
  --paper:#fff;
  --paper2:#f5f3f0;
  --ink:#17151c;
  --muted:#6f6972;
  --brand:#2d2a35;
  --brand2:#494550;
  --gold:#a89f96;
  --gold2:#d6cfc8;
  --wa:#2d2a35;
  --danger:#2d2a35;
  --line:rgba(45,42,53,.14);
  --shadow:0 22px 60px rgba(23,21,28,.12);
  --shadow2:0 12px 32px rgba(23,21,28,.07);
  --wrap:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'IBM Plex Sans Arabic',Arial,sans-serif;
  color:var(--ink);
  background:radial-gradient(circle at top right,#fff 0,#faf9f7 42%,#f3f0ec 100%);
  line-height:1.75;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font-family:inherit}

/* == 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-motion.css == */
/*
 * Andalus Furniture — selective brand motion system V11
 * The exact dominant logo colours were sampled from the packaged official logo:
 * charcoal #383445, charcoal deep #070608, red #EF3649, orange-red #F93522.
 */
:root{
  --andalus-charcoal:#383445;
  --andalus-charcoal-deep:#070608;
  --andalus-red:#ef3649;
  --andalus-red-bright:#f93522;
  --andalus-red-deep:#b61f31;
  --andalus-white:#fff;
  --andalus-angle:4deg;
  --andalus-motion-fast:200ms;
  --andalus-motion-normal:260ms;
  --andalus-motion-slow:580ms;
  --andalus-ease-out:cubic-bezier(.22,.8,.22,1);
  --andalus-shadow-soft:0 16px 38px rgba(7,6,8,.12);
  --andalus-container-width:1500px;
}

/* Selective diagonal hero bands. Content stays level and readable. */
:where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main){
  position:relative;
  isolation:isolate;
  overflow:clip;
}
:where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main)::before,
:where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main)::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
  transform-origin:center;
}
:where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main)::before{
  inset:clamp(22px,4vw,64px) -8% auto auto;
  width:min(58vw,880px);
  height:clamp(82px,12vw,174px);
  background:rgba(56,52,69,.075);
  clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);
}
:where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main)::after{
  inset:auto auto clamp(10px,2vw,30px) -7%;
  width:min(48vw,690px);
  height:clamp(18px,3vw,40px);
  background:linear-gradient(90deg,var(--andalus-red-bright),var(--andalus-red));
  clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);
  opacity:.11;
}

/* Safe hero entrance. Base content is visible; animation is only enabled by JS. */
html.an-motion-js:not(.an-reduced-motion) .an-motion-hero.is-motion-active::before{
  animation:an-band-from-right var(--andalus-motion-slow) var(--andalus-ease-out) both;
}
html.an-motion-js:not(.an-reduced-motion) .an-motion-hero.is-motion-active::after{
  animation:an-band-from-left var(--andalus-motion-slow) 80ms var(--andalus-ease-out) both;
}
html.an-motion-js:not(.an-reduced-motion) .an-motion-hero.is-motion-active>.an-motion-hero-content{
  animation:an-content-in 420ms 70ms var(--andalus-ease-out) both;
}
html.an-motion-js:not(.an-reduced-motion) .an-motion-hero.is-motion-active .an-motion-hero-image{
  animation:an-image-settle 460ms 60ms var(--andalus-ease-out) both;
}
@keyframes an-band-from-right{from{opacity:0;transform:translate3d(16%,0,0)}to{opacity:1;transform:none}}
@keyframes an-band-from-left{from{opacity:0;transform:translate3d(-18%,0,0)}to{opacity:.11;transform:none}}
@keyframes an-content-in{from{opacity:.72;transform:translate3d(0,9px,0)}to{opacity:1;transform:none}}
@keyframes an-image-settle{from{opacity:.84;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}

/* Major heading accent only. */
.an-motion-heading{position:relative;padding-block-end:12px}
.an-motion-heading::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-block-end:0;
  width:76px;
  height:5px;
  background:linear-gradient(90deg,var(--andalus-red-bright),var(--andalus-red));
  clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);
  transform-origin:right center;
}
html.an-motion-js:not(.an-reduced-motion) .an-motion-heading.an-reveal:not(.is-revealed)::after{transform:scaleX(0)}
html.an-motion-js:not(.an-reduced-motion) .an-motion-heading.an-reveal.is-revealed::after{
  transform:scaleX(1);
  transition:transform 440ms var(--andalus-ease-out);
}

/* One-time viewport reveals. No JS means these rules never hide content. */
html.an-motion-js:not(.an-reduced-motion) .an-reveal{
  transition:opacity var(--andalus-motion-slow) var(--andalus-ease-out),transform var(--andalus-motion-slow) var(--andalus-ease-out);
  transition-delay:calc(var(--an-motion-order,0) * 65ms);
}
html.an-motion-js:not(.an-reduced-motion) .an-reveal:not(.is-revealed){opacity:.38;transform:translate3d(0,10px,0)}
html.an-motion-js:not(.an-reduced-motion) .an-reveal.is-revealed{opacity:1;transform:none}

/* CTA sweep sits behind straight text. */
.an-motion-cta{position:relative!important;isolation:isolate;overflow:hidden}
.an-motion-cta::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-35% auto -35% -38%;
  width:28%;
  background:rgba(255,255,255,.13);
  transform:skewX(-18deg) translateX(0);
  transition:transform var(--andalus-motion-normal) var(--andalus-ease-out);
  pointer-events:none;
}
.an-motion-cta:hover::before,.an-motion-cta:focus-visible::before{transform:skewX(-18deg) translateX(520%)}

/* Small active-state accents echo the logo without tilting labels. */

:where(.an-cat-tab.is-current,#anLive .catTab.active,.chip.active){
  position:relative;
  box-shadow:inset 0 -3px 0 rgba(7,6,8,.28)!important;
}
:where(.offer-pick-price,#anLive .oprice,.product-price){
  border-inline-start:4px solid var(--andalus-red)!important;
  padding-inline-start:10px!important;
}

/* Dedicated non-WhatsApp installment CTA. Strong contrast in every state. */
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments,
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:link,
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:visited{
  position:relative!important;
  isolation:isolate!important;
  z-index:0!important;
  min-height:46px!important;
  width:100%!important;
  margin-top:15px!important;
  padding:10px 17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-weight:900!important;
  line-height:1.35!important;
  color:var(--andalus-white)!important;
  background:var(--andalus-charcoal-deep)!important;
  border:2px solid rgba(255,255,255,.72)!important;
  border-radius:12px 4px 12px 4px!important;
  box-shadow:0 12px 28px rgba(7,6,8,.26)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  transition:background-color var(--andalus-motion-fast) ease,border-color var(--andalus-motion-fast) ease,box-shadow var(--andalus-motion-fast) ease,transform var(--andalus-motion-fast) var(--andalus-ease-out)!important;
}
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:24%;
  background:linear-gradient(145deg,var(--andalus-red-bright),var(--andalus-red-deep));
  clip-path:polygon(24% 0,100% 0,76% 100%,0 100%);
  transform:scaleX(.7);
  transform-origin:left center;
  pointer-events:none;
  transition:transform var(--andalus-motion-normal) var(--andalus-ease-out);
}
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments>span{position:relative;z-index:2;color:inherit!important}
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:hover,
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:focus-visible{
  color:var(--andalus-white)!important;
  background:#151219!important;
  border-color:var(--andalus-white)!important;
  box-shadow:0 15px 32px rgba(7,6,8,.34)!important;
  transform:translateY(-2px)!important;
}
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:hover::before,
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:focus-visible::before{transform:scaleX(1)}
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:active{
  color:var(--andalus-white)!important;
  background:var(--andalus-red-deep)!important;
  transform:translateY(0)!important;
}
.an-cat-hero__finance .an-cat-btn.an-cat-btn--installments:focus-visible{
  outline:3px solid var(--andalus-white)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 6px var(--andalus-red-deep),0 15px 32px rgba(7,6,8,.34)!important;
}

/* Premium quick-decision panel replacing the old generic heroPanel. */
#anLive .heroGrid{grid-template-columns:1fr!important}
.an-decision-panel{
  position:relative;
  isolation:isolate;
  margin-top:clamp(4px,1vw,12px);
  padding:clamp(16px,2vw,24px);
  color:var(--andalus-white);
  overflow:clip;
}
.an-decision-panel::before,
.an-decision-panel::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.an-decision-panel::before{
  z-index:-2;
  inset:0;
  background:linear-gradient(135deg,var(--andalus-charcoal-deep),var(--andalus-charcoal));
  clip-path:polygon(2% 0,100% 0,98% 100%,0 100%);
}
.an-decision-panel::after{
  z-index:-1;
  inset:auto 3% 0 3%;
  height:9px;
  background:linear-gradient(90deg,var(--andalus-red-bright),var(--andalus-red));
  clip-path:polygon(1% 0,100% 0,99% 100%,0 100%);
}
.an-decision-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.an-decision-item{min-width:0;display:flex}
.an-decision-link{
  position:relative;
  isolation:isolate;
  z-index:0;
  width:100%;
  min-height:154px;
  padding:16px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:10px;
  color:var(--andalus-charcoal-deep)!important;
  background:var(--andalus-white);
  border:1px solid rgba(255,255,255,.38);
  border-radius:10px 3px 10px 3px;
  box-shadow:0 10px 24px rgba(7,6,8,.16);
  overflow:hidden;
  text-decoration:none!important;
  transition:transform var(--andalus-motion-normal) var(--andalus-ease-out),border-color var(--andalus-motion-normal) ease,box-shadow var(--andalus-motion-normal) ease;
}
.an-decision-link::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 -45% 0 auto;
  width:48%;
  background:linear-gradient(145deg,rgba(249,53,34,.10),rgba(239,54,73,.18));
  clip-path:polygon(24% 0,100% 0,76% 100%,0 100%);
  transform:translateX(34%);
  transition:transform var(--andalus-motion-normal) var(--andalus-ease-out);
  pointer-events:none;
}
.an-decision-link:hover,.an-decision-link:focus-visible{
  color:var(--andalus-charcoal-deep)!important;
  border-color:var(--andalus-red)!important;
  box-shadow:0 16px 32px rgba(7,6,8,.24);
  transform:translateY(-4px);
}
.an-decision-link:hover::before,.an-decision-link:focus-visible::before{transform:translateX(-52%)}
.an-decision-link:active{transform:translateY(-1px)}
.an-decision-link:visited{color:var(--andalus-charcoal-deep)!important}
.an-decision-link:focus-visible{outline:3px solid var(--andalus-red)!important;outline-offset:3px!important}
.an-decision-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.an-decision-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:var(--andalus-white);
  background:linear-gradient(145deg,var(--andalus-red-bright),var(--andalus-red));
  border-radius:9px 3px 9px 3px;
}
.an-decision-icon svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.an-decision-step{direction:ltr;color:#817c87;font-size:.78rem;font-weight:900;letter-spacing:.08em}
.an-decision-copy{position:relative;z-index:1;align-self:end}
.an-decision-copy strong{display:block;margin:0 0 5px;color:var(--andalus-charcoal-deep);font-size:1.05rem;font-weight:900;line-height:1.35}
.an-decision-copy p{margin:0;color:#625e68;font-size:.87rem;font-weight:750;line-height:1.65}
.an-decision-action{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--andalus-red-deep);font-size:.78rem;font-weight:900}
.an-decision-arrow{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--andalus-motion-fast) var(--andalus-ease-out)}
.an-decision-link:hover .an-decision-arrow,.an-decision-link:focus-visible .an-decision-arrow{transform:translateX(-4px)}
.an-decision-link:hover .an-decision-icon,.an-decision-link:focus-visible .an-decision-icon{transform:translateY(-2px)}
.an-decision-icon{transition:transform var(--andalus-motion-fast) var(--andalus-ease-out)}

/* Selected card interactions remain restrained. */
:where(.serviceCard,.journeyStep,.an-cat-card,.offer-card,.landing-product,.product-card,.stainless-product){
  transition:transform var(--andalus-motion-normal) var(--andalus-ease-out),box-shadow var(--andalus-motion-normal) ease,border-color var(--andalus-motion-normal) ease!important;
}
:where(.serviceCard,.journeyStep,.an-cat-card,.offer-card,.landing-product,.product-card,.stainless-product):hover{transform:translateY(-4px)!important}
:where(.an-cat-card,.product-card,.landing-product,.stainless-product):hover img{transform:scale(1.02)!important}

@media(max-width:1199px){
  .an-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .an-decision-link{min-height:142px}
}
@media(max-width:700px){
  .an-decision-panel{margin-inline:0;padding:14px 12px 17px}
  .an-decision-panel::before{clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
  .an-decision-grid{grid-template-columns:1fr;gap:9px}
  .an-decision-link{
    min-height:112px;
    padding:13px 14px;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:auto;
    align-items:center;
    gap:12px;
  }
  .an-decision-top{display:block}
  .an-decision-step{display:none}
  .an-decision-icon{width:42px;height:42px}
  .an-decision-copy{align-self:center}
  .an-decision-copy strong{font-size:1rem}
  .an-decision-copy p{font-size:.84rem;line-height:1.55}
  .an-decision-action{justify-content:flex-end}
  .an-decision-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  :where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main)::before{width:92vw;height:92px;opacity:.65}
  :where(.homeHero,.an-cat-hero,#anLive>.hero,.s10-hero,.stainless-hero,.an-info-main)::after{width:72vw}
}
@media(max-width:350px){
  .an-decision-link{min-height:118px;padding-inline:11px;gap:9px}
  .an-decision-copy p{font-size:.8rem}
}

@media(hover:none){
  .an-decision-link:hover{transform:none}
  :where(.serviceCard,.journeyStep,.an-cat-card,.offer-card,.landing-product,.product-card,.stainless-product):hover{transform:none!important}
}

/* Complete reduced-motion and JS-disabled safeguards. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .an-reveal,.an-motion-hero,.an-motion-hero-content,.an-motion-hero-image,
  .an-motion-heading::after,.an-decision-link,.an-decision-link::before,
  .an-decision-icon,.an-decision-arrow,.an-motion-cta::before{
    animation:none!important;
    transition:none!important;
  }
  .an-reveal,.an-reveal:not(.is-revealed){opacity:1!important;transform:none!important}
  .an-motion-heading::after{transform:none!important}
  .an-decision-link:hover,.an-decision-link:focus-visible{transform:none!important}
}

/* V11 narrow-screen refinements. */
@media(max-width:700px){
  #anLive>.hero{padding-top:24px!important}
  #anLive .hero h1{font-size:clamp(2rem,10vw,2.72rem)!important;line-height:1.14!important;text-wrap:balance}
  #anLive .lead{font-size:.96rem!important;line-height:1.85!important}
  .an-decision-link{box-shadow:0 8px 20px rgba(7,6,8,.14)}
}
@media(min-width:701px) and (max-width:1024px){
  .an-decision-panel{max-width:100%}
  .an-decision-link{min-height:138px}
}

/* ========================================================================== */
/* V13 — Professional Flow: clearer hierarchy, guided attention, calm motion. */
/* ========================================================================== */
:root{
  --andalus-motion-fast:180ms;
  --andalus-motion-normal:300ms;
  --andalus-motion-slow:680ms;
  --andalus-ease-out:cubic-bezier(.2,.78,.2,1);
  --andalus-ease-emphasis:cubic-bezier(.16,1,.3,1);
}

/* Thin progress indicator: red remains a decorative navigation cue only. */
.an-scroll-progress{
  position:fixed;
  z-index:100000;
  inset:0 0 auto;
  height:3px;
  pointer-events:none;
  background:transparent;
}
.an-scroll-progress>span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:right center;
  background:linear-gradient(90deg,var(--andalus-red-bright),var(--andalus-red));
  box-shadow:0 1px 7px rgba(239,54,73,.28);
  will-change:transform;
}

/* Header gains depth only after scrolling; desktop compaction preserves mobile geometry. */
.an-site-header{
  transition:box-shadow .28s ease,background-color .28s ease,backdrop-filter .28s ease!important;
}
html.an-page-scrolled .an-site-header{
  background:rgba(255,255,255,.93)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.08);
  backdrop-filter:blur(15px) saturate(1.08);
  box-shadow:0 13px 36px rgba(20,18,24,.12)!important;
}
@media(min-width:1025px){
  .an-site-header__row,
  .an-site-brand img{
    transition:min-height .28s var(--andalus-ease-out),width .28s var(--andalus-ease-out),height .28s var(--andalus-ease-out)!important;
  }
  html.an-page-scrolled .an-site-header__row{min-height:68px!important}
  html.an-page-scrolled .an-site-brand img{width:112px!important;height:54px!important}
}

/* Consistent visual rhythm without rewriting page-specific layout systems. */
.an-motion-section{scroll-margin-top:clamp(104px,12vw,136px)}
:where(.homeSectionHead,.sectionHead,.offersHead,.stainless-sectionHead,.offers-first-head,.products-first-head,.simple-page-head){
  max-width:920px;
}
:where(.homeSectionHead h2,.sectionHead h2,.offersHead h2,.stainless-sectionHead h2,.sb-heading,.an-info-section>h2){
  text-wrap:balance;
  line-height:1.26;
}
:where(.heroLead,.lead,.sectionLead,.s10-lead,.sb-lead,.an-cat-hero p,.an-info-lead){
  max-width:72ch;
  text-wrap:pretty;
}

/* Guided section and card reveals. Content remains fully visible without JS. */
html.an-motion-js:not(.an-reduced-motion) .an-reveal{
  will-change:opacity,transform,filter;
  transition:
    opacity var(--andalus-motion-slow) var(--andalus-ease-emphasis),
    transform var(--andalus-motion-slow) var(--andalus-ease-emphasis),
    filter var(--andalus-motion-slow) ease;
  transition-delay:calc(var(--an-motion-order,0) * 58ms);
}
html.an-motion-js:not(.an-reduced-motion) .an-reveal:not(.is-revealed){
  opacity:.08;
  transform:translate3d(0,22px,0) scale(.986);
  filter:blur(1.2px);
}
html.an-motion-js:not(.an-reduced-motion) .an-reveal.is-revealed{
  opacity:1;
  transform:none;
  filter:none;
}
html.an-motion-js:not(.an-reduced-motion) .an-motion-heading.an-reveal:not(.is-revealed){
  transform:translate3d(16px,14px,0);
}

/* Polished cards: graphite depth, tiny red edge, responsive pointer highlight. */
.an-motion-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  backface-visibility:hidden;
}
:where(.serviceCard,.journeyStep,.trustItem,.an-cat-card,.product,.product-card,.landing-product,.offer-card,.luxCard,.chapter,.intent,.faq details,.s10-faq details,.card,.incomeCard,.s10-step,.stainless-product,.review-card,.installment-box,.sb-benefit,.sb-proof__item,.sb-panel,.an-decision-link){
  border-radius:18px 7px 18px 7px!important;
  transition:
    transform var(--andalus-motion-normal) var(--andalus-ease-emphasis),
    box-shadow var(--andalus-motion-normal) ease,
    border-color var(--andalus-motion-normal) ease!important;
}
:where(.an-cat-photo,.photo,.landing-product-photo,.stainless-photo,.sb-gallery__main,.sb-comfort__image,.heroMedia,.heroPreview) img{
  transition:transform .62s var(--andalus-ease-emphasis),filter .4s ease!important;
}
@media(hover:hover) and (pointer:fine){
  :where(.serviceCard,.journeyStep,.trustItem,.an-cat-card,.product,.product-card,.landing-product,.offer-card,.luxCard,.chapter,.intent,.faq details,.s10-faq details,.card,.incomeCard,.s10-step,.stainless-product,.review-card,.installment-box,.sb-benefit,.sb-proof__item,.sb-panel,.an-decision-link):hover{
    transform:translateY(-6px)!important;
    box-shadow:0 22px 48px rgba(22,20,27,.15)!important;
  }
  :where(.an-cat-card,.product,.product-card,.landing-product,.stainless-product,.sb-gallery__main,.sb-comfort__image):hover img{
    transform:scale(1.035)!important;
    filter:saturate(1.035) contrast(1.015);
  }
}

/* Buttons communicate hierarchy and tactility without permanent animation. */
:where(.heroBtn,.btn,.an-cat-btn,.s10-btn,.stainless-btn,.sb-btn,.allBtn,.offersOnlyBtn){
  min-height:46px;
  transition:
    transform var(--andalus-motion-fast) var(--andalus-ease-out),
    box-shadow var(--andalus-motion-normal) ease,
    border-color var(--andalus-motion-fast) ease,
    background-color var(--andalus-motion-fast) ease!important;
}
:where(.heroBtn,.btn,.an-cat-btn,.s10-btn,.stainless-btn,.sb-btn,.allBtn,.offersOnlyBtn):active{
  transform:translateY(1px) scale(.985)!important;
}
.an-motion-cta::before{
  width:22%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transform:skewX(-17deg) translateX(-35%);
}
.an-motion-cta:hover::before,.an-motion-cta:focus-visible::before{
  transform:skewX(-17deg) translateX(610%);
}
.an-attention-cue{
  animation:an-attention-once 1.65s var(--andalus-ease-emphasis) both!important;
}
@keyframes an-attention-once{
  0%,100%{box-shadow:0 13px 28px rgba(27,25,33,.18)}
  36%{box-shadow:0 15px 34px rgba(27,25,33,.26),0 0 0 7px rgba(239,54,73,.13)}
  66%{box-shadow:0 15px 34px rgba(27,25,33,.22),0 0 0 2px rgba(239,54,73,.08)}
}

/* Hero movement is observable but restrained. */
html.an-motion-js:not(.an-reduced-motion) .an-motion-hero.is-motion-active>.an-motion-hero-content{
  animation:an-v13-content-in .72s .05s var(--andalus-ease-emphasis) both;
}
html.an-motion-js:not(.an-reduced-motion) .an-motion-hero.is-motion-active .an-motion-hero-image{
  animation:an-v13-image-settle .9s .08s var(--andalus-ease-emphasis) both;
}
@keyframes an-v13-content-in{
  from{opacity:.18;transform:translate3d(18px,18px,0)}
  to{opacity:1;transform:none}
}
@keyframes an-v13-image-settle{
  from{opacity:.28;transform:translate3d(-12px,0,0) scale(1.018);filter:saturate(.88)}
  to{opacity:1;transform:none;filter:none}
}

/* Active controls use graphite surfaces and a slim red cue. */
:where(.an-cat-tab,.chip,.catTab,.an-cat-field,.search input,.field input,.field select){
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease!important;
}
:where(.an-cat-field,.search input,.field input,.field select):focus{
  border-color:#aaa5af!important;
  box-shadow:0 0 0 4px rgba(45,42,53,.08),inset 0 -2px 0 var(--andalus-red)!important;
}
:where(.an-cat-tab.is-current,.chip.active,.catTab.active){
  box-shadow:inset 0 -3px 0 var(--andalus-red)!important;
}

/* Mobile: keep motion clear and fast; avoid costly hover-only effects. */
@media(max-width:700px){
  html.an-motion-js:not(.an-reduced-motion) .an-reveal{
    transition-duration:520ms;
    transition-delay:calc(var(--an-motion-order,0) * 42ms);
  }
  html.an-motion-js:not(.an-reduced-motion) .an-reveal:not(.is-revealed){
    transform:translate3d(0,16px,0) scale(.992);
    filter:none;
  }
  .an-scroll-progress{height:2px}
  :where(.heroBtn,.btn,.an-cat-btn,.s10-btn,.stainless-btn,.sb-btn,.allBtn,.offersOnlyBtn){min-height:48px}
}

@media(hover:none){
  .an-motion-card:hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  .an-scroll-progress{display:none!important}
  .an-attention-cue{animation:none!important}
  .an-motion-card,.an-reveal,.an-motion-hero-content,.an-motion-hero-image{will-change:auto!important}
}

/* == 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-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}

/* == andalus-responsive-fixes-v36.css == */
/* Andalus V36 — V35 layout safeguards plus a viewport-fixed mobile navigation portal. */

:where(.amanPlans,.an-cat-plans,.mattressPlans,.offer-aman__plans){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  min-width:0!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan){
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:72px!important;
  padding:6px 3px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>:where(span,strong,small){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  font-variant-numeric:tabular-nums!important;
  unicode-bidi:plaintext!important;
  text-align:center!important;
  line-height:1.25!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>span{
  font-size:clamp(9px,2.35vw,11px)!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>strong{
  font-size:clamp(10px,2.65vw,12.5px)!important;
  letter-spacing:-.018em!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>small{
  font-size:clamp(7.5px,1.95vw,9.5px)!important;
  letter-spacing:-.018em!important;
}
:where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start){min-width:0!important}
:where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>:where(span,strong){min-width:0!important}
:where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>strong{
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

/* Mattress hero is informational only: no zoom cue, no click target, no floating caption. */
[data-an-no-preview],[data-an-no-preview] img{cursor:default!important}
[data-an-no-preview] img{pointer-events:none!important}
[data-an-no-preview]>.an-photo-cue,[data-an-no-preview] .an-photo-cue{display:none!important}
.heroPreview[data-an-no-preview]>span{display:none!important}
.heroPreview[data-an-no-preview]:hover img{transform:scale(1.01)!important}

@media(max-width:700px){
  :where(.amanPlans,.an-cat-plans,.mattressPlans,.offer-aman__plans){gap:5px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan){min-height:70px!important;padding-inline:2px!important}
  :where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start){gap:6px!important}
  :where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>span{flex:1 1 auto!important;font-size:clamp(10px,2.75vw,12px)!important}
  :where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>strong{flex:0 1 auto!important;max-width:58%!important;font-size:clamp(11px,3vw,13px)!important;white-space:nowrap!important}
}
@media(max-width:360px){
  :where(.amanPlans,.an-cat-plans,.mattressPlans,.offer-aman__plans){gap:3px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan){min-height:68px!important;padding-inline:1px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>span{font-size:8.5px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>strong{font-size:9.25px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>small{font-size:7px!important}
}

/* ANDALUS_MOBILE_NAV_VIEWPORT_V36_START
 * The mobile menu is positioned against the current viewport, not the header's
 * original document position. JavaScript publishes the live header bottom in
 * --an-mobile-nav-top whenever the menu opens or the viewport changes.
 */

/* ANDALUS_MOBILE_NAV_VIEWPORT_V36_END */