/* EnFavori Kategoriler — Keşifler kart mimarisi, Listeler başlık/filtre sistemi.
   Tam kapsamlı kategori stilleri; liste kartları ortak bileşenden gelir. */

.categories-page{padding:28px 0 64px}

/* Kategori renk kimliği */
[data-category-icon]{
    --category-accent:#0f9f93;--category-accent-strong:#087f77;
    --category-soft:#eef9f7;--category-soft-2:#f8fcfb;--category-line:#c7e4df
}
[data-category-icon="shopping-bag"],[data-category-icon="monitor"],[data-category-icon="laptop"],
[data-category-icon="smartphone"],[data-category-icon="tv"],[data-category-icon="camera"]{
    --category-accent:#3f6fc6;--category-accent-strong:#2b56a7;
    --category-soft:#eef4ff;--category-soft-2:#f8faff;--category-line:#ccd9f2
}
[data-category-icon="plane"],[data-category-icon="coffee"]{
    --category-accent:#15959b;--category-accent-strong:#0c747a;
    --category-soft:#ebf9f8;--category-soft-2:#f7fcfb;--category-line:#c7e8e4
}
[data-category-icon="sparkles"],[data-category-icon="shirt"],[data-category-icon="gem"]{
    --category-accent:#c24a7d;--category-accent-strong:#9f315f;
    --category-soft:#fff0f6;--category-soft-2:#fff9fb;--category-line:#f0cadc
}
[data-category-icon="utensils"],[data-category-icon="gift"]{
    --category-accent:#d77b08;--category-accent-strong:#b76100;
    --category-soft:#fff4e4;--category-soft-2:#fffaf3;--category-line:#efd4a9
}
[data-category-icon="heart-pulse"],[data-category-icon="leaf"],[data-category-icon="paw"],[data-category-icon="home"]{
    --category-accent:#3f9b69;--category-accent-strong:#2c7c52;
    --category-soft:#eef9f2;--category-soft-2:#f8fcfa;--category-line:#cbe6d5
}
[data-category-icon="moon-star"],[data-category-icon="palette"]{
    --category-accent:#8055c3;--category-accent-strong:#673cab;
    --category-soft:#f3edff;--category-soft-2:#fbf9ff;--category-line:#dacdf3
}
[data-category-icon="gamepad"],[data-category-icon="headphones"],[data-category-icon="music"]{
    --category-accent:#5969c8;--category-accent-strong:#4352ac;
    --category-soft:#eef0ff;--category-soft-2:#f9f9ff;--category-line:#d0d5f3
}
[data-category-icon="star"],[data-category-icon="wallet"],[data-category-icon="watch"]{
    --category-accent:#b88a1e;--category-accent-strong:#936b0d;
    --category-soft:#fff8e7;--category-soft-2:#fffcf5;--category-line:#ead8a8
}
[data-category-icon="car"],[data-category-icon="wrench"],[data-category-icon="building"],
[data-category-icon="briefcase"],[data-category-icon="book-open"],[data-category-icon="dumbbell"]{
    --category-accent:#4d718b;--category-accent-strong:#395b73;
    --category-soft:#eef5f8;--category-soft-2:#f8fbfc;--category-line:#cfdee6
}



