/* ═══════════════════════════════════════════════════════════════════════
   دورلي — استوديو التصميم v2
   (١) سمات html[data-dw-*] + متغيّرات --dw-* تعيد ربط style.css/player.css
   (٢) الدرج: ترويسة + بطاقة الهويّة الحيّة + شريط أقسام جانبيّ + محتوى + تذييل
   الافتراضيّ = شكل الموقع الحاليّ تمامًا.
   ═══════════════════════════════════════════════════════════════════════ */

/* ───────── ١) إعادة الربط ───────── */
/* لون التمييز */
html[data-dw-accent="red"]{--am:#FF4D5E;--am2:#D7263D;--am-soft:rgba(255,77,94,.15);--cc-title:#FF4D5E;--ac-tx:#1a0507}
html[data-dw-accent="blue"]{--am:#4DA3FF;--am2:#1877F2;--am-soft:rgba(77,163,255,.15);--cc-title:#4DA3FF;--ac-tx:#06131f}
html[data-dw-accent="cyan"]{--am:#2EE6D6;--am2:#0FB5B5;--am-soft:rgba(46,230,214,.15);--cc-title:#2EE6D6;--ac-tx:#041a18}
html[data-dw-accent="violet"]{--am:#B48CFF;--am2:#7C3AED;--am-soft:rgba(180,140,255,.16);--cc-title:#B48CFF;--ac-tx:#140a26}
html[data-dw-accent="green"]{--am:#3DDC97;--am2:#0FA968;--am-soft:rgba(61,220,151,.15);--cc-title:#3DDC97;--ac-tx:#04170f}
html[data-dw-accent="gold"]{--am:#F6D365;--am2:#D9A520;--am-soft:rgba(246,211,101,.16);--cc-title:#F6D365;--ac-tx:#1a1304}
html[data-dw-accent="pink"]{--am:#FF7AB6;--am2:#E0338A;--am-soft:rgba(255,122,182,.16);--cc-title:#FF7AB6;--ac-tx:#1a0511}
html[data-dw-accent="white"]{--am:#F4F4F6;--am2:#BDBDC7;--am-soft:rgba(244,244,246,.12);--cc-title:#F4F4F6;--ac-tx:#0a0a0c}
html[data-dw-accent="orange"]{--am:#FF8A3D;--am2:#F25C05;--am-soft:rgba(255,138,61,.15);--cc-title:#FF8A3D;--ac-tx:#1a0b02}
html[data-dw-accent="lime"]{--am:#C6F432;--am2:#84CC16;--am-soft:rgba(198,244,50,.14);--cc-title:#C6F432;--ac-tx:#141a02}
html[data-dw-accent="custom"]{--am:var(--dw-c1);--am2:var(--dw-c2);--am-soft:var(--dw-c3);--cc-title:var(--dw-c1);--ac-tx:var(--dw-c4)}
/* الخلفيّة العامّة */
html[data-dw-bg="oled"]{--bg:#000000;--bg2:#070709;--bg3:#111114}
html[data-dw-bg="navy"]{--bg:#040B1C;--bg2:#08132B;--bg3:#0F1E3F}
html[data-dw-bg="wine"]{--bg:#0E0409;--bg2:#190A12;--bg3:#27121D}
html[data-dw-bg="forest"]{--bg:#040D09;--bg2:#081711;--bg3:#0F241B}
html[data-dw-bg="slate"]{--bg:#0B0D12;--bg2:#13161E;--bg3:#1C212C}
html[data-dw-bg="warm"]{--bg:#0F0A06;--bg2:#1A120B;--bg3:#271C12}
html[data-dw-bg="plum"]{--bg:#0A0612;--bg2:#140C20;--bg3:#1F1431}
html[data-dw-bg]:not([data-dw-bg="night"]) .rail{background:color-mix(in srgb,var(--bg2) 96%,transparent)}
/* الهالة */
html{--dw-g1:rgba(22,140,255,.14);--dw-g2:rgba(255,123,0,.11);--dw-g3:rgba(255,172,45,.05)}
html[data-dw-glow="accent"]{--dw-g1:color-mix(in srgb,var(--am) 16%,transparent);--dw-g2:color-mix(in srgb,var(--am2) 12%,transparent);--dw-g3:color-mix(in srgb,var(--am) 6%,transparent);--bl:var(--am)}
html[data-dw-glow="purple"]{--dw-g1:rgba(139,92,246,.16);--dw-g2:rgba(236,72,153,.10);--dw-g3:rgba(139,92,246,.05);--bl:#a78bfa}
html[data-dw-glow="teal"]{--dw-g1:rgba(20,184,166,.15);--dw-g2:rgba(59,130,246,.10);--dw-g3:rgba(20,184,166,.05);--bl:#2dd4bf}
html[data-dw-glow="ember"]{--dw-g1:rgba(255,80,40,.14);--dw-g2:rgba(255,172,45,.12);--dw-g3:rgba(255,80,40,.05);--bl:#ff7a45}
html[data-dw-glow="none"]{--dw-g1:transparent;--dw-g2:transparent;--dw-g3:transparent}
html[data-dw-glow] body::before{background:radial-gradient(58vw 46vw at 12% -4%,var(--dw-g1),transparent 62%),radial-gradient(52vw 44vw at 92% 96%,var(--dw-g2),transparent 60%),radial-gradient(40vw 34vw at 78% 24%,var(--dw-g3),transparent 62%);opacity:var(--dw-glowk,1)}
html[data-dw-pattern="off"] body::after{display:none}

/* طبقة التأثيرات */
#dwFx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;display:none;opacity:var(--dw-fx-op,1)}
#dwFx::before,#dwFx::after{content:"";position:absolute;inset:-20%}
html[data-dw-fx]:not([data-dw-fx="none"]) #dwFx{display:block}
html[data-dw-fx="aurora"] #dwFx::before{background:radial-gradient(38% 46% at 18% 30%,color-mix(in srgb,var(--am) 30%,transparent),transparent 70%),radial-gradient(34% 44% at 82% 22%,color-mix(in srgb,var(--bl) 26%,transparent),transparent 70%),radial-gradient(44% 52% at 60% 88%,color-mix(in srgb,var(--am2) 26%,transparent),transparent 70%);filter:blur(46px);animation:dwAurora calc(28s / var(--dw-speed,1)) ease-in-out infinite alternate}
html[data-dw-fx="aurora"] #dwFx::after{background:radial-gradient(30% 40% at 40% 60%,color-mix(in srgb,var(--bl) 18%,transparent),transparent 70%);filter:blur(60px);animation:dwAurora calc(40s / var(--dw-speed,1)) ease-in-out infinite alternate-reverse}
@keyframes dwAurora{from{transform:translate(-5%,-4%) rotate(-4deg) scale(1)}to{transform:translate(5%,4%) rotate(4deg) scale(1.15)}}
html[data-dw-fx="stars"] #dwFx::before{inset:0;background-image:radial-gradient(1.4px 1.4px at 12% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1px 1px at 32% 64%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.8px 1.8px at 58% 28%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 76% 72%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1.3px 1.3px at 88% 12%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 44% 88%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.6px 1.6px at 22% 44%,color-mix(in srgb,var(--am) 85%,#fff),transparent 60%),radial-gradient(1px 1px at 66% 52%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.2px 1.2px at 8% 82%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.5px 1.5px at 94% 46%,rgba(255,255,255,.7),transparent 60%);background-size:520px 460px;animation:dwTwinkle calc(5s / var(--dw-speed,1)) ease-in-out infinite alternate}
html[data-dw-fx="stars"] #dwFx::after{inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.2px 1.2px at 70% 80%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.45),transparent 60%);background-size:380px 340px;animation:dwTwinkle calc(7s / var(--dw-speed,1)) ease-in-out infinite alternate-reverse,dwDrift calc(120s / var(--dw-speed,1)) linear infinite}
@keyframes dwTwinkle{from{opacity:.45}to{opacity:1}}
@keyframes dwDrift{from{background-position:0 0}to{background-position:380px 340px}}
html[data-dw-fx="grid"] #dwFx::before{inset:auto 0 0 0;height:70vh;transform-origin:50% 100%;transform:perspective(600px) rotateX(62deg);background-image:linear-gradient(color-mix(in srgb,var(--am) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--am) 35%,transparent) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000 40%,#000);animation:dwGrid calc(6s / var(--dw-speed,1)) linear infinite;opacity:.35}
@keyframes dwGrid{from{background-position:0 0}to{background-position:0 70px}}
html[data-dw-fx="grain"] #dwFx::before{inset:-50%;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:dwGrain .6s steps(4) infinite}
@keyframes dwGrain{0%{transform:translate(0,0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-5%)}75%{transform:translate(-2%,-2%)}100%{transform:translate(4%,4%)}}
html[data-dw-fx="embers"] #dwFx::before,html[data-dw-fx="embers"] #dwFx::after{inset:0;top:100%;height:200%;background-image:radial-gradient(3px 3px at 10% 10%,color-mix(in srgb,var(--am) 90%,#fff),transparent 70%),radial-gradient(2px 2px at 30% 40%,var(--am2),transparent 70%),radial-gradient(2.5px 2.5px at 55% 25%,var(--am),transparent 70%),radial-gradient(2px 2px at 75% 60%,color-mix(in srgb,var(--am) 70%,#fff),transparent 70%),radial-gradient(3px 3px at 90% 15%,var(--am2),transparent 70%),radial-gradient(1.5px 1.5px at 45% 80%,var(--am),transparent 70%);background-size:100% 50%;animation:dwRise calc(22s / var(--dw-speed,1)) linear infinite;opacity:.55}
html[data-dw-fx="embers"] #dwFx::after{animation-duration:calc(31s / var(--dw-speed,1));animation-delay:-12s;opacity:.35;filter:blur(1px)}
@keyframes dwRise{to{transform:translateY(-100%)}}
html[data-dw-fx="waves"] #dwFx::before{inset:0;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--am) 10%,transparent) 45%,color-mix(in srgb,var(--bl) 10%,transparent) 55%,transparent 70%);background-size:300% 300%;animation:dwWave calc(16s / var(--dw-speed,1)) ease-in-out infinite alternate}
@keyframes dwWave{from{background-position:0% 50%}to{background-position:100% 50%}}
html[data-dw-fx="snow"] #dwFx::before,html[data-dw-fx="snow"] #dwFx::after{inset:0;bottom:100%;height:200%;background-image:radial-gradient(2.5px 2.5px at 10% 10%,rgba(255,255,255,.85),transparent 70%),radial-gradient(2px 2px at 30% 40%,rgba(255,255,255,.6),transparent 70%),radial-gradient(3px 3px at 55% 25%,rgba(255,255,255,.75),transparent 70%),radial-gradient(2px 2px at 75% 60%,rgba(255,255,255,.55),transparent 70%),radial-gradient(2.5px 2.5px at 90% 15%,rgba(255,255,255,.7),transparent 70%),radial-gradient(1.5px 1.5px at 45% 80%,rgba(255,255,255,.5),transparent 70%);background-size:100% 50%;animation:dwFall calc(26s / var(--dw-speed,1)) linear infinite;opacity:.6}
html[data-dw-fx="snow"] #dwFx::after{animation-duration:calc(37s / var(--dw-speed,1));animation-delay:-15s;opacity:.35;filter:blur(1px)}
@keyframes dwFall{to{transform:translateY(100%)}}

/* البانر */
html[data-dw-hero="wide"] #vHome .hero{border-radius:0;border-inline:0;margin-inline:calc(-1 * clamp(var(--s4),3vw,var(--s7)));min-height:clamp(480px,52vw,680px)}
html[data-dw-hero="compact"] #vHome .hero{min-height:clamp(300px,30vw,380px)}
html[data-dw-hero="compact"] #vHome .hero #hP{display:none}
html[data-dw-hero="glass"] #vHome .hero .hin{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--bd2);border-radius:var(--r-card);padding:var(--s5)!important;margin:var(--s5);box-shadow:var(--sh-2),var(--lift)}
html[data-dw-hero="glass"] #vHome .hero .scrim{opacity:.55}
html[data-dw-hero="center"] #vHome .hero .hin{margin-inline:auto;text-align:center;max-width:760px}
html[data-dw-hero="center"] #vHome .hero .facts,html[data-dw-hero="center"] #vHome .hero .acts,html[data-dw-hero="center"] #vHome .hero .kick{justify-content:center}
html[data-dw-hero="center"] #vHome .hero .scrim{background:linear-gradient(0deg,rgba(var(--dw-veil,4,7,14),.92) 0%,rgba(var(--dw-veil,4,7,14),.55) 45%,rgba(var(--dw-veil,4,7,14),.15) 100%)}
html[data-dw-hero="none"] #vHome .hero{display:none}
html[style*="--dw-hero-h"] #vHome .hero{min-height:var(--dw-hero-h)}
#vHome .hero .scrim{opacity:var(--dw-scrim,1)}
html[data-dw-heromotion="kenburns"] #vHome .hero .shot img{animation:dwKen calc(22s / var(--dw-speed,1)) ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes dwKen{from{transform:scale(1)}to{transform:scale(1.12) translate(-2%,1%)}}
html[data-dw-heromotion="drift"] #vHome .hero .shot img{animation:dwDriftImg calc(30s / var(--dw-speed,1)) ease-in-out infinite alternate;width:110%!important;max-width:none}
@keyframes dwDriftImg{from{transform:translateX(0)}to{transform:translateX(-8%)}}
html[data-dw-heromotion="pulse"] #vHome .hero{animation:dwHeroGlow calc(4s / var(--dw-speed,1)) ease-in-out infinite alternate}
@keyframes dwHeroGlow{from{box-shadow:0 34px 88px rgba(0,0,0,.6),0 0 40px color-mix(in srgb,var(--am) 10%,transparent)}to{box-shadow:0 34px 88px rgba(0,0,0,.6),0 0 90px color-mix(in srgb,var(--am) 32%,transparent)}}
html[data-dw-heromotion="tilt"] #vHome .hero{transition:transform .6s var(--ease)}html[data-dw-heromotion="tilt"] #vHome .hero:hover{transform:perspective(1400px) rotateX(1.5deg) scale(1.005)}
html[data-dw-heroplot="off"] #vHome .hero #hP{display:none}
html[data-dw-herofacts="off"] #vHome .hero #hF{display:none}
html[data-dw-herokick="off"] #vHome .hero .kick{display:none}
html[data-dw-heroshare="off"] #vHome .hero #hShare{display:none}
html[data-dw-herodots="off"] #vHome .hero #hD{display:none}
html[data-dw-herocont="off"] #vHome .hero #hCont{display:none!important}

/* البطاقات */
html[data-dw-cards] .c:hover .fr{transform:translateY(calc(var(--dw-lift,10) * -1px)) scale(var(--dw-scale,1.015))}
html[data-dw-cards="lift"] .c:hover .fr{box-shadow:var(--sh-3)}
html[data-dw-cards="lift"] .c:hover .ring{box-shadow:var(--lift)}
html[data-dw-cards="zoom"] .c:hover .fr{transform:scale(calc(var(--dw-scale,1.015) + .06));box-shadow:var(--sh-3)}
html[data-dw-cards="zoom"] .c:hover .fr>img{transform:none}
html[data-dw-cards="tilt"] .c{perspective:900px}
html[data-dw-cards="tilt"] .c:hover .fr{transform:rotateX(7deg) rotateY(-7deg) translateY(calc(var(--dw-lift,10) * -1px)) scale(var(--dw-scale,1.015));box-shadow:var(--sh-3),0 0 0 1px color-mix(in srgb,var(--am) 50%,transparent)}
html[data-dw-cards="glow"] .c:hover .fr{box-shadow:var(--sh-3),0 0 0 1.5px var(--am),0 0 48px color-mix(in srgb,var(--am) 55%,transparent)}
html[data-dw-cards="flat"] .c:hover .fr{transform:none;box-shadow:var(--sh-1),0 0 0 1.5px var(--am)}
html[data-dw-cards="flat"] .c:hover .fr>img{transform:none}
html[data-dw-cards="flat"] .c .sheen,html[data-dw-cards="flat"] .c .play{display:none}
html[data-dw-cards="neon"] .c .fr{transition:transform .35s var(--ease),box-shadow .35s var(--ease),filter .35s}
html[data-dw-cards="neon"] .c:hover .fr{box-shadow:0 0 0 2px var(--am),0 0 30px var(--am),0 0 70px color-mix(in srgb,var(--am) 45%,transparent);filter:saturate(1.25)}
html[data-dw-radius="sharp"]{--r-hero:10px;--r-card:6px;--r-btn:8px;--r-sm:5px}
html[data-dw-radius="round"]{--r-hero:40px;--r-card:26px;--r-btn:20px;--r-sm:14px}
html[style*="--dw-card-r"]{--r-card:var(--dw-card-r)}
html[data-dw-size="compact"] .c{width:168px}
html[data-dw-size="large"] .c{width:248px}
html[data-dw-size="xl"] .c{width:290px}
html[data-dw-titles="off"] .c .nm{display:none}
html[data-dw-badges="off"] .c .q,html[data-dw-badges="off"] .c .info b{display:none}
html[data-dw-frame="on"] .c .fr{box-shadow:var(--sh-1),0 0 0 1px var(--bd2)}
html[data-dw-cardfilter="warm"] .c .fr>img{filter:saturate(1.15) sepia(.12)}
html[data-dw-cardfilter="vivid"] .c .fr>img{filter:saturate(1.35) contrast(1.05)}
html[data-dw-cardfilter="mono"] .c .fr>img{filter:grayscale(1)}html[data-dw-cardfilter="mono"] .c:hover .fr>img{filter:grayscale(0)}
@media (max-width:760px){html[data-dw-size="compact"] .c{width:118px}html[data-dw-size="large"] .c{width:164px}html[data-dw-size="xl"] .c{width:190px}html[data-dw-hero="wide"] #vHome .hero{margin-inline:calc(-1 * clamp(var(--s4),3vw,var(--s7)));min-height:clamp(380px,70vw,520px)}}
/* الخطّ */
html[data-dw-font="tajawal"]{--ff:'Tajawal',system-ui,sans-serif}
html[data-dw-font="almarai"]{--ff:'Almarai',system-ui,sans-serif}
html[data-dw-font="changa"]{--ff:'Changa',system-ui,sans-serif}
html[data-dw-font="readex"]{--ff:'Readex Pro',system-ui,sans-serif}
html[data-dw-font="ibm"]{--ff:'IBM Plex Sans Arabic',system-ui,sans-serif}
html[data-dw-font="noto"]{--ff:'Noto Kufi Arabic',system-ui,sans-serif}
html[data-dw-font] body,html[data-dw-font] .dp-root{font-family:var(--ff)}
html[style*="--dw-fs"]{font-size:var(--dw-fs)}
html[data-dw-weight="bold"] h1,html[data-dw-weight="bold"] h2,html[data-dw-weight="bold"] .hero h1{font-weight:900}
html[data-dw-weight="light"] h1,html[data-dw-weight="light"] h2{font-weight:500}
/* التنقّل */
@media (min-width:761px){
  html[data-dw-navbg="glass"] .rail{background:color-mix(in srgb,var(--bg2) 55%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  html[data-dw-navbg="solid"] .rail{background:var(--bg2)}
  html[data-dw-navbg="clear"] .rail{background:transparent;border-color:transparent}
  html[data-dw-navlb="always"] .rail{width:var(--rail-open)}html[data-dw-navlb="always"] main{margin-right:var(--rail-open)}html[data-dw-navlb="always"] .nv .lb{opacity:1;transform:none}
}
html[data-dw-navind="line"] .nv.on{background:none}
html[data-dw-navind="dot"] .nv.on::after{width:6px;height:6px;border-radius:50%}
html[data-dw-navind="glow"] .nv.on{box-shadow:0 0 26px color-mix(in srgb,var(--am) 35%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--am) 40%,transparent)}
html[data-dw-navind="fill"] .nv.on{background:linear-gradient(135deg,var(--am2),var(--am));color:var(--ac-tx)}html[data-dw-navind="fill"] .nv.on::after{display:none}
/* الزجاج والحركة */
html[data-dw-glass="off"] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-dw-motion="calm"] *,html[data-dw-motion="calm"] *::before,html[data-dw-motion="calm"] *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
html[data-dw-motion="calm"] #dwFx{display:none}
@media (prefers-reduced-motion:reduce){#dwFx{display:none!important}}
/* المشغّل */
html[data-dw-player="site"]{--dp-accent:var(--am);--dp-accent2:var(--am2);--dp-accent3:var(--am);--dp-grad:linear-gradient(120deg,var(--am2),var(--am));--dp-brd:color-mix(in srgb,var(--am) 45%,transparent)}
html[data-dw-player="red"]{--dp-accent:#ff4d5e;--dp-accent2:#ff8a3d;--dp-accent3:#ff4d5e;--dp-grad:linear-gradient(120deg,#ff8a3d,#ff4d5e 60%,#d7263d);--dp-brd:rgba(255,77,94,.45)}
html[data-dw-player="cyan"]{--dp-accent:#22d3ee;--dp-accent2:#2ee6d6;--dp-accent3:#60a5fa;--dp-grad:linear-gradient(120deg,#2ee6d6,#22d3ee 55%,#60a5fa);--dp-brd:rgba(34,211,238,.45)}
html[data-dw-player="gold"]{--dp-accent:#f6d365;--dp-accent2:#ffac2d;--dp-accent3:#ff7b00;--dp-grad:linear-gradient(120deg,#ff7b00,#ffac2d 55%,#f6d365);--dp-brd:rgba(246,211,101,.45)}
html[data-dw-player="white"]{--dp-accent:#f4f4f6;--dp-accent2:#d1d1d8;--dp-accent3:#ffffff;--dp-grad:linear-gradient(120deg,#d1d1d8,#ffffff);--dp-brd:rgba(255,255,255,.4)}
html[data-dw-player="green"]{--dp-accent:#3ddc97;--dp-accent2:#2ee6d6;--dp-accent3:#a3e635;--dp-grad:linear-gradient(120deg,#2ee6d6,#3ddc97 55%,#a3e635);--dp-brd:rgba(61,220,151,.45)}
html[data-dw-player="pink"]{--dp-accent:#ff7ab6;--dp-accent2:#b48cff;--dp-accent3:#ff4d5e;--dp-grad:linear-gradient(120deg,#b48cff,#ff7ab6 55%,#ff4d5e);--dp-brd:rgba(255,122,182,.45)}
html[data-dw-player="sunset"]{--dp-accent:#ff7a45;--dp-accent2:#ffd166;--dp-accent3:#ff4d8d;--dp-grad:linear-gradient(120deg,#ffd166,#ff7a45 50%,#ff4d8d);--dp-brd:rgba(255,122,69,.45)}
html[data-dw-player]:not([data-dw-player="default"]) .dp-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--dp-accent) 40%,transparent)}
html[data-dw-player]:not([data-dw-player="default"]) .dp-btn:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dp-accent) 35%,transparent)}
html[data-dw-pbar="solid"]{--dp-grad:linear-gradient(var(--dp-accent),var(--dp-accent))}
html[data-dw-pbar="thin"] .dp-track{height:3px}html[data-dw-pbar="thick"] .dp-track{height:8px}html[data-dw-pbar="thick"] .dp-seekwrap:hover .dp-track{height:11px}
html[data-dw-pdock="solid"] .dp-dock{background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.55) 70%,transparent)}
html[data-dw-pdock="glass"] .dp-dock{background:linear-gradient(0deg,var(--dp-glass),transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-dw-pdock="clear"] .dp-dock{background:none}
html[data-dw-pctrl="small"] .dp-root{--dp-ctrl:38px}html[data-dw-pctrl="large"] .dp-root{--dp-ctrl:56px}
html[data-dw-pbtn="round"] .dp-btn{border-radius:50%}html[data-dw-pbtn="square"] .dp-btn{border-radius:6px}
html[style*="--dw-sub-size"] .dp-subs{font-size:var(--dw-sub-size)!important}
html[data-dw-subcolor="yellow"] .dp-subs{color:#ffe36e}html[data-dw-subcolor="cyan"] .dp-subs{color:#9be7ff}html[data-dw-subcolor="accent"] .dp-subs{color:var(--am)}
html[data-dw-subbg="box"] .dp-subs{background:rgba(0,0,0,.62);padding:.15em .6em;border-radius:8px;text-shadow:none}
html[data-dw-subbg="soft"] .dp-subs{background:rgba(0,0,0,.35);padding:.1em .5em;border-radius:8px;backdrop-filter:blur(6px)}
html[data-dw-subbold="on"] .dp-subs{font-weight:800}


/* ───────── ١ب) إضافات v3: خلفيّات وتأثيرات وخلفيّة صورة وخفيف وأزرار ───────── */
html[data-dw-accent="sky"]{--am:#0A84FF;--am2:#0060DF;--am-soft:rgba(10,132,255,.16);--cc-title:#0A84FF;--ac-tx:#ffffff}
html[data-dw-accent="rose"]{--am:#FF8FC8;--am2:#E85BA8;--am-soft:rgba(255,143,200,.18);--cc-title:#FF8FC8;--ac-tx:#2a0a1c}
html[data-dw-bg="pink"]{--bg:#1C0A16;--bg2:#2A1021;--bg3:#3A1830;--bd:rgba(255,160,210,.14);--bd2:rgba(255,160,210,.26);--sf:rgba(255,160,210,.07);--sf2:rgba(255,160,210,.12)}
html[data-dw-bg="graphite"]{--bg:#121214;--bg2:#1C1C1F;--bg3:#28282C}
html[data-dw-bg="pink"] .hero .scrim{background:linear-gradient(270deg,rgba(28,10,22,.94) 0%,rgba(28,10,22,.78) 22%,rgba(28,10,22,.34) 46%,transparent 62%),linear-gradient(0deg,rgba(28,10,22,.86) 0%,transparent 38%)}
html[data-dw-bg="graphite"] .hero .scrim{background:linear-gradient(270deg,rgba(18,18,20,.94) 0%,rgba(18,18,20,.78) 22%,rgba(18,18,20,.34) 46%,transparent 62%),linear-gradient(0deg,rgba(18,18,20,.86) 0%,transparent 38%)}
html[data-dw-glow="pink"]{--dw-g1:rgba(255,120,190,.20);--dw-g2:rgba(255,80,160,.14);--dw-g3:rgba(255,160,210,.08);--bl:#ff8fc8}
/* قلوب طائرة */
html[data-dw-fx="hearts"] #dwFx::before,html[data-dw-fx="hearts"] #dwFx::after{inset:0;top:100%;height:200%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='%23ff8fc8' fill-opacity='.55'%3E%3Cpath transform='translate(40 60) scale(.9)' d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3Cpath transform='translate(160 200) scale(1.4)' d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3Cpath transform='translate(300 90) scale(.7)' d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3Cpath transform='translate(90 320) scale(1.1)' d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3Cpath transform='translate(320 300) scale(.8)' d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3C/g%3E%3C/svg%3E");background-size:400px 400px;animation:dwRise calc(30s / var(--dw-speed,1)) linear infinite;opacity:.5}
html[data-dw-fx="hearts"] #dwFx::after{animation-duration:calc(44s / var(--dw-speed,1));animation-delay:-20s;opacity:.3;background-size:260px 260px;filter:blur(.5px)}
/* بوكيه */
html[data-dw-fx="bokeh"] #dwFx::before,html[data-dw-fx="bokeh"] #dwFx::after{inset:0;background-image:radial-gradient(60px 60px at 15% 30%,color-mix(in srgb,var(--am) 22%,transparent),transparent 70%),radial-gradient(90px 90px at 70% 20%,color-mix(in srgb,var(--bl) 16%,transparent),transparent 70%),radial-gradient(50px 50px at 85% 70%,color-mix(in srgb,var(--am2) 20%,transparent),transparent 70%),radial-gradient(70px 70px at 35% 80%,color-mix(in srgb,var(--am) 14%,transparent),transparent 70%);animation:dwBokeh calc(24s / var(--dw-speed,1)) ease-in-out infinite alternate}
html[data-dw-fx="bokeh"] #dwFx::after{animation-duration:calc(36s / var(--dw-speed,1));animation-direction:alternate-reverse;filter:blur(6px)}
@keyframes dwBokeh{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(3%,3%) scale(1.08)}}
/* بقعة ضوء تتبع المؤشّر */
#dwSpot{position:fixed;inset:0;z-index:0;pointer-events:none;display:none;background:radial-gradient(420px 420px at var(--mx,50%) var(--my,30%),color-mix(in srgb,var(--am) 13%,transparent),transparent 70%);transition:opacity .4s}
html[data-dw-spot="on"] #dwSpot{display:block}
@media (hover:none){#dwSpot{display:none!important}}
/* خلفيّة صورة (ورق جدران) */
#dwWall{position:fixed;inset:0;z-index:0;pointer-events:none;display:none;background-size:cover;background-position:center;opacity:var(--dw-wall-op,.35);filter:blur(var(--dw-wall-blur,0px)) saturate(1.05);transform:scale(1.04);overflow:hidden}
html[data-dw-wall]:not([data-dw-wall="none"]) #dwWall{display:block}
#dwWall.collage{display:grid;grid-template-columns:repeat(7,1fr);gap:2vw;padding:3vh 2vw;align-content:center;transform:rotate(-7deg) scale(1.25)}
#dwWall.collage img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:10px;box-shadow:0 20px 50px rgba(0,0,0,.6);animation:dwCollage 40s ease-in-out infinite alternate}
#dwWall.collage img:nth-child(odd){animation-direction:alternate-reverse}
@keyframes dwCollage{from{transform:translateY(0)}to{transform:translateY(-4vh)}}
#dwWall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--dw-veil,4,7,14),.25),rgba(var(--dw-veil,4,7,14),.75))}
/* الخلفيّة داخل البانر */
html[data-dw-herowall="on"] #vHome .hero .shot::after{content:"";position:absolute;inset:0;background:var(--dw-wall-img) center/cover;opacity:.85}
html[data-dw-herowall="on"] #vHome .hero .shot img{opacity:.25;filter:blur(2px)}
html[data-dw-herowall="on"] #vHome .hero .shot.collage{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2%;padding:2%;align-content:center;transform:rotate(-5deg) scale(1.3)}
html[data-dw-herowall="on"] #vHome .hero .shot.collage img{opacity:1;filter:none;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
html[data-dw-herowall="on"] #vHome .hero .shot.collage::after{display:none}
/* شكل الأزرار */
html[data-dw-btn="pill"] .btn,html[data-dw-btn="pill"] .nv{border-radius:999px}
html[data-dw-btn="square"] .btn,html[data-dw-btn="square"] .nv{border-radius:6px}
/* شريط تقدّم القراءة */
#dwScroll{position:fixed;top:0;left:0;height:3px;width:var(--dw-scroll,0%);z-index:7001;background:linear-gradient(90deg,var(--am2),var(--am));display:none;pointer-events:none;box-shadow:0 0 12px var(--am)}
html[data-dw-scrollbar="on"] #dwScroll{display:block}
/* وضع الخفيف: صفر تأثيرات، أخفّ ما يمكن للأجهزة الضعيفة */
html[data-dw-lite="on"] *,html[data-dw-lite="on"] *::before,html[data-dw-lite="on"] *::after{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}
html[data-dw-lite="on"] body::before,html[data-dw-lite="on"] body::after,html[data-dw-lite="on"] #dwFx,html[data-dw-lite="on"] #dwSpot,html[data-dw-lite="on"] #dwWall{display:none!important}
html[data-dw-lite="on"] .c:hover .fr,html[data-dw-lite="on"] .c:hover .fr>img{transform:none!important}
html[data-dw-lite="on"] .c .sheen,html[data-dw-lite="on"] .c .veil,html[data-dw-lite="on"] .c .play{display:none!important}
html[data-dw-lite="on"] .hero,html[data-dw-lite="on"] .c .fr{box-shadow:none!important}
html[data-dw-lite="on"] .hero .shot img{filter:none!important}
html[data-dw-lite="on"] .rail{background:var(--bg2)!important}
/* ───────── ٢) الزرّ العائم ───────── */
#dwFab{position:fixed;z-index:7000;inset-inline-end:22px;bottom:22px;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px 0 14px;border-radius:999px;color:var(--ac-tx);font-family:var(--ff);font-weight:800;font-size:14px;background:linear-gradient(135deg,var(--am2),var(--am));box-shadow:0 14px 36px -10px var(--am),inset 0 1px rgba(255,255,255,.4);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
#dwFab svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#dwFab:hover{transform:translateY(-3px) scale(1.03)}
#dwFab .dw-fab-x{position:absolute;top:-9px;inset-inline-start:-9px;width:22px;height:22px;border-radius:50%;background:#15151d;color:#fff;border:1px solid rgba(255,255,255,.35);font-size:15px;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 3px 10px rgba(0,0,0,.5)}
#dwFab .dw-fab-x:hover{background:#e5202e;transform:none}
#dwFab .dw-hint{position:absolute;bottom:calc(100% + 10px);inset-inline-end:0;white-space:nowrap;background:var(--bg3);color:var(--tx);border:1px solid var(--bd2);padding:8px 12px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:var(--sh-2);animation:dwFade .4s var(--ease)}
#dwFab .dw-hint::after{content:"";position:absolute;top:100%;inset-inline-end:22px;border:7px solid transparent;border-top-color:var(--bd2)}
body.dp-open-body #dwScroll,body.dp-open-body #dwDim{display:none!important}
/* داخل المشغّل: الزرّ يصغر ويصعد لأعلى اليسار فوق المشغّل، والدرج يعلو المشغّل — تعديل ألوان المشغّل وأنت تشاهد */
body.dp-open-body #dwFab{display:none!important}   /* يختفي «صمّم موقعك» تمامًا أثناء التشغيل (كان يتصادم مع زرّ الخروج) */
body.dp-open-body #dwFab span,body.dp-open-body #dwFab .dw-hint{display:none}
body.dp-open-body #dwStudio{z-index:9600}body.dp-open-body #dwToast{z-index:9700}
.dp-stage.dp-idle ~ #dwFab{opacity:0}
@media (max-width:760px){#dwFab{bottom:calc(108px + env(safe-area-inset-bottom,0));inset-inline-end:14px;min-height:44px;padding:0 14px 0 12px;font-size:13px}}

/* ───────── ٣) الدرج — خفيف وواسع ───────── */
#dwDim{display:none!important}
#dwStudio{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(600px,100%);z-index:8000;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:-30px 0 90px -40px rgba(0,0,0,.8);backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2);transform:translateX(-104%);transition:transform .42s cubic-bezier(.2,.8,.2,1);font-family:var(--ff);color:var(--tx);font-size:14px;line-height:1.55;--dws:rgba(255,255,255,.04);--dws2:rgba(255,255,255,.08)}
#dwStudio.on{transform:none}
#dwStudio button{font-family:inherit}#dwStudio *{box-sizing:border-box}
.dw-h{display:flex;align-items:center;gap:8px;padding:18px 22px 6px}
.dw-brand{flex:1;display:flex;align-items:center;gap:12px;min-width:0}
.dw-brand .ic{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--am2),var(--am));color:var(--ac-tx);box-shadow:0 10px 24px -12px var(--am)}
.dw-brand .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dw-brand b{display:block;font-size:17px;font-weight:800;line-height:1.2}.dw-brand small{display:block;color:var(--tx3);font-size:12px;font-weight:600}
.dw-ib{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:transparent;color:var(--tx3);transition:background .2s,color .2s}
.dw-ib:hover{background:var(--dws2);color:var(--tx)}.dw-ib:disabled{opacity:.3}.dw-ib svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dw-ib.peek:active,.dw-ib.peek.on{background:var(--am);color:var(--ac-tx)}
/* بطاقة الهويّة */
.dw-id{display:grid;grid-template-columns:168px 1fr;gap:16px;padding:10px 22px 16px;align-items:center}
.dw-live{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--bg);box-shadow:0 18px 40px -20px rgba(0,0,0,.9),0 0 0 1px var(--bd);font-size:0}
.dw-live .lbg{position:absolute;inset:0;background:radial-gradient(60% 60% at 75% 10%,var(--dw-g1),transparent 70%),radial-gradient(50% 50% at 10% 100%,var(--dw-g2),transparent 70%)}
.dw-live .lnv{position:absolute;top:0;bottom:0;inset-inline-start:0;width:15%;background:var(--bg2)}
.dw-live .lnv i{display:block;width:50%;height:3px;margin:6px auto 0;border-radius:2px;background:var(--tx3)}.dw-live .lnv i:first-child{background:var(--am);margin-top:8px}
.dw-live .lhr{position:absolute;top:7%;inset-inline-start:21%;inset-inline-end:6%;height:44%;border-radius:calc(var(--r-card) * .35);background:linear-gradient(135deg,var(--bg3),var(--bg2));overflow:hidden}
.dw-live .lhr::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg2) 35%,transparent),radial-gradient(60% 90% at 85% 30%,color-mix(in srgb,var(--am) 45%,transparent),transparent)}
.dw-live .lhr i{position:absolute;inset-inline-start:8%;height:4px;border-radius:3px;background:var(--tx)}.dw-live .lhr i:nth-child(1){top:24%;width:38%;height:5px}.dw-live .lhr i:nth-child(2){top:48%;width:24%;opacity:.5}.dw-live .lhr i:nth-child(3){top:68%;width:15%;height:8px;background:var(--am);border-radius:3px}
.dw-live.wide .lhr{inset-inline:15% 0;top:0;border-radius:0;height:52%}.dw-live.compact .lhr{height:30%}.dw-live.none .lhr{display:none}.dw-live.glass .lhr::after{content:"";position:absolute;inset:18% 40% 18% 8%;border-radius:4px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.dw-live .lcs{position:absolute;bottom:7%;inset-inline-start:21%;inset-inline-end:6%;height:35%;display:flex;gap:4%}.dw-live.none .lcs{top:18%;height:70%}
.dw-live .lcs i{flex:1;border-radius:calc(var(--r-card) * .3);background:linear-gradient(160deg,var(--bg3),var(--bg2))}.dw-live .lcs i:first-child{background:linear-gradient(160deg,color-mix(in srgb,var(--am) 55%,var(--bg3)),var(--bg2))}
.dw-live .lfx{position:absolute;inset:0;pointer-events:none}
.dw-live.fx-aurora .lfx,.dw-live.fx-bokeh .lfx{background:radial-gradient(40% 50% at 20% 30%,color-mix(in srgb,var(--am) 35%,transparent),transparent 70%),radial-gradient(40% 50% at 80% 70%,color-mix(in srgb,var(--bl) 30%,transparent),transparent 70%);filter:blur(8px);animation:dwAurora 8s ease-in-out infinite alternate}
.dw-live.fx-stars .lfx{background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1px 1px at 50% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent);animation:dwTwinkle 2s ease-in-out infinite alternate}
.dw-live.fx-grid .lfx{background-image:linear-gradient(color-mix(in srgb,var(--am) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--am) 30%,transparent) 1px,transparent 1px);background-size:12px 12px;opacity:.5}
.dw-live.fx-embers .lfx,.dw-live.fx-hearts .lfx{background-image:radial-gradient(2px 2px at 20% 80%,var(--am),transparent 70%),radial-gradient(1.5px 1.5px at 60% 60%,var(--am2),transparent 70%),radial-gradient(2px 2px at 85% 90%,var(--am),transparent 70%);animation:dwRiseMini 3s linear infinite}
@keyframes dwRiseMini{to{transform:translateY(-100%)}}
.dw-live.fx-waves .lfx{background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--am) 22%,transparent) 50%,transparent 70%);background-size:300% 300%;animation:dwWave 4s ease-in-out infinite alternate}
.dw-live.fx-snow .lfx{background-image:radial-gradient(1.5px 1.5px at 20% 10%,#fff,transparent 70%),radial-gradient(1.5px 1.5px at 60% 40%,#fff,transparent 70%),radial-gradient(1.5px 1.5px at 85% 20%,#fff,transparent 70%);animation:dwFallMini 3s linear infinite}
@keyframes dwFallMini{to{transform:translateY(100%)}}
.dw-live .lpl{position:absolute;bottom:0;inset-inline:0;height:8%;background:var(--dp-grad);opacity:.9}
.dw-idin{min-width:0;display:flex;flex-direction:column;gap:8px}
.dw-idin .ttl{display:flex;align-items:baseline;gap:8px}.dw-idin .ttl b{font-size:16px;font-weight:800}.dw-idin .ttl small{color:var(--tx3);font-size:11.5px;font-weight:600}
.dw-chips{display:flex;flex-wrap:wrap;gap:5px}.dw-chips span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--dws);font-size:11.5px;font-weight:700;color:var(--tx2)}.dw-chips span i{width:8px;height:8px;border-radius:50%;background:var(--am);display:inline-block}
.dw-idact{display:flex;gap:4px;flex-wrap:wrap}.dw-sm{min-height:32px;padding:0 10px;border-radius:999px;color:var(--tx2);font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:6px;transition:background .2s,color .2s}.dw-sm:hover{background:var(--dws2);color:var(--tx)}.dw-sm svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* شريط الأقسام + المحتوى */
.dw-main{flex:1;display:grid;grid-template-columns:104px 1fr;min-height:0;border-top:1px solid var(--bd)}
.dw-nav{display:flex;flex-direction:column;gap:2px;padding:14px 10px;overflow:auto;scrollbar-width:none}.dw-nav::-webkit-scrollbar{display:none}
.dw-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border-radius:14px;color:var(--tx3);font-weight:700;font-size:11.5px;line-height:1.2;text-align:center;transition:background .2s,color .2s}
.dw-nav button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.dw-nav button:hover{color:var(--tx);background:var(--dws)}.dw-nav button:hover svg{transform:translateY(-2px)}
.dw-nav button.on{color:var(--am);background:var(--am-soft)}
.dw-nav button.on::before{content:"";position:absolute;inset-inline-end:-10px;top:50%;transform:translateY(-50%);width:3px;height:24px;border-radius:2px;background:var(--am)}
.dw-body{overflow:auto;padding:20px 22px 110px;overscroll-behavior:contain;scroll-behavior:smooth}
.dw-sec{display:none;flex-direction:column;gap:26px;animation:dwFade .28s var(--ease)}.dw-sec.on{display:flex}
@keyframes dwFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dw-sh{display:flex;align-items:flex-start;gap:12px}
.dw-sh .num{width:30px;height:30px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--am-soft);color:var(--am);font-weight:900;font-size:13px}
.dw-sh h3{margin:0;font-size:18px;font-weight:800}.dw-sh p{margin:3px 0 0;color:var(--tx3);font-size:12.5px;font-weight:600;line-height:1.6}
.dw-f{display:flex;flex-direction:column;gap:10px}
.dw-f .lbl{font-weight:800;font-size:13.5px;display:flex;align-items:center;gap:8px;color:var(--tx)}.dw-f .lbl small{color:var(--tx3);font-weight:600;font-size:11.5px;margin-inline-start:auto}
.dw-f .lbl .val{margin-inline-start:auto;font-variant-numeric:tabular-nums;color:var(--am);font-weight:800;font-size:12.5px}
/* بلاطات بمعاينة — بلا حدود، خلفيّة خفيفة */
.dw-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dw-tiles.c2{grid-template-columns:repeat(2,1fr)}.dw-tiles.c4{grid-template-columns:repeat(4,1fr)}
.dw-tile{display:flex;flex-direction:column;gap:8px;padding:6px 6px 9px;border-radius:14px;background:var(--dws);text-align:center;color:var(--tx2);font-weight:700;font-size:12px;line-height:1.25;transition:background .2s,transform .2s,box-shadow .2s;position:relative}
.dw-tile:hover{background:var(--dws2);transform:translateY(-2px)}
.dw-tile.on{color:var(--tx);box-shadow:0 0 0 2px var(--am);background:var(--am-soft)}
.dw-tile.on::after{content:"";position:absolute;top:8px;inset-inline-end:8px;width:18px;height:18px;border-radius:50%;background:var(--am) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.dw-tile .pv{position:relative;width:100%;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--bg2)}
.dw-tile svg.ic{width:24px;height:24px;margin:8px auto 2px;fill:none;stroke:var(--am);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dw-tile .pv.bgpv{background:var(--b1)}.dw-tile .pv.bgpv::before{content:"";position:absolute;inset:10% 10% 40% 40%;border-radius:5px;background:var(--b3)}.dw-tile .pv.bgpv::after{content:"";position:absolute;inset:auto 10% 10% 10%;height:22%;border-radius:4px;background:var(--b2)}
.dw-tile .pv.fx::before{content:"";position:absolute;inset:0}
.dw-tile .pv.fx-aurora::before,.dw-tile .pv.fx-bokeh::before{background:radial-gradient(40% 50% at 20% 30%,color-mix(in srgb,var(--am) 45%,transparent),transparent 70%),radial-gradient(40% 50% at 80% 70%,color-mix(in srgb,var(--bl) 40%,transparent),transparent 70%);filter:blur(6px);animation:dwAurora 6s ease-in-out infinite alternate}
.dw-tile .pv.fx-stars::before{background-image:radial-gradient(1.2px 1.2px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.4px 1.4px at 50% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent),radial-gradient(1px 1px at 35% 85%,#fff,transparent),radial-gradient(1.2px 1.2px at 10% 75%,var(--am),transparent);animation:dwTwinkle 1.8s ease-in-out infinite alternate}
.dw-tile .pv.fx-embers::before{background-image:radial-gradient(2px 2px at 20% 80%,var(--am),transparent 70%),radial-gradient(1.5px 1.5px at 60% 60%,var(--am2),transparent 70%),radial-gradient(2px 2px at 85% 90%,var(--am),transparent 70%),radial-gradient(1.5px 1.5px at 40% 100%,var(--am),transparent 70%);animation:dwRiseMini 2.6s linear infinite}
.dw-tile .pv.fx-hearts::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23ff8fc8' fill-opacity='.8'%3E%3Cpath transform='translate(6 10) scale(.6)' d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3Cpath transform='translate(32 34) scale(.8)' d='M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px;animation:dwRiseMini 3s linear infinite}
.dw-tile .pv.fx-grid::before{inset:auto 0 0 0;height:80%;transform-origin:50% 100%;transform:perspective(120px) rotateX(55deg);background-image:linear-gradient(color-mix(in srgb,var(--am) 60%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--am) 60%,transparent) 1px,transparent 1px);background-size:14px 14px;animation:dwGridMini 1.4s linear infinite;opacity:.6}
@keyframes dwGridMini{from{background-position:0 0}to{background-position:0 14px}}
.dw-tile .pv.fx-waves::before{background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--am) 30%,transparent) 50%,transparent 70%);background-size:300% 300%;animation:dwWave 3s ease-in-out infinite alternate}
.dw-tile .pv.fx-snow::before{background-image:radial-gradient(1.5px 1.5px at 20% 10%,#fff,transparent 70%),radial-gradient(1.5px 1.5px at 60% 40%,#fff,transparent 70%),radial-gradient(1.5px 1.5px at 85% 20%,#fff,transparent 70%),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent 70%);animation:dwFallMini 2.4s linear infinite}
.dw-tile .pv.fx-grain::before{opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:dwGrain .5s steps(3) infinite}
.dw-tile .pv.fx-none::before{background:radial-gradient(50% 50% at 50% 50%,var(--bg3),transparent)}
.dw-tile .pv.hp i{position:absolute;display:block;border-radius:3px;background:var(--tx);opacity:.85}
.dw-tile .pv.hp .box{position:absolute;inset:10% 8% 32% 8%;border-radius:5px;background:linear-gradient(135deg,var(--bg3),var(--bg2));overflow:hidden}.dw-tile .pv.hp .box::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg2) 40%,transparent),radial-gradient(60% 80% at 85% 30%,color-mix(in srgb,var(--am) 50%,transparent),transparent)}
.dw-tile .pv.hp .box i:nth-child(1){top:30%;inset-inline-start:8%;width:40%;height:5px}.dw-tile .pv.hp .box i:nth-child(2){top:52%;inset-inline-start:8%;width:26%;height:3px;opacity:.5}.dw-tile .pv.hp .box i:nth-child(3){top:68%;inset-inline-start:8%;width:16%;height:8px;background:var(--am)}
.dw-tile .pv.hp .cs{position:absolute;inset:auto 8% 8% 8%;height:18%;display:flex;gap:4%}.dw-tile .pv.hp .cs i{position:static;flex:1;height:100%;background:var(--bg3);opacity:1}
.dw-tile .pv.hp.wide .box{inset:0 0 32% 0;border-radius:0}.dw-tile .pv.hp.compact .box{inset:10% 8% 55% 8%}.dw-tile .pv.hp.compact .cs{height:36%}.dw-tile .pv.hp.none .box{display:none}.dw-tile .pv.hp.none .cs{height:75%}
.dw-tile .pv.hp.glass .box::after{content:"";position:absolute;inset:16% 40% 14% 6%;border-radius:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.dw-tile .pv.hp.center .box i{inset-inline-start:30%!important}.dw-tile .pv.hp.center .box i:nth-child(3){inset-inline-start:42%!important}
.dw-tile .pv.cp{display:grid;place-items:center;background:var(--bg2)}
.dw-tile .pv.cp .mc{width:38%;aspect-ratio:2/3;border-radius:5px;background:linear-gradient(160deg,color-mix(in srgb,var(--am) 45%,var(--bg3)),var(--bg3));transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.dw-tile:hover .pv.cp.default .mc{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 16px rgba(0,0,0,.5),0 0 0 1px color-mix(in srgb,var(--am) 60%,transparent)}
.dw-tile:hover .pv.cp.lift .mc{transform:translateY(-9px);box-shadow:0 12px 18px rgba(0,0,0,.6)}
.dw-tile:hover .pv.cp.zoom .mc{transform:scale(1.14)}
.dw-tile:hover .pv.cp.tilt .mc{transform:perspective(200px) rotateX(10deg) rotateY(-12deg) translateY(-4px)}
.dw-tile:hover .pv.cp.glow .mc{box-shadow:0 0 0 1.5px var(--am),0 0 18px var(--am)}
.dw-tile:hover .pv.cp.neon .mc{box-shadow:0 0 0 2px var(--am),0 0 14px var(--am),0 0 30px color-mix(in srgb,var(--am) 60%,transparent)}
.dw-tile:hover .pv.cp.flat .mc{box-shadow:0 0 0 1.5px var(--am)}
.dw-tile .pv.cp .hint{position:absolute;bottom:4px;inset-inline:0;font-size:9px;color:var(--tx3);font-weight:700}
.dw-tile .pv.wp{background:var(--bg2) center/cover}.dw-tile .pv.wp.heroes{background:linear-gradient(135deg,#1a0a0a,#3a0f12 40%,#0b1a3a)}.dw-tile .pv.wp.anime{background:linear-gradient(135deg,#0a1a2a,#1a0f3a 50%,#3a0f2a)}.dw-tile .pv.wp.custom{display:grid;place-items:center}.dw-tile .pv.wp.custom svg{width:26px;height:26px;fill:none;stroke:var(--am);stroke-width:2}
.dw-tile .pv.wp .cl{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4%;padding:8%;transform:rotate(-6deg) scale(1.2)}.dw-tile .pv.wp .cl i{display:block;aspect-ratio:2/3;border-radius:2px;background:linear-gradient(160deg,rgba(255,255,255,.3),rgba(255,255,255,.08))}
.dw-sws{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.dw-sw{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 4px 8px;border-radius:14px;background:var(--dws);color:var(--tx3);font-weight:700;font-size:11px;transition:transform .2s,background .2s,box-shadow .2s}
.dw-sw i{width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:0 8px 18px -8px var(--c),inset 0 1px rgba(255,255,255,.35);transition:transform .25s var(--ease)}
.dw-sw:hover{transform:translateY(-2px);background:var(--dws2)}.dw-sw:hover i{transform:scale(1.12)}
.dw-sw.on{color:var(--tx);box-shadow:0 0 0 2px var(--c)}
.dw-custom{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--dws)}
.dw-custom input[type=color]{width:46px;height:36px;border:0;padding:0;background:none;border-radius:10px;cursor:pointer}
.dw-custom span{flex:1;font-weight:700;font-size:12.5px;color:var(--tx2)}.dw-custom code{font-family:ui-monospace,monospace;font-size:12px;color:var(--am);direction:ltr}
.dw-range{display:flex;align-items:center;gap:10px}
.dw-range input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--am) var(--p,50%),var(--dws2) var(--p,50%));outline:0;direction:ltr}
.dw-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--am);box-shadow:0 4px 12px rgba(0,0,0,.5);cursor:pointer}
.dw-range input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--am);cursor:pointer}
.dw-range small{color:var(--tx3);font-weight:700;font-size:11px;min-width:34px;text-align:center}
.dw-pills{display:flex;gap:6px;flex-wrap:wrap}.dw-pill{min-height:36px;padding:0 14px;border-radius:999px;background:var(--dws);color:var(--tx2);font-weight:700;font-size:13px;transition:background .2s,color .2s}.dw-pill:hover{background:var(--dws2)}.dw-pill.on{background:var(--am);color:var(--ac-tx)}
.dw-togs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.dw-tog{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--dws);font-weight:700;font-size:13px;color:var(--tx2);text-align:start}
.dw-tog i{width:38px;height:22px;border-radius:999px;background:var(--dws2);position:relative;flex:none;transition:background .2s}.dw-tog i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}
.dw-tog.on{color:var(--tx)}.dw-tog.on i{background:var(--am)}.dw-tog.on i::after{transform:translateX(-16px)}
.dw-fonts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.dw-font{display:flex;flex-direction:column;gap:4px;padding:10px 6px 8px;border-radius:14px;background:var(--dws);color:var(--tx3);font-size:11px;font-weight:700;text-align:center;transition:background .2s,box-shadow .2s}
.dw-font b{font-size:24px;font-weight:800;color:var(--tx);line-height:1.2}.dw-font.on{box-shadow:0 0 0 2px var(--am);background:var(--am-soft);color:var(--tx)}
.dw-tile .pv.pp{background:#000;display:flex;flex-direction:column;justify-content:flex-end;padding:6px 8px;gap:5px}
.dw-tile .pv.pp .bar{height:4px;border-radius:4px;background:rgba(255,255,255,.25);position:relative}.dw-tile .pv.pp .bar::before{content:"";position:absolute;inset:0 45% 0 0;border-radius:4px;background:var(--g)}.dw-tile .pv.pp .bar::after{content:"";position:absolute;top:50%;left:55%;width:9px;height:9px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 2px color-mix(in srgb,var(--a) 50%,transparent)}
.dw-tile .pv.pp .bt{display:flex;gap:4px}.dw-tile .pv.pp .bt i{width:10px;height:10px;border-radius:3px;background:rgba(255,255,255,.75)}.dw-tile .pv.pp .bt i:first-child{background:var(--a)}
/* الهويّات الجاهزة */
.dw-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dw-preset{position:relative;display:flex;flex-direction:column;gap:8px;padding:6px 6px 10px;border-radius:16px;background:var(--dws);text-align:start;transition:transform .2s,box-shadow .2s,background .2s;color:var(--tx)}
.dw-preset:hover{transform:translateY(-3px);background:var(--dws2)}.dw-preset.on{box-shadow:0 0 0 2px var(--am);background:var(--am-soft)}
.dw-preset.on::after{content:"✓ مطبَّق";position:absolute;top:12px;inset-inline-start:12px;background:var(--am);color:var(--ac-tx);font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px}
.dw-preset b{font-size:14px;font-weight:800;padding:0 4px}.dw-preset small{display:block;color:var(--tx3);font-size:11.5px;font-weight:600;margin-top:-6px;padding:0 4px}
.dw-preset .tags{display:flex;gap:4px;flex-wrap:wrap;padding:0 4px}.dw-preset .tags em{font-style:normal;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--dws2);color:var(--tx2)}
.dw-pv{position:relative;aspect-ratio:16/10;border-radius:11px;overflow:hidden;background:var(--pbg);font-family:var(--pff,inherit)}
.dw-pv .bd{position:absolute;inset:0;background:radial-gradient(60% 60% at 75% 15%,color-mix(in srgb,var(--pac) 28%,transparent),transparent 70%)}
.dw-pv .fxl{position:absolute;inset:0}
.dw-pv.fx-aurora .fxl,.dw-pv.fx-bokeh .fxl{background:radial-gradient(40% 50% at 20% 30%,color-mix(in srgb,var(--pac) 40%,transparent),transparent 70%),radial-gradient(40% 50% at 80% 70%,color-mix(in srgb,var(--pbl,#4da3ff) 32%,transparent),transparent 70%);filter:blur(7px);animation:dwAurora 7s ease-in-out infinite alternate}
.dw-pv.fx-stars .fxl{background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1px 1px at 50% 70%,#fff,transparent),radial-gradient(1px 1px at 85% 60%,#fff,transparent);animation:dwTwinkle 2s ease-in-out infinite alternate}
.dw-pv.fx-embers .fxl,.dw-pv.fx-hearts .fxl{background-image:radial-gradient(2px 2px at 20% 80%,var(--pac),transparent 70%),radial-gradient(1.5px 1.5px at 60% 60%,var(--pac),transparent 70%),radial-gradient(2px 2px at 85% 90%,var(--pac),transparent 70%);animation:dwRiseMini 3s linear infinite}
.dw-pv.fx-grid .fxl{background-image:linear-gradient(color-mix(in srgb,var(--pac) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--pac) 35%,transparent) 1px,transparent 1px);background-size:12px 12px;opacity:.5}
.dw-pv.fx-waves .fxl{background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--pac) 25%,transparent) 50%,transparent 70%);background-size:300% 300%;animation:dwWave 4s ease-in-out infinite alternate}
.dw-pv.fx-snow .fxl{background-image:radial-gradient(1.5px 1.5px at 20% 10%,#fff,transparent 70%),radial-gradient(1.5px 1.5px at 60% 40%,#fff,transparent 70%),radial-gradient(1.5px 1.5px at 85% 20%,#fff,transparent 70%);animation:dwFallMini 3s linear infinite}
.dw-pv.fx-grain .fxl{opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.dw-pv.wall-heroes .fxl{background:linear-gradient(135deg,rgba(220,30,40,.35),rgba(20,60,160,.35)),repeating-linear-gradient(-6deg,transparent 0 14px,rgba(255,255,255,.07) 14px 15px)}
.dw-pv .nv{position:absolute;top:0;bottom:0;inset-inline-start:0;width:16%;background:var(--pbg2)}
.dw-pv .nv i{display:block;width:55%;height:4px;margin:7px auto 0;border-radius:2px;background:#fff;opacity:.3}.dw-pv .nv i:first-child{background:var(--pac);opacity:1;margin-top:9px}
.dw-pv .hr{position:absolute;top:8%;inset-inline-start:22%;inset-inline-end:6%;height:42%;border-radius:var(--prad,6px);background:linear-gradient(135deg,var(--pbg3),var(--pbg2));overflow:hidden}
.dw-pv .hr::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--pbg2) 40%,transparent),radial-gradient(60% 80% at 80% 40%,color-mix(in srgb,var(--pac) 50%,transparent),transparent)}
.dw-pv .hr i{position:absolute;inset-inline-start:8%;height:5px;border-radius:3px;background:#fff}.dw-pv .hr i:nth-child(1){top:24%;width:40%}.dw-pv .hr i:nth-child(2){top:46%;width:25%;opacity:.5;height:4px}.dw-pv .hr i:nth-child(3){top:68%;width:16%;height:9px;background:var(--pac);border-radius:4px}
.dw-pv.wide .hr{inset-inline-start:16%;inset-inline-end:0;top:0;border-radius:0;height:50%}.dw-pv.none .hr{display:none}.dw-pv.compact .hr{height:28%}
.dw-pv .cs{position:absolute;bottom:7%;inset-inline-start:22%;inset-inline-end:6%;height:36%;display:flex;gap:4%}.dw-pv.none .cs{top:20%;height:65%}.dw-pv.compact .cs{height:48%}
.dw-pv .cs i{flex:1;border-radius:var(--prad,4px);background:linear-gradient(160deg,var(--pbg3),var(--pbg2))}.dw-pv .cs i:first-child{background:linear-gradient(160deg,color-mix(in srgb,var(--pac) 55%,var(--pbg3)),var(--pbg2))}
/* تصاميمي المحفوظة */
.dw-saved{display:flex;flex-direction:column;gap:8px}
.dw-savedrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--dws)}
.dw-savedrow b{flex:1;font-size:13.5px;font-weight:800}.dw-savedrow .dw-sm{background:var(--dws2)}
.dw-upload{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--dws);border:1.5px dashed var(--bd2)}
.dw-upload .th{width:84px;aspect-ratio:16/10;border-radius:8px;background:var(--bg3) center/cover;flex:none;display:grid;place-items:center}.dw-upload .th svg{width:22px;height:22px;fill:none;stroke:var(--tx3);stroke-width:2}
.dw-upload .in{flex:1;min-width:0}.dw-upload .in b{display:block;font-size:13px;font-weight:800}.dw-upload .in small{color:var(--tx3);font-size:11.5px;font-weight:600}
.dw-upload input[type=file]{display:none}
.dw-upload .btns{display:flex;gap:6px;margin-top:6px}
/* التذييل */
.dw-foot{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px;align-items:center;padding:12px 22px calc(14px + env(safe-area-inset-bottom,0));background:linear-gradient(transparent,color-mix(in srgb,var(--bg) 94%,transparent) 35%)}
.dw-reset{min-height:44px;padding:0 14px;border-radius:999px;background:var(--dws2);color:var(--tx2);font-weight:700;font-size:13px}
.dw-done{flex:1;min-height:46px;border-radius:999px;background:linear-gradient(135deg,var(--am2),var(--am));color:var(--ac-tx);font-weight:800;font-size:15px;box-shadow:0 12px 30px -12px var(--am)}
.dw-note{font-size:12.5px;color:var(--tx3);font-weight:600;line-height:1.6;margin:0}
#dwToast{position:fixed;z-index:8100;bottom:calc(84px + env(safe-area-inset-bottom,0));inset-inline-start:50%;transform:translateX(-50%);background:var(--bg3);color:var(--tx);padding:9px 16px;border-radius:999px;font-weight:700;font-size:13px;box-shadow:var(--sh-2);opacity:0;transition:opacity .25s;pointer-events:none;font-family:var(--ff);white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){
  #dwStudio{width:100%}
  .dw-h{padding:14px 16px 4px}.dw-id{grid-template-columns:120px 1fr;gap:10px;padding:8px 16px 12px}.dw-idact{display:none}
  .dw-main{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .dw-nav{flex-direction:row;padding:8px 10px;border-bottom:1px solid var(--bd);gap:2px}
  .dw-nav button{flex:none;min-width:74px;padding:8px 6px 7px;font-size:11px}.dw-nav button.on::before{inset-inline:22%;inset-inline-end:auto;top:auto;bottom:-8px;width:auto;height:3px;transform:none;left:22%;right:22%}
  .dw-body{padding:16px 14px 110px}
  .dw-tiles{grid-template-columns:repeat(3,1fr)}.dw-sws{grid-template-columns:repeat(4,1fr)}.dw-fonts{grid-template-columns:repeat(3,1fr)}
}

/* GPU relief: أثناء التشغيل لا حاجة لطبقات الخلفيّة الثقيلة (كولاج ٢١ صورة، شفق، نجوم) — كانت ترهق هواتف ضعيفة فيسوَدّ الفيديو */
body.dp-open-body #dwWall,body.dp-open-body #dwFx,body.dp-open-body #dwSpot,body.dp-open-body #dwScroll{display:none!important}
body.dp-open-body #vHome .hero .shot img,body.dp-open-body #vHome .hero{animation:none!important}
body.dp-open-body .c .fr>img{filter:none!important}
/* على الهاتف لا نغيّر موضع شريط أزرار المشغّل في أيّ طابع — نكتفي بالألوان */
@media (max-width:760px){
  html[data-dw-skin] .dp-dock{inset-inline:0!important;bottom:0!important;border-radius:0!important;border:0!important;background:linear-gradient(0deg,rgba(0,0,0,.46),transparent)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0 6px calc(8px + env(safe-area-inset-bottom,0))!important;margin:0!important;width:auto!important}
  html[data-dw-skin] .dp-btn{border-radius:12px!important}
}

/* ───────── ١ج) الطوابع (skins): كلّ هويّة تغيّر شكل الأزرار والشريط والبانر والبطاقات، لا الألوان فقط ───────── */
/* إصلاح الكولاج: الشبكة تغلب display:block العامّ، وصورة البانر الأصليّة تختفي حين تملأ الصور البانر */
html[data-dw-wall] #dwWall.collage{display:grid}
html[data-dw-herowall="on"] #vHome .hero .shot.collage #hBg{display:none!important}

/* ══ ماك: زجاج ماك، دوك يكبّر بالتحويم، نافذة بثلاث نقاط، أزرار SF ══ */
@media (min-width:761px){
  html[data-dw-skin="mac"] .rail{background:rgba(28,28,31,.62);backdrop-filter:blur(34px) saturate(1.7);-webkit-backdrop-filter:blur(34px) saturate(1.7);border-color:rgba(255,255,255,.08)}
  html[data-dw-skin="mac"] .nv{border-radius:12px;transition:transform .18s var(--ease),background .18s,color .18s}
  html[data-dw-skin="mac"] .nv:hover{transform:scale(1.12) translateX(-3px);background:rgba(255,255,255,.1)}
}
html[data-dw-skin="mac"] .nv.on{background:var(--am);color:#fff;border-radius:12px}html[data-dw-skin="mac"] .nv.on::after{display:none}
html[data-dw-skin="mac"] #vHome .hero{border-radius:16px;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 0 .5px rgba(255,255,255,.2) inset}
html[data-dw-skin="mac"] #vHome .hero::before{content:"";position:absolute;top:0;inset-inline:0;height:38px;z-index:3;background:linear-gradient(180deg,rgba(60,60,66,.85),rgba(40,40,45,.75));border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}
html[data-dw-skin="mac"] #vHome .hero::after{content:"";position:absolute;top:13px;inset-inline-start:16px;width:12px;height:12px;border-radius:50%;background:#ff5f57;box-shadow:20px 0 0 #febc2e,40px 0 0 #28c840;z-index:4}
html[data-dw-skin="mac"] #vHome .hero .hin{padding-top:calc(38px + var(--s5))}
html[data-dw-skin="mac"] .btn{border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.4)}
html[data-dw-skin="mac"] .btn-1{background:var(--am);color:#fff;border-color:transparent;box-shadow:0 1px 2px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.25)}
html[data-dw-skin="mac"] .facts span{border-radius:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
html[data-dw-skin="mac"] .c .fr{border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.5),0 0 0 .5px rgba(255,255,255,.12)}
html[data-dw-skin="mac"] .rh h2{font-weight:600}
html[data-dw-skin="mac"] .dp-dock{inset-inline:4%;bottom:14px;border-radius:18px;background:rgba(30,30,34,.72)!important;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.12);padding:10px 14px 12px!important}
html[data-dw-skin="mac"] .dp-btn{border-radius:10px}
/* ══ كوميك (هيرو): حدود سميكة، ظلال صلبة، ميل، نقاط هافتون ══ */
html[data-dw-skin="comic"] #vHome .hero{border-radius:6px;border:3px solid #fff;box-shadow:12px 12px 0 var(--am),12px 12px 0 3px #000}
html[data-dw-skin="comic"] #vHome .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.3px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent 40%,#000);opacity:.8}
html[data-dw-skin="comic"] #vHome .hero h1,html[data-dw-skin="comic"] .rh h2{font-weight:900;text-shadow:3px 3px 0 #000,-1.5px -1.5px 0 var(--am)}
html[data-dw-skin="comic"] .rh h2::before{content:"★ ";color:var(--am);text-shadow:none}
html[data-dw-skin="comic"] .btn{border-radius:4px;border:3px solid #fff;background:#111;color:#fff;font-weight:900;box-shadow:5px 5px 0 #000;transform:skewX(-6deg);transition:transform .15s,box-shadow .15s}
html[data-dw-skin="comic"] .btn:hover{transform:skewX(-6deg) translate(-2px,-2px);box-shadow:8px 8px 0 #000}
html[data-dw-skin="comic"] .btn-1{background:var(--am);color:#000;border-color:#fff}
html[data-dw-skin="comic"] .hero .kick{background:var(--am);color:#000;border-radius:0;padding:4px 12px;transform:skewX(-8deg);font-weight:900}
html[data-dw-skin="comic"] .facts span{border-radius:0;border:2px solid #fff;background:#000;transform:skewX(-6deg)}
html[data-dw-skin="comic"] .c .fr{border-radius:4px;border:3px solid #fff;box-shadow:6px 6px 0 #000}
html[data-dw-skin="comic"] .c:hover .fr{transform:rotate(-2deg) translateY(-6px)!important;box-shadow:9px 9px 0 var(--am)}
html[data-dw-skin="comic"] .c .q{border-radius:3px;border:2px solid #000;transform:rotate(-6deg);font-weight:900}
html[data-dw-skin="comic"] .nv.on{background:var(--am);color:#000;border-radius:4px;box-shadow:3px 3px 0 #000}html[data-dw-skin="comic"] .nv.on::after{display:none}
html[data-dw-skin="comic"] .dp-dock{background:linear-gradient(0deg,#000 60%,transparent)!important}html[data-dw-skin="comic"] .dp-btn{border-radius:4px}html[data-dw-skin="comic"] .dp-track{border-radius:0;outline:2px solid #000}
/* ══ لطيف (للبنات): استدارة كاملة، نطّة عند التحويم، قلوب ══ */
html[data-dw-skin="cute"] #vHome .hero{border-radius:34px;border:3px solid rgba(255,160,210,.3);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 60px rgba(255,120,190,.18)}
html[data-dw-skin="cute"] .btn{border-radius:999px;border:2px solid rgba(255,255,255,.22);box-shadow:0 5px 0 rgba(0,0,0,.28);font-weight:800;transition:transform .15s,box-shadow .15s}
html[data-dw-skin="cute"] .btn:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(0,0,0,.28)}
html[data-dw-skin="cute"] .btn-1{background:linear-gradient(135deg,#ff8fc8,#e85ba8);color:#fff;border-color:rgba(255,255,255,.4)}
html[data-dw-skin="cute"] .btn-1::before{content:"♥ ";font-size:1.1em}
html[data-dw-skin="cute"] .rh h2::after{content:" ♥";color:var(--am)}
html[data-dw-skin="cute"] .hero .kick{border-radius:999px;background:rgba(255,143,200,.2);border:1.5px solid rgba(255,143,200,.4)}
html[data-dw-skin="cute"] .facts span{border-radius:999px;background:rgba(255,143,200,.14);border:1.5px solid rgba(255,143,200,.25)}
html[data-dw-skin="cute"] .c .fr{border-radius:22px;border:3px solid rgba(255,143,200,.28)}
html[data-dw-skin="cute"] .c:hover .fr{animation:dwBounce .5s var(--ease)}
@keyframes dwBounce{0%{transform:translateY(0)}40%{transform:translateY(-14px) rotate(2deg)}70%{transform:translateY(-8px) rotate(-1deg)}100%{transform:translateY(-10px) rotate(1deg)}}
html[data-dw-skin="cute"] .c .q{border-radius:999px}
html[data-dw-skin="cute"] .nv{border-radius:999px}html[data-dw-skin="cute"] .nv.on{background:linear-gradient(135deg,#ff8fc8,#e85ba8);color:#fff}html[data-dw-skin="cute"] .nv.on::after{display:none}
html[data-dw-skin="cute"] .dp-btn{border-radius:50%}html[data-dw-skin="cute"] .dp-track{height:7px}html[data-dw-skin="cute"] .dp-thumb{width:18px;height:18px}
/* ══ نيون: حدود مضيئة، نصّ متوهّج، خطوط مسح ══ */
html[data-dw-skin="neon"] #vHome .hero{border:1px solid var(--am);border-radius:10px;box-shadow:0 0 30px color-mix(in srgb,var(--am) 45%,transparent),inset 0 0 40px color-mix(in srgb,var(--am) 10%,transparent)}
html[data-dw-skin="neon"] #vHome .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.18) 3px 4px)}
html[data-dw-skin="neon"] #vHome .hero h1,html[data-dw-skin="neon"] .rh h2{color:#fff;text-shadow:0 0 10px var(--am),0 0 30px color-mix(in srgb,var(--am) 60%,transparent)}
html[data-dw-skin="neon"] .btn{background:transparent;border:2px solid var(--am);color:var(--am);border-radius:6px;box-shadow:0 0 12px color-mix(in srgb,var(--am) 60%,transparent),inset 0 0 12px color-mix(in srgb,var(--am) 15%,transparent);text-shadow:0 0 8px var(--am);font-weight:800}
html[data-dw-skin="neon"] .btn:hover{background:color-mix(in srgb,var(--am) 18%,transparent)}
html[data-dw-skin="neon"] .btn-1{background:var(--am);color:#000;text-shadow:none;box-shadow:0 0 24px var(--am)}
html[data-dw-skin="neon"] .facts span{background:transparent;border:1px solid color-mix(in srgb,var(--am) 60%,transparent);border-radius:4px;color:var(--am)}
html[data-dw-skin="neon"] .hero .kick{border:1px solid var(--am);background:transparent;border-radius:4px;color:var(--am);text-shadow:0 0 8px var(--am)}
html[data-dw-skin="neon"] .c .fr{border-radius:6px;border:1px solid color-mix(in srgb,var(--am) 45%,transparent)}
html[data-dw-skin="neon"] .nv.on{background:none;color:var(--am);text-shadow:0 0 10px var(--am);box-shadow:inset 0 0 0 1px var(--am),0 0 16px color-mix(in srgb,var(--am) 40%,transparent);border-radius:6px}
html[data-dw-skin="neon"] .dp-btn{border-radius:6px}html[data-dw-skin="neon"] .dp-track{box-shadow:0 0 10px var(--dp-accent)}
/* ══ سينما: شريط فيلم بثقوب، عناوين بشرطة جانبيّة، أزرار حادّة ══ */
html[data-dw-skin="cinema"] #vHome .hero{border-radius:4px;border:0;box-shadow:0 0 0 14px #0c0c0c,0 0 0 15px #2a2a2a,0 40px 90px rgba(0,0,0,.7)}
html[data-dw-skin="cinema"] #vHome .hero::before,html[data-dw-skin="cinema"] #vHome .hero::after{content:"";position:absolute;inset-inline:0;height:10px;z-index:4;background:repeating-linear-gradient(90deg,transparent 0 12px,#d8d8d8 12px 22px,transparent 22px 36px);opacity:.9}
html[data-dw-skin="cinema"] #vHome .hero::before{top:0;border-radius:0 0 2px 2px}html[data-dw-skin="cinema"] #vHome .hero::after{bottom:0}
html[data-dw-skin="cinema"] .rh h2{border-inline-start:4px solid var(--am);padding-inline-start:10px;font-weight:800}
html[data-dw-skin="cinema"] .btn{border-radius:3px;border:1px solid rgba(255,255,255,.22);background:#141414;font-weight:800}
html[data-dw-skin="cinema"] .btn-1{background:var(--am);color:#fff;border-color:transparent;box-shadow:none}
html[data-dw-skin="cinema"] .facts span{border-radius:3px;background:#141414;border:1px solid rgba(255,255,255,.14)}
html[data-dw-skin="cinema"] .hero .kick{border-radius:2px;background:var(--am);color:#fff}
html[data-dw-skin="cinema"] .c .fr{border-radius:3px;border:1px solid rgba(255,255,255,.1)}
html[data-dw-skin="cinema"] .nv.on{background:none;color:var(--am);border-radius:3px}html[data-dw-skin="cinema"] .nv.on::after{width:3px}
html[data-dw-skin="cinema"] .dp-btn{border-radius:3px}html[data-dw-skin="cinema"] .dp-dock{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.5) 70%,transparent)!important}
/* ══ زجاج: كلّ شيء شفّاف مطموس بحدود بيضاء رقيقة ══ */
html[data-dw-skin="glass"] #vHome .hero{border:1px solid rgba(255,255,255,.18);border-radius:28px}
html[data-dw-skin="glass"] .btn{background:rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:14px}
html[data-dw-skin="glass"] .btn-1{background:linear-gradient(135deg,color-mix(in srgb,var(--am) 85%,#fff),var(--am2));border-color:rgba(255,255,255,.35)}
html[data-dw-skin="glass"] .facts span,html[data-dw-skin="glass"] .hero .kick{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);border-radius:12px}
html[data-dw-skin="glass"] .c .fr{border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.12)}
html[data-dw-skin="glass"] .c .nm{text-align:center}
@media (min-width:761px){html[data-dw-skin="glass"] .rail{background:rgba(255,255,255,.04);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-color:rgba(255,255,255,.1)}}
html[data-dw-skin="glass"] .nv.on{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}html[data-dw-skin="glass"] .nv.on::after{display:none}
html[data-dw-skin="glass"] .dp-dock{inset-inline:3%;bottom:12px;border-radius:20px;background:rgba(255,255,255,.07)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.14);padding:10px 14px 12px!important}
/* ══ مسطّح (الخفيف/أحاديّ): بلا ظلال ولا تدرّجات ══ */
html[data-dw-skin="flat"] .btn,html[data-dw-skin="flat"] .c .fr,html[data-dw-skin="flat"] #vHome .hero,html[data-dw-skin="flat"] .facts span{box-shadow:none!important}
html[data-dw-skin="flat"] .btn{border-radius:8px;background:var(--bg3);border:1px solid var(--bd)}
html[data-dw-skin="flat"] .btn-1{background:var(--am);color:var(--ac-tx);border-color:transparent}
html[data-dw-skin="flat"] #vHome .hero{border-radius:12px;border:1px solid var(--bd)}
html[data-dw-skin="flat"] .c .fr{border-radius:8px}html[data-dw-skin="flat"] .c .sheen{display:none}
html[data-dw-skin="flat"] .nv.on{background:var(--am-soft);border-radius:8px}html[data-dw-skin="flat"] .nv.on::after{display:none}
html[data-dw-skin="flat"] .dp-btn{border-radius:8px}
/* ══ فاخر (ذهب): إطار مزدوج رفيع، زوايا حادّة، لمسة بوتيك ══ */
html[data-dw-skin="luxe"] #vHome .hero{border-radius:4px;border:1px solid color-mix(in srgb,var(--am) 55%,transparent);box-shadow:inset 0 0 0 8px var(--bg),inset 0 0 0 9px color-mix(in srgb,var(--am) 40%,transparent),0 40px 90px rgba(0,0,0,.6)}
html[data-dw-skin="luxe"] #vHome .hero h1{font-weight:700}
html[data-dw-skin="luxe"] .rh h2{font-weight:700}html[data-dw-skin="luxe"] .rh h2::after{content:"";display:inline-block;width:40px;height:1px;background:var(--am);margin-inline-start:12px;vertical-align:middle}
html[data-dw-skin="luxe"] .btn{border-radius:2px;border:1px solid color-mix(in srgb,var(--am) 70%,transparent);background:transparent;font-weight:700}
html[data-dw-skin="luxe"] .btn-1{background:linear-gradient(135deg,var(--am2),var(--am) 50%,var(--am2));color:var(--ac-tx);box-shadow:0 10px 30px -12px var(--am)}
html[data-dw-skin="luxe"] .facts span{border-radius:2px;background:transparent;border:1px solid color-mix(in srgb,var(--am) 40%,transparent)}
html[data-dw-skin="luxe"] .hero .kick{border-radius:2px;border:1px solid var(--am);background:transparent;color:var(--am)}
html[data-dw-skin="luxe"] .c .fr{border-radius:3px;outline:1px solid color-mix(in srgb,var(--am) 25%,transparent);outline-offset:3px}
html[data-dw-skin="luxe"] .nv.on{background:none;color:var(--am);border-radius:2px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--am) 60%,transparent)}html[data-dw-skin="luxe"] .nv.on::after{display:none}
html[data-dw-skin="luxe"] .dp-btn{border-radius:2px}
/* معاينات الطابع داخل الاستوديو */
.dw-tile .pv.sk{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg2)}
.dw-tile .pv.sk i{display:block;width:34%;height:26%;border-radius:6px;background:var(--am);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.dw-tile .pv.sk b{display:block;width:26%;height:26%;border-radius:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.dw-tile .pv.sk.mac i{border-radius:5px;background:#0A84FF}.dw-tile .pv.sk.mac b{border-radius:5px}.dw-tile .pv.sk.mac::before{content:"";position:absolute;top:6px;inset-inline-start:7px;width:5px;height:5px;border-radius:50%;background:#ff5f57;box-shadow:8px 0 0 #febc2e,16px 0 0 #28c840}
.dw-tile .pv.sk.comic i{border-radius:2px;border:2px solid #fff;box-shadow:3px 3px 0 #000;transform:skewX(-8deg)}.dw-tile .pv.sk.comic b{border-radius:2px;border:2px solid #fff;background:#000;box-shadow:3px 3px 0 #000;transform:skewX(-8deg)}
.dw-tile .pv.sk.cute i{border-radius:999px;background:linear-gradient(135deg,#ff8fc8,#e85ba8);box-shadow:0 3px 0 rgba(0,0,0,.3)}.dw-tile .pv.sk.cute b{border-radius:999px}
.dw-tile .pv.sk.neon i{background:transparent;border:1.5px solid var(--am);box-shadow:0 0 8px var(--am),inset 0 0 6px color-mix(in srgb,var(--am) 30%,transparent);border-radius:3px}.dw-tile .pv.sk.neon b{border-radius:3px;border-color:var(--am)}
.dw-tile .pv.sk.cinema{border-top:4px solid #ddd;border-bottom:4px solid #ddd;border-image:repeating-linear-gradient(90deg,transparent 0 4px,#ddd 4px 8px) 4}.dw-tile .pv.sk.cinema i{border-radius:1px}.dw-tile .pv.sk.cinema b{border-radius:1px}
.dw-tile .pv.sk.glass i{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);border-radius:8px}.dw-tile .pv.sk.glass b{border-radius:8px;background:rgba(255,255,255,.08)}
.dw-tile .pv.sk.flat i{border-radius:3px;box-shadow:none}.dw-tile .pv.sk.flat b{border-radius:3px;box-shadow:none}
.dw-tile .pv.sk.luxe i{border-radius:0;background:linear-gradient(135deg,#d9a520,#f6d365,#d9a520)}.dw-tile .pv.sk.luxe b{border-radius:0;border:1px solid #d9a520;background:transparent}

/* إصلاح: صور الكولاج داخل البانر كانت ترث opacity:0 من قاعدة الصورة الأصليّة (تظهر فقط مع .on) */
#vHome .hero .shot .dw-cimg{opacity:1!important;filter:none!important;position:static!important;transition:none!important}
html[data-dw-herowall="on"] #vHome .hero .scrim{opacity:calc(var(--dw-scrim,1) * .6)}
#dwWall::after{background:linear-gradient(180deg,rgba(var(--dw-veil,4,7,14),.12),rgba(var(--dw-veil,4,7,14),.6))}

/* الموقع يحقن بديل «لا صورة» (.noimg-ph) بجوار أيّ صورة تفشل — داخل الكولاج يغطّي كلّ الطبقة؛ نخفيه هنا */
#dwWall .noimg-ph,#dwWall>:not(img),#vHome .hero .shot.collage .noimg-ph{display:none!important}

/* شفافيّة: لا لوحة ولا زرّ يسدّ البوستر — خصوصًا على الهاتف حيث البانر طوليّ */
html[data-dw-hero="glass"] #vHome .hero .hin{background:rgba(var(--dw-veil,4,7,14),.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-dw-skin="comic"] .btn{background:rgba(10,10,10,.55)}html[data-dw-skin="comic"] .facts span{background:rgba(0,0,0,.5)}
html[data-dw-skin="cinema"] .btn,html[data-dw-skin="cinema"] .facts span{background:rgba(20,20,20,.6)}
html[data-dw-skin="neon"] #vHome .hero::after{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.09) 3px 4px)}
html[data-dw-skin="mac"] .btn{background:rgba(255,255,255,.07)}
@media (max-width:760px){
  html[data-dw-hero="glass"] #vHome .hero .hin{margin:var(--s3);padding:var(--s4)!important;background:rgba(var(--dw-veil,4,7,14),.18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-color:rgba(255,255,255,.1)}
  html[data-dw-hero="glass"] #vHome .hero .scrim{opacity:.7}
  html[data-dw-skin] #vHome .hero .hin{backdrop-filter:none;-webkit-backdrop-filter:none}
  html[data-dw-skin="mac"] #vHome .hero::before,html[data-dw-skin="mac"] #vHome .hero::after{height:30px}html[data-dw-skin="mac"] #vHome .hero .hin{padding-top:calc(30px + var(--s4))}
}

/* معاينة الهويّات التي فيها كولاج */
.dw-pv.wall .fxl{background:repeating-linear-gradient(-8deg,rgba(255,255,255,.07) 0 9px,transparent 9px 13px),linear-gradient(135deg,color-mix(in srgb,var(--pac) 30%,transparent),transparent 70%)}

/* زرّ «شاهد الآن» الرئيسيّ يبقى بلون التمييز في كلّ الطوابع (قواعد الشفافيّة كانت تغلبه) */
html[data-dw-skin="comic"] .btn.btn-1{background:var(--am)!important;color:#000!important;border-color:#fff!important}
html[data-dw-skin="cinema"] .btn.btn-1{background:var(--am)!important;color:#fff!important}
html[data-dw-skin="mac"] .btn.btn-1{background:var(--am)!important;color:#fff!important}
html[data-dw-skin="neon"] .btn.btn-1{background:var(--am)!important;color:#000!important}
html[data-dw-skin="flat"] .btn.btn-1,html[data-dw-skin="luxe"] .btn.btn-1,html[data-dw-skin="glass"] .btn.btn-1{color:var(--ac-tx)!important}
/* الهاتف: الكولاج أقرب وأوضح — 3 أعمدة كبيرة بدل 7 صغيرة، وشفافيّة أقلّ */
@media (max-width:760px){
  #dwWall.collage{grid-template-columns:repeat(3,1fr);gap:3vw;padding:1vh 2vw;transform:rotate(-6deg) scale(1.28);align-content:start}
  #dwWall.collage img{border-radius:8px}
  html[data-dw-wall]:not([data-dw-wall="none"]) #dwWall{opacity:min(.95,calc(var(--dw-wall-op,.35) + .2))}
  #dwWall::after{background:linear-gradient(180deg,rgba(var(--dw-veil,4,7,14),.08),rgba(var(--dw-veil,4,7,14),.5))}
}