/* TeknoDB portal ana sayfa blokları (v2.72.0): manşet alanı, kısayollar, haber modülleri, popüler ürünler, Editörün Seçimi. home.css'ten sonra yüklenir. */
.tdbh{--pr:#e8193c;--pk:#0f172a;--pm:#64748b;--pl:#e7eaf0;--pc:#fff;--psh:0 1px 2px rgba(15,23,42,.05),0 6px 20px rgba(15,23,42,.06)}
.tdbh-main{gap:22px!important}
.tdbp-card{background:var(--pc);border:1px solid var(--pl);border-radius:16px;box-shadow:var(--psh);padding:14px 16px}
.tdbp-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;min-width:0}
.tdbp-h h2{display:flex;align-items:center;gap:9px;margin:0;font-family:'Plus Jakarta Sans','Source Sans 3',system-ui,sans-serif;font-size:18px;font-weight:800;color:var(--pk);letter-spacing:-.01em;white-space:nowrap}
.tdbh .tdbp-h>a{display:inline-flex;align-items:center;gap:4px;color:var(--pr);font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
.tdbp-hb{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--mc,#c8102e);box-shadow:0 4px 10px color-mix(in srgb,var(--mc,#c8102e) 30%,transparent);flex:none}
.tdbp-hi{display:inline-flex}
.tdbp-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;background:var(--bc,#c8102e);color:#fff;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;line-height:1;white-space:nowrap}
.tdbh a{text-decoration:none}

/* ---- manşet alanı */
.tdbp-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) 300px;gap:16px;align-items:stretch}
.tdbp-top.no-side{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.tdbp-top.no-feat{grid-template-columns:minmax(0,1fr) 300px}
.tdbp-top.no-feat.no-side,.tdbp-top.no-hero.no-side{grid-template-columns:1fr}
.tdbp-top.no-hero{grid-template-columns:minmax(0,1fr) 300px}
.tdbp-hero{position:relative;display:flex;flex-direction:column;align-self:start;border-radius:18px;overflow:hidden;background:#11141b;box-shadow:var(--psh)}
.tdbp-hero-track{position:relative;flex:none;aspect-ratio:16/10}
.tdbh .tdbp-slide{position:absolute;inset:0;display:block;color:#fff}
.tdbp-slide[hidden]{display:none}
.tdbp-slide-img,.tdbp-slide .tdbh-noimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tdbh .tdbp-slide:hover .tdbp-slide-img{transform:scale(1.03)}
.tdbp-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 62%,rgba(0,0,0,.9) 100%)}
.tdbp-cap{position:absolute;left:0;right:0;bottom:0;padding:20px 86px 16px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.tdbp-title{font-family:'Plus Jakarta Sans','Source Sans 3',system-ui,sans-serif;font-size:30px;font-weight:800;line-height:1.14;letter-spacing:-.015em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tdbp-sum{font-size:15px;line-height:1.5;color:rgba(255,255,255,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdbp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;color:rgba(255,255,255,.88)}
.tdbp-meta>span{display:inline-flex;align-items:center;gap:6px}
.tdbp-meta img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.tdbp-go{position:absolute;right:22px;bottom:30px;width:48px;height:48px;border-radius:50%;background:var(--pr);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(232,25,60,.45);transition:transform .2s}
.tdbh .tdbp-slide:hover .tdbp-go{transform:translateX(3px)}
.tdbp-dots{display:flex;gap:8px;padding:12px 16px 14px;background:#11141b;overflow-x:auto;scrollbar-width:none}
.tdbp-dots::-webkit-scrollbar{display:none}
.tdbp-dots button{flex:1 0 34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#e5e7eb;font:700 14px/1 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.tdbp-dots button:hover{border-color:rgba(255,255,255,.5)}
.tdbp-dots button[aria-current=true]{background:var(--pr);border-color:var(--pr);color:#fff}

.tdbp-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tdbp-feat li{flex:1 1 0;min-height:0;display:flex}
.tdbh .tdbp-feat a{flex:1;display:flex;align-items:center;gap:12px;background:var(--pc);border:1px solid var(--pl);border-radius:14px;padding:10px;color:var(--pk);box-shadow:var(--psh)}
.tdbp-fn{flex:none;width:34px;height:34px;border-radius:9px;background:var(--pr);color:#fff;display:flex;align-items:center;justify-content:center;font:800 17px/1 'Plus Jakarta Sans',system-ui,sans-serif}
.tdbp-fi{flex:none;width:112px;aspect-ratio:16/11;border-radius:10px;overflow:hidden;background:#dfe3ea}
.tdbp-fi img,.tdbp-fi .tdbh-noimg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.tdbh .tdbp-feat a:hover img{transform:scale(1.05)}
.tdbp-ft{display:flex;flex-direction:column;gap:4px;min-width:0}
.tdbp-ft em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.tdbp-ft b{font-family:'Plus Jakarta Sans','Source Sans 3',system-ui,sans-serif;font-size:15px;font-weight:800;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdbh .tdbp-feat a:hover b{color:var(--pr)}
.tdbp-ft small{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--pm)}
.tdbp-ft small i{font-style:normal}

.tdbp-side{display:flex;flex-direction:column;gap:14px;min-width:0}
@media (min-width:1181px){.tdbp-top:not(.no-hero) .tdbp-side{height:0;min-height:100%;overflow:hidden}}
.tdbp-side .tdb-ad{margin:0}
.tdbp-side .tdb-ad-in{width:250px;max-width:100%}
.tdbp-side .tdb-ad{gap:2px}
.tdbp-side:has(.tdb-ad) .tdbp-brk{padding-top:10px;padding-bottom:8px}
.tdbp-side:has(.tdb-ad) .tdbp-brk .tdbp-h{margin-bottom:4px}
.tdbh .tdbp-side:has(.tdb-ad) .tdbp-brk a{padding:6px 0;align-items:center}
.tdbp-side:has(.tdb-ad) .tdbp-brk b{-webkit-line-clamp:1;font-size:13px}
.tdbp-side:has(.tdb-ad) .tdbp-brk small{display:none}
.tdbp-side:has(.tdb-ad) .tdbp-bn{width:22px;height:22px;font-size:11.5px;margin-top:0}
.tdbp-brk{flex:1;min-height:0;display:flex;flex-direction:column}
.tdbp-brk ol{flex:1;min-height:0;overflow:hidden}
.tdbp-brk li[hidden]{display:none}
.tdbp-brk ol{list-style:none;margin:0;padding:0}
.tdbp-brk li+li{border-top:1px solid var(--pl)}
.tdbh .tdbp-brk a{display:flex;gap:10px;align-items:flex-start;padding:9px 0;color:var(--pk)}
.tdbp-bn{flex:none;width:24px;height:24px;border-radius:50%;background:var(--pr);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;margin-top:1px}
.tdbp-brk b{display:block;font-size:13.5px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdbh .tdbp-brk a:hover b{color:var(--pr)}
.tdbp-brk small{display:block;font-size:11.5px;color:var(--pm);margin-top:2px}

/* ---- kısayollar */
.tdbp-short{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.tdbh .tdbp-short a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--tc) 22%,#e6e9ee);background:linear-gradient(160deg,color-mix(in srgb,var(--tc) 9%,#fff),#fff 70%);color:var(--pk);transition:border-color .15s,box-shadow .15s,transform .15s}
.tdbh .tdbp-short a:hover{border-color:var(--tc);box-shadow:0 8px 20px color-mix(in srgb,var(--tc) 20%,transparent);transform:translateY(-2px)}
.tdbp-si{flex:none;width:44px;height:44px;border-radius:12px;background:var(--tc);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 12px color-mix(in srgb,var(--tc) 32%,transparent)}
.tdbp-short a>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.tdbp-short b{font-size:15px;font-weight:800;color:var(--tc)}
.tdbp-short small{font-size:12px;color:var(--pm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---- haber modülü */
.tdbh-twocol{gap:18px!important}
.tdbh-twocol>.tdbp-mod{flex:1 1 440px;min-width:0}
.tdbp-mod{height:100%;display:flex;flex-direction:column}
.tdbp-mod-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;flex:1}
.tdbp-mod-in.one{grid-template-columns:1fr}
.tdbh .tdbp-mlead{display:flex;flex-direction:column;gap:8px;color:var(--pk)}
.tdbp-mi{position:relative;display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#dfe3ea}
.tdbp-mi img,.tdbp-mi .tdbh-noimg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.tdbp-mi .tdbp-badge{position:absolute;left:10px;bottom:10px}
.tdbp-mlead b{font-family:'Plus Jakarta Sans','Source Sans 3',system-ui,sans-serif;font-size:17px;font-weight:800;line-height:1.28;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tdbp-mlead small,.tdbp-mlist small{font-size:12px;color:var(--pm)}
.tdbp-mlead small i,.tdbp-mlist small i{font-style:normal}
.tdbp-mlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tdbp-mlist li+li{border-top:1px solid var(--pl)}
.tdbh .tdbp-mlist a{display:flex;gap:10px;align-items:center;padding:8px 0;color:var(--pk)}
.tdbp-mlist li:first-child a{padding-top:0}
.tdbp-mth{flex:none;width:86px;aspect-ratio:16/11;border-radius:9px;overflow:hidden;background:#dfe3ea}
.tdbp-mth img,.tdbp-mth .tdbh-noimg{width:100%;height:100%;object-fit:cover;display:block}
.tdbp-mlist a>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.tdbp-mlist b{font-size:13.8px;font-weight:700;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdbh .tdbp-mlead:hover b,.tdbh .tdbp-mlist a:hover b{color:var(--mc,var(--pr))}
.tdbh .tdbp-mlead:hover img{transform:scale(1.04)}

/* ---- sekmeler + kaydırmalı satırlar */
.tdbp-h-tabs{flex-wrap:nowrap}
.tdbp-tabs{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}
.tdbp-tabs::-webkit-scrollbar{display:none}
.tdbp-tabs button{flex:none;height:30px;padding:0 13px;border-radius:999px;border:1px solid var(--pl);background:#f6f7f9;color:#334155;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.tdbp-tabs button:hover{border-color:var(--pr);color:var(--pr)}
.tdbp-tabs button[aria-selected=true]{background:var(--pr);border-color:var(--pr);color:#fff}
.tdbp-prow,.tdbp-pk{position:relative}
.tdbp-ptrack{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px}
.tdbp-ptrack::-webkit-scrollbar{display:none}
.tdbp-arr{position:absolute;top:38%;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid #dde1e6;background:#fff;color:#16181d;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.16);padding:0}
.tdbp-arr[hidden]{display:none}
.tdbp-arr-p{left:-8px}.tdbp-arr-n{right:-8px}
.tdbh .tdbp-pc{flex:0 0 calc((100% - 60px)/6);min-width:150px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--pl);border-radius:14px;background:#fff;color:var(--pk);transition:border-color .15s,box-shadow .15s}
.tdbh .tdbp-pc:hover{border-color:#6a3fb5;box-shadow:0 8px 20px rgba(106,63,181,.14)}
.tdbp-pimg{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f6f7f9}
.tdbp-pimg img,.tdbp-pimg .tdbh-noimg{width:100%;height:100%;object-fit:contain;display:block;padding:6px;box-sizing:border-box}
.tdbp-pc b{font-size:13.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.tdbp-ps{font-size:11.5px;color:var(--pm);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.tdbp-pp{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}
.tdbp-pp strong{font-size:15px;font-weight:800;color:var(--pr)}
.tdbp-pp em{font-style:normal;font-size:12px;color:var(--pm)}
.tdbp-pgo{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--pl);display:flex;align-items:center;justify-content:center;color:var(--pk)}

/* ---- Editörün Seçimi */
.tdbp-picks{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}
.tdbp-picks.has-ad{grid-template-columns:minmax(0,1fr) 300px}
.tdbp-picks>.tdb-ad{margin:0;justify-content:center;background:var(--pc);border:1px solid var(--pl);border-radius:16px;box-shadow:var(--psh);padding:12px}
.tdbh .tdbp-pkc{flex:0 0 calc((100% - 60px)/6);min-width:160px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;color:var(--pk)}
.tdbp-picks.has-ad .tdbp-pkc{flex-basis:calc((100% - 36px)/4)}
.tdbp-pki{position:relative;display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#dfe3ea}
.tdbp-pki img,.tdbp-pki .tdbh-noimg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.tdbp-pki .tdbp-badge{position:absolute;left:8px;bottom:8px}
.tdbp-pkc b{font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tdbh .tdbp-pkc:hover b{color:var(--pr)}
.tdbh .tdbp-pkc:hover img{transform:scale(1.05)}

@media (max-width:1180px){
  .tdbp-top{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .tdbp-top .tdbp-side{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:start}
  .tdbp-top.no-hero .tdbp-side,.tdbp-top.no-feat .tdbp-side{grid-column:auto;display:flex}
  .tdbh .tdbp-pc{flex-basis:calc((100% - 36px)/4)}
  .tdbh .tdbp-pkc{flex-basis:calc((100% - 36px)/4)}
  .tdbp-picks.has-ad .tdbp-pkc{flex-basis:calc((100% - 24px)/3)}
}
@media (max-width:900px){
  .tdbp-top,.tdbp-top.no-side,.tdbp-top.no-feat,.tdbp-top.no-hero{grid-template-columns:minmax(0,1fr)}
  .tdbp-top .tdbp-side{display:flex}
  .tdbp-hero-track{aspect-ratio:16/10}
  .tdbp-feat li{flex:none}
  .tdbp-picks.has-ad{grid-template-columns:minmax(0,1fr)}
  .tdbp-picks>.tdb-ad{padding:12px 0}
  .tdbp-mod-in{grid-template-columns:minmax(0,1fr)}
  .tdbh-twocol>.tdbp-mod{flex-basis:100%}
}
@media (max-width:640px){
  .tdbp-hero{border-radius:14px}
  .tdbp-hero-track{aspect-ratio:16/11}
  .tdbp-cap{padding:14px 58px 12px 14px;gap:6px}
  .tdbp-title{font-size:21px}
  .tdbp-sum{display:none}
  .tdbp-meta{font-size:12px;gap:4px 10px}
  .tdbp-go{right:12px;bottom:16px;width:38px;height:38px}
  .tdbp-dots{padding:10px 12px 12px;gap:6px}
  .tdbp-dots button{flex:0 0 32px;height:32px;font-size:13px}
  .tdbp-fi{width:96px}
  .tdbp-ft b{font-size:14px}
  .tdbp-short{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tdbh .tdbp-short a{padding:10px;gap:9px}
  .tdbp-si{width:36px;height:36px;border-radius:10px}
  .tdbp-short b{font-size:13.5px}
  .tdbp-short small{display:none}
  .tdbh .tdbp-pc{flex-basis:calc((100% - 12px)/2);min-width:0}
  .tdbh .tdbp-pkc,.tdbp-picks.has-ad .tdbp-pkc{flex-basis:72%;min-width:0}
  .tdbp-arr{display:none!important}
  .tdbp-h-tabs{flex-wrap:wrap}
  .tdbp-h-tabs .tdbp-tabs{order:3;flex-basis:100%}
}

html[data-tdb=dark] .tdbh{--pk:#eef1f5;--pm:#98a2b3;--pl:#2a303a;--pc:#171b22;--psh:0 1px 2px rgba(0,0,0,.4)}
html[data-tdb=dark] .tdbh .tdbp-pc,html[data-tdb=dark] .tdbh .tdbp-short a{background:#171b22}
html[data-tdb=dark] .tdbp-pimg{background:#fff}
html[data-tdb=dark] .tdbp-tabs button{background:#1f252e;color:#c9d0da}
html[data-tdb=dark] .tdbp-arr{background:#1f252e;border-color:#2a303a;color:#eef1f5}
html[data-tdb=dark] .tdbp-fi,html[data-tdb=dark] .tdbp-mi,html[data-tdb=dark] .tdbp-mth,html[data-tdb=dark] .tdbp-pki{background:#232831}