/* ANDALUS_CSS_BUNDLE_V1: andalus-brand-system.css + andalus-motion.css + andalus-unified-layout.css + andalus-neutral-v14.css + andalus-typography-v80.css + andalus-home-v1b.css + andalus-section-cards-v2.css + andalus-home-readability-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-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-home-v1b.css == */
/* ANDALUS_WEBSITE_CLEANUP_V1 (plan 8.1): moved out of index.php so the browser keeps it (was inline on every visit). */
/* andalus-product-actions-inline-v5 */
/* ==========================================================
   FINAL PRODUCT ACTIONS
   DESKTOP = 3 BUTTONS
   MOBILE  = STACKED
   Delivered inline to bypass blocked external CSS.
   ========================================================== */


/* ---------- CATEGORY ---------- */

html body .an-cat-actions-row.pactions{
    display:grid !important;
    grid-template-columns:
        minmax(0,1.25fr)
        minmax(0,1fr)
        minmax(0,1fr) !important;

    gap:8px !important;

    width:100% !important;
    max-width:100% !important;

    margin:12px 0 0 !important;
    padding:0 !important;

    overflow:visible !important;
}


html body .an-cat-actions-row.pactions > .an-cat-btn,
html body .an-cat-actions-row.pactions > button{
    box-sizing:border-box !important;

    position:relative !important;

    inset:auto !important;
    float:none !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    margin:0 !important;
    padding:0 10px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    border-radius:14px !important;

    font-family:inherit !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;

    white-space:nowrap !important;

    text-align:center !important;
    text-decoration:none !important;

    overflow:hidden !important;

    transform:none !important;
}


/* Ask */
html body .an-cat-actions-row.pactions > .ask{
    grid-column:1 !important;
    grid-row:1 !important;

    background:#159447 !important;
    color:#fff !important;

    border:1px solid #159447 !important;

    box-shadow:
        0 6px 14px
        rgba(21,148,71,.14) !important;
}


/* Details */
html body .an-cat-actions-row.pactions > .an-cat-btn--details{
    grid-column:2 !important;
    grid-row:1 !important;

    background:#fff !important;
    color:#711f2b !important;

    border:1.5px solid #7b2936 !important;

    box-shadow:none !important;
}


/* Share */
html body .an-cat-actions-row.pactions > .an-cat-share{
    grid-column:3 !important;
    grid-row:1 !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    padding:0 8px !important;

    background:#f7f2ed !important;
    color:#332629 !important;

    border:1px solid #d9cbc4 !important;

    border-radius:14px !important;

    box-shadow:none !important;

    appearance:none !important;
    -webkit-appearance:none !important;
}


/* Unhide actual share text */
html body
.an-cat-actions-row.pactions
> .an-cat-share
.an-cat-sr-only{
    position:static !important;

    display:inline-block !important;

    width:auto !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;

    clip:auto !important;
    clip-path:none !important;

    border:0 !important;

    white-space:nowrap !important;

    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
}


html body
.an-cat-actions-row.pactions
> .an-cat-share svg{
    display:block !important;

    width:18px !important;
    height:18px !important;

    min-width:18px !important;
    max-width:18px !important;

    flex:0 0 18px !important;

    stroke:currentColor !important;
    fill:none !important;

    stroke-width:1.8 !important;
}


/* Category cards without details */
html body
.an-cat-actions-row.pactions:not(.has-details){
    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;
}


html body
.an-cat-actions-row.pactions:not(.has-details)
> .ask{
    grid-column:1 !important;
}


html body
.an-cat-actions-row.pactions:not(.has-details)
> .an-cat-share{
    grid-column:2 !important;
}


/* ---------- HOMEPAGE ---------- */

html body .actions.threeActions{
    display:grid !important;

    grid-template-columns:
        minmax(0,1.25fr)
        minmax(0,1fr)
        minmax(0,1fr) !important;

    gap:8px !important;

    width:100% !important;

    margin-top:12px !important;

    overflow:visible !important;
}


html body .actions.threeActions > .ask,
html body .actions.threeActions > .productDetails,
html body .actions.threeActions > .shareProduct{
    box-sizing:border-box !important;

    position:relative !important;

    inset:auto !important;
    float:none !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    margin:0 !important;
    padding:0 10px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    border-radius:14px !important;

    font-family:inherit !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;

    white-space:nowrap !important;

    text-align:center !important;
    text-decoration:none !important;

    overflow:hidden !important;

    transform:none !important;
}


html body .actions.threeActions > .ask{
    grid-column:1 !important;

    background:#159447 !important;
    color:#fff !important;

    border:1px solid #159447 !important;

    box-shadow:
        0 6px 14px
        rgba(21,148,71,.14) !important;
}


html body .actions.threeActions > .productDetails{
    grid-column:2 !important;

    background:#fff !important;
    color:#711f2b !important;

    border:1.5px solid #7b2936 !important;

    box-shadow:none !important;
}


