:root{--bg:#251C16;--bg2:#2D221B;--sunk:#141210;--surf:#3B2E25;--txt:#fff;--txt2:#C7C0B8;--or:#E95900;--or2:#FF9A3C;--or3:#C24500;--gold:#F5B546;--gold2:#FFD98A;--grad:linear-gradient(115deg,#C24500,#E95900 52%,#FF9A3C);--frame:linear-gradient(140deg,#F5B546,#E95900 28%,rgba(245,181,70,.28) 54%,#FF8A13 78%,#F5B546);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;margin:0}
body{font-family:var(--f-ui);color:var(--txt);background:radial-gradient(ellipse 120% 60% at 50% -8%,rgba(233,89,0,.16),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg) 40%,var(--sunk));background-color:var(--bg);background-attachment:fixed;line-height:1.7}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.news{background:var(--grad);color:#1A0D00;font-weight:700;font-size:12px;text-align:center;padding:6px 12px}
header{background:linear-gradient(180deg,var(--bg),var(--sunk));border-radius:0 0 16px 16px;position:relative;box-shadow:0 10px 30px rgba(10,9,8,.55)}
header::after{content:"";position:absolute;inset:auto 8% -1px;height:1.5px;background:linear-gradient(90deg,transparent,#C24500 18%,#E95900 38%,#F5B546 50%,#E95900 62%,#C24500 82%,transparent);box-shadow:0 0 12px rgba(245,181,70,.55)}
header .wrap{display:flex;align-items:center;justify-content:center;padding:10px 16px}
.logo{height:40px;width:auto;display:block}
.hero{position:relative;margin:0 auto;max-width:1180px;min-height:420px;display:grid;place-items:center;text-align:center;padding:56px 20px;overflow:hidden;border-radius:0 0 26px 26px;background:radial-gradient(circle at 78% 30%,rgba(233,89,0,.30),transparent 45%),radial-gradient(circle at 15% 90%,rgba(81,62,49,.6),transparent 55%),linear-gradient(180deg,#2D221B,#251C16)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:linear-gradient(90deg,transparent,#C24500 24%,#E95900 42%,#FF9A3C 50%,#E95900 58%,#C24500 76%,transparent);box-shadow:0 0 16px rgba(233,89,0,.4)}
.badge{display:inline-block;padding:5px 20px;border-radius:999px;border:1px solid rgba(245,181,70,.55);background:rgba(24,21,19,.7);color:#FFD9AE;font-weight:700;font-size:13px;box-shadow:0 0 22px rgba(233,89,0,.28)}
.hero p.l1{margin-top:14px;font-size:clamp(15px,2.6vw,24px);color:#F3E7DA;font-weight:600}
.hero h1{font-size:clamp(30px,6vw,60px);font-weight:900;line-height:1.3;text-shadow:0 3px 18px rgba(0,0,0,.9),0 0 40px rgba(233,89,0,.3)}
.hero h1 em,.sh em{font-style:normal;color:#FF8A2B}
.hero .l3{margin-top:10px;font-size:11px;letter-spacing:5px;color:#9C8C80;direction:ltr}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 30px;border-radius:999px;font-weight:800;font-size:15px;color:#fff;background:var(--grad);border:1px solid rgba(255,200,140,.45);box-shadow:0 8px 22px rgba(233,89,0,.3),inset 0 1px 0 rgba(255,255,255,.3);margin-top:22px;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-2px)}
.sh{display:flex;align-items:center;justify-content:center;gap:14px;margin:48px auto 26px}
.sh i{flex:1;max-width:240px;height:1px;background:linear-gradient(90deg,transparent,#C24500,#E95900,#FF9A3C);box-shadow:0 0 8px rgba(233,89,0,.4)}
.sh i:last-child{transform:scaleX(-1)}
.sh h2{font-size:clamp(19px,3.4vw,32px);font-weight:900;white-space:nowrap}
.eb{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:48px;color:var(--gold);font-weight:700;font-size:12px;letter-spacing:.4px}
.eb::before,.eb::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,181,70,.7))}
.eb::after{transform:scaleX(-1)}
.card{position:relative;border-radius:22px;background:linear-gradient(145deg,#3B2E25,#251C16 56%,#141210);box-shadow:0 22px 46px rgba(0,0,0,.55)}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.6px;background:var(--frame);opacity:.7;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.trust{margin:34px auto 0;padding:26px 20px;text-align:center}
.trust small{display:inline-block;padding:3px 16px;border-radius:999px;border:1px solid rgba(255,154,60,.55);color:#FFD9A8;font-weight:700;font-size:12px}
.trust b{display:block;font-size:clamp(22px,4vw,40px);margin-top:8px}
.trust span{color:var(--txt2);font-size:13px}
.regb{position:relative;margin:34px auto 0;padding:36px 24px;overflow:hidden;direction:rtl}
.regb-glow{position:absolute;left:50%;top:44%;width:58%;height:170%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(40px);pointer-events:none;opacity:.8;background:radial-gradient(ellipse at center,rgba(255,110,25,.22),rgba(233,89,0,.05) 58%,transparent 78%)}
.regb-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#FFE9C7;box-shadow:0 0 8px rgba(255,214,150,.9);opacity:.5;animation:regbTw 6s ease-in-out infinite}
.regb-star.s1{left:14%;top:28%}.regb-star.s2{left:78%;top:24%;animation-delay:3s}.regb-star.s3{left:50%;top:18%;animation-delay:2.2s}
@keyframes regbTw{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.9;transform:scale(1.3)}}
.regb-wmk{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;font-weight:900;font-size:clamp(40px,11vw,130px);line-height:1;letter-spacing:.04em;direction:ltr;color:transparent;-webkit-text-stroke:1px rgba(245,181,70,.13);pointer-events:none;user-select:none;font-family:var(--f-head)}
.regb-dia{position:absolute;width:8px;height:8px;opacity:.75;transform:rotate(45deg);background:linear-gradient(135deg,#FFD98A,#B87E14);box-shadow:0 0 10px rgba(245,181,70,.85);z-index:3}
.regb-dia.a{top:15px;right:15px}.regb-dia.b{top:15px;left:15px}.regb-dia.c{bottom:15px;right:15px}.regb-dia.d{bottom:15px;left:15px}
.regb-row{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(10px,2.4vw,26px);flex-wrap:nowrap}
.regb-sym{order:1;width:clamp(76px,12vw,130px);flex:0 0 auto;filter:drop-shadow(0 0 16px rgba(232,222,213,.35)) drop-shadow(0 10px 20px rgba(0,0,0,.6))}
.regb-text{order:2}
.regb-text{display:flex;flex-direction:column;align-items:center;text-align:center}
.regb-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 18px;margin-bottom:10px;border-radius:999px;font-weight:700;color:#FFD9A8;font-size:13px;white-space:nowrap;background:linear-gradient(180deg,rgba(56,43,34,.9),rgba(20,18,16,.95));border:1px solid rgba(255,154,60,.55);box-shadow:0 0 18px rgba(233,89,0,.28),inset 0 1px 0 rgba(255,255,255,.07)}
.regb-pill i{width:8px;height:8px;border-radius:50%;background:linear-gradient(115deg,#C24500,#E95900 52%,#FF9A3C);box-shadow:0 0 10px #E95900}
.regb-title{font-weight:700;font-size:clamp(22px,4.5vw,42px);color:#fff;letter-spacing:-.5px;filter:drop-shadow(0 2px 14px rgba(0,0,0,.8))}
.regb-ln{display:block;height:1px;width:min(260px,70%);margin:10px auto;background:linear-gradient(90deg,transparent,#FF9A3C,#E95900 40%,transparent);box-shadow:0 0 8px rgba(255,106,18,.6)}
.regb-sub{font-weight:700;font-size:clamp(14px,2vw,19px);background:linear-gradient(90deg,#FFE0BC,#FF9A3C 40%,#E95900 70%,#FFE0BC);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:767px){.regb{padding:26px 14px}.regb-row{gap:14px}.regb-sym{width:70px}}
.sq{display:grid;grid-template-columns:repeat(4,1fr);gap:1.36%}
.steps,.gal,.pk,.faq{max-width:1080px;margin-inline:auto}
.sq a{aspect-ratio:430/568;container-type:inline-size;padding:5cqw 4cqw 6cqw;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;overflow:hidden;transition:transform .25s}
.sq a:hover{transform:translateY(-4px)}
.sq a::after{content:"";position:absolute;left:50%;top:30%;width:90%;height:55%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,110,25,.4),transparent 70%);filter:blur(18px)}
.ico{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:66%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(32px,22cqw,72px);background:radial-gradient(circle at 50% 30%,rgba(255,154,60,.55),rgba(233,89,0,.2) 55%,rgba(37,28,22,.9));border:1.5px solid rgba(245,181,70,.55);z-index:1}
.sqi{position:absolute;left:50%;top:33%;transform:translate(-50%,-50%);width:86%;height:auto;mix-blend-mode:screen;z-index:1;}
.sq a::before{content:"";position:absolute;inset:0;border-radius:22px;z-index:4;pointer-events:none;padding:1.5px;background:linear-gradient(150deg,#FFD98A,rgba(233,89,0,.55) 30%,rgba(245,181,70,.15) 55%,rgba(255,138,19,.7) 80%,#FFD98A);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.sq a{background-image:linear-gradient(115deg,rgba(255,255,255,.09) 0,rgba(255,255,255,0) 32%),linear-gradient(145deg,#3B2E25,#251C16 56%,#141210)}
.sq b::before{content:"";display:block;width:70%;height:7px;margin:0 auto 10px;background:radial-gradient(circle,#FFD98A 0 2.5px,transparent 3px) center/7px 7px no-repeat,linear-gradient(90deg,transparent,rgba(245,181,70,.8)) right center/calc(50% - 8px) 1px no-repeat,linear-gradient(270deg,transparent,rgba(245,181,70,.8)) left center/calc(50% - 8px) 1px no-repeat}
.sq b{position:relative;z-index:2;font-size:clamp(10px,6.2cqw,20px);line-height:1.4}
.sq em{position:relative;z-index:2;margin-top:8px;padding:5px 16px;border-radius:999px;border:1px solid rgba(245,181,70,.5);font-style:normal;font-size:clamp(9px,3.6cqw,13px);color:#FFE7CB;font-weight:700}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5cqw;container-type:inline-size;padding:38px 16px 38px;padding-right:calc(16px + 3%);position:relative;overflow:hidden}
.steps::before{content:none}
.st-dia{position:absolute;width:8px;height:8px;transform:rotate(45deg);background:linear-gradient(135deg,#FFD98A,#B87E14);box-shadow:0 0 10px rgba(245,181,70,.85);z-index:3;pointer-events:none}
.st-dia.a{top:15px;right:15px}.st-dia.b{top:15px;left:15px}.st-dia.c{bottom:15px;right:15px}.st-dia.d{bottom:15px;left:15px}
.st-hair{position:absolute;left:10%;right:10%;bottom:0;height:1.5px;z-index:1;background:linear-gradient(90deg,transparent,#C24500 20%,#E95900 40%,#F5B546 50%,#E95900 60%,#C24500 80%,transparent);box-shadow:0 0 8px rgba(255,106,18,.5),0 0 20px rgba(233,89,0,.25);opacity:.8;pointer-events:none}
.st-path{position:absolute;left:12%;right:12%;top:96px;height:2px;z-index:1;background:linear-gradient(90deg,transparent,rgba(233,89,0,.35) 12%,#E95900 30%,#FFB46A 50%,#E95900 70%,rgba(233,89,0,.35) 88%,transparent);opacity:.5;pointer-events:none}
.st-run{position:absolute;left:12%;right:12%;top:96px;height:2px;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,236,214,.95),transparent);background-size:22% 100%;background-repeat:no-repeat;animation:stRun 9s cubic-bezier(.4,0,.6,1) infinite;opacity:.8;pointer-events:none}
@keyframes stRun{0%{background-position:-25% 0}100%{background-position:125% 0}}
@media(prefers-reduced-motion:reduce){.st-run{animation:none}}
.step{text-align:center;position:relative;z-index:2}
.node{position:relative;width:116px;height:116px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:38px;background:radial-gradient(circle at 50% 46%,rgba(255,138,19,.60),rgba(233,89,0,.34) 28%,rgba(194,69,0,.12) 50%,transparent 66%),radial-gradient(circle at 50% -20%,rgba(233,89,0,.30),transparent 62%),linear-gradient(180deg,#382B22,#251C16 60%,#141210);border:1px solid rgba(245,181,70,.38);box-shadow:0 0 0 6px var(--bg),0 0 0 7px rgba(245,181,70,.18),0 14px 30px rgba(10,9,8,.6),inset 0 1px 0 rgba(255,255,255,.06)}
.node::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(245,181,70,.14)}
.node::after{content:"";position:absolute;left:18%;right:18%;bottom:-8px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,transparent,#C24500 20%,#E95900 45%,#F5B546 50%,#E95900 55%,#C24500 80%,transparent);box-shadow:0 0 8px rgba(245,181,70,.45);opacity:.8}
.nic{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(233,89,0,.22))}
.node u{position:absolute;top:-4px;right:2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#1D1612;background:linear-gradient(150deg,#FFC078,#E95900);text-decoration:none;box-shadow:0 0 0 3px var(--bg),0 0 12px rgba(233,89,0,.6)}
.step h3{font-size:19px;font-weight:700;color:#fff}
.step p{font-size:12.5px;color:#BDB6AE;font-weight:400}
.step .btn{margin-top:8px;padding:9px 24px;font-size:13px}
@media(max-width:767px){
.node{width:68px;height:68px}
.node::before{inset:-9px}
.nic{width:47px;height:47px}
.node u{width:20px;height:20px;font-size:10px;top:-3px;right:0}
.step h3{font-size:13px}.step p{font-size:10px}
.st-dia{width:5px;height:5px}.st-dia.a{top:10px;right:10px}.st-dia.b{top:10px;left:10px}.st-dia.c{bottom:10px;right:10px}.st-dia.d{bottom:10px;left:10px}
.st-path,.st-run{top:70px}
}
.pk{position:relative;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;align-items:stretch}
.pk::before{content:"";position:absolute;left:50%;top:48%;width:56%;height:80%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(233,89,0,.32),transparent 72%);filter:blur(24px);pointer-events:none}
.wm{position:absolute;left:50%;top:-6%;transform:translateX(-50%);z-index:0;font-weight:900;font-size:clamp(56px,12.5vw,150px);line-height:1;letter-spacing:.08em;direction:ltr;white-space:nowrap;color:transparent;-webkit-text-stroke:1.3px rgba(245,181,70,.3);text-shadow:0 0 22px rgba(245,181,70,.07);pointer-events:none;user-select:none;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);font-family:var(--f-head)}
.ph{position:relative;display:grid;place-items:center;z-index:2;padding:10px 0}
.ph::before{content:"";position:absolute;left:8%;right:8%;bottom:4%;height:50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,138,19,.5),rgba(233,89,0,.18) 55%,transparent 76%);filter:blur(16px)}
.ph::after{content:"";position:absolute;left:50%;top:52%;width:112%;height:34%;transform:translate(-50%,-50%) rotate(-14deg);border-radius:50%;border:1px solid rgba(245,181,70,.35);box-shadow:0 0 18px rgba(245,181,70,.18)}
.ph img{position:relative;z-index:1;width:104%;max-width:none;height:auto;transform:rotate(-6deg);filter:drop-shadow(0 26px 36px rgba(0,0,0,.6)) drop-shadow(0 0 28px rgba(233,89,0,.25));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pk:hover .ph img{transform:rotate(-4deg) translateY(-6px)}
.pan{overflow:hidden}
.pan::after{content:"";position:absolute;top:-40%;left:-30%;width:60%;height:180%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(12deg);pointer-events:none;animation:glint 12s linear infinite}
.gd::after{animation-duration:16s;opacity:.7}
.dm::before{background:linear-gradient(160deg,rgba(244,239,234,.95),rgba(220,206,191,.55) 35%,rgba(255,154,60,.75) 70%,rgba(244,239,234,.9));background-size:300% 300%;opacity:1;animation:sheen 9s ease-in-out infinite}
.ph::before,.pk::before{animation:breathe 6s ease-in-out infinite}
@keyframes glint{0%{left:-60%}100%{left:130%}}
@keyframes sheen{0%,100%{background-position:0 0}50%{background-position:100% 100%}}
@keyframes breathe{0%,100%{opacity:.75}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.pan::after,.dm::before,.ph::before,.pk::before{animation:none}}
.pan{position:relative;z-index:2}
.pan{padding:24px 22px;display:flex;flex-direction:column}
.pan.dm{box-shadow:0 26px 54px rgba(10,9,8,.65),0 0 44px rgba(208,188,167,.18)}
.tag{align-self:flex-start;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(236,227,219,.5);background:rgba(220,206,191,.15)}
.gd .tag{border-color:rgba(245,181,70,.5);color:var(--gold2);background:rgba(37,28,22,.55)}
.pan h3{font-size:26px;font-weight:900;margin-top:10px;background:linear-gradient(180deg,#fff,#EEE7E0);-webkit-background-clip:text;background-clip:text;color:transparent}
.gd h3{background:linear-gradient(180deg,#fff,var(--gold2));-webkit-background-clip:text;background-clip:text}
.price{display:flex;align-items:baseline;gap:10px;margin:6px 0 12px;padding:10px 0;border-block:1px solid rgba(255,255,255,.1)}
.price b{font-size:28px;color:var(--gold2)}
.price s{color:var(--txt2);font-size:14px}
.pan ul{list-style:none;padding:0;display:grid;gap:8px;flex:1;margin-bottom:16px}
.pan li{font-size:14px;font-weight:600;display:flex;gap:10px;align-items:center}
.pan li::before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--or2);border:1px solid rgba(245,181,70,.45);flex:none}
.pan .btn{margin:0}
.gd .btn{background:rgba(37,28,22,.9);border-color:rgba(245,181,70,.7);color:var(--gold2)}
.faq{display:grid;gap:10px;max-width:900px;margin:0 auto}
.faq{counter-reset:q;gap:10px}
details{counter-increment:q;position:relative;overflow:hidden;border-radius:16px;border:1px solid transparent;background:linear-gradient(145deg,#3B2E25,#251C16 56%,#141210) padding-box,linear-gradient(135deg,rgba(245,181,70,.34),rgba(233,89,0,.16) 28%,rgba(245,181,70,.13) 52%,rgba(233,89,0,.14) 74%,rgba(245,181,70,.3)) border-box;box-shadow:0 14px 32px rgba(0,0,0,.45);transition:transform .28s,box-shadow .28s}
details::before{content:"";position:absolute;top:0;right:15%;left:15%;height:1px;opacity:0;background:linear-gradient(90deg,transparent,rgba(245,181,70,.64),rgba(255,214,170,.9),rgba(245,181,70,.64),transparent);box-shadow:0 0 6px rgba(233,89,0,.35);transition:opacity .28s}
details[open]{background:linear-gradient(145deg,#44352B,#2B211A 52%,#141210) padding-box,linear-gradient(135deg,rgba(245,181,70,.5),rgba(233,89,0,.24),rgba(245,181,70,.18),rgba(233,89,0,.24),rgba(245,181,70,.46)) border-box;box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 18px rgba(233,89,0,.08)}
details[open]::before{opacity:1}
@media(hover:hover){details:hover{transform:translateY(-2px)}}
summary{cursor:pointer;list-style:none;min-height:66px;display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:13px;padding:0 16px;font-weight:700;font-size:14px;line-height:1.65}
summary::-webkit-details-marker{display:none}
summary::before{content:counter(q,decimal-leading-zero);color:rgba(255,138,43,.6);font-size:10px;font-weight:700;letter-spacing:1.2px;direction:ltr;text-align:center}
summary::after{content:"";width:32px;height:32px;border-radius:50%;justify-self:end;border:1px solid rgba(245,181,70,.26);box-shadow:inset 0 0 14px rgba(233,89,0,.12);background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) center/11px 1.6px no-repeat,linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.88)) center/1.6px 11px no-repeat,radial-gradient(circle at 50% 42%,rgba(255,120,30,.22),rgba(233,89,0,.06) 56%,transparent 72%);transition:transform .28s,box-shadow .28s}
details[open] summary::after{transform:rotate(180deg);box-shadow:0 0 14px rgba(233,89,0,.28),inset 0 0 16px rgba(233,89,0,.2);background:linear-gradient(#FF8A2B,#FF8A2B) center/11px 1.6px no-repeat,radial-gradient(circle at 50% 42%,rgba(255,120,30,.22),rgba(233,89,0,.06) 56%,transparent 72%)}
details p{margin:0 73px 0 52px;padding:0 0 19px;color:var(--txt2);font-size:13px;line-height:1.95;font-weight:600}
details p::before{content:"";display:block;height:1px;margin-bottom:14px;background:linear-gradient(90deg,transparent,rgba(245,181,70,.14) 18%,rgba(233,89,0,.24) 50%,rgba(245,181,70,.14) 82%,transparent)}
@media(max-width:767px){summary{min-height:60px;grid-template-columns:32px minmax(0,1fr) 30px;gap:9px;padding:0 12px;font-size:12.4px}summary::after{width:29px;height:29px}details p{margin:0 53px 0 43px;padding-bottom:16px;font-size:11.6px}}
footer{margin-top:60px;border-top:1px solid rgba(245,181,70,.2);border-radius:20px 20px 0 0;text-align:center;padding:36px 16px 40px;color:var(--txt2);font-size:13px}
footer .logo{margin:0 auto 12px}
footer .soc{display:flex;gap:12px;justify-content:center;margin:16px 0;direction:ltr}
footer .soc a{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(83,67,57,.55),rgba(47,36,29,.75));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 14px rgba(0,0,0,.35);transition:transform .3s,box-shadow .3s,border-color .3s}
footer .soc a svg{width:30px;height:30px;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4))}
footer .soc a:hover{transform:translateY(-3px);border-color:rgba(245,181,70,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px rgba(0,0,0,.45),0 0 18px rgba(255,154,60,.25);background:linear-gradient(180deg,rgba(83,67,57,.55),rgba(47,36,29,.75))}
footer p.c{color:var(--gold2);font-weight:700}
header .wrap{padding:14px 16px}
footer .logo{height:58px;margin:0 auto 14px}
header .alogo{height:50px}
@media(max-width:389px){.menub button span{display:none}}
@media(min-width:860px){header .alogo{height:66px}header .wrap{padding:16px 16px}footer .logo{height:76px}}

footer{position:relative;overflow:hidden;isolation:isolate}
footer>*{position:relative;z-index:1}
footer::before{content:"UOUPREM";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;direction:ltr;white-space:nowrap;pointer-events:none;user-select:none;
  font-family:var(--f-head);font-weight:900;line-height:1;letter-spacing:.06em;font-size:clamp(54px,17vw,230px);
  color:transparent;-webkit-text-stroke:1.2px rgba(245,181,70,.09);
  background:linear-gradient(180deg,rgba(255,154,60,.055),rgba(255,154,60,0) 80%);-webkit-background-clip:text;background-clip:text}

.gal{margin-top:48px;text-align:center;padding:40px 20px 34px;overflow:hidden}
.gal .cap{display:inline-block;padding:6px 18px;border-radius:999px;border:1px solid rgba(245,181,70,.5);background:rgba(37,28,22,.6);font-weight:700;font-size:13px;color:var(--gold2)}
.gal h2{margin:14px 0 6px;font-size:clamp(22px,3.8vw,38px);font-weight:900}
.gal h2 em{font-style:normal;color:#FF8A2B}
.orbs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px clamp(20px,4vw,56px);max-width:660px;margin:30px auto}
.orb{display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .3s}
.orb:hover{transform:translateY(-6px)}
.orb span{width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(28px,6vw,52px);background:radial-gradient(circle at 50% -15%,rgba(233,89,0,.55),transparent 60%),linear-gradient(180deg,#403127,#251C16 58%,#141210);border:1.5px solid rgba(245,181,70,.5);box-shadow:0 0 0 6px var(--bg),0 0 0 7px rgba(245,181,70,.22),0 18px 36px rgba(10,9,8,.6)}
.orb b{padding:6px 14px;border-radius:999px;border:1px solid rgba(245,181,70,.55);background:linear-gradient(180deg,rgba(56,43,34,.9),rgba(20,18,16,.95));font-size:clamp(10px,1.3vw,14px);color:var(--gold2)}
.gal p{color:#CBC6C1;font-weight:600;font-size:14px}
@media(max-width:767px){.orbs{gap:22px 12px}.orb b{white-space:normal;line-height:1.3}}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:767px){.sq{grid-template-columns:repeat(2,1fr);gap:10px}.sq a{aspect-ratio:430/520}.pk{grid-template-columns:1fr 1fr;gap:10px}.wm{top:-1%;font-size:15vw;-webkit-text-stroke-width:1px}.ph{grid-column:1/-1;order:-1;padding:0 18%;margin-bottom:8px}.ph img{width:100%}.pan{padding:16px 12px}.pan h3{font-size:18px}.price b{font-size:20px}.price s{font-size:11px}.pan li{font-size:11.5px;gap:6px}.pan li::before{width:16px;height:16px;font-size:9px}.pan .btn{padding:9px 8px;font-size:12.5px}.tag{font-size:10px;padding:2px 8px}.hero{min-height:360px}}
/* مقاسات بطاقات الروابط = تاز */
.sq a:nth-child(2) .sqi{width:96%}
.sq{grid-template-columns:repeat(4,1fr);gap:1.36%}
.sq a{aspect-ratio:430/568;border-radius:7.85%/5.94%;padding:0 4cqw 6.1cqw}
.sq a::before{border-radius:7.85%/5.94%;padding:2px}
.sqi{top:33%;width:86%}
.sq b{font-size:clamp(7px,6.6cqw,22px);line-height:1.3;font-weight:700}
.sq b::before{width:60%;margin:0 auto 2.4cqw}
.sq em{margin-top:2.4cqw;padding:2.4cqw 6.4cqw;font-size:clamp(6px,3.1cqw,13px);line-height:1;border-width:.26cqw}
@media(max-width:767px){.sq{grid-template-columns:repeat(4,1fr);gap:6px}.sq a{aspect-ratio:430/600}.sq b{font-size:clamp(7px,8.4cqw,22px)}.sq em{padding:3cqw 6cqw;font-size:clamp(6px,4cqw,12px)}}
/* إصلاح: الـ padding بوحدات cqw على الحاوية نفسها كان يصغّر الخط */
.sq a{padding:0}
.sq b{padding:0 4cqw;white-space:nowrap}
.sq em{margin-bottom:6.1cqw}
.sq b::before{width:60%;margin:0 auto 2.4cqw}
@media(max-width:767px){.sq b{padding:0 2cqw;white-space:normal}}
.sq b{font-size:clamp(7px,6.1cqw,22px)}
@media(max-width:767px){.sq b{font-size:clamp(6px,7.4cqw,22px)}}
/* خلفية البطاقات: غبار نجمي + حلقات + توهج سفلي (ثابتة) */
.sq a{background-image:
radial-gradient(circle at 14% 16%,#FFB877 0 1.3px,transparent 2.4px),
radial-gradient(circle at 86% 12%,#FF8A3D 0 1.1px,transparent 2.2px),
radial-gradient(circle at 92% 40%,#FFD3A6 0 1.4px,transparent 2.6px),
radial-gradient(circle at 7% 42%,#FF6A12 0 1px,transparent 2.1px),
radial-gradient(circle at 66% 6%,#FFC078 0 1px,transparent 2.2px),
radial-gradient(circle at 30% 8%,#FFE9C7 0 .9px,transparent 2px),
radial-gradient(circle at 80% 54%,#FFD98A 0 .9px,transparent 2px),
radial-gradient(circle at 18% 58%,#FFD98A 0 .9px,transparent 2px),
radial-gradient(circle closest-side at 50% 33%,transparent 0 58%,rgba(245,181,70,.16) 59%,transparent 60.5%,transparent 78%,rgba(245,181,70,.10) 79%,transparent 80.5%,transparent 96%,rgba(245,181,70,.07) 97%,transparent 98.5%),
radial-gradient(ellipse 80% 22% at 50% 100%,rgba(233,89,0,.30),transparent 75%),
linear-gradient(115deg,rgba(255,255,255,.09) 0,rgba(255,255,255,0) 32%),
linear-gradient(145deg,#3B2E25,#251C16 56%,#141210)}
/* تخفيف الخلفية: توهج سفلي ناعم + نقطتين خافتتين فقط */
.sq a{background-image:
radial-gradient(circle at 86% 13%,rgba(255,184,119,.6) 0 1px,transparent 2px),
radial-gradient(circle at 12% 40%,rgba(255,211,166,.5) 0 1px,transparent 2px),
radial-gradient(ellipse 80% 18% at 50% 100%,rgba(233,89,0,.16),transparent 75%),
linear-gradient(115deg,rgba(255,255,255,.07) 0,rgba(255,255,255,0) 32%),
linear-gradient(145deg,#3B2E25,#251C16 56%,#141210)}
/* شعار يوتيوب شفاف خلف الباقة */
.pan.dm{position:relative;overflow:hidden}
.pan.dm>*{position:relative;z-index:1}
.pan.dm>.ytwm{position:absolute;z-index:0;width:78%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);opacity:.07;pointer-events:none;filter:blur(.3px)}
.pan.gd{position:relative;overflow:hidden}
.pan.gd>*{position:relative;z-index:1}
.pan.gd>.twm{position:absolute;z-index:0;width:78%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);opacity:.07;pointer-events:none;filter:blur(.3px)}
.pan.dm h3{background:linear-gradient(180deg,#FFE3BF 0%,#FFB366 55%,#FF9A3C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
:root{--rb:url("../images/img-12a2662d2b23.png");--tx:url("../images/img-e354c0a5ebbc.png")}
.alogo{height:50px;margin:0 auto;perspective:600px;animation:lgGlowOnce 2.6s ease-in-out .6s both}
.alogo .ai{height:100%;display:flex;align-items:center}
.alogo .p{height:100%;position:relative;background:var(--img) center/100% 100% no-repeat}
.alogo .p::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) no-repeat;background-size:300% 100%;background-position:130% 0;-webkit-mask:var(--img) center/100% 100% no-repeat;mask:var(--img) center/100% 100% no-repeat;animation:lgShineOnce 1.1s ease-in-out 2s both}
.alogo .lr{--img:var(--rb);aspect-ratio:270/258;animation:lgRibIn 1.2s cubic-bezier(.2,1.3,.4,1) both,lgFlipOnce .9s ease-in-out 1.5s}
.alogo .lt{--img:var(--tx);aspect-ratio:630/258;animation:lgTxtIn 1.1s .5s ease-out both}
.alogo .lt::after{animation-delay:2.2s}
@keyframes lgRibIn{0%{transform:rotate(-320deg) scale(.1);opacity:0}100%{transform:none;opacity:1}}
@keyframes lgFlipOnce{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
@keyframes lgTxtIn{0%{clip-path:inset(0 0 0 100%);opacity:0;filter:blur(6px)}100%{clip-path:inset(0);opacity:1;filter:blur(0)}}
@keyframes lgShineOnce{0%{background-position:130% 0}100%{background-position:-30% 0}}
@keyframes lgGlowOnce{0%,100%{filter:drop-shadow(0 0 0 rgba(255,138,31,0))}50%{filter:drop-shadow(0 0 12px rgba(255,138,31,.95))}}
@media(prefers-reduced-motion:reduce){.alogo,.alogo .p,.alogo .p::after{animation:none!important}}
.hb{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;gap:6px;background:none;border:0;color:#fff;font:inherit;cursor:pointer;padding:4px}
.cartb{inset-inline-end:14px;width:36px;height:36px;justify-content:center}.cartb i{position:absolute;top:-1px;inset-inline-end:-1px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#FF8A1F;color:#fff;font-weight:700;font-size:10.5px;line-height:16px;font-style:normal;text-align:center}
.menub{inset-inline-start:10px;gap:0}.menub button{display:flex;align-items:center;gap:6px;background:none;border:0;color:#FF8A1F;font:inherit;cursor:pointer;padding:6px}.menub button span{color:#fff;font-size:15px;font-weight:500}
@media(max-width:420px){.menub button span{font-size:13.5px}}
.ov{position:fixed;inset:0;background:rgba(10,9,8,.65);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:99}
.dr{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(86vw,380px);z-index:100;display:flex;flex-direction:column;background:linear-gradient(180deg,#2D221B,#201813);border-inline-end:1px solid rgba(245,181,70,.28);transform:translateX(105%);transition:transform .28s;padding-top:env(safe-area-inset-top,0px);overflow-y:auto}
.dr.on{transform:none}
#dn{flex:none}
.dlogo{flex:none;position:relative;margin-top:6px;padding:30px 20px calc(24px + env(safe-area-inset-bottom,0px));text-align:center;background:radial-gradient(ellipse 80% 90% at 50% 100%,rgba(233,89,0,.20),transparent 70%)}
.dlogo::before{content:"";position:absolute;top:12px;inset-inline:22px;height:1px;background:linear-gradient(90deg,transparent,#F5B546 30%,#E95900 50%,#F5B546 70%,transparent);box-shadow:0 0 8px rgba(233,89,0,.55)}
.dlogo::after{content:"";position:absolute;top:8.5px;left:50%;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);background:linear-gradient(135deg,#FFD98A,#B87E14);box-shadow:0 0 10px rgba(245,181,70,.85)}
.dlogo img{height:54px;width:auto;max-width:88%;display:block;margin:0 auto;filter:drop-shadow(0 0 14px rgba(255,138,31,.45)) drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.ov.on{opacity:1;pointer-events:auto}
.dh{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(245,181,70,.2)}.dh b{font-size:18px}.dh button{background:none;border:0;color:#fff;cursor:pointer;display:flex}
.ds{padding:12px 16px}.ds input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid rgba(245,181,70,.28);background:rgba(255,255,255,.05);color:#fff;font:inherit;font-size:15px}
.di{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 22px;border-bottom:1px solid rgba(245,181,70,.16);color:#fff;text-decoration:none;font-size:18px}.di b{font-weight:700}.di svg{color:#C7C0B8}
.di::before{content:"";position:absolute;inset-inline-end:0;top:50%;height:44px;width:8px;transform:translateY(-50%);border-radius:8px 0 0 8px;background:linear-gradient(180deg,#FF9A3C,#E95900)}
.di.sup b{font-weight:500}.di.sup svg{color:#fff}

.hero.hx{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;place-items:unset;padding:26px 18px 44px}
.hx-art{position:relative;width:min(86vw,360px);height:min(92vw,392px);flex:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 66%,transparent 99%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(#000 66%,transparent 99%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.hx-halo{position:absolute;inset:4% 0 0;background:radial-gradient(ellipse 62% 56% at 50% 40%,rgba(233,89,0,.42),rgba(233,89,0,.12) 48%,transparent 74%);filter:blur(12px)}
.hx-art img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 0 16px rgba(255,138,31,.38)) drop-shadow(0 14px 22px rgba(0,0,0,.55));animation:hxFloat 7s ease-in-out infinite}
@keyframes hxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hx-txt{position:relative;z-index:2;margin-top:-64px;max-width:520px}
.hx-txt .l3{letter-spacing:.14em}
@media(min-width:860px){.hero.hx{flex-direction:row-reverse;justify-content:center;gap:56px;padding:42px 36px}.hx-art{width:380px;height:470px;-webkit-mask-image:linear-gradient(#000 80%,transparent 100%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(#000 80%,transparent 100%),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}.hx-txt{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hx-art img{animation:none}}
.hero.hx{padding-top:6px;background:radial-gradient(circle at 78% 30%,rgba(233,89,0,.09),transparent 45%),radial-gradient(circle at 15% 90%,rgba(81,62,49,.6),transparent 55%),linear-gradient(180deg,#2D221B,#251C16)}
.hx-art{height:min(98vw,420px);margin-top:-2px}
.hx-halo{background:radial-gradient(ellipse 58% 50% at 50% 42%,rgba(218,203,187,.15),rgba(218,203,187,.05) 52%,transparent 76%);filter:blur(14px)}
.hx-art img{filter:drop-shadow(0 12px 20px rgba(0,0,0,.42))}
.hx-txt{margin-top:-58px}
.hx-txt .badge{font-family:var(--f-head);font-weight:700}
.hx-txt .l1{font-family:var(--f-head);font-weight:600;color:#EEEAE5}
.hx-txt h1{font-family:var(--f-head);font-weight:800;letter-spacing:0;line-height:1.35}
.hx-txt .btn{font-family:var(--f-head);font-weight:700}
@media(min-width:860px){.hero.hx{align-items:center;padding:30px 36px}.hx-art{height:480px}.hx-txt{margin-top:0}}
.hero.hx .hx-art{position:relative;width:min(94vw,440px);height:auto;aspect-ratio:100/80;overflow:visible;-webkit-mask-image:linear-gradient(#000 80%,transparent 100%);mask-image:linear-gradient(#000 80%,transparent 100%)}
.hx-art .hx-fig{position:absolute;left:17%;top:0;width:66%;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.45));animation:none}
.hx-art .hx-halo{position:absolute;inset:0;background:radial-gradient(ellipse 46% 52% at 50% 40%,rgba(218,203,187,.17),transparent 72%);filter:blur(14px)}
.hx-art .hx-warm{position:absolute;left:30%;top:46%;width:44%;height:44%;background:radial-gradient(circle,rgba(255,196,120,.26),transparent 68%);filter:blur(10px)}
.hx-ln{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hx-ic{position:absolute;width:30%;height:auto;overflow:visible;filter:drop-shadow(0 0 10px rgba(255,138,31,.5)) drop-shadow(0 0 26px rgba(233,89,0,.28)) drop-shadow(0 12px 16px rgba(0,0,0,.5));animation:hxBob 6s ease-in-out infinite}
.hx-yt{left:1.5%;top:15%;transform:rotate(-7deg)}
.hx-tv{right:1.5%;top:7%;transform:rotate(6deg);animation-delay:-3s}
@keyframes hxBob{0%,100%{translate:0 0}50%{translate:0 -5px}}
.hx-txt{margin-top:-30px}
@media(min-width:860px){.hero.hx .hx-art{width:520px;height:auto;aspect-ratio:100/80}.hx-txt{margin-top:0}}
@media(prefers-reduced-motion:reduce){.hx-ic{animation:none}}
.hx-sh{transform:translateX(-60px) skewX(-18deg);animation:hxSheen 7s ease-in-out infinite}
.hx-tv .hx-sh{animation-delay:-3.5s}
@keyframes hxSheen{0%,50%{transform:translateX(-60px) skewX(-18deg)}100%{transform:translateX(170px) skewX(-18deg)}}
.hx-sp{transform-box:view-box;animation:hxTw 3.4s ease-in-out infinite}
@keyframes hxTw{0%,100%{opacity:.25;scale:.6}50%{opacity:1;scale:1.1}}
@media(prefers-reduced-motion:reduce){.hx-sh,.hx-sp{animation:none}}

.hx-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}
.hx-aur{position:absolute;border-radius:50%;filter:blur(46px);opacity:.55}
.hx-aur.a1{width:62%;height:55%;left:-14%;top:6%;background:radial-gradient(circle,rgba(233,89,0,.30),transparent 70%);animation:hxAur1 16s ease-in-out infinite}
.hx-aur.a2{width:56%;height:52%;right:-12%;bottom:-6%;background:radial-gradient(circle,rgba(161,137,119,.30),transparent 70%);animation:hxAur2 19s ease-in-out infinite}
@keyframes hxAur1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(14%,10%) scale(1.15)}}
@keyframes hxAur2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-12%,-10%) scale(1.12)}}
.hx-stars i{position:absolute;border-radius:50%;opacity:.12;animation:hxTwk 5s ease-in-out infinite}
@keyframes hxTwk{0%,100%{opacity:.1;transform:scale(.8)}50%{opacity:.85;transform:scale(1.15)}}
.hx-scan{position:absolute;left:8%;right:8%;top:0;height:1px;opacity:.4;background:linear-gradient(90deg,transparent,#FFC56E,transparent);box-shadow:0 0 12px 2px rgba(255,138,31,.3);animation:hxScan 10s linear infinite}
@keyframes hxScan{0%{top:-2px}100%{top:101%}}
.hx-neon{position:absolute;left:-25%;bottom:0;width:24%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#FFE3AE,transparent);filter:blur(.6px);opacity:.9;animation:hxNeon 7s ease-in-out infinite}
@keyframes hxNeon{0%{left:-25%}60%,100%{left:104%}}
.hx-orb{position:absolute;left:52.2%;top:71.6%;width:0;height:0;pointer-events:none}
.hx-orb i{position:absolute;left:0;top:0;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#FFE3AE;box-shadow:0 0 6px 1px #FFB454;opacity:0;animation:hxRise 3.6s ease-out infinite}
.hx-orb i:nth-of-type(1){--dx:-14px;--dy:-60px}
.hx-orb i:nth-of-type(2){--dx:16px;--dy:-78px;animation-delay:-.7s;animation-duration:4.1s}
.hx-orb i:nth-of-type(3){--dx:4px;--dy:-52px;animation-delay:-1.4s}
.hx-orb i:nth-of-type(4){--dx:-22px;--dy:-86px;animation-delay:-2s;animation-duration:4.4s}
.hx-orb i:nth-of-type(5){--dx:24px;--dy:-64px;animation-delay:-2.6s}
.hx-orb i:nth-of-type(6){--dx:-3px;--dy:-96px;animation-delay:-3s;animation-duration:4.8s}
@keyframes hxRise{0%{transform:translate(0,0) scale(1);opacity:0}15%{opacity:.95}100%{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}
.hx-orb b{position:absolute;left:0;top:0;width:60px;height:60px;margin:-30px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,120,.38),transparent 70%);mix-blend-mode:screen;animation:hxBreath 3.4s ease-in-out infinite}
@keyframes hxBreath{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}
@media(prefers-reduced-motion:reduce){.hx-bg *,.hx-orb *{animation:none!important}.hx-stars i{opacity:.4}}
.hx-txt h1{text-wrap:balance;font-size:clamp(21px,5.4vw,36px);line-height:1.5}
.sh h2,.pan h3,.step h3,.sec h2{font-family:var(--f-head)}
.btn{font-family:var(--f-head)}
.hero .btn{font-size:16px;padding:13px 28px}
.hx-txt .l1 em{font-style:normal;color:#FF8A2B;font-weight:700;text-shadow:0 0 16px rgba(255,138,43,.38)}
.hx-txt .hx-wel{margin:2px 0 6px;font-family:var(--f-head);font-weight:700;font-size:clamp(16px,4.3vw,25px);line-height:1.6;color:#FF8A2B;text-shadow:0 0 18px rgba(255,138,43,.38),0 2px 10px rgba(0,0,0,.6)}.hx-txt .nw{white-space:nowrap}


/* ---- */
html,body{overflow-x:clip}@media(max-width:767px){.price{gap:6px;flex-wrap:nowrap}.price b{font-size:18px;white-space:nowrap}.price s{font-size:10px;white-space:nowrap}}
/* ---- */
.orb .oi{overflow:hidden}.orb .ayi img{width:auto;height:74%;max-width:none;mix-blend-mode:normal;transform:rotate(-8deg);filter:drop-shadow(0 0 1.2px rgba(245,181,70,.95)) drop-shadow(0 8px 14px rgba(0,0,0,.55)) drop-shadow(0 0 14px rgba(233,89,0,.35))}.orb .tvi img{width:96%;height:auto;max-height:86%}.orb .oi svg{width:74%;height:74%;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.orb .oi img{width:80%;height:80%;object-fit:contain;mix-blend-mode:screen;display:block}
/* ---- */

.pk{grid-template-columns:1fr}
.ph{max-width:430px;width:100%;margin-inline:auto}
@media(max-width:767px){.pk{grid-template-columns:1fr}.ph{grid-column:auto;order:0;padding:0 14%}}

/* ---- */

.pf{position:relative;text-align:center;margin:10px 0 46px;padding:30px 0 10px}
.pf h2{margin:0;font-family:var(--f-head);font-weight:800;font-size:clamp(24px,4.4vw,42px);color:#fff;line-height:1.4}
.pf h2 em{font-style:normal;color:var(--or2)}
.pf .pf-sub{margin:8px 0 18px;color:var(--txt2);font-size:clamp(14px,1.8vw,17px)}
.pf-bd{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid rgba(255,154,60,.45);color:var(--gold2);font-size:14px;background:rgba(233,89,0,.06)}
.pf-bd svg{width:16px;height:16px;flex:none}
.pf-g{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px}
.pf-i{position:relative;padding:18px 10px 30px}
.pf-i+.pf-i::before{content:"";position:absolute;right:0;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,rgba(255,154,60,.5),transparent)}
.pf-n{font-family:var(--f-head);font-weight:700;font-size:clamp(40px,6.4vw,72px);line-height:1.1;direction:ltr;color:#B4622A}
.pf-n small{font-size:.38em;color:#9A8E84;font-weight:600}
.pf-st{color:#C2672A;letter-spacing:5px;font-size:16px;margin-top:4px}
.pf-t{margin-top:12px;color:#E9E4DF;font-size:clamp(16px,2vw,21px);font-weight:600}
.pf-d{margin-top:6px;color:var(--txt2);font-size:14px}
.pf-hot .pf-n{color:transparent;background:linear-gradient(100deg,#FF8A2A 0%,#FF8A2A 42%,#FFF3DE 50%,#FF8A2A 58%,#FF8A2A 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:pfSweep 3.2s ease-in-out infinite,pfGlow 3.2s ease-in-out infinite}
.pf-hot .pf-t{color:#fff}
.pf-ln{position:relative;height:3px;margin:22px auto 0;width:78%;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(233,89,0,.55),transparent);overflow:visible}
.pf-ln::after{content:"";position:absolute;top:-2px;height:7px;width:34%;border-radius:7px;background:radial-gradient(closest-side,#FFF3DE,#FF9A3C 45%,transparent);box-shadow:0 0 18px 4px rgba(255,154,60,.55);animation:pfRun 3.2s ease-in-out infinite}
.pf-hot::after{content:"";position:absolute;inset:auto 10% 0;height:90px;background:radial-gradient(ellipse at 50% 100%,rgba(233,89,0,.22),transparent 70%);pointer-events:none;animation:pfPulse 3.2s ease-in-out infinite}
@keyframes pfRun{0%{right:-34%;opacity:0}12%{opacity:1}88%{opacity:1}100%{right:100%;opacity:0}}
@keyframes pfSweep{0%{background-position:0% 0}100%{background-position:100% 0}}
@keyframes pfGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(255,154,60,.25))}50%{filter:drop-shadow(0 0 22px rgba(255,154,60,.75))}}
@keyframes pfPulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:700px){.pf-g{grid-template-columns:1fr}.pf-i+.pf-i::before{right:20%;left:20%;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,154,60,.5),transparent)}}
@media(prefers-reduced-motion:reduce){.pf-hot .pf-n,.pf-ln::after,.pf-hot::after{animation:none}}

/* ---- */
.pf-g::after{display:none!important}.pf-ln{display:none!important}.pf-g{margin-top:18px!important}
/* ---- */

/* ===== الإحصائيات: جنب بعض + وميض متنقل ===== */
.pf-g{grid-template-columns:repeat(3,1fr)!important}
.pf-i{padding:14px 6px 26px!important;transition:opacity .5s}
.pf-i+.pf-i::before{right:0!important;left:auto!important;top:12%!important;bottom:12%!important;width:1px!important;height:auto!important;background:linear-gradient(transparent,rgba(255,154,60,.45),transparent)!important}
.pf-i .pf-n{color:#7E5A44!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;animation:none!important;filter:none;transition:color .6s,filter .6s,text-shadow .6s}
.pf-i .pf-n small{color:#6E655F}
.pf-i .pf-st{color:#6E4A33;transition:color .6s}
.pf-i .pf-t{color:#A8A09A!important;transition:color .6s}
.pf-i::after{display:none!important}
.pf-i .pf-ln{opacity:0;transition:opacity .5s}
.pf-i.on .pf-n{color:#FF8A2A!important;text-shadow:0 0 22px rgba(255,138,42,.55)}
.pf-i.on .pf-n small{color:#C7C0B8}
.pf-i.on .pf-st{color:#FFB547}
.pf-i.on .pf-t{color:#fff!important}
.pf-i.on .pf-ln{opacity:1}
.pf-i .pf-ln{position:absolute!important;bottom:0;left:15%;right:15%;width:auto!important;margin:0!important}
@media(max-width:700px){
 .pf-n{font-size:clamp(20px,6.6vw,34px)!important}
 .pf-st{font-size:10px!important;letter-spacing:2px!important}
 .pf-t{font-size:12.5px!important;margin-top:8px!important}
 .pf-d{font-size:10.5px!important}
 .pf-bd{font-size:12px!important;padding:7px 12px!important}
}

/* ---- */
/* الخط اللامع المتحرك (خفيف وسلس) */
.pf-ln{position:absolute!important;bottom:0!important;left:22%!important;right:22%!important;height:1px!important;border-radius:1px!important;opacity:0!important;transition:opacity 1s ease!important;background:linear-gradient(90deg,transparent,rgba(255,154,60,.28),transparent)!important;overflow:hidden}
.pf-i.on .pf-ln{opacity:1}
.pf-ln::after{content:""!important;position:absolute!important;top:0!important;height:100%!important;width:45%!important;background:linear-gradient(90deg,transparent,rgba(255,200,140,.85),transparent)!important;filter:blur(.4px)!important;animation:pfRun 2.6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes pfRun{0%{right:-45%;opacity:0}20%{opacity:.9}80%{opacity:.9}100%{right:100%;opacity:0}}


/* ---- */
.pf-ln{transform:scaleY(.5)!important;transform-origin:bottom}.pf-ln::after{background:linear-gradient(90deg,transparent,rgba(255,200,140,.7),transparent)!important}
/* ---- */

/* ===== تصغير قسم الإحصائيات ===== */
.pf{margin:0 0 18px!important;padding:12px 10px 4px!important}
.pf h2{font-size:clamp(18px,3vw,28px)!important;line-height:1.35!important}
.pf-sub{margin:4px 0 10px!important;font-size:clamp(12px,1.5vw,14.5px)!important}
.pf-bd{font-size:12px!important;padding:5px 12px!important;gap:6px!important}
.pf-bd svg{width:13px!important;height:13px!important}
.pf-g{margin-top:14px!important}
.pf-i{padding:8px 4px 14px!important}
.pf-n{font-size:clamp(24px,4.2vw,46px)!important}
.pf-st{font-size:11px!important;margin-top:2px!important;letter-spacing:3px!important}
.pf-t{margin-top:6px!important;font-size:clamp(12.5px,1.6vw,16px)!important}
.pf-d{margin-top:3px!important;font-size:clamp(10.5px,1.3vw,13px)!important}
@media(max-width:700px){
 .pf h2{font-size:18px!important}
 .pf-bd{font-size:10.5px!important;padding:4px 10px!important}
 .pf-n{font-size:clamp(19px,6vw,28px)!important}
 .pf-st{font-size:9px!important}
 .pf-t{font-size:11.5px!important;margin-top:5px!important}
 .pf-d{font-size:9.5px!important}
}

/* ---- */

/* ===== خط أساسي تحت الإحصائيات + توهج ينتقل مع الوميض ===== */
.pf-g{position:relative!important;padding-bottom:2px}
.pf-g::after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,154,60,.22) 15%,rgba(255,154,60,.22) 85%,transparent);pointer-events:none}
.pf-ln{bottom:0!important}
.pf-gl{position:absolute;bottom:-1px;width:26%;height:3px;right:3.6%;border-radius:3px;pointer-events:none;
 background:radial-gradient(closest-side,rgba(255,214,160,.95),rgba(255,154,60,.55) 55%,transparent);
 box-shadow:0 0 14px 2px rgba(255,138,42,.35);transition:right .9s cubic-bezier(.65,0,.35,1)}
.pf-gl::before{content:"";position:absolute;left:10%;right:10%;bottom:1px;height:26px;background:radial-gradient(ellipse at 50% 100%,rgba(233,89,0,.22),transparent 70%)}

/* ---- */

.sx{max-width:1080px;margin:48px auto 0}
.sx-h{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 26px}
.sx-h .l{flex:1;max-width:330px;height:1px}
.sx-h .l.r{background:linear-gradient(90deg,rgba(255,154,60,.9),rgba(233,89,0,0))}
.sx-h .l.f{background:linear-gradient(270deg,rgba(255,154,60,.9),rgba(233,89,0,0))}
.sx-h .hd{width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#FFD98A,#E8A21A);box-shadow:0 0 10px rgba(245,181,70,.85);flex:none}
.sx-h h2{margin:0;font-family:var(--f-head);font-weight:900;font-size:clamp(20px,3.6vw,38px);line-height:1.3;white-space:nowrap}
.sx-h h2 em{font-style:normal;color:#FF8A2B}
.sx-g{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,20px);direction:rtl}
.sx-w{display:block;container-type:inline-size;transition:transform .3s;-webkit-tap-highlight-color:transparent}
.sx-w:hover{transform:translateY(-6px)}
.sx-c{position:relative;aspect-ratio:458/605;border-radius:6.6cqw;overflow:hidden;box-shadow:0 22px 44px rgba(0,0,0,.55);
background:radial-gradient(ellipse 80% 42% at 50% 3%,rgba(233,89,0,.30),transparent 72%),radial-gradient(circle at 50% 36%,rgba(255,138,19,.10),transparent 52%),linear-gradient(180deg,#352820 0%,#211813 52%,#100D0B 100%);transition:box-shadow .3s}
.sx-w:hover .sx-c{box-shadow:0 22px 48px rgba(233,89,0,.28)}
.sx-c::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:.5cqw;background:linear-gradient(140deg,#F5B546,#E95900 28%,rgba(245,181,70,.3) 54%,#FF8A13 78%,#F5B546);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:5;pointer-events:none}
.sx-c::after{content:"";position:absolute;inset:2.3cqw;border-radius:4.6cqw;border:1px solid rgba(245,181,70,.30);z-index:4;pointer-events:none}
.sx-d{position:absolute;width:2.7cqw;height:2.7cqw;transform:rotate(45deg);background:linear-gradient(135deg,#FFD98A,#D9930F);box-shadow:0 0 1.6cqw rgba(245,181,70,.9);z-index:6}
.sx-d.a{top:3.3cqw;right:3.3cqw}.sx-d.b{top:3.3cqw;left:3.3cqw}.sx-d.c{bottom:3.3cqw;right:3.3cqw}.sx-d.d{bottom:3.3cqw;left:3.3cqw}
.sx-p{position:absolute;z-index:1;filter:drop-shadow(0 0 1.4cqw rgba(233,89,0,.75));opacity:.95}
.sx-p.a{width:14cqw;left:5%;top:8.5%}
.sx-p.b{width:10cqw;right:5%;top:7%}
.sx-im{position:absolute;left:5%;right:5%;top:7%;height:58%;display:flex;align-items:center;justify-content:center;z-index:2}
.sx-im img{max-width:100%;max-height:100%;object-fit:contain;display:block;-webkit-box-reflect:below 0 linear-gradient(transparent 58%,rgba(255,255,255,.12))}
.sx-im.bl{mix-blend-mode:screen}
.sx-im img.ay{max-width:56%;border-radius:3cqw;box-shadow:0 0 5cqw rgba(233,89,0,.28),0 1.4cqw 3cqw rgba(0,0,0,.5)}
.sx-bd{position:absolute;left:0;right:0;top:73%;bottom:0;z-index:3}
.sx-ln{position:absolute;left:14%;right:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,181,70,.45),transparent)}
.sx-t{position:absolute;left:0;right:0;top:4cqw;text-align:center;font-family:var(--f-head);font-weight:700;font-size:8.4cqw;line-height:10cqw;color:#fff;white-space:nowrap}
.sx-t em{font-style:normal;color:#FF8A2B}
.sx-dm{position:absolute;left:0;right:0;top:16.2cqw;height:3cqw;display:flex;align-items:center;justify-content:center;gap:1.6cqw}
.sx-dm i{width:7cqw;height:1px;background:linear-gradient(90deg,transparent,rgba(245,181,70,.6))}
.sx-dm i:last-child{transform:scaleX(-1)}
.sx-dm b{width:1.9cqw;height:1.9cqw;transform:rotate(45deg);background:linear-gradient(135deg,#FFD98A,#D9930F);box-shadow:0 0 1.2cqw rgba(245,181,70,.9)}
.sx-b{position:absolute;left:50%;transform:translateX(-50%);top:21.2cqw;height:max(16px,8.7cqw);padding:0 max(10px,5.8cqw);display:flex;align-items:center;border:1px solid rgba(245,181,70,.65);border-radius:999px;background:rgba(18,14,11,.85);color:#F4E6D2;font-family:var(--f-head);font-weight:600;font-size:max(8.5px,3.6cqw);white-space:nowrap;transition:background .25s,border-color .25s}
.sx-w:hover .sx-b{background:rgba(233,89,0,.25);border-color:#F5B546}
@media(max-width:560px){.sx-t{top:3.4cqw}.sx-b{top:20cqw}}
@media(prefers-reduced-motion:reduce){.sx-w{transition:none}}

/* ---- */

.sx-spot{position:absolute;left:50%;top:0;width:84cqw;height:68%;transform:translateX(-50%);z-index:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(255,226,166,.34),rgba(255,138,19,.10) 62%,rgba(255,138,19,0));clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);filter:blur(1.2px)}
.sx-pod{position:absolute;left:50%;top:60%;width:72cqw;height:13cqw;transform:translateX(-50%);z-index:1;pointer-events:none;border-radius:50%;
 border:.7cqw solid rgba(255,154,60,.95);background:radial-gradient(ellipse at 50% 38%,rgba(233,89,0,.55),rgba(60,30,14,.92) 70%);
 box-shadow:0 0 5cqw rgba(233,89,0,.6),0 1.7cqw 0 -.2cqw rgba(0,0,0,.55),inset 0 .6cqw 1.6cqw rgba(255,226,166,.35)}
.sx-pod::before,.sx-pod::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;border:.5cqw solid rgba(245,181,70,.55)}
.sx-pod::before{width:92%;height:78%;top:12%;border-color:rgba(255,154,60,.55)}
.sx-pod::after{width:112%;height:122%;top:2.6cqw;border-color:rgba(245,181,70,.35);box-shadow:0 0 3cqw rgba(233,89,0,.35)}
.sx-p{opacity:.95;animation:sxTw 3.6s ease-in-out infinite}.sx-p.b{animation-delay:1.5s}
@keyframes sxTw{0%,100%{opacity:.95;transform:scale(1) rotate(0)}50%{opacity:.35;transform:scale(.68) rotate(22deg)}}
.sx-im img{-webkit-box-reflect:none;filter:drop-shadow(0 2.4cqw 2.4cqw rgba(0,0,0,.6)) drop-shadow(0 0 3.2cqw rgba(233,89,0,.28));animation:sxFloat 5.2s ease-in-out infinite}
.sx-w:nth-child(2) .sx-im img{animation-delay:.8s}.sx-w:nth-child(3) .sx-im img{animation-delay:1.6s}
@keyframes sxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.2cqw)}}
.sx-im img.ay{animation-name:sxFloatR;border-radius:3.6cqw;box-shadow:0 0 5cqw rgba(233,89,0,.35),0 2cqw 3cqw rgba(0,0,0,.55),inset 0 0 0 .3cqw rgba(255,255,255,.28)}
@keyframes sxFloatR{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-2.2cqw)}}
.sx-im img.bl{filter:none;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 78% 74% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 78% 74% at 50% 50%,#000 60%,transparent 100%)}
@media (prefers-reduced-motion:reduce){.sx-p,.sx-im img{animation:none!important}}

/* ---- */
:root{--yt:url("../images/img-253279d0b885.png")}
.ypx{position:relative;width:100%;max-width:var(--uou-max,1180px);margin:8px auto 6px;border-radius:22px;overflow:hidden;border:1px solid rgba(245,181,70,.4);background:linear-gradient(180deg,#1b110b,#120c08);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.ypx-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:230px;padding:26px 24px 70px;background:radial-gradient(ellipse 70% 90% at 18% 55%,rgba(233,89,0,.38),transparent 70%),radial-gradient(ellipse 60% 60% at 85% 20%,rgba(245,181,70,.12),transparent 70%)}
.ypx-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,transparent,#120c08)}
.ypx-t{position:relative;z-index:1;max-width:52%}
.ypx-t i{display:block;width:54px;height:3px;border-radius:3px;background:var(--gold);margin-bottom:12px}
.ypx-t h3{font-family:var(--f-head);font-size:clamp(22px,4.6vw,34px);line-height:1.35;font-weight:800;color:#fff}
.ypx-t h3 em{font-style:normal;color:var(--gold2)}
.ypx-t p{margin-top:8px;color:var(--txt2);font-size:clamp(13px,2.4vw,16px);line-height:1.8}
.ypx-lg{position:relative;z-index:1;width:min(40%,250px);aspect-ratio:560/419;background:var(--yt) center/100% 100% no-repeat;filter:drop-shadow(0 14px 22px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(255,60,30,.25));transform:rotate(-6deg)}
.ypx-g{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:0 14px 16px;margin-top:-48px}
.ypx-c{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:#17100b;border:1px solid rgba(245,181,70,.35);transition:transform .25s,box-shadow .25s}
.ypx-c:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.5),0 0 0 1px rgba(255,154,60,.6)}
.ypx-im{position:relative;display:grid;place-items:center;height:210px;text-decoration:none;color:inherit;background:radial-gradient(ellipse at 50% 42%,#3a1a08 0,#1b0e06 60%,#0d0704 100%)}
.ypx-im .r1,.ypx-im .r2{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%}
.ypx-im .r1{width:176px;height:176px;border:3px solid #FF8A13;border-bottom-color:transparent;box-shadow:0 0 22px rgba(255,138,31,.55),inset 0 0 18px rgba(255,138,31,.25)}
.ypx-im .r2{width:126px;height:126px;border:1.5px solid rgba(255,154,60,.55)}
.ypx-im .lg{position:relative;z-index:1;width:84px;aspect-ratio:560/419;margin-top:-26px;background:var(--yt) center/100% 100% no-repeat;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}
.ypx-im b{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-family:var(--f-head);font-size:17px;color:#FFD98A}
.ypx-im .pl{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:3px 18px;border-radius:999px;font-size:12px;color:#E6D7C5;background:#1c1510;border:1px solid rgba(245,181,70,.4);white-space:nowrap}
.ypx-tag{position:absolute;top:0;inset-inline-end:0;z-index:2;background:var(--or3);color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-bottom-left-radius:10px}
.ypx-bd{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1;background:#2F241C;background:linear-gradient(180deg,#3B2E25,#241B16)}
.ypx-bd h4{font-size:14.5px;color:#fff}.ypx-bd small{color:#C7C0B8;font-size:12px}
.ypx-rt{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#C7C0B8}.ypx-rt span b{color:var(--gold)}
.ypx-pp{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ypx-pp strong{font-size:20px;color:#FFD98A}.ypx-pp s{font-size:12px;color:#9a948d}.ypx-pp em{font-style:normal;font-size:11.5px;color:#4ADE80;font-weight:700}
.ypx-ad{margin-top:4px;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14px;color:#fff;padding:10px;border-radius:999px;background:var(--grad)}
.ypx-ad[disabled]{background:#4a3d33;color:#a99f95;cursor:not-allowed}
@media(max-width:560px){.ypx-hero{padding:20px 16px 66px;min-height:190px}.ypx-t{max-width:56%}}

/* ---- */

.ypx-g{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.4vw,14px);padding:0 clamp(8px,2vw,14px) 16px;margin-top:clamp(-48px,-8vw,-30px)}
.ypx-c{min-width:0}
.ypx-im{height:clamp(128px,31vw,210px)}
.ypx-im .r1{width:clamp(86px,24vw,176px);height:clamp(86px,24vw,176px);border-width:clamp(2px,.5vw,3px)}
.ypx-im .r2{width:clamp(62px,17vw,126px);height:clamp(62px,17vw,126px)}
.ypx-im .lg{width:clamp(38px,11vw,84px);margin-top:clamp(-26px,-4vw,-12px)}
.ypx-im b{font-size:clamp(10.5px,2.3vw,17px);bottom:clamp(26px,5.6vw,40px);padding:0 4px}
.ypx-im .pl{font-size:clamp(8.5px,1.7vw,12px);padding:2px clamp(7px,2vw,18px);bottom:clamp(5px,1.4vw,10px)}
.ypx-tag{font-size:clamp(8px,1.5vw,11px);padding:2px clamp(6px,1.2vw,12px)}
.ypx-bd{padding:clamp(7px,1.4vw,12px) clamp(7px,1.6vw,14px) clamp(8px,1.6vw,14px);gap:clamp(3px,.8vw,6px)}
.ypx-bd h4{font-size:clamp(10px,2.1vw,14.5px);line-height:1.5}
.ypx-bd small{font-size:clamp(8.5px,1.6vw,12px);line-height:1.5}
.ypx-rt{font-size:clamp(8.5px,1.6vw,12px)}
.ypx-pp strong{font-size:clamp(13px,2.6vw,20px)}
.ypx-ad{font-size:clamp(10.5px,1.9vw,14px);padding:clamp(6px,1.4vw,10px) 4px}

/* ---- */

.ypx-im .r1,.ypx-im .r2{border-radius:14%;border-bottom-color:currentColor}
.ypx-im .r1{color:#FF8A13;width:clamp(74px,20vw,148px);height:clamp(74px,20vw,148px);border:clamp(2px,.45vw,3px) solid #FF8A13;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 22px rgba(255,138,31,.6),inset 0 0 18px rgba(255,138,31,.3);background:linear-gradient(135deg,rgba(255,138,31,.16),rgba(20,8,2,.2))}
.ypx-im .r2{color:rgba(255,154,60,.6);width:clamp(104px,28vw,206px);height:clamp(104px,28vw,206px);border:1.5px solid rgba(255,154,60,.45);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 16px rgba(255,138,31,.2)}
.ypx-im::before{content:"";position:absolute;left:50%;top:46%;width:60%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,110,20,.35),transparent 68%)}
.ypx-im .lg{margin-top:0}

/* ---- */

.ypx-im{background:radial-gradient(ellipse at 50% 18%,#2e1607,#130a04 68%,#080402)}
.ypx-im::before{content:"";position:absolute;left:50%;top:0;width:80%;height:68%;aspect-ratio:auto;transform:translateX(-50%);border-radius:0;clip-path:polygon(33% 0,67% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,210,140,.32),rgba(255,160,70,.07) 78%,transparent)}
.ypx-im::after{content:"";position:absolute;left:50%;top:57%;width:74%;height:22%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,130,30,.38),transparent 70%);pointer-events:none}
.ypx-im .r1,.ypx-im .r2{left:50%;border-radius:50%;background:none;color:inherit}
.ypx-im .r2{z-index:0;top:59%;width:78%;height:19%;transform:translate(-50%,-50%);border:1.5px solid rgba(255,154,60,.5);box-shadow:0 0 14px rgba(255,138,31,.25);background:radial-gradient(ellipse,rgba(255,138,31,.12),rgba(20,8,2,.9) 72%)}
.ypx-im .r1{z-index:1;top:53%;width:52%;height:13%;transform:translate(-50%,-50%);border:2px solid rgba(255,154,60,.95);box-shadow:0 0 18px rgba(255,138,31,.6),inset 0 0 12px rgba(255,138,31,.3);background:radial-gradient(ellipse,rgba(255,138,31,.3),rgba(34,14,4,.95) 72%)}
.ypx-im .lg{position:absolute;z-index:2;left:50%;top:31%;margin:0;width:clamp(44px,13vw,98px);transform:translate(-50%,-50%);animation:ypxF 3.6s ease-in-out infinite}
@keyframes ypxF{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-58%)}}
@media(prefers-reduced-motion:reduce){.ypx-im .lg{animation:none}}
.ypx-im b,.ypx-im .pl{z-index:3}

/* ---- */

.ypx-g{gap:clamp(5px,1.6%,10px);padding:0 clamp(8px,2.2%,14px) 14px}
.ypx-c{container-type:inline-size;border-radius:16px}
.ypx-im{container-type:inline-size;height:auto;aspect-ratio:1/1}
.ypx-im .r1{width:52%;height:13%;top:51%;border-width:2px}
.ypx-im .r2{width:78%;height:19%;top:57%}
.ypx-im::after{top:55%}
.ypx-im .lg{width:36%;top:29%}
.ypx-im b{font-size:clamp(9px,8.4cqw,17px);bottom:19%}
.ypx-im .pl{font-size:clamp(8px,5.8cqw,12px);padding:2px 9cqw;bottom:5%}
.ypx-tag{font-size:clamp(8px,5cqw,11px);padding:2px 6cqw}
.ypx-bd{padding:clamp(7px,5cqw,12px);gap:clamp(3px,2.4cqw,6px)}
.ypx-bd h4{font-size:clamp(9.5px,6.6cqw,14px)}
.ypx-bd small{font-size:clamp(8.5px,5.2cqw,12px)}
.ypx-rt{font-size:clamp(8.5px,5cqw,12px)}
.ypx-pp strong{font-size:clamp(13px,9cqw,20px)}
.ypx-ad{font-size:clamp(10px,6.2cqw,14px);padding:clamp(6px,4cqw,10px) 4px}

/* ---- */
.steps{direction:rtl}.steps .st-run{animation-direction:reverse}
/* ---- */

.wa{position:relative;margin:44px 0 10px;padding-top:22px}
.wa-div{position:absolute;top:0;left:0;right:0;height:14px;display:flex;align-items:center;justify-content:center;gap:14px}
.wa-div i{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(233,89,0,.85))}
.wa-div i:last-child{background:linear-gradient(270deg,transparent,rgba(233,89,0,.85))}
.wa-div b{width:9px;height:9px;background:var(--or2);transform:rotate(45deg);box-shadow:0 0 12px rgba(255,154,60,.8)}
.wa-g{display:grid;gap:26px;align-items:center;direction:rtl;padding-top:18px}
@media(min-width:760px){.wa-g{grid-template-columns:1.15fr 1fr;gap:44px}}
.wa-t h2{font-family:var(--f-head);font-weight:800;font-size:clamp(24px,5.4vw,40px);line-height:1.45;color:#fff}
.wa-t h2 em{font-style:normal;color:var(--or2)}
.wa-t>p{margin-top:8px;color:var(--txt2);font-size:clamp(13px,2.8vw,16px)}
.wa-st{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:24px}
.wa-st span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#fff;white-space:nowrap}
.wa-st u{text-decoration:none;width:26px;height:26px;border-radius:50%;background:var(--or);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;box-shadow:0 0 12px rgba(233,89,0,.55)}
.wa-st s{width:14px;height:1px;background:rgba(255,154,60,.45)}
.wa-ck{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px;color:var(--txt2);font-size:13.5px}
.wa-ck span{display:inline-flex;gap:6px;align-items:center}
.wa-ck span::before{content:"✓";color:var(--or2);font-weight:700}
.wa-card{border-radius:24px;padding:1px;background:linear-gradient(140deg,rgba(255,154,60,.9),rgba(233,89,0,.35) 40%,rgba(245,181,70,.25) 70%,rgba(255,138,19,.8));box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 30px rgba(233,89,0,.12);max-width:420px;width:100%;justify-self:center}
.wa-in{border-radius:23px;overflow:hidden;background:linear-gradient(180deg,#2F241C,#221914)}
.wa-hd{display:flex;align-items:center;gap:11px;padding:14px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,154,60,.18)}
.wa-av{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#3a2a20,#1b130e);border:1px solid rgba(255,154,60,.55);display:grid;place-items:center;position:relative;flex:none}
.wa-av img{width:26px;height:26px;object-fit:contain}
.wa-av::after{content:"";position:absolute;bottom:-1px;inset-inline-start:-1px;width:12px;height:12px;border-radius:50%;background:var(--or);border:2px solid #2F241C}
.wa-nm{flex:1;min-width:0}
.wa-nm b{display:flex;align-items:center;gap:6px;font-size:15.5px;color:#fff}
.wa-nm b svg{width:15px;height:15px;color:var(--gold)}
.wa-nm small{color:var(--gold2);font-size:12px;opacity:.85}
.wa-ic{width:26px;height:26px;color:var(--or2);flex:none}
.wa-bd{display:flex;flex-direction:column;gap:12px;padding:16px}
.wa-m{border-radius:16px;padding:11px 14px;max-width:88%;font-size:14.5px;line-height:1.7;color:#fff}
.wa-me{align-self:flex-end;background:linear-gradient(180deg,#5a3a26,#4a2f1f);border:1px solid rgba(255,154,60,.3)}
.wa-bot{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,154,60,.22);max-width:94%}
.wa-tm{display:block;margin-top:2px;font-size:11px;color:var(--txt2);opacity:.8}
.wa-me .wa-tm{color:#d9b99a}
.wa-ok{font-weight:700;font-size:15.5px}
.wa-cd{margin:8px 0;padding:9px 12px;border:1px dashed rgba(255,154,60,.6);border-radius:12px;background:rgba(233,89,0,.1);display:flex;align-items:center;justify-content:space-between;gap:10px}
.wa-cd small{color:var(--or2);font-size:11.5px}
.wa-cd b{font-family:ui-monospace,Menlo,monospace;letter-spacing:1.5px;font-size:16px;color:#fff;direction:ltr}

/* ---- */

.rv{margin:34px 0 8px}
.rv-win{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.rv-tr{display:flex;gap:0;width:max-content;animation:rvm 64s linear infinite;padding:6px 0}
.rv-row{padding-right:14px}
.rv-win:hover .rv-tr,.rv-win:focus-within .rv-tr{animation-play-state:paused}
@keyframes rvm{to{transform:translateX(-50%)}}
.rv-c{direction:rtl;margin:0;width:280px;flex:none;padding:18px;border-radius:18px;background:var(--surf);border:1px solid rgba(245,181,70,.28)}
.rv-st{color:var(--gold);letter-spacing:2px;font-size:15px}
.rv-c blockquote{margin:10px 0 14px;color:var(--txt);font-size:14px;line-height:1.8}
.rv-c figcaption{display:flex;align-items:center;gap:10px}
.rv-av{width:36px;height:36px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:700;color:#fff}
.rv-who b{display:block;font-size:14px;color:var(--txt)}.rv-who small{color:var(--txt2);font-size:12px}
@media (prefers-reduced-motion:reduce){.rv-tr{animation:none}.rv-win{overflow-x:auto}}
/* ===== تحسين شكل بطاقات التقييمات ===== */
.rv{position:relative}
.rv-win{padding:14px 0 20px}
.rv-win .rv-c{position:relative;width:304px;margin-inline-end:14px;padding:26px 22px 20px;border-radius:24px;border:0;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;
  background:radial-gradient(ellipse 80% 55% at 85% 0%,rgba(233,89,0,.16),transparent 70%),linear-gradient(165deg,rgba(77,61,51,.92),rgba(37,28,22,.97));
  box-shadow:inset 0 0 0 1px rgba(245,181,70,.30),inset 0 1px 0 rgba(255,255,255,.12),0 14px 30px rgba(10,9,8,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.rv-win .rv-c::before{content:"";position:absolute;left:16%;right:16%;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#FFE3AE,#FF9A3C,#FFE3AE,transparent);box-shadow:0 0 12px rgba(255,154,60,.8)}
.rv-win .rv-c::after{content:"\201D";position:absolute;top:-6px;inset-inline-end:16px;z-index:-1;font-family:Georgia,'Times New Roman',serif;font-size:118px;line-height:1;background:linear-gradient(180deg,rgba(255,154,60,.42),rgba(255,154,60,0));-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none}
.rv-win .rv-c:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1px rgba(255,154,60,.6),inset 0 1px 0 rgba(255,255,255,.18),0 20px 38px rgba(10,9,8,.55),0 0 28px rgba(233,89,0,.25)}
.rv-win .rv-st{display:block;font-size:16px;letter-spacing:4px;color:#FFC857;text-shadow:0 0 12px rgba(255,170,60,.55)}
.rv-win .rv-c blockquote{margin:14px 0 18px;flex:1;display:flex;align-items:center;font-family:var(--f-quote);font-weight:500;font-size:17px;line-height:1.95;color:#F7F5F3}
.rv-win .rv-c figcaption{position:relative;gap:12px;padding-top:14px}
.rv-win .rv-c figcaption::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,181,70,.45),transparent)}
.rv-win .rv-av{width:42px;height:42px;font-family:var(--f-head);font-size:17px;font-weight:800;box-shadow:0 0 0 2px rgba(37,28,22,1),0 0 0 3.5px rgba(255,154,60,.7),0 0 16px rgba(233,89,0,.45)}
.rv-win .rv-who b{font-family:var(--f-head);font-size:15px;font-weight:700;color:#fff}
.rv-win .rv-who small{display:inline-flex;align-items:center;gap:5px;margin-top:2px;font-family:var(--f-head);font-size:12.5px;color:#C7C0B8}
.rv-win .rv-who small::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF9A3C;box-shadow:0 0 8px #FF9A3C}
@media(max-width:480px){.rv-win .rv-c{width:276px;padding:24px 18px 18px}.rv-win .rv-c blockquote{font-size:16px}}

/* ===== تقييمات مدمجة (أسلوب: الاسم فوق ثم النجوم ثم الرأي) ===== */
.rv .sh h2{font-size:clamp(18px,2.6vw,24px)!important}
.rv-win .rv-c{width:300px!important;padding:18px 18px 16px!important;border-radius:20px!important}
.rv-win .rv-c::after{display:none}
.rv-win .rv-c figcaption{order:-1;padding-top:0!important;gap:12px!important}
.rv-win .rv-c figcaption::before{display:none}
.rv-win .rv-av{width:46px!important;height:46px!important;border-radius:0!important;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);box-shadow:none!important;font-size:18px!important}
.rv-win .rv-who b{font-size:15.5px!important}
.rv-win .rv-who small{color:#FF9A3C!important;font-size:12.5px!important}
.rv-win .rv-who small::before{display:none!important}
.rv-win .rv-st{margin-top:12px;font-size:14px!important;letter-spacing:3px!important}
.rv-win .rv-c blockquote{margin:8px 0 0!important;flex:none!important;display:block!important;font-family:var(--f-ui)!important;font-weight:400!important;font-size:14.5px!important;line-height:1.85!important;color:#E9E4DF!important}
.rv-win .rv-c blockquote::before{content:"\""}.rv-win .rv-c blockquote::after{content:"\""}
@media(max-width:480px){.rv-win .rv-c{width:270px!important}.rv-win .rv-c blockquote{font-size:14px!important}}

/* ===== تصغير بطاقات التقييمات ===== */
.rv-win{padding:6px 0 10px!important}
.rv-win .rv-c{width:230px!important;padding:13px 14px 12px!important;border-radius:16px!important;margin-inline-end:10px!important}
.rv-win .rv-c figcaption{gap:9px!important}
.rv-win .rv-av{width:34px!important;height:34px!important;font-size:14px!important}
.rv-win .rv-who b{font-size:13.5px!important}
.rv-win .rv-who small{font-size:11px!important}
.rv-win .rv-st{margin-top:8px!important;font-size:12px!important;letter-spacing:2px!important}
.rv-win .rv-c blockquote{margin:5px 0 0!important;font-size:13px!important;line-height:1.7!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rv-row{gap:10px!important}
@media(max-width:480px){.rv-win .rv-c{width:215px!important}.rv-win .rv-c blockquote{font-size:12.5px!important}}

/* ---- */
footer .fl{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0 4px}footer .fl a{color:#fff;text-decoration:none;font-size:13.5px;font-weight:400;padding:4px 2px;border:0}footer .fl a:hover{color:#fff;text-decoration:none}
.ph{margin-bottom:-14px}
.ph img{filter:contrast(.88) saturate(.86) brightness(.97) sepia(.06) drop-shadow(0 24px 34px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(233,89,0,.14));-webkit-mask-image:linear-gradient(180deg,#000 48%,rgba(0,0,0,.55) 76%,transparent 100%);mask-image:linear-gradient(180deg,#000 48%,rgba(0,0,0,.55) 76%,transparent 100%)}

/* ---- */

/* أنزلت وسم «للآيفون / للأندرويد / جميع الأجهزة» تحت اسم المنتج: زدت ارتفاع الصورة 10% وثبّتّ باقي العناصر في أماكنها */
.ypx-im{aspect-ratio:1/1.1}
.ypx-im::before{height:61.8%}
.ypx-im::after{top:50%;height:20%}
.ypx-im .r2{top:51.8%;height:17.3%}
.ypx-im .r1{top:46.4%;height:11.8%}
.ypx-im .lg{top:26.4%}
.ypx-im b{bottom:26.4%}
.ypx-im .pl{bottom:4.5%}

/* ---- */

/* البانر فوق منتجات يوتيوب: صورة جاهزة بعرض القسم */
.ypx{container-type:inline-size}
.ypx-hero{position:relative;overflow:hidden;z-index:auto;min-height:0;padding:0;display:block;background:transparent}
.ypx-hero::after{height:26px}
.ypx-banner{display:block;width:100%;height:auto}
.ypx-g{position:relative;z-index:2;margin-top:-22px}
/* ===== جوال/تابلت: القسم يملأ الشاشة من اليمين واليسار ===== */
@media(max-width:760px){
 .ypx{border-radius:0;border-inline:0}
 .ypx-hero{border-radius:0}
}
/* ===== جوال: بطاقات كبيرة تُسحب أفقياً ===== */
@media(max-width:560px){
 .ypx-g{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 14px 18px}
 .ypx-g::-webkit-scrollbar{display:none}
 .ypx-c{flex:0 0 64%;scroll-snap-align:center}
}
/* ===== حركة وسيولة البانر ===== */
.ypx-hero::after{display:none}
.ypx-hero{box-shadow:inset 0 0 70px rgba(0,0,0,.5)}
.ypx-banner{transform-origin:62% 48%;animation:ypxIn 1.4s cubic-bezier(.2,.8,.2,1) both,ypxKen 20s ease-in-out 1.4s infinite alternate;-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,#000 74%,transparent 100%)}
@keyframes ypxIn{from{opacity:0;transform:scale(1.14);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes ypxKen{from{transform:scale(1)}to{transform:scale(1.085)}}
.ypx-glow{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 22% 42% at 33% 46%,rgba(255,150,50,.62),rgba(255,120,30,.18) 55%,transparent 75%);animation:ypxPulse 3.4s ease-in-out infinite}
.ypx-glow.g2{background:radial-gradient(ellipse 30% 18% at 35% 88%,rgba(255,110,40,.5),transparent 70%);animation-duration:4.6s;animation-delay:-1.2s}
@keyframes ypxPulse{0%,100%{opacity:.25}50%{opacity:.85}}
.ypx-sweep{position:absolute;top:-10%;bottom:-10%;width:22%;left:-30%;pointer-events:none;mix-blend-mode:screen;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,236,200,.34),transparent);animation:ypxSweep 7s ease-in-out 1.6s infinite}
@keyframes ypxSweep{0%,55%{left:-30%;opacity:0}60%{opacity:1}92%{opacity:1}100%{left:125%;opacity:0}}
.ypx-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ypx-fx b{position:absolute;bottom:-6px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;background:#FFD9A0;box-shadow:0 0 8px 2px rgba(255,160,60,.85);opacity:0;animation:ypxEmber var(--d) ease-out var(--dl) infinite}
@keyframes ypxEmber{0%{opacity:0;transform:translate(0,0) scale(.6)}12%{opacity:.95}80%{opacity:.7}100%{opacity:0;transform:translate(var(--dx),-210px) scale(.25)}}
.ypx-sp{position:absolute;width:16px;height:16px;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,200,120,.9));animation:ypxTw 3s ease-in-out infinite}
.ypx-sp.s1{left:36%;top:22%;width:20px;height:20px}.ypx-sp.s2{left:56%;top:12%;animation-delay:-1s}.ypx-sp.s3{left:20%;top:48%;width:13px;height:13px;animation-delay:-2s}
@keyframes ypxTw{0%,100%{opacity:.15;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.ypx-banner,.ypx-glow,.ypx-sweep,.ypx-fx b,.ypx-sp{animation:none!important}.ypx-fx b{display:none}.ypx-glow{opacity:.35}}

/* تكبير نصوص بطاقات المنتجات مع اتساع القسم */
.ypx-im b{font-size:clamp(9px,8.4cqw,26px)}
.ypx-im .pl{font-size:clamp(8px,5.8cqw,17px)}
.ypx-tag{font-size:clamp(8px,5cqw,15px)}
.ypx-bd h4{font-size:clamp(9.5px,6.6cqw,19px)}
.ypx-bd small{font-size:clamp(8.5px,5.2cqw,15px)}
.ypx-rt{font-size:clamp(8.5px,5cqw,14px)}
.ypx-pp strong{font-size:clamp(13px,9cqw,28px)}
.ypx-pp s{font-size:clamp(9px,5cqw,15px)}.ypx-pp em{font-size:clamp(9px,5cqw,14px)}
.ypx-ad{font-size:clamp(10px,6.2cqw,18px);padding:clamp(6px,4cqw,13px) 4px}

/* ---- */

/* قسم يوتيوب بريميوم بنفس طريقة تاز: عنوان بالمعين → بانر بعرض الصفحة → بطاقات كبيرة تتداخل مع البانر → تمرير تلقائي */
.ypx-hd{margin:34px auto 16px}
.ypx{border:0;border-radius:0;box-shadow:none;background:transparent;margin-top:0}
.ypx-hero{box-shadow:none}
.ypx-hero::after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;z-index:3;background:linear-gradient(90deg,transparent,rgba(233,89,0,.18) 8%,#C24500 24%,#E95900 42%,#FF9A3C 50%,#E95900 58%,#C24500 76%,rgba(233,89,0,.18) 92%,transparent);box-shadow:0 0 6px rgba(255,106,18,.55),0 0 16px rgba(233,89,0,.3)}
.ypx-banner{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}
.ypx-g{margin-top:clamp(-176px,-10.5cqw,-46px);gap:clamp(10px,2cqw,18px);padding:0 clamp(12px,3cqw,28px) 22px;scroll-padding-inline:clamp(12px,3cqw,28px)}
.ypx-c{flex:0 0 clamp(214px,62%,340px);border-radius:20px;box-shadow:0 18px 40px rgba(0,0,0,.55);border-color:rgba(245,181,70,.45)}
.ypx-g>.ypx-c:first-child{margin-inline-start:auto}
.ypx-g>.ypx-c:last-child{margin-inline-end:auto}
.ypx-c::after{content:"";position:absolute;top:-40%;left:-40%;width:50%;height:180%;transform:rotate(14deg);pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);animation:ypxShine 11s linear infinite}
@keyframes ypxShine{0%{left:-60%}100%{left:140%}}
@media(prefers-reduced-motion:reduce){.ypx-c::after{animation:none}}

/* ---- */

/* بدون جمرات/نجوم، والبانر يذوب في الخلفية من كل الجهات */
.ypx-fx,.ypx-sp,.ypx-sweep{display:none!important}
.ypx-hero::after{display:none!important}
.ypx-banner{-webkit-mask-image:none!important;mask-image:none!important}
.ypx-hero{
 -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 7%,#000 18%,#000 82%,rgba(0,0,0,.55) 93%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 9%,#000 24%,#000 62%,rgba(0,0,0,.5) 84%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 7%,#000 18%,#000 82%,rgba(0,0,0,.55) 93%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.55) 9%,#000 24%,#000 62%,rgba(0,0,0,.5) 84%,transparent 100%);
 mask-composite:intersect}
.ypx-glow{opacity:.25}

/* ---- */

/* بدون أي حركة، وحجم البانر والبطاقات أصغر */
.ypx *,.ypx *::before,.ypx *::after{animation:none!important;transition:none!important}
.ypx-banner{transform:none!important}
.ypx-hero{max-width:760px;margin-inline:auto}
.ypx-g{margin-top:clamp(-84px,-10.5cqw,-40px);scroll-behavior:auto}
.ypx-c{flex:0 0 clamp(200px,60%,300px)}
.ypx-c::after{display:none!important}
.ypx-c:hover{transform:none;box-shadow:0 18px 40px rgba(0,0,0,.55)}

/* ---- */

/* بطاقات منتجات يوتيوب بمقاس بطاقات تاز (.tzc-t) بالضبط: نسبة 430/568، 3 أعمدة، فراغ 1.36%، حتى 1180px، نفس الانحناء والإطار والشعاع البرتقالي خلف الشعار */
.ypx-g{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.36%!important;
  max-width:1180px!important;margin-inline:auto!important;padding:0 8px 22px!important;
  overflow:visible!important;scroll-snap-type:none!important;scroll-padding:0!important}
@media(min-width:761px){.ypx-g{padding:0 14px 34px!important}}
.ypx-g>.ypx-c:first-child,.ypx-g>.ypx-c:last-child{margin:0!important}
.ypx-c{position:relative!important;display:block!important;flex:none!important;width:auto!important;min-width:0!important;
  margin:0!important;aspect-ratio:430/568!important;container-type:inline-size;direction:rtl;
  border:0!important;border-radius:7.85%/5.94%!important;overflow:hidden!important;isolation:isolate;
  background:radial-gradient(120% 82% at 50% 14%,#3a2418 0%,#241812 44%,#120c08 100%)!important;
  box-shadow:0 22px 46px rgba(0,0,0,.62)!important}
.ypx-c:hover{transform:none!important;box-shadow:0 22px 46px rgba(0,0,0,.62)!important}
/* الشعاع خلف الشعار = .tzc-neb */
.ypx-c::before{content:"";position:absolute;left:50%;top:31%;transform:translate(-50%,-50%);width:92%;height:58%;
  border-radius:50%;z-index:1;pointer-events:none;filter:blur(8cqw);
  background:radial-gradient(ellipse at center,rgba(255,110,25,.42),rgba(233,89,0,.12) 54%,transparent 76%)}
/* الإطار المتدرّج = .tzc-t::after */
.ypx-c::after{display:block!important;content:""!important;position:absolute!important;inset:0!important;
  width:auto!important;height:auto!important;transform:none!important;z-index:40;pointer-events:none;
  border-radius:7.85%/5.94%;padding:2px;background:var(--frame)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude}
/* منطقة الصورة */
.ypx-im{position:absolute!important;inset:0!important;height:auto!important;aspect-ratio:auto!important;
  display:block!important;background:none!important;z-index:5}
.ypx-im::before,.ypx-im::after{display:none!important}
.ypx-im .r1,.ypx-im .r2{position:absolute!important;left:50%!important;top:34cqw!important;
  transform:translate(-50%,-50%)!important;border-radius:50%}
.ypx-im .r1{width:56cqw!important;height:56cqw!important;border-width:.9cqw!important;
  box-shadow:0 0 6cqw rgba(255,138,31,.5),inset 0 0 5cqw rgba(255,138,31,.22)!important}
.ypx-im .r2{width:40cqw!important;height:40cqw!important;border-width:.35cqw!important}
.ypx-im .lg{position:absolute!important;left:50%!important;top:34cqw!important;transform:translate(-50%,-50%)!important;
  width:44cqw!important;margin:0!important;z-index:8;
  filter:drop-shadow(0 5cqw 8cqw rgba(0,0,0,.8)) drop-shadow(0 0 7cqw rgba(255,150,60,.30))!important}
.ypx-im b{position:absolute!important;left:0!important;right:0!important;top:52cqw!important;bottom:auto!important;
  padding:0 3cqw!important;font-size:clamp(7.5px,8.4cqw,28px)!important;line-height:1.2}
.ypx-im .pl{position:absolute!important;left:50%!important;top:64cqw!important;bottom:auto!important;
  transform:translateX(-50%)!important;padding:1cqw 5cqw!important;font-size:clamp(6.5px,4.4cqw,15px)!important;line-height:1.3}
.ypx-tag{z-index:30!important;top:4.4cqw!important;inset-inline-end:4.4cqw!important;border-radius:999px!important;
  padding:1cqw 3.6cqw!important;font-size:clamp(6px,3.9cqw,14px)!important;line-height:1.3}
/* منطقة النص = .tzc-txt مع تدرّج .tzc-fog2 */
.ypx-bd{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:26;flex:none!important;
  display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:1.8cqw!important;
  padding:12cqw 4.5cqw 6.1cqw!important;
  background:linear-gradient(to top,#120c08 34%,rgba(18,12,8,.95) 52%,rgba(18,12,8,.7) 74%,transparent 100%)!important}
.ypx-bd h4{font-size:clamp(7px,6.4cqw,24px)!important;line-height:1.28!important;font-weight:900;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ypx-bd small,.ypx-rt{display:none!important}
.ypx-pp{justify-content:center;gap:2cqw!important}
.ypx-pp strong{font-size:clamp(10px,8.2cqw,30px)!important}
.ypx-pp s,.ypx-pp em{font-size:clamp(6.5px,4.4cqw,14px)!important}
.ypx-ad{width:78%;margin-top:0!important;font-size:clamp(6.5px,5.2cqw,18px)!important;
  padding:2.6cqw 0!important;line-height:1}

/* ---- */

/* صورة المنتج مثل السابق (لوحة داكنة + مخروط الضوء + بركة التوهّج) داخل مقاس تاز، والوميض مثل تاز */
.ypx-c{background:linear-gradient(180deg,transparent 56%,#241B16 100%),
  radial-gradient(ellipse at 50% 26%,#3a1a08 0,#1b0e06 60%,#0d0704 100%)!important}
.ypx-im::before{display:block!important;content:"";position:absolute;left:50%;top:0;width:80%;height:62cqw;
  transform:translateX(-50%);border-radius:0;aspect-ratio:auto;
  clip-path:polygon(33% 0,67% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(255,210,140,.32),rgba(255,160,70,.07) 78%,transparent)}
.ypx-im::after{display:block!important;content:"";position:absolute;left:50%;top:51cqw;width:74%;height:16cqw;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(255,130,30,.38),transparent 70%)}
.ypx-bd{background:linear-gradient(to top,#241B16 34%,rgba(36,27,22,.95) 52%,rgba(36,27,22,.7) 74%,transparent 100%)!important}
/* الوميض (card_has_shine عند تاز) */
.ypx .ypx-c .ypx-sh{display:block;position:absolute;top:-20%;bottom:-20%;left:-60%;width:38%;z-index:45;
  pointer-events:none;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  animation:ypxTazShine 4.6s ease-in-out infinite!important}
@keyframes ypxTazShine{0%,45%{left:-60%}100%{left:140%}}
@media(prefers-reduced-motion:reduce){.ypx .ypx-c .ypx-sh{animation:none!important;display:none}}

/* ---- */

.ypx-c::after{padding:1px!important}
/* إطار البانر: حواف برتقالية متوهجة مثل خطوط الصورة */
.ypx-hero{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 52%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.2) 88%,transparent 98%)!important;mask-image:linear-gradient(180deg,#000 0,#000 52%,rgba(0,0,0,.6) 72%,rgba(0,0,0,.2) 88%,transparent 98%)!important;-webkit-mask-composite:source-over!important;mask-composite:add!important;margin:12px auto 0!important;width:calc(100% - 24px);border-radius:18px!important;overflow:hidden;box-shadow:0 0 22px rgba(233,89,0,.45),0 10px 24px rgba(0,0,0,.5)!important}
.ypx-hero::after{display:block!important;content:"";position:absolute;inset:0;height:auto!important;border-radius:18px;pointer-events:none;z-index:6;background:none!important;
  box-shadow:inset 0 0 0 1px rgba(255,138,19,.95),inset 0 0 12px rgba(233,89,0,.35)!important}
.ypx-banner{border-radius:18px}
.ypx-g{margin-top:clamp(-60px,-6.2cqw,-24px)!important}
/* مسرح مصمت بدون دوائر */
.ypx-im .r1,.ypx-im .r2{left:50%!important;transform:translate(-50%,-50%)!important;border:0!important;box-shadow:none!important;width:62cqw!important}
.ypx-im .r2{top:45.5cqw!important;height:8cqw!important;z-index:6;border-radius:0 0 50%/0 0 4cqw!important;
  background:linear-gradient(90deg,#24120a,#5f3519 28%,#7d4a26 50%,#573016 72%,#22110a)!important;box-shadow:0 3cqw 5cqw rgba(0,0,0,.55)!important}
.ypx-im .r1{top:42cqw!important;height:11cqw!important;z-index:7;border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 38%,#8a5530,#5a3218 62%,#3d210f)!important}
.ypx-im .lg{top:27cqw!important;width:38cqw!important;filter:drop-shadow(0 3cqw 4cqw rgba(0,0,0,.6))!important}

/* ---- */

/* حركة محادثة واتساب: رسالة العميل ثم نقاط الكتابة ثم رد المتجر (حلقة 10 ثوانٍ) */
.wa-bd{position:relative}
.wa-tyw{height:0;margin-bottom:-12px;position:relative;align-self:stretch}
.wa-ty{position:absolute;top:0;inset-inline-start:0;display:flex;gap:5px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,154,60,.22);opacity:0;animation:waDt 10s infinite}
.wa-ty s{width:6px;height:6px;border-radius:50%;background:#FFB877;animation:waBn .9s infinite}
.wa-ty s:nth-child(2){animation-delay:.15s}.wa-ty s:nth-child(3){animation-delay:.3s}
.wa-me{opacity:0;animation:waOut 10s infinite}
.wa-bot{opacity:0;animation:waIn 10s infinite}
@keyframes waBn{50%{transform:translateY(-4px);opacity:.5}}
@keyframes waOut{0%,3%{opacity:0;transform:translateY(8px)}8%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes waDt{0%,16%{opacity:0}20%,34%{opacity:1}38%,100%{opacity:0}}
@keyframes waIn{0%,38%{opacity:0;transform:translateY(8px)}44%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.wa-me,.wa-bot{animation:none;opacity:1}.wa-ty{display:none}}

/* ---- */

/* الخطوات تحت صندوق المحادثة، وتتعبّى بالبرتقالي مع تقدّم الطلب (نفس توقيت المحادثة) */
.wa-col{width:100%;max-width:420px;justify-self:center}
.wa-col .wa-card{max-width:none;width:100%}
.wa-trk{margin-top:22px}
.wa-trk .wa-st{flex-wrap:nowrap;justify-content:center;gap:8px;margin-top:0}
.wa-trk .wa-st span{font-size:12.5px;gap:6px}
.wa-trk .wa-st u{width:24px;height:24px;font-size:12px;flex:none}
.wa-trk .wa-st s{flex:1;min-width:8px;max-width:56px;height:2px;border-radius:2px;position:relative;overflow:hidden;background:rgba(255,154,60,.2)}
.wa-trk .wa-st s::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#C24500,#FF9A3C);transform-origin:right}
.wa-trk .wa-ck{justify-content:center;margin-top:16px}
@media(max-width:380px){.wa-trk .wa-st span{font-size:11.5px;gap:4px}.wa-trk .wa-st u{width:21px;height:21px;font-size:11px}}
@media(prefers-reduced-motion:no-preference){
.wa-trk .wa-st u{animation:waU1 10s infinite}
.wa-trk .wa-st span:nth-of-type(2) u{animation-name:waU2}
.wa-trk .wa-st span:nth-of-type(3) u{animation-name:waU3}
.wa-trk .wa-st s::after{animation:waC1 10s infinite}
.wa-trk .wa-st s:nth-of-type(2)::after{animation-name:waC2}}
@keyframes waU1{0%,2%{background:#4a3a30;color:#bfa58f;box-shadow:none}4%,92%{background:#E95900;color:#fff;box-shadow:0 0 12px rgba(233,89,0,.55)}98%,100%{background:#4a3a30;color:#bfa58f;box-shadow:none}}
@keyframes waU2{0%,14%{background:#4a3a30;color:#bfa58f;box-shadow:none}16%,92%{background:#E95900;color:#fff;box-shadow:0 0 12px rgba(233,89,0,.55)}98%,100%{background:#4a3a30;color:#bfa58f;box-shadow:none}}
@keyframes waU3{0%,38%{background:#4a3a30;color:#bfa58f;box-shadow:none;transform:scale(1)}41%{transform:scale(1.18)}44%,92%{background:#E95900;color:#fff;box-shadow:0 0 14px rgba(233,89,0,.7);transform:scale(1)}98%,100%{background:#4a3a30;color:#bfa58f;box-shadow:none;transform:scale(1)}}
@keyframes waC1{0%,8%{transform:scaleX(0)}16%,92%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}
@keyframes waC2{0%,20%{transform:scaleX(0)}36%,92%{transform:scaleX(1)}98%,100%{transform:scaleX(0)}}

/* ---- */
/*wa-fix*/
.wa-g>*{min-width:0}
.wa-trk .wa-st{gap:5px}
.wa-trk .wa-st span{font-size:11.5px;gap:5px}
.wa-trk .wa-st u{width:22px;height:22px;font-size:11px}
.wa-trk .wa-st s{min-width:6px}
.wa-trk .wa-ck{flex-wrap:wrap;gap:6px 12px;font-size:12.5px}
@media(min-width:420px){.wa-trk .wa-st span{font-size:12.5px}.wa-trk .wa-st u{width:24px;height:24px;font-size:12px}.wa-trk .wa-st{gap:8px}}

/* ---- */
/*wa-fix2*/@media(max-width:419px){.wa-trk .wa-st{gap:4px}.wa-trk .wa-st span{font-size:10.5px;gap:4px;letter-spacing:-.2px}.wa-trk .wa-st u{width:20px;height:20px;font-size:10.5px}.wa-trk .wa-st s{min-width:3px;max-width:24px}}
/* ---- */
/*wa-fix3*/.wa-g,.wa .wa-g{grid-template-columns:1fr!important;gap:0!important;padding-top:0!important}.wa>.sh{margin:6px auto 22px}
/* ---- */
/*wa-fix4*/.wa>.sh{gap:10px;padding:0 6px}.wa>.sh h2{white-space:normal;text-align:center;line-height:1.5}
/* ---- */
/*pk-fix*/#packs{padding:0 6px;gap:10px}#packs h2{white-space:normal;text-align:center;line-height:1.5}
/* wa-small */
.wa-g .wa-col{max-width:none;margin-inline:auto}.wa-g .wa-card{zoom:.8}.wa-g .wa-bd{padding:10px 14px!important;gap:8px!important}.wa-g .wa-hd{padding-top:10px!important;padding-bottom:10px!important}

/* fl-tight */
footer .fl{gap:0!important;margin:12px 0 4px!important}footer .fl a{padding:2px 2px!important;line-height:1.6!important}

/* sq-center */
.sq{display:flex!important;justify-content:center!important;gap:1.36%!important}.sq>a{flex:0 0 23.98%}@media(max-width:767px){.sq{gap:6px!important}.sq>a{flex:0 0 calc((100% - 18px)/4)}}


/* ---- حالة «لا آراء بعد»: يبقى قسم الآراء بعنوانه ---- */
.rv-empty{max-width:560px;margin:14px auto 6px;padding:16px 18px;text-align:center;color:var(--txt2);font-size:14px;border:1px dashed rgba(255,154,60,.35);border-radius:14px;background:rgba(233,89,0,.04)}


/* ---- 1.2.1: يوتيوب بريميوم على الجوال — بانر أكبر وبطاقات كبيرة قابلة للسحب (أسلوب تاز/كرانش) ---- */
@media(max-width:560px){
 /* البانر: قصّ أعرض ← نص أكبر (النص على اليمين فيبقى ظاهراً) */
 .ypx-hero{width:calc(100% - 16px)!important;margin-top:8px!important}
 .ypx-banner{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:100% 50%}
 /* البطاقات: صف أفقي، البطاقة ~76% من الشاشة وتظهر حافة التالية للدلالة على السحب */
 .ypx .ypx-g{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:12px!important;
  overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory!important;scroll-padding-inline:14px!important;
  padding:0 14px 24px!important;margin-top:-34px!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
 .ypx .ypx-g::-webkit-scrollbar{display:none}
 .ypx .ypx-g>.ypx-c{flex:0 0 76%!important;max-width:330px;scroll-snap-align:start}
 /* نصوص وسعر وزر أكبر قليلاً داخل البطاقة الكبيرة */
 .ypx-bd h4{font-size:clamp(14px,6.6cqw,24px)!important}
 .ypx-pp strong{font-size:clamp(18px,8.6cqw,30px)!important}
 .ypx-ad{font-size:clamp(13px,5.4cqw,18px)!important;padding:clamp(9px,3.2cqw,13px) 4px!important}
}