/* Couplina · با هم (فیلم دیدن + درس خواندن) — دو کارت در یک ردیف، روی موبایل هم دو ستون */
.tg{--tg-cream:#fff3e0;--tg-mute:#cdb4a0;--tg-gold:#ffc94a;--tg-ember:#ff7a2f;--tg-coral:#ff5f8a;--tg-teal:#2dd4bf;
  width:min(1180px,92%);margin:0 auto 72px;direction:rtl;font-family:Estedad,Vazirmatn,Tahoma,sans-serif;color:var(--tg-cream)}
.tg-head{text-align:center;margin:0 auto 26px;max-width:620px}
.tg-head h2{margin:0 0 8px;font:800 clamp(24px,3.6vw,40px)/1.3 Estedad,Vazirmatn,Tahoma,sans-serif;letter-spacing:-.04em;color:#fff7ed}
.tg-head h2,.tg-head p{text-shadow:0 2px 14px rgba(20,8,5,.85)}
.tg-head h2,.tg-head p{text-shadow:0 2px 14px rgba(20,8,5,.85)}
.tg-head p{margin:0;color:#e6d2bf;font-size:14px;line-height:2}
.tg-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}

.tg-card{--a:var(--tg-ember);--b:var(--tg-coral);--rx:0deg;--ry:0deg;
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;text-align:right;cursor:pointer;
  padding:0;border-radius:30px;border:1px solid color-mix(in srgb,var(--a) 32%,transparent);color:inherit;font:inherit;
  background:linear-gradient(165deg,#241510,#170d0b);-webkit-tap-highlight-color:transparent;
  box-shadow:0 26px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,242,211,.07);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.tg-card.is-study{--a:var(--tg-teal);--b:var(--tg-gold)}
.tg-card:hover{box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 0 1px color-mix(in srgb,var(--a) 45%,transparent),0 0 60px color-mix(in srgb,var(--a) 16%,transparent)}
.tg-card:active{transform:perspective(900px) scale(.985)}
.tg-card:focus-visible{outline:3px solid var(--a);outline-offset:3px}

/* صحنه */
.tg-scene{position:relative;aspect-ratio:16/11;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--a) 26%,#1a0e0b),#120a08 72%)}
.tg-scene svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.tg-copy{position:relative;padding:18px 22px 22px;display:flex;flex-direction:column;gap:6px}
.tg-copy h3{margin:0;font:800 clamp(16px,1.9vw,22px)/1.4 Estedad,Vazirmatn,Tahoma,sans-serif;color:#fff7ed;letter-spacing:-.02em}
.tg-copy p{margin:0;font-size:13px;line-height:1.9;color:var(--tg-mute)}
.tg-soon{align-self:flex-start;margin-top:8px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;color:var(--a);
  background:color-mix(in srgb,var(--a) 12%,transparent);border:1px solid color-mix(in srgb,var(--a) 30%,transparent)}

/* ——— فیلم ——— */
.tg-beam{transform-origin:50% 100%;animation:tgBeam 5s ease-in-out infinite}
@keyframes tgBeam{0%,100%{opacity:.55}50%{opacity:.9}}
.tg-flick{animation:tgFlick 3.2s steps(1) infinite}
@keyframes tgFlick{0%{opacity:1}12%{opacity:.82}16%{opacity:1}48%{opacity:.9}52%{opacity:1}80%{opacity:.78}84%{opacity:1}}
.tg-film{animation:tgFilm 6s linear infinite}
@keyframes tgFilm{to{transform:translateX(-40px)}}
.tg-pop{animation:tgPop 4.6s ease-in infinite;transform-box:fill-box;transform-origin:center;opacity:0}
.tg-pop:nth-of-type(2){animation-delay:1.3s}.tg-pop:nth-of-type(3){animation-delay:2.6s}.tg-pop:nth-of-type(4){animation-delay:3.5s}
@keyframes tgPop{0%{opacity:0;transform:translateY(8px) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(-70px) rotate(160deg)}}
.tg-play{animation:tgPulse 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes tgPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.tg-heart{animation:tgHeart 3.6s ease-in infinite;transform-box:fill-box;transform-origin:center;opacity:0}
@keyframes tgHeart{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:.95}100%{opacity:0;transform:translateY(-34px) scale(1.1)}}

/* ——— درس ——— */
.tg-lamp{animation:tgLamp 4.4s ease-in-out infinite}
@keyframes tgLamp{0%,100%{opacity:.7}50%{opacity:1}}
.tg-write{stroke-dasharray:120;stroke-dashoffset:120;animation:tgWrite 6s ease-in-out infinite}
.tg-write.w2{animation-delay:1.2s}.tg-write.w3{animation-delay:2.4s}
@keyframes tgWrite{0%{stroke-dashoffset:120}30%,86%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.tg-pen{animation:tgPen 6s ease-in-out infinite;transform-box:fill-box}
@keyframes tgPen{0%{transform:translate(0,0)}15%{transform:translate(26px,2px)}30%{transform:translate(2px,12px)}45%{transform:translate(28px,14px)}60%{transform:translate(4px,26px)}75%{transform:translate(24px,26px)}100%{transform:translate(0,0)}}
.tg-ring{stroke-dasharray:176;stroke-dashoffset:176;transform:rotate(-90deg);transform-origin:center;animation:tgRing 8s linear infinite}
@keyframes tgRing{0%{stroke-dashoffset:176}92%,100%{stroke-dashoffset:0}}
.tg-star{animation:tgTwinkle 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.tg-star:nth-of-type(2){animation-delay:.8s}.tg-star:nth-of-type(3){animation-delay:1.6s}.tg-star:nth-of-type(4){animation-delay:2.2s}
@keyframes tgTwinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}

/* ریپل کلیک */
.tg-ripple{position:absolute;border-radius:50%;pointer-events:none;width:20px;height:20px;margin:-10px 0 0 -10px;z-index:3;
  background:radial-gradient(circle,color-mix(in srgb,var(--a) 55%,transparent),transparent 70%);animation:tgRip .7s ease-out forwards}
@keyframes tgRip{to{transform:scale(14);opacity:0}}

/* پیام */
.tg-toast{position:fixed;z-index:60000;left:50%;bottom:26px;transform:translate(-50%,20px);max-width:calc(100vw - 28px);padding:12px 18px;border-radius:16px;
  background:#2a1710;border:1px solid rgba(255,201,74,.35);color:var(--tg-cream,#fff3e0);font:700 13px/1.8 Vazirmatn,Tahoma,sans-serif;direction:rtl;
  box-shadow:0 16px 44px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.tg-toast.show{opacity:1;transform:translate(-50%,0)}

/* موبایل: همچنان دو ستون */
@media(max-width:720px){
  .tg{width:calc(100% - 24px);margin-bottom:52px}
  .tg-head{margin-bottom:18px}.tg-head p{font-size:12.5px}
  .tg-row{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tg-card{border-radius:22px}
  .tg-scene{aspect-ratio:4/3.2}
  .tg-copy{padding:12px 12px 15px;gap:4px}
  .tg-copy h3{font-size:14px}
  .tg-copy p{font-size:11px;line-height:1.75}
  .tg-soon{font-size:10px;padding:4px 9px;margin-top:5px}
}
@media(hover:none){.tg-card{transform:none!important}.tg-card:active{transform:scale(.975)!important}}
@media(prefers-reduced-motion:reduce){.tg *,.tg *:before,.tg *:after{animation:none!important;transition:none!important}.tg-write{stroke-dashoffset:0}.tg-ring{stroke-dashoffset:60}.tg-card{transform:none!important}}

/* ——— فیلم: زوج از پشت، نور پرده روی لبه‌ی موها و شانه‌ها ——— */
.mvx{opacity:0;animation:mvCyc 12s ease-in-out infinite}.mvx2{animation-delay:4s}.mvx3{animation-delay:8s}
@keyframes mvCyc{0%{opacity:0}6%,30%{opacity:1}38%,100%{opacity:0}}
.mvBeam{animation:tgBeam 5s ease-in-out infinite}
.mvFlick{opacity:0;animation:mvFl 3.4s steps(1) infinite}
@keyframes mvFl{0%{opacity:0}10%{opacity:.14}14%{opacity:0}55%{opacity:.08}58%{opacity:0}85%{opacity:.18}88%{opacity:0}}
.mvSub{animation:mvSub 6s ease-in-out infinite}
@keyframes mvSub{0%,8%{opacity:0}16%,46%{opacity:1}54%,100%{opacity:0}}
.mvCouple{animation:mvBreath 5.5s ease-in-out infinite}
@keyframes mvBreath{50%{transform:translateY(-.9px)}}
.mvHeart{animation:mvHeart 4.5s ease-out infinite;transform-box:fill-box;transform-origin:center;opacity:0}
@keyframes mvHeart{0%{opacity:0;transform:translateY(6px) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translateY(-14px) translateX(4px) scale(1.15)}}
.mvDust circle{animation:mvDust 7s ease-in-out infinite;opacity:.7}
@keyframes mvDust{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(6px,5px);opacity:.85}}
.mvPg{transform-box:fill-box;transform-origin:left center;animation:mvPg 30s linear infinite}
@keyframes mvPg{from{transform:scaleX(.02)}to{transform:scaleX(1)}}
.mvDot{animation:mvDot 30s linear infinite}.mvDot2{animation-delay:-1.2s}
@keyframes mvDot{from{transform:translateX(2px)}to{transform:translateX(198px)}}
@media(prefers-reduced-motion:reduce){.mvx1{opacity:1}.mvSub{opacity:1}}

/* قفل اشتراک روی کارت‌های فیلم و درس */
.tg-card{position:relative}
.tg-lock{position:absolute;top:12px;left:12px;z-index:6;display:none;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;font:700 12px/1 Vazirmatn,Estedad,Tahoma,sans-serif;color:#ffe3a3;background:rgba(18,7,10,.78);border:1px solid rgba(255,215,0,.38);box-shadow:0 6px 22px rgba(0,0,0,.45);pointer-events:none}
.tg-card.tg-locked .tg-lock{display:inline-flex}
.tg-card.tg-locked .tg-scene:after{content:"";position:absolute;inset:0;background:rgba(10,4,6,.38);pointer-events:none}
.tg-card.tg-locked .tg-copy h3:after{content:" 🔒"}

.tg-ripple{will-change:transform,opacity}.tg-card{touch-action:manipulation;-webkit-tap-highlight-color:transparent}