html body .actions.threeActions > .shareProduct{
    grid-column:3 !important;

    background:#f7f2ed !important;
    color:#332629 !important;

    border:1px solid #d9cbc4 !important;

    box-shadow:none !important;
}


/* show the real existing span */
html body
.actions.threeActions
> .shareProduct span{
    display:inline-block !important;

    font-size:13px !important;
    font-weight:900 !important;

    white-space:nowrap !important;
}


/* Disable old V4 pseudo label */
html body
.actions.threeActions
> .shareProduct::after{
    content:none !important;
    display:none !important;
}


html body
.actions.threeActions
> .shareProduct svg{
    width:18px !important;
    height:18px !important;

    min-width:18px !important;

    flex:0 0 18px !important;

    display:block !important;

    stroke:currentColor !important;
    fill:none !important;
}


/* ---------- HOVER ---------- */

html body
.an-cat-actions-row.pactions
> .ask:hover,
html body
.actions.threeActions
> .ask:hover{
    background:#117f3d !important;
    border-color:#117f3d !important;
}


html body
.an-cat-actions-row.pactions
> .an-cat-btn--details:hover,
html body
.actions.threeActions
> .productDetails:hover{
    background:#741f2c !important;
    color:#fff !important;
    border-color:#741f2c !important;
}


html body
.an-cat-actions-row.pactions
> .an-cat-share:hover,
html body
.actions.threeActions
> .shareProduct:hover{
    background:#eee5df !important;
    color:#641e2b !important;
    border-color:#cbb9b0 !important;
}


/* ---------- MOBILE ---------- */

