.awp-header-builder {
    --awp-hb-max: 1676px;
    --awp-hb-desktop-gap: 14px;
    --awp-hb-mobile-gap: 10px;
    position: relative;
    z-index: 100;
}

.awp-header-builder .header-desktop .site-brand img {
    width: var(--awp-hb-logo-desktop, 173px);
    max-width: 100%;
    height: auto
}

.awp-header-builder .header-mobile .site-brand img {
    width: var(--awp-hb-logo-mobile, 120px);
    max-width: 100%;
    height: auto
}

@media(max-width:1199.98px) {
    .site-header.awp-header-builder[data-awp-sticky-mobile="1"] {
        position: sticky;
        top: 0
    }

    body.admin-bar .site-header.awp-header-builder[data-awp-sticky-mobile="1"] {
        top: 32px
    }

    .site-header.awp-header-builder[data-awp-sticky-mobile="1"]>.header-mobile {
        position: relative;
        inset: auto;
        width: 100%;
        z-index: auto;
    }
}

@media(max-width:782px) {
    body.admin-bar .site-header.awp-header-builder[data-awp-sticky-mobile="1"] {
        top: 46px
    }
}

.awp-header-builder .awp-hb-row {
    background: var(--awp-hb-row-bg, inherit);
    color: var(--awp-hb-row-color, inherit);
    min-height: var(--awp-hb-row-min, 0);
    padding-top: var(--awp-hb-row-pt, 0);
    padding-bottom: var(--awp-hb-row-pb, 0);
    border-style: var(--awp-hb-border-style, none);
    border-width: var(--awp-hb-border-width, 0);
    border-color: var(--awp-hb-row-border, transparent);
    border-radius: var(--awp-hb-border-radius, 0);
}

.awp-header-builder .awp-hb-row .asanwp-header-builder-item:not(.is-builder-element) a:not(.awp-account-login-button) {
    color: var(--awp-hb-row-color, inherit)
}

.awp-header-builder .awp-hb-row .asanwp-header-builder-item:not(.is-builder-element) a:not(.awp-account-login-button):hover {
    color: var(--awp-hb-row-hover, var(--awp-hb-row-color, inherit))
}

.awp-header-builder .awp-hb-row .sub-menu a,
.awp-header-builder .awp-hb-row .mega-menu .sub-menu a {
    color: var(--awp-hb-submenu-color, var(--awp-hb-row-color, inherit))
}

.awp-header-builder .awp-hb-row .sub-menu a:hover,
.awp-header-builder .awp-hb-row .mega-menu .sub-menu a:hover {
    color: var(--awp-hb-submenu-hover, var(--awp-hb-row-hover, var(--awp-hb-row-color, inherit)))
}

.awp-header-builder .header-action .action-icon {
    color: var(--awp-hb-tool-icon, var(--awp-hb-row-color, inherit))
}

