/* ANDALUS_CSS_BUNDLE_V1: andalus-photos-v1.css + andalus-catalog-readability-v1.css + andalus-price-card-v1.css */
/* == 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-catalog-readability-v1.css == */
/* ==========================================================
   ANDALUS_CATALOG_READABILITY_V1 (19 Oct 2026) — category pages (bedroom2, kids2, dining2,
   corner2, living2). Same rules as /24 and the homepage:
   - Scale: 13 · 14 · 15 · 17 · 19 · 22 · 28 · 36 px, line-height ≥ 1.55.
   - Nothing the customer must read is under 13px. Desktop body text 18px.
   Loaded last in <head> (after the older layered sheets and the inline styles).
   Photos: assets/andalus-photos-v1.css. Price block: assets/andalus-catalog-price-v1.css.
   ========================================================== */

/* ---------- Header (same as the homepage copy) ---------- */
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,
html body .an-google-rating-badge small,
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 .an-cat .an-cat-breadcrumb{ font-size:14px !important; }
html body .an-cat .an-cat-hero h1{ line-height:1.15 !important; }
html body .an-cat .an-cat-hero p{ font-size:17px !important; line-height:1.75 !important; }
html body .an-cat .an-cat-hero .an-cat-btn{ font-size:15px !important; min-height:48px !important; }
html body .an-cat .an-cat-hero__finance span{ font-size:14px !important; }
html body .an-cat .an-cat-hero__finance strong{ font-size:22px !important; line-height:1.35 !important; }
html body .an-cat .an-cat-hero__finance p{ font-size:14px !important; line-height:1.75 !important; }

/* ---------- Section tabs, search and filters ---------- */
html body .an-cat .an-cat-tab{ font-size:15px !important; }
html body .an-cat .chip{ font-size:14px !important; }
html body .an-cat .selected span,
html body .an-cat .sortWrap > span{ font-size:13px !important; }
html body .an-cat .selected strong{ font-size:15px !important; }
html body .an-cat .backCats{ font-size:14px !important; }
html body .an-cat .an-cat-field,
html body .an-cat .search input{ font-size:15px !important; }
html body .an-cat .searchHelp,
html body .an-cat .an-cat-count{ font-size:14px !important; }
html body .an-cat .an-cat-note{ font-size:15px !important; line-height:1.7 !important; }
html body .an-cat .an-cat-empty{ font-size:15px !important; }

/* ---------- Model card ---------- */
html body .an-cat .an-cat-card{ display:flex; flex-direction:column; }
html body .an-cat .an-cat-card .an-cat-body{ padding:14px 14px 16px !important; display:flex; flex-direction:column; flex:1 1 auto; }
html body .an-cat .an-cat-card .ptitle{ font-size:19px !important; line-height:1.4 !important; margin:2px 0 4px !important; }
/* WhatsApp first and full width; details + share under it. */
html body .an-cat .an-cat-card .an-cat-actions-row.pactions{
  display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin:auto 0 0 !important; padding-top:12px !important;
}
html body .an-cat .an-cat-card .an-cat-actions-row.pactions > .an-cat-btn,
html body .an-cat .an-cat-card .an-cat-actions-row.pactions > button{
  height:48px !important; min-height:48px !important; max-height:48px !important; font-size:15px !important; border-radius:14px !important;
}
html body .an-cat .an-cat-card .an-cat-actions-row.pactions > .ask{
  grid-column:1 / -1 !important; grid-row:1 !important; height:52px !important; min-height:52px !important; max-height:52px !important;
  background:#128c4a !important; border-color:#128c4a !important; color:#fff !important; font-size:16px !important; gap:8px !important;
}
html body .an-cat .an-cat-card .an-cat-actions-row.pactions > .ask svg{ width:20px; height:20px; flex:0 0 20px; fill:currentColor; }
html body .an-cat .an-cat-card .an-cat-actions-row.pactions > .an-cat-btn--details{ grid-column:1 !important; grid-row:2 !important; }
html body .an-cat .an-cat-card .an-cat-actions-row.pactions > .an-cat-share{ grid-column:2 !important; grid-row:2 !important; }
html body .an-cat .an-cat-card .an-cat-actions-row.pactions:not(.has-details) > .an-cat-share{ grid-column:1 / -1 !important; }
html body .an-cat .an-cat-card .an-cat-actions-row.pactions > .an-cat-share .an-cat-sr-only{ font-size:15px !important; }
/* The card photo uses the photo engine; keep the card's own photo look. */
html body .an-cat .an-cat-card .anp-gal{ --anp-bg:#f7f5f2; }
html body .an-cat .an-cat-card .an-cat-photo.anp-gal{ aspect-ratio:auto !important; background:none !important; overflow:visible !important; cursor:auto; }

/* ---------- Cross links under the models ---------- */
html body .an-cat .an-cat-cross__card h2{ font-size:19px !important; line-height:1.4 !important; }
html body .an-cat .an-cat-cross__card p{ font-size:15px !important; line-height:1.75 !important; }
html body .an-cat .an-cat-cross__card .an-cat-btn{ font-size:15px !important; }

@media (min-width:1101px){
  html body .an-cat .an-cat-hero p{ font-size:18px !important; }
  html body .an-cat .an-cat-note{ font-size:15px !important; }
  html body .an-cat .an-cat-cross__card p{ font-size:17px !important; }
}

/* ANDALUS_VIDEO_RAIL_V1: hero shortcut to the category videos */
.an-cat-btn.an-cat-btn--videos{border-color:#7d1d2b;background:#fff;color:#7d1d2b!important;font-weight:900}
.an-cat-btn.an-cat-btn--videos:hover{background:#f6ebe3}

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