.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: transparent;
    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: transparent;
}

.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: transparent;
    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;
}

/* Category shop toolbar — compact type so the filter/count bar doesn't reflow on mobile */
.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-btn-filter .text,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-dropdown-sort .btn-select p,
.tf-section[data-tf-type="category.shop"] .tf-shop-control .count-text {
    font-size: 14px;
    letter-spacing: 0.01em;
}
.tf-section[data-tf-type="category.shop"] .tf-shop-control .count-text {
    white-space: nowrap;
}
@media (max-width: 575.98px) {
    .tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-btn-filter .text,
    .tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-dropdown-sort .btn-select p,
    .tf-section[data-tf-type="category.shop"] .tf-shop-control .count-text {
        font-size: 12px;
    }
    .tf-section[data-tf-type="category.shop"] .tf-shop-control .tf-btn-filter .bi {
        font-size: 18px;
    }
}

/* 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;
}

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

.tf-section[data-tf-type="category.shop"]:has(.tf-category-shop--filter-drawer),
.tf-category-shop--filter-drawer,
.tf-category-shop--filter-drawer .flat-spacing-2,
.tf-category-shop--filter-drawer .tf-category-shop__width,
.tf-category-shop--filter-drawer .tf-shop-control.wrapper-filter-dropdown {
    overflow: visible;
}

.tf-category-shop--filter-drawer .tf-shop-control.wrapper-filter-dropdown {
    position: relative;
}

.tf-category-shop--filter-drawer .filter-drawer-wrap {
    background-color: var(--tf-category-filter-bg, var(--tf-background, var(--white, #fff)));
    z-index: 100;
}

.tf-category-shop--filter-drawer .filter-drawer-wrap.show {
    opacity: 1;
    visibility: visible;
}

.tf-category-shop--filter-drawer .filter-drawer-wrap .remove-all-filters {
    text-decoration: none;
    color: inherit;
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    cursor: pointer;
}

.tf-category-shop--filter-drawer .filter-drawer-wrap .canvas-body > .br-line:last-child,
.tf-category-shop--filter-drawer .filter-drawer-wrap .facet-filter-form > .br-line:last-child {
    display: none;
}

@media (min-width: 1200px) {
    .tf-category-shop--filter-drawer .filter-drawer-wrap.canvas-filter {
        width: 100%;
        max-width: 100%;
    }

    .tf-category-shop--filter-drawer .filter-drawer-wrap {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 10px;
        padding: 32px 60px 32px 32px;
        border-radius: 16px;
        box-shadow: 0 0 25px 3px rgba(0, 0, 0, 0.1);
        opacity: 0;
        visibility: hidden;
        transform: none;
        box-sizing: border-box;
    }

    .tf-category-shop--filter-drawer .filter-drawer-wrap.show {
        opacity: 1;
        visibility: visible;
    }

    .tf-category-shop--filter-drawer .filter-drawer-wrap .canvas-body {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 20px;
        overflow: visible;
        align-items: start;
    }

    .tf-category-shop--filter-drawer .filter-drawer-wrap .facet-filter-form {
        display: contents;
    }

    .tf-category-shop--filter-drawer .filter-drawer-wrap .canvas-body > .br-line,
    .tf-category-shop--filter-drawer .filter-drawer-wrap .facet-filter-form > .br-line {
        display: none;
    }

    .tf-category-shop--filter-drawer .filter-drawer-wrap .widget-facet {
        margin-bottom: 0;
        min-width: 0;
    }
}

@media (max-width: 1199px) {
    .tf-category-shop--filter-drawer .filter-drawer-wrap {
        max-width: 324px;
    }
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop--sidebar-style-bordered .sidebar-filter.canvas-sidebar,
.tf-section[data-tf-type="category.shop"] .tf-category-shop--sidebar-style-soft_card .sidebar-filter.canvas-sidebar {
    padding: 22px !important;
    border-radius: 4px;
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop--sidebar-style-bordered .sidebar-filter.canvas-sidebar {
    border: 1px solid rgba(26, 26, 24, 0.14);
    background-color: var(--tf-category-filter-bg, var(--tf-background, var(--white, #fff)));
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop--sidebar-style-soft_card .sidebar-filter.canvas-sidebar {
    border: 1px solid transparent;
    background-color: var(--tf-category-filter-bg, var(--tf-color-surfaceAlt, #f5f5f2));
}

.tf-section[data-tf-type="category.shop"] .tf-category-shop--sidebar-style-bordered .sidebar-filter .canvas-header,
.tf-section[data-tf-type="category.shop"] .tf-category-shop--sidebar-style-soft_card .sidebar-filter .canvas-header {
    padding: 0 0 20px !important;
}

/* The card's inner spacing replaces the sidebar column gutter; it must not be added on top of it. */
@media (min-width: 1200px) {
    .tf-category-shop--sidebar-style-bordered .tf-category-shop__sidebar-col,
    .tf-category-shop--sidebar-style-soft_card .tf-category-shop__sidebar-col {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

html[data-device="desktop"] .tf-category-shop--sidebar-style-bordered .tf-category-shop__sidebar-col,
html[data-device="desktop"] .tf-category-shop--sidebar-style-soft_card .tf-category-shop__sidebar-col,
body[data-device="desktop"] .tf-category-shop--sidebar-style-bordered .tf-category-shop__sidebar-col,
body[data-device="desktop"] .tf-category-shop--sidebar-style-soft_card .tf-category-shop__sidebar-col {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

/* Category description design: boxed */
.tf-section[data-tf-type="category.description"] .tf-cat-desc--boxed {
    border: 1px solid var(--tf-cat-desc-border-color, var(--border, #e4e4e7));
    border-radius: var(--tf-cat-desc-radius, 12px);
    padding: 1.25rem 1.5rem;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc--boxed > .px-2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Category description title */
.tf-section[data-tf-type="category.description"] .tf-cat-desc__title {
    margin: 0 0 .5rem;
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--heading, inherit);
    line-height: 1.25;
    text-align: var(--tf-cat-desc-align, left);
}

/* 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);
    font-family: var(--tf-cat-desc-font, inherit);
    font-weight: var(--tf-cat-desc-weight, 400);
    line-height: 1.7;
}
/* Inherit color + font-family across all descendants, but DON'T flatten
   font-size/font-weight so headings, lists, strong/em keep their semantics. */
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body *:not(a) {
    color: var(--tf-cat-desc-color, inherit);
    font-family: var(--tf-cat-desc-font, inherit);
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body a {
    font-size: inherit !important;
}

/* --- Rich-text (TinyMCE) prose styles, scoped to category description --- */
/* Heading sizes match the category admin TinyMCE preview (content_style)
   so the storefront is true WYSIWYG with what the merchant composes. */
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h1,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h2,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h3,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h4,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h5,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h6 {
    font-weight: 700;
    line-height: 1.3;
    margin: 1.2em 0 0.4em;
    color: inherit;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h1 { font-size: 1.6em; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h2 { font-size: 1.35em; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h3 { font-size: 1.15em; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h4 { font-size: 1.05em; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h5 { font-size: 1em; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body h6 { font-size: 0.95em; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body p {
    margin: 0 0 1em;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body ul,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body ol {
    margin: 0 0 1em;
    padding-left: 1.6em;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body ul { list-style: disc; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body ol { list-style: decimal; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body li {
    display: list-item;
    margin: 0.25em 0;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body ul ul { list-style: circle; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body ul ul ul { list-style: square; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body strong,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body b { font-weight: 700; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body em,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body i { font-style: italic; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body u { text-decoration: underline; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body s,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body strike,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body del { text-decoration: line-through; }
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body blockquote {
    margin: 0 0 1em;
    padding: 0.5em 1em;
    border-left: 3px solid var(--border, #e4e4e7);
    color: var(--muted, #71717a);
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body img {
    max-width: 100%;
    height: auto;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 1em;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body th,
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body td {
    border: 1px solid var(--border, #e4e4e7);
    padding: 0.5em 0.75em;
    text-align: left;
    vertical-align: top;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body th {
    background: var(--surface-muted, #f4f4f5);
    font-weight: 700;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body a {
    color: var(--link, #2563eb);
    text-decoration: underline;
}
.tf-section[data-tf-type="category.description"] .tf-cat-desc__body hr {
    border: 0;
    border-top: 1px solid var(--border, #e4e4e7);
    margin: 1.5em 0;
}
.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 — vertical rhythm (banner + title) */
.tf-zone--body > .tf-section[data-tf-type="category.heading"] {
    padding-block: 0;
}

.tf-zone--body > .tf-section[data-tf-type="category.heading"] > .tf-section__inner {
    padding-inline: 0 !important;
}

/* Category heading design: boxed */
.tf-section[data-tf-type="category.heading"] .tf-category-heading--boxed {
    border: 1px solid var(--tf-category-heading-border-color, var(--border, #e4e4e7));
    border-radius: var(--tf-category-heading-radius, 12px);
    overflow: hidden;
}

/* Category heading — title column + alignment */
.tf-section[data-tf-type="category.heading"] .tf-category-heading__col {
    width: 75%;
    max-width: 100%;
}
@media (min-width: 576px) {
    .tf-section[data-tf-type="category.heading"] .tf-category-heading__col {
        width: 50%;
    }
}
.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--center,
.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--right {
    justify-content: center;
}
.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--right {
    justify-content: flex-end;
}
.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--center .tf-category-heading__col,
.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--right .tf-category-heading__col {
    width: 100%;
}

.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--left .content {
    text-align: left;
}
.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--center .content {
    text-align: center;
}
.tf-section[data-tf-type="category.heading"] .tf-category-heading__row--right .content {
    text-align: right;
}

.tf-section[data-tf-type="category.heading"] .tf-page-heading:not(.tf-page-heading--compact):not(:has([data-tf-region="show_heading"].d-none)):not(:has([data-tf-region="show_heading"][style*="display:none"])) {
    padding-top: 72px;
    padding-bottom: 72px;
}

.tf-section[data-tf-type="category.heading"] .bg-img-item img,
.tf-section[data-tf-type="category.heading"] .bg-img-item .tf-input-image {
    object-fit: var(--tf-category-heading-image-fit, cover);
}

.tf-section[data-tf-type="category.heading"] .tf-category-heading[data-cat-heading-height-mode="fixed"] .tf-page-heading:not(.tf-page-heading--compact):is(.tf-page-heading--bg-image, .tf-page-heading--bg-category) {
    position: relative;
    height: var(--tf-category-heading-height, 280px);
    min-height: var(--tf-category-heading-height, 280px);
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.tf-section[data-tf-type="category.heading"] .tf-category-heading[data-cat-heading-height-mode="fixed"] .tf-page-heading > .position-relative.z-2 {
    width: 100%;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.tf-section[data-tf-type="category.heading"] .tf-category-heading[data-cat-heading-height-mode="fixed"] .tf-page-heading__banner.is-on {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.tf-section[data-tf-type="category.heading"] .tf-category-heading[data-cat-heading-height-mode="fixed"] .tf-page-heading .bg-img-item {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1439px) {
    .tf-section[data-tf-type="category.heading"] .tf-page-heading:not(.tf-page-heading--compact):not(:has([data-tf-region="show_heading"].d-none)):not(:has([data-tf-region="show_heading"][style*="display:none"])) {
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

@media (max-width: 991px) {
    .tf-section[data-tf-type="category.heading"] .tf-page-heading:not(.tf-page-heading--compact):not(:has([data-tf-region="show_heading"].d-none)):not(:has([data-tf-region="show_heading"][style*="display:none"])) {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .tf-section[data-tf-type="category.heading"] .tf-page-heading:not(.tf-page-heading--compact):not(:has([data-tf-region="show_heading"].d-none)):not(:has([data-tf-region="show_heading"][style*="display:none"])) {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

/* Category heading — hide banner only; keep 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: 16px;
    padding-bottom: 16px;
    background: transparent;
    overflow: visible;
}