/* ==========================================================
   Storefront — تصميم تحريري غير تقليدي. كل الألوان من متغيرات الثيم.
   ========================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html[dir=rtl]{--dx:-1}html[dir=ltr]{--dx:1}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.75 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;
  background-image:radial-gradient(900px 500px at 90% -5%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),radial-gradient(700px 600px at -10% 40%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%);background-attachment:fixed}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4{font-family:var(--f-head);line-height:1.15;margin:0;font-weight:700}p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
::selection{background:var(--accent);color:var(--accent-ink)}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:8px;z-index:200}.skip:focus{inset-inline-start:8px}
.ic{flex:none}[dir=rtl] .ic-chev{transform:scaleX(-1)}[dir=ltr] .ic-arrow{transform:scaleX(-1)}
.wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:clamp(16px,4vw,44px)}.narrow{max-width:1180px}.slim{max-width:620px}
.muted{color:var(--muted)}.center{text-align:center}.hide-sm{}.hp{position:absolute;inset-inline-start:-9999px;opacity:0}
.sec{margin-block:clamp(48px,8vw,110px)}
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.js .rv.in{opacity:1;transform:none}

/* ---------- أزرار ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:999px;padding:12px 26px;border:1.5px solid var(--accent);transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap;line-height:1.2}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px var(--accent)}.btn:active{transform:none}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink);box-shadow:none}
.btn.big{padding:16px 34px;font-size:17px}.btn.sm{padding:8px 18px;font-size:14px}.btn.block{display:flex;width:100%}.btn.grow{flex:1}.btn[disabled]{opacity:.5;pointer-events:none}
.btn-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;border-bottom:1.5px solid var(--line);padding-bottom:2px;transition:.25s}.btn-link:hover{border-color:var(--accent);color:var(--accent)}.btn-link.center{justify-content:center;display:flex;width:max-content;margin:14px auto 0}

/* ---------- الشريط العلوي + الهيدر ---------- */
.topbar{background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap;padding-block:7px}
.topbar-track{display:inline-flex;gap:28px;animation:mq-r 40s linear infinite;will-change:transform}[dir=ltr] .topbar-track,[dir=ltr] .marquee-track{animation-name:mq-l}
@keyframes mq-r{to{transform:translateX(50%)}}@keyframes mq-l{to{transform:translateX(-50%)}}
.hdr{position:sticky;top:12px;z-index:60;width:min(1360px,calc(100% - 24px));margin:12px auto 0;display:flex;align-items:center;gap:14px;padding:8px 10px 8px 16px;border-radius:999px;border:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 40px -20px rgba(0,0,0,.4)}
.hdr-ix{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:700;font-size:14px;transition:.25s}.hdr-ix:hover{background:var(--accent);color:var(--accent-ink)}
.logo{display:flex;align-items:center;gap:10px;font:700 20px var(--f-head);margin-inline:auto 0;flex:none}.logo img{height:34px;width:auto}
.logo-mark{width:30px;height:30px;border-radius:10px;background:conic-gradient(from 200deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--ink)),var(--accent));display:block;animation:spin 14s linear infinite}
.hdr-nav{display:flex;gap:2px;margin-inline:auto}.hdr-nav a{padding:8px 14px;border-radius:999px;font-weight:500;font-size:15px;color:var(--muted);transition:.2s}.hdr-nav a:hover{color:var(--ink);background:var(--surface2)}
.hdr-act{display:flex;align-items:center;gap:2px}.hdr-act>*{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;transition:.2s}.hdr-act>*:hover{background:var(--surface2)}
.hdr-act .lang-sw{width:auto;padding-inline:12px;font-size:13px;font-weight:700;border-radius:999px;border:1px solid var(--line)}
.cart-n{position:absolute;top:2px;inset-inline-end:0;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font:700 11px/18px var(--f-body);text-align:center;font-style:normal;padding-inline:4px}.cart-n[hidden]{display:none}
.cart-n.bump{animation:bump .5s}@keyframes bump{40%{transform:scale(1.6)}}
@media(max-width:900px){.hdr-nav{display:none}.logo{margin-inline:auto}.hdr-ix span{display:none}.hdr-ix{padding:10px}.hide-sm{display:none!important}}

/* ---------- طبقات ملء الشاشة (الفهرس + البحث) ---------- */
.ov{position:fixed;inset:0;z-index:100;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(-24px);transition:.5s cubic-bezier(.2,.8,.2,1);overflow:auto;padding:clamp(70px,10vh,110px) clamp(20px,5vw,70px) 40px}
.ov.open{opacity:1;visibility:visible;transform:none}.ov-x{position:fixed;top:22px;inset-inline-end:clamp(16px,4vw,44px);width:52px;height:52px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:var(--surface);z-index:2;transition:.3s}.ov-x:hover{transform:rotate(90deg);background:var(--accent);color:var(--accent-ink)}
.ix-wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(20px,5vw,80px);max-width:1360px;margin:auto;align-items:center;min-height:70vh}
.ix-list{list-style:none;margin:0;padding:0}.ix-list a{display:flex;align-items:baseline;gap:18px;padding:6px 0;border-bottom:1px solid var(--line);font:700 clamp(30px,5.6vw,76px)/1.15 var(--f-head);transition:.35s cubic-bezier(.2,.8,.2,1)}
.ix-list small{font:500 13px var(--f-body);color:var(--muted);width:28px}.ix-list em{margin-inline-start:auto;font:500 14px var(--f-body);color:var(--muted);font-style:normal}
.ix-list a:hover,.ix-list a.hv{color:var(--c,var(--accent));padding-inline-start:26px}.ix-list .all a{color:var(--muted);font-size:clamp(20px,3vw,34px)}
.ix-view{position:relative;aspect-ratio:4/5;max-height:70vh;width:100%;max-width:460px;justify-self:center}.ix-art{position:absolute;inset:0;border-radius:999px 999px 28px 28px;background:var(--surface2) center/cover;transition:background-image .3s,box-shadow .5s;box-shadow:0 40px 120px -30px var(--ixc,var(--accent));border:1px solid var(--line)}
@media(max-width:860px){.ix-wrap{grid-template-columns:1fr}.ix-view{display:none}}
.srch-box{display:flex;align-items:center;gap:16px;max-width:900px;margin:8vh auto 24px;border-bottom:2px solid var(--ink);padding-bottom:14px}.srch-box input{flex:1;background:none;border:0;outline:0;font:600 clamp(22px,4vw,44px) var(--f-head);min-width:0}.srch-box input::placeholder{color:var(--muted);opacity:.6}.srch-box kbd{font:12px var(--f-body);border:1px solid var(--line);border-radius:6px;padding:2px 8px;color:var(--muted)}
.srch-res{max-width:900px;margin:auto;display:grid;gap:8px}.sr{display:flex;align-items:center;gap:16px;padding:10px;border-radius:var(--radius);transition:.2s}.sr:hover{background:var(--surface2)}.sr img{width:64px;height:64px;object-fit:cover;border-radius:10px}.sr div{flex:1}.sr small{color:var(--muted);display:block}.sr b{font-weight:700}.sr-all{text-align:center;padding:14px}

/* ---------- درج السلة ---------- */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:110;opacity:0;visibility:hidden;transition:.4s}.scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(450px,100%);background:var(--surface);z-index:120;display:flex;flex-direction:column;transform:translateX(calc(var(--dx) * 105%));transition:transform .5s cubic-bezier(.2,.8,.2,1);border-inline-start:1px solid var(--line)}.drawer.open{transform:none}
.drawer>header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.drawer>header button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}.drawer>header button:hover{background:var(--surface2)}
.drawer-body{flex:1;overflow:auto;padding:12px 22px}.drawer>footer{padding:18px 22px;border-top:1px solid var(--line)}
.di{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px dashed var(--line);align-items:center}.di img{width:72px;height:88px;object-fit:cover;border-radius:12px}.di a{font-weight:600;display:block;line-height:1.4}.di small{color:var(--muted)}
.di .qty.sm{margin-top:8px}.di .x{color:var(--muted);align-self:start}.di .x:hover{color:#e5484d}
.d-sub{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:14px}.d-empty{text-align:center;padding:60px 10px;color:var(--muted)}.d-empty .ic{margin:0 auto 16px;opacity:.5}

/* ---------- Toast + Flash ---------- */
.toasts{position:fixed;bottom:22px;inset-inline:0;z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.toast{background:var(--ink);color:var(--bg);padding:12px 22px;border-radius:999px;font-weight:600;box-shadow:0 20px 50px -10px rgba(0,0,0,.5);animation:toast .4s cubic-bezier(.2,.8,.2,1);display:flex;gap:10px;align-items:center}.toast.err{background:#e5484d;color:#fff}.toast.out{opacity:0;transform:translateY(12px);transition:.4s}
@keyframes toast{from{opacity:0;transform:translateY(20px) scale(.95)}}
.flash{max-width:1100px;margin:16px auto 0;padding:12px 18px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);width:calc(100% - 32px)}.flash.error{background:color-mix(in srgb,#e5484d 16%,var(--surface));border-color:#e5484d}
.alert{padding:12px 16px;border-radius:var(--radius);background:color-mix(in srgb,#e5484d 14%,var(--surface));border:1px solid color-mix(in srgb,#e5484d 50%,transparent);margin-block:12px}.alert.warn{background:color-mix(in srgb,#f59f00 14%,var(--surface));border-color:#f59f00}

/* ---------- الواجهة الرئيسية (Hero) ---------- */
.hero{display:grid;width:min(1360px,100%);margin:clamp(14px,3vw,34px) auto 0;padding-inline:clamp(16px,4vw,44px);position:relative}
.hero-slide{grid-area:1/1;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,70px);align-items:center;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s;min-height:min(78svh,760px);padding-block:20px 60px}.hero-slide.on{opacity:1;visibility:visible}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 16px;margin-bottom:22px}.eyebrow b{color:var(--a);font-family:var(--f-head)}
.hero-title{font-size:clamp(44px,8.2vw,128px);line-height:1.02;letter-spacing:0;display:flex;flex-wrap:wrap;gap:0 .22em}
.hero-title .w{display:inline-block;overflow:hidden;padding-block:.06em}.hero-title .w{animation:none}.hero-slide.on .w{animation:rise .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*.09s + .15s)}
.hero-title .w:last-child{color:var(--a)}@keyframes rise{from{transform:translateY(110%);opacity:0}}
.hero-sub{margin-top:22px;max-width:46ch;font-size:clamp(16px,1.6vw,20px);color:var(--muted)}.hero-cta{display:flex;gap:22px;align-items:center;margin-top:34px;flex-wrap:wrap}
.hero-slide .btn.big{background:var(--a);border-color:var(--a);color:#fff}
.hero-art{position:relative;justify-self:center;width:min(100%,460px)}.arch{aspect-ratio:4/5;border-radius:999px 999px 30px 30px;overflow:hidden;border:1px solid var(--line);box-shadow:0 50px 120px -40px var(--a);background:var(--surface2);transform:rotate(2deg);transition:transform 1.2s}.hero-slide.on .arch{transform:rotate(-2deg)}
.arch img{width:100%;height:100%;object-fit:cover}.ring{position:absolute;width:44%;inset-block-end:-8%;inset-inline-start:-14%;animation:spin 24s linear infinite;color:var(--ink)}.ring text{font:600 13.5px var(--f-body);fill:currentColor;letter-spacing:.06em}
.orb{position:absolute;border-radius:50%;background:var(--a);filter:blur(.5px);animation:float 7s ease-in-out infinite}.o1{width:22px;height:22px;top:12%;inset-inline-end:-6%}.o2{width:12px;height:12px;top:60%;inset-inline-end:-10%;animation-delay:-3s;opacity:.7}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-18px)}}
.hero-nav{position:absolute;bottom:14px;inset-inline-start:clamp(16px,4vw,44px);display:flex;gap:8px}.hero-nav button{width:54px;height:20px;display:grid;align-items:center}.hero-nav i{display:block;height:3px;border-radius:3px;background:var(--line);position:relative;overflow:hidden}.hero-nav i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:var(--o,right)}[dir=ltr] .hero-nav i::after{transform-origin:left}.hero-nav .on i::after{animation:prog var(--dur,6s) linear forwards}@keyframes prog{to{transform:scaleX(1)}}
@media(max-width:820px){.hero-slide{grid-template-columns:1fr;min-height:0;padding-bottom:70px}.hero-art{width:min(58%,250px);order:-1}.hero-title{font-size:clamp(40px,13vw,64px)}.ring{display:none}}

.marquee{overflow:hidden;border-block:1px solid var(--line);padding-block:18px;margin-block:clamp(30px,5vw,60px) 0;background:color-mix(in srgb,var(--surface) 60%,transparent)}
.marquee-track{display:inline-flex;white-space:nowrap;animation:mq-r 50s linear infinite;font:600 clamp(22px,3.4vw,44px) var(--f-head);color:var(--muted)}.marquee-track span{padding-inline:1.2em}

.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(22px,3vw,40px);flex-wrap:wrap}.sec-head h2{font-size:clamp(30px,4.6vw,60px)}.sec-head p{color:var(--muted);margin-top:8px}.sec-tools{display:flex;gap:10px;align-items:center}
.rail-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.25s}.rail-btn:hover{background:var(--ink);color:var(--bg)}

