.tf-category-shop .flat-spacing,
.tf-category-shop .flat-spacing-2 {
    padding-top: 0;
}

/* Left filter — shared col spacing; FİLTRE aligns with SIRALA */
.tf-category-shop--filter-left {
    --tf-shop-col-pad-x: 28px;
    --tf-shop-col-pad-y: 28px;
}

/* Empty chips keep margin-bottom:24px and push SIRALA down */
.tf-category-shop--filter-left .meta-filter-shop:not(.active) {
    display: none !important;
}

.tf-category-shop .meta-filter-shop.active {
    margin-top: 16px;
}

.tf-category-shop--filter-left .tf-category-shop__layout--left {
    align-items: flex-start;
}

.tf-category-shop--filter-left .tf-category-shop__sidebar-col,
.tf-category-shop--filter-left .tf-category-shop__main {
    min-width: 0;
}

.tf-category-shop--filter-left .tf-category-shop__sidebar-col--empty {
    display: none !important;
}

.tf-category-shop--filter-left.tf-category-shop--no-filters .col-xl-12.tf-category-shop__main {
    flex: 0 0 100%;
    max-width: 100%;
}

.tf-category-shop--filter-left .tf-category-shop__main {
    flex: 1;
    width: 100%;
    max-width: 100%;
}

.tf-category-shop--filter-left .canvas-sidebar.sidebar-filter,
.tf-category-shop--filter-left .tf-category-shop__sidebar {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: sticky;
    top: calc(var(--tf-header-min-height, 72px) + 16px);
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .tf-category-shop--filter-left .tf-category-shop__sidebar-col,
    .tf-category-shop--filter-left .tf-category-shop__main {
        margin: 0 !important;
        padding: var(--tf-shop-col-pad-y) var(--tf-shop-col-pad-x) 0 !important;
        box-sizing: border-box;
    }

    .tf-category-shop--filter-left .canvas-sidebar.sidebar-filter {
        display: block !important;
        transform: none !important;
        position: sticky !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 1;
    }

    /* Beat styles.css .sidebar-filter .canvas-header { padding: 0 } */
    .tf-category-shop--filter-left .sidebar-filter .canvas-header {
        margin: 0 !important;
        padding: 0 0 24px !important;
        align-items: center;
    }

    .tf-category-shop--filter-left .sidebar-filter .canvas-body,
    .tf-category-shop--filter-left .sidebar-filter .canvas-bottom {
        margin: 0 !important;
        padding: 0 !important;
    }

    .tf-category-shop--filter-left .tf-shop-control,
    .tf-category-shop--filter-left .tf-shop-control.sticky-top.no-offset:not(.is-pinned) {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
        padding-top: 0 !important;
        padding-bottom: 8px !important;
    }
}

/* Theme Studio: show left sidebar when iframe < xl */
html[data-device="desktop"] .tf-category-shop--filter-left .tf-category-shop__sidebar-col:not(.tf-category-shop__sidebar-col--empty),
body[data-device="desktop"] .tf-category-shop--filter-left .tf-category-shop__sidebar-col:not(.tf-category-shop__sidebar-col--empty) {
    display: block !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    margin: 0 !important;
    padding: var(--tf-shop-col-pad-y) var(--tf-shop-col-pad-x) 0 !important;
    box-sizing: border-box;
}

html[data-device="desktop"] .tf-category-shop--filter-left .tf-category-shop__main.col-xl-9,
body[data-device="desktop"] .tf-category-shop--filter-left .tf-category-shop__main.col-xl-9 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    width: 75% !important;
    margin: 0 !important;
    padding: var(--tf-shop-col-pad-y) var(--tf-shop-col-pad-x) 0 !important;
    box-sizing: border-box;
}

html[data-device="desktop"] .tf-category-shop--filter-left .canvas-sidebar.sidebar-filter,
body[data-device="desktop"] .tf-category-shop--filter-left .canvas-sidebar.sidebar-filter {
    display: block !important;
    transform: none !important;
    position: sticky !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 1;
}

html[data-device="desktop"] .tf-category-shop--filter-left .sidebar-filter .canvas-header,
body[data-device="desktop"] .tf-category-shop--filter-left .sidebar-filter .canvas-header {
    margin: 0 !important;
    padding: 0 0 24px !important;
}

