/* =====================================================================
   قوالب Apexfy — نفس الـ HTML، وكل قالب ليه شخصية: خطوط، هيدر، كروت، سلايدر، كوبون، عروض
   ===================================================================== */
h1,h2,h3,.brand,.sec-title,.banner h2{font-family:var(--fh),var(--fb),Cairo,sans-serif}

/* =========================== أناقة: تحريري هادي، زوايا حادة، خطوط رفيعة =========================== */
.t-elegance{--surface:color-mix(in srgb,#fff 70%,var(--bg));--line:color-mix(in srgb,var(--ink) 13%,var(--bg));--soft:color-mix(in srgb,var(--ink) 5%,var(--bg));--tint:color-mix(in srgb,var(--accent) 14%,var(--bg));--sale:var(--ink);--sh:0 18px 40px -24px rgba(28,25,23,.35);--sh-sm:none}
.t-elegance body,body.t-elegance{font-size:15.5px}
.t-elegance .announce{background:var(--ink);color:var(--bg);font-weight:500}
.t-elegance .announce svg{color:var(--accent)}
.t-elegance .hdr{background:color-mix(in srgb,var(--bg) 92%,transparent)}
.t-elegance .hdr-in{height:84px;position:relative}
.t-elegance .brand{position:absolute;left:50%;transform:translateX(-50%);font-size:24px;font-weight:700;transform-origin:center}
.t-elegance .hdr.scrolled .brand{transform:translateX(-50%) scale(.92)}
.t-elegance .brand-mark{background:none;color:var(--ink);border:1px solid var(--ink);border-radius:50%}
.t-elegance .nav{margin-inline-start:0;font-weight:500}
.t-elegance .nav a::after{height:1px;background:var(--accent)}
.t-elegance .search{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;flex-basis:220px}
.t-elegance .search:focus-within{box-shadow:none;background:transparent;border-color:var(--ink)}
.t-elegance .sec-title{flex-direction:column;justify-content:center;text-align:center;font-weight:700;font-size:clamp(22px,1.6vw + 14px,32px);gap:8px}
.t-elegance .sec-title::after{content:"";width:44px;height:1px;background:var(--accent)}
.t-elegance .sec-head{flex-direction:column;justify-content:center;gap:6px;margin-bottom:22px}
.t-elegance .sec-ic{display:none}
.t-elegance .sec-more{color:var(--ink);font-weight:600;border-bottom:1px solid var(--accent);padding:0 0 2px;border-radius:0}
.t-elegance .btn{background:var(--ink);color:var(--bg);border-radius:0;box-shadow:none;font-weight:600}
.t-elegance .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.t-elegance .btn-wa{background:var(--wa);color:#fff}
.t-elegance .btn-wa-soft{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wa) 50%,var(--bg))}
.t-elegance .hero{background:var(--bg)}
.t-elegance .hero-in{grid-template-columns:1fr;padding-block:0 40px}
.t-elegance .hero-img{order:-1;margin-inline:-16px}
.t-elegance .hero-img img{border-radius:0;aspect-ratio:21/9;box-shadow:none}
.t-elegance .hero-txt{text-align:center;max-width:680px;margin:0 auto}
.t-elegance .hero p{margin-inline:auto}
.t-elegance .hero h1{font-weight:700}
/* سلايدر: لوح تحريري فاتح بدل البلوكات الملوّنة */
.t-elegance .slides{gap:0;padding-inline:0;scroll-padding-inline:0}
.t-elegance .slide{flex-basis:100%;border-radius:0;color:var(--ink);background:color-mix(in srgb,var(--sbg,var(--accent)) 12%,var(--bg))}
.t-elegance .slide::before{width:auto;height:auto;inset:14px;border-radius:0;background:none;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);left:14px;bottom:14px}
.t-elegance .slide::after{display:none}
.t-elegance .slide-txt{padding:34px 30px 16px;justify-items:center;text-align:center}
.t-elegance .slide-txt b{font-weight:700;text-shadow:none}
.t-elegance .slide-txt span{color:var(--ink2)}
.t-elegance .slide-txt em{background:none;color:var(--ink);box-shadow:none;border-radius:0;padding:4px 2px;border-bottom:1px solid var(--ink);font-weight:600}
.t-elegance .slide-media{border-radius:0;box-shadow:none}
@media (min-width:900px){.t-elegance .slide-media{margin:40px;margin-inline-start:0}.t-elegance .slide-txt{padding-inline:56px}}
.t-elegance .dots button{height:2px;border-radius:0;width:18px}
.t-elegance .dots button.on{width:36px;background:var(--ink)}
.t-elegance .tiles{justify-content:safe center}
.t-elegance .tile-img{border-radius:50%;background:var(--soft);box-shadow:0 0 0 1px var(--line),0 0 0 4px var(--bg),0 0 0 5px transparent}
.t-elegance .tile:hover .tile-img{box-shadow:0 0 0 1px var(--bg),0 0 0 3px var(--bg),0 0 0 4px var(--accent);transform:none}
.t-elegance .tile-name{font-weight:500}
.t-elegance .ccard{border-radius:0}
.t-elegance .ccard-txt{justify-items:center;text-align:center;padding:20px 14px}
.t-elegance .ccard-txt b{font-weight:700}
.t-elegance .cpn{background:var(--surface);color:var(--ink);border:1px solid var(--accent);border-radius:0;box-shadow:none;outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:-7px}
.t-elegance .cpn-main::before{display:none}
.t-elegance .cpn-main{justify-items:center;text-align:center}
.t-elegance .cpn-big{color:var(--accent);font-weight:700}
.t-elegance .cpn-code{border-inline-start:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}
.t-elegance .cpn-code::before,.t-elegance .cpn-code::after{display:none}
.t-elegance .cpn-code button{background:var(--ink);color:var(--bg);border-radius:0;box-shadow:none}
.t-elegance .cgrid-panel{background:none;border:0;padding:0;border-radius:0}
.t-elegance .cg-img{border-radius:0;aspect-ratio:3/4}
.t-elegance .cgrid b{text-align:center;font-weight:500}
.t-elegance .deal{border:0;background:none;border-radius:0;text-align:center}
.t-elegance .deal-img{aspect-ratio:3/4}
.t-elegance .deal-body{padding:10px 4px;justify-items:center}
.t-elegance .deal-pr{justify-content:center}
.t-elegance .deal-p{color:var(--ink);font-weight:700}
.t-elegance .deal-off,.t-elegance .badge-off{background:var(--bg);color:var(--ink);border-radius:0;box-shadow:none;font-weight:700}
.t-elegance .countdown b{border-radius:0}
.t-elegance .card-img{aspect-ratio:3/4;border-radius:0}
.t-elegance .card-body{text-align:center;justify-items:center;padding-top:12px}
.t-elegance .card-body h3{font-weight:500;min-height:0;-webkit-line-clamp:1}
.t-elegance .price{justify-content:center}
.t-elegance .price b{font-weight:700}
.t-elegance .cats{justify-content:safe center}
.t-elegance .cat,.t-elegance .chip{background:none;border:1px solid var(--line);border-radius:0;font-weight:500}
.t-elegance .chip.on{background:var(--ink);color:var(--bg)}
.t-elegance .banner{border-radius:0;align-items:center;justify-content:center;text-align:center}
.t-elegance .trust-i{background:none;border:0;border-block:1px solid var(--line);border-radius:0;justify-content:center}
.t-elegance .trust-ic{background:none;color:var(--accent);border:1px solid var(--accent);border-radius:50%}
.t-elegance .wa-cta{border-radius:0;background:var(--surface);border-color:var(--line)}
.t-elegance .g-main,.t-elegance .g-thumbs button,.t-elegance .ov,.t-elegance .qty,.t-elegance .hl,.t-elegance .assure>div,.t-elegance .co-box,.t-elegance .co-sum,.t-elegance .cart-foot,.t-elegance .ci,.t-elegance .track-card,.t-elegance .policy,.t-elegance .pay-box,.t-elegance .coupon,.t-elegance .co-form input,.t-elegance .co-form select,.t-elegance .co-form textarea,.t-elegance .track-form input{border-radius:0}
.t-elegance .g-slide{aspect-ratio:4/5}
.t-elegance .pdp-info h1{font-weight:700}
.t-elegance .pdp-price b{color:var(--ink);font-weight:700}
.t-elegance .hl{background:none;border-block:1px solid var(--line);padding-inline:0}
.t-elegance .hl svg,.t-elegance .assure svg,.t-elegance .pdp-ship svg{color:var(--accent)}
.t-elegance .ov.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.t-elegance .co-box legend span{background:none;color:var(--ink);border:1px solid var(--ink)}
.t-elegance .ftr{background:var(--ink);color:color-mix(in srgb,var(--bg) 70%,var(--ink))}
.t-elegance .ftr-name,.t-elegance .ftr-links b{color:var(--bg)}
.t-elegance .ftr-pay svg{color:var(--accent)}
.t-elegance .powered a{color:var(--accent)}

