/* ANDALUS_CSS_BUNDLE_V1: andalus-brand-system.css + andalus-motion.css + andalus-unified-layout.css + andalus-neutral-v14.css + andalus-typography-v80.css + andalus-live-readability-v1.css + andalus-live-materials-v1.css + andalus-photos-v1.css + andalus-price-card-v1.css */
/* == 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_HERO_NO_LATE_MOTION_V1 (أ. محمد 3 Nov 23:47 «/24 لسا فيها الرعشة»): the hero entrance (content slides 18 px and back, the
   photos settle) starts when andalus-motion.js runs — after the page is already on screen (measured /24: 1.5–2.5 s later), so the
   words the customer is reading moved under his eyes. The hero now stays where it is painted; card reveals further down stay. */
html.an-motion-js .an-motion-hero.is-motion-active>.an-motion-hero-content,
html.an-motion-js .an-motion-hero.is-motion-active .an-motion-hero-image,
html.an-motion-js .an-motion-hero.is-motion-active::before,
html.an-motion-js .an-motion-hero.is-motion-active::after{animation:none!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-typography-v80.css == */
/* ANDALUS_SELF_HOSTED_IBM_PLEX_ARABIC_V80_READY
   Stable local web typography for all supported devices.
   Font files are downloaded once during preview/deployment, then served locally
   from the Andalus domains. No browser request to Google Fonts or third-party CDNs.
*/
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:400;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:400;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:500;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-500-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:500;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-500-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:600;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:600;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:700;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-700-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF;
}
@font-face{
  font-family:"IBM Plex Sans Arabic";
  font-style:normal;
  font-display:swap;
  font-weight:700;
  src:url("./fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-700-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  --andalus-font-ui:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html body{
  font-family:var(--andalus-font-ui)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis:none;
}
html body :where(main,header,footer,nav,section,article,aside,form,dialog,table),
html body :where(p,a,button,input,select,textarea,label,li,dt,dd,th,td,small,strong,b,em,summary,details,option,optgroup),
html body :where(h1,h2,h3,h4,h5,h6),
html body :where(.an-home-catalog-exact,.stainless-page,.sb-page,.sofa-bed-page,.offers-page,.installment-page){
  font-family:var(--andalus-font-ui)!important;
}
html body :where(h1,h2,h3,h4,h5,h6){font-weight:700;}
html body :where(strong,b){font-weight:700;}
html body :where(button,.btn,[class*="button"],[class*="cta"]){font-weight:600;}
html[dir="rtl"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,li,dt,dd,th,td,small,strong,b,em,summary,details,option,optgroup){
  letter-spacing:0!important;
  word-spacing:normal!important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures contextual;
}
html body :where(button,input,select,textarea,optgroup,option){font-size:inherit;}
html body :where(i,.fa,.fas,.far,.fab,.fal,.fad,.material-icons,.material-symbols-outlined,[data-icon],[class^="icon-"],[class*=" icon-"]){
  font-family:revert!important;
  letter-spacing:normal!important;
}
@media print{
  html body{font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;}
}

/* == andalus-live-readability-v1.css == */
/* ==========================================================
   ANDALUS_LIVE_READABILITY_V1 — /live only
   Same rules as /24 and the homepage:
   - Scale: 13 · 14 · 15 · 17 · 19 · 22 · 28 · 36 px, line-height ≥ 1.55.
   - Nothing the customer must read is under 13px. Desktop body 18px.
   - Numbers read left-to-right inside Arabic lines.
   Loaded last in <head>. Older sheets use #catalog / #anLive with
   !important, so product-card rules start with html body #anLive #catalog.
   ========================================================== */

/* ---------- Header ---------- */
html body .an-site-menu-btn__label{ font-size:14px !important; }
html body .an-site-header .an-site-mobile-actions a,
html body .an-site-header .an-site-mobile-actions a span{ font-size:13px !important; }
html body .an-site-brand small{ font-size:13px !important; }
html body .an-google-rating-badge small{ font-size:13px !important; }
html body .an-site-header .an-site-benefit,
html body .an-site-header .an-site-benefit span,
html body .an-site-header .an-site-benefit strong{ font-size:13px !important; }

/* ---------- Hero ---------- */
html body #anLive .hero .badge{ font-size:15px !important; }
html body #anLive .hero h1{ font-size:clamp(2.2rem,4.2vw,4.2rem) !important; line-height:1.14 !important; }
html body #anLive .hero h1 span{ display:block; }
html body #anLive .hero .lead{ font-size:19px !important; line-height:1.7 !important; max-width:640px; }
html body #anLive .hero .heroActions .btn{ min-height:56px !important; font-size:19px !important; opacity:1 !important; }
html body #anLive .hero .heroActions .btn.light{ color:var(--brand,#6f442f) !important; border-color:#cfae95 !important; background:#fff !important; }
html body #anLive .btn.wa,
html body #anLive .offerActions .wa,
html body .anSticky .btn.wa{ background:#128c4a !important; color:#fff !important; border-color:#128c4a !important; }

html body #anLive .liveFacts{
    list-style:none; margin:18px 0 0; padding:0;
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-width:720px;
}
html body #anLive .liveFacts li{
    background:#fff; border:1px solid var(--line,#eadfd5); border-radius:14px;
    padding:10px 12px; display:flex; flex-direction:column; gap:2px;
}
html body #anLive .liveFacts strong{ font-size:17px; font-weight:900; color:var(--dark,#24160f); line-height:1.3; }
html body #anLive .liveFacts span{ font-size:14px; font-weight:750; color:var(--soft,#7b6558); line-height:1.5; }

/* Decision panel (desktop only — on phones it repeats the hero buttons) */
html body #anLive .an-decision-step,
html body #anLive .an-decision-action span{ font-size:14px !important; }
html body #anLive .an-decision-copy strong{ font-size:19px !important; }
html body #anLive .an-decision-copy p{ font-size:15px !important; line-height:1.6 !important; }

/* ---------- Section heads ---------- */
html body #anLive .sectionKicker,
html body #anLive .an-v86-kicker{ font-size:14px !important; }
html body #anLive .sectionHead h2,
html body #anLive .offersHead h2,
html body #anLive .an-v86-heading h2,
html body #anLive .contactCard h2{ font-size:clamp(1.7rem,2.6vw,2.5rem) !important; line-height:1.25 !important; }
html body #anLive .sectionHead p,
html body #anLive .offersHead p,
html body #anLive .an-v86-heading p{ font-size:17px !important; line-height:1.7 !important; }

