/* 🔖 «چاپ محدود» cards: .lc.lenti (lenticular) and .lc.therm (thermal). Sizes follow the card's own width (cqw),
   so the same card works as a 110px showcase tile or a 330px hero. */
.lc{--rx:0deg;--ry:0deg;--x:.5;--y:.5;--t:0;--heat:0;--lc:#7c6cff;position:relative;width:100%;aspect-ratio:5/7;container-type:inline-size;perspective:900px;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.lc.m{max-width:270px}.lc.l{max-width:330px}
.lc-in{position:absolute;inset:0;border-radius:6cqw;overflow:hidden;background:#0a0b12;isolation:isolate;
  box-shadow:0 9cqw 18cqw -6cqw rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.14)}
.lc-no{position:absolute;z-index:6;top:4.6cqw;left:5cqw;font:800 5.2cqw/1 Vazirmatn,sans-serif;color:#fff;letter-spacing:.02em;text-shadow:0 1px 3cqw rgba(0,0,0,.9)}
.lc-set{position:absolute;z-index:6;top:3.6cqw;right:4.4cqw;font:800 3.9cqw/1 Vazirmatn,sans-serif;padding:2.2cqw 3.6cqw;border-radius:99px;white-space:nowrap}
.lc-pl{position:absolute;z-index:6;inset:auto 0 0;padding:16cqw 5cqw 5.4cqw;text-align:center;background:linear-gradient(transparent,rgba(4,4,10,.92) 58%);pointer-events:none}
.lc-pl b{display:block;font:400 9.4cqw/1.2 Lalezar,Vazirmatn,sans-serif;color:#fff;text-shadow:0 1cqw 4cqw rgba(0,0,0,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-pl .lc-n2{position:absolute;inset:auto 5cqw calc(5.4cqw + 6cqw)}
.lc-pl small{display:block;font-size:4.2cqw;color:rgba(255,255,255,.72);margin-top:.8cqw}

/* ---------- lenticular ---------- */
.lc.lenti{touch-action:pan-y}
.lc.lenti .lc-in{transform:rotateX(var(--rx)) rotateY(var(--ry))}
.lc-img{position:absolute;inset:-7%;background:center 18%/cover no-repeat}
.lc-a{transform:translateX(calc((var(--x) - .5) * -6cqw)) scale(1.02)}
.lc-b{transform:translateX(calc((var(--x) - .5) * 6cqw)) scale(1.05);
  -webkit-mask-image:repeating-linear-gradient(90deg,#000 0 calc(var(--t) * 2.2cqw),transparent calc(var(--t) * 2.2cqw + .01px) 2.2cqw);
          mask-image:repeating-linear-gradient(90deg,#000 0 calc(var(--t) * 2.2cqw),transparent calc(var(--t) * 2.2cqw + .01px) 2.2cqw)}
.lc-rib{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 .4cqw,transparent .4cqw 1.1cqw,rgba(0,0,0,.14) 1.1cqw 2.2cqw);mix-blend-mode:overlay}
.lc-sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.5;
  background:linear-gradient(100deg,transparent 22%,rgba(255,80,190,.55) 32%,rgba(255,230,90,.5) 40%,rgba(90,255,200,.5) 48%,rgba(80,170,255,.55) 56%,rgba(190,110,255,.5) 64%,transparent 74%) calc(var(--x) * 100%) 0/320% 100% no-repeat}
.lc-edge{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;padding:1.8cqw;background:conic-gradient(from calc(var(--x) * 360deg),#ff6fb5,#ffd34d,#6ee39a,#3db4f2,#b46bff,#ff6fb5);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.lenti .lc-set{color:#14101e;background:linear-gradient(100deg,#ffd6f0,#fff3b0,#c8ffe9,#cfe6ff) calc(var(--x) * 100%) 0/250% 100%;box-shadow:0 1cqw 3cqw rgba(0,0,0,.35)}
.lenti .lc-n1{opacity:calc(1 - var(--t) * 2.6)}.lenti .lc-n2{opacity:calc(var(--t) * 2.6 - 1.6)}
.lc-vs{position:absolute;z-index:6;top:44%;left:50%;transform:translate(-50%,-50%) scale(calc(.7 + (1 - (var(--t) - .5) * (var(--t) - .5) * 16) * .4));
  font:900 13cqw/1 Lalezar,Impact,sans-serif;color:#fff;letter-spacing:.04em;pointer-events:none;opacity:calc(1 - (var(--t) - .5) * (var(--t) - .5) * 16);
  text-shadow:0 0 4cqw var(--lc),0 0 10cqw var(--lc),0 1cqw 0 rgba(0,0,0,.6)}

/* ---------- thermal ---------- */
.lc.therm{touch-action:none;cursor:crosshair}
.lc.therm .lc-in{box-shadow:0 9cqw 18cqw -6cqw rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.12),0 0 calc(var(--heat) * 16cqw) rgba(255,110,30,calc(var(--heat) * .75))}
.lc-base{position:absolute;inset:0;background:center 18%/cover no-repeat;filter:saturate(.9) contrast(1.04)}
.lc-cv{position:absolute;inset:0;width:100%;height:100%;display:block}
.lc-grain{position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;background:radial-gradient(rgba(255,255,255,.5) .5px,transparent .9px) 0 0/1.6cqw 1.6cqw}
.lc-frame{position:absolute;inset:0;z-index:5;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1.8cqw rgba(18,10,8,.9),inset 0 0 0 2.3cqw rgba(255,160,80,calc(.28 + var(--heat) * .7)),inset 0 0 calc(4cqw + var(--heat) * 10cqw) rgba(255,90,20,calc(var(--heat) * .6))}
.therm .lc-set{color:#2a0e05;background:linear-gradient(100deg,#ffd34d,#ff9a1f,#ff3d2e);box-shadow:0 0 calc(var(--heat) * 8cqw) rgba(255,120,30,.9)}
.lc-gauge{position:absolute;z-index:6;top:13cqw;left:5.6cqw;width:2.4cqw;height:30cqw;border-radius:9px;background:rgba(0,0,0,.5);box-shadow:0 0 0 1px rgba(255,255,255,.25);overflow:hidden}
.lc-gauge i{position:absolute;inset:auto 0 0;height:calc(10% + var(--heat) * 90%);background:linear-gradient(0deg,#ff2d1e,#ff9a1f,#ffd34d);transition:height .25s}
.therm .lc-n1{opacity:calc(1 - var(--heat) * 3.4)}
.therm .lc-n2{opacity:calc(var(--heat) * 3.4 - 1.4);color:#ffd9a8;text-shadow:0 0 3cqw #ff6a1f,0 0 8cqw #ff3d1e}
.lc-hint{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);font:800 4.4cqw/1 Vazirmatn,sans-serif;padding:2.6cqw 4.4cqw;border-radius:99px;background:rgba(0,0,0,.55);color:#ffd9b0;pointer-events:none;transition:opacity .4s;white-space:nowrap}
.therm.used .lc-hint,.therm.hot .lc-hint{opacity:0}
@container (max-width:150px){.lc-hint,.lc-vs,.lc-set{display:none}.lc-pl small{display:none}.lc-pl b{font-size:11cqw}.lc-no{font-size:7cqw}.lc-set{font-size:5.4cqw}}

/* ---------- the passport sheet ---------- */
.lc-ppo{position:fixed;inset:0;z-index:99980;background:rgba(5,6,12,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;overflow:auto}
.lc-pp{position:relative;width:min(720px,100%);display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center;padding:22px;border-radius:22px;color:#fff;
  background:radial-gradient(circle at 80% 0%,rgba(180,107,255,.28),transparent 55%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),#0e0c19;border:1px solid rgba(255,255,255,.12)}
.lc-ppx{position:absolute;top:10px;left:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:15px;cursor:pointer}
.lc-ppb small{font-size:12px;font-weight:800;color:#cdbdff;padding:4px 10px;border-radius:99px;border:1px solid rgba(205,189,255,.35)}
.lc-ppb>b{display:block;margin-top:10px;font:900 44px/1.1 Vazirmatn,sans-serif;background:linear-gradient(100deg,#ffd6f0,#fff3b0,#c8ffe9,#cfe6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lc-ppb>em{display:block;font:400 22px/1.3 Lalezar,Vazirmatn,sans-serif;font-style:normal}
.lc-ppb p{font-size:13.5px;line-height:2;opacity:.85;margin:8px 0}
.lc-ppb ol{list-style:none;margin:0;padding:0;position:relative}
.lc-ppb ol::before{content:"";position:absolute;right:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(#b46bff,#3db4f2)}
.lc-ppb li{position:relative;display:flex;justify-content:space-between;gap:8px;padding:7px 20px 7px 0;font-size:12.5px;border-bottom:1px dashed rgba(255,255,255,.1)}
.lc-ppb li::before{content:"";position:absolute;right:1px;top:12px;width:10px;height:10px;border-radius:50%;background:#0e0c19;border:2px solid #cdbdff}
.lc-ppb time{opacity:.6;white-space:nowrap}
@media (max-width:600px){.lc-pp{grid-template-columns:1fr;justify-items:center}.lc-ppc{width:200px}.lc-ppb{width:100%}}
@media (prefers-reduced-motion:reduce){.lc-gauge i{transition:none}}