@media(max-width:700px){

    html body .an-cat-actions-row.pactions,
    html body .actions.threeActions{
        display:flex !important;

        flex-direction:column !important;

        gap:8px !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-btn,

    html body
    .an-cat-actions-row.pactions
    > button,

    html body
    .actions.threeActions
    > .ask,

    html body
    .actions.threeActions
    > .productDetails,

    html body
    .actions.threeActions
    > .shareProduct{
        width:100% !important;

        min-width:100% !important;
        max-width:100% !important;

        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;

        grid-column:auto !important;
        grid-row:auto !important;

        font-size:14px !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .ask,

    html body
    .actions.threeActions
    > .ask{
        order:1 !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-btn--details,

    html body
    .actions.threeActions
    > .productDetails{
        order:2 !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-share,

    html body
    .actions.threeActions
    > .shareProduct{
        order:3 !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-share
    .an-cat-sr-only,

    html body
    .actions.threeActions
    > .shareProduct span{
        font-size:14px !important;
    }
}
/* andalus-product-actions-inline-v5-2 */
/* CATEGORY_SHARE_COMPACT_V5_2 */

/* ==========================================================
   DESKTOP / TABLET CARDS

   Ask       = enough room
   Details   = enough room
   Share     = widest secondary button

   Goal:
   keep every Arabic label fully inside its rectangle.
   ========================================================== */

@media (min-width:701px){

    html body .an-cat-actions-row.pactions,
    html body .actions.threeActions{
        display:grid !important;

        grid-template-columns:
            minmax(0,1.18fr)
            minmax(0,1.10fr)
            minmax(0,1.42fr) !important;

        gap:6px !important;

        width:100% !important;

        overflow:visible !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-btn,

    html body
    .an-cat-actions-row.pactions
    > button,

    html body
    .actions.threeActions
    > .ask,

    html body
    .actions.threeActions
    > .productDetails,

    html body
    .actions.threeActions
    > .shareProduct{

        box-sizing:border-box !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;

        padding-inline:5px !important;

        gap:4px !important;

        font-size:11px !important;
        font-weight:900 !important;
        line-height:1 !important;

        white-space:nowrap !important;

        overflow:hidden !important;

        text-align:center !important;
    }


    /* ASK */

    html body
    .an-cat-actions-row.pactions
    > .ask,

    html body
    .actions.threeActions
    > .ask{
        grid-column:1 !important;
        grid-row:1 !important;
    }


    /* DETAILS */

    html body
    .an-cat-actions-row.pactions
    > .an-cat-btn--details,

    html body
    .actions.threeActions
    > .productDetails{
        grid-column:2 !important;
        grid-row:1 !important;

        font-size:11px !important;

        padding-inline:4px !important;
    }


    /* SHARE */

    html body
    .an-cat-actions-row.pactions
    > .an-cat-share,

    html body
    .actions.threeActions
    > .shareProduct{
        grid-column:3 !important;
        grid-row:1 !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        padding-inline:4px !important;

        justify-content:center !important;

        direction:rtl !important;

        overflow:hidden !important;
    }


    /*
       Category share text.
       Explicit reset of old screen-reader-only styling.
    */

    html body
    .an-cat-actions-row.pactions
    > .an-cat-share
    .an-cat-sr-only{

        position:static !important;

        display:block !important;

        flex:0 1 auto !important;

        width:auto !important;
        min-width:0 !important;
        max-width:calc(100% - 18px) !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        clip:auto !important;
        clip-path:none !important;

        border:0 !important;

        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1 !important;

        white-space:nowrap !important;

        direction:rtl !important;
        text-align:center !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-share svg{

        display:block !important;

        width:14px !important;
        height:14px !important;

        min-width:14px !important;
        max-width:14px !important;

        flex:0 0 14px !important;

        margin:0 !important;

        overflow:visible !important;
    }


    /*
       Homepage has a normal visible span rather than
       an-cat-sr-only.
    */

    html body
    .actions.threeActions
    > .shareProduct span{

        display:block !important;

        flex:0 1 auto !important;

        min-width:0 !important;
        max-width:calc(100% - 18px) !important;

        margin:0 !important;
        padding:0 !important;

        font-size:10.5px !important;
        font-weight:900 !important;
        line-height:1 !important;

        white-space:nowrap !important;

        overflow:visible !important;
    }


    html body
    .actions.threeActions
    > .shareProduct svg{

        width:14px !important;
        height:14px !important;

        min-width:14px !important;
        max-width:14px !important;

        flex:0 0 14px !important;
    }


    /*
       Two-button cards: there is no details button.
       Split the available width equally.
    */

    html body
    .an-cat-actions-row.pactions:not(.has-details){

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr) !important;
    }


    html body
    .an-cat-actions-row.pactions:not(.has-details)
    > .ask{
        grid-column:1 !important;
    }


    html body
    .an-cat-actions-row.pactions:not(.has-details)
    > .an-cat-share{
        grid-column:2 !important;
    }
}


/* ==========================================================
   MOBILE

   Full width, so restore larger readable labels.
   ========================================================== */

@media (max-width:700px){

    html body
    .an-cat-actions-row.pactions,

    html body
    .actions.threeActions{

        display:flex !important;

        flex-direction:column !important;

        gap:8px !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-btn,

    html body
    .an-cat-actions-row.pactions
    > button,

    html body
    .actions.threeActions
    > .ask,

    html body
    .actions.threeActions
    > .productDetails,

    html body
    .actions.threeActions
    > .shareProduct{

        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;

        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;

        padding-inline:12px !important;

        gap:7px !important;

        font-size:14px !important;

        overflow:hidden !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-share
    .an-cat-sr-only,

    html body
    .actions.threeActions
    > .shareProduct span{

        position:static !important;

        display:inline-block !important;

        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        height:auto !important;

        overflow:visible !important;

        clip:auto !important;
        clip-path:none !important;

        font-size:14px !important;
        font-weight:900 !important;
        line-height:1 !important;

        white-space:nowrap !important;
    }


    html body
    .an-cat-actions-row.pactions
    > .an-cat-share svg,

    html body
    .actions.threeActions
    > .shareProduct svg{

        width:18px !important;
        height:18px !important;

        min-width:18px !important;
        max-width:18px !important;

        flex:0 0 18px !important;
    }
}
/* an-home-section-photos */
/* ANDALUS_HOME_SECTION_PHOTOS_V2: same size cards, the whole photo inside a fixed 4:3 frame, text under it */
html body .categoryPick{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:14px!important}
/* ANDALUS_MATTRESS_SECTION_CARD_V1: 10 cards (+ المراتب) = 2 rows of 5 on computers and iPad landscape, 2 per row below */
@media(max-width:980px){html body .categoryPick{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:981px) and (max-width:1279px){html body .categoryPick .catCard--photo .catCardCopy{padding:12px 12px 4px}html body .categoryPick .catCard--photo .catCardCopy strong{font-size:1.1rem!important}html body .categoryPick .catCard--photo .catCardCopy span{font-size:.8rem!important}html body .categoryPick .catCard--photo .arrow{margin:6px 12px 12px!important;padding:6px 12px!important;font-size:.8rem!important}}
html body .categoryPick .catCard.catCard--photo{position:relative;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;padding:0!important;min-height:0!important;height:100%;border-radius:22px!important;overflow:hidden;text-align:right!important;background:linear-gradient(135deg,#4d3523 0%,#7c5b3f 55%,#a87d4c 100%)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 34px rgba(59,39,21,.14)!important;isolation:isolate}
html body .categoryPick .catCard.catCard--photo:before,html body .categoryPick .catCard.catCard--photo:after{display:none!important}
html body .catCard--photo .catPhoto{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#efe4d8;flex:0 0 auto}
html body .catCard--photo .catPhoto i{position:absolute;inset:-12%;background:center/cover no-repeat;filter:blur(18px) saturate(1.05);opacity:.55}
html body .catCard--photo .catPhoto img{position:relative;display:block;width:100%;height:100%;object-fit:contain;transition:transform .45s ease}
html body .catCard--photo:hover .catPhoto img,html body .catCard--photo:focus-visible .catPhoto img{transform:scale(1.04)}
html body .categoryPick .catCard--photo .catCardCopy{position:relative;z-index:2;flex:1 1 auto;align-items:flex-start!important;justify-content:center;text-align:right!important;width:100%;padding:14px 16px 4px;gap:3px}
html body .categoryPick .catCard--photo .catCardCopy strong{color:#fff!important;font-size:1.3rem!important;line-height:1.3!important}
html body .categoryPick .catCard--photo .catCardCopy span{color:#f6e7d8!important;font-size:.88rem!important;font-weight:800!important;line-height:1.5!important}
html body .catCard--photo .catMeta b,html body .catCard--photo .catMeta i{font-weight:800;font-style:normal;white-space:nowrap}
html body .catCard--photo .catMeta i{color:#ffd98a}
html body .catCard--photo .catMeta s{text-decoration:none}
html body .categoryPick .catCard--photo .arrow{position:relative;z-index:2;align-self:flex-start;width:auto!important;margin:8px 16px 16px!important;padding:7px 15px!important;font-size:.86rem!important;white-space:nowrap!important}
@media(max-width:700px){
  html body .categoryPick{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  html body .categoryPick .catCard.catCard--photo{border-radius:16px!important}
  html body .categoryPick .catCard--photo .arrow{display:none!important}
  html body .catCard--photo .catMeta b,html body .catCard--photo .catMeta i{display:block}
  html body .catCard--photo .catMeta s{display:none}
  html body .categoryPick .catCard--photo .catCardCopy{padding:10px 11px 12px;justify-content:flex-start}
  html body .categoryPick .catCard--photo .catCardCopy strong{font-size:1.02rem!important}
  html body .categoryPick .catCard--photo .catCardCopy span{font-size:.82rem!important}
}
@media(prefers-reduced-motion:reduce){html body .catCard--photo .catPhoto img{transition:none}}
/* ANDALUS_KIDS_SECTION_V1: 11 cards (+ غرف الأطفال) = 6 + 5 on computers, 4 + 4 + 3 on iPad landscape, 2 per row below
   with the last card across the row (older browsers without :has keep the 5-per-row grid) */
@media(min-width:1280px){html body .categoryPick:has(> .catCard:nth-child(11):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media(min-width:981px) and (max-width:1279px){html body .categoryPick:has(> .catCard:nth-child(11):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:980px){html body .categoryPick:has(> .catCard:nth-child(odd):last-child) > .catCard:last-child{grid-column:1/-1}html body .categoryPick:has(> .catCard:nth-child(odd):last-child) > .catCard--photo:last-child .catPhoto{aspect-ratio:2/1}}

/* == andalus-section-cards-v2.css == */
/* ANDALUS_SECTION_CARDS_V2 (28 Oct 2026) — one look for the section cards everywhere (أ. محمد: «شكل الأقسام دا المفروض
   مشترك في كل الويب سايت … يتناسق مع ألوان الويب سايت ككل … شكل مودرن أكتر ماشي مع الجلاسي بتاع أبل»).
   Same rules for the home page cards (.categoryPick .catCard--photo, index.php) and the shared block on /24, /live and
   /wheel (.an-sc__card, includes/andalus-showcase.php). Loaded last on those pages.
   - light glass card on the site's cream, photo inset with its own rounded corners (the whole photo, 4:3, as decided 23 Oct)
   - the model count is a glass pill on the photo; the title in ink; «كاش من» in the brand brown
   - a round glass arrow at the card's corner; no empty brown block under short cards
   - Android (html.an-android) has no backdrop-filter (assets/andalus-android-v1.css), so every glass part is readable
     without the blur. */

:root{
  --sc2-ink:#24160f;
  --sc2-muted:#6b584c;
  --sc2-brand:#6f442f;
  --sc2-cream:#f7f3ee;
  --sc2-glass:rgba(255,255,255,.62);
  --sc2-glass-line:rgba(255,255,255,.75);
  --sc2-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(36,22,15,.07),0 10px 28px rgba(54,31,20,.10);
  --sc2-shadow-hover:0 1px 0 rgba(255,255,255,.9) inset,0 0 0 1px rgba(36,22,15,.09),0 18px 40px rgba(54,31,20,.16);
}

/* ---------- the card ---------- */
html body .categoryPick{grid-auto-rows:auto!important;align-items:stretch}
html body .categoryPick .catCard.catCard--photo,
html body .an-sc .an-sc__card{
  position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  min-width:0;height:100%;padding:6px!important;gap:0!important;overflow:hidden;isolation:isolate;
  border-radius:24px!important;border:0!important;text-align:right!important;text-decoration:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,251,246,.86) 100%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);
  box-shadow:var(--sc2-shadow)!important;color:var(--sc2-ink)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease!important;
}
html body .categoryPick .catCard.catCard--photo::before,
html body .categoryPick .catCard.catCard--photo::after{display:none!important}
@media (hover:hover){
  html body .categoryPick .catCard.catCard--photo:hover,
  html body .an-sc .an-sc__card:hover{transform:translateY(-4px)!important;box-shadow:var(--sc2-shadow-hover)!important}
}
html body .categoryPick .catCard.catCard--photo:active,
html body .an-sc .an-sc__card:active{transform:scale(.985)!important}
html body .categoryPick .catCard.catCard--photo:focus-visible,
html body .an-sc .an-sc__card:focus-visible{outline:3px solid #f0b75a!important;outline-offset:3px}

/* ---------- photo: inset, rounded, whole photo over its blurred copy ---------- */
html body .catCard--photo .catPhoto,
html body .an-sc .an-sc__photo{
  position:relative;display:block;width:100%;aspect-ratio:4/3;flex:0 0 auto;overflow:hidden;
  border-radius:18px;background:#efe6dc!important;
}
html body .catCard--photo .catPhoto i,
html body .an-sc .an-sc__photo i{opacity:.6!important;filter:blur(18px) saturate(1.1)!important}
html body .catCard--photo .catPhoto img,
html body .an-sc .an-sc__photo img{object-fit:contain!important;transition:transform .5s cubic-bezier(.2,.8,.2,1)!important}
/* a soft glass sheen on the photo's top edge */
html body .catCard--photo .catPhoto::after,
html body .an-sc .an-sc__photo::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
  background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 28%);
}

/* ---------- copy ---------- */
html body .categoryPick .catCard--photo .catCardCopy,
html body .an-sc .an-sc__copy{
  position:static!important;flex:1 1 auto;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-start!important;gap:2px!important;width:100%;padding:10px 8px 6px!important;padding-inline-end:50px!important;
  text-align:right!important;
}
html body .categoryPick .catCard.catCard--photo .catCardCopy strong,
html body .an-sc .an-sc__card .an-sc__copy strong{
  color:var(--sc2-ink)!important;font-size:clamp(1rem,1.25vw,1.2rem)!important;font-weight:900!important;line-height:1.35!important;
}
html body .categoryPick .catCard.catCard--photo .catCardCopy > span,
html body .an-sc .an-sc__meta{color:var(--sc2-muted)!important;font-size:.85rem!important;font-weight:700!important;line-height:1.5!important}
html body .catCard--photo .catMeta s,
html body .an-sc .an-sc__meta s{display:none!important}
/* «كاش من …» in the brand brown */
html body .categoryPick .catCard.catCard--photo .catMeta i,
html body .an-sc .an-sc__meta i{display:block!important;color:var(--sc2-brand)!important;font-style:normal!important;font-weight:900!important;font-size:.9rem!important;white-space:nowrap}

/* the model count → a glass pill on the photo (top corner) */
html body .categoryPick .catCard.catCard--photo .catMeta,
html body .an-sc .an-sc__card .an-sc__meta{position:static!important;transform:none!important}
html body .categoryPick .catCard.catCard--photo .catMeta b,
html body .an-sc .an-sc__meta b{
  position:absolute;top:14px;right:14px;z-index:3;display:inline-flex!important;align-items:center;min-height:26px;padding:2px 10px;
  border-radius:999px;font-size:.78rem!important;font-weight:900!important;line-height:1.3;white-space:nowrap;color:var(--sc2-ink)!important;
  background:var(--sc2-glass);border:1px solid var(--sc2-glass-line);
  -webkit-backdrop-filter:blur(14px) saturate(1.7);backdrop-filter:blur(14px) saturate(1.7);
  box-shadow:0 4px 14px rgba(36,22,15,.12);
}

/* ---------- the round glass arrow (the old «عرض الموديلات» text stays for screen readers) ---------- */
html body .categoryPick .catCard.catCard--photo .arrow,
html body .an-sc .an-sc__card .an-sc__go{
  position:absolute!important;left:12px!important;bottom:12px!important;z-index:3;display:grid!important;place-items:center;
  width:36px!important;height:36px!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:50%!important;
  font-size:0!important;line-height:0!important;color:var(--sc2-ink)!important;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,239,230,.8))!important;border:1px solid rgba(36,22,15,.08)!important;
  box-shadow:0 1px 0 #fff inset,0 4px 12px rgba(36,22,15,.12)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease!important;
}
html body .categoryPick .catCard.catCard--photo .arrow::after,
html body .an-sc .an-sc__card .an-sc__go::after{content:"←";font-size:18px;line-height:1;font-weight:900;font-style:normal}
@media (hover:hover){
  html body .categoryPick .catCard.catCard--photo:hover .arrow,
  html body .an-sc .an-sc__card:hover .an-sc__go{transform:translateX(-3px);background:var(--sc2-ink)!important;color:#fff!important}
}

/* ---------- grid ---------- */
@media (max-width:700px){
  html body .categoryPick,html body .an-sc .an-sc__grid{gap:10px!important}
  html body .categoryPick .catCard.catCard--photo,html body .an-sc .an-sc__card{border-radius:20px!important;padding:5px!important}
  html body .catCard--photo .catPhoto,html body .an-sc .an-sc__photo{border-radius:16px}
  html body .categoryPick .catCard--photo .catCardCopy,html body .an-sc .an-sc__copy{padding:8px 6px 4px!important;padding-inline-end:44px!important}
  html body .categoryPick .catCard.catCard--photo .arrow,html body .an-sc .an-sc__card .an-sc__go{width:32px!important;height:32px!important;left:10px!important;bottom:10px!important}
  html body .categoryPick .catCard.catCard--photo .catMeta b,html body .an-sc .an-sc__meta b{top:11px;right:11px}
}
@media (max-width:360px){
  html body .categoryPick .catCard.catCard--photo .catCardCopy strong,html body .an-sc .an-sc__card .an-sc__copy strong{font-size:.95rem!important}
  html body .categoryPick .catCard.catCard--photo .catMeta i,html body .an-sc .an-sc__meta i{font-size:.82rem!important}
}

/* ---------- Android: no blur → solid enough to read ---------- */
html.an-android body .categoryPick .catCard.catCard--photo,
html.an-android body .an-sc .an-sc__card{background:#fffdfa!important}
html.an-android body .categoryPick .catCard.catCard--photo .catMeta b,
html.an-android body .an-sc .an-sc__meta b{background:rgba(255,255,255,.92)}

@media (prefers-reduced-motion:reduce){
  html body .categoryPick .catCard.catCard--photo,html body .an-sc .an-sc__card,
  html body .catCard--photo .catPhoto img,html body .an-sc .an-sc__photo img,
  html body .categoryPick .catCard.catCard--photo .arrow,html body .an-sc .an-sc__card .an-sc__go{transition:none!important}
}

/* == andalus-home-readability-v1.css == */
/* ==========================================================
   ANDALUS_HOME_READABILITY_V1 — homepage only (index.php)
   Same rules as /24 (AFS_READABILITY_V3):
   - Scale: 13 · 14 · 15 · 17 · 19 · 22 · 28 · 36 px, line-height ≥ 1.55.
   - Nothing the customer must read is under 13px.
   - Desktop body text 18px.
   - Numbers read left-to-right inside Arabic lines.
   Loaded last in <head>, so it wins over the older layered sheets.
   ========================================================== */

/* ---------- Header (homepage copy only) ---------- */
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 .homeHeroMain{ min-height:0; padding:40px 44px; }
html body .homeHero .heroKicker{ font-size:15px !important; }
html body .homeHero h1{ font-size:clamp(2.2rem,4.2vw,4.2rem) !important; line-height:1.12 !important; margin:14px 0 16px !important; }

html body .heroPromise{
    position:relative; z-index:1;
    list-style:none; margin:0; padding:0;
    display:grid; gap:10px; max-width:720px;
}
html body .heroPromise li{
    background:rgba(255,255,255,.82);
    border:1px solid #e6cfbb;
    border-radius:16px;
    padding:12px 16px;
    color:#3d2a20;
    font-size:19px; font-weight:800; line-height:1.6;
}
html body .heroPromise li strong{ color:var(--brand,#6f442f); font-weight:900; }

html body .homeHero .heroActions{ position:relative; z-index:1; margin-top:20px; gap:10px; }
html body .homeHero .heroBtn{ min-height:56px; font-size:19px; opacity:1 !important; }
html body .homeHero .heroBtn.secondary{ color:var(--brand,#6f442f) !important; border-color:#cfae95 !important; background:#fff !important; }
html body .heroBtn.wa,
html body .floatwa{
    background:#128c4a !important;
    color:#fff !important;
    border-color:#128c4a !important;
}

/* ANDALUS_ONE_PRIMARY_V1 (م6-ز, 3 Nov 2026): WhatsApp as the quiet button next to a block's one coloured button */
html body .heroBtn.heroBtn--wa-quiet, html body .homeHero .heroBtn.secondary.heroBtn--wa-quiet{ background:#fff !important; color:#0f7a40 !important; border:1.5px solid #9fd3b4 !important; }
@media (hover:hover){ html body .homeHero .heroBtn.heroBtn--wa-quiet:hover, html body .heroBtn.heroBtn--wa-quiet:hover{ border-color:#128c4a !important; } }

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

/* Hero finance example (desktop / tablet) */
html body .heroFinance h2{ font-size:clamp(1.6rem,2.2vw,2.1rem) !important; }
html body .heroFinance p{ font-size:16px !important; line-height:1.7; }
html body .heroFinance .financeBadge{ font-size:14px !important; }
html body .financeExample > span{ font-size:17px !important; }
html body .financeCo{ gap:4px !important; }
html body .financeCo strong{ font-size:19px !important; direction:rtl !important; unicode-bidi:isolate; }
html body .financeCo small{ font-size:14px !important; line-height:1.5 !important; text-align:right !important; }
html body .financeNote{ font-size:13px !important; line-height:1.7 !important; }

/* ---------- Section heads ---------- */
html body .sectionKicker{ font-size:14px !important; }
html body #main-content .homeSectionHead h2,
html body #main-content .sectionHeading{ font-size:clamp(1.7rem,2.6vw,2.5rem) !important; line-height:1.25 !important; }
html body #main-content .sectionLead{ font-size:17px !important; line-height:1.7 !important; }

/* ---------- Categories ---------- */
html body .catCard strong,
html body .catCardCopy strong{ font-size:1.35rem !important; }
html body .catCard span,
html body .catCardCopy span{ font-size:15px !important; line-height:1.55 !important; }
html body .catCard .arrow{ font-size:15px !important; }
html body .allBtn{ font-size:16px !important; min-height:50px !important; }

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

/* ---------- Product cards ---------- */
html body #catalog #grid .product .tag,
html body #catalog #grid .product .multi{ font-size:13px !important; }
html body #catalog #grid .product .photo:after{ font-size:13px !important; }
html body #catalog #grid .product .cat{ font-size:13px !important; }
html body #catalog #grid .product .model{ font-size:15px !important; }
html body #catalog #grid .product .ptitle{ font-size:19px !important; line-height:1.4 !important; }

/* Cash price: one label only (the old ::before repeated it) */
html body #catalog #grid .product .price:before{ content:none !important; display:none !important; }
html body #catalog #grid .product .price span{ font-size:14px !important; }
html body #catalog #grid .product .price strong{ font-size:22px !important; direction:rtl; unicode-bidi:isolate; }

/* "Installment starts from" */
html body #catalog #grid .product .amanQuick span{ font-size:14px !important; }
html body #catalog #grid .product .amanQuick strong{ font-size:19px !important; direction:rtl !important; unicode-bidi:isolate; }
html body #catalog #grid .product .amanQuick small{ font-size:14px !important; font-weight:750; display:inline-block !important; white-space:nowrap !important; }
html body #catalog #grid .product .amanQuick{ flex-wrap:wrap !important; row-gap:2px !important; height:auto !important; min-height:0 !important; }
html body #catalog #grid .product .amanQuick > span{ white-space:nowrap !important; }
html body #catalog #grid .product .amanQuick strong{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; max-width:100% !important; }

/* Plan table inside "شوف أقساط..." */
html body #catalog #grid .product .amanCalc summary{ font-size:15px !important; line-height:1.5 !important; }
html body #catalog #grid .product .anFinanceCo{ font-size:15px !important; padding-top:6px !important; }
html body #catalog #grid .product .amanPlans{ gap:6px !important; }
html body #catalog #grid .product .amanPlan{ padding:9px 6px !important; min-height:0 !important; height:auto !important; }
html body #catalog #grid .product .amanPlan span{ font-size:14px !important; white-space:normal !important; }
html body #catalog #grid .product .amanPlan strong{ font-size:16px !important; white-space:nowrap !important; direction:rtl !important; unicode-bidi:isolate; letter-spacing:0 !important; }
html body #catalog #grid .product .amanPlan small{ font-size:13px !important; white-space:normal !important; line-height:1.45 !important; letter-spacing:0 !important; }
/* Plans (all sizes): one readable row per term instead of 3 squeezed boxes */
html body #catalog #grid .product .amanPlans{ grid-template-columns:1fr !important; gap:5px !important; }
html body #catalog #grid .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;
}
html body #catalog #grid .product .amanPlan > *{ width:auto !important; grid-row:1 !important; margin:0 !important; }
html body #catalog #grid .product .amanPlan > span{ grid-column:1 !important; font-size:14px !important; text-align:right !important; }
html body #catalog #grid .product .amanPlan > strong{ grid-column:2 !important; font-size:16px !important; text-align:right !important; white-space:nowrap !important; }
html body #catalog #grid .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 #catalog #grid .product .anFinanceCo{ text-align:right !important; }

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

html body #catalog #grid .product .amanCalcNote{ font-size:13px !important; line-height:1.7 !important; }

html body #catalog #grid .actions.threeActions > .ask,
html body #catalog #grid .actions.threeActions > .productDetails,
html body #catalog #grid .actions.threeActions > .shareProduct,
html body #catalog #grid .actions.threeActions > .shareProduct span{ font-size:15px !important; }

html body #catalog #grid .actions.threeActions > .productDetails{ font-size:14px !important; padding-inline:4px !important; white-space:nowrap !important; overflow:visible !important; }

/* ---------- Services, journey, visit, why ---------- */
html body .serviceCard h3{ font-size:1.15rem !important; }
html body .serviceCard p{ font-size:15px !important; line-height:1.65 !important; }
html body .journeyStep h3{ font-size:1.15rem !important; }
html body .journeyStep p{ font-size:15px !important; line-height:1.7 !important; }
html body .visitBox p{ font-size:17px !important; line-height:1.7 !important; }
html body .visitPhones a{ font-size:17px !important; direction:ltr; }
html body .seoText p{ font-size:16px !important; line-height:1.9 !important; }

/* ==========================================================
   Phone: first screen = headline + two systems + buttons
   ========================================================== */
@media(max-width:700px){
    html body .homeHero{ padding:12px 0 6px !important; }
    html body .homeHeroMain{ padding:22px 16px !important; border-radius:22px !important; }
    html body .homeHero .heroKicker{ font-size:14px !important; }
    html body .homeHero h1{ font-size:clamp(1.95rem,8.6vw,2.5rem) !important; margin:10px 0 12px !important; }
    html body .heroPromise{ gap:8px; }
    html body .heroPromise li{ font-size:16px; padding:10px 12px; border-radius:14px; line-height:1.6; }
    html body .homeHero .heroActions{ display:grid !important; grid-template-columns:1fr 1fr !important; margin-top:14px !important; gap:8px !important; }
    html body .homeHero .heroActions .heroBtn{ min-height:52px !important; font-size:17px !important; padding:0 10px !important; }
    html body .homeHero .heroActions .heroBtn.primary{ grid-column:1 / -1; }
    html body .heroFacts{ grid-template-columns:1fr 1fr; gap:6px; margin-top:12px; }
    html body .heroFacts li{ padding:8px 10px; border-radius:12px; }
    html body .heroFacts strong{ font-size:15px; }
    html body .heroFacts span{ font-size:13px; }


    html body #main-content .homeSectionHead h2,
    html body #main-content .sectionHeading{ font-size:1.6rem !important; }
    html body #main-content .sectionLead{ font-size:15px !important; }

    /* Categories: two columns, whole card is the button */
    html body .categoryPick{ grid-template-columns:1fr 1fr !important; gap:8px !important; }
    html body .catCard{
        display:flex !important; flex-direction:column !important;
        align-items:center !important; justify-content:flex-start !important;
        text-align:center !important; padding:14px 8px !important;
        gap:6px !important; min-height:0 !important; border-radius:18px !important;
    }
    html body .catCard .catIcon{ width:52px !important; height:52px !important; border-radius:16px !important; margin:0 !important; }
    html body .catCard .catIcon svg{ width:34px !important; height:34px !important; }
    html body .catCardCopy{ align-items:center !important; text-align:center !important; }
    html body .catCard strong,
    html body .catCardCopy strong{ font-size:17px !important; }
    html body .catCard span,
    html body .catCardCopy span{ font-size:13px !important; line-height:1.5 !important; }
    html body .catCard .arrow{ display:none !important; }

    html body #tools .chip{ font-size:14px !important; min-height:38px !important; padding:5px 12px !important; }


    /* Services: titles only on phones (short page, every card still tappable) */
    html body .servicesGrid{ grid-template-columns:1fr 1fr !important; gap:8px !important; }
    html body .serviceCard{ min-height:0 !important; padding:14px 12px 14px !important; }
    html body .serviceCard h3{ font-size:16px !important; margin:8px 0 0 !important; }
    html body .serviceCard p{ display:none !important; }
    html body .serviceCard:after{ display:none !important; }

    /* Journey: 2 x 2 */
    html body .journeyGrid{ grid-template-columns:1fr 1fr !important; gap:8px !important; }
    html body .journeyStep{ display:block !important; padding:14px 12px !important; }
    html body .journeyStep:before{ margin-bottom:8px !important; width:34px !important; height:34px !important; }
    html body .journeyStep h3{ font-size:16px !important; }
    html body .journeyStep p{ font-size:14px !important; line-height:1.6 !important; }

    html body .visitBox p{ font-size:16px !important; }
    html body .seoText p{ font-size:15px !important; }
}

@media(max-width:360px){
    html body .homeHero .heroActions{ grid-template-columns:1fr !important; }
    html body .heroFacts{ grid-template-columns:1fr; }
}

/* ==========================================================
   Tablet
   ========================================================== */
@media(min-width:701px) and (max-width:1100px){
    html body .heroFacts{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    html body .homeHero .heroActions{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

/* Phone + tablet: the hero is one column here, so the example card would push the
   categories a full screen down. Every product card already shows its installments. */
@media(max-width:1100px){
    html body .heroFinance{ display:none !important; }
}

/* ==========================================================
   Desktop & laptop: no magnifying glass needed
   ========================================================== */
@media(min-width:1101px){
    html body #main-content{ font-size:18px; }
    html body .heroPromise li{ font-size:20px; }
    html body #main-content .sectionLead{ font-size:18px !important; }
    html body .catCard span,
    html body .catCardCopy span{ font-size:16px !important; }
    html body #catalog #grid .product .ptitle{ font-size:20px !important; }
    html body .serviceCard p,
    html body .journeyStep p{ font-size:16px !important; }
    html body .seoText p{ font-size:18px !important; }
}
html body .an-photo-cue, html body .an-photo-cue span{ font-size:13px !important; }

/* ---------- Product card photos (site photo engine, ANDALUS_PHOTOS_V1) ---------- */
html body .product .an-home-photo{ --anp-bg:#fff; border-bottom:1px solid var(--line,#eadbd0); }

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