/* =========================================================
   EnFavori / Kategoriler
   Page-specific category cards + category detail only.
   Shared index hero + browser geometry lives in directory-hub.css.
   ========================================================= */

.category-page{
    padding:0 0 44px;
}

/* CATEGORY INDEX CARDS */
.category-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.category-card,
.category-child{
    position:relative;
    overflow:hidden;
    border:1px solid #d8e7e4;
    background:linear-gradient(135deg,#f8fcfb 0%,#f1f8f7 100%);
    color:#14264b;
    text-decoration:none;
    box-shadow:0 8px 24px rgba(20,40,68,.045);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}

.category-card::before,
.category-child::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:4px;
    background:linear-gradient(180deg,#16c9b8,#07978c);
}

.category-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:12px;
    min-height:68px;
    padding:12px 14px;
    border-radius:16px;
}

.category-card__icon,
.category-child__icon{
    display:grid;
    place-items:center;
    flex:0 0 auto;
    width:40px;
    height:40px;
    border:1px solid #dce9e7;
    border-radius:12px;
    background:#fff;
    color:#0b9589;
    box-shadow:0 5px 16px rgba(20,38,75,.035);
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}

.category-card__icon-svg,
.category-child__icon-svg{
    width:21px;
    height:21px;
}

.category-card__title,
.category-child__title{
    min-width:0;
    font-weight:820;
    line-height:1.25;
}

.category-card__title{
    font-size:15px;
}

.category-card__count,
.category-child__count{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 9px;
    border:1px solid #dfe9e7;
    border-radius:999px;
    background:#fff;
    color:#607086;
    font-size:11.5px;
    font-weight:740;
    white-space:nowrap;
}

.category-card__arrow,
.category-child__arrow{
    color:#15a99c;
    font-size:17px;
}

.category-index-empty,
.category-empty{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:30px 20px;
    border-top:1px solid #e1e8ec;
    color:#64748b;
    text-align:center;
}

.category-index-empty strong,
.category-empty strong{
    color:#14264b;
    font-size:15px;
}

/* CATEGORY DETAIL HERO */
.category-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(460px,520px);
    gap:40px;
    align-items:center;
    padding:18px 0 24px;
}

.category-hero__copy{
    min-width:0;
}

.category-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 10px;
    color:#008f83;
    font-size:11px;
    font-weight:850;
    letter-spacing:.11em;
}

.category-hero__dot{
    width:9px;
    height:9px;
    border-radius:50%;
    background:#14cabb;
    box-shadow:0 0 0 5px rgba(20,202,187,.12);
}

.category-breadcrumbs{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:7px;
    margin:0 0 12px;
    color:#8290a1;
    font-size:12.5px;
    line-height:1.4;
}

.category-breadcrumbs a{
    color:#0a9185;
    font-weight:760;
    text-decoration:none;
}

.category-breadcrumbs [aria-current="page"]{
    color:#8290a1;
}

.category-hero h1{
    margin:0;
    color:#14264b;
    font-size:clamp(36px,3.2vw,42px);
    font-weight:850;
    line-height:1;
    letter-spacing:-.04em;
}

.category-hero__lead{
    max-width:610px;
    margin:13px 0 0;
    color:#667085;
    font-size:15px;
    line-height:1.58;
}

.category-hero__meta{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:17px;
}

.category-hero__meta span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border:1px solid #dce7eb;
    border-radius:999px;
    background:#fff;
    color:#43536a;
    font-size:12.5px;
    font-weight:760;
}

.category-hero__visual{
    min-width:0;
    overflow:hidden;
    border:1px solid #dce7e9;
    border-radius:18px;
    background:#f7fbfb;
    box-shadow:0 16px 38px -28px rgba(20,38,75,.3);
}

.category-hero__visual img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:8 / 3;
    object-fit:cover;
    object-position:center;
}

/* CATEGORY DETAIL CONTENT */
.category-section{
    margin:0 0 28px;
}

.category-section__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin:0 0 13px;
    padding-bottom:12px;
    border-bottom:1px solid #e1e8ec;
}

.category-section__head h2{
    margin:0;
    color:#14264b;
    font-size:22px;
    line-height:1.12;
}

.category-section__head p{
    margin:5px 0 0;
    color:#6b788c;
    font-size:13px;
}

.category-children{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.category-child{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    align-items:center;
    gap:10px;
    min-height:64px;
    padding:11px 13px;
    border-radius:15px;
}

.category-child__title{
    font-size:14.5px;
}

.category-section--lists{
    margin-top:4px;
}

.category-section--lists .cards{
    margin-top:0;
}

[hidden]{
    display:none!important;
}

@media(hover:hover){
    .category-breadcrumbs a:hover{
        color:#14264b;
        text-decoration:underline;
        text-underline-offset:3px;
    }

    .category-card:hover,
    .category-child:hover{
        transform:translateY(-2px);
        border-color:#14264b;
        background:#14264b;
        color:#fff;
        box-shadow:0 15px 32px rgba(20,38,75,.15);
    }

    .category-card:hover .category-card__count,
    .category-child:hover .category-child__count{
        border-color:rgba(255,255,255,.18);
        background:rgba(255,255,255,.1);
        color:#fff;
    }

    .category-card:hover .category-card__icon,
    .category-child:hover .category-child__icon{
        border-color:rgba(255,255,255,.16);
        background:rgba(255,255,255,.1);
        color:#24dac7;
        transform:scale(1.03);
    }

    .category-card:hover .category-card__arrow,
    .category-child:hover .category-child__arrow{
        color:#24dac7;
    }
}

@media(max-width:1100px){
    .category-hero{
        grid-template-columns:minmax(0,1fr) minmax(400px,480px);
        gap:28px;
    }

    .category-grid,
    .category-children{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:900px){
    .category-hero{
        grid-template-columns:1fr;
        gap:18px;
    }

    .category-hero__visual{
        max-width:620px;
    }
}

@media(max-width:640px){
    .category-page{
        padding-bottom:30px;
    }

    .category-hero{
        padding-top:12px;
    }

    .category-hero h1{
        font-size:34px;
    }

    .category-hero__lead{
        font-size:14.5px;
    }

    .category-grid,
    .category-children{
        grid-template-columns:1fr;
        gap:10px;
    }

    .category-card,
    .category-child{
        min-height:60px;
    }

    .category-section__head h2{
        font-size:20px;
    }
}