/*------------------------------------*\
Product category archive
Native WooCommerce category template: intro, FacetWP filter sidebar, product grid,
load-more pager, flexible category content (WYSIWYG and accordion), and Theme Settings CTA.

KEY FEATURES:
- Mobile first: 768px tablet, 1200px desktop, 1367px large desktop
- Filter sidebar (leather subcategories only) stacks above the grid until 1200px
- Product grid: 2 columns, 3 at 768px, 4 at 1200px; 3 until 1367px when the sidebar is present
- Thickness pills, leather-type checkboxes, color swatches, and price slider restyle FacetWP output

IMPLEMENTATION NOTES:
- CSS Grid is used for the sidebar + results split and the product and thickness matrices,
  which are true row and column layouts; everything else uses flexbox
- !important on product items and the load-more button overrides Storefront and
  WooCommerce float, width, and button defaults that load after this file
- !important on the result count beats Storefront hiding it on small screens
- Under 1200px, leather pages keep Filter & Sort and the facet groups above the
  product count/sort and grid; the wholesale card sits below the load-more pager
- !important hides the inactive HUSKY top panel, which prints "orderby" chips
  from inline plugin styles
- Colors come from custom-properties.css; keep selectors flat for WP Rocket minify
\*------------------------------------*/

.ml-category-archive-page #primary.content-area {
    width: 100%;
    margin: 0;
    float: none;
}

.ml-category-archive-page #primary.content-area .site-main {
    margin-bottom: 0;
}

.ml-category-archive-page .storefront-breadcrumb,
.ml-category-archive-page .woocommerce-breadcrumb {
    display: none;
}

.ml-category-archive {
    padding-bottom: 40px;
}

.ml-category-archive .woocommerce-products-header {
    margin-bottom: 32px;
    padding: 24px 0 0;
    text-align: left;
}

.ml-category-archive .woocommerce-products-header__title {
    display: block;
    margin: 0 0 16px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -1px;
    color: var(--color-black);
}

.ml-category-archive .term-description,
.ml-category-archive .woocommerce-products-header .term-description p {
    max-width: 1048px;
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text);
}

.ml-category-archive .term-description a {
    color: var(--color-teal-dark);
}

.ml-category-archive .term-description p:last-child {
    margin-bottom: 0;
}

.ml-category-archive .ml-archive-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.ml-category-archive .ml-archive-sidebar,
.ml-category-archive .ml-archive-filters,
.ml-category-archive .ml-archive-main {
    min-width: 0;
}

@media (min-width: 768px) {
    .ml-category-archive {
        padding-bottom: 60px;
    }

    .ml-category-archive .woocommerce-products-header {
        margin-bottom: 48px;
        padding: 32px 0 0;
    }

    .ml-category-archive .woocommerce-products-header__title {
        margin-bottom: 24px;
        font-size: 40px;
    }

    .ml-category-archive .term-description,
    .ml-category-archive .woocommerce-products-header .term-description p {
        font-size: 18px;
        line-height: 29px;
    }
}

@media (min-width: 1200px) {
    .ml-category-archive .woocommerce-products-header {
        margin-bottom: 64px;
        padding-top: 42px;
    }

    .ml-category-archive .woocommerce-products-header__title {
        font-size: 47px;
        line-height: 57px;
    }
}

.ml-category-archive-page .woof_products_top_panel,
.ml-category-archive-page .woof_products_top_panel_content {
    display: none !important;
}

.ml-category-archive .ml-archive-filters__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    margin: 0 0 24px;
    padding: 0 0 22px;
    border-bottom: 1px solid var(--color-border);
}

.ml-category-archive .ml-archive-filters__title {
    display: none;
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.38;
    color: var(--color-black);
}

.ml-category-archive .ml-archive-filters__toolbar .ml-archive-filters__clear {
    flex: 0 0 auto;
    margin-left: auto;
    text-align: right;
}

.ml-category-archive .ml-archive-filters__master {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    padding: 10px 18px;
    border: 1px solid var(--color-border);
    border-radius: 40px;
    background: transparent;
    box-shadow: none;
    color: var(--color-ink);
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
}

.ml-category-archive .ml-archive-filters__master:focus-visible {
    outline: 2px solid var(--color-teal-dark);
    outline-offset: 2px;
}

.ml-category-archive .ml-archive-filters__master-icon {
    display: flex;
    flex: 0 0 16px;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: currentColor;
}

.ml-category-archive .ml-archive-filters__master-icon svg {
    display: block;
    width: 16px;
    height: 16px;
}

.ml-category-archive .ml-archive-filters__body {
    overflow: hidden;
}

