/* Proje vitrini (mutfak/vitrin/vitrin.php) — TeknoCartoon. Renkler: --v-ana (kapı zemini), --v-vurgu (slogan bandı, numaralar) */
.tv{--v-ana:#1f3a5f;--v-vurgu:#f5c800}
.tv-taslak{margin:0 0 14px;padding:10px 16px;font:600 15px/1.3 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.04em;color:#141412;background:repeating-linear-gradient(-45deg,#f5c800 0 14px,#ffe46b 14px 28px);border:2.4px solid #141412;border-radius:6px}
.tv-yol{margin:2px 0 14px}
.tv-duzenle{margin-left:auto;padding:3px 10px 2px;font:400 15px/1 "TC Bangers",sans-serif!important;letter-spacing:.05em;opacity:1!important;color:#141412!important;text-decoration:none!important;background:var(--tcm-sari);border:2px solid #141412;border-radius:5px}

/* ---------- KAPI ---------- */
.tv-kapi{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(380px,46vw,620px);margin:0 0 34px;padding:clamp(26px,4vw,56px);overflow:hidden;color:#fff;background:var(--v-ana);border:3px solid #141412;border-radius:8px 18px 10px 16px;box-shadow:7px 8px 0 var(--tcm-golge)}
.tv-kapi-resim{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.tv-kapi::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--v-ana) 92%,transparent) 0%,color-mix(in srgb,var(--v-ana) 70%,transparent) 38%,transparent 72%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}
.tv-kapi--resimsiz::before{background:radial-gradient(circle,rgba(255,255,255,.12) 1.4px,transparent 2px) 0 0/14px 14px}
.tv-kapi-ic{position:relative;max-width:min(640px,100%)}
.tv-tur{display:inline-block;margin:0 0 14px;padding:4px 12px 3px;font:400 17px/1 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.1em;color:#fff;background:var(--tcm-kirmizi);border:2.2px solid #141412;border-radius:4px 8px 5px 7px;box-shadow:2px 3px 0 #141412;transform:rotate(-3deg)}
.tv-ad{margin:0;font:400 clamp(52px,7vw,104px)/.92 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.03em;color:var(--v-vurgu);-webkit-text-stroke:3px #141412;paint-order:stroke fill;text-shadow:5px 6px 0 #141412;overflow-wrap:anywhere;transform:rotate(-2deg);transform-origin:left bottom}
.tv-logo{margin:0;line-height:0}
.tv-logo img{max-width:min(520px,100%);max-height:220px;width:auto;height:auto;filter:drop-shadow(5px 6px 0 rgba(0,0,0,.55))}
.tv-slogan{margin:18px 0 0}
.tv-slogan span{position:relative;isolation:isolate;display:inline-block;padding:9px 22px 8px;font:600 clamp(18px,1.9vw,25px)/1.2 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.03em;color:#141412}
.tv-slogan span::before{content:"";position:absolute;inset:0 -6px;z-index:-1;background:var(--v-vurgu);-webkit-mask:url(../img/firca-bant.svg) center/100% 100% no-repeat;mask:url(../img/firca-bant.svg) center/100% 100% no-repeat;transform:rotate(-1deg)}
.tv-dugmeler{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0 0}
.tv-dugme{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:8px 22px 6px;font:400 22px/1 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.06em;text-decoration:none!important;border:2.6px solid #141412;border-radius:6px 12px 7px 11px;box-shadow:4px 5px 0 #141412;transition:transform .15s,box-shadow .15s}
.tv-dugme:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 7px 0 #141412}
.tv-dugme:active{transform:translate(2px,2px);box-shadow:1px 2px 0 #141412}
.tv-dugme--birincil{min-height:62px;padding:10px 34px 8px;font-size:32px;color:#fff!important;background:var(--tcm-kirmizi);-webkit-text-stroke:1.4px #141412;paint-order:stroke fill;text-shadow:2px 2px 0 #141412;transform:rotate(-2deg)}
.tv-dugme--steam{color:#fff!important;background:#1b2838}
.tv-dugme--ikincil{color:#141412!important;background:#fff}
.tv-dugme--pasif{color:#141412;background:#d6d3cb;box-shadow:3px 3px 0 #141412;opacity:.9;cursor:default}
.tv-dugme--pasif:hover{transform:none;box-shadow:3px 3px 0 #141412}
.tv-bilgiler{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0}
.tv-bilgiler div{padding:7px 12px 6px;background:rgba(10,10,9,.62);border:1.8px solid rgba(255,255,255,.55);border-radius:6px;backdrop-filter:blur(3px)}
.tv-bilgiler dt{font:500 11.5px/1 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.tv-bilgiler dd{margin:4px 0 0;font:600 16px/1.1 "TC Oswald","Arial Narrow",sans-serif}

.tv-sponsor{margin:-6px 0 30px;display:flex;justify-content:center}

/* ---------- bölüm başlığı ---------- */
.tv-bolum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 20px;font:400 clamp(30px,3vw,42px)/1 "TC Bangers","Comic Sans MS",sans-serif;letter-spacing:.05em;color:var(--tcm-yazi);text-shadow:3px 3px 0 var(--tcm-golge)}
.tv-bolum::before{content:"";flex:0 0 auto;width:18px;height:18px;margin-right:2px;background:var(--v-vurgu);border:2.4px solid #141412;transform:rotate(45deg) translateY(-3px)}
.tv-bolum small{font:500 15px/1 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.05em;text-shadow:none;opacity:.7}

/* ---------- özellikler: bantla yapıştırılmış not kâğıtları, 3'lü ---------- */
.tv-ozellikler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px;margin:14px 0 46px;padding-top:6px}
.tv-ozellik{--not:#f6edcb;--not-yazi:#141412;--not-metin:#3a372e;position:relative;padding:30px 28px 26px;color:var(--not-yazi);background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 30%),var(--not);border:2.4px solid #141412;border-radius:2px 3px 14px 3px;box-shadow:4px 6px 0 rgba(0,0,0,.28);transform:rotate(-1.2deg);transition:transform .18s}
.tv-ozellik:nth-child(3n+2){transform:rotate(.9deg)}
.tv-ozellik:nth-child(3n){transform:rotate(-.4deg)}
.tv-ozellik:hover{transform:rotate(0) translateY(-4px)}
.tv-ozellik::after{content:"";position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.05) 70%,#fff 70%);border-top-left-radius:4px;border-left:2px solid rgba(20,20,18,.35);border-top:2px solid rgba(20,20,18,.35)}
.tv-bant-not{position:absolute;top:-17px;left:50%;width:118px;height:32px;margin-left:-59px;background:rgba(236,226,196,.82);border-left:2px dashed rgba(0,0,0,.18);border-right:2px dashed rgba(0,0,0,.18);box-shadow:0 1px 2px rgba(0,0,0,.2);transform:rotate(-4deg)}
.tv-ozellik:nth-child(even) .tv-bant-not{transform:rotate(5deg);left:42%}
.tv-ozellik h2{display:flex;align-items:center;gap:12px;margin:0 0 10px;font:700 22px/1.2 "TC Oswald","Arial Narrow",sans-serif;color:var(--not-yazi)}
.tv-no{flex:0 0 auto;display:grid;place-items:center;width:38px;height:38px;font:400 22px/1 "TC Bangers",sans-serif;color:#fff;background:var(--tcm-kirmizi);border:2.4px solid #141412;border-radius:50% 46% 52% 44%;box-shadow:2px 2px 0 #141412;transform:rotate(-6deg)}
.tv-ozellik p{margin:0;font:400 16px/1.6 Georgia,serif;color:var(--not-metin)}
/* koyu tema: not kağıdı karartılır, göz almaz */
html[data-theme="dark"] .tv-ozellik{--not:#3a3628;--not-yazi:#f3ead0;--not-metin:#d9d0b4;border-color:#0b0b0a;box-shadow:4px 6px 0 rgba(0,0,0,.55)}
html[data-theme="dark"] .tv-ozellik::after{background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.35) 50%,rgba(0,0,0,.2) 70%,#55503c 70%)}
html[data-theme="dark"] .tv-bant-not{background:rgba(190,180,150,.55)}

/* ---------- platformlar + tarayıcında oyna (kapının içinde) ---------- */
.tv-platform-alan{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 34px;margin:24px 0 0}
.tv-platform-baslik{display:block;width:100%;margin:0 0 10px;font:600 12px/1 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.16em;color:#fff;opacity:.85;text-shadow:1px 1px 0 #141412}
.tv-tarayicilar ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.tv-tarayici{position:relative;display:flex;align-items:center;gap:7px;padding:5px 12px 5px 6px;font:600 14px/1 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.03em;color:#141412!important;text-decoration:none!important;background:#fff;border:2.4px solid #141412;border-radius:22px;box-shadow:2px 3px 0 #141412;transition:transform .15s}
.tv-tarayici:hover{transform:translateY(-2px) rotate(-2deg)}
.tv-tarayici-ikon{display:grid;place-items:center;width:34px;height:34px}
.tv-tarayici-ikon img{width:32px;height:32px;object-fit:contain}
.tv-tarayici em{position:absolute;top:-11px;right:-8px;padding:2px 5px 1px;font:400 11px/1 "TC Bangers",sans-serif;font-style:normal;letter-spacing:.05em;color:#fff;background:var(--tcm-kirmizi);border:1.6px solid #141412;border-radius:4px;transform:rotate(6deg)}
.tv-tarayicilar{max-width:100%}
.tv-tarayici-not{max-width:560px;margin:12px 0 0;padding:9px 12px;font:400 14.5px/1.45 Georgia,serif;color:#141412;background:#fff6cf;border:2.2px solid #141412;border-radius:6px;box-shadow:3px 3px 0 #141412}
.tv-tarayici-not a{color:var(--tcm-kirmizi)!important;font-weight:700}
.tv-tarayici-not code{font-size:13px}
.tv-platform-ikon img{width:44px;height:44px;object-fit:contain}
.tv-platform--yakinda .tv-platform-ikon{filter:saturate(.55)}
.tv-platformlar{display:flex;flex-wrap:wrap;gap:12px 16px;margin:0;padding:0;list-style:none}
.tv-platform{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:76px;text-decoration:none!important;transition:transform .15s}
.tv-platform-ikon{display:grid;place-items:center;width:62px;height:62px;background:#fff;border:2.6px solid #141412;border-radius:12px 16px 11px 15px;box-shadow:3px 4px 0 #141412}
.tv-platformlar li:nth-child(odd) .tv-platform-ikon{transform:rotate(-3deg)}
.tv-platformlar li:nth-child(even) .tv-platform-ikon{transform:rotate(2.5deg)}
.tv-platform-ad{font:600 13px/1 "TC Oswald","Arial Narrow",sans-serif;letter-spacing:.06em;color:#fff;text-shadow:1px 1px 0 #141412,0 0 6px rgba(0,0,0,.6)}
a.tv-platform:hover{transform:translateY(-3px) scale(1.05)}
.tv-platform em{position:absolute;top:-10px;right:-6px;padding:3px 6px 2px;font:400 12px/1 "TC Bangers",sans-serif;font-style:normal;letter-spacing:.06em;color:#141412;background:var(--tcm-sari);border:1.8px solid #141412;border-radius:4px;transform:rotate(8deg)}

/* ---------- hikâye + video ---------- */
.tv-orta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:34px;align-items:start;margin:0 0 44px}
.tv-orta--tek{grid-template-columns:minmax(0,1fr)}
.tv-orta--tek .tv-video{max-width:960px;width:100%;justify-self:center}
.tv-metin{font:400 17.5px/1.75 Georgia,serif;color:var(--tcm-yazi)}
.tv-metin p{margin:0 0 1em}
.tv-metin h2,.tv-metin h3{font-family:"TC Oswald","Arial Narrow",sans-serif;color:var(--tcm-yazi)}
.tv-metin h3{display:inline-block;padding:2px 10px;color:#141412;background:var(--v-vurgu);border:2px solid #141412}
.tv-metin a{color:var(--tcm-kirmizi)}
.tv-metin img{max-width:100%;height:auto;border:2.4px solid var(--tcm-murekkep);border-radius:6px}
.tv-metin blockquote{margin:1em 0;padding:.5em 1em;border-left:5px solid var(--v-vurgu);font-style:italic}
.tv-video{position:relative;padding:12px;background:#fff;border:2.6px solid #141412;border-radius:6px 12px 7px 10px;box-shadow:6px 7px 0 var(--tcm-golge);transform:rotate(.8deg)}
.tv-video iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:2px solid #141412;background:#141412}
.tv-bant{position:absolute;top:-14px;left:-18px;width:110px;height:30px;background:rgba(245,200,0,.85);border:1.5px solid rgba(0,0,0,.25);transform:rotate(-24deg)}
.tv-bant--sag{left:auto;right:-18px;top:auto;bottom:-12px;transform:rotate(-24deg)}

/* ---------- galeri ---------- */
.tv-galeri-alan{margin:0 0 44px}
.tv-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.tv-galeri a{display:block;aspect-ratio:16/10;overflow:hidden;line-height:0;padding:7px 7px 22px;background:#fff;border:2.4px solid #141412;box-shadow:4px 5px 0 var(--tcm-golge);transition:transform .18s}
.tv-galeri a:nth-child(3n+1){transform:rotate(-1.4deg)}
.tv-galeri a:nth-child(3n+2){transform:rotate(1deg)}
.tv-galeri a:hover{transform:scale(1.04) rotate(0);z-index:1;position:relative}
.tv-galeri img{width:100%;height:100%;object-fit:cover}
.tv-buyuk{max-width:min(1200px,94vw);max-height:92vh;padding:10px;background:#fff;border:3px solid #141412;border-radius:6px;box-shadow:8px 9px 0 #141412}
.tv-buyuk::backdrop{background:rgba(10,10,9,.82)}
.tv-buyuk img{display:block;max-width:100%;max-height:calc(92vh - 30px);margin:auto}
.tv-kapat{position:absolute;top:8px;right:8px;width:40px;height:40px;font:400 22px/1 "TC Bangers",sans-serif;color:#fff;background:var(--tcm-kirmizi);border:2.4px solid #141412;border-radius:50%;cursor:pointer}

/* ---------- haberler: 4'lü ızgara, yan sütun yok ---------- */
.tv-haberler{margin:10px 0 0}
.tv-haberler .tc-kat-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}

/* ---------- duyarlı ---------- */
@media(max-width:1400px){.tv-haberler .tc-kat-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.tv-ozellikler{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.tv-orta{grid-template-columns:1fr}.tv-haberler .tc-kat-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .tv-kapi{min-height:auto;padding-top:min(56vw,260px)}
  .tv-kapi-resim{height:min(62vw,290px);bottom:auto}
  .tv-kapi::before{background:linear-gradient(180deg,transparent 0,transparent min(30vw,140px),var(--v-ana) min(60vw,280px))}
  .tv-dugme--birincil{width:100%}
  .tv-haberler .tc-kat-izgara{grid-template-columns:1fr}
  .tv-ozellikler{grid-template-columns:1fr;gap:34px}
  .tv-platformlar{gap:12px 8px}
  .tv-platform{min-width:62px}
  .tv-platform-ikon{width:52px;height:52px}
  .tv-platform-ikon svg{width:36px;height:36px}
  .tv-platform-ad{font-size:11px;letter-spacing:.03em}
  .tv-tarayicilar ul{gap:8px}
  .tv-tarayici{padding:3px 9px 3px 3px;font-size:13px;gap:5px}
  .tv-tarayici-ikon,.tv-tarayici-ikon svg{width:28px;height:28px}
  .tv-duzenle{margin-left:0}
}