/* Satis sitesi (M5 + M6 kapsam revizyonu). Derlemesiz; dis kaynak yok (yazi tipleri panel deposundan). Satir ici stil yok (CSP).
   Boyut sinifi: telefon <720 · tablet 720-1099 · masaustu >=1100. Animasyon yalniz transform/opacity. */
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(/panel/yazi/ibm-plex-sans-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2192,U+2212,U+2215}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-display:swap;src:url(/panel/yazi/ibm-plex-sans-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-display:swap;src:url(/panel/yazi/ibm-plex-sans-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2192,U+2212,U+2215}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-display:swap;src:url(/panel/yazi/ibm-plex-sans-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-display:swap;src:url(/panel/yazi/ibm-plex-sans-latin-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+20BA,U+2212}
@font-face{font-family:'IBM Plex Sans';font-weight:700;font-display:swap;src:url(/panel/yazi/ibm-plex-sans-latin-ext-700.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/panel/yazi/ibm-plex-mono-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/panel/yazi/ibm-plex-mono-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+20A0-20AB}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(/panel/yazi/ibm-plex-mono-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(/panel/yazi/ibm-plex-mono-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+20A0-20AB}
@font-face{font-family:'IBM Plex Serif';font-weight:600;font-display:swap;src:url(/panel/yazi/ibm-plex-serif-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'IBM Plex Serif';font-weight:600;font-display:swap;src:url(/panel/yazi/ibm-plex-serif-latin-ext-600.woff2) format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F}

@font-face{font-family:'Archivo';font-weight:800;font-display:swap;src:url(/site/yazi/archivo-extrabold-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2212}
@font-face{font-family:'Archivo';font-weight:800;font-display:swap;src:url(/site/yazi/archivo-extrabold-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-display:swap;src:url(/site/yazi/ibm-plex-sans-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2212}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-display:swap;src:url(/site/yazi/ibm-plex-sans-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0}
:root{--bg:#F2E8DA;--p:#FBF6EE;--p2:#EADFCC;--l:#DCCFBB;--l2:#E6D9C4;--i1:#1C1412;--i2:#4A3A35;--i3:#6B5C56;--a:#5E1B2B;--a2:#3F101C;--a-s:#F0DEDB;--alt:#E0B36A;--alt-s:#F6E7C8;--r:#A32E2E;--r-s:#F5DEDA;--y:#7E5405;--y-s:#F4E6C4;--g:#2C6646;--g-s:#DDEBDF;--on:#F2E8DA;--isik:rgba(94,27,43,.06);--bp:4rem 4rem;--basl:'Archivo',system-ui,sans-serif;color-scheme:light}
.koyu{--bg:#5E1B2B;--p:#6E2436;--p2:#7A2D40;--l:#8B4455;--l2:#7F3B4C;--i1:#F2E8DA;--i2:#E6D3C2;--i3:#CDB3A8;--a:#E0B36A;--a2:#F0C98A;--a-s:#73313F;--alt:#E0B36A;--alt-s:#73313F;--r:#F2A8A8;--r-s:#7A2D40;--y:#F0C98A;--y-s:#73313F;--g:#A8D6B8;--g-s:#4C3A3A;--on:#1C1412;--isik:rgba(224,179,106,.08);color-scheme:dark}
*{box-sizing:border-box}
html{font-size:clamp(15px,calc(10px + .42vw),21px);-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--i1);font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--a)}a:hover{color:var(--a2)}
h1,h2,h3,p{margin:0}
h1,h2,.dev,.m-h2,.baslik-satir h1{font-family:var(--basl);font-weight:800;letter-spacing:-.02em}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--a);outline-offset:2px}
.ik{width:1.1em;height:1.1em;flex:none;vertical-align:-.15em}
.atla{position:absolute;left:-9999px;top:0}.atla:focus{left:1rem;top:1rem;z-index:50;padding:.5rem 1rem;background:var(--p);border-radius:8px}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tuzak{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.kirmizi{color:var(--r)}.petrol{color:var(--a)}.soluk{color:var(--i3)}.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}.serif{font-family:'IBM Plex Serif',Georgia,serif}
.kisalt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.kucuk{font-size:.85rem}
.bosluk{flex:1}
.ust-yazi{font-family:'IBM Plex Mono',monospace;font-size:.8rem;letter-spacing:.04em;color:var(--a)}
.giris-metin{font-size:1.125rem;color:var(--i2);max-width:36rem;text-wrap:pretty}
.not{font-size:.85rem;color:var(--i3)}

/* dugme */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.25rem;border-radius:.6rem;border:1px solid transparent;font-weight:600;font-size:.95rem;text-decoration:none;white-space:nowrap;cursor:pointer}
.btn.ana{background:var(--a);color:var(--on);border-color:var(--a)}.btn.ana:hover{background:var(--a2);color:var(--on)}
.btn.ikincil{background:transparent;color:var(--a);border-color:var(--l)}
.btn.genis{width:100%}.btn:disabled{opacity:.6;cursor:default}
.btn[aria-disabled="true"]{opacity:.6;cursor:not-allowed}
.onay{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 .75rem;font-size:.9rem;line-height:1.45}.onay input{flex:none;margin-top:.2rem}
.cerez-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.25rem;background:var(--p);border-top:1px solid var(--l);color:var(--i2);font-size:.9rem;line-height:1.45;box-shadow:0 -4px 16px rgba(28,20,18,.08)}
.cerez-cubuk[hidden]{display:none}.cerez-cubuk p{margin:0}.cerez-cubuk a{color:var(--a);font-weight:600}.cerez-cubuk .btn{flex:none;height:2.25rem;white-space:nowrap}
@media (max-width:719px){.cerez-cubuk{flex-direction:column;align-items:stretch;gap:.6rem}.cerez-cubuk .btn{width:100%}}
.metin-govde table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.metin-govde th,.metin-govde td{padding:.55rem .7rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--l2);overflow-wrap:anywhere}.metin-govde th{background:var(--p2);color:var(--i1);font-weight:600}
.metin-govde ul{margin:.75rem 0;padding-left:1.25rem}
.ok-bag{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:none}

/* rozetler */
.roz{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}
.roz .ik{width:.85rem;height:.85rem}
.r-yesil{background:var(--g-s);color:var(--g)}.r-mavi{background:var(--a-s);color:var(--a)}.r-sari{background:var(--y-s);color:var(--y)}.r-gri{background:var(--l2);color:var(--i2)}.r-kirmizi{background:var(--r-s);color:var(--r)}
.rozler{display:flex;flex-wrap:wrap;gap:.35rem}
.tikli{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--i2)}
.tikli li{display:flex;gap:.5rem;align-items:center}.tikli .ik{color:var(--g)}
.numarali{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem;color:var(--i2);font-size:.95rem}

/* ust cubuk */
.ust{position:relative;z-index:10;display:flex;align-items:center;gap:1rem;height:4rem;padding:0 2rem;background:var(--p);border-bottom:1px solid var(--l)}
.ust.seffaf{position:absolute;top:0;left:0;right:0;background:transparent;border-color:transparent}
.marka{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--i1);text-decoration:none}
.logo{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:6px;background:var(--a);color:var(--on);font-weight:700;font-size:.9rem}
.isaret{width:2.4rem;height:2.4rem;flex:none;color:var(--a)}.isaret .ekran{fill:var(--bg)}.isaret .altin{fill:var(--alt)}.koyu .isaret,.alt .isaret{color:var(--i1)}.koyu .isaret .ekran,.alt .isaret .ekran{fill:var(--bg)}
.marka-yazi{display:flex;flex-direction:column;line-height:1}.marka-yazi b{font-family:var(--basl);font-weight:800;font-size:1.35rem;letter-spacing:-.035em}.marka-yazi small{font-family:'IBM Plex Sans';font-weight:500;font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--i2)}
.logo.k{width:1.1rem;height:1.1rem;border-radius:4px;font-size:.6rem;background:#2C5F7C;color:#fff}
.ana-nav{display:flex;gap:1.5rem;margin-left:1.5rem}
.ana-nav a,.giris-bag{color:var(--i2);font-weight:500;font-size:.95rem;text-decoration:none}
.ana-nav a[aria-current]{color:var(--a);font-weight:600}
.ust-sag{display:inline-flex;align-items:center;gap:.4rem;color:var(--i2);font-size:.875rem}
.ust-cta .kisa{display:none}
details.menu{position:relative;display:none}
details.menu summary{list-style:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.55rem;border:1px solid var(--l);cursor:pointer}
details.menu summary::-webkit-details-marker{display:none}
details.menu nav{position:absolute;right:0;top:3rem;display:flex;flex-direction:column;min-width:14rem;padding:.5rem;background:var(--p);border:1px solid var(--l);border-radius:.75rem;box-shadow:0 18px 40px rgba(15,20,22,.16)}
details.menu nav a{padding:.6rem .75rem;border-radius:.5rem;color:var(--i1);text-decoration:none}
@media (max-width:1239px){.ana-nav{display:none}details.menu{display:block}}

/* bolumler */
.bolum{position:relative;background:radial-gradient(ellipse 130% 120% at 10% 0%,var(--isik),transparent 72%),var(--bg)}
.koyu.bolum,.koyu .pin{background:radial-gradient(ellipse 120% 110% at 72% 38%,rgba(44,95,124,.34),transparent 76%),var(--bg)}
.kap{max-width:88rem;width:100%;margin:0 auto;padding:var(--bp);display:flex;flex-direction:column;gap:2.25rem}
.dev{font-size:clamp(1.75rem,min(4vw,6.2vh),4.25rem);line-height:1.05;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.kirinti{font-size:.85rem;color:var(--i3)}.kirinti a{color:var(--i2)}
.baslik-satir{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}
.baslik-satir h1{font-size:clamp(1.9rem,3.4vw,3.5rem);line-height:1.05;letter-spacing:-.03em;font-weight:600;margin-bottom:.5rem}

/* sahneler: varsayilan = toplanmis son hal (JS kapali / azaltilmis hareket) */
.sahne{background:var(--bg)}
.sahne:not(.koyu)>.pin{background:radial-gradient(ellipse 110% 120% at 0% 0%,var(--isik),transparent 70%),radial-gradient(ellipse 110% 120% at 100% 100%,var(--isik),transparent 70%),var(--bg)}
.pin{position:relative;height:100vh;padding:var(--bp)}
.hareket .sahne.iz3{height:300vh}.hareket .sahne.iz25{height:250vh}.hareket .sahne.iz35{height:350vh}
.hareket .sahne>.pin{position:sticky;top:0;overflow:clip}

/* kahraman */
.hero .pin{display:flex;gap:3rem;padding:6rem 4rem 1.75rem;background:radial-gradient(ellipse 120% 120% at 85% 20%,var(--isik),transparent 72%),var(--bg)}
.hero-metin{flex:0 0 44%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1.1rem}
.hero h1{font-size:clamp(1.9rem,min(4.5vw,6.6vh),5.25rem);line-height:1.03;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.deneme-form{display:flex;flex-direction:column;gap:.5rem;max-width:35rem}
.deneme-form label{font-weight:600;font-size:.95rem}
.girdi-satir{display:flex;gap:.5rem}
.girdi-satir input{flex:1;min-width:0;height:3.25rem;padding:0 .9rem;border:1.5px solid var(--i1);border-radius:.6rem;background:var(--p);font-size:1rem}
.girdi-satir .btn{height:3.25rem}
.uzun{display:inline}.kisa{display:none}
.kimler{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.9rem;color:var(--i2)}
.hero-sahne{flex:1;min-width:0;min-height:0;position:relative;perspective:1400px;display:flex;flex-direction:column}
.sahne-ic{flex:1;min-height:0;position:relative;transform-style:preserve-3d}
.sahne-ic>[data-k]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.sahne-ic>[data-k]:not(.kart){opacity:0}
.hareket .sahne-ic>[data-k]{will-change:transform,opacity}
.kay{padding:.4rem .7rem;border:1px solid var(--l);border-radius:999px;background:var(--p);font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--i2);white-space:nowrap;box-shadow:0 6px 18px rgba(15,20,22,.08)}
.dup{width:min(78%,26rem);padding:.75rem 1rem;border-radius:10px;background:var(--p2);border:1px solid var(--l);font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:.95rem;line-height:1.3;color:var(--i2)}
.cb{width:min(92%,32rem);padding:1.25rem 1.5rem;border-radius:14px;background:var(--p);border:1px solid var(--l);box-shadow:0 30px 70px rgba(15,20,22,.16);display:flex;flex-direction:column;gap:.6rem}
.cb-ust{display:flex;align-items:center;gap:.5rem;font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--i3)}
.sondk{padding:.1rem .5rem;background:var(--i1);color:var(--bg);border-radius:4px;letter-spacing:.06em}
.cb p{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:1.6rem;line-height:1.15;text-wrap:balance}
.roz-b{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border-radius:999px;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:0 10px 26px rgba(15,20,22,.12)}
.kart{width:min(94%,34rem);padding:1.1rem 1.25rem;border-radius:14px;background:var(--p);border:1px solid var(--l);box-shadow:0 30px 70px rgba(15,20,22,.14);display:flex;flex-direction:column;gap:.65rem}
.kart-ust{display:flex;align-items:center;gap:.5rem;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--i3)}
.kart-bas{font-size:1.125rem;font-weight:600;line-height:1.25;text-wrap:balance}
.gercek{display:flex;flex-direction:column;gap:.2rem;padding-top:.65rem;border-top:1px solid var(--l2)}
.etiket{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.08em;color:var(--a);font-weight:500;text-transform:uppercase}
.gercek p{font-family:'IBM Plex Serif',Georgia,serif;font-size:1rem;line-height:1.4}
.sahne-alt{flex:none;height:2.75rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem}
.caps{position:relative;height:1.4rem}
.cap{position:absolute;inset:0;opacity:0;font-size:.95rem;color:var(--i2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s}
.cap.aktif{opacity:1}.cap .no{font-family:'IBM Plex Mono',monospace;color:var(--a);margin-right:.5rem}
.bar{height:2px;background:var(--l);border-radius:2px;overflow:hidden}.bar>div{height:100%;background:var(--a);transform-origin:left}

/* nasil */
.uc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.uc li{display:flex;flex-direction:column;gap:.6rem;padding-top:1rem;border-top:1px solid var(--l)}
.uc .no,.adimlar .no{font-family:'IBM Plex Mono',monospace;font-size:2.75rem;line-height:1;color:var(--a)}
.uc h3{font-size:1.375rem;font-weight:600;letter-spacing:-.01em}.uc p{color:var(--i2);font-size:1.06rem}
.cipler{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}
.cip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--l);background:var(--p);font-size:.8rem}
.cip.soluk{color:var(--i3)}.cip.sari{color:var(--y)}

