*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111a20;background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{min-height:68px;background:#101920;color:#fff;display:flex;align-items:center;gap:22px;padding:12px max(3vw,18px);position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #0002}.brand{display:flex;flex-direction:column;line-height:.9;min-width:125px;font-weight:900;letter-spacing:1px}.brand span{font-size:27px}.brand small{font-size:9px;letter-spacing:6px;margin:7px 0 0 4px}.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:1}.main-nav a{font-size:12px;font-weight:700;padding:12px 9px;border-radius:5px;white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:#f20d2c}.menu-toggle{background:transparent;border:0;color:#fff;font-size:24px;padding:4px 10px;cursor:pointer}.menu-toggle{display:none}.hero-wrap{display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:12px;background:#0b1115;padding-bottom:12px}.hero{min-height:370px;background-image:linear-gradient(90deg,rgba(4,10,14,.9),rgba(4,10,14,.52) 48%,transparent 85%),var(--hero-image);background-position:center;background-size:cover;display:flex;align-items:center;color:#fff}.hero-copy{padding:35px 5vw;max-width:700px}.eyebrow,.tag{display:inline-block;background:#f20d2c;color:#fff;font-weight:800;font-size:10px;padding:7px 10px;border-radius:4px}.hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.02;letter-spacing:-1px;margin:14px 0;max-width:600px}.hero p{font-size:14px;line-height:1.6;max-width:460px;color:#f0f2f3}.btn{display:inline-flex;gap:14px;align-items:center;background:#f20d2c;color:#fff;padding:13px 18px;border-radius:7px;font-size:13px;font-weight:800}.hero-side{padding:10px 16px 0 0;display:flex;flex-direction:column}.hero-side a{display:flex;align-items:center;gap:12px;min-height:85px;flex:1;padding:8px 0;border-bottom:1px solid #ffffff25;color:#fff;font-size:13px;line-height:1.4}.hero-side img{width:92px;height:64px;object-fit:cover;border-radius:5px}.category-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:16px max(2.4vw,18px);border-bottom:1px solid #e8ebed}.category-tile{border:1px solid #e6e8ea;border-radius:6px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fff}.category-tile:hover{border-color:#f20d2c;transform:translateY(-2px)}.category-tile span{font-size:23px}.category-tile b{font-size:12px}.content-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,.9fr);gap:24px;padding:22px max(2.4vw,18px) 32px}.section{margin-bottom:28px}.section-title{display:flex;justify-content:space-between;align-items:center;border-left:4px solid #f20d2c;padding-left:10px;margin-bottom:15px;min-height:26px}.section-title h2{font-size:18px;font-weight:900;margin:0}.section-title span{font-size:11px;color:#6f7880}.news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.news-card{min-width:0}.news-card.feature-card{grid-column:span 2;grid-row:auto}.news-image{display:block;position:relative;overflow:hidden;border-radius:5px}.news-image img{width:100%;height:130px;object-fit:cover}.feature-card .news-image img{height:215px}.news-image .tag{position:absolute;bottom:0;left:0;border-radius:0 5px 0 0;font-size:9px}.news-card h3{font-size:15px;line-height:1.35;margin:9px 0 5px}.feature-card h3{font-size:21px}.news-card p,.review-card p,.muted{font-size:12px;color:#6f7880;line-height:1.5}.news-card small{font-size:10px;color:#8b9298}.demo-note{font-size:11px;color:#6c7378;background:#f6f7f8;padding:10px;border-radius:4px;margin-top:15px}.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.review-card{border-bottom:1px solid #e8ebed;padding-bottom:10px}.review-card img{width:100%;height:110px;object-fit:cover;border-radius:5px}.review-card .tag{font-size:9px;margin:8px 0 0}.review-card h3{font-size:13px;line-height:1.4;margin:6px 0}.split-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-sections h3{font-size:16px}.sidebar{min-width:0}.popular{background:#f7f8f9;padding:14px;border-radius:5px}.popular ol{list-style:none;padding:0;margin:0;counter-reset:rank}.popular li{counter-increment:rank;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.4;padding:12px 0;border-bottom:1px solid #e6e8ea}.popular li:before{content:counter(rank);display:grid;place-items:center;background:#f20d2c;color:white;border-radius:50%;width:27px;height:27px;flex:0 0 27px}.vehicle-box{border:1px solid #e8ebed;padding:18px;border-radius:5px;margin-top:16px}.vehicle-box h2{font-size:21px;margin:12px 0}.vehicle-box p{font-size:12px;color:#6f7880;line-height:1.5}.footer-hero{background:linear-gradient(90deg,#080e12e8,#080e1250),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1600&q=80') center/cover;color:#fff;padding:35px max(3vw,20px)}.footer-hero h2{font-size:clamp(25px,3vw,38px);margin:10px 0 18px}.site-footer{background:#101920;color:#dbe0e3;padding:22px max(3vw,20px);display:flex;align-items:center;gap:25px}.site-footer p{font-size:12px;flex:1}.site-footer>small{font-size:10px;color:#aab2b7}@media(max-width:1050px){.topbar{gap:10px}.main-nav a{padding:10px 6px;font-size:11px}.brand{min-width:105px}.brand span{font-size:23px}.category-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card.feature-card{grid-column:span 2;grid-row:auto}.feature-card .news-image img{height:220px}}@media(max-width:760px){.topbar{min-height:62px;padding:10px 14px;justify-content:space-between}.menu-toggle{display:block;order:3}.main-nav{display:none;position:absolute;top:62px;left:0;right:0;background:#101920;padding:10px;grid-template-columns:repeat(2,1fr);box-shadow:0 8px 12px #0003}.main-nav.open{display:grid}.main-nav a{padding:12px}.hero-wrap{grid-template-columns:1fr}.hero{min-height:360px}.hero-copy{padding:28px 22px}.hero h1{font-size:38px}.hero-side{display:grid;grid-template-columns:1fr 1fr;padding:0 12px;gap:8px}.hero-side a{font-size:11px;min-height:75px;gap:8px}.hero-side img{width:70px;height:55px}.category-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px}.category-tile{min-height:67px}.category-tile b{font-size:10px}.content-layout{grid-template-columns:1fr;padding:18px 14px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.popular{grid-column:span 2}.vehicle-box{margin-top:0}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-sections{grid-template-columns:1fr;gap:0}.site-footer{flex-wrap:wrap;gap:12px}.site-footer p{flex-basis:100%;order:3;margin:0}.site-footer>small{flex-basis:100%}}@media(max-width:420px){.brand{min-width:90px}.brand span{font-size:21px}.brand small{font-size:8px}.hero h1{font-size:32px}.news-grid{gap:12px}.news-card h3{font-size:13px}.feature-card h3{font-size:19px}.news-image img{height:105px}.feature-card .news-image img{height:180px}.sidebar{grid-template-columns:1fr}.popular{grid-column:auto}}

/* Ana sayfa kategori ikonlari */
.category-tile{min-width:0;padding:10px 5px;gap:7px;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);box-shadow:0 2px 7px rgba(16,25,32,.035)}.category-tile span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff0f2;color:#ef1737;font-size:23px;line-height:1}.category-tile b{line-height:1.25;overflow-wrap:anywhere}.category-tile:hover span{background:#ef1737;color:#fff;transform:scale(1.04)}.category-tile span{transition:background .18s,color .18s,transform .18s}