/* =========================== تِك: كروت بيضا على رمادي، هيدر غامق، لمسات نيون =========================== */
.t-tech{--surface:#fff;--soft:color-mix(in srgb,var(--ink) 6%,var(--bg));--line:color-mix(in srgb,var(--ink) 9%,var(--bg));--tint:color-mix(in srgb,var(--brand) 9%,#fff);--on-accent:var(--ink)}
.t-tech .announce{background:var(--accent);color:var(--ink);font-weight:700}
.t-tech .hdr{background:color-mix(in srgb,var(--ink) 94%,transparent);border:0}
/* أبيض جوه الهيدر الغامق بس — زراير الإغلاق (×) في القائمة والسلة والبوب أب على خلفية فاتحة فبتفضل بلون النص */
.t-tech .hdr,.t-tech .hdr a{color:#fff}
.t-tech .hdr .icon-btn{color:#fff}
.t-tech .hdr .icon-btn:hover{background:rgba(255,255,255,.1)}
.t-tech .nav{color:#aab4c5}
.t-tech .nav a:hover,.t-tech .nav a.on{color:#fff}
.t-tech .nav a::after{background:var(--accent)}
.t-tech .search{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}
.t-tech .search:focus-within{background:rgba(255,255,255,.14);border-color:var(--accent);box-shadow:none}
.t-tech .search input{color:#fff}
.t-tech .search input::placeholder,.t-tech .search button{color:#8b97ab}
.t-tech .brand-mark{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}
.t-tech .cart-count{box-shadow:0 0 0 2px var(--ink)}
.t-tech .sec-title::before{content:"";width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--brand),var(--accent));transform:rotate(45deg);flex:none}
.t-tech .sec-head .sec-title::before{order:-1}
.t-tech .sec-ic{display:none}
.t-tech .hero{background:linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--brand) 55%,var(--ink)));color:#fff}
.t-tech .hero p{color:#cbd5e1}
.t-tech .hero .btn{background:var(--accent);color:var(--ink)}
/* سلايدر: غامق بشبكة خفيفة */
.t-tech .slide{background:radial-gradient(70% 60% at 50% 100%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),
  radial-gradient(90% 120% at 0% 100%,color-mix(in srgb,var(--sbg,var(--brand)) 70%,transparent),transparent 70%),var(--ink)}
.t-tech .slide::before{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%)}
.t-tech .slide::after{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}
.t-tech .slide-txt em{background:var(--accent);color:var(--ink)}
.t-tech .slide-media{background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 24px 50px -20px rgba(0,0,0,.6)}
.t-tech .dots button.on{background:linear-gradient(90deg,var(--brand),var(--accent))}
.t-tech .tile-img{background:#fff;box-shadow:var(--sh-sm);border-radius:18px}
.t-tech .tile-img img{object-fit:contain;padding:6px}
.t-tech .ccard{background:#fff;box-shadow:var(--sh-sm)}
.t-tech .ccard img{object-fit:contain;padding:12px 12px 64px}
.t-tech .ccard::after{background:linear-gradient(180deg,transparent 60%,color-mix(in srgb,var(--ink) 92%,transparent))}
.t-tech .cpn{background:radial-gradient(80% 140% at 100% 0%,color-mix(in srgb,var(--brand) 60%,transparent),transparent 70%),var(--ink);color:#fff}
.t-tech .cpn-big{color:var(--accent)}
.t-tech .cpn-code{border-color:rgba(255,255,255,.18)}
.t-tech .cpn-code button{background:var(--accent);color:var(--ink)}
.t-tech .cgrid-panel{border:0;box-shadow:var(--sh-sm)}
.t-tech .cg-img{background:var(--soft)}
.t-tech .cg-img img,.t-tech .deal-img img{object-fit:contain;padding:8px}
.t-tech .deal{border:0;box-shadow:var(--sh-sm)}
.t-tech .deal-img{background:#fff}
.t-tech .card{background:#fff;padding:10px;box-shadow:var(--sh-sm);border-radius:calc(var(--r) * 1.1)}
.t-tech .card-img,.t-tech .g-main,.t-tech .g-slide{background:#fff}
.t-tech .card-img img,.t-tech .g-slide img{object-fit:contain;padding:8px}
.t-tech .price b{color:var(--brand);font-size:17px}
.t-tech .badge-off,.t-tech .deal-off{border-radius:99px}
.t-tech .cat,.t-tech .trust-i,.t-tech .wa-cta{background:#fff;border-color:transparent;box-shadow:var(--sh-sm)}
.t-tech .trust-ic{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 60%,var(--accent)));color:#fff}
.t-tech .assure>div,.t-tech .co-box,.t-tech .co-sum,.t-tech .ci,.t-tech .cart-foot,.t-tech .track-card{border-color:transparent;box-shadow:var(--sh-sm)}
.t-tech .hl{background:#fff}
@media (hover:hover){.t-tech .card:hover{box-shadow:var(--sh);transform:translateY(-3px)}}
.t-tech .ftr{background:var(--ink)}
.t-tech .powered a{color:var(--accent)}

/* =========================== فخامة: غامق + ذهبي، خطوط شعرية (ألوانه الغامقة مشتركة مع «منتصف الليل») =========================== */
:is(.t-luxury,.t-midnight){--surface:color-mix(in srgb,var(--ink) 5%,var(--bg));--soft:color-mix(in srgb,var(--ink) 7%,var(--bg));--line:color-mix(in srgb,var(--ink) 13%,var(--bg));
  --muted:color-mix(in srgb,var(--ink) 62%,var(--bg));--ink2:color-mix(in srgb,var(--ink) 84%,var(--bg));--tint:color-mix(in srgb,var(--brand) 10%,var(--bg));
  --on-brand:var(--bg);--on-accent:var(--bg);--sale:var(--brand);--on-sale:var(--bg);--ok:#4ade80;--bad:#f87171;
  --sh-sm:0 0 0 1px var(--line);--sh:0 20px 50px -20px rgba(0,0,0,.8);--sh-lg:0 30px 70px -20px rgba(0,0,0,.85);color-scheme:dark}
:is(.t-luxury,.t-midnight) .announce{background:transparent;color:var(--brand);border-bottom:1px solid var(--line);font-weight:500}
:is(.t-luxury,.t-midnight) .hdr{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:var(--line)}
:is(.t-luxury,.t-midnight) .brand{font-weight:700;color:var(--brand)}
:is(.t-luxury,.t-midnight) .brand-mark{background:none;border:1px solid var(--brand);color:var(--brand);border-radius:50%}
:is(.t-luxury,.t-midnight) .nav{color:var(--muted)}
:is(.t-luxury,.t-midnight) .search{background:var(--soft)}
:is(.t-luxury,.t-midnight) .sec-title{font-weight:700}
:is(.t-luxury,.t-midnight) .sec-title::after{content:"";flex:1;min-width:30px;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--brand))}
:is(.t-luxury,.t-midnight) .sec-head .sec-title::after{max-width:60px}
:is(.t-luxury,.t-midnight) .sec-ic{background:none;border:1px solid color-mix(in srgb,var(--brand) 50%,transparent);color:var(--brand)}
:is(.t-luxury,.t-midnight) .btn{background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#fff));color:var(--bg);box-shadow:0 8px 24px -10px color-mix(in srgb,var(--brand) 60%,transparent)}
:is(.t-luxury,.t-midnight) .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
:is(.t-luxury,.t-midnight) .btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--brand)}
:is(.t-luxury,.t-midnight) .btn-wa{background:var(--wa);color:#fff;box-shadow:none}
:is(.t-luxury,.t-midnight) .btn-wa-soft{background:color-mix(in srgb,var(--wa) 10%,var(--bg));color:#4ade80;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wa) 30%,transparent)}
:is(.t-luxury,.t-midnight) .hero{background:radial-gradient(900px 400px at 20% 0%,color-mix(in srgb,var(--brand) 14%,transparent),transparent),var(--bg)}
:is(.t-luxury,.t-midnight) .hero p{color:var(--muted)}
:is(.t-luxury,.t-midnight) .slide{color:var(--ink);border:1px solid color-mix(in srgb,var(--brand) 28%,transparent);
  background:radial-gradient(110% 120% at 100% 0%,color-mix(in srgb,var(--sbg,var(--brand)) 30%,transparent),transparent 60%),radial-gradient(60% 80% at 0% 100%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 70%),var(--surface)}
:is(.t-luxury,.t-midnight) .slide::before{background:none;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent)}
:is(.t-luxury,.t-midnight) .slide::after{border-color:color-mix(in srgb,var(--brand) 22%,transparent)}
:is(.t-luxury,.t-midnight) .slide-txt b{text-shadow:none}
:is(.t-luxury,.t-midnight) .slide-txt span{color:var(--muted);opacity:1}
:is(.t-luxury,.t-midnight) .slide-txt em{background:var(--brand);color:var(--bg);box-shadow:none}
:is(.t-luxury,.t-midnight) .slide-media{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent),0 30px 60px -20px rgba(0,0,0,.8)}
:is(.t-luxury,.t-midnight) .dots button{background:var(--line)}
:is(.t-luxury,.t-midnight) .tile-img{border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 45%,transparent),0 0 0 4px var(--bg),0 0 0 5px color-mix(in srgb,var(--brand) 15%,transparent)}
:is(.t-luxury,.t-midnight) .tile:hover .tile-img{box-shadow:0 0 0 1px var(--brand),0 0 0 4px var(--bg),0 0 0 5px var(--brand)}
:is(.t-luxury,.t-midnight) .ccard{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 25%,transparent)}
:is(.t-luxury,.t-midnight) .ccard::after{background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--bg) 92%,transparent))}
:is(.t-luxury,.t-midnight) .ccard-txt{color:var(--ink)}
:is(.t-luxury,.t-midnight) .ccard-txt small{color:var(--brand)}
:is(.t-luxury,.t-midnight) .cpn{background:radial-gradient(80% 120% at 100% 0%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 60%),var(--surface);color:var(--ink);border:1px solid color-mix(in srgb,var(--brand) 40%,transparent);box-shadow:none}
:is(.t-luxury,.t-midnight) .cpn-main::before{background:none;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent)}
:is(.t-luxury,.t-midnight) .cpn-kicker svg{color:var(--brand)}
:is(.t-luxury,.t-midnight) .cpn-big{color:var(--brand)}
:is(.t-luxury,.t-midnight) .cpn-code{border-color:color-mix(in srgb,var(--brand) 40%,transparent)}
:is(.t-luxury,.t-midnight) .cpn-code button{background:var(--brand);color:var(--bg)}
:is(.t-luxury,.t-midnight) .card{background:transparent}
:is(.t-luxury,.t-midnight) .card-img,:is(.t-luxury,.t-midnight) .g-main,:is(.t-luxury,.t-midnight) .deal-img,:is(.t-luxury,.t-midnight) .cg-img{background:var(--soft)}
:is(.t-luxury,.t-midnight) .card-img{box-shadow:inset 0 0 0 1px var(--line)}
:is(.t-luxury,.t-midnight) .card-body h3{color:var(--ink2)}
:is(.t-luxury,.t-midnight) .price b,:is(.t-luxury,.t-midnight) .pdp-price b,:is(.t-luxury,.t-midnight) .sb-txt b{color:var(--brand)}
:is(.t-luxury,.t-midnight) .deal{background:var(--surface)}
:is(.t-luxury,.t-midnight) .cats .cat,:is(.t-luxury,.t-midnight) .chip{background:transparent;border-color:var(--line);color:var(--ink)}
:is(.t-luxury,.t-midnight) .chip.on{background:var(--brand);color:var(--bg);border-color:var(--brand)}
:is(.t-luxury,.t-midnight) .trust-i{background:transparent}
:is(.t-luxury,.t-midnight) .trust-ic{background:none;border:1px solid color-mix(in srgb,var(--brand) 45%,transparent)}
:is(.t-luxury,.t-midnight) .wa-cta{background:var(--surface);border-color:var(--line)}
:is(.t-luxury,.t-midnight) .ov.on{background:var(--brand);color:var(--bg);border-color:var(--brand)}
:is(.t-luxury,.t-midnight) .co-box legend span{background:var(--brand);color:var(--bg)}
:is(.t-luxury,.t-midnight) .pay-box{background:color-mix(in srgb,var(--brand) 8%,var(--bg))}
:is(.t-luxury,.t-midnight) .tabbar b,:is(.t-luxury,.t-midnight) .cart-count{color:var(--bg)}
:is(.t-luxury,.t-midnight) .g-dots i.on{background:var(--brand)}
:is(.t-luxury,.t-midnight) .ftr{background:color-mix(in srgb,var(--ink) 3%,var(--bg));color:var(--muted);border-top:1px solid var(--line)}
:is(.t-luxury,.t-midnight) .ftr-name{color:var(--brand)}
:is(.t-luxury,.t-midnight) .ftr-links b{color:var(--ink)}
:is(.t-luxury,.t-midnight) .ftr a:hover{color:var(--brand)}
:is(.t-luxury,.t-midnight) .ftr-pay svg{color:var(--brand)}
:is(.t-luxury,.t-midnight) .powered{border-color:var(--line)}
:is(.t-luxury,.t-midnight) .powered a{color:var(--brand)}
:is(.t-luxury,.t-midnight) .hdr.scrolled{box-shadow:0 10px 30px -14px rgba(0,0,0,.9)}
/* بلاطات العروض: صورة الحملة بتملا البلاطة، وتدرّج غامق، والكلام تحت بإطار ذهبي رفيع بدل البلوكات الملوّنة */
:is(.t-luxury,.t-midnight) .ptile{grid-template-columns:1fr;align-items:end;min-height:230px;padding:22px;background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 28%,transparent)}
:is(.t-luxury,.t-midnight) .ptile::before{display:none}
:is(.t-luxury,.t-midnight) .ptile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 92%,transparent) 8%,color-mix(in srgb,var(--bg) 35%,transparent) 55%,transparent)}
:is(.t-luxury,.t-midnight) .ptile .pt-img{position:absolute;inset:0;z-index:-2;margin:0;border-radius:0}
:is(.t-luxury,.t-midnight) .ptile .pt-txt>span{color:var(--muted);opacity:1}
:is(.t-luxury,.t-midnight) .ptile .pt-txt em{background:transparent;color:var(--brand);padding:6px 0 0;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--brand) 60%,transparent)}
@media (min-width:641px){:is(.t-luxury,.t-midnight) .ptiles.n3 .ptile{grid-template-columns:1fr;grid-template-rows:none;padding:22px}:is(.t-luxury,.t-midnight) .ptiles.n3 .pt-img{margin:0}}
@media (min-width:900px){:is(.t-luxury,.t-midnight) .ptile{min-height:320px}}

