/* Ana sayfa: Instagram Reels bölümü (site-instagram.js) ve tek satır kayan "Bugün" şeridi.
   Koyu, sakin bir kutu; Instagram renkleri yalnız hafif bir ışıma ve profil halkasında. Yazılar sitenin normal boyutunda. */

.ig{padding-block:40px 4px}
.ig:empty{display:none}
.ig-kutu{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;background:#0E0F13;color:#fff;padding:22px 22px 18px;
  box-shadow:0 30px 60px -30px rgb(10 12 16 / .55)}
.ig-kutu::before,.ig-kutu::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);pointer-events:none}
.ig-kutu::before{width:46%;height:70%;right:-8%;top:-30%;background:radial-gradient(closest-side,rgb(214 41 118 / .55),transparent)}
.ig-kutu::after{width:42%;height:60%;left:-10%;bottom:-34%;background:radial-gradient(closest-side,rgb(250 126 30 / .38),rgb(150 47 191 / .2) 60%,transparent)}

.ig-hd{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-bottom:18px}
.ig-hesap{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}
.ig-hesap b{display:block;font-size:17px;font-weight:800}
.ig-hesap small{display:block;font-size:13px;color:rgb(255 255 255 / .62)}
.ig-avatar{flex:none;width:54px;height:54px;border-radius:50%;padding:2.5px;
  background:conic-gradient(from 210deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75)}