/* List and discovery styles are the single source of layout truth. */
.categories-page.discover-v3{
    padding:16px 0 60px;
    --lab-ink:var(--ef-text,#132842);
    --lab-muted:var(--ef-muted,#64748b);
    --lab-panel:var(--ef-surface,#fff);
    --lab-border:var(--ef-border,#e1e8ef);
    --lab-teal:var(--ef-teal,#079d95);
}
.categories-page .category-directory-hero{padding:16px 6px 19px}
.categories-page .category-directory-hero h1{margin:8px 0 6px}
.categories-page .category-directory-filters{
    grid-template-columns:minmax(0,1.5fr) minmax(165px,.62fr) minmax(150px,.62fr) auto;
    align-items:stretch;gap:10px;margin-bottom:18px
}
.categories-page .category-directory-filters__select{min-width:0}
.categories-page .category-directory-filters__search svg{color:var(--lab-muted)}
.categories-page .category-directory-filters button{white-space:nowrap}
.categories-page .category-directory-explore{margin-top:0}
.categories-page .category-directory-explore__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.categories-page .category-directory-explore__head p{margin:6px 0 0;font-size:13px;color:var(--lab-muted);line-height:1.55}
.categories-page .category-directory-explore__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.categories-page .category-directory-explore__actions a{color:var(--ef-teal);font-size:12px;font-weight:800}
.categories-page .category-directory-empty,.categories-page .category-detail-empty{
    padding:34px 24px;border:1px dashed var(--ef-border-strong,#bfcfdc);
    border-radius:17px;background:var(--ef-surface,#fff);color:var(--ef-muted);
    text-align:center
}
.categories-page .category-directory-empty strong,.categories-page .category-detail-empty strong{display:block;color:var(--ef-text,#11243c)}

/* Category icons and thematic colors attach to the exact Discovery V3 card component. */
.categories-page [data-category-icon]{
    --discovery-accent:var(--category-accent,#0f9f93);
    --discovery-accent-strong:var(--category-accent-strong,#087f77);
    --discovery-soft:var(--category-soft,#eef9f7);
    --discovery-soft-2:var(--category-soft-2,#f8fcfb);
    --discovery-line:var(--category-line,#c7e4df);
}
.categories-page .category-topic-card .discover-v3__theme-icon svg{
    width:46px;height:46px;padding:10px;border-radius:13px;
    color:#fff;background:var(--discovery-accent,#0f9f93)
}
.categories-page .category-topic-grid{margin:0}
.categories-page .category-topic-card{height:100%}
.categories-page .category-topic-card .discover-v3__theme-summary{margin-top:auto}
.categories-page .category-topic-card .discover-v3__theme-subtitle{overflow-wrap:anywhere}

/* The catalogue reuses Listeler V2's single directory card component.
   Only category identity, responsive category cards and local layout are styled here. */
.categories-page{min-width:0}
.categories-page .category-hub-panel{
    display:block;
    margin-top:0;
    padding:22px;
}
.categories-page .category-hub-panel .category-topic-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    min-width:0;
}
.categories-page .category-hub-panel .discover-v3__theme{min-width:0}
.categories-page .category-hub-panel .ef-lab-directory__main{min-width:0;width:100%}

.category-detail-hero{
    display:block;
    min-width:0;
    padding:0 6px 18px;
    margin-bottom:18px;
    border:0;
    border-bottom:1px solid var(--lab-border,var(--ef-border,#e1e8ef));
    border-radius:0;
    background:transparent;
}
.category-detail-hero__breadcrumbs{
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    width:100%;margin:0 0 17px;
    color:var(--lab-muted,#617789);font-size:12px;
}
.category-detail-hero__breadcrumbs a{
    color:var(--ef-teal,#0c9d95);text-decoration:none;font-weight:800;
}
.category-detail-hero__row{display:flex;align-items:flex-start;gap:18px;min-width:0}
.category-detail-hero__icon{
    display:grid;place-items:center;flex:none;width:58px;height:58px;
    border-radius:15px;background:var(--category-accent,#0c9d95);color:#fff;
}
.category-detail-hero__icon-svg{width:34px;height:34px;display:block}
.category-detail-hero__copy{min-width:0}
.category-detail-hero__copy .category-detail-hero__eyebrow{
    display:block;color:var(--category-accent-strong,#087f77);font-weight:900;
}
.category-detail-hero h1{
    margin:6px 0 7px;font-size:clamp(28px,3.2vw,40px);
    line-height:1.14;font-weight:950;letter-spacing:-.04em;color:var(--lab-ink,#132842);
}
.category-detail-hero__lead{
    margin:0;max-width:820px;color:var(--lab-muted,#617789);font-size:13px;line-height:1.6;
}
.category-detail-hero__meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.category-detail-hero__meta span{
    display:inline-flex;align-items:center;min-height:33px;padding:7px 11px;
    border:1px solid var(--lab-border,#d6e2e9);
    border-radius:13px;background:var(--lab-panel,#fff);
    color:var(--lab-ink,#132842);font-size:11px;font-weight:850;
}
.category-subtopics{margin-bottom:29px}
.category-subtopics__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.category-subtopics__eyebrow{color:var(--ef-teal,#0a9289);font-size:11px;font-weight:900;letter-spacing:.13em}
.category-subtopics__head h2{margin:7px 0;color:var(--lab-ink,#132842);font-size:25px;font-weight:950}
.category-subtopics__head p,.category-list-intro{
    margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--lab-muted,#64748b)
}
.category-topic-grid--children{margin:0}
.category-list-showcase{margin-top:18px}
.category-list-showcase .ef-lab-heading{align-items:flex-end}
.category-list-showcase .ef-lab-directory{align-items:start}
.category-list-showcase .ef-lab-directory__grid{min-width:0}
/* Don't stretch one catalogue card across the entire remaining page width. */
.category-list-showcase[data-view="grid"] .ef-lab-directory[data-category-list-count="1"] .ef-lab-directory__grid{
    grid-template-columns:minmax(0,340px);
}
.category-list-showcase[data-view="grid"] .ef-lab-directory[data-category-list-count="2"] .ef-lab-directory__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:696px;
}
.category-list-showcase[data-view="grid"] .ef-lab-directory[data-category-list-count="3"] .ef-lab-directory__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.category-list-showcase nav[aria-label*="Pagination"],.category-list-showcase .pagination{margin-top:23px}
@media(max-width:1200px){
    .categories-page .category-hub-panel .category-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .category-list-showcase[data-view="grid"] .ef-lab-directory[data-category-list-count="3"] .ef-lab-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:940px){
    .categories-page .category-hub-panel{padding:16px}
    .categories-page .category-hub-panel .category-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:690px){
    .categories-page{padding:14px 0 40px}
    .categories-page .category-directory-filters{gap:8px;padding:10px}
    .categories-page .category-directory-filters__select{grid-column:1/-1}
    .categories-page .category-directory-filters button{width:100%;grid-column:1/-1}
    .categories-page .category-directory-explore__head{align-items:flex-start;flex-direction:column;gap:10px}
    .categories-page .category-hub-panel{display:block!important;padding:12px}
    .categories-page .category-hub-panel .category-topic-grid{grid-template-columns:minmax(0,1fr);gap:13px}
    .category-detail-hero{padding:0 0 16px;margin-bottom:14px}
    .category-detail-hero__row{gap:11px}
    .category-detail-hero__icon{width:48px;height:48px;border-radius:12px}
    .category-detail-hero__icon-svg{width:28px;height:28px}
    .category-detail-hero h1{font-size:28px}
    .category-detail-hero__meta{gap:6px}
    .category-detail-hero__meta span{font-size:10px;min-height:30px}
    .category-list-showcase[data-view] .ef-lab-directory[data-category-list-count] .ef-lab-directory__grid{
        grid-template-columns:minmax(0,1fr);max-width:none;
    }
    .category-subtopics__head h2{font-size:22px}
}
/* CATEGORY-MOBILE-SEARCH-COVER-FIX-20261018 */
/* Keep the entire original list cover visible, at a predictable landscape ratio.
   Scope to the /kategoriler directory cards; discovery and detail pages are unchanged. */
.categories-page .category-hub-panel .category-topic-card .discover-v3__theme-highlight{
    grid-template-columns:110px minmax(0,1fr);
    min-height:94px;gap:12px;padding:12px;
}
.categories-page .category-hub-panel .category-topic-card .discover-v3__highlight-media{
    width:100%;height:auto;min-width:0;aspect-ratio:16 / 9;
    overflow:hidden;border-radius:10px;background:#edf2f5;
}
.categories-page .category-hub-panel .category-topic-card .discover-v3__highlight-media .ef-list-cover{
    display:block;width:100%;height:100%;min-height:0;border-radius:inherit;
}
.categories-page .category-hub-panel .category-topic-card .discover-v3__highlight-media .ef-list-cover__photo{
    display:block;width:100%;height:100%;object-fit:contain;object-position:center;
    background:#edf2f5;
}
.categories-page .category-hub-panel .category-topic-card .discover-v3__highlight-media .ef-list-cover.has-photo .ef-list-cover__art{
    display:none;
}
.categories-page .category-hub-panel .category-topic-card .discover-v3__highlight-copy{
    min-width:0;align-self:center;
}
.categories-page .category-hub-panel .category-topic-card .discover-v3__highlight-copy b{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
    overflow:hidden;line-height:1.4;overflow-wrap:anywhere;
}

/* Higher-specificity desktop grid was overriding the shared mobile 1fr reset:
   the search label was squeezed into a tiny first column and looked empty. */
@media (max-width:690px){
    .categories-page .category-directory-filters{
        display:grid;grid-template-columns:minmax(0,1fr);
        align-items:stretch;gap:9px;padding:11px;margin-bottom:21px;
    }
    .categories-page .category-directory-filters__search{
        display:flex;align-items:center;grid-column:1 / -1;
        width:100%;min-width:0;min-height:48px;
        padding:0 13px;gap:10px;overflow:visible;
    }
    .categories-page .category-directory-filters__search svg{
        display:block;flex:none;width:19px;height:19px;
        fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;
    }
    .categories-page .category-directory-filters__search input{
        display:block;flex:1 1 auto;width:100%;min-width:0;
        min-height:46px;height:46px;opacity:1;visibility:visible;
        color:var(--lab-ink,#132842);background:transparent;font-size:14px;
    }
    .categories-page .category-directory-filters__select{
        display:flex;grid-column:1 / -1;width:100%;min-width:0;
    }
    .categories-page .category-directory-filters__select select{
        width:100%;min-width:0;padding:0 12px;
    }
    .categories-page .category-directory-filters button{
        grid-column:1 / -1;width:100%;min-height:46px;
    }
    /* Mobile category cards keep the image, title, and real list link readable. */
    .categories-page .category-hub-panel .category-topic-card .discover-v3__theme-top{
        min-height:0;padding:16px;gap:8px;
    }
    .categories-page .category-hub-panel .category-topic-card .discover-v3__theme-highlight{
        grid-template-columns:104px minmax(0,1fr);gap:12px;
        min-height:90px;padding:11px 13px;
    }
}
@media (min-width:400px) and (max-width:690px){
    .categories-page .category-directory-filters{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .categories-page .category-directory-filters__search,
    .categories-page .category-directory-filters button{grid-column:1 / -1}
    .categories-page .category-directory-filters__select{grid-column:auto}
}

/* SINGLE-CATEGORY-SEARCH-20261018
   Only /kategoriler omits the global search in its shared header.
   Preserve alignment and remove the now-unused second mobile header row. */
.efhd--category-directory .efhd__actions{grid-column:3}
.efhd--category-directory .efhd__menu{grid-column:4}
@media (max-width:760px){
    .efhd--category-directory .efhd__row{
        grid-template-areas:"logo actions menu";
        grid-template-rows:auto;
    }
    .efhd--category-directory .efhd__actions{grid-area:actions}
    .efhd--category-directory .efhd__menu{grid-area:menu}
}

/* Category-detail layout: one left-aligned heading and one list count. */
.categories-page.category-catalog-detail .category-detail-hero h1{margin-top:0}
.categories-page.category-catalog-detail .category-list-showcase{
    display:block;
    width:100%;
    min-width:0;
    margin:18px 0 0;
}
.categories-page.category-catalog-detail .category-list-showcase > .ef-lab-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    width:100%;
    min-width:0;
    margin:0;
    padding:0 0 17px;
    gap:12px;
    clear:both;
}
.categories-page.category-catalog-detail .category-list-showcase__title{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    min-width:0;
    margin:0;
}
.categories-page.category-catalog-detail .category-list-showcase__title h2{margin:0}
.categories-page.category-catalog-detail .category-list-showcase__count{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:5px 11px;
    border:1px solid var(--lab-border,#d6e2e9);
    border-radius:999px;
    background:var(--lab-panel,#fff);
    color:var(--lab-muted,#617789);
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
.categories-page.category-catalog-detail .category-list-showcase > .ef-lab-directory{
    width:100%;
    min-width:0;
    margin-inline:0;
}
.categories-page.category-catalog-detail .category-list-showcase > .ef-lab-directory{
    grid-template-columns:minmax(0,1fr);
}
.categories-page.category-catalog-detail .category-list-showcase .ef-lab-directory__main{
    min-width:0;
    width:100%;
}
@media(max-width:690px){
    .categories-page.category-catalog-detail .category-list-showcase > .ef-lab-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }
    .categories-page.category-catalog-detail .category-list-showcase__title{gap:9px}
    .categories-page.category-catalog-detail .category-list-showcase__count{
        min-height:27px;
        padding:4px 9px;
        font-size:11px;
    }
}

/* /kategoriler: render the breadcrumb in the same wrap as the hero.
   Keep category detail pages and other shared directory layouts untouched. */
#icerik .categories-page.discover-v3:not(.category-catalog-detail){
    padding-top:9px;
}
#icerik .categories-page > .wrap > .ef-category-directory-breadcrumb{
    width:100%;
    max-width:none;
    margin:0;
    padding:0 6px;
    font-size:12px;
    line-height:18px;
}
#icerik .categories-page > .wrap > .ef-category-directory-breadcrumb + .category-directory-hero{
    padding-top:7px;
}
@media(max-width:690px){
    #icerik .categories-page.discover-v3:not(.category-catalog-detail){
        padding-top:7px;
    }
    #icerik .categories-page > .wrap > .ef-category-directory-breadcrumb{
        padding:0 6px;
        font-size:11px;
        line-height:17px;
    }
    #icerik .categories-page > .wrap > .ef-category-directory-breadcrumb + .category-directory-hero{
        padding-top:7px;
    }
}