/* Mobile navigation enhancement; desktop content keeps its original layout. */
.conbest-mobile-catalog-actions { display: none; }
.conbest-mobile-catalog-fold { display: contents; }
.conbest-mobile-catalog-fold > summary { display: none; }

@media (max-width: 767px) {
    #header .conbest-header-main { padding: .65rem 1rem; }
    #header .conbest-header-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .5rem;
    }
    #header .conbest-header-logo { width: auto; min-width: 0; }
    #header .conbest-header-logo img {
        width: clamp(96px, 30vw, 132px);
        height: auto;
        max-height: 54px;
        object-fit: contain;
    }
    #header .conbest-header-actions { margin-left: 0; gap: 2px; justify-self: end; }
    #header .conbest-header-actions > a,
    #header .conbest-header-actions > button,
    #header .conbest-header-actions #customer-menu {
        min-width: 40px;
        min-height: 44px;
        padding: 8px;
    }
    #header .conbest-header-actions svg { width: 24px; height: 24px; }
    #header .conbest-header-search { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
    #header .conbest-sticky-nav > .container { padding-left: 1rem; padding-right: 1rem; }
    #header .conbest-sticky-nav-inner { min-height: 44px; }

    .catalog-category-view .page-title { font-size: 1.55rem; line-height: 1.25; margin-bottom: .75rem; }
    .catalog-category-view .conbest-category-subcategory-background {
        --conbest-category-padding-top: 8px;
        --conbest-category-padding-bottom: 8px;
    }
    .catalog-category-view main#maincontent { margin-top: 16px; }
    .conbest-mobile-catalog-actions { display: block; width: 100%; margin: 0 0 .75rem; }
    .conbest-mobile-catalog-products {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: .65rem 1rem;
        border: 1px solid var(--color-primary, #7a2973);
        border-radius: .5rem;
        background: var(--color-primary, #7a2973);
        color: var(--color-on-primary, #fff);
        font-size: .95rem;
        font-weight: 600;
        line-height: 1.3;
        text-decoration: none;
    }
    .conbest-mobile-catalog-products:hover { color: var(--color-on-primary, #fff); text-decoration: none; }
    .conbest-mobile-catalog-products:focus-visible,
    .conbest-mobile-catalog-fold > summary:focus-visible { outline: 2px solid var(--color-primary, #7a2973); outline-offset: 3px; }
    .conbest-mobile-catalog-fold {
        display: block;
        width: 100%;
        margin: 0 0 .75rem;
        border: 1px solid #cbd5e1;
        border-radius: .5rem;
        background: #fff;
        color: var(--color-fg, #0f172a);
    }
    .conbest-mobile-catalog-fold > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        min-height: 46px;
        padding: .7rem .9rem;
        font-size: .95rem;
        font-weight: 600;
        line-height: 1.3;
        list-style: none;
        cursor: pointer;
    }
    .conbest-mobile-catalog-fold > summary::-webkit-details-marker { display: none; }
    .conbest-mobile-catalog-fold > summary::after {
        content: '';
        width: 8px;
        height: 8px;
        flex: 0 0 8px;
        border-right: 1.5px solid currentColor;
        border-bottom: 1.5px solid currentColor;
        transform: rotate(45deg);
    }
    .conbest-mobile-catalog-fold[open] > summary::after { transform: rotate(225deg); }
    .conbest-mobile-catalog-fold[open] > summary { border-bottom: 1px solid #e2e8f0; }
    .conbest-mobile-catalog-fold > .category-description { padding: .75rem; }
    .conbest-mobile-catalog-fold > .conbest-subcategory-mini,
    .conbest-mobile-catalog-fold > .conbest-subcategory-tiles { padding: .75rem; margin-bottom: 0; }
    #html-body .conbest-mobile-catalog-fold--description .pagebuilder-column-line { flex-direction: column; }
    #html-body .conbest-mobile-catalog-fold--description .pagebuilder-column {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
        margin-left: 0 !important;
    }
    .catalog-category-view #maincontent > .conbest-category-subcategory-background ~ .columns { margin-top: 16px; }
    .catalog-category-view #product-list { padding-top: .75rem; }
}

/* Page Builder: Advanced > CSS Classes > conbest-hide-mobile */
@media (max-width: 767px) {
    #html-body .conbest-hide-mobile {
        display: none !important;
    }
}