/* Studio arayüz iyileştirmeleri: doğal kart akışı, okunabilir yazı ve reklam yer tutucuları */
.news-grid{align-items:start;grid-auto-flow:row}
.news-card.feature-card{align-self:start}
.content-layout{align-items:start}
.sidebar{align-self:start}
.ad-slot,.ad-placeholder{min-width:0;max-width:100%;margin:18px auto;text-align:center}
.ad-placeholder{min-height:90px;border:1px dashed #d8dee3;border-radius:6px;background:#fafbfc;color:#7a858d;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.04em}
.article-page{width:100%;max-width:1280px}
.article-page>h1,.article-page>.article-lead,.article-page>.article-meta,.article-page>.article-hero,.article-page>.article-body,.article-page>p.muted{max-width:820px;margin-left:auto;margin-right:auto}
.article-page>h1{margin-top:16px;margin-bottom:14px}
.article-page>.article-lead{margin-top:0}
.article-page>.article-meta{margin-bottom:14px}
.article-page>.article-hero{display:block;width:100%;max-height:520px;object-fit:cover}
.article-body{max-width:820px;margin:28px auto;line-height:1.85}
.article-body p{margin-bottom:1.15em}
.article-body h2,.article-body h3{scroll-margin-top:90px}
@media(min-width:1100px){
 .article-page{display:flow-root}
 .article-page>h1,.article-page>.article-lead,.article-page>.article-meta,.article-page>.article-hero,.article-page>.article-body,.article-page>p.muted{max-width:820px}
}
@media(max-width:760px){
 .article-page{padding:18px 14px}
 .article-page>h1,.article-page>.article-lead,.article-page>.article-meta,.article-page>.article-hero,.article-page>.article-body,.article-page>p.muted{max-width:100%}
 .ad-placeholder{min-height:60px}
}

/* Studio arayüz iyileştirmeleri - ikinci aşama */
/* Ana sayfa kartları: öne çıkan kartın altında oluşan büyük boşluğu azalt. */
.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;grid-auto-flow:row;gap:18px}
.news-card.feature-card{grid-column:auto;grid-row:auto;align-self:start}
.feature-card .news-image img{height:180px}
.feature-card h3{font-size:17px}
.review-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:start}
.review-card{min-width:0}
.content-layout{align-items:start;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:24px}
.sidebar{align-self:start;display:flex;flex-direction:column;gap:14px}
.popular,.vehicle-box{width:100%}
.ad-slot,.ad-placeholder{box-sizing:border-box;width:100%;max-width:100%;margin:16px 0;text-align:center}
.ad-placeholder{min-height:90px;padding:12px;border:1px dashed #cbd3d9;border-radius:7px;background:#f8fafb;color:#75818a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.05em}
.site-ad-top{margin:12px auto;max-width:970px}
.site-ad-inline{margin:18px auto}
.sidebar-ad-placeholder{min-height:250px;margin-top:0}
/* Haber detay sayfası: üç dengeli sütun, ana metin okunabilir genişlikte. */
.article-shell{width:min(1540px,100%);margin:22px auto 42px;padding:0 clamp(16px,2.2vw,34px);display:grid;grid-template-columns:minmax(170px,220px) minmax(0,820px) minmax(220px,280px);gap:clamp(18px,2vw,30px);align-items:start}
.article-page{width:100%;max-width:none;min-width:0;margin:0;padding:0;display:block}
.article-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 20px;font-size:13px;color:#65727c}
.article-breadcrumb a:first-child{color:#ef1737;font-weight:700}
.article-page>.eyebrow{margin:0 0 12px}
.article-page h1{font-size:clamp(30px,3.1vw,46px);line-height:1.12;letter-spacing:-.6px;margin:0 0 14px;overflow-wrap:anywhere}
.article-page .article-lead{font-size:17px;line-height:1.65;color:#596771;margin:0 0 18px}
.article-meta{margin:0 0 14px}
.article-hero{display:block;width:100%;max-height:500px;object-fit:cover;border-radius:12px}
.article-image-credit{margin:8px 0 0;font-size:11px;line-height:1.5}
.article-body{width:100%;max-width:none;margin:24px 0;line-height:1.85;font-size:17px;overflow-wrap:anywhere}
.article-body p{margin:0 0 1.15em}
.article-body h2,.article-body h3{scroll-margin-top:90px}
.related-section{margin-top:34px;padding-top:20px;border-top:1px solid #e5e9ec}
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.related-grid .news-image img{height:130px}
.article-rail{min-width:0;display:flex;flex-direction:column;gap:14px}
.article-rail-box{padding:15px;background:#f7f8f9;border:1px solid #e8ecef;border-radius:8px;min-width:0}
.article-rail-box>h2{font-size:14px;line-height:1.3;margin:0 0 10px;padding-left:9px;border-left:3px solid #ef1737}
.article-category-list,.article-latest-list{list-style:none;padding:0;margin:0}
.article-category-list li,.article-latest-list li{border-bottom:1px solid #e1e6e9;padding:9px 0}
.article-category-list li:last-child,.article-latest-list li:last-child{border-bottom:0}
.article-category-list a,.article-latest-list a{font-size:12px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.article-category-list a:hover,.article-latest-list a:hover,.rail-promo a:hover{color:#ef1737}
.article-latest-list small{display:block;margin-top:4px;color:#78838b;font-size:10px}
.rail-promo{background:#fff}
.rail-promo h2{font-size:18px;margin:12px 0 8px;border:0;padding:0}
.rail-promo p{font-size:12px;line-height:1.6;color:#687680}
.rail-promo a{font-size:12px;font-weight:700}
.article-ad-placeholder{margin:22px 0}
@media(max-width:1100px){
 .article-shell{grid-template-columns:minmax(0,1fr) minmax(220px,270px)}
 .article-rail-left{display:none}
 .content-layout{grid-template-columns:minmax(0,2.4fr) minmax(230px,1fr)}
 .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .content-layout{grid-template-columns:minmax(0,1fr);padding:18px 14px}
 .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .feature-card .news-image img{height:150px}
 .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sidebar{display:grid;grid-template-columns:1fr 1fr}
 .popular{grid-column:1/-1}
 .sidebar-ad-placeholder{min-height:90px}
 .article-shell{display:flex;flex-direction:column;padding:0 14px;margin:14px auto 30px;gap:18px}
 .article-page{order:0}
 .article-rail-left{display:none}
 .article-rail-right{width:100%;order:1;display:grid;grid-template-columns:1fr 1fr;align-items:start}
 .article-rail-right .article-rail-box:first-child{grid-column:1/-1}
 .article-page h1{font-size:clamp(28px,7vw,38px)}
 .article-page .article-lead{font-size:16px}
 .article-body{font-size:16px;line-height:1.8}
 .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ad-placeholder{min-height:64px}
}
@media(max-width:420px){
 .news-grid,.review-grid,.related-grid{grid-template-columns:minmax(0,1fr)}
 .feature-card .news-image img,.news-image img{height:190px}
 .sidebar{grid-template-columns:minmax(0,1fr)}
 .article-rail-right{grid-template-columns:minmax(0,1fr)}
 .article-rail-right .article-rail-box:first-child{grid-column:auto}
}


/* Ana sayfa: haber kartlarini dengeli sutunlarda goster, buyuk bosluk olusmasin. */
.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:18px}
.news-card.feature-card{grid-column:auto;grid-row:auto;align-self:start}
@media(max-width:1100px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:420px){.news-grid{grid-template-columns:minmax(0,1fr)}}