/* ---------- Video hub ---------- */
html body #anLive .an-v86-count strong{ font-size:22px !important; }
html body #anLive .an-v86-count span{ font-size:13px !important; }
html body #anLive .an-v86-play-copy{ font-size:15px !important; }
html body #anLive .an-v86-now span,
html body #anLive .an-v86-now strong{ font-size:14px !important; }
html body #anLive .an-v86-watch,
html body #anLive .an-v86-fullscreen,
html body #anLive .an-v86-actions a{ font-size:15px !important; min-height:44px; }
html body #anLive .an-v86-details h3{ font-size:19px !important; line-height:1.45 !important; }
html body #anLive .an-v86-details p{ font-size:15px !important; line-height:1.75 !important; }
html body #anLive .an-v86-status{ font-size:13px !important; }
html body #anLive .an-v86-chapters header span,
html body #anLive .an-v86-playlist header span{ font-size:14px !important; }
html body #anLive .an-v86-chapters header h3,
html body #anLive .an-v86-playlist header h3{ font-size:19px !important; }
html body #anLive .an-v86-chapter time{ font-size:14px !important; direction:ltr; font-variant-numeric:tabular-nums; }
html body #anLive .an-v86-chapter strong{ font-size:15px !important; line-height:1.4 !important; }
html body #anLive .an-v86-chapter small{ font-size:13px !important; line-height:1.55 !important; }
html body #anLive .an-v86-item-copy small{ font-size:13px !important; }
html body #anLive .an-v86-item-copy strong{ font-size:15px !important; line-height:1.45 !important; }
html body #anLive .an-v86-item-copy span{ font-size:13px !important; }

/* ---------- "بتجهز إيه" ---------- */
html body #anLive .intent b{ font-size:17px !important; }
html body #anLive .intent small{ font-size:14px !important; }

/* ---------- Search / filter bar ---------- */
html body #anLive #liveTools .selectedCopy span,
html body #anLive #liveTools .sortWrap span{ font-size:13px !important; }
html body #anLive #liveTools .selectedCopy strong{ font-size:16px !important; }
html body #anLive #liveTools .backCats{ font-size:15px !important; }
html body #anLive #liveTools .search input{ font-size:16px !important; }
html body #anLive #liveTools .searchHelp{ font-size:13px !important; }
html body #anLive #liveTools .chip{ font-size:15px !important; min-height:40px !important; padding:6px 14px !important; }
html body #anLive #liveTools .chip span{ font-size:13px !important; }

/* ---------- Product cards ---------- */
html body #anLive #catalog #productGrid .product .tag,
html body #anLive #catalog #productGrid .product .multi,
html body #anLive #catalog #productGrid .product .cat,
html body #anLive #catalog #productGrid .product .imgProgress b{ font-size:13px !important; }
html body #anLive #catalog #productGrid .product .model{ font-size:15px !important; }
html body #anLive #catalog #productGrid .product .ptitle{ font-size:19px !important; line-height:1.4 !important; }
html body #anLive #catalog #productGrid .product .price:before{ content:none !important; display:none !important; }
html body #anLive #catalog #productGrid .product .price span,
html body #anLive #catalog #productGrid .product .price small{ font-size:14px !important; }
html body #anLive #catalog #productGrid .product .price strong{ font-size:22px !important; direction:rtl; unicode-bidi:isolate; }
html body #anLive #catalog #productGrid .product .amanQuick span{ font-size:14px !important; }
html body #anLive #catalog #productGrid .product .amanQuick strong{ font-size:19px !important; direction:rtl !important; unicode-bidi:isolate; }
html body #anLive #catalog #productGrid .product .amanQuick small{ font-size:14px !important; font-weight:750; display:inline-block !important; white-space:nowrap !important; }
html body #anLive #catalog #productGrid .product .amanQuick{ flex-wrap:wrap !important; row-gap:2px !important; height:auto !important; min-height:0 !important; }
html body #anLive #catalog #productGrid .product .amanQuick > span{ white-space:nowrap !important; }
html body #anLive #catalog #productGrid .product .amanQuick strong{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; max-width:100% !important; }
html body #anLive #catalog #productGrid .product .amanCalc summary{ font-size:15px !important; line-height:1.5 !important; }
html body #anLive #catalog #productGrid .product .anFinanceCo{ font-size:15px !important; padding-top:6px !important; text-align:right !important; }

/* Plans: one readable row per term */
html body #anLive #catalog #productGrid .product .amanPlans{ grid-template-columns:1fr !important; gap:5px !important; }
html body #anLive #catalog #productGrid .product .amanPlan{
    display:grid !important;
    grid-template-columns:auto auto minmax(0,1fr) !important;
    grid-template-rows:auto !important;
    align-items:center !important; gap:12px !important; padding:9px 12px !important;
    min-height:0 !important; height:auto !important;
}
html body #anLive #catalog #productGrid .product .amanPlan > *{ width:auto !important; grid-row:1 !important; margin:0 !important; letter-spacing:0 !important; }
html body #anLive #catalog #productGrid .product .amanPlan > span{ grid-column:1 !important; font-size:14px !important; text-align:right !important; white-space:nowrap !important; }
html body #anLive #catalog #productGrid .product .amanPlan > strong{ grid-column:2 !important; font-size:16px !important; text-align:right !important; white-space:nowrap !important; direction:rtl !important; unicode-bidi:isolate; }
html body #anLive #catalog #productGrid .product .amanPlan > small{ grid-column:3 !important; font-size:13px !important; text-align:left !important; white-space:normal !important; line-height:1.45 !important; }
html body #anLive #catalog #productGrid .product .amanCalcNote{ font-size:13px !important; line-height:1.7 !important; }
html body #anLive #catalog #productGrid .actions > .btn,
html body #anLive #catalog #productGrid .actions > .btn span{ font-size:15px !important; }

/* ---------- Offers ---------- */
html body #anLive #offers .offer .obadge{ font-size:13px !important; }
html body #anLive .offer h3{ font-size:19px !important; }
html body #anLive .offer .oprice small{ font-size:13px !important; }
html body #anLive .offer .oprice{ font-size:22px !important; direction:rtl; }
html body #anLive .offer .offerInstallment{ font-size:15px !important; line-height:1.6 !important; }
html body #anLive .offer .offerInstallment strong{ font-size:17px; unicode-bidi:isolate; margin-inline:4px; }
html body #anLive .offer .offerDesc{ font-size:15px !important; line-height:1.7 !important; }
html body #anLive .offer .offerActions a{ font-size:15px !important; min-height:46px; }