.ig-avatar img,.ig-logo{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid #0E0F13;background:#0E0F13}
.ig-logo img{width:100%;height:100%;border-radius:50%}
.ig-istat{display:flex;gap:8px;flex-wrap:wrap}
.ig-istat span{display:grid;padding:7px 14px;border-radius:14px;background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .08)}
.ig-istat b{font-size:17px;font-weight:800;line-height:1.2}
.ig-istat small{font-size:11.5px;color:rgb(255 255 255 / .6)}
.ig-sag{display:flex;align-items:center;gap:10px;margin-left:auto}
.ig-oklar{display:flex;gap:6px}
.ig-oklar button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgb(255 255 255 / .16);background:rgb(255 255 255 / .06);color:#fff}
.ig-oklar button:hover{background:rgb(255 255 255 / .14)}
.ig-oklar .ic{width:16px;height:16px}
.ig-takip{display:inline-flex;align-items:center;gap:7px;color:#fff;border:0;
  background:linear-gradient(90deg,#962FBF,#D62976 45%,#FA7E1E);box-shadow:0 8px 24px -10px rgb(214 41 118 / .8)}
.ig-takip .ic{width:17px;height:17px}

/* hikâyeler: Instagram'daki gibi renkli halkalı yuvarlaklar (izlenenler gri) */
.ig-hk{display:flex;align-items:center;gap:18px;margin:0 0 18px;min-width:0}
.ig-hk-bas{display:grid;gap:2px;flex:none;margin:0}
.ig-hk-bas b{font-size:14px;font-weight:800}
.ig-hk-bas small{font-size:11.5px;color:rgb(255 255 255 / .55)}
.ig-hk-sira{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:4px 2px;min-width:0}
.ig-hk-sira::-webkit-scrollbar{display:none}
.ig-hk-b{display:grid;justify-items:center;gap:6px;flex:none;padding:0;border:0;background:none;color:#fff;cursor:pointer}
.ig-hk-h{display:block;width:70px;height:70px;padding:3px;border-radius:50%;transition:transform .2s;
  background:conic-gradient(from 200deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5,#FEDA75)}
.ig-hk-b:hover .ig-hk-h{transform:scale(1.06)}
.ig-hk-b.gorulen .ig-hk-h{background:rgb(255 255 255 / .22)}
.ig-hk-h img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #15161C;background:#1B1D23}
.ig-hk-b small{font-size:11.5px;font-weight:600;color:rgb(255 255 255 / .7)}
.ig-hk-b:focus-visible{outline:none}
.ig-hk-b:focus-visible .ig-hk-h{outline:3px solid #fff;outline-offset:2px}

/* hikâye oynatıcı: tam ekran, 9:16 çerçeve */
.ig-hkp{margin:0;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}
.ig-hkp::backdrop{background:rgb(6 7 10 / .92);backdrop-filter:blur(10px)}
.ig-hkp-ic{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;height:100%}
.ig-hkp-kare{position:relative;height:min(92dvh,860px);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#111216;
  box-shadow:0 30px 90px -20px rgb(0 0 0 / .9),0 0 0 1px rgb(255 255 255 / .06)}
.ig-hkp-medya,.ig-hkp-medya video,.ig-hkp-medya img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ig-hkp-bolge{position:absolute;z-index:2;top:0;bottom:0;left:0;width:35%;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ig-hkp-bolge.sag{left:auto;right:0;width:65%}
.ig-hkp-ust{position:absolute;z-index:3;left:0;right:0;top:0;padding:12px 12px 30px;background:linear-gradient(180deg,rgb(0 0 0 / .6),transparent)}
.ig-hkp-cubuk{display:flex;gap:4px}
.ig-hkp-cubuk i{flex:1;height:3px;border-radius:3px;background:rgb(255 255 255 / .35);overflow:hidden}
.ig-hkp-cubuk b{display:block;height:100%;width:0;background:#fff}
.ig-hkp-bilgi{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px}
.ig-hkp-av{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#222;flex:none;box-shadow:0 0 0 2px rgb(255 255 255 / .85)}
.ig-hkp-av img{width:100%;height:100%;object-fit:cover}
.ig-hkp-bilgi small{color:rgb(255 255 255 / .75);font-size:13px}
.ig-hkp-dugmeler{display:flex;gap:2px;margin-left:auto}
.ig-hkp-dugmeler button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.ig-hkp-dugmeler button:hover{background:rgb(255 255 255 / .16)}
.ig-hkp-dugmeler .ic{width:20px;height:20px}
.ig-hkp-iz{position:absolute;z-index:3;left:14px;bottom:14px;margin:0;padding:6px 12px;border-radius:999px;background:rgb(0 0 0 / .45);
  backdrop-filter:blur(6px);font-size:13px;pointer-events:none}
.ig-hkp-ok{display:grid;place-items:center;width:48px;height:48px;flex:none;border:0;border-radius:50%;background:rgb(255 255 255 / .92);color:#14161B;cursor:pointer;
  box-shadow:0 10px 30px -8px rgb(0 0 0 / .8);transition:transform .2s}
.ig-hkp-ok:hover{transform:scale(1.07)}
.ig-hkp-ok.gizli{visibility:hidden}
.ig-hkp-ok .ic{width:20px;height:20px;stroke-width:2.4}
@media (max-width:640px){
  .ig-hk{flex-direction:column;align-items:flex-start;gap:8px}
  .ig-hk-h{width:64px;height:64px}
  .ig-hkp-ok{display:none}
  .ig-hkp-kare{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}
  .ig-hkp-ust{padding-top:calc(12px + env(safe-area-inset-top, 0px))}
  .ig-hkp-iz{bottom:calc(14px + env(safe-area-inset-bottom, 0px))}
}

/* dört dikey kart; fazlası yana kayar (kenar okları, ilerleme çubuğu) */
.ig-kay-alan{position:relative}
.ig-kenar{position:absolute;z-index:6;top:50%;width:54px;height:54px;margin-top:-27px;display:grid;place-items:center;border:0;border-radius:50%;
  background:#fff;color:#14161B;box-shadow:0 12px 30px -8px rgb(0 0 0 / .75);cursor:pointer;transition:transform .2s,opacity .2s}
.ig-kenar[hidden]{display:none}
.ig-kenar:hover{transform:scale(1.08)}
.ig-kenar:focus-visible{outline:3px solid #FA7E1E;outline-offset:2px}
.ig-kenar.sol{left:-14px}.ig-kenar.sag{right:-14px}
.ig-kenar .ic{width:22px;height:22px;stroke-width:2.4}
.ig-ilerle-satir{display:flex;align-items:center;gap:14px;margin-top:16px}
.ig-ilerle{position:relative;flex:1;height:4px;border-radius:4px;background:rgb(255 255 255 / .12);overflow:hidden}
.ig-ilerle i{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:inherit;background:linear-gradient(90deg,#962FBF,#D62976,#FA7E1E);
  transition:left .2s ease,width .2s ease}
.ig-konum{font-size:12.5px;font-weight:700;color:rgb(255 255 255 / .72);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (hover:none){.ig-kenar{display:none}}
.ig-sira{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 14px) / 4);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding:4px 2px 6px;margin:-4px -2px 0}
.ig-sira::-webkit-scrollbar{display:none}
.ig-r{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#1B1D23;scroll-snap-align:start;
  transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 0 0 1px rgb(255 255 255 / .06)}
.ig-r:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgb(255 255 255 / .14),0 22px 40px -18px rgb(0 0 0 / .8)}
.ig-r img,.ig-r video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ig-r img{transition:transform 6s ease}
.ig-r.oynuyor img{transform:scale(1.14) translateY(-2%)}
.ig-r::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgb(0 0 0 / .35),transparent 22%,transparent 46%,rgb(0 0 0 / .82))}
.ig-r-btn{position:absolute;inset:0;z-index:3;border:0;background:none;cursor:pointer;border-radius:inherit}
.ig-r-btn:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.ig-ses{position:absolute;z-index:4;top:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;
  background:rgb(0 0 0 / .5);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s}
.ig-r.oynuyor .ig-ses,.ig-ses:focus-visible{opacity:1}
.ig-ses:hover{transform:scale(1.08)}
.ig-ses .ic{width:18px;height:18px}
.ig-r.sesli .ig-ses .ic:last-child,.ig-r:not(.sesli) .ig-ses .ic:first-child{display:none}
.ig-r.oynuyor:not(.sesli) .ig-ses{animation:ig-ses-cagir 1.6s ease-in-out 2}
@keyframes ig-ses-cagir{50%{transform:scale(1.15);background:rgb(225 48 108 / .85)}}
@media (prefers-reduced-motion:reduce){.ig-r.oynuyor:not(.sesli) .ig-ses{animation:none}}
.ig-ust{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;pointer-events:none}
.ig-ust em{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;
  background:rgb(0 0 0 / .45);backdrop-filter:blur(6px);color:#fff}
.ig-ust .ic{width:13px;height:13px}
.ig-ust .ig-en{background:linear-gradient(90deg,#D62976,#FA7E1E)}
.ig-oynat{position:absolute;z-index:2;top:50%;left:50%;width:58px;height:58px;margin:-29px 0 0 -29px;display:grid;place-items:center;border-radius:50%;
  background:rgb(255 255 255 / .18);backdrop-filter:blur(8px);color:#fff;opacity:0;transform:scale(.85);transition:opacity .25s,transform .25s;pointer-events:none}
.ig-oynat .ic{width:24px;height:24px;margin-left:3px}
.ig-r:hover .ig-oynat{opacity:1;transform:none}
.ig-r.video.oynuyor .ig-oynat{opacity:0}
.ig-alt{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:grid;gap:4px;pointer-events:none}
.ig-iz{display:flex;align-items:baseline;gap:6px}
.ig-iz b{font-size:24px;font-weight:900;letter-spacing:-.01em;line-height:1.1}
.ig-iz small{font-size:13px;font-weight:600;color:rgb(255 255 255 / .75)}
.ig-sayac{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;font-weight:600;color:rgb(255 255 255 / .82)}
.ig-sayac span{display:inline-flex;align-items:center;gap:4px}
.ig-sayac .ic{width:13px;height:13px}
.ig-yazi{font-size:13px;line-height:1.4;color:rgb(255 255 255 / .9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ig-not{margin-top:12px;font-size:12.5px;color:rgb(255 255 255 / .55)}
.ig .rozet{flex:none}

@media (prefers-reduced-motion:reduce){.ig-r,.ig-r img,.ig-oynat{transition:none}.ig-r.oynuyor img{transform:none}}
@media (max-width:980px){.ig-sira{grid-auto-columns:calc((100% - 2 * 12px) / 3);gap:12px}}
@media (max-width:640px){
  .ig{padding-block:28px 0}
  .ig-kutu{border-radius:22px;padding:16px 14px 14px;margin-inline:-4px}
  .ig-hd{gap:12px}
  .ig-sag{margin-left:0;width:100%;justify-content:space-between}
  .ig-oklar{display:none}
  .ig-sira{grid-auto-columns:64%;gap:10px}
  .ig-iz b{font-size:21px}
}

/* ---------- site içinde oynatıcı ---------- */
.ig-oyna{padding:0;border:0;border-radius:24px;background:#0E0F13;color:#fff;width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.ig-oyna::backdrop{background:rgb(6 7 10 / .82)}
.ig-oyna-ic{position:relative;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:22px;padding:18px}
.ig-oyna-v{position:relative;height:min(78dvh,760px);aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#1B1D23}
.ig-oyna-v video,.ig-oyna-v img{width:100%;height:100%;object-fit:cover}
.ig-oyna-ornek{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:12px;background:rgb(0 0 0 / .6);font-size:12.5px;font-weight:700}
.ig-oyna-b{display:flex;flex-direction:column;gap:14px;padding:30px 30px 10px 0;min-width:0}
.ig-oyna-hesap{display:flex;align-items:center;gap:8px;font-weight:800}
.ig-oyna-hesap .ic{width:18px;height:18px}
.ig-oyna-say{display:flex;flex-wrap:wrap;gap:8px}
.ig-oyna-say span{display:grid;padding:10px 14px;border-radius:14px;background:rgb(255 255 255 / .07)}
.ig-oyna-say b{font-size:20px;font-weight:900}
.ig-oyna-say small{font-size:12px;color:rgb(255 255 255 / .6)}
.ig-oyna-yazi{font-size:14.5px;line-height:1.55;white-space:pre-line;color:rgb(255 255 255 / .9)}
.ig-oyna .tiny{color:rgb(255 255 255 / .55)}
.ig-oyna .btn-line{align-self:flex-start;background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .32)}
.ig-oyna .btn-line:hover{box-shadow:inset 0 0 0 1px #fff}
.ig-oyna-dis{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;
  text-align:center;color:#fff;text-decoration:none;text-shadow:0 1px 3px rgb(0 0 0 / .5);
  background:radial-gradient(ellipse 80% 42% at 50% 50%,rgb(0 0 0 / .62),rgb(0 0 0 / .16))}
.ig-oyna-dis-d{display:grid;place-items:center;width:74px;height:74px;margin-bottom:4px;border-radius:50%;background:rgb(255 255 255 / .2);
  backdrop-filter:blur(8px);transition:transform .2s,background .2s}
.ig-oyna-dis:hover .ig-oyna-dis-d{transform:scale(1.06);background:rgb(255 255 255 / .3)}
.ig-oyna-dis-d .ic{width:28px;height:28px;margin-left:4px}
.ig-oyna-dis b{font-size:16px;font-weight:800}
.ig-oyna-dis small{max-width:250px;font-size:12.5px;line-height:1.45;color:rgb(255 255 255 / .82)}
.ig-oyna-x,.ig-oyna-ok{position:absolute;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:rgb(255 255 255 / .12);color:#fff}
.ig-oyna-x{top:14px;right:14px}
.ig-oyna-ok{top:50%;margin-top:-20px}
.ig-oyna-ok.sol{left:8px}.ig-oyna-ok.sag{right:8px}
.ig-oyna-x .ic,.ig-oyna-ok .ic{width:18px;height:18px}
@media (max-width:760px){
  .ig-oyna-ic{grid-template-columns:minmax(0,1fr);padding:12px}
  .ig-oyna-v{height:auto;width:100%;max-height:70dvh}
  .ig-oyna-b{padding:0 4px 8px}
}

/* ---------- "Bugün" şeridi: tek satır, yana kayar, oklarla ---------- */
.kay{position:relative}
.ana .today-in.kay-ic{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.ana .today-in.kay-ic::-webkit-scrollbar{display:none}
.ana .today-in.kay-ic .tg{flex:0 0 calc(100% / 6);scroll-snap-align:start;border-top:0}
.kay-ok{position:absolute;z-index:4;top:50%;margin-top:-19px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);transition:opacity .2s}
.kay-ok.sol{left:-19px}.kay-ok.sag{right:-19px}
.kay-ok .ic{width:16px;height:16px}
.kay-ok[disabled]{opacity:0;pointer-events:none}
@media (max-width:1100px){.ana .today-in.kay-ic .tg{flex-basis:calc(100% / 4)}}
@media (max-width:760px){.ana .today-in.kay-ic .tg{flex-basis:46%}.kay-ok{display:none}}