/* assets/andalus-gehaz-v1.css — «اختياراتي» / «قايمة جهازك»: the cart marks, the pill, the header cart, the panel, the save sheet.
   ANDALUS_GZ_CSS_FILE_V1 (خطة «سرعة الموقع واستجابة الدوسة» محادثة ج، 12 Nov 2026): these rules used to be a 16 KB string that
   assets/andalus-gehaz-v1.js put in a <style id="an-gz2-css"> on EVERY page open (built, parsed and the whole page restyled while
   the page was still opening). Now one cached file: <link id="an-gz2-css"> printed with the header cart
   (includes/andalus-gehaz.php an_gehaz_header_button) — the script only adds the same link on a page that has no header.
   Same rules, same order, nothing changed in the look. Edit HERE (the script has no copy). */
/* ANDALUS_CART_LOOK_V1 (أ. محمد 8 Nov 2026 20:44 «حسن شكل الزر بتاع الاضافة… تفاعلي… ومتناسق… والقايمة من تحت… متوافق مع شكل
   العربة المعروف لدى العملاء»): the card «＋» = a soft round button that lifts on hover, sinks on press, and when it goes in
   turns brown, the «+» turns into «✓» inside the cart, a ring ripples out and a small photo flies to the cart in the header
   (or to the bar below). The bar below = the familiar «view cart» bar: photos of the last things, the count, the total,
   «اعرض ←»; it slides up, a thin line shows how long it stays, a finger/mouse on it keeps it. transform/opacity only. */
