:root{
    --bg:#07111f;--bg2:#0b1728;--card:#101c2f;--card2:#0f1a2c;
    --line:rgba(148,163,184,.22);--text:#e5eefb;--muted:#a8b3c7;
    --brand:#38bdf8;--gold:#f6d365;--gold2:#d4af37;--green:#22c55e;
    --shadow:0 22px 70px rgba(0,0,0,.38);
}
body.index-page{
    background:
        radial-gradient(circle at 12% 0,rgba(226,190,92,.11),transparent 29%),
        radial-gradient(circle at 88% 8%,rgba(41,82,126,.14),transparent 32%),
        linear-gradient(180deg,#050b14 0%,#08111f 48%,#030812 100%)!important;
    color:var(--text);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}
.index-page a{color:inherit;text-decoration:none}
.index-page img{max-width:100%;height:auto}
.index-page .container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 0 42px;min-height:760px}
.index-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.index-page .empty-card,
.index-page .home-section,
.index-page .home-blog-section,
.index-page .builder-banner,
.index-page .builder-html,
.index-page .footer-seo{
    background:linear-gradient(180deg,rgba(8,15,28,.98),rgba(10,18,32,.96));
    border:1px solid var(--line);
    border-radius:22px;
    box-shadow:0 14px 45px rgba(0,0,0,.22);
}
.index-page .empty-card{padding:18px;color:#dbeafe}
.index-page .blok-baslik,
.index-page .home-section-title h2,
.index-page .home-blog-head h2{margin:0;color:#fff;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.035em}
.index-page .blok-baslik{margin:24px 0 14px}
.index-page .yatay-alan{display:grid;gap:16px;margin:18px 0 24px;content-visibility:auto;contain-intrinsic-size:420px}
.index-page .yatay-ilan{
    position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(212,175,55,.24);
    background:linear-gradient(180deg,rgba(8,15,28,.98),rgba(10,18,32,.96));box-shadow:var(--shadow);
}
.index-page .yatay-ilan a{display:block;position:relative;min-height:260px;color:#fff}
.index-page .yatay-ilan img{display:block;width:100%;height:350px;object-fit:cover;aspect-ratio:1140/350}
.index-page .yatay-ilan::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.74));pointer-events:none}
.index-page .yatay-icerik{position:absolute;left:22px;right:22px;bottom:22px;z-index:3}
.index-page .yatay-icerik span{display:inline-flex;margin-bottom:8px;color:#fde68a;font-weight:950;font-size:13px}
.index-page .yatay-icerik h2{margin:0;color:#fff;font-size:clamp(24px,3.4vw,42px);line-height:1.08;letter-spacing:-.045em}
.index-page .dikey-grid,
.index-page .home-listing-grid,
.index-page .home-blog-grid{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:14px 0 26px;
    content-visibility:auto;contain-intrinsic-size:720px;overflow-anchor:none;
}
.index-page .dikey-card,
.index-page .home-listing-card,
.index-page .home-blog-card,
.index-page .home-link-card{
    overflow:hidden;background:linear-gradient(180deg,rgba(8,15,28,.98),rgba(10,18,32,.96));
    border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 45px rgba(0,0,0,.22);color:#f8fafc;
}
.index-page .vip-image-link{display:block;position:relative;background:#020617;aspect-ratio:3/4;overflow:hidden}
.index-page .vip-image-link img,
.index-page .dikey-card img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.index-page .vip-card-badges,
.index-page .vip-wide-badges{position:absolute;inset:10px 10px auto 10px;z-index:4;display:flex;justify-content:space-between;gap:8px;pointer-events:none}
.index-page .vip-badge-left,.index-page .vip-badge-right{display:grid;gap:6px}
.index-page .vip-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:950;color:#111827;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.index-page .vip-badge.gold{background:linear-gradient(135deg,#fde68a,#f59e0b)}
.index-page .vip-badge.green{background:linear-gradient(135deg,#86efac,#22c55e)}
.index-page .vip-badge.red{background:linear-gradient(135deg,#fecaca,#ef4444);color:#fff}
.index-page .vip-badge.blue{background:linear-gradient(135deg,#bae6fd,#38bdf8)}
.index-page .dikey-body,
.index-page .home-listing-body,
.index-page .home-blog-body{padding:14px}
.index-page .vip-title,
.index-page .home-listing-card h3 a,
.index-page .home-blog-card h3 a{color:#fff;font-weight:950;line-height:1.32}
.index-page .vip-card-city,
.index-page .home-listing-meta,
.index-page .home-blog-date{margin-top:7px;color:#9fb0c8;font-size:13px;font-weight:800}
.index-page .home-section,
.index-page .home-blog-section{margin-top:24px;padding:20px;content-visibility:auto;contain-intrinsic-size:380px}
.index-page .home-section-title,
.index-page .home-blog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.index-page .home-section-title a,
.index-page .home-blog-head a,
.index-page .home-listing-read,
.index-page .home-blog-read{color:#93c5fd;font-weight:900}
.index-page .home-listing-img{display:block;width:100%;height:auto;aspect-ratio:360/248;object-fit:cover}
.index-page .home-blog-img{display:block;width:100%;height:auto;object-fit:contain;background:#020617;}
.index-page .home-blog-card p{color:#cbd5e1;line-height:1.65}
.index-page .home-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.index-page .home-link-card{display:grid;gap:6px;padding:15px;background:rgba(56,189,248,.08)}
.index-page .home-link-card strong{color:#fff}
.index-page .home-link-card span{color:#a8b3c7;font-size:13px}
.index-page .builder-banner,
.index-page .builder-html{margin-top:22px;padding:18px;color:#f8fafc}
.index-page .builder-space{height:22px}
.index-page .footer-seo{padding:18px;color:#cbd5e1;line-height:1.75}
.index-page .lap-premium-footer,
.index-page footer[role="contentinfo"]{min-height:300px;contain:layout paint;overflow:hidden;overflow-anchor:none}
.index-page .topbar{min-height:132px;overflow-anchor:none}
@media(max-width:1024px){
    .index-page .dikey-grid,.index-page .home-listing-grid,.index-page .home-blog-grid,.index-page .home-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
    .index-page .container{width:min(100% - 24px,1180px);padding-top:14px}
    .index-page .dikey-grid,.index-page .home-listing-grid,.index-page .home-blog-grid,.index-page .home-link-grid{grid-template-columns:1fr;gap:12px}
    .index-page .yatay-ilan img{height:230px}
    .index-page .yatay-ilan a{min-height:230px}
    .index-page .home-section,.index-page .home-blog-section{padding:16px;border-radius:18px}
    .index-page .home-section-title,.index-page .home-blog-head{align-items:flex-start;flex-direction:column}
    .index-page .topbar{min-height:120px}
}


/* LAP-DNS INDEX ACCESS + PAGESPEED FIX */
.index-page .vip-image-link,
.index-page .vip-title,
.index-page .home-section-title a,
.index-page .home-blog-head a,
.index-page .home-link-card,
.index-page .home-listing-read,
.index-page .home-blog-read{
    min-height:48px;
    display:flex;
    align-items:center;
}
.index-page .vip-title{padding:12px 0 2px;}
.index-page .home-section-title a,
.index-page .home-blog-head a,
.index-page .home-listing-read,
.index-page .home-blog-read{padding:10px 12px;border-radius:12px;}
.index-page .home-link-grid{gap:16px;}
.index-page .home-link-card{padding:16px;}
.index-page .home-listing-img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;}
.index-page .home-blog-img{display:block;width:100%;height:auto;object-fit:contain;background:#020617;}
.index-page .dikey-card img,
.index-page .vip-image-link img{aspect-ratio:3/4;}
@media(max-width:640px){
    .index-page .home-link-grid{gap:14px;}
    .index-page .vip-title,
    .index-page .home-link-card{min-height:52px;}
}


/* LAP-DNS INDEX ACCESSIBILITY HARD LOCK */
.index-page #nav-toggle.nav-toggle{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;}
.index-page a,.index-page button{touch-action:manipulation;}
.index-page .vip-image-link{min-height:220px;}
.index-page .vip-title[aria-hidden="true"]{pointer-events:none;}
.index-page .home-section-title a,.index-page .home-blog-head a{min-width:48px;min-height:48px;}
.index-page .home-link-card{min-height:64px;}
@media(max-width:640px){.index-page .vip-image-link{min-height:320px}.index-page .home-link-card{min-height:58px}}

/* LAPDNS INDEX BLOG LCP FINAL */
.index-page .home-blog-img{display:block;width:100%;height:auto;object-fit:contain;background:#020617;}
.index-page .home-blog-card a{min-height:48px;}
