/* kat-01 — Popov kategori grid (kare kart, başlık üst orta) */.blok-kat01{background:var(--blok-bg-bg, var(--blok-bg));color:var(--blok-text);padding:clamp(48px,7vw,96px) 0}.kat01-wrap{max-width:1440px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}.kat01-head{text-align:center;margin-bottom:clamp(28px,4vw,48px)}.kat01-title{font-family:var(--font-heading,inherit);font-size:clamp(24px,3vw,38px);font-weight:600;color:var(--blok-baslik);margin:0 0 10px;letter-spacing:-.015em}.kat01-sub{font-size:15px;color:var(--blok-text);margin:0;max-width:560px;margin-left:auto;margin-right:auto}.kat01-grid{display:grid;gap:clamp(12px,1.5vw,24px)}.kat01-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.kat01-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.kat01-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.kat01-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}

/* Kart — koyu fallback bg + portrait aspect + yumuşak köşe */.kat01-card{
    position:relative;
    display:block;
    text-decoration:none;
    color:inherit;
    overflow:hidden;
    background:var(--blok-bg-bg, var(--blok-bg));
    aspect-ratio:9 / 10 !important;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(42,31,24,.08);
    transition:box-shadow .25s ease, transform .25s ease;
}.kat01-card:hover{
    box-shadow:0 8px 24px rgba(42,31,24,.18);
    transform:translateY(-2px);
}

/* Media — kart ile birebir aynı boyut (boşluk yaratmaz) */.kat01-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden;
}.kat01-media img,
.kat01-card img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block;
    transition:transform .55s cubic-bezier(.2,.7,.2,1);
}.kat01-card:hover .kat01-media img,
.kat01-card:hover img{transform:scale(1.06)}

/* Alt-üst gradient — başlığı belirginleştirir, kart radius'una uyar */.kat01-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,0) 80%);
    pointer-events:none;
    z-index:1;
    border-radius:inherit;
}

/* Başlık — alttan daha yukarıda, biraz daha büyük, ortalı */
/* v1.4: KART-ÜZERİ OVERLAY TEXT → --blok-text-overlay (default #fff) kullan,
   --blok-text (default #0f172a koyu) DEĞİL. Bu sayede ad blocker veya başka bir
   nedenle block-scope cascade kırılırsa bile yazı default beyaz kalır. */.kat01-name{
    position:absolute;
    left:0;
    right:0;
    bottom:clamp(22px,3.5vw,42px) !important;
    text-align:center;
    color:var(--blok-text-overlay, #fff);
    font-family:var(--font-heading,inherit);
    font-size:clamp(15px,1.45vw,19px);
    font-weight:600;
    letter-spacing:.14em;
    text-transform:uppercase;
    z-index:10;
    padding:0 16px;
    text-shadow:0 2px 8px rgba(0,0,0,.55);
}

/* Hover: başlık altında ince accent çizgisi */.kat01-name::after{
    content:"";
    display:block;
    width:0;
    height:1.5px;
    background:var(--blok-bg-bg, var(--blok-bg));
    margin:8px auto 0;
    transition:width .35s ease;
}.kat01-card:hover .kat01-name::after{width:36px}

@media (max-width:1024px){
    .kat01-grid[data-cols="5"]{grid-template-columns:repeat(3,1fr)}.kat01-grid[data-cols="4"]{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
    .kat01-grid[data-cols="5"],
    .kat01-grid[data-cols="4"],
    .kat01-grid[data-cols="3"]{grid-template-columns:repeat(2,1fr)}.kat01-name{
        bottom:18px !important;
        font-size:13px;
        letter-spacing:.1em;
    }
}