/* ===== الهوية: عاجي (افتراضي) ===== */
:root{
--bg:#f7f5f0;--bg2:#efebe3;--card:#fffefb;--line:#e5dfd2;--line2:#d3cbba;--ink:#16130e;--ink2:#4a4236;--mute:#766c5c;
--acc:#b08035;--acc-ink:#83601f;--acc-soft:#f4ead6;--ok:#1f6b3a;--ok-soft:#e3f0e5;
--btn:#16130e;--on-btn:#f7efdc;--btn-glow:0 10px 24px -10px rgba(22,19,14,.55);
--hdr:#f7f5f0;--hdr-ink:#16130e;--brand:#83601f;
--stage:radial-gradient(120% 90% at 50% 25%,#fffefb 0%,#ece7dc 100%);
--story:#0d0d10;--story-ink:#f2efe8;--story-soft:#c9c2b3;--story-acc:#d4a859;--story-line:#26252a;
--foot:#16130e;--foot-ink:#e9e3d6;--foot-soft:#9b927f;
--fd:"Beiruti","IBM Plex Sans Arabic",Tahoma,sans-serif;--ft:"Beiruti","IBM Plex Sans Arabic",Tahoma,sans-serif;--fb:"IBM Plex Sans Arabic",Tahoma,sans-serif;--fm:"IBM Plex Mono",Consolas,monospace;
--r:12px;--r2:18px;--tw:800;--ts:46px;
--ease:cubic-bezier(.2,.7,.1,1);--spring:cubic-bezier(.34,1.4,.64,1)}
/* ===== الهوية: ليلي ===== */
:root[data-skin=night]{
--bg:#0c0c0f;--bg2:#121216;--card:#16151b;--line:#26252c;--line2:#36343d;--ink:#f2efe8;--ink2:#cbc4b5;--mute:#8e8898;
--acc:#d4a859;--acc-ink:#e2be74;--acc-soft:#2a2215;--ok:#7cd39a;--ok-soft:#15291c;
--btn:#d4a859;--on-btn:#0c0c0f;--btn-glow:0 10px 30px -8px rgba(212,168,89,.55);
--hdr:#0c0c0f;--hdr-ink:#f2efe8;--brand:#d4a859;
--stage:radial-gradient(120% 90% at 50% 20%,#f6f2ea 0%,#d8d0c1 100%);
--story:#121216;--story-ink:#f2efe8;--story-soft:#c9c2b3;--story-acc:#d4a859;--story-line:#2c2a33;
--foot:#08080a;--foot-ink:#e9e3d6;--foot-soft:#8e8898;
--tw:800;--ts:46px;--r:14px;--r2:20px}
/* ===== الهوية: ورشة ===== */
:root[data-skin=shop]{
--bg:#e8e6e1;--bg2:#dedbd4;--card:#f6f5f1;--line:#cdc9bf;--line2:#b5b0a4;--ink:#1c1b19;--ink2:#45413a;--mute:#6b665c;
--acc:#6a4327;--acc-ink:#6a4327;--acc-soft:#efe3d3;--tape:#e8b53c;--ok:#2d6a3a;--ok-soft:#dfeadf;
--btn:#6a4327;--on-btn:#fbf6ee;--btn-glow:0 10px 22px -10px rgba(106,67,39,.6);
--hdr:#1c1b19;--hdr-ink:#f1efe9;--brand:#e8b53c;
--stage:linear-gradient(#f3f2ee,#e4e1da);
--story:#1c1b19;--story-ink:#f1efe9;--story-soft:#bdb8ad;--story-acc:#e8b53c;--story-line:#35332f;
--foot:#141412;--foot-ink:#ecE9e2;--foot-soft:#8f8a7f;
--r:5px;--r2:6px;--tw:800;--ts:42px}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--fb);overflow-x:clip;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
html.mode-anim body,html.mode-anim body *{transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease)!important}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* أداة المعاينة (مش جزء من التصميم) */
.skinbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 12px;background:#2b2b2e;color:#ddd;font:600 12px/1 "IBM Plex Sans Arabic",sans-serif}
.skinbar div{display:flex;background:#1a1a1c;border-radius:999px;padding:3px}
.skinbar button{border:0;background:none;color:#aaa;padding:6px 12px;border-radius:999px;font:700 12px/1 "IBM Plex Sans Arabic",sans-serif}
.skinbar button[aria-checked=true]{background:#f2efe8;color:#111}

/* زرار الوضع */
.hdr__mode{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;margin-inline-end:2px;border:1px solid color-mix(in srgb,var(--hdr-ink) 22%,transparent);border-radius:999px;background:none;color:inherit;font:600 12.5px/1 var(--fb);transition:background .2s,border-color .2s}
.hdr__mode:hover{background:color-mix(in srgb,var(--hdr-ink) 8%,transparent)}
.hdr__mode .ico{width:18px;height:18px}
.hdr__mode span{display:none}
:root[data-skin=shop] .ico--sun,:root[data-skin=night] .ico--moon{display:none}
:root[data-skin=night] .hdr__mode{border-color:rgba(212,168,89,.45);color:var(--brand)}
:root[data-skin=shop] .hdr__mode{border-radius:3px}
/* الهيدر */
.hdr{position:sticky;top:0;z-index:40;background:var(--hdr);color:var(--hdr-ink);border-bottom:1px solid var(--line)}
:root[data-skin=shop] .hdr{border-bottom:3px solid var(--tape)}
.hdr__in{display:flex;align-items:center;gap:4px;height:56px;padding:0 6px;max-width:1240px;margin:0 auto}
.hdr__ic{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;border-radius:50%;color:inherit;position:relative}
.hdr__ic:hover{background:color-mix(in srgb,var(--hdr-ink) 8%,transparent)}
.hdr__ic i{position:absolute;top:8px;inset-inline-end:7px;min-width:16px;height:16px;border-radius:8px;background:var(--acc);color:var(--on-btn);font:700 10px/16px var(--fb);font-style:normal;text-align:center}
:root[data-skin=shop] .hdr__ic i{background:var(--tape);color:#1c1b19}
.hdr__brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:700 21px/1 "Aref Ruqaa",serif;color:var(--brand);margin-inline-end:auto;padding-inline-start:4px}
.hdr__mark{width:20px;height:18px;background:linear-gradient(135deg,#ecc97e,#b08035);clip-path:polygon(50% 0,100% 100%,0 100%)}
.hdr__nav{display:none}
.hdr__acct{display:none}
.crumbs{display:flex;gap:6px;align-items:center;padding:10px 16px;font-size:12.5px;color:var(--mute);white-space:nowrap;overflow-x:auto;scrollbar-width:none;max-width:1240px;margin:0 auto}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs b{color:var(--ink2);font-weight:600}
.crumbs svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;flex:none}

/* المعرض */
.gal{position:relative;background:var(--stage);overflow:hidden}
:root[data-skin=night] .gal{box-shadow:0 22px 50px -26px rgba(212,168,89,.55)}
:root[data-skin=night] .gal::before{content:"";position:absolute;inset:auto 8% 0 8%;height:2px;z-index:3;background:linear-gradient(90deg,transparent,#e2be74,transparent);box-shadow:0 0 14px 2px rgba(226,190,116,.6)}
:root[data-skin=shop] .gal::after{content:"";position:absolute;inset:auto 0 0 0;height:12px;z-index:3;pointer-events:none;opacity:.45;background:repeating-linear-gradient(to left,var(--ink) 0 1px,transparent 1px 10px) bottom/100% 5px no-repeat,repeating-linear-gradient(to left,var(--ink) 0 1.5px,transparent 1.5px 50px) bottom/100% 11px no-repeat}
.gal__t{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.gal__t::-webkit-scrollbar{display:none}
.gal__s{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;margin:0;position:relative;aspect-ratio:4/3}
.gal__s img{width:100%;height:100%;object-fit:cover}
.gal__s[data-kind=render] img,.gal__s[data-kind=cut] img{object-fit:contain;mix-blend-mode:multiply}
.gal__s[data-kind=render] img{padding:5% 4% 2%}
.gal__s[data-kind=cut] img{padding:4%}
.gal__tag{position:absolute;top:12px;inset-inline-start:12px;display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(22,19,14,.84);color:#fff;font:600 12px/1.4 var(--fb)}
.gal__tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#d4a859;box-shadow:0 0 0 3px rgba(212,168,89,.3)}
:root[data-skin=shop] .gal__tag{border-radius:3px;background:var(--tape);color:#1c1b19;font-weight:700}
:root[data-skin=shop] .gal__tag::before{background:#1c1b19;box-shadow:none}
.gal__x{position:absolute;inset:0;opacity:0;transition:opacity .28s var(--ease)}
.gal__x.on{opacity:1}
.gal__dots{display:flex;justify-content:center;gap:2px;padding:8px 0 0}
.gal__dots button{width:20px;height:20px;padding:0;border:0;background:none;display:grid;place-items:center}
.gal__dots button::before{content:"";width:6px;height:6px;border-radius:3px;background:var(--line2);transition:width .25s var(--ease),background .25s}
.gal__dots button.on::before{width:18px;background:var(--acc)}
.gal__arr{display:none;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(20,17,12,.12);background:rgba(255,255,255,.94);place-items:center;box-shadow:0 2px 10px rgba(20,17,12,.12);z-index:4;color:#14110c;transition:transform .2s var(--spring)}
.gal__arr:hover{transform:translateY(-50%) scale(1.06)}
.gal__arr svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gal__arr--prev{inset-inline-start:14px}
.gal__arr--next{inset-inline-end:14px}
.gal__zoom{position:absolute;bottom:16px;inset-inline-end:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(20,17,12,.12);background:rgba(255,255,255,.94);display:grid;place-items:center;z-index:4;color:#14110c}
.gal__zoom svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
:root[data-skin=shop] .gal__arr,:root[data-skin=shop] .gal__zoom{border-radius:4px}
.gal__thumbs{display:none;gap:8px;padding:12px 0 0;overflow-x:auto;scrollbar-width:none}
.gal__thumbs button{flex:0 0 76px;aspect-ratio:4/3;padding:0;border:2px solid var(--line);border-radius:calc(var(--r) - 2px);background:var(--stage);overflow:hidden;transition:border-color .15s}
.gal__thumbs button img{width:100%;height:100%;object-fit:cover}
.gal__thumbs button:first-child img{object-fit:contain;mix-blend-mode:multiply;padding:4px}
.gal__thumbs button.on{border-color:var(--acc)}

/* رأس المنتج */
.tb{padding:16px 16px 6px}
.tb__eyebrow{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1.4 var(--fb);color:var(--acc-ink);margin:0 0 6px}
.tb__eyebrow::before{content:"";width:14px;height:12px;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}
:root[data-skin=shop] .tb__eyebrow{background:var(--tape);color:#1c1b19;padding:3px 9px;border-radius:3px;font-weight:700}
:root[data-skin=shop] .tb__eyebrow::before{display:none}
.tb h1{font:var(--tw) var(--ts)/1.1 var(--ft);margin:0 0 8px;letter-spacing:-.01em;text-wrap:balance}
:root[data-skin=night] .tb h1{background:linear-gradient(180deg,#fff 30%,#e2be74);-webkit-background-clip:text;background-clip:text;color:transparent}
.tb__lead{margin:0 0 12px;color:var(--ink2);font-size:14.5px;line-height:1.8}
.mat{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.mat li{font:600 12px/1 var(--fb);color:var(--ink2);border:1px solid var(--line2);border-radius:999px;padding:7px 10px}
.mat li b{font:600 11.5px/1 var(--fm);color:var(--ink)}
:root[data-skin=shop] .mat li{border-radius:3px;border-style:dashed}
.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 0 0;border-top:1px solid var(--line)}
.price b{font:800 34px/1 var(--fd);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.price b small{font:600 14px var(--fb);margin-inline-start:5px;color:var(--ink2)}
.price s{color:var(--mute);font-size:15px}
.price em{font-style:normal;font:700 12px/1 var(--fb);color:var(--ok);background:var(--ok-soft);padding:6px 9px;border-radius:999px}
.inst{display:flex;align-items:center;gap:10px;margin:10px 0 0;font-size:13.5px;color:var(--ink2)}
.inst b{color:var(--ink)}
.inst__bar{display:flex;gap:3px;flex:none}
.inst__bar i{width:18px;height:8px;border-radius:2px;border:1.5px solid var(--acc)}
.inst__bar i:first-child{background:var(--acc)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0 0;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.trust div{padding:12px 6px;text-align:center;font:500 11.5px/1.5 var(--fb);color:var(--mute)}
.trust div+div{border-inline-start:1px solid var(--line)}
.trust svg{width:22px;height:22px;stroke:var(--acc-ink);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 5px;display:block}
.trust b{display:block;color:var(--ink);font:700 12.5px/1.4 var(--fb)}

/* خطوات الاختيار */
.opt{padding:20px 16px 6px}
.opt+.opt{border-top:1px solid var(--line)}
.opt__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.opt__h h2{margin:0;font:700 15.5px/1.4 var(--fd)}
.opt__v{font:600 13px/1.4 var(--fb);color:var(--acc-ink);text-align:end;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.opt__note{margin:10px 0 6px;font-size:12.5px;color:var(--mute);line-height:1.6}
/* «هل تدخل عندي؟» — رسمة المكان من فوق */
.fit{--fit-bad:#b3261e;--fit-warn:#8a5a00;margin:4px 16px 10px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card)}
:root[data-skin=night] .fit{--fit-bad:#ff8a80;--fit-warn:#f2c46b}
.fit>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px 14px;cursor:pointer;list-style:none}
.fit>summary::-webkit-details-marker{display:none}
.fit>summary svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--ink2);stroke-width:2;transition:transform .2s var(--ease)}
.fit[open]>summary svg{transform:rotate(180deg)}
.fit__t{display:grid;gap:2px;min-width:0}
.fit__t b{font:700 15.5px/1.4 var(--fd);color:var(--ink)}
.fit__t small{font:500 12.5px/1.5 var(--fb);color:var(--mute)}
.fit__body{display:grid;gap:12px;padding:2px 14px 14px}
.fit__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fit__in label{display:grid;gap:6px;min-width:0;font:600 12.5px/1.4 var(--fb);color:var(--ink2)}
.fit__f{position:relative;display:block}
.fit__f input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:0 44px 0 12px;border:1px solid var(--line2);border-radius:var(--r);background:var(--bg);color:var(--ink);font:700 17px/1 var(--fb);text-align:left}
.fit__f input:focus{outline:2px solid var(--acc);outline-offset:1px}
.fit__f i{position:absolute;inset-block:0;right:12px;display:flex;align-items:center;font:500 12.5px var(--fb);font-style:normal;color:var(--mute);pointer-events:none}
.fit__pos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fit__pos button{min-height:44px;padding:0 6px;border:1px solid var(--line2);border-radius:var(--r);background:var(--card);color:var(--ink2);font:600 12.5px/1.3 var(--fb)}
.fit__pos button[aria-checked=true]{border-color:var(--acc);background:var(--acc-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--acc)}
.fit__fig{margin:0;display:grid;gap:6px}
.fit__svg{display:block;width:100%;max-width:100%;height:auto;max-height:340px;background:var(--bg);border-radius:var(--r)}
.fit__fig figcaption{font:500 11.5px/1.5 var(--fb);color:var(--mute);text-align:center}
.fit__room{fill:var(--bg2);stroke:var(--line2);stroke-width:1.5;stroke-dasharray:6 5}
.fit__wall{stroke:var(--ink);stroke-width:6;stroke-linecap:round}
.fit__table{fill:var(--acc-soft);stroke:var(--ink);stroke-width:2}
.fit__table.is-bad{stroke:var(--fit-bad);stroke-width:3}
.fit__chairzone{fill:var(--acc-soft);fill-opacity:.55;stroke:var(--acc);stroke-width:1.5;stroke-dasharray:5 4}
.fit__chairzone.is-bad{fill:var(--fit-bad);fill-opacity:.12;stroke:var(--fit-bad)}
.fit__chair{fill:var(--card);stroke:var(--ink2);stroke-width:2}
.fit__lab{fill:var(--ink2);font-family:var(--fb);font-weight:600;text-anchor:middle}
.fit__lab--t{fill:var(--ink);font-weight:800;paint-order:stroke;stroke:var(--card);stroke-width:5px;stroke-linejoin:round}
.fit__lab--c{fill:var(--mute)}
.fit__v{margin:0;padding:10px 12px;border-radius:var(--r);background:var(--bg2);font:600 14px/1.6 var(--fb);color:var(--ink)}
.fit.is-ok .fit__v{background:var(--ok-soft);color:var(--ok)}
.fit.is-warn .fit__v{color:var(--fit-warn)}
.fit.is-bad .fit__v{color:var(--fit-bad)}
.fit__s{justify-self:start;min-height:44px;padding:0 16px;border:1px solid var(--acc);border-radius:999px;background:var(--card);color:var(--acc-ink);font:700 13.5px/1 var(--fb)}
.fit__n{margin:0;font:500 12px/1.6 var(--fb);color:var(--mute)}
.fit--pick{margin:0 0 16px}
.pk__fit{align-self:start;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font:700 12px/1 var(--fb);background:var(--bg2);color:var(--ink2)}
.pk__fit.is-ok{background:var(--ok-soft);color:var(--ok)}
.pk__fit.is-warn{background:var(--acc-soft);color:var(--acc-ink)}
.pk__fit.is-bad{background:color-mix(in srgb,#b3261e 12%,var(--card));color:#b3261e}
:root[data-skin=night] .pk__fit.is-bad{color:#ff8a80}
.grid{display:grid;gap:8px}
.grid--5{grid-template-columns:repeat(5,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--sw{grid-template-columns:repeat(5,1fr);gap:8px}
/* العيّنات: كارت عيّنة خامة زي كتالوج الورشة */
.sw{position:relative;display:flex;flex-direction:column;padding:3px 3px 5px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);text-align:center;transition:transform .3s var(--spring),box-shadow .2s var(--ease),border-color .15s}
.sw i{display:block;aspect-ratio:1;border-radius:calc(var(--r) - 4px);background:var(--img) center/cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sw small{display:block;font:500 10px/1 var(--fm);color:var(--mute);padding:6px 0 3px;letter-spacing:.03em}
.sw span{font:600 10.5px/1.3 var(--fb);color:var(--ink2);min-height:2.6em;display:flex;align-items:flex-start;justify-content:center}
.sw:active{transform:scale(.95)}
.sw[aria-checked=true]{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 8px 18px -10px rgba(0,0,0,.45);transform:translateY(-2px)}
.sw[aria-checked=true] span{color:var(--ink);font-weight:700}
.sw[aria-checked=true] small{color:var(--acc-ink);font-weight:600}
:root[data-skin=shop] .sw[aria-checked=true] small{background:var(--tape);color:#1c1b19;margin:4px 4px 3px;padding:3px 0;border-radius:2px}
.sw[aria-checked=true]::after{content:"";position:absolute;top:-6px;inset-inline-end:-6px;width:20px;height:20px;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 0 0 2px var(--bg)}
.chip,.seg__b{min-height:54px;border:1px solid var(--line2);border-radius:calc(var(--r) - 2px);background:var(--card);padding:6px 4px;display:grid;place-content:center;gap:3px;text-align:center;transition:border-color .15s,background .15s,transform .25s var(--spring)}
.chip b,.seg__b b{font:700 15px/1.1 var(--fd);font-variant-numeric:tabular-nums}
.seg__b b{font-size:13.5px}
.chip small{font:600 10.5px/1.15 var(--fb);color:var(--mute)}
.grid .chip{flex-wrap:wrap;justify-content:center;row-gap:0}
.grid .chip small{flex-basis:100%;order:3;font:600 10.5px/1.1 var(--fb);margin-top:-1px;letter-spacing:0;word-spacing:0;text-align:center}
.chip em,.seg__b em,.card em{font:600 11px/1.2 var(--fb);font-style:normal;color:var(--mute);font-variant-numeric:tabular-nums}
.chip em.free,.seg__b em.free,.card em.free{color:var(--ok)}
.chip:active,.seg__b:active{transform:scale(.96)}
.chip[aria-checked=true],.seg__b[aria-checked=true]{border-color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}
:root[data-skin=shop] .grid--5 .chip{background-image:repeating-linear-gradient(to left,var(--line2) 0 1px,transparent 1px 6px);background-size:100% 4px;background-repeat:no-repeat;background-position:bottom}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cards{display:grid;gap:8px}
.card{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;text-align:start;padding:12px;border:1px solid var(--line2);border-radius:var(--r);background:var(--card);transition:border-color .15s,background .15s}
.card__dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line2);display:grid;place-items:center}
.card__dot::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--acc);transform:scale(0);transition:transform .25s var(--spring)}
.card[aria-checked=true]{border-color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}
.card[aria-checked=true] .card__dot{border-color:var(--acc)}
.card[aria-checked=true] .card__dot::after{transform:scale(1)}
.card__t b{display:block;font:700 14px/1.35 var(--fd)}
.card__t small{display:block;font-size:12px;color:var(--mute);line-height:1.5}
.card em{font-size:13px;font-weight:700;color:var(--ink2)}
.adv{margin:18px 16px 0;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);overflow:hidden}
.adv>summary{list-style:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:14px 16px;font:700 15px/1.4 var(--fd);cursor:pointer}
.adv>summary::-webkit-details-marker{display:none}
.adv>summary small{grid-row:2;font:500 12.5px var(--fb);color:var(--mute)}
.adv>summary svg{grid-row:1/3;grid-column:2;width:18px;height:18px;stroke:var(--ink2);fill:none;stroke-width:2;transition:transform .3s var(--ease)}
.adv[open]>summary svg{transform:rotate(180deg)}
.adv .opt{padding:14px 16px 6px;border-top:1px solid var(--line)}

/* ملخّص الطلب: إيصال */
.sum{margin:20px 16px 0;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);overflow:hidden}
.sum__head{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg2);border-bottom:1px dashed var(--line2)}
.sum__head img{width:72px;height:54px;object-fit:contain;mix-blend-mode:multiply;background:var(--stage);border-radius:calc(var(--r) - 4px)}
:root[data-skin=night] .sum__head img{mix-blend-mode:normal;background:#efeae1}
.sum__head h2{margin:0;font:700 16px/1.3 var(--fd)}
.sum__head p{margin:2px 0 0;font-size:12px;color:var(--mute)}
.sum__body{padding:10px 16px 16px}
.sum__r{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:5px 0;color:var(--ink2);font-variant-numeric:tabular-nums}
.sum__r span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sum__r.free span:last-child{color:var(--ok);font-weight:700}
.sum__t{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--line2);margin-top:8px;padding-top:12px;font:700 14.5px var(--fd)}
.sum__t b{font:800 26px/1 var(--fd);font-variant-numeric:tabular-nums}
.sum__i{margin:8px 0 0;font-size:12.5px;color:var(--mute);line-height:1.6}
h1,h2,h3,h4,h5,.sec-h,.hero__t,.kg__c b,.kp__c b,.idc b,.ida h1,.say__st span{word-spacing:.12em}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 18px;border-radius:calc(var(--r) + 2px);border:0;background:var(--btn);color:var(--on-btn);font:800 16px var(--fb);width:100%;box-shadow:var(--btn-glow);transition:transform .2s var(--spring),filter .2s}
.btn:hover{filter:brightness(1.08)}
.btn:active{transform:scale(.98)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sum .btn{margin-top:14px}
.sum__wa{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:13px;color:var(--ink2);text-decoration:none}
.sum__wa b{color:var(--acc-ink)}

/* التفاصيل */
.det{margin:34px 16px 0}
.sec-h{font:var(--tw) 24px/1.3 var(--ft);margin:0 0 10px}
.det__nav{display:none}
.acc{border-top:1px solid var(--line)}
.acc:last-of-type{border-bottom:1px solid var(--line)}
.acc>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:15px 0;font:700 15px/1.4 var(--fd);cursor:pointer}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary::after{content:"+";font:400 22px/1 var(--fb);color:var(--acc-ink);transition:transform .25s var(--ease)}
.acc[open]>summary::after{transform:rotate(45deg)}
.prose{padding:0 0 16px;font-size:14.5px;color:var(--ink2);line-height:1.9}
.prose h3{font:700 14.5px/1.5 var(--fd);color:var(--ink);margin:12px 0 4px}
.prose p{margin:0 0 8px}
.prose ul{margin:0 0 8px;padding-inline-start:18px}
.prose li{margin:0 0 3px}
.prose li::marker{color:var(--acc)}
.prose strong{color:var(--ink)}
.acc__q{border-top:1px solid var(--line)}
.acc__q:first-child{border-top:0}
.acc__q>summary{list-style:none;padding:12px 0;font:600 14px/1.5 var(--fb);cursor:pointer;display:flex;justify-content:space-between;gap:10px;color:var(--ink)}
.acc__q>summary::-webkit-details-marker{display:none}
.acc__q>summary::after{content:"›";color:var(--mute);transform:rotate(90deg);transition:transform .2s}
.acc__q[open]>summary::after{transform:rotate(-90deg)}
.acc__q p{margin:0 0 12px;font-size:13.5px;color:var(--ink2);line-height:1.85}

/* من نفس العائلة */
.rel{margin:34px 0 0;padding:0 16px}
.rel__g{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rel__c{display:block;text-decoration:none;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.rel__c:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(0,0,0,.4)}
.rel__c img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff}
.rel__c div{padding:10px 12px 12px}
.rel__c b{display:block;font:700 14px/1.4 var(--fd)}
.rel__c span{display:block;font-size:13px;color:var(--ink2);margin-top:2px;font-variant-numeric:tabular-nums}
.rel__c s{color:var(--mute);font-size:12px;margin-inline-start:4px}

/* القصة */
.story{margin:34px 0 0;background:var(--story);color:var(--story-ink);padding:28px 16px 32px}
:root[data-skin=night] .story{border-top:1px solid var(--story-line);border-bottom:1px solid var(--story-line)}
.story img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r2);margin:0 0 18px}
.story h2{font:var(--tw) 26px/1.3 var(--ft);margin:0 0 6px;color:var(--story-acc)}
.story p{margin:0 0 16px;color:var(--story-soft);font-size:14.5px}
.story__s{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;counter-reset:st}
.story__s div{border:1px solid var(--story-line);border-radius:var(--r);padding:14px 8px;text-align:center;font:600 13px/1.4 var(--fb)}
.story__s b{display:block;font:900 22px/1 var(--ft);color:var(--story-acc);margin:0 0 6px}

/* الفوتر */
.foot{background:var(--foot);color:var(--foot-ink);padding:30px 16px calc(24px + 84px);font-size:13.5px}
.foot__in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px 16px}
.foot__brand{grid-column:1/-1}
.foot__brand b{display:flex;align-items:center;gap:8px;font:700 24px/1 "Aref Ruqaa",serif;color:#d4a859}
.foot__brand p{margin:8px 0 0;color:var(--foot-soft);max-width:40ch}
.foot h3{margin:0 0 8px;font:700 13.5px/1.4 var(--fd)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.foot a{color:var(--foot-soft);text-decoration:none}
.foot a:hover{color:var(--foot-ink)}
.foot__copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;color:var(--foot-soft);font-size:12px}

/* الشريط الثابت */
.bar{position:fixed;bottom:0;inset-inline:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-top:1px solid var(--line)}
.bar__img{width:56px;height:56px;border-radius:calc(var(--r) - 2px);border:1px solid var(--line);background:var(--stage);padding:0;overflow:hidden}
.bar__img img{width:100%;height:100%;object-fit:cover;object-position:center 40%;mix-blend-mode:multiply}
.bar__img.pop{animation:pop .45s var(--spring)}
@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
.bar__p{min-width:0}
.bar__p b{display:block;font:800 19px/1.1 var(--fd);font-variant-numeric:tabular-nums;white-space:nowrap}
.bar__p b small{font:600 12px var(--fb);margin-inline-start:3px;color:var(--ink2)}
.bar__p>span{display:block;font-size:11.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.bar .btn{width:auto;padding:0 18px;min-height:48px;font-size:15px;white-space:nowrap}

.zoom{border:0;padding:0;background:#fff;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}
.zoom::backdrop{background:#fff}
.zoom__x{position:fixed;top:14px;inset-inline-end:14px;width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#111;font-size:22px;z-index:2}
.zoom__t{height:100dvh;overflow:auto;display:grid;place-items:center}
.zoom__t img{width:100%;max-width:1200px}
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,10px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font:600 13px var(--fb);opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:60;white-space:nowrap}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* الكمبيوتر */
@media (min-width:900px){
 body{padding-bottom:0}
 .hdr__in{height:68px;padding:0 24px;gap:8px}
 .hdr__menu{display:none}
 .hdr__brand{margin-inline-end:24px;font-size:24px}
 .hdr__nav{display:flex;gap:4px;margin-inline-end:auto}
 .hdr__nav a{text-decoration:none;font:600 14.5px/1 var(--fb);padding:10px 14px;border-radius:999px;color:color-mix(in srgb,var(--hdr-ink) 75%,transparent)}
 .hdr__nav a:hover{color:var(--hdr-ink)}
 .hdr__nav a.on{color:var(--hdr-ink);background:color-mix(in srgb,var(--hdr-ink) 8%,transparent)}
 :root[data-skin=shop] .hdr__nav a{border-radius:3px}
 .hdr__acct{display:grid}
 .hdr__mode span{display:inline}
 .crumbs{padding:14px 32px 0}
 div.page{max-width:1304px;margin:0 auto;padding:14px 32px 60px}
 .top{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:44px;align-items:start}
 .col-a{position:sticky;top:88px}
 .gal{border-radius:var(--r2);border:1px solid var(--line)}
 .gal__arr{display:grid}
 .gal__thumbs{display:flex}
 .tb{padding:4px 0 6px}
 .opt,.adv .opt{padding-inline:0}
 .adv .opt{padding-inline:16px}
 .adv,.sum{margin-inline:0}
 .det{margin:56px 0 0}
 .sec-h{font-size:28px}
 .det__nav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 22px;overflow-x:auto}
 .det__nav button{border:0;background:none;padding:12px 18px;font:700 15px/1.4 var(--fd);color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .15s,border-color .15s}
 .det__nav button:hover{color:var(--ink)}
 .det__nav button.on{color:var(--ink);border-color:var(--acc)}
 .det .acc{border:0}
 .det .acc>summary{display:none}
 .det .acc:not([open]){display:none}
 .det .prose{max-width:760px;font-size:15.5px}
 .rel{padding:0;margin-top:56px}
 .rel__g{grid-template-columns:repeat(4,1fr);gap:16px}
 .story{border-radius:var(--r2);margin-top:56px;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
 .story img{margin:0}
 .foot{padding:44px 32px 30px}
 .foot__in{grid-template-columns:2fr 1fr 1fr 1fr}
 .foot__brand{grid-column:auto}
 .bar{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* ===================== خامات الواجهة ===================== */
:root{--raise:inset 0 1px 0 rgba(255,255,255,.7),0 1px 0 rgba(28,27,25,.06)}
:root[data-skin=night]{--raise:inset 0 1px 0 rgba(255,255,255,.05),0 1px 0 rgba(0,0,0,.45)}
/* زرار الطلب: خامة حقيقية */
.btn{position:relative;overflow:hidden;isolation:isolate}
:root[data-skin=night] .btn{background:linear-gradient(180deg,#f3d893 0%,#d9ae5f 45%,#b98838 100%);color:#140f06;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(90,60,15,.35),0 12px 28px -12px rgba(212,168,89,.8)}
:root[data-skin=shop] .btn{background:linear-gradient(180deg,rgba(255,236,210,.16),rgba(0,0,0,.26)),linear-gradient(rgba(84,50,26,.6),rgba(84,50,26,.6)),url(../alexa/sw/3500.webp) center/240% auto;color:#fbf3e6;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.3),0 10px 22px -10px rgba(74,45,24,.75)}
.btn::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.42) 48%,transparent 62%);transform:translateX(120%);animation:shine 6s var(--ease) 1.2s infinite}
@keyframes shine{0%{transform:translateX(120%)}16%,100%{transform:translateX(-120%)}}
.btn:active{transform:translateY(1px) scale(.99)}
.btn svg{transition:transform .25s var(--spring)}
.btn.is-busy,.btn.is-done{pointer-events:none}
.btn.is-busy::after,.btn.is-done::after{animation:none;opacity:0}
.btn.is-done{background:#1f7a44!important;color:#fff!important;text-shadow:none}
.btn .spin{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:rot .7s linear infinite}
@keyframes rot{to{transform:rotate(360deg)}}
.btn .ok{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:draw .45s var(--ease) .05s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
/* الأزرار الصغيرة: بارزة وبتنضغط */
.chip,.seg__b,.card{position:relative;overflow:hidden;box-shadow:var(--raise)}
.chip:active,.seg__b:active,.card:active{box-shadow:inset 0 2px 6px rgba(0,0,0,.16)}
.chip[aria-checked=true],.seg__b[aria-checked=true],.card[aria-checked=true]{box-shadow:inset 0 0 0 1px var(--acc),0 6px 14px -8px color-mix(in srgb,var(--acc) 70%,transparent)}
.rip{position:absolute;border-radius:50%;background:currentColor;opacity:.16;transform:scale(0);pointer-events:none;animation:rip .6s var(--ease) forwards}
@keyframes rip{to{transform:scale(1);opacity:0}}
/* العيّنة: لمعة قشرة ميلامين */
.sw i{position:relative;overflow:hidden}
.sw i::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 38%,transparent 62%,rgba(0,0,0,.1))}
.sw i::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);background-size:260% 100%;background-position:130% 0;opacity:0}
.sw[aria-checked=true] i::after{animation:swsheen .9s var(--ease)}
@keyframes swsheen{0%{opacity:1;background-position:130% 0}100%{opacity:0;background-position:-30% 0}}
.sw[aria-checked=true]::after{animation:pop .45s var(--spring)}
@media (hover:hover){.sw:hover{transform:translateY(-2px)}.chip:hover,.seg__b:hover,.card:hover{border-color:color-mix(in srgb,var(--acc) 55%,var(--line2))}.btn:hover svg{transform:translateX(-4px)}}
.fly{position:fixed;z-index:70;border-radius:8px;background-size:cover;background-position:center;pointer-events:none;box-shadow:0 10px 24px rgba(0,0,0,.35)}
/* فرش اللون على الطاولة */
#renderX{transition:none}
.gal__sheen{position:absolute;top:0;bottom:0;right:-12%;width:12%;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent)}
/* السعر: أرقام بتتقلب + فرق السعر */
[data-total]{display:inline-block;direction:ltr;unicode-bidi:isolate}
.dg{display:inline-block}
.dg.up{animation:dgUp .5s var(--spring) both}
.dg.dn{animation:dgDn .5s var(--spring) both}
@keyframes dgUp{from{transform:translateY(.5em);opacity:0}}
@keyframes dgDn{from{transform:translateY(-.5em);opacity:0}}
.price,.bar__p{position:relative}
.delta{position:absolute;top:-6px;inset-inline-end:0;font:800 13px/1 var(--fd);padding:5px 8px;border-radius:999px;pointer-events:none;direction:ltr;animation:dlt 1.2s var(--ease) forwards}
.bar__p .delta{top:-22px;inset-inline-end:auto;inset-inline-start:0}
.delta.up{background:var(--acc-soft);color:var(--acc-ink);box-shadow:inset 0 0 0 1px var(--acc)}
.delta.down{background:var(--ok-soft);color:var(--ok)}
@keyframes dlt{0%{opacity:0;transform:translateY(8px)}18%{opacity:1;transform:translateY(-4px)}75%{opacity:1}100%{opacity:0;transform:translateY(-18px)}}
/* التقدّم */
.opt__h h2{display:flex;align-items:center;gap:8px}
.opt.done>.opt__h h2::after{content:"";width:17px;height:17px;flex:none;border-radius:50%;background:#2d7a45 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat;animation:pop .45s var(--spring)}
.opt__v.flash{animation:vflash .6s var(--ease)}
@keyframes vflash{0%{transform:translateY(-4px);opacity:.3}}
.bar::before{content:"";position:absolute;top:-1px;inset-inline-start:0;height:2px;width:var(--prog,0);background:linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 60%,#fff));transition:width .5s var(--ease)}
.sum__prog{display:flex;align-items:center;gap:8px;margin-top:6px;font:600 11.5px/1 var(--fb);color:var(--mute)}
.sum__seg{display:flex;gap:3px}
.sum__seg i{width:12px;height:5px;border-radius:2px;background:var(--line2);transition:background .3s var(--ease)}
.sum__seg i.on{background:var(--acc)}
.hdr__ic i.bump{animation:pop .5s var(--spring)}
/* زرار الوضع */
:root[data-skin=night] .ico--sun,:root[data-skin=shop] .ico--moon{animation:spinIn .6s var(--spring)}
@keyframes spinIn{from{transform:rotate(-120deg) scale(.4);opacity:0}}
/* فتح وقفل الأقسام بنعومة */
@supports selector(::details-content){
 :root{interpolate-size:allow-keywords}
 details::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}
 details[open]::details-content{height:auto}
}
@media (prefers-reduced-motion:reduce){.btn::after{display:none}}

/* ===================== خلفية متصلة بدون فواصل ===================== */
:root{
 --amb:radial-gradient(330px 240px at 88% 300px,rgba(255,252,245,.95),transparent 72%),radial-gradient(300px 260px at 8% 900px,rgba(255,250,240,.8),transparent 72%),radial-gradient(380px 200px at 55% 1180px,rgba(106,67,39,.07),transparent 72%),radial-gradient(260px 180px at 30% 520px,rgba(232,181,60,.07),transparent 72%);
 --grain:.2;--grain-blend:multiply;
}
:root[data-skin=night]{
 --amb:radial-gradient(360px 260px at 90% 300px,rgba(212,168,89,.13),transparent 72%),radial-gradient(320px 280px at 6% 880px,rgba(212,168,89,.09),transparent 72%),radial-gradient(420px 220px at 60% 1180px,rgba(120,130,200,.06),transparent 72%),radial-gradient(240px 170px at 35% 560px,rgba(226,190,116,.06),transparent 72%);
 --grain:.14;--grain-blend:soft-light;
 --story:#0c0c0f;--foot:#0c0c0f;
}
:root[data-skin=shop]{--story:#1c1b19;--foot:#1c1b19;--stage:radial-gradient(120% 85% at 50% 38%,#f7f6f2 0%,#eeece7 55%,var(--bg) 100%)}
.amb{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.amb__in{position:absolute;left:0;right:0;top:0;height:calc(100vh + 1400px);background:var(--amb);background-size:100% 1400px;background-repeat:repeat-y;will-change:transform;transition:background .4s var(--ease)}
.amb::after{content:"";position:absolute;inset:0;opacity:var(--grain);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 .6 0'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}
/* الهيدر زجاج، الخلفية باينة من وراه */
.hdr{background:color-mix(in srgb,var(--hdr) 82%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}
:root[data-skin=night] .hdr{border-bottom-color:transparent}
/* الأقسام بالمسافة مش بالخطوط */
.opt+.opt{border-top-color:transparent}
.opt{padding-top:24px}
.price{border-top:0;padding-top:4px}
.acc,.acc:last-of-type,.acc__q{border-color:color-mix(in srgb,var(--line) 55%,transparent)}
.trust,.sum,.adv,.rel__c{background:color-mix(in srgb,var(--card) 88%,transparent)}
:root[data-skin=night] .gal{box-shadow:0 30px 60px -30px rgba(212,168,89,.5),0 0 0 1px rgba(255,255,255,.04)}
/* آخر الصفحة بيغمق بالتدريج لحد الفوتر */
.story{margin:28px 0 0;padding:70px 16px 36px;background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--story) 30%,transparent) 22px,color-mix(in srgb,var(--story) 82%,transparent) 50px,var(--story) 76px);border:0!important}
.story__in{max-width:1240px;margin:0 auto}
.foot{background:var(--foot)}
.foot__copy{border-top-color:rgba(255,255,255,.06)}
@media (min-width:900px){
 .story{border-radius:0;margin-top:44px;padding:96px 32px 56px;display:block}
 .story__in{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
}
@media (prefers-reduced-motion:reduce){.amb__in{transform:none!important}}

/* ===================== نافذة المعاينة وقت اختيار الألوان (موبايل) ===================== */
.peek{position:fixed;top:64px;left:10px;right:10px;z-index:39;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--stage);box-shadow:0 18px 34px -16px rgba(0,0,0,.5);transform:translateY(calc(-100% - 80px));opacity:0;pointer-events:none;transition:transform .5s var(--spring),opacity .25s var(--ease)}
.peek.on{transform:none;opacity:1;pointer-events:auto}
:root[data-skin=night] .peek{border-color:rgba(212,168,89,.35);box-shadow:0 18px 40px -14px rgba(212,168,89,.45),0 10px 30px rgba(0,0,0,.5)}
:root[data-skin=shop] .peek{border-radius:6px;border:1px solid var(--line2)}
.peek__stage{display:block;position:relative;width:100%;height:clamp(150px,25vh,210px);border:0;padding:0;background:none;cursor:pointer}
.peek__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px 18px 8px;mix-blend-mode:multiply}
.peek__x{opacity:0}
.peek__cap{position:absolute;bottom:8px;inset-inline-start:10px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:5px 10px;border-radius:999px;background:rgba(22,19,14,.82);color:#fff;font:600 11.5px/1.3 var(--fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.peek__cap::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#d4a859}
:root[data-skin=shop] .peek__cap{border-radius:3px;background:var(--tape);color:#1c1b19}
:root[data-skin=shop] .peek__cap::before{background:#1c1b19}
.peek__sheen{position:absolute;top:0;bottom:0;right:-12%;width:12%;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent)}
@media (min-width:900px){.peek{display:none}}
/* صورة الشريط اللي تحت: الطاولة كاملة من غير قص */
.bar__img{width:74px;height:56px}
.bar__img img{object-fit:contain;object-position:center;padding:4px 3px 2px}

/* ===================== الأفكار الأربعتاشر ===================== */
/* 1) زرار بسُمك لوح حقيقي */
:root[data-skin=shop]{--btn-sh:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.28),0 1px 0 #4a2e19,0 5px 0 #24160b,0 14px 22px -10px rgba(40,24,10,.75);--btn-sh-p:inset 0 1px 0 rgba(255,255,255,.18),0 1px 0 #24160b,0 4px 8px -4px rgba(40,24,10,.6)}
:root[data-skin=night]{--btn-sh:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(90,60,15,.35),0 1px 0 #a57a2e,0 5px 0 #5e4213,0 14px 26px -10px rgba(212,168,89,.65);--btn-sh-p:inset 0 1px 0 rgba(255,255,255,.5),0 1px 0 #5e4213,0 4px 10px -4px rgba(212,168,89,.5)}
.btn,:root[data-skin] .btn{box-shadow:var(--btn-sh);margin-bottom:5px;transition:transform .12s var(--ease),box-shadow .12s var(--ease),filter .2s}
.btn:active,:root[data-skin] .btn:active{transform:translateY(4px);box-shadow:var(--btn-sh-p)}
/* 2) ليد تحت الزرار بينبض مع كل تغيير سعر (ليلي) */
:root[data-skin=night] .btn.pulse{animation:ledp 1s var(--ease)}
@keyframes ledp{0%{box-shadow:var(--btn-sh)}35%{box-shadow:var(--btn-sh),0 12px 40px 6px rgba(236,200,120,.8)}100%{box-shadow:var(--btn-sh)}}
:root[data-skin=shop] .btn.pulse{animation:woodp .6s var(--ease)}
@keyframes woodp{40%{filter:brightness(1.18)}}

/* 3) ملخص الطلب كتذكرة ورشة */
.sum{position:relative;--ny:96px;-webkit-mask:radial-gradient(circle 11px at 0 var(--ny),transparent 10px,#000 10.5px),radial-gradient(circle 11px at 100% var(--ny),transparent 10px,#000 10.5px);-webkit-mask-composite:source-in;mask:radial-gradient(circle 11px at 0 var(--ny),transparent 10px,#000 10.5px),radial-gradient(circle 11px at 100% var(--ny),transparent 10px,#000 10.5px);mask-composite:intersect}
.sum__head{border-bottom:2px dashed var(--line2)}
.tk{display:block;font:600 10.5px/1.4 var(--fm);letter-spacing:.03em;color:var(--mute);margin:0 0 2px}
.tk b{font-weight:600;color:var(--ink2)}
/* 14) ختم «جاهزة للتفصيل» */
:root{--stamp:#a3312a}
:root[data-skin=night]{--stamp:#e2be74}
.stamp{position:absolute;top:6px;inset-inline-end:8px;z-index:4;width:94px;height:94px;border-radius:50%;display:grid;place-content:center;gap:4px;text-align:center;color:var(--stamp);border:3px double var(--stamp);box-shadow:inset 0 0 0 5px transparent,inset 0 0 0 6px var(--stamp);opacity:0;transform:rotate(-14deg);pointer-events:none;mix-blend-mode:multiply}
:root[data-skin=night] .stamp{mix-blend-mode:normal}
.stamp b{font:900 14.5px/1.15 var(--ft)}
.stamp small{font:700 8px/1.2 var(--fb);letter-spacing:.02em}
.stamp.on{animation:stampIn .6s cubic-bezier(.2,1.3,.4,1) forwards}
@keyframes stampIn{0%{opacity:0;transform:rotate(-26deg) scale(2.3);filter:blur(4px)}60%{opacity:.95;transform:rotate(-12deg) scale(.9);filter:blur(0)}100%{opacity:.88;transform:rotate(-14deg) scale(1)}}

/* 4) تقشير فيلم الحماية */
.gal__s[data-kind=render]{overflow:hidden}
.peelband{position:absolute;width:280%;height:24%;transform:translate(-50%,-50%) rotate(var(--a,37deg));pointer-events:none;z-index:3;background:linear-gradient(to bottom,transparent 0,rgba(255,255,255,0) 28%,rgba(255,255,255,.9) 47%,rgba(255,255,255,.35) 51%,rgba(0,0,0,.2) 55%,transparent 72%)}

/* طبقة المؤثرات فوق صورة الطاولة (المعرض ونافذة المعاينة) */
.fx{position:absolute;inset:0;pointer-events:none;display:block}
.fx>*{position:absolute;display:block}
/* 8) مقارنة لونين بالسحب */
.cmp__img{inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0;clip-path:inset(0 50% 0 0)}
.fx[data-fx=gal] .cmp__img{padding:5% 4% 2%}
.fx[data-fx=peek] .cmp__img{padding:10px 18px 8px}
.cmp__h{top:0;bottom:0;left:50%;width:44px;margin-left:-22px;opacity:0;cursor:ew-resize}
.cmp__h::before{content:"";position:absolute;left:21px;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 12px rgba(0,0,0,.25)}
.cmp__h i{position:absolute;left:4px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3);display:block}
.cmp__h i::before,.cmp__h i::after{content:"";position:absolute;top:13px;border:5px solid transparent}
.cmp__h i::before{left:5px;border-right:6px solid #14110c;border-left:0}
.cmp__h i::after{right:5px;border-left:6px solid #14110c;border-right:0}
.cmp__lab{top:10px;max-width:44%;padding:4px 9px;border-radius:999px;background:rgba(22,19,14,.82);color:#fff;font:600 10.5px/1.35 var(--fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0}
.cmp__lab--a{left:10px}
.cmp__lab--b{right:10px}
.fx.cmp-on{pointer-events:auto;touch-action:pan-y}
.fx.cmp-on .cmp__img,.fx.cmp-on .cmp__h,.fx.cmp-on .cmp__lab{opacity:1;transition:opacity .3s}
.fx.cmp-on~.gal__tag,.gal__s:has(.fx.cmp-on) .gal__tag{opacity:0}
.cmp__btn{position:absolute;top:12px;inset-inline-end:12px;z-index:6;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(20,17,12,.14);background:rgba(255,255,255,.94);color:#14110c;font:700 12px/1 var(--fb);box-shadow:0 2px 10px rgba(20,17,12,.12)}
.cmp__btn::before{content:"";width:12px;height:12px;border-radius:2px;background:linear-gradient(90deg,#6a4327 50%,#c9c4bb 50%)}
.cmp__btn.on{background:#14110c;color:#fff}
.gal__tag{z-index:5}
/* 7) خطوط المقاسات */
:root{--dimc:#3a2413;--dimbg:#1c1b19}
:root[data-skin=night]{--dimc:#8a6420;--dimbg:#14110c}
.dims{inset:0;opacity:0;transition:opacity .3s var(--ease)}
.dims.on{opacity:1}
.dim{color:var(--dimc)}
.dim--l{height:0;border-top:1.5px solid currentColor;transform:scaleX(0);transition:transform .6s var(--ease)}
.dims.on .dim--l{transform:scaleX(1)}
.dim--l::before,.dim--l::after{content:"";position:absolute;top:-6px;height:11px;border-left:1.5px solid currentColor}
.dim--l::before{left:0}.dim--l::after{right:0}
.dim--h{width:0;border-left:1.5px solid currentColor;transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease) .12s}
.dims.on .dim--h{transform:scaleY(1)}
.dim--h::before,.dim--h::after{content:"";position:absolute;left:-6px;width:11px;border-top:1.5px solid currentColor}
.dim--h::before{top:0}.dim--h::after{bottom:0}
.dim__lab{transform:translate(-50%,-50%) scale(.6);opacity:0;padding:4px 9px;border-radius:999px;background:var(--dimbg);color:#fff;font:800 12px/1 var(--fd);white-space:nowrap;direction:rtl;transition:transform .45s var(--spring) .25s,opacity .3s .25s;font-variant-numeric:tabular-nums}
.dims.on .dim__lab{transform:translate(-50%,-50%) scale(1);opacity:1}
.dim__lab.bump{animation:labbump .45s var(--spring)}
@keyframes labbump{40%{transform:translate(-50%,-50%) scale(1.18)}}
:root[data-skin=shop] .dim__lab{border-radius:3px;background:var(--tape);color:#1c1b19}
/* 9) إضاءة الليد: بروفايل في حافة السطح زي الطاولة الحقيقية + نور بيوقع تحت */
.led{opacity:0}
.led.on{opacity:1;animation:ledin .7s var(--ease)}
@keyframes ledin{from{opacity:0}}
.led>*{position:absolute;display:block;left:0;right:0}
.led__ch{top:0;height:var(--eh,10px);background:linear-gradient(to bottom,transparent 0,transparent 15%,#1c1131 15%,#110a1e 85%,transparent 85%)}
.led__l{top:calc(var(--eh,10px) * .37);height:calc(var(--eh,10px) * .26);border-radius:2px;background:linear-gradient(to bottom,#caa2ff,#fcf8ff 42%,#fcf8ff 58%,#caa2ff);box-shadow:0 0 4px 1px rgba(175,115,255,.95),0 0 12px 3px rgba(150,80,255,.65),0 0 26px 6px rgba(140,70,255,.3);animation:hue 12s linear infinite}
.led.w3 .led__l{top:calc(var(--eh,10px) * .31);height:calc(var(--eh,10px) * .38)}
.led__c{top:var(--eh,10px);bottom:0;background:linear-gradient(to bottom,rgba(135,75,255,.6) 0,rgba(160,110,255,.3) 30%,rgba(180,140,255,.14) 80%,rgba(180,140,255,.22) 100%);mix-blend-mode:multiply;animation:hue 12s linear infinite;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 55%,transparent 100%),linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);mask-composite:intersect}
@keyframes hue{to{filter:hue-rotate(360deg)}}
/* 6) لمعة بتتحرك مع ميل الموبايل */
.tilt{inset:0;background:radial-gradient(38% 50% at var(--tx,70%) var(--ty,25%),rgba(255,255,255,.6),transparent 70%);mix-blend-mode:soft-light;transition:background-position .2s}
.tilt__ask{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:6;height:32px;padding:0 12px;border-radius:999px;border:0;background:rgba(22,19,14,.82);color:#fff;font:600 12px/1 var(--fb);white-space:nowrap}
/* 11) ظل حقيقي تحت الطاولة بيتحرك مع السكرول */
.gal__s[data-kind=render]::after,.peek__stage::after{content:"";position:absolute;top:auto;inset-inline:auto;left:12%;right:12%;bottom:6%;height:14%;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(20,17,12,.22),transparent 70%);transform:translateX(calc(var(--lt,0) * 26px)) scaleX(calc(1 + var(--lt,0) * .14));opacity:calc(.75 + var(--lt,0) * .35);z-index:1;mix-blend-mode:multiply}
.peek__stage::after{bottom:4%}
/* 5) العيّنة المكبّرة بالضغطة الطويلة */
.sw{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.sw.hold i{transform:scale(.92);transition:transform .45s var(--ease)}
.macro{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(10,9,8,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadein .25s var(--ease)}
.macro[hidden]{display:none}
@keyframes fadein{from{opacity:0}}
.macro__card{position:relative;width:min(88vw,380px);border-radius:var(--r2);background:var(--card);padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.45);animation:macroin .45s var(--spring)}
@keyframes macroin{from{transform:scale(.7) translateY(30px);opacity:0}}
.macro__img{aspect-ratio:1;border-radius:calc(var(--r2) - 6px);background-size:cover;background-position:center;animation:kb 9s ease-out forwards;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.macro__img::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 40%,transparent 60%,rgba(0,0,0,.12))}
.macro__img{position:relative;overflow:hidden}
@keyframes kb{from{background-size:110%}to{background-size:150%}}
.macro__info{display:flex;justify-content:space-between;align-items:baseline;padding:12px 4px 10px}
.macro__info b{font:800 18px/1.3 var(--fd)}
.macro__info small{font:600 13px var(--fm);color:var(--mute)}
.macro__x{position:absolute;top:-14px;inset-inline-start:-14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#111;font-size:22px;box-shadow:0 6px 16px rgba(0,0,0,.35);z-index:2}
/* 10) تكبير بالصباعين */
.zoom__t{overflow:hidden;touch-action:none}
.zoom__t img{transform-origin:0 0;will-change:transform}
.zoom__hint{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:999px;background:rgba(20,17,12,.8);color:#fff;font:600 12.5px/1 var(--fb);pointer-events:none;animation:hintout 3.5s ease forwards}
@keyframes hintout{0%,75%{opacity:1}100%{opacity:0}}
/* 12) الفوتر درج بيتفتح */
:root{--drawer:#232220;--drawer-edge:#3a3835}
:root[data-skin=night]{--drawer:#17161c;--drawer-edge:#2c2a33}
.foot{padding-top:0;box-shadow:inset 0 80px 50px -40px rgba(0,0,0,.55)}
.foot__front{position:relative;height:50px;margin:0 -16px 30px;background:linear-gradient(180deg,color-mix(in srgb,var(--drawer) 85%,#fff) 0,var(--drawer) 6px,var(--drawer) 100%);border-top:1px solid var(--drawer-edge);box-shadow:inset 0 -1px 0 rgba(0,0,0,.6),0 14px 22px -8px rgba(0,0,0,.75);z-index:2}
:root[data-skin=night] .foot__front{border-top:1px solid rgba(212,168,89,.35)}
.foot__front i{position:absolute;left:50%;top:50%;width:120px;height:11px;transform:translate(-50%,-50%);border-radius:11px;background:#0c0b0a;box-shadow:inset 0 3px 4px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.08)}
.foot__in{transform:translateY(calc((1 - var(--open,1)) * -40px)) scaleY(calc(.96 + var(--open,1) * .04));transform-origin:top;opacity:calc(.35 + var(--open,1) * .65)}
@media (min-width:900px){.foot__front{margin:0 -32px 34px}}
/* 13) الهرم بيتملّى */
.hdr__mark{position:relative;display:inline-block;background:none!important;clip-path:none!important;width:26px;height:24px;flex:0 0 auto}
.hdr__mark::before,.hdr__mark::after{content:"";position:absolute;inset:0;background:url("../alexa/brand/logo-160.webp") center/contain no-repeat}
.hdr__mark::before{opacity:.22;filter:grayscale(1) contrast(.8)}
.hdr__mark::after{clip-path:inset(calc((1 - var(--pf,0)) * 100%) 0 0 0);transition:clip-path .7s var(--spring)}
.all-done .hdr__mark::after{animation:cap 1.8s ease-in-out infinite}
body:not(.single-product) .hdr__mark{--pf:1}
:root[data-skin=night] input[type=checkbox],:root[data-skin=night] input[type=radio]{accent-color:#e2be74}
:root[data-skin=night] .leaflet-tile-pane{filter:invert(.92) hue-rotate(180deg) brightness(.85) contrast(.9)}
@keyframes cap{50%{filter:drop-shadow(0 0 5px rgba(255,215,116,.95)) brightness(1.15)}}
.all-done .hdr__brand{animation:brandglow 1.2s ease 3}
@keyframes brandglow{50%{filter:drop-shadow(0 0 10px rgba(240,200,110,.95))}}
@media (prefers-reduced-motion:reduce){.led,.macro__img{animation:none}.foot__in{transform:none;opacity:1}}

/* إصلاحات الأفكار */
.dims>*{position:absolute;display:block}
.fx.cmp-on .dims{display:none}
.peek__cap{z-index:6}

.fx[data-fx=gal] .cmp__lab{top:54px}
.cmp__btn,.gal__zoom,.gal__arr,.tilt__ask{z-index:7}

/* ===== طبقات الأدراج: الصورة مجموعة واحدة بتتدمج مع المسرح ===== */
.rw{position:absolute;inset:0;display:block;mix-blend-mode:multiply;isolation:isolate}
.rl{position:absolute;inset:0;display:block}
.rl--x{opacity:0}
.rw img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal!important}
.gal__s[data-kind=render] .rw img{padding:5% 4% 2%}
.peek__stage .rw img{padding:10px 18px 8px}
.dr{opacity:0}
.dr.on{opacity:1}
.dr.pop{animation:drpop .5s var(--spring)}
@keyframes drpop{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:none}}
.cmp__g{position:absolute;inset:0;display:block;mix-blend-mode:multiply;isolation:isolate;opacity:0;clip-path:inset(0 50% 0 0)}
.cmp__g img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal!important;opacity:1;clip-path:none}
.cmp__g img.dr:not(.on){opacity:0}
.fx[data-fx=gal] .cmp__g img{padding:5% 4% 2%}
.fx[data-fx=peek] .cmp__g img{padding:10px 18px 8px}
.fx.cmp-on .cmp__g{opacity:1;transition:opacity .3s}

/* ===================== الخلفية الحيّة ===================== */
:root{--t1:#8a5a3a;--t2:#2a2a2e;--print:rgba(28,27,25,.13);--peg:rgba(28,27,25,.12);--pyr:rgba(106,67,39,.07)}
:root[data-skin=night]{--print:rgba(212,168,89,.16);--peg:rgba(212,168,89,.11);--pyr:rgba(212,168,89,.06)}
/* 5) التوهج بياخد لون اختيارك */
:root{--amb:radial-gradient(330px 240px at 88% 300px,color-mix(in srgb,var(--t1) 30%,transparent),transparent 72%),radial-gradient(300px 260px at 8% 900px,color-mix(in srgb,var(--t2) 22%,transparent),transparent 72%),radial-gradient(380px 200px at 55% 1180px,rgba(255,250,240,.7),transparent 72%),radial-gradient(260px 180px at 30% 520px,rgba(232,181,60,.07),transparent 72%)}
:root[data-skin=night]{--amb:radial-gradient(360px 260px at 90% 300px,color-mix(in srgb,var(--t1) 26%,transparent),transparent 72%),radial-gradient(320px 280px at 6% 880px,rgba(212,168,89,.09),transparent 72%),radial-gradient(420px 220px at 60% 1180px,color-mix(in srgb,var(--t2) 30%,transparent),transparent 72%),radial-gradient(240px 170px at 35% 560px,rgba(226,190,116,.06),transparent 72%)}
.bgl{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity 1s var(--ease)}
/* 8) نقش الهرم (بيتحرك مع طبقة الضوء) */
.bgl--pyr{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='56' viewBox='0 0 64 56'%3E%3Cpath d='M0 56 L32 0 L64 56 M16 28 L48 28' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E");background-size:64px 56px;-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);opacity:.05}
:root[data-skin=night] .bgl--pyr{filter:invert(1) sepia(1) saturate(3) hue-rotate(5deg);opacity:.07}
/* 1) خامة السطح اللي اخترته */
.bgl--mat{background-image:var(--matimg);background-size:520px auto;background-repeat:repeat;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(80% 70% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 50%,#000 30%,transparent 100%)}
:root[data-zone=mat] .bgl--mat{opacity:.24}
:root[data-skin=night][data-zone=mat] .bgl--mat{mix-blend-mode:normal;opacity:.12}
/* 3) رسمة الورشة الهندسية */
.bgl--print{color:var(--print);display:grid;place-items:center;background-image:linear-gradient(var(--print) .5px,transparent .5px),linear-gradient(90deg,var(--print) .5px,transparent .5px),linear-gradient(color-mix(in srgb,var(--print) 45%,transparent) .5px,transparent .5px),linear-gradient(90deg,color-mix(in srgb,var(--print) 45%,transparent) .5px,transparent .5px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}
.bgl--print svg{width:min(92vw,900px);height:auto;overflow:visible}
.bgl--print text{fill:currentColor;font:600 11px "IBM Plex Mono",monospace;direction:ltr}
.bgl--print .ar{font:700 12px "IBM Plex Sans Arabic",sans-serif;direction:rtl}
:root[data-zone=print] .bgl--print{opacity:1}
/* لوحة العدّة المخرّمة عند الملخص */
.bgl--peg{background-image:radial-gradient(circle,var(--peg) 2.3px,transparent 2.8px);background-size:26px 26px;-webkit-mask-image:radial-gradient(90% 80% at 50% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(90% 80% at 50% 50%,#000 40%,transparent 100%)}
:root[data-zone=bench] .bgl--peg{opacity:1}
/* 4 و7) نقط نور أوضة جيمنج (ليلي) وشعاع شمس وتراب (ورشة) */
.amb__cv{position:absolute;inset:0;display:block;pointer-events:none;opacity:.85}
:root[data-skin=night] .amb__cv{opacity:.7}
/* 6) نور الليد على أطراف الشاشة */
.ledpage{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:0;transition:opacity .8s var(--ease);box-shadow:inset 0 0 46px 2px rgba(140,70,255,.20),inset 0 0 10px 1px rgba(175,115,255,.28);animation:hue 12s linear infinite}
.led-on .ledpage{opacity:1}
:root[data-skin=shop] .ledpage{box-shadow:inset 0 0 40px 2px rgba(140,70,255,.16),inset 0 0 10px 1px rgba(175,115,255,.22)}
/* رسمة يمين وشمال من فوق */
.side{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:10px 0 2px;padding:8px 10px;border:1px dashed var(--line2);border-radius:var(--r);color:var(--mute);font:600 12px/1.5 var(--fb)}
.side svg{width:118px;height:auto;color:var(--ink2)}
.side b{color:var(--ink);font-weight:700}
.side .hl{fill:var(--acc);fill-opacity:.9}
/* مشاركة التصميم */
.share{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:10px;border-radius:calc(var(--r) + 2px);border:1px solid #1f9d55;background:transparent;color:#1f9d55;font:700 14.5px var(--fb)}
:root[data-skin=night] .share{border-color:#3ecf7c;color:#3ecf7c}
.share svg{width:20px;height:20px;fill:currentColor}
/* صوت الخشب */
.snd{width:40px;height:40px;border:0;background:none;color:inherit;display:grid;place-items:center;border-radius:50%;opacity:.55}
.snd.on{opacity:1;color:var(--brand)}
.snd .ico{width:20px;height:20px}
.snd .w{display:none}.snd.on .w{display:inline}.snd.on .x{display:none}
@media (prefers-reduced-motion:reduce){.ledpage{animation:none}}

/* ===================== نظام الدفعات ===================== */
.instchip{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 0;padding:10px 12px;border:1px dashed var(--acc);border-radius:var(--r);background:var(--acc-soft);color:var(--ink);text-align:start;font:600 13px/1.5 var(--fb)}
.instchip .inst__bar{flex:none}
.instchip b{color:var(--ink);font-weight:800}
.instchip small{display:block;font:600 11.5px/1.4 var(--fb);color:var(--acc-ink)}
.instchip svg{width:18px;height:18px;flex:none;stroke:var(--acc-ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-inline-start:auto}
.pay{margin:14px 0 4px;padding-top:12px;border-top:1px dashed var(--line2)}
.pay__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin:0 0 10px}
.pay__h .gq{flex-basis:100%;width:fit-content;margin:6px 0 0}
.pay__h h3{margin:0;font:700 15px/1.4 var(--fd)}
.pay__h small{font:600 11.5px/1.4 var(--fb);color:var(--acc-ink)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.plan{position:relative;display:grid;gap:3px;padding:12px 12px 11px;border:1px solid var(--line2);border-radius:var(--r);background:var(--card);text-align:start;box-shadow:var(--raise);transition:border-color .15s,background .15s,transform .25s var(--spring)}
.plan:active{transform:scale(.97)}
.plan[aria-checked=true]{border-color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc),0 6px 14px -8px color-mix(in srgb,var(--acc) 70%,transparent)}
.plan__n{font:700 13px/1.4 var(--fd);color:var(--ink)}
.plan b{font:800 22px/1.15 var(--fd);font-variant-numeric:tabular-nums;color:var(--ink)}
.plan b small{font:600 11px var(--fb);color:var(--ink2);margin-inline-start:3px}
.plan__s{font:600 11.5px/1.45 var(--fb);color:var(--mute)}
.plan__tag{position:absolute;top:-9px;inset-inline-end:10px;padding:3px 8px;border-radius:999px;background:var(--acc);color:var(--on-btn);font:700 10px/1.2 var(--fb);white-space:nowrap}
:root[data-skin=night] .plan__tag{color:#0c0c0f}
:root[data-skin=shop] .plan__tag{background:var(--tape);color:#1c1b19;border-radius:3px}
.plan__dot{position:absolute;top:10px;inset-inline-start:10px;width:16px;height:16px;border-radius:50%;border:2px solid var(--line2);display:grid;place-items:center}
.plan__dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);transform:scale(0);transition:transform .25s var(--spring)}
.plan[aria-checked=true] .plan__dot{border-color:var(--acc)}
.plan[aria-checked=true] .plan__dot::after{transform:scale(1)}
.plan{padding-inline-start:34px}
/* خط سير الدفعتين */
.tl{display:none;margin:12px 0 0;padding:12px 12px 4px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line)}
.pay.is-2 .tl{display:block;animation:tlin .4s var(--ease)}
@keyframes tlin{from{opacity:0;transform:translateY(-6px)}}
.tl__r{position:relative;display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:start;padding:0 0 14px}
.tl__r::before{content:"";position:absolute;inset-inline-start:12px;top:22px;bottom:-2px;width:2px;background:var(--line2)}
.tl__r:last-child::before{display:none}
.tl__i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:2px solid var(--acc);color:var(--acc-ink);font:800 12px/1 var(--fd);position:relative;z-index:1}
.tl__r--now .tl__i{background:var(--acc);color:var(--on-btn)}
:root[data-skin=night] .tl__r--now .tl__i{color:#0c0c0f}
.tl__t b{display:block;font:700 13.5px/1.4 var(--fd);color:var(--ink)}
.tl__t span{display:block;font:500 12px/1.55 var(--fb);color:var(--ink2)}
.tl__a{font:800 15px/1.3 var(--fd);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.tl__a small{display:block;font:600 10.5px var(--fb);color:var(--mute);text-align:end}
.pay__terms{display:none;margin:10px 0 0;font:500 12px/1.7 var(--fb);color:var(--mute)}
.pay.is-2 .pay__terms{display:block}
.pay__agree{display:none;align-items:flex-start;gap:8px;margin:8px 0 0;font:600 12.5px/1.5 var(--fb);color:var(--ink2);cursor:pointer}
.pay.is-2 .pay__agree{display:flex}
.pay__agree input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--acc)}
.btn.is-off{opacity:.45;pointer-events:none;filter:grayscale(.4)}
.btn.is-wait{opacity:.55;filter:grayscale(.4)}
.pay__agree.is-ask{outline:2px solid var(--acc);outline-offset:4px;border-radius:6px}
.sum__r.now span:last-child,.sum__r.now span:first-child{font-weight:800;color:var(--ink)}
.sum__r.later{color:var(--mute)}

.thk{position:absolute;display:block;opacity:0;pointer-events:none;background-repeat:no-repeat;transition:opacity .35s var(--ease);box-shadow:inset 0 -1px 0 rgba(0,0,0,.28)}
.thk.on{opacity:1}
.thk.thin{box-shadow:inset 0 1px 0 rgba(0,0,0,.35)}

/* 11) بطاقة السماكة على حافة السطح */
.thk__lab{position:absolute;transform:translate(-50%,-50%) scale(.6);opacity:0;padding:4px 9px;border-radius:999px;background:var(--dimbg);color:#fff;font:800 12px/1 var(--fd);white-space:nowrap;direction:rtl;transition:transform .45s var(--spring),opacity .3s;font-variant-numeric:tabular-nums;pointer-events:none}
.thk__lab.on{transform:translate(-50%,-50%) scale(1);opacity:1}
/* 12) المشهد الخلفي: الجسر والعمود */
.rear__btn{position:absolute;bottom:14px;inset-inline-start:12px;z-index:6;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(20,17,12,.14);background:rgba(255,255,255,.94);color:#14110c;font:700 12px/1 var(--fb);box-shadow:0 2px 10px rgba(20,17,12,.12)}
.rear__btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rear__btn[aria-pressed=true]{background:#14110c;color:#fff}
.rear{position:absolute;inset:0;z-index:5;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);background:#fff;display:grid;place-items:center}
.rear.on{opacity:1;pointer-events:auto}
.rear img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5% 4% 2%}
.rear img[src=""],.rear img:not([src]){display:none}
.rear__cap{position:absolute;bottom:64px;inset-inline-start:50%;transform:translateX(50%);padding:6px 12px;border-radius:999px;background:rgba(20,17,12,.82);color:#fff;font:700 12px/1 var(--fb);white-space:nowrap;direction:rtl}
.rear.ph::before{content:"صورة الطاولة من الخلف تنضاف قريبًا";position:absolute;inset:auto 16px 48px;text-align:center;color:#6f6758;font:600 13px/1.5 var(--fb)}
.peek__stage .rear img{padding:10px 18px 8px}
.rear-on .cmp__btn,.rear-on .tilt__ask,.rear-on .zoom,.rear-on [data-zoom]{opacity:0!important;pointer-events:none}
.rear.ph::before{bottom:110px}
:root[data-skin=night] .rear{background:#141216}

/* 13) العمود في الواجهة + الأدراج والدواليب اللي بتتفتح + التوأم الخلفي */
.col{position:absolute;display:block;opacity:0;pointer-events:none;background-repeat:no-repeat;transition:opacity .4s var(--ease);box-shadow:inset 6px 0 10px -6px rgba(255,255,255,.22),inset -8px 0 12px -6px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.18)}
.col::after{content:"";position:absolute;left:-42%;right:-42%;bottom:-3px;height:5px;background:#1a1a1c;border-radius:1px;box-shadow:0 3px 8px rgba(0,0,0,.28)}
.col.on{opacity:1}
.fx.cmp-on .col,.fx.cmp-on .cab{opacity:0!important}
.cab{position:absolute;display:block;pointer-events:none}
.cab>i{position:absolute;display:block;background-repeat:no-repeat}
.cav{opacity:0;filter:brightness(.32);transition:opacity 0s .7s}
.cav::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 12%,transparent 88%,rgba(0,0,0,.55))}
.cab[data-n="0"] .cav::before{background:linear-gradient(to bottom,transparent 31%,rgba(255,255,255,.34) 31%,rgba(255,255,255,.34) 33.4%,transparent 33.4%,transparent 64%,rgba(255,255,255,.34) 64%,rgba(255,255,255,.34) 66.4%,transparent 66.4%),linear-gradient(90deg,rgba(0,0,0,.55),transparent 12%,transparent 88%,rgba(0,0,0,.55))}
.cab.open .cav{opacity:1;transition:opacity 0s 0s}
.door{opacity:0;transform:perspective(1300px) rotateY(0);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity 0s .7s;backface-visibility:hidden}
.cab[data-n="0"].open .door{opacity:1;transform:perspective(1300px) rotateY(var(--rot));transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity 0s 0s;box-shadow:0 10px 24px -6px rgba(0,0,0,.5)}
.cab:not([data-n="0"]) .door{display:none}
.drw{opacity:0;background-blend-mode:multiply,normal;transform-origin:50% 0;transform:translateY(0) scale(1);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity 0s .6s,box-shadow .55s}
.cab.open .drw{opacity:1;transform:translateY(var(--dy)) scale(1.035);box-shadow:0 8px 14px -5px rgba(0,0,0,.5);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity 0s 0s,box-shadow .55s}
.open__btn{position:absolute;bottom:52px;inset-inline-start:12px;z-index:6;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(20,17,12,.14);background:rgba(255,255,255,.94);color:#14110c;font:700 12px/1 var(--fb);box-shadow:0 2px 10px rgba(20,17,12,.12);white-space:nowrap}
.open__btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.open__btn[aria-pressed=true]{background:#14110c;color:#fff}
.rear-on .open__btn{opacity:0!important;pointer-events:none}
.rear__tw{position:absolute;inset:0;display:block;transition:opacity .3s}
.rear__tw>*{position:absolute;display:block}
.rear .rear__img{inset:auto;padding:0;object-fit:fill;transform:scaleX(-1)}
.rear__cov{background-repeat:no-repeat}
.rear__br{opacity:0;background:linear-gradient(180deg,#3b3b3f 0,#1c1c1f 14%,#151517 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 12px -4px rgba(0,0,0,.35)}
.rear__br.on{opacity:1}
.rear__br b{position:absolute;left:-1.2%;right:-1.2%;bottom:-2px;height:22%;background-repeat:no-repeat;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 3px 6px rgba(0,0,0,.35)}
.rear .rear__ph{opacity:0;transition:opacity .3s}
.rear.real .rear__ph{opacity:1}
.rear.real .rear__tw{opacity:0}
.rear__real{position:absolute;top:12px;inset-inline-end:12px;z-index:6;height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(20,17,12,.14);background:rgba(255,255,255,.94);color:#14110c;font:700 12px/1 var(--fb);box-shadow:0 2px 10px rgba(20,17,12,.12)}
.rear.real .rear__real{background:#14110c;color:#fff}
.rear__cap{z-index:6}

.rear,:root[data-skin=night] .rear{background:var(--stage)}
.rear__tw{mix-blend-mode:multiply;isolation:isolate}

/* 14) ختم الضمان مع الجسر العميق أو العمود */
.seal{position:absolute;bottom:66px;inset-inline-end:14px;z-index:7;width:74px;height:74px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(20,17,12,.9);border:2px solid var(--acc,#c9a24d);box-shadow:0 0 0 3px rgba(20,17,12,.9),0 6px 16px rgba(0,0,0,.3);color:var(--acc,#c9a24d);text-align:center;direction:rtl;pointer-events:none;opacity:0;transform:rotate(-10deg) scale(1.7);transition:opacity .25s,transform .55s cubic-bezier(.2,1.4,.3,1)}
.seal b{font:800 12px/1.1 var(--fd);white-space:nowrap}
.seal small{font:700 9.5px/1.1 var(--fb);color:#fff;white-space:nowrap}
.seal.on{opacity:1;transform:rotate(-10deg) scale(1)}
.rear__br.deep{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(255,255,255,.06),0 8px 14px -4px rgba(0,0,0,.4)}

/* 15) منطقة الجسر من صور شات جي بي تي + فتحات الكابلات وفقاعة التقريب */
.rear__gap,.rear__sh{background-repeat:no-repeat}
.rear__sh{box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.hole{position:absolute;display:block;background-size:100% 100%;background-repeat:no-repeat;opacity:0;pointer-events:none}
.hole.on{opacity:1}
.hbub{position:absolute;display:block;border-radius:50%;overflow:hidden;background-repeat:no-repeat;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(20,17,12,.25),0 8px 18px rgba(0,0,0,.28);opacity:0;transform:scale(.5);transform-origin:50% 100%;transition:opacity .3s,transform .5s cubic-bezier(.2,1.3,.3,1);pointer-events:none;z-index:4}
.hbub.on{opacity:1;transform:scale(1)}
.hbub i{position:absolute;display:block;background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.hbub b{position:absolute;left:0;right:0;bottom:0;padding:3px 0 5px;text-align:center;background:rgba(20,17,12,.8);color:#fff;font:700 10px/1.1 var(--fb);direction:rtl;white-space:nowrap}
.rear-on .fx .hbub{opacity:0}

.rear__gap{box-shadow:0 5px 10px -3px rgba(0,0,0,.38)}
.rear__sh{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 10px -3px rgba(0,0,0,.45)}
.rear__gap::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,0))}

.rear .rear__img.gpt{transform:none}
.rear__gap.raw{box-shadow:none}
.rear__gap.raw::after{display:none}

/* 16) الدولاب المفتوح والأدراج من صور شات جي بي تي بلون دواليب العميل */
.gpo{position:absolute;display:block;opacity:0;pointer-events:none;background-repeat:no-repeat,repeat;background-blend-mode:multiply,normal;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:opacity .35s var(--ease);filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.gpo.on{opacity:1}
.fx.cmp-on .gpo{opacity:0!important}

/* 17) الأرفف داخل الدولاب المفتوح */
.gpo .shf{position:absolute;left:21.3%;width:52.9%;height:5.2%;display:block;background:linear-gradient(180deg,rgba(0,0,0,.30) 0,rgba(0,0,0,.08) 55%,rgba(255,255,255,.50) 72%,rgba(255,255,255,.62) 100%);box-shadow:0 1px 2px rgba(0,0,0,.35)}
/* 18) قالوا عنا: عداد وتقييمات متحركة */
.say{margin:34px 0 0;padding:0 16px}
.pg .say{padding:0}
.say__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 18px}
.say__st{border:1px solid var(--line);border-radius:var(--r2);background:var(--card);padding:14px 10px;text-align:center}
.say__n{display:block;font:var(--tw) 30px/1.1 var(--ft);color:var(--acc-ink);font-variant-numeric:tabular-nums;direction:ltr}
.say__st span{display:block;margin-top:4px;font:600 12.5px/1.4 var(--fb);color:var(--ink2)}
.say__rate{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:600 13.5px/1.4 var(--fb);color:var(--ink2)}
.say__rate b{color:var(--acc-ink);font:800 15px/1 var(--fd);direction:ltr}
.say__mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.say__track{display:flex;gap:12px;width:max-content;animation:sayMq 55s linear infinite}
.say__mq:hover .say__track,.say__mq:active .say__track{animation-play-state:paused}
@keyframes sayMq{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){.say__track{animation:none}.say__mq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
.say__c{flex:0 0 260px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.say__c b{font:700 13.5px/1.3 var(--fd)}
.say__c i{font-style:normal;color:#e0a92b;letter-spacing:1px;font-size:12px}
.say__c p{margin:0;font:400 13px/1.6 var(--fb);color:var(--ink2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.say__c small{color:var(--mute);font-size:11.5px}

/* 19) أزرار المعاينة الصغيرة على الموبايل + إزالة الفراغ فوق قسم الورشة */
.peek__ctl{position:absolute;top:8px;inset-inline-start:8px;z-index:8;display:flex;gap:6px}
.peek__b{height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(20,17,12,.14);background:rgba(255,255,255,.94);color:#14110c;font:700 12px/1 var(--fb);box-shadow:0 2px 8px rgba(20,17,12,.14)}
.peek__b[aria-pressed=true]{background:#14110c;color:#fff}
.peek__stage .rear__cap{bottom:auto;top:8px;font-size:11px;padding:4px 9px;inset-inline-start:auto;inset-inline-end:8px;transform:none}
.story{padding-top:56px;margin-top:28px}

/* 20) كارت الأرفف بعدّاد لكل دولاب */
.opt--sh .opt__hint{margin:-4px 0 12px;font:500 12.5px/1.5 var(--fb);color:var(--ink2)}
.opt[data-set=shr],.opt[data-set=shl],.opt[data-set=shx]{display:none}
.shrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);margin:0 0 8px}
.shrow.off{opacity:.38;pointer-events:none}
.shrow__l{font:700 14px/1.3 var(--fd)}
.shrow.off .shrow__l::after{content:" · أدراج";font:600 12px/1 var(--fb);color:var(--mute)}
.step{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg)}
.step__b{width:40px;height:36px;border:0;background:transparent;color:var(--ink);font:800 20px/1 var(--fd);cursor:pointer}
.step__b:disabled{opacity:.3;cursor:default}
.step__n{min-width:34px;text-align:center;font:800 16px/1 var(--fd);color:var(--acc-ink);font-variant-numeric:tabular-nums}
.shnote{margin:2px 0 0;font:600 12.5px/1.5 var(--fb);color:var(--ok)}

/* 21) طبقة المقارنة: خلفية المسرح نفسها بدل الضرب فوق الصورة (كان النص الشمال بيغمق) */
.cmp__g{mix-blend-mode:normal;background:var(--stage)}
.cmp__g img.cmp__img{mix-blend-mode:multiply!important}

/* 22) توهج الليد على أطراف الصفحة وخلفيتها بنفس القوة على الكمبيوتر، وبيلف مع لون الليد */
.ledpage{box-shadow:inset 0 0 clamp(46px,7vw,130px) 4px rgba(140,70,255,.24),inset 0 0 14px 1px rgba(175,115,255,.32)}
.ledpage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70vw 34vh at 0% 28%,rgba(140,70,255,.26),transparent 70%),radial-gradient(70vw 34vh at 100% 72%,rgba(140,70,255,.26),transparent 70%)}
@media (min-width:900px){.ledpage::before{background:radial-gradient(42vw 70vh at 0% 45%,rgba(140,70,255,.32),transparent 70%),radial-gradient(42vw 70vh at 100% 55%,rgba(140,70,255,.32),transparent 70%),radial-gradient(80vw 28vh at 50% 102%,rgba(140,70,255,.26),transparent 70%),radial-gradient(60vw 20vh at 50% -4%,rgba(140,70,255,.18),transparent 70%)}}
.led-on .gal{box-shadow:0 0 0 1px rgba(175,115,255,.22),0 0 60px 4px rgba(140,70,255,.26)}

/* 23) الليد في المشهد الخلفي: الشريط على الجانبين وانعكاسه */
.rled{position:absolute;display:block;opacity:0;pointer-events:none;transition:opacity .6s var(--ease);animation:hue 12s linear infinite}
.rled.on{opacity:1}
.rled>i{position:absolute;display:block}
.rled__e{border-radius:2px;background:linear-gradient(to bottom,#caa2ff,#fcf8ff 45%,#fcf8ff 55%,#caa2ff);box-shadow:0 0 4px 1px rgba(175,115,255,.95),0 0 14px 4px rgba(150,90,255,.7),0 0 34px 10px rgba(140,70,255,.45)}
.rled__w{background:radial-gradient(45% 70% at 0% 20%,rgba(150,90,255,.55),transparent 70%),radial-gradient(45% 70% at 100% 20%,rgba(150,90,255,.55),transparent 70%);mix-blend-mode:multiply}
.rled__f{background:radial-gradient(60% 90% at 50% 0%,rgba(160,110,255,.35),transparent 75%);mix-blend-mode:multiply}
@media (prefers-reduced-motion:reduce){.rled{animation:none}}

/* 24) كلمة «<i class="wm" role="img" aria-label="رأس الهرم"></i>» بالخط العربي بتاع الهيدر في كل مكان */
.wm{display:inline-block;height:1.5em;aspect-ratio:1.8414;vertical-align:-.45em;margin:0 .08em;background:currentColor;-webkit-mask:url("../alexa/brand/wordmark-480.webp") center/contain no-repeat;mask:url("../alexa/brand/wordmark-480.webp") center/contain no-repeat}
.hdr__brand .wm{height:34px;margin:0;background:linear-gradient(160deg,#f6dc9a 0%,#c08e3e 55%,#e6c27a 100%)}
.foot__brand .wm{height:40px;margin:0;background:linear-gradient(160deg,#f6dc9a,#c08e3e)}
.stamp .wm{height:1.7em}
@media (min-width:900px){.hdr__brand .wm{height:38px}}

/* 25) الخلطة: صالة ذهب + زجاج للعائم + تعبيري للشرائح + بينتو للتقوية + ضغطة ميكانيكية */
@supports (transition-timing-function: linear(0, 1)){:root{--spring:linear(0,0.008 1.1%,0.031 2.2%,0.129 4.8%,0.257 7.2%,0.671 14.2%,0.789 16.5%,0.881 18.6%,0.957 20.7%,1.019 22.9%,1.063 25.1%,1.094 27.4%,1.114 30.7%,1.112 34.5%,1.018 49.9%,0.99 59.1%,1)}}
@property --rah-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes rah-spin{to{--rah-a:360deg}}
.card{position:relative;transition:border-color .25s,background .25s,transform .45s var(--spring),box-shadow .25s}
.card:active{transform:scale(.985)}
.card[aria-checked=true]::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--rah-a),transparent 0 55%,#f0d28c 72%,#d4a859 80%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rah-spin 4s linear infinite;pointer-events:none}
:root[data-skin=night] .card[aria-checked=true]{box-shadow:inset 0 0 0 1px rgba(212,168,89,.35),0 18px 36px -24px rgba(212,168,89,.55)}
:root[data-skin=night] .sw[aria-checked=true]{box-shadow:0 0 0 1px var(--acc),0 0 22px rgba(212,168,89,.45),0 8px 18px -10px rgba(0,0,0,.6)}
.chip,.seg__b{border-radius:999px;transition:border-radius .5s var(--spring),transform .45s var(--spring),background .25s,border-color .25s}
.chip[aria-checked=true],.seg__b[aria-checked=true]{border-radius:calc(var(--r) - 2px);transform:scale(1.04)}
.opt[data-set=reinf] .cards{grid-template-columns:1fr}
.opt[data-set=reinf] .card{grid-template-columns:20px 1fr;grid-template-areas:"dot t" "dot em";align-content:start}
.opt[data-set=reinf] .card .card__dot{grid-area:dot}.opt[data-set=reinf] .card .card__t{grid-area:t}.opt[data-set=reinf] .card em{grid-area:em;justify-self:start;margin-top:4px}
.opt[data-set=reinf] .card:nth-child(2){grid-column:1/-1;order:-1}
.rear__btn,.open__btn,.gal__tag,.peek__cap,.peek__ctl button{background:rgba(255,255,255,.62)!important;color:#14110c!important;border:1px solid rgba(255,255,255,.75)!important;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);box-shadow:inset 0 1px 0 #fff,0 8px 18px -10px rgba(0,0,0,.45)}
.gal__tag::before,.peek__cap::before{background:#c08e3e}
.bar{backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-top:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 -14px 30px -20px rgba(0,0,0,.6)}
:root[data-skin=night] .bar{background:rgba(12,12,15,.62)!important}
:root[data-skin=shop] .bar{background:rgba(246,245,241,.7)!important}
.bar .btn{box-shadow:3px 3px 0 rgba(240,210,140,.55),var(--btn-glow);transition:transform .15s,box-shadow .15s}
.bar .btn:active{transform:translate(3px,3px);box-shadow:0 0 0 rgba(0,0,0,0),var(--btn-glow)}
.bar .btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-130%);animation:rah-sheen 3.4s ease-in-out infinite}
@keyframes rah-sheen{45%,100%{transform:translateX(130%)}}
.led-on .gal::after{content:"";position:absolute;inset:0;border:2px solid #fff;pointer-events:none;box-shadow:6px 6px 0 #ff2a6a;animation:rah-ledhue 12s linear infinite;z-index:3}
@keyframes rah-ledhue{to{filter:hue-rotate(360deg)}}
.hero__t h1,.hero h1{background:linear-gradient(135deg,#f6dc9a,#c08e3e 60%,#e6c27a);-webkit-background-clip:text;background-clip:text;color:transparent}
:root[data-skin=shop] .hero__t h1,:root[data-skin=shop] .hero h1{background:none;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.card[aria-checked=true]::before,.bar .btn::before,.led-on .gal::after{animation:none}}

/* 26) الخلطة على باقي الصفحة + تخفيف الليد + مواضع المقاسات */
.ledpage{box-shadow:inset 0 0 clamp(36px,5vw,90px) 2px rgba(140,70,255,.13),inset 0 0 10px 1px rgba(175,115,255,.18)}
.ledpage::before{background:radial-gradient(60vw 30vh at 0% 28%,rgba(140,70,255,.13),transparent 70%),radial-gradient(60vw 30vh at 100% 72%,rgba(140,70,255,.13),transparent 70%)}
.led-on .gal{box-shadow:0 0 0 1px rgba(175,115,255,.14),0 0 40px 2px rgba(140,70,255,.14)}
.led-on .gal::after{border-color:rgba(255,255,255,.7);box-shadow:4px 4px 0 rgba(255,42,106,.6)}
.dim__lab{z-index:5}
/* الهيدر اللاصق زجاج */
.hdr{box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 10px 30px -24px rgba(0,0,0,.8)}
:root[data-skin=night] .hdr{background:rgba(12,12,15,.66)}
/* الملخّص: إطار ذهبي ثابت وسعر ذهبي */
:root[data-skin=night] .sum{border-color:rgba(212,168,89,.32);box-shadow:0 0 0 1px rgba(212,168,89,.08),0 24px 50px -34px rgba(212,168,89,.5)}
:root[data-skin=night] .sum__head{background:linear-gradient(180deg,rgba(212,168,89,.10),transparent)}
:root[data-skin=night] .sum__t b{background:linear-gradient(135deg,#f6dc9a,#c08e3e 60%,#e6c27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.sum .btn,.buy .btn{box-shadow:3px 3px 0 rgba(240,210,140,.55),var(--btn-glow);transition:transform .15s,box-shadow .15s}
.sum .btn:active,.buy .btn:active{transform:translate(3px,3px);box-shadow:0 0 0 rgba(0,0,0,0),var(--btn-glow)}
.sum .btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-130%);animation:rah-sheen 3.4s ease-in-out 1.2s infinite}
.plan{transition:border-color .25s,background .25s,transform .45s var(--spring),box-shadow .25s}
.plan:active{transform:scale(.985)}
:root[data-skin=night] .plan[aria-checked=true]{box-shadow:inset 0 0 0 1px var(--acc),0 0 22px rgba(212,168,89,.28)}
.instchip{border-style:solid;border-color:rgba(212,168,89,.45);background:linear-gradient(135deg,rgba(212,168,89,.14),rgba(212,168,89,.04))}
/* الثقة والقصة: بلاطات */
.trust{gap:8px;background:transparent;border:0}
.trust div{border:1px solid var(--line);border-radius:var(--r);background:var(--card);transition:transform .45s var(--spring),border-color .25s}
.trust div+div{border-inline-start:1px solid var(--line)}
.trust div:hover{transform:translateY(-3px);border-color:rgba(212,168,89,.45)}
.story h2{background:linear-gradient(135deg,#f6dc9a,#c08e3e 60%,#e6c27a);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.story__s div{background:rgba(255,255,255,.03);transition:transform .45s var(--spring),border-color .25s}
.story__s div:hover{transform:translateY(-3px);border-color:rgba(212,168,89,.5)}
.story__s b{background:linear-gradient(135deg,#f6dc9a,#c08e3e);-webkit-background-clip:text;background-clip:text;color:transparent}
/* الأسئلة: تعبيري */
.acc>summary,.acc__q>summary{transition:color .25s,padding-inline-start .4s var(--spring)}
.acc[open]>summary,.acc__q[open]>summary{color:var(--acc-ink);padding-inline-start:6px}
/* قالوا عنا ومن نفس العائلة */
:root[data-skin=night] .say__n{background:linear-gradient(135deg,#f6dc9a,#c08e3e);-webkit-background-clip:text;background-clip:text;color:transparent}
.say__st{transition:transform .45s var(--spring),border-color .25s}
.say__st:hover{transform:translateY(-3px);border-color:rgba(212,168,89,.45)}
.say__c{transition:border-color .25s,transform .45s var(--spring)}
.say__c:hover{border-color:rgba(212,168,89,.5);transform:translateY(-3px)}
.rel__c{position:relative;transition:transform .45s var(--spring),box-shadow .3s,border-color .25s}
.rel__c img{transition:transform .6s var(--ease)}
.rel__c:hover{border-color:rgba(212,168,89,.45);box-shadow:0 18px 36px -22px rgba(212,168,89,.45)}
.rel__c:hover img{transform:scale(1.04)}
.gal__thumbs button{transition:border-color .25s,transform .45s var(--spring)}
.gal__thumbs button.on{box-shadow:0 0 16px rgba(212,168,89,.4);transform:translateY(-2px)}
.gal__thumbs button:active{transform:scale(.95)}
/* الفوتر: خط ذهبي */
.foot{position:relative}
.foot::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,168,89,.7),transparent)}
:root[data-skin=shop] .story h2,:root[data-skin=shop] .story__s b{background:none;color:var(--story-acc)}

/* 27) سماكة 18: ضغط الحافة ومط الظل تحتها بدل تغطيتها */
.thk2{position:absolute;display:block;opacity:0;pointer-events:none;background-repeat:no-repeat;transition:opacity .35s var(--ease)}
.thk2.on{opacity:1}

/* 28) حوامل الإضافات (أكواب يمين، سماعة شمال) كطبقات فوق الرندر */
.xacc{position:absolute;display:block;opacity:0;pointer-events:none;background:no-repeat center/100% 100%;transition:opacity .35s var(--ease)}
.xacc.on{opacity:1}
.rear-on .xacc{opacity:0}
.xacc[data-k=cup]{background-image:url("../alexa/acc-cup.webp")}
.xacc[data-k=head]{background-image:url("../alexa/acc-head.webp")}

/* 29) خيارات مقفولة بسبب الليد */
[role=radio].lock{opacity:.42;filter:grayscale(.5);cursor:not-allowed;transform:none!important}
[role=radio].lock::after{content:attr(data-lock);display:block;font:700 10.5px/1.3 var(--fb);color:#e0a92b;margin-top:2px;white-space:normal}

/* أزرار الكارت: اشترِ الآن + أضف للسلة */
.pc{display:flex;flex-direction:column}
.pc__a{display:block;flex:1;color:inherit;text-decoration:none}
.ca{display:flex;gap:8px;margin-top:auto;padding:0 12px 12px}
.hc .ca{padding:0}
.ca__buy{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:calc(var(--r) - 2px);background:var(--btn);color:var(--on-btn);text-decoration:none;font:800 14px/1.2 var(--fb);white-space:nowrap;transition:filter .2s,transform .2s var(--spring)}
.ca__buy:hover{filter:brightness(1.08)}
.ca__cart{flex:none;display:grid;place-items:center;width:44px;min-height:44px;border:1px solid color-mix(in srgb,var(--acc) 45%,var(--line2));border-radius:calc(var(--r) - 2px);color:var(--ink);transition:background .2s,color .2s,transform .2s var(--spring)}
.ca__cart svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ca__cart:hover{background:color-mix(in srgb,var(--acc) 14%,transparent)}
.ca__buy:active,.ca__cart:active{transform:scale(.96)}
.ca__cart.is-busy{opacity:.6;pointer-events:none}
.ca__cart.is-done{background:var(--ok-soft,#e5f3ea);color:var(--ok,#1f7a44);border-color:transparent}
.ca__buy:focus-visible,.ca__cart:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.rel__g .pc__t{font-size:13.5px}

/* الموبايل: نفس صورة الطاولة بأزرارها بتنزل معاك وانت بتختار (بدل المعاينة الصغيرة) */
@media (max-width:899px){
  .single-product .col-a{position:sticky;top:var(--hdrh,64px);z-index:30;background:var(--bg);box-shadow:0 14px 18px -16px rgba(0,0,0,.45)}
  .single-product .gal__dots{padding:4px 0 2px}
  .peek{display:none!important}
}
/* المقاسات والسماكة فوق نور الليد دايمًا */
.fx .dims,.fx .thk__lab{z-index:4}
/* الطول بيغيّر الصورة: الصورة بتترسم في 3 شرايح (الدولابين يتحركوا والسطح بينهم يتمط) */
.slc{position:absolute;display:none;background-repeat:no-repeat;pointer-events:none;transition:left .5s var(--ease),width .5s var(--ease),top .5s var(--ease),height .5s var(--ease),background-size .5s var(--ease),background-position .5s var(--ease)}
[data-sl="1"]>.slc{display:block}
[data-sl="1"]>img{visibility:hidden}
.cab,.rear__cov,.rear__gap,.rled>i{transition:translate .5s var(--ease),scale .5s var(--ease)}
.gpo{transition:opacity .35s var(--ease),translate .5s var(--ease),scale .5s var(--ease)}
.col{transition:opacity .4s var(--ease),translate .5s var(--ease),scale .5s var(--ease)}
.hole,.xacc,.hbub,.thk,.thk2,.led{transition:opacity .35s var(--ease),translate .5s var(--ease),scale .5s var(--ease)}
.dim--l{transition:transform .6s var(--ease),translate .5s var(--ease),scale .5s var(--ease)}
.dim--h{transition:transform .6s var(--ease) .12s,translate .5s var(--ease),scale .5s var(--ease)}
.dim__lab,.thk__lab{transition:transform .45s var(--spring) .25s,opacity .3s .25s,translate .5s var(--ease),left .5s var(--ease),top .5s var(--ease)}
/* خط العمق: على حافة السطح اليمين من قدّام لورا */
.dim--dp{position:absolute;display:block;height:0;border-top:1.5px solid currentColor;transform-origin:0 50%;opacity:0;transition:opacity .3s var(--ease) .15s}
.dims.on .dim--dp{opacity:1}
.dim--dp::before,.dim--dp::after{content:"";position:absolute;top:-6px;height:11px;border-left:1.5px solid currentColor}
.dim--dp::before{left:0}.dim--dp::after{right:0}
/* الليد من الخلف: نور تحت السطح بين الدولابين، وانعكاسه على الأرض */
.rled__e{display:none!important}
.rled__w{background:linear-gradient(to bottom,rgba(165,110,255,.75),rgba(165,110,255,.28) 45%,rgba(165,110,255,0));mix-blend-mode:multiply;border-radius:0 0 40% 40%/0 0 100% 100%}
.rled__f{background:radial-gradient(50% 50% at 50% 50%,rgba(160,105,255,.42),rgba(160,105,255,.14) 55%,rgba(160,105,255,0) 75%);mix-blend-mode:multiply}
.rear__cov{display:none}
/* الموبايل: الأزرار في صف واحد تحت الطاولة، والختم فوق في النص، عشان ولا زرار يغطي الطاولة */
@media (max-width:899px){
  .rear__btn,.open__btn{bottom:10px;height:30px;padding:0 10px;font-size:11.5px}
  .rear__btn{inset-inline-start:10px}
  .open__btn{inset-inline-start:auto;inset-inline-end:56px}
  .gal__zoom{bottom:8px;inset-inline-end:10px;width:36px;height:36px}
  .seal{top:12px;bottom:auto;inset-inline-end:auto;left:50%;width:auto;height:28px;padding:0 10px;border-radius:999px;flex-direction:row;gap:5px;border-width:1.5px;box-shadow:0 4px 10px rgba(0,0,0,.25);transform:translateX(-50%) scale(.6)}
  .seal.on{transform:translateX(-50%) scale(1)}
  .seal b{font-size:11px}
  .seal small{display:none}
}

.cmp__g .slc{mix-blend-mode:multiply}
@media (max-width:899px){
  .gal .rear__cap{inset-inline:auto;top:10px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .gal .rear:has(.hbub.on) .rear__cap{top:auto;bottom:58px} /* فقاعة الفتحات بتطلع فوق الصورة، فالوصف ينزل تحت بدل ما يغطيها */
  .rear-on .seal{opacity:0!important}
}

/* الموبايل وقت الاختيارات: الصورة تصغر لـ62% ناحية اليمين، ولوحة أزرار صغيرة في الشمال، والهيدر بيستخبى، والشريط تحت أنحف */
@media (max-width:899px){
  .single-product .hdr{transition:transform .3s var(--ease)}
  .single-product .col-a{transition:top .3s var(--ease)}
  .single-product .gal{transform-origin:top right;transition:transform .35s var(--ease)}
  html.pp-cp .single-product .gal{transform:scale(.62)}
  html.pp-cp .single-product .gal__dots{opacity:0;pointer-events:none}
  html.pp-cp .single-product .gal .rear__btn,html.pp-cp .single-product .gal .open__btn,html.pp-cp .single-product .gal .gal__zoom,html.pp-cp .single-product .gal .cmp__btn,html.pp-cp .single-product .gal .gal__tag,html.pp-cp .single-product .gal .seal{opacity:0;pointer-events:none}
  html.pp-cp .single-product .col-a{background:transparent;box-shadow:none;pointer-events:none}
  html.pp-cp .single-product .col-a .gal,html.pp-cp .single-product .mini{pointer-events:auto}
  .single-product .col-a::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--cph,0px);background:var(--bg);box-shadow:0 14px 18px -16px rgba(0,0,0,.45);opacity:0;pointer-events:none;z-index:-1;transition:opacity .2s}
  html.pp-cp .single-product .col-a::before{opacity:1}
  html.hdr-hide .single-product .hdr{transform:translateY(-110%)}
  html.hdr-hide .single-product .col-a{top:0}
  .single-product .bar{gap:10px;padding:6px 10px calc(6px + env(safe-area-inset-bottom))}
  .single-product .bar__img{width:54px;height:44px}
  .single-product .bar .btn{min-height:44px;padding:0 16px}
  .single-product .bar__p b{font-size:18px}
  .mini{position:absolute;top:10px;left:10px;width:calc(38% - 20px);display:grid;gap:8px;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}
  html.pp-cp .mini{opacity:1;pointer-events:auto;transition-delay:.12s}
  .mini button{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:700 12px/1 var(--fb);white-space:nowrap;overflow:hidden}
  .mini button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
  .mini svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}
@media (min-width:900px){.mini{display:none}}
/* الموبايل: قصّ الفراغ اللي فوق الطاولة وتحتها (الطاولة بنفس حجمها)، ومسار الصفحة مستخبي */
@media (max-width:899px){
  .single-product{--gct:26px;--gcb:14px}
  .single-product .gal{height:calc(75vw - var(--gct) - var(--gcb))}
  .single-product .gal__t{margin-top:calc(-1 * var(--gct))}
  .single-product .gal__s .gal__tag,.single-product .gal__s .cmp__btn{top:calc(12px + var(--gct))}
  .single-product .gal__s .seal{top:calc(10px + var(--gct))}
  .single-product .gal__s .rear__btn,.single-product .gal__s .open__btn{bottom:calc(8px + var(--gcb))}
  .single-product .gal .rear__cap{top:calc(10px + var(--gct))}
  .single-product .gal__zoom{bottom:6px}
  .single-product .crumbs{display:none}
  .single-product .gal__dots{padding:2px 0 0}
}

/* ===== هدوء: شكل متجر احترافي (نهاري أبيض، هيدر فاتح، لون مميز واحد لزرار الشراء) ===== */
:root[data-skin=shop]{
--bg:#f6f5f2;--bg2:#eeece7;--card:#ffffff;--line:#e4e1da;--line2:#d0cbc1;--ink:#1a1917;--ink2:#4a4640;--mute:#76706a;
--acc:#6a4327;--acc-ink:#6a4327;--acc-soft:#f3ebe1;--tape:#1a1917;
--hdr:#ffffff;--hdr-ink:#1a1917;--brand:#8a6424;
--stage:linear-gradient(#fbfaf8,#f1efea);
--r:10px;--r2:14px;--ts:clamp(26px,6.4vw,36px)}
:root[data-skin=night]{--ts:clamp(26px,6.4vw,36px)}
:root[data-skin=shop] .hdr{border-bottom:1px solid var(--line)}
:root[data-skin=shop] .hdr__ic i{background:var(--acc);color:#fff}
:root[data-skin=shop] .gal__tag{border-radius:999px;background:rgba(255,255,255,.94);color:#1a1917;font-weight:700;border:1px solid rgba(20,17,12,.1)}
:root[data-skin=shop] .tb__eyebrow{background:none;color:var(--mute);padding:0;border-radius:0;font-weight:600}
:root[data-skin=shop] .sw[aria-checked=true] small{background:var(--acc-soft);color:var(--acc-ink)}
:root[data-skin=shop] .dim__lab{border-radius:999px;background:#1a1917;color:#fff}
:root[data-skin=shop] .plan__tag{background:var(--acc-soft);color:var(--acc-ink);border-radius:999px}
:root[data-skin=night] .tb h1{background:none;color:var(--ink)}
.amb,.ledpage,.snd,.stamp{display:none!important}
body{background:var(--bg)}
/* الختم مسطّح زي أي بادج بدل الدائرة المايلة */
.seal{width:auto;height:30px;padding:0 12px;border-radius:999px;flex-direction:row;gap:6px;border-width:1.5px;box-shadow:0 4px 10px rgba(0,0,0,.18);transform:scale(.6)}
.seal.on{transform:none}
.seal small{display:none}
@media (min-width:900px){.seal{top:14px;bottom:auto;left:50%;inset-inline-end:auto;transform:translateX(-50%) scale(.6)}.seal.on{transform:translateX(-50%)}}
:root[data-skin=shop] .gal::after{display:none}
:root[data-skin=shop] .grid--5 .chip{background-image:none}

/* تكبير زي إيكيا: الصورة بتكبر مكانها وكل طبقاتها معاها */
.gal__s{cursor:zoom-in}
.gal__s.zoomed{cursor:zoom-out;touch-action:none}
.gal__s>.rw,.gal__s>.fx,.gal__s>.rear,.gal__s[data-kind=photo]>img{transform-origin:var(--zx,50%) var(--zy,50%);transition:transform .3s var(--ease)}
.gal__s.zoomed>.rw,.gal__s.zoomed>.fx,.gal__s.zoomed>.rear,.gal__s.zoomed[data-kind=photo]>img{transform:scale(2.5)}
.gal__t.zlock{overflow:hidden;scroll-snap-type:none}
.gal__s.zoomed::after,.gal__s.zoomed .gal__tag,.gal__s.zoomed .cmp__btn,.gal__s.zoomed .rear__btn,.gal__s.zoomed .open__btn,.gal__s.zoomed .seal,.gal__s.zoomed .rear__cap,.gal__s.zoomed .rear__real{opacity:0!important;pointer-events:none}
@media (prefers-reduced-motion:reduce){.gal__s>.rw,.gal__s>.fx,.gal__s>.rear,.gal__s[data-kind=photo]>img{transition:none}}
.gal__s.zoomed .thk__lab,.gal__s.zoomed .dims,.gal__s.zoomed .hbub{opacity:0!important}

/* المقارنة فوق الألوان: مقفولة = زرار صغير، مفتوحة = مربع بالخطوة وإلغاء */
.cmpg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}
.cmpg__go{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:700 13px/1 var(--fb);cursor:pointer}
.cmpg__go b{font:inherit}
.cmpg__ic{width:14px;height:14px;border-radius:3px;background:linear-gradient(90deg,#6a4327 50%,#c9c4bb 50%)}
.cmpg__go:hover{border-color:var(--acc)}
.cmpg__s,.cmpg__x{display:none}
.cmpg.on{padding:12px 14px;border-radius:var(--r);background:var(--acc-soft);border:1.5px solid var(--acc)}
.cmpg.on .cmpg__go{height:auto;padding:0;border:0;background:none;color:var(--acc-ink);font:800 14px/1.3 var(--fb);cursor:default;width:100%}
.cmpg.on .cmpg__s{display:block;flex:1;min-width:200px;font:500 13px/1.55 var(--fb);color:var(--ink)}
.cmpg.on .cmpg__x{display:inline-flex;align-items:center;flex:none;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:700 12px/1 var(--fb);cursor:pointer}
.opt.cmp-pick .grid--sw{outline:2px dashed color-mix(in srgb,var(--acc) 55%,transparent);outline-offset:6px;border-radius:var(--r)}
/* إغلاق التكبير وتصغير الصورة */
.zclose,.gshrink{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:9;display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:0;background:rgba(20,17,12,.86);color:#fff;font:700 12.5px/1 var(--fb);cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.zclose svg,.gshrink svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.zclose[hidden]{display:none}
.gshrink{display:none}
html.pp-big .single-product .gshrink{display:flex}
html.pp-big .single-product .seal{opacity:0!important}

/* أي عنصر مستخبي يفضل مستخبي مهما كان تنسيقه (كان زرار «إلغاء المقارنة» و«افتح» بيبانوا غلط) */
[hidden]{display:none!important}
.mini__cmp{width:14px;height:14px;flex:none;border-radius:3px;background:linear-gradient(90deg,#6a4327 50%,#c9c4bb 50%)}

/* الصورة على الموبايل: أقل كلام ممكن، ومفيش حاجة فوق حاجة */
.fx:not(.dims-on) .thk__lab{opacity:0!important}
@media (max-width:899px){
  .single-product .gal__tag,.single-product .cmp__btn{display:none!important}
  .single-product .fx[data-fx=gal] .cmp__lab{top:calc(12px + var(--gct,0px));max-width:30%;padding:4px 10px;font-size:11.5px}
  .single-product .cmp__lab--a{left:12px}
  .single-product .cmp__lab--b{right:12px}
  .single-product .gshrink{width:36px;height:36px;padding:0;justify-content:center;font-size:0;gap:0;top:10px}
  .single-product .gshrink svg{width:16px;height:16px}
}

/* ===== الباكدجات: خطوة 1 تركيبة بصورتها، خطوة 2 الألوان ===== */
.pstep{margin:0 0 12px}
.pstep__n{display:inline-block;margin:0 0 6px;padding:3px 9px;border-radius:999px;background:var(--acc-soft);color:var(--acc-ink);font:700 11.5px/1.5 var(--fb);font-variant-numeric:tabular-nums}
.pstep__h{margin:0;font:800 21px/1.25 var(--fd);color:var(--ink)}
.pstep__s{margin:4px 0 0;color:var(--ink2);font-size:13.5px;line-height:1.6}
.pstep--2{margin:22px 16px 4px}
.tb--after{padding-top:4px}
.tb--after .tb__lead{margin-top:16px}
.pkspec{margin:18px 16px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card)}
.pkspec:empty{display:none}
.pkspec__h{margin:0;font:800 17px/1.3 var(--fd)}
.pkspec__sub{margin:2px 0 8px;color:var(--mute);font-size:12.5px}
.pkspec__l{list-style:none;margin:0;padding:0}
.pkspec__l li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.pkspec__t{font:600 13px var(--fb);color:var(--mute);min-width:84px}
.pkspec__v{font:700 14px var(--fb)}
.pkspec__v em{font-style:normal;font:700 11px var(--fb);color:var(--acc-ink);background:var(--acc-soft);padding:2px 7px;border-radius:999px;margin-inline-start:4px}
.pkspec__e{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);font:700 12px/1 var(--fb);cursor:pointer}
.pkspec__e[aria-expanded=true]{background:var(--ink);color:var(--bg);border-color:transparent}
/* باكدج: الألوان بس ظاهرة، وأي بند يتفتح من «تعديل» */
html[data-pm=pkg] .col-b > .opt:not([data-set=color_top]):not([data-set=color_body]):not(.pk-open){display:none!important}
html[data-pm=pkg] .col-b > .adv:not(.pk-has){display:none!important}
html[data-pm=pkg] .col-b > .adv.pk-has .opt:not(.pk-open){display:none!important}
html:not([data-pm=pkg]) .pstep--2{display:none}
:root[data-skin=night] .pk__img{background:#e9e7e2}
@media (min-width:900px){.pkspec,.pstep--2{margin-inline:0}}

/* فقاعة فتحة الكابلات بتظهر وانت على خيار الفتحات بس */
.fx:not(.holes-on) .hbub,.rear:not(.holes-on) .hbub{opacity:0!important}

/* ===== شاشة اختيار التركيبة أول الصفحة ===== */
html[data-pm=pick] .chz{display:block}
html[data-pm=pick] .page > .top,html[data-pm=pick] .bar,html[data-pm=pick] #peek{display:none!important}
/* شريط «تركيبتك» */
.pkcur{display:none;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;margin:16px 16px 0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card)}
html[data-pm=pkg] .pkcur,html[data-pm=custom] .pkcur{display:grid}
.pkcur__img{width:76px;border-radius:8px;overflow:hidden;background:#f3f2ef;aspect-ratio:720/470}
.pkcur__img:has(img[hidden]){display:none}
.pkcur__img img{display:block;width:100%;height:100%;object-fit:cover}
.pkcur__t{display:flex;flex-direction:column;min-width:0}
.pkcur__t small{font:600 11.5px/1.4 var(--fb);color:var(--mute)}
.pkcur__t b{font:800 16px/1.3 var(--fd);color:var(--ink)}
.pkcur__chg{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--bg);color:var(--ink);font:700 12.5px/1 var(--fb);cursor:pointer}
.pkcur__chg:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pkcur__inc{grid-column:1/-1;margin:4px 0 0;font:500 12.5px/1.7 var(--fb);color:var(--ink2)}
.pkcur__inc:empty{display:none}
:root[data-skin=night] .pkcur__img{background:#e9e7e2}
@media (min-width:900px){.pkcur{margin-inline:0}}

/* ===== شاشة اختيار التركيبة: كروت بصورة وقائمة ومفتاح واضح ===== */
.chz{display:none;padding:16px 16px 8px}
html[data-pm=pick] .chz{display:block}
.chz__head{margin:0 0 16px}
.chz__prod{margin:0 0 8px;font:600 13px/1.4 var(--fb);color:var(--mute)}
.chz__h{margin:0;font:800 clamp(22px,5.6vw,30px)/1.2 var(--fd);color:var(--ink);text-wrap:balance}
.chz__g{display:grid;grid-template-columns:1fr;gap:12px}
.pk{position:relative;display:grid;grid-template-columns:42% 1fr;width:100%;padding:0;border:1px solid var(--line);border-radius:var(--r2);background:var(--card);color:var(--ink);text-align:start;font:inherit;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pk:hover{border-color:var(--line2);box-shadow:0 10px 28px -18px rgba(40,28,14,.45)}
.pk:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pk[aria-checked=true],.pk--pop{border-color:var(--acc)}
.pk[aria-checked=true]{box-shadow:0 0 0 1px var(--acc)}
.pk__img{display:flex;align-items:center;justify-content:center;background:#f2f1ee;min-height:100%}
.pk__img img{display:block;width:100%;height:auto;aspect-ratio:720/470}
.pk__body{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 14px}
.pk__n{font:800 16.5px/1.3 var(--fd);color:var(--ink)}
.pk__l{display:flex;flex-direction:column;gap:4px}
.pk__li{display:flex;align-items:flex-start;gap:6px;font:500 12.5px/1.5 var(--fb);color:var(--ink2)}
.pk__li svg{flex:none;width:14px;height:14px;margin-top:3px;fill:none;stroke:var(--acc-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pk__d{font:500 13px/1.6 var(--fb);color:var(--ink2)}
.pk__chips{display:flex;flex-wrap:wrap;gap:6px}
.pk__chips i{font-style:normal;font:600 11.5px/1 var(--fb);color:var(--ink);padding:7px 10px;border:1px solid var(--line2);border-radius:999px;background:var(--bg)}
.pk__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.pk__p{font:600 12px var(--fb);color:var(--ink2);white-space:nowrap}
.pk__p b{font:800 19px/1 var(--fd);color:var(--ink);font-variant-numeric:tabular-nums}
.pk__cta{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--ink);color:var(--bg);font:700 13px/1 var(--fb);white-space:nowrap;transition:background .2s}
.pk:hover .pk__cta{background:var(--acc-ink)}
.pk__badge{position:absolute;top:10px;inset-inline-start:10px;z-index:1;padding:4px 9px;border-radius:999px;background:var(--acc);color:#fff;font:700 11px/1.3 var(--fb)}
.pk--custom{grid-template-columns:1fr}
.pk--custom .pk__img{min-height:0}
.pk--custom .pk__body{padding:14px 16px 16px}
.pk--custom .pk__n{font-size:18px}
:root[data-skin=night] .pk__img{background:#e9e7e2}
@media (min-width:700px){
 .chz{padding:22px 0 10px}
 .chz__g{grid-template-columns:repeat(2,1fr);gap:16px}
 .pk{grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .pk__img{min-height:0}
 .pk__body{padding:14px 16px 16px}
 .pk--custom{grid-column:1/-1;grid-template-columns:44% 1fr;grid-template-rows:auto}
 .pk--custom .pk__img{min-height:100%}
 .pk--custom .pk__body{justify-content:center;gap:12px;padding:22px 26px}
 .pk--custom .pk__foot{margin-top:4px;justify-content:flex-start;gap:18px}
 .pk--custom .pk__n{font-size:22px}
}
@media (min-width:1100px){
 .chz__g{grid-template-columns:repeat(4,1fr);gap:18px}
 .pk--custom{grid-template-columns:36% 1fr}
}

/* شريط الطلب في صفحة الطاولات: الصورة الصغيرة بتختفي على أصغر التلفونات عشان السعر والزرار يكفّوا */
.bar{grid-template-columns:auto minmax(0,1fr) auto}
@media (max-width:374px){.bar{gap:8px;padding-inline:10px}.bar__img{display:none}.bar{grid-template-columns:minmax(0,1fr) auto}.bar .btn{padding:0 14px}}
/* شبكة أمان للموقع كله: أي عنصر يطلع بره الشاشة يتقص بدل ما يعرّض الصفحة كلها ويصغّرها على الجوال (clip مابيكسرش العناصر الثابتة) */
html,body{overflow-x:clip}
/* إطار واحد لكل الصفحات: القواعد في header.css وpages.css (بيتحمّلوا بعد الملف ده). كلاس page اللي ووردبريس بيحطه على body كان بيقفل الصفحة كلها على 1240 */
/* لوحة الأزرار الصغيرة جنب الصورة المصغّرة: 4 أيقونات في صفّين بدل 4 أزرار بكلام كانت أطول من الصورة وبتغطي الاختيارات */
@media (max-width:899px){
 .mini{width:auto;grid-template-columns:repeat(2,40px);gap:6px}
 .mini button{width:40px;height:40px;padding:0;justify-content:center;font-size:0;gap:0}
 .mini svg,.mini .mini__cmp{width:18px;height:18px}
}
/* الصورة المصغّرة وقت الاختيارات (ملاحظة منصور 30 سبتمبر): الصورة أكبر (76%) والأزرار عمود رفيع على الطرف بطول الصورة، من غير فراغ */
:root{--cp-scale:.76}
@media (max-width:899px){
 html.pp-cp .single-product .gal{transform:scale(var(--cp-scale))}
 .mini{top:10px;left:10px;grid-template-columns:40px;gap:6px}
 .mini button{width:40px;height:40px}
}
@media (max-width:374px){
 :root{--cp-scale:.72}
 .mini{grid-template-columns:36px;left:8px}
 .mini button{width:36px;height:36px}
}
/* عمود الأزرار بطول الصورة المصغّرة بالظبط (الأزرار متوزعة عليه) */
@media (max-width:899px){html.pp-cp .mini{height:calc(var(--cph,200px) - 34px);align-content:space-between}}

/* ===== صور المنتجات بتتعرض كاملة في كل مكان (قرار منصور 30 سبتمبر) =====
   البرواز بمقاس ثابت عشان الكروت تفضل على صف واحد، والصورة جوه كاملة من غير قص،
   والبرواز بياخد لون أطراف الصورة نفسها (rahEdgeFill في site.js) فتبان مالياه.
   الصور الديكورية (خلفيات البانرات ودواير الأقسام وصور الغرف) مقصوصة قصد ومش هنا. */
.kc__m img,.hc__m img,.kd__img img,.kci__img img,.srch__p img,.wlc a.wlc__img img,.pc__media img,.mega__pc img,.pd__s img,
.gal__s[data-kind=photo] img,.gal__thumbs button img,.rel__c img,.bar__img img,.pkcur__img img,
.woocommerce-cart-form td.product-thumbnail img,.rm-lk__img img,.rm-pop__img img,.rtrk-card__img img,.sv-thumbs img{object-fit:contain!important;object-position:center!important}

/* ===== عرض الشاشة كامل زي إيكيا (قرار منصور 30 سبتمبر) =====
   المحتوى بياخد عرض الشاشة بهامش بيكبر ويصغر معاها، ويقف عند 2200 على الشاشات العملاقة بس.
   القواعد مقسومة على ملفات القالب عشان تيجي بعد القديم في الترتيب: site / header / pages / home-k */
:root{--wrap-pad:16px;--wrap-max:2200px}
@media (min-width:900px){
 :root{--wrap-pad:clamp(24px,3.2vw,64px)}
 div.page,.crumbs,.hdr__in,.foot__in,.story__in{max-width:var(--wrap-max)}
 div.page{padding-inline:var(--wrap-pad)}
 .crumbs{padding-inline:var(--wrap-pad)}
 .foot{padding-inline:var(--wrap-pad)}
 .story{padding-inline:var(--wrap-pad)}
 .rel__g{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1600px){.rel__g,.chz__g{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:2000px){.rel__g,.chz__g{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* طاولة من غير رندرات ألوان خاصة بيها (html.pp-photos): الصور الحقيقية كاملة، ومفيش طبقات أليكسا (مقاسات، سماكة، ضهر، أدراج، مقارنة) ولا قص الموبايل */
html.pp-photos .gal .fx,html.pp-photos .gal .dr,html.pp-photos .gal .rl--x,html.pp-photos .gal .rear,html.pp-photos .gal .seal,
html.pp-photos #rearBtn,html.pp-photos #openBtn,html.pp-photos #cmpBtn,html.pp-photos .mini,html.pp-photos #peekRear,html.pp-photos #peekOpen,html.pp-photos .dims{display:none!important}
html.pp-photos .single-product .gal{height:auto!important}
html.pp-photos .single-product .gal__t{margin-top:0!important}
html.pp-photos .gal__s[data-kind=render] img#renderImg{object-fit:contain!important}
.gal__stub{display:none!important}

/* زرار «كيف تشتغل؟» جنب كل ميزة (الشرح نفسه لوح .visg في header.css) */
.gq{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0;padding:6px 12px 6px 10px;border:1px solid var(--line2,var(--line));border-radius:999px;background:transparent;color:var(--ink2,var(--ink));font:600 13px/1.3 var(--fb);cursor:pointer;vertical-align:middle}
.gq svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.gq:hover,.gq:focus-visible{border-color:var(--ink);color:var(--ink);outline:0}
.gq--new{border-color:var(--acc-ink,#83601f);color:var(--acc-ink,#83601f);box-shadow:0 0 0 3px rgba(212,168,89,.28);animation:gq-pulse 1.6s ease-in-out 3}
@keyframes gq-pulse{50%{box-shadow:0 0 0 7px rgba(212,168,89,.1)}}
.pay__h .gq,.sec-h+.gq{margin:0 0 0 auto}
.kmap__a .gq{margin:0}

/* معرض التركيبات (30 سبتمبر): صورة كبيرة + قايمة + تفاصيل، بدل 4 كروت شبه بعض */
.chz__show{display:grid;gap:14px;margin:0 0 14px}
.chz__stage{position:relative;margin:0;border-radius:var(--r2);overflow:hidden;background:#ecebe7;border:1px solid var(--line)}
.chz__stage img{display:block;width:100%;height:auto;aspect-ratio:720/470;object-fit:contain;transition:opacity .25s}
.chz__stage img.is-fading{opacity:0}
.chz__stage figcaption{position:absolute;bottom:10px;inset-inline-start:12px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#1d1b18;font:700 12.5px/1.3 var(--fb)}
.chz__side{display:grid;gap:14px;min-width:0}
.chz__tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 2px 2px}
.chz__tabs::-webkit-scrollbar{display:none}
.chz__tab{position:relative;flex:none;display:grid;gap:2px;min-width:120px;padding:10px 14px;border:1px solid var(--line2);border-radius:14px;background:var(--card);color:var(--ink);text-align:start;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.chz__tab b{font:800 14.5px/1.3 var(--fd)}
.chz__tab small{font:600 12.5px/1.3 var(--fb);color:var(--ink2);font-variant-numeric:tabular-nums}
.chz__tab i{position:absolute;top:-9px;inset-inline-end:10px;padding:2px 8px;border-radius:999px;background:var(--acc);color:#fff;font:700 10.5px/1.4 var(--fb);font-style:normal}
.chz__tab[aria-selected=true]{border-color:var(--ink);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--ink)}
.chz__tab:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.chz__det{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--card)}
.chz__n{display:flex;align-items:center;gap:8px;margin:0;font:800 20px/1.25 var(--fd);color:var(--ink)}
.chz__badge{padding:3px 9px;border-radius:999px;background:var(--acc);color:#fff;font:700 11px/1.3 var(--fb)}
.chz__inc{margin:0;font:700 13px/1.5 var(--fb);color:var(--ink)}
.chz__inc small{font-weight:500;color:var(--mute)}
.chz__l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.chz__l li{display:flex;align-items:flex-start;gap:8px;font:500 14px/1.55 var(--fb);color:var(--ink2)}
.chz__l li svg{flex:none;width:16px;height:16px;margin-top:3px;fill:none;stroke:var(--mute);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chz__l li.is-new{color:var(--ink);font-weight:700}
.chz__l li.is-new svg{stroke:var(--acc-ink)}
.chz__l li.is-new::after{content:"زيادة";margin-inline-start:auto;padding:1px 8px;border-radius:999px;background:var(--acc-soft);color:var(--acc-ink);font:700 10.5px/1.5 var(--fb)}
.chz__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}
.chz__p{display:grid;font:600 12.5px/1.3 var(--fb);color:var(--ink2)}
.chz__p b{font:800 24px/1.1 var(--fd);color:var(--ink);font-variant-numeric:tabular-nums}
.chz__p em{font-style:normal;color:var(--mute);font-size:12px}
.chz__go{min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:800 15px/1 var(--fb);cursor:pointer;transition:background .2s}
.chz__go:hover{background:var(--acc-ink)}
.chz__go:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.chz .chz__g{grid-template-columns:1fr}
:root[data-skin=night] .chz__stage{background:#e9e7e2}
@media (min-width:900px){
 .chz__show{grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);align-items:start;gap:20px}
 .chz__stage{position:sticky;top:96px}
 .chz__tabs{flex-direction:column;overflow:visible;padding:2px}
 .chz__tab{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:12px 16px}
 .chz__tab i{position:static;margin-inline-start:8px}
 .chz__det{padding:18px 20px}
 .chz .pk--custom{grid-template-columns:36% 1fr}
}

/* كل الاختيارات في أول شاشة (30 سبتمبر): رأس مضغوط، وصورة بارتفاع محدود، والقايمة والتفاصيل جنبها */
.chz__stage img{max-height:min(48vh,480px)}
.chz__tab--custom{border-style:dashed}
.chz__det .pk__chips{margin:2px 0 4px}
@media (min-width:900px){
 .chz{padding-top:10px}
 .chz__head{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;margin:0 0 10px}
 .chz__prod{grid-column:1/-1;margin:0 0 2px}
 .chz__head .pstep__n{grid-row:2;margin:0}
 .chz__h{grid-row:2;font-size:24px}
 .chz__head .pstep__s{grid-column:1/-1;margin:2px 0 0;font-size:13px}
 .chz__show{grid-template-columns:minmax(0,1.05fr) minmax(340px,1fr);gap:16px}
 .chz__stage{position:relative;top:auto}
 .chz__stage img{max-height:min(58vh,560px);aspect-ratio:auto;width:100%}
 .chz__tabs{gap:6px}
 .chz__tab{padding:9px 14px}
 .chz__tab b{font-size:14px}
 .chz__det{padding:14px 16px;gap:8px}
 .chz__n{font-size:18px}
 .chz__l li{font-size:13.5px;line-height:1.45}
 .chz__l{gap:4px}
 .chz__foot{padding-top:10px}
 .chz__go{min-height:44px}
 .chz__p b{font-size:22px}
}
@media (min-width:1280px){.chz__show{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}}

/* (30 سبتمبر) تبسيط: صفوف التركيبات بصور على الشمال، وكارت التفصيل بصورة على اليمين */
.chz__list{display:grid;gap:8px;min-width:0}
.pkr{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:center;padding:8px 10px 8px 8px;border:1px solid var(--line);border-radius:14px;background:var(--card);position:relative}
.pkr--pop{border-color:var(--acc)}
.pkr.is-on{box-shadow:inset 0 0 0 2px var(--ink);border-color:var(--ink)}
.pkr__img{grid-row:1/3;display:block;border-radius:10px;overflow:hidden;background:#f2f1ee;aspect-ratio:720/470}
.pkr__img img{display:block;width:100%;height:100%;object-fit:contain}
.pkr__t{display:grid;gap:2px;min-width:0}
.pkr__n{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:800 15px/1.3 var(--fd);color:var(--ink)}
.pkr__badge{padding:2px 8px;border-radius:999px;background:var(--acc);color:#fff;font:700 10.5px/1.4 var(--fb);font-style:normal}
.pkr__l{font:500 12.5px/1.5 var(--fb);color:var(--ink2)}
.pkr__p{font:600 12px/1.2 var(--fb);color:var(--ink2);white-space:nowrap}
.pkr__p b{font:800 18px/1 var(--fd);color:var(--ink);font-variant-numeric:tabular-nums}
.pkr__go{justify-self:end;min-height:38px;padding:0 18px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:800 13.5px/1 var(--fb);cursor:pointer}
.pkr__go:hover{background:var(--acc-ink)}
.pkr__go:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.chz__custom{display:grid;gap:0;border:1px dashed var(--line2);border-radius:var(--r2);background:var(--card);overflow:hidden}
.chz__cimg{margin:0;background:#f2f1ee}
.chz__cimg img{display:block;width:100%;height:auto;aspect-ratio:720/470;object-fit:contain}
.chz__cbody{display:grid;gap:10px;padding:14px 16px 16px}
@media (min-width:600px){.pkr{grid-template-columns:110px minmax(0,1fr) auto auto;grid-template-rows:auto;column-gap:14px}.pkr__img{grid-row:auto}}
@media (min-width:900px){
 .chz__show{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start}
 .chz__custom{position:sticky;top:96px}
 .chz__cimg img{max-height:min(44vh,420px);aspect-ratio:auto;width:100%}
 .chz__cbody{padding:12px 16px 14px}
 .chz__list{order:2}
 .pkr{grid-template-columns:150px minmax(0,1fr) auto auto;padding:8px 12px 8px 8px}
}
/* أول شاشة في صفحة الطاولة: صورة كبيرة + تقييم + «من السعر» قبل التركيبات (مراجعة 8 أكتوبر) */
.chz__hero{position:relative;margin:0 0 14px;border-radius:16px;overflow:hidden;background:var(--soft,#f3f2ef);aspect-ratio:4/3}
.chz__hero img{display:block;width:100%;height:100%;object-fit:cover}
.chz__hcap{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:34px 12px 12px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}
.chz__rate{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#1c1b19;font:600 13px/1 var(--fb);text-decoration:none}
.chz__rate b{color:#a26a12;font-weight:800}
.chz__from{font:500 14px/1.2 var(--fb)}
.chz__from b{font:800 26px/1 var(--fd);margin-inline:3px}
.chz__from s{margin-inline-start:6px;opacity:.8;font-size:13px}
@media (min-width:900px){.chz__hero{aspect-ratio:21/9;margin-bottom:18px}.chz__hcap{padding:40px 20px 18px}.chz__from b{font-size:32px}}

/* ===== قيّم المنتج (rah-core/modules/reviews.php) ===== */
.rv{max-width:720px;margin:0 auto;padding:4px 0 28px}
.rv .sec-h{margin-bottom:12px}
.rv__lead{margin:0 0 12px;font:500 15px/1.7 var(--fb);color:var(--ink2)}
.rv__lock,.rv__done{border:1px solid var(--line);border-radius:var(--r2);background:var(--card);padding:18px}
.rv__links{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.rv__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--r);background:var(--btn);color:var(--on-btn);font:700 14px var(--fb);text-decoration:none}
.rv__btn--g{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.rv__f{border:1px solid var(--line);border-radius:var(--r2);background:var(--card);padding:18px;display:flex;flex-direction:column;gap:12px}
.rv__rate{border:0;padding:0;margin:0}
.rv__rate legend,.rv__l{font:700 14px var(--fb);color:var(--ink);margin-bottom:6px;display:block}
.rv__rate legend span,.rv__l span span,.rv__l>span>span{font-weight:400;color:var(--mute)}
.rv__pick{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.rv__s{background:none;border:0;padding:2px;font-size:36px;line-height:1;color:var(--line2);cursor:pointer;transition:transform .15s,color .15s}
.rv__s.on,.rv__s.hov{color:#e0a92b}
.rv__s:hover{transform:scale(1.12)}
.rv__hint{display:block;min-height:18px;color:var(--acc-ink);font:600 13px var(--fb)}
.rv__f textarea{width:100%;border:1px solid var(--line2);border-radius:var(--r);background:var(--bg);color:var(--ink);padding:12px;font:400 15px/1.6 var(--fb);resize:vertical;min-height:110px}
.rv__f textarea:focus{outline:2px solid var(--acc);border-color:transparent}
.rv__up{border:1px dashed var(--line2);border-radius:var(--r);padding:12px;cursor:pointer}
.rv__up input{display:block;margin-top:8px;font:400 13px var(--fb);max-width:100%}
.rv__prev{display:flex;gap:8px;flex-wrap:wrap}
.rv__prev:empty{display:none}
.rv__prev div{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.rv__prev img{width:100%;height:100%;object-fit:cover;display:block}
.rv__prev button{position:absolute;top:4px;inset-inline-start:4px;width:24px;height:24px;border-radius:12px;border:0;background:rgba(0,0,0,.6);color:#fff;font:700 16px/24px var(--fb);cursor:pointer}
.rv__note{margin:0;font:400 12.5px/1.6 var(--fb);color:var(--mute)}
.rv__submit{margin-top:4px}
.rv__msg{margin:0;min-height:20px;font:600 13.5px var(--fb);color:var(--ok)}
.rv__msg.is-err{color:#b3261e}
.rv__card{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.rv__card b{font:700 14px var(--fd)}
.rv__card p{margin:0;font:400 14px/1.7 var(--fb);color:var(--ink2)}
.rv__card small{color:var(--mute);font-size:12px}
.rv__stars{font-style:normal;color:#e0a92b;letter-spacing:1px;font-size:13px}
.rv__ph,.say__ph{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.rv__ph img,.say__ph img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.rv__ph img{width:80px;height:80px}
.rv__links-l{display:flex;flex-wrap:wrap;gap:6px}
.rv__go{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--acc-soft);color:var(--acc-ink);font:700 13px var(--fb);text-decoration:none;border:1px solid transparent}
.rv__go:hover{border-color:var(--acc)}
.rv__ok{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font:700 13px var(--fb)}
.rv__mute{color:var(--mute);font-size:13px}
.rv__trk .rv__links-l{margin-top:8px}
@media (max-width:600px){.rv__s{font-size:40px}.rv__btn{flex:1 1 auto}}

/* صور أليكسا الجديدة (13 أكتوبر 2026): المشهد غامق ومالي الكادر، فمفيش هوامش ولا دمج multiply على الخلفية الفاتحة */
.pp-v2 .gal__s[data-kind=render]{background:#120e0b}
.pp-v2 .gal__s[data-kind=render] img,.pp-v2 .gal__s[data-kind=render] .rw img,.pp-v2 .fx[data-fx=gal] .cmp__img,.pp-v2 .fx[data-fx=gal] .cmp__g img,.pp-v2 .rear img{padding:0}
.pp-v2 .rear{background:#120e0b}
.pp-v2 .gal__s[data-kind=render] img,.pp-v2 .gal__thumbs button:first-child img,.pp-v2 .sum__head img,.pp-v2 .bar__img img,.pp-v2 .peek__stage img,.pp-v2 .cmp__img,.pp-v2 .rw,.pp-v2 .cmp__g,.pp-v2 .rear__tw,.pp-v2 .cmp__g .slc{mix-blend-mode:normal}
.pp-v2 .cmp__g img.cmp__img{mix-blend-mode:normal!important}
.pp-v2 .drw{background-blend-mode:normal}
.pp-v2 .gal__s[data-kind=render]::after,.pp-v2 .peek__stage::after{display:none}
.pp-v2 .led__c,.pp-v2 .rled__w,.pp-v2 .rled__f{mix-blend-mode:screen}
.pp-v2 .gal__thumbs button:first-child img,.pp-v2 .sum__head img{object-fit:cover;padding:0;background:#120e0b}
.pp-v2 .peek__stage{background:#120e0b;border-radius:inherit;overflow:hidden}
.pp-v2 .peek__stage img,.pp-v2 .peek__stage .rw img,.pp-v2 .fx[data-fx=peek] .cmp__img{padding:0}
.pp-v2 .xacc{filter:drop-shadow(0 0 4px rgba(255,214,160,.45)) brightness(1.2)}
.pp-v2 .gal__s[data-kind=render],.pp-v2 .peek__stage{overflow:hidden}
.pp-v2 .gal__s[data-kind=render]::before,.pp-v2 .peek__stage::before{content:"";position:absolute;inset:-24px;z-index:0;pointer-events:none;background:var(--rsrc,none) center/100% 100% no-repeat;filter:blur(22px) brightness(.5)}
/* بروز السطح (14 أكتوبر) */
.opt--oh .opt__hint{margin:-4px 0 12px;font:500 12.5px/1.5 var(--fb);color:var(--ink2)}
.oh__dirs{grid-template-columns:repeat(4,1fr);margin:4px 0 8px}
.oh__all{width:100%;min-height:44px;border:1px dashed var(--line2);border-radius:calc(var(--r) - 2px);background:transparent;color:var(--ink);font:700 14px/1 var(--fd);cursor:pointer}
.oh__all[aria-checked=true]{border-style:solid;border-color:var(--acc);background:var(--acc-soft)}
/* الكمبيوتر (14 أكتوبر): الصورة الثابتة كانت بتتحط تحت الهيدر (88 ثابت والهيدر صفين 122) وأطول من الشاشة على الشاشات القصيرة،
   فتتقص من فوق وتحت. دلوقتي بتبدأ تحت الهيدر الحقيقي، وعرضها بيصغر لحد ما الصورة كلها والمصغّرات يدخلوا في الشاشة */
@media (min-width:900px){
 .single-product .col-a{top:calc(var(--hdrh,88px) + 12px)}
 .single-product .col-a>.gal{width:100%;max-width:calc((100vh - var(--hdrh,88px) - 116px) * 4 / 3);margin-inline:auto}
 .single-product .col-a>.gal__thumbs{max-width:calc((100vh - var(--hdrh,88px) - 116px) * 4 / 3);margin-inline:auto}
}
@media (min-width:900px){
 .admin-bar.single-product .col-a{top:calc(var(--hdrh,88px) + 44px)}
 .admin-bar.single-product .col-a>.gal,.admin-bar.single-product .col-a>.gal__thumbs{max-width:calc((100vh - var(--hdrh,88px) - 148px) * 4 / 3)}
}