.ml-category-archive .ml-archive-filters__body[hidden] {
    display: none;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-layout.has-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px 20px;
    align-items: start;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-sidebar,
.ml-category-archive-page.ml-has-archive-filters .ml-archive-filters,
.ml-category-archive-page.ml-has-archive-filters .ml-archive-main {
    display: contents;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-filters__toolbar {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--color-border);
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-layout.has-filters:has(.ml-archive-filters__body:not([hidden])) .ml-archive-filters__toolbar {
    margin-bottom: 8px;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-filters__body {
    grid-column: 1;
    grid-row: 2;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-filters__body:not([hidden]) {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-border);
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-main > .woocommerce-notices-wrapper {
    grid-column: 1;
    grid-row: 3;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-toolbar {
    grid-column: 1;
    grid-row: 4;
    margin: 0;
    padding: 0 0 16px;
    border-bottom: 0;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-layout.has-filters:has(.ml-archive-filters__body:not([hidden])) .ml-archive-toolbar {
    margin-top: 8px;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-main > ul.products {
    grid-column: 1;
    grid-row: 5;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-main > .ml-archive-pager {
    grid-column: 1;
    grid-row: 6;
}

.ml-category-archive-page.ml-has-archive-filters .ml-archive-wholesale {
    grid-column: 1;
    grid-row: 7;
    margin-top: 24px;
}

@media (min-width: 1200px) {
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-layout.has-filters {
        grid-template-columns: 291px minmax(0, 1fr);
        gap: 24px;
        align-items: start;
    }

    .ml-category-archive-page.ml-has-archive-filters .ml-archive-sidebar,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-filters,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-main {
        display: block;
        min-width: 0;
    }

    .ml-category-archive-page.ml-has-archive-filters .ml-archive-filters__toolbar,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-layout.has-filters:has(.ml-archive-filters__body:not([hidden])) .ml-archive-filters__toolbar {
        display: flex;
        grid-column: auto;
        grid-row: auto;
        margin: 0 0 24px;
        padding: 0 0 22px;
        border-bottom: 1px solid var(--color-border);
    }

    .ml-category-archive .ml-archive-filters__group {
        margin: 0 0 24px;
        padding: 0 0 24px;
    }

    .ml-category-archive .ml-archive-filters__group:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .ml-category-archive .ml-archive-filters__title {
        display: block;
    }

    .ml-category-archive .ml-archive-filters__master {
        display: none;
    }

    .ml-category-archive-page.ml-has-archive-filters .ml-archive-filters__body,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-filters__body[hidden],
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-filters__body:not([hidden]) {
        display: block;
        grid-column: auto;
        grid-row: auto;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .ml-category-archive-page.ml-has-archive-filters .ml-archive-wholesale,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-main > .woocommerce-notices-wrapper,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-main > ul.products,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-main > .ml-archive-pager {
        grid-column: auto;
        grid-row: auto;
    }

    .ml-category-archive-page.ml-has-archive-filters .ml-archive-layout.has-filters:has(.ml-archive-filters__body:not([hidden])) .ml-archive-wholesale {
        margin-top: 40px;
    }

    .ml-category-archive-page.ml-has-archive-filters .ml-archive-toolbar,
    .ml-category-archive-page.ml-has-archive-filters .ml-archive-layout.has-filters:has(.ml-archive-filters__body:not([hidden])) .ml-archive-toolbar {
        display: flex;
        grid-column: auto;
        grid-row: auto;
        margin: 0 0 24px;
        padding: 0 0 10px;
        border-bottom: 1px solid var(--color-border);
        justify-content: space-between;
    }
}

.ml-archive-content {
    display: block;
}

.ml-archive-seo {
    margin: 40px 0;
}

.ml-archive-seo + .ml-archive-seo {
    margin-top: 0;
}

.ml-archive-seo + .ml-archive-accordion {
    margin-top: 0;
}

.ml-archive-seo__content {
    max-width: 1048px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text);
}

.ml-archive-seo__content h2 {
    margin: 0 0 16px;
    font-family: "Roboto", "Source Sans 3", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-ink);
}

.ml-archive-seo__content h2:not(:first-child) {
    margin-top: 32px;
}

.ml-archive-seo__content p:last-child {
    margin-bottom: 0;
}

.ml-archive-seo__content a {
    color: var(--color-teal-dark);
}

@media (min-width: 768px) {
    .ml-archive-seo {
        margin: 48px 0;
    }

    .ml-archive-seo__content {
        font-size: 18px;
        line-height: 29px;
    }

    .ml-archive-seo__content h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .ml-archive-seo__content h2:not(:first-child) {
        margin-top: 40px;
    }
}

@media (min-width: 1200px) {
    .ml-archive-seo__content h2 {
        font-size: 32px;
    }
}

.ml-category-archive .ml-archive-filters__clear {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--color-teal-dark);
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 29.12px;
    text-decoration: underline;
    text-transform: none;
    cursor: pointer;
}

.ml-category-archive .ml-archive-filters__clear[hidden] {
    display: none;
}

.ml-category-archive .ml-archive-filters__clear:focus-visible,
.ml-category-archive .ml-archive-filters__toggle:focus-visible {
    outline: 2px solid var(--color-teal-dark);
    outline-offset: 2px;
}

.ml-category-archive .ml-archive-filters__group {
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px solid var(--color-border);
}

.ml-category-archive .ml-archive-filters__group:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.ml-category-archive .ml-archive-filters__group:has(.facetwp-facet.facetwp-hidden) {
    display: none;
}

.ml-category-archive .ml-archive-filters__heading {
    margin: 0;
    padding: 0;
}

.ml-category-archive .ml-archive-filters__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--color-text);
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.38;
    text-align: left;
    text-transform: none;
    cursor: pointer;
}

.ml-category-archive .ml-archive-filters__label {
    margin: 0;
    font: inherit;
    color: inherit;
}

.ml-category-archive .ml-archive-filters__icon {
    position: relative;
    flex: 0 0 12px;
    width: 12px;
    height: 25px;
}

.ml-category-archive .ml-archive-filters__icon::before,
.ml-category-archive .ml-archive-filters__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: var(--color-text-muted);
    transform: translate(-50%, -50%);
}

.ml-category-archive .ml-archive-filters__icon::before {
    width: 10px;
    height: 1.5px;
}

.ml-category-archive .ml-archive-filters__icon::after {
    width: 1.5px;
    height: 10px;
    opacity: 0;
    transform: translate(-50%, -50%) scaleY(0);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.ml-category-archive .ml-archive-filters__toggle[aria-expanded="false"] .ml-archive-filters__icon::after {
    opacity: 1;
    transform: translate(-50%, -50%) scaleY(1);
}

.ml-category-archive .ml-archive-filters__panel {
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 16px;
}

.ml-category-archive .ml-archive-filters__panel[hidden] {
    display: none;
}

@media (prefers-reduced-motion: reduce) {
    .ml-category-archive .ml-archive-filters__icon::after {
        transition: none;
    }
}

.ml-category-archive .ml-archive-filters .facetwp-facet {
    width: 100%;
    margin: 0;
    padding: 0;
}

.ml-category-archive .ml-archive-filters .facetwp-checkbox {
    margin: 0;
    padding: 0;
    background: none;
    font-family: "Source Sans 3", sans-serif;
    line-height: 1.38;
    color: var(--color-text);
    cursor: pointer;
}

.ml-category-archive .ml-archive-filters .facetwp-checkbox.disabled {
    opacity: 0.4;
    cursor: default;
}

.ml-category-archive .ml-archive-filters .facetwp-checkbox:focus-visible {
    outline: 2px solid var(--color-teal-dark);
    outline-offset: 2px;
}

.ml-category-archive .ml-archive-filters .facetwp-counter {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-muted);
}

.ml-category-archive .ml-archive-filters .facetwp-toggle {
    display: inline-block;
    margin-top: 8px;
    color: var(--color-teal-dark);
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.ml-category-archive .ml-archive-filters .facetwp-toggle.facetwp-hidden,
.ml-category-archive .ml-archive-filters__group--thickness .facetwp-toggle,
.ml-category-archive .ml-archive-filters__group--color .facetwp-toggle {
    display: none;
}

.ml-category-archive .ml-archive-filters__group--thickness .facetwp-overflow,
.ml-category-archive .ml-archive-filters__group--color .facetwp-overflow {
    display: contents;
}

.ml-category-archive .ml-archive-filters__group--thickness .facetwp-facet {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
}

.ml-category-archive .ml-archive-filters__group--thickness .facetwp-checkbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 4px;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    background: var(--color-white);
    text-align: center;
    white-space: nowrap;
}

.ml-category-archive .ml-archive-filters__group--thickness .facetwp-display-value {
    font-size: 16px;
    font-weight: 700;
}

.ml-category-archive .ml-archive-filters__group--thickness .facetwp-checkbox.checked {
    border-color: var(--color-teal);
    background: var(--color-teal);
    color: var(--color-white);
}

.ml-category-archive .ml-archive-filters__group--thickness .facetwp-checkbox.checked .facetwp-counter {
    color: var(--color-white);
}

.ml-category-archive .ml-archive-filters__note {
    margin: 12px 0 0;
    padding: 10px;
    border-radius: 5px;
    background: var(--color-sand);
    font-family: "Source Sans 3", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.38;
    color: var(--color-text);
}

.ml-category-archive .ml-archive-filters__group--type .facetwp-facet {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ml-category-archive .ml-archive-filters__group--type .facetwp-checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
}

.ml-category-archive .ml-archive-filters__group--type .facetwp-checkbox::before {
    content: "";
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-checkbox-border);
    border-radius: 2px;
    background: var(--color-white) no-repeat center / 12px 9px;
}

.ml-category-archive .ml-archive-filters__group--type .facetwp-checkbox.checked::before {
    border-color: var(--color-teal);
    background-color: var(--color-teal);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M1 4.5l3.5 3.5L11 1'/%3E%3C/svg%3E");
}

.ml-category-archive .ml-archive-filters__group--type .facetwp-display-value {
    flex: 1 1 auto;
    min-width: 0;
}

.ml-category-archive .ml-archive-filters__group--type .facetwp-checkbox.checked .facetwp-display-value {
    font-weight: 600;
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-facet {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 10px;
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 40px;
    gap: 4px;
    width: 40px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox::before {
    content: "";
    flex: 0 0 29px;
    width: 29px;
    height: 29px;
    border: 1px solid var(--color-swatch-border);
    border-radius: 50%;
    background-color: var(--color-swatch-default);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox.checked::before {
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-teal);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox.checked .facetwp-display-value {
    font-weight: 700;
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-counter {
    display: none;
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="beige"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="beige-"]::before {
    background-color: var(--color-swatch-beige);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="tan"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="tan-"]::before {
    background-color: var(--color-swatch-tan);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="brown"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="brown-"]::before {
    background-color: var(--color-swatch-brown);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="black"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="black-"]::before {
    background-color: var(--color-swatch-black);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="white"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="white-"]::before {
    background-color: var(--color-swatch-white);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="red"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="red-"]::before {
    background-color: var(--color-swatch-red);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="burgundy"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="burgundy-"]::before {
    background-color: var(--color-swatch-burgundy);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="orange"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="orange-"]::before {
    background-color: var(--color-swatch-orange);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="pink"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="pink-"]::before {
    background-color: var(--color-swatch-pink);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="purple"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="purple-"]::before {
    background-color: var(--color-swatch-purple);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="blue"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="blue-"]::before {
    background-color: var(--color-swatch-blue);
}

.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value="turquoise"]::before,
.ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox[data-value^="turquoise-"]::before {
    background-color: var(--color-swatch-turquoise);
}

.ml-category-archive .ml-archive-filters__group--price .facetwp-slider-wrap {
    margin: 0;
    padding: 9px 9px 8px;
}

.ml-category-archive .ml-archive-filters__group--price .facetwp-slider.noUi-target {
    height: 3px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: var(--color-border);
    box-shadow: none;
}

.ml-category-archive .ml-archive-filters__group--price .noUi-connects {
    border-radius: 0;
}

.ml-category-archive .ml-archive-filters__group--price .noUi-connect {
    background: var(--color-teal);
}

.ml-category-archive .ml-archive-filters__group--price .noUi-horizontal .noUi-handle {
    top: -7.5px;
    right: -9px;
    width: 18px;
    height: 18px;
    border: 3px solid var(--color-teal);
    border-radius: 50%;
    background: var(--color-white);
    box-shadow: none;
    cursor: pointer;
}

.ml-category-archive .ml-archive-filters__group--price .noUi-handle::before,
.ml-category-archive .ml-archive-filters__group--price .noUi-handle::after {
    display: none;
}

.ml-category-archive .ml-archive-filters__group--price .noUi-handle:focus-visible {
    outline: 2px solid var(--color-teal-dark);
    outline-offset: 2px;
}

.ml-category-archive .ml-archive-filters__group--price .facetwp-slider-label,
.ml-category-archive .ml-archive-filters__group--price .facetwp-slider-reset {
    display: none;
}

.ml-category-archive .ml-archive-price {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.ml-category-archive .ml-archive-price__field {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.ml-category-archive .ml-archive-price__label {
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.38;
    color: var(--color-text-muted);
}

.ml-category-archive .ml-archive-price__control {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 10px;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    background: var(--color-white);
}

.ml-category-archive .ml-archive-price__control:focus-within {
    border-color: var(--color-teal);
    outline: 2px solid var(--color-teal-dark);
    outline-offset: 2px;
}

.ml-category-archive .ml-archive-price__currency {
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    line-height: 1.38;
    color: var(--color-text);
}

.ml-category-archive .ml-archive-price .ml-archive-price__input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 10px 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    color: var(--color-text);
    -moz-appearance: textfield;
    appearance: textfield;
}

.ml-category-archive .ml-archive-price .ml-archive-price__input:focus {
    outline: none;
}

.ml-category-archive .ml-archive-price__input::-webkit-outer-spin-button,
.ml-category-archive .ml-archive-price__input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.ml-category-archive .ml-archive-wholesale {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin: 24px 0 0;
    padding: 22px;
    border-radius: 8px;
    background: var(--color-sand);
}

.ml-category-archive .ml-archive-wholesale .ml-archive-wholesale__eyebrow {
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-teal);
}

.ml-category-archive .ml-archive-wholesale__heading {
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.38;
    color: var(--color-black);
}

.ml-category-archive .ml-archive-wholesale__text {
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    color: var(--color-text);
}

.ml-category-archive .ml-archive-wholesale__text p {
    margin: 0 0 8px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.ml-category-archive .ml-archive-wholesale__text p:last-child {
    margin-bottom: 0;
}

.ml-category-archive .ml-archive-wholesale__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 228px;
    max-width: 100%;
    min-height: 44px;
    padding: 0 20px;
    border: 1px solid var(--color-tuscany);
    border-radius: 40px;
    background: transparent;
    color: var(--color-tuscany);
    font-family: "Source Sans 3", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ml-category-archive .ml-archive-wholesale__button:focus-visible {
    outline: 2px solid var(--color-tuscany);
    outline-offset: 2px;
}

@media (min-width: 1200px) {
    .ml-category-archive .ml-archive-filters__clear:hover {
        color: var(--color-ink);
    }

    .ml-category-archive .ml-archive-wholesale__button:hover {
        background: var(--color-tuscany);
        color: var(--color-white);
    }
}

.ml-category-archive .ml-archive-main > .woocommerce-notices-wrapper:empty {
    display: none;
}

.ml-category-archive .ml-archive-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    margin: 0 0 24px;
    padding: 0 0 10px;
    border-bottom: 0;
}

@media (min-width: 1200px) {
    .ml-category-archive .ml-archive-toolbar {
        border-bottom: 1px solid var(--color-border);
    }
}

.ml-category-archive .ml-archive-toolbar__count,
.ml-category-archive .ml-archive-toolbar .woocommerce-result-count {
    display: block !important;
    margin: 0;
    padding: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.38;
    color: var(--color-text);
}

.ml-category-archive .ml-archive-toolbar .woocommerce-ordering {
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto;
    margin: 0;
    padding: 0;
}

.ml-category-archive .ml-archive-toolbar .woocommerce-ordering label {
    display: inline-block;
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    color: var(--color-text);
    white-space: nowrap;
}

.ml-category-archive .ml-archive-toolbar .woocommerce-ordering select,
.ml-category-archive .ml-archive-toolbar .woocommerce-ordering .orderby {
    display: inline-block !important;
    width: auto;
    min-width: 160px;
    min-height: 42px;
    margin: 0;
    padding: 9px 36px 9px 14px;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    background-color: var(--color-white);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23474747' d='M1.2 1.3L6 6.1l4.8-4.8 1.2 1.2L6 8.5 0 2.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    color: var(--color-text);
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.ml-category-archive .ml-archive-toolbar .woocommerce-ordering select:focus-visible {
    outline: 2px solid var(--color-teal-dark);
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .ml-category-archive .ml-archive-toolbar .woocommerce-ordering select,
    .ml-category-archive .ml-archive-toolbar .woocommerce-ordering .orderby {
        min-width: 190px;
    }
}

.ml-category-archive ul.products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ml-category-archive ul.products::before,
.ml-category-archive ul.products::after {
    content: none !important;
    display: none !important;
}

@media (min-width: 768px) {
    .ml-category-archive ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px 24px;
    }
}

@media (min-width: 1200px) {
    .ml-category-archive ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 48px 32px;
    }

    .ml-category-archive .ml-archive-layout.has-filters ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1367px) {
    .ml-category-archive .ml-archive-layout.has-filters ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.ml-category-archive ul.products li.product,
.ml-category-archive ul.products li.ml-product-card {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

.ml-product-card__image-link {
    display: block;
    border: 0;
    color: inherit;
    text-decoration: none;
}

.ml-product-card__image-link:focus-visible {
    outline: 2px solid var(--color-tuscany);
    outline-offset: 2px;
}

.ml-product-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 0 12px;
    overflow: hidden;
    border-radius: 5px;
    background: var(--color-white);
    aspect-ratio: 211/216;
}

.ml-product-card__image img,
.ml-product-card__image .ml-product-card__img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: 5px;
    object-fit: cover;
    transition: transform 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
    .ml-product-card__image img,
    .ml-product-card__image .ml-product-card__img {
        transition-duration: 0.01ms;
    }
}

.ml-product-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.ml-product-card__title,
.ml-category-archive ul.products li.product .woocommerce-loop-product__title {
    margin: 0 0 12px;
    padding: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    color: var(--color-black);
}

.ml-product-card__title a,
.ml-category-archive ul.products li.product .woocommerce-loop-product__title a {
    border: 0;
    color: var(--color-black);
    font-weight: 700;
    text-decoration: none;
}

.ml-product-card__title a:focus-visible {
    outline: 2px solid var(--color-tuscany);
    outline-offset: 2px;
}

.ml-product-card__rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 12px;
    line-height: 1.3;
}

.ml-product-card__star {
    font-size: 16px;
    line-height: 1.3;
    color: var(--color-tuscany);
}

.ml-product-card__rating-value {
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text);
}

.ml-product-card__price,
.ml-category-archive ul.products li.product .price {
    display: block;
    margin: 0 0 12px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.38;
    color: var(--color-text);
}

.ml-category-archive ul.products li.product .price span,
.ml-category-archive ul.products li.product .price bdi,
.ml-category-archive ul.products li.product .price .amount,
.ml-category-archive ul.products li.product .price .woocommerce-Price-amount {
    font-weight: 700;
    color: var(--color-text);
}

.ml-category-archive ul.products li.product .price del,
.ml-category-archive ul.products li.product .price del span {
    font-weight: 400;
    color: var(--color-text-muted);
}

.ml-category-archive ul.products li.product .price ins {
    text-decoration: none;
}

.ml-product-card__actions {
    margin-top: auto;
}

.ml-category-archive ul.products li.product .ml-product-card__actions a.button,
.ml-category-archive ul.products li.product a.button.ml-product-card__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 11px 16px;
    border: 0;
    border-radius: 100px;
    background: var(--color-tuscany);
    box-shadow: none;
    color: var(--color-white);
    font-family: "Source Sans 3", sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.38;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ml-category-archive ul.products li.product .ml-product-card__actions a.button:focus-visible,
.ml-category-archive ul.products li.product a.button.ml-product-card__button:focus-visible {
    outline: 2px solid var(--color-tuscany);
    outline-offset: 2px;
}

.ml-category-archive ul.products li.product a.added_to_cart {
    display: block;
    margin: 8px 0 0;
    padding: 0;
    background: transparent;
    color: var(--color-tuscany);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
}

@media (min-width: 768px) {
    .ml-product-card__title,
    .ml-category-archive ul.products li.product .woocommerce-loop-product__title {
        font-size: 18px;
    }

    .ml-category-archive ul.products li.product .ml-product-card__actions a.button,
    .ml-category-archive ul.products li.product a.button.ml-product-card__button {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .ml-product-card__image-link:hover img,
    .ml-product-card__image-link:hover .ml-product-card__img {
        transform: scale(1.05);
    }

    .ml-product-card__title a:hover,
    .ml-category-archive ul.products li.product .woocommerce-loop-product__title a:hover {
        color: var(--color-tuscany);
    }

    .ml-category-archive ul.products li.product .ml-product-card__actions a.button:hover,
    .ml-category-archive ul.products li.product a.button.ml-product-card__button:hover {
        background: var(--color-ink);
        color: var(--color-white);
    }

    .ml-category-archive .ml-archive-filters__group--thickness .facetwp-checkbox:hover:not(.checked):not(.disabled) {
        border-color: var(--color-teal);
        background: var(--color-sand);
    }

    .ml-category-archive .ml-archive-filters__group--type .facetwp-checkbox:hover:not(.disabled) .facetwp-display-value {
        color: var(--color-teal-dark);
    }

    .ml-category-archive .ml-archive-filters__group--type .facetwp-checkbox:hover:not(.checked):not(.disabled)::before {
        border-color: var(--color-teal);
    }

    .ml-category-archive .ml-archive-filters__group--color .facetwp-checkbox:hover:not(.disabled)::before {
        box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-teal-dark);
    }
}

@media (min-width: 1200px) and (prefers-reduced-motion: reduce) {
    .ml-product-card__image-link:hover img,
    .ml-product-card__image-link:hover .ml-product-card__img {
        transform: none;
    }
}

.ml-category-archive .woocommerce-pagination {
    display: none !important;
}

.ml-category-archive .ml-archive-pager {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin: 24px 0 0;
    padding: 24px 0 0;
    text-align: center;
}

.ml-category-archive .ml-archive-pager__counts {
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    color: var(--color-text);
}

.ml-category-archive .ml-archive-pager__track {
    display: block;
    width: 240px;
    max-width: 100%;
    height: 3px;
    overflow: hidden;
    background: var(--color-sand);
}

.ml-category-archive .ml-archive-pager__bar {
    display: block;
    height: 100%;
    background: var(--color-tuscany);
}

.ml-category-archive .ml-archive-pager .facetwp-facet {
    margin: 0;
    padding: 0;
}

.ml-category-archive .ml-archive-pager .facetwp-facet:empty {
    display: none;
}

.ml-category-archive .ml-archive-pager .facetwp-load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    max-width: 100%;
    margin: 0;
    padding: 11px 20px;
    border: 1px solid var(--color-tuscany) !important;
    border-radius: 100px;
    background: var(--color-white) !important;
    box-shadow: none !important;
    color: var(--color-tuscany) !important;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.38;
    text-decoration: none !important;
    text-transform: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ml-category-archive .ml-archive-pager .facetwp-load-more:focus-visible {
    outline: 2px solid var(--color-tuscany);
    outline-offset: 2px;
}

@media (min-width: 1200px) {
    .ml-category-archive .ml-archive-pager .facetwp-load-more:hover {
        background: var(--color-tuscany) !important;
        color: var(--color-white) !important;
    }
}

.ml-archive-cta {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 56px 0;
    background-color: #1c1612;
}

.ml-archive-cta__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ml-archive-cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: var(--color-ink);
    opacity: 0.75;
    pointer-events: none;
}

.ml-archive-cta .container {
    position: relative;
    z-index: 1;
}

.ml-archive-cta__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}

