/* Blok: hero / hero-02 — 9-3 Çiftli, dot nav, dikey ortalı caption */.blok-hero02{ padding:24px 0 clamp(16px,2vw,28px); }.blok-hero02 .hero02-grid{ max-width:var(--blok-container-max); margin:0 auto; padding:0 var(--blok-container-padding); display:grid; grid-template-columns:1fr; gap:16px; align-items:stretch; }.blok-hero02 .hero02-grid.has-side{ grid-template-columns:9fr 3fr; }.blok-hero02 .hero02-main{
    position:relative; border-radius:14px; overflow:hidden;
    aspect-ratio:16/7; background:var(--tema-border);
    box-shadow:0 8px 24px rgba(0,0,0,.06);
}.blok-hero02 .hero02-track{ position:relative; width:100%; height:100%; }.blok-hero02 .hero02-slide{ position:absolute; inset:0; opacity:0; transition:opacity .55s ease; pointer-events:none; }.blok-hero02 .hero02-slide.is-active{ opacity:1; pointer-events:auto; }.blok-hero02 .hero02-slide a{ display:block; width:100%; height:100%; position:relative; }.blok-hero02 .hero02-slide img{ width:100%; height:100%; object-fit:fill; display:block; }.blok-hero02 .hero02-caption{
    position:absolute; inset:0;
    display:flex; flex-direction:column; justify-content:center;
    padding:24px 8% 48px 8%;
    background:transparent;
    color:var(--blok-text-overlay, #fff);
}.blok-hero02 .hero02-caption h2{ margin:0 0 8px; font-weight:800; font-size:30px; line-height:1.15; color:var(--blok-baslik); max-width:80%; }.blok-hero02 .hero02-caption p{ margin:0; opacity:.95; font-size:14px; line-height:1.5; max-width:75%; }.blok-hero02 .hero02-dots{
    position:absolute; bottom:14px; left:50%; transform:translateX(-50%);
    display:flex; gap:6px; z-index:3;
}.blok-hero02 .hero02-dots button{
    width:9px; height:9px; border-radius:50%;
    background:rgba(255,255,255,.55); border:0; padding:0; cursor:pointer;
    transition:width .2s, background .15s;
}.blok-hero02 .hero02-dots button.is-active{ background:var(--blok-buton-bg); width:28px; border-radius:5px; }

/* Yan kutu (sabit upload) */.blok-hero02 .hero02-side{ display:flex; }.blok-hero02 .hero02-side-card{
    position:relative; display:flex; flex:1;
    border-radius:14px; overflow:hidden;
    background:var(--tema-border); text-decoration:none;
    transition:transform .25s, box-shadow .25s;
}.blok-hero02 .hero02-side-card:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,.12); }.blok-hero02 .hero02-side-card img{
    width:100%; height:100%; object-fit:fill; display:block;
    min-height:100%;
}.blok-hero02 .hero02-side-caption{
    position:absolute; left:0; right:0; bottom:0;
    background:color-mix(in srgb, var(--tema-text) 88%, transparent);
    color:var(--blok-text-overlay, #fff);
    padding:12px 14px;
    display:flex; flex-direction:column; gap:4px;
}.blok-hero02 .hero02-side-caption strong{ font-size:13px; font-weight:800; line-height:1.2; }.blok-hero02 .hero02-side-caption span{ font-size:11px; opacity:.92; line-height:1.4; }

@media (max-width: 991px) {
    .blok-hero02 .hero02-grid.has-side { grid-template-columns:1fr; }.blok-hero02 .hero02-side-card img{ aspect-ratio:21/9; min-height:auto; }.blok-hero02 .hero02-caption h2{ font-size:24px; max-width:90%; }.blok-hero02 .hero02-caption p{ font-size:13px; max-width:90%; }
}
@media (max-width: 768px) {
    .blok-hero02 .hero02-main { aspect-ratio:16/10; border-radius:10px; }.blok-hero02 .hero02-caption{ padding:18px 6% 40px 6%; background:transparent; }.blok-hero02 .hero02-caption h2{ font-size:18px !important; max-width:100%; margin-bottom:4px; }.blok-hero02 .hero02-caption p{ font-size:12px !important; max-width:100%; }.blok-hero02 .hero02-dots button{ width:7px; height:7px; }.blok-hero02 .hero02-dots button.is-active{ width:20px; }
}