/* =========================== طبيعي: دافي وناعم، أقواس وزوايا مدوّرة =========================== */
.t-natural{--surface:#fff;--soft:color-mix(in srgb,var(--brand) 7%,var(--bg));--line:color-mix(in srgb,var(--brand) 15%,var(--bg));--tint:color-mix(in srgb,var(--brand) 10%,var(--bg));--sale:color-mix(in srgb,var(--brand) 40%,#c2410c);
  --sh-sm:0 1px 2px rgba(60,50,30,.04),0 4px 16px -6px rgba(60,50,30,.08);--sh:0 16px 40px -18px rgba(60,50,30,.28)}
.t-natural .announce{background:var(--soft);color:var(--brand)}
.t-natural .hdr{background:color-mix(in srgb,var(--bg) 90%,transparent)}
.t-natural .brand-mark{border-radius:50%}
.t-natural .sec-title{font-weight:800}
.t-natural .sec-title::after{content:"";width:22px;height:8px;border-radius:99px;background:var(--accent);opacity:.8}
.t-natural .sec-ic{border-radius:50%;background:color-mix(in srgb,var(--accent) 35%,var(--bg));color:var(--brand)}
.t-natural .btn,.t-natural .ov,.t-natural .qty,.t-natural .coupon,.t-natural .track-form input{border-radius:999px}
.t-natural .hero{background:var(--soft)}
.t-natural .hero-img img{border-radius:999px 999px var(--r) var(--r);aspect-ratio:4/5;max-height:460px;margin-inline:auto;width:auto}
.t-natural .slide{border-radius:28px;background:radial-gradient(100% 100% at 100% 0%,rgba(255,255,255,.22),transparent 60%),color-mix(in srgb,var(--sbg,var(--brand)) 82%,var(--bg))}
.t-natural .slide::before{border-radius:50% 50% 0 0;width:300px;height:360px;left:-80px;bottom:-140px}
.t-natural .slide-media{border-radius:22px}
.t-natural .tile-img{border-radius:999px 999px 18px 18px;height:88px;background:#fff;box-shadow:var(--sh-sm)}
.t-natural .ccard{border-radius:999px 999px 22px 22px}
.t-natural .ccard-txt{justify-items:center;text-align:center;padding-bottom:18px}
.t-natural .cpn{background:color-mix(in srgb,var(--accent) 30%,var(--bg));color:var(--ink);border-radius:28px;box-shadow:none}
.t-natural .cpn-main::before{background:rgba(255,255,255,.35)}
.t-natural .cpn-kicker svg{color:var(--brand)}
.t-natural .cpn-big{color:var(--brand)}
.t-natural .cpn-code{border-color:color-mix(in srgb,var(--brand) 25%,transparent)}
.t-natural .cpn-code button{background:var(--brand);color:#fff;border-radius:99px}
.t-natural .cgrid-panel{border:0;border-radius:28px;box-shadow:var(--sh-sm)}
.t-natural .cg-img{border-radius:18px}
.t-natural .deal{border:0;border-radius:22px;box-shadow:var(--sh-sm)}
.t-natural .deal-off,.t-natural .badge-off{border-radius:99px}
.t-natural .card{background:#fff;border-radius:calc(var(--r) * 1.1);padding:8px;box-shadow:var(--sh-sm)}
.t-natural .card-img{border-radius:calc(var(--r) * .8)}
.t-natural .card-body{padding:10px 6px 4px}
.t-natural .price b{color:var(--brand)}
.t-natural .cat{background:#fff;border:1px solid var(--line)}
.t-natural .trust-i{background:#fff;border:0;box-shadow:var(--sh-sm);border-radius:22px}
.t-natural .trust-ic{border-radius:50%;background:color-mix(in srgb,var(--accent) 35%,var(--bg));color:var(--brand)}
.t-natural .wa-cta{border-radius:28px}
.t-natural .g-main{border-radius:28px}
.t-natural .hl{border-radius:22px}
.t-natural .assure>div{border:0;box-shadow:var(--sh-sm);border-radius:20px}
.t-natural .co-box,.t-natural .co-sum,.t-natural .cart-foot,.t-natural .ci,.t-natural .track-card,.t-natural .policy{border:0;box-shadow:var(--sh-sm)}
.t-natural .ftr{background:color-mix(in srgb,var(--brand) 55%,#14110c);color:color-mix(in srgb,#fff 72%,var(--brand))}
.t-natural .ftr-pay svg,.t-natural .powered a{color:var(--accent)}
.t-natural .powered{border-color:rgba(255,255,255,.12);color:color-mix(in srgb,#fff 55%,var(--brand))}
@media (max-width:640px){.t-natural .g-main{border-radius:0 0 28px 28px}}

/* =========================== ماركت: كثيف وسريع، هيدر بلون البراند، أسعار بارزة =========================== */
.t-market{--soft:#f3f4f6;--tint:color-mix(in srgb,var(--brand) 8%,#fff);--sale:#dc2626}
.t-market .announce{background:var(--accent);color:#fff;font-weight:700}
.t-market .hdr{background:var(--brand);border:0;color:var(--on-brand)}
.t-market .hdr.scrolled{background:var(--brand)}
.t-market .hdr a,.t-market .hdr .icon-btn{color:var(--on-brand)}
.t-market .hdr .icon-btn:hover{background:rgba(255,255,255,.14)}
.t-market .nav{color:rgba(255,255,255,.85)}
.t-market .nav a:hover,.t-market .nav a.on{color:#fff}
.t-market .nav a::after{background:#fff}
.t-market .brand-mark{background:#fff;color:var(--brand)}
.t-market .cart-count{background:#fde047;color:#111;box-shadow:0 0 0 2px var(--brand)}
.t-market .search{flex:1 1 420px;background:#fff;border:0;border-radius:10px;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.t-market .search:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.t-market .search button{background:var(--accent);color:#fff;border-radius:8px}
.t-market .deliver{background:color-mix(in srgb,var(--brand) 82%,#000);color:#fff;border:0}
.t-market .deliver svg,.t-market .deliver select{color:#fff}
.t-market .deliver small{color:rgba(255,255,255,.75)}
.t-market .deliver option{color:#111}
.t-market .subnav{background:color-mix(in srgb,var(--brand) 84%,#000);border:0}
.t-market .subnav a{color:rgba(255,255,255,.92)}
.t-market .subnav a:hover{background:rgba(255,255,255,.14);color:#fff}
.t-market .subnav a.on{background:#fff;color:var(--brand)}
.t-market .sec-title{font-size:clamp(18px,1vw + 13px,22px);line-height:1.2}
.t-market .sec-title::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--brand);flex:none}
.t-market .sec-ic{display:none}
.t-market .sec-more{background:var(--tint);border-radius:99px;padding:5px 12px}
.t-market .hero-in{grid-template-columns:1fr 1fr;padding-block:24px}
.t-market .hero{background:color-mix(in srgb,var(--brand) 8%,#fff)}
.t-market .slider{padding-top:12px}
.t-market .slide{border-radius:var(--r)}
.t-market .slide-txt em{background:#fde047;color:#111}
.t-market .tiles{gap:10px}
.t-market .tile{width:84px}
.t-market .tile-img{width:84px;height:84px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line)}
.t-market .ccard{aspect-ratio:1;background:#fff;box-shadow:0 0 0 1px var(--line)}
.t-market .ccard::after{display:none}
.t-market .ccard img{inset:auto 0 0;height:72%;object-fit:cover}
.t-market .ccard-txt{inset:0 0 auto;color:var(--ink);padding:10px 12px}
.t-market .ccard-txt b{font-size:17px}
.t-market .ccard-txt small{color:var(--brand)}
.t-market .cpn{background:#fff;color:var(--ink);border:2px dashed var(--brand);box-shadow:none}
.t-market .cpn-main::before{background:var(--tint)}
.t-market .cpn-big{color:var(--brand)}
.t-market .cpn-code{background:var(--tint);border-color:color-mix(in srgb,var(--brand) 40%,transparent)}
.t-market .cpn-code::before,.t-market .cpn-code::after{display:none}
.t-market .cpn-code button{background:var(--brand);color:#fff}
.t-market .cgrid-panel{border-radius:var(--r);box-shadow:none}
.t-market .deals .sec-head{background:linear-gradient(90deg,#fde047,#facc15);border-radius:var(--r);padding:10px 12px}
.t-market .deals .sec-title::before{background:#111}
.t-market .deal{border-radius:var(--r)}
.t-market .deal-off{background:#fde047;color:#111}
.t-market .deal-p{font-size:19px;font-weight:900}
.t-market .grid{grid-template-columns:repeat(5,1fr);gap:12px}
.t-market .card{border:1px solid var(--line);padding:8px;background:#fff}
.t-market .card-body h3{font-size:13.5px;min-height:0}
.t-market .price b{color:var(--brand);font-size:18px;font-weight:900}
.t-market .badge-off{background:#fde047;color:#111}
.t-market .cat{background:var(--brand);color:#fff}
.t-market .trust-ic{background:var(--brand);color:#fff;border-radius:var(--r)}

@media (max-width:960px){.t-market .grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .t-market .hdr-in{flex-wrap:wrap;height:auto;padding-block:12px 10px;row-gap:8px}
  .t-market .search{display:flex;order:5;flex:1 1 100%;height:42px}
  .t-market .grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .t-market .hero-in{grid-template-columns:1fr}
  .t-elegance .hdr-in{height:70px}
  .t-elegance .brand{font-size:20px}
  .t-elegance .hero-img img{aspect-ratio:4/3}
  .t-elegance .slide-txt{padding:30px 24px 12px}
  .t-elegance .slide-media{margin:0 24px 24px}
  .t-elegance .slide::before{inset:10px}
}
.t-elegance .deal-t,.t-elegance .card-body h3{width:100%;text-align:center}

/* =========================== تطبيقات Apexfy في كل قالب =========================== */
.t-elegance .assure>li,.t-elegance .tier,.t-elegance .scarce,.t-elegance .sc-scroll,.t-elegance .sc-note,.t-elegance .co-trust.tb li{border-radius:0}
.t-elegance .tier em{border-radius:0}
.t-elegance .assure svg,.t-elegance .co-trust.tb svg,.t-elegance .sc-link svg,.t-elegance .tiers-h svg{color:var(--accent)}
.t-elegance .tier.on{background:var(--bg);border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.t-tech .assure>li{border-color:transparent;box-shadow:var(--sh-sm)}
.t-tech .tier{background:#fff}
.t-tech .tier.on{background:var(--tint)}
:is(.t-luxury,.t-midnight) .tier{background:transparent}
:is(.t-luxury,.t-midnight) .tier.on{background:color-mix(in srgb,var(--brand) 9%,var(--bg))}
:is(.t-luxury,.t-midnight) .assure>li{background:transparent}
:is(.t-luxury,.t-midnight) .assure svg,:is(.t-luxury,.t-midnight) .co-trust.tb svg{color:var(--brand)}
:is(.t-luxury,.t-midnight) .sc-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--ink) 3%,transparent)}
.t-natural .assure>li{border:0;box-shadow:var(--sh-sm);border-radius:20px}
.t-natural .tier{border-radius:20px}
.t-natural .co-trust.tb li,.t-natural .scarce,.t-natural .sc-note{border-radius:16px}
.t-market .tier-p{color:var(--brand)}

/* =====================================================================
   تخطيطات القوالب: كل قالب ليه هيدر وهيرو وكارت وإيقاع سكاشن مختلف (مش ألوان بس)
   الهيرو: كلاسيك سلايدر مقسوم · أناقة لوك بوك 3 صور طولية · تِك عرض في النص والصورة طالعة من تحت
           فخامة صورة كاملة سينمائية · طبيعي قوس طالع من الأرض · ماركت بانر كبير وعرضين جنبه
   ===================================================================== */

/* ---------------------------------------------------------------- أناقة: مجلة / لوك بوك */
.t-elegance{--sec:clamp(44px,7vw,104px);--gap:clamp(8px,1vw,14px)}
@media (min-width:1061px){
  .t-elegance .hdr-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:auto;padding-block:18px 0;row-gap:0}
  .t-elegance .brand{position:static;transform:none;grid-column:2;grid-row:1;font-size:28px;letter-spacing:.01em}
  .t-elegance .hdr.scrolled .brand{transform:scale(.9)}
  .t-elegance .search{grid-column:1;grid-row:1;justify-self:start;width:min(240px,100%);margin:0}
  .t-elegance .lang-sw{grid-column:3;grid-row:1;justify-self:end;margin-inline-end:52px}
  .t-elegance .cart-btn{grid-column:3;grid-row:1;justify-self:end}
  .t-elegance .nav{grid-column:1/-1;grid-row:2;justify-content:center;margin:14px 0 0;padding-block:4px;border-top:1px solid var(--line);gap:10px}
  .t-elegance .hdr.has-sub .hdr-in{padding-bottom:14px}
}
.t-elegance .subnav{background:transparent;border-bottom:1px solid var(--line)}
.t-elegance .subnav-in{justify-content:safe center;gap:6px}
.t-elegance .subnav a{border-radius:0;background:none;font-weight:500;letter-spacing:.02em;padding:8px 10px;position:relative}
.t-elegance .subnav a:hover{background:none;color:var(--ink)}
.t-elegance .subnav a.on{background:none;color:var(--ink)}
.t-elegance .subnav a.on::after{content:"";position:absolute;inset-inline:10px;bottom:2px;height:1px;background:var(--ink)}
/* الهيرو: لوك بوك، الصور طولية والكلام تحتها زي المجلة */
.t-elegance .slider{padding:0}
.t-elegance .slides{gap:2px;padding-inline:0;scroll-padding-inline:0}
.t-elegance .slide{flex:0 0 84%;scroll-snap-align:start;display:flex;flex-direction:column;background:none;color:var(--ink);border-radius:0;min-height:0}
.t-elegance .slide::before,.t-elegance .slide::after{display:none}
.t-elegance .slide-media{order:-1;margin:0;aspect-ratio:4/5;border-radius:0;box-shadow:none;position:relative;background:var(--soft)}
.t-elegance .slide-media img{position:absolute;inset:0}
.t-elegance .slide-txt{padding:16px 16px 4px;justify-items:start;text-align:start;gap:4px}
.t-elegance .slide-txt b{font-size:clamp(20px,1.4vw + 12px,28px);font-weight:700}
.t-elegance .slide-txt span{font-size:14px;color:var(--muted)}
.t-elegance .slide-txt em{margin-top:6px;font-size:13.5px;letter-spacing:.04em}
.t-elegance .slide.no-img{background:var(--tint);min-height:320px;justify-content:flex-end}
@media (min-width:900px){
  .t-elegance .slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;overflow:visible;border-radius:0}
  .t-elegance .slider[data-n="1"] .slides{grid-template-columns:1fr}
  .t-elegance .slider[data-n="1"] .slide-media{aspect-ratio:21/9}
  .t-elegance .slider[data-n="2"] .slides,.t-elegance .slider[data-n="4"] .slides{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t-elegance .slider[data-n="2"] .slide-media{aspect-ratio:4/3}
  .t-elegance .slide:nth-child(n+4){display:none}
  .t-elegance .slider[data-n="4"] .slide:nth-child(4){display:flex}
  .t-elegance .slide{grid-template-columns:none;min-height:0}
  .t-elegance .slide-media{margin:0}
  .t-elegance .slide-txt{padding:20px clamp(16px,2vw,28px) 0}
  .t-elegance .slider .dots,.t-elegance .slider .sl-nav{display:none}
}
/* الكارت: صورة طولية من غير إطار، والاسم والسعر سطر صغير تحتها (ستايل محلات الأزياء) */
.t-elegance .grid{gap:clamp(28px,3vw,44px) var(--gap)}
.t-elegance .card-img{aspect-ratio:3/4}
.t-elegance .card-body{text-align:start;justify-items:stretch;padding:12px 2px 0;gap:2px}
.t-elegance .card-body h3,.t-elegance .deal-t{text-align:start;font-size:13.5px;font-weight:500;color:var(--ink);-webkit-line-clamp:1}
.t-elegance .price{justify-content:flex-start}
.t-elegance .price b{font-size:14px;font-weight:600}
.t-elegance .badge-off{top:12px;inset-inline-start:12px;font-size:11.5px;letter-spacing:.04em}
@media (min-width:900px){
  .t-elegance .s-product_row .rs-wrap .rs-nav{display:none}
  .t-elegance .s-product_row .row-scroll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:clamp(28px,3vw,44px) var(--gap)}
  .t-elegance .s-product_row .row-scroll>.card:nth-child(n+9){display:none}
}
/* الأقسام: سطر كلام تحريري بدل الدواير، والكروت موزاييك (واحد كبير والباقي حواليه) */
.t-elegance .s-category_tiles .tile-img{display:none}
.t-elegance .s-category_tiles .tiles{gap:4px 6px;flex-wrap:wrap;justify-content:center;overflow:visible}
.t-elegance .s-category_tiles .tile{width:auto;padding:6px 14px;border:1px solid var(--line)}
.t-elegance .s-category_tiles .tile:hover{border-color:var(--ink)}
.t-elegance .s-category_tiles .tile-name{font-size:14px;color:var(--ink)}
@media (min-width:900px){
  .t-elegance .ccards{grid-auto-rows:clamp(200px,20vw,290px);gap:var(--gap)}
  .t-elegance .ccard:first-child .ccard-txt b{font-size:clamp(26px,2.4vw,38px)}
}
.t-elegance .ccard-txt{justify-items:start;text-align:start;padding:20px}
.t-elegance .s-banner{max-width:none;padding-inline:0}
.t-elegance .banner{min-height:clamp(380px,44vw,620px);padding-block:clamp(40px,6vw,88px)}
.t-elegance .banner h2{font-size:clamp(28px,3.6vw,52px);font-weight:700}

/* ---------------------------------------------------------------- فخامة: سينمائي، صورة كاملة وإيقاع بطيء */
.t-luxury{--sec:clamp(56px,8vw,120px)}
@media (min-width:1061px){
  .t-luxury .hdr-in{position:relative;height:80px}
  .t-luxury .menu-btn{display:inline-grid}
  .t-luxury .brand{position:absolute;left:50%;transform:translateX(-50%);font-size:22px;letter-spacing:.08em}
  .t-luxury .hdr.scrolled .brand{transform:translateX(-50%) scale(.94)}
  .t-luxury .nav{margin-inline-start:4px;font-size:13px;letter-spacing:.06em}
  .t-luxury .nav a::after{height:1px;background:var(--brand)}
  .t-luxury .search{flex:0 1 220px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
  .t-luxury .search:focus-within{background:transparent;box-shadow:none;border-color:var(--brand)}
}
.t-luxury .subnav{background:transparent;border-bottom:1px solid var(--line)}
.t-luxury .subnav-in{justify-content:safe center}
.t-luxury .subnav a{border-radius:0;font-size:12.5px;letter-spacing:.08em;color:var(--muted)}
.t-luxury .subnav a:hover{background:none;color:var(--brand)}
.t-luxury .subnav a.on{background:none;color:var(--brand);box-shadow:inset 0 -1px 0 var(--brand)}
/* الهيرو: صورة الحملة بعرض الشاشة كلها والكلام في النص تحت */
.t-luxury .slider{padding:0}
.t-luxury .slides{gap:0;padding-inline:0;scroll-padding-inline:0;max-width:none;border-radius:0}
.t-luxury .slide{flex:0 0 100%;scroll-snap-align:start;border:0;border-radius:0;min-height:clamp(520px,82svh,820px);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:end;justify-items:center;background:var(--surface)}
.t-luxury .slide-media{position:absolute;inset:0;margin:0;border-radius:0;box-shadow:none;aspect-ratio:auto;z-index:-2;background:none}
.t-luxury .slide-media img{position:absolute;inset:0;transition:transform 6s cubic-bezier(.2,.6,.2,1)}
.t-luxury .slide:hover .slide-media img{transform:scale(1.035)}
.t-luxury .slide::before{display:block;width:auto;height:auto;inset:0;left:0;bottom:0;border:0;border-radius:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 28%,transparent 42%,color-mix(in srgb,var(--bg) 92%,transparent) 96%)}
.t-luxury .slide.no-img::before{display:none}
.t-luxury .slide::after{display:none}
.t-luxury .slide-txt{justify-items:center;text-align:center;padding:0 24px clamp(64px,9vw,104px);max-width:820px;gap:12px;align-content:end}
.t-luxury .slide-txt b{font-size:clamp(32px,4.6vw,68px);font-weight:700;line-height:1.15;color:var(--ink)}
.t-luxury .slide-txt span{color:var(--ink2);font-size:clamp(15px,1.3vw,19px)}
.t-luxury .slide-txt em{background:transparent;color:var(--ink);border-radius:0;box-shadow:inset 0 0 0 1px var(--brand);padding:13px 30px;letter-spacing:.06em;font-weight:600}
.t-luxury .slide:hover .slide-txt em{background:var(--brand);color:var(--bg)}
.t-luxury .slider .dots{position:absolute;inset-inline:0;bottom:26px;margin:0}
.t-luxury .slider .dots button{height:2px;width:22px;border-radius:0;background:color-mix(in srgb,var(--ink) 30%,transparent)}
.t-luxury .slider .dots button.on{width:44px;background:var(--brand)}
.t-luxury .sl-nav{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 50%,transparent);color:var(--brand)}
/* الكارت: صورة 4:5 بإطار شعري، والكلام في النص، وشبكة 3 أعمدة متدرّجة */
.t-luxury .card-img{aspect-ratio:4/5;border-radius:0}
.t-luxury .card-body{justify-items:center;text-align:center;padding-top:16px}
.t-luxury .card-body h3{font-size:14px;font-weight:500;letter-spacing:.02em;min-height:0;-webkit-line-clamp:1}
.t-luxury .price{justify-content:center}
.t-luxury .price b{font-weight:600}
.t-luxury .badge-off{border-radius:0;background:var(--bg);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
@media (hover:hover){.t-luxury .card:hover .card-img img{transform:scale(1.04);transition-duration:1.4s}}
@media (min-width:900px){
  .t-luxury .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px clamp(24px,3vw,44px)}
  .t-luxury .row-scroll.cards>.card{flex-basis:300px}
}
.t-luxury .sec-head{flex-direction:column;gap:8px;text-align:center;margin-bottom:clamp(24px,3vw,40px)}
.t-luxury .sec-head .sec-title,.t-luxury .sec>.sec-title{justify-content:center;text-align:center}
.t-luxury .sec>.sec-title{margin-bottom:clamp(24px,3vw,40px)}
.t-luxury .sec-title::before{content:"";flex:1;min-width:30px;max-width:60px;height:1px;background:linear-gradient(270deg,transparent,var(--brand))}
.t-luxury .sec-more{color:var(--brand);font-weight:500;letter-spacing:.06em}
@media (min-width:900px){
  .t-luxury .ccards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px}
  .t-luxury .ccard{aspect-ratio:2/3;border-radius:0;box-shadow:none}
}
.t-luxury .ccard{outline:1px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:-12px}
.t-luxury .ccard-txt{justify-items:center;text-align:center;padding:28px 16px}
.t-luxury .s-banner{max-width:none;padding-inline:0}
.t-luxury .banner{border-radius:0;min-height:clamp(420px,52vw,680px);align-items:center;justify-content:center;text-align:center}

/* ---------------------------------------------------------------- تِك: عرض منتج في النص، بينتو، شرايح */
.t-tech{--sec:clamp(24px,3.6vw,44px)}
@media (min-width:1061px){
  .t-tech .hdr-in{height:68px;padding-top:0}
  .t-tech .search{flex:1 1 520px;max-width:560px;margin-inline:auto;height:42px;border-radius:12px}
  .t-tech .nav{order:5}
}
.t-tech .subnav{background:color-mix(in srgb,var(--ink) 88%,#fff);border:0}
.t-tech .subnav a{color:#c3cad6;border-radius:8px}
.t-tech .subnav a:hover{background:rgba(255,255,255,.08);color:#fff}
.t-tech .subnav a.on{background:var(--accent);color:var(--ink)}
/* الهيرو: العنوان في النص فوق والصورة طالعة من تحت (ستايل صفحات إطلاق المنتجات) */
.t-tech .slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;justify-items:stretch}
.t-tech .slide-txt{justify-items:center;text-align:center;padding:32px 20px 20px}
.t-tech .slide-txt b{font-size:clamp(28px,4.4vw,60px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.t-tech .slide-txt span{color:#cbd5e1}
.t-tech .slide-media{margin:0 16px;border-radius:calc(var(--r) * 1.1) calc(var(--r) * 1.1) 0 0;aspect-ratio:4/3;background:none;box-shadow:0 -1px 0 rgba(255,255,255,.12),0 -20px 60px -24px color-mix(in srgb,var(--accent) 50%,transparent)}
@media (min-width:900px){
  .t-tech .slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:clamp(560px,44vw,640px)}
  .t-tech .slide-txt{padding:56px 32px 32px;align-content:start}
  .t-tech .slide-media{margin:0 auto;width:min(calc(100% - 96px),980px);aspect-ratio:auto;position:relative}
}
/* الكارت: بلاطة بيضا، الصورة كاملة جوه، وزرار سهم دايري */
.t-tech .card{padding:12px 12px 14px}
.t-tech .card-body{padding:12px 4px 0;padding-inline-end:48px;position:relative}
.t-tech .card-body h3{color:var(--ink);font-weight:600;min-height:0}
.t-tech .card-go{display:grid;place-items:center;position:absolute;inset-inline-end:0;bottom:0;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;transition:background-color .2s,transform .25s var(--ease)}
.t-tech .card-go svg{width:18px;height:18px}
[dir=ltr] .t-tech .card-go svg{transform:scaleX(-1)}
@media (hover:hover){.t-tech .card:hover .card-go{background:var(--brand);transform:translateX(-3px)}[dir=ltr] .t-tech .card:hover .card-go{transform:translateX(3px)}}
.t-tech .badge-off{background:var(--ink);color:var(--accent)}
/* الأقسام: شرايح بصورة صغيرة، والكروت بينتو */
.t-tech .s-category_tiles .tiles{gap:8px;padding-block:4px 10px}
.t-tech .s-category_tiles .tile{width:auto;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:5px 16px 5px 5px;box-shadow:var(--sh-sm)}
[dir=ltr] .t-tech .s-category_tiles .tile{padding:5px 5px 5px 16px}
.t-tech .s-category_tiles .tile-img{width:40px;height:40px;border-radius:50%;box-shadow:none;background:var(--soft)}
.t-tech .s-category_tiles .tile-img img{padding:0;object-fit:cover}
.t-tech .s-category_tiles .tile-img>b{font-size:17px}
.t-tech .s-category_tiles .tile-name{font-size:13.5px;white-space:nowrap;color:var(--ink)}
.t-tech .s-category_tiles .tile:hover{box-shadow:0 0 0 1.5px var(--brand)}
.t-tech .s-category_tiles .tile:hover .tile-img{transform:none;box-shadow:none}
@media (min-width:900px){
  .t-tech .s-category_tiles .tile{width:auto}
  .t-tech .s-category_tiles .tile-img{width:40px;height:40px}
  .t-tech .ccards{grid-auto-rows:220px;gap:14px}
}
.t-tech .ccard img{object-fit:cover;padding:0}
.t-tech .ccard::after{background:linear-gradient(0deg,transparent 50%,color-mix(in srgb,var(--ink) 80%,transparent))}
.t-tech .ccard-txt{inset:0 0 auto}
.t-tech .sec-more{background:#fff;border-radius:99px;padding:7px 14px;box-shadow:var(--sh-sm);color:var(--ink)}

/* ---------------------------------------------------------------- طبيعي: هيدر عايم، أقواس، وأحزمة ناعمة */
.t-natural .hdr{background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;top:0;padding-top:10px}
.t-natural .hdr.scrolled{background:transparent;box-shadow:none}
.t-natural .hdr-in{width:calc(100% - 20px);max-width:1208px;height:62px;padding-top:0;padding-inline:10px 18px;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 0 0 1px var(--line),var(--sh-sm)}
[dir=ltr] .t-natural .hdr-in{padding-inline:18px 10px}
.t-natural .hdr.scrolled .hdr-in{box-shadow:0 0 0 1px var(--line),var(--sh)}
.t-natural .search{background:var(--soft);height:42px}
.t-natural .subnav{background:transparent;border:0}
.t-natural .subnav-in{justify-content:safe center;padding-block:10px 2px}
.t-natural .subnav a{background:var(--surface);box-shadow:0 0 0 1px var(--line);margin-inline:3px}
.t-natural .subnav a.on{background:var(--brand);color:#fff;box-shadow:none}
/* الهيرو: لوح ناعم والصورة قوس طالع من تحت */
.t-natural .slide{color:var(--ink);border-radius:36px;background:color-mix(in srgb,var(--sbg,var(--brand)) 16%,var(--bg))}
.t-natural .slide::before{width:340px;height:340px;border-radius:50%;left:auto;right:-120px;bottom:auto;top:-160px;background:color-mix(in srgb,var(--accent) 30%,transparent)}
.t-natural .slide::after{display:none}
.t-natural .slide-txt{padding:28px 24px 18px}
.t-natural .slide-txt b{color:var(--ink);text-shadow:none;font-weight:800}
.t-natural .slide-txt span{color:var(--ink2);opacity:1}
.t-natural .slide-txt em{background:var(--brand);color:#fff;box-shadow:none}
.t-natural .slide-media{margin:0 28px;border-radius:999px 999px 0 0;aspect-ratio:1;box-shadow:none;background:color-mix(in srgb,var(--sbg,var(--brand)) 26%,var(--bg))}
@media (min-width:900px){
  .t-natural .slide{grid-template-columns:1.15fr .85fr;min-height:clamp(440px,36vw,520px)}
  .t-natural .slide-txt{padding:56px clamp(36px,5vw,72px)}
  .t-natural .slide-txt b{font-size:clamp(34px,4vw,56px)}
  .t-natural .slide-media{margin:40px clamp(28px,4vw,56px) 0;align-self:end;justify-self:center;width:min(100%,400px);aspect-ratio:4/5}
}
/* الكارت: صورة على شكل قوس فوق لوح فاتح */
.t-natural .card{padding:10px 10px 14px;border-radius:28px}
.t-natural .card-img{aspect-ratio:4/5;border-radius:999px 999px 18px 18px;background:var(--soft)}
.t-natural .card-body{justify-items:center;text-align:center;padding:12px 6px 0}
.t-natural .card-body h3{min-height:0;-webkit-line-clamp:1;color:var(--ink)}
.t-natural .price{justify-content:center}
.t-natural .card-img .badge-off{top:auto;bottom:12px;inset-inline-start:auto;left:50%;transform:translateX(-50%)}
/* أحزمة ناعمة بعرض الشاشة ورا سكاشن المنتجات */
.t-natural .s-featured_products,.t-natural .s-deals,.t-natural .s-trust{background:var(--soft);box-shadow:0 0 0 100vmax var(--soft);clip-path:inset(0 -100vmax);margin-block:calc(var(--sec) / 2);padding-block:calc(var(--sec) * .8)}
.t-natural .s-deals .deal,.t-natural .s-trust .trust-i{background:var(--surface)}
.t-natural .sec-head{justify-content:center;flex-direction:column;gap:4px}
.t-natural .sec-head .sec-title,.t-natural .sec>.sec-title{justify-content:center}

/* ---------------------------------------------------------------- ماركت: لوحات بيضا على رمادي، بانر وعروض جنبه */
.t-market{--sec:16px}
.t-market #main{background:#eef0f3;padding-block:6px 20px}
.t-market #main .sec.wrap{max-width:1208px;background:#fff;border-radius:var(--r);padding:16px;margin-block:12px}
.t-market #main .sec.s-coupon_banner,.t-market #main .sec.s-banner,.t-market #main .sec.s-trust,.t-market #main .sec.s-whatsapp_cta,.t-market #main .sec.s-collection_grid,.t-market #main .sec.s-promo_tiles,.t-market #main .sec.s-category_grids{background:transparent;padding:0}
.t-market .sec-title{margin-bottom:12px}
.t-market .sec-head{margin-bottom:12px}
.t-market .deals .sec-head{margin:-16px -16px 14px;border-radius:var(--r) var(--r) 0 0;padding:12px 16px}
/* الهيرو: بانر كبير وعرضين صغيرين جنبه */
.t-market .slider{padding-top:12px}
.t-market .slide-txt b{font-weight:900}
@media (min-width:900px){
  .t-market .slides{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;max-width:1208px;overflow:visible;border-radius:0;height:clamp(360px,30vw,420px)}
  .t-market .slider[data-n="1"] .slides{grid-template-columns:1fr;grid-template-rows:1fr}
  .t-market .slider[data-n="2"] .slides{grid-template-rows:1fr}
  .t-market .slide{min-height:0;height:100%}
  .t-market .slide:first-child{grid-row:1/-1}
  .t-market .slide:nth-child(n+4){display:none}
  .t-market .slide:not(:first-child){grid-template-columns:1fr 42%}
  .t-market .slide:not(:first-child) .slide-txt{padding:18px 20px;gap:4px}
  .t-market .slide:not(:first-child) .slide-txt b{font-size:clamp(18px,1.5vw,24px)}
  .t-market .slide:not(:first-child) .slide-txt span{display:none}
  .t-market .slide:not(:first-child) .slide-txt em{font-size:13px;padding:7px 14px;margin-top:6px}
  .t-market .slide:not(:first-child) .slide-media{margin:12px;margin-inline-start:0}
  .t-market .slide:first-child .slide-media{margin:20px;margin-inline-start:0}
  .t-market .slider .dots,.t-market .slider .sl-nav{display:none}
}
/* الكارت: كثيف، السعر كبير، وسطر «وفّر» بالأخضر */
.t-market .card{border-radius:var(--r)}
.t-market .card-img{border-radius:calc(var(--r) * .7)}
.t-market .card .save{display:block;font-size:12px;font-weight:800;color:#15803d}
.t-market .row-scroll.cards>.card{flex-basis:min(44%,196px)}
@media (min-width:900px){
  .t-market .s-category_tiles .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));overflow:visible}
  .t-market .s-category_tiles .tile{width:auto}
  .t-market .s-category_tiles .tile-img{width:100%;height:auto;aspect-ratio:1}
}
@media (max-width:640px){
  .t-market #main .sec.wrap{border-radius:0;margin-block:8px}
  .t-market .deals .sec-head{border-radius:0}
  .t-luxury .slide{min-height:clamp(480px,76svh,680px)}
  .t-natural .hdr-in{height:56px;width:calc(100% - 16px)}
  .t-natural .slide-media{margin:0 22px}
}

/* موزاييك/بينتو الأقسام (أناقة وتِك): كارت كبير والباقي حواليه من غير فراغات مهما كان العدد */
@media (min-width:900px){
  .t-elegance .ccards,.t-tech .ccards{grid-template-columns:2fr 1fr 1fr}
  .t-elegance .ccard,.t-tech .ccard{aspect-ratio:auto}
  .t-elegance .ccard:first-child,.t-tech .ccard:first-child{grid-row:span 2}
  .t-elegance .ccards:has(>.ccard:nth-child(3):last-child),.t-tech .ccards:has(>.ccard:nth-child(3):last-child),
  .t-elegance .ccards:has(>.ccard:nth-child(4):last-child),.t-tech .ccards:has(>.ccard:nth-child(4):last-child){grid-template-columns:2fr 1fr}
  .t-elegance .ccards:has(>.ccard:nth-child(4):last-child) .ccard:first-child,.t-tech .ccards:has(>.ccard:nth-child(4):last-child) .ccard:first-child{grid-row:span 3}
  .t-elegance .ccards:has(>.ccard:nth-child(2):last-child),.t-tech .ccards:has(>.ccard:nth-child(2):last-child){grid-template-columns:1fr 1fr}
  .t-elegance .ccards:has(>.ccard:nth-child(2):last-child) .ccard,.t-tech .ccards:has(>.ccard:nth-child(2):last-child) .ccard{grid-row:span 2}
  .t-elegance .ccards:has(>.ccard:only-child),.t-tech .ccards:has(>.ccard:only-child){grid-template-columns:1fr}
}
@media (min-width:961px){.t-market .grid:has(>.card:nth-child(4n):last-child){grid-template-columns:repeat(4,1fr)}}
@media (max-width:899px){
  .t-market .slide{grid-template-columns:1fr 42%;grid-template-rows:none;align-items:center;min-height:0}
  .t-market .slide-txt{padding:18px 16px;gap:4px}
  .t-market .slide-txt b{font-size:clamp(20px,5.6vw,30px)}
  .t-market .slide-txt span{font-size:13px}
  .t-market .slide-txt em{font-size:13px;padding:7px 14px;margin-top:6px}
  .t-market .slide-media{margin:12px;margin-inline-start:0;aspect-ratio:1}
}

/* =====================================================================
   ميجا: شكل المتاجر الكبيرة — بحث كبير، شرايح أقسام، بانرات بتتقلب، صفوف منتجات بتتسحب،
   كروت بيضا بزرار «+» للإضافة السريعة، وفوتر فاتح. (الأساليب العامة للماركت بليس، بهوية المتجر نفسه)
   ===================================================================== */
.t-mega{--mr:18px;--sec:22px;--gap:10px;--surface:#fff;--soft:color-mix(in srgb,var(--ink) 5%,#fff);--line:color-mix(in srgb,var(--ink) 9%,#fff);
  --tint:color-mix(in srgb,var(--accent) 12%,#fff);--sale:#0f8a3c;--on-sale:#fff}
.t-mega .sec-title{font-size:clamp(17px,1vw + 12px,22px);font-weight:800;margin-bottom:12px}
.t-mega .sec-head{margin-bottom:10px}
.t-mega .sec-more{font-size:13.5px;font-weight:700;color:color-mix(in srgb,var(--brand) 70%,#2563eb);display:inline-flex;align-items:center;gap:2px}
.t-mega .sec-more svg{width:15px;height:15px}

/* الهيدر: أبيض مضغوط، والبحث كبير بإطار (على الموبايل بينزل سطر لوحده بعرض الشاشة) */
.t-mega .hdr{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--line)}
.t-mega .hdr-in{height:62px;padding-top:0;gap:12px}
.t-mega .hdr .search{flex:1 1 520px;max-width:640px;height:44px;border-radius:10px;background:#fff;border:1.5px solid var(--line);padding-inline:14px 4px}
.t-mega .hdr .search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}
.t-mega .hdr .search button{color:var(--ink)}
.t-mega .hdr .nav{display:none}
/* «التوصيل إلى» سطر صغير تحت الهيدر */
.t-mega .deliver{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2);background:#fff;padding:6px 16px;border-bottom:1px solid var(--line)}
.t-mega .deliver svg{width:16px;height:16px}
.t-mega .deliver select{border:0;background:transparent;font:inherit;font-weight:700;color:var(--ink)}
/* شرايح الأقسام: أقراص رمادي فاتح والمختار بلون مميز */
.t-mega .subnav{background:#fff;border-bottom:0}
.t-mega .subnav-in{gap:8px;padding-block:10px}
.t-mega .subnav a{background:var(--soft);color:var(--ink);font-weight:600;border-radius:12px;padding:8px 14px}
.t-mega .subnav a.on{background:var(--tint);color:var(--ink);font-weight:800;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 45%,transparent)}

/* البانرات: كروت مدوّرة بتتقلب والبانر اللي بعده باين شوية */
.t-mega .slider{padding-block:10px 2px}
.t-mega .slide{flex-basis:min(1208px,calc(100% - 64px));border-radius:var(--mr);min-height:0}
.t-mega .slide-txt{padding:18px 18px 12px}
.t-mega .slide-txt b{font-size:clamp(20px,2.6vw,36px)}
.t-mega .slide-txt em{border-radius:10px;padding:6px 14px}
.t-mega .slide-media{margin:0 12px 12px;border-radius:calc(var(--mr) - 4px);box-shadow:none;aspect-ratio:16/9}
.t-mega .dots{margin-top:6px}

/* صف الأقسام بالصور: مربعات مدوّرة كبيرة واسم القسم تحتها، بتتسحب */
.t-mega .tiles{gap:10px;padding-bottom:4px}
.t-mega .tile{width:104px;gap:6px}
.t-mega .tile-img{width:104px;height:104px;border-radius:var(--mr);background:linear-gradient(160deg,var(--tint),color-mix(in srgb,var(--accent) 22%,#fff));box-shadow:none}
.t-mega .tile>span:last-child,.t-mega .tile b,.t-mega .tile small{font-size:13px;font-weight:700;line-height:1.35;color:var(--ink)}

/* صفوف المنتجات: كروت بيضا بإطار، الصورة على أبيض، والسعر بخط عريض */
.t-mega .row-scroll{gap:10px}
.t-mega .row-scroll.cards>.card{flex-basis:min(44%,200px)}
.t-mega .card{background:#fff;border:1px solid var(--line);border-radius:var(--mr);overflow:hidden}
.t-mega .card:hover{transform:none;box-shadow:0 8px 24px -14px rgba(0,0,0,.25)}
.t-mega .card-img{background:#fff;border-radius:0;aspect-ratio:1}
.t-mega .card-img img{object-fit:contain;padding:8px}
.t-mega .card-body{padding:8px 10px 12px;gap:4px}
.t-mega .card-body h3{font-size:13px;font-weight:500;min-height:2.9em;color:var(--ink)}
.t-mega .price b{font-size:16px;font-weight:800;color:var(--ink)}
.t-mega .price s{font-size:12px;color:var(--muted)}
.t-mega .save{background:none;padding:0;color:var(--sale);font-size:12px;font-weight:700}
.t-mega .badge-off{top:8px;inset-inline-start:8px;background:var(--sale);border-radius:6px;font-size:11px;box-shadow:none}
.t-mega .card-go{display:none}
/* «+» إضافة سريعة في ركن الصورة */
.t-mega .card-add{display:grid;place-items:center;position:absolute;bottom:8px;inset-inline-end:8px;z-index:2;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 4px 12px -4px rgba(0,0,0,.25);transition:transform .15s,background-color .2s,color .2s}
.t-mega .card-add svg{width:18px;height:18px;stroke-width:2.4}
.t-mega .card-add:hover{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
.t-mega .card-add:active{transform:scale(.9)}
.t-mega .card-add.ok{animation:megaPop .5s}
@keyframes megaPop{40%{transform:scale(1.2);background:var(--ok);color:#fff;border-color:var(--ok)}}
/* شبكات المنتجات في صفحات الأقسام: نفس الكارت */
.t-mega .grid{gap:10px}

/* لوحات «تسوّق حسب القسم»: مربعات صور مدوّرة 2×2 واسم كل لوحة فوقها */
.t-mega .cpanels{gap:10px}
.t-mega .cpanel{border-radius:var(--mr);padding:12px;gap:10px;box-shadow:none}
.t-mega .cpanel h3{font-size:16px;font-weight:800;margin:0}
.t-mega .cp-grid{gap:8px}
.t-mega .cp-img{border-radius:calc(var(--mr) - 4px);background:var(--tint)}
.t-mega .cp-more{font-size:13px;font-weight:700;color:color-mix(in srgb,var(--brand) 70%,#2563eb)}

/* بلاطات العروض: كروت ملوّنة مدوّرة بتتسحب */
.t-mega .ptiles{gap:10px}
.t-mega .ptile{border-radius:var(--mr)}

/* شريط التابات تحت (موبايل): أبيض بخط فاصل */
.t-mega .tabbar{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:1px solid var(--line)}
.t-mega .tabbar .on{color:var(--ink)}
.t-mega .tabbar a::before{background:var(--accent)}

/* الفوتر: فاتح زي المتاجر الكبيرة */
.t-mega .ftr{background:#fff;color:var(--ink2);border-top:1px solid var(--line)}
.t-mega .ftr-name,.t-mega .ftr-links b{color:var(--ink)}
.t-mega .ftr a{color:var(--ink2)}


/* ---------- ميجا: كل نوع قسم بشكل كروت مختلف (مش كل الكروت نفس القالب) ---------- */
/* صف منتجات 2: شريط ملوّن هادي، والكروت من غير إطار وصورها على خلفية فاتحة */
.t-mega .s-product_row.s-v2{background:linear-gradient(160deg,var(--tint),color-mix(in srgb,var(--accent) 20%,#fff));border-radius:var(--mr);padding:16px 14px 10px;margin-block:10px}
.t-mega .s-product_row.s-v2 .card{border:0;box-shadow:0 6px 18px -12px rgba(0,0,0,.3)}
.t-mega .s-product_row.s-v2 .card-img{background:color-mix(in srgb,var(--accent) 8%,#fff)}
/* صف منتجات 3: كروت أفقية صغيرة في سطرين (صورة جنب الاسم والسعر) */
.t-mega .s-product_row.s-v3 .row-scroll{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:min(80%,320px);gap:10px}
.t-mega .s-product_row.s-v3 .row-scroll.cards>.card{flex:none;flex-direction:row;align-items:center;gap:10px;padding:8px}
.t-mega .s-product_row.s-v3 .card-img{flex:0 0 92px;width:92px;border-radius:calc(var(--mr) - 6px);background:var(--soft)}
.t-mega .s-product_row.s-v3 .card-img img{padding:4px}
.t-mega .s-product_row.s-v3 .card-body{padding:0;flex:1;min-width:0}
.t-mega .s-product_row.s-v3 .card-body h3{min-height:0}
.t-mega .s-product_row.s-v3 .save,.t-mega .s-product_row.s-v3 .badge-off{display:none}
.t-mega .s-product_row.s-v3 .card-add{width:30px;height:30px;bottom:4px;inset-inline-end:4px}
/* صف منتجات 4: أول منتج كبير «مميز»، والصور على خلفيات باستيل متغيرة */
.t-mega .s-product_row.s-v4 .row-scroll.cards>.card:first-child{flex-basis:min(72%,380px)}
.t-mega .s-product_row.s-v4 .row-scroll.cards>.card:first-child h3{font-size:16px;font-weight:700}
.t-mega .s-product_row.s-v4 .row-scroll.cards>.card:first-child .price b{font-size:20px}
.t-mega .s-product_row.s-v4 .card{border:0}
.t-mega .s-product_row.s-v4 .card:nth-child(4n+1) .card-img{background:#fdeef3}
.t-mega .s-product_row.s-v4 .card:nth-child(4n+2) .card-img{background:#eef4ff}
.t-mega .s-product_row.s-v4 .card:nth-child(4n+3) .card-img{background:#fff6e5}
.t-mega .s-product_row.s-v4 .card:nth-child(4n+4) .card-img{background:#eaf7ef}

/* عروض اليوم: كروت بشريط علوي بلون مميز والخصم كبير */
.t-mega .deals .row-scroll{gap:10px}
.t-mega .deal{border-radius:var(--mr);border:0;background:#fff;box-shadow:0 8px 22px -14px rgba(0,0,0,.35);border-top:5px solid var(--accent)}
.t-mega .deal-img{background:color-mix(in srgb,var(--accent) 8%,#fff)}
.t-mega .deal-img img{object-fit:contain;padding:10px}
.t-mega .deal-off{font-size:14px;padding:4px 10px;border-radius:999px;background:var(--accent);color:#fff}
.t-mega .countdown b{border-radius:999px}

/* بلاطات العروض: كروت طويلة ملوّنة بتتسحب، الكلام كبير فوق والصورة تحت */
.t-mega .ptiles{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.t-mega .ptiles::-webkit-scrollbar{display:none}
.t-mega .ptile{flex:0 0 min(46%,240px);scroll-snap-align:start;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;min-height:250px;padding:16px 14px 0;overflow:hidden}
.t-mega .pt-txt b{font-size:clamp(18px,1.2vw + 12px,24px)}
.t-mega .pt-img{margin:8px -14px 0;border-radius:var(--mr) var(--mr) 0 0;align-self:end;aspect-ratio:4/3}

/* تسوّق حسب القسم الرئيسي: مربعات صور مدوّرة على خلفيات ملوّنة واسم كل منتج «كبسولة» فوق الصورة */
.t-mega .cp-grid a{position:relative}
.t-mega .cp-grid a:nth-child(4n+1) .cp-img{background:#fdeef3}
.t-mega .cp-grid a:nth-child(4n+2) .cp-img{background:#eef4ff}
.t-mega .cp-grid a:nth-child(4n+3) .cp-img{background:#fff6e5}
.t-mega .cp-grid a:nth-child(4n+4) .cp-img{background:#eaf7ef}
.t-mega .cp-img img{object-fit:contain;padding:10px}
.t-mega .cp-grid small{position:absolute;top:8px;inset-inline:8px;margin-inline:auto;width:fit-content;max-width:calc(100% - 16px);background:#fff;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700;box-shadow:0 2px 8px -3px rgba(0,0,0,.25);text-align:center}

@media (min-width:900px){
  .t-mega .row-scroll.cards>.card{flex-basis:200px}
  .t-mega .tile{width:120px}.t-mega .tile-img{width:120px;height:120px}
}
@media (max-width:640px){
  .t-mega .hdr-in{flex-wrap:wrap;height:auto;padding-block:8px;row-gap:8px}
  .t-mega .hdr .search{display:flex;order:9;flex:1 1 100%;max-width:none;margin:0}
}
@media (prefers-reduced-motion:reduce){.t-mega .card-add{transition:none}.t-mega .card-add.ok{animation:none}}

/* =====================================================================
   0051 — 3 قوالب جديدة: ورق وحبر · سيجنال · منتصف الليل (ألوان + تخطيط، مش ألوان بس)
   ===================================================================== */

/* ---------------------------------------------------------------- ورق وحبر: تحريري، ورق كريمي وحبر، عناوين سيريف، خطوط رفيعة وترقيم */
.t-paper{--surface:color-mix(in srgb,#fff 55%,var(--bg));--soft:color-mix(in srgb,var(--ink) 5%,var(--bg));--line:color-mix(in srgb,var(--ink) 16%,var(--bg));
  --tint:color-mix(in srgb,var(--accent) 10%,var(--bg));--sale:var(--accent);--on-sale:#fff;--sh:none;--sh-sm:none;--sh-lg:0 24px 48px -28px rgba(20,20,20,.35);
  --sec:clamp(48px,7vw,96px);counter-reset:psec}
.t-paper h1,.t-paper h2,.t-paper h3,.t-paper .brand,.t-paper .sec-title,.t-paper .slide-txt b{font-family:var(--fh),serif}
.t-paper .announce{background:var(--ink);color:var(--bg);font-size:12.5px;letter-spacing:.06em;font-weight:500}
.t-paper .hdr{background:var(--bg);border-bottom:1px solid var(--ink)}
.t-paper .hdr.scrolled{box-shadow:none}
.t-paper .brand{font-weight:700;font-size:24px;letter-spacing:-.01em}
.t-paper .brand-mark{background:none;border:1px solid var(--ink);color:var(--ink);border-radius:0}
.t-paper .search{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.t-paper .search:focus-within{background:transparent;box-shadow:none;border-color:var(--ink)}
.t-paper .nav a::after{height:1px;background:var(--ink)}
.t-paper .subnav{background:var(--bg);border-bottom:1px solid var(--line)}
.t-paper .subnav a{border-radius:0;background:none;font-weight:500}
.t-paper .subnav a.on,.t-paper .subnav a:hover{background:none;color:var(--accent);box-shadow:inset 0 -1px 0 var(--accent)}
/* العناوين: رقم تحريري صغير «01» قبل كل عنوان، وخط رفيع تحته */
.t-paper .sec-title{font-weight:600;font-size:clamp(24px,1.6vw + 14px,34px);letter-spacing:-.01em;align-items:baseline}
.t-paper .sec>.sec-title,.t-paper .sec-head .sec-title{counter-increment:psec}
.t-paper .sec>.sec-title::before,.t-paper .sec-head .sec-title::before{content:counter(psec,decimal-leading-zero);font-family:var(--fb),sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--accent);flex:none}
.t-paper .sec-head{border-bottom:1px solid var(--ink);padding-bottom:12px}
.t-paper .sec-ic{display:none}
.t-paper .sec-more{color:var(--accent);font-weight:600;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 2px}
.t-paper .btn{background:var(--ink);color:var(--bg);border-radius:0;box-shadow:none;letter-spacing:.02em}
.t-paper .btn:hover{background:var(--accent)}
.t-paper .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
/* الهيرو: صفحة مجلة — الكلام كبير على الورق والصورة في إطار حبر رفيع */
.t-paper .slider{padding-top:clamp(12px,2vw,28px)}
.t-paper .slide{background:var(--bg);color:var(--ink);border-radius:0;border-block:1px solid var(--ink);box-shadow:none}
.t-paper .slide::before,.t-paper .slide::after{display:none}
.t-paper .slide-media{border-radius:0;box-shadow:none;outline:1px solid var(--ink);outline-offset:6px;background:var(--soft)}
.t-paper .slide-txt b{font-weight:600;font-size:clamp(30px,3.6vw,56px);line-height:1.08;letter-spacing:-.02em;color:var(--ink);text-shadow:none}
.t-paper .slide-txt span{color:color-mix(in srgb,var(--ink) 72%,var(--bg));opacity:1}
.t-paper .slide-txt em{background:transparent;color:var(--accent);border-radius:0;box-shadow:none;padding:4px 0;border-bottom:1.5px solid var(--accent);font-style:normal}
.t-paper .slide.no-img{background:var(--tint)}
.t-paper .dots button{background:var(--line);border-radius:0;height:2px}
.t-paper .dots button.on{background:var(--ink)}
.t-paper .sl-nav{background:var(--bg);box-shadow:inset 0 0 0 1px var(--ink);border-radius:0;color:var(--ink)}
/* الكارت: من غير صندوق — صورة بإطار رفيع، والاسم سيريف، والسعر بلون الحبر الملوّن */
.t-paper .card{background:transparent}
.t-paper .card-img{border-radius:0;box-shadow:inset 0 0 0 1px var(--line);background:var(--surface)}
.t-paper .card-body{padding:12px 0 0;text-align:start;justify-items:start}
.t-paper .card-body h3{font-family:var(--fh),serif;font-size:16px;font-weight:600;color:var(--ink);min-height:0;-webkit-line-clamp:2}
.t-paper .price{justify-content:flex-start}
.t-paper .price b{color:var(--accent);font-weight:600}
.t-paper .badge-off{background:var(--ink);color:var(--bg);border-radius:0;font-size:11px;letter-spacing:.06em}
@media (hover:hover){.t-paper .card:hover .card-img{box-shadow:inset 0 0 0 1px var(--ink)}}
/* الأقسام: صور مربعة بإطار والاسم تحتها سيريف */
.t-paper .tile-img{border-radius:0;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.t-paper .tile:hover .tile-img{box-shadow:0 0 0 1px var(--ink);transform:none}
.t-paper .tile-name{font-family:var(--fh),serif;font-size:15px;font-weight:600}
.t-paper .ccard{border-radius:0;box-shadow:0 0 0 1px var(--ink)}
.t-paper .ccard::after{background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 94%,transparent) 22%,transparent 60%)}
.t-paper .ccard-txt{color:var(--ink)}
.t-paper .ccard-txt b{font-family:var(--fh),serif;font-weight:600}
.t-paper .ccard-txt small{color:var(--accent)}
.t-paper .banner{border-radius:0}
.t-paper .banner h2{font-weight:600;letter-spacing:-.02em}
.t-paper .ptile{border-radius:0;box-shadow:0 0 0 1px var(--ink)}
.t-paper .cpn{background:var(--bg);color:var(--ink);border:1px solid var(--ink);border-radius:0;box-shadow:none}
.t-paper .cpn-main::before{background:none}
.t-paper .cpn-big{color:var(--accent);font-family:var(--fh),serif}
.t-paper .cpn-code{border-radius:0}
.t-paper .cpn-code button{background:var(--ink);color:var(--bg);border-radius:0}
.t-paper .deal,.t-paper .chip,.t-paper .cats .cat,.t-paper .trust-i,.t-paper .assure>li,.t-paper .tier,.t-paper .co-trust.tb li{border-radius:0}
.t-paper .chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.t-paper .trust-ic{background:none;border:1px solid var(--ink);color:var(--ink);border-radius:0}
.t-paper .ftr{background:var(--bg);border-top:3px double var(--ink);color:color-mix(in srgb,var(--ink) 70%,var(--bg))}
.t-paper .ftr-name{font-family:var(--fh),serif;color:var(--ink)}
.t-paper .ftr-links b{color:var(--ink);font-family:var(--fh),serif}
.t-paper .ftr a:hover{color:var(--accent)}

/* ---------------------------------------------------------------- سيجنال: جريء — أبيض وأسود ولون إشارة، عناوين تقيلة، حواف حادة وخطوط سميكة */
.t-signal{--surface:#fff;--soft:#f4f4f2;--line:color-mix(in srgb,var(--ink) 12%,#fff);--tint:color-mix(in srgb,var(--accent) 12%,#fff);
  --sale:var(--accent);--on-sale:var(--ink);--sh:none;--sh-sm:none;--sec:clamp(32px,4.6vw,64px)}
.t-signal h1,.t-signal h2,.t-signal .brand,.t-signal .sec-title,.t-signal .slide-txt b{font-family:var(--fh),sans-serif;letter-spacing:-.03em}
.t-signal .announce{background:var(--accent);color:var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px}
.t-signal .hdr{background:#fff;border-bottom:2px solid var(--ink)}
.t-signal .hdr.scrolled{box-shadow:none}
.t-signal .brand{font-weight:800;font-size:22px}
.t-signal .brand-mark{background:var(--ink);color:var(--accent);border-radius:4px}
.t-signal .search{background:var(--soft);border:2px solid transparent;border-radius:var(--r)}
.t-signal .search:focus-within{background:#fff;border-color:var(--ink);box-shadow:none}
.t-signal .nav{font-weight:700}
.t-signal .nav a::after{height:3px;background:var(--accent)}
.t-signal .cart-count{background:var(--accent);color:var(--ink);box-shadow:0 0 0 2px #fff}
.t-signal .subnav{background:var(--ink);border:0}
.t-signal .subnav a{color:#fff;font-weight:700;border-radius:var(--r)}
.t-signal .subnav a:hover{background:rgba(255,255,255,.12);color:#fff}
.t-signal .subnav a.on{background:var(--accent);color:var(--ink)}
/* العناوين: كبيرة وتقيلة ومربع بلون الإشارة قبلها */
.t-signal .sec-title{font-weight:800;font-size:clamp(26px,2.4vw + 12px,44px);line-height:1.25}
[dir=ltr] .t-signal .sec-title{line-height:1}
/* عدد المنتجات جنب عنوان القسم: بخط النص ومسافة عادية (مش التقيل اللازق) */
.t-signal .sec-title small,.t-paper .sec-title small{font-family:var(--fb),sans-serif;letter-spacing:0;font-size:13px;font-weight:600;align-self:center}
.t-signal .sec-title::before{content:"";width:.42em;height:.42em;background:var(--accent);flex:none;align-self:center}
.t-signal .sec-ic{display:none}
.t-signal .sec-more{background:var(--ink);color:#fff;border-radius:var(--r);padding:8px 14px;font-weight:700}
.t-signal .sec-more:hover{background:var(--accent);color:var(--ink)}
.t-signal .btn{background:var(--ink);color:#fff;border-radius:var(--r);font-weight:800;box-shadow:none}
.t-signal .btn:hover{background:var(--accent);color:var(--ink)}
.t-signal .btn-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
/* الهيرو: بلوك أسود وكلام أبيض ضخم وزرار بلون الإشارة، والصورة بحافة حادة */
.t-signal .slide{background:var(--ink);color:#fff;border-radius:var(--r);box-shadow:none}
.t-signal .slide::before,.t-signal .slide::after{display:none}
.t-signal .slide-txt b{font-weight:800;font-size:clamp(34px,4.8vw,76px);line-height:1.18;color:#fff;text-shadow:none}
/* اللاتيني بيستحمل سطور لازقة، العربي لأ (النقط والحروف الطالعة) */
[dir=ltr] .t-signal .slide-txt b{line-height:.98}
.t-signal .slide-txt span{color:#d4d4d4;opacity:1}
.t-signal .slide-txt em{background:var(--accent);color:var(--ink);border-radius:var(--r);font-weight:800;font-style:normal;box-shadow:none}
.t-signal .slide-media{border-radius:calc(var(--r) * .6);box-shadow:none;background:#1c1c1c}
.t-signal .slide.no-img{background:var(--ink)}
.t-signal .dots button{background:var(--line);border-radius:0;height:4px}
.t-signal .dots button.on{background:var(--accent)}
.t-signal .sl-nav{background:var(--accent);color:var(--ink);box-shadow:none;border-radius:var(--r)}
/* الكارت: بلاطة رمادي فاتح، السعر تقيل وكبير، وملصق الخصم بلون الإشارة */
.t-signal .card{background:transparent}
.t-signal .card-img{background:var(--soft);border-radius:var(--r);box-shadow:none}
.t-signal .card-body{padding:10px 2px 0;text-align:start;justify-items:start}
.t-signal .card-body h3{font-weight:600;font-size:14px;color:var(--ink);min-height:0}
.t-signal .price{justify-content:flex-start}
.t-signal .price b{font-family:var(--fh),sans-serif;font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.02em}
.t-signal .badge-off{background:var(--accent);color:var(--ink);border-radius:var(--r);font-weight:800;text-transform:uppercase}
@media (hover:hover){.t-signal .card:hover .card-img{box-shadow:0 0 0 2px var(--ink)}}
/* الأقسام: شرايح بإطار أسود سميك */
.t-signal .tile-img{border-radius:var(--r);background:var(--soft);box-shadow:none}
.t-signal .tile:hover .tile-img{box-shadow:0 0 0 2px var(--ink);transform:none}
.t-signal .tile-name{font-weight:700}
.t-signal .ccard{border-radius:var(--r);box-shadow:none}
.t-signal .ccard::after{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.t-signal .ccard-txt b{font-family:var(--fh),sans-serif;font-weight:800;letter-spacing:-.02em}
.t-signal .ccard-txt small{color:var(--accent)}
.t-signal .banner{border-radius:var(--r)}
.t-signal .banner h2{font-weight:800;letter-spacing:-.03em}
.t-signal .cpn{background:var(--accent);color:var(--ink);border:0;box-shadow:none;border-radius:var(--r)}
.t-signal .cpn-main::before{background:none}
.t-signal .cpn-big{color:var(--ink);font-family:var(--fh),sans-serif;font-weight:800}
.t-signal .cpn-code{background:#fff;border-color:var(--ink)}
.t-signal .cpn-code button{background:var(--ink);color:#fff}
.t-signal .deal-off{background:var(--accent);color:var(--ink)}
.t-signal .deal-p{font-weight:800}
.t-signal .chip{border-width:2px}
.t-signal .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.t-signal .trust-ic{background:var(--ink);color:var(--accent);border-radius:var(--r)}
.t-signal .assure svg,.t-signal .co-trust.tb svg{color:var(--ink)}
.t-signal .ftr{background:var(--ink);color:#bdbdbd;border:0}
.t-signal .ftr-name{color:#fff;font-family:var(--fh),sans-serif;font-weight:800}
.t-signal .ftr-links b{color:#fff}
.t-signal .ftr a:hover{color:var(--accent)}
.t-signal .ftr-pay svg{color:#fff}
.t-signal .powered{border-color:rgba(255,255,255,.14)}
.t-signal .powered a{color:var(--accent)}

/* ---------------------------------------------------------------- منتصف الليل: كحلي غامق ولمسة نحاس — عصري وهادي، زوايا ناعمة ولوحات (الألوان الغامقة من بلوك «فخامة») */
.t-midnight{--surface:color-mix(in srgb,var(--ink) 6%,var(--bg));--soft:color-mix(in srgb,var(--ink) 9%,var(--bg));--line:color-mix(in srgb,var(--ink) 14%,var(--bg));
  --muted:color-mix(in srgb,var(--ink) 64%,var(--bg));--ink2:color-mix(in srgb,var(--ink) 86%,var(--bg));--tint:color-mix(in srgb,var(--brand) 12%,var(--bg));
  --on-brand:var(--bg);--on-accent:var(--bg);--sale:var(--brand);--on-sale:var(--bg);--sec:clamp(40px,6vw,84px);color-scheme:dark}
.t-midnight .announce{background:var(--brand);color:var(--bg);border:0;font-weight:600;letter-spacing:.02em}
.t-midnight .hdr{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line)}
.t-midnight .brand{color:var(--ink);font-weight:700;letter-spacing:-.01em}
.t-midnight .brand-mark{background:var(--brand);color:var(--bg);border:0;border-radius:calc(var(--r) * .7)}
.t-midnight .search{background:var(--surface);border:1px solid var(--line);border-radius:999px}
.t-midnight .search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.t-midnight .subnav{background:var(--bg);border-bottom:1px solid var(--line)}
.t-midnight .subnav a{border-radius:999px;color:var(--muted)}
.t-midnight .subnav a:hover{background:var(--surface);color:var(--ink)}
.t-midnight .subnav a.on{background:var(--brand);color:var(--bg)}
/* العناوين: شرطة نحاس قصيرة فوق العنوان بدل الخطوط الشعرية */
.t-midnight .sec-title{font-weight:600;font-size:clamp(22px,1.4vw + 14px,32px);letter-spacing:-.015em;flex-direction:column;align-items:flex-start;gap:10px}
.t-midnight .sec-title::before{content:"";width:28px;height:2px;background:var(--brand);flex:none;display:block}
.t-midnight .sec-title::after{display:none}
.t-midnight .sec-head{align-items:flex-end}
.t-midnight .sec-ic{display:none}
.t-midnight .sec-more{color:var(--brand);font-weight:600}
.t-midnight .btn{background:var(--brand);color:var(--bg);border-radius:999px;box-shadow:none;font-weight:700}
.t-midnight .btn:hover{background:color-mix(in srgb,var(--brand) 85%,#fff)}
.t-midnight .btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}
/* الهيرو: لوحة مدوّرة فيها الكلام، والصورة جنبها بإطار نحاس رفيع */
.t-midnight .slide{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:calc(var(--r) * 1.6);box-shadow:none}
.t-midnight .slide::before,.t-midnight .slide::after{display:none}
.t-midnight .slide-txt b{font-weight:700;font-size:clamp(30px,3.8vw,58px);line-height:1.08;letter-spacing:-.025em;color:var(--ink)}
.t-midnight .slide-txt span{color:var(--muted)}
.t-midnight .slide-txt em{background:var(--brand);color:var(--bg);border-radius:999px;font-style:normal}
.t-midnight .slide-media{border-radius:calc(var(--r) * 1.2);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 45%,transparent);background:var(--soft)}
.t-midnight .dots button{background:var(--line)}
.t-midnight .dots button.on{background:var(--brand)}
/* الكارت: لوحة كحلي أفتح سنة، الصورة مدوّرة جواها، والسعر نحاس */
.t-midnight .card{background:var(--surface);border-radius:calc(var(--r) * 1.2);padding:10px 10px 14px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .25s,transform .25s}
.t-midnight .card-img{border-radius:var(--r);box-shadow:none;background:var(--soft)}
.t-midnight .card-body{padding:12px 4px 0}
.t-midnight .card-body h3{color:var(--ink2);font-weight:500}
.t-midnight .price b{color:var(--brand);font-weight:700}
.t-midnight .badge-off{background:var(--brand);color:var(--bg);border-radius:999px;box-shadow:none}
@media (hover:hover){.t-midnight .card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 60%,transparent);transform:translateY(-2px)}}
.t-midnight .tile-img{border-radius:var(--r);background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.t-midnight .tile:hover .tile-img{box-shadow:0 0 0 1px var(--brand)}
.t-midnight .ccard{border-radius:calc(var(--r) * 1.2);box-shadow:0 0 0 1px var(--line)}
.t-midnight .banner{border-radius:calc(var(--r) * 1.6)}
.t-midnight .ptile{border-radius:calc(var(--r) * 1.4)}
.t-midnight .cpn{border-radius:calc(var(--r) * 1.4)}
.t-midnight .chip{border-radius:999px}
.t-midnight .trust-ic{border-radius:var(--r)}
.t-midnight .ftr{background:color-mix(in srgb,#000 30%,var(--bg));border-top:1px solid var(--line)}
.t-midnight .ftr-name{color:var(--ink)}
.t-midnight .ftr-links b{color:var(--brand)}
@media (prefers-reduced-motion:reduce){.t-midnight .card{transition:none}.t-midnight .card:hover{transform:none}}
/* زرار واتساب يفضل أخضر واتساب في القوالب الجديدة (قاعدة .btn بتاعة القالب أقوى من .btn-wa الأساسية) */
.t-paper .btn-wa,.t-signal .btn-wa,.t-midnight .btn-wa,.t-paper .btn-wa:hover,.t-signal .btn-wa:hover,.t-midnight .btn-wa:hover{background:var(--wa);color:#fff;box-shadow:none}
.t-paper .btn-wa-soft,.t-signal .btn-wa-soft{background:color-mix(in srgb,var(--wa) 12%,var(--bg));color:#128c4b;box-shadow:none}
.t-midnight .btn-wa-soft{background:color-mix(in srgb,var(--wa) 10%,var(--bg));color:#4ade80;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wa) 30%,transparent)}

/* مشهد: فاتح وحيوي — هيدر أبيض، أزرار كبسولة، كروت مدوّرة على لوح فاتح، وقصة الفيديو هي البطل */
.t-scene{--surface:color-mix(in srgb,var(--brand) 5%,var(--bg));--soft:color-mix(in srgb,var(--brand) 9%,var(--bg));--line:color-mix(in srgb,var(--ink) 10%,var(--bg))}
.t-scene .hdr{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.t-scene .subnav a{border-radius:999px;font-weight:600}
.t-scene .subnav a.on{background:var(--brand);color:var(--on-brand)}
.t-scene .wa-float{display:none}
/* نص الأزرار والشريط: غامق على البرتقالي الفاتح وأبيض على الأخضر والأزرق */
@supports (color:oklch(from red l c h)){.t-scene{--on-brand:oklch(from var(--brand) calc((.72 - l)*1000) 0 0)}}
.t-scene .btn{border-radius:999px;font-weight:700}
.t-scene .btn-ghost{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);background:transparent}
.t-scene .sec-title{font-weight:800;font-size:clamp(24px,1.8vw + 14px,38px);letter-spacing:-.02em}
.t-scene .sec-title::after{display:none}
.t-scene .sec-ic{display:none}
.t-scene .card-img{border-radius:18px;background:var(--surface)}
.t-scene .card{border:0;box-shadow:none;background:transparent}
.t-scene .slide{border-radius:clamp(0px,1.6vw,24px)}
.t-scene .ftr{background:var(--surface);border-top:0}
.t-scene .vs-cap{font-size:clamp(32px,5vw,68px)}
.t-scene .vs-cap mark{background:var(--bg);color:var(--ink)}
.t-scene .vstory .vs-shade{background:none}