/* ANDALUS_CSS_BUNDLE_V1: andalus-product-card-v1.css + andalus-product-card-v2.css */
/* == andalus-product-card-v1.css == */
/* ANDALUS_PCARD_ACTIONS_LOOK_V1 (أ. محمد 9 Nov 2026 22:20 «زر المشاركة والتفاصيل تحت عاوزين يكونوا افضل من ناحية الشكل والتوزيعة» + «زر التفاصيل يبان انه بيودي لصفحة الموديل نفسها»):
   the buttons row of every model card (includes/andalus-product-card.php, every skin):
   [the page buy button — whole row] · «اسأل على واتساب» — whole row · then «صفحة الموديل» (page icon · label · arrow in a circle) | share square.
   Doubled selectors + !important beat the older per-page button rules; motion = transform only. */
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;gap:8px!important;align-items:stretch!important;margin-top:auto!important;width:100%!important;flex-wrap:initial!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>*{grid-column:1/-1!important;grid-row:auto!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn{min-height:50px!important;height:auto!important;border-radius:14px!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn::after{content:none!important;display:none!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--wa{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:0 8px 0 14px!important;padding-inline:14px 8px!important;background:#fff!important;color:#5a3424!important;border:1.5px solid #c9ab93!important;box-shadow:0 1px 0 rgba(90,52,36,.06)!important;font:900 15px/1.2 "IBM Plex Sans Arabic",Arial,sans-serif!important;text-decoration:none!important;transform:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page .an-pc-ic{display:block!important;flex:none;width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:.85}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page .an-pc-lbl{flex:1 1 auto;min-width:0;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page .an-pc-go{flex:none;display:grid;place-items:center;width:32px!important;height:32px!important;border-radius:50%!important;background:#6f442f!important;color:#fff!important;transition:transform .2s ease}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page .an-pc-go svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;fill:none!important;stroke:#fff!important;stroke-width:2.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;margin:0!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--share{grid-column:2!important;display:grid!important;place-items:center!important;width:52px!important;min-width:52px!important;max-width:52px!important;padding:0!important;background:#fbf6ef!important;color:#5a3424!important;border:1.5px solid #e3d3c5!important;box-shadow:none!important;transition:transform .2s ease,background-color .2s ease!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--share svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--share>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts:not(:has(>.an-pc-btn--page))>.an-pc-btn--share{grid-column:1/-1!important;width:100%!important;max-width:none!important}
@media (hover:hover){html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page:hover{background:#fbf3ec!important;border-color:#6f442f!important}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page:hover .an-pc-go{transform:translateX(-3px)}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--share:hover{background:#f3e6da!important}
}
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn:focus-visible{outline:3px solid #f0b56b!important;outline-offset:2px!important}
@media (prefers-reduced-motion:reduce){html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn,html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts .an-pc-go{transition:none!important}
}
/* ANDALUS_TEXT_FIT_V2 (خطة «النص جوه إطاره» الجلسة 2، أ. محمد 11 Nov 2026 «النصوص بتخرج من إطارها ع التليفون… الأندرويد الرخيص»):
   «صفحة الموديل» was cut with «…» on a 280–300px phone and at 320 with the big phone font — the label wraps to a 2nd line instead. */
html body [data-an-card][data-an-card][data-an-card] .an-pc-acts.an-pc-acts.an-pc-acts.an-pc-acts>.an-pc-btn--page .an-pc-lbl{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.2}
html body [data-an-card] .an-pc-acts>.an-pc-btn--page{height:auto;white-space:normal}

/* == andalus-product-card-v2.css == */
/* ANDALUS_PCARD_V2 — «النهائي 2» (أ. محمد 13 Nov 2026 05:53 «النهائي ٢ كدا انا موافق نطبقه على الويب سايت عشان نحقق شرط السرعة ف كل
   الصفحات. اهم حاجة انه يبقى متناسق مع كل الشاشات والاجهزة عرضي وراسي»). The whole look of the new model card — every card built
   by an_product_card() while the switch is on carries data-an-card-v="2" (includes/andalus-product-card.php). Linked only on a
   page that shows the new card (an_pcard_assets()). Sizes and colours = the board's second row (Final2 · T41v2 · T26v2 · T39v2 · T16v2).
   The old card rules of each page (.an-cat-card / .product / .an-rc …) still match the <article>, so the card's own frame is
   written with the doubled attribute + !important; the inside uses only an-pc2 / an-cp2 / an-stk classes (no old class).
   Narrow card (< 330px, @container — and @media for browsers without it): the installment line stacks, rows may wrap.
   No rule here ends in a list (tools/tests/rules/css_bucket_test.js). Motion = the site's touch layer (andalus-live-touch-v1.js). */

/* ---------- the card ---------- */
html body article[data-an-card-v="2"][data-an-card-v="2"]{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;min-width:0!important;height:auto;box-sizing:border-box!important;background:#fff!important;border:1px solid #d5c6b6!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(36,22,15,.10)!important;overflow:hidden!important;container:an-pc2/inline-size;font-family:"IBM Plex Sans Arabic",Arial,sans-serif!important;color:#24160f!important;text-align:right!important;direction:rtl}
@supports (overflow:clip){html body article[data-an-card-v="2"][data-an-card-v="2"]{overflow:clip!important}}
html body article[data-an-card-v="2"][data-an-card-v="2"][hidden]{display:none!important}
/* ANDALUS_SECTION_LINKS_V1 (أ. محمد 14 Nov 2026 02:26 «الدوس على أي قسم بيودي على قسم تاني غير اللي اتداس عليه»): the frame above
   forces display with !important, so a card the page's list HIDES must be hidden here too — the site's two hide marks for a model
   card: [hidden] (the section pages, andalus-catalog.js) and .hiddenProduct (the home list andalus-home-catalog-v29.js · /live/ · the
   catalog embed). Without it the home showed all 265 models under «غرف النوم» (dining tables first). Guard: anSlHideLeaks() in
   tools/tests/layout/section_links_test.js — any other hide mark lost to a forced display = the deploy stops. */
html body article[data-an-card-v="2"][data-an-card-v="2"].hiddenProduct{display:none!important}
/* the site's scroll reveal fades the new card in but never shrinks it (a shrunk card made its 44px targets 43px — layout_v3_test) */
html body article[data-an-card-v="2"][data-an-card-v="2"].an-reveal:not(.is-revealed){transform:none!important;scale:none!important}
html body article[data-an-card-v="2"][data-an-card-v="2"]::before{content:none!important;display:none!important}
html body article[data-an-card-v="2"][data-an-card-v="2"]::after{content:none!important;display:none!important}
html body [data-an-card-v="2"] .an-pc2__media *{box-sizing:border-box}
html body [data-an-card-v="2"] .an-pc2__body *{box-sizing:border-box}

/* ---------- the photo ---------- */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__media{position:relative!important;display:block!important;margin:0!important;padding:0!important;background:#fff!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal{--anp-ratio:37/30;--anp-radius:0;--anp-pad:0px;position:relative;margin:0!important;padding:0!important;width:100%!important;background:none!important;border-radius:0!important;box-shadow:none!important;aspect-ratio:auto!important;overflow:visible!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__box{aspect-ratio:37/30!important;width:100%!important;height:auto!important;max-height:none!important;border-radius:0!important;background:#e9dfd3!important}
/* the old marks of a gallery that was not asked for its lean shape (an_photo_gallery 'lean') */
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__count{display:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__zoom:not(.anp-gal__zoom--icon){display:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__dots{display:none!important}
/* the two arrows: white on the photo, always there (touch too); the one at the end hides */
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__nav{position:absolute!important;z-index:3;top:50%!important;bottom:auto!important;display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;margin:-22px 0 0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#fff!important;opacity:1!important;filter:drop-shadow(0 1px 3px rgba(36,22,15,.75));cursor:pointer;transform:none}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__nav--prev{right:4px!important;left:auto!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__nav--next{left:4px!important;right:auto!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__nav svg{width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.6!important;stroke-linecap:round;stroke-linejoin:round}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__nav:disabled{opacity:0!important;pointer-events:none}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__nav:focus-visible{outline:3px solid #f0b56b;outline-offset:-3px}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal[data-anp-href] .anp-gal__slide{cursor:pointer}
/* the thin line under the photo: one dark part for the photo on show (any number of photos) */
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__bar{display:block;width:120px;max-width:60%;height:3px;margin:9px auto 0;border-radius:2px;background:#d5c6b6;overflow:hidden}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__bar>i{display:block;width:calc(100% / var(--anp-n,1));height:3px;border-radius:2px;background:#24160f;transform:translateX(calc(var(--anp-i,0) * -100%));transition:transform .2s ease}
html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal.is-single+.an-lv3-clip{bottom:12px!important}

/* the white pill: «ضيفه لاختياراتك» + «شارك», at the photo's top corner. Not sticky: the pill is 100px tall on a ~200–300px
   photo, so a rail (ANDALUS_CART_PIN_V1) would ride it over the arrows / out of the photo — it scrolls with the photo. */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__rail{position:absolute;z-index:4;top:10px;left:10px;display:block;width:48px;height:auto;margin:0;pointer-events:none}
/* ANDALUS_PCARD_V2 pill V2 (أ. محمد 13 Nov 2026 17:18 «الجزء البيضاوي بتاع الاضافة للعربة والمشاركة محتاج يتحسن خاصة مع الضغط على الزر»):
   each button is its own circle inside the pill — the press = a soft tint + a small dip (nothing is clipped any more: the pill does not
   cut its children), «في اختياراتك» = the circle turns brown with the ✓ badge, the pop and the ring play whole; a thin line between the two. */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap{position:relative;display:flex;flex-direction:column;align-items:center;width:48px;padding:2px;border-radius:24px;background:rgba(255,255,255,.97);color:#6f442f;box-shadow:0 0 0 1px rgba(111,68,47,.10),0 6px 18px rgba(36,22,15,.20);overflow:visible;pointer-events:auto}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;display:grid!important;place-items:center;width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#6f442f!important;box-shadow:none!important;transform:none;transition:background-color .15s ease,color .15s ease,transform .18s cubic-bezier(.34,1.56,.64,1)!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg::after{top:5px!important;right:3px!important;width:15px!important;height:15px!important;border-width:2px!important;background-size:9px!important;box-shadow:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg::before{border-radius:50%}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg.is-on{background:#6f442f!important;color:#fff!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg:active{background:#efe3d6!important;transform:scale(.9)}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg.is-press{background:#efe3d6!important;transform:scale(.9)}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg.is-on.is-press{background:#5c3726!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg.is-on:active{background:#5c3726!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__share{position:relative;display:grid!important;place-items:center;width:44px!important;height:44px!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#6f442f!important;cursor:pointer;text-decoration:none!important;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-gz-tg+.an-pc2__share{margin-top:1px!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-gz-tg+.an-pc2__share::before{content:"";position:absolute;top:-1px;left:10px;right:10px;height:1px;background:#eadfd3;pointer-events:none}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__share svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round;stroke-linejoin:round}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__share circle{fill:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__share:active{background:#efe3d6!important;transform:scale(.9)}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__share.is-press{background:#efe3d6!important;transform:scale(.9)}
@media (hover:hover) and (pointer:fine){
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg:hover{background:#f6efe8!important;transform:none!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg.is-on:hover{background:#5c3726!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__share:hover{background:#f6efe8!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg:active{transform:scale(.9)!important}
}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap .an-gz-tg:focus-visible{outline:3px solid #f0b56b;outline-offset:1px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__share:focus-visible{outline:3px solid #f0b56b;outline-offset:-3px}
/* the ▶ clip = a third mark on the photo (the other bottom corner — the two-arrows mark is on the left) */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-lv3-clip{position:absolute!important;z-index:3;top:auto!important;right:12px!important;bottom:24px!important;left:auto!important;display:grid;place-items:center;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(23,13,8,.72)!important;color:#fff!important;box-shadow:0 2px 10px rgba(36,22,15,.25)!important}

/* ---------- the words ---------- */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__body{display:flex!important;flex-direction:column!important;flex:1 1 auto;gap:0!important;margin:0!important;padding:4px 16px 16px!important;min-width:0;background:transparent!important;border:0!important}
/* «ليه» = the dark badge over the name */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-why{align-self:flex-start;width:fit-content;max-width:100%;margin:6px 0 0!important;padding:1px 10px!important;border:0!important;border-radius:999px!important;background:#242024!important;color:#fff!important;font:700 12.5px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif!important;letter-spacing:0;text-align:right}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-why::before{content:none!important;display:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__name{margin:0!important;padding:0!important;font:700 21px/1.35 "IBM Plex Sans Arabic",Arial,sans-serif!important;color:#170d08!important;letter-spacing:0;text-align:right;min-height:0;overflow-wrap:anywhere}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__name>span{display:flex;align-items:center;min-height:44px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__link{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0!important;color:#170d08!important;text-decoration:none!important;background:none!important;border:0!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__link>span{min-width:0;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;text-decoration-color:#170d08}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__go{flex:0 0 22px;width:22px;height:22px;fill:none;stroke:#170d08;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__link:focus-visible{outline:3px solid #f0b56b;outline-offset:2px;border-radius:8px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__parts{margin:0!important;padding:0!important;font:500 13.5px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif!important;color:#4a3a30!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__feat{margin:2px 0 0!important;padding:0!important;font:600 13px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif!important;color:#5b3a2e!important}

/* ---------- the price (an_price_card 'look' => 'v2') ---------- */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp--v2{display:block!important;margin:10px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 8px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__lbl{font:700 13.5px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif;color:#4a3a30}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__off{padding:1px 11px;border-radius:999px;background:#fdeceb;color:#b81f10;font:700 13px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif;white-space:nowrap}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 8px;margin-top:2px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__big{display:inline!important;margin:0!important;padding:0!important;white-space:nowrap;color:#d4203f!important;font:700 15px/1.15 "IBM Plex Sans Arabic",Arial,sans-serif!important;background:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__big bdi{font-size:30px;font-size:clamp(28px,9.6cqw,36px);font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;color:inherit}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__big small{font-size:15px!important;font-weight:700;color:inherit!important;opacity:1!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__was{white-space:nowrap;font:600 14px/1.5 "IBM Plex Sans Arabic",Arial,sans-serif;color:#4a3a30}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__was s{text-decoration-thickness:1.5px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp--none{margin:10px 0 0!important;padding:0!important;border:0!important;background:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp__none{margin:0!important;font:700 14px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif!important;color:#4a3a30!important}
/* the installment line between two thin lines — all of it is the button that opens «كل أنظمة التقسيط» */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__plans{margin:8px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:3px;align-items:center;min-height:44px;margin:0!important;padding:8px 0 7px!important;border:0!important;border-top:1px solid #e3d8cb!important;border-bottom:1px solid #e3d8cb!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#242024!important;font:700 14px/1.3 "IBM Plex Sans Arabic",Arial,sans-serif!important;list-style:none;cursor:pointer;text-align:right}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst::-webkit-details-marker{display:none}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst::before{content:none!important;display:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst::after{content:none!important;display:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst:focus-visible{outline:3px solid #f0b56b;outline-offset:2px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__m{grid-column:1;grid-row:1;min-width:0;font:700 14px/1.3 "IBM Plex Sans Arabic",Arial,sans-serif}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__m b{white-space:nowrap;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__with{grid-column:2;grid-row:1;white-space:nowrap;font:600 13px/1.5 "IBM Plex Sans Arabic",Arial,sans-serif;color:#4a3a30}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__more{grid-column:1;grid-row:2;min-width:0;font:700 13.5px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__tag{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:6px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__tag b{padding:0 10px;border:1px solid #8a8490;border-radius:999px;font:700 12.5px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif;white-space:nowrap}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__tag svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__plans[open] .an-cp2__tag svg{transform:rotate(-90deg)}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__plans .an-cp__list{margin-top:8px}
/* the stock line */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk{display:flex;align-items:center;gap:7px;margin:8px 0 0!important;padding:0!important;font:700 13px/1.6 "IBM Plex Sans Arabic",Arial,sans-serif;color:#4a3a30}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk__dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#a0785a}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk--ready{color:#0b5229}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk--ready_hot{color:#0b5229}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk--ready .an-stk__dot{background:#12893f}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk--ready_hot .an-stk__dot{background:#12893f}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk--demand{color:#6b4200}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk--demand .an-stk__dot{background:#d38600}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-stk--made{font-weight:500}
/* «التفاصيل والمقاسات» (a model with no page) keeps its own look, a little air above */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cd{margin:10px 0 0!important}

/* ---------- the buttons: [the page's buy button] · «اسأل على واتساب» (the one filled button) ---------- */
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__acts{display:flex!important;flex-direction:column!important;gap:8px!important;margin:auto 0 0!important;padding:12px 0 0!important;width:100%!important;border:0!important;background:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__wa{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;min-height:50px!important;height:auto!important;margin:0!important;padding:4px 6px!important;border:0!important;border-radius:14px!important;background:#0b7a3e!important;box-shadow:none!important;color:#fff!important;font:700 16px/1.35 "IBM Plex Sans Arabic",Arial,sans-serif!important;text-align:center;text-decoration:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__wa svg{flex:0 0 20px;width:20px!important;height:20px!important;fill:currentColor!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__wa:focus-visible{outline:3px solid #f0b56b;outline-offset:2px}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__acts>:not(.an-pc2__wa){display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px!important;margin:0!important;padding:4px 10px!important;border:1.5px solid #6f442f!important;border-radius:14px!important;background:#fff!important;color:#5a3424!important;box-shadow:none!important;font:700 15px/1.35 "IBM Plex Sans Arabic",Arial,sans-serif!important;text-decoration:none!important;text-align:center}

/* ---------- a narrow card (280–330px wide): the installment line stacks, nothing leaves its box ---------- */
@container an-pc2 (max-width:330px){
  /* a narrow card (its photo < ~260px tall): the pill lies down (cart | share) so it never meets the arrow in the middle */
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__rail{width:auto}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap{flex-direction:row;width:auto}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-gz-tg+.an-pc2__share{margin:0 1px 0 0!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-gz-tg+.an-pc2__share::before{top:10px;bottom:10px;left:auto;right:-1px;width:1px;height:auto}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__body{padding:4px 12px 14px!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__name{font-size:19px!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst{grid-template-columns:minmax(0,1fr)}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__m{grid-column:1;grid-row:auto}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__with{grid-column:1;grid-row:auto;white-space:normal}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__more{grid-column:1;grid-row:auto}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__tag{grid-column:1;grid-row:auto;justify-content:flex-start}
}
@supports not (container-type:inline-size){
  @media (max-width:360px){
    html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__body{padding:4px 12px 14px!important}
    html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst{grid-template-columns:minmax(0,1fr)}
    html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__m{grid-column:1;grid-row:auto}
    html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__with{grid-column:1;grid-row:auto;white-space:normal}
    html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__more{grid-column:1;grid-row:auto}
    html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__tag{grid-column:1;grid-row:auto;justify-content:flex-start}
  }
}
@media (prefers-reduced-motion:reduce){
  html body [data-an-card-v="2"][data-an-card-v="2"] .anp-gal__bar>i{transition:none}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__tag svg{transition:none}
}

/* ---------- the phone on its side (ANDALUS_PCARD_V2_LANDSCAPE, أ. محمد 13 Nov 2026 19:38 «الكارت على التليفون العرضي طويل جدا»):
   one card per row, laid sideways — the photo on the start side, the words next to it — so a card fits the short screen
   (it was 3 narrow cards of ~650px on a 390px-tall screen). The grids keep their own rules; only their column count is 1. */
@media (orientation:landscape) and (max-height:500px) and (min-width:560px){
  html body .an-cat-grid{--an-cols:1;--an-cols-sm:1}
  html body .an-rc-grid{--an-cols:1;--an-cols-sm:1}
  html body #catalog #grid{--an-cols:1;--an-cols-sm:1}
  html body .mt-grid{--an-cols:1;--an-cols-sm:1}
  html body article[data-an-card-v="2"][data-an-card-v="2"]{display:grid!important;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:start;max-width:860px;margin-inline:auto!important;width:100%}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__media{grid-column:1;grid-row:1;align-self:start}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__body{grid-column:2;grid-row:1;align-self:stretch;padding:8px 16px 14px!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__acts{padding-top:10px!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__rail{width:auto}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-pc2__cap{flex-direction:row;width:auto}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-gz-tg+.an-pc2__share{margin:0 1px 0 0!important}
  html body [data-an-card-v="2"][data-an-card-v="2"] .an-gz-tg+.an-pc2__share::before{top:10px;bottom:10px;left:auto;right:-1px;width:1px;height:auto}
}
/* the iPad / phone turned: a card's size is measured again (ANDALUS_PCARD_V2_TURN — assets/andalus-photos-v1.js puts this class for two frames) */
html.an-pc2-turn body article[data-an-card-v="2"][data-an-card-v="2"]{container-type:normal!important}

/* ---------- the model page's price (ANDALUS_PCARD_V2_PAGE, أ. محمد 13 Nov 2026 20:35 «وحدها»): the same price look as the card —
   product/index.php wraps an_price_card(['look' => 'v2']) in <div class="an-pd__price2" data-an-card-v="2">; the installment line is a
   link to the page's own plans table, «احسب قسط الموديل ده» stays under it. ---------- */
html body [data-an-card-v="2"].an-pd__price2{display:block;container:an-pc2/inline-size;margin:10px 0 0}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst--link{text-decoration:none!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp2__inst--link:hover{background:#fbf7f2!important}
html body [data-an-card-v="2"][data-an-card-v="2"] .an-cp--v2 .an-cp__calc{margin-top:12px!important}