html[data-device="desktop"] .tf-category-shop--filter-left .sidebar-filter .canvas-body,
html[data-device="desktop"] .tf-category-shop--filter-left .sidebar-filter .canvas-bottom,
body[data-device="desktop"] .tf-category-shop--filter-left .sidebar-filter .canvas-body,
body[data-device="desktop"] .tf-category-shop--filter-left .sidebar-filter .canvas-bottom {
    margin: 0 !important;
    padding: 0 !important;
}

html[data-device="desktop"] .tf-category-shop--filter-left .tf-shop-control,
html[data-device="desktop"] .tf-category-shop--filter-left .tf-shop-control.sticky-top.no-offset:not(.is-pinned),
body[data-device="desktop"] .tf-category-shop--filter-left .tf-shop-control,
body[data-device="desktop"] .tf-category-shop--filter-left .tf-shop-control.sticky-top.no-offset:not(.is-pinned) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html[data-device="desktop"] .tf-category-shop--filter-left .tf-btn-filter.d-xl-none,
body[data-device="desktop"] .tf-category-shop--filter-left .tf-btn-filter.d-xl-none {
    display: none !important;
}

html[data-device="mobile"] .tf-category-shop--filter-left .tf-category-shop__sidebar-col,
html[data-device="tablet"] .tf-category-shop--filter-left .tf-category-shop__sidebar-col,
body[data-device="mobile"] .tf-category-shop--filter-left .tf-category-shop__sidebar-col,
body[data-device="tablet"] .tf-category-shop--filter-left .tf-category-shop__sidebar-col {
    display: none !important;
}