.ml-archive-cta__eyebrow,
.ml-archive-cta .sub-heading {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: 0.08em;
    color: var(--color-teal);
}

.ml-archive-cta__heading {
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-white);
}

.ml-archive-cta__text {
    max-width: 1053px;
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-white);
}

.ml-archive-cta__text p {
    margin: 0 0 8px;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.ml-archive-cta__text p:last-child {
    margin-bottom: 0;
}

.ml-archive-cta__button.btn {
    padding: 16px 32px;
    border: 0;
    border-radius: 40px;
    background: var(--color-tuscany);
    color: var(--color-white);
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-decoration: none;
}

.ml-archive-cta__button.btn:focus-visible {
    outline: 2px solid var(--color-white);
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .ml-archive-cta {
        padding: 88px 0;
    }

    .ml-archive-cta__eyebrow,
    .ml-archive-cta .sub-heading {
        font-size: 16px;
    }

    .ml-archive-cta__heading {
        font-size: 36px;
    }

    .ml-archive-cta__text {
        font-size: 17px;
        line-height: 1.65;
    }
}

@media (min-width: 1200px) {
    .ml-archive-cta {
        padding: 96px 0;
    }

    .ml-archive-cta__eyebrow,
    .ml-archive-cta .sub-heading {
        font-size: 18px;
        line-height: 18px;
    }

    .ml-archive-cta__heading {
        font-size: 40px;
        line-height: 49px;
    }

    .ml-archive-cta__button.btn {
        padding: 22px 50px;
        font-size: 18px;
        line-height: 18px;
    }

    .ml-archive-cta__button.btn:hover {
        background: var(--color-ink);
        color: var(--color-white);
    }
}

.ml-archive-accordion {
    padding: 32px 0;
    background: #efece7;
}

.ml-archive-accordion + .ml-archive-accordion {
    padding-top: 0;
}

.ml-archive-accordion + .ml-archive-seo {
    margin-top: 0;
}

.ml-archive-accordion__heading {
    margin: 0 0 16px;
    max-width: 1048px;
    font-family: "Roboto", "Source Sans 3", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color-ink);
}

