/* Category pages only. Shared cards retain their existing design elsewhere. */
@media (min-width:768px) {
    .catalog-category-view.page-layout-2columns-left .columns {
        grid-template-rows:minmax(0,1fr) auto;
    }
    .catalog-category-view.page-layout-2columns-left .sidebar-main {
        position:sticky;
        align-self:start;
        top:calc(var(--hh-header-height) + var(--spacing) * 4);
    }
    .catalog-category-view.page-layout-2columns-left .sidebar-main .hh-filters {
        position:static;
        margin-bottom:0;
        max-height:calc(100dvh - var(--hh-header-height) - var(--spacing) * 8);
    }
}

:is(.catalog-category-view,.catalogsearch-result-index) { background: var(--color-surface); color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent { background: var(--color-surface); color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .breadcrumbs { background: var(--color-surface); color: var(--color-fg-secondary); border-bottom: 0; box-shadow:none; }
:is(.catalog-category-view,.catalogsearch-result-index) .breadcrumbs a,:is(.catalog-category-view,.catalogsearch-result-index) .breadcrumbs .separator { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) .breadcrumbs a[aria-current=page] { color: var(--color-accent-ink); }
:is(.catalog-category-view,.catalogsearch-result-index) .page-title { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .category-description { color: var(--color-fg-secondary); line-height:1.8; }
:is(.catalog-category-view,.catalogsearch-result-index) .category-description strong { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .category-description a { color: var(--color-accent-ink); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product { background: var(--color-surface); color: var(--color-fg); border-color: var(--color-line); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product:hover { border-color: var(--color-line); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .product-info h3,:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .product-item-link { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .text-ink-muted { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .border-line { border-color: var(--color-line); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .price { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .special-price .price { color: var(--color-accent-ink); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .old-price .price { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .hh-product-img { mix-blend-mode:normal; }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .pointer-events-auto,
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product [data-addto=wishlist] { background: var(--color-surface); color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product [data-addto=wishlist]:hover { background: var(--color-primary); color: var(--color-on-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .hh-btn-dark { background: var(--color-primary); color: var(--color-on-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .hh-btn-dark .hh-arrow { background: var(--color-surface); color: var(--color-accent-ink); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-product .hh-btn-dark:hover { background: var(--color-primary-darker); color: var(--color-on-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .toolbar-amount { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .form-select { color-scheme: var(--hh-color-scheme); background-color: var(--color-surface); color: var(--color-fg); border-color: var(--color-line); --select-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c0c0c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
:root[data-color-mode="dark"] :is(.catalog-category-view,.catalogsearch-result-index) .toolbar .form-select { --select-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6f2ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .form-select:focus { border-color: var(--color-primary); outline-color:var(--color-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .sorter-action { color: var(--color-accent-ink); }
/* Masked view icons inherit the current theme and selected-state colour. */
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .modes { background: var(--color-surface); border-color: var(--color-line); color: var(--color-fg); width:fit-content; padding:var(--spacing); gap:var(--spacing); border-radius:var(--radius-lg); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .modes-mode { display:grid; place-items:center; width:calc(var(--spacing) * 11); height:calc(var(--spacing) * 11); border-radius:var(--radius-md); background-image:none; color:var(--color-fg-secondary); opacity:1; }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .modes-mode::before { content:""; display:block; width:calc(var(--spacing) * 6); height:calc(var(--spacing) * 6); background:currentColor; mask-position:center; mask-size:contain; mask-repeat:no-repeat; }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .modes-mode.mode-grid::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c0c0c' stroke-width='2'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E"); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .modes-mode.mode-list::before { mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c0c0c' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 10h16M4 14h16M4 18h16'/%3E%3C/svg%3E"); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .modes-mode.active { background-color:var(--color-primary); color:var(--color-on-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .modes-mode:not(.active):hover { background-color:var(--color-soft); color:var(--color-accent-ink); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .pages .btn { background: var(--color-surface); border-color: var(--color-line); color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .pages .btn[aria-current=page],
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .pages .btn:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-on-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .toolbar .pages .btn[aria-disabled=true] { opacity:.4; }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filters { --hf-text: var(--color-fg-secondary); --hf-muted: var(--color-fg-secondary); --hf-line: var(--color-line); --hf-cream: var(--color-surface); --hf-accent-dark: var(--color-accent-ink); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filters__toggle { background: var(--color-surface); color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filter__name { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filter__chevron svg { stroke: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filter[open] .hh-filter__chevron svg,
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filter__summary:hover .hh-filter__chevron svg { stroke: var(--color-on-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filters__mobile-icon { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filter__check { background: var(--color-surface); border-color: var(--color-line); }
:is(.catalog-category-view,.catalogsearch-result-index) .hh-filter__pill { background: var(--color-surface); border-color: var(--color-line); }
:is(.catalog-category-view,.catalogsearch-result-index) a.hh-filter__pill:hover,
:is(.catalog-category-view,.catalogsearch-result-index) a.hh-filter__pill:focus-visible { background: var(--color-primary); color: var(--color-on-primary); border-color: var(--color-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) a.hh-filter__item:hover,
:is(.catalog-category-view,.catalogsearch-result-index) a.hh-filter__item:focus-visible { background: var(--color-soft); color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) a.hh-filter__item.is-selected:hover,
:is(.catalog-category-view,.catalogsearch-result-index) a.hh-filter__item.is-selected:focus-visible { background: var(--color-primary-darker); color: var(--color-on-primary); }
:is(.catalog-category-view,.catalogsearch-result-index) .category-seo-faq { background: var(--color-surface); color: var(--color-fg); border-color: var(--color-line); }
:is(.catalog-category-view,.catalogsearch-result-index) .category-seo-faq__item { background: var(--color-surface); color: var(--color-fg); border-color: var(--color-line); }
:is(.catalog-category-view,.catalogsearch-result-index) .category-seo-faq__head h2,
:is(.catalog-category-view,.catalogsearch-result-index) .category-seo-faq__item summary { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) .category-seo-faq__head p,
:is(.catalog-category-view,.catalogsearch-result-index) .category-seo-faq__answer { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent a:focus-visible,
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent button:focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }
@media(min-width:768px) {
 :is(.catalog-category-view,.catalogsearch-result-index) .hh-filters { background: var(--color-surface); box-shadow:none; top:calc(var(--hh-header-height,132px) + 20px); max-height:calc(100dvh - var(--hh-header-height,132px) - 40px); }
 :is(.catalog-category-view,.catalogsearch-result-index) .hh-filters__toggle { background: transparent; }
}
@media(max-width:767px) {
 :is(.catalog-category-view,.catalogsearch-result-index) .toolbar-sorter { min-width:0; }
 :is(.catalog-category-view,.catalogsearch-result-index) .toolbar .form-select { max-width:100%; }
}/* Override the existing light category introduction without changing shared tokens. */
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent .page-title { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent .category-description { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent .category-description p { color: var(--color-fg-secondary); }
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent .category-description strong { color: var(--color-fg); }
:is(.catalog-category-view,.catalogsearch-result-index) #maincontent .category-seo-faq__answer p { color: var(--color-fg-secondary); }
/* Parent category landings use the legacy category widget without the Athlete grid. */
.catalog-category-view.page-layout-1column #maincontent > .columns > .column.main { width:100%; min-width:0; }
.catalog-category-view #maincontent .category-cms .ox-cats-widget { margin-block:28px 48px; }
.catalog-category-view #maincontent .category-cms .ox-cats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; margin:0; }
.catalog-category-view #maincontent .category-cms .ox-cat { min-width:0; padding:0; }
.catalog-category-view #maincontent .category-cms .ox-cat__inner { position:relative; height:100%; background: var(--color-surface); border: 1px solid var(--color-line); border-radius:20px; overflow:hidden; transition:border-color .2s ease,transform .2s ease; }
.catalog-category-view #maincontent .category-cms .ox-cat__inner:hover { border-color: var(--color-primary); transform:translateY(-3px); }
.catalog-category-view #maincontent .category-cms .ox-cat__img-holder { aspect-ratio:1; display:flex; align-items:center; justify-content:center; padding:18px; background: var(--color-soft); }
.catalog-category-view #maincontent .category-cms .ox-cat__img { display:block; width:100%; height:100%; object-fit:contain; }
.catalog-category-view #maincontent .category-cms .ox-cat__name-wrap { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 16px; }
.catalog-category-view #maincontent .category-cms .ox-cat__name { margin:0; color: var(--color-fg); font-family:var(--font-display); font-size:20px; line-height:1.25; text-transform:uppercase; }
.catalog-category-view #maincontent .category-cms .ox-cat__count { display:flex; align-items:center; justify-content:center; flex-shrink:0; min-width:28px; height:28px; padding-inline:6px; border-radius:50%; background: var(--color-primary); color: var(--color-on-primary); font-size:12px; font-weight:600; }
.catalog-category-view #maincontent .category-cms .ox-cat__link { position:absolute; inset:0; display:block; border-radius:20px; }
.catalog-category-view #maincontent .category-cms .ox-cat__link:focus-visible { outline-offset:-4px; }
@media(max-width:1199px) { .catalog-category-view #maincontent .category-cms .ox-cats { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:767px) {
 .catalog-category-view.page-layout-1column #maincontent > .columns { padding-inline:16px; }
 .catalog-category-view #maincontent .category-cms .ox-cats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .catalog-category-view #maincontent .category-cms .ox-cat__inner,.catalog-category-view #maincontent .category-cms .ox-cat__link { border-radius:14px; }
 .catalog-category-view #maincontent .category-cms .ox-cat__img-holder { padding:10px; }
 .catalog-category-view #maincontent .category-cms .ox-cat__name-wrap { padding:16px 12px; gap:8px; }
 .catalog-category-view #maincontent .category-cms .ox-cat__name { font-size:17px; }
 .catalog-category-view #maincontent .category-cms .ox-cat__count { min-width:24px; height:24px; }
}
@media(prefers-reduced-motion:reduce) { .catalog-category-view #maincontent .category-cms .ox-cat__inner { transition:none; } }

/* Keep catalog selects comfortable on phones and tablets. */
@media (max-width:1199px) {
    :is(.catalog-category-view,.catalogsearch-result-index) .toolbar .form-select { font-size:var(--text-base); min-height:calc(var(--spacing) * 11); }
}

/* Category introductions use the same editorial hierarchy at every depth. */
.catalog-category-view #maincontent .page-title {
    margin-block: calc(var(--spacing) * 4) calc(var(--spacing) * 6);
    font-size: clamp(2.75rem, 4vw, 4.75rem);
    line-height: 1;
    text-wrap: balance;
}
.catalog-category-view #maincontent .category-description {
    max-width: none;
    max-height: none;
    overflow: visible;
    margin-bottom: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 7);
    border-bottom: 1px solid var(--color-line);
}
/* The Hyva introduction is fully visible; suppress the legacy clipping overlay. */
.catalog-category-view #maincontent .category-description::after { content: none; }
.catalog-category-view #maincontent .category-description [data-content-type="html"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 8);
}
.catalog-category-view #maincontent .category-description p {
    max-width: 58ch;
    margin: 0;
    font-size: var(--text-base);
    line-height: 1.65;
}
.catalog-category-view #maincontent .category-cms [data-content-type="html"] > h3 {
    margin: 0 0 calc(var(--spacing) * 2);
    font-family: var(--font-display);
    font-size: clamp(1.75rem, 2.5vw, 2.5rem);
    line-height: 1.1;
    text-transform: uppercase;
}
.catalog-category-view #maincontent .category-cms [data-content-type="html"] > p {
    margin: 0;
    color: var(--color-fg-secondary);
    line-height: 1.6;
}
.catalog-category-view #maincontent .category-cms .ox-cat__inner {
    border-radius: var(--radius-lg);
}
.catalog-category-view #maincontent .category-cms .ox-cat__name-wrap {
    min-height: calc(var(--spacing) * 18);
}
@media (max-width:767px) {
    .catalog-category-view #maincontent .category-description [data-content-type="html"] {
        grid-template-columns: minmax(0, 1fr);
        gap: calc(var(--spacing) * 4);
    }
    .catalog-category-view #maincontent .category-description p {
        font-size: var(--text-base);
    }
}

/* Native Magento related queries remain usable without a raw definition list. */
.catalogsearch-result-index #maincontent dl.my-6 {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    margin-block: calc(var(--spacing) * 7);
    padding: calc(var(--spacing) * 5);
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
}
.catalogsearch-result-index #maincontent dl.my-6 dt {
    flex-basis: 100%;
    margin-bottom: calc(var(--spacing) * 2);
    color: var(--color-fg);
    font-family: var(--font-display);
    font-size: var(--text-xl);
    text-transform: uppercase;
}
.catalogsearch-result-index #maincontent dl.my-6 dd a {
    display: inline-flex;
    max-width: 100%;
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
    border: 1px solid var(--color-line);
    border-radius: 9999px;
    color: var(--color-fg-secondary);
    font-size: var(--text-sm);
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.catalogsearch-result-index #maincontent dl.my-6 dd a:hover {
    border-color: var(--color-primary);
    color: var(--color-accent-ink);
}

/* Two readable product cards per row on mobile category grids. */
@media (max-width: 767px) {
    .catalog-category-view .products-grid > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(var(--spacing) * 3);
    }
    .catalog-category-view .products-grid .hh-product {
        min-width: 0;
        padding: calc(var(--spacing) * 2);
        border-radius: var(--radius-2xl);
    }
    .catalog-category-view .products-grid .product-info {
        min-width: 0;
        padding: calc(var(--spacing) * 3) var(--spacing) calc(var(--spacing) * 2);
    }
    .catalog-category-view .products-grid .product-info h3 {
        font-size: var(--text-sm);
        overflow-wrap: anywhere;
    }
    .catalog-category-view .products-grid .hh-product-category {
        font-size: var(--text-xs);
        overflow-wrap: anywhere;
    }
    .catalog-category-view .products-grid .hh-product-purchase .text-xl {
        font-size: var(--text-lg);
    }
    .catalog-category-view .products-grid .hh-btn {
        min-width: 0;
        height: calc(var(--spacing) * 11);
        padding-inline: calc(var(--spacing) * 2);
        gap: var(--spacing);
        font-size: var(--text-xs);
    }
    .catalog-category-view .products-grid .hh-arrow {
        flex-shrink: 0;
        width: calc(var(--spacing) * 6);
        height: calc(var(--spacing) * 6);
    }
    .catalog-category-view .products-grid .hh-arrow svg {
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
    }
    .catalog-category-view .products-grid .pointer-events-none {
        inset-inline: calc(var(--spacing) * 2);
        top: calc(var(--spacing) * 2);
    }
    .catalog-category-view .products-grid .pointer-events-auto {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
    }
}

/* Use one mobile gutter and a compact category-to-products rhythm. */
@media (max-width:767px) {
 .catalog-category-view #maincontent { margin-top:0; padding-top:calc(var(--spacing) * 4); }
 .catalog-category-view #maincontent .page-title { margin-block:0 calc(var(--spacing) * 4); }
 .catalog-category-view #maincontent .category-description { padding-bottom:calc(var(--spacing) * 4); margin-bottom:calc(var(--spacing) * 4); }
 /* Page Builder stores these wrapper dimensions inline. */
 .catalog-category-view #maincontent .category-description [data-element="inner"] { padding:0 !important; margin:0 !important; }
 .catalog-category-view #maincontent > .columns { row-gap:calc(var(--spacing) * 3); }
 .catalog-category-view .sidebar-main .hh-filters { margin-bottom:0; }
 .catalog-category-view #product-list { padding-top:0; }
 .catalog-category-view .products-grid .hh-btn { font-size:var(--text-sm); line-height:1.25; letter-spacing:normal; }
}

/* Shared category navigation uses the existing surface, type, spacing and accent tokens. */
.catalog-category-view .hh-child-categories { margin-block:calc(var(--spacing) * 6) calc(var(--spacing) * 10); }
.catalog-category-view .hh-child-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:calc(var(--spacing) * 5); list-style:none; margin:0; padding:0; }
.catalog-category-view .hh-child-grid__item { display:flex; min-width:0; margin:0; padding:0; }
.catalog-category-view .hh-child-card { display:flex; flex-direction:column; width:100%; min-width:0; overflow:hidden; border:1px solid var(--color-line); border-radius:calc(var(--spacing) * 5); background:var(--color-surface); color:var(--color-fg); text-decoration:none; scroll-margin-top:calc(var(--hh-header-height,0px) + var(--spacing) * 4); transition:border-color .2s ease; }
.catalog-category-view .hh-child-card:hover { border-color:var(--color-primary); }
.catalog-category-view .hh-child-card__media { display:flex; align-items:center; justify-content:center; aspect-ratio:1; position:relative; overflow:hidden; background:var(--color-soft); border-bottom:1px solid var(--color-line); }
.catalog-category-view .hh-child-card__media img { display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.catalog-category-view .hh-child-card__placeholder { color:var(--color-accent-ink); }
.catalog-category-view .hh-child-card__body { display:flex; flex:1; flex-direction:column; justify-content:space-between; gap:calc(var(--spacing) * 4); padding:calc(var(--spacing) * 5); }
.catalog-category-view .hh-child-card__name { font-family:var(--font-display); font-weight:700; font-size:var(--text-xl); line-height:1.25; text-transform:uppercase; hyphens:auto; overflow-wrap:anywhere; }
.catalog-category-view .hh-child-card__action { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--spacing) * 2); color:var(--color-fg-secondary); font-size:var(--text-sm); }
.catalog-category-view .hh-child-card__arrow { display:grid; place-items:center; flex-shrink:0; width:calc(var(--spacing) * 8); height:calc(var(--spacing) * 8); border-radius:50%; background:var(--color-primary); color:var(--color-on-primary); }
.catalog-category-view .hh-child-heading { margin-block:calc(var(--spacing) * 10) calc(var(--spacing) * 2); color:var(--color-fg); font-family:var(--font-display); font-weight:700; font-size:var(--text-3xl); line-height:1.2; text-transform:uppercase; }
.catalog-category-view .hh-child-intro { margin:0; color:var(--color-fg-secondary); }
@media(max-width:1199px) { .catalog-category-view .hh-child-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:767px) {
 .catalog-category-view .hh-child-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(var(--spacing) * 3); }
 .catalog-category-view .hh-child-card__body { padding:calc(var(--spacing) * 3); gap:calc(var(--spacing) * 3); }
 .catalog-category-view .hh-child-card__name { font-size:var(--text-base); }
 .catalog-category-view .hh-child-card__action { font-size:var(--text-xs); }
 .catalog-category-view .hh-child-heading { font-size:var(--text-2xl); }
}

/* Loading disables the load-more button; keep Hyva's disabled palette theme-aware. */
.haroone-category-load-more__button {
    --btn-disabled-bg: var(--color-soft);
    --btn-disabled-stroke: var(--color-line);
    --btn-disabled-color: var(--color-fg-secondary);
}

/* Centre the heading and description together beside the category banner. */
.catalog-category-view #maincontent .hh-category-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "description";
    gap: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 7);
    border-bottom: 1px solid var(--color-line);
}
.catalog-category-view #maincontent .hh-category-intro--with-image {
    grid-template-areas: "title" "banner" "description";
}
.catalog-category-view #maincontent .hh-category-intro__content {
    display: contents;
}
.catalog-category-view #maincontent .hh-category-intro__content > .container {
    grid-area: title;
    display: block;
    min-width: 0;
    width: auto;
    max-width: none;
    padding: 0;
    margin: 0;
}
.catalog-category-view #maincontent .hh-category-intro .category-image {
    grid-area: banner;
}
.catalog-category-view #maincontent .hh-category-intro .category-image img {
    display: block;
    width: 100%;
    height: auto;
}
.catalog-category-view #maincontent .hh-category-intro .category-description {
    grid-area: description;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.catalog-category-view #maincontent .hh-category-intro .category-description [data-content-type="html"] {
    display: block;
}
.catalog-category-view #maincontent .hh-category-intro .category-description p {
    max-width: none;
}
.catalog-category-view #maincontent .hh-category-intro .category-description p + p {
    margin-top: calc(var(--spacing) * 4);
}
.catalog-category-view #maincontent .hh-category-intro .page-title {
    margin: 0;
}
@media (min-width:768px) {
    .catalog-category-view #maincontent .hh-category-intro--with-image {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas: "banner content";
        align-items: center;
    }
    .catalog-category-view #maincontent .hh-category-intro--with-image .hh-category-intro__content {
        grid-area: content;
        display: grid;
        min-width: 0;
        grid-template-areas: "title" "description";
        gap: calc(var(--spacing) * 6);
    }
}