/* iki kolonlu sabit sahneler */
.pin.iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);grid-template-rows:100%;gap:2.5rem;align-items:center;max-width:96rem;margin:0 auto}
.pin.iki.genis{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}
.metin{display:flex;flex-direction:column;gap:1.1rem;min-width:0}
.satirlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;color:var(--i2);font-size:1.06rem}
.gorsel{min-height:0;height:100%;display:grid;place-items:center;min-width:0}
.sayac-s{display:flex;align-items:baseline;gap:.5rem 1rem;flex-wrap:wrap}
.sayac{font-family:'IBM Plex Mono',monospace;font-size:clamp(2.25rem,min(4.4vw,7vh),4.5rem);line-height:1;font-weight:500;letter-spacing:-.04em}
.sayac-s .kucuk{color:var(--i2);max-width:24rem}
.turler{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.turler li{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--l);background:var(--p);font-size:.8rem}.turler .ik{color:var(--a)}
.yok-satir{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--i2)}.yok-satir strong{color:var(--i1)}
.tel-sahne{perspective:1200px}
.tel{position:relative;height:min(34rem,72vh);aspect-ratio:9/18.5;border-radius:2.75rem;background:#05080A;padding:.6rem;box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 0 0 1.5px #2A3A42;transform-style:preserve-3d}
.tel-ekran{position:relative;height:100%;border-radius:2.2rem;overflow:clip;background:linear-gradient(180deg,#1C3341,#0F1416 70%);display:flex;flex-direction:column;align-items:center;padding:1.4rem .75rem;gap:.6rem;transform-style:preserve-3d}
.saat{font-size:3.4rem;line-height:1;color:#ECEFEF;letter-spacing:-.02em;margin:.4rem 0 .3rem}
.kat{width:100%;padding:.6rem .75rem;border-radius:.9rem;font-size:.78rem;line-height:1.3;display:flex;flex-direction:column;gap:.2rem}
.kat.bildirim{background:rgba(236,239,239,.94);color:#1E1D1B}
.b-ust{display:flex;align-items:center;gap:.35rem;font-size:.85em;color:#55534D}
.kat.telegram{background:#22313A;color:#ECEFEF;border-radius:.9rem .9rem .9rem .25rem}.t-ad{color:#88B8D2;font-size:.85em;font-weight:600}
.kat.eposta{background:rgba(236,239,239,.12);color:#ECEFEF;flex-direction:row;align-items:center;gap:.5rem}
.yigin-sahne{perspective:1600px}
.yigin{position:relative;width:min(100%,58rem);aspect-ratio:16/10;max-height:100%;transform-style:preserve-3d;--mf:.75rem}
.katman{position:absolute;font-size:var(--mf)}
.k-yan{inset:0;border-radius:12px;background:var(--p);border:1px solid var(--l);box-shadow:0 30px 80px rgba(15,20,22,.14);display:flex;overflow:clip}
.m-yan{width:19%;border-right:1px solid var(--l);background:var(--p2);padding:.75rem .5rem;display:flex;flex-direction:column;gap:.25rem}
.m-marka{display:flex;align-items:center;gap:.4rem;padding:.25rem .4rem .6rem;font-weight:600}
.m-nav{padding:.3rem .5rem;border-radius:5px;color:var(--i2)}.m-nav.secili{background:var(--a-s);color:var(--a);font-weight:600}
.k-liste{top:0;bottom:0;left:19%;width:38%;padding:.75rem;display:flex;flex-direction:column;gap:.4rem}
.m-liste-ust{display:flex;gap:.4rem;padding-bottom:.25rem}
.m-satir{padding:.5rem .6rem;border-radius:8px;border:1px solid var(--l);background:var(--p);box-shadow:0 4px 14px rgba(15,20,22,.06);display:flex;flex-direction:column;gap:.25rem}
.m-satir.secili{border-color:var(--a)}
.m-bas{font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.m-roz{display:flex;gap:.25rem;flex-wrap:wrap}.roz-k{padding:.05rem .4rem;border-radius:999px;font-size:.9em}
.k-detay{top:.75rem;bottom:.75rem;right:.75rem;width:40%;padding:.9rem;border-radius:10px;background:var(--p);border:1px solid var(--l);box-shadow:0 18px 40px rgba(15,20,22,.12);display:flex;flex-direction:column;gap:.5rem}
.m-dbas{font-weight:600;font-size:1.2em;line-height:1.25}
.m-gercek{padding:.5rem .6rem;border-radius:8px;background:var(--a-s);display:flex;flex-direction:column;gap:.15rem}.m-gercek .mono{font-size:.85em;color:var(--a)}
.m-kay{display:flex;justify-content:space-between;gap:.5rem;padding:.2rem 0;border-bottom:1px solid var(--l2)}
.m-btn{margin-top:auto;display:flex;gap:.4rem}.m-btn span{padding:.3rem .6rem;border-radius:6px}.m-btn .b1{background:var(--a);color:var(--on);font-weight:600}.m-btn .b2{border:1px solid var(--l)}

/* bes kural seridi */
.kurallar-b .pin{display:flex;flex-direction:column;gap:1.25rem}
html:not(.hareket) .kurallar-b .pin{height:auto}
.kural-ust{max-width:88rem;width:100%;margin:0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.kural-ust h2{font-size:clamp(1.1rem,min(1.8vw,3vh),1.6rem);font-weight:600}
.kural-pencere{position:relative;max-width:88rem;width:100%;margin:0 auto}
.hareket .kural-pencere{flex:1;min-height:0;overflow:clip}
.kurallar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2rem}
.kurallar li{display:flex;flex-direction:column;gap:.5rem}
.kural{font-size:clamp(1.75rem,min(4vw,6vh),4rem);line-height:1;letter-spacing:-.04em;font-weight:600;text-wrap:balance}
.hareket .kural{font-size:clamp(2.1rem,min(6vw,8.4vh),7rem)}
.kdetay{color:var(--i2);font-size:1.06rem;max-width:40rem}
.hareket .kurallar li,.hareket .kdetay{transition:opacity .3s}

/* fiyat */
.donem{display:inline-flex;padding:3px;border:1px solid var(--l);border-radius:10px;background:var(--p);position:relative}
.donem input,.kplan input,.sekme-sec input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.donem label{display:flex;align-items:center;height:2.25rem;padding:0 .9rem;border-radius:7px;font-weight:600;font-size:.875rem;color:var(--i2);cursor:pointer;white-space:nowrap}
.donem input:checked+label{background:var(--a);color:var(--on)}
.donem input:focus-visible+label,.kplan input:focus-visible+label,.sekme-sec input:focus-visible+label{outline:2px solid var(--a);outline-offset:2px}
.planlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.plan{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:12px;background:var(--p);border:1px solid var(--l)}
.plan.oneri{border-color:var(--a);box-shadow:0 18px 40px rgba(44,95,124,.14)}
.plan-ust{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.plan h3{font-size:1.15rem;font-weight:600}.oneri-not{font-size:.75rem;font-weight:600;color:var(--a)}
.kim{font-size:.875rem;color:var(--i2)}
.fiyat>span{display:inline-flex;align-items:baseline;gap:.35rem}
.tutar{font-family:'IBM Plex Mono',monospace;font-size:2.4rem;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.birim{color:var(--i3);font-size:.8rem}
.pnot{display:block;font-size:.75rem;color:var(--i3)}
.fiyat .f-yil,.pnot.f-yil{display:none}
.fiyatli:has(input[value=yil]:checked) .fiyat .f-ay,.fiyatli:has(input[value=yil]:checked) .pnot.f-ay{display:none}
.fiyatli:has(input[value=yil]:checked) .fiyat .f-yil{display:inline-flex}
.fiyatli:has(input[value=yil]:checked) .pnot.f-yil{display:block}
.plan-cta{margin-top:auto}
.dipnot{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;font-size:.9rem;color:var(--i2)}

/* kim icin + sss */
.kim-b{background:radial-gradient(ellipse 130% 120% at 90% 0%,var(--isik),transparent 72%),var(--p2)}
.kapilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.kapi{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border-radius:12px;background:var(--p);border:1px solid var(--l);color:var(--i1);text-decoration:none;min-width:0}
.kapi:hover{border-color:var(--a);color:var(--i1)}
.kapi-ik{width:2rem;height:2rem;color:var(--a)}
.kapi-ic{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}
.kapi h3{font-size:1.375rem;font-weight:600}.kapi p{color:var(--i2)}
.kapi-cta{display:flex;align-items:center;gap:.4rem;color:var(--a);font-weight:600;white-space:nowrap}
.sss-izgara{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:2.5rem;align-items:start}
.sss-bas{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.sss-bas p{color:var(--i2)}
.sss{border-top:1px solid var(--l)}
.sss details{border-bottom:1px solid var(--l)}
.sss summary{list-style:none;min-height:3.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer}
.sss summary::-webkit-details-marker{display:none}
.sss summary h3{flex:1;font-size:1.06rem;font-weight:600}
.sss summary .ik{color:var(--i3);transition:transform .2s}.sss details[open] summary .ik{transform:rotate(45deg)}
.sss details p{margin:0 0 1rem;color:var(--i2);max-width:45rem}

/* altbilgi */
.alt{padding:3.5rem 2rem 2.5rem;background:radial-gradient(ellipse 120% 140% at 80% 0%,rgba(224,179,106,.14),transparent 76%),var(--bg)}
.alt-ic{max-width:88rem;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:2rem}
.alt-marka{display:flex;flex-direction:column;gap:.75rem}.alt-marka p{color:var(--i2);font-size:.9rem;max-width:22rem}
.alt nav{display:flex;flex-direction:column;gap:.45rem}
.alt h2{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.06em;color:var(--i3);font-weight:500;margin-bottom:.2rem}
.alt nav a{color:var(--i2);font-size:.9rem;text-decoration:none;overflow-wrap:anywhere}.alt nav a:hover{color:var(--i1)}
.alt-son{max-width:88rem;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--l);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.8rem;color:var(--i3)}

/* fiyatlar sayfasi */
.karsi-b .kap{gap:1.25rem}
.karsi{width:100%;border-collapse:collapse;font-size:.95rem;background:var(--p);border:1px solid var(--l);border-radius:12px;overflow:hidden}
.karsi th,.karsi td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid var(--l2)}
.karsi thead th{font-size:.8rem;color:var(--i3);font-weight:600}
.karsi tbody th{font-weight:500}
.karsi .var{display:inline-flex;align-items:center;gap:.3rem;color:var(--g);font-weight:600}.karsi .yok{display:inline-flex;align-items:center;gap:.3rem;color:var(--i3)}
.kplan{display:none;padding:3px;border:1px solid var(--l);border-radius:10px;background:var(--p);position:relative}
.kplan label{flex:1;display:flex;align-items:center;justify-content:center;height:2.4rem;border-radius:7px;font-weight:600;font-size:.875rem;color:var(--i2);cursor:pointer}
.kplan input:checked+label{background:var(--a-s);color:var(--a)}
.kural5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.kural5 li{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;border-radius:12px;background:var(--p);border:1px solid var(--l)}
.k5{font-size:1.3rem;font-weight:600;line-height:1.15;letter-spacing:-.01em}.kural5 li p:last-child{color:var(--i2);font-size:.9rem}
.teklif-bant{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;border-radius:12px;background:var(--p);border:1px solid var(--l)}
.teklif-bant>div{flex:1}.teklif-bant h3{font-size:1.2rem;font-weight:600}.teklif-bant p{color:var(--i2)}
.bant-ik{width:2rem;height:2rem;color:var(--a)}

/* segment */
.iki-kolon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:center}
.seg-metin{display:flex;flex-direction:column;gap:1.1rem}
.seg-metin h1{font-size:clamp(1.9rem,min(3.6vw,6vh),3.9rem);line-height:1.05;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.cta-satir{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.dortlu{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.dortlu article{display:flex;flex-direction:column;gap:.75rem;padding:1.4rem;border-radius:12px;background:var(--p);border:1px solid var(--l)}
.oz-ik{width:1.75rem;height:1.75rem;color:var(--a)}
.dortlu h3{font-size:1.2rem;font-weight:600}.dortlu p{color:var(--i2);font-size:.95rem}
.adimlar li{display:flex;flex-direction:column;gap:.6rem;padding-top:1rem;border-top:1px solid var(--l)}
.adimlar .no{font-size:2rem}

/* yasal */
.yasal{background:radial-gradient(ellipse 140% 120% at 50% 0%,var(--isik),transparent 75%),var(--bg)}
.yasal-izgara{display:grid;grid-template-columns:16rem minmax(0,45rem);justify-content:center;column-gap:3rem;row-gap:1rem}
.yasal-izgara>.kirinti,.yasal-sekme{grid-column:1/-1}
.yasal-sekme{display:flex;flex-wrap:wrap;gap:.5rem}
.yasal-sekme a{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--l);color:var(--i2);text-decoration:none;font-size:.9rem;background:var(--p)}
.yasal-sekme a[aria-current]{background:var(--a-s);color:var(--a);font-weight:600;border-color:var(--a-s)}
.ici details{position:sticky;top:1rem;padding:1rem 1.1rem;border-radius:12px;background:var(--p);border:1px solid var(--l)}
.ici summary{font-weight:600;cursor:pointer}.ici ol{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.ici a{color:var(--i2);text-decoration:none}
.metin-govde{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}
.metin-govde h1{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.15}
.metin-govde h2{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:1.3rem;margin-top:.75rem}
.metin-govde section{display:flex;flex-direction:column;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid var(--l2)}
.surum{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-family:'IBM Plex Mono',monospace;font-size:.8rem;color:var(--i3)}
.icermeli{display:flex;gap:.6rem;align-items:flex-start;padding:.9rem 1rem;border-radius:10px;background:var(--a-s);font-size:.9rem}.icermeli .ik{color:var(--a);margin-top:.2rem}
.yer{color:var(--i3);font-style:italic}

/* uygulama ekranlari: ekrana oturur (ust cubuk + ana alan = 100vh) */
body.uygulama{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 140% 130% at 0% 0%,var(--isik),transparent 70%),radial-gradient(ellipse 140% 130% at 100% 100%,var(--isik),transparent 70%),var(--bg)}
main.uyg{flex:1;min-height:0;display:flex}
.uyg-kap{flex:1;min-height:0;max-width:88rem;width:100%;margin:0 auto;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}
.form-bas{display:flex;flex-direction:column;gap:.35rem}
.form-bas h1,.ozet-bas h1{font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.15;letter-spacing:-.02em;font-weight:600}
.form-bas p{color:var(--i2)}
.kutu{padding:1.4rem;border-radius:14px;background:var(--p);border:1px solid var(--l);display:flex;flex-direction:column;gap:.8rem;min-width:0}
.kutu h2{font-size:1.2rem;font-weight:600}.kutu p{color:var(--i2)}
.alan{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.alan label{font-size:.85rem;font-weight:600}
.alan input,.alan textarea{width:100%;height:2.6rem;padding:0 .8rem;border:1.5px solid var(--l);border-radius:.55rem;background:var(--bg);font-size:1rem}
.alan textarea{height:auto;padding:.5rem .8rem;resize:none}
.alan input:disabled{opacity:.75}
[aria-invalid=true]{border-color:var(--r)!important}
.alan-cift{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.form-durum{font-size:.875rem;color:var(--i2)}.form-durum:empty{display:none}.form-durum.hata{color:var(--r)}
.kart-form{padding:1.75rem;border-radius:14px;background:var(--p);border:1px solid var(--l);display:flex;flex-direction:column;gap:.9rem;min-width:0}
.kart-form form{display:flex;flex-direction:column;gap:.9rem}
.bilgi-kolon{display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.bilgi-kolon h2{font-size:1.15rem;font-weight:600;margin-bottom:.5rem}
.sekme-sec{display:none;padding:3px;border:1px solid var(--l);border-radius:10px;background:var(--p);position:relative;flex:none}
.sekme-sec label{flex:1;display:flex;align-items:center;justify-content:center;height:2.5rem;border-radius:7px;font-weight:600;font-size:.9rem;color:var(--i2);cursor:pointer}
.sekme-sec input:checked+label{background:var(--a-s);color:var(--a)}

/* deneme */
.ozet-serit{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}
.ozet-bas{display:flex;flex-direction:column;gap:.3rem;min-width:0;flex:1 1 24rem}.ozet-bas h1{display:flex;gap:.4rem;min-width:0}
.durum{font-size:.9rem;color:var(--i2)}
.deneme-form.kucuk{flex:0 1 28rem;max-width:none}.deneme-form.kucuk .girdi-satir input,.deneme-form.kucuk .btn{height:2.75rem}
.deneme-izgara{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto;gap:.75rem 1.25rem}
.deneme-izgara .k0{grid-row:1/3}
.deneme-izgara .v-uyg-gundem{grid-column:1/-1} /* gundem izgaranin icinde (tek kopya); konumu CSS belirler */
.kolon{display:flex;flex-direction:column;gap:.5rem;min-height:0;min-width:0}
.kolon h2{font-size:1.05rem;font-weight:600;display:flex;gap:.5rem;align-items:baseline}.kolon h2 .sayi{font-family:'IBM Plex Mono',monospace;color:var(--i3);font-weight:500}
.aciklama{font-size:.8rem;color:var(--i3)}
.sonuclar{flex:1 1 0;min-height:0;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.sonuc{padding:.65rem .9rem;border-radius:10px;background:var(--p);border:1px solid var(--l);display:flex;flex-direction:column;gap:.25rem}
.sonuc[hidden]{display:none}
.s-ust{display:flex;justify-content:space-between;gap:.75rem;font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:var(--i3)}
.s-bas{font-weight:600;font-size:.95rem;line-height:1.3}
.s-gercek{font-family:'IBM Plex Serif',Georgia,serif;font-size:.85rem;color:var(--i2);line-height:1.35}
.sonuclar.baska .sonuc{background:transparent;border-style:dashed}
.daha{font-size:.8rem;color:var(--i3)}.daha:empty{display:none}
.cta-kart{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-radius:12px;background:radial-gradient(ellipse 120% 160% at 90% 0%,rgba(44,95,124,.4),transparent 75%),var(--bg)}
.cta-kart>div{flex:1;min-width:0}.cta-kart h2{font-size:1.1rem;font-weight:600}.cta-kart p{color:var(--i2);font-size:.875rem}
.cta-kart.koyu h2{color:var(--i1)}.cta-kart.koyu p{color:var(--i2)} /* .koyu yalniz degiskenleri yeniler; miras alinan govde rengi koyu kalirdi */
/* yukleniyor iskeleti: JS yoksa gizli (html.js), parilti yalniz opacity, azaltilmis harekette sabit (.hareket yok) */
.sonuc.iskelet{display:none}html.js .sonuc.iskelet{display:flex}
/* KOK NEDEN (2026-11-03): html.js .sonuc.iskelet (0,3,1) .sonuc[hidden]'i (0,2,0) eziyordu; doldur() sigmayan iskelet satirini hidden yapiyor ama gizlenmiyor, 4 satir .sonuclar'in
   (flex:1 1 0) disina tasip "+N haber daha", CTA kutusu ve gundem bolumunun uzerine biniyordu. Iskelet de gercek satir gibi sigdigi kadar gorunur. */
html.js .sonuc.iskelet[hidden]{display:none}
.iskelet .cizgi{display:block;height:.7rem;border-radius:4px;background:var(--l2);margin:0}
.iskelet .cizgi.k{width:28%}.iskelet .cizgi.z{width:16%}.iskelet .cizgi.b{width:86%;height:.95rem}
.hareket .sonuc.iskelet{animation:iskelet-parilti 1.5s ease-in-out infinite}.hareket .sonuc.iskelet:nth-child(2n){animation-delay:.2s}
@keyframes iskelet-parilti{0%,100%{opacity:.55}50%{opacity:1}}

/* teklif */
.uyg-kap.iki-kolon{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:3rem;align-items:center}
@media (min-width:720px){fieldset.adim legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.teklif .alan textarea{height:2.6rem}}
.teklif .uyg-kap{padding-top:1rem;padding-bottom:1rem}.teklif .kart-form{padding:1.5rem;gap:.75rem}
.teklif .iki-kolon,.kayit .iki-kolon{flex:1;min-height:0}
fieldset.adim{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem;min-width:0}
fieldset.adim legend{padding:0;margin-bottom:.4rem;font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.06em;color:var(--a);text-transform:uppercase}
.adim-no{display:none}
.adim-ileri,.adim-geri{display:none}
.form-son{display:flex;gap:.6rem;justify-content:flex-end}
.teklif .kart-form form,.teklif form.kart-form{gap:1rem}

/* kayit */
.kayit .iki-kolon{grid-template-rows:minmax(0,1fr);align-items:stretch}
.kayit .kart-form{align-self:center}
.kayit .bilgi-kolon{min-height:0;justify-content:center}
.kayit .bilgi-kolon section{display:flex;flex-direction:column;min-height:0;flex:0 1 auto}
.cip-satir .cip{background:var(--g-s);color:var(--g);border-color:var(--g-s)}
.ozellik-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;min-height:0;align-content:start}
.ozellik-liste li{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--l)}
.ozellik-liste li[hidden]{display:none}
.ozellik-liste div{display:flex;flex-direction:column}.ozellik-liste span{color:var(--i2);font-size:.875rem}
.dogrulama{display:flex;flex-direction:column;gap:.9rem}.dogrulama[hidden]{display:none}.dogrulama h2{font-size:1.5rem;font-weight:600}.dogrulama p{color:var(--i2)}

/* odeme */
.form-bas.tek{flex:none}
.odeme .uyg-kap,.abonelik .hesap-ana{justify-content:center}
.ozet-tek{display:none;align-items:center;gap:.4rem;font-size:.85rem;color:var(--i2)}
.odeme-izgara{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.donem-link{display:flex;padding:3px;border:1px solid var(--l);border-radius:10px;background:var(--bg)}
.donem-link a{flex:1;display:flex;align-items:center;justify-content:center;height:2.25rem;border-radius:7px;color:var(--i2);font-weight:600;font-size:.875rem;text-decoration:none}
.donem-link a.secili{background:var(--a);color:var(--on)}
.ozet{margin:0;display:flex;flex-direction:column}
.ozet-s{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--l2);font-size:.95rem}
.ozet-s dt{color:var(--i2)}.ozet-s dd{margin:0;font-family:'IBM Plex Mono',monospace;text-align:right}
.ozet-s.toplam{font-size:1.1rem}.ozet-s.toplam dt{color:var(--i1);font-weight:600}
.iptal-not{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;color:var(--i2)}.iptal-not .ik{color:var(--a);margin-top:.2rem}
.kart-cerceve{display:flex;flex-direction:column;gap:.8rem}
.saglayici{border:1.5px dashed var(--l);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.7rem}
.s-not{display:flex;gap:.4rem;align-items:center;font-size:.8rem;color:var(--i2)}
details.fatura summary{cursor:pointer;font-size:.9rem;font-weight:600}
details.fatura[open]{display:flex;flex-direction:column;gap:.6rem}

/* abonelik */
.hesap-izgara{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:2rem}
.hesap-menu{display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}
.hesap-menu a{padding:.55rem .75rem;border-radius:8px;color:var(--i2);text-decoration:none}
.hesap-menu a[aria-current]{background:var(--a-s);color:var(--a);font-weight:600}
.hesap-ana{display:flex;flex-direction:column;gap:1rem;min-width:0;justify-content:center}
.hesap-kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}
.kutu .btn{align-self:flex-start}
.mini-plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mini-plan li{display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:.75rem;padding:.35rem 0;border-bottom:1px solid var(--l2);font-size:.9rem;align-items:baseline}
.mini-plan li span:nth-child(2){color:var(--i2)}

/* ---------- M6 ---------- */
/* ust cubuk: pazarlama sayfalarinda yapiskan; ana sayfada kahramanin ustunde seffaf, kaydirinca dolu (site.js .dolu) */
body.pazarlama .ust:not(.seffaf){position:sticky;top:0}
.js .ust.seffaf{position:fixed}
.ust.seffaf.dolu{background:var(--p);border-color:var(--l)}
html{scroll-padding-top:4.5rem}
/* ust cubuk sabit/yapiskan: sabitlenen sahnelerin icerigi cubugun altinda baslar */
body.pazarlama .sahne:not(.hero)>.pin{padding-top:calc(4rem + 1.25rem)}
@media (max-width:719px){body.pazarlama .sahne:not(.hero)>.pin{padding-top:calc(3.75rem + .75rem)}}
/* kahraman: Yakinda rozeti */
.roz-yak{display:inline-block;padding:0 .45rem;border-radius:999px;border:1px solid var(--y);background:var(--y-s);color:var(--y);font-weight:600;font-size:.72rem;line-height:1.15rem;white-space:nowrap}
.yak-hero{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem;font-size:.82rem;color:var(--i2)}.yak-hero a{color:var(--i2)}
/* harita: 81 il -> bolge -> dunya (SVG noktalar; son hal = dunya) */
.harita-b .gorsel{container-type:size;width:100%}
.harita-kutu{position:relative;width:min(100cqw,265cqh);aspect-ratio:2.65/1}
.harita{display:block;width:100%;height:100%;overflow:hidden}
.harita circle{transform-box:fill-box;transform-origin:center}
.harita .dn{r:2.8px;fill:var(--i3);opacity:.5}
.harita .bl{r:2.8px;fill:var(--a);opacity:.55}
.harita .il{r:6.5px;fill:var(--a);stroke:var(--a-s);stroke-width:9px;paint-order:stroke;transform:scale(.45)}
.harita .il.sonuk{fill:var(--i3);stroke:none}
.hareket .harita circle,.hareket .etk{will-change:transform,opacity}
.harita-b .sayac{white-space:nowrap;font-size:clamp(1.75rem,min(3.4vw,6vh),4.25rem)}
.etk{position:absolute;left:58.571%;top:25.317%;transform:translate(-50%,-100%);margin-top:-6px;padding:.1rem .45rem;border-radius:4px;background:var(--i1);color:var(--bg);font-family:'IBM Plex Mono',monospace;font-size:.7rem;white-space:nowrap;pointer-events:none}
/* ceviri sahnesi */
.cev-sahne{perspective:1400px;grid-template-columns:minmax(0,1fr);justify-items:center}
.cev-yigin{position:relative;width:min(100%,31rem)}
.cev-yab,.cev-on{position:absolute;inset:0;opacity:0;padding:1.1rem 1.25rem;border-radius:14px;display:flex;flex-direction:column;gap:.5rem}
.cev-yab{background:var(--p2);border:1px solid var(--l)}
.cev-yab p{font-weight:600;font-size:1.15rem;line-height:1.2}.cev-yab .mono{font-size:.75rem}
.cev-on{background:var(--p);border:1px solid var(--l);box-shadow:0 30px 70px rgba(0,0,0,.35);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cev-kay{display:flex;align-items:center;gap:.5rem;font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--i3)}
.dil-kod{padding:0 .4rem;border-radius:4px;border:1px solid var(--l);color:var(--i2)}
.cev-bas{font-weight:600;font-size:1.25rem;line-height:1.2;text-wrap:balance}
.cev-on .soluk{font-size:.95rem;line-height:1.45}
.kart.cev-tr{position:relative;width:100%;box-shadow:0 30px 70px rgba(0,0,0,.35);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hareket .cev-yigin>*{will-change:transform,opacity}
.cev-ust{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cev-ust .mono{font-size:.75rem}
.ozgun{font-size:.8rem;color:var(--i3)}
/* Yakinda seridi */
.yakinda-b{background:var(--p2)}
.yakinda-b .kap{gap:1.5rem;padding-top:3.5rem;padding-bottom:3.5rem}
.yak-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem 2rem;flex-wrap:wrap}
.yak-ust>div{display:flex;flex-direction:column;gap:.35rem}
.yak-ust h2{font-size:clamp(1.5rem,min(2.6vw,4.4vh),2.5rem);line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.yak-ust>p{color:var(--i2);font-size:.9rem;max-width:26rem;text-wrap:pretty}
.ust-yazi.sari{color:var(--y)}
.yak-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.yak-liste li{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem .75rem;padding:1.1rem 1.25rem;border-radius:12px;border:1px dashed var(--l);background:var(--bg)}
.yak-liste li>div{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.yak-ik{width:1.4rem;height:1.4rem;color:var(--i3)}
.yak-bas{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.yak-bas h3{font-size:1rem;font-weight:600}
.yak-liste p{color:var(--i2);font-size:.9rem;text-wrap:pretty}
/* karsilastirma: Yakinda hucresi; segment dip satiri */
.karsi .yakinda{display:inline-flex;align-items:center;gap:.3rem;color:var(--y);font-weight:600}
.seg-dip{display:flex;flex-direction:column;gap:.5rem}
.yak-satir{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .6rem;font-size:.9rem;color:var(--i2)}
/* teklif: sektor · il · ilce tek satir; hazir kurulum onizlemesi */
.alan select{width:100%;height:2.6rem;padding:0 .6rem;border:1.5px solid var(--l);border-radius:.55rem;background:var(--bg);color:var(--i1);font:inherit;font-size:1rem;min-width:0}
.alan-uclu{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr);gap:.8rem}
.alan-cift.kurum-satir{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.teklif .iki-kolon{grid-template-rows:minmax(0,1fr)}
.teklif .bilgi-kolon{align-self:stretch;min-height:0;justify-content:center;gap:1.25rem}
.teklif .bilgi-kolon section{flex:none}
.teklif .bilgi-kolon .kurulum-b{flex:1 1 0;min-height:0;display:flex;flex-direction:column}
.form-kurulum{display:none}
.form-kurulum h2{font-size:.85rem;font-weight:600;margin-bottom:.35rem}
.kurulum{flex:1 1 0;min-height:0;overflow:hidden;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;gap:.2rem 1.25rem;align-content:start;font-size:.85rem;color:var(--i2)}
.kurulum li{padding:.2rem 0;border-bottom:1px solid var(--l2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kurulum li:first-child{color:var(--i1);font-weight:600}
.kurulum li[hidden]{display:none}
/* kayit: telefon / dik tablet - formun altindaki alani ornek haber listesi doldurur (bos bant yok) */

/* ---------- tablet: 720-1099 ---------- */
@media (max-width:1099px){
  :root{--bp:3rem 2rem}
  .hero .pin{flex-direction:column;gap:1.5rem;padding:5.5rem 2rem 1.25rem}
  .hero-metin{flex:none;gap:.9rem}
  .kimler{display:none}
  .tab-gizli{display:none!important}
  .uc{gap:1.5rem}
  .planlar,.kapilar{gap:1rem}
  .sss-izgara{grid-template-columns:minmax(0,1fr)}
  .alt{padding-top:2.5rem}.alt-ic{grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem}.alt-marka{grid-column:1/-1}.alt-marka p{max-width:none}
  .alt nav{flex-direction:row;flex-wrap:wrap;gap:.35rem 1.1rem;align-content:start}.alt h2{flex-basis:100%}
  .kural5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dortlu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .iki-kolon,.uyg-kap.iki-kolon{grid-template-columns:minmax(0,1fr)}
  .yigin{--mf:.62rem}
  .yasal-izgara{grid-template-columns:minmax(0,45rem)}
  .ici details{position:static}
  .sekme-sec{display:flex}
  .deneme-izgara{grid-template-columns:minmax(0,1fr)}
  .deneme-izgara .k0{grid-row:auto}
  .deneme-izgara .k1{display:none}
  .deneme:has(#ds-1:checked) .deneme-izgara .k0{display:none}
  .deneme:has(#ds-1:checked) .deneme-izgara .k1{display:flex}
  .teklif .bilgi-kolon,.kayit .bilgi-kolon{display:none}
  .yak-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .teklif .iki-kolon>.kart-form{align-self:stretch}
  .teklif .kart-form [data-adim="1"]{flex:1;min-height:0}
  .form-kurulum{display:flex;flex-direction:column;flex:1 1 0;min-height:0}
  .kayit .iki-kolon{grid-template-rows:auto minmax(0,1fr);gap:1rem}
  .kayit .kart-form{align-self:start}
  .onizleme-b{display:flex;flex-direction:column;gap:.5rem;min-height:0;width:100%;max-width:36rem;justify-self:center;padding:1rem 1.1rem;border-radius:12px;background:var(--p2);border:1px solid var(--l)}
  .onizleme-b h2{font-size:.95rem;font-weight:600}
  .onizleme{flex:1 1 0;min-height:0;overflow:hidden}
  .teklif .kart-form,.kayit .kart-form{width:100%;max-width:36rem;justify-self:center;align-self:center}
  .ozet-tek{display:block;line-height:1.5} /* telefonda flex parçaları sütunlara dağılıyordu */
  .odeme-izgara{grid-template-columns:minmax(0,1fr)}
  .odeme-izgara .k1{display:none}
  .odeme:has(#os-1:checked) .odeme-izgara .k0{display:none}
  .odeme:has(#os-1:checked) .odeme-izgara .k1{display:flex}
  .odeme-izgara .kutu>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hesap-izgara{grid-template-columns:minmax(0,1fr)}
  .hesap-menu{display:none}
  .hesap-kartlar{grid-template-columns:minmax(0,1fr)}
  .hesap-kartlar .k1,.hesap-kartlar .k2{display:none}
  .abonelik:has(#as-1:checked) .hesap-kartlar .k0,.abonelik:has(#as-2:checked) .hesap-kartlar .k0{display:none}
  .abonelik:has(#as-1:checked) .hesap-kartlar .k1,.abonelik:has(#as-2:checked) .hesap-kartlar .k2{display:flex}
}
/* dik tablet / telefon: sabit sahnelerde metin ustte, gorsel altta */
@media (max-width:1099px) and (orientation:portrait),(max-width:719px){
  .pin.iki,.pin.iki.genis{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:1.25rem;align-items:stretch}
  .tel{height:min(28rem,44vh)}
}

/* ---------- telefon: <720 ---------- */
@media (max-width:719px){
  :root{--bp:2.5rem 1rem}
  .ust{padding:0 1rem;height:3.75rem;gap:.5rem}
  .giris-bag{display:none}
  .ust-cta .uzun{display:none}.ust-cta .kisa{display:inline}.ust-cta{padding:0 .9rem}
  .ust-sag{display:none}
  .btn{height:3rem}
  .uzun{display:none}.kisa{display:inline}
  .tel-gizli{display:none!important}
  .hero .pin{padding:4.5rem 1rem .75rem;gap:.75rem}
  .hero-metin{gap:.6rem}
  .giris-metin{font-size:.95rem}
  .girdi-satir input,.girdi-satir .btn{height:3rem}
  .cb{padding:.9rem 1rem}.cb p{font-size:1.2rem}
  .kart{padding:.8rem .9rem;gap:.4rem}.kart-bas{font-size:.95rem}.gercek p{font-size:.875rem}
  .gercek{padding-top:.4rem}
  .sahne-alt{height:2.25rem}.cap{font-size:.8rem}
  .uc{grid-template-columns:minmax(0,1fr);gap:1.1rem}.uc .no{font-size:1.75rem}.uc h3{font-size:1.2rem}.uc p{font-size:.95rem}
  .cipler{display:none}
  .dev{font-size:clamp(1.6rem,8vw,2.25rem)}
  .metin{gap:.6rem}.satirlar{font-size:.9rem}
  .harita-b .turler li{font-size:.72rem;padding:.2rem .5rem}
  .saat{font-size:2.2rem}.kat{font-size:.68rem;padding:.45rem .55rem}.tel{border-radius:1.9rem;padding:.4rem}.tel-ekran{border-radius:1.5rem;padding:.9rem .5rem;gap:.4rem}
  .yigin{--mf:.5rem}.m-yan{display:none}.k-liste{left:0;width:50%}.k-detay{width:46%}.m-kay:nth-of-type(n+3){display:none}
  .kural-ust a{display:none}
  .hareket .kural{font-size:clamp(1.9rem,9vw,2.6rem)}
  .kurallar{gap:1.25rem}.kdetay{font-size:.9rem}
  .baslik-satir{align-items:flex-start}
  .planlar{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .plan{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .75rem;padding:.9rem 1rem;align-items:center}
  .plan-ust,.kim{grid-column:1}.kim{display:none}
  .plan .fiyat{grid-column:2;grid-row:1;text-align:right}
  .plan.plan-teklif .fiyat{grid-column:1/-1;grid-row:auto;text-align:left} /* "12.000'den / ay · 12 aylık sözleşme" başlıkla aynı satıra sığmaz */
  .plan .pnot{grid-column:1/-1}
  .plan .tikli{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:.2rem .75rem;font-size:.8rem}.plan .tikli li:nth-child(n+4){display:none}
  .plan-cta{grid-column:1/-1;margin-top:.3rem;height:2.75rem}
  .tutar{font-size:1.5rem}
  .kapilar{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .kapi{flex-direction:row;align-items:center;padding:.9rem 1rem}.kapi .tikli{display:none}.kapi h3{font-size:1.1rem}.kapi p{font-size:.875rem}.kapi-cta span,.kapi-cta{font-size:0;gap:0}.kapi-cta .ik{font-size:1rem}
  .alt{padding:2.5rem 1rem 2rem}.alt-ic{grid-template-columns:1fr;gap:1.25rem}
  .karsi thead{display:none}
  .kplan{display:flex}
  .karsi .c0,.karsi .c1,.karsi .c2{display:none}
  .karsi-b:has(#kp-0:checked) .c0,.karsi-b:has(#kp-1:checked) .c1,.karsi-b:has(#kp-2:checked) .c2{display:table-cell}
  .karsi th,.karsi td{padding:.5rem .75rem}
  .kural5{grid-template-columns:minmax(0,1fr)}
  .teklif-bant{flex-direction:column;align-items:flex-start}
  .dortlu{grid-template-columns:minmax(0,1fr)}.dortlu article{flex-direction:row;padding:1rem}
  .uyg-kap{padding:.75rem 1rem;gap:.75rem}
  .kart-form{padding:1.1rem;gap:.75rem}
  .ozet-serit{gap:.6rem}
  .cta-kart{padding:.8rem 1rem}.cta-kart p{display:none}
  .js form[data-adimli].adim-1 [data-adim="2"],.js form[data-adimli].adim-2 [data-adim="1"]{display:none}
  .js .adim-ileri,.js .adim-geri{display:inline-flex}.js .adim-no{display:inline}
  .js form[data-adimli].adim-1 .form-bas p{display:none}
  .kutu{padding:1rem}
  .ozellik-liste{grid-template-columns:minmax(0,1fr)}
  .mini-plan li{grid-template-columns:minmax(0,1fr) auto}.mini-plan li span:nth-child(2){display:none}
  .yak-liste{grid-template-columns:minmax(0,1fr);gap:.6rem}.yak-liste li{flex-direction:row;padding:.75rem .9rem}
  .yakinda-b .kap{padding-top:2.25rem;padding-bottom:2.25rem;gap:1rem}
  .harita .il{r:9px;stroke-width:13px}.harita .dn,.harita .bl{r:4.5px}.harita .dn.tek{display:none}
  .cev-yab,.cev-on,.kart.cev-tr{padding:.8rem .9rem}.cev-bas,.cev-yab p{font-size:1.05rem}.cev-on .soluk{font-size:.85rem}
  .alan-uclu{grid-template-columns:repeat(2,minmax(0,1fr))}.alan-uclu>.alan:last-child{grid-column:1/-1}
  .teklif .alan textarea{height:4.5rem}
  .kayit .uyg-kap{padding-top:.75rem}
}
@media (max-width:719px) and (max-height:799px){.yak-hero{display:none}}
@media (max-width:719px) and (max-height:700px){.harita-b .satirlar{display:none}}
.hareket .sahne.iz3,.hareket .sahne.iz25,.hareket .sahne.iz35{max-height:none}
@media (max-width:719px){.hareket .sahne.iz3,.hareket .sahne.iz25,.hareket .sahne.iz35{height:220vh}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ================= M10: TV/radyo + basili gazete, bolumler ekran - ust cubuk yuksekligine sigar ================= */
:root{--paper:#FBF8EF}
:root[data-tema=koyu]{--paper:#1C1C1A}
/* bolum: icerik kadar uzar (<= ekran - ust cubuk), yalniz kahraman ekrani doldurur; bos alan oge uzatilarak doldurulmaz */
.m-bolum{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,6.5vh,4.5rem) clamp(1rem,5vw,4.5rem)}
.m-ic{width:100%;max-width:82rem;margin:0 auto;display:flex;flex-direction:column;gap:clamp(.75rem,2.6vh,2.25rem)}
.m-ic.m-dar{max-width:74rem}
.m-p2{background:radial-gradient(ellipse 130% 120% at 90% 0%,var(--isik),transparent 72%),var(--p2)}
.m-h2{font-size:clamp(1.5rem,min(3.4vw,5.8vh),3.6rem);line-height:1.05;letter-spacing:-.03em;font-weight:600;text-wrap:balance}
.m-baslik{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem 2.5rem;flex-wrap:wrap}
.m-baslik .m-h2{max-width:52rem}
.m-baslik.tek{flex-direction:column;align-items:flex-start;gap:.5rem}
.m-giris{color:var(--i2);font-size:.95rem;max-width:30rem;text-wrap:pretty}
.m-baslik.tek .m-giris{max-width:46rem}
.m-ik{width:1.75rem;height:1.75rem;color:var(--a);flex:none}
.t-web,.t-soz,.t-tv,.t-bas{padding:1px .45rem;border-radius:4px;font-weight:500}
.t-web{background:var(--a-s);color:var(--a)}.t-soz{background:var(--l2);color:var(--i1)}.t-tv{background:var(--i1);color:var(--bg)}.t-bas{background:var(--y-s);color:var(--y)}
mark{background:var(--y-s);color:var(--i1);box-shadow:inset 0 -2px 0 var(--y);padding:0 2px}

/* kahraman */
.m-hero{min-height:calc(100vh - 4rem);min-height:calc(100svh - 4rem);padding:clamp(.75rem,2.4vh,2.5rem) clamp(1rem,5vw,4.5rem)}
.m-hero-ic{width:100%;max-width:96rem;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.m-hero-metin{display:flex;flex-direction:column;gap:clamp(.6rem,2.6vh,1.8rem);min-width:0}
.m-hero h1{font-size:clamp(1.9rem,min(4.3vw,7.2vh),5.25rem);line-height:1.03;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.m-hero .giris-metin{max-width:36rem}
.m-alanlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem;color:var(--i2);font-size:.95rem}
.m-alanlar li{display:flex;align-items:center;gap:.5rem;min-width:0}.m-alanlar .ik{color:var(--a);width:1.2em;height:1.2em}

/* yolculuk */
.jur{display:flex;flex-direction:column;gap:clamp(.5rem,1.6vh,.9rem);min-width:0}
.jur-ust{display:flex;align-items:center;gap:.6rem}.jur-ust>.mono{flex:1;font-size:.75rem}
.jur-dur{flex:none;width:2rem;height:2rem;padding:0;border:1px solid var(--l);border-radius:.5rem;background:var(--p);color:var(--i2);display:grid;place-items:center;cursor:pointer}
.jur-dur .ik{width:.9rem;height:.9rem}.jur-dur .p{display:none}.jur.dur .jur-dur .s{display:none}.jur.dur .jur-dur .p{display:grid}
html:not(.hareket) .jur-dur{display:none}
.jur-adim{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.jur-adim li{min-width:0}
.jur-adim button{width:100%;min-height:3.1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.5rem 0 0;border:0;border-top:2px solid var(--l);background:transparent;color:var(--i3);text-align:left;cursor:pointer;transition:color .3s,border-color .3s}
.jur-adim button.gec{color:var(--i1);border-top-color:var(--i3)}
.jur-adim button[aria-current=step]{color:var(--a);border-top-color:var(--a)}
.jur-t{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;width:100%;min-width:0}.jur-t .ik{width:.95rem;height:.95rem}
.jur-z{font-family:'IBM Plex Mono',monospace;font-size:.75rem;max-width:100%}
.jur-sahne{display:grid;min-width:0}
.jur-kart{grid-area:1/1;min-width:0;padding:clamp(.8rem,3vh,2rem) clamp(1rem,1.9vw,2rem);border-radius:14px;background:var(--p);border:1px solid var(--l);box-shadow:0 24px 60px rgba(15,20,22,.10);display:flex;flex-direction:column;gap:clamp(.45rem,1.8vh,1.1rem);opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;pointer-events:none}
.jur-kart.on{opacity:1;transform:none;pointer-events:auto}
.jur-et{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--i3)}
.jur-bas{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:clamp(1.1rem,min(1.9vw,3.4vh),2rem);line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.jur-baslik-k{font-weight:600;color:var(--a)}
.jur-gov{font-family:'IBM Plex Serif',Georgia,serif;font-size:clamp(.95rem,min(1.3vw,2.6vh),1.35rem);line-height:1.4;text-wrap:pretty}
.jur-alt-satir{align-items:center;padding-top:.65rem;border-top:1px solid var(--l2)}
.jur-tv{display:flex;gap:.9rem;align-items:flex-start;min-width:0}.jur-tv .jur-gov{flex:1;min-width:0}
.kare{flex:none;width:clamp(6rem,10vw,9.5rem);aspect-ratio:16/9;border-radius:8px;border:1px solid var(--l);background:repeating-linear-gradient(135deg,var(--p2) 0 6px,var(--l2) 6px 12px);display:grid;place-items:center;padding:.25rem;font-family:'IBM Plex Mono',monospace;font-size:.66rem;color:var(--i3);text-align:center}
.jur-oynat{display:flex;align-items:center;gap:.7rem;padding-top:.65rem;border-top:1px solid var(--l2)}
.oyn{width:1.9rem;height:1.9rem;flex:none;border-radius:50%;background:var(--a);color:var(--on);display:grid;place-items:center}.oyn .ik{width:.75rem;height:.75rem}
.jur-oynat .mono{font-size:.75rem;color:var(--i2);flex:none}
.jur-bar{flex:1;min-width:0;position:relative;height:6px;border-radius:3px;background:var(--l2)}
.jur-bar i{position:absolute;left:0;top:0;bottom:0;width:50%;border-radius:3px;background:var(--a)}
.jur-bar b{position:absolute;left:50%;top:-4px;width:2px;height:14px;background:var(--y)}
.kesit{position:relative;padding:.85rem 1rem;border:1.5px dashed var(--a);border-radius:6px;background:var(--p2);display:flex;flex-direction:column;gap:.4rem}
.kesit-et{position:absolute;top:-.65rem;right:.6rem;padding:0 .4rem;background:var(--p);font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:var(--a);white-space:nowrap}
.kesit-bas{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:1.05rem;line-height:1.2}
.kesit-g{font-family:'IBM Plex Serif',Georgia,serif;font-size:clamp(.85rem,1.1vw,.98rem);line-height:1.45;color:var(--i2);text-wrap:pretty;hyphens:auto}
.jur-cap{display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-size:.9rem;color:var(--i2)}.jur-cap strong{color:var(--i1);font-weight:600}

/* uc sutun, her haberde */
.m-uc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem)}
.m-sutun{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vh,.9rem);padding:clamp(.9rem,2.6vh,1.6rem) clamp(1rem,1.7vw,1.6rem);border-radius:14px;background:var(--p);border:1px solid var(--l);min-width:0}
.m-sutun-ust{display:flex;align-items:center;gap:.6rem}.m-sutun-ust h3{flex:1;font-size:1.2rem;font-weight:600;letter-spacing:-.01em}.m-sutun-ust .mono{font-size:.75rem}
.m-stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem}.m-stat strong{font-weight:500;font-size:clamp(1.6rem,min(3.1vw,5.4vh),2.6rem);line-height:1;letter-spacing:-.03em}.m-stat span{font-size:.9rem;color:var(--i2)}
.m-sutun .tikli{align-items:stretch}.m-sutun .tikli li{align-items:flex-start;text-wrap:pretty}.m-sutun .tikli .ik{margin-top:.2rem}
.m-bag{margin-top:auto;font-weight:600;text-decoration:none}
.m-d{color:var(--i2);font-size:.9rem}
.m-her{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem clamp(.75rem,1.6vw,1.25rem)}
.m-her li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--i2);min-width:0}.m-her .ik{color:var(--a);margin-top:.2rem;width:1.1rem;height:1.1rem}.m-her strong{color:var(--i1);font-weight:600}

/* hiz */
.hiz-liste{display:flex;flex-direction:column;border-top:1px solid var(--l)}
.hiz-satir{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) clamp(9rem,17vw,17rem);gap:.5rem clamp(1rem,2vw,1.75rem);align-items:center;padding:clamp(.55rem,2.2vh,1.3rem) 0;border-bottom:1px solid var(--l)}
.hiz-ad{display:flex;align-items:center;gap:.75rem;min-width:0}.hiz-ad>div{display:flex;flex-direction:column;min-width:0}.hiz-ad h3{font-size:1.1rem;font-weight:600}.hiz-ad span{font-size:.8rem;color:var(--i3)}
.hiz-ad .m-ik{width:1.4rem;height:1.4rem}
.hiz-iz{position:relative;height:10px;border-radius:5px;background:var(--l2)}
.hiz-iz i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--a)}
.hiz-iz i.gece{background:repeating-linear-gradient(90deg,var(--i3) 0 6px,transparent 6px 10px)}
.hiz-v{font-weight:500;font-size:clamp(1.1rem,min(1.75vw,3.4vh),1.75rem);letter-spacing:-.02em;text-align:right;white-space:nowrap}
.m-dipnot{display:flex;flex-wrap:wrap;gap:.3rem 1.25rem;font-size:.8rem;color:var(--i3)}

/* hiz cubugu uzunlugu: veri.js HIZ.p 5'in kati (sinif hw-N); satir ici stil yok (CSP) */
.hw-5{width:5%}.hw-10{width:10%}.hw-15{width:15%}.hw-20{width:20%}.hw-25{width:25%}.hw-30{width:30%}.hw-35{width:35%}.hw-40{width:40%}.hw-45{width:45%}.hw-50{width:50%}.hw-55{width:55%}.hw-60{width:60%}.hw-65{width:65%}.hw-70{width:70%}.hw-75{width:75%}.hw-80{width:80%}.hw-85{width:85%}.hw-90{width:90%}.hw-95{width:95%}.hw-100{width:100%}

/* kim icin, fiyat */
.m-dort{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem)}
.m-kapi{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vh,.8rem);padding:clamp(.9rem,2.6vh,1.6rem) clamp(1rem,1.7vw,1.5rem);border-radius:14px;background:var(--p);border:1px solid var(--l);color:var(--i1);text-decoration:none;min-width:0}
.m-kapi:hover{border-color:var(--a);color:var(--i1)}
.m-kapi h3{font-size:1.25rem;font-weight:600}.m-kapi p{color:var(--i2);text-wrap:pretty}.m-kapi .tikli{align-items:stretch}.m-kapi .tikli li{align-items:flex-start}.m-kapi .tikli .ik{margin-top:.2rem}
.m-kapi .kapi-cta{margin-top:auto}
.m-planlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.6vw,1.25rem)}
.m-plan{display:flex;flex-direction:column;gap:clamp(.5rem,1.6vh,.9rem);padding:clamp(.9rem,2.6vh,1.5rem) clamp(1rem,1.7vw,1.5rem);border-radius:14px;background:var(--p);border:1px solid var(--l);min-width:0}
.m-plan.oneri{border-color:var(--a)}
.m-plan-ad{display:flex;flex-direction:column;gap:.25rem}.m-plan-ad h3{font-size:1.15rem;font-weight:600}.m-plan-ad span{font-size:.875rem;color:var(--i2)}
.m-plan .tutar{font-size:clamp(1.5rem,min(2.4vw,4.4vh),2.2rem)}
.m-plan .btn{margin-top:auto}

/* sss, kapanis */
.m-sss{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:center}
.m-sss .sss summary{min-height:clamp(2.6rem,6.2vh,3.5rem)}
.m-cta{padding:clamp(1.75rem,6vh,4.5rem) clamp(1rem,5vw,4.5rem)}
.m-cta-ic{width:100%;max-width:82rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem 2.5rem;flex-wrap:wrap}
.m-cta .m-h2{max-width:48rem}
.m-cta-ic>div{display:flex;flex-direction:column;gap:.7rem;min-width:0}

/* TV sayfasi */
.tv-kart{min-width:0;border-radius:14px;background:var(--p);border:1px solid var(--l);box-shadow:0 24px 60px rgba(15,20,22,.10);display:flex;flex-direction:column;overflow:clip}
.tv-ust{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--l2);font-family:'IBM Plex Mono',monospace;font-size:.78rem;color:var(--i3)}.tv-ust .kisalt{flex:1}
.tv-video{height:clamp(6rem,27vh,20rem);background:repeating-linear-gradient(135deg,var(--p2) 0 8px,var(--l2) 8px 16px);display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;padding:.6rem .9rem;font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:var(--i3)}
.tv-metin{display:flex;flex-direction:column;gap:.3rem;padding:.2rem 1.1rem .8rem}
.tv-metin p{display:flex;gap:.75rem;align-items:baseline;padding:.35rem .5rem;border-radius:6px;font-family:'IBM Plex Serif',Georgia,serif;font-size:clamp(.9rem,min(1.2vw,2.3vh),1.1rem);line-height:1.4}
.tv-metin p .mono{font-size:.72rem;flex:none;color:var(--i3)}
.tv-metin p:not(.komsu){background:var(--a-s)}.tv-metin p.komsu{color:var(--i3)}
.tv-alt{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-top:1px solid var(--l2);font-size:.75rem}.tv-alt .kisalt{flex:1}
.cipliste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.cipliste li{padding:.28rem .75rem;border-radius:999px;border:1px solid var(--l);background:var(--bg);font-size:.85rem}
.cipliste.buyuk{gap:.6rem}.cipliste.buyuk li{padding:.45rem 1.1rem;font-size:1.05rem;background:var(--p)}
.m-not{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 1.1rem;border:1.5px dashed var(--l);border-radius:12px;color:var(--i2);font-size:.95rem}.m-not .ik{color:var(--i3);margin-top:.2rem;flex:none}.m-not strong{color:var(--i1)}
.akis{margin:0;display:flex;flex-direction:column;gap:.8rem;padding:clamp(.9rem,2.4vh,1.4rem) clamp(1rem,1.9vw,1.5rem);border-radius:14px;background:var(--p);border:1px solid var(--l)}
.akis figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1.25rem;font-size:.85rem;color:var(--i2)}.akis figcaption>span:first-child{flex:1;font-family:'IBM Plex Mono',monospace}
.lej{display:inline-flex;align-items:center;gap:.4rem}.lej i{width:.9rem;height:.9rem;border-radius:3px}
.lej .i{background:var(--a)}.lej .a{border:1px solid var(--l);background:repeating-linear-gradient(135deg,var(--l) 0 3px,var(--p) 3px 6px)}
.akis-serit{display:flex;height:clamp(3.25rem,11vh,5.5rem)}
.akis-serit>div{display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:.25rem .45rem;min-width:0;box-shadow:inset 0 0 0 1px var(--p);font-size:.72rem;line-height:1.2}
.akis-serit span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.akis-serit .iz{background:var(--a);color:var(--on)}.akis-serit .at{background:repeating-linear-gradient(135deg,var(--l) 0 4px,var(--p) 4px 9px);color:var(--i3)}
.q1{flex:1 1 0}.q2{flex:2 1 0}.q3{flex:3 1 0}.q4{flex:4 1 0}.q5{flex:5 1 0}.q6{flex:6 1 0}.q7{flex:7 1 0}.q8{flex:8 1 0}.q9{flex:9 1 0}.q10{flex:10 1 0}
.akis-tik{display:flex;margin-top:.35rem;font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:var(--i3)}
.akis-tik .q3{flex:12 1 0}.akis-tik .q2{flex:8 1 0}.akis-tik .son{flex:0 0 0;position:relative}.akis-tik .son i{position:absolute;right:0;font-style:normal}
.akis-liste{display:none;list-style:none;margin:0;padding:0}
.akis-liste li{display:grid;grid-template-columns:3.25rem minmax(0,1fr) auto;gap:.6rem;padding:.3rem 0;border-bottom:1px solid var(--l2);font-size:.85rem}.akis-liste .mono{color:var(--i3)}.akis-liste .d{font-weight:600}
.akis-liste .iz .d{color:var(--a)}.akis-liste .at{color:var(--i3)}
.kural3 li{padding:clamp(.7rem,2vh,1.1rem) 1.2rem;border-radius:12px;border:1px solid var(--l);background:var(--p)}.kural3 h3{font-size:1.05rem;font-weight:600}.kural3 p{color:var(--i2);font-size:.9rem}

/* gazete sayfasi */
.m-ic.gz-nasil{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.gz-adim-k{display:flex;flex-direction:column;gap:clamp(.7rem,2.4vh,1.5rem);min-width:0}
.gz-adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(.5rem,1.8vh,1.1rem)}
.gz-adimlar li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.75rem;padding-top:clamp(.5rem,1.4vh,.9rem);border-top:1px solid var(--l)}
.gz-adimlar .no{font-size:1.6rem;line-height:1.1;color:var(--a)}.gz-adimlar h3{font-size:1.1rem;font-weight:600}.gz-adimlar p{color:var(--i2);font-size:.92rem}
.karsi-not{font-size:.9rem;color:var(--i2)}
.kaynak-satir a{font-weight:600}

/* ---------- M10 tablet (720-1099) ---------- */
@media (max-width:1099px){
  .m-hero-ic{grid-template-columns:minmax(0,1fr);gap:clamp(1rem,3vh,1.75rem)}
  .m-hero h1{font-size:clamp(1.9rem,min(6.4vw,5.4vh),3.5rem)}
  .m-dort{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hiz-satir{grid-template-columns:minmax(0,1fr) auto}.hiz-iz{grid-column:1/-1;order:3}
  .m-sss{grid-template-columns:minmax(0,1fr)}
  .m-ic.gz-nasil{grid-template-columns:minmax(0,1fr)}
  .m-her{grid-template-columns:minmax(0,1fr)}
  .tv-video{height:clamp(5rem,19vh,12rem)}
}
/* ---------- M10 telefon (<720) ---------- */
@media (max-width:719px){
  .m-bolum{padding:1.5rem 1rem}
  .m-hero{min-height:calc(100vh - 3.75rem);min-height:calc(100svh - 3.75rem);padding:.75rem 1rem}
  .m-hero-ic{gap:.9rem}
  .m-hero h1{font-size:clamp(1.7rem,8.2vw,2.3rem)}
  .m-alanlar{grid-template-columns:minmax(0,1fr);gap:.3rem}
  .jur-adim button{min-height:2.8rem}
  .m-uc,.m-planlar,.m-dort{grid-template-columns:minmax(0,1fr)}
  .m-sutun .tikli li:nth-child(n+3){display:none}
  .m-kapi .kapi-cta,.m-bag,.m-baslik .m-giris{display:none}
  .m-kapi .tikli{display:none}
  .m-kapi{padding:.8rem 1rem;gap:.3rem}.m-sutun{padding:.85rem 1rem;gap:.5rem}
  .m-sutun .cipliste li:nth-child(n+9){display:none}
  .jur-t{font-size:.78rem;gap:.25rem}.jur-t .ik{width:.85rem;height:.85rem}
  .m-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.m-plan .btn{grid-column:1/-1;margin-top:0}
  .m-her li:nth-child(n+3){display:none}
  .hiz-satir{padding:.55rem 0}
  .tv-video{height:clamp(5rem,16vh,9rem)}
  .tv-metin .komsu{display:none}
  .akis-serit-k{display:none}.akis-liste{display:block}
  .akis-liste li:nth-child(n+8){display:none}
  .kural3 li:nth-child(n+3){display:none}
  .gz-kolon{column-count:2}
  .gz-adimlar p{display:none}
  .gz-r:nth-of-type(n+3){display:none}
  .cipliste.buyuk li{padding:.35rem .8rem;font-size:.95rem}
  .m-cta{padding:1.75rem 1rem}
}

/* M10: fiyat ve segment sayfalari da ekran - ust cubuk yuksekligine sigar (dusuk ekranlarda bosluklar vh ile kisilir) */
.planlar-b .kap,.karsi-b .kap,.kural5-b .kap{padding-top:clamp(1rem,4.2vh,3.5rem);padding-bottom:clamp(1rem,4.2vh,3.5rem);gap:clamp(.6rem,2.2vh,1.75rem)}
.planlar-b .plan{padding:clamp(.8rem,2.4vh,1.5rem);gap:clamp(.35rem,1.2vh,.75rem)}
.planlar-b .plan .tutar{font-size:clamp(1.6rem,min(2.6vw,4.6vh),2.4rem)}
.planlar-b .plan .tikli{gap:clamp(.15rem,.6vh,.3rem)}
.karsi{font-size:clamp(.8rem,1.55vh,.95rem)}
.karsi th,.karsi td{padding:clamp(.16rem,.6vh,.6rem) 1rem}
.seg-giris .kap,.seg-oz .kap,.seg-adim .kap{padding-top:clamp(1rem,4.2vh,3.5rem);padding-bottom:clamp(1rem,4.2vh,3.5rem)}
@media (max-width:719px){
  .kural5 li p:last-child{display:none}.kural5 li{padding:.8rem 1rem}.kural5{gap:.5rem}
  .teklif-bant{padding:1rem}
  .planlar-b .kirinti{display:none}
}

/* M6 sahneleri geri + M10 yolculuk bolumu: baslik solda, yolculuk sagda (genis ekran); dar ekranda alt alta */
@media (min-width:960px){.yol-ic{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,4.5rem)}}
.yol-baslik{min-width:0}


/* ================= Y1 Yayin (MTS kimligi, 2026-11-01): ana sayfa + belediyeler + hakkimizda. Icerik kadar uzar; ic kayan kutu yok. ================= */
.y{display:flex;flex-direction:column}
.y .koyu{background:var(--bg);color:var(--i1)}
.y-ic{width:100%;max-width:76rem;margin:0 auto;padding:3rem 2rem;display:flex;flex-direction:column;gap:1.5rem}
@media (min-width:2200px){.y-ic,.alt-ic{max-width:104rem}}
.y-bb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem 3rem;align-items:end}.y-bb>div{display:flex;flex-direction:column;gap:.6rem}.y-bb .y-giris{margin:0}
.y-bas-ic{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.5rem;align-items:stretch}.y-bas-ic .y-sayi-kart{align-self:stretch}.y-sayi-kart>div{justify-content:center}.y-bas-metin{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.y-sayi-kart{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.y-sayi-kart>div{display:flex;flex-direction:column;padding:1.1rem 1.2rem;border:1px solid var(--l);border-radius:12px;background:var(--p)}
.y-sayi-kart dt{order:2;font-size:.85rem;color:var(--i2)}.y-sayi-kart dd{order:1;margin:0;font-family:var(--basl);font-weight:800;font-size:2rem;line-height:1;color:var(--a)}.y-sayi-kart span{order:3;font-size:.8rem;color:var(--i3);margin-top:.3rem}
.y-kural .y-kurallar ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem 1.5rem}.y-kural .y-kurallar{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.8rem 2rem}.y-kural .y-kurallar h3{flex:0 0 auto}.y-kural .y-kurallar ol{flex:1 1 100%}
.y-iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}
.y-ust{font-family:'IBM Plex Sans';font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--a)}
.koyu .y-ust{color:var(--alt)}
.y h1{font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.04;text-wrap:balance;max-width:22ch}
.y h2{font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.1;text-wrap:balance;max-width:26ch}
.y h3{font-family:var(--basl);font-weight:800;font-size:1.15rem;letter-spacing:-.01em;line-height:1.2}
.y-giris{font-size:1.1rem;line-height:1.55;color:var(--i2);max-width:40rem;text-wrap:pretty}
.y-giris a,.y-kurallar a,.y-madde a{color:var(--a);font-weight:600}
.y-dugmeler{display:flex;flex-wrap:wrap;gap:.75rem}
.btn.altin{background:var(--alt);color:#1C1412;border-color:var(--alt)}.btn.altin:hover{background:#F0C98A;color:#1C1412}
.btn.cerceve{background:transparent;color:var(--i1);border:2px solid currentColor}
.koyu .btn.ikincil{color:var(--i1);border-color:var(--l)}
.y-roz{display:inline-flex;gap:.25em;align-items:center;padding:.15rem .6rem;border-radius:999px;background:var(--l2);color:var(--i1);font-size:.75rem;font-weight:600;white-space:nowrap}
.y-roz.altin{background:var(--alt);color:#1C1412}
.y-madde{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;font-size:1rem;line-height:1.5;color:var(--i2)}
.y-madde b{color:var(--i1)}.koyu .y-madde,.koyu .y-madde b{color:var(--i1)}

/* deneme formu + sayac (ana sayfa kahramani sahne.js'te; alt sayfalar da kullanir) */
.y .deneme-form{max-width:36rem}
.y .deneme-form label{font-weight:600;font-size:1rem}
.y .girdi-satir input{border:2px solid var(--a);background:var(--p)}
.y .girdi-satir .btn{white-space:nowrap}
.y-sayac{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.95rem;color:var(--i2)}
.y-sayac b{color:var(--i1);font-family:var(--basl);font-weight:800;font-size:1.1rem}
.y-kart-ust{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;background:var(--a);color:var(--on);font-size:.9rem}
.y-kart-ust b{font-family:var(--basl);font-weight:800}
.y-nokta{width:.55rem;height:.55rem;border-radius:50%;background:var(--alt)}

/* kimin icin */
.y-kimler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.y-kimk{display:flex;flex-direction:column;gap:.6rem;padding:1.3rem;border:1px solid var(--l);border-radius:12px;background:var(--p);font-size:.92rem;line-height:1.5;color:var(--i2)}
.y-kimk .y-alt{color:var(--i3);font-size:.85rem;margin-top:-.4rem}
.y-etk{display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--a)}
.y-kimk .ok-bag{margin-top:auto;color:var(--a)}

/* karsilastirma tablosu */
.y-tablo-kutu{width:100%;overflow-x:auto}
.y-tablo{width:100%;border-collapse:collapse;font-size:.95rem;min-width:34rem}
.y-tablo th,.y-tablo td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid var(--l);vertical-align:top}
.y-tablo thead th{font-family:var(--basl);font-weight:800;font-size:1rem}
.y-tablo thead th:last-child{color:var(--a)}
.y-tablo tbody th{font-weight:600;color:var(--i1);width:28%}
.y-tablo td{color:var(--i2)}.y-tablo td:last-child{color:var(--i1);font-weight:500}

/* fiyat + kurallar */
.y-planlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.y-plan{display:flex;flex-direction:column;gap:.7rem;padding:1.4rem;border:1px solid var(--l);border-radius:14px;background:var(--p)}
.y-plan.oneri{border-color:var(--a);box-shadow:0 18px 44px rgba(94,27,43,.1)}
.y-kim{font-size:.9rem;color:var(--i3)}
.y-tutar{display:flex;align-items:baseline;gap:.4rem}.y-tutar strong{font-family:var(--basl);font-weight:800;font-size:1.9rem}.y-tutar span{color:var(--i3);font-size:.9rem}
.y-plan .btn{margin-top:auto}
.y-kurallar{display:flex;flex-direction:column;gap:.8rem;padding:1.5rem;border-radius:14px;background:var(--p2)}
.y-kurallar ol{margin:0;padding-left:1.3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2rem;font-size:.95rem;line-height:1.5;color:var(--i2)}
.y-kurallar b{color:var(--i1)}

/* sss + kapanis */
.y-sss{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;border-top:1px solid var(--l)}
.y-sss details{border-bottom:1px solid var(--l)}
.y-sss summary{cursor:pointer;padding:.9rem 0;font-weight:600;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.y-sss summary::-webkit-details-marker{display:none}
.y-sss summary::after{content:'+';color:var(--a);font-family:var(--basl);font-weight:800}
.y-sss details[open] summary::after{content:'–'}
.y-sss p{padding:0 0 1rem;font-size:.98rem;line-height:1.55;color:var(--i2);max-width:60ch}
.y-kapanis,.y .y-kapanis.koyu{background:#1C1412;color:#F2E8DA}
.y-kapanis .y-ic{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem;padding-top:3rem;padding-bottom:3rem}
.y-kapanis h2{color:#F2E8DA}.y-kapanis p{color:#CDB3A8;margin-top:.4rem}
.y-kapanis .btn.cerceve{color:#F2E8DA}

/* alt sayfalar: baslik bandi */
.y-bas .y-ic{padding-bottom:2.5rem}
.y-sayfa .y-gun .y-ic{padding-top:0}

/* ust cubuk ve altbilgi: kimlik */
.ust{background:var(--bg);border-bottom:1px solid var(--l)}
.ana-nav a[aria-current]{color:var(--a)}
.alt.koyu{background:var(--bg)}

@media (max-width:1099px){
  .y-ic{padding:2.5rem 1.5rem}
  .r-ic{grid-template-columns:1fr}.r-yan{position:static}
  .y-kural .y-kurallar ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:999px){
  .y-bb,.y-bas-ic,.y-sss{grid-template-columns:1fr}.y-bb{align-items:start}
  .y-kimler{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:719px){
  .y-ic{padding:2.25rem 1rem;gap:1.1rem}
  .y-iki{grid-template-columns:1fr;gap:1.5rem}
  .y-kimler,.y-planlar{grid-template-columns:1fr}
  .y-plan .tikli{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .8rem}
  .y-kurallar ol,.y-kural .y-kurallar ol{grid-template-columns:1fr}.y-sayi-kart{grid-template-columns:1fr 1fr}
  .y .girdi-satir{flex-direction:column}.y .girdi-satir input{flex:none;height:3rem}
  .y h1{font-size:2rem}
  .y-kapanis .y-ic{flex-direction:column;align-items:stretch}.y-kapanis .y-dugmeler{display:flex;gap:.6rem}.y-kapanis .y-dugmeler .btn{flex:1;justify-content:center}
  .y-tablo-kutu{overflow:visible}.y-tablo{min-width:0}
  .y-tablo thead{display:none}.y-tablo tr{display:block;padding:.6rem 0;border-bottom:1px solid var(--l)}
  .y-tablo th,.y-tablo td{display:block;width:auto;padding:.15rem 0;border:0}
  .y-tablo tbody th{font-family:var(--basl);font-weight:800;font-size:1rem}
  .y-tablo td::before{content:attr(data-b) ': ';color:var(--i3);font-weight:500}
}

/* ---- Rehber (/rehber, /rehber/<yol>): liste kartlari + yazi govdesi (okuma genisligi ~42rem) ---- */
.r-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.r-kart{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;border:1px solid var(--l);border-radius:14px;background:var(--bg2,var(--bg));color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.r-kart:hover{border-color:var(--a);transform:translateY(-2px)}
.r-kart h2{font-size:1.2rem;line-height:1.3;margin:0}.r-kart p{color:var(--i2);line-height:1.5;margin:0;flex:1}.r-kart .ok-bag{color:var(--a)}
.r-ic{display:grid;grid-template-columns:minmax(0,42rem) minmax(16rem,1fr);gap:3.5rem;align-items:start}.r-metin{min-width:0;display:flex;flex-direction:column;gap:1.5rem}
.r-yan,.r-yan-sag{display:flex;flex-direction:column;gap:1.25rem}.r-yan{position:sticky;top:5rem}.r-yan h2{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:var(--i3);margin:0 0 .6rem}
.r-icindekiler,.r-diger,.r-deneme{padding:1.2rem 1.3rem;border:1px solid var(--l);border-radius:12px;background:var(--p)}.r-icindekiler ol{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;font-size:.95rem}.r-icindekiler a{color:var(--i1);text-decoration:none}.r-icindekiler a:hover{color:var(--a)}
.r-deneme{background:var(--p2)}.r-deneme p{font-size:.92rem;color:var(--i2);margin:0 0 .9rem}
.r-govde{max-width:42rem;font-size:1.05rem;line-height:1.65}
.r-govde>*+*{margin-top:1.1rem}.r-govde h2{font-size:1.5rem;line-height:1.25;margin-top:2.2rem}.r-govde h3{font-size:1.15rem;margin-top:1.6rem}
.r-govde ul,.r-govde ol{padding-left:1.4rem}.r-govde li+li{margin-top:.4rem}.r-govde a{color:var(--a);font-weight:600}
.r-govde blockquote{margin:1.4rem 0;padding:.9rem 1.2rem;border-left:4px solid var(--altin,#E0B36A);background:var(--bg2,var(--bg));border-radius:0 10px 10px 0}
.r-govde blockquote p{margin:0}
.r-tablo-kutu{max-width:100%}.r-tablo{width:100%;border-collapse:collapse;font-size:.95rem}
.r-tablo th,.r-tablo td{padding:.6rem .7rem;border-bottom:1px solid var(--l);text-align:left;vertical-align:top}
.r-tablo thead th{font-family:var(--basl);font-weight:800;font-size:.85rem;letter-spacing:.02em;color:var(--i2)}
.r-tablo tbody th{font-weight:600}
.r-diger ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.r-diger a{color:var(--a);font-weight:600}
@media (max-width:1099px){.r-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:719px){
  .r-liste{grid-template-columns:1fr}
  .r-govde{font-size:1rem}
  .r-tablo thead{display:none}.r-tablo tr{display:block;padding:.6rem 0;border-bottom:1px solid var(--l)}
  .r-tablo th,.r-tablo td{display:block;width:auto;padding:.15rem 0;border:0}
  .r-tablo tbody th{font-family:var(--basl);font-weight:800;font-size:1rem}
  .r-tablo td::before{content:attr(data-b) ': ';color:var(--i3);font-weight:500}
}
/* cok genis ekran (>=2200): rehber yazisi uc sutun; r-* temel kurallarindan SONRA durmali */
@media (min-width:2200px){.r-ic{max-width:128rem;grid-template-columns:minmax(0,20rem) minmax(0,1fr) minmax(0,23rem);gap:4rem}.r-icindekiler ol{gap:.7rem;font-size:1.08rem}.r-metin{grid-column:2;grid-row:1/4}.r-yan{display:contents}.r-icindekiler{grid-column:1;grid-row:1/4;position:sticky;top:5rem;align-self:start}.r-yan-sag{grid-column:3;grid-row:1/4;position:sticky;top:5rem;align-self:start}.r-govde{max-width:none;font-size:1.2rem}}

/* ================= V4 CANLI VITRIN (ana sayfa 9 sahne, Sercan onayi 2026-11-01; metin kreatif/site/metin-vitrin-v4.md) =================
   Icerik kadar uzar, ic kayan kutu yok; sayilar sunucu HTML'inde (vitrin.son()) ve site.js ile 60 sn'de bir tazelenir.
   Hareket: html.hareket + sahne gorununce .gor (site.js IntersectionObserver); yalniz transform/opacity (+ egri stroke-dashoffset). */
.v-koyu{--bg:#1C1412;--p:#2C211D;--p2:#3A2C27;--l:#3A2C27;--l2:#4A3A35;--i1:#F2E8DA;--i2:#D9CDBE;--i3:#B8A898;--a:#E0B36A;--a2:#F0C98A;--alt:#E0B36A;--isik:rgba(224,179,106,.08);background:#1C1412;color:#F2E8DA;color-scheme:dark}
.v-koyu .y-ust{color:var(--alt)}.v-koyu .y-giris{color:var(--i2)}.v-koyu .y-roz{background:#3A2C27;color:#F2E8DA}
.v .y-roz{font-size:.75rem}.y-roz.yesil{background:var(--g);color:#F2E8DA}.y-roz.kirmizi{background:#C8332F;color:#F2E8DA}.y-roz.v-roz-bordo{background:var(--a);color:var(--on)}.y-roz.v-roz-koyu{background:#3A2C27;color:#F2E8DA}
.v-rozler{display:flex;flex-wrap:wrap;gap:.4rem}
.v-satirlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.v-satirlar li{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--l);font-size:.92rem}
.v-satirlar li:last-child{border-bottom:0}.v-satirlar .mono{color:var(--i3);font-size:.8rem;text-align:right}.v-satirlar li>span:first-child{min-width:0}
.v-canli-nokta{width:.6rem;height:.6rem;border-radius:50%;background:#C8332F;box-shadow:0 0 0 4px rgba(200,51,47,.18);flex:none}
.hareket .v-canli-nokta{animation:v-nabiz 1.6s ease-in-out infinite}
@keyframes v-nabiz{0%,100%{box-shadow:0 0 0 3px rgba(200,51,47,.18)}50%{box-shadow:0 0 0 8px rgba(200,51,47,.06)}}
.v-sahne .y-bb{gap:1rem 3rem}

/* 1 su an */
.v-simdi{background:radial-gradient(ellipse 90% 70% at 100% 0%,var(--isik),transparent 70%),var(--bg)}
.v-hero-ic{display:grid;grid-template-columns:minmax(0,21fr) minmax(0,19fr);gap:3rem;align-items:center;padding-top:3.5rem;padding-bottom:3rem}
.v-hero-metin{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.v-simdi-kart{min-width:0;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.6rem;border-radius:14px;background:#1C1412;color:#F2E8DA;border:1px solid #2C211D;box-shadow:0 24px 60px rgba(94,27,43,.14)}
.v-simdi-ust{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.v-simdi-ust b{font-family:var(--basl);font-weight:800}.v-simdi-ust .mono{margin-left:auto;font-size:.72rem;opacity:.75;text-align:right}
.v-sayac3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.v-sayac3>div{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;border-radius:10px;background:#2C211D;min-width:0}
.v-sayac3 b{font-family:var(--basl);font-weight:800;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1;color:#E0B36A;font-variant-numeric:tabular-nums}
.v-sayac3 span{font-size:.78rem;opacity:.85;line-height:1.3}
.v-son-tv{display:flex;flex-direction:column;gap:.3rem;padding-top:.9rem;border-top:1px solid #3A2C27}
.v-etiket{font-size:.72rem;letter-spacing:.06em;color:#E0B36A;text-transform:uppercase}
.v-son-tv p{font-size:1rem;line-height:1.4}.v-son-tv .soluk{font-size:.72rem;color:#B8A898}
.v-simdi .v-rozler .y-roz{font-size:.72rem}

/* 2 canli deneme */
.v-deneme{background:var(--p);border-top:1px solid var(--l);border-bottom:1px solid var(--l)}
.v-deneme-kart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.75rem;padding:1.4rem 1.5rem;border:1px solid var(--l);border-radius:14px;background:var(--bg)}
.v-deneme-sol{display:flex;flex-direction:column;gap:.9rem;min-width:0}
.v-yazi-kutu{display:flex;align-items:center;gap:.15rem;min-height:3.25rem;padding:.6rem .9rem;border:2px solid var(--a);border-radius:10px;background:#fff;font-size:1.05rem;line-height:1.3}
.v-yazi{min-width:0}
.v-imlec{width:2px;height:1.4em;background:var(--a);flex:none}
.hareket .v-imlec{animation:v-imlec 1s steps(2) infinite}
@keyframes v-imlec{50%{opacity:0}}
.v-sonuclar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.v-sonuclar>li{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.7rem .9rem;border:1px solid var(--l);border-radius:10px;background:var(--p)}
.v-sonuclar>li>div{display:flex;flex-direction:column;min-width:0}.v-sonuclar b{font-size:.95rem}.v-sonuclar>li>div>span{font-size:.8rem;color:var(--i3)}

/* 3 tv */
.v-tv-ic{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:1.75rem;align-items:start}
.v-karolar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem}
.v-karo{display:flex;flex-direction:column;gap:.3rem;min-height:5rem;padding:.7rem .75rem .6rem;border-radius:10px;background:#3A2C27;color:#F2E8DA;min-width:0}
.v-karo b{font-family:var(--basl);font-weight:800;font-size:.9rem;line-height:1.15}
.v-karo .saat{font-family:'IBM Plex Mono',monospace;font-size:.72rem;opacity:.85}
.v-karo.canli{background:#5E1B2B;outline:3px solid #E0B36A;outline-offset:-3px}
.hareket .v-karo.canli{animation:v-altin 2.6s ease-in-out infinite}
@keyframes v-altin{0%,100%{outline-color:#E0B36A}50%{outline-color:rgba(224,179,106,.45)}}
.v-oynatici{display:flex;flex-direction:column;gap:.8rem;padding:1.1rem;border-radius:14px;background:#2C211D;border:1px solid #3A2C27;color:#F2E8DA}
.v-oyn-ust{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.v-oyn-ust .soluk{font-size:.75rem}
.v-dalga{height:4.5rem;display:flex;align-items:center;gap:3px;padding:0 .25rem}
.v-dalga i{flex:1;border-radius:2px;background:#6B5E57;transform-origin:center}
.v-dalga i.d0{height:30%}.v-dalga i.d1{height:50%}.v-dalga i.d2{height:38%}.v-dalga i.d3{height:72%}.v-dalga i.d4{height:58%}.v-dalga i.d5{height:90%}
.v-dalga i.a{background:#E0B36A}
.hareket .v-dalga i{animation:v-dalga 1.4s ease-in-out infinite}
.hareket .v-dalga i:nth-child(2n){animation-delay:.2s}.hareket .v-dalga i:nth-child(3n){animation-delay:.45s}.hareket .v-dalga i:nth-child(5n){animation-delay:.7s}
@keyframes v-dalga{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.45)}}
.v-oynatici p{font-size:.95rem;line-height:1.4}
.v-oyn-alt{display:flex;align-items:center;gap:.7rem;font-size:.8rem}.v-oyn-alt .soluk{color:#B8A898}
.v-oyn-dugme{width:2.6rem;height:2.6rem;border-radius:50%;background:#E0B36A;color:#1C1412;display:inline-flex;align-items:center;justify-content:center}

/* 4 il */
.v-il-ic{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:1.75rem;align-items:start}
.v-iller{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.35rem}
.v-ilk{aspect-ratio:1;border-radius:6px;display:flex;flex-direction:column;justify-content:flex-end;padding:.3rem;font-size:.58rem;line-height:1.15;color:#F2E8DA;font-family:'IBM Plex Mono',monospace;font-weight:500;min-width:0;overflow:hidden;cursor:default}
.v-ilk i{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v-ilk b{font-weight:500;opacity:.9}
.v-ilk.d0{background:#DBAAB2;color:#3E1019}.v-ilk.d1{background:#D49AA3;color:#3E1019}.v-ilk.d2{background:#BE7A85}.v-ilk.d3{background:#AE6A76}.v-ilk.d4{background:#9E5A67}.v-ilk.d5{background:#7E3A49}.v-ilk.d6{background:#5E1B2B}.v-ilk.d7{background:#3E1019}
.v-ilk:hover,.v-ilk.sec{outline:2px solid #E0B36A;outline-offset:-2px}
.v-il-yan{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.25rem;border:1px solid var(--l);border-radius:14px;background:var(--p)}
.v-il-sec{font-family:var(--basl);font-weight:800;font-size:1.3rem;line-height:1.2}

/* 5 gazete */
.v-gazete{background:var(--p);border-top:1px solid var(--l);border-bottom:1px solid var(--l)}
.v-gz-ic{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:1.75rem;align-items:end}
.v-yelpaze{display:flex;align-items:flex-end;padding:2.2rem 2.5rem .6rem 1rem;min-height:14rem} /* sag pay: yelpaze donusu (rotate) sutundan tasmaz */
.v-gz{flex:1 1 0;min-width:0;max-width:9rem;height:12rem;margin-left:-3.4rem;display:flex;flex-direction:column;justify-content:space-between;padding:.9rem .8rem;border:1px solid var(--l);border-radius:6px;background:var(--bg);box-shadow:0 10px 24px rgba(28,20,18,.12);transform-origin:50% 100%}
.v-gz:first-child{margin-left:0}
.v-gz b{font-family:var(--basl);font-weight:800;font-size:.95rem;line-height:1.1;overflow-wrap:anywhere}.v-gz .mono{font-size:.72rem;color:var(--a)}.v-gz .y-ust{font-size:.62rem}
.v-gz:nth-child(1){transform:rotate(-14deg)}.v-gz:nth-child(2){transform:rotate(-10deg)}.v-gz:nth-child(3){transform:rotate(-6deg)}.v-gz:nth-child(4){transform:rotate(-2deg)}
.v-gz:nth-child(5){transform:rotate(2deg)}.v-gz:nth-child(6){transform:rotate(6deg)}.v-gz:nth-child(7){transform:rotate(10deg)}.v-gz:nth-child(8){transform:rotate(14deg)}
.v-gz-yan{display:flex;flex-direction:column;gap:.6rem;padding:1.1rem 1.25rem;border-radius:14px}
.v-gz-yan.v-koyu .v-satirlar li{border-color:#3A2C27}.v-gz-yan .not{color:#B8A898}

/* 6 tek haber */
.v-tek-ic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.75rem;align-items:start}
.v-olay-kart{display:flex;flex-direction:column;gap:.8rem;padding:1.4rem;border:2px solid var(--a);border-radius:14px;background:var(--p)}
.v-olay-kart h3{font-size:1.35rem;line-height:1.2}
.v-gercek{display:flex;flex-direction:column;gap:.25rem;padding:.8rem .9rem;border-radius:10px;background:var(--p2)}
.v-gercek p{font-size:.98rem;line-height:1.45}
.v-kaynaklar li.soluk span{color:var(--i3)}

/* 7 telefon */
.v-tel-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}
.v-tel-metin{display:flex;flex-direction:column;gap:1rem;min-width:0}
.v-gecikme li{border-color:#3A2C27}.v-gecikme .mono{color:#B8A898}
.v-telefon{justify-self:center;width:min(20rem,100%);height:35rem;border-radius:40px;background:#0F0B0A;border:6px solid #3A2C27;padding:3.25rem 1rem 1rem;display:flex;flex-direction:column;gap:.6rem;position:relative}
.v-centik{position:absolute;top:.85rem;left:50%;transform:translateX(-50%);width:6.8rem;height:1.5rem;border-radius:.75rem;background:#000}
.v-bildirim{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .9rem;border-radius:16px;background:#2C211D;color:#F2E8DA;font-size:.85rem}
.v-bildirim b{font-size:.9rem;line-height:1.25}
.v-bild-acik{background:#FBF6EC;color:#1C1412;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.v-bild-ust{display:flex;justify-content:space-between;font-size:.72rem;color:#6B5E57}.v-bildirim:not(.v-bild-acik) .v-bild-ust{color:#D9CDBE}
.v-wa{font-weight:600;color:#2F6B45}.v-tg{font-weight:600;color:#E0B36A}.v-bild-not{font-size:.68rem;color:#5E1B2B}
.v-bild-alt{margin-top:auto;flex-direction:row;justify-content:space-between;font-size:.8rem}.v-altin{color:#E0B36A;font-weight:600}

/* 8 yayilma */
.v-yayilma-ic{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1.75rem;align-items:center;padding:1.4rem 1.5rem;border:1px solid var(--l);border-radius:14px;background:var(--p)}
.v-egri{width:100%;height:auto;display:block}
.v-izgara line{stroke:var(--l);stroke-width:1}
.v-eksen,.v-eksen text{font-family:'IBM Plex Mono',monospace;font-size:11px;fill:var(--i3)}
.v-alan{fill:var(--a);fill-opacity:.08}
.v-cizgi{fill:none;stroke:var(--a);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.v-nk{fill:var(--alt)}.v-nk.v-zirve{fill:var(--a)}
.v-zirve-yazi{font-family:var(--basl);font-weight:800;font-size:13px;fill:var(--a)}
.hareket .v-cizgi{stroke-dasharray:2200;stroke-dashoffset:2200;transition:stroke-dashoffset 1.8s ease .2s}.hareket .gor .v-cizgi{stroke-dashoffset:0}
.hareket .v-alan,.hareket .v-nk,.hareket .v-zirve-yazi{opacity:0;transition:opacity .6s ease 1.4s}.hareket .gor .v-alan,.hareket .gor .v-nk,.hareket .gor .v-zirve-yazi{opacity:1}
.v-yayilma-yan{display:flex;flex-direction:column;gap:.6rem;min-width:0}.v-yayilma-yan .y-roz{align-self:flex-start}
.v-yan-baslik{font-family:var(--basl);font-weight:800;font-size:1.15rem;line-height:1.2}

/* 9 kapi */
.v-kapi{background:var(--p);border-top:1px solid var(--l)}
.v-kapi-ic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem;align-items:center;padding-bottom:4rem}
.v-kapi-metin{display:flex;flex-direction:column;gap:1rem;min-width:0}
.v-kapi-kart{position:relative;padding:1.25rem 1.4rem;border:1px solid var(--l);border-radius:14px;background:var(--bg)}
.v-damga{position:absolute;top:-1.1rem;right:1.4rem;padding:.25rem .75rem;border:3px solid var(--g);border-radius:8px;background:var(--bg);color:var(--g);font-family:var(--basl);font-weight:800;font-size:.95rem;transform:rotate(-6deg);transform-origin:100% 50%} /* buyume sola: girista sag kenardan tasmaz */
.hareket .v-sahne:not(.gor) .v-damga{opacity:0;transform:rotate(-6deg) scale(1.7)}.hareket .v-damga{transition:opacity .35s ease .5s,transform .35s cubic-bezier(.2,1.4,.4,1) .5s}
.v-kapi-satirlar li{padding:.55rem 0}.v-kapi-satirlar .mono{display:flex;align-items:center;gap:.4rem;color:var(--i2)}.v-kapi-satirlar .mono b{color:var(--i1)}
.v-kapi-bas{font-size:.7rem!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--a)}

/* hareket: sahne gorunene kadar ogeler asagida ve seffaf (site.js .gor ekler; azaltilmis harekette html.hareket yok -> her sey yerinde) */
.hareket .v-sahne .v-g{transition:opacity .35s ease,transform .35s ease}
.hareket .v-sahne:not(.gor) .v-g{opacity:.35;transform:translateY(14px)} /* giriste bos alan birakmaz: soluk + asagida, sonra yerine */
.hareket .v-sahne:not(.gor) .v-bildirim{transform:translateY(-18px)}
.hareket .v-sayac3 b{transition:transform .25s ease}.hareket .v-sayac3 b.degisti{transform:translateY(-3px)}

/* ---------- tablet (<=1023; 1024 masaustu duzeni: her bolum ekrana sigar) ---------- */
@media (max-width:1023px){
  .v-hero-ic{grid-template-columns:1fr;gap:2rem}
  .v-tv-ic,.v-il-ic,.v-gz-ic,.v-tek-ic,.v-tel-ic,.v-kapi-ic{grid-template-columns:1fr;gap:1.5rem}
  .v-yayilma-ic{grid-template-columns:1fr;gap:1.25rem}
  .v-karolar{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v-iller{grid-template-columns:repeat(9,minmax(0,1fr))}
  .v-telefon{height:32rem}
}
/* ---------- telefon (<720) ---------- */
@media (max-width:719px){
  .v-hero-ic{padding-top:2.25rem;padding-bottom:2rem}
  .v-simdi-kart{padding:1.1rem 1rem}.v-sayac3{gap:.5rem}.v-sayac3>div{padding:.7rem .6rem}.v-sayac3 span br{display:none}.v-sayac3 b{font-size:1.5rem}
  .v-simdi-ust .mono{font-size:.65rem}
  .v-deneme-kart{grid-template-columns:1fr;padding:1rem;gap:1rem}
  .v-karolar{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.v-karo{min-height:3.9rem;padding:.55rem .55rem .5rem}.v-karo b{font-size:.78rem}.v-karo .saat{font-size:.64rem}
  .v-iller{grid-template-columns:repeat(9,minmax(0,1fr));gap:.25rem}.v-ilk{font-size:.46rem;padding:.2rem;border-radius:4px}.v-ilk b{display:none}
  .v-yelpaze{padding:1.5rem 1.6rem .4rem .4rem;min-height:9rem}.v-gz{max-width:5.9rem;height:7.6rem;margin-left:-1.9rem;padding:.55rem .5rem}.v-gz b{font-size:.82rem}.v-gz .mono{font-size:.62rem}.v-gz:nth-child(n+6){display:none}
  .v-olay-kart{padding:1rem}.v-olay-kart h3{font-size:1.15rem}
  .v-telefon{height:29rem;border-radius:34px;padding:2.75rem .75rem .75rem}
  .v-yayilma-ic{padding:.9rem}
  .v-kapi-ic{padding-bottom:3rem}.v-kapi-kart{padding:1.4rem .9rem .9rem}.v-damga{font-size:.8rem;right:.8rem}
  .v-kapi-satirlar li{font-size:.85rem}
  .v-yazi-kutu{font-size:.95rem}
}
@media (max-width:400px){.v-gz{max-width:5.5rem;margin-left:-2.1rem}.v-gz:first-child{margin-left:0}}

/* ---------- V4b: Nasil calisir + Kaynaklar + gundem listesi + il ornegi + alt bilgi satiri (ihtiyac-vitrin-hukum-2026-11-01 D) ---------- */
.y-nasil{background:var(--bg)}
.y-adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.y-adimlar li{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1.4rem;border:1px solid var(--l);border-top:3px solid var(--alt);border-radius:12px;background:var(--p)}
.y-adimlar p{font-size:.95rem;line-height:1.5;color:var(--i2)}
.y-no{font-family:var(--basl);font-weight:800;font-size:2.4rem;line-height:1;color:var(--a)}
.y-kaynaklar{background:var(--p2);border-top:1px solid var(--l);border-bottom:1px solid var(--l)}
.y-kay-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.y-kay{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1.2rem;border:1px solid var(--l);border-top:3px solid var(--alt);border-radius:12px;background:var(--p);color:var(--i1);text-decoration:none}
.y-kay .ik{width:1.5rem;height:1.5rem;color:var(--a)}
.y-kay p{font-size:.92rem;line-height:1.5;color:var(--i2)}
.y-sayi{margin-top:auto;padding-top:.3rem;font-family:var(--basl);font-weight:800;font-size:1.05rem;color:var(--a)}
.y-kay:hover b{text-decoration:underline}
.v-il-ornek{margin:0;padding-left:.7rem;border-left:3px solid var(--alt);font-size:.88rem;line-height:1.4;color:var(--i2)}
.v-gundem{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem 1.5rem;border:1px solid var(--l);border-radius:14px;background:var(--p)}
.v-gundem h3{font-size:1.15rem}
.alt-son a{color:inherit;text-decoration:underline}
@media (max-width:1023px){.y-kay-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.y-adimlar{gap:1rem}.y-adimlar li{padding:1.1rem}}
@media (max-width:719px){.y-adimlar,.y-kay-izgara{grid-template-columns:1fr}.v-gundem{padding:1rem}}
/* V4b: TV sahnesi — oynatici karti yokken karolar tam genislik; karoda yalniz ad + canli nokta + son cumle saati */
.v-tv-ic.tek{grid-template-columns:1fr}
@media (min-width:1024px){.v-tv-ic.tek .v-karolar{grid-template-columns:repeat(8,minmax(0,1fr))}}
.v-karo .saat:empty{display:none}
.v-karo.canli b::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.4rem;border-radius:50%;background:#E0B36A;vertical-align:.05em}
.v-oynatici p{font-size:.95rem;line-height:1.4}
/* V4b: telefon sahnesi tablette iki sutun (metin + telefon); tek sutunda telefonun iki yani bos kaliyordu (olc.js bos blok) */
@media (min-width:600px) and (max-width:1023px){.v-tel-ic{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}
/* ---------- V4c: canli alt sayfalar (hikaye cumlesi + canli kanit; ana sayfa parcalari aynen, parca.js) ---------- */
.v-canli{background:var(--bg)}
.v-canli .y-ic{padding-top:2rem;padding-bottom:2rem;gap:1.25rem}
.v-canli .v-hikaye{font-size:clamp(1.35rem,2.3vw,1.9rem);line-height:1.15;max-width:34ch}
.v-gec-satir,.v-gz-bas{margin:0;font-size:.95rem;color:var(--i2)}
.v-gec-satir b,.v-gz-bas b{font-family:var(--basl);font-weight:800;font-size:1.15rem;color:var(--i1)}
.v-gz-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
.v-gz-liste li.soluk span{color:var(--i3)}
.v-yayilma-ic.tek{grid-template-columns:1fr}
.v-serit{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem 1.1rem;margin:0;font-size:.95rem;color:var(--i2)}
.v-serit b{font-family:var(--basl);font-weight:800;font-size:1.1rem;color:var(--i1)}
.v-serit-bas{font-weight:600;color:var(--a)}
.v-serit-s{background:var(--p2);border-bottom:1px solid var(--l)}.v-serit-s .y-ic{padding-top:.9rem;padding-bottom:.9rem}
.v-ust-satir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 1.5rem}
.v-canli .v-il-ic{align-items:center}
@media (max-width:719px){.v-canli .y-ic{padding-top:1.25rem;padding-bottom:1.25rem}.v-gz-liste{grid-template-columns:1fr}.v-canli .v-il-yan .v-satirlar{display:none}}
/* ---------- M11: ekran olcumu kirmizilari (2026-11-02) — duzen/yogunluk; metin degismez, bos alan oge uzatilarak degil daha cok oge / dar duzenle dolar ---------- */
/* ana: yayilma bolumu (egri + gundem) alcak ekranda ekrana sigar: bosluklar daralir, gundem 3 satir */
@media (min-width:1024px) and (max-height:900px){
  .v-yayilma .y-ic{padding-top:1.25rem;padding-bottom:1.25rem;gap:1rem}
  .v-yayilma .v-yayilma-ic{padding:1rem 1.25rem}
  .v-yayilma .v-gundem{padding:.9rem 1.25rem}
  .v-yayilma .v-gundem li:nth-child(n+4){display:none}
}
/* ana: genis ekranda telefon sahnesi sag boslukta kaybolmasin (metin sutunu genis, telefon sutunu dar) */
@media (min-width:1700px){.v-tel-ic{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
/* kamu: 81 il = 9x9 (son satir yarim kalmaz), hucre yatay dikdortgen; yan kartta daha cok il */
@media (min-width:1024px){
  .v-canli .v-iller{grid-template-columns:repeat(9,minmax(0,1fr))}
  .v-canli .v-ilk{aspect-ratio:1.7}
}
/* gazete canli blogu: baslik solda, liste sagda (genis ekranda basligin sagi bos kalmaz) */
@media (min-width:1024px){
  .v-canli:has(.v-gz-liste) .y-ic{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:2.5rem;row-gap:1rem;align-items:start}
  .v-canli:has(.v-gz-liste) .v-hikaye{grid-column:1;grid-row:1}
  .v-canli:has(.v-gz-liste) .v-gz-bas{grid-column:1;grid-row:2}
  .v-canli:has(.v-gz-liste) .v-gz-liste{grid-column:2;grid-row:1 / span 2}
}
/* kahraman: cok yuksek ekranda ekrani doldurmaya zorlanmaz (icerik kadar), alt bolum ekranin altinda gorunur */
@media (min-height:960px){.m-hero{min-height:min(calc(100svh - 4rem),46rem)}}
/* alcak ekran: m-bolum dikey boslugu daralir; tablet kahramaninda komsu cumleler + kisa video */
@media (max-height:800px){.m-bolum{padding-top:clamp(1rem,4.5vh,4.5rem);padding-bottom:clamp(1rem,4.5vh,4.5rem)}}
@media (max-width:1099px) and (max-height:800px){.tv-metin .komsu{display:none}.tv-video{height:7rem}}
@media (max-width:1099px){.seg-giris .iki-kolon{gap:1.5rem}}
/* kayit: alcak masaustunde ozellik listesi 8 madde */
@media (min-width:1100px) and (max-height:740px){.kayit .ozellik-liste li:nth-child(n+9){display:none}}
/* telefon: fiyat + segment sayfalari + karsilastirma tablosu yogunlugu */
@media (max-width:719px){
  .planlar-b .kap,.karsi-b .kap,.kural5-b .kap{padding-top:1rem;padding-bottom:1rem;gap:.6rem}
  .planlar-b .plan{padding:.8rem;gap:.35rem}
  .karsi th,.karsi td{padding:.12rem .7rem}
  .v-ust-satir .v-serit>*:nth-child(n+5){display:none}
  .seg-giris .kap,.seg-oz .kap,.seg-adim .kap{padding-top:1rem;padding-bottom:1rem;gap:.75rem}
  .dortlu{gap:.6rem}.dortlu article{padding:.7rem;gap:.4rem}
  .adimlar li{flex-direction:row;align-items:flex-start;gap:.9rem;padding-top:.7rem}.adimlar .no{flex:none;width:2.2rem;font-size:1.6rem}.adimlar li>div{min-width:0}
  .seg-dip .uzun{display:none}
}
/* telefon, kisa ekran (<=860): kahraman bolumleri sigar */
@media (max-width:719px) and (max-height:860px){
  .m-hero-metin{gap:.6rem}
  .m-alanlar li:nth-child(n+3){display:none}
  .gz-kolon p:nth-child(3){display:none}
  .m-bolum{padding-top:1rem;padding-bottom:1rem}.m-ic{gap:.75rem}
}
@media (max-width:719px) and (max-height:800px){.planlar-b .giris-metin{display:none}}
/* kamu + hakkimizda: "gun" listesi (ol.y-adim.y-dort) stilsizdi, satirlarin sagi bos kaliyordu -> 4 kart yan yana */
.y-adim.y-dort{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.y-adim.y-dort li{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1.4rem;border:1px solid var(--l);border-top:3px solid var(--alt);border-radius:12px;background:var(--p)}
.y-adim.y-dort p{font-size:.95rem;line-height:1.5;color:var(--i2)}
@media (max-width:1023px){.y-adim.y-dort{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.y-adim.y-dort li{padding:1.1rem}}
@media (max-width:599px){.y-adim.y-dort{grid-template-columns:1fr}}
/* hakkimizda: 3 oge (Kurucu karti kalkti) -> masaustu 3 sutun, 1023 altinda tek sutun (2 sutunda son satir tek kalirdi) */
.y-adim.y-dort.y-uc{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1023px){.y-adim.y-dort.y-uc{grid-template-columns:1fr}}

.onizleme{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.onizleme li{padding:.5rem .8rem;border-radius:10px;background:var(--p);border:1px solid var(--l);display:flex;flex-direction:column;gap:.1rem}
.onizleme li[hidden]{display:none}
.onizleme .s-bas{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gz-fig{margin:0;display:flex;flex-direction:column;gap:.6rem;min-width:0}
.gz-sayfa{padding:clamp(.8rem,2.4vh,1.6rem) clamp(1rem,2vw,1.75rem);background:var(--paper);border:1px solid var(--l);border-radius:6px;box-shadow:0 24px 60px rgba(15,20,22,.10);display:flex;flex-direction:column;gap:clamp(.4rem,1.4vh,.8rem)}
.gz-mast{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.45rem;border-bottom:2px solid var(--i1)}
.gz-mast span:first-child{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;letter-spacing:.05em;font-size:clamp(1.1rem,2vw,2rem)}.gz-mast .mono{font-size:.72rem;color:var(--i3);text-align:right}
.gz-manset{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:clamp(1.25rem,min(2.4vw,4.4vh),2.2rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.gz-kolon{column-count:3;column-gap:1.25rem;column-rule:1px solid var(--l);font-family:'IBM Plex Serif',Georgia,serif;font-size:clamp(.74rem,min(.95vw,1.8vh),.92rem);line-height:1.45;color:var(--i2);hyphens:auto}
.gz-kolon p{margin:0 0 .6rem;break-inside:avoid}
.gz-kolon p.kes{position:relative;padding:.5rem .55rem;border:1.5px dashed var(--a);border-radius:4px;color:var(--i1);margin-top:.35rem}.gz-kolon .kes .kesit-et{background:var(--paper)}
.gz-fig figcaption{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.75rem;color:var(--i3)}
.gz-rapor{min-width:0;border-radius:14px;background:var(--p);border:1px solid var(--l);overflow:clip;display:flex;flex-direction:column}
.gz-rapor-ust{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1.25rem;border-bottom:1px solid var(--l)}.gz-rapor-ust .mono{font-size:.75rem}.gz-rapor-ust strong{font-size:1.1rem}
.gz-r{display:grid;grid-template-columns:4.25rem minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:clamp(.5rem,1.6vh,.85rem) 1.25rem;border-bottom:1px solid var(--l2)}
.gz-r-m{display:flex;flex-direction:column;min-width:0}.gz-r-t{font-weight:600}.gz-r-m .soluk{font-size:.8rem}
.gz-rapor-alt{padding:.75rem 1.25rem;font-size:.85rem}
@media (max-width:719px) and (max-height:760px){.onizleme-b{display:none!important}}
/* ornek ekranlar kalkti: sag gorsel yok -> tek sutun, ortada (sisirme yok) */
.m-hero-ic.tek{grid-template-columns:minmax(0,60rem);justify-content:center}
.m-ic.gz-nasil.tek{grid-template-columns:minmax(0,52rem);justify-content:center}
.seg-giris .iki-kolon.tek{grid-template-columns:minmax(0,60rem);justify-content:center}
/* uygulama ekranlarinda (deneme, kayit) gercek gundem bolumu; veri yoksa hic basilmaz */
.v-uyg-gundem{display:flex;flex-direction:column;gap:.6rem;min-width:0;flex:0 0 auto}
.v-uyg-gundem .v-hikaye{font-size:1.05rem;line-height:1.2;max-width:none;font-weight:600}
.v-uyg-gundem .v-gundem{padding:.9rem 1.1rem}
@media (max-width:719px),(max-height:800px){.v-uyg-gundem li:nth-child(n+4){display:none}}
.m-hero:has(.m-hero-ic.tek){min-height:0}
@media (max-width:719px) and (max-height:800px){.deneme .v-uyg-gundem{display:none}}
.v-uyg-gundem{background:none}
.gz-r.duz{grid-template-columns:minmax(0,1fr) auto}
.gz-kolon p.kes mark{background:var(--alt);color:#1C1412;padding:0 .15em;border-radius:2px}
@media (max-width:719px) and (max-height:860px){.gz-sayfa{gap:.4rem;padding:.7rem 1rem}}
/* gazete kesiti (metin alintisi, gorsel yok) + bulten karti: HR gazete_ornek / bulten_ornek varsa */
.gz-kes{min-width:0;display:flex;flex-direction:column;gap:.6rem;padding:clamp(1rem,2.4vh,1.6rem) clamp(1.1rem,2vw,1.75rem);background:var(--paper);border:1px solid var(--l);border-radius:6px;box-shadow:0 24px 60px rgba(15,20,22,.10)}
.gz-kes blockquote{margin:0;font-family:'IBM Plex Serif',Georgia,serif;font-size:clamp(1rem,min(1.5vw,2.8vh),1.35rem);line-height:1.45;color:var(--i1)}
.gz-kes blockquote p{margin:0}
.gz-kes mark{background:var(--alt);color:#1C1412;padding:0 .15em;border-radius:2px}
.gz-kes .mono{font-size:.75rem}
.seg-giris .gz-rapor{align-self:center}
@media (max-width:1099px) and (max-height:899px){.seg-giris .gz-rapor{display:none}.seg-giris .iki-kolon:has(.gz-rapor){grid-template-columns:minmax(0,60rem);justify-content:center}}

/* ---------- HAREKET + TIKLANABILIRLIK PAKETI (b), 2026-11-03: baglantilar, details, serit, yolculuk, hover, kayit onizleme, deneme bos ---------- */
.v-karo>a,.v-gz,.v-sayac3>a,.y-sayac a,a.y-roz,.v-akis a,.v-il-git,a.v-olay-bas,.v-dn-git,.v-dn-yerel a,a.v-ilk,.v-gd summary,.v-dn summary{color:inherit;text-decoration:none}
.v-karo{padding:0;min-height:0}
.v-karo>a{display:flex;flex-direction:column;gap:.3rem;min-height:5rem;padding:.7rem .75rem .6rem;border-radius:inherit;min-width:0}
@media (max-width:719px){.v-karo>a{min-height:3.9rem;padding:.55rem .55rem .5rem}}
.v-karo.sec{box-shadow:0 0 0 2px #E0B36A}
a.v-ilk{cursor:pointer}
.v-sayac3>a{display:flex;flex-direction:column;gap:.35rem;padding:.9rem;border-radius:10px;background:#2C211D;min-width:0}
@media (max-width:719px){.v-sayac3>a{padding:.7rem .6rem}}
.y-sayac a:hover,.v-akis a:hover,.v-dn-git:hover,.v-il-git:hover,a.v-olay-bas:hover{text-decoration:underline}
.y-sayi-kart>div{position:relative}.y-sayi-git{position:absolute;inset:0;border-radius:12px}
.v-simdi-kart :focus-visible,.v-karo :focus-visible,.v-koyu :focus-visible{outline-color:#E0B36A}
.v-hero-ic:not(:has(.v-simdi-kart)){grid-template-columns:minmax(0,46rem);justify-content:center}
.v-il-git{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--a)}.v-il-git .ik{width:1rem;height:1rem}
.v-dn-satir{margin:0;font-size:.8rem;color:var(--i3)}
/* gundem satiri (kaynak listesi) ve +N (tum kaynaklar) details */
.v-gd details{flex:1;min-width:0}
.v-gd summary{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;cursor:pointer;list-style:none}
.v-gd summary::-webkit-details-marker,.v-dn summary::-webkit-details-marker,.v-tum-ac::-webkit-details-marker{display:none}
.v-gd summary>span:first-child{min-width:0}.v-gd summary .mono{color:var(--i3);font-size:.8rem;text-align:right}
.v-gd summary>span:first-child::after{content:"";display:inline-block;width:.38em;height:.38em;margin-left:.5em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-.15em);transition:transform .2s}
.v-gd details[open] summary>span:first-child::after{transform:rotate(-135deg)}
.v-gd-kay{list-style:none;margin:0;padding:.2rem 0 .4rem 1rem;display:flex;flex-direction:column}
.v-gd-kay li{display:flex;justify-content:space-between;gap:.8rem;padding:.2rem 0;border:0;font-size:.85rem;color:var(--i2)}
.v-tum-ac{list-style:none;cursor:pointer;display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;background:var(--l2);color:var(--i1);font-size:.75rem;font-weight:600;white-space:nowrap}
.v-tum[open]{flex-basis:100%}
.v-tum-liste{display:block;columns:2;column-gap:1.5rem;margin-top:.5rem}.v-tum-liste li{break-inside:avoid}
@media (max-width:719px){.v-tum-liste{columns:1}}
@keyframes v-ac{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hareket :is(.v-gd,.v-dn)>details[open]>:not(summary),.hareket details.v-tum[open]>:not(summary){animation:v-ac .25s ease both}
/* canli deneme kartlari (dn.*) */
.v-sonuclar>li.v-dn{display:block;padding:0}
.v-dn>details>summary{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.7rem .9rem;cursor:pointer;list-style:none}
.v-dn summary>div{display:flex;flex-direction:column;min-width:0}.v-dn summary b{font-size:.95rem}
.v-dn summary div>span{font-size:.8rem;color:var(--i3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v-dn-ic{padding:.2rem .9rem .8rem;display:flex;flex-direction:column;gap:.5rem}
.v-dn-cumle{margin:0;font-size:.95rem;line-height:1.4}.v-dn-git{align-self:flex-start;font-weight:600;font-size:.85rem;color:var(--a)}
.v-dn-yerel a{display:flex;flex-direction:column;width:100%}.v-dn-yerel a span{font-size:.85rem;color:var(--i2)}
/* haber seridi */
.v-akis{display:flex;align-items:center;gap:.9rem;padding:.7rem clamp(1rem,5vw,4.5rem);border-top:1px solid var(--l);background:var(--p2);overflow:clip}
.v-akis-bas{flex:none;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--basl);font-weight:800;font-size:.85rem;color:var(--a)}
.v-akis-pist{flex:1;min-width:0;overflow:clip}
.v-akis-liste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.6rem}
.v-akis a{display:inline-flex;align-items:baseline;gap:.5rem;font-size:.9rem;color:var(--i1)}
.v-akis-tur{flex:none;font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--a)}
html:not(.hareket) .v-akis-liste li:nth-child(n+7){display:none}
.hareket .v-akis-liste{flex-wrap:nowrap;width:max-content;padding-right:1.6rem}.hareket .v-akis-liste li{flex:none;white-space:nowrap}
.hareket .v-akis-iz{display:flex;width:max-content}
.hareket .akiyor .v-akis-iz{animation:v-akis var(--akis-sure,40s) linear infinite}
.v-akis:hover .v-akis-iz,.v-akis:focus-within .v-akis-iz{animation-play-state:paused}
@keyframes v-akis{from{translate:0 0}to{translate:-50% 0}}
/* haberin yolculugu */
.v-yol{display:flex;flex-direction:column;gap:.5rem;padding:.8rem .9rem;border:1px solid var(--l);border-radius:10px;background:var(--p)}
.v-yol-ust{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.v-yol .v-etiket{color:var(--a)}
.v-yol-dur{flex:none;width:1.9rem;height:1.9rem;display:grid;place-items:center;padding:0;border:1px solid var(--l);border-radius:.5rem;background:var(--bg);color:var(--i2);cursor:pointer}
.v-yol-dur .ik{width:.85rem;height:.85rem}.v-yol-dur .ik:last-child{display:none}
.v-yol-dur[aria-pressed=true] .ik:first-child{display:none}.v-yol-dur[aria-pressed=true] .ik:last-child{display:block}
html:not(.hareket) .v-yol-dur{display:none}
.v-yol-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.v-yol-liste li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.3rem .4rem;border-radius:7px;opacity:.7}
.v-yol-liste li[hidden]{display:none}.v-yol-liste li.on{opacity:1;background:var(--alt-s)}
.v-yol-liste b{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v-yol-liste .mono{font-size:.75rem;color:var(--i3)}
.hareket .v-yol-liste li{transition:opacity .3s ease,background-color .3s ease}.hareket .v-yol-liste li.on{animation:v-yol-gir .35s ease}
@keyframes v-yol-gir{from{transform:translateX(-6px);opacity:.4}to{transform:none;opacity:1}}
@media (min-width:1024px) and (max-height:800px){.v-hero-ic{padding-top:2rem;padding-bottom:1.25rem}.v-yol-liste li:not(.on){display:none}}
/* hareket: .v-canli bloklari da .gor sistemiyle girer; kartlar hover/focus ta kalkar; il nabzi; daktilo imleci; kayarak degisim; egri noktalari */
.hareket .v-canli .v-g{transition:opacity .35s ease,transform .35s ease}
.hareket .v-canli:not(.gor) .v-g{opacity:.35;transform:translateY(14px)}
.hareket .v-sahne :is(.v-karo,.v-ilk,.v-gz,.v-dn,.v-sayac3>a),.hareket .v-canli :is(.v-karo,.v-ilk,.v-gz,.v-dn,.v-sayac3>a),.hareket .y-sayi-kart>div{transition:opacity .35s ease,transform .35s ease,translate .18s ease,box-shadow .18s ease}
.hareket :is(.v-karo,.v-ilk,.v-gz,.v-dn,.v-sayac3>a,.y-sayi-kart>div):is(:hover,:focus-within){translate:0 -3px;box-shadow:0 12px 26px rgba(28,20,18,.2)}
.hareket .gor .v-ilk.nab{animation:v-ilk-nabiz 2.8s ease-in-out infinite}.hareket .gor .v-ilk.nab:nth-child(2n){animation-delay:.7s}
@keyframes v-ilk-nabiz{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.v-son-tv .v-imlec,.v-oynatici .v-imlec{display:inline-block;vertical-align:text-bottom;margin-left:2px;height:1.1em;background:#E0B36A}
.hareket .v-kay{animation:v-kay .55s cubic-bezier(.2,.8,.2,1)}
@keyframes v-kay{from{transform:translateY(18px);opacity:.2}to{transform:none;opacity:1}}
.v-nk-s{fill:var(--alt)}.hareket .v-nk-s{opacity:0;transition:opacity .3s ease}.hareket .gor .v-nk-s{opacity:1}
[id^="g-"]:target,[id^="g-"].hedef,.v-gd:target{background:var(--alt-s);border-radius:6px;box-shadow:0 0 0 .3rem var(--alt-s)}
.hareket [id^="g-"].hedef{animation:v-hedef 1.6s ease}@keyframes v-hedef{from{background-color:var(--alt)}to{background-color:var(--alt-s)}}
/* TV kahraman: canli blok sagda; mobilde kisaltilir */
@media (min-width:900px) and (max-width:1099px){.m-hero-ic.tv-hero{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tv-hero .v-tv-ic{grid-template-columns:1fr}.tv-hero .v-karolar{display:flex;flex-wrap:wrap;gap:.4rem}.tv-hero .v-karo>a{min-height:0;padding:.35rem .65rem;flex-direction:row;align-items:baseline;gap:.5rem}
@media (max-width:719px){.m-hero .v-hikaye,.tv-hero .m-alanlar{display:none}.tv-hero .v-karo:nth-child(n+9){display:none}.tv-hero .v-oynatici p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}}
/* kayit: onizleme her genislikte gorunur (masaustunde form + bilgi/onizleme iki kolon) */
@media (min-width:1100px){
  .kayit .iki-kolon{grid-template-areas:"form bilgi" "form oniz";grid-template-rows:auto auto;align-content:center;gap:1rem 3rem}
  .kayit .iki-kolon:has(.onizleme-b[hidden]){grid-template-rows:auto 0;row-gap:0}
  .kayit .iki-kolon:has(.onizleme-b:not([hidden])) .ozellik-liste li:nth-child(n+7){display:none}
  .kayit .onizleme li:nth-child(n+3){display:none}.kayit .onizleme{flex:none;overflow:visible}
  @media (max-height:800px){.kayit .iki-kolon:has(.onizleme-b:not([hidden])) .ozellik-liste li:nth-child(n+5){display:none}}
  @media (min-height:900px){.kayit .onizleme li:nth-child(3){display:flex}}
  .kayit .kart-form{grid-area:form}.kayit .bilgi-kolon{grid-area:bilgi}
  .onizleme-b{grid-area:oniz;display:flex;flex-direction:column;gap:.5rem;min-height:0;padding:1rem 1.1rem;border-radius:12px;background:var(--p2);border:1px solid var(--l)}
  .onizleme-b h2{font-size:.95rem;font-weight:600}.onizleme{flex:1 1 0;min-height:0;overflow:hidden}
}
/* deneme bos durum (sonuc yok / 429 / hata): sutunlar gizli, tek durum satiri + gundem yukari */
.deneme.bos .sekme-sec,.deneme.bos .deneme-izgara .kolon{display:none}
.deneme.bos .deneme-izgara{display:block;flex:none}.deneme.bos .uyg-kap{justify-content:flex-start}
.deneme.bos .v-uyg-gundem{display:flex}
.deneme.bos .v-uyg-gundem{margin-top:1rem}
@media (min-width:720px){.deneme.bos .v-uyg-gundem li:nth-child(n+4){display:flex}}
/* olcum 2026-11-03: bos onizleme kutusu basilmaz; gazete yelpazesi yan kartla ortali; TV kahramani icerik kadar */
.onizleme-b[hidden]{display:none!important}
.v-gz-ic{align-items:center}
.m-hero:has(.tv-hero){min-height:0}
/* deneme yerlesimi 2026-11-03: sonuc listesi alt siniri (telefon 5, digeri 8 satir; site.js) sigmazsa sayfa dogal yukseklige uzar:
   bolumler arasi kayma, ic kayan kutu yok. "Baska biri" 0 iken (>=1100) sag sutun bos kalmaz: gundem + CTA oraya, tek kopya. */
.deneme.dn-uzun,.deneme.dn-uzun .uyg-kap{flex:1 0 auto;min-height:auto}
.deneme.dn-uzun .deneme-izgara{flex:none;min-height:auto;grid-template-rows:auto}
.deneme.dn-uzun .kolon{min-height:auto}.deneme.dn-uzun .sonuclar{flex:none;min-height:auto}
@media (min-width:1100px){
  .deneme.baska-yok:not(.bos) .deneme-izgara{grid-template-rows:auto minmax(0,1fr)}
  .deneme.baska-yok:not(.bos) .deneme-izgara .k1{display:none}
  .deneme.baska-yok:not(.bos) .deneme-izgara .v-uyg-gundem{grid-column:2;grid-row:1}
  .deneme.baska-yok:not(.bos) .deneme-izgara .cta-kart{grid-column:2;grid-row:2;align-self:start}
}
/* /deneme gundem: API 10 satir yollar (data-gundem-n=10); 1100 alti 5 satir (yalniz deneme izgarasi; ana sayfa/serit/diger sayfalar 5 basilir, etkilenmez) */
@media (max-width:1099px){.deneme-izgara .v-uyg-gundem .v-satirlar>li:nth-child(n+6){display:none}}
/* bos durum (sonuc yok / 429) kisa ekranda (<=800 yuksek): 10 satir ekrana sigmaz (olcum 1280x720 / 1366x768); eskisi gibi 5 satir */
@media (min-width:1100px) and (max-height:800px){.deneme.bos .v-uyg-gundem .v-satirlar>li:nth-child(n+6){display:none}}
/* Referanslar: yalniz yazili izinli kurumlar; bos iken bolum hic basilmaz */
.y-ref-liste{display:flex;flex-wrap:wrap;gap:1rem 2rem;list-style:none;padding:0;margin:0;align-items:center}
.y-ref-liste li{display:flex;align-items:center;gap:.5rem}
.y-ref-liste a{display:flex;align-items:center;gap:.5rem}
.y-ref-liste img{max-height:40px;width:auto}