.ml-archive-accordion__intro {
    margin: 0 0 20px;
    max-width: 1048px;
    font-family: "Source Sans 3", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text);
}

.ml-archive-accordion__intro p:last-child {
    margin-bottom: 0;
}

.ml-archive-accordion__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ml-archive-accordion__item {
    margin: 0;
    padding: 16px 18px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--color-ink);
    color: var(--color-white);
    transition: background-color 0.35s ease, padding 0.35s ease;
}

.ml-archive-accordion__item[open] {
    padding: 20px 18px 18px;
    background: var(--color-tuscany);
}

.ml-archive-accordion__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: inherit;
    cursor: pointer;
}

.ml-archive-accordion__summary::-webkit-details-marker,
.ml-archive-accordion__summary::marker {
    display: none;
    content: none;
}

.ml-archive-accordion__summary:focus {
    outline: none;
}

.ml-archive-accordion__summary:focus-visible {
    outline: 2px solid var(--color-white);
    outline-offset: 4px;
    border-radius: 8px;
}

.ml-archive-accordion__title {
    flex: 1 1 auto;
    min-width: 0;
    font-family: "Roboto", "Source Sans 3", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-white);
}

.ml-archive-accordion__icon {
    position: relative;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--color-white);
}

.ml-archive-accordion__icon::before,
.ml-archive-accordion__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 1px;
    background: var(--color-ink);
    transform: translate(-50%, -50%);
}

