/**
 * Megango shared storefront design tokens and component styles.
 *
 * Button style 1: Megango orange, white text, near-black hover.
 * Button style 2: Megango grey, white text, Megango orange hover.
 * Button style 3: Megango orange, white text, 50% Megango orange hover.
 * Button style 4: Megango grey, white text, 50% Megango orange hover.
 * The shared corner radius for rectangular UI elements is 5px.
 */
:root {
    --megango-orange: #ea5455;
    --megango-orange-50: rgba(234, 84, 85, .5);
    --megango-light-grey: #777a78;
    --megango-near-black: #191919;
    --megango-surface: #fff;
    --megango-border: #e5e5e5;
    --megango-radius: 5px;
    --megango-section-space: 48px;
    --megango-section-space-mobile: 32px;
}

/* Product delivery CMS tables must not fall back to the parent theme's blue
   links. Shared across locales, desktop and mobile, including visited links. */
.catalog-product-view .delivery_info a,
.catalog-product-view .delivery_info a:is(:visited, :hover, :focus, :active) {
    color: var(--megango-orange);
}
.catalog-product-view .delivery_info a:is(:hover, :focus-visible) {
    text-decoration: underline;
}

/* Category toolbar and layered navigation share one baseline and component
   height. Flex wrapping prevents controls from overlapping at intermediate
   viewport widths. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 52px;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
    padding: 8px 12px;
    background: #f4f4f4;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    font-size: 14px;
    text-align: left;
    box-shadow: 0 5px 16px rgba(25, 25, 25, .035);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-amount,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .limiter,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-sorter.sorter,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages {
    position: static;
    bottom: auto;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    line-height: 1.35;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-amount,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .limiter,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-sorter.sorter {
    align-items: center;
    gap: 8px;
}

@media (min-width: 1200px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-amount,
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .limiter,
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-sorter.sorter,
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages {
        display: flex;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages {
        margin-left: auto;
    }
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select {
    min-height: 38px;
    margin: 0;
    padding: 7px 40px 7px 12px;
    color: var(--megango-near-black);
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: var(--megango-radius);
    box-shadow: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select:focus {
    border-color: var(--megango-orange);
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .12);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select option:checked {
    color: #fff;
    background: var(--megango-orange);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .sorter-action,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages .action {
    display: inline-grid;
    min-width: 38px;
    min-height: 38px;
    margin: 0;
    place-items: center;
    color: var(--megango-near-black);
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .sorter-action:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages .action:hover {
    color: #fff;
    background: var(--megango-orange);
    border-color: var(--megango-orange);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-main .filter,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-main .filter-options {
    margin-top: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-main .filter-options .filter-options-item {
    margin: 0 0 10px;
    overflow: hidden;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-main .filter-options .filter-options-title {
    display: flex;
    min-height: 52px;
    align-items: center;
    margin: 0;
    padding: 12px 38px 12px 14px;
    color: var(--megango-near-black);
    background: #f4f4f4;
    border-radius: var(--megango-radius);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-main .filter-options .filter-options-title:hover {
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .07);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-main .filter-options .filter-options-content {
    margin: 0;
    padding: 10px 14px 14px;
    background: #fff;
}

/* Layered navigation is a shared Megango component in category, search and
   sale views. Keep every interactive row comfortably spaced and prevent long
   translated labels or product counts from colliding. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-content .block.filter,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .search-sidebar .block.filter,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .sidebar-main .block.filter {
    width: 100%;
    margin: 0 0 24px;
    color: var(--megango-near-black);
    font-family: inherit;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-subtitle,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-current-subtitle {
    display: flex;
    min-height: 52px;
    align-items: center;
    margin: 0 0 12px;
    padding: 12px 42px 12px 16px;
    color: #fff;
    background: var(--megango-near-black);
    border-radius: var(--megango-radius);
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    transition: color .2s ease, background-color .2s ease;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-subtitle:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-subtitle:focus,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-current-subtitle:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-current-subtitle:focus {
    color: #fff;
    background: var(--megango-orange);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content :is(input[type="text"], input[type="search"], select) {
    width: 100%;
    min-height: 42px;
    margin: 0 0 12px;
    padding: 9px 12px;
    color: var(--megango-near-black);
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: var(--megango-radius);
    box-shadow: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content :is(input[type="text"], input[type="search"], select):hover,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content :is(input[type="text"], input[type="search"], select):focus {
    border-color: var(--megango-orange);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .12);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content .item {
    min-width: 0;
    margin: 2px 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content .item a,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content label {
    display: flex;
    min-width: 0;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    color: var(--megango-near-black);
    border-radius: var(--megango-radius);
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
    transition: color .2s ease, background-color .2s ease;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content .item a:hover,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content .item a:focus,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content label:hover {
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .07);
    text-decoration: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="checkbox"],
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="radio"] {
    flex: 0 0 auto;
    accent-color: var(--megango-orange);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content .count {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 8px;
    color: var(--megango-light-grey);
    font-size: 12px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter :is(.filter-current, .filter-actions, .mgs-filter-active) {
    margin: 0 0 12px;
    padding: 14px;
    background: #f7f7f7;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter :is(.filter-current, .mgs-filter-active) .item {
    margin: 0 0 8px;
    padding: 8px 34px 8px 10px;
    background: #fff;
    border-radius: var(--megango-radius);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter :is(.show-more, .show-less, [data-role="show-more"], [data-role="show-less"], .filter-actions a) {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    margin-top: 8px;
    padding: 7px 10px;
    color: var(--megango-orange);
    border-radius: var(--megango-radius);
    font-weight: 600;
    line-height: 1.3;
    transition: color .2s ease, background-color .2s ease;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter :is(.show-more, .show-less, [data-role="show-more"], [data-role="show-less"], .filter-actions a):hover,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter :is(.show-more, .show-less, [data-role="show-more"], [data-role="show-less"], .filter-actions a):focus {
    color: var(--megango-near-black);
    background: rgba(234, 84, 85, .07);
    text-decoration: none;
}

/* Sale percentage badges use the same radius everywhere they appear. */
span.disccc,
.products-grid span.disccc,
.products-widget-container span.disccc,
.additional-products-slider span.disccc {
    min-width: 48px;
    padding: 6px 9px;
    border-radius: var(--megango-radius);
    line-height: 1.2;
    text-align: center;
}

/* Section-level text links keep orange as their resting colour and use the
   Megango near-black hover employed by the rest of the storefront. */
a.show-all-link {
    color: var(--megango-orange);
    transition: color .2s ease;
}

a.show-all-link:hover,
a.show-all-link:focus {
    color: var(--megango-near-black);
}

/* Configurable product choices retain native form behavior while receiving
   Megango spacing, focus and selected-state styling. */
body.catalog-product-view .product-options-wrapper .field.configurable {
    margin-bottom: 20px;
}

body.catalog-product-view .product-options-wrapper .field.configurable > .label {
    display: block;
    margin: 0 0 8px;
    color: var(--megango-near-black);
    font-weight: 700;
}

body.catalog-product-view .product-options-wrapper .super-attribute-select,
body.catalog-product-view .product-options-wrapper select {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 10px 44px 10px 14px;
    color: var(--megango-near-black);
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: var(--megango-radius);
    line-height: 1.35;
    box-shadow: none;
}

body.catalog-product-view .product-options-wrapper .super-attribute-select:hover,
body.catalog-product-view .product-options-wrapper select:hover {
    border-color: var(--megango-orange);
}

body.catalog-product-view .product-options-wrapper .super-attribute-select:focus,
body.catalog-product-view .product-options-wrapper select:focus {
    border-color: var(--megango-orange);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .14);
}

body.catalog-product-view .product-options-wrapper select option {
    padding: 10px 14px;
    color: var(--megango-near-black);
    background: #fff;
}

body.catalog-product-view .product-options-wrapper select option:hover,
body.catalog-product-view .product-options-wrapper select option:checked {
    color: #fff;
    background: var(--megango-orange);
}

/* Product detail tabs: independent rounded controls with deliberate breathing
   room above their content and between the next merchandising section. */
body.catalog-product-view .product.info.detailed {
    margin-top: var(--megango-section-space);
    padding-bottom: var(--megango-section-space);
}

body.catalog-product-view .product.info.detailed .data.item.title {
    overflow: hidden;
    margin: 0 10px 16px 0;
    border-radius: var(--megango-radius);
}

body.catalog-product-view .product.info.detailed .data.item.title > .data.switch {
    min-height: 44px;
    padding: 8px 34px 8px 16px;
    color: var(--megango-near-black);
    background: #f1f1f1;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    line-height: 26px;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

body.catalog-product-view .product.info.detailed .data.item.title:not(.disabled) > .data.switch:hover,
body.catalog-product-view .product.info.detailed .data.item.title:not(.disabled) > .data.switch:focus-visible {
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .07);
    border-color: rgba(234, 84, 85, .35);
}

body.catalog-product-view .product.info.detailed .data.item.title.active > .data.switch,
body.catalog-product-view .product.info.detailed .data.item.title.active > .data.switch:hover,
body.catalog-product-view .product.info.detailed .data.item.title.active > .data.switch:focus {
    color: #fff;
    background: var(--megango-orange);
    border-color: var(--megango-orange);
}

body.catalog-product-view .product.info.detailed .data.item.content {
    margin-bottom: 0;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

body.catalog-product-view .block.related,
body.catalog-product-view .block.upsell,
body.catalog-product-view .block.crosssell {
    clear: both;
    margin-top: var(--megango-section-space);
    margin-bottom: var(--megango-section-space);
}

body.catalog-product-view .block.related > .block-title,
body.catalog-product-view .block.upsell > .block-title,
body.catalog-product-view .block.crosssell > .block-title {
    margin-bottom: 28px;
}

@media (min-width: 768px) {
    body.catalog-product-view .product.info.detailed .data.item.content {
        margin-top: 60px;
    }
}

@media (max-width: 1199px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-amount {
        display: none;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .limiter,
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-sorter.sorter {
        display: flex;
    }
}

@media (max-width: 767px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products {
        gap: 10px;
        padding: 10px;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .limiter,
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .toolbar-sorter.sorter {
        min-width: 0;
        flex: 1 1 100%;
        justify-content: space-between;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select {
        min-width: 0;
        flex: 1 1 auto;
    }

    body.catalog-product-view .product.info.detailed {
        margin-top: var(--megango-section-space-mobile);
        padding-bottom: var(--megango-section-space-mobile);
    }

    body.catalog-product-view .product.info.detailed .data.item.title {
        margin: 0 0 10px;
    }

    body.catalog-product-view .product.info.detailed .data.item.title > .data.switch {
        width: 100%;
        min-height: 48px;
        padding: 10px 40px 10px 16px;
    }

    body.catalog-product-view .product.info.detailed .data.item.content {
        margin: -4px 0 18px;
        padding: 18px;
    }

    body.catalog-product-view .block.related,
    body.catalog-product-view .block.upsell,
    body.catalog-product-view .block.crosssell {
        margin-top: var(--megango-section-space-mobile);
        margin-bottom: var(--megango-section-space-mobile);
    }

    body.catalog-product-view .block.related > .block-title,
    body.catalog-product-view .block.upsell > .block-title,
    body.catalog-product-view .block.crosssell > .block-title {
        margin-bottom: 20px;
    }
}

/* Customer account: one modern visual language across dashboard, addresses,
   orders, subscriptions, partner pages and wishlists. */
body.account .page-main {
    padding-bottom: var(--megango-section-space);
}

/* Keep account content and its action bar clear of the footer on every page. */
body.account .column.main {
    padding-bottom: 72px;
}

body.account .page-title-wrapper .page-title,
body.account .column.main > .block > .block-title > strong,
body.account .column.main .fieldset > .legend,
body.account .column.main .block-title > strong {
    color: var(--megango-near-black);
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    letter-spacing: .02em;
}

body.account .page-title-wrapper .page-title {
    margin-bottom: 30px;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.15;
    text-transform: uppercase;
}

body.account .sidebar-main .block-title,
body.account .account-nav .title {
    margin-bottom: 12px;
    color: var(--megango-near-black);
    font-family: "Oswald", sans-serif;
    font-size: 20px;
    letter-spacing: .02em;
}

body.account .account-nav .content {
    overflow: hidden;
    padding: 10px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 8px 24px rgba(25, 25, 25, .05);
}

body.account .account-nav .item {
    margin: 2px 0;
}

body.account .account-nav .item a,
body.account .account-nav .item > strong {
    padding: 11px 14px;
    color: var(--megango-near-black);
    border: 0;
    border-radius: var(--megango-radius);
    line-height: 1.35;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

body.account .account-nav .item a:hover,
body.account .account-nav .item a:focus-visible {
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .07);
    text-decoration: none;
    transform: translateX(2px);
}

body.account .account-nav .item.current a,
body.account .account-nav .item.current strong {
    color: var(--megango-near-black);
    background: rgba(234, 84, 85, .12);
    border-left: 4px solid var(--megango-orange);
    font-weight: 700;
}

body.account .account-nav .item .delimiter {
    margin: 10px 12px;
    border-color: var(--megango-border);
}

body.account .column.main > .block {
    margin-bottom: 30px;
}

body.account .column.main > .block > .block-title {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--megango-border);
}

body.account .column.main > .block > .block-title > strong {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
}

body.account .column.main > .block > .block-title > .action {
    margin-left: auto;
}

body.account .block-dashboard-info .block-content,
body.account .block-dashboard-addresses .block-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

/* Header and fly-out navigation shared by every store view. The logo already
   links to the current store's base URL; only its visual hover changes. */
header.header a.logo img,
.page-header a.logo img {
    transform-origin: center left;
    transition: transform .2s ease;
}

header.header a.logo:hover img,
header.header a.logo:focus-visible img,
.page-header a.logo:hover img,
.page-header a.logo:focus-visible img {
    transform: scale(1.04);
}

.main-menu .arrow-div svg path {
    transition: fill .18s ease;
}

.main-menu .arrow-div:is(:hover, :focus-visible) svg path,
.main-menu .menu-item:is(:hover, :focus-within) > .arrow-div svg path {
    fill: var(--megango-orange);
}

header.header .menu-toggle:focus-visible,
header.header .close-menu:focus-visible,
header.header #mobile-search:focus-visible,
header.header #mobile-search-close-btn:focus-visible,
header.header .header-minicart-container > :is(.wishlist, .account) > a:focus-visible,
.main-menu .arrow-div:focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: 3px;
}

.main-menu [class*="back-button-"] {
    transition: color .18s ease, background-color .18s ease;
}

.main-menu [class*="back-button-"]:is(:hover, :focus-visible) {
    color: var(--megango-orange);
    background-color: rgba(234, 84, 85, .07);
}

.main-menu [class*="back-button-"]:is(:hover, :focus-visible)::before {
    filter: invert(43%) sepia(75%) saturate(1767%) hue-rotate(325deg) brightness(101%) contrast(84%);
}

@media (prefers-reduced-motion: reduce) {
    header.header a.logo img,
    .page-header a.logo img,
    .main-menu .arrow-div svg path,
    .main-menu [class*="back-button-"] {
        transition: none;
    }
}

/* Magento's desktop clearfix occupies grid cells unless removed. */
body.account .block-dashboard-info .block-content::before,
body.account .block-dashboard-info .block-content::after,
body.account .block-dashboard-addresses .block-content::before,
body.account .block-dashboard-addresses .block-content::after {
    display: none !important;
    content: none !important;
}

body.account .column.main .block-dashboard-info .block-content .box,
body.account .column.main .block-dashboard-addresses .block-content .box {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0;
    height: 100%;
    clear: none !important;
    float: none !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
}

body.account .block-dashboard-info .box .box-actions,
body.account .block-dashboard-addresses .box .box-actions {
    margin-top: auto;
    padding-top: 16px;
}

body.account .block-dashboard-info .box,
body.account .block-dashboard-addresses .box,
body.account .block-addresses-list .items.addresses > .item {
    margin: 0;
    padding: 22px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 6px 18px rgba(25, 25, 25, .04);
}

body.account .box .box-title {
    display: block;
    margin-bottom: 12px;
    color: var(--megango-near-black);
    font-size: 17px;
    font-weight: 700;
}

body.account .box .box-content,
body.account .box address {
    color: #444;
    line-height: 1.7;
}

body.account .box .box-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 16px;
}

body.account .box .box-actions .action,
body.account .block-title .action,
body.account .table-wrapper .action {
    color: var(--megango-orange);
    font-weight: 600;
    text-decoration: none;
}

body.account .box .box-actions .action:hover,
body.account .block-title .action:hover,
body.account .table-wrapper .action:hover {
    color: var(--megango-near-black);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.account .table-wrapper {
    overflow: hidden;
    margin-top: 12px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 6px 18px rgba(25, 25, 25, .04);
}

body.account .table-wrapper .table {
    margin: 0;
}

body.account .table-wrapper .table thead th {
    padding: 14px 16px;
    color: var(--megango-near-black);
    background: #f4f4f4;
    border-color: var(--megango-border);
    font-weight: 700;
}

body.account .table-wrapper .table tbody td {
    padding: 15px 16px;
    border-color: var(--megango-border);
    vertical-align: middle;
}

body.account .table-wrapper .table tbody tr:hover td {
    background: rgba(234, 84, 85, .035);
}

/* Order actions are compact controls, not loose links in a narrow table cell. */
body.account table.table-order-items {
    table-layout: auto;
}

body.account table.table-order-items .col.date,
body.account table.table-order-items .col.status {
    width: auto;
}

body.account table.table-order-items .col.shipping,
body.account table.table-order-items .col.total {
    width: auto;
}

body.account table.table-order-items .col.actions {
    width: 220px;
    min-width: 190px;
    text-align: left;
    white-space: normal;
}

body.account table.table-order-items td.col.actions .action {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    margin: 3px 5px 3px 0;
    padding: 6px 10px;
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .07);
    border: 1px solid rgba(234, 84, 85, .25);
    border-radius: var(--megango-radius);
    font-size: 13px;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

body.account table.table-order-items td.col.actions .action:is(:hover, :focus-visible) {
    color: #fff;
    background: var(--megango-orange);
    border-color: var(--megango-orange);
    text-decoration: none;
}

/* Address fields need readable widths; Magento's translated data-th provides
   the field captions without hard-coding any store language. */
body.customer-address-index .table-wrapper .table-additional-addresses-items {
    display: block;
    min-width: 0;
}

body.customer-address-index .table-additional-addresses-items thead {
    display: none;
}

body.customer-address-index .table-additional-addresses-items tbody {
    display: grid;
    gap: 16px;
    padding: 18px;
}

body.customer-address-index .table-additional-addresses-items tbody tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 20px;
    padding: 22px;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

body.customer-address-index .table-additional-addresses-items tbody td {
    display: block;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
    overflow-wrap: anywhere;
    line-height: 1.45;
}

body.customer-address-index .table-additional-addresses-items tbody td:not(.actions)::before {
    display: block;
    margin-bottom: 5px;
    color: #666;
    content: attr(data-th);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

body.customer-address-index .table-additional-addresses-items tbody td.actions {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 14px !important;
    border-top: 1px solid var(--megango-border) !important;
}

body.customer-address-index .table-additional-addresses-items td.actions .action {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .07);
    border: 1px solid rgba(234, 84, 85, .25);
    border-radius: var(--megango-radius);
    line-height: 1.2;
    text-decoration: none;
}

body.customer-address-index .table-additional-addresses-items td.actions .action:is(:hover, :focus-visible) {
    color: #fff;
    background: var(--megango-orange);
    border-color: var(--megango-orange);
    text-decoration: none;
}

body.account .form-edit-account,
body.account .form-address-edit,
body.account .form-newsletter-manage,
body.account .form-edit-address,
body.account .form-wishlist-items,
body.account .form-giftregistry-search {
    padding: 26px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 8px 24px rgba(25, 25, 25, .05);
}

body.account .column.main .fieldset {
    margin-bottom: 28px;
}

body.account .column.main .fieldset > .legend {
    width: 100%;
    margin: 0 0 22px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--megango-border);
    font-size: 24px;
}

body.account .column.main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.account .column.main select,
body.account .column.main textarea {
    min-height: 48px;
    padding: 11px 14px;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: var(--megango-radius);
}

body.account .column.main input:focus,
body.account .column.main select:focus,
body.account .column.main textarea:focus {
    border-color: var(--megango-orange);
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .14);
}

body.account .column.main input[type="checkbox"],
body.account .column.main input[type="radio"] {
    accent-color: var(--megango-orange);
}

body.account .actions-toolbar .action.primary,
body.account .actions-toolbar button.primary,
body.account .action.primary {
    min-height: 46px;
    padding: 12px 24px;
    color: #fff;
    background: var(--megango-orange);
    border: 1px solid var(--megango-orange);
    border-radius: var(--megango-radius);
    font-weight: 700;
    text-transform: none;
    box-shadow: none;
}

body.account .actions-toolbar .action.primary:hover,
body.account .actions-toolbar button.primary:hover,
body.account .action.primary:hover {
    color: #fff;
    background: var(--megango-near-black);
    border-color: var(--megango-near-black);
}

body.account .actions-toolbar .action.secondary,
body.account .actions-toolbar > .secondary .action {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 18px;
    color: var(--megango-near-black);
    background: #f4f4f4;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    text-decoration: none;
}

body.account .column.main .actions-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

body.account .column.main .actions-toolbar::before,
body.account .column.main .actions-toolbar::after {
    display: none;
    content: none;
}

body.account .column.main .actions-toolbar > .primary,
body.account .column.main .actions-toolbar > .secondary {
    display: flex;
    align-items: center;
    float: none;
    margin: 0;
}

body.account .column.main .actions-toolbar .action {
    box-sizing: border-box;
    min-height: 48px;
    margin: 0;
}

body.account .products-grid.wishlist .product-item-info,
body.account .wishlist .product-item-info {
    overflow: hidden;
    padding: 14px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 6px 18px rgba(25, 25, 25, .04);
}

body.account .products-grid.wishlist .product-image-container,
body.account .products-grid.wishlist .product-image-photo {
    border-radius: var(--megango-radius);
}

body.account .order-details-items,
body.account .order-status,
body.account .order-date,
body.account .block-order-details-view {
    border-radius: var(--megango-radius);
}

body.account .order-status {
    display: inline-flex;
    padding: 7px 12px;
    color: var(--megango-near-black);
    background: rgba(234, 84, 85, .1);
    border: 1px solid rgba(234, 84, 85, .28);
    font-weight: 700;
}

body.account .toolbar .pages .item .page,
body.account .toolbar .pages .item .action {
    border-radius: var(--megango-radius);
}

body.account .toolbar .pages .item.current .page {
    color: #fff;
    background: var(--megango-orange);
}

