/* ANDALUS_CSS_BUNDLE_V1: andalus-brand-system.css + andalus-neutral-v14.css + andalus-typography-v80.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-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-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__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 */