.ml-archive-accordion__icon::before {
    width: 12px;
    height: 2px;
}

.ml-archive-accordion__icon::after {
    width: 2px;
    height: 12px;
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.ml-archive-accordion__item[open] .ml-archive-accordion__icon::before {
    background: var(--color-tuscany);
}

.ml-archive-accordion__item[open] .ml-archive-accordion__icon::after {
    opacity: 0;
    transform: translate(-50%, -50%) scaleY(0);
}

.ml-archive-accordion__panel {
    margin-top: 12px;
    padding-right: 0;
}

.ml-archive-accordion__content,
.ml-archive-accordion__content p,
.ml-archive-accordion__content li,
.ml-archive-accordion__content a {
    font-family: "Source Sans 3", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-white);
}

.ml-archive-accordion__content p,
.ml-archive-accordion__content ul,
.ml-archive-accordion__content ol {
    margin: 0 0 12px;
}

.ml-archive-accordion__content > :empty {
    display: none;
}

.ml-archive-accordion__content p:last-child,
.ml-archive-accordion__content ul:last-child,
.ml-archive-accordion__content ol:last-child {
    margin-bottom: 0;
}

.ml-archive-accordion__content ul,
.ml-archive-accordion__content ol {
    padding: 0 0 0 1.15em;
}