/* ---------- FAQ / contact / sticky ---------- */
html body #anLive .faq h3{ font-size:17px !important; }
html body #anLive .faq p{ font-size:15px !important; line-height:1.75 !important; }
html body #anLive .faq p a{ color:var(--brand,#6f442f); font-weight:900; text-decoration:underline; }
html body #anLive .contactCard p{ font-size:16px !important; line-height:1.8 !important; }
html body #anLive .contactBtns .btn{ font-size:16px !important; min-height:50px; }
html body .anSticky .btn{ font-size:16px !important; min-height:48px !important; }

/* Tablet + desktop cards are narrow: monthly on top, total/fee under it */
@media(min-width:701px){
    html body #anLive #catalog #productGrid .product .amanPlan{ grid-template-columns:auto minmax(0,1fr) !important; grid-template-rows:auto auto !important; row-gap:2px !important; }
    html body #anLive #catalog #productGrid .product .amanPlan > span{ grid-column:1 !important; grid-row:1 / span 2 !important; }
    html body #anLive #catalog #productGrid .product .amanPlan > strong{ grid-column:2 !important; grid-row:1 !important; text-align:left !important; }
    html body #anLive #catalog #productGrid .product .amanPlan > small{ grid-column:2 !important; grid-row:2 !important; text-align:left !important; }
}

/* ==========================================================
   Phone
   ========================================================== */
@media(max-width:700px){
    html body #anLive .hero{ padding-top:14px !important; padding-bottom:10px !important; }
    html body #anLive .hero .badge{ font-size:14px !important; }
    html body #anLive .hero h1{ font-size:clamp(2rem,9vw,2.6rem) !important; margin:10px 0 10px !important; }
    html body #anLive .hero .lead{ font-size:16px !important; line-height:1.65 !important; }
    html body #anLive .hero .heroActions{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin-top:14px !important; }
    html body #anLive .hero .heroActions .btn{ min-height:52px !important; font-size:17px !important; padding:0 10px !important; width:100% !important; }
    html body #anLive .hero .heroActions .btn.primary{ grid-column:1 / -1; }
    html body #anLive .liveFacts{ gap:6px; margin-top:12px; }
    html body #anLive .liveFacts li{ padding:8px 10px; border-radius:12px; }
    html body #anLive .liveFacts strong{ font-size:15px; }
    html body #anLive .liveFacts span{ font-size:13px; }

    html body #anLive .sectionHead h2,
    html body #anLive .offersHead h2,
    html body #anLive .an-v86-heading h2,
    html body #anLive .contactCard h2{ font-size:1.6rem !important; }
    html body #anLive .sectionHead p,
    html body #anLive .offersHead p,
    html body #anLive .an-v86-heading p{ font-size:15px !important; }

    /* "بتجهز إيه": 3 x 2 compact tiles */
    html body #anLive .intentGrid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; }
    html body #anLive .intent{ min-height:0 !important; padding:12px 6px !important; }
    html body #anLive .intent b{ font-size:15px !important; }
    html body #anLive .intent small{ font-size:13px !important; }

    html body #anLive #liveTools .chip{ font-size:14px !important; min-height:38px !important; padding:5px 12px !important; }
    html body #anLive .offersGrid{ grid-template-columns:1fr !important; gap:10px !important; }
    html body #anLive .contactBtns{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; }
    html body #anLive .contactBtns .btn.wa{ grid-column:1 / -1; }
}

@media(max-width:360px){
    html body #anLive .hero .heroActions{ grid-template-columns:1fr !important; }
    html body #anLive .liveFacts{ grid-template-columns:1fr; }
    html body #anLive .intentGrid{ grid-template-columns:1fr 1fr !important; }
}

/* Phone + tablet: the decision panel repeats the hero buttons */
@media(max-width:1050px){
    html body #anLive .an-decision-panel{ display:none !important; }
}

/* ==========================================================
   Desktop & laptop
   ========================================================== */
@media(min-width:1051px){
    html body #anLive{ font-size:18px; }
    html body #anLive .hero .lead{ font-size:20px !important; }
    html body #anLive .liveFacts{ grid-template-columns:repeat(4,minmax(0,1fr)); }
    html body #anLive .sectionHead p,
    html body #anLive .offersHead p,
    html body #anLive .an-v86-heading p{ font-size:18px !important; }
    html body #anLive #catalog #productGrid .product .ptitle{ font-size:20px !important; }
    html body #anLive .faq p,
    html body #anLive .offer .offerDesc{ font-size:16px !important; }
    html body .anSticky{ display:none !important; }
}

/* == andalus-live-materials-v1.css == */
/* ANDALUS_LIVE_MATERIALS_V1 (23 Oct 2026) — /live = "see the wood and the finishing before you choose".
   Top of the page on phone and computer: short heading → topic chips → player (+ playlist beside it on wide screens). */

#anLive .an-video-hub-v86{padding-top:22px}
#anLive .an-mat-head{max-width:900px;margin:0 0 12px}
#anLive .an-mat-kicker{display:inline-block;background:#fff;border:1px solid var(--line,#eadbd0);border-radius:999px;padding:5px 12px;font-size:.86rem;font-weight:800;color:var(--muted,#6b5a50)}
#anLive .an-mat-head h1{margin:10px 0 8px;font-size:clamp(1.7rem,3.1vw,2.7rem);line-height:1.2;font-weight:900;color:var(--dark,#21140e);letter-spacing:-.02em}
#anLive .an-mat-head p{margin:0;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.75;font-weight:700;color:var(--muted,#6b5a50)}

/* topic chips */
#anLive .an-mat-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
#anLive .an-mat-chip{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 15px;border-radius:999px;border:1px solid var(--line,#eadbd0);background:#fff;color:var(--dark,#21140e);font:inherit;font-size:.95rem;font-weight:800;cursor:pointer;white-space:nowrap}
#anLive .an-mat-chip small{font-size:.76rem;font-weight:800;color:var(--muted,#6b5a50);background:#f6efe9;border-radius:999px;padding:1px 7px}
#anLive .an-mat-chip.is-on{background:var(--dark,#21140e);border-color:var(--dark,#21140e);color:#fff}
#anLive .an-mat-chip.is-on small{background:rgba(255,255,255,.18);color:#fff}
html body #anLive .an-mat-chip{flex:0 0 auto}
#anLive .an-mat-chip:focus-visible{outline:3px solid #c6a087;outline-offset:2px}
#anLive .an-v86-item[hidden]{display:none!important}

/* trust points + next step after the videos */
#anLive .an-mat-next{padding:10px 0 26px}
#anLive .an-mat-facts{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#anLive .an-mat-facts li{background:#fff;border:1px solid var(--line,#eadbd0);border-radius:14px;padding:11px 13px}
#anLive .an-mat-facts strong{display:block;font-size:1rem;font-weight:900;color:var(--dark,#21140e)}
#anLive .an-mat-facts span{display:block;font-size:.86rem;font-weight:700;color:var(--muted,#6b5a50);margin-top:2px}
#anLive .an-mat-actions{display:flex;flex-wrap:wrap;gap:10px}

