/* ── KATEGORİ SLIDER ── */
.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 calc(20% - 14px);min-width:180px;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{position:relative;height:190px;overflow:hidden;background:var(--bg-section)}
.kat-gorsel img,.kat-gorsel-bos{width:100%;height:100%;object-fit:cover;transition:transform var(--t-yavas)}
.kat-gorsel-bos{background:linear-gradient(135deg,var(--bg-section),var(--border))}
.kat-kart:hover .kat-gorsel 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)}
.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)}

/* ── KATEGORİ MOBİL ── */
@media (max-width: 768px) {
  .kat-slider-wrap { overflow: visible !important; }
  .kat-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    gap: 10px !important;
    padding: 8px 16px 16px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
  }
  .kat-slider::-webkit-scrollbar { display: none !important; }
  .kat-kart {
    flex: 0 0 44vw !important;
    min-width: 130px !important;
    max-width: 170px !important;
    width: auto !important;
  }
  .kat-gorsel-wrap img { height: 110px !important; width: 100% !important; object-fit: cover !important; }
  .kat-bilgi { padding: 10px 12px !important; }
  .kat-bilgi h3 { font-size: .82rem !important; }
  .kat-bilgi > span { font-size: .7rem !important; }
  .kat-slider-wrap .sl-btn { display: none !important; }
}
@media (max-width: 400px) {
  .kat-kart { flex: 0 0 48vw !important; }
}

/* ── KATEGORİLER ─────────────────────────────────────────────── */
.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-slider {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 12px;
    padding: 8px 16px 16px;
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
  .kat-slider::-webkit-scrollbar { display: none; }
  .kat-kart {
    flex: 0 0 42vw;
    min-width: 130px;
    max-width: 180px;
  }
  .kat-gorsel-wrap img { height: 120px; object-fit: cover; }
}

@media(max-width:400px){
  .kat-kart { flex: 0 0 46vw; min-width: 120px; }
}