.an-gz-ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.an-gz-ic__f{fill:currentColor;stroke:none}
.an-gz-ic__p,.an-gz-ic__k{stroke-width:2;transform-box:fill-box;transform-origin:center;transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.an-gz-ic__k{opacity:0;transform:scale(.4)}
.is-on>.an-gz-ic .an-gz-ic__p,.is-on>span>.an-gz-ic .an-gz-ic__p{opacity:0;transform:scale(.4) rotate(90deg)}.is-on>.an-gz-ic .an-gz-ic__k,.is-on>span>.an-gz-ic .an-gz-ic__k{opacity:1;transform:none}
.an-gz-ic__h{fill:#d9466f;stroke:none;opacity:0;transition:opacity .2s ease}
html body .an-gz-tg{position:absolute;z-index:4;top:10px;left:10px;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:#6f442f;box-shadow:0 0 0 1px rgba(111,68,47,.14),0 4px 12px rgba(36,22,15,.18);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease,color .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}
html body .an-gz-rail{position:-webkit-sticky;position:sticky;top:calc(var(--an-pin-top,0px) + 2px);z-index:4;display:block;height:64px;margin-bottom:-64px;pointer-events:none}html body .an-gz-rail>.an-gz-tg{pointer-events:auto}
html body .an-gz-tg::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #6f442f;opacity:0;pointer-events:none}
html body .an-gz-tg.is-on{background:#6f442f;color:#fff;box-shadow:0 0 0 1px #6f442f,0 6px 16px rgba(111,68,47,.38)}
html body .an-gz-tg.is-on .an-gz-ic__h,html body .an-gz-add.is-on .an-gz-ic__h,html body .an-gz-fab .an-gz-ic__h{opacity:1}
html body .an-gz-tg:active{transform:scale(.88)}
html body .an-gz-tg:focus-visible{outline:3px solid #f0b56b;outline-offset:2px}
@media (hover:hover){html body .an-gz-tg:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 0 0 1px rgba(111,68,47,.3),0 8px 18px rgba(36,22,15,.22)}html body .an-gz-tg:active{transform:scale(.88)}}
html body .an-gz-tg.is-pop{animation:anGzPop .45s cubic-bezier(.34,1.56,.64,1)}html body .an-gz-tg.is-pop.is-on::before{animation:anGzRing .6s ease-out}
@keyframes anGzPop{0%{transform:scale(.88)}45%{transform:scale(1.16)}100%{transform:scale(1)}}
@keyframes anGzRing{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.75)}}
/* the photo that flies to the cart */
.an-gz-fly{position:fixed;z-index:2147483601;left:0;top:0;width:56px;height:56px;border-radius:50%;background:#f3e7dc center/cover no-repeat;border:2px solid #fff;box-shadow:0 8px 22px rgba(36,22,15,.3);pointer-events:none;will-change:transform,opacity}
/* the bar below */
html body .an-gz-fab{position:fixed;z-index:80;left:10px;right:10px;bottom:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:480px;margin:0 auto;transform:translateY(calc(-1 * var(--an-gz-b,var(--an-dock-live,0px))));transition:transform .25s ease;display:flex;align-items:center;gap:6px;min-height:62px;padding:7px 7px 7px 7px;border-radius:18px;background:linear-gradient(135deg,#4a2c1d,#6f442f);color:#fff;box-shadow:0 14px 34px rgba(36,22,15,.34),inset 0 1px 0 rgba(255,255,255,.12);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;direction:rtl;box-sizing:border-box;animation:anGzIn .38s cubic-bezier(.22,1,.36,1)}
html body .an-gz-fab[hidden]{display:none!important}
html body .an-gz-fab.is-out{animation:anGzOut .26s ease forwards}
@keyframes anGzIn{0%{opacity:0;translate:0 22px;scale:.96}100%{opacity:1;translate:0 0;scale:1}}@keyframes anGzOut{to{opacity:0;translate:0 18px}}
html body .an-gz-fab__a{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;min-height:48px;color:#fff!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
html body .an-gz-fab__pic{position:relative;display:flex;flex:0 0 auto;align-items:center}
html body .an-gz-fab__th{position:relative;display:flex;flex:0 0 auto;align-items:center;padding-inline-start:4px}
html body .an-gz-fab__th i{display:block;width:42px;height:42px;margin-inline-start:-14px;border-radius:12px;background:#f3e7dc center/cover no-repeat;border:2px solid #6f442f;box-shadow:0 2px 6px rgba(0,0,0,.25)}
html body .an-gz-fab__th i:first-child{margin-inline-start:0}html body .an-gz-fab__th i:nth-child(2){transform:rotate(-4deg)}html body .an-gz-fab__th i:nth-child(3){transform:rotate(4deg)}
html body .an-gz-fab__th i.is-new{animation:anGzThumb .5s cubic-bezier(.34,1.56,.64,1)}@keyframes anGzThumb{0%{opacity:0;scale:.4}100%{opacity:1;scale:1}}
html body .an-gz-fab__ic{position:relative;display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.14);color:#fff}
html body .an-gz-fab__th:not(:empty)+.an-gz-fab__ic{display:none}html body .an-gz-fab__th:empty{display:none}
html body .an-gz-fab__n{position:absolute;top:-7px;inset-inline-end:-7px;z-index:2;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d9466f;color:#fff;font:900 12px/20px Arial,sans-serif;text-align:center;border:2px solid #5a3727;box-sizing:content-box}
html body .an-gz-fab__n[hidden]{display:none}
html body .an-gz-fab.is-pop .an-gz-fab__n{animation:anGzPop .45s cubic-bezier(.34,1.56,.64,1)}
html body .an-gz-fab__tx{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;line-height:1.3}
html body .an-gz-fab__tx b{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body .an-gz-fab__tx small{font-size:12.5px;font-weight:700;color:#f3dfcd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .an-gz-fab__tx small.is-new{color:#fff}
html body .an-gz-fab__go{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;height:44px;padding:0 16px;border-radius:13px;background:#fff6ec;color:#4a2c1d;font-size:14.5px;font-weight:900;white-space:nowrap;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
html body .an-gz-fab__go i{font-style:normal;transition:transform .25s ease}
@media (hover:hover){html body .an-gz-fab__a:hover .an-gz-fab__go i{transform:translateX(-4px)}}html body .an-gz-fab__a:active .an-gz-fab__go{transform:scale(.94)}
html body .an-gz-fab__a:focus-visible{outline:3px solid #f0b56b;outline-offset:2px;border-radius:12px}
html body .an-gz-fab__x{position:absolute;top:-9px;left:-6px;display:grid;place-items:center;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#4a2c1d;font:900 11px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(36,22,15,.3)}
html body .an-gz-fab__x::after{content:"";position:absolute;inset:-10px}
html body .an-gz-fab__t{position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px;background:rgba(255,246,236,.55);transform-origin:right;transform:scaleX(0)}
html body .an-gz-fab__t.is-run{animation:anGzTime var(--an-gz-ms,5s) linear forwards}@keyframes anGzTime{from{transform:scaleX(1)}to{transform:scaleX(0)}}
html body .an-gz-fab.is-hold .an-gz-fab__t{animation-play-state:paused}
html body .an-gz-fab__msg{display:none}
@media (max-width:360px){html body .an-gz-fab__go{padding:0 12px;font-size:13.5px}html body .an-gz-fab__th i:nth-child(3){display:none}}
@media (orientation:landscape) and (max-height:500px){html body .an-gz-fab{min-height:50px;padding:4px 6px}html body .an-gz-fab__th i,html body .an-gz-fab__ic{width:36px;height:36px}html body .an-gz-fab__go{height:38px}}
body.an-site-menu-open .an-gz-fab,html:has(dialog[open]) .an-gz-fab{display:none!important}
@media (prefers-reduced-motion:reduce){html body .an-gz-tg.is-pop,html body .an-gz-tg.is-pop::before,html body .an-gz-fab,html body .an-gz-fab.is-out,html body .an-gz-fab__n,html body .an-gz-fab__th i{animation:none!important}html body .an-gz-fab{transition:none}}
html.an-lite body .an-gz-tg,html.an-lite body .an-gz-fab__go{transition:none}
/* ANDALUS_CART_DESK_V1: the corner badge «+» → «✓» (no more drawing inside the cart), the hover label on a computer,
   the «اتضافت» panel under the header cart (computer), the cart's bump when the photo lands */
html body .an-gz-tg::after{content:"";position:absolute;top:-3px;right:-3px;width:19px;height:19px;border-radius:50%;border:2px solid #fff;box-sizing:border-box;background:#6f442f url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M6 3v6M3 6h6%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
html body .an-gz-tg.is-on::after,html body .an-gz-add.is-on .an-gz-add__ic::after{background:#1f9d55 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 12 12%22%3E%3Cpath d=%22M2.8 6.3l2.1 2.1 4.4-4.7%22 fill=%22none%22 stroke=%22%23fff%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/11px no-repeat}
html body .an-gz-tg.is-pop::after,html body .an-gz-add.is-pop .an-gz-add__ic::after{animation:anGzBadge .5s cubic-bezier(.34,1.56,.64,1)}@keyframes anGzBadge{0%{transform:scale(0) rotate(-90deg)}100%{transform:none}}
html body .an-gz-tg .an-gz-ic{width:22px;height:22px;transform:translateX(-1px)}
html body .an-gz-tg__l{position:absolute;top:50%;left:calc(100% + 8px);z-index:5;padding:7px 12px;border-radius:999px;background:#24160f;color:#fff;font:800 13px/1.2 "IBM Plex Sans Arabic",Arial,sans-serif;white-space:nowrap;direction:rtl;box-shadow:0 6px 16px rgba(0,0,0,.2);opacity:0;transform:translate(-6px,-50%);transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1);pointer-events:none}
@media (hover:hover) and (pointer:fine){html body .an-gz-tg:hover .an-gz-tg__l{opacity:1;transform:translate(0,-50%)}}
@media not all and (hover:hover){html body .an-gz-tg__l{display:none}}
html body .an-site-header .an-cart-hdr.is-bump{animation:anCartBump .65s cubic-bezier(.34,1.56,.64,1)}@keyframes anCartBump{0%{transform:scale(1)}30%{transform:scale(1.2) rotate(-8deg)}55%{transform:scale(.94) rotate(4deg)}100%{transform:none}}
html body .an-site-header .an-cart-hdr.is-bump .an-cart-hdr__n{animation:anGzPop .5s .15s cubic-bezier(.34,1.56,.64,1) both}
@media (hover:hover){html body .an-site-header .an-cart-hdr{transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,border-color .2s ease}html body .an-site-header .an-cart-hdr:hover,html body .an-site-header .an-cart-hdr.is-open{background:#fff;border-color:#6f442f;transform:translateY(-1px)}}
/* the panel */
.an-gz-pnl{position:fixed;z-index:2147483500;top:0;left:0;width:384px;max-width:calc(100vw - 24px);direction:rtl;font-family:"IBM Plex Sans Arabic",Arial,sans-serif;color:#24160f;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(111,68,47,.12),0 24px 60px rgba(36,22,15,.28),0 8px 18px rgba(36,22,15,.12);opacity:0;transform:translateY(-10px) scale(.96);transform-origin:var(--an-gz-ox,50%) 0;pointer-events:none;transition:opacity .18s ease,transform .22s ease}
.an-gz-pnl.is-open{opacity:1;transform:none;pointer-events:auto;transition:opacity .25s ease,transform .38s cubic-bezier(.22,1.2,.36,1)}
.an-gz-pnl[hidden]{display:none!important}
.an-gz-pnl::before{content:"";position:absolute;top:-7px;left:var(--an-gz-cx,50%);width:14px;height:14px;margin-left:-7px;background:#fff;transform:rotate(45deg);border-radius:3px 0 0 0;box-shadow:-1px -1px 0 rgba(111,68,47,.12)}
.an-gz-pnl.no-caret::before{display:none}
.an-gz-pnl__hd{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid #f1e6dc}
.an-gz-pnl__ok{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#1f9d55;color:#fff;font:900 15px/1 Arial,sans-serif;box-shadow:0 0 0 5px rgba(31,157,85,.14)}
.an-gz-pnl.is-added .an-gz-pnl__ok{animation:anGzBadge .55s .1s cubic-bezier(.34,1.56,.64,1) both}
.an-gz-pnl__ok.is-cart{background:#f6eee7;color:#6f442f;box-shadow:none}.an-gz-pnl__ok svg{width:18px;height:18px}
.an-gz-pnl__tt{flex:1 1 auto;min-width:0}.an-gz-pnl__tt b{display:block;font-size:16px;font-weight:900}.an-gz-pnl__tt small{display:block;font-size:12.5px;font-weight:700;color:#7a675a}
.an-gz-pnl__x{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#7a675a;font:700 15px/1 Arial,sans-serif;cursor:pointer;transition:background-color .15s ease}.an-gz-pnl__x:hover{background:#f6eee7}
.an-gz-pnl__ls{list-style:none;margin:0;padding:8px 10px;max-height:min(330px,calc(100vh - 260px));overflow:auto;overscroll-behavior:contain}
.an-gz-pnl__it{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;opacity:0;animation:anGzRow .4s cubic-bezier(.22,1,.36,1) forwards;transition:background-color .15s ease}
.an-gz-pnl__it:hover{background:#fbf6f1}.an-gz-pnl__it.is-new{background:#f0f9f3}
@keyframes anGzRow{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
.an-gz-pnl__ph{flex:0 0 auto;width:58px;height:58px;border-radius:12px;background:#f3e7dc center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.an-gz-pnl__it.is-new .an-gz-pnl__ph{width:72px;height:72px}
.an-gz-pnl__nm{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;color:#24160f!important;text-decoration:none!important}
.an-gz-pnl__nm b{font-size:14px;font-weight:800;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.an-gz-pnl__nm span{font-size:13.5px;font-weight:900;color:#6f442f}.an-gz-pnl__nm i{font-style:normal;font-size:11.5px;font-weight:800;color:#1f9d55}
.an-gz-pnl__rm{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#a39183;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}
.an-gz-pnl__it:hover .an-gz-pnl__rm,.an-gz-pnl__rm:focus-visible{opacity:1}.an-gz-pnl__rm:hover{background:#fbe9ee;color:#c2365e}.an-gz-pnl__rm svg{width:16px;height:16px}
.an-gz-pnl__more{padding:4px 18px 8px;font-size:12.5px;font-weight:800;color:#7a675a}
.an-gz-pnl__mt{padding:26px 22px;text-align:center;font-size:14px;font-weight:700;color:#7a675a;line-height:1.6}
.an-gz-pnl__ft{padding:12px 18px 18px;border-top:1px solid #f1e6dc;background:linear-gradient(#fff,#fdf9f5);border-radius:0 0 20px 20px}
.an-gz-pnl__tot{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;font-size:13.5px;font-weight:800;color:#5b4a3e}.an-gz-pnl__tot b{font-size:19px;font-weight:900;color:#24160f}
.an-gz-pnl__bt{display:flex;gap:8px}
.an-gz-pnl__go{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:14px;background:linear-gradient(135deg,#5a3727,#7a4c34);color:#fff!important;font-size:15px;font-weight:900;text-decoration:none!important;box-shadow:0 8px 18px rgba(111,68,47,.3);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}
.an-gz-pnl__go:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(111,68,47,.36)}.an-gz-pnl__go:active{transform:scale(.97)}.an-gz-pnl__go i{font-style:normal;transition:transform .25s ease}.an-gz-pnl__go:hover i{transform:translateX(-4px)}
.an-gz-pnl__kp{flex:0 0 auto;height:48px;padding:0 16px;margin:0;border:1.5px solid #e2cbb7;border-radius:14px;background:#fff;color:#6f442f;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.an-gz-pnl__kp:hover{background:#fffaf5;border-color:#6f442f}
.an-gz-pnl__t{position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:3px;background:rgba(111,68,47,.25);transform-origin:right;transform:scaleX(0)}.an-gz-pnl__t.is-run{animation:anGzTime var(--an-gz-ms,5s) linear forwards}.an-gz-pnl.is-hold .an-gz-pnl__t{opacity:0}
.an-gz-pnl a:focus-visible,.an-gz-pnl button:focus-visible{outline:3px solid #f0b56b;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.an-gz-pnl,.an-gz-pnl.is-open,.an-gz-pnl__it,.an-gz-pnl__ok,html body .an-site-header .an-cart-hdr.is-bump,html body .an-gz-tg::after{animation:none!important;transition:none!important;opacity:1}}
/* ANDALUS_GEHAZ_LIST_V4: the first-time bubble next to the mark */
html body .an-gz-tip{position:absolute;top:50%;left:calc(100% + 8px);z-index:6;padding:6px 10px;border-radius:10px;background:#24160f;color:#fff;font:800 13px/1.35 "IBM Plex Sans Arabic",Arial,sans-serif;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.22);opacity:0;transform:translate(-4px,-50%);transition:opacity .25s ease,transform .25s ease;pointer-events:none;direction:rtl}
html body .an-gz-tip::before{content:"";position:absolute;top:50%;right:100%;margin-top:-5px;border:5px solid transparent;border-right-color:#24160f}
html body .an-gz-tip.is-on{opacity:1;transform:translate(0,-50%)}
/* ANDALUS_GZ_SERVER_MARK_V1 (12 Nov 2026): a section card whose mark came with the page — the clip the script used to write on it
   (overflow:hidden stops the sticky rail; clip clips the same rounded way without that) */
@supports (overflow:clip){html body article.an-gz-srv{overflow-x:clip!important;overflow-y:clip!important}}
/* ANDALUS_MY_SAVE_LINE_V1 (أ. محمد 12 Nov 2026 07:01 الطلب · 14:52 «موافق» على الشكل): «احفظها برقمي» inside the open list
   (the header panel + /my/ + /gehaz/) for a visitor who is not logged in */
html body .an-gz-svl{display:flex;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;border:1px solid #ecdccd;border-radius:14px;background:#fdf8f3;direction:rtl;text-align:right}
html body .an-gz-svl__tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html body .an-gz-svl__tx b{font-size:14.5px;font-weight:900;color:#24160f;line-height:1.4}html body .an-gz-svl__tx small{font-size:12.5px;font-weight:700;color:#6b594c;line-height:1.55}
html body .an-gz-svl__go{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;border:1.5px solid #6f442f;background:#fff;color:#6f442f!important;font:inherit;font-size:14px;font-weight:900;text-decoration:none!important;white-space:nowrap}
html body .an-gz-pnl .an-gz-svl{margin:0 18px 10px}
@media (max-width:420px){html body .an-gz-svl{flex-wrap:wrap}html body .an-gz-svl__go{flex:1 1 100%}}
@media (hover:hover){html body .an-gz-svl__go:hover{background:#6f442f;color:#fff!important}}