/* ---------- الأقسام (بلاطات متدرجة) ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.cat{position:relative;aspect-ratio:3/4;border-radius:calc(var(--radius)*1.8);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;isolation:isolate;transition:transform .6s cubic-bezier(.2,.8,.2,1);background:var(--c)}
@media(min-width:900px){.cat:nth-child(even){transform:translateY(34px)}.cat-grid{padding-bottom:34px}}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.cat::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.05) 60%);z-index:-1}
.cat:hover img{transform:scale(1.1)}.cat-no{position:absolute;top:18px;inset-inline-start:22px;font:500 13px var(--f-head);opacity:.85}.cat-name{font:700 clamp(22px,2.4vw,30px) var(--f-head)}.cat-n{font-size:13px;opacity:.8}
.cat-go{position:absolute;top:14px;inset-inline-end:14px;width:46px;height:46px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;transform:rotate(-45deg) scale(.8);opacity:0;transition:.4s}[dir=ltr] .cat-go{transform:rotate(45deg) scale(.8)}.cat:hover .cat-go{opacity:1;transform:none}

/* ---------- شبكات المنتجات ---------- */
.grid{display:grid;gap:clamp(12px,1.6vw,22px)}.grid.g4,.grid.view-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}
.grid.mosaic,.grid.view-mosaic{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));grid-auto-flow:dense}
.mosaic .pc:nth-child(7n+1),.view-mosaic .pc:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.mosaic .pc:nth-child(7n+1) .pc-media,.view-mosaic .pc:nth-child(7n+1) .pc-media{aspect-ratio:auto;flex:1;min-height:300px}
.mosaic .pc:nth-child(7n+1) .pc-title,.view-mosaic .pc:nth-child(7n+1) .pc-title{font-size:clamp(20px,2.2vw,28px)}
.grid.view-list{grid-template-columns:1fr}.view-list .pc{flex-direction:row}.view-list .pc-media{width:min(220px,34%);aspect-ratio:1;flex:none}.view-list .pc-body{flex:1;display:flex;flex-direction:column;justify-content:center}
@media(max-width:620px){.grid.mosaic,.grid.view-mosaic,.grid.g4,.grid.view-grid{grid-template-columns:repeat(2,1fr)}.mosaic .pc:nth-child(7n+1),.view-mosaic .pc:nth-child(7n+1){grid-row:span 1}.mosaic .pc:nth-child(7n+1) .pc-media{aspect-ratio:4/3;min-height:0;flex:none}.pc-body{padding:10px 12px 12px!important}.pc-title{font-size:14px!important}}

.rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-block:8px 26px;margin-inline:calc(clamp(16px,4vw,44px) * -1);padding-inline:clamp(16px,4vw,44px);cursor:grab;scroll-padding-inline:clamp(16px,4vw,44px)}.rail::-webkit-scrollbar{display:none}.rail.drag{cursor:grabbing;scroll-snap-type:none}.rail.drag *{pointer-events:none}.rail .pc{flex:0 0 min(285px,74vw);scroll-snap-align:start}

/* بطاقة المنتج */
.pc{--rx:0deg;--ry:0deg;position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius)*1.5);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}
.pc:hover{border-color:color-mix(in srgb,var(--c) 70%,var(--line));box-shadow:0 34px 60px -34px var(--c)}.pc.moving{transition:transform .08s linear,box-shadow .45s}
.cs-flat .pc{transform:none!important}.cs-outline .pc{background:transparent}
.pc-media{display:block;aspect-ratio:4/5;position:relative;overflow:hidden;background:var(--surface2)}.pc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s,transform 1s cubic-bezier(.2,.8,.2,1)}
.pc-i2{opacity:0}.pc:hover .pc-i2{opacity:1}.pc:hover .pc-i1{transform:scale(1.07)}.pc-glare{position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.3),transparent 55%);opacity:0;transition:.4s;pointer-events:none;mix-blend-mode:soft-light}.pc:hover .pc-glare{opacity:1}
.pc-tags{position:absolute;top:12px;inset-inline-start:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;z-index:2}.tag{background:rgba(10,10,12,.72);color:#fff;font-size:12px;font-weight:700;padding:3px 11px;border-radius:999px;backdrop-filter:blur(8px)}.tag.sale{background:var(--accent);color:var(--accent-ink)}.tag.off{background:#555}
.pc-wish{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;background:rgba(10,10,12,.55);color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px);z-index:2;transition:.3s}.pc-wish:hover{transform:scale(1.12)}.pc-wish.on{background:#e5484d}.pc-wish.on svg{fill:currentColor}.pc-wish.big{width:46px;height:46px}
.pc-type{position:absolute;inset-inline-start:12px;bottom:12px;display:inline-flex;gap:5px;align-items:center;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;padding:3px 11px 3px 9px;border-radius:999px;z-index:2}
.pc-body{padding:16px 18px 18px;position:relative;display:flex;flex-direction:column;flex:1}.pc-no{position:absolute;top:14px;inset-inline-end:18px;font:500 12px var(--f-head);color:var(--muted);opacity:.7}
.pc-meta{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-inline-end:26px}.pc-meta em{font-style:normal}
.stars{display:inline-flex;font-size:13px;letter-spacing:1px}.stars i{font-style:normal;color:var(--line)}.stars i.f{color:#f5b301}.stars i.h{color:#f5b301;opacity:.55}
.pc-title{font-size:17px;font-weight:600;margin:6px 0 14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc-title a:hover{color:var(--c)}
.pc-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto}.pc-price{display:flex;flex-direction:column-reverse;line-height:1.25}.pc-price b{font:700 19px var(--f-head)}.pc-price s{font-size:13px;color:var(--muted)}
.pc-add{display:flex;align-items:center;height:46px;max-width:46px;min-width:46px;border-radius:23px;background:var(--c);color:#fff;overflow:hidden;transition:max-width .5s cubic-bezier(.2,.8,.2,1),transform .25s;flex:none;font-weight:700;font-size:14px}.pc-add i{width:46px;height:46px;display:grid;place-items:center;flex:none}.pc-add span{white-space:nowrap;padding-inline-end:20px;opacity:0;transition:opacity .3s}
@media(hover:hover){.pc:hover .pc-add,.pc-add:focus-visible{max-width:200px}.pc:hover .pc-add span,.pc-add:focus-visible span{opacity:1}}.pc-add:active{transform:scale(.94)}.pc-add.ok{background:#2f9e6e}
.pc.out{opacity:.7}.pc.out .pc-i1{filter:grayscale(1)}

/* ---------- لافتات + ميزات + نشرة ---------- */
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.duo-card{position:relative;min-height:340px;border-radius:calc(var(--radius)*2);overflow:hidden;display:flex;align-items:flex-end;padding:clamp(22px,3vw,40px);color:#fff;isolation:isolate;background:var(--c)}.duo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s}.duo-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 70%);z-index:-1}.duo-card:hover img{transform:scale(1.08)}
.duo-card small{opacity:.85;font-size:14px}.duo-card h3{font-size:clamp(26px,3.2vw,42px);margin:4px 0 16px}.duo-card .btn{background:#fff;color:#111;border-color:#fff}
.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.feat{padding:26px;border:1px solid var(--line);border-radius:calc(var(--radius)*1.5);background:var(--surface);transition:.4s}.feat:hover{transform:translateY(-6px);border-color:var(--accent)}.feat i{width:54px;height:54px;border-radius:16px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);display:grid;place-items:center;margin-bottom:16px}.feat h4{font-size:19px;margin-bottom:4px}.feat p{color:var(--muted);font-size:15px}
.nl{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:clamp(28px,5vw,64px);border-radius:calc(var(--radius)*2.2);background:var(--accent);color:var(--accent-ink);position:relative;overflow:hidden}.nl::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:50px solid rgba(255,255,255,.14);inset-inline-end:-80px;top:-120px}.nl h2{font-size:clamp(28px,4vw,52px)}.nl p{opacity:.85;margin-top:8px}
.nl form{display:flex;gap:8px;background:rgba(255,255,255,.2);border-radius:999px;padding:6px;position:relative;z-index:1}.nl input{flex:1;background:none;border:0;outline:0;padding-inline:18px;min-width:0;color:inherit}.nl input::placeholder{color:inherit;opacity:.6}.nl .btn{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}@media(max-width:760px){.nl{grid-template-columns:1fr}}

/* ---------- المتجر / الفلاتر ---------- */
.crumbs{display:flex;gap:8px;font-size:13.5px;color:var(--muted);margin:26px 0 14px;flex-wrap:wrap}.crumbs a:hover{color:var(--accent)}.crumbs i{font-style:normal;opacity:.5}
.shop-head{margin-bottom:22px}.shop-head h1{font-size:clamp(34px,6vw,76px)}.shop-head p{color:var(--muted);max-width:60ch;margin-top:10px}
.shop-bar{display:flex;align-items:center;gap:14px;padding-block:14px;border-block:1px solid var(--line);margin-bottom:26px;flex-wrap:wrap}.shop-bar .count{color:var(--muted);margin-inline-end:auto}.shop-bar [data-toggle]{display:none}
select,input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=tel],input:not([type]),textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;outline:0;transition:.2s}
select:focus,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.sort-form select{width:auto;padding-block:8px;border-radius:999px}.views{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px}.views button{width:38px;height:34px;border-radius:999px;display:grid;place-items:center;color:var(--muted)}.views .on{background:var(--ink);color:var(--bg)}
.shop-layout{display:grid;grid-template-columns:260px 1fr;gap:clamp(22px,3vw,46px);align-items:start}
.filters{position:sticky;top:94px;display:grid;gap:22px}.f-sec h4{font-size:14px;color:var(--muted);margin-bottom:10px;font-weight:600}.f-cat{display:flex;justify-content:space-between;padding:7px 12px;border-radius:10px;font-size:15px;transition:.2s}.f-cat em{font-style:normal;color:var(--muted);font-size:12px}.f-cat:hover{background:var(--surface2)}.f-cat.on{background:var(--ink);color:var(--bg)}.f-cat.on em{color:inherit}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label span{display:inline-flex;gap:6px;align-items:center;padding:6px 14px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:14px;transition:.2s}.chips input{position:absolute;opacity:0}.chips input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.range2{display:flex;align-items:center;gap:8px}.range2 input{padding:9px 10px}
.sw{display:flex;align-items:center;gap:12px;padding:5px 0;cursor:pointer;font-size:15px}.sw input{position:absolute;opacity:0}.sw span{width:42px;height:24px;border-radius:12px;background:var(--line);position:relative;transition:.3s;flex:none}.sw span::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.3s}.sw input:checked+span{background:var(--accent)}.sw input:checked+span::after{inset-inline-start:21px}
@media(max-width:900px){.shop-layout{grid-template-columns:1fr}.shop-bar [data-toggle]{display:inline-flex}.filters{position:fixed;inset:0;z-index:130;background:var(--bg);padding:24px;overflow:auto;transform:translateY(100%);transition:.5s cubic-bezier(.2,.8,.2,1);align-content:start}.filters.open{transform:none}}
.pager{display:flex;gap:8px;justify-content:center;margin-top:44px;flex-wrap:wrap}.pager a,.pager span{min-width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);transition:.2s}.pager a:hover{border-color:var(--accent)}.pager .on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.empty{text-align:center;padding:70px 20px;display:grid;gap:14px;justify-items:center}.empty-art{font:700 90px var(--f-head);opacity:.25}

