/* MTS ana sayfa üst yarısı (P3b-1): giriş + kolaj · tür şeridi · takip hatları · basılı gazete · TV ve radyo.
   Yalnız tokenlar (hex renk, px yazı boyu yok). Bileşenler bilesen.css'te; burada yalnız düzen/konum ve "a-" önekli parçalar.
   Gizleme yok (JS kapalıyken içerik tam); hareket hareket.js öznitelikleriyle. */

/* ---------- giriş ---------- */
.a-giris{padding-block:var(--b-6) var(--b-7)}
.a-giris h1{text-wrap:balance}
.a-ara{margin-top:var(--b-5);display:flex;flex-direction:column;gap:var(--b-2);max-width:36rem}
.a-ara label{font-size:var(--y-1);font-weight:600;color:var(--metin-2)}
.a-ara-satir{display:flex;flex-wrap:wrap;gap:var(--b-2);padding:6px;background:var(--kagit);border:1.5px solid var(--bordo);border-radius:var(--k-3)}
.a-ara-satir input{flex:1 1 14rem;min-width:0;min-height:48px;padding:0 var(--b-3);border:0;background:transparent;font:inherit;font-size:var(--y-2);color:var(--murekkep)}
.a-ara-satir input::placeholder{color:var(--metin-3)}
.a-ara-satir input:focus-visible{outline:none}
.a-ara-satir:focus-within{box-shadow:0 0 0 4px var(--bordo-acik)}
.a-ara-satir .dugme{flex:1 1 auto}
.a-ara .not{font-size:var(--y-1);color:var(--metin-2)}

/* kolaj: telefonda iki sütun (gazete ~%38 + TV), haber penceresi TV'nin altında; geniş ekranda üst üste biner */
.a-kolaj{position:relative;display:grid;grid-template-columns:38% minmax(0,1fr);align-items:start;min-width:0}
.a-gaz{grid-column:1;grid-row:1 / 3;position:relative;z-index:1;margin:var(--b-5) 0 0;transform:rotate(-2.2deg);box-shadow:var(--g-yuksek);background:var(--beyaz)}
.a-kupur-et{position:absolute;left:6%;top:calc(74.2% - 2.4rem);z-index:2;padding:3px var(--b-2);border-radius:var(--k-1);background:var(--bordo);color:var(--kagit);font-family:var(--a-kunye);font-weight:500;font-size:var(--y-0);line-height:1.3;white-space:nowrap}
.a-tv{grid-column:2;grid-row:1;position:relative;z-index:2;margin-left:-4%;min-width:0}
.a-kart{grid-column:2;grid-row:2;position:relative;z-index:3;margin-top:calc(-1 * var(--b-2));min-width:0}
.a-kolaj .pencere{box-shadow:var(--g-yuksek)}
.a-kolaj .hs-men,.a-hs-foto,.a-hs-yan{display:none}
.a-kolaj .hs-ic{padding:var(--b-2)}
.a-hs-foto{margin:var(--b-2) 0 0;aspect-ratio:2.2 / 1;overflow:hidden;border-radius:2px;background:var(--kum-2)}
.a-hs-foto img{display:block;width:100%;height:100%;object-fit:cover}
.a-hs-metin{display:none}
.a-kolaj .tv .bant-ust{display:none}
.a-yayilim{display:flex;align-items:center;gap:var(--b-2);margin-top:var(--b-2);font-size:var(--y-0);color:var(--metin-2)}
.a-nokta{width:10px;height:10px;border-radius:50%;background:var(--bordo);flex:none}
.a-kolaj-not{grid-column:1 / -1;grid-row:3;margin-top:var(--b-3);font-size:var(--y-0);color:var(--metin-2)}
@media (min-width:600px){
  .a-kolaj{grid-template-columns:36% minmax(0,1fr)}
  .a-kolaj .tv .bant-ust{display:flex}
  .a-hs-foto{display:block}
  .a-kolaj .hs-men{display:flex}
}
@media (min-width:760px){
  .a-kolaj{grid-template-columns:40% minmax(0,1fr)}
  .a-gaz{margin-top:var(--b-6)}
  .a-tv{margin-left:-8%}
  .a-kart{grid-column:1 / 3;justify-self:end;width:68%;margin-top:calc(-1 * var(--b-2))}
  .a-hs-metin{display:block}
}
@media (min-width:1024px){.a-giris{padding-block:var(--b-7) var(--b-8)}}