@media (max-width: 767px) {
    body.account .page-main {
        padding-bottom: var(--megango-section-space-mobile);
    }

    body.account .column.main {
        padding-bottom: 48px;
    }

    body.account .page-title-wrapper .page-title {
        margin-bottom: 22px;
        font-size: 32px;
    }

    body.account .account-nav .content {
        padding: 8px;
    }

    body.account .block-dashboard-info .block-content,
    body.account .block-dashboard-addresses .block-content {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    body.account .block-dashboard-info .box,
    body.account .block-dashboard-addresses .box,
    body.account .block-addresses-list .items.addresses > .item,
    body.account .form-edit-account,
    body.account .form-address-edit,
    body.account .form-newsletter-manage,
    body.account .form-edit-address,
    body.account .form-wishlist-items,
    body.account .form-giftregistry-search {
        padding: 18px;
    }

    body.account .table-wrapper {
        overflow-x: auto;
    }

    body.account .table-wrapper .table:not(.totals) {
        min-width: 620px;
    }

    body.customer-address-index .table-wrapper .table-additional-addresses-items {
        min-width: 0;
    }

    body.customer-address-index .table-additional-addresses-items tbody tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 16px;
    }
}

@media (max-width: 480px) {
    body.customer-address-index .table-additional-addresses-items tbody {
        padding: 12px;
    }

    body.customer-address-index .table-additional-addresses-items tbody tr {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Shared form and media geometry. Keep logos, payment marks and small utility
   icons untouched while removing square corners from customer-facing content. */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select,
textarea {
    border-radius: var(--megango-radius);
}

/* Account creation follows the same form grid as the rest of the storefront.
   reCAPTCHA has no label of its own, so align it with the input control column. */
body.customer-account-create .form-create-account input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.customer-account-create .form-create-account select,
body.customer-account-create .form-create-account textarea,
body.customer-account-create .form-create-account .password-strength-meter {
    border-radius: var(--megango-radius);
}

body.customer-account-create .form-create-account .field-recaptcha {
    width: 60%;
    margin-left: 20%;
    overflow: hidden;
    border-radius: var(--megango-radius);
}

body.customer-account-create .form-create-account .field-recaptcha > div,
body.customer-account-create .form-create-account .field-recaptcha iframe {
    max-width: 100%;
}

/* Modern information pages share the homepage's width, spacing and card rhythm. */
:is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page {
    padding-top: 24px;
    padding-bottom: var(--megango-section-space);
}

:is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page [data-content-type="html"] {
    box-sizing: border-box;
    width: min(calc(100% - 32px), 1624px);
    margin: 0 auto;
    padding: clamp(24px, 3.5vw, 56px);
    color: var(--megango-near-black);
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    line-height: 1.7;
    overflow-wrap: anywhere;
    box-shadow: 0 8px 24px rgba(25, 25, 25, .045);
}

/* Affiliate account tables and actions must remain usable at every width. */
.affiliate-main #affiliate-campaigns {
    width: 100%;
    table-layout: fixed;
}

.affiliate-main #affiliate-campaigns th,
.affiliate-main #affiliate-campaigns td {
    min-width: 0;
    overflow-wrap: anywhere;
}

.affiliate-main #affiliate-campaigns th:nth-child(6),
.affiliate-main #affiliate-campaigns td:nth-child(6) {
    width: 20%;
}

.affiliate-main #affiliate-campaigns td:nth-child(6) .get_referral_link {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 10px 8px;
    white-space: normal;
    line-height: 1.25;
}

.affiliate-main #affiliate-campaigns td:nth-child(6) .get_referral_link span {
    white-space: normal !important;
    overflow-wrap: normal;
}

.affiliate-main #affiliate-campaigns td:nth-child(5) {
    overflow-wrap: normal;
    hyphens: none;
}

.affiliate-main :is(#create-edit-code-button, #saveCouponPrefix, #refer-sendmail-button) {
    min-height: 40px;
    padding: 9px 16px;
    color: #fff;
    background: var(--megango-orange);
    border: 1px solid var(--megango-orange);
    border-radius: var(--megango-radius);
    box-shadow: none;
}

.affiliate-main :is(#create-edit-code-button, #saveCouponPrefix, #refer-sendmail-button):is(:hover, :focus-visible) {
    color: #fff;
    background: var(--megango-near-black);
    border-color: var(--megango-near-black);
}

.affiliate-main .form-affiliate-withdraw fieldset.request {
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

.affiliate-main .form-affiliate-withdraw fieldset.request > br {
    display: none;
}

.affiliate-main #reports_sales {
    overflow-x: auto;
}

.affiliate-main #reports_sales #affiliate-withdraws-history {
    width: 100%;
    min-width: 900px;
    table-layout: fixed;
}

.affiliate-main #reports_sales #affiliate-withdraws-history th:nth-child(1) { width: 16%; }
.affiliate-main #reports_sales #affiliate-withdraws-history th:nth-child(2) { width: 16%; }
.affiliate-main #reports_sales #affiliate-withdraws-history th:nth-child(3) { width: 10%; }
.affiliate-main #reports_sales #affiliate-withdraws-history th:nth-child(4) { width: 16%; }
.affiliate-main #reports_sales #affiliate-withdraws-history th:nth-child(5) { width: 24%; }
.affiliate-main #reports_sales #affiliate-withdraws-history th:nth-child(6) { width: 10%; }
.affiliate-main #reports_sales #affiliate-withdraws-history th:nth-child(7) { width: 8%; }

.affiliate-main #reports_sales #affiliate-withdraws-history :is(th, td) {
    overflow-wrap: anywhere;
    vertical-align: top;
}