/* rail sits on the page background like the other sections */
#anLive .an-vrail{margin:6px 0 0}

@media (max-width:700px){
  #anLive .an-video-hub-v86{padding-top:14px}
  #anLive .an-mat-head{text-align:right;margin-bottom:10px}
  #anLive .an-mat-head h1{font-size:1.6rem}
  #anLive .an-mat-head p{font-size:.95rem;line-height:1.65}
  #anLive .an-mat-chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:-10px;padding:0 10px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  #anLive .an-mat-chips::-webkit-scrollbar{display:none}
  #anLive .an-mat-chip{min-height:40px;padding:7px 13px;font-size:.9rem}
  /* ANDALUS_LIVE_CHIPS_FIX_V1 (25 Oct 2026): a site-wide min-width:0 let the chips shrink to ~45px on phones,
     so their text overlapped and spilled out. Each chip keeps its full width; the strip swipes, with a fade
     on the far (left) edge so it is clear there are more topics. */
  html body #anLive .an-mat-chips{scroll-padding-inline:10px;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent)}
  html body #anLive .an-mat-chips.is-end{-webkit-mask-image:none;mask-image:none}
  html body #anLive .an-mat-chip{flex:0 0 auto;min-width:max-content}
  #anLive .an-mat-actions{display:grid;grid-template-columns:1fr}
  #anLive .an-mat-actions .btn{width:100%;justify-content:center}
}