/* ---------- صفحة المنتج ---------- */
.pp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4.5vw,76px);align-items:start}
.pp-stage{position:sticky;top:94px;display:grid;grid-template-columns:76px 1fr;gap:14px}.pp-thumbs{display:flex;flex-direction:column;gap:10px}.pp-thumbs button{border:2px solid transparent;border-radius:14px;overflow:hidden;aspect-ratio:4/5;opacity:.6;transition:.25s}.pp-thumbs button.on,.pp-thumbs button:hover{opacity:1;border-color:var(--c)}.pp-thumbs img{width:100%;height:100%;object-fit:cover}
.pp-main{position:relative;aspect-ratio:4/5;border-radius:calc(var(--radius)*2);overflow:hidden;background:var(--surface2);border:1px solid var(--line);cursor:zoom-in;box-shadow:0 50px 100px -50px var(--c)}.pp-main img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out;transform-origin:var(--zx,50%) var(--zy,50%)}.pp-main.zoom img{transform:scale(1.9)}.pp-main .pc-wish{top:16px;inset-inline-end:16px}.pp-tags{position:absolute;top:16px;inset-inline-start:16px;display:flex;gap:6px}
.pp-kicker{display:flex;gap:12px;align-items:center;margin-bottom:12px;color:var(--muted);font-size:14px}.pp-kicker a:hover{color:var(--c)}.type-pill{display:inline-flex;gap:6px;align-items:center;background:var(--surface2);padding:3px 12px;border-radius:999px;font-weight:600;font-size:13px}.type-pill.dg{background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c)}
.pp-info h1{font-size:clamp(30px,4vw,56px)}.pp-rate{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-size:14px}.pp-rate span{color:var(--muted)}.pp-lead{margin-top:14px;font-size:18px;color:var(--muted);max-width:52ch}
.pp-price{display:flex;align-items:baseline;gap:14px;margin:22px 0;flex-wrap:wrap}.pp-price b{font:700 clamp(32px,4vw,48px) var(--f-head);color:var(--c)}.pp-price s{color:var(--muted);font-size:20px}.pp-price em{font-style:normal;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);padding:2px 12px;border-radius:999px;font-size:14px;font-weight:700}
.pp-buy{display:flex;gap:12px;flex-wrap:wrap}.pp-buy .btn{background:var(--c);border-color:var(--c);color:#fff}.pp-buy .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.warn-line{color:#f08c00;font-weight:600;margin-top:12px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden}.qty button{width:46px;height:52px;display:grid;place-items:center}.qty button:hover{background:var(--surface2)}.qty input{width:48px;border:0;background:none;text-align:center;padding:0;font-weight:700;box-shadow:none!important}.qty.sm button{width:34px;height:34px}.qty.sm span{min-width:26px;text-align:center;font-weight:700}
.pp-perks{list-style:none;padding:0;margin:28px 0;display:grid;gap:12px}.pp-perks li{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.pp-perks li .ic{color:var(--c)}.pp-perks b{display:block;font-size:15px}.pp-perks span{color:var(--muted);font-size:13.5px}
.acc details{border-top:1px solid var(--line)}.acc details:last-child{border-bottom:1px solid var(--line)}.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 2px;font:600 18px var(--f-head);cursor:pointer}.acc summary::-webkit-details-marker{display:none}.acc summary .ic{transition:.3s}.acc details[open] summary .ic{transform:rotate(45deg)}.acc details>div,.acc details>table{padding-bottom:20px}
.prose{color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.prose h2,.prose h3{margin:1.2em 0 .5em}.prose p{margin-block:.8em}.prose ul,.prose ol{padding-inline-start:1.3em}.prose img{border-radius:var(--radius);margin-block:1em}.prose a{color:var(--accent);text-decoration:underline}
.specs{width:100%;border-collapse:collapse}.specs th,.specs td{padding:10px 0;border-bottom:1px dashed var(--line);text-align:start;font-size:15px}.specs th{color:var(--muted);font-weight:500;width:40%}
.revs .rev{padding:14px 0;border-bottom:1px dashed var(--line)}.rev p{color:var(--muted);margin-top:4px}.rev-form{display:grid;gap:10px;margin-top:20px}.rate-in{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}.rate-in input{position:absolute;opacity:0}.rate-in label{font-size:28px;color:var(--line);cursor:pointer;transition:.15s}.rate-in input:checked~label,.rate-in label:hover,.rate-in label:hover~label{color:#f5b301}
.buybar{position:fixed;bottom:0;inset-inline:0;z-index:70;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);transform:translateY(110%);transition:.4s}.buybar.show{transform:none}.buybar img{width:44px;height:52px;object-fit:cover;border-radius:8px}.buybar div{flex:1;min-width:0}.buybar b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.buybar span{color:var(--c);font-weight:700}
@media(min-width:901px){.buybar{display:none}}
@media(max-width:900px){.pp-grid{grid-template-columns:1fr}.pp-stage{position:static;grid-template-columns:1fr}.pp-thumbs{flex-direction:row;order:2;overflow:auto}.pp-thumbs button{width:64px;flex:none}}

/* ---------- السلة / الدفع / الطلب ---------- */
.cart-layout,.co{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(20px,3vw,44px);align-items:start}@media(max-width:940px){.cart-layout,.co{grid-template-columns:1fr}}
.cl{display:grid;grid-template-columns:90px 1fr auto auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cl-img img{width:90px;height:112px;object-fit:cover;border-radius:14px}.cl-info a{font-weight:600;display:block}.cl-info small{color:var(--muted);display:block}.cl-line{font-weight:700;min-width:90px;text-align:end}.cl .x{color:var(--muted);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.cl .x:hover{background:var(--surface2);color:#e5484d}
@media(max-width:620px){.cl{grid-template-columns:72px 1fr auto}.cl-img img{width:72px;height:90px}.cl .qty,.cl-line{grid-column:2}.cl form:last-child{grid-row:1;grid-column:3}}
.sum{border:1px solid var(--line);border-radius:calc(var(--radius)*1.8);padding:26px;background:var(--surface)}.sum.sticky{position:sticky;top:94px}.sum h3{margin-bottom:16px}.sum dl,.tot{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:18px 0}.sum dt,.tot dt{color:var(--muted)}.sum dd,.tot dd{margin:0;font-weight:600;text-align:end}.sum .total,.tot .total{font:700 21px var(--f-head);color:var(--ink);padding-top:12px;border-top:1px solid var(--line)}.neg{color:#2f9e6e}[hidden]{display:none!important}
.coupon,.coupon-row{display:flex;gap:8px}.coupon input,.coupon-row input{text-transform:uppercase}.sum-items{display:grid;gap:10px;margin-bottom:14px;max-height:260px;overflow:auto}.sum-items div{display:flex;align-items:center;gap:12px;font-size:14px}.sum-items img{width:46px;height:56px;object-fit:cover;border-radius:8px}.sum-items span{flex:1}.sum-items small{color:var(--muted)}.secure-note{font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px}
fieldset{border:1px solid var(--line);border-radius:calc(var(--radius)*1.8);padding:22px 24px 24px;margin:0 0 20px;background:var(--surface);display:grid;gap:14px}legend{display:flex;align-items:center;gap:10px;font:700 18px var(--f-head);padding-inline:8px}legend span{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:14px}
label{display:grid;gap:6px;font-size:14px;color:var(--muted);font-weight:500}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.g2{grid-template-columns:1fr}}
.pay-opts{display:grid;gap:10px}.pay-opt{display:block;color:var(--ink);cursor:pointer}.pay-opt input{position:absolute;opacity:0}.pay-opt span{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px solid var(--line);border-radius:var(--radius);transition:.25s}.pay-opt i{font-style:normal;font-size:22px}.pay-opt small{margin-inline-start:auto;color:var(--muted)}.pay-opt:hover span{border-color:var(--muted)}.pay-opt input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.info-line{display:flex;gap:10px;align-items:center;padding:14px 18px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 12%,transparent);margin-bottom:20px}
.card-form{display:grid;gap:16px;padding:28px;border:1px solid var(--line);border-radius:calc(var(--radius)*2);background:var(--surface)}
.order-head{text-align:center;margin-block:30px}.ok-mark{width:76px;height:76px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;margin:0 auto 18px;animation:pop .7s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{from{transform:scale(0)}}.order-head h1{font-size:clamp(26px,4vw,44px)}.code{font:700 20px var(--f-head);background:var(--surface2);padding:2px 14px;border-radius:8px;margin-inline-start:6px}
.timeline{list-style:none;display:flex;justify-content:space-between;padding:0;margin:34px 0;position:relative}.timeline::before{content:"";position:absolute;top:17px;inset-inline:6%;height:2px;background:var(--line)}.timeline li{display:grid;justify-items:center;gap:8px;position:relative;flex:1;font-size:13.5px;color:var(--muted)}.timeline i{width:36px;height:36px;border-radius:50%;background:var(--surface2);border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:13px}.timeline .done i{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.timeline .now i{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}.timeline .done,.timeline .now{color:var(--ink)}
.panel{border:1px solid var(--line);border-radius:calc(var(--radius)*1.8);padding:24px;margin-bottom:18px;background:var(--surface)}.panel h3{margin-bottom:12px;display:flex;gap:10px;align-items:center}.pay-panel{border-color:var(--accent)}
.bank{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:16px 0}.bank dt{color:var(--muted)}.bank dd{margin:0;font-weight:700;cursor:copy}.receipt{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file{position:relative;display:inline-flex}.file input{position:absolute;inset:0;opacity:0;cursor:pointer}.file span{display:inline-flex;gap:8px;align-items:center;padding:10px 20px;border:1.5px dashed var(--muted);border-radius:999px;color:var(--ink)}.ok-line{display:flex;gap:6px;color:#2f9e6e;margin-top:10px}
.dl-row,.oi{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line)}.oi small{color:var(--muted)}.addr{display:flex;gap:10px;color:var(--muted);margin-top:14px}
.orders{display:grid;gap:10px;margin-top:14px}.ord{display:flex;gap:16px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;transition:.25s}.ord:hover{border-color:var(--accent)}.ord strong{margin-inline-start:auto}.st,.pst{font-size:12.5px;padding:2px 12px;border-radius:999px;background:var(--surface2)}.pst-paid{background:color-mix(in srgb,#2f9e6e 22%,transparent);color:#2f9e6e}
.nf{padding-block:90px}.nf-n{font:700 clamp(90px,18vw,220px)/1 var(--f-head);color:transparent;-webkit-text-stroke:2px var(--accent);opacity:.8}.nf h1{margin:10px 0}.nf .btn{margin-top:22px}

/* ---------- الفوتر ---------- */
.ftr{margin-top:clamp(60px,10vw,140px);border-top:1px solid var(--line);padding-top:30px;position:relative;overflow:hidden}
.ftr-big{font:700 clamp(70px,18vw,260px)/.9 var(--f-head);text-align:center;background:linear-gradient(to bottom,color-mix(in srgb,var(--ink) 18%,transparent),transparent 85%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap;overflow:hidden;padding-inline:20px;user-select:none}
.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:30px;width:100%;max-width:1360px;margin:20px auto 0;padding:30px clamp(16px,4vw,44px)}@media(max-width:820px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-about{grid-column:1/-1}}
.ftr h4{font-size:15px;margin-bottom:14px;color:var(--muted);font-weight:600}.ftr-grid a,.ftr-grid span{display:block;padding:4px 0;color:color-mix(in srgb,var(--ink) 85%,transparent);font-size:15px}.ftr-grid a:hover{color:var(--accent)}.ftr-about p{color:var(--muted);max-width:38ch}.ftr-about h4{font-size:22px;color:var(--ink)}.social{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.social a{border:1px solid var(--line);border-radius:999px;padding:4px 14px!important;font-size:13px!important}
.ftr-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px clamp(16px,4vw,44px) 30px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted);max-width:1360px;margin:auto}.pay-chips{display:flex;gap:6px;flex-wrap:wrap}.pay-chips i{font-style:normal;border:1px solid var(--line);border-radius:6px;padding:1px 10px;font-size:12px}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}

/* ===== المدونة + قسم بيانات الموقع ===== */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,2vw,28px)}
.pcard{display:flex;flex-direction:column;background:var(--card,var(--bg));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .35s,box-shadow .35s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px color-mix(in srgb,var(--ink) 45%,transparent)}
.pcard-img{display:block;aspect-ratio:16/10;overflow:hidden}.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.pcard:hover .pcard-img img{transform:scale(1.06)}
.pcard-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.pcard-body h3{font-size:1.15rem;line-height:1.4;margin:0}.pcard-body p{color:var(--muted);margin:0;flex:1;font-size:.95rem}
.pcard-meta{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--muted)}.pcard-meta span{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);padding:2px 10px;border-radius:99px}
@media(min-width:800px){.pgrid .pcard.big:first-child{grid-column:span 2}.pgrid .pcard.big:first-child .pcard-img{aspect-ratio:21/9}.pgrid .pcard.big:first-child h3{font-size:1.6rem}}
.tagbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}.tagbar a{padding:6px 14px;border:1px solid var(--line);border-radius:99px;font-size:.88rem}.tagbar a.on,.tagbar a:hover{background:var(--accent);color:var(--accent-ink,#fff);border-color:var(--accent)}
.blog-search{display:flex;gap:8px;margin-top:14px;max-width:420px}.blog-search input{flex:1;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:inherit}
.post{padding-block:clamp(24px,4vw,56px)}.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:18px}.post-head h1{font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.25;margin:0 0 14px}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:.9rem}.post-lead{font-size:1.15rem;color:var(--muted);margin:16px 0 0}
.post-cover{margin:26px 0}.post-cover img{width:100%;border-radius:var(--radius);aspect-ratio:16/9;object-fit:cover}
.post .prose{font-size:1.08rem;line-height:1.95}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.post-tags a{color:var(--accent)}
.about-card{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(24px,4vw,52px);border:1px solid var(--line);border-radius:calc(var(--radius)*1.5);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%)}
.about-logo{width:clamp(90px,14vw,160px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--bg);border:1px solid var(--line);overflow:hidden}.about-logo img{width:70%;height:70%;object-fit:contain}.about-logo b{font-size:3.5rem;color:var(--accent)}
.about-copy h2{margin:0 0 4px}.about-tag{color:var(--accent);margin:0 0 12px;font-weight:600}.about-info{list-style:none;padding:0;margin:14px 0;display:flex;flex-wrap:wrap;gap:6px 22px;color:var(--muted)}
@media(max-width:640px){.about-card{grid-template-columns:1fr;text-align:center;justify-items:center}.about-info{justify-content:center}}
.shop-head-wrap{padding-top:clamp(24px,4vw,48px)}

/* ===== منشئ الصفحات (الكتل) ===== */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blocks{display:block}.blk{--pad:clamp(28px,5vw,72px);padding-block:var(--pad)}.blk.sp-none{padding-block:0}.blk.sp-sm{--pad:clamp(14px,2.5vw,32px)}.blk.sp-lg{--pad:clamp(48px,9vw,128px)}
.blk-in{margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.blk.w-narrow .blk-in{max-width:780px}.blk.w-wide .blk-in{max-width:1240px}.blk.w-full .blk-in{max-width:none;padding-inline:0}
.blk.bg-tint{background:var(--surface2)}.blk.bg-accent{background:var(--accent);color:var(--accent-ink);--ink:var(--accent-ink);--muted:color-mix(in srgb,var(--accent-ink) 75%,transparent)}
.blk.bg-dark{background:#0d0d11;color:#f4f1ea;--ink:#f4f1ea;--muted:#a9a59a;--line:#2a2a32;--surface:#17171d}
.blk-h{margin:0;line-height:1.2;font-family:var(--f-head)}h1.blk-h{font-size:clamp(2.2rem,6vw,4.4rem)}h2.blk-h{font-size:clamp(1.7rem,4vw,2.8rem)}
.blk-fig{margin:0}.blk-fig img{width:100%;display:block}.blk-fig figcaption,.blk-cap,.blk-gal figcaption{font-size:.85rem;color:var(--muted);margin-top:8px;text-align:center}
.blk-fig.shape-rounded img{border-radius:var(--radius)}.blk-fig.shape-circle img{border-radius:50%;aspect-ratio:1;object-fit:cover}.blk-fig.shape-arch img{border-radius:999px 999px var(--radius) var(--radius);aspect-ratio:3/4;object-fit:cover}
.blk-gal{display:grid;gap:clamp(10px,1.6vw,20px)}.blk-gal.c2{grid-template-columns:repeat(2,1fr)}.blk-gal.c3{grid-template-columns:repeat(3,1fr)}.blk-gal.c4{grid-template-columns:repeat(4,1fr)}
.blk-gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);transition:transform .5s}.blk-gal figure{margin:0;overflow:hidden}.blk-gal figure:hover img{transform:scale(1.04)}
.blk-cols{display:grid;gap:clamp(14px,2vw,26px)}.blk-cols.c2{grid-template-columns:repeat(2,1fr)}.blk-cols.c3{grid-template-columns:repeat(3,1fr)}.blk-cols.c4{grid-template-columns:repeat(4,1fr)}
.blk-col{display:flex;flex-direction:column;gap:10px}.blk-col img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius)}.blk-col h3{margin:0}.blk-col p{margin:0;color:var(--muted)}
.st-card .blk-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.st-card .blk-col img{margin:-22px -22px 6px;width:calc(100% + 44px);border-radius:var(--radius) var(--radius) 0 0}
.st-numbered .num{font:700 2.4rem var(--f-head);color:var(--accent);line-height:1}
.blk-hero{position:relative;display:grid;align-items:center;min-height:360px;border-radius:0;background:var(--surface2) var(--hero-img,none) center/cover;overflow:hidden;isolation:isolate}
.blk-hero.h-sm{min-height:240px}.blk-hero.h-lg{min-height:min(80vh,640px)}.blk-hero::before{content:"";position:absolute;inset:0;background:#000;opacity:var(--ov,0);z-index:-1}
.blk-hero.has-img{color:#fff}.blk-hero.has-img p{color:#ffffffd9}.blk-hero-in{padding:clamp(24px,6vw,80px) clamp(16px,5vw,64px);max-width:820px;display:flex;flex-direction:column;gap:16px}
.blk-hero h2{margin:0;font:700 clamp(2rem,5.5vw,4rem)/1.15 var(--f-head)}.blk-hero p{margin:0;font-size:1.15rem;color:var(--muted)}
.blk-hero.al-center{justify-items:center;text-align:center}.blk-hero.al-center .blk-hero-in{align-items:center}.blk-hero.al-end{justify-items:end}
.blk-btns{display:flex;flex-wrap:wrap;gap:12px}.blk-btns.al-center{justify-content:center}.blk-btns.al-end{justify-content:flex-end}
.blk-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:clamp(24px,4vw,48px);border-radius:calc(var(--radius)*1.5);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#000));color:var(--accent-ink)}
.blk-cta h2{margin:0 0 6px}.blk-cta p{margin:0;opacity:.9}.blk-cta .btn{background:var(--accent-ink);color:var(--accent)}
.blk-quote{margin:0;text-align:center}.blk-quote p{font:500 clamp(1.4rem,3.2vw,2.2rem)/1.5 var(--f-head);margin:0 0 14px}.blk-quote cite{color:var(--muted);font-style:normal}
.blk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;text-align:center}.blk-stats b{display:block;font:700 clamp(2.2rem,5vw,3.6rem)/1 var(--f-head);color:var(--accent)}.blk-stats span{color:var(--muted)}
.blk-faq details{border-bottom:1px solid var(--line);padding:16px 4px}.blk-faq summary{cursor:pointer;font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:12px}.blk-faq summary::after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1}.blk-faq details[open] summary::after{content:"−"}
.blk-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:#000}.blk-video iframe,.blk-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.blk-spacer hr{border:0;border-top:1px solid var(--line);margin:0;position:relative;top:50%}
@media(max-width:800px){.blk-gal.c3,.blk-gal.c4,.blk-cols.c3,.blk-cols.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.blk-gal,.blk-cols{grid-template-columns:1fr!important}}

