/*
 * 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-nav>a,.an-site-nav__trigger{color:#4b4752!important;border-radius:13px!important}
.an-site-nav>a:hover,.an-site-nav>a[aria-current="page"],
.an-site-nav__group:hover .an-site-nav__trigger,
.an-site-nav__group:focus-within .an-site-nav__trigger,
.an-site-nav__group.is-open .an-site-nav__trigger{
  color:var(--an-coral)!important;
  background:var(--an-coral-soft)!important;
}
.an-site-nav__menu{border-color:var(--an-stroke)!important;box-shadow:var(--an-brand-shadow)!important}
.an-site-nav__menu a:hover,.an-site-nav__menu a:focus-visible{background:var(--an-coral-soft)!important;color:var(--an-coral)!important}
.an-site-header__wa{border-radius:13px 4px 13px 4px!important}
.an-site-menu-btn{
  color:#fff!important;
  border-color:transparent!important;
  border-radius:13px 4px 13px 4px!important;
  background:var(--an-dark-gradient)!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-nav,.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}
  .an-site-nav>a,.an-site-nav__trigger{padding-inline:7px!important;font-size:.78rem!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-nav{top:104px!important;right:14px!important;left:14px!important;max-height:calc(100dvh - 118px)!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-menu-btn{width:41px!important;height:41px!important}
  .an-site-nav{top:120px!important;max-height:calc(100dvh - 134px)!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-nav>a:hover,.an-site-nav>a[aria-current="page"],
.an-site-nav__group:hover .an-site-nav__trigger,
.an-site-nav__group:focus-within .an-site-nav__trigger,
.an-site-nav__group.is-open .an-site-nav__trigger{
  color:var(--an-graphite-2)!important;
  background:#f2f1f4!important;
  box-shadow:inset 0 -2px 0 var(--an-coral)!important;
}
.an-site-nav__menu a:hover,.an-site-nav__menu a:focus-visible{
  color:var(--an-graphite-2)!important;
  background:#f2f1f4!important;
  box-shadow:inset -3px 0 0 var(--an-coral)!important;
}
.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;
  }
}