/* ---------- gazete sayfası: bulanık sayfa, net + çerçeveli küpür alanı ---------- */
.a-sayfa{--bulan:3.5px;position:relative;overflow:hidden;background:var(--beyaz)}
.a-sayfa img{display:block;width:100%;height:auto;max-width:none}
.a-sayfa .a-zemin{filter:blur(var(--bulan)) saturate(.85);transform:scale(1.04)}
.a-sayfa .a-net{position:absolute;inset:0;height:100%;clip-path:inset(var(--t) calc(100% - var(--l) - var(--w)) calc(100% - var(--t) - var(--h)) var(--l))}
.a-cerceve{position:absolute;left:var(--l);top:var(--t);width:var(--w);height:var(--h);outline:2px solid var(--altin);outline-offset:0;pointer-events:none}
.a-raf .a-sayfa{--bulan:1.6px}
.p-hurriyet{--l:35.8%;--t:74.2%;--w:29.6%;--h:17.4%}
.p-cumhuriyet{--l:31%;--t:9.3%;--w:38%;--h:3.4%}
.p-sabah{--l:8%;--t:30%;--w:84%;--h:18%}

/* ---------- TV karesi: hafif buzlu, 1,15 büyütme ---------- */
.a-ekran .ekran-kare{filter:blur(2px) saturate(.9);transform:scale(1.15)}

/* ---------- tür şeridi ---------- */
@media (max-width:479px){
  .a-tur .tur-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-3) var(--b-2)}
  .a-tur .tur-liste small{display:none}
}

/* ---------- takip hatları ---------- */
.a-hg{display:grid;gap:var(--b-3);align-content:center;padding:var(--b-4);background:var(--kum-2);border-radius:var(--k-3);min-width:0}
.a-hp-yazi{font-size:var(--y-2);color:var(--metin-2);max-width:42rem}
.a-ms{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:var(--b-3);align-items:center;padding:var(--b-3);background:var(--beyaz)}
.a-ms-foto{margin:0;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--k-1);background:var(--kum-2)}
.a-ms-foto img{display:block;width:100%;height:100%;object-fit:cover}
.a-ms-bas{display:block;margin-top:2px;font-family:var(--a-kupur);font-weight:600;font-size:var(--y-2);line-height:1.25;color:var(--murekkep)}
.a-ms-bas mark{background:transparent;color:var(--bordo);box-shadow:inset 0 -2px 0 var(--altin);padding:0}
.a-kaynaklar{list-style:none;margin:0;padding:0;display:grid;gap:var(--b-2)}
.a-kaynaklar li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:var(--b-2);align-items:center;padding:var(--b-2) var(--b-3);background:var(--beyaz);border:var(--c-ince);border-radius:var(--k-2);font-size:var(--y-1)}
.a-kaynaklar i{width:10px;height:10px;border-radius:50%;background:var(--cizgi-koyu)}
.a-kaynaklar i.u{background:var(--bordo)}
.a-hg-gazete{grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:center}
.a-gz-sayfa{box-shadow:var(--g-kart);transform:rotate(-3deg)}
.a-gz-kesik{margin:0}
.a-gz-kesik .kagit{padding:var(--b-4)}
.a-gz-kesik .kupur-bas{font-size:var(--y-3)}
.a-hg-tv{background:var(--gece)}
.a-hg-tv .ekran{width:100%;max-width:34rem;margin-inline:auto}
.a-mini-radyo{display:flex;align-items:center;gap:var(--b-3);padding:var(--b-2) var(--b-3);background:var(--gece-2);border:1px solid var(--gece-cizgi);border-radius:var(--k-2);color:var(--kagit);font-size:var(--y-1)}
.a-mini-radyo .ik{color:var(--altin);flex:none}
.a-mr-olcek{position:relative;flex:1;min-width:40px;height:14px;background:repeating-linear-gradient(90deg,var(--gece-metin-2) 0 1px,transparent 1px 8px)}
.a-mr-olcek i{position:absolute;top:-3px;bottom:-3px;left:62%;width:2px;background:var(--altin)}
.a-hg-sosyal,.a-hg-marka{grid-template-columns:minmax(0,1fr)}
.a-y20{--p:20%}
@media (min-width:600px){
  .a-hg-sosyal,.a-hg-marka{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- panelde böyle görünür ---------- */
.a-panelde{padding:var(--b-4);background:var(--kagit);color:var(--murekkep);border:var(--c-ince);border-radius:var(--k-3);box-shadow:var(--g-kart);min-width:0}
.a-pd-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--b-2);margin-bottom:var(--b-3)}
.a-pd-ust b{font-size:var(--y-1)}
.a-pd-yuva > img{display:block;width:100%;height:auto;border-radius:var(--k-2)}
.a-pd-liste{list-style:none;margin:0;padding:0;background:var(--beyaz);border:var(--c-ince);border-radius:var(--k-2);overflow:hidden}
.a-pd-liste li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--b-1) var(--b-3);align-items:center;padding:var(--b-2) var(--b-3);border-bottom:var(--c-ince);font-size:var(--y-1)}
.a-pd-liste li:last-child{border-bottom:0}
.a-pd-s{font-family:var(--a-kunye);color:var(--metin-3)}
.a-pd-k{font-weight:600;color:var(--murekkep)}
.a-pd-m{grid-column:1 / -1;min-width:0;color:var(--metin-2)}
.a-pd-m mark{background:transparent;color:var(--bordo);font-weight:600;box-shadow:inset 0 -2px 0 var(--altin);padding:0}
.a-pd-kupur{display:block;width:26px;height:32px;border-radius:3px;border:var(--c-ince);background:repeating-linear-gradient(0deg,var(--kum-3) 0 2px,var(--kagit) 2px 5px)}
@media (min-width:600px){
  .a-pd-liste li{grid-template-columns:auto auto minmax(0,1fr)}
  .a-pd-m{grid-column:auto}
}