/* أنماط الأزرار من الثيم */
body.btn-pill .btn,body.btn-pill .nl input,body.btn-pill .nl button{border-radius:999px}body.btn-square .btn{border-radius:0}

/* ===== أقسام الرئيسية الجديدة ===== */
.secbg{padding-block:clamp(8px,2vw,24px);margin-block:clamp(8px,2vw,20px)}.secbg.sb-tint{background:var(--surface2)}.secbg.sb-accent{background:var(--accent);color:var(--accent-ink);--ink:var(--accent-ink);--muted:color-mix(in srgb,var(--accent-ink) 75%,transparent);--line:color-mix(in srgb,var(--accent-ink) 30%,transparent);--surface:color-mix(in srgb,var(--accent-ink) 12%,transparent)}
.secbg.sb-dark{background:#0d0d11;color:#f4f1ea;--ink:#f4f1ea;--muted:#a9a59a;--line:#2a2a32;--surface:#17171d}.secbg.sb-gradient{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,var(--bg)),color-mix(in srgb,var(--accent2,var(--accent)) 22%,var(--bg)))}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:clamp(16px,3vw,40px);text-align:center}.stat b{display:block;font:700 clamp(2.4rem,6vw,4.4rem)/1 var(--f-head);background:linear-gradient(120deg,var(--accent),var(--accent2,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--muted)}
.secbg.sb-accent .stat b{background:none;color:var(--accent-ink)}
.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.tcard{margin:0;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;gap:18px}
.tcard blockquote{margin:0;font-size:1.05rem;line-height:1.8}.tcard blockquote::before{content:"“";display:block;font:700 3rem/0.6 var(--f-head);color:var(--accent)}.tcard figcaption{display:flex;align-items:center;gap:12px;margin-top:auto}
.tcard figcaption i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));color:var(--accent-ink)}.tcard small{display:block;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}.split.flip .split-img{order:2}.split-img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--radius)*1.6)}
.split-copy{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.split-copy h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.2}.split-sub{color:var(--accent);font-weight:600;margin:0}
.cta-band{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;padding:clamp(28px,5vw,64px);border-radius:calc(var(--radius)*1.8);color:var(--accent-ink);background:var(--cta-img,none) center/cover,linear-gradient(120deg,var(--accent),var(--accent2,var(--accent)))}
.cta-band h2{margin:0 0 6px;font-size:clamp(1.8rem,4vw,3rem)}.cta-band p{margin:0;opacity:.92}.cta-band .btn{background:var(--accent-ink);color:var(--accent)}
@media(max-width:780px){.split{grid-template-columns:1fr}.split.flip .split-img{order:0}}
.pay-detail{margin:-2px 0 6px;padding:16px 18px;border:1.5px dashed var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 5%,transparent)}.pay-detail[hidden]{display:none}.pay-detail .bank{margin:10px 0}.pay-detail .pd-note{margin:0 0 8px;color:var(--ink)}.pay-detail .pd-note.small{font-size:.88em;color:var(--muted)}.pay-detail .receipt-up{display:grid;gap:8px;margin-top:10px}.pay-detail .pd-label{font-size:.95em}.pay-detail .file em{font-style:normal;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== الرئيسية: واجهة موقع تعريفي احترافي ===== */
.lp .hdr{position:sticky;top:0;width:100%;margin:0;border-radius:0;border-width:0 0 1px;padding:12px clamp(16px,4vw,44px);box-shadow:none;background:color-mix(in srgb,var(--bg) 88%,transparent)}
.lp .logo{margin-inline:0}.lp .hdr-nav{margin-inline:auto}.lp .hdr-nav a{border-radius:8px;font-weight:600}
.lp .hdr-act{gap:10px}.lp .hdr-act>.btn{width:auto;height:auto;border-radius:10px;padding:10px 20px}.lp .hdr-act>.btn:hover{background:var(--accent)}
.lp .hdr-act .lang-sw{height:40px;border-radius:10px}
.lp .btn{border-radius:10px}.lp .btn.big{padding:15px 30px}
.lp .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.lp .btn.ghost:hover{border-color:var(--ink);box-shadow:none}
.lp .logo-mark{animation:none;border-radius:8px}
.lp .sec{margin-block:clamp(56px,8vw,112px)}
.lp .eyebrow{border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-weight:600}
.lp .ftr-big{display:none}.lp .ftr{margin-top:0;padding-top:20px}
.lp .social a{border-radius:8px}

.lp-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,5vw,80px);align-items:center;min-height:min(80svh,740px);padding-block:clamp(32px,6vw,80px)}
.lp-hero h1{font-size:clamp(36px,5.4vw,76px);line-height:1.12;margin:0;letter-spacing:-.01em}
.lp-hero .hero-sub{max-width:52ch}
.lp-points{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 26px}
.lp-points li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:15px;font-weight:500}.lp-points .ic{color:var(--accent)}
.lp-hero-art{position:relative;padding:18px 0 34px}
.lp-panel{position:relative;border:1px solid var(--line);border-radius:calc(var(--radius)*1.4);background:var(--surface);padding:22px 24px 20px;box-shadow:0 40px 80px -40px color-mix(in srgb,var(--accent) 55%,transparent)}
.lp-panel::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 45%,transparent),transparent 40%);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}
.lp-panel-top{display:flex;align-items:center;gap:12px;margin-bottom:22px}.lp-panel-top b{font:700 16px var(--f-head)}
.lp-panel-top em{margin-inline-start:auto;font-style:normal;font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.dots{display:flex;gap:5px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.lp-bar+.lp-bar{margin-top:18px}.lp-bar-h{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.lp-bar-h small{color:var(--muted);font-weight:700}
.lp-bar-t{height:8px;border-radius:99px;background:var(--surface2);overflow:hidden}
.lp-bar-t i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2,var(--accent)));transform-origin:var(--o,left);animation:lp-fill 1.4s cubic-bezier(.2,.8,.2,1) both}
[dir=rtl] .lp-bar-t i{--o:right}
@keyframes lp-fill{from{transform:scaleX(0)}}
.lp-panel-note{display:flex;align-items:center;gap:8px;margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);font-size:13.5px;color:var(--muted)}.lp-panel-note .ic{color:var(--accent)}
.lp-float{position:absolute;bottom:0;inset-inline-start:-4%;display:flex;flex-direction:column;padding:14px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);box-shadow:0 24px 50px -24px rgba(0,0,0,.45);animation:float 7s ease-in-out infinite}
.lp-float b{font:700 30px/1.1 var(--f-head);color:var(--accent)}.lp-float span{font-size:13px;color:var(--muted)}

.lp-trust{border-block:1px solid var(--line);background:var(--surface);padding-block:20px}
.lp-trust .wrap{display:flex;align-items:center;gap:18px 36px;flex-wrap:wrap}
.lp-trust small{color:var(--muted);font-size:13px;font-weight:600}.lp-trust ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 34px}
.lp-trust li{font:600 17px var(--f-head);color:color-mix(in srgb,var(--ink) 70%,transparent);display:flex;align-items:center;gap:10px}.lp-trust li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}

.lp-head{max-width:720px;margin-bottom:clamp(28px,4vw,52px)}.lp-head h2{font-size:clamp(28px,3.8vw,48px)}.lp-head p{color:var(--muted);margin-top:12px;font-size:17px}
.kicker{display:inline-block;margin-bottom:12px;font-size:13.5px;font-weight:700;letter-spacing:.04em;color:var(--accent)}

.lp-svc-i .n{position:absolute;top:26px;inset-inline-end:28px;font:700 13px var(--f-head);color:var(--muted);opacity:.7}
.lp-svc-i i{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);margin-bottom:22px;transition:.3s}
.lp-svc-i:hover i{background:var(--accent);color:var(--accent-ink)}
.lp-svc-i h3{font-size:20px;margin-bottom:8px}.lp-svc-i p{color:var(--muted);font-size:15.5px}

.lp-about{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,90px);align-items:center}
.lp-about h2{font-size:clamp(28px,3.8vw,48px);margin-bottom:16px}.lp-about-copy>p{color:var(--muted);font-size:17px;max-width:56ch}
.lp-checks{list-style:none;margin:26px 0 32px;padding:0;display:grid;gap:12px}
.lp-checks li{display:flex;gap:12px;align-items:center;font-weight:500}.lp-checks i{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}
.lp-about-card{padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:calc(var(--radius)*1.4);background:var(--bg)}
.lp-about-card>b{display:block;font:700 clamp(54px,7vw,88px)/1 var(--f-head);color:var(--accent)}.lp-about-card>span{display:block;font:700 20px var(--f-head);margin-top:6px}.lp-about-card>small{display:block;color:var(--muted);margin-top:4px}
.lp-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:28px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--line)}
.lp-about-grid>div{background:var(--bg);padding:16px 18px}.lp-about-grid b{display:block;font:700 24px var(--f-head)}.lp-about-grid span{font-size:13.5px;color:var(--muted)}