.awp-header-builder .header-action .action-count {
    background-color: var(--awp-hb-counter-bg, var(--theme-primary-color)) !important;
    color: var(--awp-hb-counter-color, #fff)
}

.awp-header-builder .awp-hb-row.is-width-container>.container {
    max-width: min(var(--awp-hb-max), calc(100% - 30px))
}

.awp-header-builder .awp-hb-row.is-width-wide>.container {
    max-width: min(calc(var(--awp-hb-max) + 160px), calc(100% - 24px))
}

.awp-header-builder .awp-hb-row.is-width-full>.container {
    width: 100%;
    max-width: none;
    padding-inline: 22px
}

.awp-header-builder .asanwp-header-builder-row {
    width: 100%;
    min-height: inherit;
    align-items: center;
    gap: var(--awp-hb-row-gap, var(--awp-hb-desktop-gap))
}

.awp-header-builder .asanwp-header-builder-zone {
    display: flex;
    align-items: center;
    gap: var(--awp-hb-row-gap, var(--awp-hb-desktop-gap));
    min-width: 0
}

.awp-header-builder .asanwp-header-builder-zone.is-start {
    justify-content: flex-start
}

.awp-header-builder .asanwp-header-builder-zone.is-center {
    justify-content: center;
    flex: 1 1 auto
}

.awp-header-builder .asanwp-header-builder-zone.is-end {
    justify-content: flex-end
}

.awp-header-builder .asanwp-header-builder-item {
    display: flex;
    align-items: center;
    min-width: 0
}

.awp-header-builder .asanwp-header-builder-item.is-builder-element {
    max-width: 100%
}

.awp-header-builder .awp-hb-builder-element {
    --awp-builder-text: currentColor;
    --awp-builder-heading: currentColor;
    --awp-builder-accent: var(--theme-primary-color, #19bfd3);
    display: block;
    min-width: 0;
    max-width: 100%;
    color: inherit
}

.awp-header-builder .awp-hb-builder-element>.awp-builder-button-wrap,
.awp-header-builder .awp-hb-builder-element>.awp-builder-image,
.awp-header-builder .awp-hb-builder-element>.awp-builder-rich-text,
.awp-header-builder .awp-hb-builder-element>.awp-builder-announcement,
.awp-header-builder .awp-hb-builder-element>.awp-builder-custom-html,
.awp-header-builder .awp-hb-builder-element>.awp-builder-shortcode {
    max-width: 100%
}

.awp-header-builder .awp-hb-builder-element .awp-builder-rich-text {
    line-height: 1.8
}

.awp-header-builder .awp-hb-builder-element .awp-builder-rich-text p {
    margin-block: 0
}

.awp-header-builder .awp-hb-builder-element .awp-builder-heading-row {
    margin: 0
}

.awp-header-builder .asanwp-header-builder-item--search {
    flex: 1 1 480px;
    max-width: 720px
}

.awp-header-builder .is-center .asanwp-header-builder-item--search {
    width: min(100%, 720px)
}

.awp-header-builder .awp-hb-spacer {
    display: block;
    min-width: var(--awp-hb-spacer, 24px);
    height: 1px
}

.awp-header-builder .awp-hb-custom-link a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: inherit;
    white-space: nowrap
}


/* Retail-style account control. */
.awp-account-entry {
    position: relative;
    margin: 0
}

.awp-account-entry .action-link {
    font: inherit;
    text-decoration: none
}

.awp-account-login-button {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 13px !important;
    border: 1px solid #e0e0e2 !important;
    border-radius: 8px;
    background: transparent;
    color: #0c0c0c !important;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

.awp-account-login-button .action-icon {
    display: grid;
    place-items: center;
    font-size: 20px
}

.awp-account-user-button {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 6px !important;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap
}

.awp-account-user-button .action-icon {
    display: grid;
    place-items: center;
    font-size: 24px
}

.awp-account-chevron {
    font-size: 10px;
    transition: transform .18s
}

.awp-account-dropdown.is-open .awp-account-chevron {
    transform: rotate(180deg)
}

.awp-account-menu {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-end: 0;
    z-index: 160;
    display: none;
    width: 250px;
    padding: 8px;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    background: #fff;
    color: #23254e;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .12)
}

.awp-account-dropdown.is-open .awp-account-menu {
    display: block
}

.awp-account-menu__head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 8px 13px;
    border-bottom: 1px solid #f0f0f1
}

.awp-account-menu__avatar {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f2f2f2;
    font-size: 25px
}

.awp-account-menu__head>span:last-child {
    display: flex;
    flex-direction: column;
    min-width: 0
}

.awp-account-menu__head strong,
.awp-account-menu__head small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.awp-account-menu__head strong {
    font-size: 13px
}

.awp-account-menu__head small {
    margin-top: 2px;
    color: #81858b;
    font-size: 10px
}

.awp-account-menu__links {
    padding-top: 5px
}

.awp-account-menu__links a {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 8px;
    border-radius: 7px;
    color: inherit !important;
    font-size: 12px
}

.awp-account-menu__links a:hover {
    background: #f5f5f5
}

.awp-account-menu__links a>i:last-child {
    font-size: 9px;
    color: #a1a3a8
}

.awp-account-menu__links .awp-account-menu__logout {
    grid-template-columns: 22px 1fr;
    color: #ef4056 !important;
    border-top: 1px solid #f0f0f1;
    border-radius: 0;
    margin-top: 4px;
    padding-top: 5px
}

@media(max-width:1199.98px) {

    .awp-header-builder .asanwp-header-builder-row,
    .awp-header-builder .asanwp-header-builder-zone {
        gap: var(--awp-hb-row-gap, var(--awp-hb-mobile-gap))
    }

    .awp-header-builder .awp-hb-row.is-width-container>.container,
    .awp-header-builder .awp-hb-row.is-width-wide>.container {
        max-width: 100%;
        width: 100%;
        padding-inline: 14px
    }

    .awp-header-builder .asanwp-header-builder-zone {
        max-width: 100%;
        overflow: visible
    }

    .awp-header-builder .asanwp-header-builder-zone:has(.asanwp-smart-search-trigger--mobile) {
        flex: 1 1 auto;
        width: auto
    }

    .awp-header-builder .asanwp-header-builder-zone:has(.asanwp-smart-search-trigger--mobile-icon) {
        flex: 0 0 auto;
        width: auto
    }

    .awp-header-builder .asanwp-header-builder-zone.is-center {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
        flex: 1
    }

    .awp-header-builder .asanwp-header-builder-item--search {
        flex: 1 1 auto;
        min-width: 0;
        max-width: 100%
    }

    .awp-header-builder .asanwp-header-builder-item--search>* {
        min-width: 0;
        max-width: 100%
    }

    .awp-account-user-label,
    .awp-account-login-label,
    .awp-account-chevron {
        display: none
    }

    .awp-account-login-button {
        width: 40px;
        padding: 0 !important;
        justify-content: center
    }

    .awp-account-user-button {
        width: 38px;
        justify-content: center
    }

    .awp-account-menu {
        inset-inline-end: -12px;
        width: min(250px, calc(100vw - 24px))
    }
}

/* Keep the account dropdown isolated from the legacy .header-action direct-child rule. */
.site-header.awp-header-builder .header-action.awp-account-dropdown>.awp-account-menu {
    display: none !important;
    width: 250px;
    min-width: 250px;
    height: auto;
    min-height: 0;
    max-height: none;
    align-items: initial;
    justify-content: initial;
    flex-wrap: nowrap;
    line-height: normal;
}

.site-header.awp-header-builder .header-action.awp-account-dropdown.is-open>.awp-account-menu {
    display: block !important
}

.site-header.awp-header-builder .awp-account-menu__head,
.site-header.awp-header-builder .awp-account-menu__links,
.site-header.awp-header-builder .awp-account-menu__links>a {
    height: auto;
    min-width: 0;
}

@media(max-width:1199.98px) {
    .site-header.awp-header-builder .header-action.awp-account-dropdown>.awp-account-menu {
        width: min(250px, calc(100vw - 24px));
        min-width: min(250px, calc(100vw - 24px));
    }
}

/* Header Builder: automatic dark-mode integration.
 * Header Builder rows keep their light-mode design values, while dark mode
 * follows the theme palette so saved light colors cannot make the header
 * unreadable after the appearance switch.
 */
body[data-theme="dark"] .site-header.awp-header-builder {
    --awp-hb-dark-bg: var(--color-background, #1a1b20);
    --awp-hb-dark-surface: var(--color-gray0, #1e2124);
    --awp-hb-dark-surface-soft: var(--color-gray50, #22262a);
    --awp-hb-dark-border: var(--color-gray200, #292e33);
    --awp-hb-dark-border-strong: var(--color-gray300, #2f343a);
    --awp-hb-dark-text: var(--color-text, #ecedee);
    --awp-hb-dark-muted: var(--color-gray700, #a3a8ae);
    --asanwp-search-field-bg: var(--color-gray50, #22262a);
    --asanwp-search-text: var(--color-text, #ecedee);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row {
    color: var(--awp-hb-dark-text);
    border-color: var(--awp-hb-dark-border);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row.is-role-main,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row.is-role-mobile {
    background: var(--awp-hb-dark-bg);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row.is-role-top,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row.is-role-bottom,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row.awp-hb-custom-row {
    background: var(--awp-hb-dark-surface);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .asanwp-header-builder-item:not(.is-builder-element) a:not(.awp-account-login-button),
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row button,
body[data-theme="dark"] .site-header.awp-header-builder .header-action .action-icon,
body[data-theme="dark"] .site-header.awp-header-builder .header-action .action-text,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-custom-link a,
body[data-theme="dark"] .site-header.awp-header-builder .awp-menu>.menu-item>a {
    color: var(--awp-hb-dark-text);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .asanwp-header-builder-item:not(.is-builder-element) a:not(.awp-account-login-button):hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .asanwp-header-builder-item:not(.is-builder-element) a:not(.awp-account-login-button):focus-visible,
body[data-theme="dark"] .site-header.awp-header-builder .awp-menu>.menu-item:hover>a,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-custom-link a:hover {
    color: var(--theme-primary-color);
}

/* Native WordPress menus inherit the saved light submenu color from the
 * builder. Replace only that presentation layer in dark mode. */
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .sub-menu,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .mega-menu .sub-menu {
    color: var(--awp-hb-dark-text);
    border-color: var(--awp-hb-dark-border);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .sub-menu a,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .mega-menu .sub-menu a {
    color: var(--awp-hb-dark-text);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .sub-menu a:hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .sub-menu a:focus-visible,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .mega-menu .sub-menu a:hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-row .mega-menu .sub-menu a:focus-visible {
    color: var(--theme-primary-color);
}

/* Search trigger lives inside the header; the full search dialog has its own
 * dark layer in smart-search.css. */
body[data-theme="dark"] .site-header.awp-header-builder button.asanwp-smart-search-trigger--desktop.unset {
    color: var(--awp-hb-dark-muted);
    background: var(--awp-hb-dark-surface-soft);
    border-color: var(--awp-hb-dark-border);
}

body[data-theme="dark"] .site-header.awp-header-builder button.asanwp-smart-search-trigger--desktop.unset:hover,
body[data-theme="dark"] .site-header.awp-header-builder button.asanwp-smart-search-trigger--desktop.unset:focus-visible {
    color: var(--awp-hb-dark-text);
    background: var(--color-gray100, #24282d);
    border-color: color-mix(in srgb, var(--theme-primary-color) 38%, var(--awp-hb-dark-border));
}

body[data-theme="dark"] .site-header.awp-header-builder button.asanwp-smart-search-trigger--mobile-icon.unset {
    color: var(--awp-hb-dark-text);
}

/* Login/account control. */
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-login-button {
    color: var(--awp-hb-dark-text) !important;
    background: transparent;
    border-color: var(--awp-hb-dark-border-strong) !important;
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-account-login-button:hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-login-button:focus-visible,
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-user-button:hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-user-button:focus-visible {
    background: var(--awp-hb-dark-surface-soft);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu {
    color: var(--awp-hb-dark-text);
    background: var(--awp-hb-dark-surface);
    border-color: var(--awp-hb-dark-border-strong);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .34);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu__head,
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu__logout {
    border-color: var(--awp-hb-dark-border-strong);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu__avatar,
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu__links a:hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu__links a:focus-visible {
    background: var(--awp-hb-dark-surface-soft);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu__head small,
body[data-theme="dark"] .site-header.awp-header-builder .awp-account-menu__links a>i:last-child {
    color: var(--awp-hb-dark-muted);
}

/* Mini-cart dropdown: Bootstrap variables are dark-aware globally, but the
 * stronger builder row colors need a local reset for product text and links. */
body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .custom-dropdown-body {
    color: var(--awp-hb-dark-text);
    background: var(--awp-hb-dark-surface);
    border-color: var(--awp-hb-dark-border);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .34);
}

body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .custom-dropdown-body::before {
    border-bottom-color: var(--awp-hb-dark-surface);
}

body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .custom-dropdown-body::after {
    border-bottom-color: var(--awp-hb-dark-border-strong);
}

body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .product-title,
body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .product-title a,
body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .woocommerce-mini-cart__total,
body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .cart-empty,
body[data-theme="dark"] .site-header.awp-header-builder .header-action.cart-button .cart-discount {
    color: var(--awp-hb-dark-text);
}

/* Location keeps its semantic orange treatment instead of inheriting the
 * global builder icon color. */
body[data-theme="dark"] .site-header.awp-header-builder .header-action.location-button .action-link,
body[data-theme="dark"] .site-header.awp-header-builder .header-action.location-button .action-icon {
    color: var(--color-orange200, #fed7aa);
}

/* Theme toggle and simple header controls receive the same hover surface. */
body[data-theme="dark"] .site-header.awp-header-builder .theme-mode-toggle .toggle-icon,
body[data-theme="dark"] .site-header.awp-header-builder .awp-catalog-mega__trigger:hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-catalog-mega__trigger:focus-visible,
body[data-theme="dark"] .site-header.awp-header-builder .awp-catalog-mega.is-open .awp-catalog-mega__trigger {
    border-color: var(--awp-hb-dark-border);
}

/* Sticky Header Builder rows must use the same dark palette as the non-sticky
 * state, regardless of saved light sticky colors. */
body[data-theme="dark"] .site-header.awp-header-builder.sticky-header .header-main.awp-hb-row,
body[data-theme="dark"] .site-header.awp-header-builder.sticky-header .header-mobile .awp-hb-row {
    color: var(--awp-hb-dark-text) !important;
    background: var(--awp-hb-dark-bg) !important;
    border-color: var(--awp-hb-dark-border) !important;
}

/* Shared Page Builder commerce elements can occupy a complete Header Builder row when inline. */
.awp-header-builder .asanwp-header-builder-zone.has-wide-builder {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0
}

.awp-header-builder .asanwp-header-builder-zone.has-wide-builder>.asanwp-header-builder-item.is-builder-element-wide:not(.is-builder-dropdown) {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0
}

.awp-header-builder .asanwp-header-builder-item.is-builder-element-wide:not(.is-builder-dropdown)>.awp-hb-builder-element {
    width: 100%;
    max-width: 100%;
    min-width: 0
}

.awp-header-builder .awp-hb-builder-element--product_carousel,
.awp-header-builder .awp-hb-builder-element--product_tabs,
.awp-header-builder .awp-hb-builder-element--amazing_offers,
.awp-header-builder .awp-hb-builder-element--best_sellers,
.awp-header-builder .awp-hb-builder-element--product_categories,
.awp-header-builder .awp-hb-builder-element--popular_brands {
    width: 100%
}

/* Shared Builder commerce dropdown / mega menu presentation. */
.awp-header-builder .asanwp-header-builder-item.is-builder-dropdown {
    position: relative;
    min-width: 0
}

.awp-header-builder .awp-hb-builder-dropdown {
    position: relative
}

.awp-header-builder .awp-hb-builder-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 4px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer
}

.awp-header-builder .awp-hb-builder-dropdown__trigger:hover,
.awp-header-builder .awp-hb-builder-dropdown__trigger:focus-visible {
    color: var(--awp-hb-row-hover, var(--theme-primary-color, #19bfd3))
}

.awp-header-builder .awp-hb-builder-dropdown__trigger-icon {
    display: grid;
    place-items: center;
    font-size: 18px;
    line-height: 1
}

.awp-header-builder .awp-hb-builder-dropdown__trigger-chevron {
    display: grid;
    place-items: center;
    font-size: 10px;
    transition: transform .18s ease
}

.awp-header-builder .awp-hb-builder-dropdown.is-open .awp-hb-builder-dropdown__trigger-chevron {
    transform: rotate(180deg)
}

.awp-header-builder .awp-hb-builder-dropdown__panel {
    position: absolute;
    top: calc(100% + 12px);
    z-index: 190;
    width: min(var(--awp-hb-builder-panel-width, 980px), calc(100vw - 24px));
    max-width: min(var(--awp-hb-builder-panel-width, 980px), calc(100vw - 24px));
    background: var(--awp-hb-commerce-panel-bg, #fff);
    border-width: var(--awp-hb-commerce-panel-border-width, 1px);
    border-style: var(--awp-hb-commerce-panel-border-style, solid);
    border-color: var(--awp-hb-commerce-panel-border-color, rgba(15, 23, 42, .08));
    border-radius: var(--awp-hb-commerce-panel-radius, 16px);
    overflow: hidden;
    box-shadow: 0 20px 48px rgba(15, 23, 42, .14)
}

.awp-header-builder .awp-hb-builder-dropdown.is-align-start .awp-hb-builder-dropdown__panel {
    inset-inline-start: 0
}

.awp-header-builder .awp-hb-builder-dropdown.is-align-end .awp-hb-builder-dropdown__panel {
    inset-inline-end: 0
}

.awp-header-builder .awp-hb-builder-dropdown.is-align-center .awp-hb-builder-dropdown__panel {
    inset-inline-start: 50%;
    transform: translateX(-50%)
}

[dir="rtl"] .awp-header-builder .awp-hb-builder-dropdown.is-align-center .awp-hb-builder-dropdown__panel {
    transform: translateX(50%)
}

.awp-header-builder .awp-hb-builder-dropdown__panel-inner {
    padding: var(--awp-hb-builder-panel-padding, 16px);
    max-height: min(78vh, 940px);
    overflow: auto
}

.awp-header-builder .awp-hb-builder-dropdown__panel .awp-hb-builder-element {
    width: 100%;
    color: inherit
}

.awp-header-builder .awp-hb-builder-dropdown__panel .awp-builder-product-carousel,
.awp-header-builder .awp-hb-builder-dropdown__panel .awp-builder-product-tabs,
.awp-header-builder .awp-hb-builder-dropdown__panel .awp-builder-amazing,
.awp-header-builder .awp-hb-builder-dropdown__panel .awp-builder-best-sellers,
.awp-header-builder .awp-hb-builder-dropdown__panel .awp-builder-product-categories,
.awp-header-builder .awp-hb-builder-dropdown__panel .awp-builder-popular-brands {
    margin: 0 !important
}

@media(max-width:1199.98px) {
    .awp-header-builder .awp-hb-builder-dropdown__trigger {
        min-height: 40px;
        font-size: 13px
    }

    .awp-header-builder .awp-hb-builder-dropdown__panel {
        top: calc(100% + 10px);
        width: min(var(--awp-hb-builder-panel-width, 980px), calc(100vw - 18px));
        max-width: min(var(--awp-hb-builder-panel-width, 980px), calc(100vw - 18px))
    }
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__trigger {
    color: var(--awp-hb-dark-text)
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__trigger:hover,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__trigger:focus-visible {
    color: var(--theme-primary-color)
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel {
    background: var(--awp-hb-commerce-panel-bg, var(--awp-hb-dark-surface));
    border-color: var(--awp-hb-commerce-panel-border-color, var(--awp-hb-dark-border-strong));
    color: var(--awp-hb-dark-text)
}

/* Header-optimised commerce presentation.
 * These rules are intentionally scoped to the Header Builder dropdown so the
 * same elements keep their original Page Builder appearance on normal pages. */
.awp-header-builder .awp-hb-builder-dropdown.is-width-header .awp-hb-builder-dropdown__panel,
.awp-header-builder .awp-hb-builder-dropdown.is-width-full .awp-hb-builder-dropdown__panel {
    inset-inline: auto
}

.awp-header-builder .awp-hb-builder-dropdown.is-width-header .awp-hb-builder-dropdown__panel,
.awp-header-builder .awp-hb-builder-dropdown.is-width-full .awp-hb-builder-dropdown__panel {
    border-radius: var(--awp-hb-commerce-panel-radius, 16px)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce {
    --awp-builder-text: var(--color-text, #3f4064);
    --awp-builder-heading: var(--color-text, #23254e);
    --awp-builder-surface: var(--color-background, #fff);
    --awp-builder-border: var(--color-gray100, #f0f0f1);
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-heading-row {
    margin: 0 0 10px;
    gap: 10px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-heading-row h2 {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 800
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-heading-row a {
    font-size: 11px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-heading-row a .awp-builder-chevron {
    width: 14px;
    height: 14px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-nav {
    width: 34px;
    height: 34px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-nav .awp-builder-chevron {
    width: 17px;
    height: 17px
}

/* Product carousel and shared product cards. */
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell {
    border-radius: 12px
}

/* Keep the original Section style meaningful inside the header, but use more
 * compact spacing than the Page Builder versions. */
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--bordered {
    padding: 10px 0 0;
    border: 1px solid var(--color-gray200, #e0e0e2);
    background: var(--color-background, #fff)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--minimal {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--soft {
    padding: 10px 8px 8px;
    border: 0;
    background: var(--color-gray25, #fafafa)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--bordered {
    padding-top: 10px;
    border: 1px solid var(--color-gray200, #e0e0e2);
    background: var(--color-background, #fff)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--minimal {
    border: 0;
    border-radius: 0;
    background: transparent
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--soft {
    padding: 10px 8px 8px;
    border: 0;
    background: var(--color-gray25, #fafafa)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers--bordered {
    padding: 10px 12px 8px;
    border: 1px solid var(--color-gray200, #e0e0e2);
    background: var(--color-background, #fff)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers--minimal {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers--soft {
    padding: 10px 12px 8px;
    border: 0;
    background: var(--color-gray25, #fafafa)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell--bordered {
    padding: 10px 0 0;
    border: 1px solid var(--color-gray200, #e0e0e2);
    background: var(--color-background, #fff)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell--minimal {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell--soft {
    padding: 10px 8px 8px;
    border: 0;
    background: var(--color-gray25, #fafafa)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell>.awp-builder-heading-row,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell>.awp-builder-heading-row {
    margin: 0 12px 9px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--minimal>.awp-builder-heading-row,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell--minimal>.awp-builder-heading-row {
    margin-inline: 0
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--bordered .awp-builder-product-row,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--bordered .awp-builder-product-row {
    border: 0;
    border-top: 1px solid var(--color-gray100, #f0f0f1);
    border-radius: 0
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--minimal .awp-builder-product-row,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--minimal .awp-builder-product-row {
    border: 1px solid var(--color-gray200, #e0e0e2);
    border-radius: 12px;
    overflow: hidden
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--soft .awp-builder-product-row,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--soft .awp-builder-product-row {
    border: 0;
    border-radius: 10px;
    overflow: hidden
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-viewport .awp-builder-product-row>.awp-builder-product-card {
    width: 170px;
    min-width: 170px;
    padding: 9px 10px 10px;
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__media {
    height: 126px;
    aspect-ratio: auto;
    margin-bottom: 7px;
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__stock {
    inset-inline: 6px;
    bottom: 6px;
    min-height: 23px;
    padding: 2px 7px;
    font-size: 9px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__category {
    margin-bottom: 2px;
    font-size: 9px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__title {
    min-height: 37px;
    margin-bottom: 5px;
    font-size: 11px !important;
    line-height: 1.7
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__aux {
    min-height: 18px;
    margin-bottom: 2px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__footer {
    min-height: 38px;
    gap: 4px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__discount {
    min-width: 30px;
    height: 18px;
    padding-inline: 5px;
    font-size: 9px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__price {
    font-size: 11.5px;
    line-height: 1.55
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-card__price del {
    font-size: 9px
}

/* Product tabs: compact navigation suited to a dropdown panel. */
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs__title {
    margin: 0 0 7px;
    font-size: 16px;
    line-height: 1.6
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs__nav {
    gap: 8px;
    margin: 0 0 9px;
    padding: 0
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs__nav button {
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 10.5px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--underline .awp-builder-product-tabs__nav button[aria-selected=true] {
    background: var(--color-gray50, #f5f5f5)
}

/* Amazing offers: retain its identity but reduce the large homepage proportions. */
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing {
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 9px;
    padding: 10px;
    border-radius: 12px;
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing__sidebar {
    gap: 6px;
    padding: 2px 4px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing__headline {
    gap: 5px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing__spark {
    width: 38px;
    height: 38px;
    border-width: 2px;
    font-size: 22px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing__badge-image {
    width: 58px;
    height: 44px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing__sidebar h2 {
    font-size: 14px;
    line-height: 1.5
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-countdown__unit {
    min-width: 27px;
    height: 29px;
    padding: 2px 3px;
    border-radius: 6px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing__all {
    font-size: 9.5px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing .awp-builder-product-row>.awp-builder-product-card {
    width: 158px;
    min-width: 158px;
    padding: 8px 9px 9px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-amazing .awp-builder-products-nav {
    width: 32px;
    height: 32px
}

/* Best sellers: tighter rows and smaller artwork for menu use. */
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers>.awp-builder-heading-row {
    margin-bottom: 6px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-ranked-products__list {
    grid-auto-columns: minmax(245px, 1fr);
    gap: 0 16px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-ranked-product {
    grid-template-columns: 68px 30px minmax(0, 1fr);
    gap: 6px;
    min-height: 80px;
    padding: 5px 0
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-ranked-product__image {
    width: 68px;
    height: 68px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-ranked-product__rank {
    font-size: 22px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-ranked-product__body h3 {
    font-size: 10.5px;
    line-height: 1.75
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-ranked-product__price {
    margin-top: 3px;
    font-size: 10.5px
}

/* Categories: smaller visual tiles while keeping the element's selected style. */
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-categories-shell>.awp-builder-heading-row {
    margin-bottom: 10px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-categories {
    gap: 12px 9px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-category {
    gap: 6px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-category img,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-category__placeholder {
    width: min(var(--awp-category-image, 100px), 76px);
    height: min(var(--awp-category-image, 100px), 76px);
    flex-basis: min(var(--awp-category-image, 100px), 76px)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-categories--compact img,
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-categories--compact .awp-builder-category__placeholder {
    width: 52px;
    height: 52px;
    flex-basis: 52px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-category strong {
    font-size: 10.5px;
    line-height: 1.65
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-categories--cards .awp-builder-category {
    padding: 7px;
    border-radius: 10px
}

/* Brands: one slim logo strip instead of the tall homepage section. */
.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands a {
    flex-basis: min(var(--awp-brand-width, 145px), 118px);
    width: min(var(--awp-brand-width, 145px), 118px);
    height: min(var(--awp-brand-height, 108px), 76px);
    padding: 10px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands img {
    max-height: min(var(--awp-brand-logo-height, 62px), 44px)
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands a>span {
    font-size: 10.5px
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce {
    --awp-builder-text: var(--awp-hb-dark-text);
    --awp-builder-heading: var(--awp-hb-dark-text);
    --awp-builder-surface: var(--awp-hb-dark-surface);
    --awp-builder-border: var(--awp-hb-dark-border);
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--bordered,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--bordered,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers--bordered,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell--bordered {
    background: var(--awp-hb-dark-surface);
    border-color: var(--awp-hb-dark-border-strong)
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--minimal,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--minimal,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers--minimal,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell--minimal {
    background: transparent
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-products-shell--soft,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--soft,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-best-sellers--soft,
body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-brands-shell--soft {
    background: var(--awp-hb-dark-surface-soft)
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--underline .awp-builder-product-tabs__nav button[aria-selected=true] {
    background: var(--awp-hb-dark-surface-soft)
}


/* Header commerce controls exposed by Header Builder. */
.awp-header-builder .awp-hb-builder-dropdown.is-shadow-none .awp-hb-builder-dropdown__panel {
    box-shadow: none
}

.awp-header-builder .awp-hb-builder-dropdown.is-shadow-soft .awp-hb-builder-dropdown__panel {
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14)
}

.awp-header-builder .awp-hb-builder-dropdown.is-shadow-strong .awp-hb-builder-dropdown__panel {
    box-shadow: 0 24px 64px rgba(15, 23, 42, .24)
}

.awp-header-builder .awp-hb-builder-element.is-slider-arrows-hidden .awp-builder-products-nav {
    display: none !important
}

.awp-header-builder .awp-hb-builder-element.is-view-all-hidden .awp-builder-heading-row>a,
.awp-header-builder .awp-hb-builder-element.is-view-all-hidden .awp-builder-product-tabs__all,
.awp-header-builder .awp-hb-builder-element.is-view-all-hidden .awp-builder-amazing__all {
    display: none !important
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs__heading {
    margin: 0 12px 7px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs--minimal .awp-builder-product-tabs__heading {
    margin-inline: 0
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs__title {
    margin: 0;
    font-size: 16px;
    line-height: 1.6
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs__all {
    font-size: 11px
}

.awp-header-builder .awp-hb-builder-dropdown__panel--commerce .awp-builder-product-tabs__all .awp-builder-chevron {
    width: 14px;
    height: 14px
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown.is-shadow-soft .awp-hb-builder-dropdown__panel {
    box-shadow: 0 18px 42px rgba(0, 0, 0, .35)
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-dropdown.is-shadow-strong .awp-hb-builder-dropdown__panel {
    box-shadow: 0 26px 70px rgba(0, 0, 0, .5)
}


/* The visible commerce frame in Header Builder is controlled here rather
 * than by the Page Builder's original section border rules. This guarantees
 * that the header controls always win and avoids a second nested frame. */
.awp-header-builder .awp-hb-builder-element.has-header-element-frame> :first-child {
    box-sizing: border-box;
    border-style: var(--awp-hb-element-border-style, solid) !important;
    border-width: var(--awp-hb-element-border-width, 1px) !important;
    border-color: var(--awp-hb-element-border-color, var(--color-gray200, #e0e0e2)) !important;
    border-radius: var(--awp-hb-element-radius, 12px) !important;
    overflow: hidden;
}

/* Product Carousel and Product Tabs can create another structural border
 * around the product row. In a header mega menu that becomes a double frame,
 * so the Header Builder frame is the single source of truth. */
.awp-header-builder .awp-hb-builder-element--product_carousel.has-header-element-frame .awp-builder-product-row,
.awp-header-builder .awp-hb-builder-element--product_tabs.has-header-element-frame .awp-builder-product-row {
    border: 0 !important;
    border-radius: 0 !important;
}

body[data-theme="dark"] .site-header.awp-header-builder .awp-hb-builder-element.has-header-element-frame> :first-child {
    border-color: var(--awp-hb-element-border-color, var(--awp-hb-dark-border-strong)) !important;
}


/* Header Builder primary navigation: use the available desktop row space instead
 * of treating the WordPress menu like a compact icon/control. */
@media(min-width:1200px) {
    .awp-header-builder .asanwp-header-builder-zone.has-primary-menu {
        flex: 1 1 auto;
        min-width: 0
    }

    .awp-header-builder .asanwp-header-builder-zone.has-primary-menu>.asanwp-header-builder-item--primary_menu {
        flex: 1 1 auto;
        align-self: stretch;
        min-width: 0
    }

    .awp-header-builder .asanwp-header-builder-item--primary_menu>.awp-menu-nav.primary-menu {
        display: flex;
        align-items: stretch;
        width: 100%;
        height: 100%;
        min-width: 0
    }

    .awp-header-builder .asanwp-header-builder-item--primary_menu>.awp-menu-nav.primary-menu>.awp-menu {
        display: flex;
        align-items: stretch;
        flex-wrap: nowrap;
        width: 100%;
        height: 100%;
        min-width: 0;
        column-gap: clamp(10px, 1.15vw, 22px)
    }

    .awp-header-builder .asanwp-header-builder-item--primary_menu .awp-menu>.menu-item {
        flex: 0 0 auto;
        height: 100%;
        margin-inline: 0
    }

    .awp-header-builder .asanwp-header-builder-item--primary_menu .awp-menu>.menu-item>a {
        height: 100%;
        padding-inline: 4px;
        white-space: nowrap;
        line-height: 1.2
    }

    .awp-header-builder .asanwp-header-builder-item--catalog_menu .awp-catalog-mega__trigger,
    .awp-header-builder .awp-hb-builder-dropdown__trigger {
        white-space: nowrap
    }

    /* Keep first-level dropdowns physically attached to the full-height menu item.
     * This removes the dead hover strip that made the submenu collapse while the
     * pointer was travelling from the label to its dropdown. */
    .awp-header-builder .awp-menu-nav.primary-menu .awp-menu>.menu-item:not(.mega-menu)>.sub-menu {
        top: 100%;
        margin-top: 0
    }
}

/* JavaScript adds this class for a short hover grace period. It deliberately
 * mirrors the native :hover state so users can cross tiny gaps/triangles safely. */
.awp-header-builder .awp-menu-nav.horizontal .menu-item-has-children.is-awp-hover-open>.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

/* The legacy unified-header grid reserved half of the row for start and end
 * zones (1fr / auto / 1fr). That unnecessarily squeezed a menu-heavy start
 * zone when the opposite side contained only one small control. Header Builder
 * uses natural outer zones and gives the remaining width to the center zone. */
@media(min-width:1200px) {
    .awp-header-builder .asanwp-header-builder-row {
        grid-template-columns: auto minmax(0, 1fr) auto
    }

    .awp-header-builder .asanwp-header-builder-zone.is-start,
    .awp-header-builder .asanwp-header-builder-zone.is-end {
        max-width: none;
        flex-wrap: nowrap
    }

    .awp-header-builder .asanwp-header-builder-zone.is-center {
        width: 100%;
        justify-self: stretch
    }

    .awp-header-builder .asanwp-header-builder-zone.has-primary-menu {
        max-width: 100%
    }
}