/* ---------- basılı gazete ---------- */
.a-gazete{padding-top:0}
.a-gaz-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-5);align-items:start}
.a-gaz-sol{display:grid;gap:var(--b-4);min-width:0}
.a-kupur-kart{background:var(--kagit);border:var(--c-ince);border-radius:var(--k-3);overflow:hidden;box-shadow:var(--g-kart)}
.a-kesik{transform:rotate(-1.3deg);margin:0}
.a-kirp{position:relative;overflow:hidden;aspect-ratio:2.1;margin-top:var(--b-3)}
.a-kirp img{position:absolute;width:150%;left:-25.9%;top:-334%;max-width:none;mix-blend-mode:multiply}
.a-kupur-gov{padding:var(--b-4)}
.a-kupur-gov blockquote{margin:0;font-family:var(--a-kupur);font-size:var(--y-2);line-height:var(--sy-kupur);color:var(--murekkep)}
.a-kupur-gov mark{background:var(--altin-acik);color:var(--murekkep);padding:0 2px}
.a-meta{margin:var(--b-3) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-2);font-size:var(--y-0);color:var(--metin-2)}
.a-meta dt{font-size:var(--y-0)}
.a-meta dd{margin:0;font-size:var(--y-1);font-weight:600;color:var(--murekkep)}
.a-bulten{margin:0;display:flex;align-items:center;gap:var(--b-3);padding:var(--b-3) var(--b-4);background:var(--gece);color:var(--kum);border-radius:var(--k-2);font-size:var(--y-1)}
.a-bulten b{font-family:var(--a-kunye);font-size:var(--y-4);color:var(--altin);flex:none}
.a-stand{padding:var(--b-4) var(--b-4) var(--b-2);background:var(--kum-3);border-radius:var(--k-3);min-width:0}
.a-stand-ust{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--b-1) var(--b-3);margin:0 0 var(--b-4);font-size:var(--y-0);color:var(--metin-2)}
.a-duvar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-4) var(--b-3)}
.a-raf{position:relative;margin:0;padding-bottom:var(--b-3)}
.a-raf::after{content:"";position:absolute;left:calc(-1 * var(--b-3));right:calc(-1 * var(--b-3));bottom:0;height:8px;background:var(--kahve);border-radius:2px}
.a-raf .a-sayfa{box-shadow:var(--g-kart)}
.a-raf:nth-child(odd) .a-sayfa{transform:rotate(-1deg)}
.a-raf:nth-child(3n) .a-sayfa{transform:rotate(1.2deg)}
.a-raf figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 var(--b-2);margin-top:var(--b-2);font-size:var(--y-0);font-weight:600;color:var(--murekkep)}
.a-isabet{color:var(--bordo)}
.a-raf:nth-child(n+7){display:none}
.a-gazete .a-panelde{grid-column:1 / -1}
.a-gazete .ok-bag,.a-tv-bolum .ok-bag{margin-top:var(--b-4)}
@media (min-width:600px){
  .a-duvar{grid-template-columns:repeat(4,minmax(0,1fr))}
  .a-raf:nth-child(n+7){display:block}
}
@media (min-width:1024px){
  .a-gaz-izgara{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--b-6)}
}

