.customer-store-nav .store-main-website {
    min-height: 40px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 13px;
    background: rgba(240, 226, 251, .5);
    color: #602480;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    font-weight: 600;
}
.customer-store-nav .store-profile-dropdown { position: relative; width: 100%; }
.customer-store-nav .store-profile-trigger { cursor: pointer; list-style: none; }
.customer-store-nav .store-profile-trigger::-webkit-details-marker { display: none; }
.customer-store-nav .store-profile-trigger > .store-icon { margin-left: auto; width: 14px; height: 14px; transition: transform .2s; }
.customer-store-nav .store-profile-dropdown[open] .store-profile-trigger > .store-icon { transform: rotate(180deg); }
.customer-store-nav .store-profile-trigger:focus-visible { outline: 2px solid #743aa2; outline-offset: 3px; }
.customer-store-nav .store-account-menu {
    position: absolute;
    z-index: 1065;
    top: calc(100% + 12px);
    right: 0;
    display: grid;
    gap: 4px;
    min-width: 210px;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(245, 234, 255, .76));
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 12px 30px rgba(63, 31, 85, .14), inset 0 1px 0 #fff;
}
.customer-store-nav .store-account-menu :is(a, button) { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 9px 12px; border: 0; border-radius: 10px; background: transparent; color: #493056; font: inherit; font-size: .78rem; font-weight: 600; text-decoration: none; cursor: pointer; }
.customer-store-nav .store-account-menu :is(a, button):hover { background: rgba(229, 208, 246, .5); color: #602480; }
.customer-store-nav .store-account-menu form { margin: 3px 0 0; padding-top: 5px; border-top: 1px solid rgba(113, 72, 138, .12); }
.customer-store-nav .store-account-menu .store-icon { width: 18px; height: 18px; }
@media (max-width: 991px) {
    .customer-store-nav .store-account-menu { position: static; min-width: 0; width: 100%; margin-top: 8px; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
    .customer-store-nav .store-profile-trigger > .store-icon { transition: none; }
}

.customer-store-nav .navbar-nav > .customer-mobile-menu-item,
.customer-store-nav .customer-drawer-account { display: none; }
@media (max-width: 991px) {
    /* A filtered header would trap fixed drawer positioning on other customer pages. */
    .public-body .customer-store-nav { -webkit-backdrop-filter: none; backdrop-filter: none; }
    .public-body .customer-store-nav #customer-nav {
        width: min(88vw, 360px);
        padding: calc(20px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));
        background: #fcf9ff;
        box-shadow: -20px 0 60px rgba(38, 16, 54, .2);
    }
    .customer-store-nav .customer-nav-drawer-head { margin-bottom: 20px; font-size: 1.2rem; }
    .customer-store-nav .customer-nav-drawer-head button { width: 42px; height: 42px; border-radius: 50%; }
    .customer-store-nav .customer-drawer-account { display: flex; align-items: center; gap: 12px; padding: 16px; margin-bottom: 20px; border: 1px solid #e8daf6; border-radius: 18px; background: linear-gradient(120deg, #eee1fb, #f8f1ff); }
    .customer-store-nav .customer-drawer-account .store-avatar { width: 46px; height: 46px; flex-basis: 46px; }
    .customer-store-nav .customer-drawer-account strong { min-width: 0; font-size: .9rem; overflow-wrap: anywhere; }
    .customer-store-nav .navbar-nav > .customer-mobile-menu-item { display: flex; }
    .customer-store-nav .navbar-nav > .store-profile { display: none; }
    .customer-store-nav .navbar-nav > .customer-drawer-account-links { display: grid; gap: 8px; margin-top: 12px; padding-top: 20px; border-top: 1px solid #e8daf6; }
    .customer-store-nav .customer-drawer-account-links form { margin: 12px 0 0; }
    .customer-store-nav #customer-nav :is(.nav-link, .customer-drawer-link, .nav-action) { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 50px; padding: 12px 14px !important; border: 1px solid transparent; border-radius: 14px; color: #493056; background: transparent; box-shadow: none; font: inherit; font-size: .9rem; font-weight: 600; text-align: left; text-decoration: none; cursor: pointer; }
    .customer-store-nav #customer-nav :is(.nav-link, .customer-drawer-link, .nav-action):hover { background: #eee3fa; color: #602480; }
    .customer-store-nav #customer-nav .customer-drawer-link[aria-current="page"] { border-color: #e5d3f5; background: #eee3fa; color: #602480; }
    .customer-store-nav #customer-nav .store-icon { width: 21px; height: 21px; flex-shrink: 0; color: #783bab; }
    .customer-store-nav #customer-nav .nav-cart { background: #eee3fa; color: #602480 !important; }
    .customer-store-nav #customer-nav .store-cart-label { font-size: inherit; }
    .customer-store-nav #customer-nav .nav-cart-count { margin-left: auto; background: #dfc9f1; color: #602480; }
    .customer-store-nav #customer-nav .customer-drawer-logout { color: #ac3d55; background: #fff0f3; }
    .customer-store-nav #customer-nav .customer-drawer-logout .store-icon { color: inherit; }
    .customer-store-nav #customer-nav :is(a, button):focus-visible { outline: 3px solid #ab78d1; outline-offset: 2px; }
}