.lp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;position:relative}
.lp-steps li{position:relative;padding:30px 26px 6px 6px;padding-inline:0 26px;border-top:2px solid var(--line)}
.lp-steps li::before{content:"";position:absolute;top:-6px;inset-inline-start:0;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 20%,transparent)}
.lp-steps b{font:700 14px var(--f-head);color:var(--accent);letter-spacing:.06em}.lp-steps h4{font-size:21px;margin:8px 0 8px}.lp-steps p{color:var(--muted);margin:0;font-size:15.5px}

.lp-statband{margin-block:0}.lp-statband .sec{margin-block:clamp(40px,6vw,76px)}
.lp-statband .stat b{background:none;color:#fff;-webkit-text-fill-color:#fff}.lp-statband .stat span{color:#a9a59a}

.lp-testi{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lp-testi figure{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:30px;border:1px solid var(--line);border-radius:calc(var(--radius)*1.2);background:var(--surface);position:relative}
.lp-testi figure::before{content:"\201D";position:absolute;top:8px;inset-inline-end:22px;font:700 80px/1 var(--f-head);color:var(--accent);opacity:.25}
.lp-testi blockquote{margin:0;font-size:17px;line-height:1.85}
.lp-testi figcaption{display:flex;align-items:center;gap:14px}.lp-testi .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:700 18px var(--f-head);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.lp-testi figcaption b{display:block;font-size:15.5px}.lp-testi figcaption small{color:var(--muted)}

.lp-faq{max-width:860px}.lp-faq details{border-bottom:1px solid var(--line);padding:20px 4px}.lp-faq details:first-of-type{border-top:1px solid var(--line)}
.lp-faq summary{cursor:pointer;font-weight:700;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";font:400 26px/1 var(--f-body);color:var(--accent);transition:transform .25s}.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq p{color:var(--muted);margin:12px 0 0;max-width:68ch}

.lp-contact{align-items:stretch;gap:clamp(24px,5vw,70px);border-radius:calc(var(--radius)*1.4)}
.lp-contact-copy{flex:1 1 320px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.lp-contact-copy h2{margin:0}.lp-contact-copy .btn{margin-top:14px}
.lp-contact-list{list-style:none;margin:0;padding:0;flex:1 1 320px;display:grid;gap:1px;align-content:center;border:1px solid color-mix(in srgb,var(--accent-ink) 28%,transparent);border-radius:var(--radius);overflow:hidden;background:color-mix(in srgb,var(--accent-ink) 28%,transparent)}
.lp-contact-list li{display:flex;flex-direction:column;gap:2px;padding:14px 20px;background:color-mix(in srgb,var(--accent) 88%,#000)}
.lp-contact-list small{opacity:.75;font-size:12.5px}.lp-contact-list a,.lp-contact-list span{font-weight:700;word-break:break-word}

@media(max-width:980px){.lp-svc,.lp-svc.c3,.lp-svc.c4{grid-template-columns:1fr 1fr}
  .lp-steps{grid-template-columns:1fr 1fr;row-gap:34px}.lp-testi{grid-template-columns:1fr}}
@media(max-width:860px){.lp-hero{grid-template-columns:1fr;min-height:0}.lp-hero-art{padding-bottom:40px}.lp-float{inset-inline-start:auto;inset-inline-end:4%}.lp-about{grid-template-columns:1fr}.lp .hdr-nav{display:none}.lp .logo{margin-inline-end:auto}}
@media(max-width:560px){.lp-svc,.lp-svc.c2,.lp-svc.c3,.lp-svc.c4,.lp-steps{grid-template-columns:1fr}.lp .hdr-act>.btn{padding:9px 14px}}
@media(prefers-reduced-motion:reduce){.lp-bar-t i,.lp-float{animation:none}}

/* كتل الموقع التعريفي داخل منشئ الكتل */
.lp-svc{display:grid;grid-template-columns:repeat(var(--c,3),1fr);gap:18px}.lp-svc.c2{--c:2}.lp-svc.c4{--c:4}
.lp-svc-i{display:block;color:inherit;position:relative;padding:30px 28px 32px;border:1px solid var(--line);border-radius:calc(var(--radius)*1.2);background:var(--surface);transition:transform .3s,border-color .3s,box-shadow .3s}
.lp-svc-i:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 26px 50px -30px color-mix(in srgb,var(--accent) 60%,transparent)}
.lp-hero.solo{grid-template-columns:1fr;max-width:820px;min-height:0}
.lp-hero-img{width:100%;border-radius:calc(var(--radius)*1.4);display:block;box-shadow:0 40px 80px -40px rgba(0,0,0,.5)}
.lp-trustb{display:flex;align-items:center;gap:18px 36px;flex-wrap:wrap;padding-block:6px}.lp-trustb small{color:var(--muted);font-size:13px;font-weight:600}
.lp-trustb ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 34px}.lp-trustb li{font:600 17px var(--f-head);color:color-mix(in srgb,var(--ink) 70%,transparent);display:flex;align-items:center;gap:10px}
.lp-trustb li::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
.lp-about-img img{width:100%;border-radius:calc(var(--radius)*1.4);display:block}
.blk-sitehero,.blk-testimonials{overflow:hidden}.blk-services .lp-head,.blk-steps .lp-head,.blk-testimonials .lp-head{margin-top:0}
.lp .blk-faq{max-width:860px;margin-inline:auto}.lp .blk-stats b{color:#fff}.lp .blk.bg-dark .blk-stats span{color:#a9a59a}
.blk-contact .lp-contact{margin:0}

/* رابط الدخول في الهيدر */
.hdr-act>a.hdr-login{width:auto!important;height:40px!important;padding-inline:16px;display:inline-flex!important;flex-direction:row;gap:8px;align-items:center;justify-content:center;border-radius:10px!important;border:1px solid var(--line);font-weight:600;font-size:14px;white-space:nowrap;line-height:1}
.hdr-act>a.hdr-login svg{flex:none}.hdr-act>a.hdr-login span{white-space:nowrap}
@media(max-width:640px){.hdr-act>a.hdr-login span{display:none}.hdr-act>a.hdr-login{padding-inline:10px}}

/* الدخول بحساب Google */
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#1f1f1f;font-weight:600;transition:.2s}.gbtn:hover{box-shadow:0 2px 10px rgba(0,0,0,.12)}
.gsep{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.gsep:before,.gsep:after{content:"";flex:1;height:1px;background:var(--line)}

/* صفحات الدخول والتسجيل والاستعادة */
.auth-wrap{display:flex;justify-content:center;padding-block:clamp(28px,6vw,72px)}
.auth-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,38px);box-shadow:0 24px 60px -28px rgba(0,0,0,.45);display:grid;gap:16px}
.auth-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);margin-inline:auto}
.auth-card h1{font-size:clamp(24px,4vw,30px);text-align:center;margin:0}.auth-sub{text-align:center;color:var(--muted);font-size:14.5px;margin:-6px 0 4px;line-height:1.7}
.auth-form{display:grid;gap:15px}.af{display:grid;gap:6px;font-size:14px;font-weight:600}.af>span,.af label{font-weight:600;font-size:14px}
.af input{padding:13px 15px;border-radius:12px;font-weight:400}.af input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.af-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.af-forgot{font-size:13px;font-weight:600;color:var(--accent)}.af-forgot:hover{text-decoration:underline}
.pw-box{position:relative}.pw-box input{padding-inline-end:46px}.pw-eye{position:absolute;inset-block:0;inset-inline-end:6px;width:38px;display:grid;place-items:center;color:var(--muted);border-radius:10px}.pw-eye:hover,.pw-eye.on{color:var(--accent)}
.auth-alt{text-align:center;color:var(--muted);font-size:14px;margin:2px 0 0}.auth-alt a{color:var(--accent)}
.auth-card .alert{margin:0}
.af>span,.af label{color:var(--ink)}.af-row label{color:var(--ink)}
@media(max-width:640px){.lp .hdr{gap:8px}.lp .logo{min-width:0;flex:1 1 auto;overflow:hidden}.lp .logo b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp .hdr-act{flex:none;gap:6px}.lp .hdr-act>.btn{padding:8px 12px;font-size:13px}.lp .hdr-act .lang-sw{height:38px;padding-inline:9px}.hdr-act>a.hdr-login{height:38px!important}}

/* بطاقة المشاركة (منتج/مقال/فرع) */
.share-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block:16px}
.share-lbl{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--muted)}
.share-btn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sc,var(--accent)) 92%,#000 8%);color:#fff;font-weight:700;font-size:14px;line-height:1;transition:transform .15s,box-shadow .15s;border:0;cursor:pointer}
.share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px -6px color-mix(in srgb,var(--sc,var(--accent)) 60%,transparent)}
.share-btn.copy,.share-btn.native{background:var(--surface2);color:var(--ink);border:1px solid var(--line)}
.share-btn svg{width:16px;height:16px}

