/* ═══════════ COUPLINA · گالری عکس مشترک ═══════════
   دیوار اسپرسویی + قاب‌های آویزان (طلایی، گردو، رزگلد، فیروزه‌ای) با پاسپارتو و پلاک اسم
   سبک و روان برای موبایل: بدون بلور/بک‌دراپ سنگین و بدون انیمیشن گرادیانی روی هر قاب */
.gl{--gl-gold:#ffc94a;--gl-ember:#ff7a2f;--gl-coral:#ff5f8a;--gl-teal:#2dd4bf;--gl-cream:#fff3e0;--gl-mute:#cdb4a0;--gl-plate:34px;
  width:min(1180px,92%);margin:0 auto 72px;position:relative;overflow:hidden;isolation:isolate;border-radius:38px;
  border:1px solid rgba(255,201,74,.16);color:var(--gl-cream);font-family:Estedad,Vazirmatn,Tahoma,sans-serif;
  background:
    radial-gradient(540px 440px at 94% -6%,rgba(255,122,47,.20),transparent 70%),
    radial-gradient(580px 480px at -6% 106%,rgba(255,95,138,.15),transparent 70%),
    radial-gradient(420px 360px at 42% 46%,rgba(45,212,191,.06),transparent 70%),
    repeating-linear-gradient(90deg,rgba(255,243,224,.02) 0 2px,transparent 2px 48px),
    linear-gradient(160deg,#1d120d 0%,#2a1710 52%,#170f0d 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,242,211,.07)}
.gl-aurora{display:none}
/* پالت قاب‌ها: ۴ قاب رایگان + ۴ قاب سلطنتی پرو */
.gl,.gl-lb{
  --fin-f0:linear-gradient(135deg,#fbe29a 0%,#c8923a 22%,#f6d27a 46%,#9b6a22 70%,#f0c868 100%);
  --fin-f1:repeating-linear-gradient(97deg,rgba(0,0,0,.16) 0 2px,transparent 2px 8px),linear-gradient(135deg,#8a5632,#4a2a16 52%,#7a4a2a);
  --fin-f2:linear-gradient(135deg,#fbd5ca 0%,#c9807a 28%,#f6bdb1 52%,#a85d63 78%,#f2c3b6 100%);
  --fin-f3:linear-gradient(135deg,#aaf0e4 0%,#3a8f90 28%,#c0f5ec 52%,#1f5f66 78%,#7fd8cc 100%);
  --fin-p0:repeating-linear-gradient(45deg,rgba(90,50,5,.13) 0 3px,transparent 3px 9px),linear-gradient(135deg,#fff3b8 0%,#e2a93f 17%,#fde28c 34%,#a8731e 55%,#f9d96e 76%,#b98225 100%);
  --fin-p1:repeating-linear-gradient(135deg,rgba(255,215,120,.12) 0 2px,transparent 2px 10px),linear-gradient(135deg,#1f8f72 0%,#0b3d33 28%,#35b895 50%,#0a3029 74%,#22977a 100%);
  --fin-p2:repeating-linear-gradient(60deg,rgba(40,60,110,.10) 0 2px,transparent 2px 9px),linear-gradient(135deg,#f6f9ff 0%,#9aa8c4 22%,#eaf0fb 44%,#6c7a98 66%,#e2e9f6 84%,#8794b2 100%);
  --fin-p3:conic-gradient(from 25deg,#ffdc8e,#ff86b3,#a58bff,#5fe3d6,#ffe27a,#ff86b3,#a58bff,#ffdc8e)}

.gl-inner{position:relative;z-index:2;padding:54px 52px 46px}

/* — عنوان — */
.gl-head{text-align:center;max-width:680px;margin:0 auto 26px}
.gl-kicker{position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--gl-gold);
  background:rgba(255,201,74,.08);border:1px solid rgba(255,201,74,.2)}
.gl-kicker i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--gl-teal)}
.gl-kicker i:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--gl-teal);animation:glPing 2.2s ease-out infinite}
@keyframes glPing{from{transform:scale(1);opacity:.6}to{transform:scale(3.2);opacity:0}}
.gl-head h2{margin:16px 0 9px;font:800 clamp(30px,4.2vw,48px)/1.25 Estedad,Vazirmatn,Tahoma,sans-serif;letter-spacing:-.045em;color:#fff7ed}
.gl-head h2 em{font-style:normal;background:linear-gradient(100deg,var(--gl-gold),var(--gl-ember) 45%,var(--gl-coral));-webkit-background-clip:text;background-clip:text;color:transparent}
.gl-head p{margin:0 auto;max-width:560px;color:var(--gl-mute);font-size:14px;line-height:2}

/* — شمارنده — */
.gl-meter{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:9px 16px;border-radius:999px;background:rgba(255,243,224,.07);border:1px solid rgba(255,243,224,.12);font-size:12px;font-weight:700}
.gl-segs{display:flex;gap:5px}
.gl-segs b{width:30px;height:6px;border-radius:9px;background:rgba(255,243,224,.14);transition:background .4s}
.gl-segs b.on{background:linear-gradient(90deg,var(--gl-gold),var(--gl-ember));box-shadow:0 0 10px rgba(255,160,60,.55)}
.gl-bar{width:120px;height:6px;border-radius:9px;background:rgba(255,243,224,.14);overflow:hidden}
.gl-bar b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gl-teal),var(--gl-gold),var(--gl-coral));transition:width .6s}
.gl-pro-tag{padding:3px 9px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#2a1508;background:linear-gradient(110deg,#ffe08a,var(--gl-gold) 50%,#ffb347)}

/* — دیوار — */
.gl-stage{display:grid;gap:44px 28px;padding-top:34px}
.gl-stage.is-slots{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.gl-stage.is-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-items:start}
.is-slots>:nth-child(2){margin-top:34px}
.gl-stage>.gl-locked,.gl-stage>.gl-state{grid-column:1/-1}

/* — قاب (آویزان از میخ) — */
.gl-frame,.gl-slot{--bz:14px;--ty:0px;--r:0deg;margin:0;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:14px;
  transform:perspective(900px) translateY(var(--ty)) rotate(var(--r)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.gl-stage>.gl-frame:nth-child(odd),.gl-stage>.gl-slot:nth-child(odd){--r:-.6deg}
.gl-stage>.gl-frame:nth-child(even),.gl-stage>.gl-slot:nth-child(even){--r:.7deg}
/* ریسمان و میخ */
.gl-frame:before,.gl-slot:before{content:"";position:absolute;z-index:0;top:-30px;left:50%;width:56%;height:34px;transform:translateX(-50%);pointer-events:none;
  background:
    linear-gradient(to bottom right,transparent calc(50% - var(--cw,.8px)),var(--cord,rgba(255,226,165,.6)) 50%,transparent calc(50% + var(--cw,.8px))) 0 0/50% 100% no-repeat,
    linear-gradient(to bottom left,transparent calc(50% - var(--cw,.8px)),var(--cord,rgba(255,226,165,.6)) 50%,transparent calc(50% + var(--cw,.8px))) 100% 0/50% 100% no-repeat}
.gl-frame:after,.gl-slot:after{content:"";position:absolute;z-index:1;top:-35px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,#fff3c8,#c28c36 55%,#5b3a12);box-shadow:0 3px 5px rgba(0,0,0,.55)}

/* — بدنه‌ی قاب: ۴ جنس مختلف — */
.gl-stage>:nth-child(4n+1){--fin:var(--fin-f0);--glow:rgba(255,190,70,.45);--liner:#f6dc8f;--mat:#f8ecd8;--mat2:#e9d5b4}
.gl-stage>:nth-child(4n+2){--fin:var(--fin-f1);--glow:rgba(255,140,60,.35);--liner:#d9a566;--mat:#f3e4cc;--mat2:#dcc29a}
.gl-stage>:nth-child(4n+3){--fin:var(--fin-f2);--glow:rgba(255,95,138,.4);--liner:#f4bdb0;--mat:#fbefe6;--mat2:#ecd2c4}
.gl-stage>:nth-child(4n+4){--fin:var(--fin-f3);--glow:rgba(45,212,191,.38);--liner:#a6e8dd;--mat:#eef6f1;--mat2:#cfe1d8}
.gl-bezel{position:relative;z-index:2;display:block;padding:var(--bz);border-radius:10px;background:var(--fin);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 3px 4px rgba(255,255,255,.38),inset 0 -4px 7px rgba(0,0,0,.42),0 26px 40px -22px rgba(0,0,0,.85),0 12px 28px -14px var(--glow),0 0 44px -16px var(--glow)}
/* گوشه‌های مزین */
.gl-bezel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;
  background:
    radial-gradient(circle,rgba(255,255,255,.75) 0 1.5px,rgba(0,0,0,.28) 2.5px,transparent 3.5px) left 5px top 5px/9px 9px no-repeat,
    radial-gradient(circle,rgba(255,255,255,.75) 0 1.5px,rgba(0,0,0,.28) 2.5px,transparent 3.5px) right 5px top 5px/9px 9px no-repeat,
    radial-gradient(circle,rgba(255,255,255,.75) 0 1.5px,rgba(0,0,0,.28) 2.5px,transparent 3.5px) left 5px bottom 5px/9px 9px no-repeat,
    radial-gradient(circle,rgba(255,255,255,.75) 0 1.5px,rgba(0,0,0,.28) 2.5px,transparent 3.5px) right 5px bottom 5px/9px 9px no-repeat}
/* پاسپارتو */
.gl-mat{position:relative;display:block;aspect-ratio:3/4;padding:11px;border-radius:4px;background:linear-gradient(145deg,var(--mat),var(--mat2));
  box-shadow:0 0 0 3px var(--liner,#f6dc8f),0 0 0 4px rgba(60,30,5,.55),inset 0 2px 7px rgba(70,40,10,.5),inset 0 0 0 1px rgba(90,60,20,.28)}
.gl-open{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:2px;overflow:hidden;background:#120a07;cursor:zoom-in;
  box-shadow:0 0 0 1px rgba(90,60,20,.5),0 3px 9px rgba(40,20,5,.45)}
.gl-open img{width:100%;height:100%;object-fit:cover;display:block}
.gl-open:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.17) 0,rgba(255,255,255,.04) 32%,transparent 33%),linear-gradient(180deg,transparent 70%,rgba(18,8,4,.28))}
/* قوس برای اولین قاب */
.is-slots>:nth-child(1) .gl-bezel{border-radius:50% 50% 12px 12px/34% 34% 12px 12px}
.is-slots>:nth-child(1) .gl-mat{border-radius:50% 50% 4px 4px/32% 32% 4px 4px}
.is-slots>:nth-child(1) .gl-open,.is-slots>:nth-child(1) .gl-void{border-radius:50% 50% 2px 2px/30% 30% 2px 2px}
.is-slots>:nth-child(1) .gl-bezel:before{display:none}

/* پلاک اسم */
.gl-plate{position:relative;z-index:2;align-self:center;min-width:46%;max-width:88%;height:var(--gl-plate);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border-radius:7px;
  background:linear-gradient(180deg,#f8dc92,#c9953c 55%,#ebc46e);color:#3a2208;white-space:nowrap;overflow:hidden;font-size:11.5px;font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 3px rgba(80,45,5,.35),0 7px 12px -6px rgba(0,0,0,.7)}
.gl-plate b{font-weight:900;overflow:hidden;text-overflow:ellipsis}
.gl-plate small{font-size:10.5px;font-weight:700;opacity:.72}
.gl-plate-empty{background:linear-gradient(180deg,rgba(255,243,224,.1),rgba(255,243,224,.04));color:var(--gl-mute);box-shadow:inset 0 0 0 1px rgba(255,243,224,.12)}

/* حذف و تأیید */
.gl-del{position:absolute;z-index:5;top:calc(var(--bz) + 9px);left:calc(var(--bz) + 9px);width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:grid;place-items:center;color:#fff;
  background:rgba(20,10,6,.72);opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s,background .25s}
.gl-frame:focus-within .gl-del{opacity:1;transform:none}
.gl-del:hover{background:var(--gl-coral);border-color:transparent}
.gl-confirm{position:absolute;z-index:6;inset:0;border-radius:inherit;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;background:rgba(22,10,6,.92)}
.gl-frame.confirming .gl-confirm{display:flex;animation:glFade .25s}
@keyframes glFade{from{opacity:0}}
.gl-confirm b{font-size:15px;color:#fff7ed}
.gl-confirm div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.gl-btn{font:800 12px Estedad,Vazirmatn,sans-serif;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,243,224,.2);background:rgba(255,243,224,.08);color:#fff3e0;cursor:pointer;transition:background .25s}
.gl-btn:hover{background:rgba(255,243,224,.16)}
.gl-btn.danger{background:linear-gradient(110deg,var(--gl-coral),#e6335f);border-color:transparent}
.gl-btn.danger:hover{filter:brightness(1.1)}
.gl-pop{animation:glPop .6s cubic-bezier(.2,1.3,.3,1)}
@keyframes glPop{from{opacity:0;scale:.75}}

/* قاب خالی */
.gl-slot{padding:0;border:0;background:none;color:var(--gl-cream);font:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}
.gl-mat-empty{cursor:pointer}
.gl-void{position:absolute;inset:11px;border-radius:2px;border:1.5px dashed rgba(255,201,74,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;
  background:linear-gradient(160deg,#2a1710,#1b100b);box-shadow:inset 0 4px 14px rgba(0,0,0,.6);transition:border-color .3s,background .3s}
.gl-slot:hover .gl-void,.gl-slot.drag .gl-void{border-color:var(--gl-gold)}
.gl-slot.drag .gl-void{background:linear-gradient(160deg,#4a2512,#2a1710)}
.gl-orb{position:relative;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#2a1508;background:linear-gradient(135deg,#ffe08a,var(--gl-ember) 60%,var(--gl-coral));box-shadow:0 10px 26px -6px rgba(255,122,47,.7);transition:transform .4s}
.gl-orb:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid rgba(255,201,74,.45);animation:glRing 2.6s ease-out infinite}
@keyframes glRing{from{transform:scale(.85);opacity:1}to{transform:scale(1.35);opacity:0}}
.gl-slot:hover .gl-orb{transform:scale(1.1) rotate(90deg)}
.gl-void b{font-size:14.5px;font-weight:800;color:#fff7ed}
.gl-void small{font-size:11px;color:var(--gl-mute);line-height:1.8}

/* در حال آپلود */
.gl-pending .gl-open{cursor:progress}
.gl-pending img{opacity:.55}
.gl-prog{position:absolute;z-index:4;inset:0;display:grid;place-items:center;pointer-events:none}
.gl-prog span{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;color:#fff7ed;
  background:radial-gradient(closest-side,#1d0f09 76%,transparent 78%),conic-gradient(var(--gl-gold) calc(var(--p,0)*1%),rgba(255,243,224,.14) 0)}

/* قفل پرو */
.gl-locked{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;text-align:right;padding:24px 28px;border-radius:30px;cursor:pointer;color:var(--gl-cream);font:inherit;
  border:1px solid rgba(255,201,74,.3);background:linear-gradient(115deg,rgba(255,201,74,.14),rgba(255,95,138,.09) 55%,rgba(45,212,191,.09)),#241610;transition:transform .35s,box-shadow .35s}
.gl-locked:hover{transform:translateY(-3px);box-shadow:0 24px 50px -20px rgba(255,160,60,.55)}
.gl-locked:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,236,190,.2) 50%,transparent 65%);transform:translateX(120%);pointer-events:none}
.gl-locked:hover:before{animation:glShine 1.4s ease-in-out}
@keyframes glShine{to{transform:translateX(-120%)}}
.gl-ghosts{display:flex;padding-left:26px}
.gl-ghosts i{width:58px;height:74px;border-radius:8px;margin-left:-20px;border:3px solid rgba(255,214,130,.45);display:grid;place-items:center;color:var(--gl-gold);box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.gl-ghosts i:nth-child(1){background:linear-gradient(150deg,#7a3a1c,#3a1a0c);transform:rotate(-7deg)}
.gl-ghosts i:nth-child(2){background:linear-gradient(150deg,#7a2a44,#3a1228);transform:rotate(2deg) translateY(-6px)}
.gl-ghosts i:nth-child(3){background:linear-gradient(150deg,#176a66,#0d3238);transform:rotate(8deg)}
.gl-lk-text{display:flex;flex-direction:column;gap:5px;position:relative}
.gl-lk-text em{font-style:normal;align-self:flex-start;font-size:10px;font-weight:900;letter-spacing:.1em;padding:3px 10px;border-radius:999px;color:#2a1508;background:linear-gradient(110deg,#ffe08a,var(--gl-gold) 50%,#ffb347)}
.gl-lk-text b{font-size:clamp(15px,2vw,19px);font-weight:800;color:#fff7ed}
.gl-lk-text small{font-size:12px;color:var(--gl-mute);line-height:1.9}
.gl-lk-cta{position:relative;white-space:nowrap;padding:12px 22px;border-radius:999px;font-size:12.5px;font-weight:900;color:#2a1508;background:linear-gradient(110deg,#ffe08a,var(--gl-gold) 45%,var(--gl-ember));box-shadow:0 10px 26px -8px rgba(255,150,50,.75)}
.gl-locked.nudge{animation:glNudge .7s}
@keyframes glNudge{20%,60%{transform:translateX(7px)}40%,80%{transform:translateX(-7px)}}

/* وضعیت‌ها */
.gl-state{text-align:center;padding:54px 20px;border-radius:28px;background:rgba(255,243,224,.04);border:1px dashed rgba(255,243,224,.16);color:var(--gl-mute);font-size:14px;line-height:2}
.gl-state b{display:block;color:#fff7ed;font-size:17px;margin-bottom:4px}
.gl-state .gl-btn{margin-top:14px}
.gl-skel{aspect-ratio:3/4.4;border-radius:10px;background:rgba(255,243,224,.08);animation:glSkel 1.3s ease-in-out infinite alternate}
@keyframes glSkel{from{opacity:.45}to{opacity:1}}
.gl-note{min-height:22px;margin-top:26px;text-align:center;font-size:12.5px;font-weight:700;color:var(--gl-mute);transition:color .3s}
.gl-note.err{color:#ff9bb3}.gl-note.ok{color:#7ee8d8}

/* نمایشگر تمام‌صفحه — عکس داخل قاب طلایی */
.gl-lb{position:fixed;inset:0;z-index:10010;display:none;align-items:center;justify-content:center;padding:70px 76px;background:rgba(12,6,3,.97)}
.gl-lb.open{display:flex;animation:glFade .25s}
.gl-lb-img{box-sizing:border-box;max-width:100%;max-height:100%;padding:12px;border-radius:10px;object-fit:contain;
  background:var(--fin,var(--fin-f0));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 40px 90px -20px var(--glow,rgba(255,122,47,.45)),0 0 0 1px rgba(0,0,0,.4);animation:glZoom .35s cubic-bezier(.2,1,.3,1)}
@keyframes glZoom{from{opacity:0;transform:scale(.95)}}
.gl-lb-btn{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,243,224,.18);background:rgba(255,243,224,.1);color:#fff3e0;display:grid;place-items:center;cursor:pointer;transition:background .25s}
.gl-lb-btn:hover{background:rgba(255,243,224,.22)}
.gl-lb-btn:disabled{opacity:.25;cursor:default}
.gl-lb-close{top:18px;right:18px}
.gl-lb-prev{right:18px;top:50%;margin-top:-23px}
.gl-lb-next{left:18px;top:50%;margin-top:-23px}
.gl-lb-bar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:8px 10px 8px 18px;border-radius:999px;background:rgba(40,24,16,.95);border:1px solid rgba(255,243,224,.14);color:#fff3e0;font-size:12px;white-space:nowrap}
.gl-lb-bar small{color:var(--gl-mute)}
.gl-lb-bar .gl-btn{padding:8px 14px;font-size:11.5px}

/* فقط موس: بالا آمدن قاب، زوم ملایم، نمایش دکمه‌ی حذف */
@media(hover:hover) and (pointer:fine){
  .gl-frame,.gl-slot{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
  .gl-frame:hover,.gl-slot:hover{--ty:-6px}
  .gl-frame:hover .gl-del{opacity:1;transform:none}
  .gl-open img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
  .gl-frame:hover .gl-open img{transform:scale(1.06)}
  .gl-frame:hover .gl-bezel{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 3px 4px rgba(255,255,255,.38),inset 0 -4px 7px rgba(0,0,0,.42),0 34px 46px -22px rgba(0,0,0,.85),0 14px 34px -12px var(--glow)}
}
/* لمسی: دکمه‌ی حذف همیشه دیده شود و جلوه‌ی سه‌بعدی غیرفعال */
@media(hover:none),(pointer:coarse){
  .gl-del{opacity:1;transform:none}
  .gl-frame,.gl-slot{transform:rotate(var(--r))}
}

/* واکنش‌گرا */
@media(max-width:900px){.gl-inner{padding:42px 26px 36px}.gl-locked{grid-template-columns:1fr auto}.gl-ghosts{display:none}.gl-stage{gap:40px 20px}}
@media(max-width:720px){
  .gl{border-radius:28px;--gl-plate:30px}.gl-inner{padding:34px 16px 30px}
  .gl-stage{gap:36px 16px;padding-top:30px}
  .gl-frame,.gl-slot{--bz:9px;gap:11px}
  .gl-mat{padding:7px}.gl-void{inset:7px;padding:8px;gap:7px}
  .gl-stage.is-slots,.gl-stage.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .is-slots>:nth-child(1){grid-column:1/-1;justify-self:center;width:min(300px,76%)}
  .is-slots>:nth-child(2){margin-top:0}
  .gl-plate{font-size:10.5px;padding:0 10px}.gl-plate small{display:none}
  .gl-del{width:32px;height:32px;top:calc(var(--bz) + 6px);left:calc(var(--bz) + 6px)}
  .gl-orb{width:46px;height:46px}.gl-orb svg{width:22px;height:22px}
  .gl-void b{font-size:12.5px}.gl-void small{font-size:9.5px;line-height:1.7}
  .gl-locked{grid-template-columns:1fr;gap:14px;padding:20px;text-align:center}.gl-lk-text em{align-self:center}.gl-lk-cta{justify-self:stretch;text-align:center}
  .gl-lb{padding:62px 12px 84px}.gl-lb-prev{top:auto;bottom:18px;right:14px;margin:0}.gl-lb-next{top:auto;bottom:18px;left:14px;margin:0}
  .gl-lb-bar{bottom:78px}.gl-lb-img{padding:8px}
}
@media(prefers-reduced-motion:reduce){.gl *,.gl *:before,.gl *:after{animation:none!important;transition:none!important}.gl-frame,.gl-slot{transform:rotate(var(--r))!important}}

/* لایت‌باکس: همان جنس قابی که روی دیوار بود */
.gl-lb[data-f="0"]{--fin:var(--fin-f0);--glow:rgba(255,190,70,.5)}
.gl-lb[data-f="1"]{--fin:var(--fin-f1);--glow:rgba(255,140,60,.4)}
.gl-lb[data-f="2"]{--fin:var(--fin-f2);--glow:rgba(255,95,138,.45)}
.gl-lb[data-f="3"]{--fin:var(--fin-f3);--glow:rgba(45,212,191,.42)}
.gl-lb[data-pro="1"][data-f="0"]{--fin:var(--fin-p0);--glow:rgba(255,196,80,.7)}
.gl-lb[data-pro="1"][data-f="1"]{--fin:var(--fin-p1);--glow:rgba(53,184,149,.65)}
.gl-lb[data-pro="1"][data-f="2"]{--fin:var(--fin-p2);--glow:rgba(106,168,255,.6)}
.gl-lb[data-pro="1"][data-f="3"]{--fin:var(--fin-p3);--glow:rgba(165,139,255,.7)}
.gl-lb[data-pro="1"] .gl-lb-img{padding:18px;border-radius:12px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.4),inset 0 0 0 7px rgba(0,0,0,.18),0 0 90px -8px var(--glow),0 40px 90px -20px rgba(0,0,0,.8)}

/* ═══════════ قاب‌های سلطنتی (کاپلینا پرو) ═══════════
   بدنه‌ی چندلایه، جواهر در گوشه‌ها، ردیف مروارید، پلاک شش‌ضلعی و برق‌انداختن روی عکس */
.is-pro>.gl-frame,.is-pro>.gl-slot{--bz:22px;--cord:rgba(255,236,185,.95);--cw:1.3px;gap:18px}
.is-pro>:nth-child(4n+1){--fin:var(--fin-p0);--glow:rgba(255,196,80,.7);--liner:#ffeeb0;--gem:#ff3b5c;--gem2:#7a0c26;--mat:#fbf0dc;--mat2:#ead3a6;--plate:linear-gradient(180deg,#fff0b0,#d8a23c 55%,#f6d77a);--ink:#3a2208}
.is-pro>:nth-child(4n+2){--fin:var(--fin-p1);--glow:rgba(53,184,149,.65);--liner:#f6d98a;--gem:#ffd86e;--gem2:#8a5a10;--mat:#f1f3e6;--mat2:#d4dcc0;--plate:linear-gradient(180deg,#fff0b0,#d8a23c 55%,#f6d77a);--ink:#2b1a05}
.is-pro>:nth-child(4n+3){--fin:var(--fin-p2);--glow:rgba(106,168,255,.6);--liner:#f1f6ff;--gem:#5a95ff;--gem2:#0e2b78;--mat:#f4f6fb;--mat2:#d3d9e8;--plate:linear-gradient(180deg,#f6f9ff,#9aa8c4 55%,#e2e9f6);--ink:#1c2a44}
.is-pro>:nth-child(4n+4){--fin:var(--fin-p3);--glow:rgba(165,139,255,.7);--liner:#fff3d2;--gem:#f4fbff;--gem2:#6a8fe0;--mat:#fbf4ee;--mat2:#e8d6e8;--plate:linear-gradient(120deg,#ffe3a0,#ff9cc4 35%,#b9a2ff 65%,#7fe9dc);--ink:#2a1640}
.is-pro .gl-bezel{border-radius:12px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),inset 0 0 0 5px rgba(0,0,0,.14),inset 0 4px 5px rgba(255,255,255,.45),inset 0 -5px 8px rgba(0,0,0,.45),0 30px 46px -22px rgba(0,0,0,.9),0 0 56px -8px var(--glow)}
.is-pro .gl-bezel:before{display:block;background:
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) left 2px top 2px/22px 22px no-repeat,
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) right 2px top 2px/22px 22px no-repeat,
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) left 2px bottom 2px/22px 22px no-repeat,
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) right 2px bottom 2px/22px 22px no-repeat,
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) center top 4px/16px 16px no-repeat,
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) center bottom 4px/16px 16px no-repeat}
/* ردیف مروارید دور عکس */
.is-pro .gl-bezel:after{content:"";position:absolute;inset:8px;z-index:3;pointer-events:none;border:3px dotted rgba(255,255,255,.85);border-radius:6px;opacity:.9}
.is-pro.is-slots>:nth-child(1) .gl-bezel:before{display:block;background:
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) center top 3px/26px 26px no-repeat,
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) left 2px bottom 2px/22px 22px no-repeat,
  radial-gradient(circle closest-side at 50% 50%,#fff 0 9%,var(--gem) 26% 56%,var(--gem2) 85%,transparent 89%) right 2px bottom 2px/22px 22px no-repeat}
.is-slots>:nth-child(1) .gl-bezel:after{border-radius:50% 50% 8px 8px/34% 34% 8px 8px}
.is-pro .gl-mat{overflow:hidden;box-shadow:0 0 0 4px var(--liner),0 0 0 5px rgba(60,30,5,.6),inset 0 3px 9px rgba(70,40,10,.55),inset 0 0 0 1px rgba(90,60,20,.3)}
.is-pro .gl-mat:after{content:"";position:absolute;inset:-10%;z-index:6;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.4) 50%,transparent 58%);transform:translateX(-130%)}
@keyframes glSweep{to{transform:translateX(130%)}}
/* پلاک شش‌ضلعی با جواهر */
.is-pro .gl-plate{height:calc(var(--gl-plate) + 4px);padding:0 24px;border-radius:0;color:var(--ink);box-shadow:none;
  background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 48%),var(--plate);
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%)}
.is-pro .gl-plate:before{content:"";flex:none;width:9px;height:9px;border-radius:2px;transform:rotate(45deg);background:radial-gradient(circle at 35% 30%,#fff,var(--gem) 55%,var(--gem2));box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.is-pro .gl-plate-empty{background:rgba(255,243,224,.1);color:var(--gl-mute)}
.is-pro .gl-plate-empty:before{opacity:.7}
.is-pro .gl-void{border-color:var(--liner);inset:13px}
.is-pro .gl-orb{box-shadow:0 0 0 3px rgba(255,255,255,.12),0 10px 30px -4px var(--glow)}
@media(hover:hover) and (pointer:fine){
  .is-pro .gl-frame:hover .gl-bezel{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),inset 0 0 0 5px rgba(0,0,0,.14),inset 0 4px 5px rgba(255,255,255,.45),inset 0 -5px 8px rgba(0,0,0,.45),0 38px 52px -22px rgba(0,0,0,.9),0 0 80px -4px var(--glow)}
  .is-pro .gl-frame:hover .gl-mat:after{animation:glSweep 1s ease-out}
}

/* ورود: قاب‌ها از میخ آویزان می‌شن و تاب می‌خورن (فقط یک‌بار، موقع اولین نمایش) */
.gl-stage>.gl-frame,.gl-stage>.gl-slot{transform-origin:50% -34px}
@keyframes glHang{0%{rotate:9deg;translate:0 -26px;opacity:0}35%{opacity:1}60%{rotate:-3.5deg;translate:0 0}80%{rotate:1.6deg}100%{rotate:0deg;translate:0 0;opacity:1}}
.gl-intro>.gl-frame,.gl-intro>.gl-slot{animation:glHang 1.5s cubic-bezier(.3,.7,.3,1) both}
.gl-intro.is-pro>.gl-frame .gl-mat:after{animation:glSweep 1.3s 1.3s ease-out both}
.gl-intro>:nth-child(2){animation-delay:0.13s}
.gl-intro>:nth-child(3){animation-delay:0.26s}
.gl-intro>:nth-child(4){animation-delay:0.39s}
.gl-intro>:nth-child(5){animation-delay:0.52s}
.gl-intro>:nth-child(6){animation-delay:0.65s}
.gl-intro>:nth-child(7){animation-delay:0.78s}
.gl-intro>:nth-child(8){animation-delay:0.91s}
.gl-intro>:nth-child(n+9){animation-delay:.95s}

/* پیش‌نمایش قاب‌های پرو روی کارت قفل */
.gl-ghosts i{border:4px solid transparent!important;background:linear-gradient(150deg,#2a1710,#160d09) padding-box,var(--fin) border-box!important;border-radius:6px!important;color:#ffe08a!important;box-shadow:0 10px 24px -8px var(--g,rgba(255,190,70,.6))!important}
.gl-ghosts i:nth-child(1){--fin:var(--fin-p0);--g:rgba(255,190,70,.6)}
.gl-ghosts i:nth-child(2){--fin:var(--fin-p1);--g:rgba(53,184,149,.55)}
.gl-ghosts i:nth-child(3){--fin:var(--fin-p3);--g:rgba(165,139,255,.6)}
@media(max-width:720px){.gl-ghosts{display:flex;justify-content:center;padding:0 0 0 20px}.gl-ghosts i{width:46px;height:60px}
  .is-pro>.gl-frame,.is-pro>.gl-slot{--bz:13px;gap:15px}
  .is-pro .gl-bezel:before{background-size:15px 15px,15px 15px,15px 15px,15px 15px,11px 11px,11px 11px}
  .is-pro .gl-bezel:after{inset:5px;border-width:2px}
  .is-pro .gl-plate{padding:0 18px}
  .is-pro .gl-void{inset:8px}
  .is-pro .gl-mat{box-shadow:0 0 0 3px var(--liner),0 0 0 4px rgba(60,30,5,.6),inset 0 2px 7px rgba(70,40,10,.55)}
  .gl-lb[data-pro="1"] .gl-lb-img{padding:11px}}

/* ═══ تاب‌خوردن با لمس، قلب‌ها، و صفحه‌بندی ۱۰۰ عکس ═══ */
@keyframes glSwing{0%{rotate:0deg}16%{rotate:7deg}38%{rotate:-5deg}58%{rotate:3deg}76%{rotate:-1.6deg}90%{rotate:.6deg}100%{rotate:0deg}}
@keyframes glNudgeK{0%{rotate:0deg}30%{rotate:1.8deg}65%{rotate:-1.1deg}100%{rotate:0deg}}
.gl-stage>.gl-frame.gl-swing,.gl-stage>.gl-slot.gl-swing{animation:glSwing 1.7s cubic-bezier(.36,.07,.19,.97)}
.gl-stage>.gl-frame.gl-nudge,.gl-stage>.gl-slot.gl-nudge{animation:glNudgeK .9s ease-out}
.gl-heart{position:absolute;z-index:9;pointer-events:none;margin:-10px 0 0 -10px;font-style:normal;font-size:20px;line-height:1;color:var(--c,#ff5f8a);text-shadow:0 2px 8px rgba(0,0,0,.4);opacity:0;animation:glHeart 1.25s ease-out both}
@keyframes glHeart{0%{opacity:0;transform:translate(0,0) scale(.3)}14%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--s)) rotate(var(--rot))}}
.gl-more{grid-column:1/-1;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-top:4px}
.gl-more .gl-btn{padding:12px 22px;font-size:12.5px}
.gl-btn-gold{color:#2a1508;border-color:transparent;background:linear-gradient(110deg,#ffe08a,var(--gl-gold) 45%,var(--gl-ember))}
.gl-btn-gold:hover{background:linear-gradient(110deg,#ffe08a,var(--gl-gold) 45%,var(--gl-ember));filter:brightness(1.08)}
@keyframes glRise{from{opacity:0;translate:0 22px}}
.gl-stage>.gl-new{animation:glRise .6s calc(var(--k,0)*.05s) cubic-bezier(.2,.8,.2,1) both}
@media(max-width:720px){.gl-heart{font-size:17px}}

.gl-lb-bar a.gl-btn{text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}

/* لایت‌باکس به <body> منتقل می‌شود (تا زیر هدر چسبنده نماند)؛ متغیرهای رنگ را خودش داشته باشد */
.gl-lb{--gl-gold:#ffc94a;--gl-ember:#ff7a2f;--gl-coral:#ff5f8a;--gl-teal:#2dd4bf;--gl-cream:#fff3e0;--gl-mute:#cdb4a0;
  color:var(--gl-cream);font-family:Estedad,Vazirmatn,Tahoma,sans-serif;z-index:2147483000;
  overscroll-behavior:contain;touch-action:none}
.gl-lb .gl-lb-bar{touch-action:manipulation}