@media (min-width:1000px){
  #anLive .an-mat-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* computers: player and playlist side by side, so the first screen is the video */
@media (min-width:1100px){
  #anLive .an-v86-wrap{width:min(1400px,100% - 48px)}
  #anLive .an-v86-cinema{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
  #anLive .an-v86-playlist{margin-top:0;position:sticky;top:90px;display:flex;flex-direction:column;max-height:calc(100vh - 110px);background:rgba(255,255,255,.92);border:1px solid var(--line,#eadbd0);border-radius:22px;padding:12px}
  #anLive .an-v86-playlist>header{padding:2px 4px 8px}
  #anLive .an-v86-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:2px;scrollbar-width:thin}
  #anLive .an-v86-item{grid-template-columns:128px minmax(0,1fr);flex:0 0 auto}
  #anLive .an-v86-item:hover{transform:none}
  /* keep the landscape player inside the first screen */
  #anLive .an-v86-stage[data-layout="landscape"]{max-width:max(560px,calc((100vh - 450px) * 16 / 9))}
  #anLive .an-mat-head{margin-bottom:8px}
  #anLive .an-mat-head h1{margin:8px 0 4px}
  #anLive .an-mat-chips{margin-bottom:12px}
}
@media (min-width:1500px){
  #anLive .an-v86-cinema{grid-template-columns:minmax(0,1fr) 420px}
}

/* ANDALUS_LIVE_FULL_WIDTH_V1 (23 Oct 2026): computers use the whole screen width (minus a 24px gutter each side)
   and put more next to each other instead of leaving empty margins: chapters beside the player, more cards per row. */
@media (min-width:1280px){
  html body #anLive .wrap,
  html body #anLive .an-v86-wrap,
  html body #anLive .an-vrail__wrap{width:min(2400px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important}
  html body #anLive .an-mat-head{max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:end}
  html body #anLive .an-mat-kicker{grid-column:1/-1;justify-self:start}
  html body #anLive .an-mat-head h1{grid-column:1}
  html body #anLive .an-mat-head p{grid-column:2;padding-bottom:6px}
  html body #anLive .intentGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  html body #anLive .faqGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body #anLive #offers .offersGrid.offersGrid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))!important}
  html body #anLive .productGrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important}
  /* facts + next-step buttons on one row */
  html body #anLive .an-mat-next .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
  html body #anLive .an-mat-facts{margin:0}
  html body #anLive .an-mat-actions{flex-wrap:nowrap}
}
/* wide screens: the player is sized by the screen height, so the spare width shows the chapters beside it */
@media (min-width:1280px){
  html body #anLive .an-v86-main{display:grid;grid-template-columns:minmax(0,1fr) clamp(290px,22vw,360px);column-gap:16px;align-content:start}
  html body #anLive .an-v86-main>*{grid-column:1}
  html body #anLive .an-v86-main>.an-v86-chapters{grid-column:2;grid-row:1/span 4;margin:0;align-self:stretch;max-height:calc(100vh - 230px);overflow-y:auto}
  html body #anLive .an-v86-main>.an-v86-chapters[hidden]{display:none}
  html body #anLive .an-v86-chapter-list{grid-template-columns:1fr!important}
  html body #anLive .an-v86-stage[data-layout="landscape"]{max-width:max(560px,calc((100vh - 420px) * 16 / 9))}
  html body #anLive .an-vrail,html body #anLive .an-vtours{--vr-card:230px}
}
@media (min-width:1900px){
  html body #anLive .an-v86-cinema{grid-template-columns:minmax(0,1fr) 440px}
  html body #anLive .an-vrail{--vr-card:250px}
}
@media (min-width:1280px) and (max-width:1499px){
  html body #anLive .an-mat-next .wrap{display:block}
  html body #anLive .an-mat-facts{margin:0 0 14px}
}

/* ANDALUS_LIVE_LAYOUT_STABLE_V1 (23 Oct 2026)
   - chapters exist only for some videos → when hidden, the «ركّز على الحاجات دي» list takes their place (same box)
   - the playlist and the side column take the player's height and scroll inside, so there is no empty area under the video */
#anLive .an-mat-watch{display:none;margin-top:12px;padding:14px;border:1px solid var(--line,#eadbd0);border-radius:18px;background:#fffaf6}
#anLive .an-v86-chapters[hidden]+.an-mat-watch{display:block}
#anLive .an-mat-watch>header span{display:block;color:var(--brand,#7d1d2b);font-size:.78rem;font-weight:900}
#anLive .an-mat-watch>header h3{margin:2px 0 10px;font-size:1.12rem;font-weight:900;color:var(--dark,#21140e)}
#anLive .an-mat-watch ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:mw}
#anLive .an-mat-watch li{position:relative;padding:9px 12px;padding-inline-start:46px;background:#fff;border:1px solid var(--line,#eadbd0);border-radius:12px;counter-increment:mw}
#anLive .an-mat-watch li::before{content:counter(mw);position:absolute;inset-inline-start:10px;top:10px;width:26px;height:26px;border-radius:8px;background:#6b3f2a;color:#fff;display:grid;place-items:center;font-weight:900;font-size:.85rem}
#anLive .an-mat-watch strong{display:block;font-size:.98rem;font-weight:900;color:var(--dark,#21140e)}
#anLive .an-mat-watch li span{display:block;font-size:.86rem;font-weight:700;color:var(--muted,#6b5a50);line-height:1.6}

@media (min-width:1100px){
  html body #anLive .an-v86-playlist{max-height:max(420px,var(--mat-main-h,calc(100vh - 110px)));position:static}
}
@media (min-width:1280px){
  /* column 1 = the video only; column 2 = title, buttons, then chapters or the watch list, scrolling inside */
  html body #anLive .an-v86-main{grid-template-rows:auto auto auto minmax(0,1fr);height:calc(var(--mat-stage-h,560px) + 26px);overflow:hidden}
  html body #anLive .an-v86-main>.an-v86-stage{grid-column:1;grid-row:1/-1;align-self:start}
  html body #anLive .an-v86-main>.an-v86-player-bar,
  html body #anLive .an-v86-main>.an-v86-details,
  html body #anLive .an-v86-main>.an-v86-status{grid-column:2;margin:0}
  html body #anLive .an-v86-main>.an-v86-player-bar{grid-row:1;padding-top:0;flex-direction:column;align-items:stretch;gap:8px}
  html body #anLive .an-v86-main>.an-v86-player-bar .an-v86-actions{display:flex;flex-wrap:wrap;gap:6px}
  html body #anLive .an-v86-main>.an-v86-player-bar .an-v86-actions>*{flex:1 1 auto}
  html body #anLive .an-v86-main>.an-v86-details{grid-row:2;padding:8px 0 0}
  html body #anLive .an-v86-main>.an-v86-details h3{font-size:1.15rem}
  html body #anLive .an-v86-main>.an-v86-status{grid-row:3;display:none}
  html body #anLive .an-v86-main>.an-v86-chapters,
  html body #anLive .an-v86-main>.an-mat-watch{grid-column:2;grid-row:4;margin-top:10px;max-height:none;min-height:0;overflow-y:auto;align-self:stretch}
  html body #anLive .an-v86-playlist{max-height:var(--mat-main-h,calc(100vh - 110px))}
}

/* ANDALUS_LIVE_VISIT_V1 (23 Oct 2026): «الخطوة الجاية» — come and check the material yourself */
#anLive .an-visit{padding:18px 0 26px}
#anLive .an-visit__box{display:grid;gap:14px;background:linear-gradient(135deg,#2a1a12 0%,#4d3523 60%,#6b4a30 100%);color:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 44px rgba(36,22,15,.18)}
#anLive .an-visit .an-mat-kicker{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#f6e7d8}
#anLive .an-visit h2{margin:10px 0 8px;font-size:clamp(1.4rem,2.6vw,2.3rem);line-height:1.3;font-weight:900;color:#fff}
#anLive .an-visit h2 span{color:#ffd98a}
#anLive .an-visit__copy>p{margin:0 0 14px;font-size:1.02rem;line-height:1.8;font-weight:700;color:#f1e2d4}
#anLive .an-visit .an-mat-facts{margin:0}
#anLive .an-visit .an-mat-facts li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
#anLive .an-visit .an-mat-facts strong{color:#fff}
#anLive .an-visit .an-mat-facts span{color:#e6d4c4}
#anLive .an-visit__card{background:#fff;color:var(--dark,#21140e);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}
#anLive .an-visit__card dl{margin:0;display:grid;gap:10px}
#anLive .an-visit__card dl>div{display:grid;gap:2px}
#anLive .an-visit__card dt{font-size:.8rem;font-weight:900;color:var(--brand,#7d1d2b)}
#anLive .an-visit__card dd{margin:0;font-size:1rem;font-weight:800;line-height:1.6}
#anLive .an-visit__card dd a{color:inherit;text-decoration:none}
#anLive .an-visit__actions{display:grid;gap:8px;margin-top:auto}
#anLive .an-visit__actions .btn{width:100%;justify-content:center}
@media (min-width:1000px){
  #anLive .an-visit__box{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:stretch;padding:28px;gap:24px}
}
@media (min-width:1280px){
  html body #anLive .an-visit .an-mat-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ANDALUS_LIVE_TOPIC_SWITCH_V1 (25 Oct 2026): a chip tap visibly changes the screen — a line under the chips
   says what is showing, and the player flashes once with the topic's first video. */
#anLive .an-mat-result{margin:-6px 0 12px;padding:9px 13px;border-radius:12px;background:#fff7ef;border:1px solid var(--line,#eadbd0);font-size:.92rem;font-weight:700;line-height:1.6;color:var(--muted,#6b5a50)}
#anLive .an-mat-result b{color:var(--dark,#21140e);font-weight:900}
#anLive .an-mat-result a{color:var(--brand,#7d1d2b);font-weight:900;text-decoration:underline;text-underline-offset:3px}
#anLive .an-mat-result[hidden]{display:none}
@keyframes anMatFlash{0%{box-shadow:0 0 0 0 rgba(198,160,135,.9)}100%{box-shadow:0 0 0 14px rgba(198,160,135,0)}}
#anLive .an-v86-stage.an-mat-flash{animation:anMatFlash .7s ease-out 1}
@media (prefers-reduced-motion:reduce){#anLive .an-v86-stage.an-mat-flash{animation:none}}
@media (max-width:700px){#anLive .an-mat-result{margin:-2px 0 10px;font-size:.88rem}}

/* ANDALUS_LIVE_CHAPTERS_FULL_V1 (30 Oct 2026): on computers the chapters were squeezed into the side column
   under the title (≈60–160px with a scroll inside, one chapter visible). They now get their own full-width row
   under the player: every chapter visible at once, no inner scroll. Same for «ركّز على الحاجات دي». */
@media (min-width:1280px){
  html body #anLive .an-v86-main{grid-template-rows:auto auto auto minmax(0,1fr) auto;height:auto;overflow:visible}
  html body #anLive .an-v86-main>.an-v86-stage{grid-row:1/5}
  html body #anLive .an-v86-main>.an-v86-chapters,
  html body #anLive .an-v86-main>.an-mat-watch{grid-column:1/-1;grid-row:5;margin-top:14px;max-height:none;overflow:visible;align-self:start}
  html body #anLive .an-v86-main>.an-v86-chapters .an-v86-chapter-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:8px}
  html body #anLive .an-v86-main>.an-v86-chapters .an-v86-chapter{align-items:start;height:100%}
  html body #anLive .an-v86-main>.an-mat-watch ol{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
}

/* == andalus-photos-v1.css == */
/* ANDALUS_PHOTOS_V1 (19 Oct 2026) — one photo engine for the whole site (see andalus-photos-v1.js).
   Card gallery (.anp-gal) + full-screen viewer (.anp-lb). Text never under 13px.
   Pages tune it with custom properties on the gallery or its parent:
     --anp-ratio (box shape, default 1/1), --anp-bg (box background), --anp-radius, --anp-fit. */

/* ---------- Card gallery ---------- */
.anp-gal{position:relative;min-width:0}
.anp-gal__box{
  position:relative;aspect-ratio:var(--anp-ratio,1/1);overflow:hidden;
  background:var(--anp-bg,#f7f4f0);border-radius:var(--anp-radius,0);cursor:zoom-in;
}
.anp-gal__track{
  display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
}
.anp-gal__track::-webkit-scrollbar{display:none}
.anp-gal.is-single .anp-gal__track{overflow:hidden}
/* overflow:hidden keeps any hover zoom on the photo from showing the next photo's edge */
.anp-gal__slide{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0;overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always}
.anp-gal__slide img:not(.anp-gal__bg){position:relative;z-index:1}
/* Optional blurred copy behind the photo (data-anp-backdrop), so mixed photo shapes fill the box. */
.anp-gal .anp-gal__slide .anp-gal__bg{position:absolute!important;z-index:0;inset:-12%;width:124%!important;height:124%!important;max-width:none;padding:0;object-fit:cover;filter:blur(22px) saturate(1.05);opacity:.6;pointer-events:none}
/* ANDALUS_PHOTO_BACKDROP_STILL_V1 (2 Nov 2026 — أ. محمد: «حول صور الموديلات بيظهر المربع البلوري بيترعش»).
   The blurred copy used to scale with the photo on card hover (andalus-motion.css «:hover img» scale + filter
   transition) and sat in the same paint layer as the card's -6px lift, so the 22px blur was re-drawn every frame
   and its edges shimmered (worst on iPhone/Safari while scrolling or swiping). Now the copy never moves or animates,
   and the photo box is its own clipped layer, so the blur is drawn once and the card lift just moves that layer. */
.anp-gal__box{isolation:isolate;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}
.anp-gal .anp-gal__slide .anp-gal__bg{transform:translateZ(0)!important;transition:none!important;animation:none!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.anp-gal__slide img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:var(--anp-fit,contain);padding:var(--anp-pad,6px)}
.anp-gal__empty{display:grid;place-items:center;width:100%;height:100%;padding:16px;font-size:14px;font-weight:700;color:#7a675d;text-align:center}
.anp-gal__count{
  /* "1 / 6" reads left to right; logical insets follow the element's own direction, so the
     corner is a physical side (the site is right to left). */
  position:absolute;z-index:3;right:10px;bottom:10px;direction:ltr;pointer-events:none;
  font-size:13px;font-weight:800;line-height:1;color:#fff;background:rgba(20,18,24,.72);border-radius:999px;padding:6px 10px;
}
.anp-gal__zoom{
  position:absolute;z-index:3;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;
  min-height:34px;padding:0 11px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:#231713;
  font-family:inherit;font-size:13px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14);
}
.anp-gal__zoom svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.anp-gal__nav{display:none}
/* Dots sit on the photo (bottom middle), so every card keeps the same height. */
.anp-gal__dots{
  position:absolute;z-index:3;left:50%;bottom:20px;transform:translateX(-50%);pointer-events:none;
  display:flex;justify-content:center;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(20,18,24,.38);
}
.anp-gal__dots span{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.6);transition:width .2s ease,background-color .2s ease}
.anp-gal__dots span.is-on{width:16px;background:#fff}
@media (max-width:330px){.anp-gal__dots{display:none}}
[data-anp-gallery]:not(.anp-gal){cursor:zoom-in}

/* ---------- Full-screen viewer ---------- */
html.anp-lock,html.anp-lock body{overflow:hidden!important}
.anp-lb{
  position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;
  background:#111014;color:#fff;font-family:inherit;direction:rtl;
}
.anp-lb[hidden]{display:none!important}
.anp-lb:focus{outline:0}
.anp-lb *{box-sizing:border-box}
.anp-lb [hidden]{display:none!important}
/* Only the photo shrinks on short screens; the strip and the buttons keep their size. */
.anp-lb__top,.anp-lb__thumbs,.anp-lb__bottom{flex:0 0 auto}
.anp-lb__top{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px}
.anp-lb .anp-lb__close{
  flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%;border:0!important;box-shadow:none!important;outline:0;cursor:pointer;
  background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:20px;font-family:inherit;line-height:1;
}
.anp-lb__title{flex:1 1 auto;min-width:0;margin:0;line-height:1.35}
.anp-lb__title strong{display:block;font-size:17px;font-weight:900}
.anp-lb__title span{display:block;font-size:13px;font-weight:700;opacity:.75}
.anp-lb__counter{flex:0 0 auto;font-size:15px;font-weight:800;opacity:.9;direction:ltr}
.anp-lb__stage{position:relative;flex:1 1 auto;min-height:0}
.anp-lb__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain}
.anp-lb__track::-webkit-scrollbar{display:none}
.anp-lb__slide{
  flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;touch-action:manipulation;cursor:zoom-in;
}
.anp-lb__slide img{display:block;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.anp-lb__slide.is-zoomed{display:block;overflow:auto;direction:ltr;overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:zoom-out}
.anp-lb__slide.is-zoomed img{max-width:none;max-height:none;width:220%;height:auto}
.anp-lb__nav{display:none}
/* Photo strip: whole photos (contain), never cropped and never cut at the bottom. */
.anp-lb__thumbs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:10px 14px 8px;scroll-padding-inline:14px}
.anp-lb__thumbs::-webkit-scrollbar{display:none}
.anp-lb .anp-lb__thumb{
  flex:0 0 60px;width:60px;height:60px;padding:2px;border:0;border-radius:10px;overflow:hidden;cursor:pointer;
  background:#24222a;opacity:.6;box-shadow:inset 0 0 0 2px transparent;transition:opacity .15s ease,box-shadow .15s ease;
}
.anp-lb__thumb img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
/* Centered when they fit, still scrollable from the first photo when they don't. */
.anp-lb__thumb:first-child{margin-inline-start:auto}
.anp-lb__thumb:last-child{margin-inline-end:auto}
.anp-lb .anp-lb__thumb.is-on{opacity:1;box-shadow:inset 0 0 0 2px #fff}
.anp-lb__bottom{display:grid;justify-items:center;gap:8px;padding:6px 14px calc(env(safe-area-inset-bottom,0px) + 12px)}
.anp-lb__hint{margin:0;font-size:13px;line-height:1.5;text-align:center;opacity:.72}
.anp-only-mouse{display:none}
.anp-lb__action{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:440px;min-height:52px;padding:0 16px;
  border-radius:14px;border:0;font-family:inherit;font-size:17px;font-weight:900;text-decoration:none!important;cursor:pointer;
}
.anp-lb__action--wa{background:#128c4a;color:#fff!important}
.anp-lb__action--wa svg{width:22px;height:22px;flex:0 0 22px;fill:currentColor}
.anp-lb__action--toggle{background:#fff;color:#24160f}
.anp-lb__action--toggle[aria-pressed="true"]{background:#128c4a;color:#fff}
.anp-lb button:focus-visible,.anp-lb a:focus-visible{outline:3px solid #f0b75a;outline-offset:2px}

@media (hover:hover) and (pointer:fine){
  .anp-gal__nav{
    display:grid;place-items:center;position:absolute;top:50%;z-index:4;transform:translateY(-50%);
    width:40px;height:40px;padding:0;border:0;border-radius:50%;cursor:pointer;
    background:rgba(255,255,255,.94);color:#231713;box-shadow:0 6px 18px rgba(0,0,0,.16);opacity:0;transition:opacity .15s ease;
  }
  .anp-gal:hover .anp-gal__nav,.anp-gal__nav:focus-visible{opacity:1}
  .anp-gal__nav:disabled{opacity:0!important;pointer-events:none}
  .anp-gal__nav--prev{right:10px}
  .anp-gal__nav--next{left:10px}
  .anp-gal__nav svg,.anp-lb__nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
  .anp-lb__nav{
    display:grid;place-items:center;position:absolute;top:50%;z-index:4;transform:translateY(-50%);
    width:48px;height:48px;padding:0;border:0;border-radius:50%;cursor:pointer;background:rgba(255,255,255,.16);color:#fff;
  }
  .anp-lb__nav:disabled{opacity:0;pointer-events:none}
  .anp-lb__nav--prev{right:14px}
  .anp-lb__nav--next{left:14px}
  .anp-only-touch{display:none}
  .anp-only-mouse{display:inline}
}
@media (min-width:1101px){
  .anp-gal__zoom{font-size:15px;min-height:38px}
  .anp-lb__title span,.anp-lb__hint{font-size:15px}
  .anp-lb .anp-lb__thumb{flex-basis:68px;width:68px;height:68px}
}
@media (prefers-reduced-motion:reduce){
  .anp-gal__track,.anp-lb__track{scroll-behavior:auto}
  .anp-gal__dots span,.anp-lb .anp-lb__thumb{transition:none}
}

/* == andalus-price-card-v1.css == */
/* ANDALUS_PRICE_CARD_V1 (19 Oct 2026) — the price + installment block on every product card
   (category pages, homepage, /live). Markup: includes/andalus-price-card.php → an_price_card().
   Cash price, the lowest monthly installment in one line, and every plan behind
   "كل أنظمة التقسيط". Site rules: text never under 13px, English digits, WhatsApp green #128c4a.
   "html body" keeps these ahead of the older per-page price styles. */

html body .an-cp{margin:6px 0 12px;display:grid;gap:4px;text-align:right;direction:rtl}
html body .an-cp p{margin:0;padding:0;background:none;border:0}
html body .an-cp__cash{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
html body .an-cp__cash strong{font-size:24px;font-weight:900;line-height:1.2!important;color:#231713;letter-spacing:-.01em}
html body .an-cp__cash span{
  font-size:13px;font-weight:800;line-height:1;color:#6f442f;background:#f6ece3;border-radius:999px;padding:5px 9px;
}
html body .an-cp__cash span.an-cp__start{background:none;padding:0;font-size:15px;font-weight:800;color:#3d2c25}
html body .an-cp__from{font-size:15px;font-weight:700;line-height:1.5!important;color:#3d2c25}
html body .an-cp__from strong{font-size:19px;font-weight:900;color:#128c4a}
html body .an-cp__line{font-size:13px;font-weight:700;line-height:1.5!important;color:#7a675d}
/* ANDALUS_PRICE_CARD_SPLIT_V1 (22 Oct 2026): cash box + installment box, as on the stainless tables page. */
html body .an-cp{container-type:inline-size}
html body .an-cp__box{display:flex;align-items:stretch;border:1px solid #eadfd3;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 22px rgba(36,33,43,.08)}
html body .an-cp__cashbox{flex:1.15 1 0;min-width:0;background:#f23849;color:#fff;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}
html body .an-cp__instbox{flex:1 1 0;min-width:0;padding:10px 12px;display:flex;flex-direction:column;justify-content:center}
html body .an-cp__box--cash .an-cp__cashbox{flex:1 1 auto}
html body .an-cp__lbl{display:block;font-size:13px;font-weight:700;line-height:1.4;opacity:.95}
html body .an-cp__cashbox .an-cp__lbl{color:#fff}
html body .an-cp__instbox .an-cp__lbl{color:#6b5b50}
html body .an-cp__lbl .an-cp__start{font-weight:900}
html body .an-cp__cashbox .an-cp__was{display:block;color:#fff;font-size:13px;font-weight:700;line-height:1.4;opacity:.9}html body .an-cp__cashbox .an-cp__was s{text-decoration-thickness:1.5px} /* ANDALUS_ROOM_CARD_V1: «بدل …» on a real sale */
html body .an-cp__big{display:block;color:#fff;font-size:26px;font-weight:900;line-height:1.15;white-space:nowrap;letter-spacing:-.01em}
html body .an-cp__big small{font-size:13px;font-weight:700;color:#fff;opacity:.92}
html body .an-cp__inst{display:block;color:#1f1a17;font-size:22px;font-weight:900;line-height:1.15;white-space:nowrap}
html body .an-cp__inst small{font-size:13px;font-weight:700;color:#6b5b50}
html body .an-cp__sub{display:block;font-size:13px;font-weight:600;color:#6b5b50;line-height:1.4}
@container (max-width:270px){
  html body .an-cp__box{flex-direction:column}
}
@container (min-width:420px){
  html body .an-cp__big{font-size:32px}
  html body .an-cp__inst{font-size:26px}
}

html body .an-cp__none{font-size:15px;font-weight:800;line-height:1.5!important;color:#6f6965}

html body .an-cp__plans{margin-top:8px;border:1px solid #e6d8cc;border-radius:14px;background:#fffaf6;overflow:visible}
html body .an-cp__plans summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:46px;padding:0 14px;font-size:15px;font-weight:800;line-height:1.4;color:#231713;border-radius:14px;background:none;
}
html body .an-cp__plans summary::-webkit-details-marker{display:none}
html body .an-cp__plans summary::before{content:none}
html body .an-cp__plans summary::after{
  content:"";width:9px;height:9px;flex:0 0 9px;border:0;border-left:2px solid #6f442f;border-bottom:2px solid #6f442f;border-radius:0;background:none;
  transform:rotate(-45deg) translate(2px,-2px);transition:transform .18s ease;
}
html body .an-cp__plans[open] summary::after{transform:rotate(135deg) translate(-2px,2px)}
html body .an-cp__plans summary:focus-visible{outline:3px solid rgba(111,68,47,.35);outline-offset:2px}
/* ANDALUS_PRICE_PLANS_COMPACT_V1 (22 Oct 2026): one compact box per company, plans as rows
   (not a card each) — about half the height it was. */
html body .an-cp__list{display:grid;gap:8px;padding:0 10px 2px}
html body .an-cp__list p,.an-cp-dlg p{margin:0}
html body .an-cp__grp{border:1px solid #eadfd5;border-radius:12px;background:#fff;overflow:hidden}
html body .an-cp__co{display:flex!important;align-items:center;gap:7px;font-size:13px;font-weight:900;line-height:1.3!important;color:#6f442f;padding:7px 10px!important;background:#fbf6f1!important;border-bottom:1px solid #f0e6dc!important}
html body .an-cp__plan{
  display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 10px;min-height:0;height:auto;
  padding:7px 10px;border:0;border-top:1px solid #f3ebe3;border-radius:0;background:#fff;color:#231713!important;text-decoration:none!important;
  text-align:right;box-shadow:none;transition:background-color .15s ease;
}
html body .an-cp__co + .an-cp__plan{border-top:0}
html body .an-cp__plan:hover,html body .an-cp__plan:focus-visible{background:#f1faf4;outline:none;box-shadow:inset 3px 0 0 #128c4a}
html body .an-cp__m{font-size:14px;font-weight:800;color:#3d2c25;white-space:nowrap}
html body .an-cp__plan strong{font-size:15px;font-weight:900;text-align:left;direction:rtl;white-space:nowrap;color:#231713}
html body .an-cp__plan small{grid-column:1 / -1;font-size:13px;font-weight:600;line-height:1.35;color:#8a786d}
/* small logos: in "أو قسّطها" and beside each company's name */
html body .an-cp .an-fp-logo,html body .an-cp-dlg .an-fp-logo{display:inline-block;width:auto;height:20px;max-width:72px;object-fit:contain;vertical-align:middle;flex:0 0 auto}
html body .an-fp-logo--tile{border-radius:5px 2px 5px 2px}
html body .an-cp__with{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap}
html body .an-cp__with .an-fp-logo{height:18px}

/* Computer: "كل أنظمة التقسيط" opens in a window (assets/andalus-price-card-v1.js). */
.an-cp-dlg{width:min(720px,calc(100vw - 48px));max-height:calc(100vh - 64px);padding:0;border:0;border-radius:22px 7px 22px 7px;background:#fffaf6;color:#231713;box-shadow:0 30px 80px rgba(27,25,33,.35);direction:rtl;text-align:right;overflow:auto;font-family:inherit}
.an-cp-dlg::backdrop{background:rgba(27,25,33,.55);backdrop-filter:blur(3px)}
.an-cp-dlg__head{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px 14px;background:#fff;border-bottom:1px solid #efe5dc}
.an-cp-dlg__kicker{margin:0;font-size:13px;font-weight:800;color:#f23849}
.an-cp-dlg__title{margin:2px 0 0;font-size:20px;font-weight:900;line-height:1.35;color:#231713}
.an-cp-dlg__cash{margin:2px 0 0;font-size:15px;font-weight:700;color:#6b5b50}
.an-cp-dlg__x{flex:0 0 auto;width:38px;height:38px;border:1px solid #e6d8cc;border-radius:12px 4px 12px 4px;background:#fff;color:#3d2c25;font-size:24px;line-height:1;cursor:pointer}
.an-cp-dlg__x:hover{border-color:#f23849;color:#f23849}
.an-cp-dlg__body{padding:16px 22px 4px}
html body .an-cp-dlg .an-cp__list--dlg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:0;align-items:start}
html body .an-cp-dlg .an-cp__co{font-size:15px;padding:10px 14px!important}
html body .an-cp-dlg .an-fp-logo{height:24px;max-width:90px}
html body .an-cp-dlg .an-cp__plan{padding:10px 14px;cursor:pointer}
html body .an-cp-dlg .an-cp__m{font-size:15px}
html body .an-cp-dlg .an-cp__plan strong{font-size:17px}
.an-cp-dlg__hint{margin:0;padding:12px 22px 18px;font-size:13px;font-weight:700;line-height:1.6;color:#7a675d}
html body .an-cp__hint{font-size:13px;font-weight:700;line-height:1.6!important;color:#7a675d;padding:8px 14px 12px!important}

@media (min-width:1101px){
  html body .an-cp__cash strong{font-size:22px}
}
/* older markup still built by hand on the mattresses page keeps the classes above (an-cp__cash / __from / __line) */
@media (prefers-reduced-motion:reduce){
  html body .an-cp__plans summary::after{transition:none}
  html body .an-cp__plan{transition:none}
}

/* Homepage and /live cards: the "غرف السفرة · 106" row repeated the section and the model number
   that the title already says (the category cards dropped it the same way). */
html body #catalog #grid .product[data-product]:has(.an-cp) .row.productMeta,
html body #anLive #catalog .product[data-product]:has(.an-cp) .row.productMeta,
html body .product[data-product]:has(.an-cp) .productMeta{display:none!important}
html body .product[data-product]:has(.an-cp) .ptitle{margin-top:2px!important}

/* ANDALUS_PAY_METHODS_V1 (23 Oct 2026): «ادفع كاش بـ» + Visa / Mastercard / InstaPay / wallets under the price box. */
html body .an-cp__pay{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 0!important}
html body .an-cp__pay-lbl{font-size:13px;font-weight:800;line-height:1.3;color:#6b5b50;white-space:nowrap}
@container (max-width:260px){
  html body .an-cp__pay{gap:4px}
  html body .an-cp__pay .anpm-row{gap:3px}
  html body .an-cp__pay .anpm{width:28px;height:18px;border-radius:3px}
}
/* ANDALUS_PLAN_OPENS_CALC_V1 (3 Nov 2026): the tap-to-pick look is gone — a plan opens the calculator sheet on that plan */