/* ---------- تعليقات المدونة ---------- */
.comments{margin-top:clamp(28px,5vw,56px);padding-top:clamp(20px,3vw,32px);border-top:1px solid var(--line)}.comments h2{display:flex;align-items:center;gap:10px;margin:0 0 18px}.cm-count{font-size:.55em;background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:2px 12px;color:var(--muted);font-weight:600}
.cm-form{display:grid;gap:10px}.cm-form textarea{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;color:inherit;font:inherit;resize:vertical;min-height:90px}.cm-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.cm-new{background:var(--surface2);border:1px solid var(--line);border-radius:calc(var(--radius)*1.5);padding:16px;margin-bottom:24px}.cm-as{display:flex;align-items:center;gap:10px;font-size:14px}.cm-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.cm-login{background:var(--surface2);border:1px dashed var(--line);border-radius:calc(var(--radius)*1.5);padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cm-login p{margin:0;flex:1 1 200px}.cm-login .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.cm-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}.cm{display:flex;gap:12px;scroll-margin-top:90px}.cm:target>.cm-main .cm-body{background:color-mix(in srgb,var(--accent) 14%,transparent)}
.cm-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700}.cm-main{flex:1;min-width:0}
.cm-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cm-head time{color:var(--muted);font-size:13px}.cm-tag{font-size:12px;padding:1px 10px;border-radius:999px;background:var(--accent);color:var(--accent-ink)}.cm-tag.warn{background:color-mix(in srgb,#f59f00 22%,var(--surface));color:var(--ink);border:1px solid #f59f00}
.cm-body{margin:6px 0 0;line-height:1.85;overflow-wrap:anywhere;border-radius:8px}.cm-pending{opacity:.78}
.cm-acts{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-top:6px}.cm-acts>form{margin:0}.cm-rf summary{cursor:pointer;color:var(--accent);font-size:14px;font-weight:600;list-style:none}.cm-rf summary::-webkit-details-marker{display:none}.cm-rf[open]{flex:1 1 100%}.cm-rf .cm-form{margin-top:8px}.cm-rf .btn{justify-self:start}
.cm-del{background:none;border:0;color:var(--muted);font-size:14px;cursor:pointer;padding:0}.cm-del:hover{color:#e5484d}
.cm .cm-list{margin-top:14px;border-inline-start:2px solid var(--line);padding-inline-start:14px}.cm-reply .cm-av{width:30px;height:30px;font-size:13px}.cm-empty{padding:12px 0}
@media(max-width:560px){.cm .cm-list{padding-inline-start:10px}}
.pp .comments{max-width:860px;margin-inline:auto}
/* النشرة البريدية: أيقونة الاشتراك + النافذة + تذييل + مربع التسجيل */
.nl-fab{position:fixed;inset-inline-start:18px;bottom:22px;z-index:75;width:52px;height:52px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:transform .25s}
.nl-fab:hover{transform:translateY(-3px) scale(1.06)}.nl-fab[hidden],.nl-pop[hidden]{display:none}
@media(max-width:900px){body:has(.buybar) .nl-fab{bottom:88px}}
.nl-pop{position:fixed;inset:0;z-index:130;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:16px;backdrop-filter:blur(3px)}
.nl-pop-card{position:relative;width:min(440px,100%);background:var(--surface);color:var(--ink);border-radius:22px;padding:34px 26px 24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.nl-pop-x{position:absolute;top:12px;inset-inline-end:12px;width:36px;height:36px;border-radius:50%;border:0;background:none;color:inherit;cursor:pointer;display:grid;place-items:center}
.nl-pop-ic{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center}
.nl-pop-card h3{font-size:22px;margin-bottom:8px}.nl-pop-card p{color:var(--muted);margin-bottom:18px;line-height:1.8}.nl-pop-card small{display:block;margin-top:12px;color:var(--muted)}
.nl-pop-form{display:flex;gap:8px;position:relative}.nl-pop-form input[type=email]{flex:1;min-width:0}
body.nl-lock{overflow:hidden}
.ftr-nl{margin-top:18px}.ftr-nl form{display:flex;gap:6px;position:relative}.ftr-nl input[type=email]{flex:1;min-width:0;padding:10px 14px}.ftr-nl .btn{padding-inline:16px}
.af-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.7;cursor:pointer}.af-check input{margin-top:5px;flex:none}

.hdr-nav a.nav-home{color:var(--ink);font-weight:700}

/* ==========================================================
   لمسة إبداعية: المتجر وصفحة المنتج
   ========================================================== */
/* رأس المتجر: لافتة متدرجة مضيئة */
.shop-head{position:relative;overflow:hidden;margin-block:10px 22px;padding:clamp(26px,4vw,52px) clamp(20px,4vw,48px);border-radius:calc(var(--radius) + 10px);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);
  background:radial-gradient(60% 140% at 100% 0%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 62%),radial-gradient(50% 120% at 0% 100%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%),var(--surface,transparent)}
.shop-head::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/100% 36px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/36px 100%;-webkit-mask:radial-gradient(ellipse at 100% 0,#000,transparent 70%);mask:radial-gradient(ellipse at 100% 0,#000,transparent 70%)}
.shop-head h1{position:relative;z-index:1;font-size:clamp(34px,5vw,64px)}
.shop-head p{position:relative;z-index:1;margin-top:10px;color:var(--muted);max-width:60ch}

/* شريط الأدوات لاصق وزجاجي */
.shop-bar{position:sticky;top:76px;z-index:20;padding:10px 14px;border-radius:calc(var(--radius) + 4px);border:1px solid var(--line,rgba(255,255,255,.1));backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);background:color-mix(in srgb,var(--bg) 78%,transparent)}

/* بطاقات المنتج: عمق وإضاءة وشريط إجراء */
.pc{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.pc:hover{box-shadow:0 34px 70px -34px color-mix(in srgb,var(--c,var(--accent)) 75%,transparent),0 0 0 1px color-mix(in srgb,var(--c,var(--accent)) 55%,transparent);border-color:transparent}
.pc-media img{transition:transform 1.1s cubic-bezier(.2,.8,.2,1),opacity .5s}
.pc:hover .pc-media img.pc-i1{transform:scale(1.08)}
.pc-add{transition:transform .3s,box-shadow .3s}.pc:hover .pc-add{box-shadow:0 10px 26px -8px var(--c,var(--accent))}
.pc .tag.sale{animation:pc-pulse 2.6s ease-in-out infinite}
@keyframes pc-pulse{50%{transform:scale(1.08)}}

/* صفحة المنتج */
.pp-main{box-shadow:0 50px 100px -50px color-mix(in srgb,var(--c,var(--accent)) 70%,transparent);transition:box-shadow .5s}
.pp-info{position:sticky;top:90px;align-self:start}
.pp-price b{background:linear-gradient(100deg,var(--ink),var(--c,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pp-buy .btn.big.grow{box-shadow:0 18px 40px -14px var(--c,var(--accent));position:relative;overflow:hidden}
.pp-buy .btn.big.grow::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-120%);animation:pp-sweep 3.8s ease-in-out infinite}
@keyframes pp-sweep{55%,100%{transform:translateX(120%)}}
.pp-perks li{transition:transform .3s,border-color .3s,background .3s}.pp-perks li:hover{transform:translateY(-3px);border-color:var(--c,var(--accent))}
.pp-perks li>.ic{padding:9px;box-sizing:content-box;border-radius:12px;background:color-mix(in srgb,var(--c,var(--accent)) 16%,transparent);color:var(--c,var(--accent))}
.buybar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@media(max-width:900px){.pp-info{position:static}.shop-bar{top:64px}}
@media(prefers-reduced-motion:reduce){.pc .tag.sale,.pp-buy .btn.big.grow::after{animation:none}}
.mosaic .pc:nth-child(7n+1) .pc-body,.view-mosaic .pc:nth-child(7n+1) .pc-body{flex:none}
@media(max-width:620px){.shop-head{padding:22px 18px}}

/* ==========================================================
   إعادة تصميم جريئة — رئيسية المتجر (وضع «واجهة المتجر»)
   ========================================================== */
/* خلفية شبكية ضبابية خلف الهيرو */
.hero::before{content:"";position:absolute;inset:-40px -10vw 0;z-index:-1;pointer-events:none;
  background:radial-gradient(40% 60% at 85% 20%,color-mix(in srgb,var(--accent) 38%,transparent),transparent 70%),radial-gradient(35% 55% at 10% 80%,color-mix(in srgb,var(--accent2,var(--accent)) 30%,transparent),transparent 70%),
  linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/100% 48px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/48px 100%;
  -webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
.hero-title{font-size:clamp(52px,9.4vw,150px);line-height:.98;text-wrap:balance}
.hero-title .w:last-child{background:linear-gradient(100deg,var(--a),var(--accent2,var(--a)));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art::before{content:"";position:absolute;inset:-34px;border-radius:50%;background:conic-gradient(from 0deg,var(--a),transparent 30%,var(--accent2,var(--a)) 60%,transparent 85%,var(--a));filter:blur(34px);opacity:.55;animation:st-spin 14s linear infinite}
@keyframes st-spin{to{transform:rotate(360deg)}}
.arch{position:relative;border-width:2px;transform:rotate(3deg) scale(1.03)}
.hero-slide.on .arch{animation:st-arch 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes st-arch{from{transform:translateY(60px) rotate(10deg);opacity:0}}
.hero-art{filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--a) 35%,transparent))}

/* الأقسام: عناوين ضخمة بشريط مضيء */
.sec-head h2{font-size:clamp(36px,6vw,84px);line-height:1}
.sec-head h2::after{content:"";display:block;width:84px;height:6px;margin-top:16px;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--accent2,var(--accent)))}

/* الأقسام: تخطيط متدرّج غير متماثل */
.cat-grid{grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.cat{aspect-ratio:3/4.2}
.cat:nth-child(even){margin-top:46px}
.cat:nth-child(3n+1){aspect-ratio:3/4.8}
.cat::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;transition:border-color .4s;z-index:-1}
.cat:hover{transform:translateY(-10px) rotate(-1.2deg)}
.cat-name{font-size:clamp(24px,2.8vw,38px);text-shadow:0 4px 20px rgba(0,0,0,.5)}
.cat-no{font-size:40px;font-weight:700;opacity:.35;-webkit-text-stroke:1px #fff;color:transparent}
@media(max-width:900px){.cat-grid{grid-template-columns:repeat(2,1fr)}.cat:nth-child(even){margin-top:24px}}

/* المزايا: أيقونات بتدرج وترقيم */
.feats{counter-reset:ft}.feat{counter-increment:ft;position:relative;overflow:hidden}
.feat::after{content:"0" counter(ft);position:absolute;inset-block-end:-8px;inset-inline-end:14px;font:700 78px/1 var(--f-head);color:color-mix(in srgb,var(--ink) 6%,transparent)}
.feat i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));color:var(--accent-ink);margin-bottom:14px;box-shadow:0 14px 30px -10px var(--accent)}
.feat:hover i{transform:rotate(-8deg) scale(1.1)}.feat i{transition:transform .4s}

/* الأرقام العملاقة */
.stat b{font-size:clamp(3.4rem,9vw,8rem)}
.stats .stat{position:relative}.stats .stat+.stat::before{content:"";position:absolute;inset-inline-start:calc(clamp(16px,3vw,40px)/-2);top:15%;bottom:15%;width:1px;background:var(--line)}

/* آراء العملاء: بطاقة أولى كبيرة */
.tgrid{grid-template-columns:1.4fr 1fr 1fr}.tcard:first-child{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 28%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.tcard:first-child blockquote{font-size:clamp(1.3rem,2vw,1.8rem)}
.tcard{transition:transform .4s}.tcard:hover{transform:translateY(-6px) rotate(-.6deg)}
@media(max-width:900px){.tgrid{grid-template-columns:1fr}}

/* شريط الدعوة والنشرة: ملصق مائل */
.cta-band{background-image:linear-gradient(120deg,var(--accent),var(--accent2,var(--accent)));border-radius:calc(var(--radius)*3);transform:rotate(-1deg);box-shadow:0 40px 80px -40px var(--accent)}
.cta-band h2{font-size:clamp(2.2rem,6vw,5rem);line-height:1}
.duo-card{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.duo-card:hover{transform:scale(1.02) rotate(-.8deg)}.duo-card h3{font-size:clamp(30px,4.2vw,60px)}
.marquee{transform:rotate(-1.4deg);margin-block:clamp(40px,6vw,80px);background:var(--accent);color:var(--accent-ink);border:0}.marquee-track{color:var(--accent-ink)}
@media(prefers-reduced-motion:reduce){.hero-art::before,.hero-slide.on .arch{animation:none}}
html,body{overflow-x:clip}main#main{overflow-x:clip}
.marquee{width:106%;margin-inline:-3%}

/* ==========================================================
   تنسيق المقال (احترافي) — عمود قراءة مريح + طباعة متقنة
   ========================================================== */
.post{max-width:820px;padding-block:clamp(22px,4vw,56px) 0}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crumbs a{color:var(--muted);transition:color .2s}.crumbs a:hover{color:var(--accent)}
.post-head{padding-bottom:clamp(18px,3vw,28px);margin-bottom:clamp(18px,3vw,28px);border-bottom:1px solid var(--line)}
.post-head h1{font-size:clamp(1.75rem,4.6vw,2.7rem);line-height:1.4;letter-spacing:-.01em;margin:0 0 18px;text-wrap:balance}
.post-meta{gap:8px 10px}
.post-meta>*{display:inline-flex;align-items:center;padding:5px 14px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface,transparent) 70%,transparent);font-size:.84rem;line-height:1.5}
.post-meta>*:first-child{color:var(--ink);font-weight:600}
.post-lead{font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.95;color:var(--ink);opacity:.82;margin:22px 0 0;padding-inline-start:18px;border-inline-start:4px solid var(--accent)}
.post-cover{margin:0 0 clamp(24px,4vw,40px)}.post-cover img{border-radius:calc(var(--radius) + 4px);box-shadow:0 24px 60px -30px rgba(0,0,0,.45)}

.post .prose{font-size:clamp(1.02rem,1.5vw,1.14rem);line-height:2.05;color:var(--ink);overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.post .prose>*:first-child{margin-top:0}
.post .prose p{margin-block:0 1.35em}
.post .prose h2,.post .prose h3,.post .prose h4{line-height:1.5;scroll-margin-top:90px;text-wrap:balance}
.post .prose h2{font-size:clamp(1.4rem,3vw,1.85rem);margin:2.1em 0 .8em;padding-inline-start:16px;position:relative}
.post .prose h2::before{content:"";position:absolute;inset-inline-start:0;top:.28em;bottom:.28em;width:5px;border-radius:4px;background:var(--accent)}
.post .prose h3{font-size:clamp(1.2rem,2.4vw,1.42rem);margin:1.8em 0 .6em}
.post .prose h4{font-size:1.1rem;margin:1.5em 0 .5em;color:var(--accent)}
.post .prose strong,.post .prose b{font-weight:700;color:var(--ink)}
.post .prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);transition:text-decoration-color .2s}
.post .prose a:hover{text-decoration-color:var(--accent)}
.post .prose ul,.post .prose ol{margin:0 0 1.5em;padding-inline-start:1.6em}
.post .prose li{margin-block:.5em;padding-inline-start:.3em}.post .prose li::marker{color:var(--accent);font-weight:700}
.post .prose li>ul,.post .prose li>ol{margin:.5em 0 .3em}
.post .prose blockquote{margin:2em 0;padding:20px 24px;border-inline-start:5px solid var(--accent);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,var(--bg));font-size:1.06em;line-height:1.95}
.post .prose blockquote p{margin:0}.post .prose blockquote p+p{margin-top:.8em}
.post .prose img{margin:1.8em auto;border-radius:var(--radius);height:auto}
.post .prose figure{margin:2em 0}.post .prose figure img{margin:0 auto}
.post .prose figcaption{margin-top:10px;text-align:center;font-size:.88rem;color:var(--muted)}
.post .prose hr{border:0;height:1px;margin:2.6em auto;background:var(--line);max-width:50%}
.post .prose table{width:100%;border-collapse:separate;border-spacing:0;margin:2em 0;font-size:.96em;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:block;overflow-x:auto}
.post .prose th,.post .prose td{padding:12px 16px;text-align:start;border-bottom:1px solid var(--line)}
.post .prose th{background:color-mix(in srgb,var(--accent) 10%,var(--bg));font-weight:700;white-space:nowrap}
.post .prose tr:last-child td{border-bottom:0}.post .prose tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--ink) 3%,transparent)}
.post .prose code{font-size:.9em;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--ink) 8%,transparent);direction:ltr;unicode-bidi:embed}
.post .prose pre{direction:ltr;text-align:left;margin:1.8em 0;padding:18px 20px;border-radius:var(--radius);background:#101015;color:#eee9de;overflow-x:auto;line-height:1.7;font-size:.92rem}
.post .prose pre code{background:none;padding:0;color:inherit}
.post .prose iframe,.post .prose video{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--radius);margin:1.8em 0}
.post .prose mark{background:color-mix(in srgb,var(--accent) 25%,transparent);color:inherit;padding:0 4px;border-radius:4px}

/* الأسئلة الشائعة */
.faq-sec{margin-top:clamp(36px,6vw,64px)}.faq-sec>h2{font-size:clamp(1.35rem,3vw,1.75rem);margin-bottom:18px}
.faq{display:grid;gap:12px}
.faq details{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface,transparent) 60%,transparent);transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 14px 34px -24px var(--accent)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-weight:700;line-height:1.6}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:1.3rem;line-height:1;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>p{padding:0 20px 18px;color:var(--muted);line-height:1.9}

