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

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

.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: uppercase;
    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"] {
    width: min(100%, 1100px);
    margin: 0 auto;
    padding: clamp(22px, 4vw, 48px);
    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);
}

: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(100%, 1100px);
    margin: 24px 0 var(--megango-section-space);
    padding: clamp(28px, 4vw, 48px);
    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);
}

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.png') 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 > h2 {
    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.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.png') 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 > p:first-of-type {
    margin-bottom: 24px;
    font-size: clamp(28px, 3.5vw, 46px);
    font-weight: 700;
    line-height: 1.18;
}

/* 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.png') !important;
}

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

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

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

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

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

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

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

body.catalog-category-view .megango-category-hero {
    max-width: 1652px;
    margin: 32px auto 24px;
    padding: 0 14px;
}

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.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"] > h1 {
    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"] > h1 ~ 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 > p:first-of-type {
    margin-bottom: 24px;
    color: var(--megango-near-black);
    font-family: "Oswald", sans-serif;
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.2;
    text-transform: uppercase;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(2),
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(3),
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(4) {
    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(2)::before,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(3)::before,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(4)::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(2)::before { content: "1"; }
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(3)::before { content: "2"; }
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(4)::before { content: "3"; }

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(5) {
    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 > p:nth-of-type(6) {
    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(7),
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(8) {
    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(8) {
    margin-right: 0;
}

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

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(7) > a,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(8) > 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(7) > a::after,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(8) > strong > a::after {
    color: var(--megango-orange);
    content: "\2192";
    font-size: 28px;
}

body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(7) > a:hover,
body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(8) > 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 > 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 > h3,
body.cms-sadarbiba-un-atbalsts .cms-custom-page section > h3 ~ p {
    grid-column: 1 / -1;
}

body.cms-sadarbiba-un-atbalsts .cms-custom-page section > h3 ~ 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;
}

@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"] > h1 ~ p,
    body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(7),
    body.cms-pasutijumu-izsekosana .cms-custom-page > p:nth-of-type(8) {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    body.cms-sadarbiba-un-atbalsts .cms-custom-page section > h2,
    body.cms-sadarbiba-un-atbalsts .cms-custom-page section > h3,
    body.cms-sadarbiba-un-atbalsts .cms-custom-page section > h3 ~ 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;
}

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

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

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

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

/*
 * Product names use a readable storefront title case even when an imported
 * Magento name is stored entirely in uppercase.
 */
.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: capitalize !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);
    color: var(--megango-near-black);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

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

/* 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. */
.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;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--megango-light-grey);
}

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

/* 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: 1640px;
    margin: var(--megango-section-space) auto 0;
    padding: 0 24px 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: contain;
    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 second image set without allowing
   old fixed heights to stretch or crop the artwork. */
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);
}

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: 138px;
    align-items: center;
    gap: 16px;
    padding: 12px 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 {
    width: 108px !important;
    height: 108px !important;
    flex: 0 0 108px;
    object-fit: contain;
    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: contain;
    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: 760px; }
}

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

.product-sliders-container + .product-sliders-container {
    margin-top: 104px;
}

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

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

    .product-sliders-container + .product-sliders-container {
        margin-top: 64px;
    }
}

@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;
}

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

.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: 24%; }
.affiliate-campaigns-list :is(th, td).date { width: 42%; }
.affiliate-campaigns-list :is(th, td).total { width: 20%; }
.affiliate-campaigns-list :is(th, td).status { width: 14%; }

.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: 84px !important;
        height: 84px !important;
        flex-basis: 84px;
    }

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