/*
 * 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. */
.an-site-nav>a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--andalus-red)!important}
: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}
}