/* المشاركة والوسوم */
.post .share-row{margin-top:clamp(28px,4vw,44px);padding-top:20px;border-top:1px solid var(--line)}
.post-tags{align-items:center;margin-top:20px}
.post-tags a{padding:5px 14px;border:1px solid var(--line);border-radius:999px;font-size:.88rem;transition:background .2s,color .2s,border-color .2s}
.post-tags a:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.post~.comments,.post+.comments{max-width:820px;margin-inline:auto;padding-inline:clamp(16px,4vw,44px)}

/* الصفحات الثابتة تستفيد من نفس الطباعة المريحة */
.slim .prose{line-height:2;font-size:1.05rem}.slim .prose h2{margin-top:1.8em}

@media (max-width:600px){
  .post-meta>*{padding:4px 11px;font-size:.8rem}
  .post-lead{padding-inline-start:14px}
  .post .prose{line-height:1.95}
  .post .prose blockquote{padding:16px 18px}
  .faq summary{padding:14px 16px}.faq details>p{padding:0 16px 16px}
}
@media print{.post{max-width:none}.post .share-row,.comments,.crumbs{display:none}.post .prose{font-size:12pt;line-height:1.8}.post .prose a{text-decoration:none}}

/* ===== صناديق وعناصر المقال والمنتج ===== */
.prose .callout{margin:1.8em 0;padding:16px 20px;border-radius:12px;border:1px solid var(--cb,#c7d2fe);border-inline-start:5px solid var(--cc,#4f46e5);background:var(--cbg,#eef0ff)}
.prose .callout>strong{display:block;margin-bottom:4px;color:var(--cc,#4f46e5);font-size:.95em}
.prose .callout>p{margin:0!important}.prose .callout>p+p{margin-top:.6em!important}
.prose .callout.info{--cc:#2563eb;--cbg:color-mix(in srgb,#2563eb 11%,var(--bg));--cb:color-mix(in srgb,var(--line) 70%,transparent)}
.prose .callout.warn{--cc:#d97706;--cbg:color-mix(in srgb,#d97706 11%,var(--bg));--cb:color-mix(in srgb,var(--line) 70%,transparent)}
.prose .callout.tip{--cc:#16a34a;--cbg:color-mix(in srgb,#16a34a 11%,var(--bg));--cb:color-mix(in srgb,var(--line) 70%,transparent)}
.prose .callout.key{--cc:#7c3aed;--cbg:color-mix(in srgb,#7c3aed 11%,var(--bg));--cb:color-mix(in srgb,var(--line) 70%,transparent)}
.prose .proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.8em 0}
.prose .proscons>div{padding:16px 20px;border-radius:12px;border:1px solid var(--pb);background:var(--pbg)}
.prose .proscons h4{margin:0 0 8px;color:var(--pc)}
.prose .proscons ul{margin:0;padding:0;list-style:none}.prose .proscons li{position:relative;padding-inline-start:26px;margin:.5em 0}
.prose .proscons li::before{position:absolute;inset-inline-start:0;top:0;font-weight:700;color:var(--pc)}
.prose .pros{--pc:#16a34a;--pbg:color-mix(in srgb,#16a34a 11%,var(--bg));--pb:color-mix(in srgb,var(--line) 70%,transparent)}.prose .pros li::before{content:"✓"}
.prose .cons{--pc:#dc2626;--pbg:color-mix(in srgb,#dc2626 11%,var(--bg));--pb:color-mix(in srgb,var(--line) 70%,transparent)}.prose .cons li::before{content:"✕"}
.prose ol.steps{list-style:none;counter-reset:st;padding:0;margin:1.8em 0}
.prose ol.steps>li{counter-increment:st;position:relative;padding:14px 62px 14px 16px;margin:0 0 12px;border:1px solid var(--line,#e5e7ee);border-radius:12px;background:var(--bg,#fff)}
[dir=ltr] .prose ol.steps>li,.prose[dir=ltr] ol.steps>li{padding:14px 16px 14px 62px}
.prose ol.steps>li::before{content:counter(st);position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--accent,#4f46e5);color:var(--accent-ink,#fff);font-weight:700}
.prose ol.steps>li::marker{content:""}
.prose .cta-wrap{text-align:center;margin:2em 0}
.prose .cta-btn{display:inline-block;padding:13px 34px;border-radius:999px;background:var(--accent,#4f46e5);color:var(--accent-ink,#fff)!important;font-weight:700;text-decoration:none!important;box-shadow:0 12px 28px -14px var(--accent,#4f46e5);transition:transform .2s}.prose .cta-btn:hover{transform:translateY(-2px)}
.prose .video{position:relative;margin:1.8em 0;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#000}.prose .video iframe{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0}
.prose details.qa{margin:1em 0;border:1px solid var(--line,#e5e7ee);border-radius:12px;padding:0 18px}.prose details.qa summary{cursor:pointer;padding:14px 0;font-weight:700}.prose details.qa p{margin:0 0 14px}
@media (max-width:600px){.prose .proscons{grid-template-columns:1fr}}

/* ===== عناصر المقال الإضافية ===== */
.post-cover figcaption{margin-top:10px;text-align:center;font-size:.88rem;color:var(--muted)}
.callout.kp ul{margin:6px 0 0;padding-inline-start:1.3em}.callout.kp li{margin:.35em 0}
.toc{margin:0 0 clamp(22px,4vw,34px);border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--ink) 3%,var(--bg))}
.toc summary{cursor:pointer;padding:14px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center}.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"▾";color:var(--accent);transition:transform .2s}.toc details:not([open]) summary::after{transform:rotate(90deg)}
.toc ol{margin:0;padding:0 20px 16px;list-style:none;counter-reset:t}.toc li{counter-increment:t;margin:.2em 0}.toc li.h3{padding-inline-start:20px;font-size:.93em}
.toc li.h2::before{content:counter(t) ".";color:var(--accent);font-weight:700;margin-inline-end:8px}
.toc a{color:var(--ink);opacity:.85;transition:color .2s}.toc a:hover{color:var(--accent);opacity:1}
html{scroll-behavior:smooth}
.sources{margin-top:clamp(28px,5vw,44px);padding:18px 22px;border:1px dashed var(--line);border-radius:var(--radius)}.sources h2{font-size:1.1rem;margin:0 0 10px}.sources ol{margin:0;padding-inline-start:1.4em;font-size:.93rem;color:var(--muted)}.sources a{color:var(--accent);word-break:break-all}
.author-box{display:flex;gap:16px;align-items:flex-start;margin-top:clamp(24px,4vw,36px);padding:20px 22px;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}
.author-box .av{flex:none;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:1.3rem}
.author-box strong{display:block;margin-bottom:2px}.author-box p{margin:0;color:var(--muted);line-height:1.8;font-size:.95rem}
/* المنتج */
.pp-feats,.pp-box{list-style:none;margin:14px 0 4px;padding:0;display:grid;gap:8px}
.pp-feats li,.pp-box li{position:relative;padding-inline-start:30px;line-height:1.7}
.pp-feats li::before,.pp-box li::before{content:"✓";position:absolute;inset-inline-start:0;top:2px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--c,var(--accent)) 16%,transparent);color:var(--c,var(--accent));font-size:.78rem;font-weight:800}
.pp-box li::before{content:"📦";background:none;font-size:.95rem}
@media print{.toc{display:none}}

/* ==========================================================
   المدونة — تصميم احترافي
   ========================================================== */
.blog-hero{position:relative;text-align:center;padding:clamp(40px,7vw,96px) 0 clamp(26px,4vw,48px);overflow:hidden;
  background:radial-gradient(60% 120% at 50% -20%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%)}
.blog-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.blog-eyebrow{display:inline-block;padding:5px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:700;font-size:.85rem;letter-spacing:.04em;margin-bottom:18px}
.blog-hero h1{font-size:clamp(2.1rem,6vw,4.2rem);line-height:1.2;margin:0 0 14px;letter-spacing:-.01em}
.blog-sub{max-width:56ch;margin:0 auto 28px;color:var(--muted);font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.9}
.blog-hero .blog-search{position:relative;display:flex;align-items:center;gap:6px;max-width:560px;margin:0 auto;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--bg);box-shadow:0 18px 44px -26px color-mix(in srgb,var(--ink) 55%,transparent);transition:border-color .2s,box-shadow .2s}
.blog-hero .blog-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.blog-hero .blog-search>svg{flex:none;margin-inline-start:14px;color:var(--muted)}
.blog-hero .blog-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent;padding:11px 8px;font-size:1rem;color:inherit}
.blog-hero .blog-search .btn{border-radius:999px;padding:10px 26px}

.blog-main{padding-block:clamp(26px,4vw,48px) 0}
.tagbar{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:clamp(18px,3vw,30px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.tagbar::-webkit-scrollbar{display:none}
.tagbar a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:.92rem;transition:.2s;white-space:nowrap}
.tagbar a em{font-style:normal;font-size:.75rem;opacity:.6;font-weight:500}
.tagbar a:hover{border-color:var(--accent);color:var(--accent)}
.tagbar a.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tagbar a.on em{opacity:.85}
.blog-result{margin:0 0 22px;color:var(--muted)}.blog-result b{color:var(--ink)}.blog-result a{margin-inline-start:10px;color:var(--accent);font-weight:600}
.blog-h{font-size:clamp(1.3rem,2.6vw,1.75rem);margin:clamp(30px,5vw,52px) 0 20px;display:flex;align-items:center;gap:12px}
.blog-h::after{content:"";flex:1;height:1px;background:var(--line)}

/* المقال المميز */
.bhero{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:calc(var(--radius) + 10px);overflow:hidden;background:color-mix(in srgb,var(--ink) 3%,var(--bg));box-shadow:0 30px 70px -44px color-mix(in srgb,var(--ink) 60%,transparent)}
.bhero-img{display:block;position:relative;min-height:340px;overflow:hidden}.bhero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.bhero:hover .bhero-img img{transform:scale(1.05)}
.bhero-body{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(24px,4vw,52px)}
.bhero-badges{display:flex;gap:8px;flex-wrap:wrap}.bhero-badges span{padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:700}
.bhero-badges .bd{background:var(--accent);color:var(--accent-ink)}.bhero-badges .bt{border:1px solid var(--line);color:var(--muted)}
.bhero h2{font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.35;margin:0;text-wrap:balance}.bhero h2 a:hover{color:var(--accent)}
.bhero-body>p{margin:0;color:var(--muted);line-height:1.95;font-size:1.02rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bhero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:.88rem;color:var(--muted)}
.bhero .btn.big{align-self:flex-start;margin-top:6px}

/* الأفاتار الصغير */
.au{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.av{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-size:.8rem;font-weight:800}

/* بطاقات المقالات */
.pgrid .pcard{border-radius:calc(var(--radius) + 6px);background:var(--bg);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.pgrid .pcard:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 28px 54px -30px color-mix(in srgb,var(--ink) 55%,transparent)}
.pcard-img{position:relative;aspect-ratio:16/10}
.pcard-tag{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:4px 13px;border-radius:999px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);font-size:.78rem;font-weight:700;color:var(--ink);box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}
.pcard-body{padding:20px 22px 20px;gap:10px}
.pcard-meta{gap:8px;font-size:.82rem}.pcard-meta i{width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.6}
.pcard-meta .rt{background:none;color:inherit;padding:0;border-radius:0}
.pcard-body h3{font-size:1.2rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-body h3 a:hover{color:var(--accent)}
.pcard-body p{line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line);font-size:.86rem}
.pcard-foot .au{font-size:.85rem;color:var(--muted)}.pcard-foot .au .av{width:26px;height:26px;font-size:.74rem}
.pcard-foot .btn-link{font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

/* الأكثر قراءة */
.blog-pop ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.blog-pop a{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);transition:.25s;height:100%}
.blog-pop a:hover{border-color:var(--accent);transform:translateY(-3px)}
.blog-pop b{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font:800 1.2rem var(--f-head)}
.blog-pop strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55;font-size:.98rem}.blog-pop small{color:var(--muted)}

/* حالة فارغة */
.blog-empty{text-align:center;padding:clamp(40px,8vw,90px) 20px;border:1px dashed var(--line);border-radius:calc(var(--radius) + 8px)}.blog-empty .ico{font-size:3rem;margin-bottom:10px}.blog-empty h2{font-size:1.5rem;margin:0 0 8px}.blog-empty p{color:var(--muted);margin:0 0 20px}

/* الترقيم */
.blog-main .pager{margin:clamp(30px,5vw,52px) 0 0}.blog-main .pager a,.blog-main .pager span{border-radius:12px}

/* شريط تقدم القراءة */
.read-progress{position:fixed;inset:0 0 auto 0;height:4px;z-index:90;background:transparent;pointer-events:none}
.read-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff));transform:scaleX(0);transform-origin:left}
[dir=rtl] .read-progress i{transform-origin:right}

@media(max-width:860px){.bhero{grid-template-columns:1fr}.bhero-img{min-height:0;aspect-ratio:16/9}}
@media(max-width:560px){
  .blog-hero .blog-search{border-radius:22px;flex-wrap:wrap;padding:8px}.blog-hero .blog-search input{flex:1 1 60%}.blog-hero .blog-search .btn{flex:1 1 100%;border-radius:14px}.blog-hero .blog-search>svg{margin-inline-start:10px}
  .pcard-body{padding:16px 18px}
}
@media(prefers-reduced-motion:reduce){.bhero-img img,.pgrid .pcard{transition:none}}

/* قائمة الهيدر: عدد محدود من العناصر + «المزيد» (hdr_nav_max) */
.hdr-nav{flex-wrap:nowrap;white-space:nowrap;align-items:center}
.hdr-nav .nav-more{position:relative}
.hdr-nav .nav-more summary{list-style:none;cursor:pointer;padding:8px 14px;border-radius:999px;font-weight:600;font-size:15px;color:var(--muted);user-select:none}
.hdr-nav .nav-more summary::-webkit-details-marker{display:none}
.hdr-nav .nav-more summary::after{content:"▾";margin-inline-start:6px;font-size:.8em}
.hdr-nav .nav-more summary:hover,.hdr-nav .nav-more[open] summary{color:var(--ink);background:var(--surface2)}
.hdr-nav .nav-more-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:200px;display:grid;gap:2px;padding:8px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -18px rgba(20,24,40,.25);z-index:60}
.hdr-nav .nav-more-menu a{display:block;padding:10px 14px;border-radius:10px;color:var(--ink)}
.hdr-nav .nav-more-menu a:hover{background:var(--surface2)}

/* غلاف صفحة المتجر (إعدادات المتجر ← غلاف صفحة المتجر) */
.shop-banner{position:relative;margin:10px 0 22px;border-radius:calc(var(--radius) + 10px);overflow:hidden;background:var(--surface2);border:1px solid var(--line)}
.shop-banner picture{display:block}
.shop-banner img{display:block;width:100%;height:var(--bn-h);object-fit:var(--bn-fit,cover);object-position:var(--bn-pos,center)}
.shop-banner.ha-d img{height:auto}
@media(max-width:620px){.shop-banner img{height:var(--bn-hm)}.shop-banner.ha-d img{height:var(--bn-hm)}.shop-banner.ha-m img{height:auto}}
.shop-banner.is-full{width:100vw;margin-inline:calc(50% - 50vw);border-radius:0;border-inline:0}
.shop-banner figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(18px,4vw,48px);color:#fff;background:linear-gradient(90deg,rgba(8,10,16,.6),transparent 72%)}
[dir=rtl] .shop-banner figcaption{background:linear-gradient(270deg,rgba(8,10,16,.6),transparent 72%)}
.shop-banner figcaption h1{font-size:clamp(28px,5vw,60px);color:#fff}
.shop-banner figcaption p{margin-top:8px;color:rgba(255,255,255,.92);max-width:60ch}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}

/* ===== نافذة الأقسام: قائمة صغيرة خفيفة بلا صور ===== */
.ov.ix{inset:auto;top:76px;inset-inline-start:clamp(12px,4vw,56px);width:min(330px,calc(100vw - 24px));max-height:min(72vh,560px);padding:12px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface);backdrop-filter:none;box-shadow:0 24px 60px -26px rgba(20,24,40,.3);transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:90}
.ov.ix.open{transform:none}
.ov.ix .ix-head{display:flex;align-items:center;justify-content:space-between;padding:2px 6px 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.ov.ix .ix-head b{font:700 16px var(--f-head,inherit)}
.ov.ix .ov-x{position:static;width:30px;height:30px;border-radius:50%;background:var(--surface2);border:0}
.ov.ix .ov-x:hover{transform:none;background:var(--accent);color:var(--accent-ink)}
.ov.ix .ix-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2px}
.ov.ix .ix-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:0;border-radius:12px;font:600 15px/1.4 var(--f-body,inherit);color:var(--ink);transition:background .15s,color .15s}
.ov.ix .ix-list a:hover{background:var(--surface2);color:var(--accent);padding-inline-start:12px}
.ov.ix .ix-list em{font:500 12px var(--f-body,inherit);background:var(--surface2);border-radius:999px;padding:1px 9px;color:var(--muted)}
.ov.ix .ix-list .all{grid-column:1/-1}
.ov.ix .ix-list .all a{justify-content:center;margin-top:4px;border-top:1px dashed var(--line);border-radius:0 0 12px 12px;color:var(--accent);font-size:14px}
@media(max-width:560px){.ov.ix{top:64px}}

/* ===== شريط الدفع الآمن في الفوتر ===== */
.ftr-secure{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;max-width:1360px;margin:auto;padding:18px clamp(16px,4vw,44px);border-top:1px solid var(--line)}
.ftr-secure .fs-msg{display:flex;align-items:center;gap:12px}
.ftr-secure .fs-msg>svg{flex:none;width:38px;height:38px;padding:9px;border-radius:12px;background:color-mix(in srgb,#1f9d63 14%,transparent);color:#1f9d63;box-sizing:border-box}
.ftr-secure .fs-msg span{display:grid;gap:2px}.ftr-secure .fs-msg b{font-size:15px}.ftr-secure .fs-msg small{font-size:12.5px;color:var(--muted)}
.fs-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fs-badges .pb{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#2b3042;font:800 12.5px/1 system-ui,Arial,sans-serif;letter-spacing:.2px;white-space:nowrap}
.fs-badges .pb-visa{color:#1a1f71;font-style:italic;font-weight:900;letter-spacing:.8px}
.fs-badges .pb-mc{color:#222;position:relative;padding-inline-start:40px}
.fs-badges .pb-mc::before,.fs-badges .pb-mc::after{content:"";position:absolute;top:50%;width:16px;height:16px;border-radius:50%;margin-top:-8px}
.fs-badges .pb-mc::before{inset-inline-start:10px;background:#eb001b}.fs-badges .pb-mc::after{inset-inline-start:20px;background:#f79e1b;mix-blend-mode:multiply}
.fs-badges .pb-mada{color:#0a8a4a}.fs-badges .pb-apple{background:#111;border-color:#111;color:#fff}
.fs-badges .pb-stc{color:#4f008c}.fs-badges .pb-paypal{color:#003087}.fs-badges .pb-tamara{color:#c2185b}.fs-badges .pb-tabby{color:#0a8a4a}
.fs-badges .pb-meeza{color:#0b57a4}.fs-badges .pb-fawry{color:#c77a00}.fs-badges .pb-voda{color:#d4001a}.fs-badges .pb-orange{color:#e8680b}.fs-badges .pb-etisalat{color:#d2232a}.fs-badges .pb-we{color:#5b2c83}.fs-badges .pb-insta{color:#6a1b9a}
html[data-theme=dark] .fs-badges .pb{background:var(--surface2);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .fs-badges .pb-apple{background:#000;color:#fff}
@media(max-width:700px){.ftr-secure{flex-direction:column;align-items:flex-start}}

/* شعارات وسائل الدفع (صور) */
.fs-badges .pb-img{padding:0 10px;height:34px;background:#fff;border:1px solid var(--line);border-radius:8px}
.fs-badges .pb-img img{display:block;height:22px;width:auto;max-width:76px;object-fit:contain}
html[data-theme=dark] .fs-badges .pb-img{background:#fff;border-color:rgba(255,255,255,.18)}
html[data-theme=dark] img.pb-keep,html[data-theme=dark] .fs-badges .pb-img img{filter:none}

/* غلاف المدونة */
.blog-cover{padding-top:6px}
.blog-cover .shop-banner{margin-bottom:18px}
.blog-cover .blog-search{margin:0 auto 22px}
.blog-cover-text{text-align:center;margin:4px 0 16px}
.blog-cover-text h1{margin:0 0 6px}

/* ==========================================================================
   صفحة المقال (تصميم جديد) + مساحات الإعلانات
   ========================================================================== */
.art-page{padding-block:clamp(14px,3vw,34px) clamp(30px,5vw,60px)}
.art-page .crumbs{margin:10px 0 18px}
.art-hero{max-width:900px;margin:0 auto clamp(22px,4vw,38px);text-align:start}
.art-kick{display:inline-block;padding:6px 16px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-weight:700;font-size:.86rem;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);margin-bottom:16px;transition:background .2s,color .2s}
.art-kick:hover{background:var(--accent);color:var(--accent-ink)}
.art-hero h1{font-size:clamp(1.9rem,4.8vw,3.1rem);line-height:1.35;letter-spacing:-.01em;margin:0 0 16px;text-wrap:balance}
.art-lead{font-size:clamp(1.05rem,2vw,1.25rem);line-height:2;color:var(--muted);margin:0 0 22px;max-width:62ch}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding-top:18px;border-top:1px solid var(--line)}
.art-by{display:flex;align-items:center;gap:12px}
.art-by .av{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:1.15rem}
.art-by span{display:grid;gap:2px}.art-by strong{font-size:1rem}.art-by small{color:var(--muted);font-size:.85rem}
.art-chips{display:flex;flex-wrap:wrap;gap:8px}
.art-chips span{padding:5px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.84rem;color:var(--muted)}
.art-cover{max-width:1100px;margin:0 auto clamp(26px,4.5vw,48px)}
.art-cover img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:clamp(16px,2.5vw,28px);box-shadow:0 30px 70px -36px rgba(20,24,40,.5)}
.art-cover figcaption{margin-top:10px;text-align:center;font-size:.88rem;color:var(--muted)}
.art-grid{display:grid;grid-template-columns:minmax(0,740px) 320px;justify-content:center;gap:clamp(28px,5vw,64px);align-items:start}
.art-page .art-body{max-width:none;padding:0;margin:0;min-width:0}
.art-body>.prose:first-child .callout{margin-top:0}
.art-body .callout.kp{border-radius:18px;padding:20px 24px}
.art-body .prose{font-size:clamp(1.04rem,1.5vw,1.16rem);line-height:2.05}
.art-body .prose h2{margin-top:2.3em}
.art-body .prose img{border-radius:16px}
.art-body .faq-sec{margin-top:clamp(36px,5vw,56px)}
.art-body .faq-sec>h2{font-size:clamp(1.3rem,2.6vw,1.7rem)}
.art-body .faq details{border:1px solid var(--line);border-radius:14px;padding:0 18px;margin:0 0 10px;background:var(--surface);transition:border-color .2s,box-shadow .2s}
.art-body .faq details[open]{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 14px 30px -24px rgba(20,24,40,.4)}
.art-body .faq summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px}
.art-body .faq summary::-webkit-details-marker{display:none}
.art-body .faq summary::after{content:"+";flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--surface2);color:var(--accent);font-size:1.15rem;line-height:1}
.art-body .faq details[open] summary::after{content:"−"}
.art-body .faq p{margin:0 0 16px;line-height:1.95;color:var(--muted)}
.art-body .post-tags{margin-top:clamp(26px,4vw,40px)}
.art-body .share-row{margin-top:18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.art-body .author-box{margin-top:22px;border-radius:20px}
.author-box .ab-lbl{display:block;font-size:.78rem;color:var(--accent);font-weight:700;margin-bottom:2px}
.art-pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.art-pn a{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s}
.art-pn a:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 16px 34px -24px rgba(20,24,40,.45)}
.art-pn small{color:var(--accent);font-weight:700;font-size:.8rem}
.art-pn span{font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-pn .pn-next{text-align:end}
.art-side{position:sticky;top:88px;display:grid;gap:18px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin}
.art-side .toc{display:block;margin:0;border-radius:18px;background:var(--surface)}
.art-side .toc ol{max-height:46vh;overflow:auto}
.toc a{display:block;padding:3px 0;border-inline-start:2px solid transparent;padding-inline-start:10px;margin-inline-start:-10px}
.toc a.on{color:var(--accent);opacity:1;font-weight:700;border-inline-start-color:var(--accent)}
.art-card{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.art-card h3{margin:0 0 12px;font-size:1.05rem}
.art-rel{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.art-rel a{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.art-rel li:last-child a{border:0;padding-bottom:0}
.art-rel strong{font-size:.95rem;line-height:1.6;transition:color .2s}.art-rel a:hover strong{color:var(--accent)}
.art-rel small{color:var(--muted);font-size:.8rem}
.art-toc-m{display:none}
@media(max-width:1023px){
  .art-grid{grid-template-columns:minmax(0,1fr)}
  .art-side{position:static;max-height:none;overflow:visible;margin-top:10px}
  .art-toc-d{display:none}
  .art-toc-m{display:block}
  .art-toc-m .toc{display:block;margin-bottom:24px}
}
@media(max-width:560px){.art-pn{grid-template-columns:1fr}.art-pn .pn-next{text-align:start}.art-meta{align-items:flex-start}}

/* ===== مساحات الإعلانات ===== */
.ad{margin:26px auto;text-align:center;clear:both}
.ad .ad-box{display:block;width:var(--aw,100%);max-width:100%;margin-inline:auto;position:relative}
.ad .ad-box a{display:block}
.ad .ad-box img{display:block;width:100%;height:auto;aspect-ratio:var(--ar,auto);border-radius:12px;background:var(--surface2)}
.ad .ad-code{overflow:hidden;display:flex;justify-content:center}
.ad-tag{display:block;font-size:11px;letter-spacing:.3px;color:var(--muted);margin-bottom:6px;text-align:center}
.ad-start .ad-box{margin-inline:0 auto}.ad-end .ad-box{margin-inline:auto 0}
.ad-site_top,.ad-site_bottom{padding-inline:clamp(12px,4vw,44px);margin-block:14px}
.art-side .ad{margin:0}
.ad-cell{grid-column:1/-1}.ad-cell .ad{margin:6px auto}
@media(max-width:760px){.ad-d{display:none}}
@media(min-width:761px){.ad-m{display:none}}
@media print{.ad{display:none}}