/* Keep the shared public header on one row until the compact menu takes over. */
.pe-site header .elementor-element-719d4359 > .e-con-inner {
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px;
}
.pe-site header .elementor-nav-menu--main > .elementor-nav-menu {
    flex-wrap: nowrap;
}
.pe-site header .elementor-nav-menu--main .elementor-item {
    white-space: nowrap;
}
@media (max-width: 767px) {
    .pe-site header .elementor-element-719d4359 > .e-con-inner {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 14px;
        width: 100%;
    }
    .pe-site header .elementor-element-50cca98a {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        max-width: 220px;
        min-width: 0;
    }
    .pe-site header .elementor-element-259722d1 {
        position: static;
        grid-column: 3;
        grid-row: 1;
        width: auto;
        margin: 0;
    }
    .pe-site header .pe-header-actions {
        grid-column: 2;
        grid-row: 1;
        min-width: 0;
    }
    .pe-site header .elementor-nav-menu--main { display: none !important; }
    .pe-site header .elementor-menu-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        padding: 10px;
    }
    .pe-site header .elementor-nav-menu--dropdown.is-open {
        position: absolute !important;
        top: 100%;
        left: 0;
        right: 0;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        transform: none !important;
        visibility: visible !important;
        z-index: 50;
        background: #fff;
        box-shadow: 0 12px 24px #29175018;
    }
    .pe-site header .elementor-nav-menu--dropdown .elementor-item { min-height: 44px; }
    .pe-site header .elementor-menu-toggle[aria-expanded="false"] .elementor-menu-toggle__icon--close,
    .pe-site header .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--open { display: none; }
    .pe-site header .elementor-menu-toggle[aria-expanded="true"] .elementor-menu-toggle__icon--close { display: block; }
}
@media (min-width: 768px) {
    .pe-site header .elementor-menu-toggle,
    .pe-site header .elementor-nav-menu--dropdown { display: none !important; }
}
@media (max-width: 767px) {
    .pe-site header .elementor-element-719d4359 > .e-con-inner { gap: 10px; }
    .pe-site header .elementor-element-50cca98a { max-width: 190px; }
}

/* Match the main site's desktop navigation typography and link spacing. */
@media (min-width: 768px) {
    .pe-site header .elementor-nav-menu--main > .elementor-nav-menu {
        gap: 40px;
    }
    .pe-site header .elementor-nav-menu--main .elementor-item {
        font-size: 14px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Keep the full navigation through desktop and tablet, as on the main site. */
@media (min-width: 768px) {
    .pe-site header .elementor-element-719d4359 > .e-con-inner {
        display: grid;
        grid-template-columns: 200px minmax(0, 1fr) auto;
        gap: 12px;
        align-items: center;
        width: 100%;
    }
    .pe-site header .elementor-element-50cca98a {
        width: 200px !important;
        max-width: 200px !important;
        min-width: 0;
        padding: 0 !important;
    }
    .pe-site header .elementor-element-50cca98a img { width: 100% !important; max-width: 100% !important; height: auto; }
    .pe-site header .elementor-element-259722d1 { width: auto; min-width: 0; margin: 0; }
    .pe-site header .elementor-nav-menu--main { display: flex !important; justify-content: center; }
    .pe-site header .elementor-nav-menu--main > .elementor-nav-menu {
        justify-content: center;
        gap: clamp(8px, calc(8vw - 72px), 40px);
    }
    .pe-site header .elementor-element-7e08c2b { display: block !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .pe-site header .elementor-element-719d4359 > .e-con-inner {
        grid-template-columns: minmax(0, 1fr) auto;
        row-gap: 8px;
    }
    .pe-site header .elementor-element-50cca98a { grid-column: 1; grid-row: 1; }
    .pe-site header .pe-header-actions { grid-column: 2; grid-row: 1; }
    .pe-site header .elementor-element-259722d1 { grid-column: 1 / -1; grid-row: 2; }
    .pe-site header .elementor-nav-menu--main > .elementor-nav-menu { gap: 40px; }
}

/* Keep cart and account actions available beside the mobile menu. */
@media (max-width: 767px) {
    .pe-site header .pe-header-actions { display: flex !important; gap: 6px; margin: 0; }
    .pe-site header .pe-header-cart,
    .pe-site header .elementor-element-7e08c2b { display: block !important; }
    .pe-site header .elementor-element-50cca98a { padding: 0 !important; }
    .pe-site header .elementor-element-50cca98a img { width: 100% !important; max-width: 100% !important; height: auto; }
    .pe-site header .pe-header-cart { position: static; }
    .pe-site header .pe-header-cart summary {
        position: relative;
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center;
    }
    .pe-site header .pe-cart-symbol { font-size: 20px; }
    .pe-site header .pe-header-cart summary b { position: absolute; top: -5px; right: -5px; }
    .pe-site header .pe-mini-cart { top: 100%; right: 0; width: min(280px, calc(100vw - 30px)); }
    .pe-site header .pe-public-account-actions > .elementor-button {
        width: 44px;
        min-width: 44px;
        min-height: 42px;
        padding: 0;
        justify-content: center;
    }
    .pe-site header .pe-public-account-actions > .elementor-button .elementor-button-text {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .pe-site header .pe-public-account-actions > .elementor-button svg { width: 20px; height: 20px; }
}