body:is(.cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-warranty-and-return, .cms-privacy-policy,
    .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page [data-content-type="html"] {
    border-top: 4px solid var(--megango-orange);
}

:is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page [data-content-type="html"] :is(h1, h2, h3) {
    color: var(--megango-near-black);
    text-align: left !important;
    line-height: 1.3;
}

:is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page [data-content-type="html"] h1 {
    margin: 0 0 32px;
    padding-bottom: 18px;
    border-bottom: 3px solid var(--megango-orange);
    font-size: clamp(28px, 3vw, 42px);
}

:is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page [data-content-type="html"] :is(h2, h3) {
    margin: 34px 0 16px;
    padding-left: 16px;
    border-left: 4px solid var(--megango-orange);
}

:is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page [data-content-type="html"] :is(p, li) {
    margin-bottom: 14px;
    text-align: left !important;
}

:is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page [data-content-type="html"] :is(table, img) {
    max-width: 100%;
    border-radius: var(--megango-radius);
}

@media (max-width: 639px) {
    :is(body.cms-apmaksas-veidi, body.cms-garantija-un-atgriesana, body.cms-privatuma-politika, body.cms-mokejimo-metodai, body.cms-garantija-ir-grazinimas, body.cms-privatumo-politika, body.cms-typy-plac, body.cms-gwarancja-i-zwrot, body.cms-payment-methods, body.cms-warranty-and-return, body.cms-privacy-policy, body.cms-zasady-ochrony-prywatnosci, body.cms-makseviisid, body.cms-garantii-ja-tagastamine, body.cms-privaatsuspoliitika) .cms-custom-page {
        padding-bottom: var(--megango-section-space-mobile);
    }
}

/* Older translated CMS pages contain direct headings and paragraphs rather
   than a Page Builder HTML wrapper. Give those pages the same card treatment
   without changing their legal wording or assuming a shared content shape. */
body:is(.cms-apmaksas-veidi, .cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-mokejimo-metodai, .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-typy-plac, .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-payment-methods, .cms-warranty-and-return, .cms-privacy-policy,
    .cms-makseviisid, .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page:not(:has(> [data-content-type="html"])) {
    box-sizing: border-box;
    width: min(calc(100% - 32px), 1624px);
    margin: 32px auto var(--megango-section-space);
    padding: clamp(24px, 3.5vw, 56px);
    color: var(--megango-near-black);
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    line-height: 1.75;
    overflow-wrap: anywhere;
    box-shadow: 0 8px 24px rgba(25, 25, 25, .045);
}

body:is(.cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-warranty-and-return, .cms-privacy-policy,
    .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page:not(:has(> [data-content-type="html"])) {
    border-top: 4px solid var(--megango-orange);
}

body:is(.cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-warranty-and-return, .cms-privacy-policy,
    .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page:not(:has(> [data-content-type="html"])) a {
    color: var(--megango-orange);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

@media (max-width: 767px) {
    body:is(.cms-apmaksas-veidi, .cms-garantija-un-atgriesana, .cms-privatuma-politika,
        .cms-mokejimo-metodai, .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
        .cms-typy-plac, .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
        .cms-payment-methods, .cms-warranty-and-return, .cms-privacy-policy,
        .cms-makseviisid, .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
        .cms-custom-page:not(:has(> [data-content-type="html"])) {
        width: calc(100% - 24px);
        margin-top: 20px;
        padding: 24px 18px;
    }
}

body:is(.cms-apmaksas-veidi, .cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-mokejimo-metodai, .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-typy-plac, .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-payment-methods, .cms-warranty-and-return, .cms-privacy-policy,
    .cms-makseviisid, .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page:not(:has(> [data-content-type="html"])) > :is(h1, h2, h3) {
    color: var(--megango-near-black);
    text-align: left !important;
    line-height: 1.3;
}

body:is(.cms-apmaksas-veidi, .cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-mokejimo-metodai, .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-typy-plac, .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-payment-methods, .cms-warranty-and-return, .cms-privacy-policy,
    .cms-makseviisid, .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page:not(:has(> [data-content-type="html"])) > h1 {
    margin: 0 0 32px;
    padding-bottom: 18px;
    border-bottom: 3px solid var(--megango-orange);
    font-size: clamp(28px, 3vw, 42px);
}

body:is(.cms-apmaksas-veidi, .cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-mokejimo-metodai, .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-typy-plac, .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-payment-methods, .cms-warranty-and-return, .cms-privacy-policy,
    .cms-makseviisid, .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page:not(:has(> [data-content-type="html"])) > :is(h2, h3) {
    margin: 34px 0 16px;
    padding-left: 16px;
    border-left: 4px solid var(--megango-orange);
}

body:is(.cms-apmaksas-veidi, .cms-garantija-un-atgriesana, .cms-privatuma-politika,
    .cms-mokejimo-metodai, .cms-garantija-ir-grazinimas, .cms-privatumo-politika,
    .cms-typy-plac, .cms-gwarancja-i-zwrot, .cms-zasady-ochrony-prywatnosci,
    .cms-payment-methods, .cms-warranty-and-return, .cms-privacy-policy,
    .cms-makseviisid, .cms-garantii-ja-tagastamine, .cms-privaatsuspoliitika)
    .cms-custom-page:not(:has(> [data-content-type="html"])) > :is(p, ul, ol) {
    margin-bottom: 14px;
    text-align: left !important;
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page,
body.cms-pasutijumu-izsekosana .cms-custom-page,
body.cms-sadarbiba-un-atbalsts .cms-custom-page {
    padding-top: 24px;
    padding-bottom: var(--megango-section-space);
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section,
body.cms-sadarbiba-un-atbalsts .cms-custom-page section {
    color: var(--megango-near-black);
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section::before {
    display: block;
    width: 100%;
    min-height: 390px;
    margin-bottom: 36px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .94) 0%, rgba(255, 255, 255, .66) 34%, rgba(255, 255, 255, 0) 62%),
        url('../images/megango-about-latvia-2026.webp') center / cover no-repeat;
    border-radius: var(--megango-radius);
    content: "";
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > :is(h2:not(.megango-about-subheading), .megango-about-lead) {
    max-width: 900px;
    margin: 0 0 20px;
    color: var(--megango-near-black);
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.15;
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > h3,
body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > .megango-about-subheading,
body.cms-sadarbiba-un-atbalsts .cms-custom-page section > h3 {
    margin: 36px 0 16px;
    color: var(--megango-near-black);
    font-size: 26px;
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 22px 0 40px;
    padding: 0;
    list-style: none;
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul > li {
    position: relative;
    margin: 0;
    padding: 24px 22px 22px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    line-height: 1.65;
    box-shadow: 0 8px 24px rgba(25, 25, 25, .05);
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul > li::before {
    display: block;
    width: 36px;
    height: 4px;
    margin-bottom: 16px;
    background: var(--megango-orange);
    border-radius: 999px;
    content: "";
}

/* The four translated About pages still use the older paragraph-only CMS
   markup. Their existing wording remains untouched while the hero and reading
   rhythm match the Latvian page. */
body:is(.cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page::before {
    display: block;
    width: 100%;
    min-height: clamp(200px, 28vw, 420px);
    margin: 0 0 clamp(28px, 4vw, 52px);
    background: #f4f4f2 url('../images/megango-about-latvia-2026.webp') center / cover no-repeat;
    border-radius: var(--megango-radius);
    content: '';
}

body:is(.cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page > p {
    max-width: 1100px;
    margin: 0 auto 20px;
    color: var(--megango-near-black);
    line-height: 1.7;
}

body:is(.cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page:not(:has(> .megango-about-lead)) > p:first-of-type,
body:is(.cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page > .megango-about-lead {
    max-width: 1100px;
    margin: 0 auto;
    margin-bottom: 24px;
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    line-height: 1.18;
}

body:is(.cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page > .megango-about-subheading {
    max-width: 1100px;
    margin: 32px auto 20px;
    color: var(--megango-near-black);
    font-size: 26px;
    line-height: 1.3;
}

/* The same three benefit cards are translated per store view. Keep the
   artwork independent of copy length so each row remains aligned. */
body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul > li::before {
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul > li:nth-child(1)::before {
    background-image: url('../images/megango-benefit-delivery.svg');
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul > li:nth-child(2)::before {
    background-image: url('../images/megango-benefit-quality.svg');
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul > li:nth-child(3)::before {
    background-image: url('../images/megango-benefit-active.svg');
}

/* These category-banner files return 404 in both desktop and mobile variants.
   Match their inline image paths so one optimized local composition serves
   every store view without changing category content or page structure. */
body.catalog-category-view .sub_cat_slide[style*="aktiva_atputa"] {
    background-image: url('../images/megango-active-outdoors-category-2026.webp') !important;
}

body.catalog-category-view .sub_cat_slide[style*="fitnesa_inventars"] {
    background-image: url('../images/megango-fitness-equipment-category-2026.webp') !important;
}

body.catalog-category-view .sub_cat_slide[style*="miegam"] {
    background-image: url('../images/megango-sleep-category-2026.webp') !important;
}

body.catalog-category-view .sub_cat_slide[style*="rehabilitacija"] {
    background-image: url('../images/megango-rehabilitation-category-2026.webp') !important;
}

body.catalog-category-view .sub_cat_slide[style*="skaistums"] {
    background-image: url('../images/megango-beauty-category-2026.webp') !important;
}

body.catalog-category-view .sub_cat_slide[style*="sporta_apgerbs"] {
    background-image: url('../images/megango-sports-apparel-category-2026.webp') !important;
}

body.catalog-category-view .sub_cat_slide[style*="uzturam"] {
    background-image: url('../images/megango-sports-nutrition-category-2026.webp') !important;
}

body.catalog-category-view .sub_cat_slide[style*="sporta_veidi"] {
    background-image: url('../images/megango-sports-category-2026.webp') !important;
}

body.catalog-category-view .megango-category-hero {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 1300px;
    margin: 32px auto 24px;
    padding: 0;
    overflow: hidden;
    border-radius: var(--megango-radius);
}

body.catalog-category-view .megango-category-hero picture {
    display: block;
}

body.catalog-category-view .megango-category-hero img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: cover;
    border-radius: var(--megango-radius);
}

body.page-layout-sub-cat-layout .main-banner-container :is(.slick-list, .sub_cat_slide) {
    overflow: hidden;
    border-radius: var(--megango-radius);
}

/* Category templates do not all emit the title through the same layout path.
   Keep the visible H1 aligned with the shared content container everywhere. */
body.catalog-category-view .page-title-wrapper,
body.catalog-category-view .page-title-wrapper .page-title,
body.catalog-category-view h1.page-title,
body.catalog-category-view .megango-category-grid-heading,
body.catalog-category-view .megango-hub-heading {
    text-align: left !important;
}

body.catalog-category-view .sub_cat_slide:is(
    [style*="aktiva_atputa"],
    [style*="fitnesa_inventars"],
    [style*="miegam"],
    [style*="rehabilitacija"],
    [style*="skaistums"],
    [style*="sporta_apgerbs"],
    [style*="uzturam"],
    [style*="sporta_veidi"]
) {
    background-position: center 22% !important;
    background-size: cover !important;
}

@media (max-width: 767px) {
    body.catalog-category-view .megango-category-hero {
        margin: 20px auto 28px;
    }

    body.catalog-category-view .megango-category-hero img {
        height: 220px;
        max-height: none;
        object-position: 42% center;
    }

    body.catalog-category-view .sub_cat_slide:is(
        [style*="aktiva_atputa"],
        [style*="fitnesa_inventars"],
        [style*="miegam"],
        [style*="rehabilitacija"],
        [style*="skaistums"],
        [style*="sporta_apgerbs"],
        [style*="uzturam"],
        [style*="sporta_veidi"]
    ) {
        min-height: 260px;
        background-position: center center !important;
    }
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page [data-content-type="html"] > :is(h1, .megango-company-heading) {
    margin: 50px 0 20px;
    color: var(--megango-near-black);
    font-size: clamp(28px, 3.2vw, 40px);
    text-align: left;
}

body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page [data-content-type="html"] > :is(h1, .megango-company-heading) ~ p {
    display: inline-block;
    width: calc(50% - 10px);
    margin: 0 16px 12px 0;
    padding: 14px 16px;
    vertical-align: top;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    text-align: left !important;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > h1 {
    margin-bottom: 24px;
    color: var(--megango-near-black);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.2;
    text-transform: none;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(1),
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(2),
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(3) {
    position: relative;
    min-height: 68px;
    margin-bottom: 14px;
    padding: 20px 22px 20px 72px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 6px 18px rgba(25, 25, 25, .04);
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(1)::before,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(2)::before,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(3)::before {
    position: absolute;
    top: 16px;
    left: 18px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #fff;
    background: var(--megango-orange);
    border-radius: 50%;
    font-weight: 700;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(1)::before { content: "1"; }
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(2)::before { content: "2"; }
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(3)::before { content: "3"; }

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(4) {
    margin-top: 20px;
    padding: 18px 20px;
    background: rgba(234, 84, 85, .07);
    border-left: 4px solid var(--megango-orange);
    border-radius: var(--megango-radius);
}

body.cms-pasutijumu-izsekosana .cms-custom-page > h2 {
    margin-top: 32px;
    margin-bottom: 18px;
    color: var(--megango-near-black);
    font-size: 20px;
    line-height: 1.5;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(5),
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(6) {
    display: inline-block;
    box-sizing: border-box;
    width: calc(50% - 8px);
    margin: 0 16px 28px 0;
    vertical-align: top;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(6) {
    margin-right: 0;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(6) > strong {
    display: block;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(5) > a,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(6) > strong > a {
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    color: var(--megango-near-black);
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(25, 25, 25, .05);
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(5) > a::after,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(6) > strong > a::after {
    color: var(--megango-orange);
    content: "\2192";
    font-size: 28px;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(5) > a:hover,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(6) > strong > a:hover {
    color: var(--megango-orange);
    border-color: var(--megango-orange);
    box-shadow: 0 10px 24px rgba(234, 84, 85, .12);
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:last-of-type {
    clear: both;
    padding: 22px 24px;
    background: var(--megango-near-black);
    color: #fff;
    border-radius: var(--megango-radius);
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:last-of-type a {
    color: #fff !important;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section::before {
    grid-column: 1 / -1;
    display: block;
    min-height: clamp(280px, 28vw, 450px);
    background: #f6f6f6 url("../images/megango-partnership-hero-2026.webp") center / cover no-repeat;
    border-radius: var(--megango-radius);
    content: "";
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h1, h2) {
    grid-column: 1 / -1;
    margin: 0 0 8px;
    padding: 34px;
    color: #fff;
    background: var(--megango-near-black);
    border-radius: var(--megango-radius);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.2;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > p:nth-of-type(1),
body.cms-sadarbiba-un-atbalsts .cms-custom-page section > p:nth-of-type(2) {
    margin: 0;
    padding: 26px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-top: 4px solid var(--megango-orange);
    border-radius: var(--megango-radius);
    line-height: 1.7;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h3, h2.megango-partnership-subtitle),
body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h3, h2.megango-partnership-subtitle) ~ p {
    grid-column: 1 / -1;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > h2.megango-partnership-subtitle {
    margin: 24px 0 0;
    padding: 0;
    color: var(--megango-near-black) !important;
    background: transparent;
    font-size: clamp(23px, 2.2vw, 30px);
    line-height: 1.3;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h3, h2.megango-partnership-subtitle) ~ p {
    margin: 0;
    padding: 24px 26px;
    background: rgba(234, 84, 85, .07);
    border-radius: var(--megango-radius);
    line-height: 1.65;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > p:last-child {
    color: #fff;
    background: var(--megango-orange);
    font-size: 18px;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > p:last-child a {
    color: #fff !important;
}

/* The affiliate CTA is CMS-authored with legacy inline colours. Keep it on
   the shared style-1 button contract even when translated CMS copy changes. */
body.cms-page-view :is(.column.main, main#maincontent) a[href*="/affiliate/index/index"] {
    box-sizing: border-box;
    display: inline-flex !important;
    max-width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 11px 22px !important;
    color: #fff !important;
    background: var(--megango-orange) !important;
    border: 1px solid var(--megango-orange) !important;
    border-radius: var(--megango-radius) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    white-space: normal;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

body.cms-page-view :is(.column.main, main#maincontent) a[href*="/affiliate/index/index"]:is(:hover, :active, :focus-visible) {
    color: #fff !important;
    background: var(--megango-near-black) !important;
    border-color: var(--megango-near-black) !important;
}

body.cms-page-view :is(.column.main, main#maincontent) a[href*="/affiliate/index/index"]:focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: 3px;
}

@media (max-width: 767px) {
    body.customer-account-create .form-create-account .field-recaptcha {
        width: 100%;
        margin-left: 0;
    }

    body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page,
    body.cms-pasutijumu-izsekosana .cms-custom-page,
    body.cms-sadarbiba-un-atbalsts .cms-custom-page {
        padding-top: 16px;
        padding-bottom: var(--megango-section-space-mobile);
    }

    body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section::before {
        min-height: 260px;
        margin-bottom: 26px;
        background-position: 62% center;
    }

    body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page section > ul,
    body.cms-sadarbiba-un-atbalsts .cms-custom-page section {
        grid-template-columns: minmax(0, 1fr);
    }

    body:is(.cms-par-mums, .cms-apie-mus, .cms-about-us, .cms-o-nas, .cms-meist) .cms-custom-page [data-content-type="html"] > :is(h1, .megango-company-heading) ~ p,
    body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(5),
    body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(6) {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h1, h2),
    body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h3, h2.megango-partnership-subtitle),
    body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h3, h2.megango-partnership-subtitle) ~ p {
        grid-column: 1;
    }
}

select:focus,
textarea:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus {
    border-color: var(--megango-orange);
    box-shadow: 0 0 0 2px rgba(234, 84, 85, .16);
    outline: none;
}

select option:checked {
    background: var(--megango-orange) linear-gradient(0deg, var(--megango-orange) 0%, var(--megango-orange) 100%);
    color: #fff;
}

/* Replace Magento's default blue content links with the Megango accent while
   preserving deliberately dark product, navigation and button links. */
.page-main a:not(.action):not(.product-item-link):not(.product-item-photo),
.page-main .alink,
.checkout-container a:not(.action),
.account .column.main a:not(.action) {
    color: var(--megango-orange);
}

.page-main a:not(.action):not(.product-item-link):not(.product-item-photo):hover,
.page-main a:not(.action):not(.product-item-link):not(.product-item-photo):focus,
.page-main .alink:hover,
.page-main .alink:focus,
.checkout-container a:not(.action):hover,
.checkout-container a:not(.action):focus,
.account .column.main a:not(.action):hover,
.account .column.main a:not(.action):focus {
    color: var(--megango-orange);
    text-decoration: underline;
}

/* Some CMS pages use main-container instead of page-main and kept Magento blue. */
body.cms-page-view main.main-container .cms-custom-page a:not(.action):not(.btn):not(.product-item-link):not(.product-item-photo) {
    color: var(--megango-orange) !important;
}

body.cms-page-view main.main-container .cms-custom-page a:not(.action):not(.btn):not(.product-item-link):not(.product-item-photo):is(:hover, :focus-visible) {
    color: var(--megango-near-black) !important;
    text-decoration: underline;
}

body.cms-pasutijumu-izsekosana main.main-container .cms-custom-page > p:last-of-type a:not(.action):not(.btn):not(.product-item-link):not(.product-item-photo),
body.cms-sadarbiba-un-atbalsts main.main-container .cms-custom-page section > p:last-child a:not(.action):not(.btn):not(.product-item-link):not(.product-item-photo) {
    color: #fff !important;
}

/* The checkout shipping-policy trigger is a button, so it is not covered by
   the shared link selector above. */
body.checkout-index-index .shipping-policy-block.field-tooltip .field-tooltip-action {
    color: var(--megango-orange);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.checkout-index-index .shipping-policy-block.field-tooltip .field-tooltip-action:is(:hover, :focus-visible) {
    color: var(--megango-near-black);
}

.product-image-photo,
.product.media .fotorama__img,
.cart.table-wrapper .product-image-photo,
.minicart-items .product-image-photo,
.mpblog-post-list .post-image img,
.mpblog-post-view .post-view-image img,
.cms-index-index .columns-content .container-fluid-bannerslider img,
.cms-page-view .column.main img:not(.payment-icon):not(.social-icon) {
    border-radius: var(--megango-radius);
}

/* Keep the existing category artwork available for the first paint. The original
   image src remains in the markup as a semantic/fallback URL. */
body.cms-index-index .category-tree-container .category-tree-list img[src$="rehabilitacija_48x48-01_2_1_1.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAAEDUlEQVRogeWavY4cRRDHf4scInnEC3hJCM1AbjhyJK9IEBFrEWMuRkKcRQpoJcg9lyOxFg/AnEiR2EucsvsEnnuCP0F1a3v7ema6d2/Ph/yXWqvpz6quj66qu4kk/s9463UTcCjeCAYWQH1sQvaGpKF2JkM3Mu+1tcmIEVdAi0mhSYzXrk0TYx2wcuuPhjEGUpgF7X7mmhfA0rWu9MBBFIhrLmmtNDpJrfsdQufUsrotFQJTkQZ4P+jbRDdauf5FNK8PV8DcrT8MIxyeRjfYSppJOpHUDEgkF8tDpTE02AQHdTIVmt0A0TFWhzCRQ/xKUi27rWNhbybGiJfs1seMMyam3ZOJgxmY73FwiEZ2k6eSHjqiSrAoZSD0QlPs4bnvvESujw/xCVtPdAl8DXwFfFm4x4zc8EVp1Sk1Vq82tXbVzfv9hzKptBpXx7XMy2XBS2AK/DvC6wUmoRWwdr9Ttm8A2JswB75JrH+BhRUrN68GTkm/G08GxpISiA3X314jk8ZUZh+LkVvsJD1SnhE3bt/4rZFMoln2OJFUAa+im27cTc0xfXwwehNb+FcW4CRj/TNMos+j/g8wiQ3a4kTS3C3eYGKryBXfMDaOgN+AXxlm4tzNnQd9DdtotxcTSQ1G9E/AD8DHI4RdAE+Bd9yhVXRI/L123ym7CHFOOmQfhJdA5xbnuM5HwF89YxfRd4sZeokbLcJEUg38U7BminmUQ1XsRnAPe3hK8Ax4DLzrvqfsZmQn7rfiFpicSOUpWYBLthmWTyE9VpgHOpr6gEkgBxvKDawG3i5cU4yJpDXDLu4KU5Ezysort6ZCM+D3gTn+YYsfmjsB74Vq+gm88xJYsg3SGtJvwT42APAe8MW+xOXgHlYZeI6pykfAZ1goETLyAPg+sf6K654n9EpHx0TSlN1Q+hz4GfiQdEx0BXwLvAz6arZhdRV834oKgUnhcTTmjfdPLEvytvId8MsRiNtgcVMRPAMnGKF9uGSbjLT0Jz9hLNS5fXPiq0vsAp+474ZMZsKcuGU8EgWLg37E7GfNNrvyCNXpb+CPkf088T6+2rg9Qhvy+6+IoW1OXOdkQJnoZNlbKtsKsdT16sU8oKnSbnZ3rX4UlynODiR8KUtBa6XT1HDeiYzBLuoP6UldwE7pJVVr2bco5SsPfdWMpex2++atdb06l7rQdoyBSuUFqc8zie7bt5NJLafQdhozME9sUMJEJ+lT97sqIHqMeN8WwdwmHic4INa/SvkFXa/7M5nYc5lfyUor/ryd281pfqGvaaYmxYZ2U1hEZ66C/iIGcppn8ibQaljf54mxgxnwbSpTkT5P0wdf5RvSdb9/EU37/JXSY4qFCn3FJ19DbZMv6A3hEAbuBN6I/5W40/gPGYG7linnW+YAAAAASUVORK5CYII=");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="sporta_apgerbs_un_apavi_48x48-05_1.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAADjUlEQVRoge2Z0ZHbIBCG/8v4/dxBVEHODWSiDuIOolQQXwMZXQVxKjilA18HulSgdKB0YFfw5wGIVgjkRca5uZl8MwwGIdgVCwvrG5J4zbx5aQEUNAA6AOvgU5LXTgXJhuRuwbs7DhxCbbQdlQsEWJOsSR6FEO2CPjrbx+ZSBaKdBFJFsueUg1WqTFQiOq62k9oKcJyZiSLwxSVHK7ijTlAimnxNG5vHFJDCNLZ+TzPN59h57UqaGUmZDfehggo4IRuFAql0nC5IWdbORmXbV65uJTak2ub7yHb2bPM1gLvErbAQ/Z8AfAXwUzzf2a2yt7maG1LlyCorBGAU+JIyiMeD7euTqLu3Y9zZ5/XM+wWMogbl1LUXmpCjJ/neq2s5NdGOnq3HklaBzg7UUrdgY2w5/RixjzO34/1Nq9g8ebQAjqKsWQM/7DvO3J5hzO+D184vO24BfAOwhTGvPthKOQOpOKcnece4j9D0VzNgVm5r2vsPRCoXDFhxbBrOX+Sg4+CD1uDwVWLuOlWBlsbWHaGFm4sGNIJvmW8GSo5NJbRws7GCcRxzzuOIwYmdo4PZp11/vVh82j6S0DqyMuOYawCbTH312m10i8u8b25OMEeeg1aBnc1fQolfGHzQEcYnNa5Oa0KOAmY21jBmVQB4q3z3hPFa64RgPcaOqtUKlKpAjBKDbcvBe8Q8aCZyKfBivIawyiz/FRAUGftSIxVY6lxKmIXbYdhu/x0c37q0cR9wiLj5BI+910r+mV8TvIoJ7t7fijyXoKVWAUfjKVJwesYPUXEckdswHGdKSe5oHryzxBRYQsvx5dzFfi6dDRcfreYU8K9/S3DC0ub+FXLu1rc4OU/sH3FrxC/bGh4wjR/d2zEaJJx1zsJhkeSi53RGW45DiXtevjZGJiRt91JKThd7yWlEomd6YDdqQiXGt64KumPyE4CPXvkA4DHBCL7DmOzxTLswVpMDh8jbua3S/4KO0MLV0i2dDfdDK7TEjzbUvDz209JslwWvrIC/KHs7aG6Cf+wxoEAqG45NJbRwcxF0YC4tOU4/wJw6b235CeGgbS62XrmQBbkLafGPza3ttAi0zUEP4/wAszs+Avjs6lxYZY3lZ/ly4Xsaeoz/8uoA/IaIbshLfYf0/76uxQnmgzbnGkoF3CxI+76GYJrYkKyfJRZWcYe7DYxtu1x6Zz9iJgVrxW8pWHZefVzoDyFwjg2GGcnkAAAAAElFTkSuQmCC");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="aktiva_atputa_48x48-09.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAAEL0lEQVRogcWZ343sNBTGfwv3fUMFNxLvkAJACuINCTGiAQZRANMBaQBpEAWQFQWQDsh2kNtBbgfZAtDHg+2N47GTzExm9pOOJskc2+evfXLyIIkzUQI18N7efwQOQHPuRDPIgJ1dKwcGoLVr9BNOSXNUSOpl0Era2+veXu/sc0kqF+Zy8xULPDtJg9KofP65iTJvosa7Hux/Pm9redbMN0jKEzzOQEuoQwV2K5gLu/jr4MjCSx7YJ8ZjlYqtXUk66tQrB0k8yORAZuM4xAAcvfvCxuAQ4S1tnF6KGvjJXr8A3wO/MObA78CfwJceT7ZksXuSb+G9pC6w+CDpi+BZ+ckVFluDI8ZrS8iBR+++Z7S0wyPwI/Dsj7ulAjXwKyaslpSIheQa3uzWHliLUIEec76EaJgao7t1XB+1vO87arzYbu241t73MjtlFeTE4kG2ZlvsdHouXEJlkKCdFTqz/zXB/1VMgdwyrxXI7RS7DRRwHluDzo1JDR5krLu0YLah8I7qFcK/GjjlPqfEloJtocSgIKfcLlRGMv4x8fwe2ANPwbMXjDzd5KnVJFYLvaUHHLUpyzuac1sqB9aUxFtRJhPzyfVcMedQYAq7nvDFwSD3XFgkeO6Kd8F9F+Ua0TO+efVnrpXZ38FeO0M5FEwr3yV0wCH0wLXIMWW5f9wfMIK29r601znTpGyAH85c75vQA9egYBSyZqxv+ghvF/lvb8dlrEMNtFt6oMcIXRKvLv0QcvfnVKFRbOWBAtOl2JMWKnx+tfCQViCzQpX2vrPUz/DDda+UlyHYV/PIeeCjVbx94kqR/E7nQ/Qg22u+H+PjGJls0HJrZXNySbwD/jnTeX8w7WS4OZ4x+/kmMZ5AjwtnTRtYPnpr6UrpsArDqdRpN+FWOMqGUBX5s5Yp8BqZuK8lfRURrtWdQ0bG4AenBBp7nw5NQqlB0nc69dbdE9fSUfYixNeRZ75y4Wvf/o0UKCUp1lb5dCZ5/HLBIb8+Jy/CDiCmwH8zgwbeTmAfO0zT7Okd5lXNb+t9jmkqvY8MbOxgH6kSPAcqtlc4x8j2jC2na8auMIyd4b+ZKvGECZ+/ggk/43TPd6E2YKrGrdFgDfcgqQT+DRheGOt4MGH1LfBbwPeEKeBCtJj6qOS2B9prKTHXUEodTLEvNY7utju5JK6ADwkdwza3w55bW3cNPG0ynR5qKSxZt7NzbdEznaVYV6JluiuF+JnlxCwxefURk3DXeKpmroEQ0cp9zIuhSvDHyutSpx3lSxHOX9i5k9/IYkrUCV4XdrdI2kxjJew3kZ1hqrnBvhIp4ec8sCV1mla+mRLfB2Jh0G4gwLVUpeTYurF1K7iGQljGvJ4De0AXUH1LqTGneY05i+JtR8U/bpyDQ+DWtY2BtZj9WuRCqGZa0K3FB07rHdfh3godM+fI/1gugua5LNXwAAAAAElFTkSuQmCC");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="fitnesa_inventars_48x48-02.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAACAklEQVRoge2Z7VXCMBSGHzj+pyPUCWQDcQIZASaQDWQFJtANxA3qBmxgnQCY4PojQRBuAjQNaTk85+QALbl5b3NvvtoREdpMN7WAUG4OKGTAMIJdlRgOzIEPLuREDAcmwBdQRLB9QOc2CiXmqh3oAwtAbCm5TGIObVubdhdWi46IaKUvIivRGTjq1FEGjjZXIpJrdVw9MAF6nnuxcNnuAVPthsuB3NPI8+l6zsZnO9cuXk0SZ/ifetPIMZrpYmJrCXxzodkzkAKjdQlMUTJ+KCKFYzTYEGsU8lFYbf/QcsA95qbnQNtdRUM5MApRovBepVKIA68V67ooqlS6mmG0tVQNoX1mmJ2YxpztsmSMWazVNpvX5cCLLcd4q6m9P5oeQj/Ap+8PTXegxOwHnDTdgaO03oGqSbwAnuoUgh4qmS1Oqjqw4jIr1wdbnGgh5E2axBxo62Iml7X97ZuQUrBmqw2MttnOvbFrXd6U/UAhItOd7wd16pqJY/HIkf1JG4ZR1/EO4Hag9NTxTu2B+GyX6lVHLOain8ytxJzaNeZkzmesLyLzvYSKKX7XifLUdlO+H8jxh+pJpEriEeZsZxRqKEUP5BjxG+4J6IkUPVBiZn/sZxlkTUmMkYgsRCSLnKzqqHJu0XpgglkBDoKezHHKOoxoOZBhxDdpUefk9po1Na134BeHhfKoRGAkOQAAAABJRU5ErkJggg==");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="sporta_veidi_48x48-06_1.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAAEH0lEQVRogdVa7W3bMBB9Kfo/3sDqAqk7QdT/ReN0gSgbKAsU6gRxJ4izgTtB5Q3sCSpvoEzw+uPIhJZJ8UglKPoAIYDMrzvevftQzkjif8a7V1xrAWAFoDUPnce+W5lxU1AA2ADoAFQgmfvMSFYkW5Kl+atBa+btSNYki8R91+5iOTcwA9AYDTwA6I1WLpXz7bgewD2APwDWZo10JErfkOwdBfQkL0h2Su1bdCS/eN43lJsdO8PC3F5PstYe3E7ybdgkHt6du/a835n9VGfTDFryWOsWHUX7U3ARWLun+En0fGccp9EKYuc+XJvfr7JsV7CFMMpyZP9ubIGYAOXIbx3EAafgCUKr1ciYHURIL0IClBCmGcMK02/gFqL92BrXCAnhsatZwC6H6CgcnosdJX5o0DMQL3wCaAMSOY2FSvqZLYSWCgGWiYfoSc6puzEXGwrLpOKEmYYCpAYkUrg89TAh+oyh40AAN5WoAMwzHPEGwhR75fgfAL4BOM/Ya44BY7ks1EKfzwyxhbBWExnXA/gOvbA+7OFktFaAAtM5/QOEEmcjY3oIHU7d6xPk1vHevCgmLriFaOVeMbYH8AgxvRwcYA4P4NmJZ0yjzyEK6gkgl7ksSkodceTEGwB1pkZ+Io0AziEReJWx19b8vYc1VSMJGU5v30qbKbfmzrHBr6SJA4sJh6mYLrTFhmmBs+FxvKlpTMiyxjmEoxvlde4hGWmuM15BHHobGwjJWh9wbHYz4IWFLG4g9ekBcZuuoRc2hBWEeqvIuBbAHTzBbygAzGKFYvMC+YHPYixmuOgRqk14mtIuqHOuhuQqwYZ9KCm+EEPL03M2ND7QO/I8Gkk1lFhD6OxJqcUhrO1rCqJLyI3/ct7JuflCozkstKawQQ5cStTAtnDs+Uo6gWwPcahbpGWJNhM9JMwBhO1KAB8T5pxDsljLRJJOUG7Atvhy4LPPmCbnzE8lLuhUZ25xoHGmECrqc6mK+WUoKef09oWm9NkPAL6aK45hjTdIpwHx8NwWiWWtMjKuRbiJpYU3nfbFgxSkxIScZvBwr2BRn1MTWHrTomVeR8LuddS9HgqQcws10wmgZJ6yngsZBgQA09KDjnlC2xZ66hxVZ25GvY2mdtdcpNQSPQPfDHwC2CInFmim2DIpSpor9iFHvhWMtdcrjOfpNaSWzmmGWdyZv2PUusFI/Rz7PgCEub0zi6fkM0N8jvzexhbwFTRDFBANDJO8A+SGfivW8MGm06H5t6pVQrbFU5/wOWvN/H5SKJ3umPiRr6JQZ2zwjKdJWGoQs1jTTwAN459ZTwSwLBD09MFT8Jj+VkxrrfjS6TXTv9g/C7Cg7gZ8N1JTzCCl39+Yx/6rQZLGh4+GhbRYQhjLtr7djoV12B2kFePW4ZPwmgL8E/wFQm3RUind63gAAAAASUVORK5CYII=");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="sporta_un_veselibas_uzturs_48x48-10_1_1.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACTUlEQVRoge2Z0VHjMBCGv9zcO+6AdEA6SErgOjAVXDqAErgKMBXgDvB14HQQOnAq2HtYGzzGAkm7CcxNvhk/MEgr/dpdaaUsRARHlkALXES0/QXU1gF/WA1MWBI3eYCVx4DeArqEtq3HgAvnEAJd2eKTNh3fVEABVHwuAGCLgwhvAQ2wjmx7QL21twwYyoGUlRyoiJ88aLLXiWO8R0SmXyEirSht//dcu/FXSj5NhP3g57ELXQMPhv5r1Ht5BJQVIlJFrP5KRDrD6o8pczxgTeJ7nA6knpLEpP5pHLBCQ8iDlowdySJghW6bsaVDDDck5oMliUt8Jw96uCVhEbAFHg39p+yATWonaxIX+CVxS1oxCNhyoEBz4MpgY8zggSQRlhC6x2/y9LZCF5wV6iFBBd69/sdwjI9LDg860YNxbqxmpv1GREwh1KEu98qBPeFzYK5I3ACNNQfqgPEcXtBDce6OcOD9lq25YgihyjF8BkKV6bTafa2SLR5YGvqmUqGeuUbDrKb3gOUcKPEXsSexlLDWQp6VKGTcka0CvBI4G+93oZNzFvDVnAV8NdY7cYg/xD+d1xhudscS8Lv/js45hBL5y/gyonzLEAqxBp49Df5XIVSi9U3y28wMj8S/spXAZe5Ag4DxC3PRG7WwIV5A9uThTcCet2tbYzHYc4lxYrEMAlp01ZY4/Hb7AQf0OWbMFqddqMXpl8NTcupt9AK49TToKWBHxtvmhJNeKafcYReQjKeAJyc7i5TGlpP4GAl/SO1gfZ1+MfSfI7kK+AfcFfvID1DoUAAAAABJRU5ErkJggg==");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="ergonomika_48x48-03.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAADt0lEQVRogdWZ7XHUMBCGn9zwP+4g1wEeCgBTAU4FmA6ODkwDzFEBpoNLB6YDpwOng0sFyw/JsU7o03bm4J3RnM9eSftKK+1qdSMi/M/YRb43QJHYVgm0wAHYZ9RJlXVDRHylFYVBRMqAXCEivfyNJlAH/X1CSC5YYjMAagZCo3QAPjje/4zUq4DnhP6DCBHogXuUGTUBuSXfauAMvAe+BurHEZmiY4JJhNB66pgmFzLPaIkJVEZHY4IyNlyky4Q2NyOA7mRCFSFpYhC1wG35zpDxzdCmBBqjw94jU2uFJ3Qe5feGzNkjszkBdGcT9is6bC2Sq5TPIXDYoOPCGIjzyoF4KTciyaFEifIJZ2BYsOEVug2AURf7+zm3UZtACRz1c0d4j98SFUr5DhWOpBPx2Ghv2etrA+O5kgwTemPx6fVoXAPPwIlc88xha5S9XG6bMXQS3zIXbak3IlIyxybHCF8TDSpgS8FN1qhm4A3KbG71/wK1iFIwJsr9ztIoEztm5eF69j+hQIXnAyBWOeHaFeUyGKsz7K9KtP8+sb1SLuOuUHsv68VUJtczbkmgTmxrwkugOB1oetJtemvsUQ4sB29RJpV0pHxttFyuw1R8AJprEyiAz4myT8CD9a6+NoEyLgLAI2qHrKz3n65NoEqQeUQ52hMOU7s2AReejGdT+bcuYTuYy0EPfEuQGwPfXIFbg9qVzkSUh+UESt35SPzMMCnpOrC4CJxQMdlARHngcUkkWojISS7TIzFHVor/KNr7q0ZxWLIGaubjZSoKXc9Vp12gA6i10i0h0AJ3C+rdogI1Gz3wY0F7NXDOJVDhV/4B+Ah8wZ+0bTzvD6STeEblbNX6Cdh6KSr90TjsdZRw2tH81lv/G/H3WUXWRCdW0BkiMCV2B5mPkT6lXAvUlC2M/4ND1i57URFqq0slniOnWcHVUGtU7AwlpkbN/yECSDzHuqjsUE5jwB2XtKi92w66ukR7NWHWcS3mRdihFL8lfgsz4YFlZ4eOeXF/ivSXjB1qZ7lHHxA8aIznpaM3cpn12GQWdigTiSk/bZ2/WHdyOzLPQkOeM3QixQ+YI9Wt7M8crFs2yL3GCFTMwdQjymuuRWs8rzajlIvuCXbWLjsVrjEyJ7vuSD+VORG6H6j0b8F81bpUaRu1Lt+Bd6wxzYCTaLXTGcWd8GoMx2R7YtNrnz3tH2W+sVnlyFIwOt51zMc/excbUTsW+BPGA8vSKZeIMGwknPbeB8KCQgIxjC61rLwry7kj+yfxB0MZA7rHDzoVAAAAAElFTkSuQmCC");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="skaistums_48x48-07_1.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAAC7ElEQVRogdWY3XHUMBSFPzJ5xwwF4ApCKIAZUwDD8swD3qEAtgOcAhiWoQBMB5sOTAebCnAqwFvB5UHyrGMk68fyJjkznvXq5+oc+V5dSYgICz2XIrKXI1oRKVOPsyT5TsxIKsLVoNSzmAUa3lnIx4rIbRxcHXsX2HgOVIp99ttRua+I3t4+RkAWSF5EpLAI2BvqfET0AuoYAb5PT15EZKsHMyFWRG6rS01eNLkLsQdxrIhFBIzJD0m+PoWIJcifVEQs+dxBfo6IVQiXM+Kw8Wz3EngOvAUOlvrtyF4ZQiRWwKVnuzWwAn4wLeLn4H8WQiRWQOvRZg0UwEcUySkR8YiMgcLh+6WYc4ErJvq+J1mFKgORTlQQmsj7iKgdY/Y7g0rUJCZLZI02eqHfXdjrthvdvha/mR/bLp6ISApPrFCB/S6gzwHYAQ1Qe7TPgT+jsqtUAuYY+Y0K9phxrmJXofvCevB+A2wfm4AaeAa8Qrlsl0rATSI7PuiAff8nlYBmRt/dnIFTBXHO/ysEwDXH2cqAz6P6g+7bxQ6c6gu0wPeIfhUzyAPJr1VctxFDuLLu4lsJ27N1EO/E/6LA+QxjIMdvl+mDHLWNXo3Kd6ilcJ7bDNALqPVgBYMlagYqbavR9jr9P0cF81hYPOTu2bZN9GmrCRdqUrrsGWr2f6GWtHQzcyKc69+StDEwdSwMOjK6MCeR5RzjJkcdG2Nwi5q4BuUNbVDvCL/LZPrENReNqPvQRfLASqbPsynhlStCyJdyetQuXiEzf1+oJnh5BXGmA+tpWGwmxRssW/ZzU+EIW8LIv+fuVqEAvuj3W45XhzXwwtPmFsttoOsLZMBfz0GWhvEruM4DDykzl6ZClwsVjvr+bqcNpmPGCntCNHJxCcgn6q6Br8Anm/FAdChfz4BvhnpzvEwtUaJ2pybsReTDQstmLSqJmRCcB2xYiV1cChQW+8btdAxa6ydNgwLPg1WsgKRbYgsWFfBg8OgF/ANTJkWG8qv9wAAAAABJRU5ErkJggg==");
}

body.cms-index-index .category-tree-container .category-tree-list img[src$="miegam_48x48-11_1.png"] {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsSAAALEgHS3X78AAADtElEQVRogcWa7XWbMBSGn/b0f+gEVSYInaBsUG9QMkHdCUInqDco3cDdAE/QjEA2IBPc/pBkQJZAwhC/5+hEFpG4V7ofryQQEd6olCLSiUZnfl897jsR4Q2QAS1w57Tfm/bFeH9N5wTkXAoPoK4d2CqQm7IV2kB7d/XIIqKMTXamvpUPHGSMeuJ/MxHJY8a1lTpiwP0KSuQiUkUI92wmdFaJ2Je2ItJsuDpuqY0S2bUK5NKHvsPMC0Not1T2w4R75EBDHz2mHG4P1E7bAXgAqmXeGYmAZtlg5i2qRBMQWSlZTZVQHjjij9sxqIFvwCOXq7I6fCa0B7542mPyRM12whemgJ7gZ+CCSijzwDf7p8EAPlTAE/BqB/egA0rSE9gB+O60PQK1q0CNnkEfXtGcJoQd86vUGWFSkAP/As/uhw6hJkKhhdraKT1lPyFPMfSBfcRsFKTbdhY5tsXZvg0mzW1oQh3zkecv2lRSoIhT2jLWH4zNLETFXwBll6mIMB8RnRtm0/uCUprx68BzS2csWtN2TmQuU5zC2slpTvhhKcQheLbSJCjQRrwoF5HdysJ7i60MUcl4uXyYWwVLQ6bo8NXCWwWUI1wh8ysytwrljGCrCG8VKBYoIJJG7jYRXiRM5mLwRPo+ugR+A39M/Wr4yFyR0P+IViKG2+zQwoPODU3Ce54JJMPQhiaWbH0yghQRfVrgZ+S48fJ4fKAx9p2Co2yT4KKcOHOE6TxKxSBqE752ee9ZnqU7sQe0OW15QHYBG4VOTnuOJm6psEqksM+rYBVonPYSHWGW4A74Re/cW0GzYmNLucemC7k8mViCRuJ4UUoibET73OhYpXVeXEt6NJpCK5r1FguE3pm+wwndi4zvByp0dh3iM+PDrTVxQueG1vzuTFHmt0L74kOg/0egG2qpPLN2lOk96a1w5lFDLtSiOcoQX027G6Vujepck7Gt+Y4U7TH3Gg69BkaHzD6H8ZlMI/5I9da42JOHvL7xdK6l5/K3wkUECymQiX9baZW4hTlVEiBzoRKy+3ri2VY4Rx23zCWQkKCN6LB73Fpymdl6xmRB91DJohOdIXeB52tg6lorWgHrEz7HFulXo1xRETs5s7LFKjAMsSHbr0VHicLUlyjTmb4qVibf/QBMnxhkJhOW+DnSC5qKH9FZ3H4FoPB/WtCa0pC20QfGp9OK/lg7Z/4jjAytxB69uQ/hhCZpvlubDj1piz85cFfAbgdDV0QhKPobGoX/jg3666fG/F26aTrjP1FNyqRUaR/3AAAAAElFTkSuQmCC");
}

body.cms-index-index .category-tree-container .category-tree-list img[src*="/media/catalog/category/"] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    object-fit: contain;
}


/* Megango button style 3 — product Add to cart. */
body.catalog-product-view .product-add-form button.action.primary.tocart {
    background: var(--megango-orange);
    border-color: var(--megango-orange);
    border-radius: var(--megango-radius);
    color: #fff;
}

body.catalog-product-view .product-add-form button.action.primary.tocart:hover,
body.catalog-product-view .product-add-form button.action.primary.tocart:active {
    background: var(--megango-orange-50);
    border-color: var(--megango-orange-50);
    color: #fff;
    box-shadow: none;
    outline: none;
}

body.catalog-product-view .product-add-form button.action.primary.tocart:focus-visible {
    background: var(--megango-orange-50);
    border-color: var(--megango-orange-50);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .22);
    outline: none;
}

/* Megango button style 4 — product Add to wishlist. */
body.catalog-product-view .product-info-main .product-social-links .action.towishlist,
body.catalog-product-view .product-info-main .action.towishlist {
    background: var(--megango-light-grey);
    border-color: var(--megango-light-grey);
    border-radius: var(--megango-radius);
    color: #fff;
}

body.catalog-product-view .product-info-main .product-social-links .action.towishlist:hover,
body.catalog-product-view .product-info-main .product-social-links .action.towishlist:active,
body.catalog-product-view .product-info-main .action.towishlist:hover,
body.catalog-product-view .product-info-main .action.towishlist:active {
    background: var(--megango-orange-50);
    border-color: var(--megango-orange-50);
    color: #fff;
    box-shadow: none;
    outline: none;
}

body.catalog-product-view .product-info-main .product-social-links .action.towishlist:focus-visible,
body.catalog-product-view .product-info-main .action.towishlist:focus-visible {
    background: var(--megango-orange-50);
    border-color: var(--megango-orange-50);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .22);
    outline: none;
}

/* Button style 3 also applies to the standard checkout calls to action. */
.minicart-wrapper .block-minicart .actions .primary .action.primary.checkout,
#top-cart-btn-checkout,
body.checkout-cart-index .checkout-methods-items .action.primary.checkout {
    background: var(--megango-orange);
    border-color: var(--megango-orange);
    border-radius: var(--megango-radius);
    color: #fff;
}

.minicart-wrapper .block-minicart .actions .primary .action.primary.checkout:hover,
.minicart-wrapper .block-minicart .actions .primary .action.primary.checkout:active,
#top-cart-btn-checkout:hover,
#top-cart-btn-checkout:active,
body.checkout-cart-index .checkout-methods-items .action.primary.checkout:hover,
body.checkout-cart-index .checkout-methods-items .action.primary.checkout:active {
    background: var(--megango-orange-50);
    border-color: var(--megango-orange-50);
    color: #fff;
    box-shadow: none;
    outline: none;
}

.minicart-wrapper .block-minicart .actions .primary .action.primary.checkout:focus-visible,
#top-cart-btn-checkout:focus-visible,
body.checkout-cart-index .checkout-methods-items .action.primary.checkout:focus-visible {
    background: var(--megango-orange-50);
    border-color: var(--megango-orange-50);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .22);
    outline: none;
}

/* Keep quantity editing visible in both cart steps. The minicart input is
   supplied by Magento's item renderer and the full cart input by the cart-row
   template; these rules prevent legacy theme styles from collapsing either
   control and give both the same accessible Megango treatment. */
body .minicart-wrapper .minicart-items .details-qty.qty {
    display: flex !important;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    visibility: visible !important;
}

body .minicart-wrapper .minicart-items .details-qty.qty > .label {
    margin: 0;
    color: var(--megango-near-black);
    font-weight: 600;
    line-height: 1.2;
}

body .minicart-wrapper .minicart-items .item-qty.cart-item-qty,
body.checkout-cart-index .cart.table-wrapper .col.qty .input-text.qty {
    display: inline-block !important;
    box-sizing: border-box;
    width: 56px;
    min-width: 56px;
    height: 44px;
    margin: 0;
    padding: 8px;
    color: var(--megango-near-black);
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: var(--megango-radius);
    opacity: 1;
    text-align: center;
    box-shadow: none;
}

body .megango-qty-control {
    display: inline-flex;
    min-width: 128px;
    height: 44px;
    align-items: stretch;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cfcfcf;
    border-radius: var(--megango-radius);
    box-shadow: none;
    vertical-align: middle;
}

body .megango-qty-control .item-qty.cart-item-qty,
body.checkout-cart-index .megango-qty-control .input-text.qty {
    width: 48px;
    min-width: 48px;
    height: 42px;
    padding: 8px 4px;
    border: 0;
    border-right: 1px solid var(--megango-border);
    border-left: 1px solid var(--megango-border);
    border-radius: 0;
    box-shadow: none;
    -moz-appearance: textfield;
}

body .megango-qty-control .item-qty.cart-item-qty::-webkit-inner-spin-button,
body .megango-qty-control .item-qty.cart-item-qty::-webkit-outer-spin-button,
body.checkout-cart-index .megango-qty-control .input-text.qty::-webkit-inner-spin-button,
body.checkout-cart-index .megango-qty-control .input-text.qty::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

body .megango-qty-step {
    display: inline-flex;
    width: 39px;
    min-width: 39px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: var(--megango-orange);
    background: #fff;
    border: 0;
    border-radius: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: none;
    transition: background-color .18s ease, color .18s ease;
}

body .megango-qty-step:is(:hover, :focus-visible) {
    color: #fff;
    background: var(--megango-orange);
    outline: none;
}

body .megango-qty-step:focus-visible {
    box-shadow: inset 0 0 0 2px #fff;
}

body .megango-qty-step:disabled {
    color: #aaa;
    background: #f4f4f4;
    cursor: not-allowed;
}

body .megango-qty-control:focus-within {
    border-color: var(--megango-orange);
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .13);
}

/* Match the subtotal's right gutter to the minicart item's delete action. */
body .minicart-wrapper .block-minicart .subtotal {
    margin-right: 15px;
}

/* Magento reveals its legacy manual "Update" button whenever the quantity
   changes. The Megango steppers submit that action automatically, so keeping
   the duplicate button visible would shift the row for a fraction of a second. */
body .minicart-wrapper .minicart-items .update-cart-item {
    display: none !important;
}

body.checkout-cart-index .cart.table-wrapper .col.qty .control.qty {
    display: flex;
    align-items: center;
    gap: 8px;
}

body .minicart-wrapper .minicart-items .item-qty.cart-item-qty:is(:hover, :focus),
body.checkout-cart-index .cart.table-wrapper .col.qty .input-text.qty:is(:hover, :focus) {
    border-color: var(--megango-orange);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .13);
}

/* Cart coupon and gift-card tools are one compact, responsive accordion row. */
body.checkout-cart-index .cart-discount {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 24px 0 var(--megango-section-space);
    padding: 0;
}

body.checkout-cart-index .cart-discount > .block.discount,
body.checkout-cart-index .cart-discount > .block.giftcard {
    flex: 1 1 320px;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

body.checkout-cart-index .cart-discount > .block.discount > .title,
body.checkout-cart-index .cart-discount > .block.giftcard > .title {
    position: relative;
    margin: 0;
    padding: 15px 52px 15px 18px;
    background: #f7f7f7;
    border: 0;
    cursor: pointer;
}

body.checkout-cart-index .cart-discount > :is(.block.discount, .block.giftcard) > .title::after {
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
}

body.checkout-cart-index .cart-discount > .block.discount > .title strong,
body.checkout-cart-index .cart-discount > .block.giftcard > .title strong {
    color: var(--megango-near-black);
    font-size: 16px;
    line-height: 1.4;
}

body.checkout-cart-index .cart-discount > .block.discount > .content,
body.checkout-cart-index .cart-discount > .block.giftcard > .content {
    padding: 18px;
    border-top: 1px solid var(--megango-border);
}

body.checkout-cart-index .cart-discount .fieldset,
body.checkout-cart-index .cart-discount .field,
body.checkout-cart-index .cart-discount .actions-toolbar {
    margin-top: 0;
    margin-bottom: 12px;
}

body.checkout-cart-index .cart-discount .actions-toolbar:last-child,
body.checkout-cart-index .cart-discount .field:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    /* Keep unit price, quantity and the line total on three stable tracks.
       The legacy 33% floats collide with the 128px stepper at phone widths. */
    body.checkout-cart-index .cart.table-wrapper .item-info {
        position: relative;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr);
        gap: 8px 4px;
        align-items: start;
    }

    body.checkout-cart-index .cart.table-wrapper .item-info > .col.item {
        grid-column: 1 / -1;
        width: auto !important;
        min-width: 0;
    }

    body.checkout-cart-index .cart.table-wrapper .item-info > .col.price,
    body.checkout-cart-index .cart.table-wrapper .item-info > .col.qty,
    body.checkout-cart-index .cart.table-wrapper .item-info > .col.subtotal {
        box-sizing: border-box;
        float: none;
        width: auto !important;
        min-width: 0;
        padding-right: 2px;
        padding-left: 2px;
        text-align: center;
    }

    body.checkout-cart-index .cart.table-wrapper .item-info > .col.price {
        grid-column: 1;
    }

    body.checkout-cart-index .cart.table-wrapper .item-info > .col.qty {
        grid-column: 2;
    }

    body.checkout-cart-index .cart.table-wrapper .item-info > .col.subtotal {
        grid-column: 3;
    }

    body.checkout-cart-index .cart.table-wrapper .col.qty .control.qty {
        justify-content: center;
        gap: 0;
    }

    body.checkout-cart-index .cart.table-wrapper .item-info > td:last-child {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        padding: 0;
    }

    body.checkout-cart-index .cart-discount > .block.discount > .content {
        padding: 14px;
    }

    body.checkout-cart-index .cart-discount .block.discount .fieldset.coupon {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: stretch;
        margin: 0;
    }

    body.checkout-cart-index .cart-discount .block.discount .fieldset.coupon > .field,
    body.checkout-cart-index .cart-discount .block.discount .fieldset.coupon > .actions-toolbar {
        min-width: 0;
        margin: 0;
    }

    body.checkout-cart-index .cart-discount .block.discount .action.apply {
        box-sizing: border-box;
        width: auto;
        min-width: 124px;
        min-height: 48px;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 1.2;
        white-space: nowrap;
    }
}

body.checkout-cart-index .cart-discount > .crosssell {
    flex: 0 0 100%;
    width: 100%;
    margin-top: max(32px, var(--megango-section-space));
}

body.checkout-cart-index .cart-discount > .col-md-12:has(.products-widget-container) {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 16px;
    padding-right: 0;
    padding-left: 0;
}

/* Keep short cart recommendation rows anchored to the content edge. Slick's
   default auto margins center a track whenever fewer than five products exist. */
body.checkout-cart-index .cart-discount .products-widget-container {
    padding-right: 0;
    padding-left: 0;
}

body.checkout-cart-index .cart-discount .products-widget-container .products-widget-title {
    text-align: left;
}

body.checkout-cart-index .cart-discount .additional-products-slider {
    justify-content: flex-start;
}

body.checkout-cart-index .cart-discount .additional-products-slider.slick-initialized .slick-track {
    display: flex;
    align-items: stretch;
    margin-left: 0;
    margin-right: auto;
}

body.checkout-cart-index .cart-discount .additional-products-slider.slick-initialized .slick-track::before,
body.checkout-cart-index .cart-discount .additional-products-slider.slick-initialized .slick-track::after {
    display: none;
}

body.checkout-cart-index .cart-discount .additional-products-slider.slick-initialized .slick-slide {
    box-sizing: border-box;
    display: flex;
    float: none;
    height: auto;
    padding-right: 12px;
}

body.checkout-cart-index .cart-discount .additional-products-slider.slick-initialized .slick-slide > div {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
}

body.checkout-cart-index .cart-discount .additional-products-slider.slick-initialized .product-item {
    align-self: stretch;
    flex: 1 1 auto;
    width: 100%;
}

/* Slick positions 20px controls 25px outside the track while this carousel
   draws a 33px icon. Keep the complete 33px target inside the cart on narrow
   screens so the arrow cannot create page-level horizontal scrolling. */
@media (max-width: 1024px) {
    body.checkout-cart-index .cart-discount .additional-products-slider .slick-arrow {
        width: 33px;
        height: 33px;
    }

    body.checkout-cart-index .cart-discount .additional-products-slider .slick-prev {
        left: 0;
    }

    body.checkout-cart-index .cart-discount .additional-products-slider .slick-next {
        right: 0;
    }
}

body.checkout-cart-index .cart-shipping-next-step {
    margin: 24px 0 16px;
    padding: 14px 16px;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    color: var(--megango-near-black);
    background: #fff;
    font-size: 15px;
    line-height: 1.45;
}

/* The core shipping block initializes checkoutConfig used by other cart
   components. Keep that initialization, but remove the estimator UI. */
body.checkout-cart-index .cart-summary > .block.shipping {
    display: none !important;
}

body.checkout-cart-index .cart-summary {
    border-radius: var(--megango-radius);
    overflow: hidden;
}

/* Checkout keeps one connected two-step bar, with radius only on its outside. */
body.checkout-index-index .opc-progress-bar {
    overflow: hidden;
    border-radius: var(--megango-radius);
}

body.checkout-index-index .opc-progress-bar .opc-progress-bar-item:first-child,
body.checkout-index-index .opc-progress-bar .opc-progress-bar-item:first-child::before {
    border-radius: var(--megango-radius) 0 0 var(--megango-radius);
}

body.checkout-index-index .opc-progress-bar .opc-progress-bar-item:last-child,
body.checkout-index-index .opc-progress-bar .opc-progress-bar-item:last-child::before {
    border-radius: 0 var(--megango-radius) var(--megango-radius) 0;
}

body.checkout-index-index .opc-block-summary,
body.checkout-index-index .opc-block-summary .items-in-cart > .title,
body.checkout-index-index .shipping-address-item,
body.checkout-index-index .payment-method-content {
    border-radius: var(--megango-radius);
}

body.checkout-index-index .field-tooltip .field-tooltip-content {
    border-radius: var(--megango-radius);
}

body.checkout-index-index .checkout-container {
    padding-bottom: var(--megango-section-space);
}

/* Payment choices and their additional coupon/gift-card tools share one card language. */
body.checkout-index-index .checkout-payment-method .payment-method,
body.checkout-index-index .checkout-payment-method .payment-option {
    margin: 0 0 16px;
    overflow: hidden;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

body.checkout-index-index .checkout-payment-method .payment-method-title,
body.checkout-index-index .checkout-payment-method .payment-option-title {
    margin: 0;
    padding: 15px 18px;
    background: #f7f7f7;
    border: 0 !important;
}

/* Replace the legacy low-resolution PayPal bitmap with PayPal's scalable
   official wordmark. The payment method itself and its Knockout binding stay
   untouched. */
body.checkout-index-index .checkout-payment-method img[alt*="paypal" i] {
    width: 94px;
    height: auto;
    max-height: 34px;
    object-fit: contain;
    content: url('https://www.paypalobjects.com/paypal-ui/logos/svg/paypal-color.svg');
}

body.checkout-index-index .checkout-payment-method .payment-method._active .payment-method-title,
body.checkout-index-index .checkout-payment-method .payment-option._active .payment-option-title {
    background: rgba(234, 84, 85, .08);
}

body.checkout-index-index .checkout-payment-method .payment-option-title .action-toggle,
body.checkout-index-index .checkout-payment-method .payment-option-title .action-toggle:hover,
body.checkout-index-index .checkout-payment-method .payment-option-title .action-toggle:focus {
    color: var(--megango-orange);
}

body.checkout-index-index .checkout-payment-method .payment-method-content,
body.checkout-index-index .checkout-payment-method .payment-option-content {
    padding: 18px;
    border-top: 1px solid var(--megango-border);
}

body.checkout-index-index .checkout-payment-method .payment-option .form-discount,
body.checkout-index-index .checkout-payment-method .payment-option .form-giftcard-account {
    max-width: none;
}

body.checkout-index-index .checkout-payment-method .payment-option .field {
    margin: 0 0 12px;
}

body.checkout-index-index .checkout-payment-method .payment-option .actions-toolbar {
    margin: 0;
}

body.checkout-index-index .checkout-payment-method .payment-option .action-apply,
body.checkout-index-index .checkout-payment-method .payment-option .action-check {
    background: var(--megango-orange);
    border-color: var(--megango-orange);
    border-radius: var(--megango-radius);
    color: #fff;
}

body.checkout-index-index .checkout-payment-method .payment-option .action-apply:hover,
body.checkout-index-index .checkout-payment-method .payment-option .action-apply:active,
body.checkout-index-index .checkout-payment-method .payment-option .action-check:hover,
body.checkout-index-index .checkout-payment-method .payment-option .action-check:active {
    background: var(--megango-near-black);
    border-color: var(--megango-near-black);
    color: #fff;
    box-shadow: none;
    outline: none;
}

/* Checkout navigation and final order controls use Megango button style 1. */
body.checkout-index-index .actions-toolbar .action,
body.checkout-index-index .action.primary.checkout,
body.checkout-index-index .payment-method-content .action.primary.checkout {
    background: var(--megango-orange);
    border-color: var(--megango-orange);
    border-radius: var(--megango-radius);
    color: #fff;
}

body.checkout-index-index .actions-toolbar .action:hover,
body.checkout-index-index .actions-toolbar .action:active,
body.checkout-index-index .action.primary.checkout:hover,
body.checkout-index-index .action.primary.checkout:active,
body.checkout-index-index .payment-method-content .action.primary.checkout:hover,
body.checkout-index-index .payment-method-content .action.primary.checkout:active {
    background: var(--megango-near-black);
    border-color: var(--megango-near-black);
    color: #fff;
    box-shadow: none;
    outline: none;
}

body.checkout-index-index .actions-toolbar .action:focus-visible,
body.checkout-index-index .action.primary.checkout:focus-visible,
body.checkout-index-index .payment-method-content .action.primary.checkout:focus-visible {
    background: var(--megango-near-black);
    border-color: var(--megango-near-black);
    color: #fff;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .22);
    outline: none;
}

/* Preserve the reviewed catalogue spelling. Applying CSS `capitalize` here
   changed every word and even rendered source units such as `kg` as `Kg` in
   cards, cart and checkout. Imported source errors remain a content task. */
.product-sliders-container .product_slider_item a h2,
.products-grid .product-item-name .product-item-link,
.products-list .product-item-name .product-item-link,
.products-widget-container .product-item-link,
.additional-products-slider .product-item-link,
body.catalog-product-view .page-title-wrapper.product .page-title,
body.catalog-product-view #bundle-product-buttin-grid-container .product-item-link,
body.catalog-product-view .modal-popup .product-item-name-display,
.minicart-items .product-item-name,
.minicart-items .product-item-name a,
.cart.table-wrapper .product-item-name,
.cart.table-wrapper .product-item-name a,
.opc-block-summary .product-item-name,
.block-wishlist .product-item-name,
.wishlist .product-item-name,
.block-search .ea-search-autocomplete .ea-product .name,
.block-search .ea-search-autocomplete .ea-product .info,
.search-autocomplete .product-item-name,
.search-autocomplete .product-item-link {
    text-transform: none !important;
}

/*
 * One icon family everywhere: the same 2px cart outline as the header,
 * plus matching 2px heart and profile outlines.
 */
.minicart-wrapper .action.showcart::before,
.catalog-category-view .product-top .tocart.primary::before,
.catalog-product-view .product-top .tocart.primary::before,
.cms-index-index .product-top .tocart.primary::before,
.catalogsearch-result-index .product-top .tocart.primary::before,
.additional-products-slider .product-top .tocart.primary::before,
.checkout-cart-index .product-top .tocart.primary::before,
.product-items .product-item-actions .action.tocart.primary::before {
    content: "" !important;
    display: block;
    width: 26px;
    height: 26px;
    background: url("../images/megango-cart.svg") center / contain no-repeat !important;
    opacity: 1;
}

/* Keep product-card cart and heart controls on the same optical baseline. */
.product-top .tocart.primary,
.product-top .towishlist,
.product-items .product-item-actions .action.tocart.primary,
.product-items .product-item-actions .action.towishlist {
    display: inline-flex !important;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.product-top .actions-secondary {
    display: inline-flex;
    align-items: center;
}

/* Treat the image and product name as one card interaction target on desktop. */
@media (min-width: 992px) {
    .product-item-info:hover .product-top .button-actions,
    .product-item-info:focus-within .product-top .button-actions {
        opacity: 1;
        visibility: visible;
    }

    .product-item-info:hover .product-top .product-item-photo,
    .product-item-info:focus-within .product-top .product-item-photo {
        opacity: .3;
    }
}

.product-top .tocart.primary::before,
.product-top .towishlist::before,
.product-items .product-item-actions .action.tocart.primary::before,
.product-items .product-item-actions .action.towishlist::before {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    transition: filter .18s ease, transform .18s ease;
    transform-origin: center;
}

.product-top .tocart.primary:hover::before,
.product-top .tocart.primary:focus::before,
.product-top .towishlist:hover::before,
.product-top .towishlist:focus::before,
.product-items .product-item-actions .action.tocart.primary:hover::before,
.product-items .product-item-actions .action.tocart.primary:focus::before,
.product-items .product-item-actions .action.towishlist:hover::before,
.product-items .product-item-actions .action.towishlist:focus::before {
    filter: invert(43%) sepia(75%) saturate(1767%) hue-rotate(325deg) brightness(101%) contrast(84%);
    transform: scale(1.08);
}

header.header .header-top .header-top-right ul.header.links li.wishlist::before,
header.header .mobile_header .mobile-header-links .mobile-wishlist .open_wishlist::before,
.product-items .action.towishlist::before,
.products.list.items .action.towishlist::before,
.table-comparison .action.towishlist::before,
.product-top .towishlist::before {
    content: "" !important;
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    background: url("../images/megango-heart.svg") center / contain no-repeat !important;
    font-size: 0 !important;
    line-height: 26px !important;
    opacity: 1;
}

header.header .header-top .header-top-right ul.header.links li.authorization-link::before,
header.header .mobile_header .mobile-header-links li.authorization-link a::before,
header.header .mobile_header .mobile-header-links li.authorization-link-customer a::before {
    content: "" !important;
    width: 26px;
    height: 26px;
    background: url("../images/megango-user.svg") center / contain no-repeat !important;
}

/* Shared Megango navigation hover language for every storefront. */
header.header .header-top a,
header.header .header-links a,
header.header .header-navigation a,
header.header .main-menu a,
header.header .mobile-menu a,
footer.page-footer .footer-top a {
    transition: color .18s ease;
}

header.header .header-top a:hover,
header.header .header-top a:focus,
header.header .header-links a:hover,
header.header .header-links a:focus,
header.header .header-navigation a:hover,
header.header .header-navigation a:focus,
header.header .main-menu a:hover,
header.header .main-menu a:focus,
header.header .mobile-menu a:hover,
header.header .mobile-menu a:focus,
footer.page-footer .footer-top a:hover,
footer.page-footer .footer-top a:focus {
    color: var(--megango-orange) !important;
    text-decoration: none;
}

header.header .mobile_header .hamburger,
header.header .nav-toggle,
header.header .header-minicart-container > .wishlist > a,
header.header .header-minicart-container > .account > a,
header.header .minicart-wrapper .action.showcart::before,
header.header .header-top .header-top-right ul.header.links li.wishlist::before,
header.header .header-top .header-top-right ul.header.links li.authorization-link::before,
header.header .mobile_header .mobile-header-links .mobile-wishlist .open_wishlist::before,
header.header .mobile_header .mobile-header-links li.authorization-link a::before,
header.header .mobile_header .mobile-header-links li.authorization-link-customer a::before,
header.header .mobile_header .mobile-menu-cart::before,
header.header .block-search .action.search::before,
footer.page-footer .footer-top ul.social-icons .social-icon::before {
    transition: color .18s ease, filter .18s ease, transform .18s ease;
    transform-origin: center;
}

header.header .mobile_header .hamburger:hover,
header.header .mobile_header .hamburger:focus,
header.header .nav-toggle:hover,
header.header .nav-toggle:focus {
    color: var(--megango-orange) !important;
    transform: scale(1.08);
}

header.header .header-minicart-container > .wishlist > a:hover,
header.header .header-minicart-container > .wishlist > a:focus,
header.header .header-minicart-container > .account > a:hover,
header.header .header-minicart-container > .account > a:focus {
    transform: scale(1.08);
}

/* Scale only the burger artwork; its adjacent divider must stay static. */
header.header #main-navigation > .menu-toggle svg {
    transition: transform .18s ease;
    transform-origin: center;
}

header.header #main-navigation > .menu-toggle:hover svg,
header.header #main-navigation > .menu-toggle:focus svg {
    transform: scale(1.08);
}

header.header #main-navigation > .menu-toggle svg path,
header.header .header-minicart-container > .wishlist > a svg path,
header.header .header-minicart-container > .account > a svg path,
header.header .header-minicart-container > .account > a svg circle {
    transition: fill .18s ease, stroke .18s ease;
}

header.header #main-navigation > .menu-toggle:hover svg path,
header.header #main-navigation > .menu-toggle:focus svg path,
header.header .header-minicart-container > .wishlist > a:hover svg path,
header.header .header-minicart-container > .wishlist > a:focus svg path,
header.header .header-minicart-container > .account > a:hover svg path,
header.header .header-minicart-container > .account > a:focus svg path,
header.header .header-minicart-container > .account > a:hover svg circle,
header.header .header-minicart-container > .account > a:focus svg circle {
    fill: none !important;
    stroke: var(--megango-orange) !important;
}

header.header #main-navigation > .menu-toggle:hover svg path,
header.header #main-navigation > .menu-toggle:focus svg path {
    fill: var(--megango-orange) !important;
    stroke: transparent !important;
}

/*
 * Full-width search suggestions, following the proven Xbau information
 * hierarchy while retaining Megango colours, typography and 5px corners.
 * This layer only styles the existing autocomplete markup; search behaviour
 * and the result payload remain owned by the installed search module.
 */
.block-search .ea-search-autocomplete {
    left: 50% !important;
    width: min(1200px, calc(100vw - 32px)) !important;
    max-width: 1200px !important;
    max-height: min(70vh, 680px);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 12px 34px rgba(25, 25, 25, .14);
    transform: translateX(-50%) !important;
}

.block-search .ea-search-autocomplete .content {
    position: relative;
    top: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    padding: 24px;
    background: var(--megango-surface);
}

.block-search .ea-search-autocomplete .content > * {
    min-width: 0;
}

.block-search .ea-search-autocomplete .title,
.block-search .ea-search-autocomplete h2,
.block-search .ea-search-autocomplete h3 {
    margin: 0 0 14px;
    color: var(--megango-near-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
}

.block-search .ea-search-autocomplete .ea-product,
.block-search .ea-search-autocomplete .ea-category,
.block-search .ea-search-autocomplete .ea-cms {
    margin: 0 0 12px;
    overflow: hidden;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.block-search .ea-search-autocomplete .ea-product:last-child,
.block-search .ea-search-autocomplete .ea-category:last-child,
.block-search .ea-search-autocomplete .ea-cms:last-child {
    margin-bottom: 0;
}

.block-search .ea-search-autocomplete .ea-product:hover,
.block-search .ea-search-autocomplete .ea-product:focus-within,
.block-search .ea-search-autocomplete .ea-category:hover,
.block-search .ea-search-autocomplete .ea-category:focus-within,
.block-search .ea-search-autocomplete .ea-cms:hover,
.block-search .ea-search-autocomplete .ea-cms:focus-within {
    background: #fff7f7;
    border-color: var(--megango-orange);
    box-shadow: 0 5px 14px rgba(234, 84, 85, .1);
}

.block-search .ea-search-autocomplete .content a,
.block-search .ea-search-autocomplete .ea-product a,
.block-search .ea-search-autocomplete .ea-category a,
.block-search .ea-search-autocomplete .ea-cms a {
    color: var(--megango-near-black);
    text-decoration: none;
}

.block-search .ea-search-autocomplete .ea-product a {
    display: flex;
    min-height: 92px;
    align-items: center;
    gap: 16px;
    padding: 12px;
}

.block-search .ea-search-autocomplete .ea-product img {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    padding: 5px;
    object-fit: contain;
    background: #f7f7f7;
    border-radius: var(--megango-radius);
}

.block-search .ea-search-autocomplete .ea-product .info {
    min-width: 0;
    margin-left: 0;
    line-height: 1.4;
}

.block-search .ea-search-autocomplete .ea-product .name {
    display: block;
    margin-bottom: 6px;
    color: var(--megango-near-black);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.block-search .ea-search-autocomplete .ea-product .price {
    color: var(--megango-near-black);
    font-weight: 700;
}

.block-search .ea-search-autocomplete .ea-product .special-price .price {
    color: var(--megango-orange);
}

.block-search .ea-search-autocomplete .ea-product:hover .name,
.block-search .ea-search-autocomplete .ea-product:focus-within .name,
.block-search .ea-search-autocomplete .ea-category:hover .name,
.block-search .ea-search-autocomplete .ea-category:focus-within .name,
.block-search .ea-search-autocomplete .ea-cms:hover .name,
.block-search .ea-search-autocomplete .ea-cms:focus-within .name {
    color: var(--megango-orange);
}

.block-search .ea-search-autocomplete .ea-category a,
.block-search .ea-search-autocomplete .ea-cms a {
    display: block;
    padding: 12px 14px;
}

.block-search .ea-search-autocomplete .ea-category .name,
.block-search .ea-search-autocomplete .ea-cms .name {
    color: var(--megango-near-black);
    font-size: 15px;
    line-height: 1.4;
}

.block-search .ea-search-autocomplete a:focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: -2px;
}

/* Active Smile ElasticSuite autocomplete markup used by the storefront. */
:is(.page-header, header.header) .block-search {
    /* Preserve the theme's three-column header row. The autocomplete is
       anchored to the existing header-search-container instead. */
    position: static !important;
}

:is(.page-header, header.header) .block-search .search-autocomplete {
    top: calc(100% + 10px) !important;
    left: 15px !important;
    width: calc(100% - 30px) !important;
    max-width: calc(100% - 30px) !important;
    max-height: min(70vh, 680px);
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 12px 34px rgba(25, 25, 25, .14);
    transform: none !important;
}

:is(.page-header, header.header) .block-search .search-autocomplete .smile-elasticsuite-autocomplete-result {
    padding: 24px;
}

:is(.page-header, header.header) .block-search .search-autocomplete .autocomplete-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 24px;
    padding: 0;
    background: transparent;
}

:is(.page-header, header.header) .block-search .search-autocomplete .autocomplete-list:last-child {
    margin-bottom: 0;
}

:is(.page-header, header.header) .block-search .search-autocomplete .autocomplete-list-title {
    margin: 0 0 4px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--megango-near-black);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
}

/* ElasticSuite returns this provider label in English. Localize it from the
   storefront's authoritative html lang value without delaying autocomplete. */
:is(.page-header, header.header) .block-search .search-autocomplete .title-term {
    font-size: 0 !important;
}

:is(.page-header, header.header) .block-search .search-autocomplete .title-term::before {
    content: "Search terms";
    font-size: 18px;
    line-height: 1.3;
}

html[lang="lv"] :is(.page-header, header.header) .block-search .search-autocomplete .title-term::before {
    content: "Meklēšanas frāzes";
}

html[lang="lt"] :is(.page-header, header.header) .block-search .search-autocomplete .title-term::before {
    content: "Paieškos frazės";
}

html[lang="et"] :is(.page-header, header.header) .block-search .search-autocomplete .title-term::before {
    content: "Otsingufraasid";
}

html[lang="pl"] :is(.page-header, header.header) .block-search .search-autocomplete .title-term::before {
    content: "Wyszukiwane frazy";
}

html[lang="ru"] :is(.page-header, header.header) .block-search .search-autocomplete .title-term::before {
    content: "Поисковые запросы";
}

:is(.page-header, header.header) .block-search .search-autocomplete dd {
    display: flex;
    min-height: 44px;
    align-items: center;
    margin: 0;
    padding: 10px 12px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border) !important;
    border-radius: var(--megango-radius) !important;
    color: var(--megango-near-black);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

/* The legacy autocomplete sheet gives the final item square top corners.
   Every result is a separate card, including the last item in each list. */
:is(.page-header, header.header) .block-search .search-autocomplete dl dd:last-child,
:is(.page-header, header.header) .block-search .search-autocomplete .autocomplete-list dd:last-child {
    overflow: hidden;
    border-radius: var(--megango-radius) !important;
}

:is(.page-header, header.header) .block-search .search-autocomplete dd:hover,
:is(.page-header, header.header) .block-search .search-autocomplete dd:focus,
:is(.page-header, header.header) .block-search .search-autocomplete dd.selected {
    background: #fff7f7;
    border-color: var(--megango-orange) !important;
    box-shadow: 0 5px 14px rgba(234, 84, 85, .1);
}

:is(.page-header, header.header) .block-search .search-autocomplete .qs-option-name,
:is(.page-header, header.header) .block-search .search-autocomplete .product-primary,
:is(.page-header, header.header) .block-search .search-autocomplete .category-mini-crumb {
    color: var(--megango-near-black);
    font-size: 15px;
    line-height: 1.4;
    text-transform: none;
}

:is(.page-header, header.header) .block-search .search-autocomplete dd:hover .qs-option-name,
:is(.page-header, header.header) .block-search .search-autocomplete dd:hover .product-primary,
:is(.page-header, header.header) .block-search .search-autocomplete dd:focus .qs-option-name,
:is(.page-header, header.header) .block-search .search-autocomplete dd:focus .product-primary,
:is(.page-header, header.header) .block-search .search-autocomplete dd.selected .qs-option-name,
:is(.page-header, header.header) .block-search .search-autocomplete dd.selected .product-primary {
    color: var(--megango-orange);
}

:is(.page-header, header.header) .block-search .search-autocomplete .amount {
    margin-left: auto;
    color: var(--megango-light-grey);
    font-size: 13px;
}

:is(.page-header, header.header) .block-search .search-autocomplete .product-image-box {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    margin-right: 16px;
    padding: 5px;
    background: #f7f7f7;
    border-radius: var(--megango-radius);
}

:is(.page-header, header.header) .block-search .search-autocomplete .product-image-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

:is(.page-header, header.header) .block-search .search-autocomplete .product-shop {
    min-width: 0;
    flex: 1 1 auto;
}

:is(.page-header, header.header) .block-search .search-autocomplete .product-secondary {
    margin-top: 5px;
    color: var(--megango-near-black);
    font-weight: 700;
}

:is(.page-header, header.header) .block-search .search-autocomplete .product-secondary .price {
    color: var(--megango-near-black);
    font-size: 14px !important;
    line-height: 20px !important;
}

:is(.page-header, header.header) .block-search .search-autocomplete .product-secondary .special-price .price {
    color: var(--megango-orange);
}

header.header .minicart-wrapper .action.showcart:hover::before,
header.header .minicart-wrapper .action.showcart:focus::before,
header.header .header-top .header-top-right ul.header.links li.wishlist:hover::before,
header.header .header-top .header-top-right ul.header.links li.authorization-link:hover::before,
header.header .mobile_header .mobile-header-links .mobile-wishlist .open_wishlist:hover::before,
header.header .mobile_header .mobile-header-links .mobile-wishlist .open_wishlist:focus::before,
header.header .mobile_header .mobile-header-links li.authorization-link a:hover::before,
header.header .mobile_header .mobile-header-links li.authorization-link a:focus::before,
header.header .mobile_header .mobile-header-links li.authorization-link-customer a:hover::before,
header.header .mobile_header .mobile-header-links li.authorization-link-customer a:focus::before,
header.header .mobile_header .mobile-menu-cart:hover::before,
header.header .mobile_header .mobile-menu-cart:focus::before,
header.header .block-search .action.search:hover::before,
header.header .block-search .action.search:focus::before,
footer.page-footer .footer-top ul.social-icons a:hover .social-icon::before,
footer.page-footer .footer-top ul.social-icons a:focus .social-icon::before {
    filter: invert(43%) sepia(75%) saturate(1767%) hue-rotate(325deg) brightness(101%) contrast(84%);
    transform: scale(1.08);
}

/* The legacy Magento footer adds 25px below the coloured footer bottom. */
footer.page-footer {
    padding-bottom: 0;
}

/* B23: the legacy -16px footer margin covered the last line on short pages.
   Apply at the shared page boundary, regardless of the main container class
   (cart uses .container, other pages use .page-main or .main-container).
   Keep the footer in normal flow; never hide content to mask an overlap. */
body .page-wrapper > footer.page-footer {
    margin-top: var(--megango-section-space);
    flex-shrink: 0;
    clear: both;
}

@media (max-width: 767px) {
    body .page-wrapper > footer.page-footer {
        margin-top: var(--megango-section-space-mobile);
    }
}

/* Keep the translated copyright wording in sentence case; the legacy footer
   uppercased every locale, including Latvian. */
footer.page-footer .footer-bottom .copyright {
    text-transform: none;
}

/* Shared header search follows Megango button style 2. */
header.header .block-search .action.search,
.page-header .block-search .action.search {
    background-color: var(--megango-light-grey);
    border-color: var(--megango-light-grey);
    color: #fff;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

header.header .block-search .action.search:is(:hover, :focus-visible),
.page-header .block-search .action.search:is(:hover, :focus-visible) {
    background-color: var(--megango-orange);
    border-color: var(--megango-orange);
    color: #fff;
}

header.header .block-search .action.search:is(:hover, :focus-visible)::before,
.page-header .block-search .action.search:is(:hover, :focus-visible)::before {
    filter: brightness(0) invert(1);
}

/* Give the homepage blog CTA a clear visual break before the grey footer. */
.cms-index-index .index_featured_posts .show-all-link {
    margin-bottom: 0;
}

.cms-index-index .index_featured_posts {
    padding-bottom: 48px;
}

/* Modern Mageplaza Blog listing. */
.mpblog-post-index #mpblog-list-container .megango-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
    padding-top: 28px;
    padding-bottom: 36px;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    margin: 0;
    overflow: hidden;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 8px 24px rgba(25, 25, 25, .07);
    transition: box-shadow .2s ease, transform .2s ease;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card:hover {
    box-shadow: 0 14px 34px rgba(25, 25, 25, .12);
    transform: translateY(-3px);
}

/* Give the newest article the visual priority expected on a modern blog. */
.mpblog-post-index #mpblog-list-container .megango-blog-card:first-child {
    display: grid;
    grid-column: span 2;
    grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr);
}

.mpblog-post-index #mpblog-list-container .megango-blog-card:first-child .megango-blog-card__media {
    height: 100%;
    min-height: 320px;
    aspect-ratio: auto;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card:first-child .megango-blog-card__title {
    font-size: 30px;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__media {
    width: 100%;
    min-height: 0;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    background: #f5f5f5;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__media a {
    display: block;
    width: 100%;
    height: 100%;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__image {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    object-fit: cover;
    transition: transform .3s ease;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card:hover .megango-blog-card__image {
    transform: scale(1.025);
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__title {
    margin: 0 0 14px;
    font-size: 24px;
    line-height: 1.25;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__title-link {
    color: var(--megango-near-black) !important;
    text-decoration: none;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__title-link:hover,
.mpblog-post-index #mpblog-list-container .megango-blog-card__title-link:focus {
    color: var(--megango-orange) !important;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__description {
    display: -webkit-box;
    margin: 0 0 22px;
    overflow: hidden;
    color: #555;
    font-size: 16px;
    line-height: 1.6;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__description p {
    margin: 0;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: auto;
    padding: 10px 20px;
    background: var(--megango-orange);
    border: 1px solid var(--megango-orange);
    border-radius: var(--megango-radius);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease;
}

.mpblog-post-index #mpblog-list-container .megango-blog-card__read-more:hover,
.mpblog-post-index #mpblog-list-container .megango-blog-card__read-more:focus {
    background: var(--megango-near-black);
    border-color: var(--megango-near-black);
    color: #fff !important;
    text-decoration: none;
}

/* Modern, compact blog pagination and per-page control. */
/* Some extensions place the title outside the content container. Constrain
   only these top-level titles; nested product/account titles retain their grid. */
body #maincontent > .page-title-wrapper {
    box-sizing: border-box; width: 100%; max-width: 1330px;
    margin-inline: auto; padding-inline: 15px;
}
.mpblog-post-index #mpblog-list-container > .pager {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 4px 0 42px;
    padding: 16px 18px;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 8px 24px rgba(25, 25, 25, .06);
}

.mpblog-post-index #mpblog-list-container > .pager .toolbar-amount,
.mpblog-post-index #mpblog-list-container > .pager .pages-label,
.mpblog-post-index #mpblog-list-container > .pager .page > .label,
.mpblog-post-index #mpblog-list-container > .pager .action > .label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.mpblog-post-index #mpblog-list-container > .pager .pages {
    margin: 0;
}

.mpblog-post-index #mpblog-list-container > .pager .pages-items {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mpblog-post-index #mpblog-list-container > .pager .pages-items .item {
    margin: 0;
}

.mpblog-post-index #mpblog-list-container > .pager .page,
.mpblog-post-index #mpblog-list-container > .pager .action {
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    background: #f7f7f7;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    color: var(--megango-near-black) !important;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.mpblog-post-index #mpblog-list-container > .pager a.page:hover,
.mpblog-post-index #mpblog-list-container > .pager a.page:focus,
.mpblog-post-index #mpblog-list-container > .pager .action:hover,
.mpblog-post-index #mpblog-list-container > .pager .action:focus {
    background: #fff7f7;
    border-color: var(--megango-orange);
    color: var(--megango-orange) !important;
    transform: translateY(-1px);
}

.mpblog-post-index #mpblog-list-container > .pager .current .page {
    background: var(--megango-orange);
    border-color: var(--megango-orange);
    color: #fff !important;
}

.mpblog-post-index #mpblog-list-container > .pager .pages-item-separator {
    min-width: 24px;
    color: var(--megango-light-grey);
    text-align: center;
}

.mpblog-post-index #mpblog-list-container > .pager .action::before {
    width: 11px;
    height: 11px;
    margin: 0;
    border: 0;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    color: currentColor;
    content: "" !important;
    font-size: 0;
}

.mpblog-post-index #mpblog-list-container > .pager .action.next,
.mpblog-post-index #mpblog-list-container > .pager .action.previous {
    padding: 0;
    background: transparent;
    border-color: transparent;
}

.mpblog-post-index #mpblog-list-container > .pager .action.next::before {
    transform: rotate(45deg);
}

.mpblog-post-index #mpblog-list-container > .pager .action.previous::before {
    transform: rotate(-135deg);
}

.mpblog-post-index #mpblog-list-container > .pager .action > span:not(.label) {
    display: none;
}

.mpblog-post-index #mpblog-list-container > .pager .limiter {
    display: inline-flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--megango-light-grey);
}

.mpblog-post-index #mpblog-list-container > .pager .limiter > .megango-select {
    flex: 0 0 76px; width: 76px; min-width: 0;
}
.mpblog-post-index #mpblog-list-container > .pager .limiter .megango-select-trigger {
    min-width: 0; width: 100%; min-height: 40px;
}
.mpblog-post-index #mpblog-list-container > .pager .limiter-label,
.mpblog-post-index #mpblog-list-container > .pager .limiter-text {
    margin: 0; width: auto; flex: 0 0 auto;
}

.mpblog-post-index #mpblog-list-container > .pager .limiter-label,
.mpblog-post-index #mpblog-list-container > .pager .limiter-text {
    font-size: 14px;
    font-weight: 600;
}

.mpblog-post-index #mpblog-list-container > .pager .limiter-options {
    width: 66px;
    height: 40px;
    margin: 0;
    padding: 0 30px 0 12px;
    background-color: #f7f7f7;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    color: var(--megango-near-black);
    font-weight: 700;
}

.mpblog-post-index #mpblog-list-container > .pager .limiter-options:focus {
    border-color: var(--megango-orange);
    box-shadow: 0 0 0 2px rgba(234, 84, 85, .16);
    outline: 0;
}

/* Compare and wishlist utilities are unrelated to editorial content. */
.mpblog-post-index .sidebar-additional .block-compare,
.mpblog-post-index .sidebar-additional .block-wishlist {
    display: none !important;
}

/* Recent-purchase notice: reserve separate columns for image and copy. */
.notify-slider-wrapper.content-products {
    overflow: hidden;
}

.notify-slider-wrapper .products-grid .product-item .product-item-info {
    display: grid !important;
    grid-template-columns: 105px minmax(0, 1fr);
    align-items: center;
    width: 100% !important;
}

.notify-slider-wrapper .products-grid .product-item .images-container {
    width: 105px;
    min-width: 0;
    margin: 0 !important;
    padding: 14px;
    overflow: hidden;
}

/* Purchase notices are informational; product-card hover controls must never
   surface over their compact image and copy. */
.notify-slider-wrapper .actions-no,
.notify-slider-wrapper .hover-box,
.notify-slider-wrapper .product-item-actions,
.notify-slider-wrapper .add-to-links {
    display: none !important;
}

.notify-slider-wrapper .products-grid .product-item .product-item-details {
    position: static !important;
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 14px 38px 14px 0 !important;
    overflow: hidden;
}

.notify-slider-wrapper .products-grid .product-item .product-item-name {
    display: -webkit-box;
    margin: 3px 0;
    max-width: 100%;
    overflow: hidden;
    line-height: 1.3;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.notify-slider-wrapper .customer-name,
.notify-slider-wrapper .time-purchased,
.notify-slider-wrapper .address-purchased {
    display: block;
    overflow: hidden;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notify-slider-wrapper .price-box {
    display: none !important;
}

/* The 404 page uses the same reviewed public contacts as the storefront.
   Empty market-specific phone data stays absent rather than leaving a label. */
body.cms-noroute-index .info .contacts p {
    margin: 6px 0;
}

body.cms-noroute-index .info .contacts a {
    color: var(--megango-orange);
    overflow-wrap: anywhere;
}

body.cms-noroute-index .megango-404-tools {
    width: min(100%, 520px);
    margin-top: 28px;
}

body.cms-noroute-index .megango-404-search label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
}

body.cms-noroute-index .megango-404-search .control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

body.cms-noroute-index .megango-404-search input,
body.cms-noroute-index .megango-404-search button,
body.cms-noroute-index .megango-404-actions .action {
    min-height: 48px;
    border-radius: var(--megango-radius);
}

body.cms-noroute-index .megango-404-search input {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--megango-border);
}

body.cms-noroute-index .megango-404-search button {
    margin: 0;
    padding-inline: 22px;
}

body.cms-noroute-index .actions-toolbar.megango-404-actions {
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin-top: 18px;
}

body.cms-noroute-index div.info .actions-toolbar.megango-404-actions > :is(.primary, .secondary) {
    float: none;
    margin: 0;
    padding: 0;
}

body.cms-noroute-index div.info .megango-404-actions .action {
    display: inline-flex;
    float: none;
    align-items: center;
    justify-content: center;
    min-width: 168px;
    margin: 0;
    padding: 12px 20px;
}

body.cms-noroute-index div.info .megango-404-actions .action.secondary {
    border: 1px solid var(--megango-orange);
    background: #fff;
    color: var(--megango-orange);
}

@media (max-width: 479px) {
    body.cms-noroute-index div.info {
        box-sizing: border-box;
        min-height: 100%;
        height: auto;
        padding-inline: 20px;
    }
    body.cms-noroute-index .megango-404-search .control { grid-template-columns: 1fr; }
    body.cms-noroute-index .actions-toolbar.megango-404-actions { flex-direction: column; }
    body.cms-noroute-index div.info .megango-404-actions > :is(.primary, .secondary),
    body.cms-noroute-index div.info .megango-404-actions .action { width: 100%; }
}

/* Blog article: keep imported editorial markup inside the Megango visual system. */
.mpblog-post-view .columns .column.main {
    width: 100% !important;
}

/* Every article needs a clear editorial ending before the footer begins. */
.mpblog-post-view .mp-blog-view {
    margin-bottom: var(--megango-section-space);
}

.mpblog-post-view .post-view-image img {
    border-radius: var(--megango-radius);
}

.mpblog-post-view .post-post_content {
    color: var(--megango-near-black);
}

.mpblog-post-view .post-post_content h1,
.mpblog-post-view .post-post_content h2,
.mpblog-post-view .post-post_content h3,
.mpblog-post-view .post-post_content h4 {
    color: var(--megango-near-black) !important;
}

.mpblog-post-view .post-post_content h1 {
    border-bottom-color: var(--megango-orange) !important;
}

.mpblog-post-view .post-post_content h2 {
    border-left-color: var(--megango-orange) !important;
}

.mpblog-post-view .post-post_content a,
.mpblog-post-view .post-post_content [style*="color: #2980b9"],
.mpblog-post-view .post-post_content [style*="color:#2980b9"],
.mpblog-post-view .post-post_content [style*="color: #27ae60"],
.mpblog-post-view .post-post_content [style*="color:#27ae60"] {
    color: var(--megango-orange) !important;
}

.mpblog-post-view .post-post_content [style*="background: #27ae60"],
.mpblog-post-view .post-post_content [style*="background:#27ae60"] {
    background: var(--megango-orange) !important;
    color: #fff !important;
}

.mpblog-post-view .post-post_content [style*="background: #2c3e50"],
.mpblog-post-view .post-post_content [style*="background:#2c3e50"] {
    background: var(--megango-near-black) !important;
}

.mpblog-post-view .post-post_content [style*="background: #f4f7f9"],
.mpblog-post-view .post-post_content [style*="background:#f4f7f9"] {
    background: #f7f7f7 !important;
    border-color: var(--megango-border) !important;
}

.mpblog-post-view .post-post_content [style*="background: #fff3e0"],
.mpblog-post-view .post-post_content [style*="background:#fff3e0"] {
    background: rgba(234, 84, 85, .08) !important;
    border-color: var(--megango-orange) !important;
}

.mpblog-post-view .post-post_content [style*="border-radius"] {
    border-radius: var(--megango-radius) !important;
}

.mpblog-post-view .sidebar-additional,
.mpblog-post-view .sidebar-additional .block-compare,
.mpblog-post-view .sidebar-additional .block-wishlist,
.mpblog-post-view #sharing {
    display: none !important;
}

@media (max-width: 639px) {
    .mpblog-post-view .mp-blog-view {
        margin-bottom: var(--megango-section-space-mobile);
    }

    body.checkout-cart-index .cart-discount {
        gap: 12px;
        margin-bottom: var(--megango-section-space-mobile);
    }

    body.checkout-cart-index .cart-discount > .crosssell {
        margin-top: calc(var(--megango-section-space-mobile) - 12px);
    }

    body.checkout-index-index .checkout-container {
        padding-bottom: var(--megango-section-space-mobile);
    }
}

/* Midnight release finishing layer: shared category, product and footer rules. */
body.megango-category-hub-page.page-layout-sub-cat-layout div.toolbar.toolbar-products,
body.megango-category-hub-page.page-layout-sub-cat-layout div.niks-ajax-wrapper,
body.megango-category-hub-page.page-layout-sub-cat-layout div.products.wrapper.grid.products-grid,
body.megango-category-hub-page.page-layout-sub-cat-layout div.block.filter,
body.megango-category-hub-page.page-layout-sub-cat-layout div.page-title-wrapper {
    display: block;
}

body.megango-category-hub-page.page-layout-sub-cat-layout .columns {
    display: block;
    width: 100%;
    max-width: 1330px;
    margin: var(--megango-section-space) auto 0;
    padding: 0 15px var(--megango-section-space);
}

body.megango-category-hub-page .category_3lvl_grid_list {
    padding-bottom: 0;
}

body.page-layout-sub-cat-layout .megango-category-hub .row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

body.page-layout-sub-cat-layout .megango-category-hub .row > [class*="col-"] {
    width: auto;
    min-width: 0;
    padding: 0;
}

body.page-layout-sub-cat-layout .megango-category-hub .row > .col-md-12:first-child {
    grid-column: 1 / -1;
}

body.page-layout-sub-cat-layout .megango-category-hub .category-block,
body.page-layout-sub-cat-layout .megango-category-hub .img-wrap {
    height: 100%;
    margin: 0;
}

body.page-layout-sub-cat-layout .megango-category-hub .img-wrap {
    position: relative;
    min-height: 250px;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

body.page-layout-sub-cat-layout .megango-category-hub .img-wrap > a:first-child {
    display: block;
    height: 100%;
}

body.page-layout-sub-cat-layout .megango-category-hub .img-wrap img {
    width: 100%;
    height: 250px !important;
    object-fit: cover;
    transform: scale(1);
    transition: transform .22s ease;
}

body.page-layout-sub-cat-layout .megango-category-hub .img-wrap a.title-wrap {
    position: absolute;
    right: 14px;
    bottom: 14px;
    left: 14px;
    width: auto !important;
    min-height: 48px;
    margin: 0;
    padding: 12px 16px;
    background: rgba(25, 25, 25, .9);
    border-radius: var(--megango-radius);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.page-layout-sub-cat-layout .megango-category-hub .img-wrap a.title-wrap span.title {
    color: #fff;
    line-height: 1.3;
}

@media (hover: hover) and (pointer: fine) {
    body.page-layout-sub-cat-layout .megango-category-hub .category-block:hover img {
        transform: scale(1.035);
    }

    body.page-layout-sub-cat-layout .megango-category-hub .category-block:hover a.title-wrap {
        background: var(--megango-orange);
    }
}

/* Homepage category cards use the approved lifestyle photos. The image itself
   is clipped as well as the card so hover scaling cannot expose square edges. */
body.cms-index-index .category-tree-container .category-tree-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    max-width: none;
    margin: 0 !important;
}

body.cms-index-index .category-tree-container {
    /* The banner and category wrappers are adjacent, but their margins can
       collapse through the CMS container. Padding keeps the visual gap real. */
    margin-top: 0;
    padding-top: calc(var(--megango-section-space) / 2);
    margin-bottom: var(--megango-section-space);
}

/* The legacy homepage rule gives every .container only a 10px top margin.
   Restore the same block rhythm used between the opening banners and cards. */
body.cms-index-index .columns-content .product-sliders-container,
body.cms-index-index .columns-content .index_featured_posts {
    margin-top: var(--megango-section-space);
    margin-bottom: 0;
}

@media (max-width: 639px) {
    body.cms-index-index .columns-content .product-sliders-container,
    body.cms-index-index .columns-content .index_featured_posts {
        margin-top: var(--megango-section-space-mobile);
    }
}

/* About-page typography is the shared reference for content headings. Keep
   the existing H1/H2/H3 elements and their hierarchy while aligning type. */
main.main-container .page-title-wrapper .page-title,
main.main-container .affiliate-main > h1,
main.main-container .cms-custom-page :is(h1, h2, h3),
body.account .column.main :is(.block-title > strong, .fieldset > .legend) {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.2;
}

main.main-container .page-title-wrapper .page-title,
main.main-container .affiliate-main > h1 {
    font-size: clamp(30px, 3vw, 46px);
}

main.main-container .affiliate-main :is(h2, .fieldset > .legend) {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(24px, 2.2vw, 30px);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.25;
}

body.cms-index-index .category-tree-container .category-tree-list > li {
    width: auto !important;
    min-width: 0;
    height: auto !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
}

body.cms-index-index .category-tree-container .category-tree-list > li > a.btn {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 146px;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    color: var(--megango-near-black);
    text-align: left;
    transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.cms-index-index .category-tree-container .category-tree-list img {
    display: block;
    width: 112px !important;
    height: 112px !important;
    flex: 0 0 112px;
    margin: 0 !important;
    object-fit: cover;
    border-radius: var(--megango-radius);
    clip-path: inset(0 round var(--megango-radius));
    transform: scale(1);
    transition: transform .2s ease;
}

body.cms-index-index .category-tree-container .category-tree-list > li > a.btn span {
    margin-left: 0;
    color: var(--megango-near-black);
    line-height: 1.35;
}

@media (hover: hover) and (pointer: fine) {
    body.cms-index-index .category-tree-container .category-tree-list > li > a.btn:hover {
        color: var(--megango-orange);
        background: #fff;
        border-color: var(--megango-orange);
        box-shadow: 0 8px 22px rgba(25, 25, 25, .07);
    }

    body.cms-index-index .category-tree-container .category-tree-list > li > a.btn:hover img {
        transform: scale(1.025);
    }
}

body.cms-index-index .category-tree-container .category-tree-list > li > a.btn:focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: 3px;
}

/* The legacy generated stylesheet forces blue card backgrounds and inverts
   category images. Keep the approved Megango artwork in its actual colors. */
body.cms-index-index .columns-content .category-tree-container .category-tree-list > li > a.btn,
body.cms-index-index .columns-content .category-tree-container .category-tree-list > li > a.btn:hover,
body.cms-index-index .columns-content .category-tree-container .category-tree-list > li > a.btn:focus-visible {
    background: #fff !important;
}

body.cms-index-index .columns-content .category-tree-container .category-tree-list > li > a.btn img {
    filter: none !important;
}

/* Keep the category heading above its nine approved illustrations. */
body.catalog-category-view .megango-hub-heading {
    width: calc(100% - 30px);
    max-width: 1300px;
    margin: 28px auto 22px;
    color: var(--megango-near-black);
    text-align: center;
}

body.catalog-category-view .megango-hub-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: calc(100% - 30px);
    max-width: 1300px;
    margin: 0 auto 36px;
}

body.catalog-category-view .megango-hub-card {
    display: flex;
    min-width: 0;
    min-height: 146px;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    color: var(--megango-near-black);
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.catalog-category-view .megango-hub-card img {
    display: block;
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    object-fit: cover;
    border-radius: var(--megango-radius);
    clip-path: inset(0 round var(--megango-radius));
    filter: none !important;
    transition: transform .2s ease;
}

body.catalog-category-view .megango-hub-card span {
    min-width: 0;
}

@media (hover: hover) and (pointer: fine) {
    body.catalog-category-view .megango-hub-card:hover {
        color: var(--megango-orange);
        border-color: var(--megango-orange);
        box-shadow: 0 8px 22px rgba(25, 25, 25, .07);
    }

    body.catalog-category-view .megango-hub-card:hover img {
        transform: scale(1.025);
    }
}

body.catalog-category-view .megango-hub-card:focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: 3px;
}

@media (max-width: 991px) {
    body.catalog-category-view .megango-hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 639px) {
    body.catalog-category-view .megango-hub-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    body.catalog-category-view .megango-hub-card { min-height: 128px; gap: 14px; padding: 12px 14px; }
    body.catalog-category-view .megango-hub-card img { width: 92px; height: 92px; flex-basis: 92px; }
}

/* Current legacy minicart specificity otherwise leaves the primary CTA teal. */
body .minicart-wrapper .block-minicart .actions .primary .action.primary.checkout,
body .minicart-wrapper #top-cart-btn-checkout,
body header.header .header-middle .header-minicart-container .minicart-wrapper .primary .minicart-go-to-cart {
    background: var(--megango-orange) !important;
    border-color: var(--megango-orange) !important;
    color: #fff !important;
    border-radius: var(--megango-radius);
}

body .minicart-wrapper .block-minicart .actions .primary .action.primary.checkout:is(:hover, :active, :focus-visible),
body .minicart-wrapper #top-cart-btn-checkout:is(:hover, :active, :focus-visible),
body header.header .header-middle .header-minicart-container .minicart-wrapper .primary .minicart-go-to-cart:is(:hover, :active, :focus-visible) {
    background: var(--megango-near-black) !important;
    border-color: var(--megango-near-black) !important;
    color: #fff !important;
}

body .minicart-wrapper :is(.action.primary.checkout, #top-cart-btn-checkout, .minicart-go-to-cart) span,
body .minicart-wrapper :is(.action.primary.checkout, #top-cart-btn-checkout, .minicart-go-to-cart):is(:hover, :active, :focus-visible) span {
    color: #fff !important;
}

/* Align the summary title with the shipping-method title at desktop widths. */
@media (min-width: 1200px) {
    body.checkout-index-index .checkout-container:has(#opc-shipping_method) .opc-sidebar {
        margin-top: 80px;
    }
}

/* Registration legend and CAPTCHA follow the same control-column edges. */
@media (min-width: 768px) {
    body.customer-account-create .form-create-account .fieldset.create > .legend {
        width: 74.2% !important;
        margin-left: 25.8% !important;
        box-sizing: border-box;
    }

    body.customer-account-create .form-create-account .field-recaptcha {
        width: 74.2%;
        margin-left: 25.8%;
    }
}

body.customer-account-create .form-create-account .fieldset.create {
    margin-bottom: 26px;
}

/* The last two CMS paragraphs are one Lithuania address, not two cards. */
@media (min-width: 640px) {
    body.cms-par-mums .cms-custom-page > [data-content-type="html"] {
        display: grid;
        grid-template-columns: 75px minmax(0, calc(50% - 85px)) minmax(0, 1fr);
    }

    body.cms-par-mums .cms-custom-page > [data-content-type="html"] > :not(p:nth-last-of-type(2)):not(p:last-of-type) {
        grid-column: 1 / -1;
    }

    body.cms-par-mums .cms-custom-page > [data-content-type="html"] > p:nth-last-of-type(2) {
        display: flex;
        grid-column: 1;
        width: 100%;
        min-height: 62px;
        align-items: center;
        margin-right: 0;
        border-right: 0;
        border-radius: var(--megango-radius) 0 0 var(--megango-radius);
    }

    body.cms-par-mums .cms-custom-page > [data-content-type="html"] > p:last-of-type {
        display: flex;
        grid-column: 2;
        width: 100%;
        min-height: 62px;
        align-items: center;
        margin-left: 0;
        border-left: 0;
        border-radius: 0 var(--megango-radius) var(--megango-radius) 0;
    }
}

/* Product toolbar: spacing and shared vertical centre at every catalogue view. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 22px;
    row-gap: 14px;
    align-items: center;
    padding: 14px 20px;
}

/* Legacy clearfix pseudo-elements otherwise occupy grid cells and push the
   product count and pagination into the wrong tracks. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products::before,
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products::after {
    display: none !important;
    content: none !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products > :is(.toolbar-amount, .pages, .limiter, .sorter) {
    display: flex !important;
    min-width: 0;
    min-height: 44px;
    align-items: center !important;
    align-self: center;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products :is(.limiter, .sorter) {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products > .modes:not(:has(> *)) {
    display: none;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages {
    justify-self: end;
    margin-left: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages .pages-items {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages .pages-items > .item {
    top: 0;
    line-height: 1.35;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products :is(.limiter, .sorter) :is(.label, .sorter-label, .limiter-text) {
    flex: 0 0 auto;
    margin: 0;
    line-height: 1.35;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .sorter-options {
    width: min(100%, 240px);
    min-width: 150px;
    max-width: none;
    margin: 0;
}

@media (min-width: 1600px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products {
        grid-template-columns: minmax(170px, 1fr) auto auto minmax(310px, auto);
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .sorter {
        justify-self: end;
    }
}

@media (min-width: 768px) and (max-width: 1599px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .limiter {
        grid-column: 1;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .sorter {
        grid-column: 2;
        justify-self: end;
    }
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select {
    border-radius: var(--megango-radius) !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select:hover {
    color: var(--megango-orange);
}

@media (max-width: 767px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products {
        grid-template-columns: minmax(0, 1fr);
        padding: 14px;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products > :is(.toolbar-amount, .pages, .limiter, .sorter) {
        grid-column: 1;
        justify-self: stretch;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .pages {
        justify-content: flex-start;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products .sorter-options {
        flex: 1 1 auto;
    }
}

@media (max-width: 991px) {
    .affiliate-campaigns-list table { min-width: 900px; }
}

/* Filter section bars follow the same radius as other Megango controls. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options {
    background: transparent;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options .filter-options-item {
    margin: 0 0 10px;
    overflow: hidden;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius) !important;
    background: #fff;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options .filter-options-title {
    display: flex;
    min-height: 48px;
    align-items: center;
    margin: 0;
    padding: 10px 42px 10px 14px;
    border-radius: var(--megango-radius) !important;
    background: #f5f5f5;
    line-height: 1.35;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options .filter-options-title::after {
    right: 16px !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter :is(.filter-subtitle, .filter-current-subtitle) {
    padding-right: 54px;
    border-radius: var(--megango-radius) !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter :is(.filter-subtitle, .filter-current-subtitle)::after {
    right: 20px !important;
}

/* Reserve a separate control area for removing an active filter. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-current .item {
    position: relative;
    min-height: 56px;
    padding: 10px 48px 10px 14px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-current .item .action.remove {
    position: absolute;
    top: 50%;
    right: 12px;
    left: auto;
    width: 28px;
    height: 28px;
    margin: 0;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    border-radius: var(--megango-radius);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-current .item .action.remove:hover {
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .08);
}

/* Native checkbox geometry is stable across brand/price/category facets. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    flex: 0 0 18px;
    appearance: none;
    display: inline-grid;
    place-content: center;
    border: 1.5px solid #777;
    border-radius: 4px;
    background: #fff;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="checkbox"]:checked {
    background: var(--megango-orange);
    border-color: var(--megango-orange);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="checkbox"]:checked::before {
    content: "";
    width: 5px;
    height: 9px;
    margin-top: -2px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content .item a {
    display: flex;
    align-items: center;
    gap: 12px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content .item label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    margin: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: 2px;
    box-shadow: none;
}

/* Keep facet controls on the text baseline even when a theme positions the
   checkbox outside its link. The selected state uses a restrained tick. */
:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content li.item {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content li.item > a {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content li.item > a > label {
    min-height: 0;
    padding: 0 !important;
    line-height: 1.4;
    background: transparent !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content li.item > a:is(:hover, :focus) {
    background: transparent;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content li.item > a > label .count {
    margin-left: 8px;
    padding-left: 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="checkbox"] {
    position: static !important;
    vertical-align: middle;
    align-self: center;
    box-shadow: none !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content input[type="checkbox"]:checked::before {
    width: 5px;
    height: 8px;
    border-width: 0 2px 2px 0;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options-content :is(input[type="text"], input[type="search"], select) {
    border-radius: var(--megango-radius) !important;
}

:is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products select:hover {
    border-color: #cfcfcf;
    box-shadow: none;
}

body.catalog-product-view .product-add-form button.action.primary.tocart,
body.catalog-product-view .product-add-form button.action.primary.tocart:is(:hover, :active, :focus-visible),
body.catalog-product-view .product-info-main .action.towishlist,
body.catalog-product-view .product-info-main .action.towishlist:is(:hover, :active, :focus-visible) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart > .title,
body.checkout-index-index .opc-sidebar .opc-block-summary .items-in-cart > .title strong {
    border-radius: var(--megango-radius) !important;
}

/* Product quantity and benefit row. */
.product-sliders-container .products-widget-container .products-widget {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    justify-content: stretch;
    align-items: stretch;
}

.product-sliders-container .products-widget-container .products-widget > .product-item {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 8px 20px;
}

/* The legacy image placeholder creates a blank band above the product name. */
body.catalog-product-view .products-widget-container ol:is(.js_upsell_additionas_products_slider, .js_related_additionas_products_slider) .img-wrapper {
    min-height: 0;
    padding-bottom: 12px;
}

/* The content card has its own border; the tabs wrapper's line doubles it. */
body.catalog-product-view .product.info.detailed > .product.data.items {
    border-bottom: 0;
}

.product-sliders-container + .product-sliders-container {
    margin-top: var(--megango-section-space);
}

@media (max-width: 1199px) {
    .product-sliders-container .products-widget-container .products-widget {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }
}

@media (max-width: 767px) {
    .product-sliders-container .products-widget-container .products-widget {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    /* Configurable-price labels must read as a separate line instead of
       touching the large amount. */
    body.catalog-product-view .product-info-main .normal-price .price-container {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }

    /* Legacy product cards reserve 90px for every name and 30px below every
       price. On a one-card mobile carousel this becomes visibly empty space. */
    body.catalog-product-view .products-widget-container .additional-products-slider .itemdisc .product-item-link {
        min-height: 0;
    }

    body.catalog-product-view .products-widget-container .additional-products-slider .button-actions {
        padding-top: 16px;
        padding-bottom: 8px;
    }

    body.catalog-product-view .products-widget-container .additional-products-slider .price-box {
        margin-bottom: 12px;
    }

    .product-sliders-container + .product-sliders-container {
        margin-top: var(--megango-section-space-mobile);
    }
}

@media (max-width: 399px) {
    .product-sliders-container .products-widget-container .products-widget {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (min-width: 1200px) {
    body.page-products.page-layout-1column .products-grid .product-items {
        margin-right: -8px;
        margin-left: -8px;
    }

    body.page-products.page-layout-1column .products-grid .product-item {
        width: 20%;
        padding-right: 8px;
        padding-left: 8px;
    }

    body.page-products.page-layout-2columns-left .products-grid .product-items,
    body.page-products.page-layout-2columns-right .products-grid .product-items,
    body.megango-category-hub-page .products-grid .product-items {
        margin-right: -8px;
        margin-left: -8px;
    }

    body.page-products.page-layout-2columns-left .products-grid .product-item,
    body.page-products.page-layout-2columns-right .products-grid .product-item,
    body.megango-category-hub-page .products-grid .product-item {
        width: 25%;
        box-sizing: border-box;
        margin-left: 0;
        padding-right: 8px;
        padding-left: 8px;
    }
}

body.catalog-product-view :is(.product-info-main, .product-options-bottom) .box-tocart .field.qty {
    margin-right: 16px;
}

body.catalog-product-view :is(.product-info-main, .product-options-bottom) .box-tocart .input-text.qty {
    min-width: 76px;
    height: 52px;
    padding: 10px 12px;
    border: 1px solid #cfcfcf;
    border-radius: var(--megango-radius);
    box-shadow: none;
    text-align: center;
}

body.catalog-product-view :is(.product-info-main, .product-options-bottom) .box-tocart .input-text.qty:hover,
body.catalog-product-view :is(.product-info-main, .product-options-bottom) .box-tocart .input-text.qty:focus {
    border-color: var(--megango-orange);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(234, 84, 85, .13);
}

body.catalog-product-view ul.product_after_cart_link li::before,
body.catalog-product-view ul.top_header_link li::before {
    filter: brightness(0) saturate(100%) invert(47%) sepia(85%) saturate(1444%) hue-rotate(326deg) brightness(97%) contrast(89%);
}

/* Every product carousel arrow uses the same restrained Megango hover. */
.additional-products-slider .slick-arrow,
.products-widget-container .slick-arrow,
.product-sliders-container .slick-arrow {
    border-radius: 50%;
    color: var(--megango-near-black);
    transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

@media (hover: hover) and (pointer: fine) {
    .additional-products-slider .slick-arrow:not(.slick-disabled):hover,
    .additional-products-slider .slick-arrow:not(.slick-disabled):focus-visible,
    .products-widget-container .slick-arrow:not(.slick-disabled):hover,
    .products-widget-container .slick-arrow:not(.slick-disabled):focus-visible,
    .product-sliders-container .slick-arrow:not(.slick-disabled):hover,
    .product-sliders-container .slick-arrow:not(.slick-disabled):focus-visible {
        color: #fff !important;
        background: var(--megango-orange) !important;
        transform: scale(1.06);
    }

    .additional-products-slider .slick-arrow:not(.slick-disabled):hover::before,
    .additional-products-slider .slick-arrow:not(.slick-disabled):focus-visible::before,
    .products-widget-container .slick-arrow:not(.slick-disabled):hover::before,
    .products-widget-container .slick-arrow:not(.slick-disabled):focus-visible::before,
    .product-sliders-container .slick-arrow:not(.slick-disabled):hover::before,
    .product-sliders-container .slick-arrow:not(.slick-disabled):focus-visible::before {
        color: #fff !important;
    }
}

/* Footer layout, stable social hover and comparison/payment-logo placement. */
footer.page-footer .footer-top ul.links li.social ul.social-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
}

footer.page-footer .footer-top ul.links li.social ul.social-icons > li {
    margin: 0;
    width: 48px !important;
    flex: 0 0 48px;
    list-style: none;
}

footer.page-footer .footer-top ul.links li.social ul.social-icons .social-icon {
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #999;
    border-radius: 50%;
    transform: none;
    transition: background-color .18s ease, transform .18s ease;
}

footer.page-footer .footer-top ul.links li.social ul.social-icons .social-icon::before {
    content: none !important;
}

footer.page-footer .footer-top ul.links li.social ul.social-icons .social-icon svg {
    width: 24px;
    height: 24px;
    color: #fff;
    fill: currentColor;
    flex: none;
}

@media (hover: hover) and (pointer: fine) {
    footer.page-footer .footer-top ul.links li.social ul.social-icons .social-icon:hover,
    footer.page-footer .footer-top ul.links li.social ul.social-icons .social-icon:focus-visible {
        background: var(--megango-orange);
        transform: scale(1.05);
    }
}

footer.page-footer .megango-comparison-logos {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 42px;
}

footer.page-footer .megango-comparison-logo {
    display: inline-flex;
    padding: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-radius: var(--megango-radius);
}

footer.page-footer .megango-comparison-logo img {
    width: 120px;
    height: 40px;
    object-fit: contain;
    border-radius: var(--megango-radius);
}

footer.page-footer .footer-top .newsletter-subscribe-block .block.newsletter .actions {
    display: block;
    float: none;
    width: 100%;
    margin-top: 12px;
}

footer.page-footer .footer-top .newsletter-subscribe-block .block.newsletter .actions button {
    display: flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--megango-radius);
}

footer.page-footer .footer-bottom .payment-logos-wrapper .payment-logos {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding-right: 24px;
    box-sizing: border-box;
}

/* The legacy footer presents every mark at a shared 40px height. Keep each
   source image's natural aspect ratio so a future markup dimension cannot
   stretch the marks or push them below the fixed-height footer row. */
footer.page-footer .footer-bottom .payment-logos-wrapper .payment-logos img {
    display: block;
    width: auto;
    height: 40px;
    max-width: none;
    object-fit: contain;
    flex: 0 0 auto;
}

footer.page-footer .footer-bottom .payment-logo--paypal,
footer.page-footer .footer-bottom .payment-logo--mastercard {
    aspect-ratio: 110 / 64;
}

footer.page-footer .footer-bottom .payment-logo--visa {
    aspect-ratio: 1 / 1;
}

footer.page-footer,
footer.page-footer .footer-bottom,
body > .page-wrapper {
    margin-bottom: 0 !important;
}

html,
body {
    padding-bottom: 0 !important;
}

/* Existing public affiliate route: improve its presentation without changing
   the extension's account and campaign behavior or inventing new terms. */
.column.main.affiliate-main {
    margin-bottom: var(--megango-section-space);
    padding: clamp(22px, 4vw, 48px);
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 12px 34px rgba(25, 25, 25, .07);
}

.column.main.affiliate-main > :is(h1, .page-title-wrapper):first-child {
    margin-top: 0;
}

.column.main.affiliate-main :is(.block-title, .fieldset > .legend, h1, h2, h3) {
    color: var(--megango-near-black);
}

.column.main.affiliate-main :is(.box, .block, .fieldset, .affiliate-campaigns-list, table) {
    border-radius: var(--megango-radius);
}

.column.main.affiliate-main :is(.box, .block, .fieldset) {
    margin-bottom: 24px;
    padding: 22px;
    background: #f7f7f7;
    border: 1px solid var(--megango-border);
}

.column.main.affiliate-main :is(input, select, textarea) {
    border-radius: var(--megango-radius);
}

.column.main.affiliate-main :is(a, .action.primary):not(.product-item-link) {
    transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.column.main.affiliate-main a:not(.action) {
    color: var(--megango-orange);
}

.column.main.affiliate-main a:not(.action):hover,
.column.main.affiliate-main a:not(.action):focus {
    color: var(--megango-near-black);
}

.megango-affiliate-intro {
    display: grid;
    gap: clamp(24px, 4vw, 42px);
}

.megango-affiliate-welcome__details {
    margin-top: clamp(32px, 5vw, 56px);
    padding: clamp(24px, 4vw, 40px);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    background: #fff;
}

.megango-affiliate-welcome__details > :first-child {
    margin-top: 0;
}

.megango-affiliate-intro__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(240px, .55fr);
    align-items: stretch;
    gap: 24px;
}

.megango-affiliate-intro__copy,
.megango-affiliate-intro__visual,
.megango-affiliate-intro__benefits article,
.megango-affiliate-intro__steps {
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

.megango-affiliate-intro__copy {
    padding: clamp(28px, 5vw, 62px);
    background: linear-gradient(135deg, rgba(234, 84, 85, .12), #fff 70%);
}

.megango-affiliate-intro__eyebrow {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 7px 12px;
    color: var(--megango-orange);
    background: rgba(234, 84, 85, .1);
    border-radius: 999px;
    font-weight: 700;
}

.megango-affiliate-intro__copy h1,
.megango-affiliate-intro__copy h2 {
    max-width: 720px;
    margin: 0 0 16px;
    font-size: clamp(32px, 5vw, 58px);
    line-height: 1.05;
}

/* The OS draws native option popups outside CSS control. The original select
   remains the form value; only its presentation is replaced. */
.megango-select { position: relative; display: inline-block; width: 100%; vertical-align: middle; max-width: 100%; }
.megango-select .megango-native-select { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.megango-select-trigger { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-width: 84px; max-width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid #d3d3d3; border-radius: 8px; background: #fff; color: var(--megango-near-black); font: inherit; line-height: 1.35; text-align: left; box-shadow: none; cursor: pointer; }
.megango-select-trigger:hover, .megango-select-trigger:focus-visible, .megango-select-trigger[aria-expanded="true"] { color: var(--megango-orange); border-color: var(--megango-orange); background: #fff; box-shadow: none; outline: none; }
.megango-select-trigger:disabled { opacity: .55; cursor: not-allowed; }
.megango-select-chevron { width: 8px; height: 8px; flex: 0 0 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); }
.megango-select-menu { position: fixed; z-index: 100000; overflow-y: auto; padding: 6px 0; border: 1px solid var(--megango-border); border-radius: 10px; background: #fff; box-shadow: 0 12px 30px rgba(25,25,25,.12); }
.megango-select-option { display: block; width: 100%; min-height: 38px; padding: 8px 14px; border: 0; border-radius: 0; background: transparent !important; color: var(--megango-near-black); font: inherit; line-height: 1.35; text-align: left; white-space: normal; cursor: pointer; }
.megango-select-option:hover, .megango-select-option:focus-visible, .megango-select-option.is-selected { background: transparent !important; color: var(--megango-orange) !important; box-shadow: none; outline: none; }
.megango-select-option:disabled { opacity: .45; cursor: not-allowed; }
.toolbar.toolbar-products .megango-select { width: auto; }
.toolbar.toolbar-products .megango-select-trigger { min-width: 98px; }
.toolbar.toolbar-products .sorter .megango-select-trigger { min-width: 240px; }

/* Give each homepage section the same deliberate pause as the hero/categories. */
body.cms-index-index .product-sliders-container + .product-sliders-container,
body.cms-index-index .product-sliders-container + .index_featured_posts { margin-top: clamp(76px, 6vw, 110px) !important; }
body.cms-index-index .product-sliders-container .product-item-info,
body.cms-index-index .product-sliders-container .product-top,
body.cms-index-index .product-sliders-container .img-wrapper { width: 100% !important; }
body.cms-index-index .product-sliders-container .product-top { height: auto !important; min-height: 0; }
body.cms-index-index .product-sliders-container .img-wrapper { height: auto !important; padding-bottom: 12px; }
body.cms-index-index .product-sliders-container .img-wrapper img { display: block; width: 100% !important; max-width: 220px; height: auto !important; aspect-ratio: 1; object-fit: contain; margin-inline: auto; }

/* Affiliate account cards and tables. The campaign column proportions are
   fixed by colgroup, avoiding a 35px action column on desktop. */
.affiliate-main #affiliate-campaigns th:nth-child(6), .affiliate-main #affiliate-campaigns td:nth-child(6) { width: auto; }
.affiliate-main #affiliate-campaigns { border-collapse: separate; border-spacing: 0; }
.affiliate-main #affiliate-campaigns thead th:first-child,
.affiliate-main .data-table thead th:first-child { border-top-left-radius: 8px; }
.affiliate-main #affiliate-campaigns thead th:last-child,
.affiliate-main .data-table thead th:last-child { border-top-right-radius: 8px; }
.affiliate-main .data-table { border-collapse: separate; border-spacing: 0; }
.affiliate-main .box-affiliate-campaign { overflow-x: auto; }
.affiliate-main #affiliate-campaigns { min-width: 870px; }
.affiliate-main #affiliate-campaigns td:nth-child(6) .get_referral_link { overflow-wrap: normal; }
.affiliate-main #affiliate-campaigns td:nth-child(6) .get_referral_link span { overflow-wrap: normal; }
.info-account-summary { gap: 16px; }
.info-account-summary #value-bl, .info-account-summary .wrap-3box { border-radius: 10px; overflow: hidden; }
.info-account-summary #value-bl { padding: 18px 24px; }
.info-account-summary .wrap-3box > div { padding: 18px 20px; }
.affiliate-main .form-affiliate-withdraw fieldset.request { margin-bottom: 28px !important; }
.affiliate-main .form-affiliate-withdraw fieldset.info { margin-bottom: 28px !important; }

/* Footer contacts mirror the compact left-aligned side-menu treatment. */
footer.page-footer .footer-top ul.links li.phone::before,
footer.page-footer .footer-top ul.links li.email::before {
    display: none !important;
    content: none !important;
    background: none !important;
}

footer.page-footer .footer-top ul.links li.phone a,
footer.page-footer .footer-top ul.links li.email a { display: inline-flex; align-items: center; gap: 9px; font-weight: 400; font-size: inherit; line-height: inherit; }
footer.page-footer .footer-top ul.links li.phone a::before,
footer.page-footer .footer-top ul.links li.email a::before { display: inline-grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; border: 0; border-radius: 0; background-size: 24px 24px; background-repeat: no-repeat; background-position: center; content: ''; }
footer.page-footer .footer-top ul.links li.phone a::before { background-image: url('../images/phone.svg'); }
footer.page-footer .footer-top ul.links li.email a::before { background-image: url('../images/mail2.svg'); }
footer.page-footer .footer-top ul.links li.social { text-align: left !important; }
footer.page-footer .footer-top ul.links li.social ul.social-icons { display: flex !important; width: max-content; align-items: center; justify-content: flex-start !important; gap: 12px; margin: 12px 0 0 !important; padding: 0 !important; text-align: left !important; }
footer.page-footer .footer-top ul.links li.social ul.social-icons > li { width: 36px !important; flex-basis: 36px !important; }
footer.page-footer .footer-top ul.links li.social ul.social-icons a { float: none !important; }
footer.page-footer .footer-top ul.links li.social ul.social-icons .social-icon { width: 36px !important; height: 36px !important; background: #acacac; }
footer.page-footer .footer-top ul.links li.social ul.social-icons .social-icon svg { width: 19px; height: 19px; }
/* Keep payment marks inside the shared page gutter at intermediate desktop widths. */
footer.page-footer .payment-logos-wrapper .payment-logos { transform: none; }
@media (max-width: 991px) { footer.page-footer .payment-logos-wrapper .payment-logos { transform: none; } }

footer.page-footer .footer-bottom .copyright {
    display: flex;
    min-height: 40px;
    align-items: center;
    gap: 6px;
    color: var(--megango-near-black);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
}

footer.page-footer .footer-bottom .copyright-mark {
    display: inline-block;
    flex: none;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

/* Locally hosted, high-resolution transparent partner marks. */
footer.page-footer .megango-comparison-logos--lv {
    width: min(100%, 150px);
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    flex-wrap: nowrap;
    gap: 14px;
    margin-left: auto;
    margin-right: 0;
}

/* A single outline icon family for both contact locations. */
.contact-links a > svg {
    display: none !important;
}
.contact-links a[href^="tel:"],
.contact-links a[href^="mailto:"] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}
.contact-links a[href^="tel:"]::before,
.contact-links a[href^="mailto:"]::before,
footer.page-footer .footer-top ul.links li.phone a::before,
footer.page-footer .footer-top ul.links li.email a::before {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: '' !important;
    box-sizing: border-box;
}
.contact-links a[href^="tel:"]::before,
footer.page-footer .footer-top ul.links li.phone a::before { background-image: url('../images/megango-phone-outline.svg') !important; }
.contact-links a[href^="mailto:"]::before,
footer.page-footer .footer-top ul.links li.email a::before { background-image: url('../images/megango-mail-outline.svg') !important; }

footer.page-footer .footer-top ul.links li.social ul.social-icons > li {
    margin: 0 !important;
    padding: 0 !important;
}
footer.page-footer .footer-top ul.links li.social ul.social-icons::before,
footer.page-footer .footer-top ul.links li.social ul.social-icons::after {
    display: none !important;
    content: none !important;
}
footer.page-footer .footer-top ul.links li.social ul.social-icons a {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Keep the partnership heading readable on its dark surface. */
body.cms-sadarbiba-un-atbalsts .cms-custom-page section > :is(h1, h2) {
    color: #fff !important;
}

/* Keep promotion links useful when old CMS slider media no longer exists. */
.cms-index-index a.block-promo.home-main.megango-banner-image-unavailable {
    display: block;
    width: 100%;
    min-height: clamp(220px, 27vw, 450px);
    overflow: hidden;
    border-radius: var(--megango-radius);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.cms-index-index a.megango-banner-image--yoga { background-image: url('../images/megango-fitness-equipment-category-2026.webp'); }
.cms-index-index a.megango-banner-image--recovery { background-image: url('../images/megango-rehabilitation-category-2026.webp'); }
.cms-index-index a.megango-banner-image--nutrition { background-image: url('../images/megango-sports-nutrition-category-2026.webp'); }
.cms-index-index a.megango-banner-image--sleep { background-image: url('../images/megango-sleep-category-2026.webp'); }
.cms-index-index a.megango-banner-image--training { background-image: url('../images/megango-sports-category-2026.webp'); }
@media (max-width: 767px) {
    .cms-index-index a.block-promo.home-main.megango-banner-image-unavailable { min-height: 220px; }
}

footer.page-footer .megango-comparison-logos--lv .megango-comparison-logo {
    display: block;
    width: 100%;
    overflow: visible;
}

footer.page-footer .megango-comparison-logos--lv .megango-comparison-logo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
}

@media (max-width: 767px) {
    footer.page-footer .footer-bottom .copyright { justify-content: center; text-align: center; }
    footer.page-footer .megango-comparison-logos--lv { margin-right: auto; }
}

.megango-affiliate-intro__copy p {
    max-width: 680px;
    margin: 0 0 26px;
    color: var(--megango-light-grey);
    font-size: 17px;
    line-height: 1.65;
}

.megango-affiliate-intro__copy .action.primary {
    min-height: 50px;
    padding: 13px 24px;
    border-radius: var(--megango-radius);
}

.megango-affiliate-intro__visual {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: 28px;
    color: #fff;
    text-align: center;
    background: var(--megango-orange);
}

.megango-affiliate-intro__visual .megango-affiliate-intro__percent {
    color: #fff;
    font-size: clamp(64px, 8vw, 112px);
    font-weight: 800;
    line-height: .95;
}

.megango-affiliate-intro__visual span:last-child {
    max-width: 210px;
    margin-top: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.megango-affiliate-intro__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.megango-affiliate-intro__benefits article {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 24px;
    background: var(--megango-surface);
}

.megango-affiliate-intro__benefits strong {
    color: var(--megango-orange);
    font-size: 34px;
    line-height: 1;
}

.megango-affiliate-intro__benefits span {
    color: var(--megango-near-black);
    font-weight: 700;
    line-height: 1.45;
}

.megango-affiliate-intro__steps {
    padding: clamp(24px, 4vw, 38px);
    background: #fff;
}

.megango-affiliate-intro__steps h2,
.affiliate-campaigns-list > h2 {
    margin: 0 0 22px;
}

.megango-affiliate-intro__steps ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.megango-affiliate-intro__steps li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.megango-affiliate-intro__steps li > span {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #fff;
    background: var(--megango-orange);
    border-radius: 50%;
    font-weight: 800;
}

.megango-affiliate-intro__steps strong {
    display: block;
    margin-bottom: 5px;
}

.megango-affiliate-intro__steps p,
.megango-affiliate-intro__note {
    margin: 0;
    color: var(--megango-light-grey);
    line-height: 1.55;
}

.megango-affiliate-intro__note {
    padding: 16px 18px;
    background: rgba(234, 84, 85, .08);
    border-left: 4px solid var(--megango-orange);
    border-radius: 0 var(--megango-radius) var(--megango-radius) 0;
}

.affiliate-campaigns-list {
    margin-top: 30px;
    padding: clamp(20px, 3vw, 32px);
    overflow: hidden;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
}

.affiliate-campaigns-list .table-wrapper {
    overflow-x: auto;
    border-radius: var(--megango-radius);
}

.affiliate-campaigns-list table {
    margin: 0;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    background: #fff;
}

.affiliate-campaigns-list :is(th, td).id { width: 22%; }
.affiliate-campaigns-list :is(th, td).date { width: 36%; }
.affiliate-campaigns-list :is(th, td).total { width: 21%; }
.affiliate-campaigns-list :is(th, td).status { width: 21%; }

.affiliate-campaigns-list th {
    color: #fff;
    background: var(--megango-orange) !important;
}

.affiliate-campaigns-list :is(th, td) {
    padding: 16px;
    vertical-align: top;
    overflow-wrap: break-word;
}

.affiliate-campaigns-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.megango-affiliate-policy {
    margin-top: 30px;
    overflow: hidden;
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
}

.megango-affiliate-policy__trigger h2 {
    position: relative;
    margin: 0;
    padding: 18px 54px 18px 20px;
    cursor: pointer;
    background: var(--megango-surface);
}

.megango-affiliate-policy__trigger h2::after {
    position: absolute;
    top: 50%;
    right: 22px;
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    content: "";
    transform: translateY(-65%) rotate(45deg);
}

.megango-affiliate-policy .active .megango-affiliate-policy__trigger h2::after {
    transform: translateY(-25%) rotate(225deg);
}

.megango-affiliate-policy [data-role="content"] .page-content {
    padding: 22px;
}

/* Extra localized header shortcuts must wrap or compress, never overlap. */
@media (min-width: 1200px) and (max-width: 1540px) {
    header.header .main-menu {
        gap: 0;
    }

    header.header .main-menu > .menu-item > a {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 14px;
        white-space: nowrap;
    }
}

@media (max-width: 991px) {
    .megango-affiliate-intro__hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .megango-affiliate-intro__visual {
        min-height: 210px;
    }

    .megango-affiliate-intro__benefits,
    .megango-affiliate-intro__steps ol {
        grid-template-columns: minmax(0, 1fr);
    }

    body.page-layout-sub-cat-layout .megango-category-hub .row,
    body.cms-index-index .category-tree-container .category-tree-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    footer.page-footer .megango-comparison-logos,
    footer.page-footer .footer-bottom .payment-logos-wrapper .payment-logos {
        justify-content: flex-start;
    }
}

@media (max-width: 639px) {
    body.megango-category-hub-page.page-layout-sub-cat-layout .columns {
        margin-top: var(--megango-section-space-mobile);
        padding: 0 14px var(--megango-section-space-mobile);
    }

    body.page-layout-sub-cat-layout .megango-category-hub .row,
    body.cms-index-index .category-tree-container .category-tree-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.page-layout-sub-cat-layout .megango-category-hub .img-wrap,
    body.page-layout-sub-cat-layout .megango-category-hub .img-wrap img {
        min-height: 220px;
        height: 220px !important;
    }

    body.cms-index-index .category-tree-container .category-tree-list > li > a.btn {
        min-height: 126px;
        gap: 14px;
        padding: 12px 14px;
    }

    body.cms-index-index .category-tree-container .category-tree-list img {
        width: 96px !important;
        height: 96px !important;
        flex-basis: 96px;
    }

    footer.page-footer .megango-comparison-logos {
        margin-top: 28px;
    }

    .column.main.affiliate-main {
        margin-bottom: var(--megango-section-space-mobile);
        padding: 18px;
    }

    .megango-affiliate-intro__copy,
    .megango-affiliate-intro__visual,
    .megango-affiliate-intro__benefits article,
    .megango-affiliate-intro__steps {
        padding: 20px;
    }

    .megango-affiliate-intro__copy h1,
    .megango-affiliate-intro__copy h2 {
        font-size: 34px;
    }

    .affiliate-campaigns-list {
        padding: 16px;
    }
}

/* Blog sidebar utilities use the same restrained Megango card language. */
.mpblog-post-index .sidebar-additional .block-compare,
.mpblog-post-index .sidebar-additional .block-wishlist {
    position: relative;
    margin: 0 0 20px;
    padding: 22px;
    overflow: hidden;
    background: var(--megango-surface);
    border: 1px solid var(--megango-border);
    border-radius: var(--megango-radius);
    box-shadow: 0 8px 24px rgba(25, 25, 25, .06);
}

.mpblog-post-index .sidebar-additional .block-compare::before,
.mpblog-post-index .sidebar-additional .block-wishlist::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: var(--megango-orange);
    content: "";
}

.mpblog-post-index .sidebar-additional .block-title {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
}

.mpblog-post-index .sidebar-additional .block-title strong {
    color: var(--megango-near-black);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
}

.mpblog-post-index .sidebar-additional .block-content,
.mpblog-post-index .sidebar-additional .empty {
    margin: 0;
    color: var(--megango-light-grey);
    font-size: 14px;
    line-height: 1.55;
}

.mpblog-post-index .sidebar-additional .block-wishlist .subtitle {
    display: none;
}

@media (max-width: 639px) {
    .block-search .ea-search-autocomplete {
        left: 12px !important;
        width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 112px);
        transform: none !important;
    }

    .block-search .ea-search-autocomplete .content {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 16px;
    }

    .block-search .ea-search-autocomplete .ea-product a {
        min-height: 80px;
        gap: 12px;
        padding: 10px;
    }

    .block-search .ea-search-autocomplete .ea-product img {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    :is(.page-header, header.header) .block-search .search-autocomplete {
        top: calc(100% + 8px) !important;
        max-height: calc(100vh - 112px);
    }

    :is(.page-header, header.header) .block-search .search-autocomplete .smile-elasticsuite-autocomplete-result {
        padding: 16px;
    }

    :is(.page-header, header.header) .block-search .search-autocomplete .autocomplete-list {
        margin-bottom: 18px;
    }

    :is(.page-header, header.header) .block-search .search-autocomplete .product-image-box {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
        margin-right: 12px;
    }

    .cms-index-index .index_featured_posts {
        padding-bottom: 32px;
    }

    .mpblog-post-index #mpblog-list-container .megango-blog-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding-top: 18px;
    }

    .mpblog-post-index #mpblog-list-container .megango-blog-card:first-child {
        display: flex;
        grid-column: span 1;
    }

    .mpblog-post-index #mpblog-list-container .megango-blog-card:first-child .megango-blog-card__media {
        min-height: 0;
        aspect-ratio: 2 / 1;
    }

    .mpblog-post-index #mpblog-list-container .megango-blog-card:first-child .megango-blog-card__title {
        font-size: 24px;
    }

    .mpblog-post-index #mpblog-list-container .megango-blog-card__content {
        padding: 20px;
    }

    .mpblog-post-index #mpblog-list-container .megango-blog-card__title {
        font-size: 21px;
    }

    .mpblog-post-index #mpblog-list-container > .pager {
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        margin-bottom: 32px;
        padding: 14px;
    }

    .mpblog-post-index #mpblog-list-container > .pager .pages-items,
    .mpblog-post-index #mpblog-list-container > .pager .limiter {
        justify-content: center;
    }

    .mpblog-post-index .sidebar-additional .block-compare,
    .mpblog-post-index .sidebar-additional .block-wishlist {
        padding: 18px;
    }
}

/* Keep customer-facing calls to action in sentence case. Product and brand
   labels are not buttons and retain their own intentional typography. */
body :is(button, .action.primary, a.btn, input[type="submit"]):not(.megango-select-option) {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

/* Registration is a standard Megango style-1 action, including its focus
   state. Keep the checkbox rows on the same control-column grid as fields. */
body.customer-account-create .form-create-account .actions-toolbar .action.primary,
body.customer-account-create .form-create-account .actions-toolbar button.primary {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 11px 22px;
    color: #fff !important;
    background: var(--megango-orange) !important;
    border: 1px solid var(--megango-orange) !important;
    border-radius: var(--megango-radius) !important;
    box-shadow: none !important;
}

body.customer-account-create .form-create-account .actions-toolbar :is(.action.primary, button.primary):is(:hover, :active, :focus-visible) {
    color: #fff !important;
    background: var(--megango-near-black) !important;
    border-color: var(--megango-near-black) !important;
}

body :is(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--megango-orange) !important;
}

body :is(input[type="checkbox"], input[type="radio"]):focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: 2px;
}

body.customer-account-create .form-create-account .field.choice {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 28px;
}

body.customer-account-create .form-create-account .field.choice input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0;
}

body.customer-account-create .form-create-account .field.choice :is(label, span) {
    margin: 0;
    line-height: 1.4;
}

body.customer-account-create .form-create-account .field.choice a,
body.customer-account-create .form-create-account .field.choice a:is(:hover, :focus-visible),
body.customer-account-login .login-container a.action.remind,
body.customer-account-login .login-container a.action.remind:is(:hover, :focus-visible),
body.customer-account-forgotpassword .form.password.forget a {
    color: var(--megango-orange) !important;
}

@media (min-width: 768px) {
    body.customer-account-create .form-create-account .field.choice {
        width: 74.2%;
        margin-left: 25.8%;
    }
}

@media (max-width: 767px) {
    body.customer-account-create .form-create-account .field.choice {
        width: 100%;
        margin-left: 0;
    }
}

/* About Us is the typography reference for page and section headings. These
   selectors cover CMS, catalogue, customer and partner screens without
   restyling product-card names or the header/footer navigation. */
:is(.page-main, main.main-container) :is(.page-title-wrapper .page-title, .cms-custom-page h1, .affiliate-main > h1, .column.main > h1),
:is(.page-main, main.main-container) :is(.cms-custom-page h2, .affiliate-main > h2, .column.main > h2),
:is(.page-main, main.main-container) :is(.cms-custom-page h3, .affiliate-main > h3, .column.main > h3),
body.account .column.main :is(.block-title > strong, .fieldset > .legend) {
    color: var(--megango-near-black);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.2;
    text-transform: none !important;
}

:is(.page-main, main.main-container) :is(.page-title-wrapper .page-title, .cms-custom-page h1, .affiliate-main > h1, .column.main > h1) {
    font-size: clamp(30px, 3.2vw, 44px) !important;
}

:is(.page-main, main.main-container) :is(.cms-custom-page h2, .affiliate-main > h2, .column.main > h2) {
    font-size: clamp(25px, 2.4vw, 32px) !important;
}

:is(.page-main, main.main-container) :is(.cms-custom-page h3, .affiliate-main > h3, .column.main > h3) {
    font-size: clamp(21px, 1.9vw, 25px) !important;
}

/* Product and editorial sections are subsections of the page, not extra H1s. */
.product-sliders-container h2.megango-section-heading,
.products-widget-container h2.megango-section-heading,
h2.megango-section-heading {
    color: var(--megango-near-black);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: clamp(25px, 2.4vw, 32px) !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.2;
    margin: 0 0 28px;
    text-align: left !important;
    text-transform: none !important;
}

.product-sliders-container .product_slider_item a h3 {
    margin: 10px 0;
    color: var(--megango-near-black);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 22px;
    overflow-wrap: break-word;
    text-transform: none;
}

/* The pickup map is exclusive to the Latvian delivery page. */
.cms-piegade .megango-delivery-page-title {
    margin: 0 0 32px;
    color: var(--megango-near-black);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(32px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
}
.cms-piegade .megango-delivery-location {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 40px 0 0;
}
.megango-delivery-location {
    margin: 64px auto 96px;
}
.megango-delivery-location h2 {
    margin: 0 0 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: clamp(25px, 2.4vw, 32px);
    font-weight: 700;
    line-height: 1.2;
}
.megango-delivery-location p { margin-bottom: 24px; }
.megango-delivery-location__map {
    overflow: hidden;
    width: 100%;
    height: clamp(340px, 38vw, 520px);
    border: 1px solid var(--megango-border);
    border-radius: 16px;
    background: #f3f3f3;
    box-shadow: 0 16px 40px rgba(25,25,25,.08);
}
.megango-delivery-location__map iframe { display: block; width: 100%; height: 100%; border: 0; }

/* A missing CMS blog image must never collapse the card into a broken icon. */
.cms-index-index .index_featured_posts .index_featured_post-wrapper .index_featured_post.megango-blog-image-unavailable {
    display: block;
    min-height: 220px;
    overflow: hidden;
    border: 1px solid #ead9d9;
    border-radius: 12px;
    background-image: url('../images/megango-blog-fallback-atlas.png');
    background-size: 200% auto;
    background-position: right bottom;
}
.cms-index-index .index_featured_posts .megango-blog-image--payment { background-position: left top !important; }
.cms-index-index .index_featured_posts .megango-blog-image--training { background-position: right top !important; }
.cms-index-index .index_featured_posts .megango-blog-image--water { background-position: left bottom !important; }
.cms-index-index .index_featured_posts .megango-blog-image-unavailable > a {
    display: flex;
    min-height: 220px;
    align-items: flex-end;
}
.cms-index-index .index_featured_posts .megango-blog-image-unavailable .title-wrapper {
    position: relative;
    height: auto;
    min-height: 88px;
}
.cms-index-index .index_featured_posts .megango-blog-image-unavailable .title-wrapper-overlay {
    background: var(--megango-orange);
    opacity: 1;
}
.cms-index-index .index_featured_posts .megango-blog-image-unavailable h4 { padding: 18px 20px; line-height: 1.35; }

/* One shared frame for real images and fallback artwork, in every locale. */
body.cms-index-index .index_featured_posts .megango-news-grid {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px; width: 100%; min-width: 0; padding: 0 15px;
}
body.cms-index-index .megango-news-grid .index_featured_post-wrapper {
    width: 100%; min-width: 0; padding: 0; float: none;
}
body.cms-index-index .index_featured_posts .megango-news-grid .index_featured_post {
    display: block; position: relative; width: 100%; aspect-ratio: 2 / 1;
    min-height: 220px; margin: 0; overflow: hidden;
    border: 1px solid #e5e5e5; border-radius: 12px;
}
body.cms-index-index .index_featured_posts .megango-news-grid .index_featured_post > a {
    display: block; position: absolute; inset: 0; min-height: 0;
}
body.cms-index-index .index_featured_posts .megango-news-grid .index_featured_post img {
    display: block; width: 100%; height: 100%; max-height: none;
    object-fit: cover; border-radius: 0;
}
body.cms-index-index .index_featured_posts .megango-news-grid .title-wrapper {
    position: absolute; bottom: 0; width: 100%; height: auto; min-height: 0;
}
body.cms-index-index .index_featured_posts .megango-news-grid .title-wrapper h4 {
    margin: 0; padding: 16px 20px; font-size: 16px; line-height: 1.4;
    overflow-wrap: break-word;
}
body.cms-index-index .index_featured_posts .megango-news-grid + * { margin-top: 24px; }
body.cms-index-index .index_featured_posts .show-all-link { margin-top: 24px; }
@media (max-width: 767px) {
    body.cms-index-index .index_featured_posts .megango-news-grid {
        grid-template-columns: minmax(0, 1fr); gap: 20px;
    }
    body.cms-index-index .index_featured_posts .megango-news-grid .title-wrapper h4 {
        padding: 14px 16px;
    }
}

/* One consistent rounded language switcher on desktop and mobile. */
header.header .switcher-language .switcher-options { position: relative; }
header.header .switcher-language .switcher-dropdown {
    min-width: 96px !important;
    padding: 6px !important;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    border-radius: 10px !important;
    background: #fff;
    box-shadow: 0 12px 28px rgba(25,25,25,.12);
}
header.header .switcher-language .switcher-option { border-radius: 7px; }
header.header .switcher-language .switcher-option a {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 6px 10px !important;
    border-radius: 7px;
    background: transparent !important;
}
header.header .switcher-language .switcher-option a:hover,
header.header .switcher-language .switcher-option a:focus-visible { color: var(--megango-orange) !important; background: transparent !important; }

@media (min-width: 992px) {
    body.cms-index-index .product-sliders-container + .product-sliders-container,
    body.cms-index-index .product-sliders-container + .index_featured_posts { margin-top: clamp(112px, 7vw, 150px) !important; }
    body.cms-index-index .columns-content .index_featured_posts { padding-bottom: 144px !important; }
}
@media (max-width: 767px) {
    .cms-piegade .megango-delivery-location { margin-top: 28px; }
    .megango-delivery-location__map { height: 360px; border-radius: 12px; }
}

/* Product description stays readable beside the detail tabs without forcing
   the following product sections several screens below the purchase area. */
body.catalog-product-view .product-info-blocks {
    margin-top: 32px;
}
body.catalog-product-view .megango-product-description {
    position: relative;
    margin-bottom: 0;
    color: var(--megango-near-black);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
body.catalog-product-view .product-info-blocks .megango-product-description {
    margin-bottom: 0;
}
body.catalog-product-view .megango-product-description img {
    display: block;
    max-width: 100%;
    height: auto;
}
body.catalog-product-view .megango-product-description.is-collapsible:not(.is-expanded) {
    max-height: 560px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(#000 0%, #000 86%, transparent 100%);
    mask-image: linear-gradient(#000 0%, #000 86%, transparent 100%);
}
body.catalog-product-view .megango-product-description-toggle {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin: 16px 0 32px;
    padding: 9px 18px;
    border: 1px solid var(--megango-orange);
    border-radius: var(--megango-radius);
    background: #fff;
    color: var(--megango-orange);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    cursor: pointer;
    transform: none !important;
    box-shadow: none !important;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
body.catalog-product-view .megango-product-description-toggle[hidden] { display: none; }
body.catalog-product-view .megango-product-description-toggle:hover,
body.catalog-product-view .megango-product-description-toggle:focus-visible {
    background: #fff5f5;
    color: var(--megango-orange);
    border-color: var(--megango-orange);
    transform: none !important;
    box-shadow: none !important;
}
body.catalog-product-view .megango-product-description-toggle:focus-visible {
    outline: 2px solid var(--megango-orange);
    outline-offset: 2px;
}
body.catalog-product-view .product-info-blocks + .megango-product-description-toggle { margin-left: 0; }
body.catalog-product-view .product-info-main .page-title-wrapper .page-title,
body.catalog-product-view .product-info-main h1.page-title,
body.catalog-product-view .related .block-title strong {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}
body.catalog-product-view .product-info-main .page-title-wrapper .page-title,
body.catalog-product-view .product-info-main h1.page-title {
    font-size: clamp(28px, 2.8vw, 42px) !important;
}

/* Small-screen catalogue polish (2026-10-08).
   Keep the server-rendered product image and its loader in the same frame;
   Magento's inline padding-bottom loader otherwise adds a second, empty
   image-height below the real image before the gallery JavaScript starts. */
@media (max-width: 767px) {
    /* Single-image products use the same inline Magento loader as galleries.
       Overlay it for both cases so it cannot reserve a second image-height
       and push the title several screens below the product photo. */
    body.catalog-product-view .gallery-placeholder {
        position: relative;
        overflow: hidden;
    }

    body.catalog-product-view .gallery-placeholder > .loading-mask {
        position: absolute !important;
        inset: 0 !important;
        width: auto !important;
        height: auto !important;
        padding-bottom: 0 !important;
    }

    /* A catalogue search title already sits inside the page's 15px content
       gutter. Remove its second nested gutter so headings, filters, toolbars
       and product cards start on the same vertical line. */
    :is(body.catalogsearch-result-index, body.catalogsearch-advanced-result) .page-title-wrapper {
        padding-inline: 0 !important;
    }

    /* Later homepage rules intentionally widen desktop section spacing. Keep
       the phone rhythm tied to the shared mobile spacing token. */
    body.cms-index-index .product-sliders-container + .product-sliders-container,
    body.cms-index-index .product-sliders-container + .index_featured_posts {
        margin-top: var(--megango-section-space-mobile) !important;
    }

    /* A single-column toolbar does not need desktop-sized vertical gaps. */
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products {
        row-gap: 10px;
        margin-bottom: 28px;
        padding: 10px 12px;
    }

    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .toolbar.toolbar-products > :is(.toolbar-amount, .pages, .limiter, .sorter) {
        min-height: 40px;
    }
}

/* At compact tablet widths product names previously touched the neighbouring
   card. Add an inner reading gutter without changing the three-column grid. */
@media (min-width: 768px) and (max-width: 991px) {
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .products-grid .product-item-details {
        box-sizing: border-box;
        padding-inline: 8px;
    }

    /* Leave more label width in the narrow layered-navigation column so
       translated filter names do not strand their final character. */
    :is(body.catalog-category-view, body.catalogsearch-result-index, body.catalogsearch-advanced-result, body.base-sales-index) .block.filter .filter-options .filter-options-title {
        padding-right: 34px;
        padding-left: 12px;
        font-size: 13px;
        overflow-wrap: normal;
        word-break: normal;
    }
}
@media (min-width: 992px) {
    body.catalog-product-view .product-info-blocks { padding-right: 24px; }
    body.catalog-product-view .product.info.detailed { padding-left: 24px; }
}
@media (max-width: 767px) {
    body.catalog-product-view .megango-product-description.is-collapsible:not(.is-expanded) { max-height: 420px; }
    body.catalog-product-view .product-info-blocks { margin-top: 24px; }
}

/* Magento's four notice variants, including checkout and product-option
   validation, share the same rounded silhouette in every storefront. */
.page-main .messages .message,
.page-main .message.error,
.page-main .message.warning,
.page-main .message.notice,
.page-main .message.success,
.page-main .message.info,
.page-wrapper > .messages .message,
.checkout-container .messages .message,
.product-info-main .messages .message {
    border-radius: 10px !important;
    overflow: hidden;
}