.tf-category-shop [data-tf-refresh="listing"],
.tf-category-shop .tf-listing {
    position: relative;
    z-index: 0;
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop .tf-shop-control,
.tf-section[data-tf-type="category.shop"] .tf-category-shop .tf-shop-control.sticky-top,
.tf-category-shop .tf-shop-control {
    background-color: var(--tf-background, var(--white, #fff));
    z-index: 90;
    margin-top: 0;
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop--filter-left .sidebar-filter.canvas-sidebar {
    background-color: var(--tf-background, var(--white, #fff));
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop .tf-cattoolbar {
    background-color: var(--tf-background, var(--white, #fff));
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop__layout--left .tf-category-shop__sidebar .tf-filters {
    background-color: var(--tf-background, var(--white, #fff));
}

.tf-category-shop .tf-shop-control.sticky-top.no-offset:not(.is-pinned),
.tf-zone--body .tf-category-shop .tf-shop-control.sticky-top.no-offset:not(.is-pinned) {
    position: sticky !important;
    top: 0 !important;
    z-index: 90;
    background-color: var(--tf-background, var(--white, #fff));
    margin-top: 0;
    margin-bottom: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: none !important;
    border: 0;
    transition: none !important;
}

.tf-category-shop .tf-shop-control.is-pinned,
.tf-zone--body .tf-category-shop .tf-shop-control.is-pinned {
    position: fixed !important;
    top: var(--tf-shop-toolbar-top, 0px) !important;
    z-index: 90;
    box-shadow: none !important;
    border: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: var(--tf-background, var(--white, #fff));
}

.tf-category-shop .tf-shop-control.is-toolbar-hidden {
    visibility: hidden;
    pointer-events: none;
}

.tf-shop-control-sentinel {
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
}

/* Category shop — sıralama bandı & filtre yazı rengi (--tf-category-shop-text on section) */
.tf-section[data-tf-type="category.shop"] .tf-shop-control,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-dropdown-sort .dropdown-menu .select-item,
.tf-section[data-tf-type="category.shop"] .sidebar-filter,
.tf-section[data-tf-type="category.shop"] .canvas-filter,
.tf-section[data-tf-type="category.shop"] .tf-cattoolbar,
.tf-section[data-tf-type="category.shop"] .tf-filters,
.tf-section[data-tf-type="category.shop"] .tf-filter-canvas__panel {
    color: var(--tf-category-shop-text);
}

.tf-section[data-tf-type="category.shop"] .tf-shop-control a,
.tf-section[data-tf-type="category.shop"] .tf-shop-control button,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-btn-filter,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-btn-filter .bi,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .btn-select,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .btn-select p,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .count-text,
.tf-section[data-tf-type="category.shop"] .sidebar-filter a,
.tf-section[data-tf-type="category.shop"] .sidebar-filter .facet-title,
.tf-section[data-tf-type="category.shop"] .sidebar-filter .facet-title h6,
.tf-section[data-tf-type="category.shop"] .sidebar-filter .filter-group-check .label,
.tf-section[data-tf-type="category.shop"] .sidebar-filter .group-category .label,
.tf-section[data-tf-type="category.shop"] .sidebar-filter .group-category .link,
.tf-section[data-tf-type="category.shop"] .canvas-filter a,
.tf-section[data-tf-type="category.shop"] .canvas-filter .facet-title,
.tf-section[data-tf-type="category.shop"] .canvas-filter .facet-title h6,
.tf-section[data-tf-type="category.shop"] .canvas-filter .filter-group-check .label,
.tf-section[data-tf-type="category.shop"] .canvas-filter .group-category .label,
.tf-section[data-tf-type="category.shop"] .canvas-filter .group-category .link,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .cl-text-5,
.tf-section[data-tf-type="category.shop"] .sidebar-filter .cl-text-5,
.tf-section[data-tf-type="category.shop"] .canvas-filter .cl-text-5,
.tf-section[data-tf-type="category.shop"] .tf-filters .facet-count,
.tf-section[data-tf-type="category.shop"] .tf-filters .list-item .label,
.tf-section[data-tf-type="category.shop"] .tf-filters .facet-title,
.tf-section[data-tf-type="category.shop"] .tf-filters a,
.tf-section[data-tf-type="category.shop"] .tf-cattoolbar__count,
.tf-section[data-tf-type="category.shop"] .tf-cattoolbar__filter,
.tf-section[data-tf-type="category.shop"] .tf-cattoolbar__sort-toggle,
.tf-section[data-tf-type="category.shop"] .tf-cattoolbar__sort-item,
.tf-section[data-tf-type="category.shop"] .tf-filter-canvas__title,
.tf-section[data-tf-type="category.shop"] .tf-shop-control a.link:hover,
.tf-section[data-tf-type="category.shop"] .sidebar-filter a.link:hover,
.tf-section[data-tf-type="category.shop"] .canvas-filter a.link:hover,
.tf-section[data-tf-type="category.shop"] .tf-filters a:hover {
    color: var(--tf-category-shop-text) !important;
}

.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-control-layout .tf-view-layout-switch {
    color: var(--tf-category-shop-text);
    opacity: 0.35;
    transition: opacity 0.2s ease;
}

.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-control-layout .tf-view-layout-switch:hover,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-control-layout .tf-view-layout-switch.active {
    opacity: 1;
}

/* Theme Studio category shop — responsive product grid */
@media (max-width: 767.98px) {
    .tf-category-shop .tf-control-layout .sw-layout-3,
    .tf-category-shop .tf-control-layout .sw-layout-4 {
        display: none !important;
    }

    .tf-category-shop .tf-grid-layout.tf-col-3,
    .tf-category-shop .tf-grid-layout.tf-col-4,
    .tf-category-shop .tf-grid-layout.tf-col-5,
    .tf-category-shop .tf-grid-layout.tf-col-6,
    .tf-category-shop .tf-grid-layout.tf-col-7 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

.tf-category-shop .tf-category-shop__pagination {
    padding-bottom: 24px;
}

.tf-category-shop .tf-list-layout {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tf-category-shop .tf-list-layout .product-style_list:not(:first-child) {
    padding-top: 0;
    border-top: 0;
}

.tf-category-shop .tf-page-pagination {
    margin: 30px 0 16px;
}

/* Category description typography controls */
.tf-section[data-tf-type="category.description"] .tf-cat-desc,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body {
    color: var(--tf-cat-desc-color, var(--text, #52525b));
    font-size: var(--tf-cat-desc-size, 15px);
    line-height: 1.7;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body *:not(a) {
    color: var(--tf-cat-desc-color, inherit) !important;
    font-size: var(--tf-cat-desc-size, inherit) !important;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body a {
    font-size: inherit !important;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body.is-collapsed {
    max-height: var(--tf-cat-desc-collapse, 200px);
    overflow: hidden;
    position: relative;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body.is-collapsed.is-expanded {
    max-height: none;
}

/* Category heading — hide banner only; keep breadcrumb + title */
.tf-section[data-tf-type="category.heading"] .tf-page-heading.tf-page-heading--compact,
.tf-section[data-tf-type="category.heading"] .tf-page-heading:has([data-tf-region="show_heading"].d-none),
.tf-section[data-tf-type="category.heading"] .tf-page-heading:has([data-tf-region="show_heading"][style*="display:none"]) {
    padding-top: 24px;
    padding-bottom: 24px;
    background: transparent;
    overflow: visible;
}