/* Diamond Theme Manager — storefront helpers */

.diamond-managed-device--desktop {
    display: block;
}

.diamond-managed-device--tablet,
.diamond-managed-device--mobile {
    display: none;
}

@media (max-width: 991px) {
    .diamond-managed-device--desktop {
        display: none;
    }

    .diamond-managed-device--tablet {
        display: block;
    }
}

@media (max-width: 767px) {
    .diamond-managed-device--tablet {
        display: none;
    }

    .diamond-managed-device--mobile {
        display: block;
    }
}

.diamond-mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1060;
    background: var(--color-header-bg, #fff);
    border-top: 1px solid var(--color-border, #eee);
    padding: 0.35rem 0 calc(0.35rem + env(safe-area-inset-bottom));
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
}

.diamond-mobile-bottom-nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.diamond-mobile-bottom-nav li {
    flex: 1 1 0;
    text-align: center;
}

.diamond-mobile-bottom-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    padding: 0.25rem 0.15rem;
    color: var(--color-neutral-700, #424750);
    font-size: 0.7rem;
    text-decoration: none;
}

.diamond-mobile-bottom-nav a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.1rem;
    min-height: 1.1rem;
    line-height: 1;
    font-size: 1.1rem;
}

.diamond-mobile-bottom-nav a i[class*="fa-"] {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.diamond-mobile-bottom-nav a i.fas {
    font-weight: 900;
}

.diamond-mobile-bottom-nav a i.far {
    font-weight: 400;
}

.diamond-mobile-bottom-nav a i.fal {
    font-weight: 300;
}

.diamond-mobile-bottom-nav a i:not([class*="fa-"]):empty::before {
    content: '•';
    font-style: normal;
    opacity: 0.45;
}

.diamond-mobile-bottom-nav a:hover,
.diamond-mobile-bottom-nav a:focus {
    color: var(--color-primary, #ef394e);
}

.diamond-mobile-bottom-nav,
.diamond-mobile-bottom-nav--mobile-only {
    display: block;
}

.diamond-mobile-nav-panel[hidden] {
    display: none !important;
}

.diamond-mobile-nav-panel:not([hidden]) {
    display: block;
}

@media (min-width: 992px) {
    .diamond-mobile-bottom-nav,
    .diamond-mobile-bottom-nav--mobile-only,
    .diamond-mobile-nav-panel--mobile-only {
        display: none !important;
    }
}

body:has(.diamond-mobile-bottom-nav),
body.diamond-has-mobile-bottom-nav {
    --diamond-mobile-nav-offset: calc(3.65rem + env(safe-area-inset-bottom));
    --diamond-mobile-nav-action-bar-height: 5.5rem;
    padding-bottom: var(--diamond-mobile-nav-offset);
}

body:has(.diamond-mobile-bottom-nav--pill),
body.diamond-has-mobile-bottom-nav:has(.diamond-mobile-bottom-nav--pill) {
    --diamond-mobile-nav-offset: calc(4.35rem + env(safe-area-inset-bottom));
    padding-bottom: var(--diamond-mobile-nav-offset);
}

body:has(.diamond-mobile-bottom-nav--center-fab),
body.diamond-has-mobile-bottom-nav:has(.diamond-mobile-bottom-nav--center-fab) {
    --diamond-mobile-nav-offset: calc(4.75rem + env(safe-area-inset-bottom));
    padding-bottom: var(--diamond-mobile-nav-offset);
}

.diamond-mobile-bottom-nav--icon-only a span {
    font-size: 0.55rem;
}

.diamond-mobile-bottom-nav--icon-only a i {
    font-size: 1.35rem;
}

.diamond-mobile-bottom-nav--pill {
    left: 0.75rem;
    right: 0.75rem;
    bottom: calc(0.5rem + env(safe-area-inset-bottom));
    border-radius: 999px;
    border: 1px solid var(--color-border, #eee);
    padding: 0.25rem 0.35rem;
}

.diamond-mobile-bottom-nav--pill ul {
    gap: 0.25rem;
}

.diamond-mobile-bottom-nav--pill a {
    border-radius: 999px;
    padding: 0.35rem 0.2rem;
}

.diamond-mobile-bottom-nav--pill a:hover,
.diamond-mobile-bottom-nav--pill a:focus,
.diamond-mobile-bottom-nav--pill a.is-active {
    background: var(--color-neutral-100, #f5f5f5);
}

.diamond-mobile-bottom-nav--card ul {
    gap: 0.35rem;
    padding: 0 0.35rem;
}

.diamond-mobile-bottom-nav--card a {
    border: 1px solid var(--color-border, #eee);
    border-radius: 0.65rem;
    background: var(--color-neutral-000, #fff);
    min-height: 3.1rem;
    justify-content: center;
}

.diamond-mobile-nav-panel {
    position: fixed;
    inset: 0;
    z-index: 1075;
}

.diamond-mobile-nav-panel__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.diamond-mobile-nav-panel__sheet {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 75vh;
    background: var(--color-neutral-000, #fff);
    border-radius: 1rem 1rem 0 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15);
}

.diamond-mobile-nav-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--color-border, #eee);
}

.diamond-mobile-nav-panel__close {
    border: 0;
    background: transparent;
    font-size: 1.5rem;
    line-height: 1;
    color: var(--color-neutral-600, #666);
}

.diamond-mobile-nav-panel__body {
    overflow: auto;
    padding: 0.75rem 1rem;
    min-height: 6rem;
}

.diamond-mobile-nav-panel__content[hidden] {
    display: none !important;
}

.diamond-mobile-nav-panel__title {
    font-size: 15px;
    color: var(--color-neutral-700, #333);
}

html.diamond-theme-surface-dark .diamond-mobile-nav-panel__title,
html.diamond-theme-surface-dark .diamond-mobile-nav-panel__close {
    color: var(--diamond-text-primary, #f5f5f5);
}

html.diamond-theme-surface-dark .diamond-mobile-nav-panel__header,
html.diamond-theme-surface-dark .diamond-mobile-nav-panel__footer {
    border-color: var(--diamond-border, rgba(255, 255, 255, 0.08));
}

.diamond-mobile-nav-panel__subMenu {
    display: flex;
    flex-direction: row;
    min-height: 18rem;
    max-height: min(72vh, calc(100dvh - 9rem));
    overflow: hidden;
}

.diamond-mobile-nav-panel__subMenu .topMenu__right,
.diamond-mobile-nav-panel__subMenu .topMenu__left {
    height: auto;
    max-height: 60vh;
    overflow-y: auto;
}

.diamond-mobile-nav-panel__subMenu .topMenu__left .nav__item.first-level {
    display: none;
}

.diamond-mobile-nav-panel__subMenu .topMenu__left .nav__item.first-level.active {
    display: flex;
    flex-direction: column;
    flex: 1;
}

@media (max-width: 991px) {
    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__backdrop {
        background: transparent;
        pointer-events: none;
    }

    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__sheet {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100dvh;
        max-height: 100dvh;
        min-height: 100dvh;
        border-radius: 0;
        box-shadow: none;
    }

    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__header {
        flex-shrink: 0;
        padding-top: calc(0.85rem + env(safe-area-inset-top, 0px));
    }

    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__footer {
        display: none;
    }

    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__body {
        flex: 1;
        min-height: 0;
        padding: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .diamond-mobile-nav-panel--categories-mode [data-panel-content="categories"] {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0;
        overflow: hidden;
    }

    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__subMenu {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none !important;
        height: 100% !important;
    }

    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__subMenu .topMenu__right,
    .diamond-mobile-nav-panel--categories-mode .diamond-mobile-nav-panel__subMenu .topMenu__left {
        max-height: none !important;
        height: 100%;
    }

    body.diamond-mobile-nav-panel-open:has(.diamond-mobile-nav-panel--categories-mode) {
        overflow: hidden;
        padding-bottom: env(safe-area-inset-bottom, 0);
    }

    body.diamond-mobile-nav-panel-open:has(.diamond-mobile-nav-panel--categories-mode) .diamond-mobile-bottom-nav,
    body.diamond-mobile-nav-panel-open:has(.diamond-mobile-nav-panel--categories-mode) .diamond-mobile-bottom-nav--mobile-only {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }
}

.diamond-mobile-nav-panel__cart,
.diamond-mobile-cart-panel {
    display: block;
    width: 100%;
}

.diamond-mobile-cart-panel__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.7rem 0.85rem;
    margin-bottom: 0.85rem;
    border-radius: 10px;
    background: var(--color-neutral-100, #f5f5f5);
    font-size: 0.88rem;
    color: var(--color-neutral-700, #424750);
}

.diamond-mobile-cart-panel__summary .cart__flyout_total {
    color: var(--color-primary, #ef394e);
    font-size: 0.95rem;
    font-weight: 700;
}

.diamond-mobile-cart-panel__list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.diamond-mobile-cart-panel__item {
    border: 1px solid var(--color-neutral-200, #e0e0e2);
    border-radius: 10px;
    background: var(--color-neutral-000, #fff);
    padding: 0.75rem;
}

.diamond-mobile-cart-panel__item-inner {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.diamond-mobile-cart-panel__item-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemPic {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-neutral-100, #f5f5f5);
}

.diamond-mobile-cart-panel__item .cart__flyout_itemPic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemName {
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--color-neutral-900, #232933);
}

.diamond-mobile-cart-panel__item .cart__flyout_itemName a {
    color: inherit;
    text-decoration: none;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemAttributes {
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--color-neutral-600, #81858b);
}

.diamond-mobile-cart-panel__item-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-top: 0.15rem;
    flex-wrap: wrap;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemPrice {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-primary, #ef394e);
    white-space: nowrap;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemControles {
    display: inline-flex;
    align-items: stretch;
    flex-shrink: 0;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemControl {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--color-neutral-300, #ddd);
    background: var(--color-neutral-100, #f5f5f5);
    color: var(--color-neutral-700, #424750);
    text-decoration: none;
    line-height: 1;
    font-size: 0.85rem;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemControl-right {
    border-radius: 0 10px 10px 0;
    border-left: none;
    padding-right: 0.7rem;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemControl-left {
    border-radius: 10px 0 0 10px;
    border-right: none;
    padding-left: 0.7rem;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemControl:not(.cart__flyout_itemControl-right):not(.cart__flyout_itemControl-left):not(.cart__flyout_itemControl-uniq) {
    min-width: 2.25rem;
    border-left: none;
    border-right: none;
    background: var(--color-neutral-000, #fff);
    font-weight: 600;
}

.diamond-mobile-cart-panel__item .cart__flyout_itemControl-uniq {
    border-radius: 10px;
    margin-inline-start: 0.35rem;
    color: var(--color-primary, #ef394e);
    background: var(--color-neutral-000, #fff);
}

.diamond-mobile-cart-panel .cart__flyout_emptyBox {
    padding: 1rem 0 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    text-align: center;
}

.diamond-mobile-cart-panel .cart__flyout_emptyIcon {
    width: 120px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diamond-mobile-cart-panel .cart__flyout_emptyIcon svg {
    width: 100%;
    height: auto;
    max-height: 90px;
}

.diamond-mobile-cart-panel .cart__flyout_emptyTitle {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-neutral-800, #232933);
}

.diamond-mobile-cart-panel .cart__flyout_emptyLinks {
    display: flex;
    justify-content: center;
    margin-top: 0.25rem;
}

/* Live #flyout-cart mounted inside mobile cart panel (no clone — stays in sync with AjaxCart) */
.diamond-mobile-cart-panel--live {
    display: block;
    width: 100%;
}

.diamond-mobile-cart-panel--live #flyout-cart {
    display: block;
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    width: 100%;
    min-width: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.diamond-mobile-cart-panel--live #flyout-cart::after {
    display: none;
}

.diamond-mobile-cart-panel--live .cart__flyout_items {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    max-height: min(52vh, calc(100dvh - 14rem));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
}

.diamond-mobile-cart-panel--live .cart__flyout_items > .cart__flyout_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.diamond-mobile-cart-panel--live .cart__flyout_items > .cart__flyout_item:first-child {
    display: none;
}

.diamond-mobile-cart-panel--live .cart__flyout_items > .cart__flyout_item:nth-child(2) {
    padding: 0.7rem 0.85rem;
    border-radius: 10px;
    background: var(--color-neutral-100, #f5f5f5);
    font-size: 0.88rem;
    color: var(--color-neutral-700, #424750);
}

.diamond-mobile-cart-panel--live .cart__flyout_items > .cart__flyout_item:nth-child(2) .cart__flyout_total {
    color: var(--color-primary, #ef394e);
    font-size: 0.95rem;
    font-weight: 700;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItems {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    margin: 0;
    padding: 0.75rem;
    border: 1px solid var(--color-neutral-200, #e0e0e2);
    border-radius: 10px;
    background: var(--color-neutral-000, #fff);
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemPic {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-neutral-100, #f5f5f5);
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemPic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemInfo {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemName {
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--color-neutral-900, #232933);
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemName a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemAttributes {
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--color-neutral-600, #81858b);
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 0.1rem;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemPrice {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-primary, #ef394e);
    white-space: nowrap;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControles {
    display: inline-flex;
    align-items: stretch;
    flex-shrink: 0;
    margin: 0;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControl {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--color-neutral-300, #ddd);
    background: var(--color-neutral-100, #f5f5f5);
    color: var(--color-neutral-700, #424750);
    text-decoration: none;
    line-height: 1;
    font-size: 0.85rem;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControl-right {
    border-radius: 0 10px 10px 0;
    border-left: none;
    padding-right: 0.7rem;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControl-left {
    border-radius: 10px 0 0 10px;
    border-right: none;
    padding-left: 0.7rem;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControl:not(.cart__flyout_itemControl-right):not(.cart__flyout_itemControl-left):not(.cart__flyout_itemControl-uniq) {
    min-width: 2.25rem;
    border-left: none;
    border-right: none;
    background: var(--color-neutral-000, #fff);
    font-weight: 600;
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControl-uniq {
    border-radius: 10px;
    margin-inline-start: 0.35rem;
    color: var(--color-primary, #ef394e);
    background: var(--color-neutral-000, #fff);
}

.diamond-mobile-cart-panel--live .cart__flyout_tableItem .quantity {
    display: none;
}

.diamond-mobile-cart-panel--live .cart__flyout_buttons {
    margin-top: 0.75rem;
}

.diamond-mobile-cart-panel--live .cart__flyout_button {
    width: 100%;
    min-height: 3rem;
    border-radius: 10px;
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel__summary {
    background: var(--diamond-surface-elevated, #2a2d32);
    color: var(--diamond-text-secondary, #b0b3b8);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel__item {
    background: var(--diamond-surface-elevated, #2a2d32);
    border-color: var(--diamond-border, rgba(255, 255, 255, 0.12));
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel__item .cart__flyout_itemName,
html.diamond-theme-surface-dark .diamond-mobile-cart-panel__item .cart__flyout_itemName a,
html.diamond-theme-surface-dark .diamond-mobile-cart-panel .cart__flyout_emptyTitle {
    color: var(--diamond-text-primary, #f5f5f5);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel__item .cart__flyout_itemAttributes {
    color: var(--diamond-text-secondary, #b0b3b8);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel__item .cart__flyout_itemControl {
    background: var(--diamond-surface, #1e1f24);
    border-color: var(--diamond-border, rgba(255, 255, 255, 0.12));
    color: var(--diamond-text-primary, #f5f5f5);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel__item .cart__flyout_itemControl:not(.cart__flyout_itemControl-right):not(.cart__flyout_itemControl-left):not(.cart__flyout_itemControl-uniq) {
    background: var(--diamond-surface-elevated, #2a2d32);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel--live .cart__flyout_items > .cart__flyout_item:nth-child(2) {
    background: var(--diamond-surface-elevated, #2a2d32);
    color: var(--diamond-text-secondary, #b0b3b8);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel--live .cart__flyout_tableItem {
    background: var(--diamond-surface-elevated, #2a2d32);
    border-color: var(--diamond-border, rgba(255, 255, 255, 0.12));
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemName,
html.diamond-theme-surface-dark .diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemName a {
    color: var(--diamond-text-primary, #f5f5f5);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemAttributes {
    color: var(--diamond-text-secondary, #b0b3b8);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControl {
    background: var(--diamond-surface, #1e1f24);
    border-color: var(--diamond-border, rgba(255, 255, 255, 0.12));
    color: var(--diamond-text-primary, #f5f5f5);
}

html.diamond-theme-surface-dark .diamond-mobile-cart-panel--live .cart__flyout_tableItem .cart__flyout_itemControl:not(.cart__flyout_itemControl-right):not(.cart__flyout_itemControl-left):not(.cart__flyout_itemControl-uniq) {
    background: var(--diamond-surface-elevated, #2a2d32);
}

.diamond-mobile-nav-panel__footer {
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
    border-top: 1px solid var(--color-border, #eee);
}

.diamond-mobile-nav-panel:not(.diamond-mobile-nav-panel--with-cta) .diamond-mobile-nav-panel__footer {
    display: none;
}

.diamond-mobile-nav-panel__hint {
    margin: 0;
    color: var(--color-neutral-600, #666);
}

body.diamond-mobile-nav-panel-open {
    overflow: hidden;
}

/* Center FAB — middle item in raised circle */
.diamond-mobile-bottom-nav--center-fab {
    padding-top: 1.35rem;
}

.diamond-mobile-bottom-nav--center-fab ul {
    align-items: flex-end;
}

.diamond-mobile-bottom-nav--center-fab li.is-center-fab {
    position: relative;
    flex: 0 0 4.25rem;
    max-width: 4.25rem;
}

.diamond-mobile-bottom-nav--center-fab li.is-center-fab a {
    position: absolute;
    left: 50%;
    bottom: 0.15rem;
    transform: translateX(-50%);
    width: 3.35rem;
    height: 3.35rem;
    margin: 0;
    border-radius: 50%;
    background: var(--color-primary, #ef394e);
    color: var(--color-on-primary, #fff);
    box-shadow: 0 6px 18px rgba(239, 57, 78, 0.38);
    justify-content: center;
    gap: 0;
    padding: 0;
}

.diamond-mobile-bottom-nav--center-fab li.is-center-fab a i {
    font-size: 1.35rem;
    color: inherit;
}

.diamond-mobile-bottom-nav--center-fab li.is-center-fab a span {
    position: absolute;
    bottom: -1.05rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.58rem;
    white-space: nowrap;
    color: var(--color-neutral-700, #424750);
    max-width: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.diamond-mobile-bottom-nav--center-fab li.is-center-fab a:hover,
.diamond-mobile-bottom-nav--center-fab li.is-center-fab a:focus {
    color: var(--color-on-primary, #fff);
    filter: brightness(1.05);
}

@media (max-width: 991px) {
    body:has(.diamond-mobile-bottom-nav) .overview__buyBox,
    body:has(.diamond-mobile-bottom-nav) .orderSummary__buyBox,
    body:has(.diamond-mobile-bottom-nav) .availability__btnBox,
    body.diamond-has-mobile-bottom-nav .overview__buyBox,
    body.diamond-has-mobile-bottom-nav .orderSummary__buyBox,
    body.diamond-has-mobile-bottom-nav .availability__btnBox {
        bottom: var(--diamond-mobile-nav-offset, calc(3.65rem + env(safe-area-inset-bottom))) !important;
        z-index: 1061 !important;
    }

    body:has(.diamond-mobile-bottom-nav) .checkout__verify,
    body.diamond-has-mobile-bottom-nav .checkout__verify {
        bottom: var(--diamond-mobile-nav-offset, calc(3.65rem + env(safe-area-inset-bottom))) !important;
        left: 0 !important;
        right: 0 !important;
        margin-right: 0 !important;
        z-index: 1061 !important;
    }

    body:has(.diamond-mobile-bottom-nav) .checkout__verify .orderSummary__buyBox,
    body.diamond-has-mobile-bottom-nav .checkout__verify .orderSummary__buyBox {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: auto !important;
    }

    body:has(.diamond-mobile-bottom-nav):has(.overview__buyBox),
    body:has(.diamond-mobile-bottom-nav):has(.orderSummary__buyBox),
    body:has(.diamond-mobile-bottom-nav):has(.availability__btnBox),
    body:has(.diamond-mobile-bottom-nav):has(.checkout__verify),
    body.diamond-has-mobile-bottom-nav:has(.overview__buyBox),
    body.diamond-has-mobile-bottom-nav:has(.orderSummary__buyBox),
    body.diamond-has-mobile-bottom-nav:has(.availability__btnBox),
    body.diamond-has-mobile-bottom-nav:has(.checkout__verify) {
        padding-bottom: calc(var(--diamond-mobile-nav-offset, 3.65rem) + var(--diamond-mobile-nav-action-bar-height, 5.5rem));
    }

    body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .overview__buyBox,
    body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .orderSummary__buyBox,
    body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .availability__btnBox,
    body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .checkout__verify,
    body.top-menu-mobile-open:has(.diamond-mobile-bottom-nav) .overview__buyBox,
    body.top-menu-mobile-open:has(.diamond-mobile-bottom-nav) .orderSummary__buyBox,
    body.top-menu-mobile-open:has(.diamond-mobile-bottom-nav) .availability__btnBox,
    body.top-menu-mobile-open:has(.diamond-mobile-bottom-nav) .checkout__verify,
    body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .overview__buyBox,
    body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .orderSummary__buyBox,
    body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .availability__btnBox,
    body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .checkout__verify,
    body.diamond-mobile-nav-panel-open:has(.diamond-mobile-bottom-nav) .overview__buyBox,
    body.diamond-mobile-nav-panel-open:has(.diamond-mobile-bottom-nav) .orderSummary__buyBox,
    body.diamond-mobile-nav-panel-open:has(.diamond-mobile-bottom-nav) .availability__btnBox,
    body.diamond-mobile-nav-panel-open:has(.diamond-mobile-bottom-nav) .checkout__verify {
        z-index: 1040 !important;
    }
}

@media (max-width: 991px) {
    body.top-menu-mobile-open .topMenu.active,
    .topMenu.diamond-top-menu-root.active,
    .topMenu[data-diamond-top-menu].active,
    .topMenu.diamond-force-mobile-overlay.active,
    #topMenu.topMenu.active {
        position: fixed;
        inset: 0;
        z-index: 1075;
        width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        overflow: hidden;
        background: var(--color-header-bg, #fff);
    }

    .topMenu.diamond-force-mobile-overlay.active {
        display: block !important;
    }

    body.top-menu-mobile-open .topMenu.active .arContainer--1x,
    body.top-menu-mobile-open .topMenu.active .topMenu__content,
    .topMenu.diamond-top-menu-root.active .arContainer--1x,
    .topMenu.diamond-top-menu-root.active .topMenu__content,
    .topMenu[data-diamond-top-menu].active .arContainer--1x,
    .topMenu[data-diamond-top-menu].active .topMenu__content,
    .topMenu.diamond-force-mobile-overlay.active .arContainer--1x,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__content,
    #topMenu.topMenu.active .arContainer--1x,
    #topMenu.topMenu.active .topMenu__content {
        height: 100%;
        max-height: 100dvh;
    }

    body.top-menu-mobile-open .topMenu.active .arContainer--1x,
    .topMenu.diamond-top-menu-root.active .arContainer--1x,
    .topMenu[data-diamond-top-menu].active .arContainer--1x,
    .topMenu.diamond-force-mobile-overlay.active .arContainer--1x,
    #topMenu.topMenu.active .arContainer--1x {
        display: flex;
        flex-direction: column;
        min-height: 0;
        max-width: 100%;
        margin: 0;
    }

    body.top-menu-mobile-open .topMenu.active .topMenu__content,
    .topMenu.diamond-top-menu-root.active .topMenu__content,
    .topMenu[data-diamond-top-menu].active .topMenu__content,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__content,
    #topMenu.topMenu.active .topMenu__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex: 1 1 auto;
        min-height: 0;
        box-sizing: border-box;
        padding-top: calc(2.75rem + env(safe-area-inset-top, 0px));
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    body.top-menu-mobile-open .topMenu.active .topMenu__categories,
    .topMenu.diamond-top-menu-root.active .topMenu__categories,
    .topMenu[data-diamond-top-menu].active .topMenu__categories,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__categories,
    #topMenu.topMenu.active .topMenu__categories {
        flex: 1 1 auto;
        min-height: 0;
        justify-content: flex-start;
        align-self: stretch;
        width: 100%;
    }

    body.top-menu-mobile-open .topMenu.active .topMenu__subMenu,
    .topMenu.diamond-top-menu-root.active .topMenu__subMenu,
    .topMenu[data-diamond-top-menu].active .topMenu__subMenu,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__subMenu,
    #topMenu.topMenu.active .topMenu__subMenu {
        flex: 1 1 auto;
        min-height: 0;
        height: auto !important;
        max-height: none !important;
        margin-bottom: 0 !important;
    }

    body.top-menu-mobile-open .topMenu.active .topMenu__right,
    body.top-menu-mobile-open .topMenu.active .topMenu__left,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__right,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__left,
    #topMenu.topMenu.active .topMenu__right,
    #topMenu.topMenu.active .topMenu__left {
        height: auto !important;
        max-height: none !important;
    }

    body.top-menu-mobile-open .topMenu.active .topMenu__mainPages,
    .topMenu.diamond-top-menu-root.active .topMenu__mainPages,
    .topMenu[data-diamond-top-menu].active .topMenu__mainPages,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__mainPages,
    #topMenu.topMenu.active .topMenu__mainPages {
        position: static;
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        min-height: 41px;
        margin-top: auto;
    }

    body.top-menu-mobile-open .topMenu.active .topMenu__close,
    .topMenu.diamond-force-mobile-overlay.active .topMenu__close,
    .topMenu.diamond-top-menu-root.active .topMenu__close,
    .topMenu[data-diamond-top-menu].active .topMenu__close,
    #topMenu.topMenu.active .topMenu__close {
        display: flex;
        z-index: 5;
    }

    body.top-menu-mobile-open {
        overflow: hidden;
        padding-bottom: env(safe-area-inset-bottom, 0);
    }

    body.top-menu-mobile-open .diamond-mobile-bottom-nav,
    body.top-menu-mobile-open .diamond-mobile-bottom-nav--mobile-only {
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }
}

.diamond-mobile-categories-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.diamond-mobile-categories-list li {
    border-bottom: 1px solid var(--color-border, #eee);
}

.diamond-mobile-categories-list a {
    display: block;
    padding: 0.75rem 0.25rem;
    color: var(--color-neutral-700, #333);
    font-size: 14px;
}

.diamond-mobile-categories-list a:hover,
.diamond-mobile-categories-list a:focus {
    color: var(--color-primary, #ef394e);
}

html.diamond-theme-surface-dark .diamond-mobile-categories-list a {
    color: var(--diamond-text-primary, #f5f5f5);
}

html.diamond-theme-surface-dark .diamond-mobile-categories-list li {
    border-bottom-color: var(--diamond-border, rgba(255, 255, 255, 0.08));
}

.diamond-mobile-nav-panel__academy .diamond-academy-menu__mobile {
    display: block;
}

.diamond-mobile-nav-panel__academy .diamond-academy-menu__section-body {
    display: none;
}

.diamond-mobile-nav-panel__academy .diamond-academy-menu__section.is-open .diamond-academy-menu__section-body {
    display: block;
}

.diamond-mobile-nav-panel__academy .diamond-academy-menu__mobile-sub {
    display: none;
}

.diamond-mobile-nav-panel__academy .diamond-academy-menu__mobile-group.is-open .diamond-academy-menu__mobile-sub {
    display: block;
}

.diamond-mobile-nav-panel__alibaba .diamond-alibaba-menu__bar {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
}

.diamond-mobile-nav-panel__alibaba .diamond-alibaba-menu__item {
    width: 100%;
}

.diamond-mobile-nav-panel__alibaba .diamond-alibaba-menu__dropdown {
    position: static;
    display: none;
    box-shadow: none;
    border: 0;
    padding: 0 0 0 1rem;
}

.diamond-mobile-nav-panel__alibaba .diamond-alibaba-menu__item.is-open > .diamond-alibaba-menu__dropdown {
    display: block;
}

.diamond-mobile-nav-panel__alibaba .diamond-alibaba-menu__link {
    justify-content: space-between;
}

.diamond-mobile-nav-panel__alibaba .diamond-alibaba-menu__caret {
    display: inline-block;
}

.diamond-mobile-profile-menu__header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--color-border, #eee);
}

.diamond-mobile-profile-menu__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--color-neutral-100, rgba(0, 0, 0, 0.06));
    color: var(--color-neutral-700, #333);
    font-weight: 700;
    text-transform: uppercase;
}

.diamond-mobile-profile-menu__meta {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.diamond-mobile-profile-menu__name {
    font-size: 15px;
    color: var(--color-neutral-700, #333);
}

.diamond-mobile-profile-menu__subtitle {
    font-size: 12px;
    color: var(--color-neutral-600, #666);
}

.diamond-mobile-profile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.diamond-mobile-profile-menu__item a {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.25rem;
    color: var(--color-neutral-700, #333);
    font-size: 14px;
    border-bottom: 1px solid var(--color-border, #eee);
}

.diamond-mobile-profile-menu__item:last-child a {
    border-bottom: none;
}

.diamond-mobile-profile-menu__item a i {
    width: 1.1rem;
    text-align: center;
    opacity: 0.85;
}

.diamond-mobile-profile-menu__item a:hover,
.diamond-mobile-profile-menu__item a:focus {
    color: var(--color-primary, #ef394e);
}

.diamond-mobile-profile-menu__item.is-logout a {
    color: var(--color-danger, #c0392b);
}

html.diamond-theme-surface-dark .diamond-mobile-profile-menu__header {
    border-bottom-color: var(--diamond-border, rgba(255, 255, 255, 0.08));
}

html.diamond-theme-surface-dark .diamond-mobile-profile-menu__name,
html.diamond-theme-surface-dark .diamond-mobile-profile-menu__item a {
    color: var(--diamond-text-primary, #f5f5f5);
}

html.diamond-theme-surface-dark .diamond-mobile-profile-menu__item a {
    border-bottom-color: var(--diamond-border, rgba(255, 255, 255, 0.08));
}

html.diamond-theme-surface-dark .diamond-mobile-profile-menu__avatar {
    background: var(--diamond-surface-elevated, rgba(255, 255, 255, 0.08));
}

/* Mobile sticky action bars — keep after theme buyBox rules */
@media (max-width: 991px) {
    html body.diamond-has-mobile-bottom-nav .checkout__verify {
        position: fixed !important;
        bottom: var(--diamond-mobile-nav-offset, calc(3.65rem + env(safe-area-inset-bottom))) !important;
        left: 0 !important;
        right: 0 !important;
        margin-right: 0 !important;
        z-index: 1061 !important;
    }

    html body.diamond-has-mobile-bottom-nav .checkout__verify .orderSummary__buyBox {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: auto !important;
    }

    html body.diamond-has-mobile-bottom-nav .overview__buyBox,
    html body.diamond-has-mobile-bottom-nav .availability__btnBox,
    html.html-shopping-cart-page body.diamond-has-mobile-bottom-nav .orderSummary__buyBox {
        position: fixed !important;
        bottom: var(--diamond-mobile-nav-offset, calc(3.65rem + env(safe-area-inset-bottom))) !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1061 !important;
    }

    html.html-checkout-page body.diamond-has-mobile-bottom-nav .checkout__verify .orderSummary__buyBox {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        z-index: auto !important;
    }

    body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .overview__buyBox,
    body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .availability__btnBox,
    body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .checkout__verify,
    body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .overview__buyBox,
    body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .availability__btnBox,
    body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .checkout__verify,
    html.html-shopping-cart-page body.top-menu-mobile-open.diamond-has-mobile-bottom-nav .orderSummary__buyBox,
    html.html-shopping-cart-page body.diamond-mobile-nav-panel-open.diamond-has-mobile-bottom-nav .orderSummary__buyBox {
        z-index: 1040 !important;
    }
}