/* ── KATEGORİLER ─────────────────────────────────────────────── */
.kategoriler-bolum{}
.kat-slider-wrap{position:relative}
.kat-slider{display:flex;gap:18px;overflow-x:hidden;scroll-behavior:smooth;padding:8px 4px 16px}
.kat-kart{flex:0 0 220px;min-width:180px;max-width:280px;border-radius:var(--r-md);overflow:hidden;background:var(--bg-kart);box-shadow:var(--golge);transition:all var(--t-normal)}
.kat-kart:hover{transform:translateY(-7px);box-shadow:var(--golge-hov)}
.kat-kart-link{display:block;text-decoration:none}
.kat-gorsel-wrap{position:relative;overflow:hidden;background:var(--bg-section);display:block}
.kat-gorsel-wrap img{width:100%;height:auto;display:block;transition:transform var(--t-yavas)}
.kat-gorsel-bos{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-section),var(--border))}
.kat-kart:hover .kat-gorsel-wrap img{transform:scale(1.07)}
.kat-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,transparent 55%);opacity:0;transition:opacity var(--t-normal)}
.kat-kart:hover .kat-ov{opacity:1}
.kat-bilgi{padding:13px 15px;display:flex;align-items:center;justify-content:space-between}
.kat-bilgi h3{font-family:var(--f-govde);font-size:.9rem;font-weight:700;color:var(--metin);margin:0}
.kat-bilgi>span{font-size:.73rem;color:var(--metin-ince)}
.kat-ok{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--bg-section);color:var(--yesil);font-size:.8rem;transition:all var(--t-hizli);flex-shrink:0}
.kat-kart:hover .kat-ok{background:var(--yesil);color:#fff;transform:translateX(2px)}
@media(max-width:768px){.kat-kart{flex:0 0 calc(50% - 9px)}}
@media(max-width:400px){.kat-kart{flex:0 0 calc(100% - 4px)}}

@media (max-width: 640px) {
    .kategoriler-bolum { padding: 40px 0 !important; }
    .kat-liste {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        flex-wrap: nowrap !important;
        scrollbar-width: thin !important;
        padding-bottom: 10px !important;
    }
    .kat-kart {
        flex: 0 0 75% !important;
        min-width: 220px !important;
    }
}