/* ---------- TV ve radyo ---------- */
.a-tv-bolum{padding-top:var(--b-7)}
.a-tv-bolum h2,.a-tv-bolum h3{color:var(--kagit)}
.a-tv-bolum .bas p,.a-tv-bolum .a-yerel > p,.a-tv-bolum .a-radyo-yazi p{color:var(--gece-metin)}
.a-tv-bolum .ok-bag{color:var(--altin)}
.a-tv-ust{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--b-4)}
.a-tv-not{padding:6px var(--b-3);border:1px solid var(--gece-cizgi);border-radius:var(--k-tam);font-size:var(--y-0);color:var(--gece-metin)}
.a-yayin-duvar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-3)}
.a-buyuk{grid-column:1 / -1}
.a-buyuk .bant{font-size:var(--y-2);padding:var(--b-3) var(--b-4)}
.a-buyuk .tabela{font-size:var(--y-2)}
.a-m-gizli{display:none}
.a-tv-alt{margin-top:var(--b-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-5);align-items:start}
.a-yerel{padding:var(--b-5);background:var(--gece-2);border:1px solid var(--gece-cizgi);border-radius:var(--k-3);min-width:0}
.a-yerel > p{margin-top:var(--b-2)}
.a-yerel-liste{list-style:none;margin:var(--b-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-2)}
.a-yerel-liste li{display:flex;align-items:center;gap:var(--b-2);min-height:48px;padding:var(--b-2) var(--b-3);background:var(--gece);border:1px solid var(--gece-cizgi);border-radius:var(--k-2);min-width:0}
.a-yerel-liste .ik{color:var(--altin);flex:none}
.a-yerel-liste b{display:block;font-size:var(--y-1);color:var(--kagit);font-weight:600;line-height:1.2}
.a-yerel-liste small{display:block;font-size:var(--y-0);color:var(--gece-metin-2);line-height:1.2}
.a-radyo-bolum{margin-top:var(--b-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--b-4);align-items:center}
.a-istasyon{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--b-2)}
.a-istasyon li{display:flex;align-items:center;gap:var(--b-2);min-height:44px;padding:var(--b-2) var(--b-3);background:var(--gece-2);border:1px solid var(--gece-cizgi);border-radius:var(--k-2);font-size:var(--y-1);font-weight:600;color:var(--kagit)}
.a-istasyon .ik{color:var(--altin);flex:none}
.a-istasyon small{display:block;font-size:var(--y-0);font-weight:400;color:var(--gece-metin-2)}
.a-istasyon li.etkin{border-color:var(--altin)}
@media (min-width:768px){
  .a-yayin-duvar{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--b-4)}
  .a-buyuk{grid-column:span 2;grid-row:span 2}
  .a-yayin-duvar .a-m-gizli{display:block;grid-column:span 2;aspect-ratio:auto}
  .a-yerel-liste{grid-template-columns:repeat(4,minmax(0,1fr))}
  .a-yerel-liste .a-m-gizli{display:flex}
  .a-radyo-bolum{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
  .a-radyo-bolum .a-istasyon{grid-column:1 / -1}
}
@media (min-width:1024px){
  .a-tv-alt{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .a-yerel-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1920px){
  .a-yerel-liste{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- telefon (<=599px): ana sayfa kısaltması; her hattın ayrıntı sayfası var, ana sayfa özet verir. 600px ve üstü değişmez ---------- */
@media (max-width:599px){
  .a-giris{padding-block:var(--b-5) var(--b-6)}
  .a-kolaj-not{display:none}
  .a-gaz{margin-top:var(--b-3)}
  .a-tur .tur-grup{padding-block:var(--b-2)}
  .a-bulten,.a-meta{display:none}
  .a-tur .tur-liste{margin-top:var(--b-2);gap:var(--b-2) var(--b-2)}
  .a-tur .tur-liste li{gap:var(--b-2)}
  .a-hatlar .hat-sahne{gap:var(--b-3)}
  .a-hatlar .hat-sek{min-height:48px;padding:var(--b-1) var(--b-3)}
  .a-hatlar .hs-alt{display:none}
  .a-hatlar .hat-pan{gap:var(--b-3)}
  .a-hatlar .a-hg{padding:var(--b-3)}
  .a-hatlar .a-kaynaklar li:nth-child(n+4){display:none}
  .a-duvar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .a-raf:nth-child(n+4){display:none}
  .a-gazete .a-panelde,.a-tv-bolum .a-panelde{display:none}
  .a-gaz-sol{gap:var(--b-3)}
  .a-gazete .a-gaz-izgara{gap:var(--b-4)}
  .a-stand{padding:var(--b-3) var(--b-3) var(--b-1)}
  .a-yayin-duvar{gap:var(--b-2)}
  .a-yayin-duvar > .a-kucuk:nth-child(n+4){display:none}
  .a-tv-alt{margin-top:var(--b-4);gap:var(--b-3)}
  .a-yerel{padding:var(--b-4)}
  .a-yerel-liste{margin-top:var(--b-3)}
  .a-yerel-liste li:nth-child(n+5){display:none}
  .a-radyo-bolum{margin-top:var(--b-4);gap:var(--b-3)}
  .a-radyo-bolum .radyo{max-width:240px;margin-inline:auto}
  .a-istasyon{display:none}
  .a-tv-bolum{padding-top:var(--b-6)}
  .a-ara-satir input{min-height:44px}
  .a-kolaj .pencere-ust{min-width:0}
  .a-kolaj .adres,.a-hatlar .adres{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;min-width:0}
}