/* =====================================================================
   BioLink — ürün sahneleri (app/helpers/sahne.php) ve sayfa düzenleri
   Renkler bio-anim.css ile aynı değişkenlerden gelir: --a1..--a4, --tx, --vt
   ===================================================================== */

/* ---------- Sahne kapsayıcısı + renk sınıfları ---------- */
.sahne{position:relative;width:100%;height:100%}
.sahne>svg{display:block;width:100%;height:100%;overflow:visible}
.sahne .f2{fill:var(--a2)}.sahne .f3{fill:var(--a3)}.sahne .f4{fill:var(--a4)}.sahne .fw{fill:#fff}.sahne .ft{fill:var(--tx)}
.sahne .fy{fill:#ffd166}.sahne .fr{fill:#ff2d55}.sahne .fg{fill:#94a3b8}.sahne .fv{fill:#22c55e}.sahne .fm{fill:#3b82f6}
.sahne .s3{stroke:var(--a3)}.sahne .sk{stroke:var(--tx)}
.sahne .st{fill:none;stroke:var(--tx);stroke-opacity:.45;stroke-width:4;stroke-linecap:round}
.sahne .st2{fill:none;stroke:var(--tx);stroke-opacity:.6;stroke-width:2;stroke-linecap:round}

/* ---------- Ortak hareketler ---------- */
.an-alev{transform-box:fill-box;transform-origin:50% 100%;animation:sh-alev .8s ease-in-out infinite alternate}
@keyframes sh-alev{0%{transform:scale(1,1) skewX(0)}50%{transform:scale(.9,1.1) skewX(-5deg)}100%{transform:scale(1.06,.93) skewX(4deg)}}
.an-hale{fill:#ffcf6b;opacity:.3;transform-box:fill-box;transform-origin:center;animation:sh-hale 1.3s ease-in-out infinite alternate}
@keyframes sh-hale{to{opacity:.12;transform:scale(1.25)}}
.an-pir{transform-box:fill-box;transform-origin:center;animation:sh-pir 2.6s ease-in-out infinite}
@keyframes sh-pir{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
.an-buhar{transform-box:fill-box;animation:sh-buhar 3s ease-in-out infinite}
@keyframes sh-buhar{0%{opacity:0;transform:translateY(10px) scaleY(.8)}30%{opacity:.75}100%{opacity:0;transform:translateY(-22px) scaleY(1.1)}}
.an-sek{animation:sh-sek 1.4s ease-in-out infinite alternate}
@keyframes sh-sek{to{transform:translateY(-8px)}}
.an-salla{transform-box:fill-box;transform-origin:50% 100%;animation:sh-salla 2.2s ease-in-out infinite alternate}
@keyframes sh-salla{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.an-dal{transform-box:fill-box;transform-origin:0% 50%;animation:sh-dal 5s ease-in-out infinite alternate}
@keyframes sh-dal{from{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}
.an-don{animation:sh-don 2s linear infinite}
@keyframes sh-don{to{transform:rotate(360deg)}}
.an-dus{transform-box:fill-box;animation:sh-dus 2.2s ease-in infinite}
@keyframes sh-dus{0%{opacity:0;transform:translateY(0)}15%{opacity:1}100%{opacity:0;transform:translateY(48px)}}
.an-dus2{transform-box:fill-box;transform-origin:center;animation:sh-dus2 7s linear infinite}
@keyframes sh-dus2{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.9}100%{opacity:0;transform:translate(-30px,180px) rotate(240deg)}}
.an-yuksel{transform-box:fill-box;animation:sh-yuksel 4s ease-in infinite}
@keyframes sh-yuksel{0%{opacity:0;transform:translate(0,0)}15%{opacity:.9}100%{opacity:0;transform:translate(8px,-120px)}}
.an-nabiz{animation:sh-nabiz 1.6s ease-in-out infinite}
@keyframes sh-nabiz{50%{transform:scale(1.14)}}
.an-ciz{stroke-dasharray:520;stroke-dashoffset:520;animation:sh-ciz 3s ease-in-out infinite}
@keyframes sh-ciz{0%{stroke-dashoffset:520;opacity:1}60%{stroke-dashoffset:0}85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.an-yanip{animation:sh-yanip 1.2s ease-in-out infinite}
@keyframes sh-yanip{50%{opacity:.25}}
.an-bas{transform-box:fill-box;transform-origin:center;animation:sh-bas 1.4s ease-in-out infinite}
@keyframes sh-bas{0%,30%,100%{transform:scale(1)}15%{transform:scale(.78);opacity:.7}}

/* ---------- Sahneye özel hareketler ---------- */
.sh-peynir{transform-box:fill-box;transform-origin:0% 50%;animation:sh-peynir 2.4s ease-in-out infinite alternate}
@keyframes sh-peynir{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
.sh-dilim{transform-box:fill-box;transform-origin:0% 50%;animation:sh-dilim 2.4s ease-in-out infinite alternate}
@keyframes sh-dilim{to{transform:translate(26px,-14px) rotate(-6deg)}}
.sh-kapak{transform-box:fill-box;transform-origin:50% 100%;animation:sh-kapak .5s ease-in-out infinite alternate}
@keyframes sh-kapak{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-6px) rotate(3deg)}}
.sh-damla{transform-box:fill-box;transform-origin:center;animation:sh-damla 2.6s ease-in infinite}
@keyframes sh-damla{0%{opacity:0;transform:translateY(0) scale(.4)}20%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(80px)}100%{opacity:0;transform:translateY(82px)}}
.sh-yuvarlan{animation:sh-yuvarlan 7.2s linear infinite}
@keyframes sh-yuvarlan{from{transform:translate(-30px,174px) rotate(0)}to{transform:translate(350px,174px) rotate(760deg)}}
.sh-direk{animation:sh-direk 1.6s linear infinite}
@keyframes sh-direk{to{transform:translateY(40px)}}
.sh-bicak1{transform-origin:184px 111px;animation:sh-b1 .9s ease-in-out infinite alternate}
.sh-bicak2{transform-origin:184px 111px;animation:sh-b2 .9s ease-in-out infinite alternate}
@keyframes sh-b1{from{transform:rotate(-9deg)}to{transform:rotate(1deg)}}
@keyframes sh-b2{from{transform:rotate(9deg)}to{transform:rotate(-1deg)}}
.sh-mermi{animation:sh-mermi 3s ease-in-out infinite alternate}
@keyframes sh-mermi{from{transform:translateY(26px)}to{transform:translateY(0)}}
.sh-firca{animation:sh-firca .45s ease-in-out infinite alternate}
@keyframes sh-firca{from{transform:translateX(-6px)}to{transform:translateX(6px)}}
.sh-kalp{transform-box:fill-box;transform-origin:center;animation:sh-kalp 1.2s ease-in-out infinite}
@keyframes sh-kalp{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(.98)}45%{transform:scale(1.07)}}
.sh-yapraklar{transform-box:fill-box;transform-origin:50% 100%;animation:sh-yaprak 4s ease-in-out infinite alternate}
@keyframes sh-yaprak{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
.sh-kaldir{animation:sh-kaldir 1.6s ease-in-out infinite}
@keyframes sh-kaldir{0%,100%{transform:translateY(10px)}50%{transform:translateY(-30px)}}
.sh-top{animation:sh-top .9s ease-in infinite alternate}
@keyframes sh-top{from{transform:translate(160px,44px) rotate(0)}to{transform:translate(160px,156px) rotate(160deg)}}
.sh-golge{transform-box:fill-box;transform-origin:center;animation:sh-golge .9s ease-in infinite alternate}
@keyframes sh-golge{from{transform:scale(.5);opacity:.1}to{transform:scale(1.1);opacity:.35}}
.sh-pati{opacity:0;animation:sh-pati 3.6s ease-in-out infinite backwards}
@keyframes sh-pati{0%{opacity:0}10%,55%{opacity:.95}70%,100%{opacity:0}}
.sh-cicek{transform-box:fill-box;transform-origin:center;animation:sh-cicek 4s ease-in-out infinite alternate}
@keyframes sh-cicek{from{transform:rotate(-10deg)}to{transform:rotate(10deg)}}
.sh-isin{transform-origin:160px 112px;animation:sh-don 30s linear infinite}
.sh-elmas{transform-box:fill-box;transform-origin:center;animation:sh-elmas 3s ease-in-out infinite}
@keyframes sh-elmas{50%{transform:scaleX(.9) translateY(-4px)}}
.sh-canta{animation:sh-canta 2.6s ease-in-out infinite alternate}
@keyframes sh-canta{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
.sh-pencere{fill:#2b3445;animation:sh-pencere 4.5s ease-in-out infinite}
@keyframes sh-pencere{0%,40%,100%{fill:#2b3445}50%,90%{fill:#ffd56b}}
.sh-tabela{transform-origin:262px 118px;animation:sh-canta 2.4s ease-in-out infinite alternate}
.sh-bulut{animation:sh-bulut 20s linear infinite}
@keyframes sh-bulut{from{transform:translateX(360px)}to{transform:translateX(-60px)}}
.sh-iz{stroke-dasharray:6 7;animation:sh-iz 1s linear infinite}
@keyframes sh-iz{to{stroke-dashoffset:-13}}
.sh-ucak{animation:sh-ucak 8s ease-in-out infinite}
@keyframes sh-ucak{0%{transform:translate(-40px,150px) rotate(-12deg)}50%{transform:translate(160px,104px) rotate(-8deg)}100%{transform:translate(360px,56px) rotate(-14deg)}}
.sh-tekne{transform-box:fill-box;transform-origin:50% 100%;animation:sh-tekne 3s ease-in-out infinite alternate}
@keyframes sh-tekne{from{transform:rotate(-4deg) translateY(0)}to{transform:rotate(4deg) translateY(4px)}}
.sh-dalga{animation:sh-dalga 4s linear infinite}
@keyframes sh-dalga{to{transform:translateX(-80px)}}
.sh-marti{animation:sh-marti 9s linear infinite}
@keyframes sh-marti{from{transform:translate(-30px,40px)}to{transform:translate(340px,24px)}}
.sh-balon{transform-box:fill-box;transform-origin:50% 100%;animation:sh-balon 3.2s ease-in-out infinite alternate}
@keyframes sh-balon{from{transform:translateY(4px) rotate(-2deg)}to{transform:translateY(-8px) rotate(2deg)}}
.sh-sayfa{transform-origin:160px 117px;animation:sh-sayfa 4s ease-in-out infinite}
@keyframes sh-sayfa{0%{transform:scaleX(1);opacity:0}8%{opacity:1}20%{transform:scaleX(1)}60%{transform:scaleX(-1)}90%{transform:scaleX(-1);opacity:1}100%{transform:scaleX(-1);opacity:0}}
.sh-satir{transform-box:fill-box;transform-origin:0 50%;animation:sh-satir 6s ease-out infinite backwards}
@keyframes sh-satir{0%{transform:scaleX(0);opacity:1}8%{transform:scaleX(1)}85%{opacity:1}100%{transform:scaleX(1);opacity:0}}
.sh-firca2{animation:sh-firca2 4s ease-in-out infinite}
@keyframes sh-firca2{0%{transform:translate(-164px,77px)}60%{transform:translate(88px,77px)}80%{transform:translate(88px,77px)}100%{transform:translate(0,0)}}
.sh-polaroid{animation:sh-polaroid 4s ease-in-out infinite}
@keyframes sh-polaroid{0%,15%{transform:translateY(0)}55%,85%{transform:translateY(36px)}100%{transform:translateY(0)}}
.sh-flas{fill:#e5e7eb}
.sh-flasisik{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;animation:sh-flasisik 4s ease-out infinite}
@keyframes sh-flasisik{0%,10%{opacity:0;transform:scale(.2)}12%{opacity:.9;transform:scale(1)}30%{opacity:0;transform:scale(1.4)}100%{opacity:0}}
.sh-ses{transform-origin:160px 90px;animation:sh-ses 1.8s ease-out infinite}
@keyframes sh-ses{0%{opacity:0;transform:scale(.85)}30%{opacity:.9}100%{opacity:0;transform:scale(1.15)}}
.sh-eq{transform-box:fill-box;transform-origin:50% 100%;animation:sh-eq .6s ease-in-out infinite alternate}
@keyframes sh-eq{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.sh-neonalt{opacity:.35;filter:blur(8px);animation:sh-hale 1.6s ease-in-out infinite alternate}
.sh-kol{stroke:var(--a3);filter:drop-shadow(0 0 6px var(--a3))}
.sh-tepki{transform-box:fill-box;transform-origin:center;animation:sh-tepki 3.2s ease-out infinite}
@keyframes sh-tepki{0%{opacity:0;transform:translate(0,0) scale(.6)}15%{opacity:1;transform:translate(0,-15px) scale(1)}50%{transform:translate(10px,-65px)}100%{opacity:0;transform:translate(-14px,-130px)}}

/* =====================================================================
   KLASİK düzen + sahne → kapak görseli, avatar alt kenara biner
   ===================================================================== */
.kapak{position:relative;margin:0 0 -46px;aspect-ratio:16/10;border-radius:26px;overflow:hidden;
  background:radial-gradient(60% 70% at 50% 70%,color-mix(in srgb,var(--a3) 28%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--a2) 55%,var(--a1)),color-mix(in srgb,var(--a1) 80%,#000));
  border:1px solid color-mix(in srgb,var(--tx) 14%,transparent);box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
body.acik .kapak{background:radial-gradient(60% 70% at 50% 70%,color-mix(in srgb,var(--a3) 22%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--a2) 45%,#fff),color-mix(in srgb,var(--a1) 85%,#fff))}
.kapak .sahne{padding:5% 5% 13%}
.kapak + .avatar{position:relative;z-index:2;box-shadow:0 0 0 5px var(--a1),0 14px 30px rgba(0,0,0,.3)!important}

/* =====================================================================
   INSTAGRAM PROFİLİ düzeni
   ===================================================================== */
.lay-insta{text-align:left}
.ig-ust{display:flex;justify-content:space-between;align-items:center;margin:-22px 0 18px;font-size:18px;font-weight:700}
.ig-kul{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-kul svg{flex:none}
.ig-ikon{display:flex;gap:18px;flex:none}
.ig-ikon svg{width:24px;height:24px}
.ig-profil{display:flex;align-items:center;gap:20px}
.ig-av{flex:none;width:92px;height:92px;padding:3px;border-radius:50%;background:conic-gradient(from 210deg,var(--a3),var(--a4),var(--a3))}
.ig-av>*{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%;border:3px solid var(--a1);background:color-mix(in srgb,var(--a3) 30%,var(--a1));font-size:34px;font-weight:800}
.ig-av img{object-fit:cover}
.ig-sayilar{flex:1;display:flex;justify-content:space-around;text-align:center}
.ig-sayilar b{display:block;font-size:19px;font-weight:800;line-height:1.2}
.ig-sayilar small{font-size:13px;opacity:.85}
.ig-ad{margin-top:12px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:5px}
.ig-bio{margin:3px 0 0;font-size:14.5px;line-height:1.5;opacity:.92}
.ig-eylem{display:flex;gap:8px;margin-top:14px}
.ig-eylem a{flex:1;min-width:0;display:grid;place-items:center;height:36px;padding:0 10px;border-radius:9px;background:color-mix(in srgb,var(--tx) 12%,transparent);color:var(--tx);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-eylem a.ana{background:var(--a3);color:var(--vt)}
.ig-eylem a.kare{flex:0 0 36px;padding:0}
.ig-eylem a.kare svg{width:18px;height:18px}
.ig-one{display:flex;gap:14px;margin:18px -4px 0;padding:0 4px 4px;overflow-x:auto;scrollbar-width:none}
.ig-one::-webkit-scrollbar{display:none}
.ig-one a{flex:none;width:66px;color:var(--tx);font-size:12px;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-one span{display:block;width:62px;height:62px;margin:0 auto 5px;padding:3px;border-radius:50%;border:1px solid color-mix(in srgb,var(--tx) 25%,transparent)}
.ig-one i{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--tx) 8%,transparent)}
.ig-one i svg{width:26px;height:26px}
.ig-one i img{width:100%;height:100%;object-fit:cover}
.ig-sekme{display:flex;justify-content:space-around;margin:18px -20px 2px;border-top:1px solid color-mix(in srgb,var(--tx) 15%,transparent)}
.ig-sekme span{display:grid;place-items:center;width:33%;padding:11px 0 9px;opacity:.45}
.ig-sekme span.on{opacity:1;border-top:1.5px solid var(--tx);margin-top:-1px}
.ig-sekme svg{width:22px;height:22px}
.lay-insta .blocks{text-align:center}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:0 -20px}
.ig-kare{position:relative;aspect-ratio:1;display:flex;flex-direction:column;justify-content:flex-end;padding:9px;overflow:hidden;color:#fff;text-align:left;text-decoration:none;background:linear-gradient(135deg,var(--k1),var(--k2));transition:filter .2s}
.ig-kare:hover{filter:brightness(1.1)}
.ig-kare:nth-child(6n+1){--k1:var(--a3);--k2:color-mix(in srgb,var(--a3) 40%,var(--a1))}
.ig-kare:nth-child(6n+2){--k1:color-mix(in srgb,var(--a4) 80%,#000);--k2:var(--a4)}
.ig-kare:nth-child(6n+3){--k1:var(--a2);--k2:color-mix(in srgb,var(--a2) 50%,var(--a3))}
.ig-kare:nth-child(6n+4){--k1:color-mix(in srgb,var(--a3) 60%,var(--a4));--k2:color-mix(in srgb,var(--a1) 70%,var(--a3))}
.ig-kare:nth-child(6n+5){--k1:color-mix(in srgb,var(--a1) 75%,var(--a4));--k2:var(--a4)}
.ig-kare:nth-child(6n){--k1:color-mix(in srgb,var(--a2) 75%,#fff);--k2:var(--a3)}
.ig-kare::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5))}
.ig-kare .ig-ik{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:14%}
.ig-kare .ig-ik svg,.ig-kare .ig-ik img{width:36%;height:36%;color:#fff;opacity:.92;object-fit:cover;border-radius:12px}
.ig-kare b,.ig-kare small{position:relative;z-index:1;display:block;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.ig-kare b{font-size:12.5px;font-weight:700;line-height:1.2}
.ig-kare small{font-size:10.5px;opacity:.85;margin-top:1px}
.ig-kare .ig-tur{position:absolute;top:7px;right:7px;z-index:1;width:17px;height:17px;color:#fff}
.ig-kare.ig-pin{grid-column:span 2;grid-row:span 2;background:radial-gradient(60% 60% at 50% 60%,color-mix(in srgb,var(--a3) 30%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--a2) 55%,var(--a1)),var(--a1))}
body.acik .ig-kare.ig-pin{background:radial-gradient(60% 60% at 50% 60%,color-mix(in srgb,var(--a3) 22%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--a2) 45%,#fff),color-mix(in srgb,var(--a1) 85%,#fff))}
.ig-kare.ig-pin::after{display:none}
.ig-kare.ig-pin .sahne{position:absolute;inset:0;padding:6% 6% 10%}

/* =====================================================================
   YAYINCI düzeni (canlı yayın ekranı)
   ===================================================================== */
.yy-oyn{position:relative;margin:-48px -20px 0;aspect-ratio:16/9;overflow:hidden;
  background:radial-gradient(60% 70% at 50% 60%,color-mix(in srgb,var(--a3) 30%,transparent),transparent 70%),linear-gradient(165deg,color-mix(in srgb,var(--a2) 60%,var(--a1)),color-mix(in srgb,var(--a1) 75%,#000))}
@media (min-width:560px){.yy-oyn{margin:-20px 0 0;border-radius:22px;border:1px solid color-mix(in srgb,var(--tx) 14%,transparent);box-shadow:0 24px 50px -24px rgba(0,0,0,.7)}}
.yy-oyn .sahne{position:absolute;inset:0;padding:5% 12% 14%}
.yy-canli,.yy-izl{position:absolute;top:12px;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:5px;color:#fff;font:800 11px/1 system-ui,sans-serif;letter-spacing:.06em}
.yy-canli{left:12px;background:#ff2d55}
.yy-canli i{width:7px;height:7px;border-radius:50%;background:#fff;animation:sh-yanip 1.2s ease-in-out infinite}
.yy-izl{right:12px;background:rgba(0,0,0,.55);letter-spacing:0}
.yy-izl svg{width:13px;height:13px}
.yy-alt{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:10px;padding:18px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font:700 11px system-ui,sans-serif}
.yy-alt svg{width:16px;height:16px;flex:none}
.yy-cubuk{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.yy-cubuk i{display:block;width:100%;height:100%;background:#ff2d55}
.yy-kanal{display:flex;align-items:center;gap:12px;margin:16px 0 0;text-align:left}
.yy-av{position:relative;flex:none;width:56px;height:56px;padding:2px;border-radius:50%;background:#ff2d55}
.yy-av>span{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%;border:2px solid var(--a1);background:color-mix(in srgb,var(--a3) 35%,var(--a1));font-size:22px;font-weight:800}
.yy-av img{width:100%;height:100%;object-fit:cover}
.yy-av b{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);padding:2px 5px;border-radius:4px;background:#ff2d55;color:#fff;font:800 8.5px/1 system-ui,sans-serif;letter-spacing:.06em}
.yy-ad{min-width:0;flex:1}
.yy-ad h1{margin:0;font-size:18px;line-height:1.2;display:flex;align-items:center;gap:5px}
.yy-ad small{display:block;font-size:13px;opacity:.7;margin-top:2px}
.yy-takip{flex:none;padding:10px 16px;border-radius:100px;background:var(--a3);color:var(--vt);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.yy-bio{margin:12px 0 0;font-size:14.5px;line-height:1.55;opacity:.88;text-align:left}
.yy-istat{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}
.yy-istat span{padding:6px 11px;border-radius:100px;background:color-mix(in srgb,var(--tx) 9%,transparent);border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);font-size:12.5px}
.yy-istat b{font-weight:800}

@media (prefers-reduced-motion:reduce){
  .sahne *,.yy-canli i{animation:none!important}
}

/* Instagram düzeninde Degrade motorunun şekilleri profil başlığına binmesin */
body.lay-insta .bga-degrade i{display:none}