.ml-archive-accordion__content li {
    margin: 0 0 10px;
    padding: 0;
    list-style: disc;
}

.ml-archive-accordion__content li::marker {
    color: var(--color-white);
}

.ml-archive-accordion__content li:last-child {
    margin-bottom: 0;
}

.ml-archive-accordion__content strong,
.ml-archive-accordion__content b {
    font-weight: 700;
}

.ml-archive-accordion__content a {
    text-decoration: underline;
}

.ml-archive-accordion__content a:focus-visible {
    outline: 2px solid var(--color-white);
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .ml-archive-accordion {
        padding: 56px 0;
    }

    .ml-archive-accordion__heading {
        margin-bottom: 20px;
        font-size: 28px;
    }

    .ml-archive-accordion__intro {
        margin-bottom: 28px;
        font-size: 18px;
        line-height: 29px;
    }

    .ml-archive-accordion__list {
        gap: 14px;
    }

    .ml-archive-accordion__item {
        padding: 22px 28px;
        border-radius: 20px;
    }

    .ml-archive-accordion__item[open] {
        padding: 32px 36px 28px;
    }

    .ml-archive-accordion__title {
        font-size: 20px;
    }

    .ml-archive-accordion__icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .ml-archive-accordion__panel {
        padding-right: 56px;
    }

    .ml-archive-accordion__content,
    .ml-archive-accordion__content p,
    .ml-archive-accordion__content li,
    .ml-archive-accordion__content a {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .ml-archive-accordion {
        padding: 120px 0;
    }

    .ml-archive-accordion__heading {
        font-size: 32px;
    }

    .ml-archive-accordion__list {
        gap: 20px;
    }

    .ml-archive-accordion__item {
        padding: 32px 30px;
        border-radius: 25px;
    }

    .ml-archive-accordion__item[open] {
        padding: 50px 30px;
    }

    .ml-archive-accordion__title {
        font-size: 27px;
        line-height: 1.2;
    }

    .ml-archive-accordion__icon {
        flex-basis: 35px;
        width: 35px;
        height: 35px;
    }

    .ml-archive-accordion__panel {
        margin-top: 15px;
        padding-right: 11%;
    }

    .ml-archive-accordion__content,
    .ml-archive-accordion__content p,
    .ml-archive-accordion__content li,
    .ml-archive-accordion__content a {
        font-size: 18px;
        line-height: 1.6;
    }
}