:root {
    --bg: #0b0a09;
    --panel: #181512;
    --panel-2: #201b17;
    --workspace: #12100e;
    --text: #ece6db;
    --muted: #b8ad9b;
    --line: rgba(236, 230, 219, 0.12);
    --gold: #c8a978;
    --gold-2: #a7895f;
    --danger: #e07a7a;
    --success: #7ec79b;
    --warning-bg: #2f2618;
    --warning-border: #9b7740;
    --warning-text: #d8c19a;
    --warning-shadow: rgba(155, 119, 64, 0.14);
    --shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
}

/* Modern header layout */
.header-search-desktop,
.header-utility-desktop,
.header-modern-actions-desktop,
.header-mobile-tools {
    display: none;
}
.header-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--text) 22%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 88%, var(--bg) 12%);
    overflow: hidden;
}
.header-search input {
    min-width: 0;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text);
    padding: 0 .75rem;
    font-size: .96rem;
    box-shadow: none;
}
.header-search input:focus {
    outline: none;
}
.header-search button {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.header-search button:hover {
    background: color-mix(in srgb, var(--panel) 80%, transparent);
}
.header-search svg,
.icon-header-search {
    width: 1.35rem;
    height: 1.35rem;
    stroke: currentColor;
}
.header-modern-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.05rem;
}
.header-modern-action {
    position: relative;
    min-width: 4.75rem;
    min-height: 4rem;
    padding: .25rem .18rem;
    border: 0;
    background: transparent;
    color: var(--text);
    text-decoration: none;
    display: inline-grid;
    grid-template-columns: auto;
    grid-template-rows: 2rem auto;
    justify-items: center;
    align-items: center;
    gap: .18rem;
    font: inherit;
    cursor: pointer;
}
.site-header .header-modern-actions .cart-header-link {
    border: 0;
    background: transparent;
    padding: .25rem .18rem;
    min-height: 4rem;
    display: inline-grid;
    gap: .18rem;
}
.site-header .header-modern-actions .cart-header-link:hover {
    border-color: transparent;
    background: transparent;
}
.header-modern-action:hover {
    color: color-mix(in srgb, var(--text) 84%, var(--gold));
}
.header-modern-icon {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.header-modern-icon svg {
    width: 2rem;
    height: 2rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header-modern-label {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    gap: .24rem;
    white-space: nowrap;
    font-size: .88rem;
    line-height: 1.05;
}
.header-modern-chevron {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: end;
    width: .42rem;
    height: .42rem;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: translateX(calc(100% + .2rem)) rotate(45deg);
    margin-top: -.26rem;
}
.header-modern-menu > summary {
    list-style: none;
}
.header-modern-menu > summary::-webkit-details-marker {
    display: none;
}
.header-modern-badge {
    position: absolute;
    top: .22rem;
    right: .82rem;
    min-width: 1.18rem;
    height: 1.18rem;
    padding: 0 .28rem;
    border-radius: 999px;
    background: #1c7c3b;
    color: #fff;
    border: 2px solid color-mix(in srgb, var(--header-bg, var(--bg)) 86%, transparent);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header-modern-menu {
    position: relative;
    z-index: 260;
}
.header-modern-menu-panel {
    position: absolute;
    top: calc(100% + .55rem);
    right: 0;
    min-width: 13rem;
    padding: .42rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 96%, var(--bg) 4%);
    box-shadow: 0 18px 38px color-mix(in srgb, var(--bg) 70%, transparent);
    display: grid;
    gap: .12rem;
    z-index: 280;
}
@media (hover: hover) and (pointer: fine) {
    .header-modern-menu:not([open]) .header-modern-menu-panel {
        display: none;
    }
    .header-modern-menu:hover .header-modern-menu-panel,
    .header-modern-menu:focus-within .header-modern-menu-panel {
        display: grid;
    }
    .header-modern-menu:hover > summary .header-modern-chevron,
    .header-modern-menu:focus-within > summary .header-modern-chevron {
        transform: translateX(calc(100% + .2rem)) rotate(225deg);
        margin-top: .2rem;
    }
}
.header-modern-menu-panel a,
.header-modern-menu-panel button {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--text);
    text-decoration: none;
    text-align: left;
    padding: .48rem .58rem;
    font: inherit;
    cursor: pointer;
}
.header-modern-menu-panel a:hover,
.header-modern-menu-panel button:hover {
    background: var(--panel-2);
}

@media (min-width: 981px) {
    .site-header {
        background: color-mix(in srgb, var(--header-bg, var(--bg)) var(--header-bg-opacity, 84%), transparent);
    }
    .nav-row {
        padding: .62rem 0 .5rem;
        gap: 0;
    }
    .nav-top {
        display: grid;
        grid-template-columns: minmax(13rem, 1fr) minmax(17rem, 27rem) max-content;
        align-items: center;
        gap: 1rem;
        padding-top: 1.25rem;
    }
    .brand {
        min-width: 0;
        justify-self: start;
    }
    .brand-banner-wrap {
        width: min(var(--header-banner-width, 280px), 100%);
    }
    .header-search-desktop {
        display: block;
        min-width: 0;
    }
    .header-utility-desktop {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .42rem;
    }
    .header-modern-actions-desktop {
        display: block;
        min-width: max-content;
        justify-self: end;
        grid-column: 3;
        margin-right: 0;
        z-index: 100;
    }
    .nav-top-banner-stacks-tools {
        grid-template-columns: minmax(13rem, 1fr) minmax(17rem, 27rem) max-content;
        align-items: start;
        gap: .45rem 1rem;
        padding-top: .55rem;
    }
    .nav-top-banner-stacks-tools .brand {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
    }
    .nav-top-banner-stacks-tools .header-utility-desktop {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: start;
    }
    .nav-top-banner-stacks-tools .header-search-desktop {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        margin-top: clamp(2.35rem, calc(var(--header-banner-height, 56px) * .34), 4rem);
    }
    .nav-top-banner-stacks-tools .header-modern-actions-desktop {
        grid-column: 3;
        grid-row: 1;
        align-self: start;
        justify-self: end;
        margin-top: clamp(2.65rem, calc(var(--header-banner-height, 56px) * .38), 4.35rem);
    }
    .nav-top-actions-desktop,
    .nav-top-actions-mobile,
    .nav-links-row,
    .nav-actions-desktop {
        display: none !important;
    }
}

@media (max-width: 1180px) and (min-width: 981px) {
    .nav-top {
        grid-template-columns: minmax(11rem, .9fr) minmax(15rem, 1fr) auto;
        gap: .56rem;
    }
    .header-modern-actions {
        gap: .52rem;
    }
    .header-modern-action {
        min-width: 4.1rem;
    }
    .header-modern-actions-desktop {
        margin-right: 0;
    }
    .header-modern-orders-link {
        display: none;
    }
}

@media (max-width: 980px) {
    .site-header {
        position: sticky;
        top: 0;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    .nav-row {
        padding: .42rem 0 .08rem;
    }
    .nav-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto auto;
        align-items: center;
        gap: .14rem .45rem;
        padding: 0;
    }
    .brand {
        grid-column: 1 / -1;
        grid-row: 1 / span 2;
        align-self: center;
        padding: 0 10.8rem 0 0;
    }
    .header-search-desktop,
    .header-utility-desktop,
    .header-modern-actions-desktop,
    .nav-top-actions-desktop {
        display: none !important;
    }
    .nav-top-actions-mobile {
        position: static;
        top: auto;
        right: auto;
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: .25rem;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        min-width: 0;
        z-index: 5003;
    }
    .nav-top-actions-mobile .language-switcher {
        padding: 0;
        border: 0;
        background: transparent;
    }
    .nav-top-actions-mobile .language-switcher-inline {
        display: none;
    }
    .nav-top-actions-mobile .language-switcher-mobile {
        display: inline-flex;
    }
    .mobile-theme-toggle-corner {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.95rem;
        height: 28px;
        padding: 0 .38rem;
        line-height: 1;
        flex: 0 0 auto;
    }
    .header-mobile-tools {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: .14rem;
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        min-width: 0;
        transform: translateY(.28rem);
    }
    .mobile-header-search {
        position: relative;
        display: inline-flex;
    }
    .mobile-account-menu {
        position: relative;
        display: inline-flex;
    }
    .mobile-header-search > summary,
    .mobile-account-menu > summary {
        list-style: none;
    }
    .mobile-header-search > summary::-webkit-details-marker,
    .mobile-account-menu > summary::-webkit-details-marker {
        display: none;
    }
    .mobile-header-search-panel,
    .mobile-account-menu-panel {
        position: fixed;
        left: .55rem;
        right: .55rem;
        top: calc(env(safe-area-inset-top) + var(--site-header-height, 5.9rem) + .35rem);
        padding: .55rem;
        border: 1px solid var(--line);
        border-radius: 16px;
        background: color-mix(in srgb, var(--panel) 97%, var(--bg) 3%);
        box-shadow: 0 18px 36px color-mix(in srgb, var(--bg) 70%, transparent);
        z-index: 2147483000;
    }
    .mobile-account-menu-panel {
        left: auto;
        min-width: 12rem;
        display: grid;
        gap: .14rem;
    }
    .mobile-account-menu-panel a {
        color: var(--text);
        text-decoration: none;
        border-radius: 10px;
        padding: .52rem .62rem;
    }
    .mobile-account-menu-panel a:hover {
        background: var(--panel-2);
    }
    .mobile-header-search-panel .header-search {
        border-bottom-color: color-mix(in srgb, var(--text) 30%, transparent);
    }
    .mobile-favorites-link {
        position: relative;
        flex: 0 0 auto;
    }
    .mobile-cart-link {
        position: relative;
        flex: 0 0 auto;
    }
    .mobile-cart-link .nav-unread-badge {
        background: #3ddc84;
        color: #07130c;
        border-color: #7ff0af;
    }
    .mobile-cart-link .nav-link-icon {
        margin-right: 0;
        opacity: 1;
    }
    .icon-mobile-account,
    .icon-mobile-cart,
    .icon-mobile-favorites {
        width: 1.28rem;
        height: 1.28rem;
        stroke: currentColor;
    }
    .mobile-cart-link .icon-mobile-cart {
        stroke-width: 1.85;
    }
    .nav-actions-mobile {
        display: inline-flex;
        grid-column: auto;
        grid-row: auto;
        align-self: center;
        gap: .08rem;
    }
    .nav-links-row {
        margin-top: .36rem;
    }
    body.is-admin .nav-links-row,
    body.is-admin .header-category-menu {
        display: none !important;
    }
    .nav-actions-mobile .theme-toggle {
        display: none !important;
    }
    .nav-actions-mobile .mobile-guest-auth {
        display: none;
    }
}

.settings-content .panel.stack:has(.meta-pixel-settings) {
    gap: 0;
    padding: clamp(1rem, 2.2vw, 1.55rem);
    border-color: color-mix(in srgb, var(--line) 72%, var(--gold) 28%);
    background:
        radial-gradient(circle at 85% 0, color-mix(in srgb, var(--gold) 9%, transparent), transparent 25%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, var(--bg) 6%), color-mix(in srgb, var(--panel-2) 92%, var(--bg) 8%));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.meta-pixel-settings {
    display: grid;
    gap: 1.15rem;
}

.meta-pixel-settings .meta-pixel-settings-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
}

.meta-pixel-settings .meta-pixel-settings-head h2 {
    margin: 0;
    font-size: clamp(1.38rem, 2.2vw, 1.72rem);
    letter-spacing: -.025em;
}

.meta-pixel-settings .meta-pixel-settings-head .muted {
    max-width: 48rem;
    margin: .42rem 0 0;
    font-size: .92rem;
}

.meta-pixel-settings .meta-pixel-save-button {
    flex: 0 0 auto;
    min-height: 40px;
    padding: .48rem 1rem;
    border-color: color-mix(in srgb, var(--gold) 92%, white 8%);
    background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 94%, #fff 6%), color-mix(in srgb, var(--gold-2) 82%, var(--gold) 18%));
    color: color-mix(in srgb, var(--bg) 94%, #000 6%);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--gold) 22%, transparent 78%), inset 0 1px 0 rgba(255, 255, 255, .32);
}

.meta-pixel-settings .meta-pixel-save-button:hover {
    border-color: var(--gold);
    color: color-mix(in srgb, var(--bg) 94%, #000 6%);
    transform: translateY(-1px);
}

.meta-pixel-settings .meta-pixel-save-button i {
    font-size: .95rem;
}

.meta-pixel-settings .meta-pixel-status-grid {
    gap: .8rem;
    margin: 0;
}

.meta-pixel-settings .meta-pixel-status-card {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: .72rem;
    padding: .92rem 1rem;
    border-color: color-mix(in srgb, var(--line) 78%, var(--gold) 22%);
    border-radius: 10px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, var(--bg) 6%), color-mix(in srgb, var(--panel-2) 88%, var(--bg) 12%));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.meta-pixel-settings .meta-pixel-status-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--gold) 16%, var(--panel-2) 84%);
    color: var(--gold);
    font-size: 1.22rem;
}

.meta-pixel-settings .meta-pixel-status-card .seo-status-kicker {
    color: var(--gold);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.meta-pixel-settings .meta-pixel-status-card strong {
    margin-top: .28rem;
    font-size: 1.12rem;
    line-height: 1.15;
}

.meta-pixel-settings .meta-pixel-status-card .muted {
    margin-top: .5rem;
    font-size: .82rem;
    line-height: 1.45;
}

.meta-pixel-settings .meta-pixel-panel {
    margin: 0 !important;
    padding: clamp(1rem, 2vw, 1.3rem);
    border-color: color-mix(in srgb, var(--line) 76%, var(--gold) 24%);
    border-radius: 10px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, var(--bg) 6%), color-mix(in srgb, var(--panel-2) 90%, var(--bg) 10%));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.meta-pixel-settings .meta-pixel-panel h3 {
    margin: 0 0 .98rem;
    font-size: 1.08rem;
}

.meta-pixel-settings .meta-pixel-config-panel .settings-row {
    padding-bottom: .9rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
}

.meta-pixel-settings .meta-pixel-config-panel .settings-row strong {
    font-size: .95rem;
}

.meta-pixel-settings .meta-pixel-config-panel .settings-row .muted {
    margin: .28rem 0 0;
    font-size: .84rem;
}

.meta-pixel-settings .meta-pixel-config-panel label {
    margin-top: .1rem;
    font-weight: 700;
}

.meta-pixel-settings .meta-pixel-config-panel input[type="text"] {
    min-height: 41px;
    margin-top: .34rem;
    border-color: color-mix(in srgb, var(--line) 78%, var(--gold) 22%);
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg) 68%, #000 32%);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .14);
}

.meta-pixel-settings .meta-pixel-config-panel input[type="text"]:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 17%, transparent);
}

.meta-pixel-settings .meta-pixel-field-hint {
    margin: .45rem 0 0 !important;
    font-size: .8rem !important;
}

.meta-pixel-settings .meta-pixel-help-panel ol {
    display: grid;
    gap: .46rem;
    margin: 0;
    padding-left: 1.18rem;
    font-size: .86rem;
    line-height: 1.42;
}

.admin-settings-save-actions.meta-pixel-settings-save-actions {
    display: none !important;
}

@media (max-width: 680px) {
    .settings-content .panel.stack:has(.meta-pixel-settings) {
        padding: .78rem;
    }

    .meta-pixel-settings {
        gap: .72rem;
    }

    .meta-pixel-settings .meta-pixel-settings-head {
        display: grid;
        gap: .65rem;
    }

    .meta-pixel-settings .meta-pixel-settings-head h2 {
        font-size: 1.35rem;
    }

    .meta-pixel-settings .meta-pixel-settings-head .muted {
        margin-top: .24rem;
        font-size: .84rem;
    }

    .meta-pixel-settings .meta-pixel-save-button {
        width: 100%;
        min-height: 36px;
        padding: .38rem .78rem;
    }

    .meta-pixel-settings .meta-pixel-status-grid {
        gap: .52rem;
    }

    .meta-pixel-settings .meta-pixel-status-card {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: .58rem;
        min-height: 0;
        padding: .72rem;
    }

    .meta-pixel-settings .meta-pixel-status-icon {
        width: 35px;
        height: 35px;
        font-size: .95rem;
    }

    .meta-pixel-settings .meta-pixel-status-card strong {
        margin-top: .16rem;
        font-size: 1rem;
    }

    .meta-pixel-settings .meta-pixel-status-card .muted {
        margin-top: .28rem;
        font-size: .78rem;
    }

    .meta-pixel-settings .meta-pixel-panel {
        padding: .82rem;
        border-radius: 9px;
    }

    .meta-pixel-settings .meta-pixel-panel h3 {
        margin-bottom: .7rem;
        font-size: 1rem;
    }

    .meta-pixel-settings .meta-pixel-config-panel .settings-row {
        gap: .6rem;
        padding-bottom: .72rem;
    }

    .meta-pixel-settings .meta-pixel-config-panel input[type="text"] {
        min-height: 37px;
    }

    .meta-pixel-settings .meta-pixel-help-panel ol {
        gap: .34rem;
        font-size: .8rem;
    }
}

@media (max-width: 980px) {
    body .sales-stats-header {
        align-items: flex-start;
    }
    body .sales-stats-header .hero-actions {
        justify-content: flex-start;
        gap: .36rem;
    }
    body .sales-stats-filter-row {
        flex-wrap: wrap;
        overflow-x: auto;
        padding: .36rem .46rem;
        gap: .34rem;
        scrollbar-width: thin;
    }
    body .sales-stats-filter-row > input[type="search"] {
        min-width: 19ch;
    }
    body .sales-stats-filter-row > input[type="date"] {
        min-width: 9.2rem;
        min-height: 29px;
        height: 29px;
    }
    body .sales-stats-filter-row > select {
        max-width: 11.5rem;
    }
    body .sales-stats-filter-row > .btn,
    body .sales-stats-filter-row > .btn-secondary {
        padding: .18rem .5rem;
        min-height: 28px;
        font-size: .78rem;
    }
    body .sales-stats-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .36rem;
        margin: .55rem 0 .7rem;
    }
    body .sales-stats-kpi {
        min-height: 72px;
        padding: .52rem .58rem;
        border-radius: 10px;
    }
    body .sales-stats-kpi span,
    body .sales-stats-kpi small {
        font-size: .7rem;
    }
    body .sales-stats-kpi strong {
        font-size: 1.02rem;
    }
    body .sales-stats-main-grid,
    body .sales-stats-table-grid {
        grid-template-columns: 1fr;
        gap: .62rem;
        margin-top: .62rem;
    }
    body .sales-stats-chart-wrap {
        min-height: 230px;
    }
    body .sales-stats-chart-canvas {
        height: 230px !important;
    }
    body .sales-stats-panel-head {
        align-items: flex-start;
        gap: .4rem;
        margin-bottom: .4rem;
    }
    body .sales-stats-panel-head h3,
    body .sales-stats-breakdown-panel h3 {
        font-size: .96rem;
    }
    body .sales-stats-table-wrap {
        overflow-x: auto;
    }
    body .sales-stats-table-wrap table {
        min-width: 620px;
    }
    body .sales-stats-problem-row {
        align-items: flex-start;
        padding: .38rem 0;
    }
    body .sales-stats-problem-row span:last-child {
        min-width: 6.5rem;
    }
}

@media (max-width: 760px) {
    .warehouse-filter-row {
        grid-template-columns: 1fr;
    }
    .warehouse-item {
        grid-template-columns: 72px minmax(0, 1fr);
        padding: .62rem;
        gap: .62rem;
    }
    .warehouse-item-media img,
    .warehouse-item-placeholder {
        width: 72px;
        height: 72px;
    }
    .warehouse-item-title-row {
        display: grid;
        gap: .35rem;
    }
    .warehouse-item-meta {
        display: grid;
        gap: .2rem;
        font-size: .82rem;
    }
    .warehouse-item-actions {
        gap: .5rem;
    }
    .admin-warehouse-show-grid {
        grid-template-columns: 1fr;
    }
    .warehouse-detail-row {
        grid-template-columns: 1fr;
        gap: .12rem;
    }
}

html[data-theme="light"] {
    --bg: #f5f1ea;
    --panel: #ffffff;
    --panel-2: #f7f3ec;
    --workspace: #fbf8f3;
    --text: #171411;
    --muted: #6f665a;
    --line: rgba(23, 20, 17, 0.1);
    --gold: #9f7a42;
    --gold-2: #886733;
    --danger: #bd4f4f;
    --success: #2c8b4c;
    --warning-bg: #fff2c2;
    --warning-border: #d18a00;
    --warning-text: #3b2700;
    --warning-shadow: rgba(209, 138, 0, 0.18);
    --shadow: 0 12px 30px rgba(23, 20, 17, 0.08);
}

* { box-sizing: border-box; }
body {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    background:
        radial-gradient(circle at 90% 10%, rgba(200, 169, 120, 0.12), transparent 35%),
        radial-gradient(circle at 10% 20%, rgba(200, 169, 120, 0.08), transparent 45%),
        var(--bg);
    color: var(--text);
    line-height: 1.5;
}
body.is-home.home-texture-wood::before,
body.is-home.home-texture-stone::before,
body.is-home.home-texture-paper::before,
body.is-home.home-texture-fabric::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: var(--home-texture-opacity, .18);
    mix-blend-mode: overlay;
    background-repeat: no-repeat;
    background-position: center;
}
body.is-home.home-texture-wood > *,
body.is-home.home-texture-stone > *,
body.is-home.home-texture-paper > *,
body.is-home.home-texture-fabric > * {
    position: relative;
    z-index: 1;
}
body.is-home.home-texture-wood::before {
    background:
        radial-gradient(ellipse at 20% 20%, rgba(255, 255, 255, .26), transparent 62%),
        radial-gradient(ellipse at 88% 72%, rgba(0, 0, 0, .22), transparent 64%),
        radial-gradient(ellipse at 54% 48%, rgba(255, 255, 255, .12), transparent 66%),
        linear-gradient(128deg, transparent 0 22%, rgba(255, 255, 255, .1) 42%, transparent 64% 100%);
    background-size:
        calc(var(--home-texture-size, 72px) * 20) calc(var(--home-texture-size, 72px) * 13),
        calc(var(--home-texture-size, 72px) * 22) calc(var(--home-texture-size, 72px) * 14),
        calc(var(--home-texture-size, 72px) * 16) calc(var(--home-texture-size, 72px) * 11),
        100vw 100vh;
    background-blend-mode: screen, multiply, soft-light, multiply;
}
body.is-home.home-texture-stone::before {
    background:
        linear-gradient(118deg, transparent 0 18%, rgba(255, 255, 255, .18) 34%, transparent 52% 100%),
        linear-gradient(302deg, transparent 0 26%, rgba(0, 0, 0, .2) 48%, transparent 70% 100%),
        radial-gradient(ellipse at 12% 86%, rgba(255, 255, 255, .12), transparent 68%),
        radial-gradient(ellipse at 86% 12%, rgba(0, 0, 0, .14), transparent 70%);
    background-size:
        100vw 100vh,
        100vw 100vh,
        calc(var(--home-texture-size, 72px) * 19) calc(var(--home-texture-size, 72px) * 15),
        calc(var(--home-texture-size, 72px) * 22) calc(var(--home-texture-size, 72px) * 16);
    background-blend-mode: screen, multiply, soft-light, multiply;
}
body.is-home.home-texture-paper::before {
    background:
        radial-gradient(ellipse at 50% 20%, transparent 0 34%, rgba(255, 255, 255, .22) 43%, transparent 60%),
        radial-gradient(ellipse at 50% 52%, transparent 0 38%, rgba(0, 0, 0, .18) 48%, transparent 66%),
        radial-gradient(ellipse at 50% 82%, transparent 0 34%, rgba(255, 255, 255, .12) 45%, transparent 64%),
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 38%, rgba(0, 0, 0, .08));
    background-size:
        calc(var(--home-texture-size, 72px) * 28) calc(var(--home-texture-size, 72px) * 9),
        calc(var(--home-texture-size, 72px) * 29) calc(var(--home-texture-size, 72px) * 10),
        calc(var(--home-texture-size, 72px) * 27) calc(var(--home-texture-size, 72px) * 9),
        100vw 100vh;
    background-blend-mode: screen, multiply, soft-light, multiply;
}
body.is-home.home-texture-fabric::before {
    background:
        linear-gradient(104deg, transparent 0 34%, rgba(255, 255, 255, .24) 48%, transparent 62% 100%),
        linear-gradient(104deg, transparent 0 56%, rgba(0, 0, 0, .18) 68%, transparent 82% 100%),
        radial-gradient(ellipse at 8% 20%, rgba(255, 255, 255, .16), transparent 64%),
        radial-gradient(ellipse at 92% 78%, rgba(0, 0, 0, .18), transparent 68%);
    background-size:
        100vw 100vh,
        100vw 100vh,
        calc(var(--home-texture-size, 72px) * 18) calc(var(--home-texture-size, 72px) * 15),
        calc(var(--home-texture-size, 72px) * 21) calc(var(--home-texture-size, 72px) * 16);
    background-blend-mode: screen, multiply, soft-light, multiply;
}
body.is-home.home-texture-wood::before,
body.is-home.home-texture-stone::before,
body.is-home.home-texture-paper::before,
body.is-home.home-texture-fabric::before {
    background-repeat: no-repeat;
    background-position: center;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
[hidden] { display: none !important; }
.container { width: min(1520px, calc(100% - 2rem)); margin: 0 auto; }
.page-shell { min-height: calc(100vh - 160px); padding: 1.25rem 0 2rem; }
body.is-watches-index .page-shell {
    overflow-x: clip;
}
body:not(.is-admin) .page-shell > .container {
    background: linear-gradient(180deg, var(--workspace), color-mix(in srgb, var(--workspace) 92%, var(--bg) 8%));
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    border-radius: 22px;
    padding: .95rem;
    box-shadow: 0 16px 36px color-mix(in srgb, var(--bg) 70%, transparent);
}
body.is-checkout .page-shell > .container {
    padding: .48rem .55rem .65rem;
}
body.is-checkout-thank-you .page-shell > .container {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}
.site-header {
    position: sticky; top: 0; z-index: 20;
    backdrop-filter: blur(12px);
    background: color-mix(in srgb, var(--header-bg, var(--bg)) var(--header-bg-opacity, 84%), transparent);
    border-bottom: 1px solid var(--line);
    transition: transform .22s ease;
}
body.header-hide-on-scroll-on .site-header {
    will-change: transform;
}
body.header-hide-on-scroll-on.header-scroll-hidden .site-header {
    transform: translateY(calc(-100% - 2px));
}
.mobile-chat-header-toggle {
    display: none;
}
body.mobile-chat-header-toggle-disabled .mobile-chat-header-toggle {
    display: none !important;
}
.nav-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .4rem;
    padding: .85rem 0;
}
.nav-top {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    min-width: 0;
    position: relative;
}
.nav-top-actions-desktop {
    display: none;
}
.nav-top-actions-mobile {
    display: none;
}
.nav-links-row {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
}
.brand {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    font-weight: 700;
    letter-spacing: .03em;
}
.brand-labels {
    display: inline-flex;
    align-items: baseline;
    gap: .42rem;
    min-width: 0;
}
.brand-labels-subtitle-below {
    align-items: flex-start;
    flex-direction: column;
    gap: .08rem;
    line-height: 1.1;
}
.brand-name-position-inline-top {
    align-items: flex-start;
}
.brand-name-position-inline-bottom {
    align-items: flex-end;
}
.brand-name-position-inline-top .brand-labels {
    align-self: flex-start;
}
.brand-name-position-inline-bottom .brand-labels {
    align-self: flex-end;
}
.brand-name-position-above-media,
.brand-name-position-below-media {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: .18rem;
}
.brand-name-position-above-media .brand-labels-subtitle-below,
.brand-name-position-below-media .brand-labels-subtitle-below {
    flex-direction: column;
    align-items: flex-start;
    gap: .08rem;
    line-height: 1.1;
}
.brand-name {
    white-space: nowrap;
    color: color-mix(in srgb, var(--site-name-color, var(--text)) var(--site-name-opacity, 100%), transparent);
    font-weight: var(--site-name-weight, 700);
}
.brand-name-sm { font-size: .92rem; }
.brand-name-md { font-size: 1.05rem; }
.brand-name-lg { font-size: 1.22rem; }
.brand-name-xl { font-size: 1.34rem; }
.brand-name-xxl { font-size: 1.48rem; }
.brand-name-xxxl { font-size: 1.62rem; }
.brand-name-style-classic {
    font-style: normal;
    letter-spacing: .02em;
    text-transform: none;
    font-weight: var(--site-name-weight, 700);
}
.brand-name-style-elegant {
    font-family: "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;
    font-style: italic;
    letter-spacing: .07em;
    font-weight: var(--site-name-weight, 500);
    text-transform: none;
}
.brand-name-style-caps {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: var(--site-name-weight, 800);
}
.brand-name-style-modern {
    font-family: "Trebuchet MS", "Segoe UI", sans-serif;
    letter-spacing: .01em;
    font-weight: var(--site-name-weight, 700);
    text-transform: none;
}
.brand-name-style-premium {
    font-family: "Times New Roman", Georgia, serif;
    font-style: normal;
    letter-spacing: .16em;
    font-weight: var(--site-name-weight, 800);
    text-transform: uppercase;
    text-shadow:
        0 0 12px color-mix(in srgb, var(--gold) 30%, transparent),
        0 1px 0 color-mix(in srgb, var(--bg) 75%, transparent);
}
.brand-name-style-minimal {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    letter-spacing: .005em;
    font-weight: var(--site-name-weight, 500);
    text-transform: none;
}
.brand-name-style-tech {
    font-family: "Courier New", "Lucida Console", monospace;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: var(--site-name-weight, 700);
}
.brand-name-style-poster {
    font-family: "Arial Black", "Franklin Gothic Medium", "Arial Narrow", sans-serif;
    letter-spacing: .03em;
    text-transform: uppercase;
    font-weight: var(--site-name-weight, 900);
}
.brand-subtitle {
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(42vw, 420px);
}
.brand-subtitle-sm { font-size: .76rem; }
.brand-subtitle-md { font-size: .86rem; }
.brand-subtitle-lg { font-size: .96rem; }
.brand-mark {
    --brand-logo-size: 80px;
    width: var(--brand-logo-size);
    height: var(--brand-logo-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.brand-mark-xs { --brand-logo-size: 52px; }
.brand-mark-sm { --brand-logo-size: 66px; }
.brand-mark-md { --brand-logo-size: 80px; }
.brand-mark-lg { --brand-logo-size: 96px; }
.brand-mark-xl { --brand-logo-size: 112px; }
.brand-mark-xxl { --brand-logo-size: 132px; }
.brand-logo {
    width: var(--brand-logo-size);
    height: var(--brand-logo-size);
    object-fit: cover;
}
.brand-logo-round {
    border-radius: 50%;
}
.brand-logo-soft {
    border-radius: 14px;
}
.brand-logo-square {
    border-radius: 0;
}
.brand-banner-wrap {
    --header-banner-active-radius: var(--header-banner-radius, 0);
    width: min(var(--header-banner-width, 280px), 100%);
    max-width: 100%;
    height: var(--header-banner-height, 56px);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 1 auto;
    min-width: 0;
    overflow: hidden;
    border-radius: var(--header-banner-active-radius, var(--header-banner-radius, 0));
}
.brand-banner {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
    border-radius: var(--header-banner-active-radius, var(--header-banner-radius, 0));
}
.brand-banner-mobile {
    display: none;
}
.mobile-offer-link {
    display: none;
}
.mobile-offer-menu {
    display: none;
}
.nav-links {
    margin-left: 0;
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
}
.nav-actions {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex: 0 0 auto;
    min-width: max-content;
}
.nav-actions-desktop {
    margin-left: 0;
    flex: 0 0 auto;
}
.nav-actions-mobile {
    display: none;
}
.mobile-guest-auth {
    display: none;
}
.mobile-guest-auth > a,
.mobile-guest-auth > .btn.btn-sm {
    transition: background-color .16s ease, border-color .16s ease;
    border: 1px solid var(--header-btn-border-color, transparent);
    border-radius: 999px;
    background: rgba(var(--header-btn-rgb, 42, 39, 35), var(--header-btn-opacity-alpha, 0));
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    min-height: 30px;
}
.nav-links > a, .link-btn, .theme-toggle {
    border: 1px solid transparent; background: transparent; color: var(--text);
    padding: .2rem .75rem; border-radius: 999px; cursor: pointer; font: inherit;
    line-height: 1.05;
}
.nav-links > a:hover, .link-btn:hover, .theme-toggle:hover { border-color: var(--line); background: var(--panel); }
.language-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 1px 2px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(var(--header-btn-rgb, 42, 39, 35), var(--header-btn-opacity-alpha, 0));
}
.language-switcher-inline {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
.language-switcher-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
    padding: 0 .38rem;
    border-radius: 999px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}
.language-switcher-link:hover,
.language-switcher-link.is-active {
    background: var(--panel);
    color: var(--text);
}
.language-switcher-mobile {
    display: none;
    position: relative;
}
.language-switcher-mobile > summary {
    list-style: none;
}
.language-switcher-mobile > summary::-webkit-details-marker {
    display: none;
}
.language-switcher-mobile-current {
    min-width: 2.9rem;
    height: 28px;
    padding: 0 .42rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(var(--header-btn-rgb, 42, 39, 35), var(--header-btn-opacity-alpha, 0));
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .22rem;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}
.language-switcher-mobile-caret {
    font-size: .66rem;
    line-height: 1;
}
.language-switcher-mobile[open] .language-switcher-mobile-caret {
    transform: rotate(180deg);
}
.language-switcher-mobile-panel {
    position: absolute;
    top: calc(100% + .24rem);
    right: 0;
    min-width: 3.2rem;
    padding: .18rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 97%, var(--bg) 3%);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--bg) 70%, transparent);
    display: grid;
    gap: .08rem;
    z-index: 2147483001;
}
.language-switcher-mobile-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: .28rem .48rem;
    border-radius: 8px;
    color: var(--text);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}
.language-switcher-mobile-link:hover {
    background: var(--panel-2);
}
.site-header .nav-links > a,
.site-header .cart-header-link {
    transition: background-color .16s ease, border-color .16s ease;
    border: 1px solid var(--header-btn-border-color, transparent);
    background: rgba(var(--header-btn-rgb, 42, 39, 35), var(--header-btn-opacity-alpha, 0));
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    min-height: 30px;
}
.site-header .nav-links > .btn.btn-sm {
    padding: .16rem .72rem;
    line-height: 1.05;
}
.site-header .nav-links > a:hover,
.site-header .cart-header-link:hover {
    border-color: var(--line);
    background: rgba(var(--header-btn-rgb, 42, 39, 35), var(--header-btn-hover-opacity-alpha, 0.84));
}
.nav-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    opacity: .9;
    flex: 0 0 auto;
}
.nav-link-icon svg {
    width: 1em;
    height: 1em;
    stroke: currentColor;
}
.site-header .nav-links > a .nav-link-icon,
.site-header .cart-header-link .nav-link-icon {
    opacity: .96;
}
.site-header .nav-links > a .nav-link-icon svg,
.site-header .cart-header-link .nav-link-icon svg,
.site-header .mobile-offer-link .nav-link-icon svg,
.site-header .mobile-guest-auth-link .nav-link-icon svg {
    width: 1.3em;
    height: 1.3em;
}
.site-header .nav-links > a .nav-link-icon,
.site-header .cart-header-link .nav-link-icon,
.site-header .mobile-offer-link .nav-link-icon,
.site-header .mobile-guest-auth-link .nav-link-icon {
    margin-right: .04rem;
}
body.header-nav-icons-off .nav-link-icon {
    display: none !important;
}
body.header-nav-icons-off .mobile-cart-link .nav-link-icon {
    display: inline-flex !important;
}
body.mobile-nav-icons-collapsed .site-header .nav-links > a .nav-link-icon {
    display: none !important;
}
body.header-nav-size-sm .site-header .nav-links > a,
body.header-nav-size-sm .site-header .cart-header-link {
    font-size: 1rem;
    padding: .14rem .75rem;
    min-height: 28px;
}
body.header-nav-size-sm .site-header .nav-links > .btn.btn-sm {
    font-size: 1rem;
    padding: .1rem .72rem;
}
body.header-nav-size-md .site-header .nav-links > a,
body.header-nav-size-md .site-header .cart-header-link {
    font-size: 1.08rem;
    padding: .18rem .9rem;
    min-height: 31px;
}
body.header-nav-size-md .site-header .nav-links > .btn.btn-sm {
    font-size: 1rem;
    padding: .12rem .86rem;
}
body.header-nav-size-lg .site-header .nav-links > a,
body.header-nav-size-lg .site-header .cart-header-link {
    font-size: 1.16rem;
    padding: .22rem 1rem;
    min-height: 34px;
}
body.header-nav-size-lg .site-header .nav-links > .btn.btn-sm {
    font-size: 1.06rem;
    padding: .14rem .96rem;
}
.link-btn-danger { color: var(--danger); }
.icon-btn-circle {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
body.header-action-icons-size-xs .icon-btn-circle {
    width: 36px;
    height: 36px;
}
body.header-action-icons-size-sm .icon-btn-circle {
    width: 40px;
    height: 40px;
}
body.header-action-icons-size-md .icon-btn-circle {
    width: 44px;
    height: 44px;
}
body.header-action-icons-size-lg .icon-btn-circle {
    width: 48px;
    height: 48px;
}
.icon-settings {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
body.header-action-icons-size-sm .icon-settings {
    width: 19px;
    height: 19px;
}
body.header-action-icons-size-md .icon-settings {
    width: 21px;
    height: 21px;
}
body.header-action-icons-size-lg .icon-settings {
    width: 23px;
    height: 23px;
}
.admin-mail-btn { position: relative; }
.admin-mail-btn.is-unread { color: var(--danger); }
.icon-mail {
    width: 19px;
    height: 19px;
    stroke: currentColor;
}
body.header-action-icons-size-xs .icon-mail {
    width: 19px;
    height: 19px;
}
body.header-action-icons-size-sm .icon-mail {
    width: 21px;
    height: 21px;
}
body.header-action-icons-size-md .icon-mail {
    width: 23px;
    height: 23px;
}
body.header-action-icons-size-lg .icon-mail {
    width: 25px;
    height: 25px;
}
.nav-unread-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 800;
    background: var(--danger);
    color: #0b0a09;
    border: 1px solid color-mix(in srgb, var(--danger) 75%, white 25%);
    line-height: 1;
}
.purchase-offer-count-badge {
    background: #3ddc84;
    color: #07130c;
    border-color: #7ff0af;
}
.admin-mobile-menu summary .purchase-offer-count-badge {
    top: -7px;
    right: -7px;
}
.cart-header-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .36rem;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: .35rem; padding: .72rem 1rem; border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--gold) 70%, white 10%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 18%, var(--panel) 82%), var(--panel-2));
    color: var(--text); font-weight: 700; cursor: pointer;
    box-shadow: var(--shadow);
}
.btn:hover { border-color: var(--gold); }
.btn-secondary {
    background: var(--panel);
    border-color: var(--line);
    box-shadow: none;
}

.btn-sm { padding: .45rem .75rem; border-radius: 999px; box-shadow: none; }
.hero {
    display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem;
    padding: 1rem 0 1.5rem;
}
.hero h1 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.05; margin: .4rem 0 1rem; }
.hero h1.hero-title-xs { font-size: clamp(1.45rem, 2.9vw, 2.45rem); }
.hero h1.hero-title-sm { font-size: clamp(1.7rem, 3.2vw, 2.85rem); }
.hero h1.hero-title-md { font-size: clamp(1.9rem, 3.8vw, 3.25rem); }
.hero h1.hero-title-lg { font-size: clamp(2.1rem, 4.2vw, 3.65rem); }
.hero h1.hero-title-xl { font-size: clamp(2.3rem, 4.6vw, 4.05rem); }
.hero h1.hero-title-xxl { font-size: clamp(2.5rem, 5vw, 4.45rem); }
.lead { color: var(--muted); max-width: 60ch; }
.hero-lead-sm { font-size: 1rem; }
.hero-lead-md { font-size: 1rem; }
.hero-lead-lg { font-size: 1.08rem; }
.hero--single {
    grid-template-columns: 1fr;
}
.hero--single .lead {
    max-width: 70ch;
}
.hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.2rem; }
.is-home .home-hero-actions {
    width: 100%;
}
.is-home .hero h1 {
    margin: .25rem 0 .55rem;
}
.admin-order-header-actions .btn-secondary {
    padding: .5rem .82rem;
    min-height: 0;
    line-height: 1;
}
.is-home .hero-actions .btn {
    padding: .38rem .85rem;
    line-height: 1.15;
    box-shadow: none;
}
.is-home .hero-actions .home-offers-btn {
    padding: .34rem .78rem;
    font-size: 1rem;
}
.is-home .hero--single {
    padding-top: .45rem;
    padding-bottom: .55rem;
}
.is-home .home-hero-compact {
    padding-top: .15rem;
    padding-bottom: .2rem;
}
.is-home .home-hero-compact .hero-actions {
    margin-top: 0;
}
.is-home .hero--single .lead {
    font-size: .92rem;
    line-height: 1.4;
    margin: .2rem 0 0;
}
.is-home .hero--single .lead.hero-lead-sm {
    font-size: .84rem;
}
.is-home .hero--single .lead.hero-lead-md {
    font-size: .92rem;
}
.is-home .hero--single .lead.hero-lead-lg {
    font-size: 1rem;
}
.is-home .section-header {
    margin-top: .35rem;
}
.home-banner-carousel {
    --home-banner-desktop-height: 260px;
    --home-banner-mobile-height: 180px;
    --home-banner-desktop-radius: 0px;
    --home-banner-mobile-radius: 0px;
    position: relative;
    isolation: isolate;
    z-index: 0;
    height: var(--home-banner-desktop-height);
    margin: 0 0 1rem;
    overflow: hidden;
    border: 0;
    border-radius: var(--home-banner-desktop-radius);
    background: transparent;
    box-shadow: none;
}
.home-banner-intro-strip {
    --home-banner-intro-desktop-height: 110px;
    --home-banner-intro-mobile-height: 90px;
    --home-banner-intro-desktop-radius: 0px;
    --home-banner-intro-mobile-radius: 0px;
    --home-banner-intro-fit: cover;
    position: relative;
    isolation: isolate;
    z-index: 0;
    height: var(--home-banner-intro-desktop-height);
    margin: 0 0 1rem;
    overflow: hidden;
    border: 0;
    border-radius: var(--home-banner-intro-desktop-radius);
    background: color-mix(in srgb, var(--panel) 82%, var(--bg) 18%);
    box-shadow: none;
}
.home-banner-intro-strip:has(+ .home-banner-carousel),
.home-banner-carousel:has(+ .home-banner-intro-strip) {
    margin-bottom: .5rem;
}
body.is-home:not(.home-design-premium-boutique):not(.home-design-premium-atelier) .home-banner-carousel,
body.is-home:not(.home-design-premium-boutique):not(.home-design-premium-atelier) .home-banner-intro-strip {
    width: calc(100% + 1.9rem);
    margin-left: -.95rem;
    margin-right: -.95rem;
}
.home-banner-intro-strip picture,
.home-banner-intro-strip img {
    display: block;
    width: 100%;
    height: 100%;
}
.home-banner-intro-strip img {
    object-fit: var(--home-banner-intro-fit, cover);
    object-position: center center;
}
.home-banner-track,
.home-banner-slide,
.home-banner-link {
    width: 100%;
    height: 100%;
}
.home-banner-track {
    position: relative;
}
.home-banner-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateX(100%);
    transition: transform .55s ease, opacity .55s ease;
    pointer-events: none;
}
.home-banner-animation-fade .home-banner-slide {
    transform: none;
}
.home-banner-slide.is-active {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    z-index: 2;
}
.home-banner-link {
    position: relative;
    display: block;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}
.home-banner-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    background: var(--panel);
}
.home-banner-carousel[data-home-banner-device="desktop"] .home-banner-link img {
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: center center;
    transform: none;
}
.home-banner-copy {
    position: absolute;
    left: clamp(1rem, 4vw, 2.8rem);
    bottom: clamp(1rem, 3vw, 2rem);
    display: grid;
    gap: .3rem;
    max-width: min(560px, calc(100% - 2rem));
    color: #fff;
    text-shadow: 0 2px 14px rgba(0, 0, 0, .58);
}
.home-banner-action {
    position: absolute;
    left: clamp(1rem, 4vw, 2.8rem);
    bottom: clamp(1rem, 3vw, 2rem);
    z-index: 3;
    display: grid;
    max-width: min(360px, calc(100% - 2rem));
    text-shadow: none;
}
.home-banner-copy-left_top {
    top: clamp(1rem, 3vw, 2rem);
    bottom: auto;
}
.home-banner-action-left_top {
    top: clamp(1rem, 3vw, 2rem);
    bottom: auto;
}
.home-banner-copy-left_bottom {
    bottom: clamp(1rem, 3vw, 2rem);
}
.home-banner-action-left_bottom {
    bottom: clamp(1rem, 3vw, 2rem);
}
.home-banner-copy-center,
.home-banner-action-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    justify-items: center;
    text-align: center;
    transform: translate(-50%, -50%);
}
.home-banner-copy-right_top,
.home-banner-copy-right_bottom,
.home-banner-action-right_top,
.home-banner-action-right_bottom {
    right: clamp(1rem, 4vw, 2.8rem);
    left: auto;
    justify-items: end;
    text-align: right;
}
.home-banner-copy-right_top {
    top: clamp(1rem, 3vw, 2rem);
    bottom: auto;
}
.home-banner-action-right_top {
    top: clamp(1rem, 3vw, 2rem);
    bottom: auto;
}
.home-banner-copy-right_bottom {
    bottom: clamp(1rem, 3vw, 2rem);
}
.home-banner-action-right_bottom {
    bottom: clamp(1rem, 3vw, 2rem);
}
.home-banner-copy strong {
    color: var(--home-banner-title-color, #fff);
    line-height: 1.08;
}
.home-banner-title-sm {
    font-size: clamp(1rem, 2vw, 1.45rem);
}
.home-banner-title-md {
    font-size: clamp(1.16rem, 2.45vw, 1.85rem);
}
.home-banner-title-lg {
    font-size: clamp(1.35rem, 3vw, 2.35rem);
}
.home-banner-copy > span {
    color: var(--home-banner-subtitle-color, #fff);
    line-height: 1.35;
}
.home-banner-subtitle-sm {
    font-size: clamp(.78rem, 1.25vw, .9rem);
}
.home-banner-subtitle-md {
    font-size: clamp(.84rem, 1.4vw, .98rem);
}
.home-banner-subtitle-lg {
    font-size: clamp(.9rem, 1.6vw, 1.05rem);
}
.home-banner-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: .35rem;
    border-radius: 999px;
    background: var(--home-banner-button-color, color-mix(in srgb, var(--gold) 86%, white 14%));
    color: #171411;
    font-style: normal;
    font-weight: 800;
    line-height: 1.1;
    text-shadow: none;
}
.home-banner-action .home-banner-button {
    margin-top: 0;
}
.home-banner-button-sm {
    padding: .34rem .58rem;
    font-size: .78rem;
}
.home-banner-button-md {
    padding: .4rem .68rem;
    font-size: .88rem;
}
.home-banner-button-lg {
    padding: .48rem .78rem;
    font-size: 1rem;
}
.home-banner-control {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 999px;
    background: rgba(0, 0, 0, .32);
    color: #fff;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}
.home-banner-control-prev {
    left: .75rem;
}
.home-banner-control-next {
    right: .75rem;
}
.home-banner-dots {
    position: absolute;
    left: 50%;
    bottom: .72rem;
    z-index: 6;
    display: flex;
    gap: .36rem;
    transform: translateX(-50%);
}
.home-banner-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .56);
    cursor: pointer;
}
.home-banner-dot.is-active {
    width: 22px;
    background: var(--gold);
}
@media (min-width: 769px) {
    .home-banner-desktop-off,
    .home-banner-intro-desktop-off,
    .home-banner-slide-desktop-off {
        display: none;
    }
    .home-hero-actions-desktop-off,
    .home-hero-action-desktop-off {
        display: none !important;
    }
    .is-home .home-hero-desktop-empty {
        display: none !important;
    }
}
@media (max-width: 768px) {
    body.is-home .page-shell:has(> .container > .home-hero:first-child) {
        padding-top: 0;
    }
    .is-home .home-hero {
        padding-top: 0;
    }
    .is-home .home-hero-actions-mobile-left {
        justify-content: flex-start;
    }
    .is-home .home-hero-actions {
        justify-content: stretch;
        margin-top: 0;
    }
    .is-home .home-hero-actions .btn-secondary {
        width: 100%;
        min-height: 2.35rem;
        padding: .48rem 1rem;
        border: 1.4px solid #9b6a2f;
        border-radius: 999px;
        background: none;
        color: #d8b06a;
        font-family: Georgia, "Times New Roman", serif;
        font-weight: 700;
        box-shadow: none;
    }
    html[data-theme="light"] .is-home .home-hero-actions .btn-secondary {
        color: #6f4718;
    }
    .home-hero-actions-mobile-off,
    .home-hero-action-mobile-off {
        display: none !important;
    }
    .home-banner-carousel {
        height: var(--home-banner-mobile-height);
        border-radius: var(--home-banner-mobile-radius);
    }
    .home-banner-intro-strip {
        height: var(--home-banner-intro-mobile-height);
        border-radius: var(--home-banner-intro-mobile-radius);
    }
    .home-banner-link img {
        object-fit: cover;
        object-position: var(--home-banner-mobile-crop-x, 50%) var(--home-banner-mobile-crop-y, 50%);
        transform: scale(var(--home-banner-mobile-zoom, 1));
        transform-origin: var(--home-banner-mobile-crop-x, 50%) var(--home-banner-mobile-crop-y, 50%);
    }
    .home-banner-carousel[data-home-banner-device="mobile"] {
        height: var(--home-banner-mobile-height);
        background: color-mix(in srgb, var(--panel) 92%, white 8%);
    }
    .home-banner-carousel[data-home-banner-device="mobile"] .home-banner-track,
    .home-banner-carousel[data-home-banner-device="mobile"] .home-banner-link {
        height: 100%;
    }
    .home-banner-carousel[data-home-banner-device="mobile"] .home-banner-slide {
        position: absolute;
        inset: 0;
    }
    .home-banner-carousel[data-home-banner-device="mobile"] .home-banner-slide.is-active {
        position: absolute;
        inset: 0;
    }
    .home-banner-carousel[data-home-banner-device="mobile"] .home-banner-link img {
        width: 100%;
        height: auto;
        object-fit: unset;
        object-position: var(--home-banner-mobile-crop-x, 50%) var(--home-banner-mobile-crop-y, 50%);
        transform: none;
        transform-origin: var(--home-banner-mobile-crop-x, 50%) var(--home-banner-mobile-crop-y, 50%);
    }
    .home-banner-mobile-off,
    .home-banner-intro-mobile-off,
    .home-banner-slide-mobile-off {
        display: none;
    }
    .home-banner-copy {
        left: .9rem;
        right: .9rem;
        bottom: .9rem;
        max-width: none;
    }
    .home-banner-action {
        left: .9rem;
        right: .9rem;
        bottom: .9rem;
        max-width: none;
    }
    .home-banner-copy-left_top,
    .home-banner-copy-right_top,
    .home-banner-action-left_top,
    .home-banner-action-right_top {
        top: .9rem;
        bottom: auto;
    }
    .home-banner-copy-left_bottom,
    .home-banner-copy-right_bottom,
    .home-banner-action-left_bottom,
    .home-banner-action-right_bottom {
        top: auto;
        bottom: .9rem;
    }
    .home-banner-copy-center,
    .home-banner-action-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .home-banner-copy-right_top,
    .home-banner-copy-right_bottom,
    .home-banner-action-right_top,
    .home-banner-action-right_bottom {
        justify-items: end;
        text-align: right;
    }
    .home-banner-title-sm {
        font-size: 1rem;
    }
    .home-banner-title-md {
        font-size: 1.1rem;
    }
    .home-banner-title-lg {
        font-size: 1.22rem;
    }
    .home-banner-subtitle-sm {
        font-size: .78rem;
    }
    .home-banner-subtitle-md {
        font-size: .82rem;
    }
    .home-banner-subtitle-lg {
        font-size: .86rem;
    }
    .home-banner-button-sm {
        padding: .3rem .5rem;
        font-size: .74rem;
    }
    .home-banner-button-md {
        padding: .35rem .58rem;
        font-size: .82rem;
    }
    .home-banner-button-lg {
        padding: .42rem .68rem;
        font-size: 1rem;
    }
    .home-banner-control {
        width: 32px;
        height: 32px;
        font-size: 1.22rem;
    }
}
.hero-panel, .panel {
    background: linear-gradient(180deg, var(--panel), var(--panel-2));
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: var(--shadow);
}
.panel--account-nav {
    padding: .4rem .6rem;
    margin-bottom: .6rem;
}
.panel--account-nav .hero-actions {
    margin-top: 0;
}
.panel--account-nav .btn {
    padding: .28rem .8rem;
    font-size: 1rem;
}
.hero-panel { padding: 1rem; position: relative; overflow: hidden; }
.hero-panel::after {
    content: ""; position: absolute; inset: auto -20% -30% auto; width: 240px; height: 240px;
    background: radial-gradient(circle, rgba(200,169,120,.18), transparent 70%);
}
.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.stat-card {
    background: rgba(255,255,255,.02);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: .9rem;
    display: flex; flex-direction: column; gap: .35rem;
}
.stat-card span { color: var(--muted); font-size: .85rem; }
.stat-card strong { font-size: 1.55rem; color: var(--gold); }
.section-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1rem 0; }
.section-header h1, .section-header h2 { margin: .2rem 0; }
.admin-order-show-header h1 {
    margin-bottom: .04rem;
}
.admin-order-show-customer {
    margin: .08rem 0 0;
}
.admin-watches-create-btn {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .3rem .72rem;
    min-height: 32px;
    line-height: 1.12;
}
.admin-watches-create-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.admin-watches-create-icon svg {
    display: block;
}
.admin-watches-search-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 32px;
    min-width: 32px;
    height: 32px;
}
.admin-watches-search-toggle svg {
    display: block;
    width: 18px;
    height: 18px;
}
.admin-watches-back-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 32px;
    min-width: 32px;
    height: 32px;
}
.admin-watches-back-btn svg {
    display: block;
}
.admin-watches-count {
    color: var(--muted);
    font-size: .82em;
    font-weight: 600;
}
.admin-watches-title-icon {
    display: none;
}
.admin-watches-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: -.35rem 0 .75rem;
}
.admin-watches-tabs .btn {
    min-height: 34px;
    padding: .36rem .8rem;
}
.filter-row.admin-watches-filter-row {
    grid-template-columns: minmax(0, 1fr) 220px auto auto;
    justify-content: stretch;
}
.filter-row.admin-watches-filter-row.warehouse-filter-row {
    grid-template-columns: minmax(0, 1fr) 220px 210px 190px auto auto;
}
.admin-watches-search-input,
.admin-watches-sort-select {
    width: 100%;
}
.admin-watches-sort-link {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.admin-watches-sort-link:hover,
.admin-watches-sort-link.is-active {
    color: var(--gold);
}
.admin-watches-sort-arrow {
    min-width: .8rem;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1;
}
.admin-watches-sort-link.is-active .admin-watches-sort-arrow {
    color: var(--gold);
}
.warehouse-filter-row {
    grid-template-columns: minmax(180px, 2fr) minmax(160px, 1fr) minmax(150px, 1fr) auto auto;
}
.warehouse-list {
    display: grid;
    gap: .72rem;
}
.warehouse-item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: .78rem;
    padding: .78rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 92%, black 8%);
    box-shadow: var(--shadow);
}
.warehouse-item-media img,
.warehouse-item-placeholder {
    width: 88px;
    height: 88px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
}
.warehouse-item-media img {
    display: block;
    object-fit: cover;
}
.warehouse-item-placeholder {
    display: grid;
    place-items: center;
    color: var(--muted);
    font-size: .78rem;
    text-align: center;
}
.warehouse-item-placeholder--large {
    width: 100%;
    height: 320px;
}
.warehouse-item-main {
    min-width: 0;
}
.warehouse-item-title-row {
    display: flex;
    justify-content: space-between;
    gap: .8rem;
    align-items: flex-start;
}
.warehouse-item-title-row h2 {
    margin: 0 0 .12rem;
    font-size: 1.06rem;
    line-height: 1.2;
}
.warehouse-status-badge {
    white-space: nowrap;
}
.warehouse-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .34rem .78rem;
    margin-top: .34rem;
    color: var(--muted);
    font-size: .88rem;
}
.warehouse-item-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem;
    margin-top: .48rem;
}
.admin-warehouse-show-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}
.admin-warehouse-category-line {
    margin: .12rem 0 0;
}
.admin-warehouse-main-image {
    width: 100%;
    max-height: 560px;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
}
.warehouse-detail-row {
    display: grid;
    grid-template-columns: minmax(120px, .75fr) minmax(0, 1.25fr);
    gap: .75rem;
    padding: .52rem 0;
    border-bottom: 1px solid var(--line);
}
.warehouse-detail-row:last-child {
    border-bottom: 0;
}
.warehouse-detail-row span {
    color: var(--muted);
}
.warehouse-detail-row strong {
    min-width: 0;
    overflow-wrap: anywhere;
}
.home-featured-title-sm { font-size: clamp(.98rem, 1.35vw, 1.16rem); line-height: 1.18; }
.home-featured-title-md { font-size: clamp(1.08rem, 1.65vw, 1.38rem); line-height: 1.18; }
.home-featured-title-lg { font-size: clamp(1.18rem, 1.95vw, 1.58rem); line-height: 1.18; }
.home-featured-header {
    align-items: flex-end;
    justify-content: flex-end;
}
.home-featured-header:has(h2) {
    justify-content: space-between;
}
.home-featured-all-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #c99a55;
    font-family: Georgia, "Times New Roman", serif;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
}
.home-featured-all-link:hover {
    color: #f0cc88;
}
html[data-theme="light"] .home-featured-all-link {
    color: #111111;
}
html[data-theme="light"] .home-featured-all-link:hover {
    color: #000000;
}
.home-featured-bottom-link-wrap {
    display: none;
}
.section-header--compact {
    margin: .6rem 0;
}
body.is-checkout .section-header--compact {
    margin-top: .15rem;
    margin-bottom: .38rem;
}
.section-header--compact h1 {
    font-size: 1.4rem;
}
.contact-page-title {
    font-size: clamp(1.12rem, 2.25vw, 1.58rem);
    line-height: 1.22;
    margin: .12rem 0 0;
    max-width: 58ch;
}
.contact-page {
    display: grid;
    gap: .65rem;
}
.contact-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(220px, .9fr);
    align-items: center;
    gap: .85rem;
    min-height: 190px;
    padding: clamp(.8rem, 1.8vw, 1.15rem);
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 96%, var(--gold) 4%), color-mix(in srgb, var(--panel) 90%, var(--bg-base) 10%));
    box-shadow: var(--shadow);
    overflow: hidden;
}
.contact-hero-copy {
    min-width: 0;
}
.contact-hero-copy .eyebrow {
    margin: 0 0 .18rem;
}
.contact-hero-art {
    color: color-mix(in srgb, var(--text) 68%, var(--gold));
    justify-self: end;
    width: min(225px, 100%);
}
.contact-hero-art svg {
    display: block;
    width: 100%;
    height: auto;
}
.contact-page-grid {
    display: grid;
    grid-template-columns: minmax(230px, .75fr) minmax(0, 1.25fr);
    gap: .72rem;
    align-items: stretch;
}
.contact-page-intro {
    padding: 1rem;
}
.contact-page-intro h2 {
    margin: 0 0 .75rem;
    font-size: 1.16rem;
    line-height: 1.2;
}
.contact-page-description {
    max-width: 56ch;
    margin: .38rem 0 0;
    font-size: clamp(.86rem, 1.2vw, .98rem);
    line-height: 1.45;
    color: color-mix(in srgb, var(--text) 82%, var(--muted));
}
.contact-feature-list {
    display: grid;
    gap: .56rem;
}
.contact-feature {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: .56rem;
    align-items: start;
    padding: .7rem;
    border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 72%, var(--bg-base));
}
.contact-feature-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.contact-feature-icon svg {
    width: 21px;
    height: 21px;
    stroke: currentColor;
}
.contact-feature strong {
    display: block;
    margin-bottom: .18rem;
    font-size: .95rem;
    line-height: 1.25;
}
.contact-feature span:not(.contact-feature-icon) {
    display: block;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.42;
}
.contact-page-message {
    padding: 1rem;
}
.contact-form-head {
    margin-bottom: .65rem;
}
.contact-form-head .eyebrow {
    margin: 0 0 .12rem;
}
.contact-form-head h2 {
    margin: 0;
    font-size: 1.24rem;
    line-height: 1.2;
}
.contact-page-form {
    gap: .56rem;
    margin-top: 0;
}
.contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .56rem;
}
.contact-page-form .muted {
    margin: 0;
}
.contact-user-note {
    font-size: .88rem;
    line-height: 1.35;
}
.contact-user-note strong {
    color: var(--text);
}
.contact-honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.contact-page textarea {
    min-height: calc(4 * 1.3rem + 1.56rem + 2px);
    height: calc(4 * 1.3rem + 1.56rem + 2px);
    line-height: 1.3;
    overflow: hidden;
    resize: none;
    padding: .78rem .86rem;
}
.contact-page .btn {
    min-height: 40px;
    padding: .58rem .95rem;
}
.contact-form-actions {
    display: flex;
    justify-content: flex-end;
}
.catalog-page-title {
    font-size: clamp(1.6rem, 2.15vw, 1.78rem);
    line-height: 1.15;
}
.catalog-title-row {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-width: 0;
}
.about-page-title {
    font-size: clamp(1.2rem, 2.15vw, 1.7rem);
    line-height: 1.2;
}
.about-content {
    line-height: 1.58;
}
.about-content p,
.about-content ul,
.about-content ol,
.about-content blockquote {
    margin: .3rem 0;
}
.about-content h2,
.about-content h3,
.about-content h4 {
    margin: .12rem 0 .3rem;
}
.about-content br + br {
    display: block;
    content: "";
    margin-top: .28rem;
}
.about-contact-title {
    margin: .1rem 0 .35rem;
    font-size: 1.1rem;
    line-height: 1.18;
}
.about-contact-btn {
    padding: .36rem .82rem;
    min-height: 0;
    line-height: 1.02;
}
.eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .15em; font-size: .72rem; margin: 0; }
.text-link { color: var(--gold); }
.watch-grid { display: grid; grid-template-columns: repeat(var(--desktop-watch-cols, 3), minmax(0, 1fr)); gap: 1rem; }
.watch-grid-empty { grid-column: 1 / -1; }
.favorite-empty-state {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 360px);
    align-items: center;
    gap: 1rem;
    min-height: 320px;
    padding: 1.35rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 31%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 94%, white 6%), color-mix(in srgb, var(--panel-2) 90%, black 10%));
    box-shadow: var(--shadow);
    overflow: hidden;
}
.favorite-empty-copy {
    max-width: 560px;
}
.favorite-empty-copy h2 {
    margin: 0 0 .48rem;
    font-size: 2rem;
    line-height: 1.08;
}
.favorite-empty-copy .muted {
    max-width: 470px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.45;
}
.favorite-empty-actions {
    margin-top: .9rem;
}
.favorite-empty-actions .btn {
    min-height: 38px;
    padding: .42rem .84rem;
}
.favorite-empty-visual {
    justify-self: end;
    width: min(100%, 340px);
}
.favorite-empty-visual svg {
    display: block;
    width: 100%;
    height: auto;
}
.favorite-empty-shadow {
    fill: color-mix(in srgb, black 20%, transparent);
}
.favorite-empty-card {
    fill: color-mix(in srgb, var(--panel) 86%, white 9%);
    stroke: color-mix(in srgb, var(--line) 76%, var(--gold) 24%);
    stroke-width: 4;
    stroke-linejoin: round;
}
.favorite-empty-card-back {
    fill: color-mix(in srgb, var(--panel-2) 80%, var(--gold) 20%);
    opacity: .82;
}
.favorite-empty-photo {
    fill: color-mix(in srgb, var(--panel-2) 72%, var(--bg) 28%);
    stroke: color-mix(in srgb, var(--line) 84%, var(--gold) 16%);
    stroke-width: 3;
    stroke-linejoin: round;
}
.favorite-empty-line {
    fill: none;
    stroke: color-mix(in srgb, var(--muted) 72%, var(--gold) 28%);
    stroke-width: 8;
    stroke-linecap: round;
}
.favorite-empty-heart {
    fill: color-mix(in srgb, #db4d6a 82%, var(--gold) 18%);
    stroke: color-mix(in srgb, var(--panel) 68%, white 32%);
    stroke-width: 4;
    stroke-linejoin: round;
}
.favorite-empty-heart-small {
    fill: color-mix(in srgb, #db4d6a 66%, var(--gold) 34%);
    stroke-width: 3;
}
.favorite-empty-spark {
    fill: var(--gold);
    opacity: .88;
}
.home-load-more {
    display: flex;
    justify-content: center;
    margin-top: .9rem;
}
.catalog-load-more {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    min-height: 1px;
}
.catalog-load-more-status {
    display: none;
    font-size: .9rem;
}
.catalog-load-more.is-loading .catalog-load-more-status {
    display: block;
}
.home-load-more-btn {
    padding: .28rem .82rem;
    min-height: 32px;
}
.catalog-load-more-btn {
    min-height: 36px;
    padding: .36rem 1rem;
}
.home-load-more-btn[disabled],
.catalog-load-more-btn[disabled] {
    opacity: .75;
    pointer-events: none;
}
.watch-card {
    position: relative;
    background: linear-gradient(180deg, var(--panel), var(--panel-2));
    border: 1px solid var(--line);
    border-radius: 18px;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
.watch-image-wrap { position: relative; display: block; aspect-ratio: 4 / 3; background: #000; overflow: hidden; }
.watch-image-wrap-swipe { cursor: grab; }
.watch-image-wrap-flip.watch-image-wrap-swipe { cursor: pointer; }
.watch-image { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.watch-image-wrap-flip {
    perspective: 900px;
}
.watch-image-flip {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform var(--watch-image-flip-duration, 550ms) cubic-bezier(.2, .72, .18, 1);
}
.watch-image-flip-side {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.watch-image-flip-back {
    transform: rotateY(180deg);
}
.watch-image-wrap-flip .watch-image-track {
    display: none;
}
@media (hover: hover) and (pointer: fine) {
    .watch-image-wrap-flip:hover .watch-image-flip,
    .watch-image-wrap-flip:focus-visible .watch-image-flip {
        transform: rotateY(180deg);
    }
}
.watch-image-track {
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: auto;
    overscroll-behavior-x: contain;
}
.watch-image-track::-webkit-scrollbar {
    display: none;
}
.watch-image-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    user-select: none;
    -webkit-user-drag: none;
}
.watch-image-wrap.is-swipeable {
    touch-action: pan-y;
}
.watch-image-wrap.is-swipeable .watch-image {
    user-select: none;
    -webkit-user-drag: none;
}
@media (hover: hover) and (pointer: fine) {
    .watch-card:hover .watch-image:not(.watch-image-flip-side) { transform: scale(1.03); }
}
.favorite-form { margin: 0; }
.favorite-btn {
    width: 25px;
    height: 25px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 82%, black 18%);
    color: var(--text);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease, background-color .15s ease;
}
.favorite-btn:hover { border-color: var(--gold); transform: translateY(-1px); }
.favorite-btn.is-active {
    color: #ff8da1;
    border-color: rgba(255, 141, 161, .45);
    background: rgba(255, 141, 161, .08);
}
.favorite-btn:disabled { opacity: .65; cursor: wait; }
.favorite-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.favorite-icon svg {
    width: 18px;
    height: 18px;
    display: block;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    transform: translateY(.7px);
}
.favorite-btn.is-active .favorite-icon svg {
    fill: currentColor;
}
.favorite-card {
    position: absolute;
    top: .46rem;
    left: .46rem;
    z-index: 2;
}
.favorite-product .favorite-btn {
    width: 31px;
    height: 31px;
}
.favorite-product-corner {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 3;
}
.favorite-product-corner .favorite-btn {
    width: 31px;
    height: 31px;
    background: rgba(10, 10, 10, .55);
    backdrop-filter: blur(6px);
}
.watch-content {
    position: relative;
    padding: .9rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}
.watch-card.watch-card-has-arrow .watch-content {
    padding-right: 3.55rem;
}
.watch-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: .26rem;
    min-height: 0;
}
.watch-brand { margin: 0; color: var(--muted); font-size: .85rem; }
.watch-content h3 { margin: 0; font-size: 1.1rem; }
.watch-price-block {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.watch-price-old {
    margin: 0;
    color: color-mix(in srgb, var(--muted) 92%, white 8%);
    font-size: .82rem;
}
.watch-price-old s,
.price-xl-old s {
    text-decoration-thickness: 1.5px;
    text-decoration-color: color-mix(in srgb, var(--danger) 62%, var(--muted) 38%);
}
.price-xl-old s {
    font-size: 1.16rem;
}
.watch-price-row {
    display: flex;
    align-items: center;
    gap: .38rem;
    flex-wrap: wrap;
}
.watch-price {
    color: var(--gold);
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0;
}
.watch-card-arrow {
    position: absolute;
    right: .86rem;
    bottom: .86rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid color-mix(in srgb, var(--gold) 68%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 68%, transparent);
    color: var(--gold);
    box-shadow: 0 10px 26px color-mix(in srgb, var(--bg) 72%, transparent);
    transition: transform .16s ease, border-color .16s ease, background-color .16s ease, color .16s ease;
}
.watch-card-arrow svg {
    width: 18px;
    height: 18px;
    display: block;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
.watch-card-arrow:hover,
.watch-card-arrow:focus-visible {
    border-color: var(--gold);
    background: color-mix(in srgb, var(--gold) 16%, var(--panel) 84%);
    color: color-mix(in srgb, var(--gold) 86%, white 14%);
    transform: translateX(2px);
}
.watch-price-hidden,
.price-xl-hidden {
    color: var(--muted);
    font-style: italic;
}
.watch-price-reserved,
.price-xl-reserved {
    display: inline-flex;
    align-items: center;
    gap: .38em;
    color: var(--gold);
    font-style: italic;
}
.watch-price.watch-price-reserved {
    margin-top: .12rem;
    font-size: .82rem;
    line-height: 1.15;
}
.price-xl.price-xl-reserved {
    margin-top: .12rem;
    font-size: 1rem;
    line-height: 1.2;
}
.reservation-price-icon {
    display: inline-flex;
    width: .9em;
    height: .9em;
    flex: 0 0 auto;
}
.reservation-price-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}
.account-favorite-cart-form {
    margin: .58rem 0 0;
}
.account-favorite-cart-btn {
    width: 100%;
    min-height: 30px;
    padding: .24rem .62rem;
    gap: .36rem;
    line-height: 1.05;
}
.account-favorite-cart-icon {
    display: inline-flex;
    flex: 0 0 auto;
}
.account-favorite-cart-icon svg {
    display: block;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.watch-price-drop-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent 14%);
    background: color-mix(in srgb, var(--danger) 16%, var(--panel) 84%);
    color: color-mix(in srgb, #ff8e8e 82%, white 18%);
    font-size: .74rem;
    font-weight: 700;
    line-height: 1;
    padding: .14rem .42rem;
    white-space: nowrap;
}
.watch-desc { color: var(--muted); margin: 0; font-size: .92rem; }
.status-badge {
    display: inline-flex; align-items: center; border-radius: 999px; padding: .16rem .48rem;
    border: 1px solid color-mix(in srgb, var(--line) 92%, transparent); font-size: .68rem; text-transform: uppercase; letter-spacing: .07em;
    background: color-mix(in srgb, var(--panel-2) 88%, #8d8d8d 12%);
}
.watch-image-wrap .status-badge { position: absolute; top: .6rem; right: .6rem; }
.status-dostepny { color: var(--success); }
.status-rezerwacja { color: var(--gold); }
.status-sprzedany { color: var(--danger); }
.status-zamkniete { color: var(--danger); }
.status-new { color: var(--gold); }
.badge-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 0 .35rem;
    margin-left: .3rem;
    border-radius: 999px;
    font-size: .75rem;
    background: linear-gradient(90deg, var(--gold-2), var(--gold));
    color: #0b0a09;
    font-weight: 700;
}
.badge-pill-danger {
    background: linear-gradient(90deg, #d65757, #f07c7c);
    color: #fff;
}
.nav-link-unread {
    color: var(--danger);
}
.orders-mobile-list {
    display: none;
}
.admin-users-mobile-list {
    display: none;
}
.admin-users-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}
.admin-users-description {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
}
.admin-users-mobile-card {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
    padding: .55rem .62rem;
    margin-bottom: .5rem;
}
.admin-users-mobile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.admin-users-mobile-row-bottom {
    margin-top: .32rem;
}
.admin-users-mobile-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .36rem;
    width: 100%;
}
.admin-user-cell {
    display: grid;
    gap: .18rem;
    min-width: 190px;
}
.admin-users-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    margin-left: .35rem;
    padding: .08rem .42rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    color: var(--gold);
    background: color-mix(in srgb, var(--panel-2) 82%, black 8%);
    font-size: .58em;
    line-height: 1.35;
    vertical-align: middle;
}
.admin-user-name-line {
    display: flex;
    align-items: baseline;
    gap: .35rem;
    flex-wrap: wrap;
}
.admin-user-id {
    font-size: .78rem;
}
.admin-user-email {
    color: var(--muted);
    font-size: .86rem;
    overflow-wrap: anywhere;
}
.admin-user-role-badge {
    width: fit-content;
}
.admin-user-type-form {
    margin: 0;
}
.admin-user-type-form--mobile {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    margin-top: .45rem;
}
.admin-user-type-form--mobile label {
    margin: 0;
    color: var(--muted);
    font-size: .8rem;
    white-space: nowrap;
}
.admin-user-type-select {
    width: auto;
    min-width: 126px;
    min-height: 30px;
    padding: .24rem 1.65rem .24rem .48rem;
    border-radius: 7px;
    font-size: .8rem;
    font-weight: 700;
}
.admin-user-type-select--loyal {
    border-color: color-mix(in srgb, var(--success) 46%, var(--line));
    color: var(--success);
}
.admin-user-type-select--vip {
    border-color: color-mix(in srgb, var(--gold) 64%, var(--line));
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 8%, var(--panel-2) 92%);
}
.admin-user-metric {
    display: flex;
    align-items: baseline;
    gap: .32rem;
}
.admin-user-money {
    margin-top: .12rem;
    color: var(--gold);
    font-weight: 700;
    white-space: nowrap;
}
.admin-user-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: .32rem;
    max-width: 260px;
}
.admin-user-metrics span {
    display: inline-flex;
    align-items: baseline;
    gap: .22rem;
    padding: .16rem .42rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-2) 80%, black 8%);
    font-size: .78rem;
}
.admin-user-last-order {
    white-space: nowrap;
}
.admin-users-sort-link {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.admin-users-sort-link span {
    min-width: .7rem;
    color: var(--gold);
    font-size: .82rem;
    line-height: 1;
    opacity: .85;
}
.admin-users-sort-link:not(.is-active) span {
    color: var(--muted);
    opacity: .72;
}
.admin-users-sort-link:hover,
.admin-users-sort-link.is-active {
    color: var(--gold);
}
.admin-users-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .28rem;
    min-width: 120px;
}
.admin-users-actions .inline-form,
.admin-users-actions .text-link,
.admin-users-actions .link-btn {
    width: fit-content;
}
.admin-users-actions .admin-user-danger-action {
    align-self: flex-end;
    margin-top: .38rem;
    padding-top: .38rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
}
.admin-users-mobile-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    margin-top: .2rem;
}
.admin-users-mobile-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .38rem;
    margin-top: .5rem;
}
.admin-users-mobile-stats > div {
    display: grid;
    gap: .08rem;
    padding: .34rem .42rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel-2) 84%, black 8%);
}
.admin-users-mobile-stats strong {
    font-size: .86rem;
    line-height: 1.18;
}
.admin-users-mobile-meta {
    display: grid;
    gap: .14rem;
    margin-top: .45rem;
    color: var(--muted);
    font-size: .82rem;
}
.admin-users-mobile-actions .text-link,
.admin-users-mobile-actions .link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: .34rem .42rem;
    border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel-2) 82%, black 8%);
    text-align: center;
    font-size: .82rem;
    line-height: 1.15;
    text-decoration: none;
}
.admin-users-mobile-actions .inline-form {
    display: flex;
    margin: .12rem 0 0;
}
.admin-users-mobile-actions .admin-user-danger-action {
    grid-column: 2;
    justify-self: stretch;
    padding-top: .28rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}
.admin-users-mobile-actions .admin-user-danger-action .link-btn {
    width: 100%;
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 42%, var(--line));
}
.admin-user-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .85rem;
}
.admin-user-summary-card {
    display: grid;
    gap: .12rem;
    padding: .78rem .9rem;
}
.admin-user-summary-card strong {
    font-size: 1.35rem;
    line-height: 1.05;
}
.admin-user-summary-card small {
    color: var(--muted);
}
.admin-user-details-grid {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    gap: .85rem;
    margin-top: .85rem;
    align-items: start;
}
.admin-user-profile-panel h3,
.admin-user-activity-panel h3,
.admin-user-compact-grid h4 {
    margin: 0;
}
.admin-user-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}
.admin-user-tags span {
    display: inline-flex;
    align-items: center;
    padding: .18rem .48rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
    color: var(--gold);
    background: color-mix(in srgb, var(--panel-2) 86%, black 8%);
    font-size: .8rem;
}
.admin-user-profile-form textarea {
    min-height: 120px;
}
.admin-user-activity-stack {
    display: grid;
    gap: .85rem;
}
.admin-user-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .6rem;
}
.admin-user-activity-list {
    display: grid;
}
.admin-user-activity-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    padding: .58rem 0;
    border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    color: inherit;
    text-decoration: none;
}
.admin-user-activity-row:first-child {
    border-top: 0;
}
.admin-user-activity-row span {
    display: grid;
    gap: .1rem;
    min-width: 0;
}
.admin-user-activity-row small,
.admin-user-mini-link span {
    color: var(--muted);
    font-size: .8rem;
}
.admin-user-activity-row strong,
.admin-user-mini-link {
    overflow-wrap: anywhere;
}
.admin-user-compact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}
.admin-user-compact-grid > div {
    display: grid;
    align-content: start;
    gap: .38rem;
}
.admin-user-mini-link {
    display: grid;
    gap: .06rem;
    padding: .4rem .48rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 8px;
    color: inherit;
    text-decoration: none;
    background: color-mix(in srgb, var(--panel-2) 82%, black 8%);
}
.orders-mobile-card {
    display: grid;
    gap: .52rem;
    margin-bottom: .45rem;
    padding: .68rem .72rem;
    border-radius: 10px;
}
.orders-mobile-card-head,
.orders-mobile-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
}
.orders-mobile-card-head {
    padding-bottom: .46rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}
.orders-mobile-id {
    display: grid;
    gap: .04rem;
    min-width: 0;
}
.orders-desktop-order-heading {
    display: none;
}
.orders-mobile-id-line {
    display: flex;
    align-items: baseline;
    gap: .42rem;
    min-width: 0;
}
.orders-mobile-id strong,
.orders-mobile-total {
    font-size: .94rem;
    line-height: 1.14;
}
.orders-mobile-id span,
.orders-mobile-id time,
.orders-mobile-id small {
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.18;
    overflow-wrap: anywhere;
}
.orders-mobile-id time {
    font-size: .76rem;
    white-space: nowrap;
}
.orders-mobile-copy-row {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    min-width: 0;
}
.orders-mobile-copy-row > span {
    min-width: 0;
    overflow-wrap: anywhere;
}
.orders-mobile-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--panel-2) 86%, var(--bg) 14%);
    color: var(--muted);
    cursor: pointer;
}
.orders-mobile-copy-btn svg {
    width: 13px;
    height: 13px;
}
.orders-mobile-copy-ok-icon {
    display: none;
}
.orders-mobile-copy-btn:hover,
.orders-mobile-copy-btn.is-copied {
    color: var(--gold);
    border-color: color-mix(in srgb, var(--gold) 52%, var(--line));
}
.orders-mobile-copy-btn.is-copied {
    color: var(--success);
    border-color: color-mix(in srgb, var(--success) 58%, var(--line));
    background: color-mix(in srgb, var(--success) 14%, var(--panel) 86%);
}
.orders-mobile-copy-btn.is-copied .orders-mobile-copy-icon {
    display: none;
}
.orders-mobile-copy-btn.is-copied .orders-mobile-copy-ok-icon {
    display: block;
}
.orders-mobile-total {
    color: var(--gold);
    white-space: nowrap;
}
.orders-mobile-summary {
    display: grid;
    gap: .36rem;
}
.orders-mobile-summary > div {
    display: grid;
    gap: .06rem;
    min-width: 0;
}
.orders-mobile-summary span {
    color: var(--muted);
    font-size: .7rem;
    line-height: 1.1;
}
.orders-mobile-summary strong {
    font-size: 1rem;
    line-height: 1.22;
    overflow-wrap: anywhere;
}
.admin-order-shipment-card {
    display: grid;
    gap: .48rem;
    min-width: 190px;
    max-width: 310px;
    padding: .58rem .64rem;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel-2) 54%, transparent);
}
.admin-order-shipment-card--mobile {
    width: 100%;
    max-width: none;
}
.admin-order-shipment-title {
    margin: 0;
    color: var(--muted);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.1;
    text-transform: uppercase;
}
.admin-order-shipment-list {
    display: grid;
    gap: .34rem;
    margin: 0;
}
.admin-order-shipment-list > div {
    display: grid;
    gap: .08rem;
}
.admin-order-shipment-list dt {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.1;
}
.admin-order-shipment-list dd {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: .88rem;
    font-weight: 800;
    line-height: 1.18;
}
.admin-order-shipment-copy-row {
    max-width: 100%;
}
.admin-order-tracking-btn {
    width: 100%;
    min-height: 29px;
    padding: .28rem .54rem;
    line-height: 1.05;
}
.orders-mobile-statuses {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .28rem;
}
.admin-orders-price-summary {
    display: none;
}
.orders-mobile-statuses .status-badge {
    font-size: .7rem;
    line-height: 1.12;
    padding: .18rem .42rem;
}
.admin-order-payment-badge {
    font-weight: 800;
}
.admin-order-payment-paid {
    border-color: color-mix(in srgb, var(--success) 58%, var(--line));
    background: color-mix(in srgb, var(--success) 14%, var(--panel) 86%);
    color: color-mix(in srgb, var(--success) 82%, white 18%);
}
.admin-order-payment-pending,
.admin-order-payment-awaiting_confirmation {
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line));
    background: color-mix(in srgb, var(--gold) 14%, var(--panel) 86%);
    color: color-mix(in srgb, var(--gold) 88%, white 12%);
}
.admin-order-payment-unpaid,
.admin-order-payment-failed,
.admin-order-payment-cancelled {
    border-color: color-mix(in srgb, var(--danger) 60%, var(--line));
    background: color-mix(in srgb, var(--danger) 13%, var(--panel) 87%);
    color: color-mix(in srgb, var(--danger) 82%, white 18%);
}
.admin-order-payment-refunded,
.admin-order-payment-partially_refunded {
    border-color: color-mix(in srgb, #5d9ed8 62%, var(--line));
    background: color-mix(in srgb, #5d9ed8 14%, var(--panel) 86%);
    color: color-mix(in srgb, #8bc5f5 86%, white 14%);
}
.orders-mobile-footer {
    padding-top: .4rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 64%, transparent);
    grid-template-columns: minmax(0, 1fr);
    justify-items: end;
}
.orders-mobile-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .32rem;
    flex-wrap: wrap;
}
.orders-mobile-actions .btn,
.orders-mobile-actions .btn-secondary {
    min-height: 30px;
    padding: .28rem .54rem;
    line-height: 1.1;
}
.modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    place-items: center;
    z-index: 40;
}
.modal-backdrop.is-open {
    display: grid;
}
.modal-dialog {
    width: min(420px, calc(100% - 2rem));
    background: linear-gradient(180deg, var(--panel), var(--panel-2));
    border-radius: 18px;
    border: 1px solid var(--line);
    box-shadow: var(--shadow);
    padding: 1.4rem 1.5rem 1.25rem;
}
.modal-dialog h2 {
    margin: 0 0 .4rem;
    font-size: 1.1rem;
}
.modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: 1rem;
}
.email-template-preview-modal[hidden] {
    display: none;
}
.email-template-preview-modal {
    position: fixed;
    inset: 0;
    z-index: 90;
}
.email-template-preview-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .64);
}
.email-template-preview-content {
    position: absolute;
    inset: min(4vh, 2rem);
    display: flex;
    flex-direction: column;
    gap: .8rem;
    overflow: hidden;
    z-index: 1;
}
.email-template-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.email-template-preview-head h3 {
    margin: .08rem 0 0;
}
.email-template-preview-frame-wrap {
    position: relative;
    flex: 1;
    min-height: 360px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}
.email-template-preview-frame {
    width: 100%;
    height: 100%;
    min-height: 360px;
    border: 0;
    background: #fff;
}
.email-template-preview-loading {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(255, 255, 255, .86);
    color: #222;
    font-weight: 700;
    z-index: 1;
}
body.email-template-preview-open {
    overflow: hidden;
}
.email-template-variables-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.email-template-variables-list {
    display: grid;
    gap: 0;
    max-height: 230px;
    overflow: auto;
    margin-top: .7rem;
    border: 1px solid var(--line);
    border-radius: 8px;
}
.email-template-variable-row {
    display: grid;
    grid-template-columns: minmax(170px, .48fr) 1fr;
    gap: .75rem;
    align-items: start;
    padding: .55rem .7rem;
    border-bottom: 1px solid var(--line);
}
.email-template-variable-row:last-child {
    border-bottom: 0;
}
.email-template-variable-row code {
    white-space: nowrap;
}
.email-template-variable-row span {
    color: var(--muted);
    line-height: 1.35;
}
.product-category-breadcrumb {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .48rem;
    margin: 0 0 .72rem;
    color: var(--muted);
    font-size: .94rem;
    line-height: 1.35;
}
.product-category-home,
.product-category-breadcrumb-link {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    color: var(--muted);
    text-decoration: none;
    transition: color .16s ease;
}
.product-category-home:hover,
.product-category-breadcrumb-link:hover,
.product-category-breadcrumb-link.is-current {
    color: var(--text);
}
.product-category-home svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    stroke: currentColor;
}
.product-category-separator {
    color: color-mix(in srgb, var(--muted) 62%, transparent);
    font-size: 1.18rem;
    line-height: 1;
}
.product-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: start; }
.product-image-panel, .product-info > .panel, .product-info {
    min-width: 0;
}
.product-info > .panel {
    margin-bottom: .5rem;
    padding: .82rem .92rem;
}
.product-info > .panel:last-child {
    margin-bottom: 0;
}
.product-info > .panel h3 {
    margin: 0 0 .3rem;
    line-height: 1.18;
}
.product-info > .panel .muted {
    margin: .08rem 0 .2rem;
}
.product-info > .panel .stack {
    gap: .45rem;
}
.product-cart-panel {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(1rem, 1fr) auto;
    gap: .62rem 1rem;
    align-items: center;
    border-color: color-mix(in srgb, var(--gold) 32%, var(--line) 68%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 7%, var(--panel) 93%), var(--panel));
    padding: .78rem 1rem;
}
.product-cart-panel > .cart-product-actions,
.product-cart-panel > .product-cart-heading,
.product-cart-panel > .product-price-offer-shell {
    grid-column: 1;
}
.product-cart-panel > .product-cart-heading {
    grid-column: 1 / -1;
}
.product-cart-panel > .cart-product-actions {
    grid-column: 1;
    min-width: 0;
}
.product-cart-panel.product-cart-panel--unavailable {
    padding: .28rem .65rem;
}
.product-cart-panel.is-in-cart {
    border-color: color-mix(in srgb, var(--success) 38%, var(--line) 62%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--success) 8%, var(--panel) 92%), var(--panel));
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}
.product-cart-panel.is-loading {
    opacity: .72;
    pointer-events: none;
}
.product-cart-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .45rem;
    align-items: center;
}
.product-cart-heading--unavailable {
    align-items: center;
}
.product-cart-heading h3 {
    margin: 0;
}
.product-cart-heading--unavailable .muted {
    margin: 0;
    font-size: 1.06rem;
    line-height: 1.2;
}
.product-cart-heading--unavailable .product-cart-icon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
}
.product-cart-icon,
.product-cart-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.product-cart-icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    color: var(--gold);
    border: 1px solid color-mix(in srgb, var(--gold) 45%, var(--line) 55%);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
}
.product-cart-panel.is-in-cart .product-cart-icon {
    color: var(--success);
    border-color: color-mix(in srgb, var(--success) 42%, var(--line) 58%);
    background: color-mix(in srgb, var(--success) 10%, var(--panel) 90%);
}
.product-cart-icon svg,
.product-cart-btn-icon svg {
    width: 21px;
    height: 21px;
}
.product-cart-submit {
    min-height: 42px;
}
.product-cart-added-link {
    min-height: 32px;
    padding: .34rem .68rem;
}
.product-cart-added-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
}
.product-cart-state-row {
    display: flex;
    align-items: center;
    gap: .72rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.product-cart-state-row [data-cart-state-text] {
    margin: 0;
    line-height: 1.2;
}
.product-cart-quantity-form {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    justify-self: start;
}
.product-cart-quantity-form label {
    margin: 0;
    color: var(--muted);
    line-height: 1.2;
}
.product-cart-quantity-stepper {
    display: inline-grid;
    grid-template-columns: 23px 42px 23px;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel) 85%, black 15%);
}
.product-cart-quantity-step {
    width: 23px;
    min-height: 20px;
    border: 0;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    line-height: 1;
}
.product-cart-quantity-step:hover {
    background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.product-cart-quantity-form input[type="number"] {
    width: 42px;
    min-height: 20px;
    padding: .02rem .18rem;
    border: 0;
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
    border-radius: 0;
    line-height: 1.05;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}
.product-cart-quantity-form input[type="number"]::-webkit-outer-spin-button,
.product-cart-quantity-form input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.product-cart-remove-form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.product-cart-remove-link {
    min-height: 28px;
    padding: .2rem .55rem;
    border: 1px solid color-mix(in srgb, var(--danger) 34%, var(--line) 66%);
    border-radius: 999px;
    color: color-mix(in srgb, var(--danger) 70%, var(--text) 30%);
    font-size: .84rem;
    font-weight: 800;
    line-height: 1;
}
.product-cart-remove-link:hover {
    background: color-mix(in srgb, var(--danger) 10%, transparent);
}
.product-cart-flash {
    margin: .1rem 0 .55rem;
    padding: .52rem .72rem;
}
.product-cart-flash.is-dismissing {
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .28s ease, transform .28s ease;
}
.product-cart-inline-error {
    margin: .1rem 0 0;
    color: var(--danger);
    font-weight: 700;
}
.product-image-panel {
    background: #090909;
    border: 1px solid var(--line);
    border-radius: 18px;
    overflow: hidden;
    position: sticky; top: 86px;
}
.product-image-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    background: rgba(0, 0, 0, .34);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
}
.product-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: opacity .18s ease;
}
.product-image-panel.is-image-loading .product-image {
    opacity: .58;
}
.product-image-loader,
.image-lightbox-loader {
    position: absolute;
    z-index: 5;
    width: 38px;
    height: 38px;
    border: 3px solid color-mix(in srgb, var(--text) 22%, transparent);
    border-top-color: var(--gold);
    border-radius: 999px;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: opacity .12s ease;
    animation: product-image-loader-spin .72s linear infinite;
}
.product-image-loader {
    top: 50%;
    left: 50%;
}
.image-lightbox-loader {
    top: 50%;
    left: 50%;
    z-index: 6;
    width: 48px;
    height: 48px;
    border-width: 4px;
    border-color: rgba(255, 255, 255, .26);
    border-top-color: #fff;
}
.product-image-panel.is-image-loading::after,
.product-image-panel.is-image-loading .product-image-loader,
.image-lightbox-main.is-image-loading .image-lightbox-loader {
    opacity: 1;
}
@keyframes product-image-loader-spin {
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.cart-product-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}
.cart-product-actions .product-cart-icon {
    display: none;
}
.cart-product-quantity {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
}
.cart-product-quantity label {
    margin: 0;
    color: var(--muted);
}
.cart-product-quantity-stepper {
    display: inline-grid;
    grid-template-columns: 26px 44px 26px;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 86%, black 14%);
}
.cart-product-quantity-step {
    width: 26px;
    min-height: 26px;
    border: 0;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    line-height: 1;
}
.cart-product-quantity-step:hover {
    background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.cart-product-quantity input[type="number"] {
    width: 44px;
    min-width: 44px;
    min-height: 26px;
    padding: .06rem .2rem;
    border: 0;
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
    border-radius: 0;
    line-height: 1.05;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}
.cart-product-quantity input[type="number"]::-webkit-outer-spin-button,
.cart-product-quantity input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.product-delivery-panel {
    border-color: color-mix(in srgb, var(--gold) 18%, var(--line) 82%);
}
.product-description-panel {
    margin-top: 1rem;
}
.product-description-panel-mobile {
    display: none;
}
.product-mobile-tabs {
    display: none;
}
.product-mobile-tab-panel[hidden] {
    display: none !important;
}
.product-description-panel h3 {
    margin: 0 0 .55rem;
}
.product-description-content {
    max-width: none;
}
.product-specs-panel .table-wrap {
    margin-bottom: 0;
}
.product-specs-panel table th,
.product-specs-panel table td {
    padding: .36rem .6rem;
    line-height: 1.18;
    vertical-align: middle;
}
.product-specs-actions {
    display: flex;
    justify-content: center;
    margin-top: .52rem;
}
.product-specs-expand-btn {
    min-height: 30px;
    padding: .28rem .68rem;
    gap: .28rem;
}
.product-specs-expand-arrow {
    display: inline-block;
    font-weight: 900;
    line-height: 1;
    transition: transform .16s ease;
}
.product-specs-expand-btn[aria-expanded="true"] .product-specs-expand-arrow {
    transform: rotate(180deg);
}
.product-delivery-summary {
    display: grid;
    gap: .75rem;
}
.product-delivery-time,
.product-delivery-label {
    display: block;
    color: var(--muted);
    font-size: .95rem;
}
.product-delivery-time strong {
    display: block;
    margin-top: .16rem;
}
.product-delivery-methods {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .32rem;
    margin-top: .3rem;
}
.product-delivery-method {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    min-height: 30px;
    padding: .18rem .48rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 88%, var(--gold) 12%);
    line-height: 1.1;
}
.product-delivery-method img {
    width: min(var(--product-delivery-logo-size, 32px), 26px);
    height: min(var(--product-delivery-logo-size, 32px), 26px);
    object-fit: contain;
    border-radius: 10px;
}
.product-delivery-method small {
    margin-left: .12rem;
    color: var(--gold);
    font-weight: 800;
    font-size: .9em;
}
.gallery-strip {
    display: flex;
    flex-wrap: nowrap;
    gap: .5rem;
    padding: .6rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    border-top: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 80%, black 20%);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
}
.gallery-strip::-webkit-scrollbar {
    display: none;
}
.product-gallery-scroll-hint {
    content: "";
    position: absolute;
    bottom: .6rem;
    z-index: 2;
    width: 58px;
    height: 76px;
    pointer-events: none;
    cursor: pointer;
    opacity: 0;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    transition: opacity .15s ease;
}
.product-gallery-scroll-hint::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-right: 2px solid var(--text);
    border-bottom: 2px solid var(--text);
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .55));
}
.product-gallery-scroll-hint-left {
    left: 0;
    background: transparent;
}
.product-gallery-scroll-hint:focus,
.product-gallery-scroll-hint:focus-visible,
.product-gallery-scroll-hint:active {
    outline: 0;
    background-color: transparent;
}
.product-gallery-scroll-hint-left::after {
    left: 19px;
    transform: translateY(-50%) rotate(135deg);
}
.product-gallery-scroll-hint-right {
    right: 0;
    background: transparent;
}
.product-gallery-scroll-hint-right::after {
    right: 19px;
    transform: translateY(-50%) rotate(-45deg);
}
.product-image-panel.has-gallery-prev .product-gallery-scroll-hint-left,
.product-image-panel.has-gallery-next .product-gallery-scroll-hint-right {
    opacity: 1;
    pointer-events: auto;
}
.gallery-thumb-btn {
    flex: 0 0 76px;
    width: 76px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
    scroll-snap-align: start;
}
.gallery-thumb-btn:hover { border-color: var(--gold); }
.gallery-thumb-btn.is-active,
.gallery-thumb-btn[data-active="1"] {
    border-color: var(--gold);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 42%, transparent 58%) inset;
}
.gallery-thumb { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
.gallery-thumb-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
    gap: .56rem;
}
.gallery-manage-item {
    display: grid;
    gap: .42rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: .45rem;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
}
.gallery-manage-grid {
    align-items: start;
}
.gallery-manage-item.is-dragging {
    opacity: .55;
    border-color: var(--gold);
}
.gallery-manage-item.is-marked-remove,
.admin-watch-existing-main-preview.is-marked-remove {
    opacity: .45;
}
.gallery-manage-item.is-marked-remove img,
.admin-watch-existing-main-preview.is-marked-remove img {
    filter: grayscale(1);
}
.gallery-manage-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    margin-top: 0;
}
.gallery-manage-position {
    font-size: .86rem;
    font-weight: 700;
    color: var(--muted);
}
.gallery-manage-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    flex: 1 1 auto;
    max-width: 76px;
}
.gallery-reorder-btn {
    min-width: 34px;
    height: 32px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 84%, black 16%);
    color: var(--text);
    cursor: pointer;
    padding: 0;
    line-height: 1;
    font-size: 1rem;
}
.gallery-reorder-btn:hover {
    border-color: var(--gold);
}
.gallery-manage-item .check-row {
    margin-top: 0 !important;
}
@media (min-width: 900px) {
    .gallery-manage-grid {
        grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
    }
    .gallery-manage-actions {
        max-width: 86px;
    }
    .gallery-reorder-btn {
        min-width: 38px;
    }
}
.product-info h1 { margin: .35rem 0 .5rem; font-size: clamp(1.6rem, 2.4vw, 2.4rem); }
.product-info h1.watch-title-sm { font-size: clamp(1.21rem, 1.76vw, 1.81rem); }
.product-info h1.watch-title-md { font-size: clamp(1.36rem, 2.16vw, 2.16rem); }
.product-info h1.watch-title-lg { font-size: clamp(1.56rem, 2.61vw, 2.56rem); }
.price-xl-block {
    display: grid;
    gap: .18rem;
    margin: .2rem 0 .8rem;
}
.price-xl-old {
    margin: 0;
    color: color-mix(in srgb, var(--muted) 92%, white 8%);
    font-size: 1rem;
}
.price-xl-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
}
.price-xl {
    margin: 0;
    color: var(--gold);
    font-size: 1.75rem;
    font-weight: 700;
}
.price-xl-drop-badge {
    font-size: .82rem;
    padding: .16rem .46rem;
}
.panel { padding: 1rem; margin-bottom: 1rem; }
.cart-layout,
.checkout-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 1rem;
    align-items: start;
}
.checkout-layout {
    gap: .75rem;
}
.checkout-back-cart-btn {
    min-height: 0;
    padding: .38rem .7rem;
    line-height: 1.15;
}
.cart-items-panel,
.cart-summary-panel,
.checkout-form-panel,
.checkout-summary-panel {
    min-width: 0;
}
.checkout-form-panel,
.checkout-summary-panel {
    padding: .82rem;
}
.checkout-form-panel.stack {
    gap: .62rem;
}
.checkout-form-panel h2,
.checkout-summary-panel h2 {
    margin: 0 0 .12rem;
    font-size: 1.15rem;
    line-height: 1.12;
}
.checkout-customer-title {
    margin-bottom: -.18rem;
}
.checkout-customer-grid {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) minmax(150px, .72fr);
    gap: .42rem .55rem;
    align-items: end;
}
.checkout-field {
    min-width: 0;
}
.checkout-field label {
    margin-bottom: .18rem;
    line-height: 1.1;
}
.checkout-guest-email-note {
    display: grid;
    gap: .16rem;
    padding: .58rem .68rem;
    border: 1px solid color-mix(in srgb, var(--gold) 28%, var(--line) 72%);
    border-radius: 10px;
    background: color-mix(in srgb, var(--gold) 6%, var(--surface) 94%);
}
.checkout-guest-email-note strong {
    color: var(--text);
    font-size: 1rem;
}
.checkout-guest-email-note p {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.35;
}
.checkout-form-panel .checkout-customer-grid input:not([type="checkbox"]):not([type="radio"]) {
    min-height: 36px;
    padding: .38rem .64rem;
    border-radius: 10px;
}
.checkout-form-panel input:not([type="checkbox"]):not([type="radio"]),
.checkout-form-panel select,
.checkout-form-panel textarea {
    padding: .52rem .78rem;
}
.checkout-form-panel input:not([type="checkbox"]):not([type="radio"]),
.checkout-form-panel select {
    min-height: 42px;
}
.cart-summary-panel,
.checkout-summary-panel {
    position: sticky;
    top: calc(var(--site-header-height, 84px) + 1rem);
}
.checkout-summary-panel {
    gap: .45rem;
}
.checkout-summary-panel.stack {
    gap: .48rem;
}
.cart-item {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: center;
    padding: .75rem 0;
    border-bottom: 1px solid var(--line);
}
.cart-item:last-child {
    border-bottom: 0;
}
.cart-item--unavailable {
    opacity: .72;
}
.cart-item--unavailable .cart-item-thumb {
    filter: grayscale(.82);
}
.cart-item-thumb {
    width: 88px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--line);
}
.cart-item h3 {
    margin: 0 0 .2rem;
    font-size: 1rem;
}
.cart-item-unit-price {
    margin: 0;
    color: var(--muted);
    font-size: 1.04rem;
    line-height: 1.35;
}
.cart-item-price-breakdown {
    margin: .15rem 0 0;
    color: var(--muted);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}
.cart-item-status-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .18rem .54rem;
    border: 1px solid color-mix(in srgb, var(--danger) 38%, var(--line));
    border-radius: 999px;
    color: var(--danger);
    font-size: .86rem;
    font-weight: 700;
    line-height: 1;
}
.cart-item-actions {
    display: flex;
    align-items: center;
    gap: .72rem;
    flex-wrap: wrap;
    margin-top: .45rem;
}
.cart-quantity-form {
    display: flex;
    align-items: center;
    gap: .36rem;
}
.cart-quantity-form label {
    margin-bottom: 0;
    line-height: 1.05;
}
.cart-quantity-stepper {
    display: inline-grid;
    grid-template-columns: 24px 44px 24px;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: color-mix(in srgb, var(--panel) 85%, black 15%);
}
.cart-quantity-step {
    width: 24px;
    min-height: 24px;
    border: 0;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    line-height: 1;
}
.cart-quantity-step:hover {
    background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.cart-quantity-form input[type="number"] {
    width: 44px;
    min-height: 24px;
    padding: .06rem .2rem;
    border: 0;
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
    border-radius: 0;
    line-height: 1.05;
    text-align: center;
    appearance: textfield;
    -moz-appearance: textfield;
}
.cart-quantity-form input[type="number"]::-webkit-outer-spin-button,
.cart-quantity-form input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.cart-quantity-form.is-updating input[type="number"] {
    opacity: .72;
}
.cart-remove-form {
    margin: 0;
}
.cart-remove-btn {
    border: 0;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
    font: inherit;
    line-height: 1.05;
    padding: .18rem 0;
}
.cart-remove-btn:hover {
    color: var(--danger);
}
.cart-item-side {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    justify-items: end;
    gap: .72rem;
}
.cart-item-total {
    margin: 0;
    color: var(--gold);
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
}
.cart-item--unavailable .cart-item-total {
    color: var(--muted);
    font-size: .95rem;
}
.cart-summary-row {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    padding: .42rem 0;
    border-bottom: 1px solid var(--line);
}
.cart-summary-total {
    border-bottom: 0;
    font-size: 1.08rem;
}
.cart-summary-delivery-from {
    border-bottom: 0;
    padding-top: 0;
    color: var(--muted);
    font-size: .86rem;
}
.cart-summary-delivery-from strong {
    color: var(--muted);
    font-size: 1rem;
}
.cart-summary-unavailable-note {
    margin: .1rem 0 0;
    font-size: 1rem;
    line-height: 1.35;
}
.cart-checkout-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    margin: 0 0 .6rem;
    padding: .32rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 86%, transparent);
}
.cart-checkout-step {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: .2rem .36rem;
    border-radius: 8px;
    color: var(--muted);
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.08;
    text-align: center;
    text-decoration: none;
}
.cart-checkout-step:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -.28rem;
    width: .22rem;
    height: 1px;
    background: color-mix(in srgb, var(--line) 78%, var(--gold) 22%);
}
.cart-checkout-step.is-active {
    color: var(--text);
    background: color-mix(in srgb, var(--gold) 12%, var(--surface) 88%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 38%, transparent);
}
.cart-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .56rem;
    margin-top: .1rem;
}
.cart-info-panel,
.cart-question-panel {
    display: grid;
    align-content: start;
    gap: .34rem;
    padding: .82rem;
}
.cart-info-panel .eyebrow,
.cart-question-panel .eyebrow {
    margin: 0;
    font-size: .72rem;
    line-height: 1.1;
    letter-spacing: .08em;
}
.cart-info-panel h2,
.cart-question-panel h2 {
    margin: 0;
    font-size: 1.04rem;
    line-height: 1.15;
}
.cart-info-panel .muted,
.cart-question-panel .muted {
    margin: 0;
    font-size: 1rem;
    line-height: 1.35;
}
.cart-question-btn {
    justify-self: start;
    min-height: 32px;
    margin-top: .1rem;
    padding: .32rem .62rem;
    font-size: .86rem;
}
.cart-recommendations {
    margin-top: .2rem;
}
.cart-recommendations-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 .75rem;
}
.cart-recommendations-head h2 {
    margin: .05rem 0 0;
    line-height: 1.08;
}
.cart-recommendations-grid {
    --desktop-watch-cols: 4;
}
.cart-recommendations-grid .watch-card {
    border-radius: 10px;
}
.cart-recommendations-grid .watch-content {
    padding: .68rem;
}
.cart-recommendations-grid .watch-content h3 {
    font-size: 1rem;
}
.cart-recommendations-grid .account-favorite-cart-btn {
    min-height: 30px;
    padding: .28rem .58rem;
}
.cart-empty-cover {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
    align-items: center;
    gap: clamp(1rem, 3vw, 2.25rem);
    min-height: clamp(280px, 42vh, 430px);
    padding: clamp(1rem, 3vw, 2.35rem);
    margin-bottom: 1rem;
    border: 1px solid var(--line);
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 92%, white 8%), color-mix(in srgb, var(--panel-2) 86%, black 14%)),
        radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 34%);
    box-shadow: var(--shadow);
    overflow: hidden;
}
.cart-empty-copy {
    max-width: 620px;
}
.cart-empty-copy h2 {
    margin: .15rem 0 .55rem;
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    line-height: 1.14;
}
.cart-empty-copy .muted {
    max-width: 520px;
    margin: 0;
    font-size: .96rem;
    line-height: 1.45;
}
.cart-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .9rem;
}
.cart-empty-actions .btn,
.cart-empty-actions .btn-secondary {
    min-height: 36px;
    padding: .38rem .78rem;
    font-size: .92rem;
}
.cart-empty-visual {
    justify-self: end;
    width: min(100%, 340px);
}
.cart-empty-visual svg {
    display: block;
    width: 100%;
    height: auto;
}
.cart-empty-shadow {
    fill: color-mix(in srgb, black 20%, transparent);
}
.cart-empty-basket {
    fill: color-mix(in srgb, var(--gold) 22%, var(--panel) 78%);
    stroke: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    stroke-width: 6;
    stroke-linejoin: round;
}
.cart-empty-basket-front {
    fill: color-mix(in srgb, var(--panel) 78%, white 6%);
    stroke: color-mix(in srgb, var(--line) 86%, var(--gold) 14%);
    stroke-width: 4;
    stroke-linejoin: round;
}
.cart-empty-handle,
.cart-empty-line {
    fill: none;
    stroke: color-mix(in srgb, var(--gold) 74%, white 8%);
    stroke-width: 10;
    stroke-linecap: round;
}
.cart-empty-line {
    stroke-width: 7;
    opacity: .72;
}
.cart-empty-wheel,
.cart-empty-spark {
    fill: var(--gold);
}
.cart-empty-spark-muted {
    fill: color-mix(in srgb, var(--muted) 72%, var(--gold) 28%);
    opacity: .82;
}
.checkout-summary-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
    padding: .5rem .58rem;
    border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--surface) 74%, transparent);
    color: inherit;
    text-decoration: none;
}
.checkout-summary-item:hover .checkout-summary-item-title {
    color: var(--gold);
}
.checkout-summary-item-copy {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .42rem;
}
.checkout-summary-item strong {
    white-space: nowrap;
}
.checkout-summary-item-price {
    color: var(--text);
    font-size: .94rem;
    font-weight: 700;
    line-height: 1.1;
}
.checkout-summary-item-title {
    min-width: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: .92rem;
    font-weight: 500;
    line-height: 1.24;
}
.checkout-summary-item-quantity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 20px;
    padding: .08rem .34rem;
    border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 76%, transparent);
    color: var(--muted);
    font-size: .78rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}
.checkout-summary-panel .cart-summary-row {
    color: var(--muted);
    font-size: 1rem;
    font-weight: 500;
}
.checkout-summary-panel .cart-summary-row strong {
    color: var(--text);
    font-size: .94rem;
    font-weight: 700;
    white-space: nowrap;
}
.checkout-summary-panel .checkout-summary-line {
    padding: .32rem 0;
}
.checkout-summary-panel .checkout-summary-total {
    margin-top: .06rem;
    padding-top: .48rem;
    color: var(--text);
    font-size: .96rem;
}
.checkout-summary-panel .checkout-summary-total strong {
    color: var(--gold);
    font-size: 1.08rem;
    font-weight: 700;
}
.checkout-summary-panel .muted {
    margin: 0;
    color: var(--muted);
    font-weight: 400;
    line-height: 1.38;
}
.checkout-summary-title {
    letter-spacing: 0;
}
.checkout-summary-meta {
    display: grid;
    gap: .34rem;
    padding-top: .18rem;
}
.checkout-summary-meta-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .75rem;
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.25;
}
.checkout-summary-meta-row strong {
    min-width: 0;
    color: var(--text);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: right;
}
.checkout-summary-panel .checkout-summary-note {
    font-size: .81rem;
    line-height: 1.34;
}
.checkout-summary-panel .checkout-payment-note {
    font-size: .82rem;
    font-weight: 400;
    line-height: 1.28;
}
.checkout-summary-panel .btn {
    margin-top: .35rem;
}
.checkout-summary-submit {
    min-height: 38px;
    padding: .46rem .8rem;
    border-radius: 11px;
    font-size: 1rem;
    font-weight: 700;
}
.checkout-consents {
    display: grid;
    gap: .5rem;
    margin-top: .1rem;
    padding-top: .65rem;
    border-top: 1px solid var(--line);
}
.checkout-required-consents {
    display: grid;
    gap: .45rem;
}
.checkout-returns-note {
    margin: 0;
    padding-top: .15rem;
}
[data-checkout-consents-home]:empty,
[data-checkout-consents-mobile-target]:empty {
    display: none;
}
.checkout-invoice-title {
    margin-bottom: -.45rem;
}
.checkout-notes-block {
    display: grid;
    gap: .45rem;
}
.checkout-notes-field {
    display: grid;
}
.checkout-notes-textarea {
    min-height: calc(1.5em * 3 + 1.1rem);
    overflow: hidden;
    resize: none;
}
.checkout-delivery-methods,
.checkout-payment-methods {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .45rem;
    align-items: stretch;
}
.checkout-delivery-method,
.checkout-payment-method {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .46rem;
    align-items: center;
    align-self: stretch;
    min-height: max(64px, calc(var(--checkout-delivery-logo-size, 32px) + .9rem));
    padding: .34rem .55rem;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
    cursor: pointer;
}
.checkout-delivery-method:has(.checkout-delivery-logo) {
    grid-template-columns: auto var(--checkout-delivery-logo-size, 32px) minmax(0, 1fr);
    min-height: max(64px, calc(var(--checkout-delivery-logo-size, 32px) + .9rem));
}
.checkout-delivery-method.is-selected,
.checkout-payment-method.is-selected {
    border-color: var(--gold);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gold) 45%, transparent);
}
.checkout-payment-method.is-disabled {
    opacity: .48;
    cursor: not-allowed;
}
.checkout-delivery-method input,
.checkout-payment-method input {
    margin: 0;
}
.checkout-delivery-method:has(.checkout-delivery-logo) input {
    grid-column: 1;
}
.checkout-delivery-method:has(.checkout-delivery-logo) .checkout-delivery-logo {
    grid-column: 2;
}
.checkout-delivery-method:has(.checkout-delivery-logo) span {
    grid-column: 3;
}
.checkout-delivery-method span,
.checkout-payment-method span {
    display: grid;
    gap: .06rem;
    min-width: 0;
    line-height: 1.12;
}
.checkout-delivery-method small,
.checkout-payment-method small {
    color: var(--muted);
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.08;
}
.checkout-payment-method small {
    font-size: .78rem;
    font-weight: 500;
    line-height: 1.18;
}
.checkout-delivery-logo {
    width: var(--checkout-delivery-logo-size, 32px);
    height: var(--checkout-delivery-logo-size, 32px);
    flex: 0 0 auto;
    object-fit: contain;
    border-radius: 10px;
}
.checkout-pickup-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .5rem;
    align-items: end;
}
.checkout-pickup-required-hint {
    margin: .22rem 0 0;
    font-size: .86rem;
    color: var(--muted);
}
.inpost-map-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    margin-top: .65rem;
    height: 600px;
    min-height: 600px;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
    background: var(--surface);
}
.inpost-map-panel[hidden] {
    display: none;
}
.inpost-map-toolbar {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .62rem .72rem;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface) 88%, #000 12%);
}
.inpost-map-close {
    min-height: 36px;
    padding: .42rem .72rem;
    white-space: nowrap;
}
.inpost-map-stage {
    min-height: 0;
    overflow: hidden;
}
.inpost-map-stage inpost-geowidget {
    display: block;
    height: 100%;
    width: 100%;
    min-height: 520px;
}
.inpost-map-panel .leaflet-gesture-handling-warning {
    display: none !important;
}
@media (max-width: 768px) {
    body.checkout-inpost-map-open {
        overflow: hidden;
        touch-action: none;
    }
    .inpost-map-panel {
        position: fixed;
        inset: 0;
        z-index: 100000;
        height: 100dvh;
        min-height: 100dvh;
        width: 100vw;
        margin: 0;
        border: 0;
        border-radius: 0;
        background: var(--surface);
    }
    .inpost-map-toolbar {
        display: flex;
        min-height: 56px;
        padding: max(.62rem, env(safe-area-inset-top)) max(.72rem, env(safe-area-inset-right)) .62rem max(.72rem, env(safe-area-inset-left));
    }
    .inpost-map-stage,
    .inpost-map-stage inpost-geowidget {
        height: 100%;
        min-height: 0;
    }
}
.map-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
}
.map-toggle-icon {
    display: inline-flex;
    width: 1.08em;
    height: 1.08em;
    flex: 0 0 auto;
}
.map-toggle-icon svg {
    width: 100%;
    height: 100%;
}
.checkout-thank-you {
    max-width: 720px;
    margin-inline: auto;
    text-align: center;
}
.checkout-thank-you h1 {
    margin: .1rem 0 0;
    line-height: 1.12;
}
.checkout-thank-you h2 {
    margin: 0;
    font-size: 1.25rem;
}
.checkout-success-icon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    margin: 0 auto .1rem;
    border-radius: 18px;
    color: var(--gold);
    border: 1px solid color-mix(in srgb, var(--gold) 45%, var(--line) 55%);
    background: color-mix(in srgb, var(--gold) 10%, var(--panel) 90%);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--gold) 16%, transparent 84%);
}
.checkout-status-icon--success {
    color: #36b37e;
    border-color: color-mix(in srgb, #36b37e 45%, var(--line) 55%);
    background: color-mix(in srgb, #36b37e 10%, var(--panel) 90%);
    box-shadow: 0 12px 28px color-mix(in srgb, #36b37e 16%, transparent 84%);
}
.checkout-status-icon--error {
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 45%, var(--line) 55%);
    background: color-mix(in srgb, var(--danger) 10%, var(--panel) 90%);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--danger) 16%, transparent 84%);
}
.checkout-status-icon--pending {
    color: var(--gold);
}
.checkout-success-icon svg {
    width: 38px;
    height: 38px;
}
.checkout-thank-you-summary {
    text-align: left;
}
.checkout-thank-you-total-row {
    border-top: 1px solid color-mix(in srgb, var(--gold) 32%, var(--line) 68%);
    color: var(--text);
    font-weight: 700;
}
.checkout-manual-payment-box {
    display: grid;
    gap: .5rem;
    text-align: left;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--gold) 35%, var(--line) 65%);
    border-radius: 8px;
    background: color-mix(in srgb, var(--gold) 8%, var(--surface) 92%);
}
.checkout-manual-payment-box h3 {
    margin: 0;
}
.checkout-manual-payment-box .cart-summary-row {
    padding-block: .28rem;
}
.manual-payment-confirm-form {
    display: flex;
    justify-content: flex-start;
    margin: .2rem 0 0;
}
.checkout-thank-you .muted {
    text-align: center;
}
.checkout-payment-status-monitor {
    display: grid;
    justify-items: center;
    gap: .5rem;
    padding: .68rem .78rem;
    border: 1px solid color-mix(in srgb, var(--gold) 30%, var(--line) 70%);
    border-radius: 10px;
    background: color-mix(in srgb, var(--gold) 7%, var(--surface) 93%);
}
.checkout-payment-status-monitor p,
.checkout-guest-order-email-note {
    margin: 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.4;
    text-align: center;
}
.checkout-payment-status-monitor .btn {
    min-height: 32px;
    padding: .34rem .7rem;
}
.checkout-thank-you .manual-payment-confirm-note,
.manual-payment-confirm-note {
    margin: .2rem 0 0;
    text-align: left;
}
.checkout-thank-you-actions {
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: .25rem;
}
.checkout-thank-you-actions form {
    margin: 0;
}
.checkout-thank-you-actions .checkout-thank-you-btn {
    min-height: 34px;
    padding: .38rem .76rem;
    border-radius: 11px;
    line-height: 1.05;
    box-shadow: none;
}
.stack { display: grid; gap: .8rem; }
.stack-lg { display: grid; gap: 1rem; }
.is-admin .page-shell { padding-top: .75rem; }
.is-admin .page-shell:has(.admin-watches-header) { padding-top: .25rem; }
.is-admin .page-shell > .container > .admin-watches-header:first-child {
    margin-top: .08rem;
}
.is-admin .section-header h1 { font-size: 1.7rem; }
.admin-header-row { margin-bottom: .5rem; }
.admin-settings-header-copy {
    display: grid;
    gap: .18rem;
}
.is-admin .admin-settings-header h1 {
    font-size: 1.22rem;
    line-height: 1.14;
}
.is-admin .admin-header-row .hero-actions .btn {
    padding: .42rem .75rem;
    font-size: 1rem;
    box-shadow: none;
}
.admin-settings-save-actions--right {
    justify-content: flex-end;
}

.settings-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.settings-section-head h2 {
    margin-bottom: .25rem;
}

.seo-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .56rem;
    margin-top: .8rem;
}

.seo-status-card {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel) 90%, var(--bg) 10%);
    padding: .85rem;
}

.seo-status-card strong {
    display: block;
    margin-top: .22rem;
}

.seo-status-card .muted {
    margin: .25rem 0 0;
    font-size: .84rem;
}

.seo-status-kicker {
    color: var(--muted);
    display: block;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.seo-quick-actions {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.45fr);
    gap: 1rem;
    margin-top: .7rem;
}

.seo-quick-actions h3 {
    margin: 0 0 .25rem;
}

.seo-quick-actions-copy .muted {
    margin: 0;
}

.seo-quick-actions-list {
    display: grid;
    gap: .5rem;
}

.seo-quick-action {
    align-items: center;
    display: grid;
    gap: .5rem;
    grid-template-columns: 9rem minmax(0, 1fr) auto auto;
}

.seo-quick-action code {
    background: color-mix(in srgb, var(--panel-2) 82%, transparent);
    border: 1px solid var(--line);
    border-radius: 6px;
    display: block;
    overflow: hidden;
    padding: .38rem .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.seo-help-modal[hidden] {
    display: none;
}

.seo-help-modal {
    inset: 0;
    position: fixed;
    z-index: 2147482800;
}

body.seo-help-modal-open {
    overflow: hidden;
}

.seo-help-modal-backdrop {
    background: rgba(0, 0, 0, .58);
    inset: 0;
    position: absolute;
}

.seo-help-modal-content {
    left: 50%;
    max-height: min(82vh, 720px);
    max-width: 760px;
    overflow: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(calc(100vw - 2rem), 760px);
}

.seo-help-modal-head {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.seo-help-modal-head h3 {
    margin: .1rem 0 0;
}

.seo-help-steps {
    display: grid;
    gap: .65rem;
}

.seo-help-steps > div,
.seo-help-note {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel-2) 70%, transparent);
    padding: .75rem;
}

.seo-help-steps .muted {
    margin: .22rem 0 0;
}

.seo-help-note {
    display: grid;
    gap: .25rem;
    margin-top: .75rem;
}
.admin-stats-grid { gap: .45rem; margin-top: .25rem; }
.admin-stat-card {
    padding: .5rem .65rem;
    border-radius: 12px;
    box-shadow: none;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.admin-actions-mobile {
    display: none;
    width: 100%;
}
.admin-actions-mobile summary {
    list-style: none;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: .5rem .75rem;
    cursor: pointer;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
}
.admin-actions-mobile summary::-webkit-details-marker { display: none; }
.admin-actions-mobile-list {
    display: grid;
    gap: .45rem;
    margin-top: .5rem;
}
.admin-actions-mobile-list .btn,
.admin-actions-mobile-list .btn-secondary {
    width: 100%;
    justify-content: center;
}
.top-watches-list { gap: .45rem; }
.top-watch-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .56rem;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: .55rem .65rem;
    background: color-mix(in srgb, var(--panel) 92%, black 8%);
}
.top-watch-item:hover { border-color: var(--gold); }
.top-watch-main { min-width: 0; }
.top-watch-title {
    display: block;
    margin-bottom: .1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.top-watch-meta {
    display: grid;
    justify-items: end;
    gap: .25rem;
}
.top-watch-price {
    margin: 0;
    font-weight: 700;
    color: var(--gold);
    font-size: 1rem;
}
.top-watch-price-block {
    display: grid;
    justify-items: end;
    gap: .08rem;
}
.top-watch-price-old {
    margin: 0;
    color: color-mix(in srgb, var(--muted) 90%, white 10%);
    font-size: .74rem;
    text-decoration: line-through;
    text-decoration-thickness: 1.25px;
    text-decoration-color: color-mix(in srgb, var(--danger) 62%, var(--muted) 38%);
}
.admin-watch-price-cell {
    display: grid;
    justify-items: start;
    gap: .12rem;
}
.admin-watch-price-old {
    color: var(--muted);
    font-size: .8rem;
    text-decoration: line-through;
    text-decoration-thickness: 1.25px;
    text-decoration-color: color-mix(in srgb, var(--danger) 62%, var(--muted) 38%);
}
.admin-watch-featured-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .32rem;
    margin-top: .32rem;
    color: var(--muted);
    font-size: .78rem;
}
.admin-watch-featured-badge {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: .14rem .45rem;
    border: 1px solid color-mix(in srgb, var(--gold) 52%, var(--line) 48%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 13%, var(--panel) 87%);
    color: var(--gold);
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.watch-price-marketing-note {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .28rem;
    margin: .42rem 0 0;
    color: var(--muted);
    font-size: .84rem;
}
.watch-price-marketing-note span {
    color: var(--text);
}
.watch-price-marketing-sep {
    color: var(--line);
}
.watch-price-drop-toggle {
    margin-top: .42rem;
}
html[data-theme="light"] .watch-price-old,
html[data-theme="light"] .price-xl-old,
html[data-theme="light"] .top-watch-price-old,
html[data-theme="light"] .admin-watch-price-old {
    color: color-mix(in srgb, var(--text) 68%, var(--danger) 32%);
    text-decoration-color: color-mix(in srgb, var(--danger) 78%, var(--text) 22%);
}
html[data-theme="light"] .watch-price-drop-badge {
    border-color: color-mix(in srgb, var(--danger) 36%, var(--line) 64%);
    background: color-mix(in srgb, var(--danger) 18%, white 82%);
    color: color-mix(in srgb, var(--danger) 92%, var(--text) 8%);
    box-shadow: 0 1px 0 color-mix(in srgb, white 78%, transparent);
}
.dashboard-mobile-list {
    display: none;
}
.dashboard-chart-wrap {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
.dashboard-chart-canvas {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 240px !important;
}
.dashboard-chart-fullscreen-btn {
    display: inline-flex;
    margin-top: .45rem;
}
.dashboard-chart-modal {
    position: fixed;
    inset: 0;
    z-index: 70;
}
.dashboard-chart-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .64);
}
.dashboard-chart-modal-content {
    position: absolute;
    inset: 0;
    margin: 0;
    border-radius: 0;
    max-height: 100vh;
    overflow: hidden;
    z-index: 1;
}
.dashboard-chart-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .45rem;
}
.dashboard-chart-modal-head h3 {
    margin: 0;
}
.dashboard-chart-modal-wrap {
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: calc(100vh - 4.9rem);
}
.dashboard-chart-canvas-fullscreen {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}
.dashboard-chart-fallback {
    margin: 1rem 0;
    text-align: center;
    font-size: .92rem;
}
body.has-chart-modal-open {
    overflow: hidden;
}
.dashboard-mobile-card {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 92%, black 8%);
    padding: .56rem .62rem;
    margin-bottom: .45rem;
}
.dashboard-mobile-card-title {
    margin: 0 0 .16rem;
    font-weight: 700;
    line-height: 1.25;
}
.dashboard-mobile-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
    margin: .28rem 0;
}
.admin-stat-card p.muted { font-size: .8rem; margin-bottom: .1rem; }
.admin-stat-card p.muted { margin: 0; }
.admin-stat-card h2 { font-size: 1.15rem; margin: 0; }
.dashboard-sales-stats-placeholder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-top: .75rem;
    padding: .72rem .85rem;
}
.dashboard-sales-stats-placeholder h3 {
    margin: 0 0 .14rem;
    font-size: 1.08rem;
    line-height: 1.15;
}
.dashboard-sales-stats-placeholder p {
    margin: 0;
    line-height: 1.35;
}
.live-toolbar {
    display: grid;
    gap: .45rem;
    margin-bottom: .45rem;
}
.live-toolbar h3 {
    margin: 0;
}
.live-switch-group {
    display: flex;
    align-items: center;
    gap: .35rem;
    flex-wrap: wrap;
}
.live-switch-group .btn,
.live-switch-group .btn-secondary {
    padding: .2rem .42rem;
    font-size: .74rem;
    line-height: 1.1;
    min-height: 26px;
}
.btn.is-active,
.btn-secondary.is-active {
    border-color: var(--gold);
    background: color-mix(in srgb, var(--gold) 22%, transparent);
}
.admin-source-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: .35rem .55rem;
}
.admin-url-cell {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.admin-live-ua {
    line-height: 1.3;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.dashboard-mini-kpis {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
}
.dashboard-mini-kpis > div {
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: .45rem .55rem;
    background: color-mix(in srgb, var(--panel) 92%, black 8%);
}
.dashboard-mini-kpis p {
    margin: 0;
    font-size: .78rem;
}
.dashboard-mini-kpis strong {
    display: block;
    margin-top: .1rem;
    font-size: 1rem;
}
.is-admin .panel { padding: .85rem; margin-bottom: .85rem; }
body.is-admin-order-show .page-shell .panel {
    padding: .62rem .72rem;
    margin-bottom: .58rem;
}
body.is-admin-order-show .page-shell h3 {
    margin: .08rem 0 .46rem;
    line-height: 1.12;
}
body.is-admin-order-show .page-shell th,
body.is-admin-order-show .page-shell td {
    padding: .38rem .48rem;
    line-height: 1.22;
}
body.is-admin-order-show .page-shell th {
    font-size: .76rem;
}
body.is-admin-order-show .page-shell .btn,
body.is-admin-order-show .page-shell .btn-secondary {
    min-height: 31px;
    padding: .36rem .66rem;
    border-radius: 10px;
    line-height: 1;
}
body.is-admin-order-show .page-shell input:not([type="checkbox"]):not([type="radio"]),
body.is-admin-order-show .page-shell select,
body.is-admin-order-show .page-shell textarea {
    padding: .42rem .62rem;
    border-radius: 10px;
    line-height: 1.18;
}
body.is-admin-order-show .page-shell input:not([type="checkbox"]):not([type="radio"]),
body.is-admin-order-show .page-shell select {
    min-height: 36px;
}
body.is-admin-order-show .page-shell textarea {
    min-height: 76px;
}
body.is-admin-order-show .page-shell textarea[name="refund_reason"],
body.is-admin-order-show .page-shell textarea[name="body"] {
    min-height: 84px;
}
body.is-admin-order-show .page-shell label {
    margin-bottom: .18rem;
    font-size: .84rem;
    line-height: 1.15;
}
body.is-admin-order-show .page-shell .check-row {
    gap: .42rem;
    margin-bottom: .2rem !important;
}
body.is-admin-order-show .page-shell .stack {
    gap: .45rem;
}
.admin-order-items-list {
    display: grid;
    gap: .35rem;
}
.admin-order-item {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: center;
    padding: .4rem 0;
    border-top: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
}
.admin-order-item:first-child {
    border-top: 0;
    padding-top: .1rem;
}
.admin-order-item > * {
    min-width: 0;
}
.admin-order-item-thumb-link,
.admin-order-item-thumb-placeholder {
    width: 52px;
    aspect-ratio: 1 / 1;
    display: block;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: color-mix(in srgb, var(--panel-2) 82%, var(--text) 18%);
}
.admin-order-item-thumb-link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}
.admin-order-item-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin-order-item-main strong,
.admin-order-item-title {
    display: block;
    line-height: 1.2;
    font-weight: 700;
}
.admin-order-item-title:hover {
    color: var(--gold);
}
.admin-order-item-title:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
    border-radius: 4px;
}
.admin-order-item-price {
    display: grid;
    gap: .06rem;
    justify-items: end;
    text-align: right;
    white-space: nowrap;
}
.admin-order-item-price span {
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.1;
}
.admin-order-items-total {
    width: min(340px, 100%);
    margin: .5rem 0 0 auto;
    padding-top: .42rem;
    border-top: 1px solid var(--line);
}
.admin-order-items-total > div {
    display: flex;
    justify-content: space-between;
    gap: .85rem;
    padding: .18rem 0;
}
.admin-order-items-total span {
    color: var(--muted);
}
.admin-order-items-total-row {
    font-size: 1.04rem;
}
.admin-order-refund-details {
    padding: 0 !important;
    overflow: hidden;
}
.admin-order-refund-details summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .56rem .72rem;
    cursor: pointer;
    list-style: none;
}
.admin-order-refund-details summary::-webkit-details-marker {
    display: none;
}
.admin-order-refund-details summary span {
    font-weight: 700;
}
.admin-order-refund-details summary small {
    color: var(--muted);
    font-size: .82rem;
}
.admin-order-refund-details summary::after {
    content: "▾";
    color: var(--gold);
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
    transition: transform .16s ease;
}
.admin-order-refund-details[open] summary {
    border-bottom: 1px solid var(--line);
}
.admin-order-refund-details[open] summary::after {
    transform: rotate(180deg);
}
.admin-order-refund-body {
    padding: .62rem .72rem .72rem;
}
.settings-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: .8rem;
    align-items: flex-start;
}
.settings-layout > * {
    min-width: 0;
}
.settings-sidebar {
    position: sticky;
    top: 82px;
}
.settings-nav {
    display: grid;
    gap: .4rem;
}
.settings-mobile-nav { display: none; }
.settings-mobile-nav summary {
    list-style: none;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: .5rem .75rem;
    cursor: pointer;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
}
.settings-mobile-nav summary::-webkit-details-marker { display: none; }
.settings-mobile-caret {
    font-size: .78rem;
    color: var(--muted);
    transition: transform .15s ease;
}
.settings-mobile-nav[open] .settings-mobile-caret { transform: rotate(180deg); }
.settings-mobile-hint {
    margin: .35rem .2rem 0;
    font-size: .8rem;
}
.settings-mobile-list {
    display: grid;
    gap: .4rem;
    margin-top: .45rem;
}
.settings-color-inline {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: .5rem;
    align-items: center;
}
.settings-color-inline input[type="color"] {
    width: 54px;
    min-height: 44px;
    padding: .18rem;
}
.settings-color-inline input[type="text"] {
    width: 100%;
}
.settings-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: var(--gold);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .12em;
    line-height: 1.15;
    text-transform: uppercase;
}
.header-menu-mobile-settings {
    display: grid;
    gap: .72rem;
}
.header-menu-mobile-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
    align-items: stretch;
    gap: .72rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--panel-2) 82%, transparent)),
        var(--panel);
    box-shadow: 0 18px 44px color-mix(in srgb, var(--bg) 72%, transparent);
}
.header-menu-mobile-hero-copy {
    display: grid;
    align-content: center;
    gap: .42rem;
    min-width: 0;
}
.header-menu-mobile-hero-copy h3 {
    margin: 0;
    font-size: clamp(1.18rem, 2vw, 1.62rem);
    line-height: 1.05;
}
.header-menu-mobile-hero-copy .muted {
    max-width: 52rem;
    margin: 0;
    line-height: 1.55;
}
.header-menu-mobile-preview {
    display: grid;
    place-items: center;
    min-height: 210px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--gold) 20%, transparent), transparent 36%),
        color-mix(in srgb, var(--bg) 76%, black 8%);
}
.header-menu-mobile-phone {
    width: min(230px, 100%);
    display: grid;
    gap: .52rem;
    padding: .72rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 22px;
    background: color-mix(in srgb, var(--panel) 94%, black 6%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 12%, transparent), 0 18px 38px color-mix(in srgb, black 32%, transparent);
}
.header-menu-mobile-phone-top,
.header-menu-mobile-phone-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .42rem;
}
.header-menu-mobile-phone-top span,
.header-menu-mobile-phone-top em,
.header-menu-mobile-phone-actions span {
    display: block;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text) 24%, transparent);
}
.header-menu-mobile-phone-top span,
.header-menu-mobile-phone-top em {
    width: 24px;
    height: 24px;
}
.header-menu-mobile-phone-top strong {
    color: var(--text);
    font-size: .8rem;
    line-height: 1;
}
.header-menu-mobile-phone-actions span {
    width: 28%;
    height: 28px;
}
.header-menu-mobile-preview-dropdown,
.header-menu-mobile-preview-bar {
    color: var(--text);
    font-weight: 800;
}
.header-menu-mobile-preview-dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: .42rem .62rem;
    border: 1px solid color-mix(in srgb, var(--gold) 50%, var(--line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 13%, transparent);
}
.header-menu-mobile-preview-bar {
    display: flex;
    gap: .34rem;
    overflow: hidden;
    padding-bottom: .08rem;
}
.header-menu-mobile-preview-bar span {
    flex: 0 0 auto;
    padding: .34rem .5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text) 9%, transparent);
}
.header-menu-mobile-preview-size-xs { font-size: .58rem; }
.header-menu-mobile-preview-size-sm { font-size: .66rem; }
.header-menu-mobile-preview-size-md { font-size: .74rem; }
.header-menu-mobile-preview-size-lg { font-size: .82rem; }
.header-menu-mobile-preview-size-xl { font-size: 1rem; }
.header-menu-mobile-preview-size-xxl { font-size: 1rem; }
.header-menu-mobile-phone-content {
    display: grid;
    gap: .36rem;
}
.header-menu-mobile-phone-content span {
    display: block;
    height: 42px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--text) 7%, transparent);
}
.header-menu-mobile-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}
.header-menu-mobile-card,
.header-menu-mobile-picker-panel {
    display: grid;
    gap: .52rem;
    min-width: 0;
    padding: .82rem;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 84%, transparent);
}
.header-menu-mobile-card label {
    margin: 0;
}
.header-menu-mobile-card .muted {
    margin: 0;
    font-size: .82rem;
    line-height: 1.35;
}
.header-menu-mobile-card strong {
    font-size: 1rem;
    line-height: 1.2;
}
.header-menu-mobile-card-enabled {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--gold) 13%, transparent), transparent 58%),
        color-mix(in srgb, var(--panel) 86%, transparent);
}
.header-menu-mobile-card-count strong {
    font-size: 1.55rem;
    line-height: 1;
}
.header-menu-mobile-toggle {
    padding: .48rem .58rem;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 11%, transparent);
    font-weight: 800;
}
.header-menu-mobile-picker-panel {
    gap: .75rem;
}
.header-menu-mobile-picker-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr);
    align-items: end;
    gap: .75rem;
}
.header-menu-mobile-picker-head h3 {
    margin: .16rem 0 0;
    font-size: 1.08rem;
}
.header-menu-mobile-picker-head .muted {
    margin: 0;
    line-height: 1.45;
}
.header-category-menu-admin-item {
    display: grid;
    gap: .45rem;
    margin: 0;
}
.header-category-menu-visibility {
    display: grid;
    justify-items: start;
    gap: .42rem;
}
.header-category-menu-visibility .checkbox-row {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: .48rem;
    margin: 0;
    line-height: 1.25;
}
.header-category-menu-mobile-picker {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .5rem;
}
.header-category-menu-mobile-picker .checkbox-row {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: .45rem;
    min-height: 40px;
    margin: 0;
    padding: .48rem .58rem;
    border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel-2) 66%, transparent);
    line-height: 1.2;
}
.header-category-menu-mobile-picker .checkbox-row:has(input:checked) {
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line));
    background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.settings-content .header-category-menu-mobile-picker input[type="checkbox"] {
    display: inline-block;
    flex: 0 0 auto;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}
.header-category-menu-mobile-picker .checkbox-row span {
    min-width: 0;
}
.settings-content .header-category-menu-visibility input[type="checkbox"] {
    display: inline-block;
    flex: 0 0 auto;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}
.header-category-menu-builder-head {
    align-items: flex-end;
    gap: .75rem;
    margin-bottom: .7rem;
}
.header-category-submenu-admin {
    display: grid;
    gap: .38rem;
}
.header-category-submenu-admin-row {
    align-items: center;
}
.header-category-menu-admin-actions {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}
.header-category-menu-admin-actions .btn-sm {
    white-space: nowrap;
}
.settings-inline-action {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .4rem;
}
.settings-nav-link {
    display: block;
    width: 100%;
    text-align: left;
    padding: .32rem .75rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
    color: var(--muted);
    cursor: pointer;
    font: inherit;
}
html[data-theme="light"] .settings-nav-link {
    color: #3a332b;
    background: color-mix(in srgb, var(--panel) 82%, #d8d1c6 18%);
    border-color: rgba(23, 20, 17, .18);
}
html[data-theme="light"] .settings-nav-link:hover {
    color: var(--text);
    border-color: rgba(159, 122, 66, .48);
    background: color-mix(in srgb, var(--panel) 88%, var(--gold) 12%);
}
.settings-nav-link.is-active {
    border-color: var(--gold);
    color: var(--text);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 18%, var(--panel) 82%), var(--panel-2));
}
.settings-home-texture-panel {
    display: grid;
    gap: .75rem;
    padding: .85rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 82%, var(--bg-base));
}
.settings-home-texture-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .65rem;
}
.settings-home-texture-card {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    min-height: 76px;
    padding: .58rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel-2) 78%, transparent);
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}
.settings-home-texture-card:hover {
    border-color: color-mix(in srgb, var(--gold) 54%, var(--line));
    transform: translateY(-1px);
}
.settings-home-texture-card input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.settings-home-texture-card:has(input:checked) {
    border-color: var(--gold);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
}
.settings-home-texture-preview {
    width: 54px;
    height: 54px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
    border-radius: 10px;
    background-color: var(--panel);
}
.settings-home-texture-copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.settings-home-texture-copy strong {
    font-size: .92rem;
    line-height: 1.12;
}
.settings-home-texture-copy small {
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.2;
}
.settings-home-texture-controls {
    align-items: end;
}
.settings-home-texture-controls input[type="range"] {
    width: 100%;
}
.settings-auth-background-panel {
    display: grid;
    gap: .85rem;
    padding: .85rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 82%, var(--bg-base));
}
.settings-auth-background-grid {
    align-items: start;
}
.settings-auth-background-preview {
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 150px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.08), transparent),
        color-mix(in srgb, var(--panel-2) 88%, black 12%);
    color: var(--muted);
}
.settings-auth-background-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.settings-home-texture-card-none .settings-home-texture-preview {
    background:
        linear-gradient(135deg, transparent 0 46%, color-mix(in srgb, var(--line) 72%, transparent) 47% 53%, transparent 54% 100%),
        var(--panel);
}
.settings-home-texture-card-wood .settings-home-texture-preview {
    background:
        radial-gradient(ellipse at 20% 20%, rgba(255, 255, 255, .34), transparent 62%),
        radial-gradient(ellipse at 88% 72%, rgba(0, 0, 0, .26), transparent 64%),
        linear-gradient(128deg, transparent 0 22%, rgba(255, 255, 255, .14) 42%, transparent 64%),
        var(--panel);
    background-blend-mode: screen, multiply, soft-light, normal;
}
.settings-home-texture-card-stone .settings-home-texture-preview {
    background:
        linear-gradient(118deg, transparent 0 18%, rgba(255, 255, 255, .26) 34%, transparent 52%),
        linear-gradient(302deg, transparent 0 26%, rgba(0, 0, 0, .26) 48%, transparent 70%),
        var(--panel);
    background-blend-mode: screen, multiply, normal;
}
.settings-home-texture-card-paper .settings-home-texture-preview {
    background:
        radial-gradient(ellipse at 50% 18%, transparent 0 32%, rgba(255, 255, 255, .3) 43%, transparent 62%),
        radial-gradient(ellipse at 50% 60%, transparent 0 36%, rgba(0, 0, 0, .24) 50%, transparent 68%),
        var(--panel);
    background-blend-mode: screen, multiply, normal;
}
.settings-home-texture-card-fabric .settings-home-texture-preview {
    background:
        linear-gradient(104deg, transparent 0 34%, rgba(255, 255, 255, .3) 48%, transparent 62%),
        linear-gradient(104deg, transparent 0 56%, rgba(0, 0, 0, .22) 68%, transparent 82%),
        var(--panel);
    background-blend-mode: screen, multiply, normal;
}
.settings-language-card {
    padding: .9rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 72%, transparent);
}
.settings-language-card h3 {
    margin: 0 0 .65rem;
    font-size: 1.05rem;
}
.settings-language-grid {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: .52rem 1.25rem;
    align-items: start;
}
.settings-language-option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .85rem;
    min-height: 36px;
}
.settings-language-option > span {
    font-weight: 600;
}
.settings-language-option + .settings-language-option {
    grid-column: auto;
}
.settings-language-option .switch {
    flex: 0 0 auto;
}
.settings-language-default {
    grid-column: 1 / -1;
    min-width: 0;
}
.settings-language-default select {
    width: 120px;
    max-width: 100%;
}
.settings-language-card .muted {
    margin: .65rem 0 0;
}
.settings-home-texts-admin {
    display: grid;
    gap: .72rem;
}
.settings-home-texts-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
    border-radius: 14px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--gold) 10%, transparent), transparent 46%),
        color-mix(in srgb, var(--panel) 82%, var(--bg) 18%);
}
.settings-home-texts-hero h3 {
    margin: .18rem 0 .16rem;
    font-size: clamp(1.18rem, 2vw, 1.55rem);
    line-height: 1.08;
}
.settings-home-texts-hero .muted {
    max-width: 52rem;
    margin: 0;
    line-height: 1.45;
}
.settings-home-texts-summary {
    display: grid;
    place-items: center;
    min-width: 96px;
    min-height: 78px;
    padding: .55rem .7rem;
    border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line));
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel-2) 82%, transparent);
    text-align: center;
}
.settings-home-texts-summary span {
    color: var(--gold);
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
}
.settings-home-texts-summary small {
    color: var(--muted);
    font-size: .74rem;
    line-height: 1.15;
}
.settings-home-texts-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
}
.settings-home-toggle-card,
.settings-home-featured-card {
    display: grid;
    min-width: 0;
    min-height: 72px;
    margin-top: 0 !important;
    padding: .78rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 78%, var(--bg) 22%);
}
.settings-home-toggle-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}
.settings-home-toggle-card strong,
.settings-home-featured-card strong,
.settings-home-featured-card label {
    line-height: 1.18;
}
.settings-home-featured-card {
    grid-column: 1 / -1;
}
.settings-featured-title-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .62rem;
    width: 100%;
}
.settings-featured-title-fields label {
    display: grid;
    gap: .3rem;
    min-width: 0;
}
.settings-featured-title-fields span {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.15;
}
.settings-localized-home-texts {
    display: grid;
    gap: .85rem;
    padding: .95rem;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 78%, var(--bg) 22%);
}
.settings-localized-home-head h3 {
    margin: 0;
    font-size: 1.16rem;
    line-height: 1.12;
}
.settings-localized-home-head .muted {
    margin: .25rem 0 0;
    max-width: 56rem;
    line-height: 1.42;
}
.settings-localized-home-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .78rem;
}
.settings-localized-home-card {
    display: grid;
    gap: .68rem;
    min-width: 0;
    padding: .82rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel-2) 74%, transparent);
}
.settings-localized-home-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding-bottom: .58rem;
    border-bottom: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
}
.settings-localized-home-card h4 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.1;
}
.settings-localized-home-card-head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    min-height: 1.55rem;
    padding: .18rem .42rem;
    border: 1px solid color-mix(in srgb, var(--gold) 40%, var(--line));
    border-radius: 999px;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 10%, transparent);
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
}
.settings-localized-home-card label {
    margin-bottom: .24rem;
    font-weight: 750;
}
.settings-localized-home-card textarea {
    resize: vertical;
}
.settings-home-banner-admin,
.settings-home-banner-settings,
.settings-home-banner-card,
.settings-home-banner-list {
    display: grid;
    gap: .85rem;
}
.settings-home-banner-settings,
.settings-home-banner-card,
.settings-home-banner-item {
    padding: .95rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 78%, transparent);
}
.settings-home-banner-settings {
    order: 1;
}
.settings-home-banner-tabs-wrap {
    display: grid;
    order: 2;
    gap: .72rem;
}
.settings-home-banner-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
    padding: .36rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 72%, black 8%);
}
.settings-home-banner-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: .42rem .72rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--muted);
    font: inherit;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.1;
    cursor: pointer;
}
.settings-home-banner-tab:hover,
.settings-home-banner-tab:focus-visible {
    color: var(--text);
    border-color: color-mix(in srgb, var(--gold) 36%, var(--line));
}
.settings-home-banner-tab.is-active {
    color: var(--text);
    border-color: color-mix(in srgb, var(--gold) 58%, var(--line));
    background: color-mix(in srgb, var(--gold) 18%, var(--panel) 82%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 16%, transparent);
}
.settings-home-banner-panels,
.settings-home-banner-panel.is-active {
    display: grid;
    gap: .85rem;
}
.settings-home-banner-panel[hidden] {
    display: none;
}
.settings-home-banner-intro-card {
    order: 2;
}
.settings-home-banner-list {
    order: 3;
}
.settings-home-banner-create-card {
    order: 4;
}
.settings-home-banner-card h4,
.settings-home-banner-list h4 {
    margin: 0;
    font-size: 1rem;
}
.settings-home-banner-device-section {
    display: grid;
    gap: .85rem;
    padding-top: .35rem;
}
.settings-home-banner-device-section[data-home-banner-device="desktop"] {
    order: 3;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"],
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-list {
    gap: .58rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-card,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-list {
    padding: .68rem;
    border-radius: 10px;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-create-summary {
    min-height: 30px;
    font-size: .94rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-create-plus {
    width: 26px;
    height: 26px;
    font-size: 1.08rem;
}
.settings-home-banner-device-heading h4,
.settings-home-banner-device-heading p {
    margin: 0;
}
.settings-home-banner-device-heading p {
    margin-top: .2rem;
}
.settings-home-banner-device-section > .settings-home-banner-create-card,
.settings-home-banner-device-section > .settings-home-banner-list {
    order: initial;
}
.settings-home-banner-device-section > .settings-home-banner-list {
    order: 1;
}
.settings-home-banner-device-section > .settings-home-banner-create-card {
    order: 2;
}
.settings-home-banner-intro-card {
    gap: .85rem;
}
.settings-home-banner-intro-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
}
.settings-home-banner-intro-head h4,
.settings-home-banner-intro-head p {
    margin: 0;
}
.settings-home-banner-intro-head p {
    margin-top: .18rem;
    max-width: 720px;
}
.settings-home-banner-intro-grid {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    gap: .72rem;
    align-items: start;
}
.settings-home-banner-intro-media,
.settings-home-banner-intro-fields {
    display: grid;
    gap: .65rem;
}
.settings-home-banner-intro-preview {
    --settings-home-banner-intro-preview-height: 110px;
    --settings-home-banner-intro-preview-fit: contain;
    --settings-home-banner-intro-preview-radius: 10px;
    display: grid;
    place-items: center;
    height: min(220px, var(--settings-home-banner-intro-preview-height));
    min-height: 64px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--settings-home-banner-intro-preview-radius);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--gold) 12%, transparent), transparent 45%),
        color-mix(in srgb, var(--panel-2) 84%, black 8%);
    color: var(--muted);
    font-size: .86rem;
    font-weight: 800;
}
.settings-home-banner-intro-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: var(--settings-home-banner-intro-preview-fit);
    object-position: center;
}
.settings-home-banner-intro-remove {
    margin-top: .38rem;
}
.settings-home-banner-intro-options {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: .62rem;
}
.settings-home-banner-intro-toggles {
    grid-template-columns: repeat(2, max-content);
}
.settings-home-banner-create-card {
    gap: 0;
}
.settings-home-banner-create-card[open] {
    gap: .85rem;
}
.settings-home-banner-create-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .56rem;
    min-height: 38px;
    margin: -.12rem;
    padding: .12rem;
    color: var(--text);
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}
.settings-home-banner-create-summary::-webkit-details-marker {
    display: none;
}
.settings-home-banner-create-plus {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--gold) 62%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 16%, transparent);
    color: var(--gold);
    font-family: system-ui, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    transition: transform .18s ease, background .18s ease;
}
.settings-home-banner-create-card[open] .settings-home-banner-create-plus {
    transform: rotate(45deg);
    background: color-mix(in srgb, var(--gold) 24%, transparent);
}
.settings-home-banner-switch-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: .45rem;
    align-items: stretch;
}
.settings-home-banner-switch-grid .settings-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    min-height: 58px;
    margin-top: 0 !important;
    padding: .55rem .62rem;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel-2) 74%, black 6%);
}
.settings-home-banner-switch-grid .settings-row strong {
    display: block;
    font-size: 1rem;
    line-height: 1.18;
}
.settings-home-banner-options-grid {
    gap: .72rem;
}
.settings-home-banner-height-control {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) 96px;
    gap: .6rem;
    align-items: center;
}
.settings-home-banner-height-control input[type="range"] {
    width: 100%;
}
.settings-home-banner-height-control input[type="number"] {
    min-width: 0;
}
.settings-home-banner-height-control-compact {
    grid-template-columns: minmax(110px, 1fr) 76px;
    gap: .45rem;
}
.settings-home-banner-create-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: .72rem;
    align-items: start;
}
.settings-home-banner-create-fields {
    display: grid;
    gap: .65rem;
}
.settings-home-banner-position-stack {
    display: grid;
    gap: .56rem;
}
.settings-home-banner-design-grid {
    gap: .62rem;
}
.settings-home-banner-design-grid input[type="color"] {
    min-height: 38px;
    border-radius: 10px;
}
.settings-home-banner-mobile-crop {
    display: grid;
    gap: 0;
    padding: .72rem;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel-2) 64%, transparent);
}
.settings-home-banner-mobile-crop[open] {
    gap: .62rem;
}
.settings-home-banner-mobile-crop-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-height: 30px;
    color: var(--text);
    cursor: pointer;
    list-style: none;
}
.settings-home-banner-mobile-crop-summary::-webkit-details-marker {
    display: none;
}
.settings-home-banner-mobile-crop-summary span:first-child {
    display: grid;
    gap: .12rem;
}
.settings-home-banner-mobile-crop-summary strong {
    font-size: .94rem;
}
.settings-home-banner-mobile-crop-summary small {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2;
}
.settings-home-banner-mobile-crop-plus {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--gold) 56%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 14%, transparent);
    color: var(--gold);
    font-family: system-ui, sans-serif;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1;
    transition: transform .18s ease, background .18s ease;
}
.settings-home-banner-mobile-crop[open] .settings-home-banner-mobile-crop-plus {
    transform: rotate(45deg);
    background: color-mix(in srgb, var(--gold) 22%, transparent);
}
.settings-home-banner-mobile-crop-preview {
    --settings-home-banner-mobile-crop-x: 50%;
    --settings-home-banner-mobile-crop-y: 50%;
    --settings-home-banner-mobile-zoom: 1;
    --settings-home-banner-mobile-aspect: 540 / 180;
    --settings-home-banner-preview-radius: 10px;
    position: relative;
    display: grid;
    place-items: center;
    width: min(100%, 320px);
    aspect-ratio: var(--settings-home-banner-mobile-aspect);
    min-height: 82px;
    max-height: 300px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    border-radius: var(--settings-home-banner-preview-radius);
    background:
        linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--line) 70%, transparent) 50%, transparent calc(50% + .5px)),
        linear-gradient(0deg, transparent calc(50% - .5px), color-mix(in srgb, var(--line) 70%, transparent) 50%, transparent calc(50% + .5px)),
        color-mix(in srgb, var(--panel) 78%, black 10%);
    color: var(--muted);
    font-size: .84rem;
    font-weight: 700;
}
.settings-home-banner-mobile-crop-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--settings-home-banner-mobile-crop-x) var(--settings-home-banner-mobile-crop-y);
    transform: scale(var(--settings-home-banner-mobile-zoom));
    transform-origin: var(--settings-home-banner-mobile-crop-x) var(--settings-home-banner-mobile-crop-y);
    will-change: transform, object-position;
}
.settings-home-banner-mobile-crop-preview.home-banner-link img {
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: var(--home-banner-mobile-crop-x, 50%) var(--home-banner-mobile-crop-y, 50%);
    transform: none;
    transform-origin: var(--home-banner-mobile-crop-x, 50%) var(--home-banner-mobile-crop-y, 50%);
}
.settings-home-banner-mobile-crop-preview span {
    position: relative;
    z-index: 1;
}
.settings-home-banner-mobile-crop-body {
    display: grid;
    grid-template-columns: minmax(170px, 260px) minmax(0, 1fr);
    gap: .62rem;
    align-items: start;
}
.settings-home-banner-mobile-crop-controls {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: .62rem;
    align-items: start;
}
.settings-home-banner-mobile-crop-controls input[type="range"] {
    width: 100%;
}
.settings-home-banner-mobile-crop-controls output {
    display: block;
    margin-top: .18rem;
    font-size: .78rem;
}
.settings-home-banner-mobile-zoom-control {
    display: none;
}
.settings-home-banner-item {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
    gap: .72rem;
    align-items: start;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-item {
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
    gap: .72rem;
    padding: .72rem;
    border-radius: 10px;
}
.settings-home-banner-preview {
    --settings-home-banner-preview-aspect: 16 / 7;
    --settings-home-banner-preview-radius: 10px;
    position: relative;
    isolation: isolate;
    z-index: 0;
    overflow: hidden;
    aspect-ratio: var(--settings-home-banner-preview-aspect);
    border: 1px solid var(--line);
    border-radius: var(--settings-home-banner-preview-radius);
    background: var(--panel-2);
}
.settings-home-banner-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.settings-home-banner-preview-empty {
    display: grid;
    place-items: center;
    height: 100%;
    color: var(--muted);
    font-size: .86rem;
    font-weight: 700;
}
.settings-home-banner-media {
    display: grid;
    gap: .62rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-media {
    grid-template-columns: 1fr;
    gap: .48rem;
    align-items: start;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-preview {
    max-height: 138px;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-media label,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields label {
    margin-bottom: .16rem;
    font-size: .78rem;
    line-height: 1.15;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-media select,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields input,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields select,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields textarea {
    min-height: 34px;
    padding-top: .36rem;
    padding-bottom: .36rem;
    font-size: .86rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: .5rem .62rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .grid-2,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-design-grid,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-mobile-crop,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-bottom,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > div:has(> textarea) {
    grid-column: 1 / -1;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .grid-2 {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: .5rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > div:has(> input[type="file"]) {
    grid-column: 1 / span 4;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-mobile-crop {
    grid-column: 1 / -1;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-bottom {
    order: -1;
    align-self: start;
    justify-content: flex-end;
    padding: 0 0 .08rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields textarea {
    min-height: 58px;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-design-grid {
    grid-template-columns: repeat(6, minmax(92px, 1fr));
    gap: .5rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-design-grid input[type="color"] {
    min-height: 30px;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop {
    padding: .55rem;
    border-radius: 9px;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop[open] {
    gap: .42rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-summary {
    min-height: 24px;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-summary small {
    display: none;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-preview {
    width: min(100%, 540px);
    aspect-ratio: auto;
    height: var(--settings-home-banner-mobile-height, 180px);
    min-height: 0;
    max-height: none;
    overflow: hidden;
    background: transparent;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-body {
    grid-template-columns: minmax(280px, 560px) minmax(220px, 1fr);
    gap: .52rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    gap: .36rem .5rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-controls output {
    margin-top: .1rem;
    font-size: .72rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-bottom {
    padding-top: .12rem;
}
.settings-home-banner-fields,
.settings-home-banner-toggles {
    display: grid;
    gap: .65rem;
}
.settings-home-banner-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.settings-home-banner-bottom .checkbox-line {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    line-height: 1.2;
}
.settings-home-banner-bottom .checkbox-line input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0;
    accent-color: var(--gold);
}
.settings-home-banner-toggles {
    grid-template-columns: repeat(3, max-content);
    align-items: center;
    gap: .5rem .8rem;
}
.settings-home-banner-toggles .checkbox-line {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    line-height: 1.2;
}
.settings-content .settings-home-banner-toggles input[type="checkbox"] {
    display: inline-block;
    flex: 0 0 auto;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}
.checkbox-line-danger {
    color: var(--danger);
}
.settings-banner-position-picker {
    display: grid;
    gap: .32rem;
}
.settings-banner-position-picker--under-media {
    margin-top: .58rem;
}
.settings-banner-position-picker--create {
    align-self: start;
}
.settings-banner-position-picker--create .settings-banner-position-map {
    max-height: 180px;
}
.settings-banner-position-picker label {
    margin: 0;
}
.settings-banner-position-map {
    position: relative;
    aspect-ratio: 16 / 9;
    border: 1px solid var(--line);
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--gold) 16%, transparent), transparent 42%),
        color-mix(in srgb, var(--panel-2) 82%, var(--line) 18%);
    overflow: hidden;
}
.settings-banner-position-map::before,
.settings-banner-position-map::after {
    content: "";
    position: absolute;
    z-index: 1;
    background: color-mix(in srgb, var(--line) 66%, transparent);
    pointer-events: none;
}
.settings-banner-position-map::before {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
}
.settings-banner-position-map::after {
    top: 50%;
    right: 0;
    left: 0;
    height: 1px;
}
.settings-banner-position-zone {
    position: absolute;
    z-index: 2;
    margin: 0;
    cursor: pointer;
}
.settings-banner-position-zone input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.settings-banner-position-zone-left_top {
    top: 0;
    right: 50%;
    bottom: 50%;
    left: 0;
}
.settings-banner-position-zone-left_bottom {
    top: 50%;
    right: 50%;
    bottom: 0;
    left: 0;
}
.settings-banner-position-zone-center {
    z-index: 3;
    top: 32%;
    right: 32%;
    bottom: 32%;
    left: 32%;
}
.settings-banner-position-zone-right_top {
    top: 0;
    right: 0;
    bottom: 50%;
    left: 50%;
}
.settings-banner-position-zone-right_bottom {
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
}
.settings-banner-position-marker {
    position: absolute;
    width: 34%;
    height: 24%;
    min-width: 42px;
    min-height: 18px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--gold) 88%, white 12%);
    box-shadow: 0 5px 12px color-mix(in srgb, #000 18%, transparent);
    opacity: 0;
    transition: opacity .16s ease, transform .16s ease;
}
.settings-banner-position-marker--button {
    height: 16%;
    min-height: 14px;
    border-radius: 999px;
    background: #d6b570;
}
.settings-banner-position-zone-left_top .settings-banner-position-marker {
    top: 14%;
    left: 10%;
}
.settings-banner-position-zone-left_bottom .settings-banner-position-marker {
    bottom: 14%;
    left: 10%;
}
.settings-banner-position-zone-center .settings-banner-position-marker {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.settings-banner-position-zone-right_top .settings-banner-position-marker {
    top: 14%;
    right: 10%;
}
.settings-banner-position-zone-right_bottom .settings-banner-position-marker {
    right: 10%;
    bottom: 14%;
}
.settings-banner-position-zone:has(input:checked) {
    outline: 1px solid color-mix(in srgb, var(--gold) 72%, transparent);
    outline-offset: -1px;
    background: color-mix(in srgb, var(--gold) 10%, transparent);
}
.settings-banner-position-zone input:checked ~ .settings-banner-position-marker {
    opacity: 1;
    transform: translateY(-1px);
}
.settings-banner-position-zone-center input:checked ~ .settings-banner-position-marker {
    transform: translate(-50%, -50%);
}
.settings-banner-position-map:has(input:checked) {
    border-color: color-mix(in srgb, var(--gold) 76%, white 8%);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 24%, transparent);
}
.settings-banner-position-zone input:focus-visible ~ .settings-banner-position-marker {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}
.settings-home-banner-action-btn {
    min-height: 30px;
    padding: .28rem .62rem;
    font-size: .82rem;
}
.settings-home-banner-action-btn-danger {
    color: var(--danger);
}
.settings-home-banner-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 .85rem;
}
.settings-home-banner-page-title {
    display: flex;
    align-items: center;
    gap: .72rem;
    min-width: 0;
}
.settings-home-banner-title-icon {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
    border-radius: 10px;
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
    color: var(--gold);
}
.settings-home-banner-title-icon svg {
    width: 26px;
    height: 26px;
}
.settings-home-banner-page-title h3 {
    margin: 0;
    font-size: 1.22rem;
    line-height: 1.12;
}
.settings-home-banner-page-title h3 span {
    color: var(--muted);
    font-size: .86rem;
    font-weight: 800;
}
.settings-home-banner-page-title .muted {
    margin: .18rem 0 0;
    line-height: 1.35;
}
.settings-home-banner-help-btn {
    min-height: 34px;
    padding: .4rem .72rem;
    border: 1px solid color-mix(in srgb, var(--gold) 62%, var(--line));
    border-radius: 8px;
    background: color-mix(in srgb, var(--gold) 10%, transparent);
    color: var(--gold);
    font: inherit;
    font-size: .82rem;
    font-weight: 900;
    cursor: default;
}
.settings-home-banner-admin {
    gap: .72rem;
    width: 100%;
    max-width: none;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 14px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 86%, black 14%), color-mix(in srgb, var(--panel-2) 70%, black 30%));
    box-shadow: 0 16px 40px color-mix(in srgb, #000 24%, transparent);
}
.settings-home-banner-settings {
    padding: 0;
    border: 0;
    background: transparent;
}
.settings-home-banner-switch-grid,
.settings-home-banner-options-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .58rem;
}
.settings-home-banner-control-card,
.settings-home-banner-option-card {
    position: relative;
    display: grid;
    align-items: center;
    min-height: 60px;
    padding: .64rem .68rem .64rem 2.85rem;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 9px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, white 2%), color-mix(in srgb, var(--panel-2) 76%, black 18%));
}
.settings-home-banner-switch-grid .settings-row.settings-home-banner-control-card {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 60px;
    padding: .64rem .68rem .64rem 2.85rem;
    border-radius: 9px;
}
.settings-home-banner-option-card {
    gap: .24rem;
}
.settings-home-banner-control-icon {
    position: absolute;
    left: .74rem;
    top: 50%;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    color: var(--gold);
    font-family: system-ui, sans-serif;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1;
    transform: translateY(-50%);
}
.settings-home-banner-control-icon svg {
    display: block;
    width: 22px;
    height: 22px;
}
.settings-home-banner-control-card strong,
.settings-home-banner-option-card label {
    font-size: .82rem;
    line-height: 1.15;
}
.settings-home-banner-option-card label {
    margin: 0;
    color: var(--muted);
}
.settings-home-banner-option-card input,
.settings-home-banner-option-card select {
    min-height: 34px;
}
.settings-home-banner-option-card output {
    font-size: .74rem;
}
.settings-home-banner-tabs-wrap {
    gap: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 78%, black 12%);
}
.settings-home-banner-tabs {
    gap: 1.45rem;
    padding: .62rem .9rem 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.settings-home-banner-tab {
    min-height: 38px;
    padding: .2rem 0 .64rem;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    font-size: .86rem;
}
.settings-home-banner-tab:hover,
.settings-home-banner-tab:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 42%, transparent);
}
.settings-home-banner-tab.is-active {
    color: var(--gold);
    border-color: var(--gold);
    background: transparent;
    box-shadow: none;
}
.settings-home-banner-panels {
    padding: .78rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
}
.settings-home-banner-device-heading {
    display: none;
}
.settings-home-banner-device-section {
    gap: .62rem;
    padding: 0;
}
.settings-home-banner-create-card {
    padding: 0;
    border: 1px dashed color-mix(in srgb, var(--gold) 46%, var(--line));
    border-radius: 9px;
    background: color-mix(in srgb, var(--gold) 6%, transparent);
}
.settings-home-banner-create-card[open] {
    padding: .78rem;
}
.settings-home-banner-create-summary {
    justify-content: flex-start;
    min-height: 52px;
    margin: 0;
    padding: .55rem .72rem;
    gap: .62rem;
}
.settings-home-banner-create-summary span:last-child {
    display: grid;
    gap: .08rem;
}
.settings-home-banner-create-summary strong {
    color: var(--gold);
    font-size: .92rem;
}
.settings-home-banner-create-summary small {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 650;
}
.settings-home-banner-create-icon,
.settings-home-banner-create-plus {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid color-mix(in srgb, var(--gold) 70%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 12%, transparent);
    color: var(--gold);
    font-family: system-ui, sans-serif;
    font-size: 1.25rem;
    line-height: 1;
}
.settings-home-banner-create-icon svg,
.settings-home-banner-save-btn svg {
    display: block;
    width: 17px;
    height: 17px;
}
.settings-home-banner-list {
    gap: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 70%, black 12%);
}
.settings-home-banner-item {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.settings-home-banner-item + .settings-home-banner-item {
    border-top: 1px solid color-mix(in srgb, var(--line) 68%, transparent);
}
.settings-home-banner-item-summary {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr) 78px 92px 82px;
    align-items: center;
    gap: .72rem;
    min-height: 74px;
    padding: .56rem .72rem;
    cursor: pointer;
    list-style: none;
}
.settings-home-banner-item-summary::-webkit-details-marker {
    display: none;
}
.settings-home-banner-item[open] > .settings-home-banner-item-summary {
    background: color-mix(in srgb, var(--gold) 5%, transparent);
}
.settings-home-banner-row-thumb {
    display: grid;
    place-items: center;
    width: 150px;
    aspect-ratio: 16 / 5.4;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    border-radius: 6px;
    background: var(--panel-2);
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
}
.settings-home-banner-row-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.settings-home-banner-row-copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.settings-home-banner-row-copy strong {
    overflow: hidden;
    color: var(--text);
    font-size: 1rem;
    line-height: 1.18;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.settings-home-banner-row-copy small,
.settings-home-banner-row-sort small {
    overflow: hidden;
    color: var(--muted);
    font-size: .74rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.settings-home-banner-row-sort {
    display: grid;
    gap: .08rem;
}
.settings-home-banner-row-sort strong {
    font-size: .92rem;
}
.settings-home-banner-status {
    justify-self: start;
    padding: .23rem .54rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--danger) 14%, transparent);
    color: color-mix(in srgb, var(--danger) 84%, white 16%);
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
}
.settings-home-banner-status.is-active {
    background: color-mix(in srgb, #48a868 20%, transparent);
    color: #7ee09a;
}
.settings-home-banner-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .42rem;
}
.settings-home-banner-icon-btn {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--panel-2) 78%, black 8%);
    color: var(--text);
}
.settings-home-banner-icon-btn svg {
    width: 16px;
    height: 16px;
}
.settings-home-banner-admin .checkbox-line {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.15;
}
.settings-home-banner-admin .checkbox-line input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-grid;
    place-items: center;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--gold) 58%, var(--line));
    border-radius: 4px;
    background: color-mix(in srgb, var(--panel-2) 84%, black 10%);
    accent-color: var(--gold);
    cursor: pointer;
}
.settings-home-banner-admin .checkbox-line input[type="checkbox"]::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: transparent;
}
.settings-home-banner-admin .checkbox-line input[type="checkbox"]:checked {
    border-color: color-mix(in srgb, var(--gold) 82%, white 8%);
    background: color-mix(in srgb, var(--gold) 74%, black 8%);
}
.settings-home-banner-admin .checkbox-line input[type="checkbox"]:checked::before {
    width: 5px;
    height: 9px;
    margin-top: -2px;
    border-right: 2px solid #1b1408;
    border-bottom: 2px solid #1b1408;
    border-radius: 0;
    background: transparent;
    transform: rotate(42deg);
}
.settings-home-banner-icon-btn-danger {
    color: color-mix(in srgb, var(--danger) 82%, white 18%);
}
.settings-home-banner-editor-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(310px, .82fr);
    gap: .72rem;
    padding: .72rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    background: color-mix(in srgb, var(--bg) 20%, transparent);
}
.settings-home-banner-editor-card {
    display: grid;
    gap: .68rem;
    min-width: 0;
    padding: .76rem;
    border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
    border-radius: 9px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 86%, black 8%), color-mix(in srgb, var(--panel-2) 78%, black 16%));
}
.settings-home-banner-editor-head,
.settings-home-banner-preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .56rem;
}
.settings-home-banner-editor-head h4,
.settings-home-banner-preview-head h4,
.settings-home-banner-tips h4 {
    margin: 0;
    font-size: .94rem;
    line-height: 1.15;
}
.settings-home-banner-preview-head span {
    color: var(--muted);
    font-weight: 700;
}
.settings-home-banner-editor-main {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
    gap: .72rem;
}
.settings-home-banner-editor-main .settings-home-banner-media,
.settings-home-banner-fields {
    display: grid;
    gap: .56rem;
}
.settings-home-banner-editor-main .settings-home-banner-preview {
    aspect-ratio: 16 / 5.4;
}
.settings-home-banner-position-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .56rem;
}
.settings-home-banner-design-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .54rem;
}
.settings-home-banner-design-grid input[type="color"] {
    min-height: 34px;
}
.settings-home-banner-preview-stack {
    display: grid;
    gap: .72rem;
    align-content: start;
}
.settings-home-banner-preview-large {
    aspect-ratio: 16 / 7;
    max-height: 250px;
}
.settings-home-banner-preview-dots {
    display: flex;
    justify-content: center;
    gap: .32rem;
}
.settings-home-banner-preview-dots span {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--muted) 52%, transparent);
}
.settings-home-banner-preview-dots .is-active {
    background: var(--gold);
}
.settings-home-banner-tips ul {
    display: grid;
    gap: .36rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.settings-home-banner-tips li {
    position: relative;
    padding-left: 1rem;
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.3;
}
.settings-home-banner-tips li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #7ee09a;
    font-weight: 900;
}
.settings-home-banner-save-btn {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    justify-content: center;
    min-height: 42px;
    width: 100%;
    border-color: color-mix(in srgb, var(--gold) 72%, white 8%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 88%, white 12%), color-mix(in srgb, var(--gold) 78%, black 12%));
    color: #17120a;
    font-weight: 900;
}
.settings-home-banner-empty {
    padding: .8rem;
}
@media (max-width: 1180px) {
    .settings-home-banner-switch-grid,
    .settings-home-banner-options-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .settings-home-banner-editor-layout {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .settings-home-banner-page-head,
    .settings-home-banner-page-title,
    .settings-home-banner-editor-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .settings-home-banner-admin {
        padding: .64rem;
    }
    .settings-home-banner-switch-grid,
    .settings-home-banner-options-grid,
    .settings-home-banner-editor-main,
    .settings-home-banner-position-stack,
    .settings-home-banner-design-grid {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-item-summary {
        grid-template-columns: 108px minmax(0, 1fr) auto;
        gap: .54rem;
    }
    .settings-home-banner-row-thumb {
        width: 108px;
    }
    .settings-home-banner-row-sort,
    .settings-home-banner-status {
        display: none;
    }
    .settings-home-banner-row-actions {
        grid-column: 3;
        grid-row: 1;
    }
}
@media (max-width: 1180px) {
    .settings-home-banner-switch-grid {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
    .header-menu-mobile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .header-menu-mobile-hero {
        grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    }
}
@media (max-width: 720px) {
    .checkout-customer-grid {
        grid-template-columns: 1fr;
    }
    .cart-item {
        grid-template-columns: 64px minmax(0, 1fr) auto;
        padding-right: 1.95rem;
    }
    .cart-item-thumb {
        width: 64px;
    }
    .cart-item-total {
        grid-column: 3;
        grid-row: 2;
        justify-self: end;
        font-size: 1rem;
    }
    .cart-item-actions {
        grid-column: 2;
        grid-row: 2;
    }
    .cart-recommendations-grid {
        --desktop-watch-cols: 1;
    }
    .cart-recommendations-head {
        flex-direction: column;
        gap: .45rem;
    }
    .cart-checkout-step:not(:last-child)::after {
        display: none;
    }
    .settings-home-banner-switch-grid,
    .settings-home-banner-options-grid,
    .settings-home-banner-tabs {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-tabs {
        display: grid;
    }
    .settings-home-banner-tab {
        width: 100%;
    }
    .settings-home-texts-hero,
    .settings-home-texts-controls,
    .settings-localized-home-grid {
        grid-template-columns: 1fr;
    }
    .settings-home-texts-hero {
        align-items: start;
        padding: .78rem;
    }
    .settings-home-texts-summary {
        justify-self: start;
        min-width: 0;
        min-height: 0;
        grid-template-columns: auto auto;
        gap: .35rem;
        padding: .42rem .58rem;
        text-align: left;
    }
    .settings-home-texts-summary span {
        font-size: 1.25rem;
    }
    .settings-home-toggle-card {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .65rem;
    }
    .settings-home-featured-card {
        grid-column: auto;
    }
    .settings-featured-title-fields {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
    .settings-localized-home-texts,
    .settings-localized-home-card {
        border-radius: 12px;
    }
    .settings-home-banner-switch-grid .settings-row {
        min-height: 0;
    }
    .settings-home-banner-create-grid {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-intro-head {
        align-items: center;
    }
    .settings-home-banner-intro-grid,
    .settings-home-banner-intro-options {
        grid-template-columns: 1fr;
    }
    .settings-banner-position-picker--create .settings-banner-position-map {
        max-height: 150px;
    }
    .settings-home-banner-item {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-item,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-media {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .grid-2,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-design-grid,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-body {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > div:has(> input[type="file"]),
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-mobile-crop {
        grid-column: 1 / -1;
    }
    .settings-home-banner-mobile-crop-controls {
        grid-template-columns: 1fr 1fr;
    }
    .settings-home-banner-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
    .settings-home-banner-toggles {
        grid-template-columns: repeat(2, minmax(0, max-content));
    }
    .settings-home-banner-action-btn-danger {
        align-self: flex-end;
    }
    .header-menu-mobile-hero,
    .header-menu-mobile-grid,
    .header-menu-mobile-picker-head {
        grid-template-columns: 1fr;
    }
    .header-menu-mobile-hero {
        padding: .82rem;
        border-radius: 14px;
    }
    .header-menu-mobile-preview {
        min-height: 190px;
    }
    .header-menu-mobile-card,
    .header-menu-mobile-picker-panel {
        padding: .72rem;
        border-radius: 12px;
    }
    .header-category-menu-mobile-picker {
        grid-template-columns: 1fr;
    }
    .header-category-menu-mobile-picker .checkbox-row {
        min-height: 38px;
        padding: .44rem .52rem;
    }
}
html[data-theme="light"] .settings-nav-link.is-active {
    color: #171411;
    border-color: var(--gold);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 16%, var(--panel) 84%), var(--panel));
}
.settings-nav-group {
    display: grid;
    gap: .35rem;
}
.settings-nav-group summary {
    list-style: none;
}
.settings-nav-group summary::-webkit-details-marker {
    display: none;
}
.settings-nav-group-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
}
.settings-nav-group-caret {
    color: var(--muted);
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    transition: transform .15s ease;
}
.settings-nav-group[open] .settings-nav-group-caret {
    transform: rotate(180deg);
}
.settings-nav-group-list {
    display: grid;
    gap: .24rem;
    margin: .05rem 0 .08rem .55rem;
    padding-left: .55rem;
    border-left: 1px solid var(--line);
}
.settings-nav-child-link {
    padding: .28rem .68rem;
    font-size: .94rem;
}
.settings-nav-subgroup {
    display: grid;
    gap: .22rem;
}
.settings-nav-subgroup summary {
    list-style: none;
}
.settings-nav-subgroup summary::-webkit-details-marker {
    display: none;
}
.settings-nav-subgroup-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.settings-nav-subgroup-caret {
    color: var(--muted);
    font-size: .96rem;
    font-weight: 900;
    line-height: 1;
    transition: transform .15s ease;
}
.settings-nav-subgroup[open] .settings-nav-subgroup-caret {
    transform: rotate(180deg);
}
.settings-nav-sublist {
    display: grid;
    gap: .22rem;
    margin: -.12rem 0 .08rem .65rem;
    padding-left: .55rem;
    border-left: 1px dashed var(--line);
}
.settings-nav-subchild-link {
    padding: .24rem .58rem;
    font-size: .86rem;
}
.settings-section-divider {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--line);
    margin: 1rem 0 .25rem;
}
.settings-anchor-heading {
    scroll-margin-top: calc(var(--site-header-height, 5.8rem) + 1rem);
    margin: .1rem 0 .25rem;
}
.admin-mobile-menu-panel .admin-mobile-submenu-link {
    margin-left: .7rem;
    padding-left: .75rem;
    border-left: 1px solid var(--line);
    font-size: .92rem;
}
html[data-theme="light"] .admin-categories-layout .muted,
html[data-theme="light"] .settings-content label,
html[data-theme="light"] .settings-content .check-row {
    color: #5a5046;
}
.settings-content {
    min-width: 0;
    overflow-x: clip;
}
.settings-content .panel {
    min-width: 0;
    padding: .68rem .78rem;
    margin-bottom: .65rem;
}
.settings-content input,
.settings-content select {
    min-height: 36px;
    padding: .38rem .62rem;
    border-radius: 10px;
    line-height: 1.2;
}
.settings-content textarea {
    min-height: 92px;
    padding: .46rem .62rem;
    border-radius: 10px;
    line-height: 1.3;
}
.settings-content input[type="file"] {
    min-height: 36px;
    padding: .3rem .52rem;
    font-size: .86rem;
    line-height: 1.2;
}
.settings-content input[type="file"]::file-selector-button {
    margin-right: .45rem;
    padding: .28rem .5rem;
    border-radius: 8px;
    font: inherit;
}
.settings-content .btn,
.settings-content .btn-secondary,
.settings-content button[type="submit"] {
    min-height: 34px;
    padding: .34rem .78rem;
    border-radius: 10px;
    box-shadow: none;
}
.settings-content h2 {
    margin: 0 0 .22rem;
}
.settings-content h2 + p.muted {
    margin: 0 0 .48rem;
}
.settings-home-inline-heading {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .45rem;
    margin: .05rem 0 .35rem;
}
.settings-home-inline-heading h2 {
    margin: 0;
}
.settings-home-inline-heading span {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
}
.settings-home-inline-heading span::before {
    content: "-";
    margin-right: .55rem;
    color: var(--muted);
}
.settings-home-inline-heading + .stack > .settings-anchor-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.settings-content .settings-messages-form {
    padding: 0;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--gold) 42%, var(--line) 58%);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--gold) 20%, transparent) 0, transparent 20%),
        radial-gradient(circle at 6% 8%, color-mix(in srgb, var(--gold) 12%, transparent) 0, transparent 18%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 92%, var(--text) 8%), color-mix(in srgb, var(--panel-2) 78%, var(--bg) 22%));
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 9%, transparent),
        0 22px 70px color-mix(in srgb, black 38%, transparent);
}
.settings-messages-page {
    display: grid;
    gap: 1rem;
    padding: clamp(.85rem, 1.8vw, 1.35rem);
}
.settings-messages-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .8rem;
}
.settings-messages-head-icon,
.settings-messages-option-icon,
.settings-messages-info-icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--gold) 62%, var(--line) 38%);
    border-radius: 999px;
    color: var(--gold);
    background:
        radial-gradient(circle at 38% 24%, color-mix(in srgb, var(--gold) 32%, transparent) 0, transparent 44%),
        color-mix(in srgb, var(--panel-2) 74%, var(--bg) 26%);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--gold) 18%, transparent);
}
.settings-messages-head-icon {
    width: 46px;
    height: 46px;
    font-size: 1.2rem;
}
.settings-messages-head h3 {
    position: relative;
    margin: .08rem 0 .48rem;
    color: var(--text);
    font-size: clamp(1.18rem, 2.15vw, 1.58rem);
    line-height: 1.12;
    letter-spacing: 0;
}
.settings-messages-head h3 span {
    color: var(--gold);
    font-weight: 700;
}
.settings-messages-head h3::after {
    content: "";
    display: block;
    width: 44px;
    height: 2px;
    margin-top: .42rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--gold), transparent);
}
.settings-messages-head p {
    max-width: 780px;
    margin: 0;
    color: color-mix(in srgb, var(--muted) 84%, var(--text) 16%);
    font-size: clamp(.86rem, 1.15vw, .96rem);
    line-height: 1.42;
}
.settings-messages-card {
    display: grid;
    gap: .72rem;
    padding: clamp(.58rem, 1.25vw, .95rem);
    border: 1px solid color-mix(in srgb, var(--line) 78%, var(--gold) 22%);
    border-radius: 14px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--panel-2) 82%, transparent), color-mix(in srgb, var(--panel) 94%, transparent)),
        color-mix(in srgb, var(--panel) 88%, var(--bg) 12%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 7%, transparent);
}
.settings-messages-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}
.settings-messages-option {
    display: grid;
    align-content: start;
    gap: .48rem;
    min-width: 0;
    padding: clamp(.62rem, 1.45vw, .95rem);
}
.settings-messages-option + .settings-messages-option {
    border-left: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
}
.settings-messages-option-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .58rem;
    margin-bottom: .18rem;
}
.settings-messages-option-icon {
    width: 38px;
    height: 38px;
    font-size: 1.05rem;
}
.settings-messages-option h4 {
    margin: 0;
    color: var(--gold);
    font-size: clamp(.92rem, 1.2vw, 1.04rem);
    line-height: 1.2;
}
.settings-messages-option h4 span {
    color: color-mix(in srgb, var(--gold) 78%, var(--text) 22%);
    font-weight: 700;
}
.settings-messages-option label {
    margin: 0;
    color: color-mix(in srgb, var(--gold) 78%, var(--muted) 22%);
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}
.settings-content .settings-messages-option select {
    min-height: 38px;
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, var(--text) 8%), color-mix(in srgb, var(--panel-2) 88%, var(--bg) 12%));
    color: var(--text);
    font-size: .88rem;
    font-weight: 700;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 7%, transparent);
    color-scheme: dark;
}
.settings-content .settings-messages-option select option {
    background: color-mix(in srgb, var(--panel) 92%, var(--bg) 8%);
    color: var(--text);
    font-weight: 700;
}
.settings-content .settings-messages-option select option:checked {
    background: color-mix(in srgb, var(--gold) 28%, var(--panel) 72%);
    color: var(--text);
}
html[data-theme="light"] .settings-content .settings-messages-option select {
    color-scheme: light;
}
.settings-messages-option p {
    margin: .08rem 0 0;
    max-width: 440px;
    color: color-mix(in srgb, var(--muted) 86%, var(--text) 14%);
    font-size: .82rem;
    line-height: 1.35;
}
.settings-messages-info {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(110px, 180px);
    align-items: center;
    gap: .65rem;
    min-height: 72px;
    padding: .62rem clamp(.72rem, 1.25vw, .95rem);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    border-radius: 10px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--panel-2) 78%, var(--bg) 22%), color-mix(in srgb, var(--panel) 80%, transparent));
}
.settings-messages-info-icon {
    width: 30px;
    height: 30px;
    font-size: .92rem;
}
.settings-messages-info strong {
    display: block;
    margin-bottom: .08rem;
    color: var(--gold);
    font-size: .86rem;
}
.settings-messages-info p {
    margin: 0;
    color: color-mix(in srgb, var(--muted) 84%, var(--text) 16%);
    font-size: .8rem;
    line-height: 1.28;
}
.settings-messages-phone {
    position: absolute;
    right: 1.5rem;
    bottom: -1.1rem;
    width: 92px;
    height: 112px;
    border: 2px solid color-mix(in srgb, var(--gold) 34%, var(--line) 66%);
    border-radius: 18px 18px 0 0;
    opacity: .5;
    background: color-mix(in srgb, var(--panel) 70%, var(--bg) 30%);
}
.settings-messages-phone::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    width: 30px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--line) 78%, transparent);
}
.settings-messages-phone span,
.settings-messages-phone i,
.settings-messages-phone b {
    position: absolute;
    right: 11px;
    width: 54px;
    height: 17px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--muted) 14%, transparent);
}
.settings-messages-phone span { top: 34px; }
.settings-messages-phone i { top: 61px; }
.settings-messages-phone b { top: 88px; }
.settings-messages-form .admin-settings-save-actions {
    justify-content: flex-end;
    margin: 0 !important;
    padding: .72rem clamp(.8rem, 1.75vw, 1.15rem);
    border-top: 1px solid color-mix(in srgb, var(--gold) 32%, var(--line) 68%);
    background:
        radial-gradient(circle at 50% 0, color-mix(in srgb, var(--gold) 26%, transparent) 0, transparent 18%),
        color-mix(in srgb, var(--panel-2) 82%, var(--bg) 18%);
}
.settings-content .settings-messages-form .admin-settings-save-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 38px;
    padding: .42rem .86rem;
    border: 1px solid color-mix(in srgb, var(--gold) 72%, var(--line) 28%);
    border-radius: 8px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--gold) 18%, var(--panel) 82%), color-mix(in srgb, var(--panel-2) 86%, var(--bg) 14%));
    color: var(--gold);
    font-size: .88rem;
    font-weight: 800;
    box-shadow: 0 14px 30px color-mix(in srgb, var(--gold) 18%, transparent);
}
.settings-content .settings-messages-form .admin-settings-save-actions .btn i {
    font-size: .94rem;
    line-height: 1;
}
@media (max-width: 860px) {
    .settings-messages-page {
        padding: .9rem;
        gap: .95rem;
    }
    .settings-messages-head {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
    .settings-messages-head-icon {
        width: 46px;
        height: 46px;
        font-size: 1.25rem;
    }
    .settings-messages-head h3 span {
        display: block;
        margin-top: .15rem;
    }
    .settings-messages-grid {
        grid-template-columns: 1fr;
    }
    .settings-messages-option + .settings-messages-option {
        border-left: 0;
        border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    }
    .settings-messages-info {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 0;
    }
    .settings-messages-phone {
        display: none;
    }
    .settings-messages-form .admin-settings-save-actions {
        padding: .85rem;
    }
    .settings-content .settings-messages-form .admin-settings-save-actions .btn {
        width: 100%;
    }
}
.settings-content .settings-row {
    margin-top: .35rem !important;
}
.settings-content .settings-row .muted {
    font-size: .82rem;
    line-height: 1.32;
    color: color-mix(in srgb, var(--muted) 82%, var(--text) 18%);
}
.payu-settings-shell {
    display: grid;
    gap: .85rem;
    margin-top: .7rem;
}
.payu-overview-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem 1rem;
    border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line));
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--gold) 12%, transparent), transparent 58%),
        color-mix(in srgb, var(--panel-2) 92%, var(--bg) 8%);
}
.payu-overview-copy {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .82rem;
    min-width: 0;
}
.payu-provider-mark {
    display: grid;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 8px;
    border: 1px solid color-mix(in srgb, var(--gold) 48%, var(--line));
    background: color-mix(in srgb, var(--gold) 16%, transparent);
    color: var(--text);
    font-weight: 900;
    letter-spacing: 0;
}
.payu-overview-copy h3,
.payu-card-head h3 {
    margin: 0;
}
.payu-overview-copy .muted,
.payu-card-head .muted {
    margin: .18rem 0 0;
}
.payu-overview-status {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .38rem;
    flex: 0 0 auto;
}
.payu-settings-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .8fr);
    gap: .85rem;
    align-items: start;
}
.payu-settings-main {
    display: grid;
    gap: .85rem;
    min-width: 0;
}
.payu-settings-card,
.payu-preflight-panel {
    margin: 0 !important;
}
.payu-settings-card {
    gap: .68rem;
}
.payu-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
    padding-bottom: .12rem;
}
.payu-field-grid {
    gap: .72rem;
}
.payu-toggle-row {
    align-items: center;
    padding: .62rem .68rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel-2) 65%, transparent);
}
.payu-preflight-panel {
    position: sticky;
    top: 1rem;
    gap: .68rem;
}
.tpay-side-stack {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .85rem;
}
.tpay-side-stack .payu-preflight-panel {
    position: static;
}
.payu-progress {
    height: .42rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--line) 70%, transparent);
}
.payu-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gold), color-mix(in srgb, var(--success) 82%, var(--gold) 18%));
}
.payu-checklist {
    gap: .34rem;
}
.payu-checklist .install-status-row {
    align-items: center;
    padding-top: .34rem;
}
.payu-checklist .install-status-main strong {
    font-size: .88rem;
}
.payu-checklist .install-status-main p {
    font-size: .76rem;
    line-height: 1.25;
}
.payu-preflight-summary {
    margin: 0;
}
.payu-error-note {
    border: 1px solid color-mix(in srgb, var(--danger) 48%, var(--line));
    border-radius: 8px;
    padding: .62rem .68rem;
    background: color-mix(in srgb, var(--danger) 10%, transparent);
}
.payu-error-note strong {
    display: block;
    margin-bottom: .18rem;
    color: color-mix(in srgb, var(--danger) 62%, var(--text) 38%);
}
.payu-error-note p {
    margin: 0;
    color: var(--muted);
    overflow-wrap: anywhere;
}
@media (max-width: 1180px) {
    .payu-settings-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .payu-preflight-panel {
        position: static;
    }
    .tpay-side-stack {
        position: static;
    }
    .payu-checklist {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .payu-checklist .install-status-row {
        border-top: 1px dashed color-mix(in srgb, var(--line) 65%, transparent);
        padding-top: .34rem;
    }
}
@media (max-width: 760px) {
    .payu-overview-panel,
    .payu-overview-copy {
        grid-template-columns: minmax(0, 1fr);
    }
    .payu-overview-panel {
        display: grid;
    }
    .payu-overview-status {
        justify-content: flex-start;
    }
    .payu-provider-mark {
        width: 3rem;
        height: 3rem;
    }
    .payu-checklist {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sales-flow-panel {
    gap: .5rem;
}
[data-sales-mode-panel][hidden] {
    display: none !important;
}
.sales-flow-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}
.sales-flow-status {
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--gold) 45%, var(--line));
    border-radius: 999px;
    padding: .22rem .55rem;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 10%, transparent);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.1;
}
.sales-flow-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
}
.sales-flow-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: .58rem .62rem;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 82%, var(--bg-base));
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, opacity .16s ease;
}
.sales-flow-card.is-active {
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line));
    background: color-mix(in srgb, var(--gold) 11%, var(--panel));
}
.sales-flow-card.is-disabled {
    opacity: .58;
    cursor: not-allowed;
}
.sales-flow-card-icon {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 12%, transparent);
    font-size: .72rem;
    font-weight: 900;
}
.sales-flow-card-copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.sales-flow-card-copy strong {
    line-height: 1.2;
}
.sales-flow-card-copy span {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.32;
}
.sales-flow-lock-note {
    margin: 0;
    padding: .45rem .58rem;
    border: 1px solid color-mix(in srgb, var(--gold) 26%, var(--line));
    border-radius: 10px;
    background: color-mix(in srgb, var(--gold) 8%, transparent);
}
.sales-flow-help {
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 72%, var(--bg-base));
}
.sales-flow-help summary {
    padding: .42rem .56rem;
    cursor: pointer;
    color: var(--text);
    font-weight: 800;
    list-style: none;
}
.sales-flow-help summary::-webkit-details-marker {
    display: none;
}
.sales-flow-help summary::after {
    content: "▾";
    float: right;
    color: var(--gold);
    transition: transform .16s ease;
}
.sales-flow-help[open] summary::after {
    transform: rotate(180deg);
}
.sales-flow-help-body {
    display: grid;
    gap: .34rem;
    padding: 0 .56rem .52rem;
}
.sales-flow-help-body p {
    margin: 0;
    color: color-mix(in srgb, var(--muted) 86%, var(--text) 14%);
    font-size: .84rem;
    line-height: 1.42;
}
.cart-behavior-panel {
    gap: .5rem;
}
.cart-behavior-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}
.cart-behavior-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}
.cart-behavior-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .52rem;
    margin: 0;
    padding: .62rem .66rem;
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 82%, var(--bg-base));
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease;
}
.cart-behavior-card.is-active {
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line));
    background: color-mix(in srgb, var(--gold) 10%, var(--panel));
}
.cart-behavior-icon {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 12%, transparent);
    font-size: .8rem;
    font-weight: 900;
}
.cart-behavior-copy {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.cart-behavior-copy strong {
    line-height: 1.2;
}
.cart-behavior-copy span {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.32;
}
.guest-checkout-flow {
    display: grid;
    gap: .48rem;
    margin-top: .35rem;
    padding: .62rem;
    border: 1px solid color-mix(in srgb, var(--gold) 28%, var(--line));
    border-radius: 12px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 7%, transparent), transparent 60%);
}
.guest-checkout-flow-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}
.guest-checkout-flow-head > div {
    display: grid;
    gap: .08rem;
}
.guest-checkout-flow-head > div > span {
    color: var(--muted);
    font-size: .8rem;
    line-height: 1.3;
}
.guest-checkout-flow-badge {
    flex: 0 0 auto;
    padding: .24rem .5rem;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
    border-radius: 999px;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 10%, var(--panel));
    font-size: .74rem;
    font-weight: 800;
    line-height: 1;
}
.guest-checkout-grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
.guest-checkout-grid::after {
    content: "\2192";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border: 1px solid color-mix(in srgb, var(--gold) 48%, var(--line));
    border-radius: 999px;
    color: var(--gold);
    background: var(--panel);
    font-size: .76rem;
    font-weight: 900;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.guest-checkout-card {
    min-height: 5rem;
}
.guest-checkout-card.is-disabled {
    opacity: .56;
    cursor: not-allowed;
}
.settings-content .offer-settings-panel {
    gap: .28rem;
}
.settings-content .offer-settings-panel h3 {
    margin: 0;
}
.settings-content .offer-settings-intro {
    margin: 0;
}
.settings-content .offer-settings-row {
    display: grid;
    grid-template-columns: minmax(0, 32rem) auto;
    align-items: center;
    justify-content: start;
    gap: .75rem;
    margin-top: .22rem !important;
    padding: .58rem .62rem;
    border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
    border-radius: 11px;
    background: color-mix(in srgb, var(--panel-2) 60%, transparent);
}
.settings-content .offer-settings-row > div {
    display: grid;
    gap: .12rem;
    min-width: 0;
}
.settings-content .offer-settings-row .muted {
    margin: 0;
}
.settings-content .offer-settings-row > .switch {
    margin: 0;
}
.switch input[type="checkbox"]:disabled {
    cursor: not-allowed;
}
.switch input[type="checkbox"]:disabled + .switch-track {
    opacity: .55;
}
.settings-inline-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 120px));
    gap: .5rem;
}
.settings-inline-fields input {
    width: 100%;
}
.settings-site-name-control {
    display: grid;
    grid-template-columns: minmax(18rem, 34rem) auto;
    align-items: end;
    justify-content: start;
    gap: .56rem;
}
.settings-site-name-switch {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .24rem;
    white-space: nowrap;
}
.settings-about-section {
    display: grid;
    gap: .18rem;
}
.settings-about-section h2 {
    margin: 0 0 .08rem;
}
.settings-about-section > .muted {
    margin: 0 0 .04rem;
}
.settings-about-section > div {
    margin-top: .14rem !important;
}
.settings-about-section .settings-row {
    margin-top: .14rem !important;
}
.settings-row-featured-title {
    display: grid;
    gap: .45rem;
}
.settings-row-featured-title-head {
    display: grid;
    gap: .5rem;
}
.settings-row-featured-title-label {
    margin: 0;
}
.settings-row-featured-title-main {
    min-width: 0;
}
.settings-row-featured-title-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    flex-wrap: wrap;
}
.settings-row-featured-title-toggle strong {
    line-height: 1.2;
}
.settings-file-current {
    overflow-wrap: anywhere;
    word-break: break-word;
}
.settings-logo-current {
    display: grid;
    gap: .45rem;
    margin-top: .55rem;
}
.settings-logo-current-label {
    display: inline-block;
}
.settings-logo-current-frame {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 220px);
    min-height: 96px;
    padding: .8rem;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    overflow: hidden;
}
.settings-logo-current-frame.is-shape-round {
    border-radius: 28px;
}
.settings-logo-current-frame.is-shape-soft {
    border-radius: 20px;
}
.settings-logo-current-frame.is-shape-square {
    border-radius: 0;
}
.settings-logo-current-frame img {
    max-width: 100%;
    max-height: 112px;
    object-fit: contain;
}
.settings-banner-current {
    display: grid;
    gap: .45rem;
    margin-top: .55rem;
}
.settings-banner-current-edit {
    width: max-content;
    max-width: 100%;
}
.settings-banner-size-preview-shell .settings-banner-current-edit {
    margin-top: .12rem;
}
.settings-banner-current-meta {
    display: grid;
    gap: .35rem;
    align-items: start;
}
.settings-media-remove {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: .42rem;
}
.settings-media-remove-button {
    width: max-content;
    max-width: 100%;
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
    background: color-mix(in srgb, var(--danger) 10%, transparent);
}
.settings-media-remove-button:hover,
.settings-media-remove-button:focus-visible {
    border-color: color-mix(in srgb, var(--danger) 68%, var(--line));
    background: color-mix(in srgb, var(--danger) 16%, transparent);
}
.settings-banner-controls-column,
.settings-banner-preview-column {
    display: grid;
    gap: .56rem;
}
.settings-banner-config-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    max-width: 1120px;
    gap: 1rem;
}
@media (max-width: 1180px) {
    .settings-banner-config-grid {
        grid-template-columns: minmax(0, 1fr);
        max-width: 100%;
    }
}
.settings-banner-device-grid {
    margin-top: 1.4rem;
    padding-top: 1.2rem;
    border-top: 2px solid color-mix(in srgb, var(--gold) 48%, var(--line));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
.settings-banner-size-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .56rem;
}
.settings-banner-size-slider {
    display: grid;
    gap: .32rem;
}
.settings-banner-size-slider-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4.8rem;
    gap: .45rem;
    align-items: center;
}
.settings-banner-size-slider-row input[type="range"] {
    height: 18px;
    min-height: 18px;
    padding: 0;
}
.settings-banner-size-slider-row output {
    text-align: right;
    white-space: nowrap;
}
.settings-banner-ratio-lock {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: .42rem;
}
.settings-banner-radius-controls {
    display: grid;
    gap: .5rem;
}
.settings-banner-radius-toggle {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: .42rem;
}
.settings-content .settings-banner-config-grid .checkbox-line input[type="checkbox"],
.settings-content .settings-banner-device-grid .checkbox-line input[type="checkbox"],
.settings-content .settings-media-remove input[type="checkbox"],
.settings-content .settings-row input[name="header_banner_enabled"][type="checkbox"] {
    display: inline-block;
    flex: 0 0 auto;
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}
.settings-banner-radius-inputs {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5.5rem;
    gap: .45rem;
    align-items: center;
}
.settings-banner-radius-inputs input[type="range"] {
    height: 18px;
    min-height: 18px;
    padding: 0;
}
.settings-banner-size-presets {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
}
.settings-banner-size-presets .btn {
    min-height: 2rem;
    padding: .32rem .58rem;
}
.settings-banner-size-preview-shell {
    display: grid;
    gap: .38rem;
}
.settings-media-processing {
    display: grid;
    gap: .42rem;
    margin-top: .9rem;
    padding: .62rem .72rem;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line));
    border-radius: 10px;
    background: color-mix(in srgb, var(--gold) 10%, var(--panel) 90%);
}
.settings-media-processing[hidden] {
    display: none;
}
.settings-media-processing-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .65rem;
    flex-wrap: wrap;
}
.settings-media-processing-head strong {
    line-height: 1.15;
}
.settings-media-processing-bar {
    position: relative;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--line) 74%, transparent);
}
.settings-media-processing-bar span {
    position: absolute;
    inset: 0 auto 0 0;
    width: 42%;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    animation: settings-media-processing-slide 1.05s ease-in-out infinite;
}
.settings-content .btn.is-loading {
    opacity: .78;
    cursor: wait;
}
@keyframes settings-media-processing-slide {
    0% {
        transform: translateX(-110%);
    }
    100% {
        transform: translateX(260%);
    }
}
.settings-banner-size-preview {
    display: grid;
    place-items: center;
    width: min(100%, 520px);
    aspect-ratio: var(--settings-banner-preview-aspect, 5 / 1);
    min-height: 40px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--settings-banner-preview-radius, 0);
    background:
        repeating-conic-gradient(from 45deg, rgba(255,255,255,.035) 0% 25%, transparent 0% 50%) 50% / 16px 16px,
        color-mix(in srgb, var(--panel) 88%, black 12%);
    color: var(--muted);
    font-size: .82rem;
    font-weight: 800;
}
.settings-banner-size-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.settings-banner-size-preview-mobile {
    width: min(100%, 260px);
}
.settings-banner-size-output {
    display: block;
}
.settings-logo-crop-tool {
    display: grid;
    gap: .75rem;
    margin-top: .7rem;
    padding: .9rem;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: color-mix(in srgb, var(--panel-2) 86%, black 14%);
}
.settings-logo-crop-tool[hidden] {
    display: none;
}
.settings-logo-crop-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .85rem;
    flex-wrap: wrap;
}
.settings-logo-crop-controls {
    gap: .75rem;
    align-items: start;
}
.settings-logo-crop-controls output {
    display: inline-block;
    margin-top: .18rem;
}
.settings-logo-crop-stage-shell {
    width: 100%;
}
.settings-logo-crop-stage {
    --logo-crop-aspect: 1;
    position: relative;
    width: min(100%, 420px);
    aspect-ratio: var(--logo-crop-aspect);
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold) 38%, var(--line) 62%);
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.1)),
        repeating-conic-gradient(from 45deg, rgba(255,255,255,.035) 0% 25%, transparent 0% 50%) 50% / 18px 18px,
        color-mix(in srgb, var(--panel) 86%, black 14%);
    touch-action: none;
    cursor: grab;
}
.settings-banner-crop-stage {
    width: min(100%, 460px);
}
.settings-logo-crop-stage:active {
    cursor: grabbing;
}
.settings-logo-crop-stage img {
    position: absolute;
    inset: 0 auto auto 0;
    max-width: none;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
}
.settings-logo-crop-stage img[hidden] {
    display: none;
}
.settings-logo-crop-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08),
        inset 0 0 0 999px rgba(0,0,0,.08);
}
.settings-logo-crop-grid::before,
.settings-logo-crop-grid::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 33.333%, rgba(255,255,255,.18) 33.333%, rgba(255,255,255,.18) 34%, transparent 34%, transparent 66.666%, rgba(255,255,255,.18) 66.666%, rgba(255,255,255,.18) 67%, transparent 67%),
        linear-gradient(180deg, transparent 33.333%, rgba(255,255,255,.18) 33.333%, rgba(255,255,255,.18) 34%, transparent 34%, transparent 66.666%, rgba(255,255,255,.18) 66.666%, rgba(255,255,255,.18) 67%, transparent 67%);
}
.settings-content textarea[name="about_page_content"] {
    margin-top: .15rem;
}
.settings-content textarea[name="about_page_content"] + .muted {
    margin-top: .15rem !important;
}
.settings-content .tox-tinymce {
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
    background: var(--panel);
}
.settings-content .tox {
    color: var(--text);
}
.settings-content .tox .tox-toolbar,
.settings-content .tox .tox-toolbar__primary,
.settings-content .tox .tox-toolbar-overlord,
.settings-content .tox .tox-menubar,
.settings-content .tox .tox-statusbar {
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    border-color: var(--line);
}
.settings-content .tox .tox-tbtn,
.settings-content .tox .tox-tbtn--select,
.settings-content .tox .tox-split-button,
.settings-content .tox .tox-listboxfield .tox-listbox--select,
.settings-content .tox .tox-toolbar__group {
    color: var(--text);
}
.settings-content .tox .tox-tbtn svg,
.settings-content .tox .tox-tbtn--select svg,
.settings-content .tox .tox-split-button svg {
    fill: var(--text);
}
.settings-content .tox .tox-tbtn:hover,
.settings-content .tox .tox-tbtn--enabled,
.settings-content .tox .tox-tbtn--select:hover,
.settings-content .tox .tox-split-button:hover {
    background: color-mix(in srgb, var(--panel-2) 80%, white 20%);
}
.settings-content .tox .tox-tbtn__select-label,
.settings-content .tox .tox-collection__item-label {
    color: var(--text);
}
.settings-content .tox .tox-edit-area__iframe {
    background: var(--panel);
}
html[data-theme="dark"] .settings-content .tox .tox-edit-area__iframe {
    background: #171411;
}
html[data-theme="light"] .settings-content .tox .tox-edit-area__iframe {
    background: #fff;
}
.settings-license-note {
    margin-top: .3rem;
    max-width: 880px;
}
.settings-license-text {
    margin: .35rem 0 .55rem;
    line-height: 1.45;
}
.settings-license-versions {
    margin: 0;
    font-size: 1rem;
}
.settings-main {
    margin: 0;
}
.settings-section { display: none; }
.settings-section.is-active { display: block; }
#settings-specs.panel { display: block; }
.site-texts-list {
    display: grid;
    gap: .6rem;
}
.site-texts-input {
    min-height: 86px;
}
.site-text-card {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: .7rem;
    background: color-mix(in srgb, var(--panel) 86%, black 14%);
    margin-top: .55rem;
}
.site-text-card-label {
    margin: 0 0 .2rem;
    font-size: .76rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
}
.site-text-card-id,
.site-text-card-original {
    margin: 0 0 .45rem;
    line-height: 1.35;
}
.site-text-card-original {
    white-space: pre-wrap;
    word-break: break-word;
}
.site-texts-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}
.is-disabled {
    opacity: .55;
    pointer-events: none;
}
.admin-conversations-list {
    gap: .54rem;
}
.admin-conversations-list .admin-conversation-item {
    margin-bottom: 0;
}
.admin-unread-count {
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
    background: color-mix(in srgb, var(--danger) 12%, transparent);
    font-size: .68rem;
    padding: .16rem .42rem;
    letter-spacing: .05em;
    text-transform: none;
}
.account-unread-count {
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
    background: color-mix(in srgb, var(--danger) 12%, transparent);
}
input, select, textarea {
    width: 100%; border: 1px solid var(--line); border-radius: 12px;
    padding: .75rem .85rem; background: color-mix(in srgb, var(--panel) 85%, black 15%);
    color: var(--text); font: inherit;
}
.is-watch-show textarea[name="body"] {
    min-height: calc(3 * 1.08rem + .76rem + 2px);
    height: calc(3 * 1.08rem + .76rem + 2px);
    line-height: 1.08;
    overflow: hidden;
    resize: none;
    padding: .38rem .68rem;
}
.is-watch-show textarea[name="notes"] {
    height: 60px;
    padding: .34rem .68rem;
}
.is-watch-show .product-info form input[type="text"],
.is-watch-show .product-info form input[type="email"],
.is-watch-show .product-info form input[type="number"],
.is-watch-show .product-info form select {
    padding: .42rem .72rem;
    min-height: 36px;
}
.is-watch-show .product-info form .btn {
    padding: .36rem .78rem;
    min-height: 36px;
}
input[type="color"] {
    width: 100%;
    min-height: 42px;
    padding: .24rem;
    border-radius: 12px;
    cursor: pointer;
    background: color-mix(in srgb, var(--panel) 85%, black 15%);
}
input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
input[type="color"]::-webkit-color-swatch {
    border: 0;
    border-radius: 8px;
}
input[type="color"]::-moz-color-swatch {
    border: 0;
    border-radius: 8px;
}
textarea { resize: vertical; min-height: 110px; }
label { display: block; font-size: .92rem; color: var(--muted); margin-bottom: .3rem; }
.muted { color: var(--muted); }
.rich-text { white-space: pre-line; }
.rich-html {
    line-height: 1.65;
}
.rich-html > :first-child {
    margin-top: 0;
}
.rich-html > :last-child {
    margin-bottom: 0;
}
.rich-html a {
    color: var(--gold);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.rich-html ul,
.rich-html ol {
    padding-left: 1.2rem;
}
.rich-html h2,
.rich-html h3,
.rich-html h4 {
    margin: .35rem 0;
}
.terms-page .section-header {
    align-items: end;
    gap: .75rem;
}
.document-page .section-header {
    align-items: end;
    gap: .75rem;
}
.payments-info-page .section-header,
.shipping-info-page .section-header {
    align-items: flex-start;
    justify-content: flex-start;
    margin: .55rem 0 .65rem;
    text-align: left;
}
.payments-info-page .section-header h1,
.shipping-info-page .section-header h1 {
    margin: 0;
    font-size: clamp(1.45rem, 2.4vw, 1.9rem);
    line-height: 1.15;
}
.terms-page .terms-meta,
.document-page .document-meta {
    margin: .35rem 0 0;
    font-size: .84rem;
}
.payments-info-page .document-meta,
.shipping-info-page .document-meta {
    margin-top: .22rem;
}
.terms-page .rich-html p,
.terms-page .rich-html li,
.document-page .rich-html p,
.document-page .rich-html li {
    font-size: 1rem;
    line-height: 1.58;
}
.terms-page .rich-html h2,
.document-page .rich-html h2 {
    font-size: clamp(1.08rem, 1.5vw, 1.24rem);
}
.terms-page .rich-html h3,
.terms-page .rich-html h4,
.document-page .rich-html h3,
.document-page .rich-html h4 {
    font-size: 1rem;
}
.auth-wrap { display: grid; place-items: center; min-height: 60vh; }
body.auth-background-on {
    background-image:
        radial-gradient(circle at 90% 10%, rgba(200, 169, 120, 0.12), transparent 35%),
        radial-gradient(circle at 10% 20%, rgba(200, 169, 120, 0.08), transparent 45%);
}
body.auth-background-on .page-shell {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 160px);
    padding: 2rem 0;
    background-image:
        linear-gradient(180deg, rgba(11, 10, 9, .68), rgba(11, 10, 9, .78)),
        var(--auth-background-image);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
body.auth-background-on .page-shell > .container {
    width: min(860px, calc(100% - 2rem));
    padding: 1.05rem 2.2rem;
    border: 1px solid rgba(232, 222, 207, .1);
    border-radius: 18px;
    background: rgba(20, 20, 18, .18);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .16);
    backdrop-filter: blur(4px);
    transform: translateY(-76px);
}
body.auth-background-on .auth-wrap {
    min-height: auto;
}
body.auth-background-on .page-shell:has(.auth-register-wrap),
body.auth-background-on .page-shell:has(.auth-login-wrap:not(.auth-admin-login-wrap)) {
    place-items: start center;
    padding-top: clamp(14px, 2.4vh, 32px);
}
body.auth-background-on .page-shell:has(.auth-register-wrap) > .container,
body.auth-background-on .page-shell:has(.auth-login-wrap:not(.auth-admin-login-wrap)) > .container {
    transform: none;
}
body.auth-background-on .auth-card {
    background: color-mix(in srgb, var(--panel) 88%, transparent);
    border-color: color-mix(in srgb, var(--line) 78%, transparent);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
    backdrop-filter: blur(14px);
}
@media (max-width: 768px) {
    body.auth-background-on {
        background-image:
            radial-gradient(circle at 90% 10%, rgba(200, 169, 120, 0.12), transparent 35%),
            radial-gradient(circle at 10% 20%, rgba(200, 169, 120, 0.08), transparent 45%);
    }
    body.auth-background-on .page-shell {
        background-image: none;
        background-attachment: scroll;
    }
    body.auth-background-on .page-shell {
        min-height: auto;
        padding: .6rem 0 1.2rem;
        place-items: start center;
    }
    body.auth-background-on .page-shell:has(.auth-register-wrap),
    body.auth-background-on .page-shell:has(.auth-login-wrap:not(.auth-admin-login-wrap)) {
        padding-top: .35rem;
    }
    body.auth-background-on .page-shell > .container {
        width: min(430px, calc(100% - .75rem));
        padding: .42rem;
        border-radius: 14px;
        background: rgba(20, 20, 18, .12);
        transform: none;
        backdrop-filter: none;
    }
    body.auth-background-on .auth-login-card {
        width: 100%;
    }
    .auth-register-wrap,
    .auth-wrap.auth-login-wrap:not(.auth-register-wrap):not(.auth-admin-login-wrap) {
        align-items: start;
        place-items: start center;
        min-height: auto;
        padding-top: 0;
    }
    body.auth-background-on .auth-register-wrap,
    body.auth-background-on .auth-wrap.auth-login-wrap:not(.auth-register-wrap):not(.auth-admin-login-wrap) {
        padding-top: 0;
    }
    .auth-register-card {
        margin-top: 0;
    }
    .auth-login-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto max-content minmax(0, 1fr);
        justify-content: center;
        align-items: center;
        column-gap: .75rem;
    }
    .auth-login-card .auth-login-emblem {
        grid-column: 2;
        grid-row: 1;
        width: 36px;
        height: 36px;
        margin: 0;
    }
    .auth-login-card .auth-login-title {
        grid-column: 3;
        grid-row: 1;
        text-align: left;
        white-space: nowrap;
    }
    .auth-login-card .auth-register-heading {
        grid-column: 1 / -1;
        justify-self: center;
    }
    .auth-login-card .auth-login-ornament,
    .auth-login-card .alert,
    .auth-login-card .auth-form,
    .auth-login-card .auth-login-register {
        grid-column: 1 / -1;
    }
    .auth-login-card .auth-login-ornament {
        margin-top: 8px;
    }
    body.is-admin-login .page-shell:has(.auth-admin-login-wrap) {
        display: grid;
        place-items: start center;
        min-height: calc(100dvh - 132px);
        padding: .65rem 0 1.35rem;
    }
    body.is-admin-login .page-shell:has(.auth-admin-login-wrap) > .container {
        width: min(430px, calc(100% - .75rem));
        padding: .42rem;
    }
    body.is-admin-login.auth-background-on .page-shell:has(.auth-admin-login-wrap) > .container {
        border-radius: 14px;
        background: rgba(20, 20, 18, .12);
        transform: none;
        backdrop-filter: none;
    }
    body.is-admin-login .auth-admin-login-wrap {
        min-height: auto;
        width: 100%;
    }
    body.is-admin-login .auth-admin-login-card.auth-login-card {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 20px 18px 22px;
        margin-bottom: 0;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-emblem {
        width: 38px;
        height: 38px;
        margin: 0 auto 10px;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-title {
        text-align: center;
        white-space: normal;
        font-size: clamp(1.24rem, 5vw, 1.55rem);
        line-height: 1.18;
        padding: 0 .1rem;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-ornament {
        margin-top: 6px;
        margin-bottom: 16px;
    }
    body.is-admin-login .auth-admin-login-card .auth-form {
        gap: 12px;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-field input:not([type="checkbox"]):not([type="radio"]),
    body.is-admin-login .auth-admin-login-card .auth-login-password-field .auth-password-field input {
        min-height: 44px;
        font-size: 16px;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-submit,
    body.is-admin-login .auth-admin-login-card .auth-login-register-btn {
        min-height: 46px;
        font-size: .95rem;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-register-btn {
        white-space: normal;
        line-height: 1.25;
        padding: .55rem .75rem;
        text-align: center;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-divider span {
        font-size: .76rem;
        line-height: 1.2;
    }
    body.is-admin-login .auth-admin-login-card .alert {
        font-size: .86rem;
        line-height: 1.35;
    }
    body.is-admin-login .auth-admin-login-card .alert code {
        word-break: break-all;
    }
}
.auth-card { width: min(520px, 100%); }
.auth-card h1 { margin-top: 0; }
.auth-login-title {
    font-size: clamp(1.25rem, 1.55vw, 1.48rem);
    line-height: 1.16;
    text-align: center;
}
.admin-login-title { font-size: clamp(1.35rem, 2vw, 1.7rem); line-height: 1.18; }
.auth-form {
    gap: .58rem;
}
.auth-form input:not([type="checkbox"]):not([type="radio"]) {
    min-height: 38px;
    padding: .46rem .7rem;
    border-radius: 10px;
}
.auth-password-field {
    position: relative;
    display: block;
}
.auth-password-field input {
    width: 100%;
    padding-right: 2.65rem !important;
}
.auth-password-toggle {
    position: absolute;
    top: 50%;
    right: .42rem;
    transform: translateY(-50%);
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    cursor: pointer;
}
.auth-password-toggle:hover,
.auth-password-toggle:focus-visible {
    color: var(--text);
    background: color-mix(in srgb, var(--text) 8%, transparent);
}
.auth-password-toggle-icon {
    width: 1.15rem;
    height: 1.15rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.auth-password-toggle-icon--hide,
.auth-password-field.is-visible .auth-password-toggle-icon--show {
    display: none;
}
.auth-password-field.is-visible .auth-password-toggle-icon--hide {
    display: block;
}
.auth-password-hint {
    margin: -.18rem 0 0;
    font-size: .78rem;
    line-height: 1.25;
}
.auth-links { display: grid; gap: .35rem; margin-top: .85rem; }
.auth-wrap.auth-login-wrap:not(.auth-register-wrap):not(.auth-admin-login-wrap) {
    place-items: start center;
    min-height: auto;
    padding-top: clamp(14px, 2.6vh, 34px);
}
.auth-register-wrap {
    align-items: start;
    padding-top: clamp(14px, 2.6vh, 34px);
}
.auth-login-card {
    position: relative;
    width: min(430px, calc(100vw - 32px));
    padding: 26px 34px 28px;
    overflow: hidden;
    border: 1px solid rgba(199, 151, 69, .26);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% -8%, rgba(226, 178, 84, .18), transparent 28%),
        linear-gradient(180deg, rgba(43, 40, 34, .82), rgba(28, 27, 24, .84));
    box-shadow:
        0 20px 70px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    backdrop-filter: blur(18px);
}
.auth-login-card::before,
.auth-login-card::after {
    content: "";
    position: absolute;
    left: 50%;
    z-index: 0;
    width: min(190px, 46%);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(230, 181, 82, .92), transparent);
    box-shadow: 0 0 16px rgba(230, 181, 82, .6);
}
.auth-login-card::before {
    top: 0;
}
.auth-login-card::after {
    bottom: 0;
}
.auth-login-card > * {
    position: relative;
    z-index: 1;
}
.auth-login-emblem {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin: 0 auto 12px;
    border: 1px solid rgba(209, 161, 71, .54);
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(221, 174, 82, .26), rgba(221, 174, 82, .06) 58%, transparent 60%),
        rgba(10, 10, 9, .34);
    color: #e2b252;
    box-shadow: 0 0 18px rgba(210, 161, 71, .22);
}
.auth-login-emblem i {
    font-size: 1.05rem;
    line-height: 1;
}
.auth-login-card .auth-login-title {
    margin: 0;
    color: #f5efe7;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.72rem, 2vw, 2rem);
    font-weight: 500;
    line-height: 1.08;
    text-shadow: 0 1px 18px rgba(255, 255, 255, .16);
}
.auth-register-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.auth-register-heading .auth-login-emblem {
    flex: 0 0 40px;
    margin: 0;
}
.auth-login-ornament {
    display: flex;
    justify-content: center;
    margin: 9px 0 20px;
    color: #c89b48;
}
.auth-login-ornament span {
    position: relative;
    display: block;
    width: 52px;
    height: 8px;
}
.auth-login-ornament span::before,
.auth-login-ornament span::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 1px;
    background: linear-gradient(90deg, transparent, currentColor);
}
.auth-login-ornament span::before {
    left: 0;
}
.auth-login-ornament span::after {
    right: 0;
    transform: scaleX(-1);
}
.auth-login-ornament {
    background:
        radial-gradient(circle at 50% 50%, currentColor 0 2px, transparent 2.5px),
        radial-gradient(circle at 43% 50%, transparent 0 2px, currentColor 2.2px 3px, transparent 3.2px),
        radial-gradient(circle at 57% 50%, transparent 0 2px, currentColor 2.2px 3px, transparent 3.2px);
    background-repeat: no-repeat;
    background-size: 52px 8px;
    background-position: center;
}
.auth-login-card .alert {
    margin-bottom: 16px;
    border-color: rgba(211, 166, 82, .28);
    background: rgba(9, 9, 8, .44);
}
.auth-login-card .auth-form {
    gap: 14px;
}
.auth-login-field {
    position: relative;
    display: block;
    margin: 0;
}
.auth-login-field > i {
    position: absolute;
    top: 50%;
    left: 14px;
    z-index: 2;
    transform: translateY(-50%);
    color: rgba(237, 231, 220, .66);
    font-size: 1rem;
    line-height: 1;
    pointer-events: none;
}
.auth-login-field input:not([type="checkbox"]):not([type="radio"]),
.auth-login-password-field .auth-password-field input {
    width: 100%;
    min-height: 42px;
    padding: .62rem 2.7rem .62rem 2.45rem !important;
    border: 1px solid rgba(235, 226, 211, .17);
    border-radius: 8px;
    background: rgba(8, 8, 7, .2);
    color: #f3ede4;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}
.auth-login-field input::placeholder {
    color: rgba(237, 231, 220, .55);
}
.auth-login-field input:focus {
    border-color: rgba(221, 174, 82, .62);
    outline: none;
    box-shadow: 0 0 0 3px rgba(221, 174, 82, .13);
}
.auth-login-password-field .auth-password-field {
    width: 100%;
}
.auth-login-password-field .auth-password-toggle {
    right: .45rem;
    color: rgba(237, 231, 220, .62);
}
.auth-login-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin: 2px 0 8px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: .84rem;
}
.auth-login-options a {
    color: #d5a44d;
    text-decoration: none;
}
.auth-login-options a:hover,
.auth-login-options a:focus-visible {
    color: #f0c96e;
    text-decoration: underline;
}
.auth-login-remember {
    gap: .55rem;
    color: rgba(237, 231, 220, .75);
}
.auth-login-remember input {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: #d5a44d;
}
.auth-login-submit {
    min-height: 44px;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, #f1cc73, #b9852c);
    color: #1a1308;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(190, 137, 40, .2);
}
.auth-login-submit:hover,
.auth-login-submit:focus-visible {
    background: linear-gradient(180deg, #ffd978, #c28f32);
    color: #100b04;
}
.auth-login-register {
    display: grid;
    gap: 13px;
    margin-top: 18px;
}
.auth-login-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(237, 231, 220, .68);
    font-family: Georgia, "Times New Roman", serif;
    font-size: .8rem;
    text-align: center;
}
.auth-login-divider::before,
.auth-login-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(237, 231, 220, .13));
}
.auth-login-divider::after {
    transform: scaleX(-1);
}
.auth-login-register-btn {
    min-height: 40px;
    border: 1px solid rgba(207, 157, 67, .68);
    border-radius: 8px;
    background: rgba(8, 8, 7, .12);
    color: #d5a44d;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
}
.auth-login-register-btn:hover,
.auth-login-register-btn:focus-visible {
    border-color: #efc86c;
    background: rgba(213, 164, 77, .12);
    color: #efc86c;
}
.auth-register-card {
    padding-top: 22px;
    padding-bottom: 24px;
}
.auth-register-card .auth-login-ornament {
    margin-bottom: 16px;
}
.auth-register-card .auth-form {
    gap: 12px;
}
.auth-admin-login-wrap {
    min-height: clamp(500px, 68vh, 720px);
}
body.is-admin .auth-admin-login-card.auth-login-card {
    padding: 26px 34px 28px;
    margin-bottom: 0;
    background:
        radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 30%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, transparent), color-mix(in srgb, var(--workspace) 90%, transparent));
    border-color: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    color: var(--text);
    box-shadow:
        0 20px 70px color-mix(in srgb, var(--bg-base, var(--bg)) 46%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--text) 8%, transparent);
}
body.is-admin .auth-admin-login-card .auth-form {
    gap: 14px;
}
body.is-admin .auth-admin-login-card .auth-login-title {
    color: var(--text);
    text-shadow: 0 1px 18px color-mix(in srgb, var(--text) 12%, transparent);
}
body.is-admin .auth-admin-login-card .auth-login-emblem {
    border-color: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    background:
        radial-gradient(circle, color-mix(in srgb, var(--gold) 24%, transparent), color-mix(in srgb, var(--gold) 7%, transparent) 58%, transparent 60%),
        color-mix(in srgb, var(--panel-2) 76%, var(--bg-base, var(--bg)) 24%);
    color: color-mix(in srgb, var(--gold) 84%, var(--text) 16%);
    box-shadow: 0 0 18px color-mix(in srgb, var(--gold) 22%, transparent);
}
body.is-admin .auth-admin-login-card .auth-login-ornament {
    color: color-mix(in srgb, var(--gold) 84%, var(--text) 16%);
}
body.is-admin .auth-admin-login-card .auth-login-field > i,
body.is-admin .auth-admin-login-card .auth-login-password-field .auth-password-toggle {
    color: color-mix(in srgb, var(--text) 58%, var(--gold) 42%);
}
body.is-admin .auth-admin-login-card .auth-login-field input:not([type="checkbox"]):not([type="radio"]),
body.is-admin .auth-admin-login-card .auth-login-password-field .auth-password-field input {
    border-color: color-mix(in srgb, var(--gold) 20%, var(--line) 80%);
    background: color-mix(in srgb, var(--panel-2) 76%, var(--bg-base, var(--bg)) 24%);
    color: var(--text);
}
body.is-admin .auth-admin-login-card .auth-login-field input::placeholder {
    color: color-mix(in srgb, var(--muted) 78%, var(--gold) 22%);
}
body.is-admin .auth-admin-login-card .auth-login-field input:focus {
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 16%, transparent);
}
body.is-admin .auth-admin-login-card .auth-login-remember,
body.is-admin .auth-admin-login-card .auth-login-divider {
    color: var(--muted);
}
body.is-admin .auth-admin-login-card .auth-login-remember input {
    accent-color: var(--gold);
}
body.is-admin .auth-admin-login-card .auth-login-divider::before,
body.is-admin .auth-admin-login-card .auth-login-divider::after {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 34%, var(--line) 66%));
}
body.is-admin .auth-admin-login-card .auth-admin-login-options {
    justify-content: flex-start;
    margin-bottom: 8px;
}
body.is-admin .auth-admin-login-card .auth-login-submit,
body.is-admin .auth-admin-login-card .auth-login-register-btn {
    width: 100%;
}
body.is-admin .auth-admin-login-card .auth-login-submit {
    border: 1px solid color-mix(in srgb, var(--gold) 78%, var(--line) 22%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 72%, #fff 28%), color-mix(in srgb, var(--gold) 88%, #8b641c 12%));
    color: #1a1308;
}
body.is-admin .auth-admin-login-card .auth-login-register-btn {
    border-color: color-mix(in srgb, var(--gold) 72%, var(--line) 28%);
    background: color-mix(in srgb, var(--panel) 74%, var(--bg-base, var(--bg)) 26%);
    color: color-mix(in srgb, var(--gold) 84%, var(--text) 16%);
}
body.is-admin .auth-admin-login-card .auth-login-submit:hover,
body.is-admin .auth-admin-login-card .auth-login-submit:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 92%, #fff 8%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 68%, #fff 32%), color-mix(in srgb, var(--gold) 92%, #8b641c 8%));
    color: #100b04;
}
body.is-admin .auth-admin-login-card .auth-login-register-btn:hover,
body.is-admin .auth-admin-login-card .auth-login-register-btn:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 86%, #fff 14%);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
    color: color-mix(in srgb, var(--gold) 92%, var(--text) 8%);
}
@media (min-width: 769px) {
    body.is-admin-login .page-shell:has(.auth-admin-login-wrap) {
        display: grid;
        place-items: center;
        min-height: calc(100vh - 160px);
        padding: 1rem 0 1.5rem;
    }
    body.is-admin-login .auth-admin-login-wrap {
        min-height: auto;
    }
}
@media (max-width: 560px) {
    body.is-admin-login .page-shell:has(.auth-admin-login-wrap) {
        min-height: calc(100dvh - 118px);
        padding: .45rem 0 1.1rem;
    }
    body.is-admin-login .page-shell:has(.auth-admin-login-wrap) > .container {
        width: min(100%, calc(100% - .65rem));
        padding: .28rem;
    }
    body.is-admin-login .auth-admin-login-card.auth-login-card {
        padding: 18px 14px 20px;
        border-radius: 16px;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-title {
        font-size: clamp(1.16rem, 4.8vw, 1.38rem);
    }
    body.is-admin-login .auth-admin-login-card .auth-login-submit,
    body.is-admin-login .auth-admin-login-card .auth-login-register-btn {
        min-height: 44px;
        font-size: .9rem;
    }
    body.is-admin-login .auth-admin-login-card .auth-login-register {
        margin-top: 14px;
        gap: 11px;
    }
}
.auth-register-card .auth-password-hint {
    margin: -4px 0 0;
    color: rgba(237, 231, 220, .62);
}
.auth-register-card {
    margin-top: 0;
}
.auth-register-check-row,
.auth-register-privacy {
    color: rgba(237, 231, 220, .68);
    font-size: .82rem;
    line-height: 1.35;
}
.auth-register-check-row a,
.auth-register-privacy a {
    color: #d5a44d;
    text-decoration: none;
}
.auth-register-check-row a:hover,
.auth-register-check-row a:focus-visible,
.auth-register-privacy a:hover,
.auth-register-privacy a:focus-visible {
    color: #f0c96e;
    text-decoration: underline;
}
html[data-theme="light"] body.auth-background-on .auth-register-card .auth-password-hint,
html[data-theme="light"] body.auth-background-on .auth-register-check-row,
html[data-theme="light"] body.auth-background-on .auth-register-privacy {
    color: color-mix(in srgb, var(--text) 62%, var(--bg) 38%);
}
html[data-theme="light"] body.auth-background-on .auth-login-card {
    background:
        radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 30%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, transparent), color-mix(in srgb, var(--panel-2) 96%, transparent));
    border-color: color-mix(in srgb, var(--gold) 26%, var(--line));
    color: var(--text);
    box-shadow:
        0 20px 70px rgba(23, 20, 17, .18),
        inset 0 1px 0 rgba(255, 255, 255, .72);
}
html[data-theme="light"] body.auth-background-on .auth-login-card .auth-login-title {
    color: var(--text);
    text-shadow: 0 1px 18px rgba(255, 255, 255, .5);
}
html[data-theme="light"] body.auth-background-on .auth-login-emblem {
    background:
        radial-gradient(circle, color-mix(in srgb, var(--gold) 28%, transparent), color-mix(in srgb, var(--gold) 8%, transparent) 58%, transparent 60%),
        color-mix(in srgb, var(--panel) 88%, transparent);
    color: var(--gold);
}
html[data-theme="light"] body.auth-background-on .auth-login-field > i,
html[data-theme="light"] body.auth-background-on .auth-login-password-field .auth-password-toggle {
    color: color-mix(in srgb, var(--text) 58%, var(--bg) 42%);
}
html[data-theme="light"] body.auth-background-on .auth-login-field input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] body.auth-background-on .auth-login-password-field .auth-password-field input {
    border-color: color-mix(in srgb, var(--line) 82%, var(--text) 18%);
    background: color-mix(in srgb, var(--bg) 76%, var(--panel) 24%);
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}
html[data-theme="light"] body.auth-background-on .auth-login-field input::placeholder {
    color: color-mix(in srgb, var(--text) 48%, var(--bg) 52%);
}
html[data-theme="light"] body.auth-background-on .auth-login-remember,
html[data-theme="light"] body.auth-background-on .auth-login-divider {
    color: color-mix(in srgb, var(--text) 68%, var(--bg) 32%);
}
html[data-theme="light"] body.auth-background-on .auth-login-divider::before,
html[data-theme="light"] body.auth-background-on .auth-login-divider::after {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--line) 88%, var(--text) 12%));
}
html[data-theme="light"] body.auth-background-on .auth-login-register-btn {
    border-color: color-mix(in srgb, var(--gold) 64%, var(--line) 36%);
    background: color-mix(in srgb, var(--panel) 78%, transparent);
    color: color-mix(in srgb, #1f1608 78%, var(--gold) 22%);
}
html[data-theme="light"] body.auth-background-on .auth-login-register-btn:hover,
html[data-theme="light"] body.auth-background-on .auth-login-register-btn:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 76%, #1f1608 24%);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
    color: #1f1608;
}
html[data-theme="light"] body.is-admin .auth-admin-login-card {
    background:
        radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 30%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, transparent), color-mix(in srgb, var(--panel-2) 96%, transparent));
    border-color: color-mix(in srgb, var(--gold) 26%, var(--line));
    color: var(--text);
    box-shadow:
        0 20px 70px rgba(23, 20, 17, .18),
        inset 0 1px 0 rgba(255, 255, 255, .72);
}
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-login-title {
    color: var(--text);
    text-shadow: 0 1px 18px rgba(255, 255, 255, .5);
}
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-login-field > i,
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-password-toggle {
    color: color-mix(in srgb, var(--text) 58%, var(--bg) 42%);
}
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-login-field input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-password-field input {
    border-color: color-mix(in srgb, var(--line) 82%, var(--text) 18%);
    background: color-mix(in srgb, var(--bg) 76%, var(--panel) 24%);
    color: var(--text);
}
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-login-remember,
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-login-divider {
    color: color-mix(in srgb, var(--text) 68%, var(--bg) 32%);
}
html[data-theme="light"] body.is-admin .auth-admin-login-card .auth-login-register-btn {
    background: color-mix(in srgb, var(--panel) 78%, transparent);
}

body:not(.is-admin-login) .auth-login-card {
    border-color: color-mix(in srgb, var(--gold) 42%, var(--line) 58%);
    background:
        radial-gradient(circle at 50% -8%, color-mix(in srgb, var(--gold) 18%, transparent), transparent 30%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 78%, var(--bg-base, var(--bg)) 22%), color-mix(in srgb, var(--workspace) 82%, var(--bg-base, var(--bg)) 18%));
}

body:not(.is-admin-login) .auth-login-card::before,
body:not(.is-admin-login) .auth-login-card::after {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 84%, transparent), transparent);
    box-shadow: 0 0 16px color-mix(in srgb, var(--gold) 42%, transparent);
}

body:not(.is-admin-login) .auth-login-emblem {
    border-color: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    background:
        radial-gradient(circle, color-mix(in srgb, var(--gold) 24%, transparent), color-mix(in srgb, var(--gold) 7%, transparent) 58%, transparent 60%),
        color-mix(in srgb, var(--panel-2) 76%, var(--bg-base, var(--bg)) 24%);
    color: color-mix(in srgb, var(--gold) 84%, var(--text) 16%);
    box-shadow: 0 0 18px color-mix(in srgb, var(--gold) 22%, transparent);
}

body:not(.is-admin-login) .auth-login-card .auth-login-title {
    color: var(--text);
    text-shadow: 0 1px 18px color-mix(in srgb, var(--text) 12%, transparent);
}

body:not(.is-admin-login) .auth-login-ornament {
    color: color-mix(in srgb, var(--gold) 84%, var(--text) 16%);
}

body:not(.is-admin-login) .auth-login-field > i,
body:not(.is-admin-login) .auth-login-password-field .auth-password-toggle {
    color: color-mix(in srgb, var(--text) 58%, var(--gold) 42%);
}

body:not(.is-admin-login) .auth-login-field input:not([type="checkbox"]):not([type="radio"]),
body:not(.is-admin-login) .auth-login-password-field .auth-password-field input {
    border-color: color-mix(in srgb, var(--gold) 20%, var(--line) 80%);
    background: color-mix(in srgb, var(--panel-2) 76%, var(--bg-base, var(--bg)) 24%);
    color: var(--text);
}

body:not(.is-admin-login) .auth-login-field input::placeholder {
    color: color-mix(in srgb, var(--muted) 78%, var(--gold) 22%);
}

body:not(.is-admin-login) .auth-login-field input:focus {
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 16%, transparent);
}

body:not(.is-admin-login) .auth-login-options a,
body:not(.is-admin-login) .auth-register-check-row a,
body:not(.is-admin-login) .auth-register-privacy a {
    color: color-mix(in srgb, var(--gold) 86%, var(--text) 14%);
}

body:not(.is-admin-login) .auth-login-options a:hover,
body:not(.is-admin-login) .auth-login-options a:focus-visible,
body:not(.is-admin-login) .auth-register-check-row a:hover,
body:not(.is-admin-login) .auth-register-check-row a:focus-visible,
body:not(.is-admin-login) .auth-register-privacy a:hover,
body:not(.is-admin-login) .auth-register-privacy a:focus-visible {
    color: color-mix(in srgb, var(--gold) 72%, #fff 28%);
}

body:not(.is-admin-login) .auth-login-remember,
body:not(.is-admin-login) .auth-login-divider,
body:not(.is-admin-login) .auth-register-card .auth-password-hint,
body:not(.is-admin-login) .auth-register-check-row,
body:not(.is-admin-login) .auth-register-privacy {
    color: var(--muted);
}

body:not(.is-admin-login) .auth-login-remember input {
    accent-color: var(--gold);
}

body:not(.is-admin-login) .auth-login-submit {
    border: 1px solid color-mix(in srgb, var(--gold) 78%, var(--line) 22%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 72%, #fff 28%), color-mix(in srgb, var(--gold) 88%, #8b641c 12%));
    color: #1a1308;
    box-shadow:
        0 10px 24px color-mix(in srgb, var(--gold) 22%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .32);
}

body:not(.is-admin-login) .auth-login-submit:hover,
body:not(.is-admin-login) .auth-login-submit:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 92%, #fff 8%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 68%, #fff 32%), color-mix(in srgb, var(--gold) 92%, #8b641c 8%));
    color: #100b04;
}

body:not(.is-admin-login) .auth-login-register-btn {
    border-color: color-mix(in srgb, var(--gold) 72%, var(--line) 28%);
    background: color-mix(in srgb, var(--panel) 74%, var(--bg-base, var(--bg)) 26%);
    color: color-mix(in srgb, var(--gold) 84%, var(--text) 16%);
}

body:not(.is-admin-login) .auth-login-register-btn:hover,
body:not(.is-admin-login) .auth-login-register-btn:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 86%, #fff 14%);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
    color: color-mix(in srgb, var(--gold) 92%, var(--text) 8%);
}

body:not(.is-admin-login) .auth-login-divider::before,
body:not(.is-admin-login) .auth-login-divider::after {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 34%, var(--line) 66%));
}
.not-found-page {
    display: grid;
    gap: 1.55rem;
}
.not-found-hero {
    position: relative;
    display: grid;
    justify-items: center;
    gap: .95rem;
    padding: clamp(1.8rem, 3.4vw, 3rem) clamp(1.1rem, 3vw, 2.6rem);
    text-align: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--gold) 22%, transparent), transparent 18%),
        radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 30%),
        radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--text) 5%, transparent), transparent 28%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 72%, var(--bg-base, var(--bg)) 28%), color-mix(in srgb, var(--workspace) 88%, var(--bg-base, var(--bg)) 12%));
    border: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    border-radius: 6px;
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--gold) 40%, transparent),
        inset 0 -1px 0 color-mix(in srgb, var(--gold) 28%, transparent),
        0 24px 70px color-mix(in srgb, var(--bg-base, var(--bg)) 55%, transparent);
}
.not-found-hero::before,
.not-found-hero::after {
    content: "";
    position: absolute;
    left: 50%;
    z-index: 0;
    width: min(190px, 42%);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 92%, transparent), transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--gold) 46%, transparent);
}
.not-found-hero::before {
    top: 0;
}
.not-found-hero::after {
    bottom: 0;
}
.not-found-hero > * {
    position: relative;
    z-index: 1;
}
.not-found-kicker {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: color-mix(in srgb, var(--gold) 88%, var(--text) 12%);
    letter-spacing: 0;
}
.not-found-kicker strong {
    display: inline-grid;
    place-items: center;
    min-width: 4.1rem;
    min-height: 2.25rem;
    padding: .22rem .72rem;
    border: 1px solid color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 58%, transparent);
    color: color-mix(in srgb, var(--gold) 86%, var(--text) 14%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--bg-base, var(--bg)) 38%, transparent);
}
.not-found-kicker span {
    width: 18px;
    height: 1px;
    background: linear-gradient(90deg, transparent, currentColor);
}
.not-found-kicker span:last-child {
    transform: scaleX(-1);
}
.not-found-hero h1 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.9rem, 3.8vw, 3.2rem);
    font-weight: 700;
    line-height: 1.08;
    color: var(--text);
    text-shadow: 0 2px 20px color-mix(in srgb, var(--bg-base, var(--bg)) 42%, transparent);
}
.not-found-ornament {
    display: flex;
    justify-content: center;
    width: min(420px, 78%);
    color: color-mix(in srgb, var(--gold) 82%, var(--text) 18%);
}
.not-found-ornament span {
    position: relative;
    display: block;
    width: 100%;
    height: 13px;
    background:
        radial-gradient(circle at 50% 50%, currentColor 0 2px, transparent 2.5px),
        radial-gradient(circle at 47.4% 50%, transparent 0 2px, currentColor 2.2px 3px, transparent 3.2px),
        radial-gradient(circle at 52.6% 50%, transparent 0 2px, currentColor 2.2px 3px, transparent 3.2px);
    background-repeat: no-repeat;
    background-size: 70px 13px;
    background-position: center;
}
.not-found-ornament span::before,
.not-found-ornament span::after {
    content: "";
    position: absolute;
    top: 50%;
    width: calc(50% - 44px);
    height: 1px;
    background: linear-gradient(90deg, transparent, currentColor);
}
.not-found-ornament span::before {
    left: 0;
}
.not-found-ornament span::after {
    right: 0;
    transform: scaleX(-1);
}
.not-found-hero .muted {
    max-width: 42rem;
    margin: 0;
    color: color-mix(in srgb, var(--text) 72%, var(--gold) 28%);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(.94rem, 1.2vw, 1.05rem);
    line-height: 1.5;
}
.not-found-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem;
    width: min(660px, 100%);
    margin-top: .35rem;
}
.not-found-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: min(260px, 100%);
    min-height: 46px;
    padding: .66rem 1.05rem;
    border: 1px solid color-mix(in srgb, var(--gold) 76%, var(--line) 24%);
    border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 72%, #fff 28%), color-mix(in srgb, var(--gold) 88%, #8b641c 12%));
    color: #1a1308;
    font-size: .95rem;
    font-weight: 750;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--gold) 22%, transparent);
}
.not-found-btn-secondary {
    background: color-mix(in srgb, var(--panel) 54%, transparent);
    color: color-mix(in srgb, var(--text) 82%, var(--gold) 18%);
    box-shadow: none;
}
.not-found-btn i {
    font-size: 1rem;
    line-height: 1;
}
.not-found-btn:hover,
.not-found-btn:focus-visible {
    transform: translateY(-1px);
}
.not-found-offers {
    display: grid;
    gap: .9rem;
}
.not-found-offers .section-heading {
    margin-bottom: 0;
}
.not-found-offers .section-heading h2 {
    font-size: clamp(1.25rem, 2.1vw, 1.75rem);
    line-height: 1.15;
}
.not-found-watch-grid {
    --desktop-watch-cols: 4;
}
@media (max-width: 768px) {
    .not-found-page {
        gap: 1rem;
    }
    .not-found-hero {
        gap: .68rem;
        padding: 1.15rem .82rem 1rem;
        border-radius: 6px;
    }
    .not-found-kicker strong {
        min-width: 3.55rem;
        min-height: 2rem;
        font-size: 1.05rem;
    }
    .not-found-hero h1 {
        font-size: clamp(1.55rem, 7vw, 2.05rem);
    }
    .not-found-ornament {
        width: 92%;
    }
    .not-found-hero .muted {
        font-size: .88rem;
        line-height: 1.45;
    }
    .not-found-actions {
        display: grid;
        width: 100%;
        gap: .65rem;
    }
    .not-found-actions .btn,
    .not-found-actions .btn-secondary {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        padding: .58rem .82rem;
        font-size: .88rem;
    }
    .not-found-offers .section-heading h2 {
        font-size: 1.14rem;
        line-height: 1.18;
    }
    .not-found-watch-grid {
        grid-template-columns: 1fr;
    }
}
.check-row { display: inline-flex; align-items: center; gap: .45rem; color: var(--muted); }
.check-row input { width: auto; }
.theme-default-row {
    display: flex;
    align-items: center;
    gap: .56rem;
}
.theme-default-label {
    margin: 0;
    white-space: nowrap;
}
.theme-default-options {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
}
.theme-default-options .btn {
    padding: .32rem .68rem;
}
.switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.switch input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    inset: 0;
    margin: 0;
    cursor: pointer;
}
.switch-track {
    display: inline-flex;
    align-items: center;
    width: 46px;
    height: 24px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-2) 80%, black 20%);
    border: 1px solid var(--line);
    padding: 2px;
    transition: background .16s ease, border-color .16s ease;
}
.switch-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f4eee1;
    box-shadow: 0 2px 4px rgba(0,0,0,.35);
    transform: translateX(0);
    transition: transform .16s ease;
}
.switch input[type="checkbox"]:checked + .switch-track {
    background: linear-gradient(90deg, var(--gold-2), var(--gold));
    border-color: color-mix(in srgb, var(--gold) 70%, white 10%);
}
.switch input[type="checkbox"]:checked + .switch-track .switch-thumb {
    transform: translateX(20px);
}
.filter-row { display: grid; grid-template-columns: 1.5fr 1.1fr 1.6fr auto auto; gap: .5rem; align-items: center; }
.filter-row--admin-conversations {
    grid-template-columns: auto auto minmax(240px, 1fr) auto auto;
}
.filter-row--admin-users {
    grid-template-columns: minmax(240px, 1fr) minmax(130px, auto) minmax(170px, auto) minmax(170px, auto) auto auto;
}
.filter-row--account-conversations {
    grid-template-columns: minmax(280px, 1fr) auto;
}
.filter-row--admin-orders {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .42rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}
.admin-orders-mobile-controls {
    display: none;
}
.filter-row--admin-orders .admin-orders-search-panel,
.filter-row--admin-orders .admin-orders-filters-panel {
    display: contents;
}
.filter-row--admin-orders > input,
.filter-row--admin-orders > select,
.filter-row--admin-orders > .btn,
.filter-row--admin-orders > .btn-secondary,
.filter-row--admin-orders .admin-orders-search-panel > input,
.filter-row--admin-orders .admin-orders-filters-panel > select,
.filter-row--admin-orders .admin-orders-filters-panel > .btn,
.filter-row--admin-orders .admin-orders-filters-panel > .btn-secondary {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
}
.filter-row--admin-orders > input[type="search"],
.filter-row--admin-orders .admin-orders-search-panel > input[type="search"] {
    width: auto;
    min-width: 25ch;
}
.filter-row--admin-orders > .btn,
.filter-row--admin-orders > .btn-secondary,
.filter-row--admin-orders .admin-orders-filters-panel > .btn,
.filter-row--admin-orders .admin-orders-filters-panel > .btn-secondary,
.admin-orders-export-btn {
    min-height: 31px;
    padding: .26rem .62rem;
    line-height: 1;
}
.admin-orders-active-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .36rem;
    margin: .45rem 0 .7rem;
}
.admin-orders-filter-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 28px;
    padding: .18rem .54rem;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line) 58%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 10%, var(--panel) 90%);
    color: var(--text);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
}
.admin-orders-filter-chip:hover {
    border-color: var(--gold);
}
.admin-orders-sort-link {
    display: inline-flex;
    align-items: center;
    gap: .24rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}
.admin-orders-sort-link:hover {
    color: var(--gold);
}
.admin-orders-sale-cell {
    min-width: 130px;
}
.admin-orders-sale-summary {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: .2rem .52rem;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line) 58%);
    border-radius: 999px;
    color: var(--gold);
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}
.admin-orders-sale-row > td {
    padding-top: 0;
    vertical-align: top;
    border-top: 0;
}
.orders-table-desktop .admin-orders-date-col {
    width: 7%;
}
.orders-table-desktop .admin-orders-delivery-col {
    width: 18%;
}
.orders-table-desktop th:nth-last-child(3),
.orders-table-desktop td:nth-last-child(3) {
    padding-left: .5rem;
}
.admin-orders-sale-block {
    width: 100%;
    margin: .08rem 0 .34rem;
    padding: .58rem 0 0;
    border-top: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line) 66%);
}
.admin-orders-sale-list {
    display: grid;
    gap: .34rem;
    align-content: start;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.admin-orders-sale-list li {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    gap: .52rem;
    min-width: 0;
    padding: .34rem .44rem;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--panel-2) 72%, transparent);
}
.admin-orders-sale-thumb-link,
.admin-orders-sale-thumb-box,
.admin-orders-sale-thumb-placeholder {
    display: block;
    width: 56px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: color-mix(in srgb, var(--panel) 82%, var(--text) 18%);
}
.admin-orders-sale-thumb-link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}
.admin-orders-sale-thumb {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.admin-orders-sale-title {
    min-width: 0;
    overflow-wrap: anywhere;
    line-height: 1.18;
}
.admin-orders-sale-title small {
    color: var(--muted);
    font-size: .78em;
    font-weight: 700;
    white-space: nowrap;
}
.admin-orders-sale-list strong {
    color: var(--text);
    font-size: .95rem;
    line-height: 1.1;
    text-align: right;
    white-space: nowrap;
}
.admin-orders-action-buttons {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    flex-wrap: wrap;
}
.admin-orders-action-buttons form,
.orders-mobile-actions form,
.admin-order-header-actions form {
    margin: 0;
}
.admin-orders-action-btn.btn,
.admin-orders-action-btn.btn-secondary {
    min-height: 28px;
    padding: .2rem .56rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
}
.admin-orders-header-btn {
    min-height: 31px;
    padding: .26rem .62rem;
    line-height: 1;
    white-space: nowrap;
}
@media (min-width: 1181px) {
    .filter-row--admin-orders {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .58rem;
        overflow: visible;
        padding: .72rem;
    }
    .filter-row--admin-orders .admin-orders-search-panel,
    .filter-row--admin-orders .admin-orders-filters-panel {
        display: grid;
        min-width: 0;
    }
    .filter-row--admin-orders .admin-orders-search-panel {
        grid-template-columns: minmax(280px, 1fr);
    }
    .filter-row--admin-orders .admin-orders-search-panel > input[type="search"] {
        width: 100%;
        min-width: 0;
    }
    .filter-row--admin-orders .admin-orders-filters-panel {
        grid-template-columns: repeat(6, minmax(120px, 1fr)) auto auto;
        gap: .42rem;
        align-items: center;
    }
    .filter-row--admin-orders .admin-orders-filters-panel > select {
        width: 100%;
        min-width: 0;
    }
    .orders-table-desktop {
        display: none;
    }
    .orders-mobile-list {
        display: grid;
        gap: .72rem;
    }
    .orders-mobile-card {
        grid-template-columns: minmax(195px, .72fr) minmax(360px, 1.5fr) minmax(200px, .75fr);
        grid-template-areas:
            "identity details price"
            "identity details state"
            "identity details actions";
        align-items: stretch;
        gap: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border-radius: 13px;
    }
    .orders-mobile-card.has-shipment {
        grid-template-columns: minmax(190px, .72fr) minmax(300px, 1.25fr) minmax(225px, .92fr) minmax(190px, .72fr);
        grid-template-areas:
            "identity details shipment price"
            "identity details shipment state"
            "identity details shipment actions";
    }
    .orders-mobile-card .orders-mobile-card-head {
        grid-area: identity;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: .72rem;
        padding: .9rem;
        border-right: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
        border-bottom: 0;
        background: color-mix(in srgb, var(--panel-2) 66%, var(--panel) 34%);
    }
    .orders-mobile-card .orders-mobile-id {
        gap: .2rem;
    }
    .orders-mobile-card .orders-mobile-id > small {
        display: none;
    }
    .orders-mobile-card .orders-desktop-order-heading {
        order: 1;
        display: flex;
        align-items: baseline;
        gap: .36rem;
        color: var(--text);
        font-size: 1.08rem;
        font-weight: 850;
        line-height: 1.2;
    }
    .orders-mobile-card .orders-desktop-order-heading strong {
        color: var(--gold);
        font-size: inherit;
    }
    .orders-mobile-card .orders-mobile-id-line {
        order: 2;
        display: grid;
        gap: .2rem;
    }
    .orders-mobile-card .orders-mobile-id-line > strong {
        display: none;
    }
    .orders-mobile-card .orders-mobile-id-line time {
        color: var(--text);
        font-size: 1rem;
        line-height: 1.3;
    }
    .orders-mobile-card .orders-mobile-id > .orders-mobile-copy-row {
        order: 3;
        color: var(--text);
        font-size: 1rem;
        font-weight: 750;
        line-height: 1.3;
    }
    .orders-mobile-card .orders-mobile-id strong {
        color: var(--gold);
        font-size: 1rem;
    }
    .orders-mobile-card .orders-mobile-total {
        display: none;
    }
    .orders-mobile-card .orders-mobile-summary {
        grid-area: details;
        align-content: start;
        gap: .56rem;
        min-width: 0;
        padding: .9rem;
        border-right: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    }
    .orders-mobile-card .orders-mobile-summary > div {
        gap: .16rem;
    }
    .orders-mobile-card .orders-mobile-summary > div + div {
        padding-top: .62rem;
        border-top: 1px solid color-mix(in srgb, var(--line) 58%, transparent);
    }
    .orders-mobile-card .orders-mobile-summary > div > span {
        font-size: .69rem;
        font-weight: 800;
        letter-spacing: .06em;
        text-transform: uppercase;
    }
    .orders-mobile-card .admin-orders-sale-list--mobile {
        margin-top: .12rem;
    }
    .orders-mobile-card .admin-orders-sale-list--mobile .admin-orders-sale-title {
        font-size: 1rem;
        font-weight: 800;
        line-height: 1.28;
    }
    .orders-mobile-card .admin-order-shipment-card--mobile {
        grid-area: shipment;
        align-self: start;
        align-content: start;
        width: auto;
        max-width: none;
        min-width: 0;
        height: max-content;
        margin: .72rem;
        padding: .7rem;
        border-radius: 9px;
    }
    .orders-mobile-card .admin-orders-price-summary {
        grid-area: price;
        display: grid;
        align-content: start;
        gap: .48rem;
        margin: .78rem .9rem .38rem;
        padding: .7rem .76rem;
        border: 1px solid color-mix(in srgb, var(--gold) 30%, var(--line) 70%);
        border-radius: 10px;
        background: color-mix(in srgb, var(--gold) 6%, var(--panel-2) 94%);
    }
    .orders-mobile-card .admin-orders-price-summary > p {
        margin: 0;
        color: var(--muted);
        font-size: .7rem;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }
    .orders-mobile-card .admin-orders-price-summary dl {
        display: grid;
        gap: .34rem;
        margin: 0;
    }
    .orders-mobile-card .admin-orders-price-summary dl > div {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: .56rem;
    }
    .orders-mobile-card .admin-orders-price-summary dt {
        color: var(--muted);
        font-size: .76rem;
        font-weight: 700;
    }
    .orders-mobile-card .admin-orders-price-summary dd {
        margin: 0;
        font-size: .86rem;
        font-weight: 800;
        text-align: right;
        white-space: nowrap;
    }
    .orders-mobile-card .admin-orders-price-summary .admin-orders-price-total {
        margin-top: .16rem;
        padding-top: .42rem;
        border-top: 1px solid color-mix(in srgb, var(--gold) 38%, var(--line) 62%);
    }
    .orders-mobile-card .admin-orders-price-summary .admin-orders-price-total dt,
    .orders-mobile-card .admin-orders-price-summary .admin-orders-price-total dd {
        color: var(--gold);
        font-size: .96rem;
    }
    .orders-mobile-card .orders-mobile-statuses {
        grid-area: state;
        align-content: start;
        align-items: flex-start;
        padding: .9rem .9rem .45rem;
    }
    .orders-mobile-card .orders-mobile-statuses .status-badge {
        max-width: 100%;
        white-space: normal;
    }
    .orders-mobile-card .orders-mobile-footer {
        grid-area: actions;
        align-self: end;
        padding: .45rem .9rem .9rem;
        border-top: 0;
    }
    .orders-mobile-card .orders-mobile-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }
    .orders-mobile-card .orders-mobile-actions .btn,
    .orders-mobile-card .orders-mobile-actions form,
    .orders-mobile-card .orders-mobile-actions form .btn {
        width: 100%;
        justify-content: center;
    }
}
.app-updates-header {
    align-items: flex-end;
}
.app-updates-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr);
    gap: .8rem;
    align-items: start;
}
.app-updates-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}
.app-updates-section-head h2,
.app-updates-section-head h3 {
    margin: 0;
}
.app-updates-section-head p {
    margin: .24rem 0 0;
}
.app-updates-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: .9rem 0 0;
}
.app-updates-meta > div {
    min-width: 0;
    padding: .58rem .65rem;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: color-mix(in srgb, var(--panel-2) 72%, transparent);
}
.app-updates-meta dt {
    color: var(--muted);
    font-size: .78rem;
}
.app-updates-meta dd {
    margin: .18rem 0 0;
    overflow-wrap: anywhere;
    font-weight: 700;
}
.app-updates-actions {
    justify-content: flex-start;
    margin-top: .85rem;
}
.app-updates-actions form {
    margin: 0;
}
.app-updates-release {
    margin-top: .9rem;
    padding-top: .8rem;
    border-top: 1px solid var(--line);
}
.app-updates-release h3 {
    margin: .12rem 0;
}
.app-updates-checks {
    display: grid;
    gap: .45rem;
    margin: .85rem 0 0;
    padding: 0;
    list-style: none;
}
.app-updates-checks li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: .45rem;
    align-items: start;
}
.app-updates-checks small {
    display: block;
    margin-top: .08rem;
    color: var(--muted);
    overflow-wrap: anywhere;
}
.app-updates-check-mark {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: .78rem;
    font-weight: 800;
}
.app-updates-checks .is-success .app-updates-check-mark {
    border-color: color-mix(in srgb, var(--success) 62%, var(--line));
    color: var(--success);
}
.app-updates-checks .is-warning .app-updates-check-mark {
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line));
    color: var(--gold);
}
.app-updates-checks .is-error .app-updates-check-mark {
    border-color: #f87171;
    color: #f87171;
}
.app-updates-history {
    margin-top: .8rem;
}
.app-updates-configuration {
    margin-top: .8rem;
    scroll-margin-top: 1rem;
}
.app-updates-configuration:target {
    border-color: color-mix(in srgb, var(--gold) 72%, var(--line));
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--gold) 18%, transparent);
}
.app-updates-configuration-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .56rem;
    margin-top: .9rem;
}
.app-updates-field {
    display: grid;
    gap: .3rem;
    min-width: 0;
}
.app-updates-field > span {
    font-weight: 700;
}
.app-updates-field small,
.app-updates-configuration-options small {
    color: var(--muted);
}
.app-updates-field--wide {
    grid-column: 1 / -1;
}
.app-updates-field textarea {
    min-height: 76px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .84rem;
}
.app-updates-configuration-options {
    display: grid;
    align-content: start;
    gap: .5rem;
    padding: .58rem .65rem;
    border: 1px solid var(--line);
    border-radius: 7px;
}
.app-updates-install-toggle {
    display: flex;
    align-items: center;
    gap: .45rem;
}
.app-updates-configuration-submit {
    grid-column: 1 / -1;
}
.app-updates-test-server-form {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    margin-top: .7rem;
    padding-top: .7rem;
    border-top: 1px solid var(--line);
}
@media (max-width: 900px) {
    .app-updates-layout,
    .app-updates-meta,
    .app-updates-configuration-form {
        grid-template-columns: 1fr;
    }
    .app-updates-field--wide,
    .app-updates-configuration-submit {
        grid-column: auto;
    }
    .app-updates-actions {
        align-items: stretch;
    }
    .app-updates-actions form,
    .app-updates-actions .btn {
        width: 100%;
    }
}
.sales-stats-header {
    align-items: flex-end;
}
.sales-stats-range {
    margin: .18rem 0 0;
    font-size: .86rem;
}
.sales-stats-header-btn.btn,
.sales-stats-header-btn.btn-secondary {
    min-height: 29px;
    padding: .22rem .58rem;
    line-height: 1;
}
.sales-stats-filter-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .42rem;
    flex-wrap: wrap;
    padding: .42rem .58rem;
}
.sales-stats-filter-row > input,
.sales-stats-filter-row > select,
.sales-stats-filter-row > .btn,
.sales-stats-filter-row > .btn-secondary {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
}
.sales-stats-filter-row > input[type="search"] {
    min-width: 23ch;
}
.sales-stats-filter-row > input[type="date"] {
    min-width: 9.6rem;
    min-height: 30px;
    height: 30px;
    padding-top: .12rem;
    padding-bottom: .12rem;
}
.sales-stats-filter-row > .btn,
.sales-stats-filter-row > .btn-secondary {
    min-height: 29px;
    padding: .2rem .56rem;
    line-height: 1;
}
.sales-stats-active-filters {
    margin-bottom: .74rem;
}
.sales-stats-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .62rem;
    margin: .75rem 0 .9rem;
}
.sales-stats-kpi {
    display: grid;
    gap: .16rem;
    padding: .72rem .82rem;
    min-height: 92px;
}
.sales-stats-kpi span,
.sales-stats-kpi small {
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.2;
}
.sales-stats-kpi strong {
    color: var(--text);
    font-size: 1.28rem;
    line-height: 1.1;
}
.sales-stats-money {
    white-space: nowrap;
}
.sales-stats-currency {
    display: inline-block;
    margin-left: .12rem;
    font-size: .58em;
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
}
.sales-stats-kpi--warning strong {
    color: color-mix(in srgb, var(--gold) 78%, var(--text) 22%);
}
.sales-stats-kpi--danger strong {
    color: #ff9c9c;
}
.sales-stats-main-grid,
.sales-stats-table-grid {
    gap: .72rem;
    margin-top: .9rem;
}
.sales-stats-chart-panel,
.sales-stats-breakdown-panel,
.sales-stats-recent-panel {
    min-width: 0;
}
.sales-stats-chart-wrap {
    min-height: 280px;
}
.sales-stats-chart-canvas {
    height: 280px !important;
}
.sales-stats-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .55rem;
}
.sales-stats-panel-head h3,
.sales-stats-breakdown-panel h3 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.18;
}
.sales-stats-breakdown-grid {
    display: grid;
    gap: .72rem;
}
.sales-stats-breakdown-grid p {
    margin: 0 0 .36rem;
}
.sales-stats-mini-row,
.sales-stats-problem-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    border-top: 1px solid var(--line);
    padding: .42rem 0;
}
.sales-stats-mini-row span,
.sales-stats-problem-row small {
    color: var(--muted);
}
.sales-stats-mini-row strong {
    color: var(--text);
}
.sales-stats-table-wrap table th,
.sales-stats-table-wrap table td {
    padding: .58rem .52rem;
}
.sales-stats-problems-list {
    display: grid;
    gap: .1rem;
}
.sales-stats-problem-row {
    color: var(--text);
    text-decoration: none;
}
.sales-stats-problem-row:hover strong {
    color: var(--gold);
}
.sales-stats-problem-row span {
    display: grid;
    gap: .12rem;
}
.sales-stats-problem-row span:last-child {
    justify-items: end;
    text-align: right;
}
.sales-stats-recent-panel {
    margin-top: .9rem;
}
.filter-row--admin-conversations select {
    width: auto;
    min-width: 0;
    max-width: 220px;
    justify-self: start;
}
.admin-watch-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .58rem;
    white-space: nowrap;
}
.admin-watch-edit-link {
    font-weight: 800;
}
.filter-row--conversation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .35rem;
    flex-wrap: wrap;
    padding: 0;
}
.filter-row--conversation > form:first-child {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    justify-self: start;
}
.filter-row--conversation > form {
    margin: 0;
}
.filter-row--conversation > form:last-child {
    margin-left: auto;
}
.filter-row--conversation > form:first-child select {
    width: auto;
    min-width: 156px;
    min-height: 30px;
    padding-top: .04rem;
    padding-bottom: .04rem;
}
.admin-conversation-actions-panel {
    padding: .24rem .18rem;
}
.admin-conversation-actions-panel .btn,
.admin-conversation-actions-panel .btn-secondary {
    min-height: 30px;
    padding: .04rem .42rem;
    line-height: 1;
}
.admin-conversation-actions-panel .admin-conversation-status-btn {
    padding-inline: .32rem;
    min-height: 28px;
    font-size: .94rem;
}
.is-admin .panel.admin-conversation-actions-panel {
    padding: .24rem .18rem;
    margin-bottom: .8rem;
}
.is-admin .filter-row.filter-row--conversation {
    padding: .06rem 0;
}
.is-admin .filter-row {
    padding: .35rem .55rem;
}
.is-admin .filter-row select,
.is-admin .filter-row input[type="search"],
.is-admin .filter-row input[type="text"],
.is-admin .filter-row .btn,
.is-admin .filter-row .btn-secondary {
    font-size: .84rem;
    padding: .3rem .55rem;
}
.is-admin .filter-row--admin-users .btn,
.is-admin .filter-row--admin-users .btn-secondary {
    width: auto;
    min-width: 88px;
}
.catalog-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 1rem;
    align-items: flex-start;
    min-width: 0;
}
.catalog-filters-desktop {
    position: sticky;
    top: calc(var(--site-header-height, 5.9rem) + 1rem);
    align-self: start;
    min-width: 0;
    max-width: 100%;
}
.catalog-filters-desktop .panel.stack,
.catalog-filters-mobile .catalog-filters-panel.stack {
    gap: .52rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
.catalog-filters-desktop .panel.stack p,
.catalog-filters-mobile .catalog-filters-panel.stack p {
    margin: 0;
}
.catalog-filters-desktop .panel.stack label,
.catalog-filters-mobile .catalog-filters-panel.stack label {
    margin-bottom: .2rem;
}
.catalog-filters-desktop .panel.stack .muted,
.catalog-filters-mobile .catalog-filters-panel.stack .muted {
    line-height: 1.32;
}
.catalog-category-tree {
    display: grid;
    gap: .22rem;
    padding: .22rem 0;
    min-width: 0;
    max-width: 100%;
}
.catalog-category-tree-list {
    display: grid;
    gap: .18rem;
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 0;
    max-width: 100%;
}
.catalog-category-tree li,
.catalog-category-tree details,
.catalog-category-tree summary {
    min-width: 0;
    max-width: 100%;
}
.catalog-category-tree-list--level-1,
.catalog-category-tree-list--level-2 {
    margin-top: .2rem;
    padding-left: .8rem;
    border-left: 1px solid var(--line);
}
.catalog-category-tree details {
    display: grid;
    gap: .18rem;
}
.catalog-category-tree summary {
    display: flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
    list-style: none;
}
.catalog-category-tree summary::-webkit-details-marker {
    display: none;
}
.catalog-category-tree summary::before {
    content: "›";
    flex: 0 0 12px;
    color: var(--muted);
    font-size: 1.1rem;
    line-height: 1;
    text-align: center;
    transform: translateY(-1px);
    transition: transform .16s ease;
}
.catalog-category-tree details[open] > summary::before {
    transform: rotate(90deg) translateX(1px);
}
.catalog-category-tree summary .catalog-category-tree-link {
    flex: 1 1 auto;
    min-width: 0;
}
.catalog-category-tree-link > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.catalog-category-tree-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 32px;
    padding: .24rem .5rem;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--text);
    text-decoration: none;
    overflow: hidden;
}
.catalog-category-tree-link:hover,
.catalog-category-tree-link.is-active {
    border-color: color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
    background: color-mix(in srgb, var(--gold) 10%, transparent);
}
.catalog-category-count {
    flex: 0 0 auto;
    min-width: 1.6rem;
    padding: .06rem .36rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-2) 72%, var(--text) 10%);
    color: var(--muted);
    font-size: .78rem;
    line-height: 1.2;
    text-align: center;
}
.catalog-price-filter {
    display: grid;
    gap: .45rem;
}
.catalog-price-inputs {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .45rem;
}
.catalog-price-inputs input[type="number"] {
    min-height: 34px;
    padding: .34rem .55rem;
    font-size: .95rem;
}
.catalog-price-sliders {
    --price-thumb-size: 16px;
    --price-min-pct: 0%;
    --price-max-pct: 100%;
    position: relative;
    height: 24px;
    display: grid;
    align-items: center;
    overflow: hidden;
}
.catalog-price-sliders::before {
    content: '';
    position: absolute;
    left: calc(var(--price-thumb-size) / 2);
    right: calc(var(--price-thumb-size) / 2);
    top: 50%;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--line) 80%, var(--panel-2) 20%) 0%,
        color-mix(in srgb, var(--line) 80%, var(--panel-2) 20%) var(--price-min-pct),
        color-mix(in srgb, var(--gold) 76%, var(--panel-2) 24%) var(--price-min-pct),
        color-mix(in srgb, var(--gold) 76%, var(--panel-2) 24%) var(--price-max-pct),
        color-mix(in srgb, var(--line) 80%, var(--panel-2) 20%) var(--price-max-pct),
        color-mix(in srgb, var(--line) 80%, var(--panel-2) 20%) 100%
    );
    transform: translateY(-50%);
    pointer-events: none;
}
.catalog-price-sliders input[type="range"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    accent-color: var(--gold);
    appearance: none;
    -webkit-appearance: none;
    box-shadow: none;
    outline: 0;
    pointer-events: none;
}
.catalog-price-sliders input[type="range"]::-webkit-slider-runnable-track {
    height: 4px;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.catalog-price-sliders input[type="range"]::-webkit-slider-thumb {
    width: var(--price-thumb-size);
    height: var(--price-thumb-size);
    margin-top: -6px;
    border: 0;
    border-radius: 999px;
    background: var(--gold);
    -webkit-appearance: none;
    box-shadow: none;
    pointer-events: auto;
}
.catalog-price-sliders input[type="range"]::-moz-range-track {
    height: 4px;
    background: transparent;
    border: 0;
    box-shadow: none;
}
.catalog-price-sliders input[type="range"]::-moz-range-thumb {
    width: var(--price-thumb-size);
    height: var(--price-thumb-size);
    border: 0;
    border-radius: 999px;
    background: var(--gold);
    box-shadow: none;
    pointer-events: auto;
}
.catalog-price-range-labels {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.2;
}
.catalog-filter-submit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}
.catalog-filter-btn {
    min-height: 34px;
    padding: .34rem .78rem;
    border-radius: 10px;
}
.product-top-meta {
    display: flex;
    align-items: center;
    gap: .62rem;
    flex-wrap: wrap;
    margin: .75rem 0;
}
.product-top-meta--under-price {
    margin: .32rem 0 .6rem;
}
.product-meta-list {
    display: flex;
    align-items: center;
    gap: .62rem;
    flex-wrap: wrap;
    margin: 0;
}
.product-meta-list p {
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
    margin: 0;
    padding: 0;
}
.product-meta-list span {
    color: var(--muted);
}
.product-meta-separator {
    color: var(--muted);
}
.catalog-main {
    min-width: 0;
}
.catalog-empty-state {
    grid-column: 1 / -1;
    min-height: clamp(360px, 48vh, 620px);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr);
    gap: clamp(1rem, 3vw, 2.5rem);
    align-items: center;
    padding: clamp(1.15rem, 3vw, 2.4rem);
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 94%, transparent), color-mix(in srgb, var(--panel-2) 88%, transparent)),
        radial-gradient(circle at 72% 24%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 34%);
    box-shadow: var(--shadow);
    overflow: hidden;
}
.catalog-empty-copy {
    max-width: 560px;
}
.catalog-empty-copy h2 {
    margin: .1rem 0 .38rem;
    font-size: clamp(1.45rem, 2.7vw, 2.15rem);
    line-height: 1.12;
}
.catalog-empty-copy .muted {
    margin: 0;
    line-height: 1.45;
}
.catalog-empty-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
    margin-top: .88rem;
}
.catalog-empty-filters span {
    max-width: 100%;
    padding: .26rem .58rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-2) 78%, var(--bg) 22%);
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.2;
    overflow-wrap: anywhere;
}
.catalog-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .52rem;
    margin-top: 1rem;
}
.catalog-empty-actions .btn,
.catalog-empty-actions .btn-secondary {
    min-height: 36px;
    padding: .38rem .86rem;
    border-radius: 10px;
    box-shadow: none;
}
.catalog-empty-visual {
    color: var(--gold);
    display: grid;
    place-items: center;
    min-height: 250px;
}
.catalog-empty-visual svg {
    width: min(100%, 380px);
    height: auto;
    filter: drop-shadow(0 22px 34px color-mix(in srgb, var(--bg) 55%, transparent));
}
.catalog-empty-shelf,
.catalog-empty-box,
.catalog-empty-lens,
.catalog-empty-handle,
.catalog-empty-spark {
    fill: none;
    stroke: currentColor;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.catalog-empty-shelf {
    opacity: .34;
}
.catalog-empty-box {
    fill: color-mix(in srgb, var(--gold) 10%, transparent);
    opacity: .75;
}
.catalog-empty-box-muted {
    opacity: .42;
}
.catalog-empty-lens {
    stroke-width: 9;
    fill: color-mix(in srgb, var(--gold) 8%, transparent);
}
.catalog-empty-handle {
    stroke-width: 11;
}
.catalog-empty-spark {
    opacity: .48;
    stroke-width: 5;
}
.catalog-topbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
    margin-left: auto;
    align-self: flex-end;
}
.catalog-top-sort-form {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
}
.catalog-top-sort-form label {
    margin: 0;
    color: var(--muted);
    font-size: .92rem;
    white-space: nowrap;
}
.catalog-top-sort-form select {
    width: auto;
    min-width: 176px;
    padding: .42rem .72rem;
    min-height: 36px;
    border-radius: 11px;
}
.catalog-filters-mobile {
    display: none;
    margin-bottom: .75rem;
}
.catalog-header {
    margin-bottom: .65rem;
    min-width: 0;
    max-width: 100%;
}
.catalog-header-main {
    flex: 1 1 auto;
    min-width: 0;
}
.catalog-view-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .28rem;
    width: 260px;
    margin: 0;
    padding: .2rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 88%, transparent);
}
.catalog-view-tab {
    min-height: 26px;
    padding: .24rem .58rem;
    border-radius: 999px;
    color: var(--muted);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1;
}
.catalog-view-tab:hover,
.catalog-view-tab.is-active {
    background: color-mix(in srgb, var(--gold) 16%, var(--panel) 84%);
    color: var(--text);
}
.catalog-view-tab.is-active {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 42%, transparent);
}
.catalog-view-tabs--mobile {
    display: none;
}
.catalog-view-tabs--desktop {
    margin-bottom: .65rem;
}
.catalog-archive-intro {
    margin: 0 0 .85rem;
    padding: .68rem .82rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 82%, transparent);
    color: var(--muted);
}
.catalog-archive-intro p {
    margin: 0;
}
.catalog-archive-intro--header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 18rem;
    min-height: 36px;
    height: 36px;
    margin: 0;
    padding: .2rem .78rem;
    text-align: center;
}
.catalog-archive-intro--header p {
    line-height: 1.12;
}
@media (max-width: 980px) {
    .catalog-title-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: .48rem;
        width: 100%;
    }

    .catalog-page-title {
        font-size: 1.28rem;
        line-height: 1.08;
    }

    .catalog-view-tabs {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-radius: 999px;
    }
    .catalog-view-tabs--desktop {
        display: none;
    }
    .catalog-view-tabs--mobile {
        display: flex;
    }
    .catalog-view-tab {
        min-height: 26px;
        padding: .22rem .5rem;
        font-size: .82rem;
    }
    .catalog-archive-intro--header {
        grid-column: 1 / -1;
        min-width: 0;
        height: auto;
        min-height: 34px;
        padding: .3rem .62rem;
        font-size: .86rem;
    }
}
.catalog-filters-mobile-trigger {
    display: none;
}
.catalog-filters-panel {
    margin-top: .6rem;
    display: none;
}
.catalog-filters-panel.is-open {
    display: grid;
}
.catalog-filters-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}
.catalog-mobile-result-count {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .34rem .6rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel-2) 74%, var(--bg) 26%);
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.2;
}
.catalog-mobile-result-count strong {
    color: var(--text);
    margin-left: .25rem;
}
.catalog-mobile-result-count.is-loading {
    opacity: .76;
}
.catalog-filters-actions .btn,
.catalog-filters-actions .btn-secondary {
    width: 100%;
    justify-content: center;
}
.catalog-filters-desktop input[type="text"],
.catalog-filters-desktop select,
.catalog-filters-mobile .catalog-filters-panel input[type="text"],
.catalog-filters-mobile .catalog-filters-panel select {
    padding: .42rem .72rem;
    min-height: 36px;
    border-radius: 11px;
}
.catalog-filters-desktop .btn,
.catalog-filters-desktop .btn-secondary,
.catalog-filters-mobile .catalog-filters-panel .btn,
.catalog-filters-mobile .catalog-filters-panel .btn-secondary {
    padding: .34rem .8rem;
    min-height: 34px;
    box-shadow: none;
}

@media (max-width: 1180px) and (min-width: 981px) {
    .catalog-title-row {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: .75rem;
    }

    .catalog-view-tabs {
        width: 240px;
    }

    .catalog-layout {
        grid-template-columns: minmax(210px, 240px) minmax(0, 1fr);
        gap: .75rem;
    }

    .catalog-filters-desktop .panel.stack {
        padding: .85rem;
    }

    .catalog-category-tree-list--level-1,
    .catalog-category-tree-list--level-2 {
        padding-left: .58rem;
    }

    .catalog-category-tree summary {
        gap: .28rem;
    }

    .catalog-category-tree summary::before {
        flex-basis: 10px;
        width: 10px;
    }

    .catalog-category-tree-link {
        gap: .34rem;
        padding-left: .38rem;
        padding-right: .38rem;
    }

    .catalog-category-count {
        min-width: 1.28rem;
        padding: .04rem .26rem;
        font-size: .7rem;
    }
}
.message-list-item {
    display: grid; grid-template-columns: 1fr auto; gap: 1rem;
    align-items: start; border: 1px solid var(--line);
}
.message-list-item:hover { border-color: color-mix(in srgb, var(--gold) 40%, var(--line)); }
.align-right { text-align: right; display: grid; gap: .4rem; justify-items: end; }
.message-list-main {
    min-width: 0;
    display: grid;
    gap: .28rem;
}
.message-list-subject {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.22;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.message-list-context {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.message-list-preview {
    margin: .02rem 0 0;
    line-height: 1.34;
    max-height: calc(2 * 1.34em);
    overflow: hidden;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.message-list-meta {
    align-self: end;
}
.message-list-date {
    white-space: nowrap;
}
.account-orders-list {
    gap: .56rem;
}
.account-orders-empty {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 1.4rem;
    align-items: center;
    min-height: 220px;
    padding: 1.25rem 1.35rem;
    overflow: hidden;
}
.account-orders-empty-copy {
    display: grid;
    gap: .48rem;
    align-content: center;
    max-width: 560px;
}
.account-orders-empty h2 {
    margin: 0;
    font-size: clamp(1.35rem, 1.9vw, 1.85rem);
    line-height: 1.14;
}
.account-orders-empty p {
    margin: 0;
}
.account-orders-empty-btn {
    justify-self: start;
    margin-top: .3rem;
    min-height: 34px;
    padding: .34rem .82rem;
    line-height: 1.05;
}
.account-orders-empty-graphic {
    display: grid;
    place-items: center;
    min-width: 0;
    color: var(--text);
}
.account-orders-empty-graphic svg {
    display: block;
    width: min(100%, 320px);
    height: auto;
}
.account-messages-page .section-header {
    margin: .55rem 0 .45rem;
}
.account-messages-page .panel--account-nav {
    margin-bottom: .62rem;
}
.account-messages-page .filter-row--account-conversations {
    padding: .58rem .72rem;
    gap: .34rem;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
}
.account-conversation-search-field {
    position: relative;
    min-width: 0;
}
.account-conversation-search-field input[type="search"] {
    width: 100%;
    padding-right: 2.15rem;
}
.account-messages-page .filter-row--account-conversations input[type="search"] {
    padding: .44rem .72rem;
    padding-right: 2.15rem;
    min-height: 36px;
    line-height: 1.05;
}
.account-conversation-search-reset {
    position: absolute;
    top: 50%;
    right: .42rem;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    color: var(--muted);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}
.account-conversation-search-reset:hover {
    color: var(--ink);
    background: color-mix(in srgb, var(--line) 65%, transparent);
}
.account-messages-page .filter-row--account-conversations input[type="search"]::placeholder {
    font-size: .92rem;
}
.account-messages-page .filter-row--account-conversations .btn,
.account-messages-page .filter-row--account-conversations .btn-secondary {
    padding: .36rem .7rem;
    min-height: 36px;
    white-space: nowrap;
    width: auto;
    justify-self: end;
}
.account-conversations-list {
    gap: .56rem;
}
.account-conversation-item {
    margin-bottom: 0;
    padding: .62rem .72rem;
}
.account-conversation-item.has-offer-thumb {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
}
.account-conversation-thumb {
    display: block;
    width: 58px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--panel-2);
}
.account-conversation-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.account-conversation-item .message-list-main {
    gap: .2rem;
}
.account-conversation-item .message-list-preview {
    margin-top: 0;
}
.account-messages-page .pager {
    margin-top: .72rem;
}
.account-messages-empty-state {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
    align-items: center;
    gap: 1rem;
    min-height: 300px;
    padding: 1.2rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 96%, white 4%), color-mix(in srgb, var(--panel-2) 90%, black 10%));
}
.account-messages-empty-copy {
    max-width: 560px;
}
.account-messages-empty-copy h2 {
    margin: 0 0 .48rem;
    font-size: 2rem;
    line-height: 1.08;
}
.account-messages-empty-copy .muted {
    max-width: 500px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.45;
}
.account-messages-empty-actions {
    margin-top: .9rem;
}
.account-messages-empty-actions .btn {
    min-height: 36px;
    padding: .4rem .82rem;
}
.account-messages-empty-visual {
    justify-self: end;
    width: min(100%, 330px);
}
.account-messages-empty-visual svg {
    display: block;
    width: 100%;
    height: auto;
}
.account-empty-shadow {
    fill: color-mix(in srgb, black 22%, transparent);
}
.account-empty-bubble {
    fill: color-mix(in srgb, var(--panel) 86%, white 8%);
    stroke: color-mix(in srgb, var(--line) 74%, var(--gold) 26%);
    stroke-width: 4;
    stroke-linejoin: round;
}
.account-empty-bubble-back {
    fill: color-mix(in srgb, var(--panel-2) 78%, var(--gold) 22%);
    opacity: .8;
}
.account-empty-envelope {
    fill: color-mix(in srgb, var(--panel-2) 74%, var(--bg) 26%);
    stroke: color-mix(in srgb, var(--line) 78%, var(--gold) 22%);
    stroke-width: 4;
    stroke-linejoin: round;
}
.account-empty-envelope-fold,
.account-empty-line,
.account-empty-dot {
    fill: none;
    stroke: color-mix(in srgb, var(--muted) 68%, var(--gold) 32%);
    stroke-linecap: round;
    stroke-linejoin: round;
}
.account-empty-envelope-fold {
    stroke-width: 5;
}
.account-empty-line,
.account-empty-dot {
    stroke-width: 8;
}
.account-empty-spark {
    fill: var(--gold);
    opacity: .88;
}
.account-order-item {
    display: grid;
    gap: .72rem;
    align-items: stretch;
    padding: .78rem .95rem;
}
.account-order-layout {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(240px, 3fr);
    gap: 1rem;
    align-items: stretch;
}
.account-order-content {
    display: grid;
    gap: .72rem;
    min-width: 0;
}
.account-order-summary {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: .65rem;
    align-content: start;
    min-width: 0;
}
.account-order-summary-panel {
    border: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel-2) 46%, transparent);
    padding: .72rem;
}
.account-order-summary-label {
    margin: 0 0 .42rem;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.1;
    text-transform: uppercase;
}
.account-order-payment-method {
    margin-bottom: .72rem;
}
.account-order-payment-method-value {
    margin: 0;
    color: var(--text);
    font-size: .95rem;
    font-weight: 800;
    line-height: 1.18;
}
.account-order-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    min-width: 0;
}
.account-order-status-row .account-order-summary-label {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}
.account-order-status-row .account-order-meta {
    flex: 0 1 auto;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-left: auto;
    margin-top: 0;
    width: auto;
}
.account-order-status-row .status-badge {
    white-space: nowrap;
}
.account-order-status-row.account-order-status-row--stacked {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    justify-items: start;
    gap: .42rem;
}
.account-order-status-row.account-order-status-row--stacked .account-order-meta {
    justify-content: flex-start;
    width: 100%;
    margin-left: 0;
}
.account-order-status-row.account-order-status-row--stacked .status-badge {
    max-width: none;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: .025em;
    font-size: clamp(.58rem, 2.8vw, .68rem);
}
.orders-mobile-card .orders-mobile-statuses .admin-order-payment-pending {
    max-width: none;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: .025em;
    font-size: clamp(.56rem, 2.7vw, .68rem);
}
.account-order-status-action-form {
    margin-top: .72rem;
}
.account-order-status-action-form .account-order-link-btn {
    width: 100%;
}
.account-order-thumb-link,
.account-order-thumb,
.account-order-thumb-placeholder {
    width: 72px;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
}
.account-order-thumb-link,
.account-order-thumb-placeholder {
    display: block;
    overflow: hidden;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel-2) 82%, var(--text) 18%);
}
.account-order-thumb-link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}
.account-order-thumb {
    display: block;
    height: 72px;
    object-fit: cover;
}
.account-order-thumb--static {
    border: 1px solid var(--line);
}
.account-order-main {
    min-width: 0;
    display: grid;
    gap: .18rem;
    align-content: center;
}
.account-order-title {
    margin: 0;
    font-weight: 700;
    line-height: 1.24;
}
.account-order-number,
.account-order-price,
.account-order-notes,
.account-order-line-quantity,
.account-order-total {
    margin: 0;
}
.account-order-number {
    line-height: 1.3;
}
.account-order-number-separator {
    margin: 0 .18rem;
}
.account-order-code {
    min-width: 0;
}
.account-order-heading-number {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    max-width: 100%;
    line-height: 1.2;
}
.account-order-heading-number > span {
    min-width: 0;
    overflow-wrap: anywhere;
}
.account-order-heading-code {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    min-width: 0;
}
.account-order-heading-code > span {
    min-width: 0;
    overflow-wrap: anywhere;
}
.account-order-number-copy-btn {
    transform: translateY(.02rem);
}
.account-order-date {
    white-space: nowrap;
}
.account-order-line-quantity {
    line-height: 1.25;
}
.account-order-title,
.account-order-line-quantity,
.account-order-number {
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-order-price {
    color: var(--gold);
    font-weight: 700;
}
.account-order-notes {
    line-height: 1.35;
    max-height: calc(2 * 1.35em);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
}
.account-orders-kind-filter {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-left: auto;
}
.account-orders-header-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
    margin-left: auto;
}
.account-orders-index-header > div:first-child {
    flex: 0 0 auto;
}
.account-orders-index-header .account-orders-sort-form {
    flex: 0 0 auto;
    margin-left: auto;
}
.account-orders-kind-filter .btn {
    min-height: 31px;
    padding: .24rem .62rem;
    font-size: .82rem;
}
.account-orders-kind-filter .btn.is-active {
    border-color: color-mix(in srgb, var(--gold) 70%, white 10%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 18%, var(--panel) 82%), var(--panel-2));
    color: var(--text);
}
.account-orders-sort-form {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
}
.account-orders-search-toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}
.account-orders-search-toggle-btn {
    display: none;
}
.account-orders-search-form {
    display: inline-flex;
    align-items: center;
    flex: 0 1 500px;
    min-width: min(100%, 280px);
    max-width: 500px;
    margin-inline: auto;
}
.account-orders-search-form label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}
.account-orders-search-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    width: 100%;
    min-height: 28px;
    padding: .06rem .14rem .06rem .54rem;
    gap: .28rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 5%, transparent);
}
.account-orders-search-control > i {
    color: var(--muted);
    font-size: .82rem;
}
.account-orders-search-control input {
    min-width: 0;
    width: 100%;
    height: 22px;
    min-height: 22px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text);
    font-size: .78rem;
    line-height: 22px;
}
.account-orders-search-control input::placeholder {
    color: color-mix(in srgb, var(--muted) 82%, transparent);
}
.account-orders-search-clear,
.account-orders-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-2) 82%, black 18%);
    color: var(--text);
    text-decoration: none;
}
.account-orders-search-submit {
    border-color: color-mix(in srgb, var(--gold) 56%, var(--line) 44%);
    color: var(--gold);
    cursor: pointer;
}
.account-orders-search-clear i,
.account-orders-search-submit i {
    font-size: .72rem;
    line-height: 1;
}
.account-orders-search-clear:hover,
.account-orders-search-submit:hover {
    border-color: color-mix(in srgb, var(--gold) 72%, white 8%);
    color: var(--gold);
}
.account-orders-sort-form label {
    color: var(--muted);
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}
.account-orders-sort-form select {
    min-height: 31px;
    max-width: 190px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--panel);
    color: var(--text);
    padding: .26rem 2rem .26rem .72rem;
    font-size: .84rem;
    line-height: 1.2;
}
.account-order-meta {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .34rem;
    flex-wrap: wrap;
    min-width: 0;
}
.account-order-meta .status-badge {
    max-width: 100%;
    white-space: normal;
    text-align: left;
}
.account-order-shipment-list {
    display: grid;
    gap: .38rem;
    margin: 0;
}
.account-order-shipment-list > div {
    display: grid;
    gap: .12rem;
}
.account-order-shipment-list dt {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.1;
}
.account-order-shipment-list dd {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}
.account-order-summary-panel--shipment {
    display: grid;
    gap: .5rem;
}
.account-order-shipment-card {
    flex: 0 1 min(46%, 430px);
    min-width: 300px;
    margin-left: auto;
    padding: .62rem .72rem;
}
.account-order-copy-row {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    min-width: 0;
    max-width: 100%;
}
.account-order-copy-row > span {
    min-width: 0;
    overflow-wrap: anywhere;
}
.account-order-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--panel-2) 86%, var(--bg) 14%);
    color: var(--muted);
    cursor: pointer;
}
.account-order-copy-btn svg {
    width: 13px;
    height: 13px;
}
.account-order-copy-ok-icon {
    display: none;
}
.account-order-copy-btn:hover,
.account-order-copy-btn.is-copied {
    color: var(--gold);
    border-color: color-mix(in srgb, var(--gold) 52%, var(--line));
}
.account-order-copy-btn.is-copied {
    color: var(--success);
    border-color: color-mix(in srgb, var(--success) 58%, var(--line));
    background: color-mix(in srgb, var(--success) 14%, var(--panel) 86%);
}
.account-order-copy-btn.is-copied .account-order-copy-icon {
    display: none;
}
.account-order-copy-btn.is-copied .account-order-copy-ok-icon {
    display: block;
}
.account-order-link-btn.account-order-tracking-btn {
    width: 100%;
    margin-left: 0;
}
.account-order-link-btn {
    margin-left: auto;
}
.account-order-link-btn {
    padding: .28rem .72rem;
    min-height: 30px;
    line-height: 1;
}
.account-order-link-btn--payment-needed {
    border-color: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    background: color-mix(in srgb, var(--gold) 14%, var(--panel) 86%);
    color: var(--text);
    box-shadow: 0 5px 14px color-mix(in srgb, var(--gold) 12%, transparent);
}
.account-order-retry-payment-btn {
    border-color: color-mix(in srgb, var(--gold) 76%, white 8%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 24%, var(--panel) 76%), var(--panel-2));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--gold) 16%, transparent);
}
.account-order-payment-badge {
    border-color: color-mix(in srgb, var(--gold) 46%, var(--line) 54%);
}
.account-order-payment-badge--needed {
    border-color: var(--warning-border);
    background: var(--warning-bg);
    color: var(--warning-text);
    box-shadow: 0 7px 16px var(--warning-shadow);
}
.account-order-card-head,
.account-order-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}
.account-order-footer {
    display: block;
}
.account-order-headline {
    display: flex;
    align-items: center;
    gap: .62rem;
    min-width: 0;
}
.account-order-delivery-icon {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, var(--gold) 52%, var(--line) 48%);
    border-radius: 10px;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 10%, transparent);
}
.account-order-delivery-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.account-order-products {
    display: grid;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}
.account-order-product-row {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    align-items: center;
    gap: .72rem;
    padding: .62rem 0;
}
.account-order-product-row + .account-order-product-row {
    border-top: 1px solid var(--line);
}
.account-order-product-row--empty {
    min-height: 72px;
}
.account-order-total {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    justify-content: space-between;
    gap: .62rem;
    width: 100%;
    margin-left: 0;
    text-align: right;
}
.account-order-total span {
    color: var(--muted);
}
.account-order-delivery-total strong {
    color: var(--muted);
}
.account-order-footer-actions {
    display: grid;
    justify-items: stretch;
    gap: .42rem;
    min-width: 0;
    width: 100%;
    margin-left: 0;
}
.account-order-footer .account-order-link-btn {
    margin-left: 0;
    margin-top: .12rem;
    width: 100%;
}
.account-order-conversation-form {
    margin: 0;
}
.account-order-show-header {
    margin: .15rem 0 .35rem;
    align-items: flex-start;
}
.account-order-show-header .eyebrow {
    margin: 0;
}
.account-order-show-actions {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.account-order-show-actions-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}
.account-order-show-actions .account-order-show-action-btn {
    min-height: 36px;
    padding: .42rem .82rem;
    border-radius: 12px;
    line-height: 1;
}
.account-order-show-actions .account-order-cancel-btn {
    color: var(--danger);
    border-color: color-mix(in srgb, var(--danger) 45%, var(--line) 55%);
    background: color-mix(in srgb, var(--danger) 9%, var(--panel) 91%);
}
.account-order-show-actions form {
    margin: 0;
}
.account-order-payment-retry-form {
    display: flex;
    justify-content: flex-end;
    margin: .7rem 0 0;
}
.account-order-fulfillment-blocked,
.admin-order-fulfillment-blocked {
    margin: .65rem 0 0;
    line-height: 1.35;
}
.account-order-show-grid {
    align-items: start;
}
.account-order-summary-panel table th {
    width: 34%;
}
.account-order-summary-panel table th,
.account-order-summary-panel table td {
    padding-top: .42rem;
    padding-bottom: .42rem;
    line-height: 1.25;
}
.account-bank-transfer-copy-label th {
    padding-bottom: .12rem;
}
.account-bank-transfer-copy-value td {
    padding-top: .08rem;
}
.account-bank-transfer-copy-value .account-order-copy-row {
    width: 100%;
    justify-content: space-between;
}
.account-bank-transfer-instructions {
    line-height: 1.32;
}
.account-order-payment-note {
    line-height: 1.32;
}
.admin-payment-transactions-scroll {
    max-height: min(820px, 72vh);
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 10px;
}
.admin-payment-transactions-scroll table {
    margin: 0;
}
.admin-payment-transactions-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--panel);
    box-shadow: 0 1px 0 var(--line);
}
.admin-order-status-cancelled {
    border-color: color-mix(in srgb, var(--danger) 58%, var(--line) 42%);
    background: color-mix(in srgb, var(--danger) 16%, var(--panel) 84%);
    color: color-mix(in srgb, var(--danger) 86%, var(--text) 14%);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--danger) 12%, transparent);
}
.admin-order-customer-cancelled {
    color: var(--danger);
    font-weight: 700;
}
.admin-order-customer-cancelled-badge {
    border-color: color-mix(in srgb, var(--danger) 58%, var(--line) 42%);
    background: color-mix(in srgb, var(--danger) 16%, var(--panel) 84%);
    color: color-mix(in srgb, var(--danger) 86%, var(--text) 14%);
}
.account-order-items-panel {
    margin-top: .8rem;
}
.account-order-items-list {
    display: grid;
    gap: .5rem;
}
.account-order-line {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: start;
    padding: .44rem 0;
    border-top: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
    line-height: 1.22;
}
.account-order-line:first-child {
    border-top: 0;
    padding-top: .05rem;
}
.account-order-line > div {
    min-width: 0;
}
.account-order-line--product {
    grid-template-columns: 76px minmax(0, 1fr) auto;
    align-items: center;
}
.account-order-line-thumb-link,
.account-order-line-thumb-placeholder {
    width: 76px;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel-2) 82%, var(--text) 18%);
}
.account-order-line-thumb-link {
    display: block;
}
.account-order-line-thumb-link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}
.account-order-line-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.account-order-line .align-right {
    display: grid;
    gap: .12rem;
}
.account-delivery-settings-header {
    width: min(100%, 1040px);
    margin-inline: auto;
}
.account-delivery-settings-header h1 {
    margin-bottom: .16rem;
}
.account-delivery-settings-header .muted {
    margin: 0;
    max-width: 640px;
}
.account-delivery-settings-panel {
    width: min(100%, 1040px);
    margin-inline: auto;
    padding: 1rem;
    gap: 1rem;
}
.account-delivery-settings-panel form.stack {
    gap: 1rem;
}
.account-delivery-form-section {
    display: grid;
    gap: .82rem;
}
.account-delivery-form-heading {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .72rem;
    align-items: center;
    padding-bottom: .76rem;
    border-bottom: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
}
.account-delivery-form-heading strong {
    display: block;
    margin-bottom: .12rem;
    font-size: 1.02rem;
}
.account-delivery-form-heading .muted {
    margin: 0;
}
.account-delivery-form-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line));
    border-radius: 12px;
    background: color-mix(in srgb, var(--gold) 10%, var(--panel) 90%);
    color: var(--gold);
}
.account-delivery-form-icon svg {
    width: 22px;
    height: 22px;
}
.account-delivery-field-grid {
    gap: .72rem;
}
.account-delivery-field-wide {
    min-width: 0;
}
.account-delivery-settings-panel input:not([type="checkbox"]):not([type="radio"]),
.account-delivery-settings-panel select,
.account-delivery-settings-panel textarea {
    width: 100%;
    padding: .56rem .78rem;
    border-radius: 10px;
}
.account-delivery-settings-panel input:not([type="checkbox"]):not([type="radio"]),
.account-delivery-settings-panel select {
    min-height: 44px;
}
.account-delivery-settings-panel label {
    display: block;
    margin-bottom: .28rem;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.2;
}
.account-delivery-settings-actions {
    justify-content: flex-end;
    margin-top: 0;
}
.account-password-settings-header,
.account-password-settings-panel {
    width: min(100%, 560px);
    margin-inline: auto;
}
.account-password-settings-panel {
    padding: .86rem .95rem;
}
.account-password-settings-panel h3 {
    margin-top: 0;
    margin-bottom: .68rem;
}
.account-password-settings-form {
    gap: .56rem;
}
.account-password-settings-form label {
    margin-bottom: .22rem;
    font-size: .86rem;
}
.account-password-settings-form input[type="password"] {
    min-height: 38px;
    padding: .44rem .68rem;
    border-radius: 10px;
}
.account-password-settings-hint {
    margin: .22rem 0 0;
    font-size: .78rem;
    line-height: 1.25;
}
.account-password-settings-submit {
    justify-self: end;
    min-height: 36px;
    padding: .38rem .82rem;
}
.delivery-logo-size-row {
    align-items: end;
    gap: .75rem;
    margin-bottom: .7rem;
}
.delivery-logo-size-control {
    width: min(240px, 100%);
}
.delivery-method-panel {
    gap: .5rem;
    padding: .52rem .85rem;
}
.delivery-method-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    cursor: pointer;
    font-weight: 700;
    line-height: 1.15;
    list-style: none;
    min-height: 1.6rem;
}
.delivery-method-summary::-webkit-details-marker {
    display: none;
}
.delivery-method-panel[open] {
    padding-bottom: .8rem;
}
.delivery-method-panel[open] .delivery-method-summary {
    padding-bottom: .25rem;
}
.account-delivery-map-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}
.account-delivery-map-row .map-toggle-btn {
    justify-self: end;
    min-height: 40px;
    padding: .5rem .84rem;
    white-space: nowrap;
}
.required-mark {
    color: var(--gold);
    font-weight: 800;
}
.account-delivery-save-btn {
    min-height: 36px;
    padding: .42rem .9rem;
    border-radius: 10px;
}
.inpost-geowidget-panel {
    display: grid;
    gap: .72rem;
    padding: .9rem;
    border: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel-2) 72%, var(--panel) 28%);
}
.inpost-geowidget-panel strong {
    display: block;
    margin-bottom: .12rem;
}
.inpost-geowidget-panel .muted {
    margin: 0;
}
.account-delivery-selected-point {
    min-height: 1.2em;
}
.account-delivery-map-unavailable {
    margin: 0;
    padding: .72rem .8rem;
    border: 1px dashed color-mix(in srgb, var(--text) 16%, transparent);
    border-radius: 12px;
}
.inpost-geowidget-wrap {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    height: 600px;
    min-height: 600px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--text) 12%, transparent);
    border-radius: 12px;
    background: var(--panel);
}
.inpost-geowidget-wrap[hidden] {
    display: none;
}
.inpost-geowidget-toolbar {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .62rem .72rem;
    border-bottom: 1px solid color-mix(in srgb, var(--text) 12%, transparent);
    background: color-mix(in srgb, var(--panel) 88%, #000 12%);
}
.inpost-geowidget-close {
    min-height: 36px;
    padding: .42rem .72rem;
    white-space: nowrap;
}
.inpost-geowidget-stage {
    min-height: 0;
    overflow: hidden;
}
.inpost-geowidget-stage inpost-geowidget {
    display: block;
    height: 100%;
    min-height: 520px;
    width: 100%;
}
.inpost-geowidget-wrap .leaflet-gesture-handling-warning {
    display: none !important;
}
.order-status-row {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: .55rem;
}
.order-status-row select {
    flex: 1 1 auto;
    min-width: 0;
}
.order-status-row .btn {
    flex: 0 0 auto;
    white-space: nowrap;
}
.admin-order-notes-box {
    margin-top: .35rem;
    padding: .55rem .75rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 92%, black 8%);
}
.admin-order-notes-box .rich-text {
    margin: 0;
}
.account-order-date {
    white-space: nowrap;
}
.admin-conversation-item {
    display: block;
    position: relative;
    padding: .78rem .86rem;
}
.admin-conversation-link {
    display: block;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}
.admin-conversation-meta-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .45rem;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
}
.admin-conversation-contact-line {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 9.5rem);
}
.admin-conversation-contact-presence {
    display: inline-block;
    margin: 0;
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    vertical-align: middle;
}
.admin-conversation-contact-presence.is-online {
    background: #7ec79b;
    box-shadow: 0 0 8px color-mix(in srgb, #7ec79b 55%, transparent);
}
.admin-conversation-contact-presence.is-offline {
    background: color-mix(in srgb, var(--muted) 45%, transparent);
    box-shadow: none;
}
.admin-conversation-contact-presence::before,
.admin-conversation-contact-presence::after {
    content: none;
}
.admin-conversation-read-status {
    margin: 0;
    flex: 0 0 auto;
    font-size: .72rem;
    line-height: 1.25;
    opacity: .92;
}
.admin-conversation-badges {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .34rem;
    flex-wrap: wrap;
}
.admin-conversation-bottom {
    margin-top: .38rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
}
.admin-conversation-menu {
    position: absolute;
    top: .42rem;
    right: .42rem;
    z-index: 3;
    width: 28px;
    height: 28px;
}
.admin-conversation-menu summary {
    list-style: none;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 86%, black 14%);
    color: var(--muted);
    display: grid;
    place-items: center;
    cursor: pointer;
    line-height: 1;
    font-size: 1rem;
}
.admin-conversation-menu summary::-webkit-details-marker {
    display: none;
}
.admin-conversation-menu[open] summary,
.admin-conversation-menu summary:hover {
    border-color: color-mix(in srgb, var(--gold) 55%, var(--line));
    color: var(--text);
}
.admin-conversation-menu-panel {
    position: absolute;
    top: calc(100% + .3rem);
    right: 0;
    min-width: 112px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
    padding: .36rem;
    box-shadow: var(--shadow);
}
.admin-conversation-delete-btn {
    color: #f87171;
    display: block;
    width: 100%;
    text-align: left;
    padding: .24rem .34rem;
}
.admin-conversations-archive-btn {
    align-self: flex-start;
    width: auto;
    min-width: 0;
    padding: .34rem .68rem;
    min-height: 34px;
    font-size: .8rem;
}
.admin-conversations-header > div {
    min-width: 0;
}
.user-settings-menu {
    position: relative;
}
.user-settings-menu summary {
    list-style: none;
}
.user-settings-menu summary::-webkit-details-marker {
    display: none;
}
.user-settings-menu-panel {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    width: max-content;
    min-width: 188px;
    max-width: min(280px, calc(100vw - 1rem));
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--panel) 96%, white 4%),
        color-mix(in srgb, var(--panel-2) 93%, black 7%)
    );
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    padding: .5rem;
    box-shadow:
        0 20px 40px color-mix(in srgb, var(--bg) 78%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 14%, transparent);
    z-index: 12;
    display: grid;
    gap: .18rem;
    color: var(--text);
}
.user-settings-link,
.user-settings-logout {
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 12px;
    border: 1px solid transparent;
    padding: .48rem .68rem;
    color: var(--text);
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
.user-settings-link:hover,
.user-settings-logout:hover {
    border-color: color-mix(in srgb, var(--line) 86%, transparent);
    background: color-mix(in srgb, var(--panel-2) 88%, white 12%);
    transform: translateY(-1px);
}
.user-settings-divider {
    border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    margin: .2rem .14rem;
}
.user-settings-logout {
    color: color-mix(in srgb, #f87171 88%, var(--text) 12%);
}
.admin-mobile-menu {
    display: none;
    position: relative;
}
.mobile-header-menu {
    display: none;
    position: relative;
}
.admin-mobile-menu summary {
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mobile-header-menu summary {
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.icon-admin-menu {
    width: 22px;
    height: 22px;
    stroke: currentColor;
}
body.header-action-icons-size-xs .icon-admin-menu {
    width: 22px;
    height: 22px;
}
body.header-action-icons-size-sm .icon-admin-menu {
    width: 24px;
    height: 24px;
}
body.header-action-icons-size-md .icon-admin-menu {
    width: 26px;
    height: 26px;
}
body.header-action-icons-size-lg .icon-admin-menu {
    width: 28px;
    height: 28px;
}
.admin-mobile-menu summary::-webkit-details-marker {
    display: none;
}
.mobile-header-menu summary::-webkit-details-marker {
    display: none;
}
.admin-mobile-menu-panel {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    z-index: 2147483000;
    display: flex;
    justify-content: flex-end;
    isolation: isolate;
}
.admin-mobile-menu-sheet {
    width: max-content;
    min-width: 188px;
    max-width: min(320px, calc(100vw - 1rem));
    position: relative;
    z-index: 1;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--panel) 96%, white 4%),
        color-mix(in srgb, var(--panel-2) 93%, black 7%)
    );
    padding: .5rem;
    box-shadow:
        0 22px 42px color-mix(in srgb, var(--bg) 78%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 14%, transparent);
    display: grid;
    gap: .14rem;
    isolation: isolate;
    contain: paint;
    transform: translateZ(0);
    color: var(--text);
}
.mobile-header-menu-panel {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    z-index: 2147483000;
    display: flex;
    justify-content: flex-end;
}
.mobile-header-menu-sheet {
    width: max-content;
    min-width: 172px;
    max-width: min(280px, calc(100vw - 1rem));
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--panel) 96%, white 4%),
        color-mix(in srgb, var(--panel-2) 93%, black 7%)
    );
    padding: .5rem;
    box-shadow:
        0 22px 42px color-mix(in srgb, var(--bg) 78%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 14%, transparent);
    display: grid;
    gap: .14rem;
    color: var(--text);
}
.mobile-header-menu-sheet > a,
.mobile-header-menu-sheet > .btn.btn-sm,
.mobile-header-menu-sheet > form .link-btn {
    width: auto;
    min-width: 100%;
    text-align: right;
    border-radius: 12px;
    border: 1px solid transparent;
    padding: .38rem .62rem;
    line-height: 1.18;
    font-size: .88rem;
    font-weight: 600;
    color: inherit;
    justify-content: flex-end;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
.mobile-header-menu-sheet > a:hover,
.mobile-header-menu-sheet > .btn.btn-sm:hover,
.mobile-header-menu-sheet > form .link-btn:hover {
    border-color: color-mix(in srgb, var(--line) 86%, transparent);
    background: color-mix(in srgb, var(--panel-2) 86%, white 14%);
    transform: translateY(-1px);
}
.mobile-header-menu-logout-form {
    margin: 0;
}
.mobile-header-menu-divider {
    height: 1px;
    background: color-mix(in srgb, var(--line) 78%, transparent);
    margin: .18rem .14rem;
}
.mobile-header-menu-logout {
    background: transparent;
    color: color-mix(in srgb, #f87171 88%, var(--text) 12%);
    cursor: pointer;
}
.mobile-header-menu-sheet .badge-pill {
    margin-left: .35rem;
}
.admin-mobile-menu-sheet .link-btn {
    position: relative;
    width: auto;
    min-width: 100%;
    text-align: right;
    border-radius: 12px;
    border: 1px solid transparent;
    padding: .4rem .62rem;
    line-height: 1.18;
    font-size: .88rem;
    font-weight: 600;
    color: inherit;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
.admin-mobile-menu-sheet .link-btn .purchase-offer-count-badge {
    position: static;
    margin-left: .45rem;
    vertical-align: middle;
}
.admin-mobile-menu-sheet .link-btn:hover {
    border-color: color-mix(in srgb, var(--line) 86%, transparent);
    background: color-mix(in srgb, var(--panel-2) 86%, white 14%);
    transform: translateY(-1px);
}
.admin-mobile-menu-group,
.admin-mobile-menu-subgroup {
    display: grid;
    gap: .12rem;
    width: 100%;
}
.admin-mobile-menu-group > summary,
.admin-mobile-menu-subgroup > summary {
    list-style: none;
}
.admin-mobile-menu-group > summary::-webkit-details-marker,
.admin-mobile-menu-subgroup > summary::-webkit-details-marker {
    display: none;
}
.admin-mobile-menu-group-summary,
.admin-mobile-menu-subgroup-summary {
    width: 100%;
    min-width: 0;
    border-radius: 12px;
    border: 1px solid transparent;
    padding: .4rem .62rem;
    line-height: 1.18;
    font-size: .88rem;
    font-weight: 800;
    color: color-mix(in srgb, var(--gold) 60%, var(--muted) 40%);
    text-transform: uppercase;
    letter-spacing: .12em;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    text-align: right;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
.admin-mobile-menu-group-summary span:first-child,
.admin-mobile-menu-subgroup-summary span:first-child {
    flex: 1 1 auto;
    text-align: right;
}
.admin-mobile-menu-subgroup-summary {
    color: inherit;
    font-size: .84rem;
    letter-spacing: 0;
    text-transform: none;
}
.admin-mobile-menu-group-summary:hover,
.admin-mobile-menu-subgroup-summary:hover {
    border-color: color-mix(in srgb, var(--line) 86%, transparent);
    background: color-mix(in srgb, var(--panel-2) 86%, white 14%);
    transform: translateY(-1px);
}
.admin-mobile-menu-caret {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: .9rem;
    min-width: .9rem;
    transition: transform .18s ease;
}
.admin-mobile-menu-group[open] > .admin-mobile-menu-group-summary .admin-mobile-menu-caret,
.admin-mobile-menu-subgroup[open] > .admin-mobile-menu-subgroup-summary .admin-mobile-menu-caret {
    transform: rotate(180deg);
}
.admin-mobile-menu-group-list,
.admin-mobile-menu-subgroup-list {
    display: grid;
    gap: .12rem;
    padding: .05rem 0 .18rem;
    width: 100%;
}
.admin-mobile-menu-subgroup-list {
    padding-right: .45rem;
}
.admin-mobile-menu-divider {
    height: 1px;
    margin: .22rem .14rem;
    background: color-mix(in srgb, var(--line) 76%, transparent);
}
.admin-mobile-menu-section-label {
    margin: .04rem 0 .01rem;
    padding: .16rem .52rem .04rem;
    text-align: right;
    color: color-mix(in srgb, var(--gold) 60%, var(--muted) 40%);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}
.message-thread {
    display: grid;
    gap: .8rem;
    align-content: start;
    align-items: start;
    max-height: 420px;
    overflow-y: auto;
}
.conversation-subject-title {
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    line-height: 1.18;
}
.conversation-topic-line {
    margin: .18rem 0 0;
}
.conversation-back-btn {
    white-space: nowrap;
}
.account-conversation-show-layout {
    display: grid;
    gap: 1rem;
}
.account-conversation-thread-panel,
.account-conversation-reply-panel {
    margin-bottom: 0;
}
.account-conversation-reply-panel h3 {
    margin: 0 0 .65rem;
}
.conversation-reply-actions-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .45rem;
    align-items: center;
}
.conversation-attachments-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.conversation-attach-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
    color: var(--text);
    cursor: pointer;
}
.conversation-attach-icon-btn:hover {
    border-color: var(--gold);
}
.conversation-attachments-counter {
    margin: -.08rem 0 0;
    min-height: 0;
    line-height: 1.2;
}
.conversation-attachments-counter:empty {
    display: none;
}
.conversation-attachments-note {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.3;
}
.conversation-reply-actions-row .btn {
    white-space: nowrap;
    margin: 0;
    justify-self: end;
}
.bubble { padding: .85rem; border-radius: 14px; border: 1px solid var(--line); max-width: 85%; }
.bubble p { margin: 0; }
.bubble-meta { color: var(--muted); font-size: .8rem; margin-bottom: .35rem; }
.message-read-status,
.message-unread-status {
    font-size: .88em;
}
.message-read-status {
    color: #7ec79b;
}
.message-unread-status {
    color: #ff9c9c;
}
@media (min-width: 1041px) {
    .account-conversation-show-layout {
        grid-template-columns: minmax(0, 65fr) minmax(360px, 35fr);
        align-items: start;
    }
    .account-conversation-thread-panel .message-thread {
        height: clamp(300px, calc(100dvh - 300px), 620px);
        max-height: none;
        min-height: 0;
        padding-right: .18rem;
    }
    .account-conversation-reply-panel {
        position: sticky;
        top: 86px;
    }
    .account-conversation-reply-panel .conversation-reply-form {
        gap: .58rem;
    }
    .account-conversation-reply-panel .conversation-reply-form textarea[name="body"] {
        min-height: 190px;
    }
}
@media (min-width: 1041px) and (min-height: 920px) {
    .account-conversation-show-layout {
        grid-template-columns: 1fr;
    }
    .account-conversation-thread-panel .message-thread {
        height: auto;
        max-height: 420px;
    }
    .account-conversation-reply-panel {
        position: static;
        top: auto;
    }
    .account-conversation-reply-panel .conversation-reply-form textarea[name="body"] {
        min-height: 104px;
    }
}
.bubble-user { background: rgba(126, 199, 155, 0.06); justify-self: end; }
.bubble-admin { background: rgba(200, 169, 120, 0.08); justify-self: start; }
.conversation-topic-line--watch {
    display: flex;
    align-items: center;
    gap: .45rem;
}
.conversation-topic-thumb {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line) 66%);
    border-radius: 8px;
    background: var(--panel-2);
}
.conversation-topic-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.price-offer-thread-panel {
    border: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    box-shadow: 0 0 22px color-mix(in srgb, var(--gold) 10%, transparent);
}
.price-offer-thread-card {
    border-top-color: color-mix(in srgb, var(--line) 72%, transparent);
}
.price-offer-thread-badge {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    width: fit-content;
    border-color: color-mix(in srgb, var(--gold) 48%, var(--line) 52%);
    background: color-mix(in srgb, var(--gold) 10%, var(--panel-2) 90%);
    color: var(--gold);
}
.price-offer-thread-amount {
    color: var(--text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.7rem;
    line-height: 1.05;
}

.price-offer-thread-main .price-offer-thread-amount {
    font-size: 1.7rem;
}
.price-offer-thread-date,
.price-offer-thread-message,
.price-offer-thread-note {
    margin: 0;
    color: var(--muted);
}
.price-offer-thread-note {
    padding-top: .72rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
}
.price-offer-thread-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
}
@media (min-width: 1041px) {
    .account-conversation-show-layout {
        grid-template-columns: 1fr;
    }
    .account-conversation-thread-panel--with-offers {
        display: grid;
        grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
        gap: .65rem;
        align-items: stretch;
    }
    .account-conversation-thread-panel--with-offers .price-offer-thread-panel {
        margin: 0;
        min-height: 320px;
    }
    .account-conversation-thread-panel--with-offers .message-thread {
        height: clamp(300px, calc(100dvh - 370px), 520px);
        max-height: none;
    }
    .account-conversation-reply-panel {
        position: static;
        top: auto;
    }
}
@media (max-width: 720px) {
    .conversation-topic-line--watch {
        gap: .45rem;
    }
    .conversation-topic-thumb {
        width: 34px;
        height: 34px;
        border-radius: 7px;
    }
    .account-conversation-thread-panel--with-offers {
        display: grid;
        gap: .65rem;
    }
    .price-offer-thread-panel {
        padding: .85rem;
        margin-bottom: 0;
    }
    .price-offer-thread-panel h3 {
        font-size: 1.08rem;
        margin-bottom: .62rem;
    }
    .price-offer-thread-card {
        gap: .58rem;
    }
    .price-offer-thread-amount {
        font-size: 1.22rem;
    }

.price-offer-thread-main .price-offer-thread-amount {
    font-size: 1.22rem;
}
}

.admin-conversations-page {
    display: grid;
    gap: .82rem;
}

.admin-conversations-header {
    margin-bottom: .1rem;
}

@media (min-width: 981px) {
    .admin-conversations-header > div {
        display: flex;
        align-items: baseline;
        gap: .72rem;
    }

    .admin-conversations-header .eyebrow {
        margin: 0;
    }

    .admin-conversations-header h1 {
        font-size: clamp(1.7rem, 2.3vw, 2.35rem);
        line-height: 1;
    }
}

.admin-conversations-archive-btn {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
}

.admin-conversations-archive-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    padding: 0 .28rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 16%, transparent);
    color: var(--gold);
    font-size: .72rem;
}

.filter-row--admin-conversations {
    display: grid;
    grid-template-columns: minmax(220px, 1.45fr) minmax(160px, 1fr) minmax(160px, 1fr) minmax(180px, 1fr) auto auto;
    gap: .65rem;
    align-items: center;
    padding: .82rem;
}

.admin-conversations-search-field,
.admin-conversations-select-field {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    min-height: 44px;
    min-width: 0;
    padding: 0 .72rem;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel) 86%, black 14%);
    color: var(--muted);
}

.admin-conversations-search-field input,
.admin-conversations-select-field select {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.admin-conversations-select-field select {
    color: var(--text);
}

@media (min-width: 981px) {
    .filter-row--admin-conversations {
        gap: .52rem;
        padding: .62rem;
    }

    .admin-conversations-search-field,
    .admin-conversations-select-field {
        min-height: 38px;
        padding: 0 .62rem;
        border-color: color-mix(in srgb, var(--line) 72%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--panel) 82%, black 18%);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 5%, transparent);
    }

    .admin-conversations-search-field input,
    .admin-conversations-select-field select {
        min-height: 36px;
        font-size: .86rem;
        line-height: 1.1;
    }

    .admin-conversations-search-field input:focus,
    .admin-conversations-select-field select:focus {
        outline: none;
        box-shadow: none;
    }

    .admin-conversations-search-field:focus-within,
    .admin-conversations-select-field:focus-within {
        border-color: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    }

    .admin-conversations-select-field select {
        appearance: none;
        -webkit-appearance: none;
        color-scheme: dark;
    }

    .admin-conversations-select-field select option {
        background: color-mix(in srgb, var(--panel) 88%, black 12%);
        color: var(--text);
    }

    .admin-conversations-filter-btn,
    .admin-conversations-reset-btn {
        min-height: 38px;
        padding: .34rem .72rem;
        border-radius: 8px;
        font-size: .86rem;
        line-height: 1.1;
    }
}

.admin-conversations-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 44px;
}

.admin-conversations-reset-btn {
    min-height: 44px;
}

.admin-conversations-segments {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding-top: .28rem;
}

.admin-conversations-segment {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 38px;
    padding: .38rem .72rem;
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 9px;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    color: var(--muted);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
}

.admin-conversations-segment strong {
    min-width: 23px;
    padding: .1rem .34rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text) 8%, transparent);
    color: var(--text);
    font-size: .72rem;
    text-align: center;
}

.admin-conversations-segment.is-active {
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
    color: var(--gold);
}

.admin-conversations-segment--new i { color: #f87171; }
.admin-conversations-segment--read i { color: #68b7f0; }
.admin-conversations-segment--negotiations i { color: var(--gold); }
.admin-conversations-segment--trash i { color: #a8a29e; }
.admin-conversations-segment--open i { color: #ff914d; }
.admin-conversations-segment--accepted i { color: #7ec79b; }
.admin-conversations-segment--rejected i { color: #f87171; }

.admin-conversations-subsegments {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    margin-top: -.3rem;
    padding: .28rem;
    border: 1px solid color-mix(in srgb, var(--gold) 28%, var(--line) 72%);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 82%, black 18%);
}

.admin-conversations-subsegment {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    min-height: 32px;
    padding: .28rem .56rem;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--muted);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 800;
}

.admin-conversations-subsegment strong {
    min-width: 20px;
    padding: .08rem .28rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text) 8%, transparent);
    color: var(--text);
    font-size: .68rem;
    text-align: center;
}

.admin-conversations-subsegment.is-active {
    border-color: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    color: var(--gold);
}

.admin-conversations-subsegment--open i { color: #ff914d; }
.admin-conversations-subsegment--accepted i { color: #7ec79b; }
.admin-conversations-subsegment--rejected i { color: #f87171; }

.admin-conversations-list {
    gap: .56rem;
}

.admin-conversation-item {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) minmax(190px, auto) auto;
    align-items: center;
    gap: .72rem;
    min-height: 104px;
    padding: .92rem 1rem .92rem .86rem;
    border-radius: 12px;
    overflow: visible;
}

.admin-conversation-item.is-unread {
    border-color: color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
    box-shadow: 0 0 24px color-mix(in srgb, var(--gold) 12%, transparent);
}

.admin-conversation-state-dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--muted);
    box-shadow: 0 0 14px currentColor;
}

.admin-conversation-state-dot--new { color: #f87171; background: #f87171; }
.admin-conversation-state-dot--read { color: #68b7f0; background: #68b7f0; }
.admin-conversation-state-dot--open { color: #ff914d; background: #ff914d; }
.admin-conversation-state-dot--accepted { color: #7ec79b; background: #7ec79b; }
.admin-conversation-state-dot--rejected { color: #f87171; background: #f87171; }

.admin-conversation-mobile-state-dot {
    display: none;
}

.admin-conversation-mobile-contact-line {
    display: none;
}

.admin-conversation-type-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    border-radius: 999px;
    color: var(--gold);
    font-size: 1.55rem;
    background: color-mix(in srgb, var(--panel) 80%, black 20%);
}

.admin-conversation-type-icon--offer {
    border-color: color-mix(in srgb, #7ec79b 48%, var(--line) 52%);
    color: #7ec79b;
}

.admin-conversation-type-icon--message {
    border-color: color-mix(in srgb, #68b7f0 48%, var(--line) 52%);
    color: #68b7f0;
}

.admin-conversation-type-icon--negotiation {
    border-color: color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
}

.admin-conversation-link {
    min-width: 0;
}

.admin-conversation-title-row {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.admin-conversation-type-badge {
    flex: 0 0 auto;
    padding: .18rem .5rem;
    border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line) 58%);
    border-radius: 7px;
    background: color-mix(in srgb, var(--gold) 10%, transparent);
    color: var(--gold);
    font-size: .76rem;
    font-weight: 800;
}

.admin-conversation-type-badge--offer {
    border-color: color-mix(in srgb, #7ec79b 42%, var(--line) 58%);
    background: color-mix(in srgb, #7ec79b 10%, transparent);
    color: #7ec79b;
}

.admin-conversation-type-badge--message {
    border-color: color-mix(in srgb, #68b7f0 42%, var(--line) 58%);
    background: color-mix(in srgb, #68b7f0 10%, transparent);
    color: #68b7f0;
}

.admin-conversation-meta-row {
    margin-top: .32rem;
}

.admin-conversation-read-status {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.admin-conversation-read-status--new { color: #f87171; }
.admin-conversation-read-status--read { color: #68b7f0; }
.admin-conversation-read-status--open { color: #ff914d; }
.admin-conversation-read-status--accepted { color: #7ec79b; }
.admin-conversation-read-status--rejected { color: #f87171; }

.admin-conversation-side {
    display: grid;
    gap: .72rem;
    justify-items: end;
}

.admin-conversation-side-actions {
    display: inline-flex;
    align-items: center;
    gap: .72rem;
}

.admin-conversation-attachment-icon {
    color: var(--muted);
    font-size: 1.1rem;
}

.admin-conversation-message-preview {
    display: flex;
    align-items: baseline;
    gap: .34rem;
}

.admin-conversation-message-preview span {
    min-width: 0;
}

.admin-conversation-message-attachment-icon {
    flex: 0 0 auto;
    color: var(--gold);
    font-size: .9rem;
}

.admin-conversation-open-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 136px;
    justify-content: center;
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line) 38%);
    color: var(--gold);
}

.admin-conversation-mobile-archive {
    display: none;
}

.admin-conversation-menu {
    position: relative;
    top: auto;
    right: auto;
    justify-self: end;
}

.admin-conversation-menu summary {
    border: 0;
    background: transparent;
    color: var(--text);
}

@media (max-width: 980px) {
    .filter-row--admin-conversations {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .admin-conversations-search-field,
    .admin-conversations-segments {
        grid-column: 1 / -1;
    }

    .admin-conversation-item {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .68rem;
    }

    .admin-conversation-state-dot {
        display: none;
    }

    .admin-conversation-type-icon {
        width: 44px;
        height: 44px;
        font-size: 1rem;
    }

    .admin-conversation-side {
        grid-column: 2 / -1;
        grid-row: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .admin-conversation-menu {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 640px) {
    .filter-row--admin-conversations {
        grid-template-columns: 1fr;
    }

    .admin-conversations-search-field,
    .admin-conversations-select-field,
    .admin-conversations-filter-btn,
    .admin-conversations-reset-btn {
        width: 100%;
    }

    .admin-conversations-segments {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: .18rem;
    }

    .admin-conversations-subsegments {
        width: 100%;
        overflow-x: auto;
    }

    .admin-conversation-title-row {
        display: grid;
        gap: .35rem;
    }

    .admin-conversation-meta-row {
        white-space: normal;
    }

    .admin-conversation-open-btn {
        min-width: 112px;
    }
}

/* Final mobile admin conversations override. */
@media (max-width: 720px) {
    .admin-conversations-page {
        gap: .82rem;
        padding: .85rem .72rem 1.6rem;
    }

    .admin-conversations-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .65rem;
        margin-bottom: 0;
    }

    .admin-conversations-header .eyebrow {
        display: none;
    }

    .admin-conversations-header h1 {
        margin: 0;
        font-size: clamp(1.55rem, 6.8vw, 2rem);
        line-height: 1;
    }

    .admin-conversations-archive-btn {
        min-height: 42px;
        padding: .5rem .82rem;
        border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
        border-radius: 999px;
        color: var(--text);
        font-size: 1rem;
    }

    .filter-row--admin-conversations {
        display: grid;
        grid-template-columns: 1fr;
        gap: .72rem;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .admin-conversations-select-field,
    .admin-conversations-filter-btn,
    .admin-conversations-reset-btn {
        display: none;
    }

    .admin-conversations-search-field {
        min-height: 54px;
        padding: 0 .88rem;
        border-radius: 18px;
        border-color: color-mix(in srgb, var(--line) 88%, transparent);
        background: color-mix(in srgb, var(--panel) 76%, black 24%);
        font-size: 1rem;
    }

    .admin-conversations-search-field i {
        color: var(--gold);
        font-size: 1.22rem;
    }

    .admin-conversations-search-field input {
        min-height: 52px;
        font-size: .95rem;
    }

    .admin-conversations-segments {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .56rem;
        overflow: visible;
        padding: 0;
    }

    .admin-conversations-segment {
        justify-content: flex-start;
        min-height: 46px;
        padding: .52rem .6rem;
        border-radius: 13px;
        font-size: 1rem;
        background: color-mix(in srgb, var(--panel) 82%, black 18%);
    }

    .admin-conversations-segment strong,
    .admin-conversations-subsegment strong {
        margin-left: auto;
    }

    .admin-conversations-subsegments {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: .45rem;
        margin-top: -.15rem;
        padding: .46rem;
        border-radius: 14px;
        overflow: visible;
    }

    .admin-conversations-subsegment {
        min-height: 38px;
        justify-content: flex-start;
        padding: .38rem .45rem;
        font-size: .82rem;
    }

    .admin-conversations-list {
        gap: .72rem;
    }

    .admin-conversation-item {
        position: relative;
        display: grid;
        grid-template-columns: 3.45rem minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: stretch;
        gap: 0 .72rem;
        min-height: 0;
        padding: 1rem .86rem .92rem .82rem;
        border-radius: 15px;
    }

    .admin-conversation-item.is-unread {
        border-color: color-mix(in srgb, var(--gold) 64%, var(--line) 36%);
    }

    .admin-conversation-state-dot {
        position: absolute;
        top: 50%;
        left: .72rem;
        display: block;
        width: 11px;
        height: 11px;
        transform: translateY(-50%);
    }

    .admin-conversation-type-icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        width: 44px;
        height: 44px;
        font-size: 1.12rem;
    }

    .admin-conversation-link {
        display: block;
        min-width: 0;
        grid-column: 2;
        grid-row: 1;
        padding: 0 0 3.05rem;
    }

    .admin-conversation-title-row {
        display: grid;
        gap: .42rem;
        padding-right: 4.45rem;
        min-width: 0;
    }

    .admin-conversation-type-badge {
        justify-self: start;
        max-width: 100%;
        padding: .2rem .5rem;
        border-radius: 8px;
        font-size: .78rem;
    }

    .admin-conversation-title-row .message-list-subject {
        display: -webkit-box;
        max-width: 100%;
        overflow: hidden;
        text-overflow: clip;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: clamp(1.08rem, 4.8vw, 1.28rem);
        line-height: 1.14;
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
    }

    .admin-conversation-meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: .32rem .45rem;
        margin-top: .58rem;
        white-space: normal;
    }

    .admin-conversation-contact-line {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.25;
    }

    .admin-conversation-read-status {
        font-size: .86rem;
        line-height: 1.25;
    }

    .admin-conversations-list .message-list-preview {
        display: -webkit-box;
        margin-top: .62rem;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        font-size: 1rem;
        line-height: 1.35;
    }

    .admin-conversation-side {
        position: absolute;
        inset: .92rem .78rem .86rem auto;
        display: grid;
        justify-items: end;
        align-content: space-between;
        gap: 1rem;
        min-width: 6.4rem;
        pointer-events: none;
    }

    .admin-conversation-side-actions {
        pointer-events: auto;
    }

    .admin-conversation-side .message-list-date {
        font-size: .82rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .admin-conversation-open-btn {
        min-width: 96px;
        min-height: 40px;
        border-radius: 999px;
        font-size: 1rem;
    }

    .admin-conversation-attachment-icon {
        display: none;
    }

    .admin-conversation-menu {
        position: absolute;
        top: .8rem;
        right: .64rem;
        width: 30px;
        height: 30px;
    }

    .admin-conversation-menu summary {
        width: 30px;
        height: 30px;
        font-size: 1.08rem;
    }
}

/* Final mobile admin conversations layout. Desktop rules stay unchanged. */
@media (max-width: 720px) {
    .admin-conversations-page {
        gap: .82rem;
        padding: .85rem .72rem 1.6rem;
    }

    .admin-conversations-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .65rem;
        margin-bottom: 0;
    }

    .admin-conversations-header .eyebrow {
        display: none;
    }

    .admin-conversations-header h1 {
        margin: 0;
        font-size: clamp(1.55rem, 6.8vw, 2rem);
        line-height: 1;
    }

    .admin-conversations-archive-btn {
        min-height: 42px;
        padding: .5rem .82rem;
        border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
        border-radius: 999px;
        color: var(--text);
        font-size: 1rem;
    }

    .filter-row--admin-conversations {
        display: grid;
        grid-template-columns: 1fr;
        gap: .72rem;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .admin-conversations-select-field,
    .admin-conversations-filter-btn,
    .admin-conversations-reset-btn {
        display: none;
    }

    .admin-conversations-search-field {
        min-height: 54px;
        padding: 0 .88rem;
        border-radius: 18px;
        border-color: color-mix(in srgb, var(--line) 88%, transparent);
        background: color-mix(in srgb, var(--panel) 76%, black 24%);
        font-size: 1rem;
    }

    .admin-conversations-search-field i {
        color: var(--gold);
        font-size: 1.22rem;
    }

    .admin-conversations-search-field input {
        min-height: 52px;
        font-size: .95rem;
    }

    .admin-conversations-segments {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .56rem;
        overflow: visible;
        padding: 0;
    }

    .admin-conversations-segment {
        justify-content: flex-start;
        min-height: 46px;
        padding: .52rem .6rem;
        border-radius: 13px;
        font-size: 1rem;
        background: color-mix(in srgb, var(--panel) 82%, black 18%);
    }

    .admin-conversations-segment strong,
    .admin-conversations-subsegment strong {
        margin-left: auto;
    }

    .admin-conversations-subsegments {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: .45rem;
        margin-top: -.15rem;
        padding: .46rem;
        border-radius: 14px;
        overflow: visible;
    }

    .admin-conversations-subsegment {
        min-height: 38px;
        justify-content: flex-start;
        padding: .38rem .45rem;
        font-size: .82rem;
    }

    .admin-conversations-list {
        gap: .72rem;
    }

    .admin-conversation-item {
        position: relative;
        display: grid;
        grid-template-columns: 3.45rem minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: stretch;
        gap: 0 .72rem;
        min-height: 0;
        padding: 1rem .86rem .92rem .82rem;
        border-radius: 15px;
    }

    .admin-conversation-item.is-unread {
        border-color: color-mix(in srgb, var(--gold) 64%, var(--line) 36%);
    }

    .admin-conversation-state-dot {
        position: absolute;
        top: 50%;
        left: .72rem;
        display: block;
        width: 11px;
        height: 11px;
        transform: translateY(-50%);
    }

    .admin-conversation-type-icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        width: 44px;
        height: 44px;
        font-size: 1.12rem;
    }

    .admin-conversation-link {
        display: block;
        min-width: 0;
        grid-column: 2;
        grid-row: 1;
        padding: 0 0 3.05rem;
    }

    .admin-conversation-title-row {
        display: grid;
        gap: .42rem;
        padding-right: 4.45rem;
        min-width: 0;
    }

    .admin-conversation-type-badge {
        justify-self: start;
        max-width: 100%;
        padding: .2rem .5rem;
        border-radius: 8px;
        font-size: .78rem;
    }

    .admin-conversation-title-row .message-list-subject {
        display: -webkit-box;
        max-width: 100%;
        overflow: hidden;
        text-overflow: clip;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: clamp(1.08rem, 4.8vw, 1.28rem);
        line-height: 1.14;
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
    }

    .admin-conversation-meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: .32rem .45rem;
        margin-top: .58rem;
        white-space: normal;
    }

    .admin-conversation-contact-line {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.25;
    }

    .admin-conversation-read-status {
        font-size: .86rem;
        line-height: 1.25;
    }

    .admin-conversations-list .message-list-preview {
        display: -webkit-box;
        margin-top: .62rem;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        font-size: 1rem;
        line-height: 1.35;
    }

    .admin-conversation-side {
        position: absolute;
        inset: .92rem .78rem .86rem auto;
        display: grid;
        justify-items: end;
        align-content: space-between;
        gap: 1rem;
        min-width: 6.4rem;
        pointer-events: none;
    }

    .admin-conversation-side-actions {
        pointer-events: auto;
    }

    .admin-conversation-side .message-list-date {
        font-size: .82rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .admin-conversation-open-btn {
        min-width: 96px;
        min-height: 40px;
        border-radius: 999px;
        font-size: 1rem;
    }

    .admin-conversation-attachment-icon {
        display: none;
    }

    .admin-conversation-menu {
        position: absolute;
        top: .8rem;
        right: .64rem;
        width: 30px;
        height: 30px;
    }

    .admin-conversation-menu summary {
        width: 30px;
        height: 30px;
        font-size: 1.08rem;
    }
}

@media (min-width: 981px) {
    .admin-conversations-list .message-list-preview {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 720px) {
    .admin-conversations-page {
        gap: .82rem;
        padding: .85rem .72rem 1.6rem;
    }

    .admin-conversations-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .65rem;
        margin-bottom: 0;
    }

    .admin-conversations-header .eyebrow {
        display: none;
    }

    .admin-conversations-header h1 {
        margin: 0;
        font-size: clamp(1.55rem, 6.8vw, 2rem);
        line-height: 1;
    }

    .admin-conversations-archive-btn {
        min-height: 42px;
        padding: .5rem .82rem;
        border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
        border-radius: 999px;
        color: var(--text);
        font-size: 1rem;
    }

    .filter-row--admin-conversations {
        display: grid;
        grid-template-columns: 1fr;
        gap: .72rem;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .admin-conversations-select-field,
    .admin-conversations-filter-btn,
    .admin-conversations-reset-btn {
        display: none;
    }

    .admin-conversations-search-field {
        min-height: 54px;
        padding: 0 .88rem;
        border-radius: 18px;
        border-color: color-mix(in srgb, var(--line) 88%, transparent);
        background: color-mix(in srgb, var(--panel) 76%, black 24%);
        font-size: 1rem;
    }

    .admin-conversations-search-field i {
        color: var(--gold);
        font-size: 1.22rem;
    }

    .admin-conversations-search-field input {
        min-height: 52px;
        font-size: .95rem;
    }

    .admin-conversations-segments {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .56rem;
        overflow: visible;
        padding: 0;
    }

    .admin-conversations-segment {
        justify-content: flex-start;
        min-height: 46px;
        padding: .52rem .6rem;
        border-radius: 13px;
        font-size: 1rem;
        background: color-mix(in srgb, var(--panel) 82%, black 18%);
    }

    .admin-conversations-segment strong,
    .admin-conversations-subsegment strong {
        margin-left: auto;
    }

    .admin-conversations-subsegments {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: .45rem;
        margin-top: -.15rem;
        padding: .46rem;
        border-radius: 14px;
        overflow: visible;
    }

    .admin-conversations-subsegment {
        min-height: 38px;
        justify-content: flex-start;
        padding: .38rem .45rem;
        font-size: .82rem;
    }

    .admin-conversations-list {
        gap: .72rem;
    }

    .admin-conversation-item {
        position: relative;
        display: grid;
        grid-template-columns: 3.45rem minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: stretch;
        gap: 0 .72rem;
        min-height: 0;
        padding: 1rem .86rem .92rem .82rem;
        border-radius: 15px;
    }

    .admin-conversation-item.is-unread {
        border-color: color-mix(in srgb, var(--gold) 64%, var(--line) 36%);
    }

    .admin-conversation-state-dot {
        position: absolute;
        top: 50%;
        left: .72rem;
        display: block;
        width: 11px;
        height: 11px;
        transform: translateY(-50%);
    }

    .admin-conversation-type-icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        width: 44px;
        height: 44px;
        font-size: 1.12rem;
    }

    .admin-conversation-link {
        grid-column: 2 / 4;
        grid-row: 1;
        padding-right: 2.4rem;
    }

    .admin-conversation-title-row {
        display: grid;
        gap: .42rem;
        padding-right: 4.45rem;
        min-width: 0;
    }

    .admin-conversation-type-badge {
        justify-self: start;
        max-width: 100%;
        padding: .2rem .5rem;
        border-radius: 8px;
        font-size: .78rem;
    }

    .admin-conversation-title-row .message-list-subject {
        display: -webkit-box;
        max-width: 100%;
        overflow: hidden;
        text-overflow: clip;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: clamp(1.08rem, 4.8vw, 1.28rem);
        line-height: 1.14;
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
    }

    .admin-conversation-meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: .32rem .45rem;
        margin-top: .58rem;
        white-space: normal;
    }

    .admin-conversation-contact-line {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.25;
    }

    .admin-conversation-read-status {
        font-size: .86rem;
        line-height: 1.25;
    }

    .admin-conversations-list .message-list-preview {
        display: -webkit-box;
        margin-top: .62rem;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        font-size: 1rem;
        line-height: 1.35;
    }

    .admin-conversation-side {
        position: absolute;
        inset: .92rem .78rem .86rem auto;
        display: grid;
        justify-items: end;
        align-content: space-between;
        gap: 1rem;
        min-width: 6.4rem;
        pointer-events: none;
    }

    .admin-conversation-side-actions {
        pointer-events: auto;
    }

    .admin-conversation-side .message-list-date {
        font-size: .82rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .admin-conversation-open-btn {
        min-width: 96px;
        min-height: 40px;
        border-radius: 999px;
        font-size: 1rem;
    }

    .admin-conversation-attachment-icon {
        display: none;
    }

    .admin-conversation-menu {
        position: absolute;
        top: .8rem;
        right: .64rem;
        width: 30px;
        height: 30px;
    }

    .admin-conversation-menu summary {
        width: 30px;
        height: 30px;
        font-size: 1.08rem;
    }
}
.message-attachments { margin-top: .45rem; }
.message-attachments-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: .4rem;
}
.message-attachment-image-link {
    display: block;
    border-radius: 10px;
    border: 1px solid var(--line);
    overflow: hidden;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
}
.message-attachment-thumb {
    width: 100%;
    height: 100px;
    object-fit: cover;
    display: block;
}
.message-attachment-doc {
    display: flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: .42rem .5rem;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
}
.message-attachment-doc-icon {
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .05em;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: .16rem .35rem;
}
.message-attachment-doc-meta {
    min-width: 0;
    display: grid;
}
.message-attachment-doc-meta strong {
    font-size: .82rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.message-attachment-doc-meta small {
    color: var(--muted);
    font-size: .76rem;
}
.conversation-reply-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
}
.conversation-reply-actions input[type="file"] {
    flex: 1 1 auto;
    min-width: 0;
}
.conversation-reply-actions .btn {
    flex: 0 0 auto;
    white-space: nowrap;
}
.alert { padding: .85rem 1rem; border-radius: 12px; margin: 0 0 1rem; border: 1px solid var(--line); }
.alert-success { background: rgba(126, 199, 155, .08); color: var(--success); }
.alert-error { background: rgba(224, 122, 122, .08); color: var(--danger); }
.alert.is-dismissing {
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity .28s ease, transform .28s ease;
}
.plain-list { margin: 0; padding-left: 1rem; }
.pager {
    margin-top: 1rem;
}
.pager-nav {
    display: flex;
    justify-content: flex-start;
}
.pager-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
}
.pager-pages {
    display: flex;
    align-items: center;
    gap: .3rem;
}
.pager-pages-mobile {
    display: none;
}
.pager-link,
.pager-ellipsis {
    min-width: 30px;
    min-height: 30px;
    padding: .26rem .62rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    color: var(--text);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.catalog-main > .pager .pager-nav {
    justify-content: center;
}
.account-favorites-page > .pager .pager-nav {
    justify-content: center;
}
.admin-conversations-page > .pager .pager-nav {
    justify-content: center;
}
.pager-link:hover {
    border-color: var(--gold);
}
.pager-link.is-current {
    border-color: color-mix(in srgb, var(--gold) 70%, white 10%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 18%, var(--panel) 82%), var(--panel-2));
    font-weight: 700;
}
.pager-link.is-disabled,
.pager-ellipsis {
    opacity: .55;
    pointer-events: none;
}
@media (max-width: 980px) {
    .pager-pages-desktop {
        display: none;
    }
    .pager-pages-mobile {
        display: flex;
    }
}
.site-footer {
    border-top: 1px solid var(--line);
    padding: .75rem 0 .9rem;
    color: var(--muted);
    background: color-mix(in srgb, var(--footer-bg, var(--bg)) var(--footer-bg-opacity, 84%), transparent);
    overflow-x: clip;
}
.footer-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: .35rem;
}
.footer-settings-cell {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: 1rem 1.05rem;
    min-height: 100%;
}
.footer-settings-cell-title {
    margin: 0;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.footer-settings-cell-hint {
    margin: 0;
    font-size: .78rem;
    line-height: 1.35;
}
.footer-settings-textarea {
    width: 100%;
    min-height: 11.5rem;
    resize: vertical;
    font-family: inherit;
    font-size: .88rem;
    line-height: 1.45;
}
.footer-language-toggle {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .45rem;
    font-weight: 700;
}
.footer-language-toggle .switch {
    margin: 0;
}
.footer-language-toggle-input:not(:checked) ~ .switch-track .switch-thumb {
    transform: translateX(0);
}
.footer-language-panels {
    display: grid;
}
.footer-language-panel--en {
    display: none;
}
.footer-language-toggle:has(.footer-language-toggle-input:checked) + .footer-language-panels .footer-language-panel--pl {
    display: none;
}
.footer-language-toggle:has(.footer-language-toggle-input:checked) + .footer-language-panels .footer-language-panel--en {
    display: grid;
}
@media (max-width: 900px) {
    .footer-settings-grid {
        grid-template-columns: 1fr;
    }
}
.site-footer-columns {
    padding: 1.15rem 0 .55rem;
    color: color-mix(in srgb, var(--text) 78%, var(--muted));
}
.site-footer-grid-wrap {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
.site-footer-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem 2.4rem;
    align-items: start;
}
.site-footer-col {
    min-width: 0;
}
.site-footer-heading {
    margin: 0 0 .85rem;
    padding: 0;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--text) 88%, transparent);
}
.site-footer-accordion-toggle {
    cursor: default;
}
.site-footer-accordion-icon {
    display: none;
    width: .62rem;
    height: .62rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .16s ease;
}
.site-footer-accordion-toggle[aria-expanded="true"] .site-footer-accordion-icon {
    transform: rotate(225deg);
}
.site-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: .42rem;
}
.site-footer-link,
.site-footer-link-btn {
    color: color-mix(in srgb, var(--text) 72%, #5a6f93);
    text-decoration: none;
    font-size: .92rem;
    font-weight: 500;
    line-height: 1.45;
    transition: color .15s ease;
}
.site-footer-link-btn {
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.site-footer-link:hover,
.site-footer-link-btn:hover {
    color: color-mix(in srgb, var(--text) 92%, #445a7c);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.site-footer-text {
    font-size: 1rem;
    line-height: 1.55;
    color: color-mix(in srgb, var(--text) 70%, var(--muted));
}
.site-footer-text p {
    margin: 0 0 .55rem;
}
.site-footer-contact-cta {
    margin: .65rem 0 0;
}
.site-footer-contact-button {
    color: var(--site-footer-contact-button-color-light, var(--site-footer-contact-button-color, color-mix(in srgb, var(--text) 72%, #5a6f93)));
    font-weight: 700;
}
.site-footer-contact-button:hover {
    color: var(--site-footer-contact-button-color-light, var(--site-footer-contact-button-color, color-mix(in srgb, var(--text) 92%, #445a7c)));
}
html[data-theme="dark"] .site-footer-contact-button {
    color: var(--site-footer-contact-button-color-dark, var(--site-footer-contact-button-color-light, var(--site-footer-contact-button-color, color-mix(in srgb, var(--text) 72%, #5a6f93))));
}
html[data-theme="dark"] .site-footer-contact-button:hover {
    color: var(--site-footer-contact-button-color-dark, var(--site-footer-contact-button-color-light, var(--site-footer-contact-button-color, color-mix(in srgb, var(--text) 92%, #445a7c))));
}
.site-footer-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-top: .85rem;
}
.site-footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: .35rem;
    color: #fff;
    text-decoration: none;
    transition: transform .15s ease, opacity .15s ease;
}
.site-footer-social-link svg {
    width: 1rem;
    height: 1rem;
}
.site-footer-social-link--facebook {
    background: #1877f2;
}
.site-footer-social-link--instagram {
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
}
.site-footer-social-link--youtube {
    background: #ff0033;
}
.site-footer-social-link--tiktok,
.site-footer-social-link--x {
    background: #111;
}
.site-footer-social-link--linkedin {
    background: #0a66c2;
}
.site-footer-social-link--pinterest {
    background: #e60023;
}
.site-footer-social-link--telegram {
    background: #229ed9;
}
.site-footer-social-link--whatsapp {
    background: #25d366;
}
.site-footer-social-link:hover {
    transform: translateY(-1px);
    opacity: .92;
}
.site-footer-mobile-social {
    display: none;
}
.site-footer-bottom {
    position: relative;
    padding-top: .42rem;
}
.site-footer-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc((100% - 100vw) / 2);
    right: calc((100% - 100vw) / 2);
    height: 1px;
    background: color-mix(in srgb, var(--line) 72%, transparent);
}
.site-footer-bottom-text {
    margin: 0;
    text-align: center;
    font-size: .78rem;
    line-height: 1.2;
    color: color-mix(in srgb, var(--text) 62%, var(--muted));
}
.site-footer-bottom-sep {
    margin: 0 .35rem;
    opacity: .65;
}
.site-footer-realization-link {
    color: color-mix(in srgb, var(--text) 78%, var(--gold));
    font-weight: 800;
    text-decoration: none;
}
.site-footer-realization-link:hover {
    color: var(--gold);
    text-decoration: underline;
    text-underline-offset: 2px;
}
html[data-theme="dark"] .site-footer-columns {
    color: color-mix(in srgb, var(--text) 84%, var(--muted));
}
@media (max-width: 1080px) {
    .site-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.6rem 1.4rem;
    }
    .site-footer-contact-col {
        grid-column: 3;
        grid-row: 1;
        justify-self: stretch;
    }
    .site-footer-company-col {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}
@media (max-width: 760px) {
    .site-footer-columns {
        padding: .85rem 0 .45rem;
    }
    .site-footer-grid-wrap {
        gap: .5rem;
    }
    .site-footer-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .site-footer-contact-col,
    .site-footer-company-col {
        grid-column: auto;
        grid-row: auto;
    }
    .site-footer-col {
        border-bottom: 1px solid color-mix(in srgb, var(--line) 56%, transparent);
    }
    .site-footer-heading {
        margin: 0;
        padding: .7rem 0;
        font-size: 1rem;
        letter-spacing: 0;
        text-transform: none;
        color: color-mix(in srgb, var(--text) 92%, transparent);
    }
    .site-footer-accordion-toggle {
        cursor: pointer;
    }
    .site-footer-accordion-icon {
        display: inline-block;
        flex: 0 0 auto;
        margin-right: .08rem;
    }
    .site-footer-accordion-body {
        padding: 0 0 .72rem;
    }
    .site-footer-links {
        gap: .34rem;
    }
    .site-footer-link,
    .site-footer-link-btn,
    .site-footer-text {
        font-size: .92rem;
        line-height: 1.35;
    }
    .site-footer-company-col .site-footer-social {
        display: none;
    }
    .site-footer-mobile-social {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        column-gap: 1rem;
        row-gap: .72rem;
        padding: .78rem 0 .55rem;
    }
    .site-footer-mobile-social-title {
        color: color-mix(in srgb, var(--muted) 82%, var(--text));
        font-size: .66rem;
        font-weight: 900;
        letter-spacing: .34em;
        line-height: 1;
        text-transform: uppercase;
    }
    .site-footer-social--mobile {
        justify-content: center;
        gap: .72rem;
        margin-top: 0;
    }
    .site-footer-social--mobile .site-footer-social-link {
        width: 1.9rem;
        height: 1.9rem;
        border-radius: .34rem;
        box-shadow: 0 10px 22px rgba(0, 0, 0, .24);
    }
    .site-footer-social--mobile .site-footer-social-link svg {
        width: .88rem;
        height: .88rem;
    }
    .site-footer-bottom {
        padding-top: .88rem;
    }
    .site-footer-bottom-text {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .2rem .45rem;
        text-align: center;
        font-size: .8rem;
    }
    .site-footer-bottom-sep {
        margin: 0;
    }
}
.footer-row {
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: start;
    gap: 2.2rem;
    align-items: start;
}
.footer-meta-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .18rem;
    min-width: 0;
}
.footer-contact {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .08rem;
    text-align: left;
    order: 2;
}
.footer-meta-row {
    order: 1;
}
.footer-row p { margin: .12rem 0; }
.footer-brand-line {
    margin: 0 0 .08rem;
    display: flex;
    align-items: baseline;
    gap: .45rem;
    flex-wrap: wrap;
    white-space: normal;
    order: 1;
}
.footer-brand-name {
    color: var(--muted);
    font-weight: 700;
}
.footer-brand-line .muted {
    font-size: 1rem;
    line-height: 1.3;
}
.footer-copyright {
    margin: 0;
    font-size: .86rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    order: 1;
}
.footer-legal-row {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    flex-wrap: nowrap;
    order: 2;
}
.footer-contact .eyebrow {
    margin: 0;
}
.footer-about-mobile {
    display: none;
    margin-top: .25rem;
}
.footer-about-inline-mobile {
    display: none;
}
.footer-contact-link {
    color: #5a6f93;
    text-decoration: none;
    font-weight: 600;
    transition: color .15s ease;
}
.footer-contact .footer-contact-link {
    font-size: .94rem;
}
.footer-contact-link:hover {
    color: #445a7c;
}
.footer-cookie-settings-btn {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #5a6f93;
    font-weight: 600;
    line-height: 1.2;
}
.footer-cookie-settings-btn:hover {
    border-color: transparent;
    background: transparent;
    color: #445a7c;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.footer-cookie-row {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: 0;
    font-size: .74rem;
    line-height: 1.15;
    white-space: nowrap;
}
.footer-cookie-row .footer-contact-link,
.footer-cookie-row .footer-cookie-settings-btn {
    font-size: inherit;
    line-height: inherit;
}
.cookie-banner {
    position: fixed;
    width: min(1120px, calc(100% - 4rem));
    left: 50%;
    right: auto;
    bottom: max(1.75rem, env(safe-area-inset-bottom));
    z-index: 2147483600;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .85rem;
    padding: .85rem 1rem;
    transform: translateX(-50%);
}
.cookie-banner[hidden],
.cookie-modal[hidden] {
    display: none !important;
}
.cookie-modal:target {
    display: grid !important;
}
.cookie-banner-content {
    min-width: 0;
}
.cookie-banner-content h3 {
    margin: .15rem 0 .3rem;
    font-size: 1.1rem;
}
.cookie-banner-content p {
    margin: 0;
}
.cookie-banner-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
.cookie-banner-actions .btn {
    white-space: nowrap;
}
.cookie-modal {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: grid;
    place-items: center;
    padding: 1rem;
}
.cookie-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(7, 7, 7, .55);
    backdrop-filter: blur(2px);
}
.cookie-modal-content {
    position: relative;
    width: min(680px, 100%);
    max-height: min(86vh, 760px);
    overflow: auto;
    padding: 1rem;
}
.cookie-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.cookie-modal-head h3 {
    margin: .2rem 0;
}
.cookie-modal .check-row {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.cookie-modal .check-row input {
    margin-top: .18rem;
}
.cookie-modal-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
    margin-top: .15rem;
}
body.cookie-modal-open {
    overflow: hidden;
}

html[data-theme="dark"] .footer-contact-link {
    color: #97abc9;
}
html[data-theme="dark"] .footer-contact-link:hover {
    color: #b5c7e2;
}
html[data-theme="dark"] .footer-cookie-settings-btn {
    color: #97abc9;
}
html[data-theme="dark"] .footer-cookie-settings-btn:hover {
    color: #b5c7e2;
}
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.registration-protection-panel {
    gap: .85rem;
}
.registration-protection-panel h3 {
    margin-bottom: 0;
}
.registration-protection-options,
.registration-protection-limits {
    gap: .72rem;
}
.registration-protection-options .settings-row {
    min-height: 76px;
    align-items: center;
}
.registration-protection-limits label,
.registration-protection-options label {
    line-height: 1.25;
}
@media (max-width: 700px) {
    .registration-protection-options,
    .registration-protection-limits {
        grid-template-columns: 1fr;
        gap: .62rem;
    }
    .registration-protection-options .settings-row {
        min-height: 0;
    }
}
.form-card {
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel) 88%, var(--bg) 12%);
    padding: 1rem;
    display: grid;
    gap: .85rem;
}
.admin-specs-layout { grid-template-columns: 1fr; }
.admin-specs-layout .panel {
    padding: .82rem .92rem;
    margin-bottom: .62rem;
}
.admin-specs-add-form {
    gap: .46rem;
}
.admin-specs-add-form h2 {
    margin: .02rem 0 .08rem;
}
.admin-specs-add-form p.muted {
    margin: 0 0 .02rem;
}
.admin-specs-add-label {
    margin-bottom: .22rem;
}
.admin-specs-add-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: stretch;
}
.admin-specs-add-row input[type="text"] {
    min-height: 46px;
}
.admin-specs-add-actions {
    display: inline-flex;
    align-items: stretch;
}
.admin-specs-add-actions .btn {
    height: 46px;
    padding: 0 .98rem;
}
.admin-specs-add-row .hero-actions,
.admin-specs-add-actions {
    margin-top: 0;
    flex-wrap: nowrap;
}
.admin-specs-add-row .btn {
    white-space: nowrap;
}
.admin-specs-table .admin-specs-sort-input {
    width: 132px;
}
.admin-categories-layout {
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    align-items: start;
    gap: .75rem;
}
.admin-category-display-settings {
    margin-bottom: .75rem;
}
.admin-category-display-settings h2 {
    margin: .02rem 0 .14rem;
    font-size: 1.28rem;
    line-height: 1.15;
}
.admin-category-display-settings .grid-2 {
    align-items: center;
    gap: .75rem;
}
.admin-category-counts-row {
    margin: 0 !important;
}
.admin-category-display-save {
    justify-self: end;
    min-height: 34px;
    padding: .34rem .8rem;
}
.admin-categories-layout .panel {
    padding: .68rem .78rem;
    margin-bottom: .56rem;
    border-radius: 14px;
}
.admin-categories-layout h2 {
    margin: .02rem 0 .14rem;
    font-size: 1.28rem;
    line-height: 1.15;
}
.admin-categories-layout p.muted {
    margin: 0 0 .18rem;
    font-size: 1rem;
    line-height: 1.32;
}
.admin-category-add-form,
.admin-category-bulk-form {
    gap: .42rem;
}
.admin-categories-layout label {
    margin-bottom: .16rem;
    font-size: .86rem;
}
.admin-categories-layout input[type="text"],
.admin-categories-layout input[type="number"],
.admin-categories-layout select {
    min-height: 38px;
    padding: .34rem .58rem;
    border-radius: 10px;
}
.admin-categories-layout textarea {
    min-height: 132px;
    padding: .48rem .58rem;
    border-radius: 10px;
    line-height: 1.32;
}
.admin-category-add-form .btn,
.admin-category-bulk-form .btn {
    min-height: 36px;
    padding: .36rem .8rem;
    box-shadow: none;
}
.admin-category-row-form {
    display: grid;
    gap: .14rem;
    margin: 0;
}
.admin-category-row-form small {
    display: block;
    font-size: .78rem;
    line-height: 1.25;
}
.admin-category-actions {
    display: grid;
    grid-template-columns: auto 34px 34px auto;
    align-items: center;
    gap: .28rem;
    justify-content: end;
}
.admin-category-actions .inline-form {
    display: inline-flex;
}
.admin-category-actions .btn-sm {
    min-height: 34px;
    height: 34px;
    padding: 0 .7rem;
    box-shadow: none;
}
.admin-category-actions .btn-secondary {
    width: 34px;
    padding: 0;
    justify-content: center;
}
.admin-category-actions .link-btn {
    min-height: 34px;
    padding: 0 .38rem;
}
.admin-categories-table th,
.admin-categories-table td {
    padding: .48rem .42rem;
}
.admin-categories-table td {
    vertical-align: middle;
}
.admin-categories-table td[data-label="Nazwa"] {
    width: 58%;
}
.admin-categories-table td[data-label="Akcje"] {
    width: 235px;
}
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.admin-watch-form-header {
    margin: .62rem 0 .52rem;
}
.admin-watch-form-header .btn,
.admin-watch-form-header .btn-secondary {
    min-height: 34px;
    padding: .34rem .78rem;
    border-radius: 10px;
    box-shadow: none;
}
.admin-watch-seo-toggle {
    display: none;
}
@media (max-width: 760px) {
    .admin-watch-form-header > a.btn {
        display: none;
    }
    .admin-watch-seo-card .admin-watch-seo-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        color: var(--text);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.16rem;
        font-weight: 700;
        cursor: pointer;
        list-style: none;
    }
    .admin-watch-seo-card .admin-watch-seo-toggle::-webkit-details-marker {
        display: none;
    }
    .admin-watch-seo-card .admin-watch-seo-toggle::after {
        content: '+';
        font-family: system-ui, sans-serif;
        font-size: 1.3rem;
        line-height: 1;
    }
    .admin-watch-seo-card[open] .admin-watch-seo-toggle::after {
        content: '−';
    }
    .admin-watch-seo-card[open] .admin-watch-seo-toggle {
        margin-bottom: .72rem;
    }
    .admin-watch-seo-card .settings-section-head h3 {
        display: none;
    }
}
#watchForm.admin-watch-form {
    gap: .54rem;
    padding: .72rem .86rem;
}
@media (min-width: 981px) {
    #watchForm.admin-watch-form {
        gap: .7rem;
        padding: .82rem .92rem;
    }
    #watchForm .admin-watch-basic-fields {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .72rem;
    }
    #watchForm .admin-watch-create-overview {
        display: grid;
        grid-template-columns: minmax(0, 1.32fr) minmax(240px, .72fr) minmax(240px, .72fr);
        gap: .72rem;
        align-items: stretch;
    }
    #watchForm .admin-watch-seo-card,
    #watchForm .admin-watch-media-card {
        min-width: 0;
        margin: 0;
    }
    #watchForm .admin-watch-seo-card {
        display: grid;
        align-content: start;
        gap: .48rem;
        padding: .72rem;
    }
    #watchForm .admin-watch-seo-card .settings-section-head {
        margin-bottom: .05rem !important;
    }
    #watchForm .admin-watch-seo-card h3,
    #watchForm .admin-watch-product-details > h3 {
        margin: 0;
        font-size: 1rem;
    }
    #watchForm .admin-watch-seo-card .settings-section-head p {
        margin: .2rem 0 0;
        font-size: .78rem;
        line-height: 1.25;
    }
    #watchForm .admin-watch-media-card {
        display: grid;
        align-content: start;
        gap: .38rem;
        padding: .68rem .78rem;
        border-left: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    }
    #watchForm .admin-watch-media-card label:nth-of-type(2) {
        margin-top: .28rem;
    }
    #watchForm .admin-watch-main-media-card #mainImageEmptyState,
    #watchForm .admin-watch-gallery-media-card #galleryEmptyState {
        display: grid;
        place-items: center;
        min-height: 92px;
        padding: .5rem;
        border: 1px dashed color-mix(in srgb, var(--gold) 46%, var(--line));
        border-radius: 9px;
        background: color-mix(in srgb, var(--panel-2) 70%, transparent);
        text-align: center;
    }
    #watchForm .admin-watch-media-card .admin-watch-upload-empty-action {
        display: grid;
        justify-items: center;
        align-content: center;
        gap: .3rem;
        width: 100%;
        min-height: inherit;
        color: var(--muted);
        cursor: pointer;
        text-decoration: none;
    }
    #watchForm .admin-watch-media-card .admin-watch-upload-empty-action i {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--gold) 16%, var(--panel-2) 84%);
        color: var(--gold);
        font-size: 1rem;
    }
    #watchForm .admin-watch-media-card .admin-watch-upload-empty-action strong {
        color: var(--text);
        font-size: .88rem;
    }
    #watchForm .admin-watch-media-card .admin-watch-upload-empty-action span {
        font-size: .76rem;
    }
    #watchForm .admin-watch-create-overview > .admin-watch-selected-gallery-wide {
        grid-column: 2 / -1;
        margin: -.16rem 0 0;
    }
    #watchForm .admin-watch-details-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.56fr) minmax(300px, .9fr);
        gap: .72rem;
        align-items: start;
    }
    #watchForm .admin-watch-product-details {
        display: grid;
        gap: .62rem;
        margin: 0;
        padding: .74rem;
    }
    #watchForm .admin-watch-product-details > .grid-3 {
        gap: .62rem;
    }
    #watchForm .admin-watch-operations {
        display: grid;
        gap: .48rem;
    }
    #watchForm .admin-watch-operations > .panel.stack {
        gap: .4rem;
        margin: 0;
        padding: .68rem .74rem;
        border-radius: 10px;
    }
    #watchForm .admin-watch-operations .settings-row {
        min-height: 38px;
    }
    #watchForm .admin-watch-operations .settings-row strong {
        font-size: .88rem;
    }
    #watchForm .admin-watch-operations .settings-row .muted {
        margin: .16rem 0 0;
        font-size: .75rem;
        line-height: 1.22;
    }
    #watchForm .admin-watch-details-layout + .grid-3 {
        margin-top: 0;
    }
    #watchForm .watch-description-quill.ql-container.ql-snow {
        height: 118px;
        min-height: 118px;
    }
    #watchForm .ql-editor {
        min-height: 76px;
        max-height: 76px;
        line-height: 1.42;
    }
    #watchForm .watch-description-fallback-body {
        min-height: 76px;
        max-height: 76px;
    }
}
@media (max-width: 980px) {
    #watchForm .admin-watch-product-details {
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    #watchForm .admin-watch-product-details > h3 {
        display: none;
    }
}
@media (min-width: 981px) {
    #watchForm.admin-watch-form {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr) minmax(300px, .72fr);
        align-items: start;
        gap: .72rem;
    }
    #watchForm .admin-watch-basic-fields {
        grid-column: 1 / -1;
        grid-row: 1;
    }
    #watchForm .admin-watch-create-overview,
    #watchForm .admin-watch-details-layout {
        display: contents;
    }
    #watchForm .admin-watch-main-media-card {
        grid-column: 1;
        grid-row: 2;
    }
    #watchForm .admin-watch-gallery-media-card {
        grid-column: 2 / -1;
        grid-row: 2;
    }
    #watchForm .admin-watch-seo-card {
        grid-column: 1;
        grid-row: 3;
    }
    #watchForm .admin-watch-product-details {
        grid-column: 2;
        grid-row: 3;
    }
    #watchForm .admin-watch-operations {
        grid-column: 3;
        grid-row: 3;
    }
    #watchForm > .grid-3:not(.admin-watch-basic-fields) {
        grid-column: 1 / -1;
        grid-row: 4;
    }
    #watchForm > .grid-2 {
        grid-column: 1 / -1;
    }
    #watchForm > div:not([id]):not(.admin-watch-basic-fields):not(.admin-watch-create-overview):not(.admin-watch-details-layout):not(.grid-3) {
        grid-column: 1 / -1;
    }
    #watchForm > .hero-actions {
        grid-column: 1 / -1;
    }
    #watchForm > .upload-progress-panel {
        grid-column: 1 / -1;
        width: 100%;
    }
    #watchForm .admin-watch-create-overview > .admin-watch-selected-gallery-wide {
        grid-column: auto;
        margin: .28rem 0 0;
    }
    #watchForm .admin-watch-main-media-card,
    #watchForm .admin-watch-gallery-media-card {
        min-height: 238px;
        padding: .76rem .84rem;
        border: 1px solid color-mix(in srgb, var(--line) 82%, var(--gold) 18%);
        border-radius: 10px;
        background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, var(--bg) 6%), color-mix(in srgb, var(--panel-2) 90%, var(--bg) 10%));
    }
    #watchForm .admin-watch-main-media-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 148px;
        align-content: start;
        gap: .65rem;
    }
    #watchForm .admin-watch-main-media-card > div:first-child {
        min-width: 0;
    }
    #watchForm .admin-watch-main-media-card > div:nth-child(2) {
        min-width: 0;
    }
    #watchForm .admin-watch-main-media-card:has(#mainImageEmptyState:not([hidden])) > div:first-child input[type="file"],
    #watchForm .admin-watch-gallery-media-card:has(#galleryEmptyState:not([hidden])) > input[type="file"] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }
    #watchForm .admin-watch-main-media-card #mainImageEmptyState {
        min-height: 128px;
    }
    #watchForm .admin-watch-existing-main-preview img,
    #watchForm .selected-main-image-preview img {
        width: 126px !important;
        max-width: 126px !important;
        max-height: 126px;
        object-fit: cover;
    }
    #watchForm .admin-watch-gallery-media-card {
        display: block;
    }
    #watchForm .admin-watch-gallery-media-card .gallery-manage-grid {
        grid-template-columns: repeat(auto-fill, minmax(88px, 106px));
        gap: .42rem;
    }
    #watchForm .admin-watch-gallery-media-card .gallery-manage-item {
        padding: .32rem;
    }
    #watchForm .admin-watch-gallery-media-card .gallery-manage-item .gallery-thumb {
        max-height: 106px;
        object-fit: cover;
    }
    #watchForm .admin-watch-gallery-media-card .selected-gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(108px, 118px));
        gap: .4rem;
    }
    #watchForm .admin-watch-gallery-media-card .selected-gallery-controls {
        grid-template-columns: repeat(4, 22px);
        gap: .16rem;
    }
    #watchForm .admin-watch-gallery-media-card .selected-gallery-move-btn,
    #watchForm .admin-watch-gallery-media-card .selected-image-rotate-btn {
        min-width: 22px;
        width: 22px;
        height: 22px;
        border-radius: 6px;
        font-size: .76rem;
    }
    #watchForm .admin-watch-gallery-media-card .selected-gallery-remove-btn {
        top: .2rem;
        right: .2rem;
        min-width: 22px;
        width: 22px;
        height: 22px;
        font-size: .76rem;
    }
    #watchForm .admin-watch-product-details {
        min-height: 310px;
    }
    #watchForm .admin-watch-product-details > .grid-3:first-of-type {
        grid-template-columns: minmax(0, 1.5fr) minmax(110px, .72fr) minmax(110px, .72fr);
    }
    #watchForm .admin-watch-product-details .admin-watch-price-notes {
        grid-column: 1 / -1;
        min-width: 0;
        order: 2;
    }
    #watchForm .admin-watch-product-details .admin-watch-price-notes .watch-price-drop-toggle {
        width: fit-content;
        max-width: 100%;
    }
    #watchForm .admin-watch-operations > .panel.stack {
        min-height: 0;
    }
}
#watchForm .grid-2,
#watchForm .grid-3 {
    gap: .62rem;
}
#watchForm label {
    margin-bottom: .16rem;
    font-size: .84rem;
}
#watchForm input[type="text"],
#watchForm input[type="search"],
#watchForm input[type="number"],
#watchForm input[type="datetime-local"],
#watchForm select {
    min-height: 36px;
    padding: .34rem .58rem;
    border-radius: 10px;
    line-height: 1.2;
}
#watchForm input[type="file"] {
    min-height: 36px;
    padding: .28rem .5rem;
    border-radius: 10px;
    font-size: .84rem;
    line-height: 1.2;
}
#watchForm .admin-watch-category-search {
    margin-bottom: .28rem;
    min-height: 34px;
}
.admin-watch-category-suggestions {
    display: grid;
    gap: .18rem;
    max-height: 172px;
    overflow-y: auto;
    margin: -.12rem 0 .32rem;
    padding: .24rem;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 94%, black 6%);
}
.admin-watch-category-suggestion {
    width: 100%;
    min-height: 30px;
    padding: .24rem .44rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-size: .84rem;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
}
.admin-watch-category-suggestion:hover,
.admin-watch-category-suggestion:focus-visible {
    background: color-mix(in srgb, var(--gold) 16%, transparent);
    outline: none;
}
#watchForm textarea {
    min-height: 82px;
    padding: .42rem .58rem;
    border-radius: 10px;
    line-height: 1.28;
}
#watchForm textarea#watchDescription {
    height: 104px;
    min-height: 104px;
}
#watchForm textarea#watchDescription.is-quill-source {
    display: none;
}
.watch-description-quill {
    min-height: 160px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
}
.watch-description-quill.ql-container.ql-snow {
    height: 168px;
    min-height: 168px;
    border-color: var(--line);
    border-radius: 0 0 12px 12px;
    color: var(--text);
    font-family: inherit;
    font-size: 1rem;
}
.ql-toolbar.ql-snow {
    border-color: var(--line);
    border-radius: 12px 12px 0 0;
    background: color-mix(in srgb, var(--panel) 94%, black 6%);
    color: var(--text);
}
.ql-snow .ql-stroke {
    stroke: var(--text);
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: var(--text);
}
.ql-snow .ql-picker {
    color: var(--text);
}
.ql-snow .ql-picker-options {
    background: var(--panel);
    border-color: var(--line);
}
.ql-editor {
    min-height: 126px;
    max-height: 126px;
    overflow-y: auto;
    line-height: 1.58;
}
.watch-description-fallback {
    border: 1px solid var(--line);
    overflow: hidden;
}
.watch-description-fallback-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem;
    padding: .42rem;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, var(--panel) 94%, black 6%);
}
.watch-description-fallback-toolbar button {
    min-height: 30px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    color: var(--text);
    padding: .18rem .48rem;
}
.watch-description-fallback-body {
    min-height: 126px;
    max-height: 126px;
    overflow-y: auto;
    padding: .72rem .82rem;
    outline: none;
}
#descriptionHint {
    margin-top: .22rem !important;
    font-size: .8rem;
    line-height: 1.2;
}
.watch-description-fallback-body:focus {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent);
}
#watchForm > .panel.stack {
    gap: .46rem;
    padding: .62rem .72rem;
    border-radius: 12px;
}
#watchForm p.muted {
    margin-top: .18rem;
    font-size: .82rem;
    line-height: 1.25;
}
#watchForm .btn,
#watchForm .btn-secondary,
#watchForm button[type="submit"] {
    min-height: 34px;
    padding: .34rem .76rem;
    border-radius: 10px;
    box-shadow: none;
}
#watchForm .hero-actions {
    justify-content: flex-end;
    margin-top: .1rem;
}
#watchForm .check-row {
    margin-top: .28rem;
    gap: .35rem;
}
#watchForm .gallery-reorder-btn {
    width: 28px;
    height: 28px;
}
.admin-stats-grid { gap: .6rem; margin-top: .5rem; }
.admin-stat-card { padding: .75rem; }
.admin-stat-card h2 { font-size: 1.25rem; }
.admin-header-row { margin-bottom: .6rem; }
.media-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
}
.media-stat-card {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: .65rem .75rem;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
}
.media-stat-label {
    margin: 0;
    color: var(--muted);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.media-stat-value {
    margin: .2rem 0 0;
    font-size: 1.1rem;
    font-weight: 700;
}
.media-files-list {
    display: grid;
    gap: .45rem;
    max-height: 520px;
    overflow: auto;
    padding-right: .2rem;
}
.media-file-card {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr) auto;
    gap: .56rem;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: .55rem .6rem;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
}
.media-file-thumb-link {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--line);
}
.media-file-thumb {
    width: 84px;
    height: 64px;
    object-fit: cover;
    display: block;
    background: #000;
}
.media-file-thumb-doc {
    width: 84px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    letter-spacing: .06em;
    color: var(--text);
    background: color-mix(in srgb, var(--panel) 75%, black 25%);
}
.media-file-body {
    min-width: 0;
    display: grid;
    gap: .35rem;
}
.media-file-path {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.media-file-meta {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.media-file-actions {
    justify-self: end;
}
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: .75rem .6rem; border-bottom: 1px solid var(--line); vertical-align: top; }
th { color: var(--muted); font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; }
.inline-form { display: inline; }
.log-box {
    background: color-mix(in srgb, var(--panel) 80%, black 20%);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: .6rem;
    max-height: 420px;
    overflow: auto;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82rem;
}
.log-line {
    padding: .35rem .4rem;
    border-bottom: 1px dashed color-mix(in srgb, var(--line) 60%, transparent);
    white-space: pre-wrap;
    word-break: break-word;
}
.log-line:last-child { border-bottom: 0; }
.log-error { color: #ff9c9c; }
.log-warn { color: #f0cb89; }
.diagnostics-log-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}
.diagnostics-log-head h3 {
    margin: 0;
}
.diagnostics-log-groups {
    display: grid;
    gap: .56rem;
}
.diagnostics-log-date {
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: clip;
    background: color-mix(in srgb, var(--panel-2) 62%, transparent);
}
.diagnostics-log-date summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
    padding: .58rem .7rem;
    cursor: pointer;
    list-style: none;
}
.diagnostics-log-date summary::-webkit-details-marker {
    display: none;
}
.diagnostics-log-date summary > span:first-child {
    font-weight: 800;
}
.diagnostics-log-date-meta {
    color: var(--muted);
    font-size: .82rem;
    white-space: nowrap;
}
.diagnostics-log-date-toolbar {
    display: flex;
    justify-content: flex-end;
    padding: 0 .7rem .58rem;
}
.diagnostics-log-date .log-box {
    max-height: 360px;
    border-width: 1px 0 0;
    border-radius: 0;
}
.diagnostics-copy-btn.is-copied {
    border-color: color-mix(in srgb, var(--success) 60%, var(--line));
    color: var(--success);
}
.diagnostics-integration-actions {
    justify-content: flex-end;
    margin-top: .12rem;
}
.diagnostics-integration-btn.btn-sm {
    height: 34px;
    min-height: 34px;
    padding: 0 .62rem;
    font-size: 1rem;
    line-height: 1;
}
.diagnostics-collapsible,
.settings-collapsible-panel {
    overflow: clip;
}
.diagnostics-collapsible-summary,
.settings-collapsible-summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .72rem;
}
.diagnostics-collapsible-summary::-webkit-details-marker,
.settings-collapsible-summary::-webkit-details-marker {
    display: none;
}
.diagnostics-collapsible-caret,
.settings-collapsible-summary span:last-child {
    flex: 0 0 auto;
    transition: transform .18s ease;
}
.diagnostics-collapsible[open] .diagnostics-collapsible-caret,
.settings-collapsible-panel[open] .settings-collapsible-summary span:last-child {
    transform: rotate(180deg);
}
.settings-collapsible-summary {
    align-items: center;
    font-weight: 700;
}
.settings-collapsible-summary span:first-child {
    font-size: 1.05rem;
    color: var(--text);
}
.upload-progress-panel {
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: .85rem;
    background: color-mix(in srgb, var(--panel) 84%, black 16%);
}
.upload-progress-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .5rem;
}
.upload-progress-bar {
    height: 12px;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.03);
    overflow: hidden;
}
.upload-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--gold-2), var(--gold));
    transition: width .16s ease;
}
.upload-progress-panel.is-error {
    border-color: color-mix(in srgb, #d94b4b 68%, var(--line));
}
.upload-progress-panel.is-error .upload-progress-fill {
    background: #d94b4b;
}
.admin-watch-existing-main-preview {
    position: relative;
    display: inline-grid;
    max-width: 100%;
}
.image-preview-open-btn {
    display: inline-block;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: zoom-in;
}
.image-preview-open-btn img {
    display: block;
}
.selected-main-image-preview {
    position: relative;
    display: inline-grid;
    margin-top: .5rem;
    max-width: 100%;
}
.selected-main-image-preview img {
    display: block;
    width: 100%;
    max-width: 260px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1px solid var(--line);
    border-radius: 12px;
    transform: rotate(var(--preview-image-rotation, 0deg));
}
.selected-main-image-controls {
    display: flex;
    justify-content: center;
    gap: .35rem;
    margin-top: .4rem;
}
.selected-gallery-preview {
    margin-top: .55rem;
}
.admin-watch-selected-gallery-wide {
    grid-column: 1 / -1;
    justify-self: stretch;
}
.selected-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(116px, 136px));
    gap: .56rem;
    justify-content: start;
    margin-top: .4rem;
}
.selected-gallery-grid figure {
    position: relative;
    margin: 0;
    min-width: 0;
}
.selected-gallery-item {
    display: grid;
    gap: .35rem;
    cursor: grab;
}
.selected-gallery-item.is-dragging {
    opacity: .55;
}
.selected-gallery-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1px solid var(--line);
    border-radius: 10px;
    transform: rotate(var(--preview-image-rotation, 0deg));
}
.selected-gallery-controls {
    display: grid;
    grid-template-columns: repeat(4, 32px);
    gap: .25rem;
    justify-content: center;
}
.selected-gallery-move-btn {
    min-width: 32px;
    height: 30px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    color: var(--text);
    cursor: pointer;
    padding: 0;
    line-height: 1;
}
.selected-image-rotate-btn {
    min-width: 32px;
    height: 30px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
    color: var(--text);
    cursor: pointer;
    padding: 0;
    font-size: 1.05rem;
    line-height: 1;
}
.selected-gallery-move-btn:disabled {
    cursor: default;
    opacity: .42;
}
.selected-image-remove-btn,
.main-image-remove-btn,
.selected-gallery-remove-btn {
    position: absolute;
    top: .35rem;
    right: .35rem;
    width: 28px;
    min-width: 32px;
    height: 28px;
    border: 1px solid color-mix(in srgb, #c82020 70%, white 30%);
    border-radius: 999px;
    background: color-mix(in srgb, #c82020 12%, var(--panel) 88%);
    color: #c82020;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
}
#watchForm .main-image-remove-btn,
#watchForm .selected-image-remove-btn {
    min-height: 28px;
}
.admin-image-lightbox[hidden] {
    display: none;
}
.admin-image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 95;
}
.admin-image-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .68);
}
.admin-image-lightbox-dialog {
    position: absolute;
    inset: 4vh 4vw;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: .65rem;
    padding: .85rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--panel);
    box-shadow: var(--shadow);
}
.admin-image-lightbox-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.admin-image-lightbox-dialog img {
    width: 100%;
    height: 100%;
    max-height: 82vh;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(0, 0, 0, .72);
    transform: rotate(var(--preview-image-rotation, 0deg));
}
body.admin-image-lightbox-open {
    overflow: hidden;
}
.install-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 15% 10%, rgba(200, 169, 120, .14), transparent 32%),
        radial-gradient(circle at 85% 0%, rgba(200, 169, 120, .1), transparent 30%),
        var(--bg);
}
.install-wrap {
    width: min(980px, calc(100% - 1rem));
    position: relative;
}
.install-hero {
    margin-bottom: .9rem;
}
.install-hero h1 {
    margin: .2rem 0 .4rem;
}
.install-badges {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
    margin-top: .55rem;
}
.install-theme-toggle {
    position: absolute;
    top: .15rem;
    right: .1rem;
    z-index: 5;
    opacity: .85;
}
.install-test-actions {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}
.install-test-result {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: .65rem .75rem;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
}
.install-test-result.is-ok {
    border-color: color-mix(in srgb, var(--success) 55%, var(--line));
    background: color-mix(in srgb, var(--success) 12%, transparent);
}
.install-test-result.is-error {
    border-color: color-mix(in srgb, var(--danger) 55%, var(--line));
    background: color-mix(in srgb, var(--danger) 12%, transparent);
}
.install-test-title {
    margin: 0 0 .45rem;
    font-weight: 700;
}
.install-status-list {
    display: grid;
    gap: .45rem;
}
.install-status-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
    border-top: 1px dashed color-mix(in srgb, var(--line) 65%, transparent);
    padding-top: .4rem;
}
.install-status-row:first-child {
    border-top: 0;
    padding-top: 0;
}
.install-status-main p {
    margin: .08rem 0 0;
}
.install-progress-panel {
    margin-top: .25rem;
}
.install-checklist {
    margin: .15rem 0;
}
.install-checklist h3 {
    margin-top: 0;
}
.install-checklist-list {
    display: grid;
    gap: .45rem;
}
.install-checklist-item {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: .45rem;
    align-items: flex-start;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: .5rem .6rem;
    background: color-mix(in srgb, var(--panel) 88%, black 12%);
}
.install-check-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    margin-top: .35rem;
    background: var(--muted);
}
.install-checklist-item.is-pending .install-check-dot {
    background: var(--muted);
}
.install-checklist-item.is-ok {
    border-color: color-mix(in srgb, var(--success) 45%, var(--line));
}
.install-checklist-item.is-ok .install-check-dot {
    background: var(--success);
}
.install-checklist-item.is-error {
    border-color: color-mix(in srgb, var(--danger) 55%, var(--line));
}
.install-checklist-item.is-error .install-check-dot {
    background: var(--danger);
}
.install-check-content p {
    margin: .12rem 0 0;
}
.install-license-actions {
    margin: .2rem 0 .15rem;
}
.install-license-details {
    margin: .2rem 0 .25rem;
    padding: .7rem .8rem;
}
.install-license-details h3 {
    margin-top: 0;
    margin-bottom: .35rem;
}
.install-license-details p {
    margin: .28rem 0;
}
.install-license-details .plain-list {
    margin: .2rem 0 .35rem;
}

.image-lightbox-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.85);
    display: none;
    place-items: center;
    z-index: 2147483647;
}
.image-lightbox-backdrop.is-open {
    display: grid;
}
.image-lightbox {
    position: relative;
    --lightbox-text: #f7f3ea;
    --lightbox-muted: rgba(247, 243, 234, .78);
    --lightbox-line: rgba(255, 255, 255, .18);
    width: min(92vw, 1500px);
    max-width: calc(100vw - 2rem);
    max-height: 92vh;
    border-radius: 18px;
    border: 1px solid var(--lightbox-line);
    background: #050505;
    color: var(--lightbox-text);
    box-shadow: 0 24px 80px rgba(0, 0, 0, .62);
    padding: .75rem;
    display: grid;
    gap: .5rem;
}
.image-lightbox-main {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: #000;
    width: 100%;
    height: min(78vh, 960px);
    max-height: calc(92vh - 4.25rem);
}
.image-lightbox-main::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .28);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
}
.image-lightbox-topbar {
    position: absolute;
    top: .85rem;
    left: .85rem;
    right: .85rem;
    z-index: 7;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
}
.image-lightbox-nav {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .22rem;
    border-radius: 999px;
    background: rgba(8, 8, 8, .56);
    border: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(12px);
    pointer-events: auto;
}
.image-lightbox-counter-top {
    min-width: 64px;
    text-align: center;
    color: var(--lightbox-text);
    font-weight: 800;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .9);
}
.image-lightbox-main img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center center;
    transition: transform .08s ease, opacity .18s ease;
    cursor: grab;
}
.image-lightbox-main.is-image-loading img {
    opacity: .52;
}
.image-lightbox-main.is-image-loading::after {
    opacity: 1;
}
body.lightbox-open {
    overflow: hidden;
}
body.lightbox-open .site-header {
    visibility: hidden;
}
.image-lightbox-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    font-size: 1rem;
    color: var(--lightbox-muted);
}
.image-lightbox-counter {
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
    color: var(--lightbox-text);
    font-weight: 800;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .9);
}
.image-lightbox-actions {
    display: flex;
    gap: .35rem;
}
.image-lightbox-btn {
    border-radius: 999px;
    border: 1px solid var(--lightbox-line);
    background: rgba(247, 243, 234, .92);
    color: #161616;
    padding: .3rem .6rem;
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .32);
}
.image-lightbox-btn:hover {
    border-color: rgba(214, 181, 112, .92);
    background: #fff;
}
.image-lightbox-nav-btn {
    min-width: 40px;
    padding: .34rem .72rem;
    font-size: 1rem;
    line-height: 1;
}
@media (min-width: 1600px) {
    .image-lightbox {
        width: min(84vw, 1680px);
    }
    .image-lightbox-main {
        height: min(80vh, 1040px);
    }
}

@media (max-width: 980px) {
    .image-lightbox-backdrop {
        background: rgba(0,0,0,.96);
    }
    .image-lightbox {
        width: 100vw;
        max-width: 100vw;
        height: 100dvh;
        max-height: 100dvh;
        border: 0;
        border-radius: 0;
        background: #000;
        box-shadow: none;
        padding: 0;
        gap: 0;
    }
    .image-lightbox-main {
        width: 100%;
        height: 100%;
        border-radius: 0;
        display: grid;
        place-items: center;
    }
    .image-lightbox-topbar {
        display: none;
    }
    .image-lightbox-main img {
        width: 100%;
        height: 100%;
        max-width: 100vw;
        max-height: 100dvh;
        object-fit: contain;
        transform: none !important;
        cursor: default;
    }
    .image-lightbox-toolbar {
        position: absolute;
        inset: 0 0 auto 0;
        padding: calc(env(safe-area-inset-top) + .8rem) .9rem .9rem;
        color: #fff;
        background: linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,0) 100%);
        pointer-events: none;
    }
    .image-lightbox-counter {
        font-size: .95rem;
        font-weight: 600;
    }
    .image-lightbox-actions {
        pointer-events: auto;
    }
    .image-lightbox-btn[data-zoom] {
        display: none;
    }
    .image-lightbox-btn[data-close] {
        padding: .45rem .8rem;
        background: rgba(0,0,0,.52);
        border-color: rgba(255,255,255,.18);
        color: #fff;
        backdrop-filter: blur(10px);
    }
}

@media (min-width: 981px) {
    .is-home .watch-content h3,
    .is-watches-index .watch-content h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .is-watches-index .watch-content h3 {
        font-size: 1rem;
        line-height: 1.25;
    }
    .is-watches-index .watch-image-wrap {
        aspect-ratio: 5 / 4;
    }
    .nav-row {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(78px, auto);
        padding-right: 0;
        padding-top: .42rem;
        padding-bottom: .34rem;
        gap: 0;
    }
    .nav-top {
        min-height: 0;
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        padding-right: 7rem;
        z-index: 1;
    }
    .nav-top-actions-desktop {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: .35rem;
        z-index: 3;
    }
    .nav-links-row {
        grid-column: 1;
        grid-row: 1;
        align-self: end;
        position: relative;
        z-index: 1;
        padding-right: 5rem;
        margin-top: 0;
    }
    .nav-links-row:has(.nav-actions-desktop .admin-mail-btn),
    .nav-links-row:has(.nav-actions-desktop .user-settings-menu) {
        padding-right: 15rem;
    }
    .brand-subtitle {
        max-width: min(46vw, 620px);
    }
    .brand-labels.brand-labels-desktop-below {
        align-items: flex-start;
        flex-direction: column;
        gap: .08rem;
        line-height: 1.08;
    }
    .nav-actions {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .nav-actions-desktop .theme-toggle {
        display: none;
    }
    .nav-actions-desktop .cart-header-link {
        order: 1;
    }
    .nav-actions-desktop .admin-mail-btn {
        order: 2;
    }
    .nav-actions-desktop .user-settings-menu {
        order: 3;
    }
    .desktop-theme-toggle-corner {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.2rem;
        height: 30px;
        padding: 0 .45rem;
        line-height: 1;
    }
    .is-admin .admin-stats-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        column-gap: .45rem;
        row-gap: .14rem;
        margin-top: .12rem;
    }
    .settings-row-featured-title {
        gap: .4rem;
    }
    .settings-row-featured-title-head {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 1rem;
    }
    .settings-row-featured-title-toggle {
        justify-content: flex-end;
        flex-wrap: nowrap;
        text-align: right;
    }
    .is-admin .admin-stat-card {
        min-height: 40px;
        padding: .26rem .48rem;
        border-radius: 10px;
        align-items: center;
    }
    .is-admin .admin-stat-card p.muted {
        font-size: .76rem;
        line-height: 1.15;
    }
    .is-admin .admin-stat-card h2 {
        font-size: 1.08rem;
        line-height: 1.1;
    }
}

@media (max-width: 1180px) {
    .hero, .product-layout, .cart-layout, .checkout-layout, .grid-2, .grid-3, .footer-row { grid-template-columns: 1fr; }
    .checkout-customer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cart-support-grid {
        grid-template-columns: 1fr;
        gap: .6rem;
    }
    .cart-recommendations-grid {
        --desktop-watch-cols: 2;
    }
    .product-category-breadcrumb {
        gap: .36rem;
        margin-bottom: .55rem;
        font-size: .88rem;
    }
    .product-cart-panel.is-in-cart {
        grid-template-columns: minmax(0, 1fr);
    }
    .cart-product-actions {
        align-items: stretch;
    }
    .product-cart-heading {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .product-cart-quantity-form,
    .product-cart-added-actions {
        grid-column: 1 / -1;
        grid-row: auto;
        justify-self: stretch;
    }
    .product-cart-added-actions {
        justify-content: stretch;
    }
    .product-cart-added-link {
        width: 100%;
    }
    .cart-summary-panel,
    .checkout-summary-panel {
        position: static;
    }
    .cart-empty-cover {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: .85rem;
        border-radius: 14px;
        gap: .65rem;
        text-align: center;
    }
    .cart-empty-copy {
        max-width: none;
    }
    .cart-empty-copy .muted {
        max-width: none;
        font-size: .88rem;
        line-height: 1.38;
    }
    .cart-empty-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: .42rem;
        margin-top: .7rem;
    }
    .cart-empty-visual {
        order: -1;
        justify-self: center;
        width: min(70vw, 210px);
    }
    .checkout-pickup-row {
        grid-template-columns: 1fr;
    }
    .cart-item {
        position: relative;
        grid-template-columns: 72px minmax(0, 1fr);
        column-gap: .72rem;
        row-gap: .46rem;
        align-items: start;
        min-height: 0;
        padding: .72rem 2.05rem .72rem 0;
    }
    .cart-item-thumb {
        width: 72px;
        grid-column: 1;
        grid-row: 1;
    }
    .cart-item h3 {
        margin: 0;
        line-height: 1.18;
    }
    .cart-item-main {
        grid-column: 2;
        grid-row: 1;
        display: grid;
        align-content: start;
        gap: .22rem;
        min-width: 0;
    }
    .cart-item-main h3 {
        padding-right: 1.35rem;
        font-size: 1rem;
    }
    .cart-item-actions {
        grid-column: 1 / -1;
        grid-row: 2;
        align-self: center;
        justify-self: start;
        margin-top: 0;
    }
    .cart-item-unit-price {
        grid-column: 1 / -1;
        grid-row: auto;
    }
    .cart-item-price-breakdown {
        margin: 0 1.35rem 0 0;
        font-size: .82rem;
        line-height: 1.2;
    }
    .cart-item-side { display: contents; }
    .cart-remove-form {
        position: absolute;
        top: .5rem;
        right: 0;
    }
    .cart-remove-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        min-height: 28px;
        padding: 0;
        border: 1px solid var(--line);
        border-radius: 999px;
        background: color-mix(in srgb, var(--panel) 82%, transparent);
        color: var(--muted);
        font-size: 0;
        line-height: 1;
    }
    .cart-remove-btn::before {
        content: "×";
        font-size: 1.22rem;
        font-weight: 700;
        line-height: 1;
    }
    .cart-remove-btn:hover {
        border-color: color-mix(in srgb, var(--danger) 42%, var(--line));
    }
    .cart-item-total {
        grid-column: 2;
        grid-row: 2;
        align-self: center;
        justify-self: end;
        margin-left: .65rem;
        font-size: 1.04rem;
    }
    .cart-quantity-form {
        align-items: stretch;
        flex-wrap: nowrap;
        gap: .28rem;
    }
    .cart-layout {
        gap: .6rem;
    }
    .cart-checkout-steps {
        gap: .28rem;
        padding: .38rem;
        margin-bottom: .6rem;
    }
    .cart-checkout-step {
        min-height: 28px;
        padding: .2rem .3rem;
        font-size: .78rem;
    }
    .cart-info-panel h2,
    .cart-question-panel h2,
    .cart-recommendations-head h2 {
        font-size: 1.12rem;
    }
    .cart-recommendations-head {
        align-items: start;
        margin-bottom: .55rem;
    }
    .cart-recommendations-link {
        min-height: 30px;
        padding: .28rem .58rem;
        white-space: nowrap;
    }
    .cart-items-panel,
    .cart-summary-panel {
        padding: .72rem;
        margin-bottom: .6rem;
    }
    .cart-items-panel.stack,
    .cart-summary-panel.stack {
        gap: .52rem;
    }
    .cart-summary-panel h2 {
        margin: 0 0 .2rem;
        font-size: 1.18rem;
        line-height: 1.12;
    }
    .cart-summary-row {
        padding: .28rem 0;
    }
    .cart-checkout-btn {
        min-height: 36px;
        padding: .42rem .72rem;
        border-radius: 10px;
        line-height: 1.05;
        box-shadow: none;
    }
    .is-home .watch-grid,
    .is-watches-index .watch-grid {
        grid-template-columns: repeat(var(--mobile-watch-cols, 1), minmax(0, 1fr));
    }
    .mobile-watch-cols-2.is-home .watch-content,
    .mobile-watch-cols-2.is-watches-index .watch-content {
        padding: .62rem;
    }
    .mobile-watch-cols-2.is-home .watch-card.watch-card-has-arrow .watch-content {
        padding-right: .62rem;
    }
    .mobile-watch-cols-2.is-home .watch-card.watch-card-has-arrow .watch-price-block,
    .mobile-watch-cols-2.is-home .watch-card.watch-card-has-arrow .watch-desc,
    .mobile-watch-cols-2.is-watches-index .watch-card.watch-card-has-arrow .watch-price-block,
    .mobile-watch-cols-2.is-watches-index .watch-card.watch-card-has-arrow .watch-desc {
        padding-right: 2.28rem;
    }
    .mobile-watch-cols-2.is-home .watch-card-arrow,
    .mobile-watch-cols-2.is-watches-index .watch-card-arrow {
        right: .62rem;
        bottom: .62rem;
        width: 32px;
        height: 32px;
    }
    .mobile-watch-cols-2.is-home .watch-card-arrow svg,
    .mobile-watch-cols-2.is-watches-index .watch-card-arrow svg {
        width: 16px;
        height: 16px;
    }
    .mobile-watch-cols-2.is-home .watch-content h3,
    .mobile-watch-cols-2.is-watches-index .watch-content h3 {
        margin: .26rem 0;
        font-size: .88rem;
        line-height: 1.22;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 0;
    }
    .mobile-watch-cols-2.is-home .watch-content h3 > a,
    .mobile-watch-cols-2.is-watches-index .watch-content h3 > a {
        display: inline;
    }
    .mobile-watch-cols-2.is-home .watch-price-old,
    .mobile-watch-cols-2.is-home .watch-price-drop-badge,
    .mobile-watch-cols-2.is-watches-index .watch-price-old,
    .mobile-watch-cols-2.is-watches-index .watch-price-drop-badge {
        display: none;
    }
    .mobile-watch-cols-2.is-home .watch-desc,
    .mobile-watch-cols-2.is-watches-index .watch-desc {
        margin-top: .24rem;
        font-size: .82rem;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 0;
    }
    .mobile-watch-cols-2.is-home .watch-image-wrap .status-badge,
    .mobile-watch-cols-2.is-watches-index .watch-image-wrap .status-badge {
        top: .34rem;
        right: .34rem;
        box-sizing: border-box;
        max-width: calc(100% - 2.7rem);
        padding: .12rem .34rem;
        overflow: hidden;
        font-size: .52rem;
        letter-spacing: .05em;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: color-mix(in srgb, var(--panel) 84%, black 16%);
        backdrop-filter: blur(4px);
        z-index: 3;
    }
    .mobile-watch-cols-2.is-home .watch-price.watch-price-hidden,
    .mobile-watch-cols-2.is-watches-index .watch-price.watch-price-hidden {
        font-size: clamp(.58rem, 2.65vw, .72rem);
        line-height: 1.2;
        letter-spacing: -.01em;
    }
    .mobile-watch-cols-2.is-home .watch-price.watch-price-reserved,
    .mobile-watch-cols-2.is-watches-index .watch-price.watch-price-reserved {
        max-width: 100%;
        min-width: 0;
        gap: .25em;
        overflow: hidden;
        font-size: clamp(.7rem, 3vw, .84rem);
        line-height: 1.15;
        letter-spacing: -.01em;
        white-space: nowrap;
    }
    .mobile-watch-cols-2.is-home .watch-price-reserved > span:last-child,
    .mobile-watch-cols-2.is-watches-index .watch-price-reserved > span:last-child {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .account-favorites-page .watch-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
    }
    .account-favorites-page .watch-content {
        padding: .62rem;
    }
    .account-favorites-page .watch-content h3 {
        margin: 0;
        font-size: .92rem;
        line-height: 1.22;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 0;
    }
    .account-favorites-page .watch-price {
        margin: .22rem 0 0;
        font-size: .88rem;
        line-height: 1.2;
    }
    .account-favorites-page .account-favorite-cart-form {
        margin-top: .45rem;
    }
    .account-favorites-page .account-favorite-cart-btn {
        min-height: 28px;
        padding: .22rem .4rem;
        font-size: .72rem;
        line-height: 1.05;
    }
    .account-favorites-page .account-favorite-cart-icon svg {
        width: 15px;
        height: 15px;
    }
    .account-favorites-page .watch-brand,
    .account-favorites-page .watch-desc,
    .account-favorites-page .watch-image-wrap .status-badge {
        display: none;
    }
    .favorite-empty-state {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: .45rem;
        padding: .9rem;
        border-radius: 14px;
        text-align: center;
    }
    .favorite-empty-copy,
    .favorite-empty-copy .muted {
        max-width: none;
    }
    .favorite-empty-copy h2 {
        font-size: 1.35rem;
        line-height: 1.16;
    }
    .favorite-empty-copy .muted {
        font-size: .88rem;
        line-height: 1.38;
    }
    .favorite-empty-actions {
        display: grid;
        margin-top: .7rem;
    }
    .favorite-empty-visual {
        order: -1;
        justify-self: center;
        width: min(74vw, 240px);
    }
    .account-messages-empty-state {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: .58rem;
        padding: .9rem;
        border-radius: 14px;
        text-align: center;
    }
    .account-messages-empty-copy,
    .account-messages-empty-copy .muted {
        max-width: none;
    }
    .account-messages-empty-copy h2 {
        font-size: 1.35rem;
        line-height: 1.16;
    }
    .account-messages-empty-copy .muted {
        font-size: .88rem;
        line-height: 1.38;
    }
    .account-messages-empty-actions {
        display: grid;
        margin-top: .7rem;
    }
    .account-messages-empty-visual {
        order: -1;
        justify-self: center;
        width: min(74vw, 230px);
    }
    .media-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .media-file-card {
        grid-template-columns: 74px minmax(0, 1fr);
        grid-template-areas:
            "thumb body"
            "actions actions";
        gap: .5rem;
        align-items: start;
    }
    .media-file-thumb-link {
        grid-area: thumb;
    }
    .media-file-body {
        grid-area: body;
    }
    .media-file-actions {
        grid-area: actions;
        justify-self: start;
    }
    .media-file-thumb {
        width: 72px;
        height: 56px;
    }
    .product-image-panel {
        position: relative;
        top: 0;
    }
    .product-image {
        touch-action: pan-y;
    }
    .favorite-product-corner { top: .6rem; right: .6rem; }
    .watch-image-wrap-flip.watch-image-wrap-swipe .watch-image-flip {
        display: none;
    }
    .watch-image-wrap-flip.watch-image-wrap-swipe .watch-image-track {
        display: flex;
    }
    .filter-row { grid-template-columns: 1fr; }
    .account-messages-page .filter-row.filter-row--account-conversations {
        grid-template-columns: minmax(0, 1fr) auto;
    }
    .account-messages-page .filter-row--account-conversations > .account-conversation-search-field {
        grid-column: auto;
        min-width: 0;
    }
    .account-messages-page .filter-row--account-conversations > .btn {
        width: auto;
        justify-self: end;
    }
    .filter-row.admin-watches-filter-row {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }
    .filter-row.admin-watches-filter-row .admin-watches-search-input {
        grid-column: 1 / -1;
    }
    .filter-row.admin-watches-filter-row:not(.is-search-open) .admin-watches-search-input {
        display: none;
    }
    .filter-row.admin-watches-filter-row .admin-watches-sort-select {
        min-width: 0;
    }
    .filter-row.admin-watches-filter-row .btn,
    .filter-row.admin-watches-filter-row .btn-secondary {
        width: auto;
        min-width: 0;
        padding-left: .72rem;
        padding-right: .72rem;
        white-space: nowrap;
    }
    .filter-row.admin-watches-filter-row.warehouse-filter-row {
        grid-template-columns: 1fr;
    }
    .filter-row.filter-row--conversation {
        display: flex;
        justify-content: flex-start;
        gap: .3rem;
        padding: 0;
    }
    .is-admin .filter-row.filter-row--conversation {
        padding: .06rem 0;
    }
    .admin-conversation-actions-panel {
        padding: .18rem .14rem;
    }
    .is-admin .panel.admin-conversation-actions-panel {
        padding: .18rem .14rem;
    }
    .catalog-layout { grid-template-columns: 1fr; }
    .catalog-filters-desktop { display: none; }
    .catalog-filters-mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .catalog-filters-mobile .catalog-filters-panel {
        width: 100%;
    }
    .catalog-empty-state {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 1rem;
    }
    .catalog-empty-visual {
        min-height: 160px;
        order: -1;
    }
    .catalog-empty-visual svg {
        width: min(100%, 260px);
    }
    .catalog-empty-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    .message-list-item {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .45rem;
        align-items: end;
        padding: .66rem .74rem;
    }
    .account-order-item {
        grid-template-columns: 1fr;
        gap: .66rem;
        align-items: stretch;
        padding: .75rem .82rem;
    }
    .account-order-layout {
        grid-template-columns: 1fr;
        gap: .66rem;
    }
    .account-order-summary {
        grid-template-rows: none;
        gap: .5rem;
    }
    .account-orders-list {
        gap: .56rem;
    }
    .account-orders-empty {
        grid-template-columns: 1fr;
        gap: .72rem;
        min-height: 0;
        padding: 1rem .9rem;
    }
    .account-orders-empty-copy {
        text-align: left;
    }
    .account-orders-empty h2 {
        font-size: 1.15rem;
        line-height: 1.16;
    }
    .account-orders-empty-btn {
        width: 100%;
        justify-self: stretch;
    }
    .account-orders-empty-graphic {
        order: -1;
    }
    .account-orders-empty-graphic svg {
        width: min(100%, 230px);
    }
    .account-order-meta {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: .24rem .4rem;
        min-width: 0;
    }
    .account-order-meta .status-badge {
        text-align: left;
    }
    .account-order-card-head,
    .account-order-footer {
        align-items: flex-start;
    }
    .account-order-link-btn {
        margin-left: auto;
        padding: .24rem .66rem;
        min-height: 28px;
    }
    .align-right { text-align: right; justify-items: end; }
    .admin-conversation-item {
        padding: .64rem .72rem;
    }
    .admin-conversation-meta-row {
        gap: .34rem;
    }
    .admin-conversation-read-status {
        font-size: .68rem;
    }
    .admin-conversation-contact-presence {
        font-size: .65rem;
    }
    .admin-conversation-badges .status-badge {
        font-size: .68rem;
        padding: .14rem .4rem;
    }
    .admin-conversation-menu {
        top: .34rem;
        right: .34rem;
    }
    .admin-conversation-bottom {
        margin-top: .28rem;
    }
    .admin-watches-table thead {
        display: none;
    }
    .admin-watches-table,
    .admin-watches-table tbody,
    .admin-watches-table tr,
    .admin-watches-table td {
        display: block;
        width: 100%;
    }
    .admin-watches-table tr {
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: .55rem .62rem;
        margin-bottom: .55rem;
        background: color-mix(in srgb, var(--panel) 90%, black 10%);
        display: grid;
        grid-template-columns: 84px minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas:
            "foto title title"
            "foto status status"
            "cena publikacja publikacja"
            "akcje akcje akcje";
        column-gap: .45rem;
        row-gap: .2rem;
        align-items: start;
    }
    .admin-watches-table td {
        border: 0;
        padding: .2rem 0;
    }
    .admin-watches-table td::before {
        content: attr(data-label);
        display: block;
        font-size: .72rem;
        color: var(--muted);
        text-transform: uppercase;
        letter-spacing: .05em;
        margin-bottom: .08rem;
    }
    .admin-watches-table td[data-label="Foto"] {
        grid-area: foto;
    }
    .admin-watches-table td[data-label="Foto"]::before {
        display: none;
    }
    .admin-watches-table td[data-label="Tytuł"] {
        grid-area: title;
    }
    .admin-watches-table td[data-label="Tytuł"]::before {
        display: none;
    }
    .admin-watches-table .admin-watch-title-link {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .admin-watches-table td[data-label="Status"] {
        grid-area: status;
    }
    .admin-watches-table td[data-label="Status"]::before {
        display: inline-block;
        margin: 0 .35rem 0 0;
        vertical-align: baseline;
    }
    .admin-watches-table td[data-label="Kategoria"] {
        grid-area: kategoria;
    }
    .admin-watches-table td[data-label="Cena"] {
        grid-area: cena;
    }
    .admin-watches-table td[data-label="Ilość"] {
        grid-area: ilosc;
    }
    .admin-watches-table--with-quantity tr {
        grid-template-areas:
            "foto title title"
            "foto status status"
            "cena ilosc publikacja"
            "akcje akcje akcje";
    }
    .admin-watches-table td[data-label="Publikacja"] {
        grid-area: publikacja;
    }
    .admin-watches-table td[data-label="Dodano"] {
        grid-area: publikacja;
    }
    .admin-watches-table--warehouse tr {
        grid-template-areas:
            "foto title title"
            "foto status status"
            "kategoria kategoria kategoria"
            "cena publikacja publikacja"
            "akcje akcje akcje";
    }
    .admin-watches-table--warehouse.admin-watches-table--with-quantity tr {
        grid-template-areas:
            "foto title title"
            "foto status status"
            "kategoria kategoria kategoria"
            "cena ilosc publikacja"
            "akcje akcje akcje";
    }
    .admin-watches-table td[data-label="Akcje"] {
        grid-area: akcje;
    }
    .admin-watches-table td[data-label="Foto"] img {
        width: 84px !important;
        height: 84px !important;
    }
    .admin-watches-table td[data-label="Akcje"] {
        display: flex;
        align-items: center;
        gap: .6rem;
        padding-top: .35rem;
    }
    .admin-watches-table td[data-label="Akcje"]::before {
        display: none;
    }
    .admin-watches-table td[data-label="Akcje"] .inline-form {
        display: inline-flex;
    }
    .admin-specs-table-wrap {
        overflow-x: hidden;
    }
    .admin-specs-table thead {
        display: none;
    }
    .admin-specs-table,
    .admin-specs-table tbody,
    .admin-specs-table tr,
    .admin-specs-table td {
        display: block;
        width: 100%;
    }
    .admin-specs-table tr {
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: .5rem .58rem;
        margin-bottom: .5rem;
        background: color-mix(in srgb, var(--panel) 90%, black 10%);
    }
    .admin-specs-table td {
        border: 0;
        padding: .2rem 0;
    }
    .admin-specs-table td::before {
        content: attr(data-label);
        display: block;
        font-size: .7rem;
        color: var(--muted);
        text-transform: uppercase;
        letter-spacing: .05em;
        margin-bottom: .08rem;
    }
    .admin-specs-table td[data-label="Akcje"] {
        display: flex;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap;
        padding-top: .3rem;
    }
    .admin-specs-table td[data-label="Akcje"]::before {
        width: 100%;
        margin-bottom: .12rem;
    }
    .admin-specs-table .admin-specs-empty-row td {
        padding: .22rem 0;
    }
    .admin-specs-table .admin-specs-empty-row td::before {
        display: none;
    }
    .admin-specs-table input[type="text"],
    .admin-specs-table input[type="number"] {
        width: 100%;
        min-width: 0;
    }
    .admin-specs-table .check-row {
        margin: 0;
    }
    .admin-specs-table .inline-form {
        display: inline-flex;
    }
    .admin-categories-layout {
        grid-template-columns: 1fr;
        gap: .45rem;
    }
    .admin-categories-layout .panel {
        padding: .62rem .66rem;
        margin-bottom: .5rem;
        border-radius: 12px;
    }
    .admin-categories-layout h2 {
        font-size: 1.12rem;
    }
    .admin-categories-layout p.muted {
        font-size: .84rem;
    }
    .admin-category-add-form,
    .admin-category-bulk-form {
        gap: .34rem;
    }
    .admin-category-add-form .btn,
    .admin-category-bulk-form .btn {
        width: 100%;
        justify-content: center;
    }
    .admin-categories-layout textarea {
        min-height: 116px;
    }
    .admin-categories-table-wrap {
        overflow-x: hidden;
    }
    .admin-categories-table thead {
        display: none;
    }
    .admin-categories-table,
    .admin-categories-table tbody,
    .admin-categories-table tr,
    .admin-categories-table td {
        display: block;
        width: 100%;
    }
    .admin-categories-table tr {
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: .48rem .55rem;
        margin-bottom: .5rem;
        background: color-mix(in srgb, var(--panel) 90%, black 10%);
        box-shadow: none;
    }
    .admin-categories-table td {
        border: 0;
        padding: .18rem 0;
    }
    .admin-categories-table td::before {
        content: attr(data-label);
        display: block;
        font-size: .7rem;
        color: var(--muted);
        text-transform: uppercase;
        letter-spacing: .05em;
        margin-bottom: .08rem;
    }
    .admin-categories-table td[data-label="Nazwa"],
    .admin-categories-table td[data-label="Akcje"] {
        width: 100%;
    }
    .admin-categories-table input[type="text"],
    .admin-categories-table input[type="number"] {
        width: 100%;
        min-width: 0;
    }
    .admin-categories-table input[type="text"],
    .admin-categories-table input[type="number"] {
        min-height: 38px;
    }
    .admin-categories-table .check-row {
        margin: 0;
    }
    .admin-categories-table td[data-label="Akcje"]::before {
        margin-bottom: .18rem;
    }
    .admin-category-actions {
        grid-template-columns: 1fr 38px 38px auto;
        justify-content: stretch;
        gap: .35rem;
        padding-top: .12rem;
    }
    .admin-category-actions .btn-sm {
        min-height: 36px;
        height: 36px;
    }
    .admin-category-actions .btn-secondary {
        width: 38px;
    }
    .admin-category-actions .link-btn {
        justify-self: end;
    }

    .is-admin .admin-header-row .hero-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .5rem;
        margin-top: .4rem;
    }
    .is-admin .admin-header-row .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .orders-table-desktop {
        display: none;
    }
    .orders-mobile-list {
        display: grid;
        gap: .46rem;
    }
    .admin-users-table-desktop {
        display: none;
    }
    .admin-users-mobile-list {
        display: block;
    }
    .admin-user-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .admin-user-details-grid,
    .admin-user-compact-grid {
        grid-template-columns: 1fr;
    }
    .dashboard-recent-orders .table-wrap,
    .dashboard-recent-conversations .table-wrap,
    .dashboard-live-users .table-wrap,
    .live-users-page .table-wrap {
        display: none;
    }
    .dashboard-mobile-list {
        display: block;
    }
    .site-texts-list {
        margin-top: .65rem;
    }
    .site-texts-pager {
        align-items: flex-start;
        flex-direction: column;
    }
    .admin-conversations-list {
        gap: .62rem;
    }
    .order-status-row {
        gap: .4rem;
        margin-top: .45rem;
    }
    .order-status-row .btn {
        padding: .44rem .62rem;
        font-size: .82rem;
    }
    .message-list-subject {
        font-size: 1rem;
    }
    .contact-page {
        gap: .45rem;
    }
    .contact-hero {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: .45rem;
        padding: .72rem;
        border-radius: 14px;
    }
    .contact-page-title {
        font-size: 1.08rem;
        line-height: 1.24;
    }
    .contact-hero-art {
        justify-self: center;
        width: min(178px, 72%);
        max-height: 112px;
        overflow: hidden;
    }
    .contact-page-intro {
        padding: .72rem;
    }
    .contact-page-description {
        margin-top: .32rem;
        line-height: 1.38;
        font-size: .84rem;
    }
    .contact-page-grid {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
    .contact-feature-list {
        gap: .5rem;
    }
    .contact-feature {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: .45rem;
        padding: .58rem;
    }
    .contact-feature-icon {
        width: 34px;
        height: 34px;
    }
    .contact-feature strong {
        font-size: 1rem;
    }
    .contact-feature span:not(.contact-feature-icon) {
        font-size: .82rem;
    }
    .contact-page-message {
        padding: .76rem;
    }
    .contact-form-grid {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
    .contact-page-form {
        gap: .5rem;
    }
    .contact-form-actions {
        justify-content: stretch;
    }
    .contact-form-actions .btn {
        width: 100%;
    }
    .account-messages-page .section-header {
        margin: .45rem 0 .35rem;
    }
    .account-messages-page .panel--account-nav {
        margin-bottom: .48rem;
    }
    .account-conversations-list {
        gap: .42rem;
    }
    .account-conversation-item {
        padding: .54rem .6rem;
    }
    .contact-page .panel {
        margin-bottom: .62rem;
        border-radius: 12px;
    }
    .contact-page .stack {
        gap: .5rem;
    }
    .contact-page .panel h2 {
        margin: 0 0 .28rem;
        font-size: 1.06rem;
        line-height: 1.2;
    }
    .contact-page textarea {
        min-height: calc(4 * 1.3rem + 1.56rem + 2px);
        height: calc(4 * 1.3rem + 1.56rem + 2px);
    }
    .contact-page .btn {
        padding: .48rem .72rem;
    }
    .conversation-reply-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .conversation-reply-actions .btn {
        width: 100%;
    }
    .admin-conversation-reply-actions {
        flex-direction: row;
        align-items: center;
        gap: .45rem;
    }
    .admin-conversation-reply-actions input[type="file"] {
        flex: 1 1 auto;
        min-width: 0;
    }
    .admin-conversation-reply-actions .btn {
        width: auto;
        flex: 0 0 auto;
    }
}

@media (min-width: 981px) {
    .is-home .watch-price-old,
    .is-watches-index .watch-price-old {
        display: grid;
        gap: .08rem;
        line-height: 1.25;
    }
    .is-home .watch-price-old s,
    .is-watches-index .watch-price-old s {
        width: fit-content;
        font-size: 1rem;
        white-space: nowrap;
    }
    .product-info > .product-cart-panel {
        margin-bottom: 1.05rem;
    }
    .is-watch-show .cart-product-actions {
        column-gap: 1rem;
    }
    .is-watch-show .related-models-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .is-watch-show .related-models-grid > *:nth-child(n+5) {
        display: none;
    }
}

@media (min-width: 1280px) {
    .is-watch-show .related-models-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .is-watch-show .related-models-grid > *:nth-child(4) {
        display: block;
    }
    .is-home .hero h1 { line-height: 1.1; }
    .is-home .hero h1.hero-title-xs { font-size: clamp(1.35rem, 1.9vw, 2rem); }
    .is-home .hero h1.hero-title-sm { font-size: clamp(1.55rem, 2.2vw, 2.3rem); }
    .is-home .hero h1.hero-title-md { font-size: clamp(1.75rem, 2.5vw, 2.6rem); }
    .is-home .hero h1.hero-title-lg { font-size: clamp(1.95rem, 2.8vw, 2.95rem); }
    .is-home .hero h1.hero-title-xl { font-size: clamp(2.15rem, 3.1vw, 3.3rem); }
    .is-home .hero h1.hero-title-xxl { font-size: clamp(2.35rem, 3.4vw, 3.65rem); }
    .is-watch-show .product-info h1 {
        font-size: clamp(1.38rem, 1.85vw, 2.05rem);
        line-height: 1.14;
    }
    .nav-links {
        flex-wrap: nowrap;
    }
    .admin-settings-header-copy {
        display: flex;
        align-items: baseline;
        gap: .56rem;
    }
    .admin-settings-header-copy .eyebrow,
    .admin-settings-header h1 {
        margin: 0;
    }
    .is-admin .admin-settings-header h1 {
        font-size: 1.18rem;
        line-height: 1.14;
    }
    .nav-links > a,
    .nav-links > .btn.btn-sm {
        white-space: nowrap;
    }
    body.is-guest .nav-links-row {
        justify-content: flex-end;
        padding-right: 0;
    }
    body.is-guest .nav-links-row:has(.nav-actions-desktop .cart-header-link) {
        padding-right: 8rem;
    }
    body.is-guest .nav-links-row .nav-links {
        flex: 1 1 auto;
        width: 100%;
        margin-left: 0;
        justify-content: flex-end;
        padding-right: 0;
    }
}

@media (max-width: 980px) {
    .brand-mark-xs { --brand-logo-size: 40px; }
    .brand-mark-sm { --brand-logo-size: 48px; }
    .brand-mark-md { --brand-logo-size: 58px; }
    .brand-mark-lg { --brand-logo-size: 70px; }
    .brand-mark-xl { --brand-logo-size: 82px; }
    .brand-mark-xxl { --brand-logo-size: 96px; }
    .product-category-breadcrumb {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        white-space: nowrap;
        padding: .08rem .08rem .2rem;
        scroll-snap-type: x proximity;
    }
    .product-category-breadcrumb::-webkit-scrollbar {
        display: none;
    }
    .product-category-home,
    .product-category-breadcrumb-link,
    .product-category-separator {
        flex: 0 0 auto;
    }
    .product-category-home,
    .product-category-breadcrumb-link {
        scroll-snap-align: start;
    }
    .price-xl-old {
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
        column-gap: .22rem;
        font-size: .78rem;
        line-height: 1.25;
    }
    .price-xl-old s {
        flex: 0 0 auto;
        font-size: 1.02rem;
        white-space: nowrap;
    }
    .product-mobile-tabs {
        display: flex;
        align-items: stretch;
        gap: .18rem;
        width: 100%;
        max-width: 100%;
        margin: .28rem 0 0;
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        background: transparent;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .product-mobile-tabs::-webkit-scrollbar {
        display: none;
    }
    .product-mobile-tab {
        position: relative;
        flex: 0 0 auto;
        min-height: 34px;
        padding: .43rem .62rem .46rem;
        border: 1px solid transparent;
        border-bottom: 0;
        border-radius: 8px 8px 0 0;
        background: transparent;
        color: var(--muted);
        font: inherit;
        font-size: 1rem;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
    }
    .product-mobile-tab.is-active {
        background: var(--panel);
        border-color: var(--line);
        color: var(--text);
        z-index: 1;
    }
    .product-mobile-tab.is-active::after {
        content: "";
        position: absolute;
        left: .62rem;
        right: .62rem;
        bottom: 0;
        height: 2px;
        border-radius: 999px;
        background: var(--gold);
    }
    .product-info .product-description-panel-mobile {
        display: block;
        margin-top: 0;
    }
    .product-info .product-mobile-tabs + .product-description-panel-mobile {
        border-top-left-radius: 0;
        margin-top: -1px;
    }
    .product-info .product-mobile-tab-panel.product-delivery-panel,
    .product-info .product-mobile-tab-panel.product-message-panel,
    .product-info .product-mobile-tab-panel.product-order-panel {
        margin-top: .55rem;
        border-top-left-radius: 18px;
    }
    .product-info .product-mobile-tab-panel > h3 {
        display: none;
    }
    .product-layout + .product-description-panel {
        display: none;
    }
    .product-delivery-summary {
        gap: .52rem;
    }
    .product-delivery-time,
    .product-delivery-label {
        font-size: .82rem;
    }
    .product-delivery-methods {
        gap: .24rem;
        margin-top: .24rem;
    }
    .product-delivery-method {
        min-height: 25px;
        padding: .12rem .38rem;
        gap: .24rem;
        font-size: .86rem;
        line-height: 1.05;
    }
    .product-delivery-method small {
        font-size: .8rem;
        margin-left: .04rem;
    }
    .product-delivery-method img {
        width: min(var(--product-delivery-logo-size, 28px), 22px);
        height: min(var(--product-delivery-logo-size, 28px), 22px);
    }
    .product-cart-panel {
        padding: .5rem .62rem;
    }
    .product-cart-panel.product-cart-panel--unavailable {
        padding: .25rem .55rem;
    }
    .cart-product-actions {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .42rem;
    }
    .cart-product-actions .product-cart-icon {
        width: 31px;
        height: 31px;
        border-radius: 9px;
        margin-right: 0;
    }
    .cart-product-actions .product-cart-icon svg,
    .cart-product-actions .product-cart-btn-icon svg {
        width: 21px;
        height: 21px;
    }
    .product-cart-state-row {
        align-items: center;
        gap: .4rem;
    }
    .product-cart-quantity-form,
    .cart-product-quantity {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: .22rem;
        flex: 0 0 auto;
    }
    .product-cart-quantity-form label,
    .cart-product-quantity label {
        font-size: .82rem;
        line-height: 1.05;
    }
    .product-cart-quantity-stepper,
    .cart-product-quantity-stepper {
        grid-template-columns: 24px 42px 24px;
        border-radius: 7px;
    }
    .product-cart-quantity-step,
    .cart-product-quantity-step {
        width: 24px;
        min-height: 24px;
        font-size: .82rem;
    }
    .product-cart-quantity-form input[type="number"],
    .cart-product-quantity input[type="number"] {
        width: 42px;
        min-width: 42px;
        min-height: 24px;
        padding: 0 .1rem;
        font-size: .82rem;
    }
    .cart-product-actions .btn,
    .product-cart-submit {
        min-height: 34px;
        padding: .26rem .52rem;
        border-radius: 12px;
        font-size: .88rem;
        line-height: 1.05;
        white-space: nowrap;
    }
    .product-cart-submit {
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        margin-left: auto;
        justify-content: center;
        gap: .34rem;
    }
    .cart-product-actions > .btn-secondary {
        flex: 0 0 100%;
        width: 100%;
    }
    .cart-product-actions--single {
        flex-wrap: nowrap;
    }
    .cart-product-actions--single .product-cart-submit {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
    .cart-product-actions--with-buy-now {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
        gap: .42rem;
    }
    .cart-product-actions--with-buy-now .cart-product-quantity {
        grid-column: 1 / -1;
        justify-self: stretch;
    }
    .cart-product-actions--with-buy-now .product-cart-submit,
    .cart-product-actions--with-buy-now > .btn-secondary {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        padding-inline: .42rem;
        white-space: normal;
        overflow-wrap: anywhere;
        text-align: center;
    }
    .cart-product-actions--with-buy-now > .btn-secondary {
        flex: initial;
        grid-column: 1 / -1;
    }
    .product-cart-remove-link {
        min-height: 24px;
        padding: .18rem .48rem;
        font-size: .78rem;
    }
    .is-watch-show .related-models-grid > *:nth-child(n+4) {
        display: block;
    }
    body.header-hide-on-scroll-on.header-scroll-hidden .site-header {
        transform: none;
    }
    .is-watches-index .watch-image-wrap {
        aspect-ratio: 1 / 1;
    }
    .watch-price-old {
        display: grid;
        gap: .04rem;
        line-height: 1.25;
    }
    .watch-price-old s {
        width: fit-content;
        white-space: nowrap;
    }
    .is-watch-show .related-models-header {
        margin: .45rem 0 .3rem;
    }
    .is-watch-show .related-models-header h2 {
        font-size: 1.08rem;
        line-height: 1.15;
        margin: 0;
    }
    .is-watch-show .related-models-grid {
        display: flex;
        gap: .5rem;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: .3rem;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 0;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .is-watch-show .related-models-grid::-webkit-scrollbar {
        display: none;
    }
    .is-watch-show .related-models-grid > * {
        flex: 0 0 calc((100% - .5rem) / 2);
        min-width: 0;
        scroll-snap-align: start;
        scroll-snap-stop: normal;
    }
    .is-watch-show .related-models-grid .watch-content {
        padding: .54rem .58rem .6rem;
    }
    .is-watch-show .related-models-grid .watch-brand {
        font-size: .76rem;
        line-height: 1.2;
        margin: 0;
    }
    .is-watch-show .related-models-grid .watch-content h3,
    .is-watch-show .related-models-grid .watch-desc {
        display: none;
    }
    .is-watch-show .related-models-grid .watch-price {
        margin: .18rem 0 0;
        font-size: .96rem;
        line-height: 1.15;
    }

    .admin-users-header {
        gap: .28rem;
    }
    .admin-users-header .hero-actions {
        margin-top: 0;
    }
    .site-header {
        position: static;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .site-header:has(.user-settings-menu[open]),
    .site-header:has(.admin-mobile-menu[open]),
    .site-header:has(.mobile-header-menu[open]),
    .site-header:has(.mobile-account-menu[open]),
    .site-header:has(.mobile-header-search[open]) {
        position: relative;
        z-index: 2147482999;
        border-bottom-color: transparent;
    }
    .nav-link-messages { display: none !important; }
    .nav-row {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: .55rem 0 .08rem;
    }
    .nav-links-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .12rem .17rem;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-top: 0;
        padding: .01rem .5rem 0;
        border-top: 1px solid color-mix(in srgb, var(--header-bg) 86%, white 14%);
        background: color-mix(in srgb, var(--header-bg) 96%, white 4%);
        border-radius: 0;
    }
    .nav-top {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: .16rem .35rem;
        justify-content: initial;
        position: relative;
        padding-right: 2.2rem;
        padding-bottom: 2px;
    }
    .nav-actions {
        flex-wrap: nowrap;
        justify-content: flex-end;
        position: relative;
        gap: .38rem;
        margin-left: 0;
        min-width: 0;
        width: auto;
        grid-column: 2;
        grid-row: 1;
        align-self: center;
    }
    .nav-actions-mobile {
        display: inline-flex;
    }
    .nav-actions-mobile .cart-header-link {
        order: 1;
        width: 28px;
        height: 28px;
        min-width: 28px;
        min-height: 28px;
        padding: 0;
        justify-content: center;
        gap: 0;
    }
    .nav-actions-mobile .cart-header-link > span:not(.nav-link-icon):not(.nav-unread-badge) {
        display: none;
    }
    .nav-actions-mobile .cart-header-link .nav-link-icon {
        margin-right: 0;
    }
    .nav-actions-mobile .cart-header-link .nav-link-icon svg {
        width: 1.25rem;
        height: 1.25rem;
    }
    .nav-actions-mobile .admin-mail-btn {
        order: 2;
    }
    .nav-actions-mobile .user-settings-menu {
        order: 3;
    }
    .nav-actions-mobile .admin-mobile-menu {
        order: 4;
    }
    .nav-actions-mobile .mobile-header-menu {
        order: 5;
    }
    html[data-theme="light"] .nav-links-row {
        border-top: 1px solid color-mix(in srgb, var(--header-bg) 82%, black 18%);
    }
    .nav-actions-desktop {
        display: none;
    }
    .nav-actions > * {
        flex: 0 0 auto;
    }
    .nav-top-actions-mobile {
        position: absolute;
        top: calc(env(safe-area-inset-top) + .2rem);
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .3rem;
        z-index: 5003;
    }
    .mobile-theme-toggle-corner {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.05rem;
        height: 30px;
        padding: 0 .42rem;
        font-size: .94rem;
        line-height: 1;
        flex: 0 0 auto;
    }
    .nav-actions-mobile .theme-toggle {
        display: none;
    }
    .nav-actions-mobile .mobile-guest-auth {
        display: inline-flex;
        align-items: center;
        gap: .2rem;
        min-width: 0;
    }
    .nav-actions-mobile .mobile-guest-auth > a,
    .nav-actions-mobile .mobile-guest-auth > .btn.btn-sm {
        white-space: nowrap;
        gap: .14rem;
    }
    .nav-actions-mobile .mobile-guest-auth-link {
        padding: .065rem .28rem;
        font-size: .92rem;
        line-height: 1;
    }
    .nav-actions-mobile .mobile-guest-auth > .btn.btn-sm {
        padding: .12rem .28rem;
    }
    .brand {
        width: 100%;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        column-gap: .65rem;
        row-gap: .08rem;
        padding-bottom: .08rem;
        flex: 0 0 auto;
        min-width: 0;
        grid-column: 1 / -1;
    }
    .brand.brand-has-banner {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }
    .brand-mark {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
    }
    .brand.brand-has-banner .brand-banner-wrap {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
    }
    .brand.brand-has-banner.brand-name-position-above-media .brand-banner-wrap {
        grid-row: 2;
    }
    .mobile-offer-link {
        --mobile-offer-font-size: .92rem;
        --mobile-offer-min-height: 1.35rem;
        --mobile-offer-padding-y: .065rem;
        --mobile-offer-padding-x: .28rem;
        --mobile-offer-icon-size: .92rem;
        display: inline-flex;
        align-items: center;
        gap: .2rem;
        align-self: center;
        width: fit-content;
        margin-top: 0;
        margin-left: var(--mobile-brand-indent, 0px);
        min-height: var(--mobile-offer-min-height);
        padding: var(--mobile-offer-padding-y) var(--mobile-offer-padding-x);
        font-size: var(--mobile-offer-font-size);
        line-height: 1.08;
        grid-column: 1;
        grid-row: 1;
    }
    .mobile-offer-menu {
        position: relative;
        display: inline-flex;
        align-self: center;
        grid-column: 1;
        grid-row: 1;
        width: fit-content;
        margin-left: var(--mobile-brand-indent, 0px);
        z-index: 120;
    }
    .mobile-offer-menu > summary {
        list-style: none;
    }
    .mobile-offer-menu > summary::-webkit-details-marker {
        display: none;
    }
    .mobile-offer-menu .mobile-offer-link {
        margin-left: 0;
        cursor: pointer;
    }
    .mobile-offer-menu-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--mobile-offer-icon-size);
        height: var(--mobile-offer-icon-size);
        flex: 0 0 auto;
    }
    .mobile-offer-menu-icon svg {
        width: 100%;
        height: 100%;
        stroke: currentColor;
    }
    .mobile-offer-menu-caret {
        font-size: .7em;
        line-height: 1;
        transform: translateY(.02em);
    }
    .mobile-offer-menu[open] .mobile-offer-menu-caret {
        transform: translateY(.02em) rotate(180deg);
    }
    .mobile-offer-menu-panel {
        position: absolute;
        top: calc(100% + .28rem);
        left: 0;
        min-width: min(18rem, calc(100vw - 1.4rem));
        max-width: calc(100vw - 1.4rem);
        max-height: min(72vh, 28rem);
        overflow-y: auto;
        padding: .38rem;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: color-mix(in srgb, var(--panel) 97%, var(--bg) 3%);
        box-shadow: 0 18px 36px color-mix(in srgb, var(--bg) 70%, transparent);
        display: grid;
        gap: .12rem;
        z-index: 2147483000;
    }
    .mobile-offer-menu-link,
    .mobile-offer-submenu-link {
        display: flex;
        align-items: center;
        min-height: 2.25rem;
        border-radius: 10px;
        color: var(--text);
        text-decoration: none;
        font-weight: 850;
        line-height: 1.16;
    }
    .mobile-offer-menu-link {
        padding: .48rem .58rem;
    }
    .mobile-offer-menu-size-xs .mobile-offer-link,
    .mobile-offer-menu-size-xs .mobile-offer-menu-link,
    .mobile-offer-menu-size-xs .mobile-offer-submenu-link {
        font-size: .82rem;
    }
    .mobile-offer-menu-size-xs .mobile-offer-link {
        --mobile-offer-font-size: .82rem;
        --mobile-offer-min-height: 1.32rem;
        --mobile-offer-padding-y: .055rem;
        --mobile-offer-padding-x: .28rem;
        --mobile-offer-icon-size: .9rem;
    }
    .mobile-offer-menu-size-sm .mobile-offer-link,
    .mobile-offer-menu-size-sm .mobile-offer-menu-link,
    .mobile-offer-menu-size-sm .mobile-offer-submenu-link {
        font-size: .94rem;
    }
    .mobile-offer-menu-size-sm .mobile-offer-link {
        --mobile-offer-font-size: .94rem;
        --mobile-offer-min-height: 1.45rem;
        --mobile-offer-padding-y: .065rem;
        --mobile-offer-padding-x: .3rem;
        --mobile-offer-icon-size: 1rem;
    }
    .mobile-offer-menu-size-md .mobile-offer-link,
    .mobile-offer-menu-size-md .mobile-offer-menu-link,
    .mobile-offer-menu-size-md .mobile-offer-submenu-link {
        font-size: 1.06rem;
    }
    .mobile-offer-menu-size-md .mobile-offer-link {
        --mobile-offer-font-size: 1.06rem;
        --mobile-offer-min-height: 1.58rem;
        --mobile-offer-padding-y: .075rem;
        --mobile-offer-padding-x: .34rem;
        --mobile-offer-icon-size: 1.12rem;
    }
    .mobile-offer-menu-size-lg .mobile-offer-link,
    .mobile-offer-menu-size-lg .mobile-offer-menu-link,
    .mobile-offer-menu-size-lg .mobile-offer-submenu-link {
        font-size: 1rem;
    }
    .mobile-offer-menu-size-lg .mobile-offer-link {
        --mobile-offer-font-size: 1rem;
        --mobile-offer-min-height: 1.76rem;
        --mobile-offer-padding-y: .085rem;
        --mobile-offer-padding-x: .38rem;
        --mobile-offer-icon-size: 1.26rem;
    }
    .mobile-offer-menu-size-xl .mobile-offer-link,
    .mobile-offer-menu-size-xl .mobile-offer-menu-link,
    .mobile-offer-menu-size-xl .mobile-offer-submenu-link {
        font-size: 1.35rem;
    }
    .mobile-offer-menu-size-xl .mobile-offer-link {
        --mobile-offer-font-size: 1.35rem;
        --mobile-offer-min-height: 1.95rem;
        --mobile-offer-padding-y: .095rem;
        --mobile-offer-padding-x: .42rem;
        --mobile-offer-icon-size: 1.4rem;
    }
    .mobile-offer-menu-size-xxl .mobile-offer-link,
    .mobile-offer-menu-size-xxl .mobile-offer-menu-link,
    .mobile-offer-menu-size-xxl .mobile-offer-submenu-link {
        font-size: 1.52rem;
    }
    .mobile-offer-menu-size-xxl .mobile-offer-link {
        --mobile-offer-font-size: 1.52rem;
        --mobile-offer-min-height: 2.16rem;
        --mobile-offer-padding-y: .105rem;
        --mobile-offer-padding-x: .46rem;
        --mobile-offer-icon-size: 1.56rem;
    }
    .mobile-offer-menu-all {
        color: var(--gold-2);
    }
    .mobile-offer-menu-group {
        display: grid;
        gap: .06rem;
    }
    .mobile-offer-menu-group > summary {
        list-style: none;
    }
    .mobile-offer-menu-group > summary::-webkit-details-marker {
        display: none;
    }
    .mobile-offer-menu-group-summary {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: .18rem;
        border-radius: 10px;
        cursor: pointer;
        width: fit-content;
        max-width: 100%;
    }
    .mobile-offer-menu-group-summary:hover {
        background: var(--panel-2);
    }
    .mobile-offer-menu-group-summary .mobile-offer-menu-link:hover {
        background: transparent;
    }
    .mobile-offer-menu-group-caret {
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0;
        border-radius: 999px;
        color: var(--muted);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: 900;
        line-height: 1;
    }
    .mobile-offer-menu-group[open] > .mobile-offer-menu-group-summary .mobile-offer-menu-group-caret {
        transform: rotate(180deg);
    }
    .mobile-offer-menu-link:hover,
    .mobile-offer-submenu-link:hover {
        background: var(--panel-2);
    }
    .mobile-offer-submenu {
        display: grid;
        gap: .06rem;
        margin: .02rem 0 .16rem .45rem;
        padding-left: .5rem;
        border-left: 1px solid var(--line);
    }
    .mobile-offer-submenu-link {
        padding: .4rem .5rem;
        color: var(--muted);
        font-size: .92em;
    }
    body.guest-mobile-offer-wrapped .nav-links-row {
        align-items: start;
    }
    body.guest-mobile-offer-wrapped .mobile-offer-link {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
        margin-left: 0;
        margin-top: .04rem;
    }
    body.guest-mobile-offer-wrapped .mobile-offer-menu {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
        margin-left: 0;
        margin-top: .04rem;
    }
    .brand-labels {
        grid-column: 2;
        grid-row: 1;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        flex-wrap: wrap;
        justify-content: center;
        gap: .08rem .42rem;
        min-width: 0;
        max-width: none;
        width: 100%;
        line-height: 1.1;
    }
    .brand-labels-subtitle-below {
        align-items: flex-start;
        flex-direction: column;
        gap: .08rem;
    }
    .brand.brand-name-position-below-media {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        row-gap: .12rem;
    }
    .brand.brand-name-position-above-media {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        row-gap: .12rem;
    }
    .brand.brand-name-position-below-media .brand-mark {
        grid-column: 1;
        grid-row: 1;
    }
    .brand.brand-name-position-above-media .brand-mark {
        grid-column: 1;
        grid-row: 2;
    }
    .brand.brand-name-position-above-media .brand-labels {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
    }
    .brand.brand-name-position-below-media .brand-labels {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
    }
    .brand.brand-name-position-inline-top .brand-labels {
        align-self: start;
    }
    .brand.brand-name-position-inline-bottom .brand-labels {
        align-self: end;
    }
    .brand-banner-wrap {
        --header-banner-active-radius: var(--header-banner-radius-mobile, var(--header-banner-radius, 0));
        width: min(var(--header-banner-width-mobile, 252px), calc(100vw - 8.2rem));
        max-width: 100%;
        height: var(--header-banner-height-mobile, 50px);
        border-radius: var(--header-banner-radius-mobile, var(--header-banner-radius, 0));
    }
    .brand-banner-wrap-has-mobile .brand-banner-desktop {
        display: none;
    }
    .brand-banner-wrap-has-mobile .brand-banner-mobile {
        display: block;
        border-radius: var(--header-banner-radius-mobile, var(--header-banner-radius, 0));
    }
    .brand-name {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .nav-top .brand .brand-subtitle {
        display: block !important;
        width: 100%;
        max-width: 100% !important;
        white-space: normal !important;
        text-overflow: clip;
        line-height: 1.14;
        overflow-wrap: anywhere;
        overflow: visible;
    }
    .nav-top .brand .brand-labels-subtitle-after .brand-subtitle {
        display: block !important;
        width: 100%;
        max-width: 100% !important;
        white-space: normal !important;
        line-height: 1.1;
        overflow-wrap: anywhere;
    }
    .brand-name-sm { font-size: .86rem; }
    .brand-name-md { font-size: 1rem; }
    .brand-name-lg { font-size: 1.14rem; }
    .brand-name-xl { font-size: 1.25rem; }
    .brand-name-xxl { font-size: 1.38rem; }
    .brand-name-xxxl { font-size: 1.5rem; }
    .nav-links {
        width: 100%;
        display: none;
        justify-content: flex-start;
        column-gap: .16rem;
        row-gap: .06rem;
        flex-wrap: wrap;
    }
    .site-header .nav-links > a {
        gap: .14rem;
        min-height: 21px;
    }
    .site-header .nav-links > .btn.btn-sm {
        padding: .12rem .28rem;
        line-height: 1.02;
    }
    .nav-links > a {
        padding: .065rem .28rem;
        font-size: .92rem;
        line-height: 1;
    }
    body.header-nav-mobile-size-sm .nav-links > a {
        font-size: .92rem;
        padding: .065rem .28rem;
        min-height: 21px;
    }
    body.header-nav-mobile-size-sm .nav-links > .btn.btn-sm {
        font-size: .82rem;
        padding: .11rem .28rem;
    }
    body.header-nav-mobile-size-sm .mobile-offer-link {
        font-size: .92rem;
        padding: .08rem .28rem;
    }
    body.header-nav-mobile-size-sm .nav-actions-mobile .mobile-guest-auth-link {
        font-size: .92rem;
        padding: .08rem .28rem;
        min-height: 22px;
    }
    body.header-nav-mobile-size-sm .nav-actions-mobile .mobile-guest-auth > .btn.btn-sm {
        font-size: .82rem;
        padding: .11rem .28rem;
    }
    body.header-nav-mobile-size-md .nav-links > a {
        font-size: .95rem;
        padding: .08rem .29rem;
        min-height: 22px;
    }
    body.header-nav-mobile-size-md .nav-links > .btn.btn-sm {
        font-size: .85rem;
        padding: .11rem .29rem;
    }
    body.header-nav-mobile-size-md .mobile-offer-link {
        font-size: .95rem;
        padding: .08rem .29rem;
    }
    body.header-nav-mobile-size-md .nav-actions-mobile .mobile-guest-auth-link {
        font-size: .95rem;
        padding: .08rem .29rem;
        min-height: 22px;
    }
    body.header-nav-mobile-size-md .nav-actions-mobile .mobile-guest-auth > .btn.btn-sm {
        font-size: .85rem;
        padding: .11rem .29rem;
    }
    body.header-nav-mobile-size-lg .nav-links > a {
        font-size: 1rem;
        padding: .09rem .31rem;
        min-height: 23px;
    }
    body.header-nav-mobile-size-lg .nav-links > .btn.btn-sm {
        font-size: .88rem;
        padding: .115rem .31rem;
    }
    body.header-nav-mobile-size-lg .mobile-offer-link {
        font-size: 1rem;
        padding: .09rem .31rem;
    }
    body.header-nav-mobile-size-lg .nav-actions-mobile .mobile-guest-auth-link {
        font-size: 1rem;
        padding: .09rem .31rem;
        min-height: 23px;
    }
    body.header-nav-mobile-size-lg .nav-actions-mobile .mobile-guest-auth > .btn.btn-sm {
        font-size: .88rem;
        padding: .115rem .31rem;
    }
    .mobile-offer-menu .mobile-offer-link {
        min-height: var(--mobile-offer-min-height);
        padding: var(--mobile-offer-padding-y) var(--mobile-offer-padding-x);
        font-size: var(--mobile-offer-font-size);
        line-height: 1.08;
    }
    .nav-link-about-desktop {
        display: none !important;
    }
    .nav-actions .admin-mobile-menu {
        display: block;
        width: auto;
        flex: 0 0 auto;
        margin-left: 0;
        z-index: 5001;
    }
    .nav-actions .mobile-header-menu {
        display: block;
        width: auto;
        flex: 0 0 auto;
        z-index: 5001;
    }
    .nav-actions > a.icon-btn-circle,
    .nav-actions > button.icon-btn-circle,
    .nav-actions .user-settings-menu > summary.icon-btn-circle,
    .nav-actions .admin-mobile-menu > summary.icon-btn-circle,
    .nav-actions .mobile-header-menu > summary.icon-btn-circle {
        width: 29px;
        height: 29px;
        min-width: 29px;
        min-height: 29px;
        padding: 0;
    }
    .nav-actions > a.admin-mail-btn.icon-btn-circle {
        width: 29px;
        height: 29px;
        min-width: 29px;
        min-height: 29px;
        padding: 0;
    }
    .nav-actions > a.admin-mail-btn .icon-mail {
        width: 23px;
        height: 23px;
    }
    .nav-actions .mobile-header-menu summary {
        min-width: 26px;
        min-height: 26px;
        padding: 0;
    }
    .nav-actions .admin-mobile-menu summary {
        min-width: 26px;
        min-height: 26px;
        padding: 0;
    }
    .nav-actions .user-settings-menu {
        position: relative;
        z-index: 5002;
    }
    .nav-actions .user-settings-menu[open] {
        z-index: 5002;
    }
    .nav-actions .user-settings-menu-panel {
        position: absolute;
        top: calc(100% + .45rem);
        right: 0;
        left: auto;
        width: max-content;
        min-width: min(188px, calc(100vw - 1.1rem));
        max-width: calc(100vw - 1.1rem);
        max-height: min(62vh, calc(100dvh - 7rem));
        overflow-y: auto;
        z-index: 2147483000;
    }
    .admin-mobile-menu-panel {
        position: fixed;
        inset: calc(env(safe-area-inset-top) + var(--site-header-height, 5.9rem) + .35rem) 0 0 0;
        padding: .55rem max(.55rem, env(safe-area-inset-right)) .8rem .55rem;
        justify-content: flex-end;
        align-items: flex-start;
        background: transparent;
        pointer-events: none;
        z-index: 2147483000;
    }
    .admin-mobile-menu-sheet {
        width: max-content;
        min-width: min(188px, calc(100vw - 1.1rem));
        max-width: min(320px, calc(100vw - 1.1rem));
        max-height: calc(100dvh - var(--site-header-height, 5.9rem) - 1.15rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;
        -ms-overflow-style: none;
        position: relative;
        z-index: 1;
        background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--panel) 96%, white 4%),
            color-mix(in srgb, var(--panel-2) 93%, black 7%)
        );
        isolation: isolate;
        contain: paint;
        transform: translateZ(0);
        backdrop-filter: blur(14px) saturate(120%);
        -webkit-backdrop-filter: blur(14px) saturate(120%);
        box-shadow:
            0 22px 42px color-mix(in srgb, var(--bg) 78%, transparent),
            inset 0 1px 0 color-mix(in srgb, white 14%, transparent);
        pointer-events: auto;
        color: var(--text);
    }
    .mobile-header-menu-panel {
        position: absolute;
        inset: auto 0 auto auto;
        top: calc(100% + .24rem);
        padding: 0;
        justify-content: flex-end;
        align-items: flex-start;
        background: transparent;
        pointer-events: none;
        z-index: 2147483000;
    }
    .mobile-header-menu-sheet {
        width: max-content;
        min-width: min(220px, calc(100vw - 1.1rem));
        max-width: calc(100vw - 1.1rem);
        max-height: calc(100dvh - var(--site-header-height, 5.9rem) - .5rem);
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;
        -ms-overflow-style: none;
        pointer-events: auto;
        box-shadow:
            0 22px 42px color-mix(in srgb, var(--bg) 78%, transparent),
            inset 0 1px 0 color-mix(in srgb, white 14%, transparent);
    }
    .mobile-header-menu-sheet::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    .mobile-header-menu-sheet > a,
    .mobile-header-menu-sheet > .btn.btn-sm,
    .mobile-header-menu-sheet > form .link-btn {
        white-space: nowrap;
    }
    .admin-mobile-menu-sheet .link-btn,
    .admin-mobile-menu-section-label {
        color: inherit;
    }
    .admin-mobile-menu-sheet::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    body:has(.user-settings-menu[open]) {
        overflow: hidden;
    }
    body:has(.admin-mobile-menu[open]) {
        overflow: hidden;
    }
    body:has(.mobile-header-menu[open]) {
        overflow: hidden;
    }
    .footer-about-inline-mobile {
        display: inline-flex;
        align-items: center;
    }
    .footer-cookie-row {
        display: block;
        font-size: .78rem;
        line-height: 1.2;
        margin-top: 0;
    }
    .footer-cookie-row .footer-contact-link,
    .footer-cookie-row .footer-cookie-settings-btn {
        display: inline;
        vertical-align: baseline;
    }
    .footer-cookie-row .footer-cookie-settings-btn {
        margin-left: .45rem;
    }
    .footer-cookie-row .footer-about-inline-mobile {
        display: inline;
        margin-top: 0;
        margin-left: .45rem;
    }
    .footer-legal-row {
        display: flex;
        align-items: flex-start;
        gap: .12rem;
        flex-wrap: wrap;
    }
    .footer-cookie-row .footer-contact-link,
    .footer-cookie-row .footer-cookie-settings-btn,
    .footer-cookie-row .footer-about-inline-mobile {
        font-size: .78rem;
        line-height: 1.2;
    }
    .footer-brand-line .muted {
        font-size: .82rem;
        line-height: 1.12;
    }
    .footer-brand-line {
        row-gap: .08rem;
    }
    .footer-contact .footer-contact-link {
        font-size: 1rem;
    }
    .site-footer {
        overflow-x: clip;
    }
    .footer-row > .footer-meta-row {
        display: contents;
    }
    .footer-contact {
        order: 2;
    }
    .footer-contact {
        justify-self: stretch;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        gap: .28rem;
        flex-wrap: nowrap;
        width: 100%;
    }
    .footer-contact::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -.22rem;
        height: 1px;
        background: color-mix(in srgb, var(--line) 46%, transparent);
        pointer-events: none;
    }
    .footer-contact .eyebrow,
    .footer-contact p {
        margin: 0;
        white-space: nowrap;
    }
    .footer-legal-row {
        order: 3;
    }
    .footer-copyright {
        order: 3;
    }
    .footer-row,
    .footer-row > div,
    .footer-row p,
    .footer-contact-link {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .footer-row {
        gap: .38rem;
    }
    .footer-meta-row {
        gap: .18rem;
    }
    .footer-brand-line {
        margin-bottom: -.12rem;
    }
    .footer-contact {
        margin-top: -.14rem;
    }
    .footer-legal-row {
        order: 4;
        gap: .06rem;
    }
    .footer-copyright {
        order: 5;
        font-size: .78rem;
        line-height: 1.3;
        margin-top: .08rem;
    }
    .cookie-banner {
        display: flex;
        grid-template-columns: none;
        width: auto;
        left: max(.55rem, env(safe-area-inset-left));
        right: max(.55rem, env(safe-area-inset-right));
        bottom: max(.55rem, env(safe-area-inset-bottom));
        padding: .72rem .78rem;
        align-items: stretch;
        flex-direction: column;
        gap: .45rem;
        transform: none;
    }
    .cookie-banner-content h3 {
        font-size: 1rem;
    }
    .cookie-banner-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
        flex-wrap: nowrap;
    }
    .cookie-banner-actions .btn {
        width: 100%;
        flex: none;
        min-width: 0;
    }
    .cookie-banner-actions #cookieAcceptAll {
        order: 1;
    }
    .cookie-banner-actions #cookieReject {
        order: 2;
    }
    .cookie-banner-actions #cookieCustomize {
        order: 3;
    }
    .cookie-modal {
        padding: .6rem;
    }
    .cookie-modal-content {
        width: 100%;
        max-height: min(90vh, 760px);
        padding: .8rem;
    }
    .cookie-modal-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .cookie-modal-actions {
        width: 100%;
        justify-content: stretch;
    }
    .cookie-modal-actions .btn {
        flex: 1 1 calc(50% - .25rem);
        min-width: 0;
    }
    .filter-row--admin-conversations {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: .4rem;
    }
    .filter-row--admin-conversations select {
        width: 100%;
        max-width: none;
    }
    .filter-row--admin-conversations > :nth-child(3),
    .filter-row--admin-conversations > :nth-child(3) {
        grid-column: 1 / -1;
    }
    .filter-row--admin-conversations > :nth-child(4),
    .filter-row--admin-conversations > :nth-child(5) {
        width: 100%;
    }
    .filter-row--admin-users {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: .45rem;
    }
    .filter-row--admin-users > :first-child {
        grid-column: 1 / -1;
    }
    .filter-row--admin-users > :nth-child(2),
    .filter-row--admin-users > :nth-child(3),
    .filter-row--admin-users > :nth-child(4),
    .filter-row--admin-users > :nth-child(5),
    .filter-row--admin-users > :nth-child(6) {
        width: 100%;
        min-width: 0;
    }
    .filter-row--account-conversations {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: .4rem;
    }
    .filter-row--account-conversations > :first-child {
        min-width: 0;
    }
    .filter-row--account-conversations > :nth-child(2) {
        width: auto;
        min-width: 0;
        justify-content: center;
        padding: .18rem .62rem;
        min-height: 34px;
        line-height: 1;
    }
    .filter-row--admin-orders {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .38rem;
        flex-wrap: nowrap;
        overflow-x: visible;
        padding: 0;
        margin-bottom: .42rem;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    .filter-row--admin-orders:not(.is-search-open):not(.is-filters-open) {
        display: none;
    }
    .admin-orders-mobile-controls {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: .38rem;
        margin: .18rem 0 .42rem;
    }
    .admin-orders-mobile-toggle {
        min-height: 36px;
        padding: .32rem .58rem;
        justify-content: center;
    }
    .admin-orders-mobile-search-toggle {
        width: 38px;
        min-width: 38px;
        padding: 0;
    }
    .admin-orders-mobile-search-toggle svg {
        width: 18px;
        height: 18px;
    }
    .filter-row--admin-orders .admin-orders-search-panel,
    .filter-row--admin-orders .admin-orders-filters-panel {
        display: none;
    }
    .filter-row--admin-orders.is-search-open .admin-orders-search-panel,
    .filter-row--admin-orders.is-filters-open .admin-orders-filters-panel {
        display: grid;
        gap: .38rem;
        padding: .55rem;
        border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
        border-radius: 16px;
        background: color-mix(in srgb, var(--panel) 96%, var(--bg) 4%);
        box-shadow: 0 10px 24px color-mix(in srgb, var(--bg) 54%, transparent);
    }
    .filter-row--admin-orders.is-filters-open .admin-orders-filters-panel {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .filter-row--admin-orders .admin-orders-search-panel > input,
    .filter-row--admin-orders .admin-orders-filters-panel > select,
    .filter-row--admin-orders .admin-orders-filters-panel > .btn,
    .filter-row--admin-orders .admin-orders-filters-panel > .btn-secondary {
        width: 100%;
        min-width: 0;
    }
    .filter-row--admin-orders .admin-orders-search-panel > input[type="search"] {
        grid-column: 1 / -1;
        min-height: 34px;
    }
    .filter-row--admin-orders .admin-orders-filters-panel > select {
        min-height: 34px;
        padding: .32rem .5rem;
        font-size: .82rem;
    }
    .filter-row--admin-orders .admin-orders-filters-panel > .btn,
    .filter-row--admin-orders .admin-orders-filters-panel > .btn-secondary {
        min-height: 32px;
        padding: .3rem .54rem;
        justify-content: center;
        font-size: .8rem;
    }
    .orders-header {
        flex-direction: row;
        align-items: center;
        gap: .5rem;
        margin: .24rem 0 .42rem;
    }
    .orders-header > div:first-child {
        min-width: 0;
    }
    .orders-header .hero-actions {
        align-self: center;
        width: auto;
        flex: 0 0 auto;
        margin-left: auto;
        justify-content: flex-end;
    }
    .admin-orders-export-btn {
        min-height: 30px;
        padding: .28rem .52rem;
        font-size: .76rem;
        white-space: nowrap;
    }
    .admin-orders-active-filters {
        gap: .28rem;
        margin: .22rem 0 .45rem;
    }
    .admin-orders-filter-chip {
        min-height: 25px;
        padding: .14rem .42rem;
        font-size: .72rem;
    }
    .admin-orders-sale-list--mobile {
        gap: .24rem;
        min-height: 0;
        margin-top: .08rem;
        padding-top: .44rem;
        border-top: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    }
    .admin-orders-sale-list--mobile li {
        grid-template-columns: 48px minmax(0, 1fr) auto;
        gap: .46rem;
    }
    .admin-orders-sale-list--mobile .admin-orders-sale-thumb-link,
    .admin-orders-sale-list--mobile .admin-orders-sale-thumb-box,
    .admin-orders-sale-list--mobile .admin-orders-sale-thumb-placeholder {
        width: 48px;
    }
    .admin-orders-sale-list--mobile strong {
        font-size: .86rem;
    }
    .catalog-header {
        margin-top: 0;
        margin-bottom: .5rem;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: .4rem;
        width: 100%;
    }
    .catalog-header > div {
        min-width: 0;
        flex: 1 1 auto;
    }
    .catalog-header .catalog-filters-mobile-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-top: 0;
        padding: .22rem .62rem;
        min-height: 34px;
        white-space: nowrap;
    }
    .catalog-header .catalog-topbar {
        display: none;
    }
    .catalog-header h1 {
        margin: .08rem 0;
        font-size: 1.28rem !important;
        line-height: 1.08;
    }
    .catalog-main .catalog-filters-mobile {
        margin-bottom: .5rem;
    }
    .icon-btn-circle { width: 32px; height: 32px; }
    body.header-action-icons-size-xs .icon-btn-circle { width: 32px; height: 32px; }
    body.header-action-icons-size-sm .icon-btn-circle { width: 36px; height: 36px; }
    body.header-action-icons-size-md .icon-btn-circle { width: 40px; height: 40px; }
    body.header-action-icons-size-lg .icon-btn-circle { width: 44px; height: 44px; }
    body.header-action-icons-size-xs .icon-settings { width: 16px; height: 16px; }
    body.header-action-icons-size-sm .icon-settings { width: 18px; height: 18px; }
    body.header-action-icons-size-md .icon-settings { width: 20px; height: 20px; }
    body.header-action-icons-size-lg .icon-settings { width: 22px; height: 22px; }
    body.header-action-icons-size-xs .icon-mail { width: 18px; height: 18px; }
    body.header-action-icons-size-sm .icon-mail { width: 20px; height: 20px; }
    body.header-action-icons-size-md .icon-mail { width: 22px; height: 22px; }
    body.header-action-icons-size-lg .icon-mail { width: 24px; height: 24px; }
    body.header-action-icons-size-xs .icon-admin-menu { width: 20px; height: 20px; }
    body.header-action-icons-size-sm .icon-admin-menu { width: 22px; height: 22px; }
    body.header-action-icons-size-md .icon-admin-menu { width: 24px; height: 24px; }
    body.header-action-icons-size-lg .icon-admin-menu { width: 26px; height: 26px; }
    .theme-toggle { padding: .25rem .5rem; font-size: .82rem; }
    .page-shell { padding-top: .5rem; }
    .container { width: min(1180px, calc(100% - 1rem)); }
    body:not(.is-admin) .page-shell > .container {
        padding: .65rem;
        border-radius: 16px;
    }
    body.is-home:not(.home-design-premium-boutique):not(.home-design-premium-atelier) .home-banner-carousel {
        width: calc(100% + 1.3rem);
        margin-left: -.65rem;
        margin-right: -.65rem;
    }
    .panel { padding: .85rem; }
    .section-header { flex-direction: column; align-items: flex-start; }
    .home-featured-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: .45rem;
        width: 100%;
    }
    .home-featured-header h2 {
        min-width: 0;
        flex: 1 1 auto;
        white-space: nowrap;
        line-height: 1;
    }
    .home-featured-header .home-featured-all-link {
        flex: 0 0 auto;
        margin-left: auto;
        white-space: nowrap;
        font-size: .86rem;
        line-height: 1;
    }
    .home-featured-bottom-link-wrap {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        text-align: right;
        margin: 1.35rem 0 .18rem;
        padding: 0 .08rem;
    }
    .home-featured-bottom-all-link {
        display: inline-flex;
        margin-left: auto;
        gap: .45rem;
        font-size: .86rem;
        line-height: 1;
    }
    .is-home .watch-content h3 {
        font-size: 1.02rem;
        line-height: 1.2;
    }
    body.is-home .page-shell:has(.home-featured-bottom-link-wrap) {
        padding-bottom: .25rem;
    }
    body.is-home:not(.is-admin) .page-shell > .container:has(.home-featured-bottom-link-wrap) {
        padding-bottom: .18rem;
    }
    .section-header .hero-actions,
    .section-header > a.btn,
    .section-header > .btn,
    .section-header .btn-secondary {
        align-self: stretch;
    }
    .section-header .btn,
    .section-header .btn-secondary {
        padding: .5rem .75rem;
        font-size: .85rem;
    }
    .admin-users-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        flex-direction: row;
        align-items: flex-start;
        gap: .45rem;
    }
    .admin-users-header > div:first-child {
        flex: 1 1 auto;
        min-width: 0;
    }
    .admin-users-header .hero-actions {
        align-self: flex-start;
        flex: 0 0 auto;
        width: auto;
        margin-top: .08rem;
    }
    .admin-users-header .hero-actions .btn,
    .admin-users-header .hero-actions .btn-secondary {
        align-self: auto;
        width: auto;
        padding: .28rem .52rem;
        min-height: 0;
        font-size: .74rem;
        line-height: 1.1;
        white-space: nowrap;
    }
    .payments-info-page .section-header,
    .shipping-info-page .section-header {
        margin: .32rem 0 .5rem;
    }
    .payments-info-page .section-header h1,
    .shipping-info-page .section-header h1 {
        font-size: 1.22rem;
        line-height: 1.12;
    }
    .payments-info-page .document-meta,
    .shipping-info-page .document-meta {
        margin-top: .18rem;
        font-size: .78rem;
    }
    .checkout-thank-you {
        width: 100%;
        padding: .82rem;
    }
    .checkout-thank-you h1 {
        font-size: 1.55rem;
    }
    .checkout-thank-you h2 {
        font-size: 1.08rem;
    }
    .checkout-success-icon {
        width: 52px;
        height: 52px;
        border-radius: 15px;
    }
    .checkout-success-icon svg {
        width: 33px;
        height: 33px;
    }
    .checkout-thank-you-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: .36rem;
        margin-top: .15rem;
    }
    .checkout-thank-you-actions form {
        width: 100%;
    }
    .checkout-thank-you-actions .checkout-thank-you-btn {
        width: 100%;
        min-height: 32px;
        padding: .34rem .62rem;
    }
    .admin-conversations-archive-btn {
        align-self: flex-end !important;
        width: auto !important;
        min-width: 0;
        padding: .28rem .56rem !important;
        min-height: 29px;
        font-size: .73rem !important;
    }
    .admin-conversations-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: .6rem;
    }
    .admin-conversations-header > div {
        flex: 1 1 auto;
        min-width: 0;
    }
    .admin-conversations-header h1 {
        margin: 0;
        white-space: nowrap;
    }
    .admin-order-show-header .hero-actions.admin-order-header-actions {
        align-self: flex-end;
        width: auto;
        margin-top: .35rem;
        justify-content: flex-end;
    }
    .admin-order-show-header .admin-order-header-actions .btn,
    .admin-order-show-header .admin-order-header-actions .btn-secondary {
        align-self: auto;
    }
    .admin-watches-create-btn {
        align-self: flex-end !important;
        width: auto;
        min-width: 0;
        padding: .28rem .64rem !important;
        min-height: 31px;
        font-size: .82rem !important;
    }
    .admin-watches-search-toggle {
        display: inline-flex;
        align-self: flex-end !important;
        width: 31px;
        min-width: 31px;
        height: 31px;
        min-height: 31px;
        padding: 0 !important;
    }
    .admin-watches-search-toggle svg {
        width: 17px;
        height: 17px;
    }
    .admin-watches-back-btn {
        align-self: flex-end !important;
        width: 31px;
        min-width: 31px;
        height: 31px;
        min-height: 31px;
        padding: 0 !important;
    }
    .admin-watches-header {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: space-between;
        gap: .5rem;
        width: 100%;
        box-sizing: border-box;
        padding-inline: .65rem;
        margin-top: 0;
    }
    .admin-watches-header > div {
        min-width: 0;
    }
    .admin-watches-title {
        flex: 0 0 auto;
    }
    .admin-watches-header h1 {
        margin: 0;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        gap: .16rem;
        min-height: 31px;
        padding-bottom: .12rem;
    }
    .admin-watches-title-text {
        display: none;
    }
    .admin-watches-title-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--text);
    }
    .admin-watches-count {
        font-size: .82rem;
        line-height: 1;
    }
    .admin-watches-header .hero-actions {
        display: flex;
        flex: 1 1 auto;
        justify-content: flex-end;
        gap: .5rem;
        min-width: 0;
    }
    .admin-watches-header .hero-actions:not(:has(.admin-watches-back-btn)) .admin-watches-search-toggle {
        margin-right: auto;
    }
    .admin-watches-header .hero-actions .admin-watches-back-btn {
        order: -1;
        margin-right: auto;
    }
    .catalog-header {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
    .catalog-header > div {
        flex: 1 1 auto;
        min-width: 0;
    }
    .catalog-header > .catalog-filters-mobile-trigger {
        align-self: flex-start;
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        margin-left: .45rem;
        white-space: nowrap;
    }
.admin-conversation-header {
    position: relative;
    align-items: flex-start;
    padding-right: 5.6rem;
    margin-bottom: .42rem;
}
.admin-conversation-header-copy {
    display: grid;
    gap: .08rem;
    min-width: 0;
}
.admin-conversation-header h1 {
    margin: 0;
    line-height: 1.08;
}
.admin-conversation-header-copy > .muted {
    margin: 0;
}
    .admin-conversation-back-btn {
        position: absolute;
        top: 0;
        right: 0;
        align-self: auto !important;
        width: auto !important;
        min-width: 0;
        padding: .2rem .55rem !important;
        min-height: 30px;
        font-size: .82rem !important;
        line-height: 1;
    }
    .is-admin .section-header h1 {
        font-size: 0.98rem;
        line-height: 1.16;
    }
    .is-admin .section-header .eyebrow {
        display: none;
    }
    .is-admin .section-header .muted {
        font-size: .82rem;
    }
    .admin-settings-header h1 {
        display: none;
    }
    .admin-specs-layout {
        gap: .45rem;
    }
    .admin-specs-layout .panel {
        padding: .72rem;
        margin-bottom: .55rem;
    }
    .admin-specs-add-row {
        grid-template-columns: 1fr;
        gap: .35rem;
    }
    .admin-specs-add-actions .btn {
        height: auto;
        padding: .38rem .72rem;
    }
    .admin-specs-layout .stack {
        gap: .5rem;
    }
    .admin-specs-layout h2 {
        margin: .04rem 0 .16rem;
        font-size: 1.02rem;
        line-height: 1.18;
    }
    .admin-specs-layout p.muted {
        margin: .02rem 0 .16rem;
        font-size: 1rem;
        line-height: 1.34;
    }
    .admin-specs-layout .hero-actions {
        margin-top: .32rem;
    }
    .admin-specs-layout .btn {
        padding: .38rem .72rem;
    }
    .orders-header h1 {
        font-size: 0.92rem;
        line-height: 1.2;
        white-space: nowrap;
        max-width: 100%;
    }
    .orders-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: .32rem;
        margin-top: .18rem;
    }
    .orders-header .hero-actions {
        align-self: flex-start;
        width: auto;
        margin: 0;
        justify-content: flex-end;
    }
    .orders-header .admin-orders-export-btn {
        align-self: auto;
        width: auto;
    }
    .account-messages-page .section-header > div {
        display: flex;
        align-items: baseline;
        gap: .38rem;
        flex-wrap: nowrap;
        min-width: 0;
    }
    .account-messages-page .section-header .eyebrow {
        flex: 0 0 auto;
        margin: 0;
    }
    .account-messages-page .section-header h1 {
        margin: 0;
        font-size: 1.02rem;
        line-height: 1.12;
        white-space: nowrap;
    }
    .account-orders-index-header {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: .45rem;
    }
    .account-orders-index-header > div:first-child {
        min-width: 0;
    }
    .account-orders-header h1 {
        font-size: 1rem;
        line-height: 1.2;
        white-space: nowrap;
    }
    .account-orders-index-header .account-orders-header-actions {
        flex: 0 1 auto;
        width: auto;
        justify-content: flex-end;
        margin-left: auto;
    }
    .account-orders-search-toggle-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
        border-radius: 999px;
        background: color-mix(in srgb, var(--panel) 86%, black 14%);
        color: var(--text);
        cursor: pointer;
    }
    .account-orders-search-toggle:checked + .account-orders-search-toggle-btn,
    .account-orders-search-toggle-btn:hover {
        border-color: color-mix(in srgb, var(--gold) 62%, var(--line) 38%);
        color: var(--gold);
    }
    .account-orders-index-header .account-orders-search-form {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        max-width: none;
        min-width: 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-4px);
        transition: max-height .2s ease, opacity .18s ease, transform .18s ease;
    }
    .account-orders-search-toggle:checked + .account-orders-search-toggle-btn + .account-orders-search-form {
        max-height: 44px;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }
    .account-orders-index-header .account-orders-search-control {
        min-height: 28px;
    }
    .account-orders-kind-filter {
        display: none;
    }
    .account-orders-index-header .account-orders-sort-form {
        width: auto;
        justify-content: flex-end;
        margin-left: auto;
        gap: .34rem;
    }
    .account-orders-index-header .account-orders-sort-form label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }
    .account-orders-index-header .account-orders-sort-form select {
        flex: 0 0 auto;
        width: auto;
        max-width: 168px;
        min-width: 138px;
    }
    .account-admin-email-title {
        font-size: 1rem;
        line-height: 1.15;
    }
    .install-hero h1 {
        font-size: 1.28rem;
        line-height: 1.2;
    }
    .install-theme-toggle {
        top: .05rem;
        right: 0;
    }
    .hero h1 { font-size: 1.9rem; }
    .settings-layout { grid-template-columns: 1fr; }
    .settings-sidebar { position: static; order: -1; }
    .settings-nav { display: none; }
    .settings-mobile-nav { display: block; }
    .settings-layout,
    .settings-content,
    .settings-content .panel {
        max-width: 100%;
        overflow-x: clip;
    }
    .is-admin .section-header {
        margin: .55rem 0 .42rem;
    }
    .is-admin .page-shell:has(.admin-watches-header) {
        padding-top: .08rem;
    }
    .is-admin .page-shell > .container > .admin-watches-header:first-child {
        margin-top: 0;
        margin-bottom: .28rem;
    }
    .settings-content .panel.stack {
        gap: .48rem;
    }
    .settings-content h2 {
        margin: 0 0 .22rem;
    }
    .settings-content .settings-row {
        margin-top: .22rem !important;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .35rem;
    }
    .settings-content .settings-row > div {
        min-width: 0;
        max-width: 100%;
    }
    .settings-section-head,
    .seo-help-modal-head {
        align-items: stretch;
        flex-direction: column;
    }
    .seo-status-grid,
    .seo-quick-actions {
        grid-template-columns: 1fr;
    }
    .seo-quick-action {
        grid-template-columns: 1fr;
    }
    .seo-quick-action .btn {
        width: 100%;
    }
    .seo-help-modal-content {
        max-height: calc(100vh - 1.5rem);
        width: min(calc(100vw - 1rem), 760px);
    }
    .settings-content .settings-row strong {
        display: block;
        font-size: .94rem;
        line-height: 1.22;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .settings-content .settings-row .muted,
    .settings-content label {
        font-size: .84rem;
        line-height: 1.3;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .settings-site-name-control {
        grid-template-columns: minmax(0, 1fr);
        gap: .35rem;
    }
    .settings-site-name-switch {
        margin-bottom: 0;
        white-space: normal;
    }
    .settings-language-grid {
        grid-template-columns: minmax(180px, 280px);
    }
    .settings-content input,
    .settings-content select,
    .settings-content textarea {
        min-width: 0;
        max-width: 100%;
        min-height: 36px;
        padding: .42rem .62rem;
        font-size: .95rem;
        border-radius: 10px;
        line-height: 1.25;
    }
    .diagnostics-header {
        gap: .45rem;
    }
    .diagnostics-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: .45rem;
    }
    .diagnostics-actions form,
    .diagnostics-actions .btn {
        width: 100%;
    }
    .diagnostics-grid,
    .diagnostics-integrations-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: .65rem;
    }
    .diagnostics-card,
    .diagnostics-log-panel,
    .diagnostics-shipping-panel,
    .diagnostics-integration-card {
        max-width: 100%;
        overflow-x: clip;
    }
    .diagnostics-log-head {
        align-items: stretch;
        flex-direction: column;
    }
    .diagnostics-log-head .btn {
        width: 100%;
    }
    .diagnostics-log-date summary {
        grid-template-columns: minmax(0, 1fr);
        align-items: stretch;
    }
    .diagnostics-log-date-toolbar {
        padding: 0 .7rem .58rem;
    }
    .diagnostics-log-date-toolbar .btn {
        width: 100%;
    }
    .diagnostics-card .settings-row,
    .diagnostics-integration-card .settings-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: .4rem;
    }
    .diagnostics-card .settings-row .btn,
    .diagnostics-integration-actions,
    .diagnostics-integration-btn {
        width: 100%;
        justify-content: center;
    }
    .diagnostics-table-wrap {
        overflow: visible;
    }
    .diagnostics-table,
    .diagnostics-table tbody,
    .diagnostics-table tr,
    .diagnostics-table th,
    .diagnostics-table td {
        display: block;
        width: 100%;
    }
    .diagnostics-table tr {
        padding: .55rem 0;
        border-bottom: 1px solid var(--line);
    }
    .diagnostics-table th,
    .diagnostics-table td {
        border-bottom: 0;
        padding: .12rem 0;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .diagnostics-table th {
        font-size: .72rem;
    }
    .diagnostics-collapsible-summary {
        align-items: flex-start;
    }
    .diagnostics-collapsible-summary .settings-row {
        display: block;
        margin: 0 !important;
    }
    .diagnostics-collapsible-summary h3 {
        margin-bottom: .2rem;
    }
    .diagnostics-integration-card code,
    .diagnostics-shipping-panel code {
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .settings-logo-crop-tool {
        padding: .8rem;
    }
    .settings-logo-crop-stage {
        width: 100%;
    }
    .settings-content input[type="range"] {
        padding: 0;
    }
    .settings-color-inline {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: .45rem;
    }
    .settings-color-inline input[type="color"] {
        width: 48px;
        min-height: 40px;
    }
    .settings-content textarea[name="about_page_content"] {
        min-height: 170px;
    }
    .media-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .38rem;
    }
    .media-stat-card {
        padding: .42rem .52rem;
        border-radius: 11px;
    }
    .media-stat-label {
        font-size: .68rem;
        line-height: 1.2;
    }
    .media-stat-value {
        margin-top: .12rem;
        font-size: .94rem;
        line-height: 1.2;
    }
    .media-file-card {
        padding: .5rem .55rem;
    }
    .theme-default-row {
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
    }
    .settings-license-note {
        max-width: 100%;
    }
    .settings-license-versions {
        font-size: .86rem;
        line-height: 1.35;
    }

    .is-admin .admin-header-row h1 {
        font-size: 1.35rem;
    }
    .is-admin .admin-header-row .hero-actions {
        display: flex;
        gap: .32rem;
        margin-top: .45rem;
        flex-wrap: wrap;
    }
    .is-admin .admin-header-row .hero-actions .btn {
        padding: .28rem .52rem;
        min-height: 30px;
        font-size: .78rem;
        line-height: 1.05;
    }
    .is-admin .admin-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .22rem; margin-top: .1rem; }
    .is-admin .admin-stats-grid .panel { margin-bottom: 0; }
    .is-admin .admin-stat-card { min-height: 42px; padding: .28rem .45rem; border-radius: 10px; align-items: center; }
    .is-admin .admin-stat-card p.muted { font-size: .72rem; line-height: 1.2; }
    .is-admin .admin-stat-card h2 { font-size: 1.02rem; line-height: 1.1; }
    .dashboard-sales-stats-placeholder {
        flex-direction: column;
        align-items: flex-start;
        gap: .45rem;
        margin-top: .55rem;
        padding: .65rem .72rem;
    }
    .dashboard-sales-stats-placeholder h3 {
        font-size: 1rem;
    }
    .live-toolbar {
        gap: .35rem;
    }
    .live-switch-group {
        gap: .28rem;
    }
    .live-switch-group .btn,
    .live-switch-group .btn-secondary {
        padding: .32rem .52rem;
        font-size: .78rem;
    }
    .dashboard-chart-canvas {
        height: 260px !important;
    }
    .dashboard-chart-fullscreen-btn {
        display: none;
    }
    .dashboard-chart-modal-content {
        padding: .55rem;
    }
    .dashboard-chart-modal-head h3 {
        font-size: .95rem;
        line-height: 1.2;
    }
    .dashboard-chart-modal-wrap {
        height: calc(100vh - 4.5rem);
    }
    .top-watch-item { grid-template-columns: 1fr; justify-items: start; }
    .top-watch-meta { justify-items: start; }
    .dashboard-mini-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .28rem;
    }
    .dashboard-mini-kpis > div {
        padding: .24rem .42rem;
        min-height: 34px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .35rem;
    }
    .dashboard-mini-kpis p {
        margin: 0;
        font-size: .7rem;
        line-height: 1.14;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dashboard-mini-kpis strong {
        display: inline;
        margin-top: 0;
        font-size: 1rem;
        line-height: 1;
        flex: 0 0 auto;
    }
    .top-watch-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        line-height: 1.2;
        max-height: calc(2 * 1.2em);
        overflow-wrap: anywhere;
    }

    .message-list-item {
        gap: .42rem;
        padding: .58rem .62rem;
        border-radius: 12px;
    }
    .home-featured-title-sm { font-size: .88rem; line-height: 1.15; }
    .home-featured-title-md { font-size: 1rem; line-height: 1.15; }
    .home-featured-title-lg { font-size: 1.08rem; line-height: 1.15; }
    .message-thread {
        max-height: 300px;
        gap: .6rem;
    }
    .bubble {
        padding: .58rem .65rem;
        border-radius: 12px;
        max-width: 88%;
    }
    .bubble-meta {
        font-size: .74rem;
        margin-bottom: .18rem;
        line-height: 1.15;
    }
    .message-attachments {
        margin-top: .28rem;
    }
    .conversation-header {
        align-items: flex-start;
        position: relative;
        padding-right: 5.6rem;
        margin-bottom: .35rem;
    }
    .conversation-header-copy {
        min-width: 0;
    }
    .conversation-subject-title {
        font-size: clamp(1.02rem, 4.1vw, 1.28rem);
        line-height: 1.1;
        margin-bottom: .08rem;
    }
    .conversation-topic-line {
        margin: .04rem 0 0;
        font-size: 1rem;
        line-height: 1.2;
    }
    .conversation-back-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: auto !important;
        min-width: 0;
        padding: .2rem .55rem;
        min-height: 30px;
        font-size: .82rem;
        line-height: 1;
    }
    .conversation-attachments-note {
        margin-top: -.42rem;
        font-size: .72rem;
        line-height: 1.18;
    }
    .account-conversation-reply-panel h3 {
        display: none;
    }
    .conversation-reply-form textarea[name="body"] {
        height: 66px;
        min-height: 66px;
        padding: .45rem .65rem;
    }
    .conversation-reply-actions-row {
        grid-template-columns: auto minmax(0, 1fr);
        gap: .5rem;
    }
    .conversation-attachments-input {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    .conversation-attach-icon-btn {
        display: inline-flex;
    }
    .conversation-reply-actions-row .btn {
        width: 100%;
    }
    .message-attachments-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .35rem;
    }
    .message-attachment-thumb {
        height: 84px;
    }
    .account-order-item {
        grid-template-columns: 1fr;
        gap: .58rem;
        padding: .68rem;
        border-radius: 12px;
        align-items: stretch;
    }
    .account-order-layout {
        grid-template-columns: 1fr;
        gap: .58rem;
    }
    .account-order-content {
        gap: .58rem;
    }
    .account-order-summary {
        grid-template-rows: none;
        gap: .48rem;
    }
    .account-order-summary-panel {
        padding: .62rem;
    }
    .account-order-thumb-link,
    .account-order-thumb,
    .account-order-thumb-placeholder {
        width: 58px;
        border-radius: 7px;
    }
    .account-order-thumb {
        height: 58px;
    }
    .message-list-subject {
        font-size: .86rem;
    }
    .message-list-context,
    .message-list-preview,
    .message-list-date {
        font-size: .84rem;
    }
    .message-list-meta {
        gap: .22rem;
    }
    .account-conversation-item {
        grid-template-columns: 1fr;
        align-items: start;
    }
    .account-conversation-item.has-offer-thumb {
        grid-template-columns: auto minmax(0, 1fr);
        gap: .58rem;
        align-items: start;
    }
    .account-conversation-item.has-offer-thumb .account-conversation-thumb {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 52px;
        align-self: start;
    }
    .account-conversation-item.has-offer-thumb .message-list-main,
    .account-conversation-item.has-offer-thumb .message-list-meta {
        grid-column: 2;
    }
    .account-conversation-item .message-list-subject {
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        max-height: calc(2 * 1.22em);
        overflow: hidden;
    }
    .account-conversation-item .message-list-meta {
        width: 100%;
        justify-self: stretch;
        justify-items: end;
    }
    .account-order-title {
        font-size: 1rem;
    }
    .account-order-number,
    .account-order-price,
    .account-order-line-quantity,
    .account-order-notes,
    .account-order-date {
        font-size: .84rem;
    }
    .account-order-main {
        align-self: start;
        gap: .2rem;
        padding-top: .02rem;
    }
    .account-order-number {
        white-space: normal;
        display: grid;
        gap: .05rem;
        -webkit-line-clamp: unset;
        line-clamp: unset;
        overflow: visible;
        text-overflow: clip;
    }
    .account-order-number-separator {
        display: none;
    }
    .account-order-code {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .account-order-heading-number {
        display: grid;
        gap: .04rem;
        align-items: start;
        justify-items: start;
    }
    .account-order-heading-kind {
        display: block;
    }
    .account-order-heading-code {
        max-width: 100%;
    }
    .account-order-card-head,
    .account-order-footer {
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        gap: .5rem;
    }
    .account-order-shipment-card {
        width: 100%;
        min-width: 0;
        margin-left: 0;
    }
    .account-order-headline {
        gap: .48rem;
    }
    .account-order-delivery-icon {
        width: 32px;
        height: 32px;
        border-radius: 9px;
    }
    .account-order-product-row {
        grid-template-columns: 58px minmax(0, 1fr) auto;
        gap: .56rem;
        padding: .54rem 0;
    }
    .account-order-meta {
        display: flex;
        flex-wrap: wrap;
        text-align: left;
        align-items: center;
        gap: .24rem .38rem;
        min-width: 0;
        width: 100%;
        margin-top: .1rem;
    }
    .account-order-meta .status-badge {
        justify-self: start;
        text-align: left;
        white-space: nowrap;
    }
    .account-order-link-btn {
        justify-self: end;
        margin-left: 0;
        min-width: 118px;
    }
    .account-order-footer .account-order-link-btn {
        justify-self: stretch;
        width: 100%;
    }
    .account-order-footer-actions {
        width: 100%;
        min-width: 0;
    }
    .account-order-total {
        width: 100%;
        justify-content: space-between;
    }
    .account-order-show-actions {
        width: 100%;
        justify-content: flex-start;
        gap: .36rem;
    }
    .account-order-show-actions-main {
        justify-content: flex-start;
        gap: .36rem;
    }
    .account-order-show-actions .account-order-show-action-btn {
        min-height: 32px;
        padding: .34rem .68rem;
        white-space: normal;
        line-height: 1.12;
    }
    .account-order-summary-panel table th,
    .account-order-summary-panel table td {
        padding-top: .34rem;
        padding-bottom: .34rem;
        line-height: 1.22;
    }
    .account-bank-transfer-copy-label th {
        padding-bottom: .1rem;
    }
    .account-bank-transfer-copy-value td {
        padding-top: .06rem;
    }
    .account-bank-transfer-instructions {
        font-size: .78rem;
        line-height: 1.24;
    }
    .account-order-payment-note {
        font-size: .78rem;
        line-height: 1.24;
    }
    .account-order-line {
        grid-template-columns: 1fr;
        gap: .24rem;
        padding: .36rem 0;
    }
    .account-order-line--product {
        grid-template-columns: 54px minmax(0, 1fr);
        align-items: start;
        column-gap: .46rem;
    }
    .account-order-line-thumb-link,
    .account-order-line-thumb-placeholder {
        width: 54px;
        border-radius: 7px;
    }
    .account-order-line--product .align-right {
        grid-column: 2;
    }
    .account-order-line .align-right {
        text-align: left;
        justify-items: start;
    }
    .inpost-geowidget-panel {
        padding: .58rem;
    }
    .inpost-geowidget-panel .settings-row {
        align-items: flex-start;
        gap: .45rem;
    }
    .account-delivery-map-row {
        grid-template-columns: minmax(0, 1fr);
    }
    .account-delivery-map-row .map-toggle-btn {
        justify-self: end;
    }
    .install-status-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .admin-conversation-item {
        padding: .56rem .6rem;
    }
    .admin-conversation-meta-row {
        gap: .28rem;
    }
    .admin-conversation-read-status {
        font-size: .66rem;
    }
    .admin-conversation-contact-presence {
        font-size: .63rem;
    }
    .admin-conversation-badges {
        gap: .25rem;
    }
    .admin-conversation-delete-btn {
        font-size: .78rem;
    }
    .admin-conversation-bottom {
        margin-top: .22rem;
        gap: .28rem;
    }
    .admin-conversation-menu summary {
        width: 26px;
        height: 26px;
    }
.admin-conversation-menu {
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 560px) {
    html,
    body,
    body.is-admin {
        overflow-x: hidden;
    }
    .container {
        width: min(100%, calc(100% - .75rem));
    }
    .is-admin .page-shell {
        padding-top: .42rem;
        padding-bottom: 1.2rem;
    }
    .settings-home-texts-admin {
        gap: .72rem;
    }
    .settings-home-texts-hero,
    .settings-localized-home-texts,
    .settings-home-toggle-card,
    .settings-home-featured-card,
    .settings-localized-home-card {
        padding: .68rem;
    }
    .settings-home-toggle-card {
        grid-template-columns: minmax(0, 1fr);
        justify-items: start;
    }
    .settings-home-toggle-card .switch {
        justify-self: end;
    }
    .settings-localized-home-card-head {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: .42rem;
    }
    .filter-row--admin-users {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .32rem;
        padding: .48rem;
    }
    .filter-row--admin-users .admin-users-filter-search,
    .filter-row--admin-users .admin-users-filter-sort {
        grid-column: 1 / -1;
    }
    .filter-row--admin-users .admin-users-filter-search,
    .filter-row--admin-users .admin-users-filter-segment,
    .filter-row--admin-users .admin-users-filter-customer-type,
    .filter-row--admin-users .admin-users-filter-sort {
        min-height: 34px;
        padding-top: .28rem;
        padding-bottom: .28rem;
        font-size: .8rem;
    }
    .is-admin .filter-row--admin-users .admin-users-filter-submit,
    .is-admin .filter-row--admin-users .admin-users-filter-reset {
        width: auto;
        min-width: 0;
        min-height: 31px;
        padding: .24rem .68rem;
        justify-self: start;
        font-size: .78rem;
        line-height: 1;
    }
    .is-admin .filter-row--admin-users .admin-users-filter-reset {
        justify-self: end;
    }
    .admin-users-mobile-contact {
        align-items: flex-start;
        flex-direction: column;
        gap: .08rem;
    }
    .admin-users-mobile-stats {
        gap: .3rem;
    }
    .admin-user-summary-grid {
        grid-template-columns: 1fr;
        gap: .45rem;
    }
    .admin-user-summary-card {
        padding: .62rem .7rem;
    }
    .admin-user-show-header .hero-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .4rem;
    }
    .admin-user-show-header .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }
    .admin-user-activity-row {
        grid-template-columns: 1fr;
        gap: .3rem;
    }
    .admin-user-panel-head {
        align-items: flex-start;
        flex-direction: column;
        gap: .24rem;
    }
    .is-admin .page-shell > .container,
    .settings-layout,
    .settings-sidebar,
    .settings-content,
    .settings-content form,
    .settings-content .panel,
    .settings-content .grid-2,
    .settings-content .grid-3,
    .settings-localized-home-grid,
    .settings-content .settings-row {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .settings-localized-home-grid {
        grid-template-columns: 1fr;
    }
    .settings-language-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .admin-settings-header {
        margin: .32rem 0 .28rem !important;
    }
    .admin-settings-header .eyebrow {
        display: none;
    }
    .settings-mobile-nav summary {
        padding: .42rem .62rem;
        border-radius: 11px;
        font-size: .92rem;
    }
    .settings-mobile-hint {
        margin: .28rem .12rem 0;
        font-size: .76rem;
    }
    .settings-mobile-list {
        gap: .3rem;
        margin-top: .35rem;
    }
    .settings-nav-link {
        padding: .42rem .62rem;
        font-size: .88rem;
    }
    .settings-content .panel {
        padding: .58rem;
        margin-bottom: .52rem;
        border-radius: 14px;
        overflow-x: clip;
    }
    .settings-content .panel.stack {
        gap: .32rem;
    }
    .sales-flow-head {
        flex-direction: column;
        gap: .32rem;
    }
    .sales-flow-status {
        align-self: flex-start;
    }
    .sales-flow-grid {
        grid-template-columns: 1fr;
        gap: .34rem;
    }
    .sales-flow-card {
        grid-template-columns: 1.8rem minmax(0, 1fr) auto;
        gap: .42rem;
        padding: .5rem;
    }
    .sales-flow-card-icon {
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 9px;
        font-size: .68rem;
    }
    .sales-flow-card-copy span {
        font-size: .76rem;
        line-height: 1.25;
    }
    .cart-behavior-grid {
        grid-template-columns: 1fr;
        gap: .34rem;
    }
    .cart-behavior-card {
        grid-template-columns: 1.8rem minmax(0, 1fr) auto;
        gap: .42rem;
        padding: .5rem;
    }
    .cart-behavior-icon {
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 9px;
        font-size: .72rem;
    }
    .cart-behavior-copy span {
        font-size: .76rem;
        line-height: 1.25;
    }
    .guest-checkout-flow {
        gap: .38rem;
        padding: .5rem;
    }
    .guest-checkout-flow-head {
        align-items: flex-start;
    }
    .guest-checkout-flow-head > div > span {
        font-size: .74rem;
    }
    .guest-checkout-flow-badge {
        font-size: .68rem;
    }
    .guest-checkout-grid {
        grid-template-columns: 1fr;
        gap: .72rem;
    }
    .guest-checkout-grid::after {
        content: "\2193";
    }
    .guest-checkout-card {
        min-height: 0;
    }
    .settings-content .offer-settings-row {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        justify-content: stretch;
        gap: .5rem;
        padding: .5rem;
    }
    .settings-content h2 {
        margin: 0 0 .14rem;
        font-size: 1.22rem;
        line-height: 1.12;
    }
    .settings-home-inline-heading {
        gap: .4rem;
        margin: 0 0 .14rem;
    }
    .settings-home-inline-heading span {
        font-size: 1rem;
        line-height: 1.18;
    }
    .settings-content h3 {
        margin: .04rem 0 .16rem;
        font-size: .96rem;
        line-height: 1.18;
    }
    .settings-content p.muted {
        font-size: .78rem;
        line-height: 1.28;
    }
    .settings-content label {
        margin-bottom: .2rem;
        font-size: .79rem;
        line-height: 1.22;
    }
    .settings-content .settings-row {
        gap: .28rem;
    }
    .settings-content .settings-row strong {
        font-size: .88rem;
        line-height: 1.18;
    }
    .settings-content input,
    .settings-content select,
    .settings-content textarea {
        display: block;
        min-height: 34px;
        padding: .4rem .56rem;
        border-radius: 10px;
        font-size: 1rem;
        line-height: 1.22;
    }
    .settings-logo-crop-head {
        align-items: stretch;
    }
    .settings-logo-crop-head .btn {
        width: 100%;
    }
    .settings-logo-current-frame,
    .settings-logo-crop-stage {
        width: 100%;
    }
    .settings-banner-size-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .45rem;
    }
    .settings-banner-size-fields label {
        font-size: .72rem;
        line-height: 1.12;
    }
    .settings-banner-size-fields input[type="number"] {
        min-height: 32px;
        padding: .34rem .42rem;
        font-size: .84rem;
    }
    .settings-banner-size-slider-row {
        grid-template-columns: minmax(0, 1fr) 3.7rem;
        gap: .38rem;
    }
    .settings-banner-size-slider-row output {
        font-size: .76rem;
    }
    .settings-banner-radius-inputs {
        grid-template-columns: minmax(0, 1fr) 4.8rem;
    }
    .settings-banner-size-preview {
        width: 100%;
    }
    .settings-content input[type="text"],
    .settings-content input[type="number"] {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .settings-content input[type="file"] {
        min-height: 34px;
        padding: .3rem .46rem;
        font-size: .8rem;
        line-height: 1.15;
        overflow: hidden;
    }
    .settings-content input[type="file"]::file-selector-button {
        margin-right: .42rem;
        padding: .32rem .48rem;
        border-radius: 12px;
        font: inherit;
    }
    .settings-content textarea {
        min-height: 78px;
    }
    .settings-content input[type="range"] {
        min-height: 0;
    }
    .settings-color-inline {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: .38rem;
    }
    .settings-color-inline input[type="color"] {
        width: 44px;
        min-height: 36px;
        padding: .18rem;
    }
    .settings-content .switch-track {
        width: 42px;
        height: 22px;
    }
    .settings-content .switch-thumb {
        width: 16px;
        height: 16px;
    }
    .settings-content .switch input[type="checkbox"]:checked + .switch-track .switch-thumb {
        transform: translateX(18px);
    }
    .settings-row-featured-title-head {
        gap: .45rem;
    }
    .admin-specs-add-row input[type="text"] {
        min-height: 38px;
        padding: .46rem .58rem;
        font-size: .88rem;
    }
    .admin-specs-add-actions .btn {
        height: 38px;
        padding: 0 .72rem;
        font-size: .84rem;
    }
}

@media (min-width: 761px) {
    .account-delivery-field-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .account-delivery-settings-header,
    .account-delivery-settings-panel {
        width: 100%;
    }
    .account-delivery-settings-panel {
        padding: .78rem;
        border-radius: 14px;
    }
    .account-delivery-form-heading {
        grid-template-columns: minmax(0, 1fr);
        gap: .5rem;
    }
    .account-delivery-form-icon {
        width: 38px;
        height: 38px;
    }
    .account-delivery-field-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: .68rem;
    }
    .account-delivery-map-row {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }
    .account-delivery-map-row .map-toggle-btn {
        justify-self: stretch;
        width: 100%;
    }
    .inpost-geowidget-panel {
        padding: .72rem;
        border-radius: 12px;
    }
    body.inpost-map-open {
        overflow: hidden;
        touch-action: none;
    }
    .inpost-geowidget-wrap {
        position: fixed;
        inset: 0;
        z-index: 100000;
        height: 100dvh;
        min-height: 100dvh;
        width: 100vw;
        border: 0;
        border-radius: 0;
        background: var(--panel);
    }
    .inpost-geowidget-toolbar {
        display: flex;
        min-height: 56px;
        padding: max(.62rem, env(safe-area-inset-top)) max(.72rem, env(safe-area-inset-right)) .62rem max(.72rem, env(safe-area-inset-left));
    }
    .inpost-geowidget-stage,
    .inpost-geowidget-stage inpost-geowidget {
        height: 100%;
        min-height: 0;
    }
    .account-delivery-settings-actions,
    .account-delivery-save-btn {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .checkout-customer-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: .56rem;
    }
    .checkout-field {
        width: 100%;
    }
    .checkout-form-panel .checkout-customer-grid input:not([type="checkbox"]):not([type="radio"]) {
        width: 100%;
        min-height: 42px;
        padding: .52rem .78rem;
    }
}

/* Modern header final overrides */
.header-search-desktop,
.header-utility-desktop,
.header-modern-actions-desktop,
.header-mobile-tools {
    display: none;
}
.header-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--text) 22%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--panel) 88%, var(--bg) 12%);
    overflow: hidden;
}
.header-search input {
    min-width: 0;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text);
    padding: 0 .75rem;
    font-size: .96rem;
    box-shadow: none;
}
.header-search input:focus { outline: none; }
.header-search button {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.header-search button:hover {
    background: color-mix(in srgb, var(--panel) 80%, transparent);
}
.header-search svg,
.icon-header-search {
    width: 1.35rem;
    height: 1.35rem;
    stroke: currentColor;
}
.header-modern-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.05rem;
}
.header-modern-action {
    position: relative;
    min-width: 4.75rem;
    min-height: 4rem;
    padding: .25rem .18rem;
    border: 0;
    background: transparent;
    color: var(--text);
    text-decoration: none;
    display: inline-grid;
    grid-template-columns: auto;
    grid-template-rows: 2rem auto;
    justify-items: center;
    align-items: center;
    gap: .18rem;
    font: inherit;
    cursor: pointer;
}
.site-header .header-modern-actions .cart-header-link {
    border: 0;
    background: transparent;
    padding: .25rem .18rem;
    min-height: 4rem;
    display: inline-grid;
    gap: .18rem;
}
.site-header .header-modern-actions .cart-header-link:hover {
    border-color: transparent;
    background: transparent;
}
.header-modern-action:hover {
    color: color-mix(in srgb, var(--text) 84%, var(--gold));
}
.header-modern-icon {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.header-modern-icon svg {
    width: 2rem;
    height: 2rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header-modern-label {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    gap: .24rem;
    white-space: nowrap;
    font-size: .88rem;
    line-height: 1.05;
}
.header-modern-chevron {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
    justify-self: end;
    width: .42rem;
    height: .42rem;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: translateX(calc(100% + .2rem)) rotate(45deg);
    margin-top: -.26rem;
}
.header-modern-menu > summary { list-style: none; }
.header-modern-menu > summary::-webkit-details-marker { display: none; }
.header-modern-admin-dashboard-link {
    display: contents;
    color: inherit;
    text-decoration: none;
}
.header-modern-badge {
    position: absolute;
    top: .22rem;
    right: .82rem;
    min-width: 1.18rem;
    height: 1.18rem;
    padding: 0 .28rem;
    border-radius: 999px;
    background: #1c7c3b;
    color: #fff;
    border: 2px solid color-mix(in srgb, var(--header-bg, var(--bg)) 86%, transparent);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header-modern-message-alert {
    position: absolute;
    top: .04rem;
    right: .48rem;
    min-width: 1.62rem;
    height: 1.12rem;
    padding: 0 .26rem;
    border-radius: 999px;
    background: #c84040;
    color: #fff;
    border: 2px solid color-mix(in srgb, var(--header-bg, var(--bg)) 86%, transparent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .12rem;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
}
.header-modern-message-alert svg {
    width: .7rem;
    height: .7rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header-modern-menu {
    position: relative;
    z-index: 260;
}
.header-modern-menu-panel {
    position: absolute;
    top: calc(100% + .55rem);
    right: 0;
    min-width: 13rem;
    padding: .42rem;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 96%, var(--bg) 4%);
    box-shadow: 0 18px 38px color-mix(in srgb, var(--bg) 70%, transparent);
    display: grid;
    gap: .12rem;
    z-index: 280;
}
.header-modern-menu-panel a,
.header-modern-menu-panel button {
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--text);
    text-decoration: none;
    text-align: left;
    padding: .48rem .58rem;
    font: inherit;
    cursor: pointer;
}
.header-modern-menu-panel a:hover,
.header-modern-menu-panel button:hover {
    background: var(--panel-2);
}
.header-modern-menu-panel .header-modern-menu-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .56rem;
}
.header-modern-menu-count {
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: #c84040;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1;
}
.header-cart-preview {
    width: min(22rem, calc(100vw - 2rem));
    min-width: 20rem;
    gap: .35rem;
}
.header-cart-preview:has(.header-cart-empty) {
    width: min(10.75rem, calc(100vw - 2rem));
    min-width: 10.75rem;
    aspect-ratio: 1;
    align-content: center;
    justify-items: center;
}
.header-cart-preview-list {
    display: grid;
    gap: .28rem;
    max-height: 21.25rem;
    overflow-y: auto;
    padding-right: .12rem;
}
.header-modern-menu-panel .header-cart-preview-item {
    display: grid;
    grid-template-columns: 3.4rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .58rem;
    padding: .42rem;
    border-radius: 10px;
    text-decoration: none;
}
.header-cart-preview-thumb {
    width: 3.4rem;
    aspect-ratio: 1;
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel-2) 84%, var(--bg) 16%);
    overflow: hidden;
}
.header-cart-preview-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.header-cart-preview-main {
    min-width: 0;
    display: grid;
    gap: .18rem;
}
.header-cart-preview-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 800;
    line-height: 1.15;
}
.header-cart-preview-qty {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.2;
}
.header-cart-preview-price {
    white-space: nowrap;
    font-size: .86rem;
    color: var(--gold-2);
}
.header-cart-preview-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .55rem .42rem .25rem;
    border-top: 1px solid var(--line);
    font-weight: 850;
}
.header-modern-menu-panel .header-cart-preview-action {
    margin-top: .12rem;
    border: 1px solid var(--gold);
    text-align: center;
    font-weight: 850;
}
.header-cart-empty {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: .85rem;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: .45rem;
    color: var(--muted);
    text-align: center;
    font-size: .82rem;
    line-height: 1.2;
}
.header-cart-empty-visual {
    width: 4.6rem;
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gold-2);
}
.header-cart-empty-visual svg {
    width: 100%;
    height: 100%;
    overflow: visible;
}
.header-cart-empty-shadow,
.header-cart-empty-basket,
.header-cart-empty-handle,
.header-cart-empty-line,
.header-cart-empty-spark {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.header-cart-empty-shadow {
    opacity: .22;
}
.header-cart-empty-basket {
    fill: color-mix(in srgb, currentColor 10%, transparent);
}
.header-cart-empty-line,
.header-cart-empty-spark-muted {
    opacity: .58;
}
.header-cart-empty-title {
    display: block;
    max-width: 8rem;
    color: var(--text);
    font-weight: 850;
}
.header-category-menu {
    --header-category-menu-bg-active: var(--header-category-menu-bg-dark, var(--panel));
    --header-category-menu-text-active: var(--header-category-menu-text-dark, var(--text));
    width: 100%;
    margin-top: .45rem;
    border-top: 1px solid color-mix(in srgb, var(--header-category-menu-text-active) 14%, transparent);
    background: var(--header-category-menu-bg-active);
    color: var(--header-category-menu-text-active);
    position: relative;
    z-index: 40;
    overflow: visible;
}
.nav-row:has(.header-category-menu) {
    padding-bottom: 0;
}
.header-category-menu-rounded {
    border-radius: 14px;
}
.header-category-menu-viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.header-category-menu-viewport::-webkit-scrollbar {
    display: none;
}
.header-category-scroll-btn {
    display: none;
    position: absolute;
    top: 50%;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border: 1px solid color-mix(in srgb, var(--header-category-menu-text-active) 24%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--header-category-menu-bg-active) 88%, var(--bg) 12%);
    color: var(--header-category-menu-text-active);
    box-shadow: 0 8px 20px color-mix(in srgb, #000 18%, transparent);
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: 1.35rem;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
    z-index: 2;
}
.header-category-scroll-prev {
    left: .38rem;
}
.header-category-scroll-next {
    right: .38rem;
}
.header-category-menu.has-scroll-overflow .header-category-scroll-btn {
    display: inline-flex;
}
.header-category-menu.has-scroll-overflow .header-category-menu-viewport {
    padding-inline: 2.7rem;
}
.header-category-scroll-btn:hover {
    background: color-mix(in srgb, var(--header-category-menu-text-active) 10%, var(--header-category-menu-bg-active));
}
.header-category-scroll-btn:disabled {
    opacity: .38;
    cursor: default;
}
.header-category-menu::before,
.header-category-menu::after {
    display: none;
}
.header-category-menu-rounded .header-category-menu-item:first-child > .header-category-menu-link {
    border-radius: 14px 0 0 14px;
}
.header-category-menu-rounded .header-category-menu-item:last-child > .header-category-menu-link {
    border-radius: 0 14px 14px 0;
}
html[data-theme="light"] .header-category-menu {
    --header-category-menu-bg-active: var(--header-category-menu-bg-light, var(--panel));
    --header-category-menu-text-active: var(--header-category-menu-text-light, var(--text));
}
.header-category-menu-list {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-category-menu-align-left .header-category-menu-list {
    justify-content: flex-start;
}
.header-category-menu-align-center .header-category-menu-list {
    justify-content: center;
}
.header-category-menu-align-right .header-category-menu-list {
    justify-content: flex-end;
}
.header-category-menu-item {
    position: relative;
    display: flex;
    align-items: stretch;
}
.header-category-menu-item + .header-category-menu-item {
    border-left: 1px solid color-mix(in srgb, var(--header-category-menu-text-active) 18%, transparent);
}
.header-category-menu-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .9em 1.5em;
    color: var(--header-category-menu-text-active);
    font-weight: 850;
    letter-spacing: .02em;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.header-category-menu-size-sm .header-category-menu-link {
    font-size: .78rem;
}
.header-category-menu-size-md .header-category-menu-link {
    font-size: 1rem;
}
.header-category-menu-size-lg .header-category-menu-link {
    font-size: 1.02rem;
}
.header-category-menu-link:hover,
.header-category-menu-item:focus-within > .header-category-menu-link {
    background: color-mix(in srgb, var(--header-category-menu-text-active) 9%, transparent);
}
.header-category-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 13rem;
    padding: .35rem;
    border: 1px solid color-mix(in srgb, var(--header-category-menu-text-active) 18%, transparent);
    background: var(--header-category-menu-bg-active);
    color: var(--header-category-menu-text-active);
    box-shadow: 0 18px 38px color-mix(in srgb, #000 22%, transparent);
    display: none;
    z-index: 60;
}
.header-category-menu-item:hover > .header-category-submenu,
.header-category-menu-item:focus-within > .header-category-submenu {
    display: grid;
}
.header-category-submenu-link {
    display: block;
    padding: .52rem .7rem;
    border-radius: 6px;
    color: var(--header-category-menu-text-active);
    font-weight: 750;
    line-height: 1.18;
    text-decoration: none;
    white-space: nowrap;
}
.header-category-submenu-link:hover {
    background: color-mix(in srgb, var(--header-category-menu-text-active) 10%, transparent);
}
@media (min-width: 981px) {
    .header-category-menu-hide-desktop {
        display: none;
    }
    .header-category-menu {
        z-index: 180;
    }
    .header-category-menu-viewport {
        overflow: visible;
    }
    .header-category-menu.has-scroll-overflow .header-category-menu-viewport {
        overflow-x: auto;
        overflow-y: visible;
    }
    .header-category-menu.has-scroll-overflow:hover .header-category-menu-viewport,
    .header-category-menu.has-scroll-overflow:focus-within .header-category-menu-viewport {
        overflow: visible;
    }
    .header-category-menu-item:hover > .header-category-submenu,
    .header-category-menu-item:focus-within > .header-category-submenu {
        display: grid;
    }
    .nav-row {
        padding: .62rem 0 .5rem;
        gap: 0;
    }
    .nav-top {
        display: grid;
        grid-template-columns: minmax(13rem, 1fr) minmax(17rem, 27rem);
        align-items: center;
        gap: 1rem;
        padding-top: 1.25rem;
        padding-right: 26rem;
        position: relative;
        z-index: 220;
    }
    .brand {
        min-width: 0;
        justify-self: start;
    }
    .brand-banner-wrap {
        width: min(var(--header-banner-width, 280px), 100%);
    }
    .header-search-desktop {
        display: block;
        min-width: 0;
    }
    .header-utility-desktop {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .42rem;
        position: absolute;
        top: .08rem;
        right: 0;
    }
    .header-modern-actions-desktop {
        display: block;
        min-width: max-content;
        position: absolute;
        right: 0;
        top: calc(50% + .62rem);
        transform: translateY(-50%);
        margin-right: 0;
        z-index: 240;
    }
    .nav-top-actions-desktop,
    .nav-top-actions-mobile,
    .nav-links-row,
    .nav-actions-desktop {
        display: none !important;
    }
}
@media (max-width: 1180px) and (min-width: 981px) {
    .nav-top {
        grid-template-columns: minmax(11rem, .9fr) minmax(15rem, 1fr);
        gap: .56rem;
        padding-right: 22rem;
    }
    .header-modern-actions {
        gap: .52rem;
    }
    .header-modern-action {
        min-width: 4.1rem;
    }
    .header-modern-actions-desktop {
        margin-right: 0;
    }
    .header-modern-orders-link {
        display: none;
    }
}
.header-modern-actions .cart-header-link {
    order: 1;
}
.header-modern-admin-orders-link {
    order: 1;
}
.header-modern-admin-offers-link {
    order: 2;
}
.header-modern-offers-link {
    order: 2;
}
.header-modern-admin-messages-link {
    order: 3;
}
.header-modern-client-messages-link {
    order: 4;
}
.header-modern-actions > .header-modern-link:not(.cart-header-link):not(.header-modern-offers-link):not(.header-modern-admin-orders-link):not(.header-modern-admin-offers-link):not(.header-modern-admin-messages-link):not(.header-modern-client-messages-link) {
    order: 3;
}
.header-modern-menu {
    order: 5;
}
.header-modern-actions > .header-cart-menu {
    order: 1;
}
.header-modern-register-link {
    order: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: .34rem 1rem;
    border: 1.5px solid #9b6a2f;
    border-radius: 999px;
    background: #070707;
    color: #d8b06a;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 700;
    line-height: 1.05;
    text-decoration: none;
    white-space: nowrap;
    box-shadow:
        inset 0 1px 0 rgba(255, 226, 170, .16),
        0 0 0 1px rgba(0, 0, 0, .42);
}
.header-modern-register-link:hover {
    border-color: #c18a42;
    background: #0d0b08;
    color: #f0cc88;
}
html[data-theme="light"] .header-modern-register-link {
    border-color: #9b6a2f;
    background: #fffaf0;
    color: #6f4718;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .85),
        0 0 0 1px rgba(155, 106, 47, .18);
}
html[data-theme="light"] .header-modern-register-link:hover {
    border-color: #7d501f;
    background: #f7ecd9;
    color: #4f310e;
}
html[data-theme="dark"] .header-modern-register-link {
    border-color: #9b6a2f;
    background: #070707;
    color: #d8b06a;
}
html[data-theme="dark"] .header-modern-register-link:hover {
    border-color: #c18a42;
    background: #0d0b08;
    color: #f0cc88;
}
html[data-theme="dark"] body.home-design-premium-boutique .header-modern-register-link {
    border-color: #9b6a2f;
    background: #070707;
    color: #d8b06a;
}
@media (min-width: 981px) {
    .header-modern-actions-desktop {
        margin-right: 0;
    }
    .header-modern-actions {
        justify-content: flex-end;
        gap: 1.35rem;
    }
    .header-modern-action {
        min-width: auto;
        padding-left: .08rem;
        padding-right: .08rem;
    }
    body.header-nav-desktop-size-sm .header-modern-actions {
        gap: .75rem;
    }
    body.header-nav-desktop-size-sm .header-modern-action,
    body.header-nav-desktop-size-sm .site-header .header-modern-actions .cart-header-link {
        min-height: 3.45rem;
        padding: .16rem .05rem;
        grid-template-rows: 1.6rem auto;
        gap: .12rem;
    }
    body.header-nav-desktop-size-sm .header-modern-icon svg {
        width: 1.65rem;
        height: 1.65rem;
    }
    body.header-nav-desktop-size-sm .header-modern-label {
        font-size: .78rem;
    }
    body.header-nav-desktop-size-md .header-modern-actions {
        gap: 1.35rem;
    }
    body.header-nav-desktop-size-md .header-modern-action,
    body.header-nav-desktop-size-md .site-header .header-modern-actions .cart-header-link {
        min-height: 4rem;
        padding: .25rem .08rem;
        grid-template-rows: 2rem auto;
        gap: .18rem;
    }
    body.header-nav-desktop-size-md .header-modern-icon svg {
        width: 2rem;
        height: 2rem;
    }
    body.header-nav-desktop-size-md .header-modern-label {
        font-size: .88rem;
    }
    body.header-nav-desktop-size-lg .header-modern-actions {
        gap: 1.25rem;
    }
    body.header-nav-desktop-size-lg .header-modern-action,
    body.header-nav-desktop-size-lg .site-header .header-modern-actions .cart-header-link {
        min-height: 4.55rem;
        padding: .3rem .12rem;
        grid-template-rows: 2.25rem auto;
        gap: .22rem;
    }
    body.header-nav-desktop-size-lg .header-modern-icon svg {
        width: 2.28rem;
        height: 2.28rem;
    }
    body.header-nav-desktop-size-lg .header-modern-label {
        font-size: 1rem;
    }
    .header-modern-menu:last-child > .header-modern-action {
        min-width: auto;
        padding-right: 0;
        justify-items: end;
    }
    .header-modern-menu[open] .header-modern-menu-panel {
        display: grid;
    }
    .header-modern-menu-panel {
        top: calc(100% + .28rem);
        min-width: 10.6rem;
        padding: .3rem;
        border-radius: 10px;
    }
    .header-modern-menu-panel a,
    .header-modern-menu-panel button {
        padding: .34rem .46rem;
        border-radius: 12px;
        font-size: .92rem;
        line-height: 1.18;
    }
}
@media (max-width: 980px) {
    .header-category-menu-hide-mobile {
        display: none;
    }
    .site-header {
        position: sticky;
        top: 0;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    .nav-row {
        padding: .42rem 0 .08rem;
    }
    .nav-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        align-items: center;
        gap: .14rem .45rem;
        padding: 0;
    }
    .brand {
        grid-column: 1 / -1;
        grid-row: 1 / span 2;
        align-self: center;
        padding: 0 10.8rem 0 0;
    }
    .header-search-desktop,
    .header-utility-desktop,
    .header-modern-actions-desktop,
    .nav-top-actions-desktop {
        display: none !important;
    }
    .nav-top-actions-mobile {
        position: static;
        top: auto;
        right: auto;
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: .25rem;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        min-width: 0;
        z-index: 5003;
    }
    .mobile-theme-toggle-corner {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.95rem;
        height: 28px;
        padding: 0 .38rem;
        line-height: 1;
        flex: 0 0 auto;
    }
    .header-mobile-tools {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: .14rem;
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        min-width: 0;
        position: relative;
    }
    .header-mobile-tools:has(.mobile-account-menu[open]),
    .header-mobile-tools:has(.mobile-header-search[open]),
    .header-mobile-tools:has(.mobile-header-menu[open]) {
        z-index: 6000;
    }
    .header-category-menu {
        margin-top: .35rem;
        overflow-x: auto;
        scrollbar-width: thin;
    }
    .header-category-menu::before,
    .header-category-menu::after {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 2.1rem;
        align-items: center;
        justify-content: center;
        color: var(--header-category-menu-text-active);
        font-size: 1.18rem;
        font-weight: 900;
        line-height: 1;
        pointer-events: none;
        z-index: 3;
        text-shadow: 0 1px 5px color-mix(in srgb, #000 45%, transparent);
    }
    .header-category-menu.has-scroll-before::before {
        content: '‹';
        left: 0;
        display: flex;
        background: linear-gradient(90deg, var(--header-category-menu-bg-active) 30%, transparent);
    }
    .header-category-menu.has-scroll-after::after {
        content: '›';
        right: 0;
        display: flex;
        background: linear-gradient(270deg, var(--header-category-menu-bg-active) 30%, transparent);
    }
    .header-category-menu-mobile-in-offer {
        display: none;
    }
    .header-category-menu-viewport {
        overflow-x: visible;
    }
    .header-category-scroll-btn {
        display: none !important;
    }
    .header-category-menu.has-scroll-overflow .header-category-menu-viewport {
        padding-inline: 0;
    }
    .header-category-menu-list {
        width: max-content;
        min-width: 100%;
    }
    .header-category-menu-link {
        padding: .54em .78em;
    }
    .header-category-menu-mobile-size-xs .header-category-menu-link {
        font-size: .62rem;
    }
    .header-category-menu-mobile-size-sm .header-category-menu-link {
        font-size: .7rem;
    }
    .header-category-menu-mobile-size-md .header-category-menu-link {
        font-size: .78rem;
    }
    .header-category-menu-mobile-size-lg .header-category-menu-link {
        font-size: .88rem;
    }
    .header-category-menu-mobile-size-xl .header-category-menu-link {
        font-size: 1rem;
    }
    .header-category-menu-mobile-size-xxl .header-category-menu-link {
        font-size: 1.08rem;
    }
    .header-category-menu-mobile-hidden {
        display: none;
    }
    .header-category-menu-mobile-mode-bar {
        overflow: visible;
        z-index: 120;
    }
    .header-category-menu-mobile-mode-bar.has-open-submenu {
        z-index: 5004;
    }
    .header-category-menu-mobile-mode-bar .header-category-menu-viewport {
        overflow-x: auto;
        overflow-y: visible;
    }
    .header-category-menu-mobile-mode-bar.has-open-submenu .header-category-menu-viewport {
        overflow: visible;
    }
    .header-category-menu-mobile-mode-bar .header-category-submenu {
        top: calc(100% + .18rem);
        min-width: min(max(100%, 13rem), calc(100vw - 1rem));
        max-width: calc(100vw - 1rem);
        padding: 0;
        border-radius: 10px;
        z-index: 5005;
        overflow: hidden;
    }
    .header-category-menu-mobile-mode-bar .header-category-menu-item.is-open > .header-category-submenu,
    .header-category-menu-mobile-mode-bar .header-category-menu-item:focus-within > .header-category-submenu {
        display: grid;
    }
    .header-category-menu-mobile-mode-bar .header-category-menu-item:nth-last-child(-n+2) > .header-category-submenu {
        right: 0;
        left: auto;
    }
    .header-category-menu-mobile-mode-bar .header-category-submenu-link {
        padding: .54em .78em;
        border-radius: 0;
        font-weight: 850;
        line-height: 1.1;
        text-transform: uppercase;
        white-space: normal;
    }
    .header-category-menu-mobile-size-xs .header-category-submenu-link {
        font-size: .62rem;
    }
    .header-category-menu-mobile-size-sm .header-category-submenu-link {
        font-size: .7rem;
    }
    .header-category-menu-mobile-size-md .header-category-submenu-link {
        font-size: .78rem;
    }
    .header-category-menu-mobile-size-lg .header-category-submenu-link {
        font-size: .88rem;
    }
    .header-category-menu-mobile-size-xl .header-category-submenu-link {
        font-size: 1rem;
    }
    .header-category-menu-mobile-size-xxl .header-category-submenu-link {
        font-size: 1.08rem;
    }
    .mobile-header-search,
    .mobile-account-menu {
        position: relative;
        display: inline-flex;
    }
    body.is-admin .header-mobile-tools .mobile-header-search,
    body.is-admin .mobile-header-search-slot {
        display: none !important;
    }
    .mobile-header-search > summary,
    .mobile-account-menu > summary {
        list-style: none;
    }
    .mobile-header-search > summary::-webkit-details-marker,
    .mobile-account-menu > summary::-webkit-details-marker {
        display: none;
    }
    .mobile-header-search-panel,
    .mobile-account-menu-panel {
        position: absolute;
        top: calc(100% + .28rem);
        right: 0;
        left: auto;
        padding: .55rem;
        border: 1px solid var(--line);
        border-radius: 12px;
        background: color-mix(in srgb, var(--panel) 97%, var(--bg) 3%);
        box-shadow: 0 18px 36px color-mix(in srgb, var(--bg) 70%, transparent);
        z-index: 2147483000;
    }
    .mobile-header-search-panel {
        width: min(20rem, calc(100vw - 1rem));
    }
    .mobile-account-menu-panel {
        right: max(.55rem, env(safe-area-inset-right));
        left: auto;
        width: min(12rem, calc(100vw - 1.1rem));
        min-width: 0;
        display: grid;
        gap: .14rem;
    }
    .mobile-account-menu-panel a {
        color: var(--text);
        text-decoration: none;
        border-radius: 10px;
        padding: .52rem .62rem;
    }
    .mobile-account-menu-panel a:hover {
        background: var(--panel-2);
    }
    .mobile-header-search-panel .header-search {
        border-color: color-mix(in srgb, var(--text) 30%, transparent);
    }
    .mobile-header-search-slot {
        display: block;
        width: 100%;
        margin-top: .18rem;
        padding: 0 .42rem .28rem;
    }
    .mobile-header-search-slot[hidden] {
        display: none;
    }
    .mobile-header-search-slot .mobile-header-search-panel {
        position: static;
        width: 100%;
        max-width: 100%;
        padding: .38rem .48rem;
        border-radius: 12px;
        box-shadow: none;
        z-index: 20;
    }
    .mobile-favorites-link {
        position: relative;
        flex: 0 0 auto;
    }
    .icon-mobile-account,
    .icon-mobile-cart,
    .icon-mobile-favorites {
        width: 1.28rem;
        height: 1.28rem;
        stroke: currentColor;
    }
    .nav-actions-mobile {
        display: inline-flex;
        grid-column: auto;
        grid-row: auto;
        align-self: center;
        gap: .08rem;
    }
    body.is-guest .header-mobile-tools .nav-actions-mobile {
        order: -1;
    }
    .nav-links-row {
        margin-top: .36rem;
    }
    .nav-actions-mobile .theme-toggle {
        display: none !important;
    }
    .nav-actions-mobile .cart-header-link {
        padding: 0;
        justify-content: center;
        gap: 0;
    }
    .header-mobile-tools .nav-actions-mobile .cart-header-link {
        display: none;
    }
    .nav-actions-mobile .user-settings-menu {
        display: none !important;
    }
    .site-header .header-mobile-tools .cart-header-link:hover,
    .site-header .header-mobile-tools .cart-header-link:focus-visible {
        border-color: var(--line);
        background: var(--panel);
    }
    .nav-actions-mobile .cart-header-link > span:not(.nav-link-icon):not(.nav-unread-badge) {
        display: none;
    }
    .nav-actions-mobile .cart-header-link .nav-link-icon {
        margin-right: 0;
    }
    body.header-action-icons-size-xs .nav-actions-mobile .cart-header-link {
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
    }
    body.header-action-icons-size-sm .nav-actions-mobile .cart-header-link {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }
    body.header-action-icons-size-md .nav-actions-mobile .cart-header-link {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }
    body.header-action-icons-size-lg .nav-actions-mobile .cart-header-link {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
    }
    body.header-action-icons-size-xs .icon-header-search {
        width: 17px;
        height: 17px;
    }
    body.header-action-icons-size-xs .mobile-cart-link .icon-mobile-cart {
        width: 22px;
        height: 22px;
    }
    body.header-action-icons-size-xs .icon-mobile-account,
    body.header-action-icons-size-xs .icon-mobile-favorites,
    body.header-action-icons-size-xs .nav-actions-mobile .cart-header-link .nav-link-icon svg {
        width: 19px;
        height: 19px;
    }
    body.header-action-icons-size-sm .icon-header-search {
        width: 18px;
        height: 18px;
    }
    body.header-action-icons-size-sm .mobile-cart-link .icon-mobile-cart {
        width: 23px;
        height: 23px;
    }
    body.header-action-icons-size-sm .icon-mobile-account,
    body.header-action-icons-size-sm .icon-mobile-favorites,
    body.header-action-icons-size-sm .nav-actions-mobile .cart-header-link .nav-link-icon svg {
        width: 21px;
        height: 21px;
    }
    body.header-action-icons-size-md .icon-header-search {
        width: 19px;
        height: 19px;
    }
    body.header-action-icons-size-md .mobile-cart-link .icon-mobile-cart {
        width: 24px;
        height: 24px;
    }
    body.header-action-icons-size-md .icon-mobile-account,
    body.header-action-icons-size-md .icon-mobile-favorites,
    body.header-action-icons-size-md .nav-actions-mobile .cart-header-link .nav-link-icon svg {
        width: 23px;
        height: 23px;
    }
    body.header-action-icons-size-lg .icon-header-search {
        width: 20px;
        height: 20px;
    }
    body.header-action-icons-size-lg .mobile-cart-link .icon-mobile-cart {
        width: 25px;
        height: 25px;
    }
    body.header-action-icons-size-lg .icon-mobile-account,
    body.header-action-icons-size-lg .icon-mobile-favorites,
    body.header-action-icons-size-lg .nav-actions-mobile .cart-header-link .nav-link-icon svg {
        width: 25px;
        height: 25px;
    }
    .header-mobile-tools:has(.admin-mobile-menu[open]) {
        z-index: 6000;
    }
    .nav-actions-mobile .admin-orders-btn,
    .nav-actions-mobile .admin-offers-btn,
    .nav-actions-mobile .admin-mail-btn,
    .nav-actions-mobile .admin-mobile-menu > summary.icon-btn-circle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        line-height: 1;
    }
    .nav-actions-mobile .icon-orders,
    .nav-actions-mobile .icon-offers,
    .nav-actions-mobile .icon-mail,
    .nav-actions-mobile .icon-admin-menu {
        display: block;
        flex: 0 0 auto;
        stroke: currentColor;
        fill: none;
    }
    body.header-action-icons-size-xs .nav-actions-mobile .admin-orders-btn,
    body.header-action-icons-size-xs .nav-actions-mobile .admin-offers-btn,
    body.header-action-icons-size-xs .nav-actions-mobile .admin-mail-btn,
    body.header-action-icons-size-xs .nav-actions-mobile .admin-mobile-menu > summary.icon-btn-circle {
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
    }
    body.header-action-icons-size-sm .nav-actions-mobile .admin-orders-btn,
    body.header-action-icons-size-sm .nav-actions-mobile .admin-offers-btn,
    body.header-action-icons-size-sm .nav-actions-mobile .admin-mail-btn,
    body.header-action-icons-size-sm .nav-actions-mobile .admin-mobile-menu > summary.icon-btn-circle {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }
    body.header-action-icons-size-md .nav-actions-mobile .admin-orders-btn,
    body.header-action-icons-size-md .nav-actions-mobile .admin-offers-btn,
    body.header-action-icons-size-md .nav-actions-mobile .admin-mail-btn,
    body.header-action-icons-size-md .nav-actions-mobile .admin-mobile-menu > summary.icon-btn-circle {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }
    body.header-action-icons-size-lg .nav-actions-mobile .admin-orders-btn,
    body.header-action-icons-size-lg .nav-actions-mobile .admin-offers-btn,
    body.header-action-icons-size-lg .nav-actions-mobile .admin-mail-btn,
    body.header-action-icons-size-lg .nav-actions-mobile .admin-mobile-menu > summary.icon-btn-circle {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
    }
    body.header-action-icons-size-xs .nav-actions-mobile .icon-orders,
    body.header-action-icons-size-xs .nav-actions-mobile .icon-offers,
    body.header-action-icons-size-xs .nav-actions-mobile .icon-mail,
    body.header-action-icons-size-xs .nav-actions-mobile .icon-admin-menu {
        width: 19px;
        height: 19px;
    }
    body.header-action-icons-size-sm .nav-actions-mobile .icon-orders,
    body.header-action-icons-size-sm .nav-actions-mobile .icon-offers,
    body.header-action-icons-size-sm .nav-actions-mobile .icon-mail,
    body.header-action-icons-size-sm .nav-actions-mobile .icon-admin-menu {
        width: 21px;
        height: 21px;
    }
    body.header-action-icons-size-md .nav-actions-mobile .icon-orders,
    body.header-action-icons-size-md .nav-actions-mobile .icon-offers,
    body.header-action-icons-size-md .nav-actions-mobile .icon-mail,
    body.header-action-icons-size-md .nav-actions-mobile .icon-admin-menu {
        width: 23px;
        height: 23px;
    }
    body.header-action-icons-size-lg .nav-actions-mobile .icon-orders,
    body.header-action-icons-size-lg .nav-actions-mobile .icon-offers,
    body.header-action-icons-size-lg .nav-actions-mobile .icon-mail,
    body.header-action-icons-size-lg .nav-actions-mobile .icon-admin-menu {
        width: 25px;
        height: 25px;
    }
    .nav-actions-mobile .admin-mobile-menu {
        position: relative;
        z-index: 6001;
    }
    .nav-actions-mobile .admin-mobile-menu-panel {
        position: absolute;
        inset: auto 0 auto auto;
        top: calc(100% + .28rem);
        padding: 0;
        justify-content: flex-end;
        align-items: flex-start;
        background: transparent;
        pointer-events: none;
        z-index: 2147483000;
    }
    .nav-actions-mobile .admin-mobile-menu-sheet {
        width: max-content;
        min-width: min(188px, calc(100vw - 1.1rem));
        max-width: min(320px, calc(100vw - 1.1rem));
        max-height: min(72dvh, calc(100dvh - 5rem));
        overflow-y: auto;
        pointer-events: auto;
    }
    body:has(.admin-mobile-menu[open]) {
        overflow: auto;
    }
    .header-mobile-tools:has(.mobile-account-menu[open]),
    .header-mobile-tools:has(.mobile-header-menu[open]),
    .nav-actions-mobile:has(.admin-mobile-menu[open]) {
        z-index: 2147483000;
    }
    .site-header .mobile-account-menu[open],
    .site-header .mobile-header-menu[open],
    .site-header .admin-mobile-menu[open] {
        z-index: 2147483001;
    }
    .site-header .mobile-account-menu-panel,
    .site-header .mobile-header-menu-panel,
    .site-header .admin-mobile-menu-panel {
        z-index: 2147483002;
    }
    body:has(.admin-mobile-menu[open]) .site-header .header-category-menu-mobile-mode-bar {
        z-index: 0;
    }
    .nav-actions-mobile .mobile-guest-auth {
        display: none;
    }
}

/* Keep language and theme controls above header action icons. */
@media (min-width: 981px) {
    .site-header .nav-top {
        --header-actions-space: 26rem;
        grid-template-columns: minmax(0, 1fr) minmax(10rem, 25rem);
        min-height: 5.75rem;
        padding-top: .55rem;
        padding-right: 26rem;
    }

    .site-header .header-utility-desktop {
        display: none !important;
    }

    .site-header .nav-top-actions-desktop {
        position: absolute;
        top: .05rem;
        right: 0;
        display: inline-flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: .38rem;
        z-index: 260;
    }

    .site-header .header-search-desktop {
        --header-search-offset: clamp(2rem, 3vw, 4rem);
        justify-self: end;
        width: calc(100% - var(--header-search-offset));
        max-width: 25rem;
        margin-right: var(--header-search-offset);
    }

    .site-header .header-modern-actions-desktop {
        right: 0;
        top: auto;
        bottom: .18rem;
        transform: none;
        z-index: 240;
    }

    .site-header .nav-top.nav-top-banner-stacks-tools {
        align-items: start;
        grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(10rem, clamp(10rem, 24vw, 28rem)) minmax(0, 1fr) max-content;
        column-gap: clamp(.75rem, 1.5vw, 1.5rem);
        min-height: max(6.5rem, calc(var(--header-banner-height, 56px) + 1.45rem));
        padding-right: 0;
    }

    .site-header .nav-top.nav-top-banner-stacks-tools .brand {
        grid-column: 1;
        min-width: 0;
    }

    .site-header .nav-top.nav-top-banner-stacks-tools .header-search-desktop {
        position: static;
        grid-column: 3;
        align-self: end;
        justify-self: center;
        width: 100%;
        min-width: 0;
        max-width: clamp(10rem, 24vw, 28rem);
        margin: 0 0 .45rem;
    }

    .site-header .nav-top.nav-top-banner-stacks-tools .header-search-desktop .header-search {
        width: 100%;
        margin: 0 auto;
    }

    .site-header .nav-top:has(.brand-has-banner) {
        grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(10rem, clamp(10rem, 24vw, 28rem)) minmax(0, 1fr) max-content;
        column-gap: clamp(.75rem, 1.5vw, 1.5rem);
        padding-right: 0;
    }

    .site-header .nav-top:has(.brand-has-banner) .brand {
        grid-column: 1;
        min-width: 0;
    }

    .site-header .nav-top:has(.brand-has-banner) .header-search-desktop {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        grid-column: 3;
        align-self: end !important;
        justify-self: center !important;
        width: 100% !important;
        min-width: 0;
        max-width: clamp(10rem, 24vw, 28rem) !important;
        margin: 0 0 .45rem !important;
    }

    .site-header .nav-top:has(.brand-has-banner) .header-search-desktop .header-search {
        width: 100%;
        margin: 0 auto;
    }

    .site-header .nav-top.nav-top-banner-stacks-tools .header-modern-actions-desktop {
        position: static;
        grid-column: 5;
        align-self: end;
        justify-self: end;
        margin-bottom: .18rem;
        top: auto;
        bottom: auto;
    }

    .site-header .nav-top:has(.brand-has-banner) .header-modern-actions-desktop {
        position: static !important;
        grid-column: 5;
        align-self: end;
        justify-self: end;
        margin-bottom: .18rem;
        top: auto !important;
        right: auto;
        bottom: auto !important;
    }
}

@media (max-width: 1180px) and (min-width: 981px) {
    .site-header .nav-top:has(.brand-has-banner) {
        --header-actions-space: 22rem;
        grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(9rem, clamp(9rem, 20vw, 16rem)) minmax(0, 1fr) max-content;
        min-height: 5.95rem;
        padding-right: 0;
    }

    .site-header .header-modern-actions-desktop {
        top: auto;
        bottom: .18rem;
    }
}

@media (min-width: 981px) and (max-width: 1360px) {
    .site-header .nav-top:has(.brand-has-banner) {
        --header-actions-space: clamp(24rem, 34vw, 29rem);
        grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(9rem, clamp(9rem, 20vw, 17rem)) minmax(0, 1fr) max-content;
        padding-right: 0;
    }

    .site-header .header-search-desktop {
        --header-search-offset: clamp(2.5rem, 4vw, 4.75rem);
        max-width: min(18rem, 26vw);
    }

    .site-header .header-modern-actions {
        gap: .82rem;
    }
}

/* Stable desktop header layout with a branded banner. */
@media (min-width: 981px) {
    .site-header .nav-top.nav-top-has-banner {
        --header-banner-column-width: min(var(--header-banner-width, 280px), 100%);
        --header-search-column-width: clamp(12rem, 22vw, 30rem);
        --header-tools-min-height: 6.85rem;
        grid-template-columns: minmax(0, var(--header-banner-column-width)) minmax(12rem, var(--header-search-column-width)) max-content;
        justify-content: space-between;
        column-gap: clamp(.9rem, 1.8vw, 2rem);
        align-items: end;
        min-height: max(calc(var(--header-banner-display-height, 72px) + .65rem), var(--header-tools-min-height));
        padding-top: .38rem;
        padding-right: 0;
    }

    .site-header .nav-top.nav-top-has-banner .brand {
        grid-column: 1;
        width: var(--header-banner-column-width);
        min-width: 0;
        align-self: start;
        justify-self: start;
    }

    .site-header .nav-top.nav-top-has-banner .brand-banner-wrap {
        width: var(--header-banner-column-width);
        height: var(--header-banner-display-height, 72px);
        flex: 0 0 auto;
        contain: layout paint;
    }

    .site-header .nav-top.nav-top-has-banner .brand-banner {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: left center;
    }

    .site-header .nav-top.nav-top-has-banner .header-search-desktop {
        position: static !important;
        grid-column: 2;
        align-self: end !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0;
        margin: 0 0 .18rem !important;
    }

    .site-header .nav-top.nav-top-has-banner .header-search {
        width: 100%;
        min-width: 0;
        margin: 0;
        border: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--text) 32%, transparent);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }

    .site-header .nav-top.nav-top-has-banner .header-search input {
        height: 36px;
        padding: 0 .35rem;
        background: transparent;
    }

    .site-header .nav-top.nav-top-has-banner .header-search button {
        width: 36px;
        height: 36px;
        background: transparent;
    }

    .site-header .nav-top.nav-top-has-banner .header-modern-actions-desktop {
        position: static !important;
        grid-column: 3;
        align-self: end;
        justify-self: end;
        margin-bottom: 0;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
    }
}

@media (min-width: 981px) and (max-width: 1360px) {
    .site-header .nav-top.nav-top-has-banner {
        --header-banner-column-width: min(var(--header-banner-width, 280px), 100%);
        --header-search-column-width: clamp(10rem, 18vw, 20rem);
        grid-template-columns: minmax(0, var(--header-banner-column-width)) minmax(10rem, var(--header-search-column-width)) max-content;
        column-gap: clamp(.75rem, 1.35vw, 1.4rem);
    }
}

@media (min-width: 981px) {
    .site-header .nav-top.nav-top-has-banner.nav-top-banner-stacks-tools {
        --header-banner-column-width: min(var(--header-banner-width, 280px), 100%);
        --header-search-column-width: clamp(18rem, 32vw, 32rem);
        grid-template-columns: minmax(0, 1fr) minmax(16rem, var(--header-search-column-width)) max-content;
        grid-template-rows: auto auto;
        row-gap: .72rem;
        align-items: end;
        align-content: start;
        min-height: max(calc(var(--header-banner-display-height, 72px) + 4.85rem), var(--header-tools-min-height));
    }

    .site-header .nav-top.nav-top-has-banner.nav-top-banner-stacks-tools .brand {
        grid-column: 1 / -1;
        grid-row: 1;
        width: var(--header-banner-column-width);
        align-self: start;
        justify-self: start;
    }

    .site-header .nav-top.nav-top-has-banner.nav-top-banner-stacks-tools .header-search-desktop {
        grid-column: 2;
        grid-row: 2;
        align-self: end !important;
        margin-top: 0 !important;
    }

    .site-header .nav-top.nav-top-has-banner.nav-top-banner-stacks-tools .header-modern-actions-desktop {
        grid-column: 3;
        grid-row: 2;
        align-self: end;
        margin-top: 0 !important;
    }
}

.home-empty-state {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 34%);
    align-items: center;
    gap: clamp(1rem, 3vw, 2rem);
    min-height: 250px;
    padding: clamp(1rem, 3vw, 1.7rem);
    border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
    border-radius: 18px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 86%, transparent), color-mix(in srgb, var(--workspace) 96%, transparent));
    box-shadow: 0 18px 42px color-mix(in srgb, #000 22%, transparent);
    overflow: hidden;
}

.home-empty-state-admin {
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 86%, transparent), color-mix(in srgb, var(--gold) 10%, var(--workspace)));
}

.home-empty-copy {
    position: relative;
    z-index: 1;
    max-width: 42rem;
}

.home-empty-copy h2 {
    margin: .18rem 0 .42rem;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    line-height: 1.12;
}

.home-empty-copy .muted {
    max-width: 34rem;
    font-size: 1rem;
    line-height: 1.55;
}

.home-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}

.home-empty-actions .btn,
.home-empty-actions .btn-secondary {
    min-height: 34px;
    padding: .34rem .85rem;
    line-height: 1.05;
}

.home-empty-visual {
    min-width: 0;
    color: var(--gold);
}

.home-empty-visual svg {
    width: 100%;
    max-height: 250px;
    overflow: visible;
}

.home-empty-grid-line,
.home-empty-shelf,
.home-empty-box-line,
.home-empty-card-text {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .44;
}

.home-empty-grid-line-soft,
.home-empty-shelf-soft {
    opacity: .22;
}

.home-empty-card-main,
.home-empty-card-image,
.home-empty-box,
.home-empty-tag {
    fill: color-mix(in srgb, var(--panel) 76%, var(--gold) 24%);
    stroke: color-mix(in srgb, currentColor 72%, transparent);
    stroke-width: 3;
}

.home-empty-card-image,
.home-empty-box-b {
    fill: color-mix(in srgb, var(--workspace) 78%, var(--gold) 22%);
}

.home-empty-plus-ring,
.home-empty-orbit {
    fill: color-mix(in srgb, var(--workspace) 82%, transparent);
    stroke: color-mix(in srgb, currentColor 72%, transparent);
    stroke-width: 3;
}

.home-empty-plus,
.home-empty-tag-dot {
    fill: none;
    stroke: var(--text);
    stroke-width: 5;
    stroke-linecap: round;
}

.home-empty-tag-dot {
    fill: var(--text);
    stroke: none;
}

.home-empty-spark {
    fill: color-mix(in srgb, currentColor 70%, var(--text) 30%);
    opacity: .9;
}

.home-empty-halo {
    fill: color-mix(in srgb, var(--gold) 10%, var(--panel) 90%);
    opacity: .62;
}

.home-empty-showcase-base,
.home-empty-admin-rail,
.home-empty-scan-line {
    fill: none;
    stroke: color-mix(in srgb, currentColor 58%, transparent);
    stroke-width: 3;
    stroke-linecap: round;
}

.home-empty-scan-line {
    stroke-dasharray: 8 12;
    opacity: .5;
}

.home-empty-showcase-card {
    filter: drop-shadow(0 18px 22px color-mix(in srgb, #000 24%, transparent));
}

.home-empty-showcase-card > path:first-child,
.home-empty-admin-panel,
.home-empty-admin-mini {
    fill: color-mix(in srgb, var(--panel) 80%, var(--gold) 20%);
    stroke: color-mix(in srgb, currentColor 58%, transparent);
    stroke-width: 3;
}

.home-empty-showcase-card.is-main > path:first-child {
    fill: color-mix(in srgb, var(--workspace) 74%, var(--gold) 26%);
    stroke: color-mix(in srgb, currentColor 72%, transparent);
}

.home-empty-showcase-card.is-back,
.home-empty-showcase-card.is-front {
    opacity: .82;
}

.home-empty-showcase-card path:not(:first-child),
.home-empty-watch-ring,
.home-empty-watch-hand,
.home-empty-admin-line,
.home-empty-admin-mountain {
    fill: none;
    stroke: color-mix(in srgb, var(--text) 76%, transparent);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.home-empty-watch-ring {
    stroke: color-mix(in srgb, currentColor 72%, var(--text) 28%);
    stroke-width: 5;
}

.home-empty-watch-hand {
    stroke-width: 4;
}

.home-empty-admin-panel {
    filter: drop-shadow(0 18px 24px color-mix(in srgb, #000 24%, transparent));
}

.home-empty-admin-panel-top,
.home-empty-admin-line {
    fill: none;
    stroke: color-mix(in srgb, currentColor 52%, transparent);
    stroke-width: 3;
    stroke-linecap: round;
}

.home-empty-admin-dot {
    fill: color-mix(in srgb, var(--gold) 86%, var(--text) 14%);
}

.home-empty-admin-dot.is-muted {
    fill: color-mix(in srgb, var(--muted) 62%, transparent);
}

.home-empty-admin-photo,
.home-empty-admin-chip {
    fill: color-mix(in srgb, var(--workspace) 80%, var(--gold) 20%);
    stroke: color-mix(in srgb, currentColor 54%, transparent);
    stroke-width: 3;
}

.home-empty-admin-chip {
    fill: color-mix(in srgb, var(--gold) 32%, var(--panel) 68%);
}

.home-empty-admin-float {
    filter: drop-shadow(0 18px 22px color-mix(in srgb, #000 24%, transparent));
}

.home-empty-modern-spark {
    fill: color-mix(in srgb, currentColor 76%, var(--text) 24%);
    opacity: .86;
}

html[data-theme="light"] .home-empty-state {
    box-shadow: 0 18px 42px color-mix(in srgb, #000 10%, transparent);
}

@media (max-width: 760px) {
    .home-empty-state {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 1rem;
        border-radius: 14px;
    }

    .home-empty-copy h2 {
        font-size: 1.22rem;
    }

    .home-empty-copy .muted {
        font-size: .92rem;
    }

    .home-empty-actions {
        gap: .45rem;
    }

    .home-empty-actions .btn,
    .home-empty-actions .btn-secondary {
        width: auto;
        min-height: 32px;
        padding: .3rem .72rem;
    }

    .home-empty-visual {
        order: -1;
    }

    .home-empty-visual svg {
        max-height: 170px;
    }
}

@media (max-width: 980px) {
    .site-header .nav-top > .brand {
        grid-column: 1;
        grid-row: 1 / span 2;
        justify-self: start;
        width: 100%;
        padding: 0 .5rem 0 0;
        text-align: left;
    }

    .site-header .brand-labels {
        justify-content: flex-start;
        text-align: left;
    }

    .site-header .mobile-offer-menu .mobile-offer-link {
        min-height: var(--mobile-offer-min-height);
        padding: var(--mobile-offer-padding-y) var(--mobile-offer-padding-x);
        font-size: var(--mobile-offer-font-size) !important;
        line-height: 1.08;
        white-space: nowrap;
    }

    .site-header .mobile-offer-menu .mobile-offer-menu-label {
        font-size: inherit !important;
        line-height: inherit;
        white-space: nowrap;
    }

    .site-header .mobile-offer-menu .mobile-offer-menu-caret {
        font-size: .72em !important;
        line-height: 1;
        flex: 0 0 auto;
    }
}

@media (max-width: 420px) {
    .is-watch-show .cart-product-actions--with-buy-now {
        grid-template-columns: 1fr;
    }

    .is-watch-show .cart-product-actions--with-buy-now .cart-product-quantity {
        justify-self: stretch;
    }
}

body.home-design-premium-boutique {
    --luxury-bg: #fbf8f1;
    --luxury-paper: #fffdf8;
    --luxury-cream: #f5ecdd;
    --luxury-text: #171411;
    --luxury-muted: #70675c;
    --luxury-line: #e5d7c3;
    --luxury-gold: #c79545;
    --luxury-gold-dark: #9a6c27;
    --luxury-shadow: 0 24px 70px rgba(58, 42, 20, .11);
    background: var(--luxury-bg);
    color: var(--luxury-text);
}

body.home-design-premium-boutique .site-header {
    background: rgba(255, 253, 248, .92);
    border-bottom: 1px solid var(--luxury-line);
    box-shadow: none;
}

body.home-design-premium-boutique .page-shell {
    background: linear-gradient(180deg, rgba(255, 253, 248, .86), var(--luxury-bg) 520px), var(--luxury-bg);
}

body.home-design-premium-boutique .page-shell > .container {
    width: min(1320px, calc(100% - 72px));
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.home-design-premium-boutique .site-header,
body.home-design-premium-boutique .site-header a,
body.home-design-premium-boutique .site-header button,
body.home-design-premium-boutique .site-footer {
    color: var(--luxury-text);
}

body.home-design-premium-boutique .brand-name,
body.home-design-premium-boutique .home-premium-boutique h1,
body.home-design-premium-boutique .home-premium-boutique h2,
body.home-design-premium-boutique .home-premium-boutique .watch-card h3,
body.home-design-premium-boutique .site-footer-heading {
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 0;
}

.home-premium-boutique {
    color: var(--luxury-text);
}

.luxury-eyebrow {
    margin: 0 0 .9rem;
    color: var(--luxury-gold-dark);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.luxury-hero {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: clamp(2rem, 5vw, 5.5rem);
    min-height: 520px;
    padding: clamp(2.6rem, 6vw, 5.8rem) 0 clamp(2rem, 4vw, 4rem);
    border-bottom: 1px solid var(--luxury-line);
    background: radial-gradient(circle at 78% 20%, rgba(199, 149, 69, .18), transparent 26%), linear-gradient(90deg, rgba(251, 248, 241, 1) 0%, rgba(251, 248, 241, .94) 43%, rgba(255, 253, 248, .58) 100%);
    overflow: hidden;
}

.luxury-hero-copy {
    max-width: 560px;
}

.luxury-hero h1 {
    max-width: 660px;
    margin: 0 0 1.25rem;
    color: var(--luxury-text);
    font-size: clamp(3rem, 6.5vw, 5.7rem);
    font-weight: 700;
    line-height: .94;
}

.luxury-hero-copy > p:not(.luxury-eyebrow) {
    max-width: 470px;
    margin: 0;
    color: #494139;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8;
}

.luxury-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .72rem;
    margin-top: 2rem;
}

.home-premium-boutique .btn {
    min-height: 46px;
    border-radius: 0;
    border-color: var(--luxury-gold);
    padding: .72rem 1.35rem;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    box-shadow: none;
}

.home-premium-boutique .luxury-btn-primary,
.home-premium-boutique .btn:not(.btn-secondary) {
    background: linear-gradient(180deg, #cfa35a, #b98231);
    color: #fff;
}

.home-premium-boutique .luxury-btn-secondary,
.home-premium-boutique .btn-secondary {
    background: transparent;
    color: var(--luxury-text);
}

.luxury-hero-visual {
    position: relative;
    min-height: 440px;
}

.luxury-hero-frame {
    position: absolute;
    inset: 0 0 0 6%;
    border: 1px solid var(--luxury-line);
    background: linear-gradient(135deg, rgba(0, 0, 0, .05), transparent 24%, rgba(255, 255, 255, .42) 55%, rgba(0, 0, 0, .04)), #eadfce;
    box-shadow: var(--luxury-shadow);
    overflow: hidden;
}

.luxury-hero-frame::before {
    content: "";
    position: absolute;
    inset: 11% 10% auto auto;
    width: 44%;
    height: 1px;
    background: var(--luxury-gold);
    opacity: .72;
    z-index: 2;
}

.luxury-hero-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.03);
}

.luxury-watch-placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: radial-gradient(circle at 52% 48%, #f9edda 0 20%, #181511 21% 28%, #dfc99f 29% 32%, #302a23 33% 44%, transparent 45%), linear-gradient(90deg, transparent 0 24%, #3e2514 25% 75%, transparent 76%), var(--luxury-cream);
}

.luxury-hero-card {
    position: absolute;
    right: clamp(1rem, 5vw, 3.2rem);
    bottom: clamp(1rem, 4vw, 2.8rem);
    width: min(280px, 72%);
    padding: 1.1rem 1.25rem;
    border: 1px solid rgba(229, 215, 195, .92);
    background: rgba(255, 253, 248, .92);
    box-shadow: 0 16px 42px rgba(58, 42, 20, .12);
    text-decoration: none;
}

.luxury-hero-card span,
.luxury-hero-card em {
    display: block;
    color: var(--luxury-muted);
    font-size: .75rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.luxury-hero-card strong {
    display: block;
    margin: .35rem 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1.1;
}

.luxury-trust-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--luxury-line);
}

.luxury-trust-row div {
    min-height: 112px;
    padding: 1.25rem 1.35rem;
    border-right: 1px solid var(--luxury-line);
    background: rgba(255, 253, 248, .64);
}

.luxury-trust-row div:last-child {
    border-right: 0;
}

.luxury-trust-row strong,
.luxury-trust-row span {
    display: block;
}

.luxury-trust-row strong {
    color: var(--luxury-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.22rem;
    font-weight: 600;
}

.luxury-trust-row span {
    margin-top: .42rem;
    color: var(--luxury-muted);
    font-size: .86rem;
    line-height: 1.45;
}

.luxury-section {
    padding: clamp(2.5rem, 5vw, 4.6rem) 0;
    border-bottom: 1px solid var(--luxury-line);
}

.luxury-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.8rem;
}

.luxury-section-heading h2,
.luxury-instagram-strip h2 {
    margin: 0;
    color: var(--luxury-text);
    font-size: clamp(2.1rem, 4vw, 3.7rem);
    font-weight: 600;
    line-height: 1;
}

.luxury-section-heading a {
    border-bottom: 1px solid var(--luxury-gold);
    color: var(--luxury-gold-dark);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.5;
    text-decoration: none;
    text-transform: uppercase;
}

.luxury-section-heading-centered {
    display: block;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.home-premium-boutique .watch-grid {
    gap: 1.25rem;
}

.home-premium-boutique .watch-card {
    border-radius: 0;
    border-color: var(--luxury-line);
    background: var(--luxury-paper);
    box-shadow: none;
}

.home-premium-boutique .watch-image-wrap {
    background: var(--luxury-cream);
    aspect-ratio: 1 / 1.08;
}

.home-premium-boutique .watch-content {
    padding: 1rem 1rem 1.1rem;
}

.home-premium-boutique .watch-brand {
    color: var(--luxury-gold-dark);
    font-size: .7rem;
    letter-spacing: .16em;
}

.home-premium-boutique .watch-card h3 {
    font-size: 1.28rem;
    font-weight: 600;
    line-height: 1.14;
}

.home-premium-boutique .watch-price {
    color: var(--luxury-text);
    font-size: .96rem;
}

.home-premium-boutique .status-badge {
    border-radius: 0;
    background: rgba(255, 253, 248, .88);
    color: var(--luxury-text);
    border: 1px solid var(--luxury-line);
}

.luxury-load-more {
    margin-top: 1.75rem;
}

.luxury-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--luxury-line);
    border: 1px solid var(--luxury-line);
}

.luxury-category-card {
    min-height: 270px;
    padding: 1.5rem;
    background: linear-gradient(180deg, rgba(255, 253, 248, .84), rgba(245, 236, 221, .92)), var(--luxury-paper);
    text-decoration: none;
}

.luxury-category-card span {
    color: var(--luxury-gold);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.luxury-category-card strong {
    display: block;
    max-width: 260px;
    margin: 4.5rem 0 .75rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.55rem, 2.6vw, 2.35rem);
    font-weight: 600;
    line-height: 1.02;
}

.luxury-category-card em {
    display: block;
    max-width: 280px;
    color: var(--luxury-muted);
    font-size: 1rem;
    font-style: normal;
    line-height: 1.6;
}

.luxury-testimonials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding-top: 0;
    padding-bottom: 0;
    background: var(--luxury-line);
}

.luxury-quote {
    min-height: 280px;
    padding: clamp(2rem, 4vw, 3.2rem);
    background: var(--luxury-paper);
}

.luxury-quote p {
    margin: 0;
    color: var(--luxury-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.45rem, 2.4vw, 2.2rem);
    line-height: 1.18;
}

.luxury-quote span {
    display: block;
    margin-top: 1.35rem;
    color: var(--luxury-gold-dark);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.luxury-instagram-strip {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 1.2rem;
    align-items: center;
    padding: clamp(2.2rem, 4vw, 3.5rem) 0;
}

.luxury-instagram-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .56rem;
}

.luxury-instagram-grid a {
    display: block;
    aspect-ratio: 1;
    border: 1px solid var(--luxury-line);
    overflow: hidden;
    background: var(--luxury-cream);
}

.luxury-instagram-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.home-design-premium-boutique .site-footer {
    border-top: 1px solid var(--luxury-line);
    background: #f3eadc;
}

body.home-design-premium-boutique .site-footer-grid-wrap,
body.home-design-premium-boutique .site-footer-grid {
    border-color: var(--luxury-line);
}

body.home-design-premium-boutique .site-footer-link,
body.home-design-premium-boutique .site-footer-text,
body.home-design-premium-boutique .site-footer-bottom-text {
    color: var(--luxury-muted);
}

body.home-design-premium-boutique .site-footer-link:hover {
    color: var(--luxury-gold-dark);
}

@media (max-width: 980px) {
    body.home-design-premium-boutique .page-shell > .container {
        width: min(100% - 32px, 1320px);
    }

    .luxury-hero {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 2rem;
    }

    .luxury-hero-visual {
        min-height: 360px;
    }

    .luxury-hero-frame {
        inset: 0;
    }

    .luxury-trust-row,
    .luxury-category-grid,
    .luxury-testimonials,
    .luxury-instagram-strip {
        grid-template-columns: 1fr;
    }

    .luxury-trust-row div {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--luxury-line);
    }

    .luxury-instagram-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .luxury-hero {
        padding-top: 2rem;
    }

    .luxury-hero h1 {
        font-size: 3rem;
    }

    .luxury-hero-actions {
        display: grid;
    }

    .home-premium-boutique .btn {
        width: 100%;
    }

    .luxury-hero-visual {
        min-height: 300px;
    }

    .luxury-hero-card {
        right: .75rem;
        bottom: .75rem;
        width: calc(100% - 1.5rem);
    }

    .luxury-section-heading {
        display: block;
    }

    .luxury-section-heading a {
        display: inline-flex;
        margin-top: .85rem;
    }

    .luxury-category-card {
        min-height: 220px;
    }

    .luxury-category-card strong {
        margin-top: 3rem;
    }
}

body.home-design-premium-boutique .site-header {
    top: 0;
    border-bottom: 1px solid var(--luxury-line);
    background: rgba(255, 253, 248, .96);
    backdrop-filter: blur(18px);
}

@media (min-width: 981px) {
    body.home-design-premium-boutique .site-header .container.nav-row {
        width: min(1320px, calc(100% - 72px));
        padding: 0;
        gap: 0;
    }

    body.home-design-premium-boutique .nav-top {
        min-height: 86px;
        display: grid;
        grid-template-columns: minmax(220px, .72fr) minmax(320px, 1fr) minmax(260px, .85fr);
        align-items: center;
        gap: 2rem;
        padding: .7rem 0;
    }

    body.home-design-premium-boutique .brand {
        min-height: 52px;
        gap: .72rem;
        color: var(--luxury-text);
        text-decoration: none;
    }

    body.home-design-premium-boutique .brand-has-banner::after {
        content: "ART OF TIME";
        display: inline-flex;
        align-items: center;
        min-width: max-content;
        color: var(--luxury-text);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.15rem;
        font-weight: 600;
        letter-spacing: .24em;
        line-height: 1;
    }

    body.home-design-premium-boutique .brand-banner-wrap {
        width: min(210px, var(--header-banner-width, 210px));
        height: 42px;
        border-radius: 0 !important;
    }

    body.home-design-premium-boutique .brand-banner {
        object-position: left center;
        border-radius: 0 !important;
    }

    body.home-design-premium-boutique .brand-mark {
        --brand-logo-size: 42px;
    }

    body.home-design-premium-boutique .brand-name {
        color: var(--luxury-text);
        font-size: 1.35rem;
        letter-spacing: .24em;
        text-transform: uppercase;
    }

    body.home-design-premium-boutique .header-search-desktop {
        display: block;
        align-self: center;
    }

    body.home-design-premium-boutique .header-search {
        height: 44px;
        border: 0;
        border-bottom: 1px solid var(--luxury-line);
        border-radius: 0;
        background: transparent;
    }

    body.home-design-premium-boutique .header-search input {
        height: 43px;
        padding: 0 .45rem;
        color: var(--luxury-text);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.02rem;
    }

    body.home-design-premium-boutique .header-search input::placeholder {
        color: color-mix(in srgb, var(--luxury-muted) 82%, transparent);
    }

    body.home-design-premium-boutique .header-search button {
        width: 44px;
        height: 43px;
        color: var(--luxury-text);
    }

    body.home-design-premium-boutique .header-utility-desktop {
        position: absolute;
        top: .65rem;
        right: 0;
        display: inline-flex;
        gap: .45rem;
    }

    body.home-design-premium-boutique .nav-top-actions-desktop,
    body.home-design-premium-boutique .nav-top-actions-mobile {
        display: none;
    }

    body.home-design-premium-boutique .header-modern-actions-desktop {
        display: flex;
        justify-content: flex-end;
        padding-top: 1.15rem;
    }

    body.home-design-premium-boutique .header-modern-actions {
        gap: 1.25rem;
    }

    body.home-design-premium-boutique .header-modern-action,
    body.home-design-premium-boutique .site-header .header-modern-actions .cart-header-link {
        min-width: auto;
        min-height: 48px;
        grid-template-rows: 1.45rem auto;
        gap: .24rem;
        padding: .1rem 0;
        color: var(--luxury-text);
    }

    body.home-design-premium-boutique .header-modern-icon svg {
        width: 1.45rem;
        height: 1.45rem;
        stroke-width: 1.65;
    }

    body.home-design-premium-boutique .header-modern-label {
        font-family: Georgia, "Times New Roman", serif;
        font-size: .94rem;
        font-weight: 500;
    }

    body.home-design-premium-boutique .header-modern-chevron {
        width: .34rem;
        height: .34rem;
        transform: translateX(calc(100% + .12rem)) rotate(45deg);
    }

    body.home-design-premium-boutique .header-modern-badge,
    body.home-design-premium-boutique .nav-unread-badge {
        background: var(--luxury-gold);
        border-color: var(--luxury-paper);
    }

    body.home-design-premium-boutique .header-modern-menu-panel {
        border-radius: 0;
        border-color: var(--luxury-line);
        background: rgba(255, 253, 248, .98);
        box-shadow: 0 18px 44px rgba(58, 42, 20, .12);
    }

    body.home-design-premium-boutique .header-modern-menu-panel a,
    body.home-design-premium-boutique .header-modern-menu-panel button {
        border-radius: 0;
        color: var(--luxury-text);
    }

    body.home-design-premium-boutique .header-modern-menu-panel a:hover,
    body.home-design-premium-boutique .header-modern-menu-panel button:hover {
        background: var(--luxury-cream);
    }

    body.home-design-premium-boutique .nav-links-row {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 0 calc((100vw - min(1320px, calc(100vw - 72px))) / 2);
        border-top: 1px solid var(--luxury-line);
        background: #faf6ee;
    }

    body.home-design-premium-boutique .nav-links {
        justify-content: center;
        gap: 1.7rem;
        width: 100%;
        padding: .55rem 0;
    }

    body.home-design-premium-boutique .site-header .nav-links > a,
    body.home-design-premium-boutique .site-header .cart-header-link {
        min-height: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--luxury-muted);
        padding: 0;
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    body.home-design-premium-boutique .site-header .nav-links > a:hover,
    body.home-design-premium-boutique .site-header .cart-header-link:hover {
        color: var(--luxury-gold-dark);
        background: transparent;
    }
}

body.home-design-premium-boutique .language-switcher {
    border-color: var(--luxury-line);
    background: rgba(255, 253, 248, .78);
}

body.home-design-premium-boutique .language-switcher-link {
    color: var(--luxury-muted);
}

body.home-design-premium-boutique .language-switcher-link:hover,
body.home-design-premium-boutique .language-switcher-link.is-active {
    background: var(--luxury-cream);
    color: var(--luxury-text);
}

body.home-design-premium-boutique .theme-toggle {
    border-color: transparent;
    background: transparent;
    color: var(--luxury-text);
}

body.home-design-premium-boutique .header-category-menu {
    --header-category-menu-bg-active: #f5ecdd;
    --header-category-menu-text-active: #3d342c;
    margin-top: 0;
    border-top: 1px solid var(--luxury-line);
    border-bottom: 1px solid var(--luxury-line);
    background: #f5ecdd;
    color: #3d342c;
}

body.home-design-premium-boutique .header-category-menu-list {
    justify-content: center;
}

body.home-design-premium-boutique .header-category-menu-item + .header-category-menu-item {
    border-left-color: rgba(154, 108, 39, .22);
}

body.home-design-premium-boutique .header-category-menu-link {
    padding: .78rem 1.25rem;
    color: #3d342c;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.home-design-premium-boutique .header-category-menu-link:hover,
body.home-design-premium-boutique .header-category-menu-item:focus-within > .header-category-menu-link {
    background: rgba(199, 149, 69, .12);
    color: var(--luxury-gold-dark);
}

body.home-design-premium-boutique .header-category-submenu {
    border-color: var(--luxury-line);
    background: rgba(255, 253, 248, .98);
    color: var(--luxury-text);
    box-shadow: 0 18px 44px rgba(58, 42, 20, .12);
}

body.home-design-premium-boutique .header-category-submenu-link {
    border-radius: 0;
    color: var(--luxury-text);
}

body.home-design-premium-boutique .header-category-submenu-link:hover {
    background: var(--luxury-cream);
}

body.home-design-premium-boutique .site-footer {
    margin-top: 0;
    padding: 0;
    border-top: 1px solid var(--luxury-line);
    background: #f3eadc;
    color: var(--luxury-muted);
}

body.home-design-premium-boutique .site-footer-grid-wrap {
    width: min(1320px, calc(100% - 72px));
    padding: clamp(2.4rem, 5vw, 4.2rem) 0 1rem;
    gap: 1.6rem;
}

body.home-design-premium-boutique .site-footer-grid {
    position: relative;
    grid-template-columns: 1.15fr 1fr 1fr 1.2fr;
    gap: 2.2rem;
    padding-top: 3.2rem;
    border-top: 1px solid var(--luxury-line);
}

body.home-design-premium-boutique .site-footer-grid::before {
    content: "ART OF TIME";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--luxury-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.55rem, 3vw, 2.45rem);
    font-weight: 600;
    letter-spacing: .28em;
    line-height: 1;
}

body.home-design-premium-boutique .site-footer-heading {
    margin-bottom: 1rem;
    color: var(--luxury-text);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
}

body.home-design-premium-boutique .site-footer-links {
    gap: .45rem;
}

body.home-design-premium-boutique .site-footer-link,
body.home-design-premium-boutique .site-footer-link-btn,
body.home-design-premium-boutique .site-footer-text {
    color: var(--luxury-muted);
    font-size: .94rem;
    line-height: 1.65;
}

body.home-design-premium-boutique .site-footer-link:hover,
body.home-design-premium-boutique .site-footer-link-btn:hover {
    color: var(--luxury-gold-dark);
    text-decoration: none;
}

body.home-design-premium-boutique .site-footer-social-link {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--luxury-line);
    border-radius: 0;
    background: transparent;
    color: var(--luxury-gold-dark);
}

body.home-design-premium-boutique .site-footer-bottom {
    padding: 1rem 0 0;
}

body.home-design-premium-boutique .site-footer-bottom::before {
    background: var(--luxury-line);
}

body.home-design-premium-boutique .site-footer-bottom-text {
    color: var(--luxury-muted);
    font-size: .76rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 980px) {
    body.home-design-premium-boutique .site-header {
        position: sticky;
    }

    body.home-design-premium-boutique .site-header .container.nav-row {
        width: min(100% - 24px, 1320px);
        padding-top: .55rem;
        padding-bottom: 0;
    }

    body.home-design-premium-boutique .nav-top {
        padding-right: 0;
    }

    body.home-design-premium-boutique .brand-has-banner::after {
        content: "ART OF TIME";
        color: var(--luxury-text);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: .18em;
    }

    body.home-design-premium-boutique .brand-banner-wrap {
        width: min(160px, 46vw);
        height: 36px;
    }

    body.home-design-premium-boutique .header-mobile-tools {
        display: flex;
        justify-content: flex-end;
    }

    body.home-design-premium-boutique .nav-links-row {
        border-top-color: var(--luxury-line);
        background: #faf6ee;
    }

    body.home-design-premium-boutique .nav-links {
        padding: .35rem 0;
    }

    body.home-design-premium-boutique .header-category-menu-link {
        padding: .7rem 1rem;
        font-size: .68rem;
    }

    body.home-design-premium-boutique .site-footer-grid-wrap {
        width: min(100% - 32px, 1320px);
    }

    body.home-design-premium-boutique .site-footer-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-top: 3rem;
    }
}

html[data-theme="light"] body.home-design-premium-boutique {
    --luxury-bg: #f7f2e8;
    --luxury-paper: #fffdf8;
    --luxury-cream: #efe5d4;
    --luxury-text: #171411;
    --luxury-muted: #756b60;
    --luxury-line: #dfcfb8;
    --luxury-gold: #bd8a3d;
    --luxury-gold-dark: #8f6426;
    --luxury-header: rgba(255, 253, 248, .96);
    --luxury-nav: #f2eadc;
    --luxury-hero-wash: rgba(189, 138, 61, .15);
    --luxury-shadow: 0 22px 62px rgba(58, 42, 20, .12);
}

html[data-theme="dark"] body.home-design-premium-boutique {
    --luxury-bg: #11100e;
    --luxury-paper: #191612;
    --luxury-cream: #242018;
    --luxury-text: #f4ecdd;
    --luxury-muted: #b7aa96;
    --luxury-line: rgba(214, 186, 139, .24);
    --luxury-gold: #d6aa62;
    --luxury-gold-dark: #e5c27d;
    --luxury-header: rgba(17, 16, 14, .94);
    --luxury-nav: #181510;
    --luxury-hero-wash: rgba(214, 170, 98, .16);
    --luxury-shadow: 0 24px 70px rgba(0, 0, 0, .38);
}

body.home-design-premium-boutique {
    background: var(--luxury-bg);
    color: var(--luxury-text);
}

body.home-design-premium-boutique .page-shell {
    background:
        radial-gradient(circle at 75% 12%, var(--luxury-hero-wash), transparent 28rem),
        linear-gradient(180deg, color-mix(in srgb, var(--luxury-paper) 76%, transparent), var(--luxury-bg) 34rem),
        var(--luxury-bg);
}

body.home-design-premium-boutique .page-shell > .container {
    width: min(1320px, calc(100% - 72px));
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.home-design-premium-boutique .site-header {
    border-bottom: 1px solid var(--luxury-line);
    background: var(--luxury-header);
    color: var(--luxury-text);
}

body.home-design-premium-boutique .brand-has-banner::after,
body.home-design-premium-boutique .site-footer-grid::before {
    content: none !important;
    display: none !important;
}

body.home-design-premium-boutique .brand-name,
body.home-design-premium-boutique .site-header a,
body.home-design-premium-boutique .site-header button {
    color: var(--luxury-text);
}

body.home-design-premium-boutique .brand-banner-wrap {
    border-radius: 0 !important;
}

body.home-design-premium-boutique .header-search {
    border-color: var(--luxury-line);
    background: transparent;
}

body.home-design-premium-boutique .header-search input,
body.home-design-premium-boutique .header-search button {
    color: var(--luxury-text);
}

body.home-design-premium-boutique .header-search input::placeholder {
    color: color-mix(in srgb, var(--luxury-muted) 78%, transparent);
}

body.home-design-premium-boutique .nav-links-row,
body.home-design-premium-boutique .header-category-menu {
    border-color: var(--luxury-line);
    background: var(--luxury-nav);
}

body.home-design-premium-boutique .header-category-menu {
    --header-category-menu-bg-active: var(--luxury-nav);
    --header-category-menu-text-active: var(--luxury-text);
}

body.home-design-premium-boutique .site-header .nav-links > a,
body.home-design-premium-boutique .header-category-menu-link,
body.home-design-premium-boutique .header-modern-label {
    color: var(--luxury-muted);
}

body.home-design-premium-boutique .site-header .nav-links > a:hover,
body.home-design-premium-boutique .header-category-menu-link:hover,
body.home-design-premium-boutique .header-category-menu-item:focus-within > .header-category-menu-link,
body.home-design-premium-boutique .header-modern-action:hover .header-modern-label,
body.home-design-premium-boutique .header-modern-action:hover {
    color: var(--luxury-gold-dark);
}

body.home-design-premium-boutique .header-modern-menu-panel,
body.home-design-premium-boutique .header-category-submenu {
    border-color: var(--luxury-line);
    background: color-mix(in srgb, var(--luxury-paper) 96%, var(--luxury-bg) 4%);
    color: var(--luxury-text);
    box-shadow: var(--luxury-shadow);
}

body.home-design-premium-boutique .home-premium-boutique h1,
body.home-design-premium-boutique .home-premium-boutique h2,
body.home-design-premium-boutique .home-premium-boutique .watch-card h3 {
    color: var(--luxury-text);
    font-family: Georgia, "Times New Roman", serif;
}

body.home-design-premium-boutique .luxury-hero {
    border-bottom-color: var(--luxury-line);
    background:
        radial-gradient(circle at 78% 18%, var(--luxury-hero-wash), transparent 27%),
        linear-gradient(90deg, var(--luxury-bg) 0%, color-mix(in srgb, var(--luxury-bg) 92%, var(--luxury-paper) 8%) 48%, color-mix(in srgb, var(--luxury-paper) 44%, transparent) 100%);
}

body.home-design-premium-boutique .luxury-hero-copy > p:not(.luxury-eyebrow),
body.home-design-premium-boutique .luxury-trust-row span,
body.home-design-premium-boutique .luxury-category-card em,
body.home-design-premium-boutique .site-footer-text,
body.home-design-premium-boutique .site-footer-link,
body.home-design-premium-boutique .site-footer-link-btn,
body.home-design-premium-boutique .site-footer-bottom-text {
    color: var(--luxury-muted);
}

body.home-design-premium-boutique .luxury-eyebrow,
body.home-design-premium-boutique .luxury-section-heading a,
body.home-design-premium-boutique .luxury-quote span {
    color: var(--luxury-gold-dark);
}

body.home-design-premium-boutique .luxury-hero-frame,
body.home-design-premium-boutique .watch-card,
body.home-design-premium-boutique .luxury-category-grid,
body.home-design-premium-boutique .luxury-instagram-grid a {
    border-color: var(--luxury-line);
    background: var(--luxury-paper);
}

body.home-design-premium-boutique .luxury-hero-frame {
    box-shadow: var(--luxury-shadow);
}

body.home-design-premium-boutique .luxury-hero-card,
body.home-design-premium-boutique .luxury-trust-row div,
body.home-design-premium-boutique .luxury-category-card,
body.home-design-premium-boutique .luxury-quote {
    border-color: var(--luxury-line);
    background: color-mix(in srgb, var(--luxury-paper) 88%, var(--luxury-bg) 12%);
    color: var(--luxury-text);
}

body.home-design-premium-boutique .luxury-trust-row,
body.home-design-premium-boutique .luxury-section,
body.home-design-premium-boutique .luxury-testimonials {
    border-color: var(--luxury-line);
}

body.home-design-premium-boutique .luxury-testimonials,
body.home-design-premium-boutique .luxury-category-grid {
    background: var(--luxury-line);
}

body.home-design-premium-boutique .home-premium-boutique .btn:not(.btn-secondary) {
    border-color: var(--luxury-gold);
    background: linear-gradient(180deg, color-mix(in srgb, var(--luxury-gold) 92%, #fff 8%), color-mix(in srgb, var(--luxury-gold) 72%, #4d3217 28%));
    color: #fff;
}

body.home-design-premium-boutique .home-premium-boutique .btn-secondary {
    border-color: var(--luxury-gold);
    background: transparent;
    color: var(--luxury-text);
}

body.home-design-premium-boutique .site-footer {
    border-top-color: var(--luxury-line);
    background: color-mix(in srgb, var(--luxury-nav) 86%, var(--luxury-bg) 14%);
    color: var(--luxury-muted);
}

body.home-design-premium-boutique .site-footer-grid {
    padding-top: 0;
    border-top: 1px solid var(--luxury-line);
}

body.home-design-premium-boutique .site-footer-heading {
    color: var(--luxury-text);
}

body.home-design-premium-boutique .site-footer-social-link {
    border-color: var(--luxury-line);
    background: transparent;
    color: var(--luxury-gold-dark);
}

html[data-theme="dark"] body.home-design-premium-boutique .luxury-hero-frame img,
html[data-theme="dark"] body.home-design-premium-boutique .home-banner-link img,
html[data-theme="dark"] body.home-design-premium-boutique .watch-image {
    filter: brightness(.82) contrast(1.05);
}

@media (max-width: 980px) {
    body.home-design-premium-boutique .page-shell > .container {
        width: min(100% - 32px, 1320px);
    }

    body.home-design-premium-boutique .site-header .container.nav-row {
        width: min(100% - 24px, 1320px);
    }
}

@media (max-width: 760px) {
    body.home-design-premium-boutique .page-shell {
        padding-top: 0;
    }

    body.home-design-premium-boutique .page-shell > .container {
        width: min(100% - 20px, 1320px);
    }

    body.home-design-premium-boutique .site-header .container.nav-row {
        width: min(100% - 18px, 1320px);
        padding-top: .45rem;
    }

    body.home-design-premium-boutique .nav-top {
        align-items: center;
        gap: .45rem;
    }

    body.home-design-premium-boutique .brand {
        min-height: 40px;
        padding-bottom: 0;
    }

    body.home-design-premium-boutique .brand-banner-wrap {
        width: min(150px, 44vw);
        height: 34px;
    }

    body.home-design-premium-boutique .header-mobile-tools {
        gap: .32rem;
    }

    body.home-design-premium-boutique .icon-btn-circle,
    body.home-design-premium-boutique .mobile-theme-toggle-corner,
    body.home-design-premium-boutique .language-switcher-mobile-current {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }

    body.home-design-premium-boutique .nav-links-row {
        margin-top: .35rem;
        padding-top: .18rem;
        padding-bottom: .18rem;
    }

    body.home-design-premium-boutique .nav-links {
        gap: .45rem;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        scrollbar-width: none;
    }

    body.home-design-premium-boutique .nav-links::-webkit-scrollbar {
        display: none;
    }

    body.home-design-premium-boutique .site-header .nav-links > a {
        white-space: nowrap;
        font-size: .68rem;
    }

    body.home-design-premium-boutique .luxury-hero {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        min-height: 0;
        padding: 1.45rem 0 1.2rem;
    }

    body.home-design-premium-boutique .luxury-hero h1 {
        max-width: 100%;
        margin-bottom: .85rem;
        font-size: clamp(2.25rem, 15vw, 3.35rem);
        line-height: .98;
    }

    body.home-design-premium-boutique .luxury-hero-copy > p:not(.luxury-eyebrow) {
        max-width: 100%;
        font-size: .94rem;
        line-height: 1.62;
    }

    body.home-design-premium-boutique .luxury-hero-actions {
        display: grid;
        gap: .65rem;
        margin-top: 1.25rem;
    }

    body.home-design-premium-boutique .home-premium-boutique .btn {
        width: 100%;
        min-height: 44px;
    }

    body.home-design-premium-boutique .luxury-hero-visual {
        min-height: 0;
    }

    body.home-design-premium-boutique .luxury-hero-frame {
        position: relative;
        inset: auto;
        min-height: 245px;
        aspect-ratio: 4 / 3;
    }

    body.home-design-premium-boutique .luxury-hero-card {
        right: .7rem;
        bottom: .7rem;
        width: calc(100% - 1.4rem);
        padding: .82rem .92rem;
    }

    body.home-design-premium-boutique .luxury-hero-card strong {
        font-size: 1.12rem;
    }

    body.home-design-premium-boutique .luxury-trust-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.home-design-premium-boutique .luxury-trust-row div {
        min-height: 0;
        padding: 1rem;
        border-right: 1px solid var(--luxury-line);
        border-bottom: 1px solid var(--luxury-line);
    }

    body.home-design-premium-boutique .luxury-section {
        padding: 2.1rem 0;
    }

    body.home-design-premium-boutique .luxury-section-heading {
        display: block;
        margin-bottom: 1.15rem;
    }

    body.home-design-premium-boutique .luxury-section-heading h2,
    body.home-design-premium-boutique .luxury-instagram-strip h2 {
        font-size: clamp(1.9rem, 11vw, 2.8rem);
    }

    body.home-design-premium-boutique .luxury-section-heading a {
        display: inline-flex;
        margin-top: .75rem;
    }

    body.home-design-premium-boutique .watch-grid {
        gap: .75rem;
    }

    body.home-design-premium-boutique .watch-content {
        padding: .78rem;
    }

    body.home-design-premium-boutique .luxury-category-grid,
    body.home-design-premium-boutique .luxury-testimonials,
    body.home-design-premium-boutique .luxury-instagram-strip {
        grid-template-columns: 1fr;
    }

    body.home-design-premium-boutique .luxury-category-card {
        min-height: 190px;
        padding: 1.15rem;
    }

    body.home-design-premium-boutique .luxury-category-card strong {
        margin-top: 2rem;
    }

    body.home-design-premium-boutique .luxury-quote {
        min-height: 0;
        padding: 1.35rem;
    }

    body.home-design-premium-boutique .luxury-instagram-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .45rem;
    }

    body.home-design-premium-boutique .site-footer-grid-wrap {
        width: min(100% - 28px, 1320px);
        padding: 2rem 0 .8rem;
    }

    body.home-design-premium-boutique .site-footer-grid {
        grid-template-columns: 1fr;
        gap: .72rem;
        padding-top: 0;
    }
}

@media (max-width: 460px) {
    body.home-design-premium-boutique .luxury-trust-row {
        grid-template-columns: 1fr;
    }

    body.home-design-premium-boutique .luxury-hero-frame {
        min-height: 220px;
    }

    body.home-design-premium-boutique .luxury-instagram-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

html[data-theme="light"] body.home-design-premium-atelier,
html[data-theme="dark"] body.home-design-premium-atelier,
body.home-design-premium-atelier {
    --atelier-bg: var(--bg);
    --atelier-panel: var(--panel);
    --atelier-panel-soft: var(--panel-2);
    --atelier-ivory: var(--text);
    --atelier-muted: var(--muted);
    --atelier-line: var(--line);
    --atelier-gold: var(--gold);
    --atelier-gold-strong: var(--gold);
    --atelier-burgundy: var(--panel-2);
    --atelier-green: var(--workspace);
    --atelier-shadow: var(--shadow);
    --luxury-bg: var(--atelier-bg);
    --luxury-paper: var(--atelier-panel);
    --luxury-cream: var(--atelier-panel-soft);
    --luxury-text: var(--atelier-ivory);
    --luxury-muted: var(--atelier-muted);
    --luxury-line: var(--atelier-line);
    --luxury-gold: var(--atelier-gold);
    --luxury-gold-dark: var(--atelier-gold-strong);
    --luxury-header: rgba(13, 13, 12, .94);
    --luxury-nav: #12110f;
    --luxury-shadow: var(--atelier-shadow);
}


body.home-design-premium-atelier .home-premium-boutique h1,
body.home-design-premium-atelier .home-premium-boutique h2,
body.home-design-premium-atelier .home-premium-boutique .watch-card h3 {
    color: var(--atelier-ivory);
    font-family: Georgia, "Times New Roman", serif;
}

body.home-design-premium-atelier .luxury-hero {
    position: relative;
    grid-template-columns: minmax(0, .82fr) minmax(460px, 1.18fr);
    min-height: 610px;
    border-bottom-color: var(--atelier-line);
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--panel) 82%, var(--bg) 18%) 0%, color-mix(in srgb, var(--panel) 70%, var(--bg) 30%) 48%, color-mix(in srgb, var(--workspace) 74%, transparent) 100%),
        var(--atelier-bg);
}

body.home-design-premium-atelier .luxury-hero::before {
    content: "";
    position: absolute;
    inset: 2rem auto 2rem 49%;
    width: 1px;
    background: linear-gradient(180deg, transparent, var(--atelier-gold), transparent);
    opacity: .55;
}

body.home-design-premium-atelier .luxury-eyebrow {
    color: var(--atelier-gold-strong);
}

body.home-design-premium-atelier .luxury-hero h1 {
    max-width: 720px;
    color: var(--atelier-ivory);
    font-size: clamp(3.15rem, 6.2vw, 6.15rem);
    line-height: .92;
}

body.home-design-premium-atelier .luxury-hero-copy > p:not(.luxury-eyebrow),
body.home-design-premium-atelier .luxury-trust-row span,
body.home-design-premium-atelier .luxury-category-card em {
    color: var(--atelier-muted);
}

body.home-design-premium-atelier .home-premium-boutique .btn {
    border-radius: 999px;
    border-color: var(--atelier-gold);
}

body.home-design-premium-atelier .home-premium-boutique .btn:not(.btn-secondary) {
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
    color: var(--bg);
}

body.home-design-premium-atelier .home-premium-boutique .btn-secondary {
    background: color-mix(in srgb, var(--panel) 72%, transparent);
    color: var(--atelier-ivory);
}

body.home-design-premium-atelier .luxury-hero-frame {
    inset: 0 0 0 2%;
    border-color: var(--atelier-line);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--text) 8%, transparent), transparent 32%),
        linear-gradient(180deg, var(--panel-2), var(--bg));
    box-shadow: var(--atelier-shadow);
}

body.home-design-premium-atelier .luxury-hero-frame::before {
    top: auto;
    right: 9%;
    bottom: 9%;
    width: 46%;
    background: var(--atelier-gold-strong);
}

body.home-design-premium-atelier .luxury-hero-frame img,
body.home-design-premium-atelier .home-banner-link img,
body.home-design-premium-atelier .watch-image {
    filter: brightness(.84) contrast(1.08) saturate(.92);
}

body.home-design-premium-atelier .luxury-hero-card {
    border-color: var(--atelier-line);
    background: color-mix(in srgb, var(--panel) 88%, transparent);
    color: var(--atelier-ivory);
    backdrop-filter: blur(16px);
}

body.home-design-premium-atelier .luxury-hero-card span,
body.home-design-premium-atelier .luxury-hero-card em {
    color: var(--atelier-gold-strong);
}

body.home-design-premium-atelier .luxury-trust-row {
    border-color: var(--atelier-line);
    background: var(--workspace);
}

body.home-design-premium-atelier .luxury-trust-row div,
body.home-design-premium-atelier .luxury-category-card,
body.home-design-premium-atelier .luxury-quote {
    border-color: var(--atelier-line);
    background: linear-gradient(180deg, rgba(245, 239, 227, .045), rgba(245, 239, 227, .018));
    color: var(--atelier-ivory);
}

body.home-design-premium-atelier .luxury-section,
body.home-design-premium-atelier .luxury-testimonials {
    border-color: var(--atelier-line);
}

body.home-design-premium-atelier .luxury-section-heading a,
body.home-design-premium-atelier .luxury-quote span {
    color: var(--atelier-gold-strong);
}

body.home-design-premium-atelier .luxury-category-grid,
body.home-design-premium-atelier .luxury-testimonials {
    background: var(--atelier-line);
}

body.home-design-premium-atelier .luxury-category-card:nth-child(2) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 82%, var(--workspace) 18%), color-mix(in srgb, var(--panel) 86%, var(--bg) 14%));
}

body.home-design-premium-atelier .luxury-category-card:nth-child(3) {
    background: linear-gradient(180deg, color-mix(in srgb, var(--workspace) 86%, var(--panel-2) 14%), color-mix(in srgb, var(--panel) 86%, var(--bg) 14%));
}

body.home-design-premium-atelier .watch-card,
body.home-design-premium-atelier .luxury-instagram-grid a {
    border-color: var(--atelier-line);
    background: var(--panel);
}

body.home-design-premium-atelier .watch-card {
    border-radius: 8px;
    overflow: hidden;
}

body.home-design-premium-atelier .watch-image-wrap {
    background: linear-gradient(180deg, var(--panel-2), var(--bg));
}

body.home-design-premium-atelier .watch-brand {
    color: var(--atelier-gold-strong);
}

body.home-design-premium-atelier .watch-price {
    color: var(--atelier-ivory);
}

body.home-design-premium-atelier .status-badge {
    border-color: var(--line);
    background: color-mix(in srgb, var(--panel) 82%, transparent);
    color: var(--atelier-ivory);
}

@media (max-width: 980px) {
    body.home-design-premium-atelier .luxury-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    body.home-design-premium-atelier .luxury-hero::before {
        content: none;
    }

    body.home-design-premium-atelier .luxury-hero-frame {
        inset: 0;
    }
}

@media (max-width: 760px) {
    body.home-design-premium-atelier .luxury-hero {
        gap: 1.2rem;
        padding: 1.45rem 0 1.2rem;
    }

    body.home-design-premium-atelier .luxury-hero h1 {
        max-width: 100%;
        margin-bottom: .85rem;
        font-size: clamp(2.18rem, 14vw, 3.28rem);
        line-height: .98;
    }

    body.home-design-premium-atelier .luxury-hero-copy > p:not(.luxury-eyebrow) {
        max-width: 100%;
        font-size: .94rem;
        line-height: 1.62;
    }

    body.home-design-premium-atelier .luxury-hero-actions {
        display: grid;
        gap: .65rem;
        margin-top: 1.25rem;
    }

    body.home-design-premium-atelier .home-premium-boutique .btn {
        width: 100%;
        min-height: 44px;
    }

    body.home-design-premium-atelier .luxury-hero-visual {
        min-height: 0;
    }

    body.home-design-premium-atelier .luxury-hero-frame {
        position: relative;
        min-height: 250px;
        aspect-ratio: 4 / 3;
    }

    body.home-design-premium-atelier .luxury-hero-card {
        right: .7rem;
        bottom: .7rem;
        width: calc(100% - 1.4rem);
        padding: .82rem .92rem;
    }

    body.home-design-premium-atelier .luxury-hero-card strong {
        font-size: 1.08rem;
    }

    body.home-design-premium-atelier .luxury-trust-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.home-design-premium-atelier .luxury-trust-row div {
        min-height: 0;
        padding: 1rem;
        border-right: 1px solid var(--atelier-line);
        border-bottom: 1px solid var(--atelier-line);
    }

    body.home-design-premium-atelier .luxury-section {
        padding: 2.1rem 0;
    }

    body.home-design-premium-atelier .luxury-section-heading {
        display: block;
        margin-bottom: 1.15rem;
    }

    body.home-design-premium-atelier .luxury-section-heading h2,
    body.home-design-premium-atelier .luxury-instagram-strip h2 {
        font-size: clamp(1.9rem, 11vw, 2.75rem);
    }

    body.home-design-premium-atelier .luxury-section-heading a {
        display: inline-flex;
        margin-top: .75rem;
    }

    body.home-design-premium-atelier .watch-grid {
        gap: .75rem;
    }

    body.home-design-premium-atelier .watch-card {
        border-radius: 6px;
    }

    body.home-design-premium-atelier .watch-content {
        padding: .78rem;
    }

    body.home-design-premium-atelier .luxury-category-grid,
    body.home-design-premium-atelier .luxury-testimonials,
    body.home-design-premium-atelier .luxury-instagram-strip {
        grid-template-columns: 1fr;
    }

    body.home-design-premium-atelier .luxury-category-card {
        min-height: 190px;
        padding: 1.15rem;
    }

    body.home-design-premium-atelier .luxury-category-card strong {
        margin-top: 2rem;
    }

    body.home-design-premium-atelier .luxury-quote {
        min-height: 0;
        padding: 1.35rem;
    }

    body.home-design-premium-atelier .luxury-instagram-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .45rem;
    }

}

@media (max-width: 460px) {
    body.home-design-premium-atelier .luxury-trust-row {
        grid-template-columns: 1fr;
    }

    body.home-design-premium-atelier .luxury-hero-frame {
        min-height: 220px;
    }

    body.home-design-premium-atelier .luxury-instagram-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Keep header dropdowns above home banners and hero media. */
.site-header {
    z-index: 10000;
    overflow: visible;
}
.site-header .container,
.site-header .nav-row,
.site-header .nav-top,
.site-header .nav-actions,
.site-header .nav-links-row,
.site-header .header-mobile-tools,
.site-header .header-modern-actions-desktop {
    position: relative;
    overflow: visible;
}
.site-header .nav-top {
    z-index: 10100;
}
.site-header .brand,
.site-header .brand-banner-wrap,
.site-header .header-search-desktop {
    position: relative;
    z-index: 1;
}
.site-header .nav-top-actions-desktop,
.site-header .nav-top-actions-mobile,
.site-header .nav-actions,
.site-header .nav-links-row,
.site-header .header-mobile-tools {
    z-index: 10120;
}
.site-header .header-modern-actions-desktop {
    z-index: 10140;
}
.site-header .header-category-menu {
    z-index: 10020;
}
.site-header .header-category-menu.has-open-submenu,
.site-header .header-category-menu:hover,
.site-header .header-category-menu:focus-within {
    z-index: 10040;
}
.site-header .header-category-submenu {
    z-index: 10050;
}
.site-header .header-modern-actions-desktop:has(.header-modern-menu[open]),
.site-header .header-modern-actions-desktop:has(.header-modern-menu:hover),
.site-header .header-modern-actions-desktop:has(.header-modern-menu:focus-within),
.site-header .nav-actions:has(.user-settings-menu[open]),
.site-header .nav-actions:has(.admin-mobile-menu[open]),
.site-header .nav-actions:has(.mobile-header-menu[open]),
.site-header .nav-links-row:has(.mobile-offer-menu[open]),
.site-header .header-mobile-tools:has(.mobile-header-search[open]),
.site-header .header-mobile-tools:has(.mobile-account-menu[open]),
.site-header .header-mobile-tools:has(.mobile-offer-menu[open]) {
    z-index: 10200;
}
html[data-theme="dark"] body.home-design-premium-boutique .site-header .header-modern-register-link {
    border-color: #9b6a2f;
    background: #070707;
    color: #d8b06a;
}
html[data-theme="dark"] body.home-design-premium-boutique .site-header .header-modern-register-link:hover {
    border-color: #c18a42;
    background: #0d0b08;
    color: #f0cc88;
}
.site-header .header-modern-menu,
.site-header .header-modern-menu[open],
.site-header .header-modern-menu:hover,
.site-header .header-modern-menu:focus-within,
.site-header .user-settings-menu,
.site-header .user-settings-menu[open],
.site-header .admin-mobile-menu,
.site-header .admin-mobile-menu[open],
.site-header .mobile-header-menu,
.site-header .mobile-header-menu[open],
.site-header .mobile-header-search[open],
.site-header .mobile-account-menu[open],
.site-header .mobile-offer-menu[open] {
    z-index: 10220;
}
.site-header .header-modern-menu-panel,
.site-header .header-cart-preview,
.site-header .user-settings-menu-panel,
.site-header .admin-mobile-menu-panel,
.site-header .mobile-header-menu-panel,
.site-header .mobile-header-search-panel,
.site-header .mobile-account-menu-panel,
.site-header .mobile-offer-menu-panel,
.site-header .mobile-offer-submenu {
    z-index: 10240;
}
.site-header .header-mobile-tools:has(.mobile-account-menu[open]),
.site-header .header-mobile-tools:has(.mobile-header-menu[open]),
.site-header .nav-actions:has(.admin-mobile-menu[open]),
.site-header .nav-actions:has(.mobile-header-menu[open]) {
    z-index: 2147483000;
}
.site-header .mobile-account-menu[open],
.site-header .mobile-header-menu[open],
.site-header .admin-mobile-menu[open] {
    z-index: 2147483001;
}
.site-header .mobile-account-menu-panel,
.site-header .mobile-header-menu-panel,
.site-header .admin-mobile-menu-panel {
    z-index: 2147483002;
}
.site-header .nav-top-actions-mobile:has(.language-switcher-mobile[open]) {
    z-index: 2147483003;
}
.site-header .nav-top-actions-mobile .language-switcher-mobile[open] {
    z-index: 2147483004;
}
.site-header .nav-top-actions-mobile .language-switcher-mobile-panel {
    z-index: 2147483005;
}
@media (max-width: 980px) {
    .site-header .mobile-account-menu-panel,
    .site-header .mobile-header-menu-panel {
        top: calc(100% + .28rem);
    }
}
.site-header .nav-top:has(.mobile-account-menu[open]),
.site-header .nav-top:has(.mobile-header-menu[open]),
.site-header .nav-top:has(.admin-mobile-menu[open]) {
    z-index: 2147482999;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-item {
    display: block;
    grid-template-columns: none;
    gap: 0;
    padding: 0;
    border-radius: 0;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-media {
    grid-template-columns: 1fr;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields {
    display: grid;
    grid-template-columns: 1fr;
    gap: .56rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .grid-2,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-design-grid,
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > div:has(> input[type="file"]),
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-mobile-crop {
    grid-column: auto;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .settings-home-banner-bottom {
    order: initial;
    justify-content: space-between;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-preview {
    max-height: none;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop {
    padding: .62rem;
}
.settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-preview {
    width: min(100%, 540px);
}
@media (max-width: 760px) {
    .settings-home-banner-page-head {
        gap: .56rem;
        margin-bottom: .7rem;
    }
    .settings-home-banner-page-title {
        flex-direction: row;
        align-items: flex-start;
    }
    .settings-home-banner-title-icon {
        width: 38px;
        height: 38px;
    }
    .settings-home-banner-page-title h3 {
        font-size: 1.05rem;
    }
    .settings-home-banner-page-title h3 span {
        display: block;
        margin-top: .1rem;
    }
    .settings-home-banner-help-btn {
        width: 100%;
    }
    .settings-home-banner-admin {
        width: 100%;
        max-width: 100%;
        padding: .58rem;
        border-radius: 10px;
    }
    .settings-home-banner-switch-grid,
    .settings-home-banner-options-grid {
        grid-template-columns: 1fr;
        gap: .46rem;
    }
    .settings-home-banner-control-card,
    .settings-home-banner-option-card,
    .settings-home-banner-switch-grid .settings-row.settings-home-banner-control-card {
        min-height: 52px;
        padding: .55rem .58rem .55rem 2.5rem;
    }
    .settings-home-banner-control-icon {
        left: .58rem;
    }
    .settings-home-banner-height-control,
    .settings-home-banner-height-control-compact {
        grid-template-columns: minmax(0, 1fr) 72px;
        gap: .44rem;
    }
    .settings-home-banner-tabs-wrap {
        border-radius: 10px;
    }
    .settings-home-banner-tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 1rem;
        overflow-x: auto;
        padding: .54rem .68rem 0;
        scrollbar-width: none;
    }
    .settings-home-banner-tabs::-webkit-scrollbar {
        display: none;
    }
    .settings-home-banner-tab {
        width: auto;
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .settings-home-banner-panels {
        padding: .58rem;
    }
    .settings-home-banner-create-summary {
        min-height: 48px;
        padding: .5rem .56rem;
    }
    .settings-home-banner-create-grid {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-item-summary {
        grid-template-columns: 92px minmax(0, 1fr) 72px;
        min-height: 66px;
        padding: .5rem;
    }
    .settings-home-banner-row-thumb {
        width: 92px;
        border-radius: 5px;
    }
    .settings-home-banner-row-copy strong {
        font-size: .84rem;
    }
    .settings-home-banner-row-copy small {
        font-size: .7rem;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .settings-home-banner-row-actions {
        gap: .28rem;
    }
    .settings-home-banner-icon-btn {
        width: 30px;
        height: 30px;
    }
    .settings-home-banner-editor-layout {
        grid-template-columns: 1fr;
        gap: .58rem;
        padding: .58rem;
    }
    .settings-home-banner-editor-card {
        padding: .62rem;
        border-radius: 8px;
    }
    .settings-home-banner-editor-main,
    .settings-home-banner-position-stack,
    .settings-home-banner-design-grid,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .grid-2,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-design-grid,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-body {
        grid-template-columns: 1fr;
    }
    .settings-home-banner-editor-head {
        align-items: flex-start;
        gap: .5rem;
    }
    .settings-home-banner-preview-large {
        max-height: none;
    }
    .settings-home-banner-tips {
        display: none;
    }
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-preview {
        width: 100%;
    }
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-fields > .grid-2,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-design-grid,
    .settings-home-banner-device-section[data-home-banner-device="mobile"] .settings-home-banner-mobile-crop-body {
        grid-template-columns: 1fr;
    }
}
.page-shell,
.page-shell > .container,
.home-banner-carousel,
.settings-home-banner-admin,
.settings-home-banner-card,
.settings-home-banner-list,
.settings-home-banner-item,
.settings-home-banner-preview,
.settings-home-banner-mobile-crop-preview {
    position: relative;
    isolation: isolate;
    z-index: 0 !important;
}
.home-banner-track,
.home-banner-slide,
.home-banner-link,
.settings-home-banner-preview img,
.settings-home-banner-mobile-crop-preview img {
    z-index: auto;
}
body.is-home .page-shell:has(> .container > .home-banner-carousel:first-child),
body.is-home .page-shell:has(> .container > .home-banner-intro-strip:first-child) {
    padding-top: 0;
}
@media (min-width: 769px) {
    body.is-home .page-shell:has(> .container > .home-hero.home-hero-desktop-empty:first-child + .home-banner-carousel),
    body.is-home .page-shell:has(> .container > .home-hero.home-hero-desktop-empty:first-child + .home-banner-intro-strip) {
        padding-top: 0;
    }
}
body.is-home .page-shell > .container:has(.home-banner-carousel),
body.is-home .page-shell > .container:has(.home-banner-intro-strip) {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

/* Purchase offers */
.purchase-offer-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.35rem 0 2.75rem;
}
.purchase-offer-head {
    display: grid;
    gap: .65rem;
    margin-bottom: 1rem;
}
.purchase-offer-head h1 {
    margin: 0;
    font-size: clamp(1.9rem, 5vw, 2.85rem);
    line-height: 1.05;
}
.purchase-offer-head p:last-child {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    font-size: 1.02rem;
    line-height: 1.7;
}
.purchase-offer-form {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border-color: color-mix(in srgb, var(--gold) 22%, var(--line));
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, var(--gold) 6%), var(--panel)),
        var(--panel);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .18);
}
.purchase-offer-form.is-uploading {
    cursor: progress;
}
.purchase-offer-field {
    display: grid;
    gap: .48rem;
}
.purchase-offer-label-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}
.purchase-offer-label-row small {
    color: var(--muted);
    font-size: .82rem;
}
.purchase-offer-form textarea {
    min-height: 132px;
    max-height: 520px;
    resize: none;
    overflow: hidden;
    line-height: 1.58;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.purchase-offer-form textarea:focus {
    border-color: color-mix(in srgb, var(--gold) 72%, var(--line));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 20%, transparent);
}
.purchase-upload-zone {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .78rem;
    min-height: 112px;
    padding: .9rem;
    border: 1px dashed color-mix(in srgb, var(--gold) 42%, var(--line));
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel-2) 88%, var(--gold) 12%), color-mix(in srgb, var(--panel) 92%, transparent));
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.purchase-upload-zone:hover,
.purchase-upload-zone.is-dragover {
    border-color: color-mix(in srgb, var(--gold) 82%, var(--line));
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel-2) 78%, var(--gold) 22%), color-mix(in srgb, var(--panel) 90%, transparent));
    transform: translateY(-1px);
}
.purchase-upload-zone input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.purchase-upload-mark {
    width: 46px;
    height: 46px;
    border: 1px solid color-mix(in srgb, var(--gold) 56%, var(--line));
    border-radius: 999px;
    background:
        linear-gradient(var(--gold), var(--gold)) center / 18px 2px no-repeat,
        linear-gradient(var(--gold), var(--gold)) center / 2px 18px no-repeat,
        color-mix(in srgb, var(--panel) 82%, var(--gold) 18%);
    box-shadow: inset 0 0 0 5px color-mix(in srgb, var(--panel-2) 70%, transparent);
}
.purchase-upload-copy {
    min-width: 0;
    display: grid;
    gap: .18rem;
    color: var(--text);
}
.purchase-upload-copy strong {
    font-size: 1.02rem;
}
.purchase-upload-copy span {
    color: var(--muted);
    font-size: 1rem;
}
.purchase-upload-limit {
    justify-self: end;
    padding: .34rem .56rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: color-mix(in srgb, var(--panel) 72%, transparent);
    font-size: .78rem;
    white-space: nowrap;
}
.purchase-offer-file-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .45rem;
    margin-top: .65rem;
}
.purchase-offer-file-list div {
    max-width: 100%;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 30px;
    align-items: center;
    gap: .45rem;
    min-height: 66px;
    padding: .45rem;
    border: 1px solid var(--line);
    border-radius: 8px;
    color: var(--text);
    background: color-mix(in srgb, var(--panel-2) 82%, transparent);
    font-size: .84rem;
    overflow-wrap: anywhere;
}
.purchase-offer-file-list img {
    width: 54px;
    height: 54px;
    border-radius: 6px;
    object-fit: cover;
    background: color-mix(in srgb, var(--line) 45%, transparent);
}
.purchase-offer-file-details {
    min-width: 0;
    display: grid;
    gap: .16rem;
}
.purchase-offer-file-list div.is-warning {
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 10%, var(--panel-2));
}
.purchase-offer-file-list strong {
    font-size: .88rem;
    line-height: 1.25;
}
.purchase-offer-file-list small {
    color: var(--muted);
}
.purchase-offer-file-list span {
    color: var(--gold);
    font-size: .78rem;
    font-weight: 700;
}
.purchase-offer-file-list .is-warning span {
    color: var(--danger);
}
.purchase-offer-file-remove {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: color-mix(in srgb, var(--panel) 82%, transparent);
    font-size: .76rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.purchase-offer-file-remove:hover,
.purchase-offer-file-remove:focus-visible {
    border-color: var(--danger);
    color: var(--danger);
    background: color-mix(in srgb, var(--danger) 10%, var(--panel));
}
.purchase-upload-status {
    display: grid;
    gap: .48rem;
    margin-top: .72rem;
    padding: .7rem;
    border: 1px solid color-mix(in srgb, var(--gold) 36%, var(--line));
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel-2) 84%, var(--gold) 16%);
}
.purchase-upload-status[hidden] {
    display: none;
}
.purchase-upload-status-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}
.purchase-upload-status-head span,
.purchase-upload-status small {
    color: var(--muted);
}
.purchase-upload-progress {
    height: 6px;
    border-radius: 999px;
    overflow: hidden;
    background: color-mix(in srgb, var(--line) 55%, transparent);
}
.purchase-upload-progress span {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gold), color-mix(in srgb, var(--gold) 45%, #fff));
    animation: purchaseUploadProgress 1.05s ease-in-out infinite;
}
.purchase-offer-actions {
    display: flex;
    justify-content: flex-end;
}
.purchase-offer-form.is-uploading .purchase-offer-actions .btn {
    opacity: .78;
}
@keyframes purchaseUploadProgress {
    0% { transform: translateX(-110%); }
    100% { transform: translateX(240%); }
}
.form-error {
    display: block;
    margin-top: .35rem;
    color: var(--danger);
    font-weight: 700;
}
.purchase-admin-page {
    display: grid;
    gap: .72rem;
    padding-bottom: 1.45rem;
}
.purchase-admin-header {
    align-items: center;
    gap: 1rem;
    margin-bottom: .32rem;
}
.purchase-admin-header h1 {
    margin: .2rem 0 0;
    font-size: clamp(2rem, 3.1vw, 2.75rem);
    letter-spacing: 0;
}
.purchase-admin-header .admin-header-actions,
.purchase-admin-header > a {
    flex-shrink: 0;
}
.purchase-admin-header-btn.btn {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 3rem;
    padding: .72rem 1.28rem;
    border-color: color-mix(in srgb, var(--gold) 72%, var(--line));
    border-radius: 999px;
    color: var(--gold);
    background: color-mix(in srgb, var(--panel) 78%, transparent);
}
.purchase-admin-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 1.08rem 1.2rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 14px;
    background:
        radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--gold) 10%, transparent), transparent 28%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-2) 94%, var(--bg) 6%), color-mix(in srgb, var(--panel) 90%, black 10%));
    box-shadow: 0 18px 50px color-mix(in srgb, black 28%, transparent);
}
.purchase-admin-stat {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: .9rem;
    min-width: 0;
    padding: .35rem 1.35rem;
    border-left: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}
.purchase-admin-stat:first-child {
    border-left: 0;
    padding-left: 0;
}
.purchase-admin-stat:last-child {
    padding-right: 0;
}
.purchase-admin-stat-icon {
    width: 58px;
    height: 58px;
    display: inline-grid;
    place-items: center;
    border-radius: 999px;
    color: var(--gold);
    background: color-mix(in srgb, var(--gold) 17%, var(--panel-2));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--gold) 12%, transparent);
    font-size: 1.35rem;
}
.purchase-admin-stat-icon--green {
    color: #8be7a8;
    background: color-mix(in srgb, #4ade80 18%, var(--panel-2));
}
.purchase-admin-stat-icon--blue {
    color: #8fd0ff;
    background: color-mix(in srgb, #60a5fa 18%, var(--panel-2));
}
.purchase-admin-stat div {
    min-width: 0;
}
.purchase-admin-stat span:not(.purchase-admin-stat-icon) {
    display: block;
    color: color-mix(in srgb, var(--text) 82%, var(--muted));
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.25;
}
.purchase-admin-stat strong {
    display: block;
    margin-top: .08rem;
    color: var(--text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    line-height: 1.02;
}
.purchase-admin-stat small {
    display: block;
    margin-top: .18rem;
    color: var(--muted);
    font-size: .8rem;
    line-height: 1.25;
}
.purchase-admin-filter {
    display: grid;
    grid-template-columns: minmax(210px, .8fr) minmax(320px, 1.55fr) minmax(132px, auto) minmax(132px, auto);
    align-items: end;
    gap: 1rem;
    margin-bottom: .1rem;
    padding: 1.02rem 1.18rem;
    border-radius: 14px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel-2) 92%, black 8%), color-mix(in srgb, var(--panel) 92%, transparent));
}
.purchase-admin-filter-field {
    display: grid;
    gap: .22rem;
    min-width: 0;
}
.purchase-admin-filter-field > span {
    color: color-mix(in srgb, var(--text) 86%, var(--muted));
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
}
.purchase-admin-filter input[type="search"],
.purchase-admin-filter select {
    width: 100%;
    min-height: 3rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg) 40%, var(--panel) 60%);
}
.purchase-admin-filter-btn.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 3rem;
    border-radius: 8px;
    white-space: nowrap;
}
.purchase-admin-filter-btn.btn:not(.btn-secondary) {
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line));
    color: var(--gold);
    background: color-mix(in srgb, var(--panel) 72%, transparent);
}
.purchase-admin-list {
    display: grid;
    gap: .58rem;
}
.purchase-admin-card {
    position: relative;
    display: grid;
    grid-template-columns: 238px minmax(0, 1fr) 150px;
    align-items: center;
    gap: 1.35rem;
    min-height: 148px;
    padding: .82rem 1.02rem;
    border-radius: 14px;
    background:
        linear-gradient(100deg, color-mix(in srgb, var(--panel-2) 96%, black 4%), color-mix(in srgb, var(--panel) 90%, var(--bg) 10%));
    box-shadow: 0 14px 38px color-mix(in srgb, black 22%, transparent);
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.purchase-admin-card:hover {
    border-color: color-mix(in srgb, var(--gold) 38%, var(--line));
    transform: translateY(-1px);
    box-shadow: 0 18px 46px color-mix(in srgb, black 30%, transparent);
}
.purchase-admin-thumb {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
    background: color-mix(in srgb, var(--panel-2) 82%, var(--bg) 18%);
    display: grid;
    place-items: center;
    color: var(--muted);
    text-decoration: none;
}
.purchase-admin-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .24s ease;
}
.purchase-admin-card:hover .purchase-admin-thumb img {
    transform: scale(1.025);
}
.purchase-admin-card-body {
    min-width: 0;
    display: grid;
    align-content: center;
    gap: .45rem;
}
.purchase-admin-card-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .42rem .7rem;
}
.purchase-admin-card-date {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
}
.purchase-status-badge {
    border-color: color-mix(in srgb, var(--purchase-status-color, var(--gold)) 58%, var(--line));
    color: var(--purchase-status-text, var(--purchase-status-color, var(--gold)));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--purchase-status-color, var(--gold)) 18%, transparent), transparent 100%),
        color-mix(in srgb, var(--purchase-status-color, var(--gold)) 10%, var(--panel-2));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--purchase-status-color, var(--gold)) 10%, transparent);
}
.purchase-status-badge--new {
    --purchase-status-color: #d6a941;
    --purchase-status-text: #f7d374;
}
.purchase-status-badge--reviewed {
    --purchase-status-color: #60a5fa;
    --purchase-status-text: #9bd3ff;
}
.purchase-status-badge--contacted {
    --purchase-status-color: #4ade80;
    --purchase-status-text: #9af0b4;
}
.purchase-status-badge--rejected {
    --purchase-status-color: #ef4444;
    --purchase-status-text: #ff9a9a;
}
.purchase-status-badge--archived {
    --purchase-status-color: #94a3b8;
    --purchase-status-text: #cbd5e1;
}
.status-badge-warning {
    border-color: var(--warning-border);
    color: var(--warning-text);
    background: var(--warning-bg);
}
.purchase-admin-description,
.purchase-admin-description-full {
    color: var(--text);
    line-height: 1.58;
}
.purchase-admin-description {
    display: block;
    text-decoration: none;
    overflow-wrap: anywhere;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.26;
}
.purchase-admin-description:hover {
    color: var(--gold);
}
.purchase-admin-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .85rem;
    color: var(--muted);
    font-size: .88rem;
}
.purchase-admin-meta span {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
}
.purchase-admin-actions {
    align-self: center;
}
.purchase-admin-details-btn.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-width: 136px;
    min-height: 3.05rem;
    border-color: color-mix(in srgb, var(--gold) 60%, var(--line));
    border-radius: 999px;
    color: var(--gold);
    background: color-mix(in srgb, var(--panel) 74%, transparent);
}
.purchase-admin-empty {
    display: grid;
    justify-items: center;
    gap: .55rem;
    padding: 2rem;
    color: var(--muted);
    text-align: center;
}
.purchase-admin-empty i {
    color: var(--gold);
    font-size: 2rem;
}
.purchase-admin-show {
    display: grid;
    gap: 1.15rem;
}
.purchase-admin-show-header {
    margin-bottom: 0;
    padding: .2rem 0 .15rem;
    align-items: flex-start;
}
.purchase-admin-show-header h1 {
    font-size: clamp(2rem, 3vw, 2.7rem);
}
.purchase-admin-show-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem 1.2rem;
    margin-top: .65rem;
    color: var(--muted);
    font-size: .92rem;
}
.purchase-admin-show-meta span:not(.status-badge) {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.purchase-admin-show-meta i {
    color: var(--gold);
}
.purchase-admin-back-btn.btn {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.75rem;
    padding-inline: 1.35rem;
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line));
    border-radius: 999px;
    color: var(--gold);
    background: color-mix(in srgb, var(--panel) 72%, transparent);
}
.purchase-admin-show-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
    gap: 1.2rem;
    align-items: start;
}
.purchase-admin-show-main,
.purchase-admin-show-aside {
    display: grid;
    gap: 1rem;
}
.purchase-admin-detail-main,
.purchase-admin-side,
.purchase-admin-images,
.purchase-admin-info-panel,
.purchase-admin-check-panel {
    border-radius: 12px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel-2) 95%, black 5%), color-mix(in srgb, var(--panel) 88%, var(--bg) 12%));
    box-shadow: 0 18px 46px color-mix(in srgb, black 24%, transparent);
}
.purchase-admin-detail-main {
    display: grid;
    gap: 1rem;
    min-height: 132px;
    padding: 1.35rem 1.5rem;
}
.purchase-admin-detail-heading,
.purchase-admin-images-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.purchase-admin-detail-heading h2,
.purchase-admin-images-head h2 {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin: 0;
    color: var(--gold);
    font-size: 1.14rem;
    line-height: 1.1;
}
.purchase-admin-images-head h2 span {
    color: var(--muted);
    font-family: inherit;
    font-size: .9rem;
    font-weight: 600;
}
.purchase-admin-detail-heading .eyebrow,
.purchase-admin-images-head .eyebrow {
    margin: 0;
    font-size: .66rem;
}
.purchase-admin-description-full {
    display: grid;
    gap: .55rem;
}
.purchase-admin-description-full p {
    margin: 0;
    color: var(--muted);
    font-size: .96rem;
}
.purchase-admin-description-full div {
    color: var(--text);
    font-size: 1.03rem;
    line-height: 1.58;
}
.purchase-admin-side {
    position: sticky;
    top: calc(var(--header-h, 80px) + 1rem);
    display: grid;
    gap: 1rem;
    padding: 1.35rem;
}
.purchase-admin-side-head h2,
.purchase-admin-info-panel h2,
.purchase-admin-check-panel h2 {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    margin: 0;
    color: var(--text);
    font-size: 1.08rem;
    line-height: 1.2;
}
.purchase-admin-side-head h2 i,
.purchase-admin-info-panel h2 i,
.purchase-admin-check-panel h2 i {
    color: var(--gold);
}
.purchase-admin-edit-form {
    gap: 1rem;
}
.purchase-admin-edit-form label {
    display: block;
    margin-bottom: .45rem;
    color: var(--text);
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: 0;
}
.purchase-admin-edit-form select,
.purchase-admin-edit-form textarea {
    width: 100%;
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg) 48%, var(--panel) 52%);
}
.purchase-admin-edit-form textarea {
    min-height: calc(2lh + .95rem);
    height: calc(2lh + .95rem);
    resize: vertical;
    line-height: 1.45;
}
.purchase-admin-save-btn.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    min-height: 3rem;
    width: 100%;
    border-color: color-mix(in srgb, var(--gold) 55%, transparent);
    color: #16120a;
    background: linear-gradient(180deg, #f2c978, #c9963b);
    box-shadow: 0 14px 26px color-mix(in srgb, var(--gold) 20%, transparent);
}
.purchase-admin-side-actions {
    display: grid;
}
.purchase-admin-side-actions form {
    width: 100%;
}
.purchase-admin-side-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    width: 100%;
    min-height: 2.75rem;
    border-color: color-mix(in srgb, var(--gold) 45%, var(--line));
    color: var(--gold);
    background: color-mix(in srgb, var(--panel) 76%, transparent);
}
.purchase-admin-images {
    padding: 1.35rem;
    display: grid;
    gap: 1rem;
}
.purchase-admin-gallery {
    display: grid;
    grid-template-columns: minmax(360px, 1.1fr) minmax(290px, .9fr);
    gap: 1rem;
    align-items: stretch;
}
.purchase-admin-gallery-main {
    margin: 0;
    display: grid;
    gap: .65rem;
}
.purchase-admin-gallery-main button,
.purchase-admin-gallery-thumbs button,
.purchase-admin-gallery-more {
    position: relative;
    min-width: 0;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--bg) 42%, var(--panel) 58%);
    overflow: hidden;
}
.purchase-admin-gallery-main button {
    width: 100%;
    min-height: 360px;
    aspect-ratio: 4 / 3;
    cursor: zoom-in;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.purchase-admin-gallery-main button:hover,
.purchase-admin-gallery-thumbs button:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--gold) 60%, var(--line));
    box-shadow: 0 12px 28px rgba(0, 0, 0, .18);
}
.purchase-admin-gallery-main img,
.purchase-admin-gallery-thumbs img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.purchase-admin-gallery-count {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    padding: .28rem .5rem;
    border: 1px solid color-mix(in srgb, #fff 12%, transparent);
    border-radius: 6px;
    color: #fff;
    background: color-mix(in srgb, #081014 72%, transparent);
    font-size: .82rem;
    font-weight: 800;
}
.purchase-admin-gallery-main figcaption {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    color: var(--muted);
    font-size: .86rem;
}
.purchase-admin-gallery-main figcaption span {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    max-width: 100%;
    padding: .32rem .5rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 6px;
    background: color-mix(in srgb, var(--panel) 70%, transparent);
    overflow-wrap: anywhere;
}
.purchase-admin-gallery-thumbs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(88px, 1fr);
    gap: .55rem;
}
.purchase-admin-gallery-thumbs button {
    aspect-ratio: 1.25 / 1;
    cursor: zoom-in;
}
.purchase-admin-gallery-warning {
    position: absolute;
    top: .35rem;
    right: .35rem;
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    color: #261806;
    background: var(--gold);
}
.purchase-admin-gallery-more {
    display: grid;
    place-items: center;
    align-content: center;
    gap: .1rem;
    min-height: 88px;
    color: var(--text);
}
.purchase-admin-gallery-more strong {
    font-size: 1.55rem;
    line-height: 1;
}
.purchase-admin-gallery-more span {
    color: var(--muted);
    font-size: .78rem;
}
.purchase-admin-info-panel,
.purchase-admin-check-panel {
    display: grid;
    gap: .85rem;
    padding: 1.15rem 1.25rem;
}
.purchase-admin-info-panel dl {
    display: grid;
    gap: .65rem;
    margin: 0;
}
.purchase-admin-info-panel dl div {
    display: grid;
    grid-template-columns: minmax(115px, .9fr) minmax(0, 1fr);
    gap: .7rem;
}
.purchase-admin-info-panel dt {
    color: var(--muted);
}
.purchase-admin-info-panel dd {
    margin: 0;
    color: var(--text);
    overflow-wrap: anywhere;
}
.purchase-admin-check-panel > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-height: 2rem;
    padding: .38rem .55rem;
    border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    border-radius: 999px;
    color: var(--muted);
    background: color-mix(in srgb, var(--panel) 66%, transparent);
    font-size: .86rem;
}
.purchase-admin-check-panel span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}
.purchase-admin-check-panel span i {
    color: #4ade80;
}
.purchase-admin-check-panel strong {
    color: #7ee787;
    font-size: .82rem;
}
.purchase-lightbox[hidden] {
    display: none;
}
.purchase-lightbox {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(0, 0, 0, .86);
}
.purchase-lightbox img {
    max-width: min(1180px, 94vw);
    max-height: 88vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
}
.purchase-lightbox-close {
    position: fixed;
    top: 1rem;
    right: 1rem;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    background: rgba(20, 20, 20, .76);
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
}

@media (max-width: 860px) {
    .purchase-admin-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
        padding: .85rem;
    }
    .purchase-admin-stat {
        padding: .35rem;
        border-left: 0;
    }
    .purchase-admin-filter {
        grid-template-columns: 1fr 1fr;
    }
    .purchase-admin-filter-search {
        grid-column: 1 / -1;
    }
    .purchase-admin-card {
        grid-template-columns: 128px minmax(0, 1fr);
    }
    .purchase-admin-actions {
        grid-column: 1 / -1;
        justify-self: stretch;
    }
    .purchase-admin-actions .btn {
        width: 100%;
    }
    .purchase-admin-show-layout,
    .purchase-admin-gallery {
        grid-template-columns: 1fr;
    }
    .purchase-admin-gallery-main button {
        min-height: 280px;
    }
    .purchase-admin-side {
        position: static;
    }
    .purchase-admin-image--featured {
        grid-column: span 1;
        grid-row: span 1;
    }
    .purchase-admin-image--featured button {
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 560px) {
    .purchase-offer-page {
        padding-top: .5rem;
    }
    .purchase-offer-form,
    .purchase-admin-detail-main,
    .purchase-admin-side,
    .purchase-admin-images {
        padding: .85rem;
    }
    .purchase-offer-actions {
        display: grid;
    }
    .purchase-offer-actions .btn,
    .purchase-admin-header .btn {
        width: 100%;
    }
    .purchase-admin-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .42rem .6rem;
        margin-bottom: .42rem;
    }
    .purchase-admin-header .eyebrow {
        display: none;
    }
    .purchase-admin-header h1 {
        margin: 0;
        font-size: 1.12rem;
        line-height: 1.08;
    }
    .purchase-admin-header > a.btn {
        width: auto;
        justify-self: end;
        min-height: 1.86rem;
        padding: .34rem .64rem;
        font-size: .74rem;
    }
    .purchase-admin-show {
        gap: .66rem;
        width: 100%;
        max-width: 100%;
        padding: 0 .5rem .8rem;
        overflow-x: hidden;
    }
    .purchase-admin-show-header {
        padding-bottom: .12rem;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }
    .purchase-admin-show-meta {
        gap: .28rem .44rem;
        margin-top: .34rem;
        font-size: .72rem;
        line-height: 1.2;
    }
    .purchase-admin-back-btn.btn {
        min-height: 2.05rem;
        height: 2.05rem;
        padding: .24rem .72rem;
        font-size: .72rem;
        line-height: 1;
    }
    .purchase-admin-header > a.purchase-admin-back-btn.btn {
        min-height: 2.05rem;
        height: 2.05rem;
        padding: .24rem .72rem;
        border-radius: 999px;
    }
    .purchase-admin-show-meta .status-badge {
        padding: .18rem .38rem;
        font-size: .66rem;
    }
    .purchase-admin-stats {
        grid-template-columns: 1fr 1fr;
        gap: .36rem;
        padding: .48rem;
        border-radius: 8px;
    }
    .purchase-admin-stat {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: .42rem;
        padding: .38rem;
    }
    .purchase-admin-stat-icon {
        width: 34px;
        height: 34px;
        font-size: .9rem;
    }
    .purchase-admin-stat span:not(.purchase-admin-stat-icon) {
        font-size: .68rem;
    }
    .purchase-admin-stat strong {
        font-size: 1.08rem;
    }
    .purchase-admin-stat small {
        display: none;
    }
    .purchase-admin-filter {
        grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
        gap: .42rem;
        margin-bottom: .56rem;
        padding: .48rem;
        border-radius: 8px;
    }
    .purchase-admin-filter-field {
        gap: .16rem;
    }
    .purchase-admin-filter-field > span {
        font-size: .68rem;
    }
    .purchase-admin-filter-search {
        grid-column: auto;
    }
    .purchase-admin-filter select,
    .purchase-admin-filter input[type="search"] {
        grid-column: auto;
        width: 100%;
        min-height: 2.04rem;
        padding-left: .58rem;
        padding-right: .58rem;
        font-size: .78rem;
    }
    .purchase-admin-filter .btn {
        width: 100%;
        min-height: 2rem;
        padding: .38rem .58rem;
        font-size: .78rem;
    }
    .purchase-admin-list {
        gap: .56rem;
    }
    .purchase-upload-zone {
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 104px;
    }
    .purchase-upload-limit {
        grid-column: 1 / -1;
        justify-self: start;
        white-space: normal;
    }
    .purchase-offer-file-list {
        grid-template-columns: 1fr;
    }
    .purchase-admin-show-layout,
    .purchase-admin-show-main,
    .purchase-admin-show-aside {
        gap: .62rem;
    }
    .purchase-admin-detail-main,
    .purchase-admin-side,
    .purchase-admin-images,
    .purchase-admin-info-panel,
    .purchase-admin-check-panel {
        width: 100%;
        max-width: 100%;
        border-radius: 8px;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .1);
    }
    .purchase-admin-images {
        overflow: hidden;
    }
    .purchase-admin-detail-main {
        gap: .62rem;
    }
    .purchase-admin-detail-heading,
    .purchase-admin-images-head {
        align-items: center;
        gap: .6rem;
    }
    .purchase-admin-detail-heading h2,
    .purchase-admin-images-head h2 {
        font-size: 1rem;
    }
    .purchase-admin-description-full {
        font-size: 1rem;
        line-height: 1.48;
    }
    .purchase-admin-description-full div {
        font-size: .92rem;
        line-height: 1.45;
    }
    .purchase-admin-edit-form {
        gap: .56rem;
    }
    .purchase-admin-edit-form label {
        font-size: .72rem;
    }
    .purchase-admin-edit-form select {
        min-height: 2.24rem;
        font-size: .86rem;
    }
    .purchase-admin-edit-form textarea {
        min-height: calc(2lh + .9rem);
        height: calc(2lh + .9rem);
        font-size: .86rem;
        line-height: 1.38;
        resize: vertical;
    }
    .purchase-admin-edit-form .btn,
    .purchase-admin-side-actions .btn {
        width: 100%;
        min-height: 2.12rem;
        padding: .44rem .64rem;
        font-size: .8rem;
    }
    .purchase-admin-side-actions form { width: 100%; }
    .purchase-admin-gallery {
        gap: .62rem;
    }
    .purchase-admin-gallery-main button {
        min-height: 0;
        aspect-ratio: 4 / 3;
    }
    .purchase-admin-gallery-main figcaption {
        gap: .32rem;
        font-size: .7rem;
    }
    .purchase-admin-gallery-main figcaption span {
        padding: .24rem .36rem;
    }
    .purchase-admin-gallery-thumbs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-auto-rows: auto;
        gap: .42rem;
    }
    .purchase-admin-gallery-thumbs button,
    .purchase-admin-gallery-more {
        min-height: 72px;
    }
    .purchase-admin-info-panel dl div {
        grid-template-columns: 1fr;
        gap: .1rem;
    }
    .purchase-admin-check-panel > div {
        border-radius: 8px;
        align-items: flex-start;
        font-size: .74rem;
    }
    .purchase-admin-card {
        position: relative;
        grid-template-columns: 72px minmax(0, 1fr);
        gap: .58rem;
        padding: .52rem;
        border-radius: 8px;
        align-items: start;
    }
    .purchase-admin-thumb {
        aspect-ratio: 1 / 1;
        max-height: none;
        border-radius: 7px;
    }
    .purchase-admin-thumb span {
        padding: .35rem;
        font-size: .68rem;
        line-height: 1.15;
        text-align: center;
    }
    .purchase-admin-card-body {
        gap: .34rem;
        padding-right: .1rem;
    }
    .purchase-admin-card-top {
        gap: .28rem;
    }
    .purchase-admin-card-top .status-badge {
        padding: .18rem .38rem;
        border-radius: 999px;
        font-size: .66rem;
        line-height: 1.1;
    }
    .purchase-admin-card-top small {
        width: 100%;
        font-size: .7rem;
        line-height: 1.15;
    }
    .purchase-admin-description {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: .86rem;
        line-height: 1.32;
    }
    .purchase-admin-meta {
        gap: .25rem .55rem;
        font-size: .72rem;
        line-height: 1.2;
    }
    .purchase-admin-actions {
        grid-column: 2;
        justify-self: start;
        align-self: end;
        margin-top: .04rem;
    }
    .purchase-admin-actions .btn {
        width: auto;
        min-height: 1.86rem;
        padding: .34rem .56rem;
        font-size: .74rem;
    }
    .purchase-admin-image-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .58rem;
    }
    .purchase-admin-image {
        gap: .34rem;
    }
    .purchase-admin-image button {
        border-radius: 7px;
    }
    .purchase-admin-image figcaption {
        font-size: .68rem;
        line-height: 1.22;
    }
    .purchase-admin-image figcaption strong {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .purchase-lightbox {
        padding: .7rem;
    }
    .purchase-lightbox-close {
        top: .62rem;
        right: .62rem;
        width: 36px;
        height: 36px;
        font-size: 1.35rem;
    }
}
.watch-personal-price-note {
    margin: .25rem 0 0;
    color: var(--success);
    font-size: .88rem;
    font-weight: 700;
}

.watch-personal-price-note--card {
    font-size: .78rem;
}

.watch-negotiation-summary {
    display: grid;
    gap: .72rem;
    margin: .55rem 0 .15rem;
    padding: .82rem;
    border: 1px solid color-mix(in srgb, var(--success) 24%, var(--line) 76%);
    border-radius: 16px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--success) 7%, transparent), transparent 58%),
        color-mix(in srgb, var(--panel) 92%, black 8%);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .2);
}

.watch-negotiation-summary-head {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .6rem;
    align-items: center;
    padding-right: 5.4rem;
}

.watch-negotiation-summary-head h2 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.12;
}

.watch-negotiation-summary-head p {
    margin: .12rem 0 0;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.25;
}

.watch-negotiation-check,
.watch-negotiation-lock,
.watch-negotiation-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
}

.watch-negotiation-check {
    width: 32px;
    height: 32px;
    border: 1px solid color-mix(in srgb, var(--success) 58%, var(--line) 42%);
    border-radius: 999px;
    color: var(--success);
    background: color-mix(in srgb, var(--success) 12%, transparent);
}

.watch-negotiation-check svg,
.watch-negotiation-lock svg,
.watch-negotiation-icon svg {
    width: 19px;
    height: 19px;
}

.watch-negotiation-badge {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 21px;
    padding: .14rem .42rem;
    border: 1px solid color-mix(in srgb, var(--success) 52%, var(--line) 48%);
    border-radius: 7px;
    background: color-mix(in srgb, var(--success) 18%, transparent);
    color: var(--success);
    font-size: .66rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.watch-negotiation-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
    padding: .58rem;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: color-mix(in srgb, var(--panel) 78%, black 22%);
}

.watch-negotiation-stats > div {
    display: grid;
    justify-items: center;
    gap: .16rem;
    min-width: 0;
    text-align: center;
}

.watch-negotiation-stats span:not(.watch-negotiation-icon) {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.15;
}

.watch-negotiation-stats strong {
    font-size: .96rem;
    line-height: 1.15;
}

.watch-negotiation-discount {
    color: var(--success);
}

.watch-negotiation-footer {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-top: .55rem;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.25;
}

.watch-negotiation-footer > span:nth-child(2) {
    min-width: 0;
}

.watch-negotiation-details {
    margin-left: auto;
    white-space: nowrap;
}

.product-price-offer-shell {
    display: contents;
}

.product-price-offer-toggle {
    display: inline-flex;
    grid-column: 3;
    align-items: center;
    justify-content: center;
    justify-self: end;
    gap: .38rem;
    width: auto;
    min-height: 34px;
    padding: .34rem .66rem;
    border-radius: 10px;
    font-size: .84rem;
    line-height: 1.05;
    white-space: nowrap;
}

.product-price-offer-toggle-icon {
    font-size: .92rem;
    line-height: 1;
}

.product-price-offer-shell.is-open {
    display: contents;
}

.product-price-offer-panel {
    grid-column: 1 / -1;
    margin-top: .65rem;
    border-color: color-mix(in srgb, var(--gold) 42%, var(--line) 58%);
    gap: .75rem;
    width: 100%;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .14);
}

.product-price-offer-fields {
    display: grid;
    gap: .45rem;
}

.product-price-offer-form {
    display: grid;
    grid-template-columns: minmax(180px, 280px) minmax(170px, 220px);
    grid-template-rows: auto minmax(36px, auto) auto auto;
    align-items: start;
    gap: .65rem;
    justify-content: start;
}

.product-price-offer-fields,
.product-price-offer-fields > div {
    display: contents;
}

.product-price-offer-fields label {
    grid-column: 1;
    grid-row: 1;
}

.product-price-offer-fields input {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
}

.product-price-offer-form > .btn {
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
    width: 100%;
    min-height: 36px;
    padding: .42rem .78rem;
}

.product-price-offer-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.product-price-offer-head h3 {
    margin: 0;
}

.product-price-offer-panel--pending {
    display: grid;
    gap: .48rem;
    padding: .95rem 1rem;
}

.product-price-offer-panel--action-required {
    border-color: color-mix(in srgb, #f0c674 58%, var(--line) 42%);
    background:
        radial-gradient(circle at 92% 0%, color-mix(in srgb, #f0c674 12%, transparent), transparent 42%),
        color-mix(in srgb, var(--panel-2) 86%, black 14%);
}

.product-price-offer-status {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    width: fit-content;
    min-height: 22px;
    padding: .18rem .58rem;
    border: 1px solid color-mix(in srgb, var(--gold) 32%, var(--line) 68%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--gold) 10%, var(--panel-2) 90%);
    color: var(--gold);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.product-price-offer-amount-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.product-price-offer-note,
.product-price-offer-meta {
    display: flex;
    gap: .42rem;
    align-items: center;
    margin: 0;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.25;
}

.product-price-offer-note i,
.product-price-offer-meta i {
    color: var(--gold);
}

.product-price-offer-amount {
    margin: 0;
    color: var(--gold);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.05;
}

.product-price-offer-subnote {
    margin: 0;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.25;
}

.product-price-offer-meta {
    padding-top: .42rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
    font-size: .78rem;
}

.product-price-offer-conversation {
    width: 100%;
    min-height: 36px;
    padding: .44rem .7rem;
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
    color: var(--text);
}

.product-price-offer-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .5rem;
}

.product-price-offer-actions form,
.product-price-offer-decision {
    min-width: 0;
    width: 100%;
}

.product-price-offer-decision {
    min-height: 38px;
    padding: .44rem .7rem;
    border-radius: 10px;
    white-space: normal;
}

.product-price-offer-decision--reject {
    border-color: color-mix(in srgb, #f87171 58%, var(--line) 42%);
    color: #fca5a5;
}

.product-price-offer-decision--accept {
    border-color: color-mix(in srgb, var(--gold) 70%, var(--line) 30%);
}

.product-price-offer-error {
    grid-column: 1;
    grid-row: 4;
    margin: .35rem 0 0;
    color: var(--danger);
    font-size: .86rem;
    font-weight: 700;
}

.product-price-offer-hint {
    grid-column: 1;
    grid-row: 3;
    margin: .38rem 0 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.25;
}

.price-offer-thread-panel {
    border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line));
    border-radius: 10px;
    padding: .85rem;
    margin-bottom: .9rem;
    background: color-mix(in srgb, var(--panel) 88%, var(--accent) 12%);
}

.price-offer-thread-panel h3 {
    margin: 0 0 .7rem;
}

.price-offer-thread-card {
    display: grid;
    gap: .56rem;
    padding: .75rem 0;
    border-top: 1px solid var(--line);
}

.price-offer-thread-card:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.price-offer-thread-main {
    display: grid;
    gap: .25rem;
}

.price-offer-thread-main strong {
    font-size: 1.12rem;
}

.price-offer-thread-main small,
.price-offer-thread-note {
    color: var(--muted);
}

.price-offer-thread-badge {
    justify-self: flex-start;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: .18rem .55rem;
    color: var(--accent);
    font-size: .78rem;
    font-weight: 700;
}

.price-offer-thread-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.price-offer-thread-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.price-offer-inline-form {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    align-items: center;
}

.price-offer-inline-form input {
    width: min(220px, 100%);
}

.admin-conversation-workspace--thread .price-offer-thread-actions--admin {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .48rem;
    align-items: stretch;
}

.admin-conversation-workspace--thread .price-offer-thread-action-form {
    min-width: 0;
}

.admin-conversation-workspace--thread .price-offer-thread-action-form--reject {
    grid-column: 1;
}

.admin-conversation-workspace--thread .price-offer-thread-action-form--accept {
    grid-column: 2;
}

.admin-conversation-workspace--thread .price-offer-thread-action-form--counter {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .48rem;
}

.admin-conversation-workspace--thread .price-offer-thread-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .34rem;
    width: 100%;
    min-height: 38px;
    padding: .45rem .68rem;
    border-radius: 999px;
    font-weight: 900;
    line-height: 1.12;
    white-space: normal;
}

.admin-conversation-workspace--thread .price-offer-thread-action-btn--accept {
    border-color: color-mix(in srgb, #7ec79b 66%, var(--line) 34%);
    background: color-mix(in srgb, #7ec79b 16%, transparent);
    color: #9be5b4;
}

.admin-conversation-workspace--thread .price-offer-thread-action-btn--reject {
    border-color: color-mix(in srgb, #f87171 66%, var(--line) 34%);
    background: color-mix(in srgb, #f87171 12%, transparent);
    color: #fca5a5;
}

.admin-conversation-workspace--thread .price-offer-thread-action-btn--counter {
    border-color: color-mix(in srgb, var(--gold) 72%, var(--line) 28%);
    background: color-mix(in srgb, var(--gold) 12%, transparent);
    color: var(--gold);
}

.admin-conversation-workspace--thread .price-offer-thread-counter-input {
    width: 100%;
    min-height: 42px;
    padding: .62rem .86rem;
    border: 1px solid color-mix(in srgb, var(--gold) 28%, var(--line) 72%);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel) 82%, black 18%);
}

.is-watch-show .product-cart-panel .cart-product-actions--with-buy-now {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.is-watch-show .product-cart-panel .cart-product-actions--with-buy-now .cart-product-quantity {
    flex: 0 0 auto;
    justify-self: auto;
}

.is-watch-show .product-cart-panel .cart-product-actions--with-buy-now .product-cart-submit,
.is-watch-show .product-cart-panel .cart-product-actions--with-buy-now > .btn-secondary {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    margin-left: 0;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .is-watch-show .product-cart-panel {
        grid-template-columns: 1fr;
    }

    .is-watch-show .product-cart-panel .cart-product-actions--with-buy-now {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: .42rem;
    }

    .is-watch-show .product-cart-panel .cart-product-actions--with-buy-now .cart-product-quantity {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: start;
    }

    .is-watch-show .product-cart-panel .cart-product-actions--with-buy-now .product-cart-submit {
        grid-column: 2;
        grid-row: 2;
        justify-self: stretch;
        width: 100%;
        justify-content: center;
    }

    .is-watch-show .product-cart-panel .cart-product-actions--with-buy-now > .btn-secondary {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        width: auto;
    }

    .is-watch-show .product-cart-panel .cart-product-actions--single.cart-product-actions--with-buy-now .product-cart-submit,
    .is-watch-show .product-cart-panel .cart-product-actions--single.cart-product-actions--with-buy-now > .btn-secondary {
        grid-row: 1;
    }

    .product-cart-panel > .cart-product-actions,
    .product-cart-panel > .product-cart-heading,
    .product-cart-panel > .product-price-offer-shell {
        grid-column: 1 / -1;
    }

    .product-price-offer-shell {
        display: contents;
    }

    .product-price-offer-toggle {
        grid-column: 1 / -1;
        justify-self: stretch;
        width: 100%;
    }

    .product-price-offer-form {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .product-price-offer-form > .btn {
        grid-column: 1;
        grid-row: auto;
    }

    .product-price-offer-head,
    .price-offer-thread-actions,
    .price-offer-inline-form {
        display: grid;
    }

    .price-offer-inline-form input {
        width: 100%;
    }

    .watch-negotiation-summary {
        padding: .68rem;
        border-radius: 14px;
    }

    .watch-negotiation-summary-head {
        grid-template-columns: auto minmax(0, 1fr);
        gap: .42rem;
        padding-right: 4.05rem;
    }

    .watch-negotiation-check {
        width: 27px;
        height: 27px;
    }

    .watch-negotiation-check svg {
        width: 16px;
        height: 16px;
    }

    .watch-negotiation-summary-head h2 {
        font-size: 1rem;
    }

    .watch-negotiation-summary-head p {
        font-size: .8rem;
        line-height: 1.18;
    }

    .watch-negotiation-badge {
        top: 0;
        right: 0;
        min-height: 19px;
        padding: .1rem .34rem;
        border-radius: 6px;
        font-size: .58rem;
    }

    .watch-negotiation-stats {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .watch-negotiation-stats > div {
        grid-template-columns: auto minmax(0, 1fr) auto;
        justify-items: start;
        align-items: center;
        text-align: left;
    }

    .watch-negotiation-footer {
        flex-wrap: wrap;
    }

    .watch-negotiation-details {
        width: 100%;
        margin-left: 0;
    }
}

.site-header .mobile-header-menu-panel {
    right: -.18rem;
}

.site-header .mobile-header-menu-sheet {
    width: min(270px, calc(100vw - .9rem));
    max-width: min(270px, calc(100vw - .9rem));
    padding: .66rem;
    border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    border-radius: 16px;
    background: var(--panel);
    box-shadow: 0 22px 48px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .08);
    gap: .58rem;
    text-align: left;
}

.mobile-client-menu-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .56rem;
    align-items: center;
}

.header-client-menu-head {
    grid-template-columns: auto minmax(0, 1fr);
}

.mobile-client-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 2px solid color-mix(in srgb, var(--gold) 76%, white 8%);
    border-radius: 999px;
    color: color-mix(in srgb, var(--gold) 72%, white 16%);
    font-weight: 800;
    font-size: .92rem;
}

.mobile-client-title {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.mobile-client-title strong {
    overflow: hidden;
    color: var(--text);
    font-size: .92rem;
    line-height: 1.12;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-client-title span,
.mobile-client-section-title {
    color: var(--muted);
    font-size: .74rem;
    font-weight: 700;
}

.mobile-client-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--gold);
    cursor: pointer;
    font-size: 1.05rem;
    -webkit-tap-highlight-color: transparent;
}

.mobile-client-close:focus {
    outline: none;
}

.mobile-client-close:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--gold) 72%, transparent);
    outline-offset: 2px;
}

.mobile-client-cta,
.mobile-client-link,
.mobile-client-logout {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    gap: .72rem;
    align-items: center;
    width: 100%;
    min-width: 0;
    text-align: left;
    text-decoration: none;
}

.mobile-client-cta {
    min-height: 40px;
    padding: .54rem .54rem;
    border: 1px solid color-mix(in srgb, var(--gold) 78%, transparent);
    border-radius: 9px;
    background: color-mix(in srgb, var(--gold) 10%, var(--panel-2) 90%);
    color: color-mix(in srgb, var(--gold) 82%, white 10%);
    font-weight: 800;
}

.site-header .mobile-header-menu-sheet > .mobile-client-cta,
.site-header .mobile-header-menu-sheet > form .mobile-client-logout {
    min-width: 0;
    text-align: left;
    justify-content: initial;
}

.mobile-client-section {
    display: grid;
    gap: .36rem;
}

.mobile-client-section-title {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .48rem;
    align-items: center;
    margin: 0;
    text-transform: uppercase;
}

.mobile-client-section-title::after {
    content: "";
    height: 1px;
    background: color-mix(in srgb, var(--line) 68%, transparent);
}

.mobile-client-link-list {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 64%, transparent);
    border-radius: 9px;
    background: var(--panel-2);
}

.mobile-client-link {
    min-height: 42px;
    padding: .54rem .54rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 54%, transparent);
    color: var(--text);
    font-size: .92rem;
    font-weight: 650;
}

.mobile-client-link:last-child {
    border-bottom: 0;
}

.mobile-client-cta i:first-child,
.mobile-client-link i:first-child,
.mobile-client-logout i {
    color: var(--gold);
    font-size: 1rem;
}

.mobile-client-cta i:last-child,
.mobile-client-link i:last-child {
    color: color-mix(in srgb, var(--text) 74%, transparent);
    font-size: .86rem;
}

.mobile-client-logout {
    min-height: 40px;
    padding: .54rem .54rem;
    border: 1px solid color-mix(in srgb, #ef4444 70%, transparent);
    border-radius: 9px;
    background: color-mix(in srgb, #ef4444 8%, var(--panel-2) 92%);
    color: color-mix(in srgb, #ef4444 86%, white 8%);
    font-weight: 800;
    font-size: .92rem;
    cursor: pointer;
}

@media (max-width: 980px) {
    .site-header .header-mobile-tools .icon-btn-circle,
    .site-header .nav-actions-mobile .icon-btn-circle {
        border: 0;
        background: transparent;
        color: var(--text);
        box-shadow: none;
    }
}

.header-account-menu .header-client-menu-panel {
    width: min(300px, calc(100vw - 1.2rem));
    padding: .72rem;
    border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
    border-radius: 16px;
    background: var(--panel);
    box-shadow: 0 22px 48px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
    gap: .58rem;
}

.header-account-menu .header-client-menu-panel .mobile-client-cta,
.header-account-menu .header-client-menu-panel .mobile-client-link,
.header-account-menu .header-client-menu-panel .mobile-client-logout {
    width: 100%;
    padding: .54rem .58rem;
    text-align: left;
    border-radius: 0;
}

.header-account-menu .header-client-menu-panel > .mobile-client-cta,
.header-account-menu .header-client-menu-panel > form .mobile-client-logout {
    border-radius: 9px;
}

.header-account-menu .header-client-menu-panel .mobile-client-cta:hover,
.header-account-menu .header-client-menu-panel .mobile-client-link:hover,
.header-account-menu .header-client-menu-panel .mobile-client-cta:focus-visible,
.header-account-menu .header-client-menu-panel .mobile-client-link:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
    background: color-mix(in srgb, var(--gold) 14%, var(--panel-2) 86%);
    color: var(--text);
    transform: translateX(2px);
}

.header-account-menu .header-client-menu-panel .mobile-client-logout:hover,
.header-account-menu .header-client-menu-panel .mobile-client-logout:focus-visible {
    border-color: color-mix(in srgb, #ef4444 78%, var(--line) 22%);
    background: color-mix(in srgb, #ef4444 14%, var(--panel-2) 86%);
    transform: translateX(2px);
}

.header-account-menu .header-guest-menu-panel,
.mobile-account-menu-panel.header-guest-menu-panel {
    width: min(320px, calc(100vw - 1.2rem));
    padding: 0;
    overflow: visible;
    border: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    border-radius: 14px;
    background:
        radial-gradient(circle at 12% 14%, color-mix(in srgb, var(--bg-base, var(--bg)) 30%, transparent), transparent 28%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 72%, var(--bg-base, var(--bg)) 28%), color-mix(in srgb, var(--workspace) 76%, var(--bg-base, var(--bg)) 24%));
    box-shadow:
        0 18px 44px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .07);
}

.header-account-menu .header-guest-menu-panel::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 42px;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
    border-top: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    border-left: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    background: color-mix(in srgb, var(--panel) 72%, var(--bg-base, var(--bg)) 28%);
}

.header-guest-menu {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    padding: 16px 16px 15px;
    overflow: hidden;
    border-radius: inherit;
}

.header-guest-menu-head {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
}

.header-guest-avatar {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid color-mix(in srgb, var(--bg-base, var(--bg)) 48%, var(--line) 52%);
    border-radius: 999px;
    background:
        radial-gradient(circle, color-mix(in srgb, var(--bg-base, var(--bg)) 24%, transparent), color-mix(in srgb, var(--bg-base, var(--bg)) 9%, transparent) 62%, transparent 64%),
        color-mix(in srgb, var(--panel-2) 74%, var(--bg-base, var(--bg)) 26%);
    color: color-mix(in srgb, var(--text) 66%, var(--bg-base, var(--bg)) 34%);
    box-shadow: 0 0 16px color-mix(in srgb, var(--bg-base, var(--bg)) 22%, transparent);
    font-size: 1.25rem;
}

.header-guest-title {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.header-guest-title strong {
    color: var(--text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.22rem;
    line-height: 1.08;
}

.header-guest-title span {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.3;
}

.header-guest-actions {
    display: grid;
    gap: 8px;
}

.header-guest-menu-panel .header-guest-cta,
.mobile-account-menu-panel.header-guest-menu-panel .header-guest-cta {
    display: grid;
    grid-template-columns: 1.1rem auto;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: .5rem .72rem;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", serif;
    font-size: .94rem;
    font-weight: 700;
}

.header-guest-menu-panel .header-guest-cta-primary {
    border: 1px solid color-mix(in srgb, var(--text) 28%, var(--bg-base, var(--bg)) 72%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 72%, #fff 28%), color-mix(in srgb, var(--gold) 88%, #8b641c 12%));
    color: #1a1308;
    box-shadow:
        0 10px 22px color-mix(in srgb, var(--gold) 22%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .32);
}

.header-guest-menu-panel .header-guest-cta-secondary {
    border: 1px solid color-mix(in srgb, var(--gold) 72%, var(--line) 28%);
    background: color-mix(in srgb, var(--panel) 74%, var(--bg-base, var(--bg)) 26%);
    color: color-mix(in srgb, var(--gold) 82%, var(--text) 18%);
}

.header-guest-menu-panel .header-guest-cta:hover,
.header-guest-menu-panel .header-guest-cta:focus-visible {
    transform: translateY(-1px);
}

.header-guest-menu-panel .header-guest-cta-primary:hover,
.header-guest-menu-panel .header-guest-cta-primary:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 92%, #fff 8%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 68%, #fff 32%), color-mix(in srgb, var(--gold) 92%, #8b641c 8%));
    color: #100b04;
}

.header-guest-menu-panel .header-guest-cta-secondary:hover,
.header-guest-menu-panel .header-guest-cta-secondary:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 86%, #fff 14%);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
    color: color-mix(in srgb, var(--gold) 92%, var(--text) 8%);
}

.header-guest-ornament {
    display: flex;
    justify-content: center;
    color: color-mix(in srgb, var(--text) 64%, var(--bg-base, var(--bg)) 36%);
}

.header-guest-ornament span {
    position: relative;
    display: block;
    width: 100%;
    height: 8px;
    background:
        radial-gradient(circle at 50% 50%, currentColor 0 1.5px, transparent 2px),
        radial-gradient(circle at 48% 50%, transparent 0 1.5px, currentColor 1.7px 2.4px, transparent 2.8px),
        radial-gradient(circle at 52% 50%, transparent 0 1.5px, currentColor 1.7px 2.4px, transparent 2.8px);
    background-repeat: no-repeat;
    background-size: 46px 8px;
    background-position: center;
}

.header-guest-ornament span::before,
.header-guest-ornament span::after {
    content: "";
    position: absolute;
    top: 50%;
    width: calc(50% - 27px);
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--bg-base, var(--bg)) 70%, var(--text) 30%));
}

.header-guest-ornament span::before {
    left: 0;
}

.header-guest-ornament span::after {
    right: 0;
    transform: scaleX(-1);
}

.header-guest-benefits {
    display: grid;
    gap: 6px;
}

.header-guest-menu-panel .header-guest-benefit,
.mobile-account-menu-panel.header-guest-menu-panel .header-guest-benefit {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) .85rem;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: .34rem 0;
    border-radius: 9px;
    color: var(--text);
    text-decoration: none;
}

.header-guest-benefit > i:first-child {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid color-mix(in srgb, var(--bg-base, var(--bg)) 40%, var(--line) 60%);
    border-radius: 8px;
    color: color-mix(in srgb, var(--text) 66%, var(--bg-base, var(--bg)) 34%);
    background: color-mix(in srgb, var(--bg-base, var(--bg)) 10%, transparent);
    font-size: 1rem;
}

.header-guest-benefit > span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.header-guest-benefit strong {
    color: var(--text);
    font-size: .86rem;
    line-height: 1.1;
}

.header-guest-benefit small {
    overflow: hidden;
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-guest-benefit > i:last-child {
    color: var(--muted);
    font-size: .82rem;
}

.header-guest-menu-panel .header-guest-benefit:hover,
.header-guest-menu-panel .header-guest-benefit:focus-visible {
    background: color-mix(in srgb, var(--bg-base, var(--bg)) 14%, transparent);
    transform: translateX(2px);
}

html[data-theme="light"] .header-account-menu .header-guest-menu-panel,
html[data-theme="light"] .mobile-account-menu-panel.header-guest-menu-panel {
    background:
        radial-gradient(circle at 12% 14%, color-mix(in srgb, var(--bg-base, var(--bg)) 18%, transparent), transparent 28%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 78%, var(--bg-base, var(--bg)) 22%), color-mix(in srgb, var(--panel-2) 82%, var(--bg-base, var(--bg)) 18%));
    border-color: color-mix(in srgb, var(--gold) 52%, var(--line) 48%);
}

html[data-theme="light"] .header-account-menu .header-guest-menu-panel::before {
    background: color-mix(in srgb, var(--panel) 78%, var(--bg-base, var(--bg)) 22%);
    border-color: color-mix(in srgb, var(--gold) 52%, var(--line) 48%);
}

html[data-theme="light"] .header-guest-title strong,
html[data-theme="light"] .header-guest-benefit strong {
    color: var(--text);
}

html[data-theme="light"] .header-guest-title span,
html[data-theme="light"] .header-guest-benefit small {
    color: var(--muted);
}

html[data-theme="light"] .header-guest-menu-panel .header-guest-benefit {
    color: var(--text);
}

html[data-theme="light"] .header-guest-menu-panel .header-guest-cta-secondary {
    border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
    background: color-mix(in srgb, var(--gold) 7%, var(--panel) 93%);
    color: color-mix(in srgb, var(--gold) 82%, var(--text) 18%);
}

html[data-theme="light"] .header-guest-menu-panel .header-guest-cta-primary {
    border-color: color-mix(in srgb, var(--gold) 78%, var(--line) 22%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 72%, #fff 28%), color-mix(in srgb, var(--gold) 88%, #8b641c 12%));
    color: #1a1308;
}

html[data-theme="light"] .header-guest-menu-panel .header-guest-cta-primary:hover,
html[data-theme="light"] .header-guest-menu-panel .header-guest-cta-primary:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 92%, #fff 8%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 68%, #fff 32%), color-mix(in srgb, var(--gold) 92%, #8b641c 8%));
    color: #100b04;
}

html[data-theme="light"] .header-guest-menu-panel .header-guest-cta-secondary:hover,
html[data-theme="light"] .header-guest-menu-panel .header-guest-cta-secondary:focus-visible {
    border-color: color-mix(in srgb, var(--gold) 82%, var(--text) 18%);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel) 88%);
    color: color-mix(in srgb, var(--gold) 92%, var(--text) 8%);
}

@media (max-width: 980px) {
    .site-header .mobile-account-menu-panel.header-guest-menu-panel {
        left: auto;
        right: .45rem;
        width: min(320px, calc(100vw - .9rem));
        min-width: 0;
        padding: 0;
        border-radius: 14px;
    }

    .mobile-account-menu-panel.header-guest-menu-panel::before {
        display: none;
    }

    .header-guest-menu {
        gap: 10px;
        padding: 15px 14px 14px;
    }

    .header-guest-menu-head {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
    }

    .header-guest-avatar {
        width: 38px;
        height: 38px;
        font-size: 1.18rem;
    }

    .header-guest-title strong {
        font-size: 1.14rem;
    }

    .header-guest-title span {
        font-size: .78rem;
    }

    .header-guest-menu-panel .header-guest-cta,
    .mobile-account-menu-panel.header-guest-menu-panel .header-guest-cta {
        min-height: 38px;
        font-size: .9rem;
    }

    .header-guest-menu-panel .header-guest-benefit,
    .mobile-account-menu-panel.header-guest-menu-panel .header-guest-benefit {
        grid-template-columns: 32px minmax(0, 1fr) .8rem;
        gap: 8px;
        min-height: 42px;
    }

    .header-guest-benefit > i:first-child {
        width: 32px;
        height: 32px;
        font-size: .94rem;
    }
}

/* Account conversation price offer summary: keep these after legacy thread rules. */
.conversation-topic-line--watch {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.conversation-topic-thumb {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line) 66%);
    border-radius: 8px;
    background: var(--panel-2);
}

.conversation-topic-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.price-offer-thread-panel {
    border: 1px solid color-mix(in srgb, var(--gold) 44%, var(--line) 56%);
    border-radius: 10px;
    padding: .85rem;
    margin-bottom: .9rem;
    background: color-mix(in srgb, var(--panel) 88%, var(--accent) 12%);
    box-shadow: 0 0 22px color-mix(in srgb, var(--gold) 10%, transparent);
}

.price-offer-thread-card {
    display: grid;
    gap: .56rem;
    padding: .75rem 0;
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
}

.price-offer-thread-card:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.price-offer-thread-main {
    display: grid;
    gap: .25rem;
}

.price-offer-thread-badge {
    display: inline-flex;
    align-items: center;
    justify-self: flex-start;
    gap: .34rem;
    width: fit-content;
    border: 1px solid color-mix(in srgb, var(--gold) 48%, var(--line) 52%);
    border-radius: 999px;
    padding: .18rem .55rem;
    background: color-mix(in srgb, var(--gold) 10%, var(--panel-2) 90%);
    color: var(--gold);
    font-size: .78rem;
    font-weight: 700;
}

.price-offer-thread-amount {
    color: var(--text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.7rem;
    line-height: 1.05;
}

.price-offer-thread-main .price-offer-thread-amount {
    font-size: 1.7rem;
}

.price-offer-thread-date,
.price-offer-thread-message,
.price-offer-thread-note {
    margin: 0;
    color: var(--muted);
}

.price-offer-thread-note {
    padding-top: .72rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
}

.price-offer-thread-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
}

@media (min-width: 1041px) {
    .account-conversation-show-layout {
        grid-template-columns: 1fr;
    }

    .account-conversation-thread-panel--with-offers {
        display: grid;
        grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
        gap: .65rem;
        align-items: stretch;
    }

    .account-conversation-thread-panel--with-offers .account-conversation-thread-content {
        display: contents;
    }

    .account-conversation-thread-panel--with-offers .price-offer-thread-panel {
        margin: 0;
        min-height: 320px;
    }

    .account-conversation-thread-panel--with-offers .message-thread {
        grid-column: 2;
        grid-row: 1;
        height: clamp(260px, calc(100dvh - 430px), 520px);
        max-height: none;
    }

    .account-conversation-thread-panel--with-offers .account-conversation-reply-panel {
        grid-column: 2;
        grid-row: 2;
        position: static;
        top: auto;
        margin: 0;
    }

    .account-conversation-thread-panel--with-offers .account-conversation-reply-panel h3 {
        display: none;
    }

    .account-conversation-thread-panel--with-offers .conversation-reply-form textarea[name="body"] {
        min-height: 66px;
        line-height: 1.32;
    }

    .account-conversation-show-layout > .account-conversation-reply-panel {
        position: static;
        top: auto;
    }
}

@media (min-width: 1041px) and (max-height: 820px) {
    .account-conversation-thread-panel--with-offers {
        gap: .5rem;
    }

    .account-conversation-thread-panel--with-offers .message-thread {
        height: clamp(220px, calc(100dvh - 500px), 360px);
    }

    .account-conversation-thread-panel--with-offers .account-conversation-reply-panel {
        padding: .75rem;
    }

    .account-conversation-thread-panel--with-offers .conversation-reply-form {
        gap: .48rem;
    }

    .account-conversation-thread-panel--with-offers .conversation-reply-form textarea[name="body"] {
        min-height: 66px;
        padding: .52rem .72rem;
    }

    .account-conversation-thread-panel--with-offers .conversation-attachments-note {
        margin-top: -.2rem;
        font-size: .78rem;
    }

    .account-conversation-thread-panel--with-offers .conversation-attach-icon-btn {
        width: 38px;
        height: 38px;
    }

    .account-conversation-thread-panel--with-offers .conversation-reply-actions-row .btn {
        min-height: 38px;
        padding: .42rem .82rem;
    }
}

@media (max-width: 720px) {
    .conversation-topic-line--watch {
        gap: .45rem;
    }

    .conversation-topic-thumb {
        width: 34px;
        height: 34px;
        border-radius: 7px;
    }

    .account-conversation-thread-panel--with-offers {
        display: grid;
        gap: .65rem;
    }

    .account-conversation-thread-panel--with-offers .account-conversation-reply-panel {
        margin: 0;
    }

    .price-offer-thread-panel {
        padding: .85rem;
        margin-bottom: 0;
    }

    .price-offer-thread-panel h3 {
        font-size: 1.08rem;
        margin-bottom: .62rem;
    }

    .price-offer-thread-card {
        gap: .58rem;
    }

    .price-offer-thread-amount {
        font-size: 1.22rem;
    }
}

.price-offer-thread-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    margin-bottom: .7rem;
}

.price-offer-thread-heading h3 {
    margin: 0;
}

.price-offer-thread-badge.price-offer-thread-badge--summary {
    display: none;
}

.price-offer-message-history {
    display: none;
}

@media (max-width: 720px) {
    .price-offer-thread-panel h3 {
        margin-bottom: 0;
    }

    .price-offer-thread-heading {
        margin-bottom: .46rem;
    }

    .price-offer-thread-panel {
        padding: .62rem;
    }

    .price-offer-thread-panel h3 {
        font-size: .98rem;
        line-height: 1.12;
    }

    .price-offer-thread-card {
        gap: .34rem;
        padding: .52rem 0;
    }

    .price-offer-thread-main {
        gap: .16rem;
    }

    .price-offer-thread-main .price-offer-thread-amount,
    .price-offer-thread-amount {
        font-size: 1.08rem;
        line-height: 1.08;
    }

    .price-offer-thread-date,
    .price-offer-thread-message,
    .price-offer-thread-note {
        font-size: .78rem;
        line-height: 1.25;
    }

    .price-offer-thread-note {
        padding-top: .42rem;
    }

    .price-offer-thread-badge.price-offer-thread-badge--summary {
        display: inline-flex;
        flex: 0 0 auto;
        max-width: 48%;
        padding: .13rem .42rem;
        font-size: .72rem;
        white-space: nowrap;
    }

    .price-offer-thread-card .price-offer-thread-badge:not(.price-offer-thread-badge--summary) {
        display: none;
    }

    .account-conversation-workspace--thread .price-offer-thread-action-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: .42rem;
        align-items: stretch;
    }

    .account-conversation-workspace--thread .price-offer-thread-actions {
        min-width: 0;
    }

    .account-conversation-workspace--thread .price-offer-thread-actions--reject {
        grid-column: 1;
        grid-row: 1;
    }

    .account-conversation-workspace--thread .price-offer-thread-actions--accept {
        grid-column: 2;
        grid-row: 1;
    }

    .account-conversation-workspace--thread .price-offer-thread-actions .btn {
        width: 100%;
        min-height: 36px;
        padding-inline: .32rem;
        font-size: .78rem;
        white-space: normal;
        line-height: 1.1;
    }

    .account-conversation-workspace--thread .price-offer-thread-panel--ended,
    .admin-conversation-workspace--thread .price-offer-thread-panel--ended {
        display: none;
    }

    .account-conversation-workspace--thread .price-offer-message-history,
    .admin-conversation-workspace--thread .price-offer-message-history {
        display: grid;
        justify-self: stretch;
        gap: .42rem;
        padding: .62rem;
        border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line) 66%);
        border-radius: 10px;
        background: color-mix(in srgb, var(--panel) 84%, black 16%);
    }

    .price-offer-message-history-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        color: var(--muted);
        font-size: .78rem;
        line-height: 1.2;
    }

    .price-offer-message-history-head strong {
        color: var(--gold);
        font-size: .74rem;
        white-space: nowrap;
    }

    .price-offer-message-history-item {
        display: grid;
        gap: .12rem;
        max-width: 86%;
        padding: .44rem .52rem;
        border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
        border-radius: 9px;
        background: color-mix(in srgb, var(--panel-2) 84%, black 16%);
    }

    .price-offer-message-history-item.is-admin {
        justify-self: start;
    }

    .price-offer-message-history-item.is-user {
        justify-self: end;
        background: color-mix(in srgb, #7ec79b 12%, var(--panel-2) 88%);
    }

    .admin-conversation-workspace--thread .price-offer-message-history-item.is-admin {
        justify-self: end;
        background: color-mix(in srgb, #7ec79b 12%, var(--panel-2) 88%);
    }

    .admin-conversation-workspace--thread .price-offer-message-history-item.is-user {
        justify-self: start;
        background: color-mix(in srgb, var(--panel-2) 84%, black 16%);
    }

    .price-offer-message-history-item small,
    .price-offer-message-history-item p {
        margin: 0;
        color: var(--muted);
        font-size: .72rem;
        line-height: 1.22;
    }

    .price-offer-message-history-item strong {
        color: var(--text);
        font-size: .98rem;
        line-height: 1.08;
    }
}

/* Final admin conversations overrides: keep after legacy mobile rules. */
@media (max-width: 980px) {
    .filter-row--admin-conversations {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: .65rem;
    }

    .admin-conversations-search-field,
    .admin-conversations-segments {
        grid-column: 1 / -1;
    }

    .admin-conversation-item {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .68rem;
    }

    .admin-conversation-state-dot {
        display: none;
    }

    .admin-conversation-type-icon {
        width: 44px;
        height: 44px;
        font-size: 1rem;
    }

    .admin-conversation-side {
        grid-column: 2 / -1;
        grid-row: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .admin-conversation-menu {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 640px) {
    .filter-row--admin-conversations {
        grid-template-columns: 1fr;
    }

    .admin-conversations-search-field,
    .admin-conversations-select-field,
    .admin-conversations-filter-btn,
    .admin-conversations-reset-btn {
        width: 100%;
    }

    .admin-conversations-segments {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: .18rem;
    }

    .admin-conversation-title-row {
        display: grid;
        gap: .35rem;
    }

    .admin-conversation-meta-row {
        white-space: normal;
    }

    .admin-conversation-open-btn {
        min-width: 112px;
    }
}

/* Final mobile admin conversations override. */
@media (max-width: 720px) {
    .admin-conversations-page {
        gap: .82rem;
        padding: .85rem .72rem 1.6rem;
    }

    .admin-conversations-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: .65rem;
        margin-bottom: 0;
    }

    .admin-conversations-header .eyebrow {
        display: none;
    }

    .admin-conversations-header h1 {
        margin: 0;
        font-size: clamp(1.55rem, 6.8vw, 2rem);
        line-height: 1;
    }

    .admin-conversations-archive-btn {
        min-height: 42px;
        padding: .5rem .82rem;
        border-color: color-mix(in srgb, var(--gold) 68%, var(--line) 32%);
        border-radius: 999px;
        color: var(--text);
        font-size: 1rem;
    }

    .filter-row--admin-conversations {
        display: grid;
        grid-template-columns: 1fr;
        gap: .72rem;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .admin-conversations-select-field,
    .admin-conversations-filter-btn,
    .admin-conversations-reset-btn {
        display: none;
    }

    .admin-conversations-search-field {
        min-height: 54px;
        padding: 0 .88rem;
        border-radius: 18px;
        border-color: color-mix(in srgb, var(--line) 88%, transparent);
        background: color-mix(in srgb, var(--panel) 76%, black 24%);
        font-size: 1rem;
    }

    .admin-conversations-search-field i {
        color: var(--gold);
        font-size: 1.22rem;
    }

    .admin-conversations-search-field input {
        min-height: 52px;
        font-size: .95rem;
    }

    .admin-conversations-segments {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .56rem;
        overflow: visible;
        padding: 0;
    }

    .admin-conversations-segment {
        justify-content: flex-start;
        min-height: 46px;
        padding: .52rem .6rem;
        border-radius: 13px;
        font-size: 1rem;
        background: color-mix(in srgb, var(--panel) 82%, black 18%);
    }

    .admin-conversations-segment strong,
    .admin-conversations-subsegment strong {
        margin-left: auto;
    }

    .admin-conversations-subsegments {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
        gap: .45rem;
        margin-top: -.15rem;
        padding: .46rem;
        border-radius: 14px;
        overflow: visible;
    }

    .admin-conversations-subsegment {
        min-height: 38px;
        justify-content: flex-start;
        padding: .38rem .45rem;
        font-size: .82rem;
    }

    .admin-conversations-list {
        gap: .72rem;
    }

    .admin-conversation-item {
        position: relative;
        display: grid;
        grid-template-columns: 3.45rem minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: stretch;
        gap: 0 .72rem;
        min-height: 0;
        padding: 1rem .86rem .92rem .82rem;
        border-radius: 15px;
    }

    .admin-conversation-item.is-unread {
        border-color: color-mix(in srgb, var(--gold) 64%, var(--line) 36%);
    }

    .admin-conversation-state-dot {
        position: absolute;
        top: 50%;
        left: .72rem;
        display: block;
        width: 11px;
        height: 11px;
        transform: translateY(-50%);
    }

    .admin-conversation-type-icon {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        width: 44px;
        height: 44px;
        font-size: 1.12rem;
    }

    .admin-conversation-link {
        display: block;
        min-width: 0;
        grid-column: 2;
        grid-row: 1;
        padding: 0 0 3.05rem;
    }

    .admin-conversation-title-row {
        display: grid;
        gap: .42rem;
        padding-right: 4.45rem;
        min-width: 0;
    }

    .admin-conversation-type-badge {
        justify-self: start;
        max-width: 100%;
        padding: .2rem .5rem;
        border-radius: 8px;
        font-size: .78rem;
    }

    .admin-conversation-title-row .message-list-subject {
        display: -webkit-box;
        max-width: 100%;
        overflow: hidden;
        text-overflow: clip;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: clamp(1.08rem, 4.8vw, 1.28rem);
        line-height: 1.14;
        white-space: normal;
        overflow-wrap: normal;
        word-break: normal;
    }

    .admin-conversation-meta-row {
        display: flex;
        flex-wrap: wrap;
        gap: .32rem .45rem;
        margin-top: .58rem;
        white-space: normal;
    }

    .admin-conversation-contact-line {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.25;
    }

    .admin-conversation-read-status {
        font-size: .86rem;
        line-height: 1.25;
    }

    .admin-conversations-list .message-list-preview {
        display: -webkit-box;
        margin-top: .62rem;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal;
        font-size: 1rem;
        line-height: 1.35;
    }

    .admin-conversation-side {
        position: absolute;
        inset: .92rem .78rem .86rem auto;
        display: grid;
        justify-items: end;
        align-content: space-between;
        gap: 1rem;
        min-width: 6.4rem;
        pointer-events: none;
    }

    .admin-conversation-side-actions {
        pointer-events: auto;
    }

    .admin-conversation-side .message-list-date {
        font-size: .82rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .admin-conversation-open-btn {
        min-width: 96px;
        min-height: 40px;
        border-radius: 999px;
        font-size: 1rem;
    }

    .admin-conversation-attachment-icon {
        display: none;
    }

    .admin-conversation-menu {
        position: absolute;
        top: .8rem;
        right: .64rem;
        width: 30px;
        height: 30px;
    }

    .admin-conversation-menu summary {
        width: 30px;
        height: 30px;
        font-size: 1.08rem;
    }
}

/* Compact mobile admin conversations final guard. */
@media (max-width: 720px) {
    .admin-conversations-page { gap: .34rem; padding: .42rem .28rem 1.25rem; }
    .admin-conversations-header { gap: .58rem; margin: 0; }
    .admin-conversations-header h1 { font-size: clamp(1.68rem, 6.8vw, 1.95rem); line-height: 1.05; }
    .admin-conversations-archive-btn { min-height: 34px; padding: .26rem .8rem; border-radius: 999px; font-size: .88rem; }
    .filter-row--admin-conversations { gap: .36rem; }
    .admin-conversations-search-field { min-height: 42px; padding: 0 .82rem; border-radius: 16px; font-size: .84rem; }
    .admin-conversations-search-field i { font-size: 1.12rem; }
    .admin-conversations-search-field input { min-height: 40px; font-size: .84rem; }
    .admin-conversations-segments {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .32rem;
        overflow: visible;
        padding-bottom: 0;
    }

    .admin-conversations-subsegments { display: flex; flex-wrap: nowrap; gap: .32rem; overflow-x: auto; padding-bottom: .04rem; scrollbar-width: none; }
    .admin-conversations-segments::-webkit-scrollbar,
    .admin-conversations-subsegments::-webkit-scrollbar { display: none; }
    .admin-conversations-segment { justify-content: center; min-width: 0; min-height: 36px; padding: .3rem .46rem; border-radius: 11px; font-size: .8rem; }
    .admin-conversations-segment strong { min-width: 18px; padding: .05rem .24rem; font-size: .62rem; }
    .admin-conversations-subsegments { width: 100%; margin-top: -.14rem; padding: .32rem; border-radius: 14px; }
    .admin-conversations-subsegment { flex: 0 0 auto; min-width: 96px; min-height: 34px; padding: .28rem .48rem; font-size: .78rem; }
    .admin-conversations-subsegment strong { min-width: 17px; padding: .04rem .22rem; font-size: .6rem; }
    .admin-conversations-list { gap: .52rem; }
    .admin-conversation-item { grid-template-columns: 4.45rem minmax(0, 1fr); gap: 0 .9rem; min-height: 0; padding: 1.35rem .58rem 1.1rem .58rem; border-radius: 18px; }
    .admin-conversation-state-dot { left: .9rem; width: 12px; height: 12px; }
    .admin-conversation-type-icon { width: 54px; height: 54px; font-size: 1.34rem; }
    .admin-conversation-link { display: block; min-width: 0; grid-column: 2; padding: 0 0 3.4rem; }
    .admin-conversation-title-row { gap: .58rem; padding-right: 5.35rem; min-width: 0; }
    .admin-conversation-type-badge { max-width: 100%; padding: .25rem .62rem; border-radius: 8px; font-size: .92rem; }
    .admin-conversation-title-row .message-list-subject { display: -webkit-box; max-width: 100%; overflow: hidden; text-overflow: clip; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: clamp(1.22rem, 5.7vw, 1.55rem); line-height: 1.15; white-space: normal; overflow-wrap: normal; word-break: normal; }
    .admin-conversation-meta-row { gap: .4rem .55rem; margin-top: .75rem; }
    .admin-conversation-contact-line { font-size: 1rem; }
    .admin-conversation-read-status { font-size: .95rem; }
    .admin-conversations-list .message-list-preview { margin-top: .78rem; font-size: 1rem; line-height: 1.35; }
    .admin-conversation-side { inset: 1.3rem 1rem 1.12rem auto; min-width: 6.9rem; }
    .admin-conversation-side .message-list-date { font-size: .95rem; }
    .admin-conversation-open-btn { min-width: 96px; min-height: 38px; padding: .34rem .78rem; font-size: .92rem; }
    .admin-conversation-mobile-archive {
        position: absolute;
        left: .5rem;
        bottom: 1rem;
        display: block;
        margin: 0;
    }
    .admin-conversation-archive-inline-btn {
        min-height: 38px;
        padding: .34rem .78rem;
        border-radius: 999px;
        font-size: .92rem;
        line-height: 1.1;
    }
    .admin-conversation-menu { top: 1rem; right: .78rem; width: 32px; height: 32px; }
    .admin-conversation-menu summary { width: 32px; height: 32px; font-size: 1.18rem; }
}

@media (max-width: 720px) {
    .admin-conversation-item {
        display: block;
        min-height: 0;
        padding: .95rem .5rem 1rem;
    }

    .admin-conversation-state-dot {
        top: 2.18rem;
        left: .68rem;
        width: 11px;
        height: 11px;
        transform: none;
    }

    .admin-conversation-type-icon {
        position: absolute;
        top: 1.38rem;
        left: 1.18rem;
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

    .admin-conversation-link {
        display: block;
        padding: 0 0 3.6rem;
    }

    .admin-conversation-link .message-list-main {
        padding-left: 0;
    }

    .admin-conversation-title-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        min-width: 0;
        gap: .24rem;
        padding-left: 1.72rem;
        padding-right: 6.9rem;
    }

    .admin-conversation-type-badge {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        padding: .22rem .52rem;
        font-size: .82rem;
        white-space: nowrap;
    }

    .admin-conversation-title-row .message-list-subject {
        -webkit-line-clamp: 2;
        font-size: clamp(.98rem, 4.25vw, 1.14rem);
        line-height: 1.14;
    }

    .admin-conversation-state-dot {
        display: none;
    }

    .admin-conversation-type-icon {
        top: 1.2rem;
        left: .62rem;
        width: 1.45rem;
        height: 1.45rem;
        border: 0;
        background: transparent;
        font-size: 1rem;
    }

    .admin-conversation-link .message-list-main {
        padding-left: 0;
    }

    .admin-conversation-type-badge {
        position: relative;
        padding-left: .52rem;
    }

    .admin-conversation-mobile-state-dot {
        display: inline-block;
        flex: 0 0 auto;
        width: 7px;
        height: 7px;
        margin-left: .1rem;
        border-radius: 999px;
        box-shadow: none;
    }

    .admin-conversation-mobile-contact-line {
        display: inline-flex;
        align-items: center;
        gap: .42rem;
        flex: 0 0 100%;
        margin-top: .08rem;
        margin-left: -1.72rem;
        font-size: .95rem;
        line-height: 1.24;
    }

    .admin-conversation-meta-row .admin-conversation-contact-line,
    .admin-conversation-meta-row > .admin-conversation-contact-presence {
        display: none !important;
    }

    .admin-conversation-meta-row {
        margin-top: .34rem;
    }

    .admin-conversation-title-row .message-list-subject {
        display: -webkit-box;
        flex: 0 0 calc(100% + 6.9rem);
        max-width: calc(100% + 6.9rem);
        margin-top: .24rem;
        margin-left: -1.72rem;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .admin-conversation-menu {
        display: none;
    }
}

@media (max-width: 860px) {
    .account-conversation-sidebar .admin-conversation-item {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: start;
        gap: .46rem .62rem;
        min-height: 0;
        padding: .72rem .62rem .78rem;
    }

    .account-conversation-sidebar .admin-conversation-type-icon {
        position: static;
        grid-column: 1;
        grid-row: 1 / span 3;
        width: 42px;
        height: 42px;
        margin-top: .08rem;
        border: 1px solid color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
        border-radius: 999px;
        background: color-mix(in srgb, var(--panel-2) 86%, black 14%);
    }

    .account-conversation-sidebar .admin-conversation-link {
        grid-column: 2;
        min-width: 0;
        padding: 0;
    }

    .account-conversation-sidebar .admin-conversation-link .message-list-main {
        min-width: 0;
        padding-left: 0;
    }

    .account-conversation-sidebar .admin-conversation-title-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .2rem .34rem;
        min-width: 0;
        padding: 0 5.7rem 0 0;
    }

    .account-conversation-sidebar .admin-conversation-type-badge,
    .account-conversation-sidebar .admin-conversation-read-status {
        flex: 0 1 auto;
        max-width: 100%;
        margin: 0;
        white-space: nowrap;
    }

    .account-conversation-sidebar .admin-conversation-type-badge {
        padding: .16rem .44rem;
        font-size: .72rem;
    }

    .account-conversation-sidebar .admin-conversation-read-status {
        font-size: .74rem;
    }

    .account-conversation-sidebar .admin-conversation-mobile-state-dot {
        display: none;
    }

    .account-conversation-sidebar .message-list-subject {
        display: -webkit-box;
        flex: 0 0 100%;
        max-width: 100%;
        margin: .12rem 0 0;
        overflow: hidden;
        text-overflow: clip;
        white-space: normal;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: .98rem;
        line-height: 1.14;
    }

    .account-conversation-sidebar .message-list-preview {
        margin-top: .32rem;
        font-size: .82rem;
        line-height: 1.25;
    }

    .account-conversation-sidebar .admin-conversation-side {
        position: absolute;
        inset: .78rem .68rem auto auto;
        min-width: 0;
        pointer-events: none;
    }

    .account-conversation-sidebar .message-list-date {
        font-size: .72rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .account-conversation-sidebar .admin-conversation-item.is-active {
        border-color: color-mix(in srgb, var(--line) 74%, transparent);
        box-shadow: none;
    }

    .account-conversation-workspace--thread .account-conversation-sidebar {
        display: none;
    }

    .account-conversation-workspace--thread .admin-conversation-chat {
        display: grid;
        min-height: calc(100dvh - 145px);
        border-right: 0;
    }

    .account-conversation-workspace--thread .admin-conversation-chat-header {
        grid-template-columns: auto auto minmax(0, 1fr) auto;
        gap: .5rem;
        align-items: center;
        padding: .62rem .42rem;
    }

    .account-conversation-workspace--thread .account-conversation-back-btn {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        grid-column: 1;
        width: 36px !important;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
        border-radius: 999px;
        line-height: 1;
    }

    .account-conversation-workspace--thread .account-conversation-back-btn i {
        font-size: 1rem;
    }

    .account-conversation-workspace--thread .account-conversation-back-btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .account-conversation-workspace--thread .admin-conversation-topic-icon {
        grid-column: 2;
        width: 42px;
        height: 42px;
    }

    .account-conversation-workspace--thread .account-conversation-chat-title {
        grid-column: 3;
        padding-right: 0;
    }

    .account-conversation-workspace--thread .account-conversation-chat-actions {
        position: static;
        grid-column: 4;
        grid-row: 1;
        display: inline-flex;
        justify-content: center;
        width: auto;
        min-width: 36px;
        margin-left: auto;
    }

    .account-conversation-workspace--thread .account-conversation-chat-actions form {
        margin: 0;
    }

    .account-conversation-workspace--thread .account-conversation-trash-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
        border-radius: 999px;
    }

    .account-conversation-workspace--thread .account-conversation-trash-action span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .account-conversation-workspace--thread .admin-conversation-thread-panel {
        min-height: 0;
    }
}

@media (max-width: 860px) {
    .account-conversation-sidebar .admin-conversation-item {
        position: relative !important;
    }

    .account-conversation-sidebar .admin-conversation-side {
        position: absolute !important;
        top: .72rem !important;
        right: .68rem !important;
        bottom: auto !important;
        left: auto !important;
        inset: .72rem .68rem auto auto !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        transform: none !important;
        z-index: 4 !important;
        pointer-events: none !important;
    }

    .account-conversation-sidebar .message-list-date {
        display: block !important;
        text-align: right !important;
        white-space: nowrap !important;
        line-height: 1.1 !important;
    }
}

@media (max-width: 860px) {
    .account-conversation-sidebar .admin-conversation-item {
        position: relative;
    }

    .account-conversation-sidebar .admin-conversation-side {
        position: absolute !important;
        top: .72rem !important;
        right: .68rem !important;
        bottom: auto !important;
        left: auto !important;
        inset: .72rem .68rem auto auto !important;
        z-index: 3;
        display: block;
        min-width: 0;
        height: auto;
        transform: none !important;
        pointer-events: none;
    }

    .account-conversation-sidebar .message-list-date {
        display: block;
        text-align: right;
        white-space: nowrap;
    }

    .account-conversation-sidebar .admin-conversation-item.is-active {
        border-color: color-mix(in srgb, var(--line) 74%, transparent) !important;
        box-shadow: none !important;
    }
}

/* Desktop admin conversations: keep statuses below the contact row. */
@media (min-width: 721px) {
    .admin-conversation-meta-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .16rem .46rem;
        white-space: normal;
    }

    .admin-conversation-contact-line {
        min-width: 0;
        max-width: 100%;
    }

    .admin-conversation-read-status {
        flex: 0 0 100%;
    }
}

/* Admin conversation workspace */
.is-admin .page-shell:has(.admin-conversation-workspace),
.page-shell:has(.account-conversation-workspace) {
    padding-bottom: .75rem;
}

.admin-conversation-workspace {
    display: grid;
    grid-template-columns: minmax(320px, 34%) minmax(0, 1fr) minmax(280px, 320px);
    gap: 0;
    height: calc(100dvh - 210px);
    min-height: 0;
    border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
    border-radius: 14px;
    overflow: hidden;
    background:
        radial-gradient(circle at 48% 18%, color-mix(in srgb, var(--gold) 6%, transparent) 0, transparent 32%),
        color-mix(in srgb, var(--panel) 88%, black 12%);
}

.admin-conversation-workspace.has-no-price-offer-panel {
    grid-template-columns: minmax(320px, 34%) minmax(0, 1fr);
}

.admin-conversation-workspace.has-no-price-offer-panel .admin-conversation-chat {
    border-right: 0;
}

.account-conversation-workspace.has-price-offer-panel {
    grid-template-columns: minmax(300px, 31%) minmax(0, 1.12fr) minmax(280px, 340px);
}

.admin-conversation-workspace--empty .admin-conversation-chat {
    border-right: 0;
}

.admin-conversation-sidebar,
.admin-conversation-chat,
.admin-conversation-offer-panel { min-width: 0; min-height: 0; }

.admin-conversation-sidebar {
    display: grid;
    grid-template-rows: auto auto auto auto auto minmax(0, 1fr);
    gap: .52rem;
    padding: .9rem .58rem;
    overflow: hidden;
    border-right: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    background: color-mix(in srgb, var(--panel) 86%, black 14%);
}

.admin-conversation-sidebar-sort {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .36rem;
}

.admin-conversation-sidebar-sort a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .34rem;
    min-height: 30px;
    padding: .2rem .38rem;
    border: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--panel-2) 78%, black 22%);
    color: var(--muted);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 800;
}

.admin-conversation-sidebar-sort a.is-active {
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line) 38%);
    color: var(--gold);
}

.admin-conversation-sidebar-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .46rem;
    padding: 0 .15rem;
}

.admin-conversation-sidebar-head h1 {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    font-size: 1.28rem;
    line-height: 1.05;
}

.admin-conversation-sidebar-tools {
    display: inline-flex;
    align-items: center;
    gap: .56rem;
}

.admin-conversation-sidebar-tool {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-2) 80%, black 20%);
    color: var(--muted);
    cursor: pointer;
    text-decoration: none;
}

.admin-conversation-sidebar-tool.is-active {
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line) 38%);
    color: var(--gold);
}

.account-conversation-sidebar-trash-tool {
    color: #a8a29e;
}

.account-conversation-sidebar-trash-tool.is-active {
    border-color: color-mix(in srgb, #a8a29e 66%, var(--line) 34%);
    color: #f2d7a6;
}

.admin-conversation-sidebar-nav {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    margin-left: auto;
}

.admin-conversation-sidebar-nav .btn {
    min-height: 30px;
    padding: .22rem .54rem;
    border-radius: 999px;
    font-size: .76rem;
    line-height: 1;
}

.admin-conversation-sidebar-nav .btn i {
    font-size: .82rem;
}

.admin-conversation-sidebar:not(.is-sort-open) .admin-conversation-sidebar-sort,
.admin-conversation-sidebar:not(.is-search-open) .admin-conversation-sidebar-search {
    display: none;
}

.admin-conversation-sidebar-search {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .52rem;
    min-height: 28px;
    height: 34px;
    padding: 0 .5rem;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 9px;
    background: color-mix(in srgb, var(--panel-2) 82%, black 18%);
    color: var(--muted);
}

.admin-conversation-sidebar-search input {
    min-width: 0;
    width: 100%;
    min-height: 0;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    line-height: 28px;
    appearance: none;
}

.admin-conversation-sidebar-segments {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .38rem;
}

.admin-conversation-sidebar-segments .admin-conversations-segment {
    justify-content: flex-start;
    min-width: 0;
    min-height: 34px;
    padding: .28rem .42rem;
    gap: .34rem;
    border-radius: 8px;
    font-size: .75rem;
}

.admin-conversation-sidebar-segments .admin-conversations-segment strong {
    min-width: 18px;
    padding: .04rem .24rem;
    margin-left: auto;
    font-size: .6rem;
}

.admin-conversations-segment-label-mobile {
    display: none;
}

.admin-conversations-subsegment-label-mobile {
    display: none;
}

.account-conversation-sidebar .admin-conversation-sidebar-segments .admin-conversations-segment--negotiations {
    grid-column: 1 / -1;
}

.admin-conversation-sidebar-subsegments {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .34rem;
    padding: .34rem;
    border-radius: 10px;
}

.admin-conversation-sidebar-subsegments.is-visible {
    display: grid;
}

.admin-conversation-sidebar-segments > .admin-conversation-sidebar-subsegments {
    grid-column: 1 / -1;
}

.admin-conversations-subsegment-select {
    display: none;
}

.admin-conversations-subsegment-select-wrap {
    display: none;
}

.admin-conversation-sidebar-subsegments-menu {
    display: contents;
}

.admin-conversation-sidebar-subsegments .admin-conversations-subsegment {
    min-width: 0;
    min-height: 32px;
    padding: .24rem .34rem;
    border-radius: 8px;
    font-size: .68rem;
}

.admin-conversation-sidebar-subsegments .admin-conversations-subsegment strong {
    min-width: 17px;
    padding: .03rem .22rem;
    margin-left: auto;
    font-size: .58rem;
}

.admin-conversation-sidebar .admin-conversations-list {
    display: grid;
    align-content: start;
    grid-auto-rows: max-content;
    min-height: 0;
    overflow-y: auto;
    padding-right: .08rem;
    gap: .48rem;
}

.admin-conversation-sidebar .admin-conversation-item {
    position: relative;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 96px;
    height: auto;
    align-self: start;
    padding: .66rem .58rem;
    gap: .58rem;
    border-radius: 9px;
}

.admin-conversation-sidebar .admin-conversation-item.is-active {
    border-color: color-mix(in srgb, #68b7f0 78%, var(--line) 22%);
    box-shadow: inset 3px 0 0 #68b7f0, 0 0 18px color-mix(in srgb, #68b7f0 14%, transparent);
}

.admin-conversation-sidebar .admin-conversation-state-dot,
.admin-conversation-sidebar .admin-conversation-side-actions,
.admin-conversation-sidebar .admin-conversation-menu,
.admin-conversation-sidebar .admin-conversation-mobile-archive { display: none; }

.admin-conversation-sidebar .admin-conversation-link { grid-column: 2; min-width: 0; }
.admin-conversation-sidebar .admin-conversation-title-row { display: flex; flex-wrap: wrap; gap: .38rem; padding-right: 6.7rem; }
.admin-conversation-sidebar .admin-conversation-title-row::after { content: none; }
.admin-conversation-sidebar .admin-conversation-type-badge { order: 1; padding: .14rem .42rem; font-size: .66rem; }
.admin-conversation-sidebar .message-list-subject { order: 3; flex: 0 0 calc(100% + 6.7rem); max-width: calc(100% + 6.7rem); padding-right: 0; display: -webkit-box; overflow: hidden; text-overflow: clip; white-space: normal; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; font-size: .92rem; line-height: 1.15; }
.admin-conversation-sidebar .admin-conversation-meta-row { margin-top: .28rem; }
.admin-conversation-sidebar .admin-conversation-read-status { order: 2; display: inline-flex; align-items: center; gap: .22rem; flex: 0 1 auto; max-width: 100%; margin: 0; font-size: .7rem; line-height: 1.12; font-weight: 800; overflow-wrap: anywhere; }

.admin-conversation-sidebar .message-list-preview {
    display: -webkit-box;
    margin-top: .28rem;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: .82rem;
}

.admin-conversation-sidebar .admin-conversation-side {
    position: absolute;
    top: .62rem;
    right: .58rem;
    min-width: 0;
    pointer-events: none;
}

.admin-conversation-sidebar .message-list-date {
    font-size: .72rem;
    white-space: nowrap;
    text-align: right;
}

.admin-conversation-sidebar .admin-conversation-mobile-date {
    display: none;
}

.admin-conversation-sidebar .account-messages-empty-state {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    column-gap: .8rem;
    min-height: 0;
    padding: .9rem;
    border-radius: 9px;
    text-align: left;
    background: color-mix(in srgb, var(--panel) 90%, black 10%);
}

.admin-conversation-sidebar .account-messages-empty-copy,
.admin-conversation-sidebar .account-messages-empty-copy .muted {
    max-width: none;
}

.admin-conversation-sidebar .account-messages-empty-copy h2 {
    margin: .18rem 0 .34rem;
    font-size: 1.05rem;
    line-height: 1.12;
}

.admin-conversation-sidebar .account-messages-empty-copy .muted {
    font-size: .82rem;
    line-height: 1.35;
}

.admin-conversation-sidebar .account-messages-empty-actions {
    align-self: end;
    justify-self: end;
    margin-top: 0;
}

.admin-conversation-sidebar .account-messages-empty-actions .btn {
    min-height: 30px;
    padding: .28rem .64rem;
    border-radius: 9px;
    font-size: .78rem;
    line-height: 1.1;
}

.admin-conversation-sidebar .account-messages-empty-actions.hidden {
    display: none;
}

.account-conversation-sidebar .admin-conversation-item {
    padding-top: .72rem;
}

.account-conversation-sidebar .admin-conversation-side {
    top: .82rem;
    right: .68rem;
    z-index: 2;
    line-height: 1;
}

.account-conversation-sidebar .message-list-date {
    display: block;
    line-height: 1.15;
}

@media (min-width: 861px) {
    .account-conversation-sidebar .admin-conversation-mobile-date {
        display: none !important;
    }
}

.account-conversation-sidebar .admin-conversation-title-row {
    align-items: center;
    column-gap: .34rem;
    row-gap: .18rem;
    padding-top: .08rem;
    padding-right: 6.15rem;
}

.account-conversation-sidebar .admin-conversation-type-badge {
    align-self: center;
    max-width: 100%;
    line-height: 1.1;
}

.account-conversation-sidebar .admin-conversation-read-status {
    align-self: center;
    flex: 0 1 auto;
    max-width: 100%;
    line-height: 1.1;
}

.account-conversation-sidebar .message-list-subject {
    flex-basis: calc(100% + 6.15rem);
    max-width: calc(100% + 6.15rem);
    margin-top: 0;
}

.account-conversation-sidebar .pager {
    display: none;
}

.account-conversations-load-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    width: 100%;
    min-height: 38px;
    margin-top: .78rem;
}

.account-conversations-load-more[hidden] {
    display: none;
}

.account-conversations-load-more.is-loading {
    opacity: .72;
    pointer-events: none;
}

.account-conversations-list-end {
    margin: .5rem 0 0;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.2;
    text-align: center;
}

.account-conversations-list-end[hidden] {
    display: none;
}

@media (min-width: 861px) {
    .account-conversations-load-more {
        display: none !important;
    }
}

.is-admin .admin-conversation-workspace .admin-conversation-sidebar .admin-conversations-list,
.is-admin .admin-conversation-workspace .message-thread,
.is-admin .admin-conversation-workspace .admin-conversation-offer-panel {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--gold) 42%, #8f8f8f 58%) color-mix(in srgb, #111 82%, transparent);
}

.is-admin .admin-conversation-workspace .admin-conversation-sidebar .admin-conversations-list::-webkit-scrollbar,
.is-admin .admin-conversation-workspace .message-thread::-webkit-scrollbar,
.is-admin .admin-conversation-workspace .admin-conversation-offer-panel::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.is-admin .admin-conversation-workspace .admin-conversation-sidebar .admin-conversations-list::-webkit-scrollbar-track,
.is-admin .admin-conversation-workspace .message-thread::-webkit-scrollbar-track,
.is-admin .admin-conversation-workspace .admin-conversation-offer-panel::-webkit-scrollbar-track {
    border-radius: 999px;
    background: color-mix(in srgb, #111 84%, transparent);
}

.is-admin .admin-conversation-workspace .admin-conversation-sidebar .admin-conversations-list::-webkit-scrollbar-thumb,
.is-admin .admin-conversation-workspace .message-thread::-webkit-scrollbar-thumb,
.is-admin .admin-conversation-workspace .admin-conversation-offer-panel::-webkit-scrollbar-thumb {
    border: 2px solid color-mix(in srgb, #111 84%, transparent);
    border-radius: 999px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 54%, #a8a8a8 46%), color-mix(in srgb, var(--gold) 26%, #555 74%));
}

.is-admin .admin-conversation-workspace .admin-conversation-sidebar .admin-conversations-list::-webkit-scrollbar-thumb:hover,
.is-admin .admin-conversation-workspace .message-thread::-webkit-scrollbar-thumb:hover,
.is-admin .admin-conversation-workspace .admin-conversation-offer-panel::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 72%, #e2e2e2 28%), color-mix(in srgb, var(--gold) 38%, #666 62%));
}

.account-conversation-sidebar .admin-conversations-list,
.account-conversation-workspace .message-thread {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--gold) 42%, #8f8f8f 58%) color-mix(in srgb, #111 82%, transparent);
}

.account-conversation-sidebar .admin-conversations-list::-webkit-scrollbar,
.account-conversation-workspace .message-thread::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.account-conversation-sidebar .admin-conversations-list::-webkit-scrollbar-track,
.account-conversation-workspace .message-thread::-webkit-scrollbar-track {
    border-radius: 999px;
    background: color-mix(in srgb, #111 84%, transparent);
}

.account-conversation-sidebar .admin-conversations-list::-webkit-scrollbar-thumb,
.account-conversation-workspace .message-thread::-webkit-scrollbar-thumb {
    border: 2px solid color-mix(in srgb, #111 84%, transparent);
    border-radius: 999px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 54%, #a8a8a8 46%), color-mix(in srgb, var(--gold) 26%, #555 74%));
}

.account-conversation-sidebar .admin-conversations-list::-webkit-scrollbar-thumb:hover,
.account-conversation-workspace .message-thread::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 72%, #e2e2e2 28%), color-mix(in srgb, var(--gold) 38%, #666 62%));
}

.admin-conversation-type-icon--watch {
    overflow: hidden;
    background: color-mix(in srgb, var(--panel-2) 88%, black 12%);
}

.admin-conversation-type-icon--watch img,
.admin-conversation-topic-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-conversation-chat {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
    border-right: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
}

.admin-conversation-chat-header {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .86rem;
    min-height: 94px;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    background: color-mix(in srgb, var(--panel) 76%, black 24%);
}

.admin-conversation-topic-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
    border-radius: 999px;
    color: var(--gold);
    background: color-mix(in srgb, var(--panel-2) 86%, black 14%);
}

.admin-conversation-chat-title { min-width: 0; padding-right: 9.8rem; }
.account-conversation-workspace .admin-conversation-chat-title { padding-right: 0; }

.account-conversation-workspace .account-conversation-chat-title {
    padding-right: 9.2rem;
}

.account-conversation-chat-actions {
    z-index: 3;
}

.account-conversation-trash-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    border-radius: 999px;
}

.account-conversation-trash-action span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.account-conversation-trash-action--trash {
    border-color: color-mix(in srgb, #f87171 42%, var(--line) 58%);
    color: #fca5a5;
}

.account-conversation-trash-action--restore {
    border-color: color-mix(in srgb, #7ec79b 46%, var(--line) 54%);
    color: #9be8b6;
}

.account-conversation-trash-notice {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 58px;
    padding: .8rem 1rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
    color: var(--muted);
    background: color-mix(in srgb, var(--panel) 82%, black 18%);
}

.account-conversation-trash-notice i {
    color: #a8a29e;
}
.account-conversation-back-btn { display: none; }

@media (min-width: 861px) {
    .admin-conversation-back-btn {
        display: none !important;
    }
}

.admin-conversation-chat-title h2 { margin: .25rem 0 .18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: clamp(1rem, 1.45vw, 1.28rem); line-height: 1.08; }
.account-conversation-workspace .admin-conversation-chat-title h2 {
    display: -webkit-box;
    white-space: normal;
    text-overflow: clip;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.15;
}
.admin-conversation-product-link,
.admin-conversation-product-title-link,
.admin-conversation-context-link { color: inherit; text-decoration: none; }
.admin-conversation-product-link:hover,
.admin-conversation-product-title-link:hover,
.admin-conversation-context-link:hover { color: var(--gold); }
.admin-conversation-chat-title p { margin: 0; }
.admin-conversation-chat-actions { position: absolute; top: .78rem; right: 1.1rem; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .55rem; }
.admin-conversation-chat-actions form { margin: 0; }
.admin-conversation-chat-actions .btn { display: inline-flex; align-items: center; gap: .38rem; }
.admin-conversation-archive-chat-btn { min-height: 34px; padding: .28rem .72rem; border-radius: 999px; font-size: .8rem; }

.admin-conversation-thread-panel {
    min-height: 0;
    padding: .85rem 1.1rem;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
}

.admin-conversation-chat--empty {
    display: grid;
    place-items: center;
    min-height: 0;
}

.admin-conversation-empty-state {
    display: grid;
    justify-items: center;
    gap: .58rem;
    max-width: 360px;
    padding: 1.5rem;
    color: var(--muted);
    text-align: center;
}

.admin-conversation-empty-state i {
    color: var(--gold);
    font-size: 2rem;
}

.admin-conversation-empty-state h2 {
    margin: 0;
    color: var(--text);
    font-size: 1.22rem;
}

.admin-conversation-empty-state p {
    margin: 0;
}

html[data-theme="light"] .admin-conversation-workspace {
    border-color: color-mix(in srgb, var(--gold) 18%, var(--line) 82%);
    background:
        radial-gradient(circle at 48% 18%, color-mix(in srgb, var(--gold) 10%, transparent) 0, transparent 34%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, var(--bg) 6%) 0%, color-mix(in srgb, var(--panel-2) 88%, var(--bg) 12%) 100%);
    box-shadow: 0 18px 42px color-mix(in srgb, var(--bg) 42%, transparent);
}

html[data-theme="light"] .admin-conversation-sidebar {
    border-right-color: color-mix(in srgb, var(--gold) 18%, var(--line) 82%);
    background: color-mix(in srgb, var(--panel) 88%, var(--bg) 12%);
}

html[data-theme="light"] .admin-conversation-chat,
html[data-theme="light"] .admin-conversation-offer-panel {
    background:
        radial-gradient(circle at 22% 12%, color-mix(in srgb, var(--gold) 8%, transparent), transparent 32%),
        color-mix(in srgb, var(--panel) 96%, var(--bg) 4%);
}

html[data-theme="light"] .admin-conversation-sidebar-tool,
html[data-theme="light"] .admin-conversation-sidebar-sort a,
html[data-theme="light"] .admin-conversation-sidebar-search,
html[data-theme="light"] .admin-conversation-sidebar-segments .admin-conversations-segment,
html[data-theme="light"] .admin-conversation-sidebar-subsegments .admin-conversations-subsegment {
    border-color: color-mix(in srgb, var(--gold) 16%, var(--line) 84%);
    background: color-mix(in srgb, var(--panel-2) 72%, var(--panel) 28%);
    color: var(--text);
}

html[data-theme="light"] .admin-conversation-sidebar-tool:hover,
html[data-theme="light"] .admin-conversation-sidebar-tool.is-active,
html[data-theme="light"] .admin-conversation-sidebar-sort a.is-active,
html[data-theme="light"] .admin-conversation-sidebar-segments .admin-conversations-segment.is-active,
html[data-theme="light"] .admin-conversation-sidebar-subsegments .admin-conversations-subsegment.is-active {
    border-color: color-mix(in srgb, var(--gold) 62%, var(--line) 38%);
    background: color-mix(in srgb, var(--gold) 12%, var(--panel-2) 88%);
    color: var(--gold);
}

html[data-theme="light"] .admin-conversation-sidebar .admin-conversation-item,
html[data-theme="light"] .admin-conversation-sidebar .account-messages-empty-state {
    border-color: color-mix(in srgb, var(--gold) 16%, var(--line) 84%);
    background: color-mix(in srgb, var(--panel) 86%, var(--panel-2) 14%);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--bg) 32%, transparent);
}

html[data-theme="light"] .admin-conversation-sidebar .admin-conversation-item.is-active {
    border-color: color-mix(in srgb, var(--gold) 58%, var(--line) 42%);
    box-shadow: inset 3px 0 0 var(--gold), 0 12px 24px color-mix(in srgb, var(--gold) 12%, transparent);
}

html[data-theme="light"] .admin-conversation-empty-state {
    color: var(--muted);
}

html[data-theme="light"] .admin-conversation-empty-state h2,
html[data-theme="light"] .admin-conversation-sidebar-head h1,
html[data-theme="light"] .admin-conversation-sidebar .message-list-subject,
html[data-theme="light"] .admin-conversation-sidebar .account-messages-empty-copy h2 {
    color: var(--text);
}

html[data-theme="light"] .admin-conversation-topic-icon {
    background: color-mix(in srgb, var(--panel-2) 78%, var(--panel) 22%);
}

.admin-conversation-workspace .message-thread {
    display: grid;
    align-content: start;
    gap: .74rem;
    height: 100%;
    max-height: none;
    overflow-y: auto;
    padding: .1rem .1rem 1rem;
}

.admin-conversation-date-divider {
    display: grid;
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
    align-items: center;
    gap: .7rem;
    color: var(--muted);
    font-size: .84rem;
}

.admin-conversation-date-divider::before,
.admin-conversation-date-divider::after {
    content: "";
    height: 1px;
    border-top: 1px dashed color-mix(in srgb, var(--line) 72%, transparent);
}

.admin-conversation-workspace .bubble {
    max-width: min(560px, 72%);
    padding: .72rem .85rem;
    border-radius: 11px;
    border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    font-size: .92rem;
    line-height: 1.34;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
}

.admin-conversation-workspace .bubble-user { justify-self: start; background: color-mix(in srgb, var(--panel-2) 86%, black 14%); }
.admin-conversation-workspace .bubble-admin { justify-self: end; background: color-mix(in srgb, #7ec79b 15%, var(--panel-2) 85%); }
.admin-conversation-workspace .bubble-meta { margin-bottom: .28rem; color: var(--muted); font-size: .72rem; }

.admin-conversation-compose-panel {
    margin: 0;
    padding: .9rem 1.1rem 1rem;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    border-radius: 0;
    background: color-mix(in srgb, var(--panel) 82%, black 18%);
    box-shadow: none;
    flex-shrink: 0;
}

.admin-conversation-compose-panel textarea { height: calc(2lh + 1.1rem); min-height: calc(2lh + 1.1rem); box-sizing: border-box; line-height: 1.35; overflow: hidden; resize: vertical; }
.admin-conversation-file-btn { position: relative; overflow: hidden; }
.admin-conversation-file-btn input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.admin-conversation-reply-actions { display: flex; align-items: center; gap: .6rem; }
.admin-conversation-send-btn { margin-left: auto; }
.admin-conversation-attachment-preview-list { display: flex; flex-wrap: wrap; gap: .52rem; margin-top: .58rem; }
.admin-conversation-attachment-preview-list[hidden] { display: none; }
.admin-conversation-attachment-preview-item { display: grid; grid-template-columns: 44px minmax(0, 1fr) 28px; align-items: center; gap: .5rem; max-width: min(100%, 280px); min-height: 52px; padding: .28rem .34rem; border: 1px solid color-mix(in srgb, var(--line) 74%, transparent); border-radius: 9px; background: color-mix(in srgb, var(--panel-2) 74%, black 26%); }
.admin-conversation-attachment-preview-media { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; overflow: hidden; border-radius: 7px; background: color-mix(in srgb, var(--panel) 78%, black 22%); color: var(--gold); }
.admin-conversation-attachment-preview-media img { width: 100%; height: 100%; object-fit: cover; }
.admin-conversation-attachment-preview-media i { font-size: 1.2rem; }
.admin-conversation-attachment-preview-meta { display: grid; gap: .08rem; min-width: 0; }
.admin-conversation-attachment-preview-name { overflow: hidden; color: var(--text); font-size: .82rem; font-weight: 800; line-height: 1.14; text-overflow: ellipsis; white-space: nowrap; }
.admin-conversation-attachment-preview-meta small { color: var(--muted); font-size: .68rem; line-height: 1; }
.admin-conversation-attachment-preview-remove { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid color-mix(in srgb, #f87171 54%, var(--line) 46%); border-radius: 999px; background: color-mix(in srgb, #f87171 10%, transparent); color: #ff8b8b; cursor: pointer; }
.admin-conversation-attachment-preview-remove:hover { border-color: #ff8b8b; background: color-mix(in srgb, #f87171 18%, transparent); }

.admin-conversation-offer-panel {
    padding: 1rem;
    overflow-y: auto;
    background: color-mix(in srgb, var(--panel) 82%, black 18%);
}

.admin-conversation-price-card {
    display: grid;
    gap: .62rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    border-radius: 14px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 84%, white 4%) 0%, color-mix(in srgb, var(--panel) 88%, black 12%) 100%);
    box-shadow: 0 18px 36px rgba(0, 0, 0, .24);
}

.admin-conversation-price-head { display: block; }
.admin-conversation-price-head h3 { margin: 0; font-size: 1.16rem; }
.admin-conversation-price-status-badge { display: inline-flex; align-items: center; width: max-content; }
.admin-conversation-price-card > p { margin: 0; }
.admin-conversation-price-summary { display: grid; gap: .36rem; }
.admin-conversation-price-row { display: grid; gap: .12rem; }
.admin-conversation-price-row span { color: var(--muted); }
.admin-conversation-price-row strong { font-size: 1rem; line-height: 1.1; }
.admin-conversation-price-row--offer strong { color: var(--text); font-size: 1.45rem; }
.admin-conversation-price-origin { line-height: 1.35; }
.admin-conversation-price-timeline { display: grid; gap: .1rem; padding: .2rem 0 .3rem; }
.admin-conversation-price-step { position: relative; display: grid; grid-template-columns: 1.45rem minmax(0, 1fr); gap: .52rem; min-height: 2.35rem; color: color-mix(in srgb, var(--muted) 88%, white 12%); }
.admin-conversation-price-step::after { content: ""; position: absolute; top: 1.18rem; bottom: -.9rem; left: .62rem; width: 2px; background: color-mix(in srgb, var(--line) 72%, transparent); }
.admin-conversation-price-step:last-child::after { display: none; }
.admin-conversation-price-step-marker { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 1.26rem; height: 1.26rem; margin-top: .08rem; border: 2px solid color-mix(in srgb, var(--line) 82%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--panel) 86%, black 14%); }
.admin-conversation-price-step-marker::before { content: ""; width: .46rem; height: .46rem; border-radius: inherit; background: color-mix(in srgb, var(--muted) 52%, transparent); }
.admin-conversation-price-step strong { display: block; color: inherit; font-size: .82rem; line-height: 1.18; }
.admin-conversation-price-step small { display: block; margin-top: .08rem; color: var(--muted); font-size: .72rem; }
.admin-conversation-price-step.is-active { color: var(--gold); }
.admin-conversation-price-step.is-active .admin-conversation-price-step-marker { border-color: var(--gold); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold) 16%, transparent); }
.admin-conversation-price-step.is-active .admin-conversation-price-step-marker::before,
.admin-conversation-price-step.is-complete .admin-conversation-price-step-marker::before { background: var(--gold); }
.admin-conversation-price-card--accepted .admin-conversation-price-step--decision.is-active,
.admin-conversation-price-card--accepted .admin-conversation-price-step--decision.is-active .admin-conversation-price-step-marker { color: #7ec79b; border-color: #7ec79b; }
.admin-conversation-price-card--rejected .admin-conversation-price-step--decision.is-active,
.admin-conversation-price-card--rejected .admin-conversation-price-step--decision.is-active .admin-conversation-price-step-marker { color: #f87171; border-color: #f87171; }
.admin-conversation-price-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; padding-top: .2rem; }
.admin-conversation-price-actions form,
.admin-conversation-price-actions button { width: 100%; }
.admin-conversation-counter-form { grid-column: 1 / -1; display: grid; gap: .5rem; }
.admin-conversation-counter-form input { width: 100%; }
.admin-conversation-price-note { padding-top: .42rem; border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent); }
.admin-conversation-price-action-btn,
.admin-conversation-price-counter-btn { min-height: 36px; border-radius: 8px; font-weight: 900; }
.admin-conversation-price-action-btn--accept { border-color: color-mix(in srgb, #7ec79b 58%, var(--line) 42%); background: color-mix(in srgb, #7ec79b 10%, transparent); color: #7ec79b; }
.admin-conversation-price-action-btn--reject { border-color: color-mix(in srgb, #f87171 58%, var(--line) 42%); background: color-mix(in srgb, #f87171 8%, transparent); color: #f87171; }
.admin-conversation-price-counter-btn { border-color: color-mix(in srgb, var(--gold) 62%, var(--line) 38%); color: var(--gold); }

.account-conversation-offer-panel {
    padding: 1rem;
    border-left: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
    background:
        radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--gold) 7%, transparent) 0, transparent 36%),
        color-mix(in srgb, var(--panel) 84%, black 16%);
}

.account-conversation-price-card {
    gap: .82rem;
    padding: 1.05rem;
    border-radius: 12px;
    background:
        radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--gold) 9%, transparent) 0, transparent 38%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 82%, black 18%) 0%, color-mix(in srgb, var(--panel) 84%, black 16%) 100%);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, white 7%, transparent),
        0 18px 38px rgba(0, 0, 0, .28);
}

.account-conversation-price-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .6rem;
}

.account-conversation-price-head h3 {
    margin: 0;
    font-size: 1.24rem;
    line-height: 1.12;
}

.account-conversation-price-head .admin-conversation-price-status-badge {
    flex: 0 0 auto;
    margin-top: .06rem;
}

.account-conversation-price-summary {
    gap: .2rem;
}

.account-conversation-price-summary .admin-conversation-price-row--offer strong {
    color: var(--gold);
    font-size: 1.86rem;
    line-height: 1;
}

.account-conversation-price-previous {
    display: grid;
    gap: .14rem;
    padding-top: .74rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}

.account-conversation-price-previous span,
.account-conversation-price-previous small {
    color: var(--muted);
    line-height: 1.25;
}

.account-conversation-price-previous strong {
    color: var(--text);
    font-size: 1.28rem;
    line-height: 1.05;
}

.account-conversation-price-note {
    display: flex;
    align-items: center;
    gap: .42rem;
}

.account-conversation-price-note i {
    color: var(--gold);
}

.account-conversation-price-timeline {
    padding-top: .45rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}

.account-conversation-price-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: .54rem;
    padding-top: .25rem;
}

.account-conversation-price-action-btn--accept {
    width: 100%;
    min-height: 42px;
    border: 1px solid color-mix(in srgb, var(--gold) 72%, #f2d17b 28%);
    border-radius: 8px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--gold) 92%, #fff 8%), color-mix(in srgb, var(--gold) 72%, #8b641c 28%));
    color: #1f1608;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--gold) 16%, transparent);
}

.account-conversation-price-action-btn--accept:hover {
    color: #1f1608;
    filter: brightness(1.04);
}

.account-conversation-price-action-btn--reject {
    width: 100%;
    min-height: 42px;
    border: 1px solid color-mix(in srgb, #f87171 58%, var(--line) 42%);
    border-radius: 8px;
    background: color-mix(in srgb, #f87171 7%, transparent);
    color: #ff8b8b;
}

.account-conversation-price-action-btn--reject:hover {
    border-color: #ff8b8b;
    background: color-mix(in srgb, #f87171 12%, transparent);
    color: #ffb0b0;
}

html[data-theme="light"] .admin-conversation-chat-header,
html[data-theme="light"] .admin-conversation-thread-panel,
html[data-theme="light"] .admin-conversation-compose-panel,
html[data-theme="light"] .account-conversation-trash-notice,
html[data-theme="light"] .admin-conversation-offer-panel,
html[data-theme="light"] .account-conversation-offer-panel {
    border-color: color-mix(in srgb, var(--gold) 14%, var(--line) 86%);
    background: color-mix(in srgb, var(--panel) 92%, var(--bg) 8%);
}

html[data-theme="light"] .admin-conversation-thread-panel {
    background:
        radial-gradient(circle at 46% 18%, color-mix(in srgb, var(--gold) 7%, transparent) 0, transparent 34%),
        color-mix(in srgb, var(--panel) 96%, var(--bg) 4%);
}

html[data-theme="light"] .admin-conversation-compose-panel {
    background: color-mix(in srgb, var(--panel-2) 64%, var(--panel) 36%);
}

html[data-theme="light"] .admin-conversation-compose-panel textarea,
html[data-theme="light"] .admin-conversation-counter-form input {
    border-color: color-mix(in srgb, var(--gold) 18%, var(--line) 82%);
    background: color-mix(in srgb, var(--panel) 96%, var(--bg) 4%);
    color: var(--text);
}

html[data-theme="light"] .admin-conversation-workspace .bubble,
html[data-theme="light"] .admin-conversation-attachment-preview-item,
html[data-theme="light"] .admin-conversation-price-card,
html[data-theme="light"] .account-conversation-price-card {
    border-color: color-mix(in srgb, var(--gold) 14%, var(--line) 86%);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--bg) 36%, transparent);
}

html[data-theme="light"] .admin-conversation-workspace .bubble-user,
html[data-theme="light"] .admin-conversation-attachment-preview-item,
html[data-theme="light"] .admin-conversation-attachment-preview-media {
    background: color-mix(in srgb, var(--panel-2) 62%, var(--panel) 38%);
}

html[data-theme="light"] .admin-conversation-workspace .bubble-admin {
    background: color-mix(in srgb, var(--success) 12%, var(--panel) 88%);
}

html[data-theme="light"] .admin-conversation-price-card,
html[data-theme="light"] .account-conversation-price-card {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, var(--panel-2) 8%) 0%, color-mix(in srgb, var(--panel-2) 76%, var(--panel) 24%) 100%);
}

html[data-theme="light"] .admin-conversation-price-step-marker {
    background: color-mix(in srgb, var(--panel) 86%, var(--panel-2) 14%);
}

html[data-theme="light"] .admin-conversation-price-step {
    color: var(--muted);
}

@media (min-width: 1181px) {
    .admin-conversation-workspace.has-price-offer-panel .admin-conversation-thread-panel > .price-offer-thread-panel,
    .account-conversation-workspace.has-price-offer-panel .admin-conversation-thread-panel > .price-offer-thread-panel {
        display: none;
    }
}

.message-attachments-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .42rem;
}

.message-attachment-image-link {
    flex: 0 0 132px;
    max-width: 132px;
    border-width: 1px;
}

.message-attachment-thumb {
    width: 132px;
    height: 92px;
    object-fit: contain;
    background: color-mix(in srgb, var(--panel) 78%, black 22%);
}

.message-attachment-doc {
    flex: 0 1 220px;
    max-width: 100%;
}

.account-attachment-lightbox[hidden] {
    display: none;
}

.account-attachment-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2147483647;
    display: grid;
    place-items: center;
    padding: 1rem;
}

.account-attachment-lightbox-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 0, 0, .84);
    cursor: zoom-out;
}

.account-attachment-lightbox-dialog {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(96vw, 1180px);
    height: calc(100dvh - 2rem);
    max-height: 860px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: #050505;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .58);
}

.account-attachment-lightbox-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 54px;
    padding: .62rem .7rem .62rem .88rem;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    background: rgba(18, 18, 18, .94);
}

.account-attachment-lightbox-head strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-attachment-lightbox-actions {
    display: inline-flex;
    flex: 0 0 auto;
    gap: .45rem;
}

.account-attachment-lightbox-actions .btn {
    min-height: 34px;
    padding: .38rem .72rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: #f7f3ea;
    box-shadow: none;
}

.account-attachment-lightbox-body {
    position: relative;
    min-height: 0;
    overflow: hidden;
    background: #050505;
}

.account-attachment-lightbox-body img {
    position: absolute;
    inset: .75rem;
    display: block;
    width: calc(100% - 1.5rem);
    height: calc(100% - 1.5rem);
    max-width: none;
    max-height: none;
    object-fit: contain;
    border: 0;
    border-radius: 0;
}

body.account-attachment-lightbox-open {
    overflow: hidden;
}

body.account-attachment-lightbox-open .site-header {
    visibility: hidden;
}

@media (max-width: 1180px) {
    .admin-conversation-workspace { grid-template-columns: minmax(260px, 32%) minmax(0, 1fr); }
    .admin-conversation-offer-panel { display: none; }
    .admin-conversation-chat { border-right: 0; }
}

@media (max-width: 1180px) and (min-width: 861px) {
    .account-conversation-workspace {
        display: block;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .account-conversation-workspace .admin-conversation-sidebar {
        border-right: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    }

    .account-conversation-workspace .admin-conversations-list {
        max-height: 52dvh;
    }

    .account-conversation-workspace .admin-conversation-chat {
        display: grid;
        min-height: min(680px, calc(100dvh - 130px));
        border-right: 0;
    }

    .account-conversation-workspace .admin-conversation-thread-panel {
        min-height: 360px;
    }
}

@media (max-width: 860px) {
    .admin-conversation-workspace { display: block; height: auto; min-height: 0; border: 0; border-radius: 0; background: transparent; }
    .admin-conversation-sidebar { display: grid; grid-template-rows: auto auto auto auto auto auto; gap: .48rem; padding: 0; overflow: visible; border-right: 0; background: transparent; }
    .admin-conversation-sidebar .admin-conversations-list { overflow: visible; padding-right: 0; }
    .account-conversation-sidebar .admin-conversation-read-status { flex: 0 0 100%; }
    .admin-conversation-workspace--empty .admin-conversation-chat,
    .admin-conversation-workspace--empty .admin-conversation-offer-panel { display: none; }
    .admin-conversation-chat-header { grid-template-columns: auto minmax(0, 1fr); min-height: 0; padding: .8rem .35rem; border-radius: 0; }
    .admin-conversation-chat-title { padding-right: 0; }
    .admin-conversation-chat-actions { position: static; display: inline-flex; grid-column: 1 / -1; justify-content: space-between; width: 100%; }
    .account-conversation-workspace .account-conversation-chat-title { padding-right: 0; }
    .admin-conversation-thread-panel { padding: .7rem .28rem; }
    .admin-conversation-workspace .message-thread { max-height: none; overflow: visible; }
    .admin-conversation-workspace .bubble { max-width: 88%; }
    .admin-conversation-compose-panel { margin: 0 .28rem .9rem; }

    .account-attachment-lightbox {
        padding: 0;
    }

    .account-attachment-lightbox-dialog {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border: 0;
        border-radius: 0;
    }

    .account-attachment-lightbox-head {
        min-height: 52px;
        padding: max(.66rem, env(safe-area-inset-top)) .58rem .54rem;
    }

    .account-attachment-lightbox-body {
        padding: 0;
    }

    .account-attachment-lightbox-body img {
        inset: .42rem;
        width: calc(100% - .84rem);
        height: calc(100% - .84rem);
    }
}

/* Mobile account list viewport: keep page chrome stable and scroll only conversations. */
@media (max-width: 860px) {
    body:has(.account-conversation-workspace--empty) {
        overflow: hidden;
    }

    body.account-conversation-list-page-scroll-enabled:has(.account-conversation-workspace--empty) {
        overflow: hidden;
    }

    body.account-conversation-list-page-scroll-enabled .page-shell:has(.account-conversation-workspace--empty),
    body.account-conversation-list-page-scroll-enabled .page-shell:has(.account-conversation-workspace--empty) > .container,
    body.account-conversation-list-page-scroll-enabled .account-conversation-workspace--empty.account-conversation-workspace {
        overflow: hidden;
    }

    .page-shell:has(.account-conversation-workspace--empty) {
        min-height: 0;
        padding-bottom: .35rem;
        overflow: hidden;
    }

    .page-shell:has(.account-conversation-workspace--empty) > .container {
        min-height: 0;
        overflow: hidden;
    }

    .account-conversation-workspace--empty.account-conversation-workspace {
        height: var(--account-conversation-list-mobile-height, calc(100dvh - var(--site-header-height, 136px) - .75rem));
        min-height: 0;
        overflow: hidden;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar {
        grid-template-rows: auto auto auto auto minmax(0, 1fr) auto auto;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-segments {
        position: relative;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .32rem;
        z-index: 80;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments {
        position: relative;
        grid-column: 2 / 4;
        display: none;
        width: 100%;
        grid-template-columns: 1fr;
        gap: .24rem;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        z-index: 20;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments.is-visible {
        display: grid;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments.is-mobile-menu-open {
        display: grid;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments-menu {
        position: static;
        display: none;
        grid-template-columns: 1fr;
        gap: .18rem;
        width: 100%;
        margin-top: .24rem;
        padding: .28rem;
        border: 1px solid color-mix(in srgb, var(--gold) 30%, var(--line) 70%);
        border-radius: 10px;
        background: color-mix(in srgb, var(--panel-2) 92%, black 8%);
        box-shadow: 0 12px 24px color-mix(in srgb, black 38%, transparent);
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments.is-mobile-menu-open .admin-conversation-sidebar-subsegments-menu {
        display: grid !important;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments-menu--desktop {
        display: none;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-subsegment-select-wrap {
        display: grid;
        justify-items: stretch;
        justify-self: end;
        position: relative;
        width: max-content;
        min-width: calc((100% - .32rem) / 2);
        max-width: 100%;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-subsegment-select-wrap[open] .admin-conversation-sidebar-subsegments-menu--mobile {
        position: fixed;
        top: var(--account-negotiation-status-menu-top, 10rem);
        left: var(--account-negotiation-status-menu-left, 1rem);
        right: auto;
        display: grid !important;
        justify-self: start;
        width: var(--account-negotiation-status-menu-width, 230px) !important;
        min-width: 190px;
        max-width: min(240px, calc(100vw - 2rem));
        transform: none;
        margin-top: 0;
        z-index: 2147482000;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-subsegment-select {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .32rem;
        min-height: 32px;
        width: 100%;
        padding: .28rem .42rem;
        border: 1px solid color-mix(in srgb, var(--gold) 42%, var(--line) 58%);
        border-radius: 9px;
        background: color-mix(in srgb, var(--panel-2) 88%, black 12%);
        color: var(--text);
        font: inherit;
        font-size: .72rem;
        font-weight: 800;
        line-height: 1.1;
        cursor: pointer;
        list-style: none;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-subsegment-select::-webkit-details-marker {
        display: none;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments .admin-conversations-subsegment {
        width: 100%;
        justify-content: flex-start;
        min-height: 30px;
        padding: .24rem .34rem;
        font-size: .7rem;
        border-radius: 8px;
        white-space: nowrap;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-sidebar-subsegments-menu--mobile .admin-conversations-subsegment span {
        min-width: max-content;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-segment-chevron {
        display: inline-flex;
        margin-left: -.06rem;
        font-size: .68rem;
        transition: transform .16s ease;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar [data-negotiations-menu-trigger][aria-expanded="true"] .admin-conversations-segment-chevron {
        transform: rotate(180deg);
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-subsegment-select-wrap[open] .admin-conversations-segment-chevron {
        transform: rotate(180deg);
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-segment {
        justify-content: center;
        gap: .22rem;
        min-height: 34px;
        padding: .26rem .24rem;
        font-size: .72rem;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-segment--negotiations {
        grid-column: auto;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-segment-label-full {
        display: none;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-segment-label-mobile {
        display: inline;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-segment strong {
        flex: 0 0 auto;
        min-width: 16px;
        margin-left: .04rem;
        padding: .03rem .18rem;
        font-size: .58rem;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-list {
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding-right: .08rem;
        padding-bottom: .25rem;
    }

    body.account-conversation-list-page-scroll-enabled .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-list {
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversation-item {
        min-height: 0;
        padding: .6rem .58rem .46rem;
    }

    .account-conversation-workspace--empty .account-conversation-sidebar .message-list-preview {
        margin-top: .18rem;
        line-height: 1.2;
    }
}

@media (max-width: 860px) {
    .account-conversation-sidebar .admin-conversation-item {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: start;
        gap: .46rem .62rem;
        min-height: 0;
        padding: .72rem .62rem .78rem;
    }

    .account-conversation-sidebar .admin-conversation-type-icon {
        position: static;
        grid-column: 1;
        grid-row: 1 / span 3;
        width: 42px;
        height: 42px;
        margin-top: .08rem;
        border: 1px solid color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
        border-radius: 999px;
        background: color-mix(in srgb, var(--panel-2) 86%, black 14%);
    }

    .account-conversation-sidebar .admin-conversation-link {
        grid-column: 2;
        min-width: 0;
        padding: 0;
    }

    .account-conversation-sidebar .admin-conversation-link .message-list-main {
        min-width: 0;
        padding-left: 0;
    }

    .account-conversation-sidebar .admin-conversation-title-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: .2rem .34rem;
        min-width: 0;
        padding: 0 5.7rem 0 0;
    }

    .account-conversation-sidebar .admin-conversation-type-badge,
    .account-conversation-sidebar .admin-conversation-read-status {
        flex: 0 1 auto;
        max-width: 100%;
        margin: 0;
        white-space: nowrap;
    }

    .account-conversation-sidebar .admin-conversation-type-badge {
        padding: .16rem .44rem;
        font-size: .72rem;
    }

    .account-conversation-sidebar .admin-conversation-read-status {
        font-size: .74rem;
    }

    .account-conversation-sidebar .admin-conversation-mobile-state-dot {
        display: none;
    }

    .account-conversation-sidebar .message-list-subject {
        display: -webkit-box;
        flex: 0 0 100%;
        max-width: 100%;
        margin: .12rem 0 0;
        overflow: hidden;
        text-overflow: clip;
        white-space: normal;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: .98rem;
        line-height: 1.14;
    }

    .account-conversation-sidebar .message-list-preview {
        margin-top: .32rem;
        font-size: .82rem;
        line-height: 1.25;
    }

    .account-conversation-sidebar .admin-conversation-side {
        position: absolute;
        inset: .78rem .68rem auto auto;
        min-width: 0;
        pointer-events: none;
    }

    .account-conversation-sidebar .message-list-date {
        font-size: .72rem;
        line-height: 1.1;
        white-space: nowrap;
    }

    .account-conversation-sidebar .admin-conversation-item.is-active {
        border-color: color-mix(in srgb, var(--line) 74%, transparent);
        box-shadow: none;
    }

    .account-conversation-workspace--thread .account-conversation-sidebar {
        display: none;
    }

    .account-conversation-workspace--thread .admin-conversation-chat {
        display: grid;
        min-height: calc(100dvh - 145px);
        border-right: 0;
    }

    .account-conversation-workspace--thread .admin-conversation-thread-panel {
        min-height: 0;
    }

    .admin-conversation-workspace--thread .admin-conversation-sidebar {
        display: none;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat {
        display: grid;
        min-height: calc(100dvh - 145px);
        border-right: 0;
    }

    .admin-conversation-workspace--thread .admin-conversation-thread-panel {
        min-height: 0;
    }
}

/* Final mobile guard: keep account conversation dates pinned to card top-right. */
@media (max-width: 860px) {
    .account-conversation-sidebar .admin-conversation-item {
        position: relative !important;
    }

    .account-conversation-sidebar .admin-conversation-side {
        display: none !important;
    }

    .account-conversation-sidebar .admin-conversation-title-row {
        display: grid !important;
        grid-template-columns: minmax(0, max-content) minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: .34rem !important;
        row-gap: .16rem !important;
        padding-right: 0 !important;
    }

    .account-conversation-sidebar .admin-conversation-type-badge {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .account-conversation-sidebar .admin-conversation-read-status {
        grid-column: 1 / 3 !important;
        grid-row: 2 !important;
        justify-self: start !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .account-conversation-sidebar .admin-conversation-title-row:not(:has(.admin-conversation-type-badge)) .admin-conversation-read-status {
        grid-column: 1 / 3 !important;
        grid-row: 1 !important;
    }

    .account-conversation-sidebar .admin-conversation-mobile-date {
        display: block !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        align-self: center !important;
        margin-left: 0 !important;
        font-size: .72rem !important;
        text-align: right !important;
        white-space: nowrap !important;
        line-height: 1.1 !important;
    }

    .account-conversation-sidebar .message-list-subject {
        grid-column: 1 / -1 !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .admin-conversation-sidebar .account-messages-empty-state {
        grid-template-columns: 1fr !important;
        row-gap: .7rem !important;
    }

    .admin-conversation-sidebar .account-messages-empty-actions {
        justify-self: stretch !important;
    }

    .admin-conversation-sidebar .account-messages-empty-actions .btn {
        width: 100% !important;
    }
}

/* Final mobile account chat viewport: keep composer visible and scroll only messages. */
@media (max-width: 860px) {
    body:has(.account-conversation-workspace--thread) .mobile-chat-header-toggle {
        position: fixed;
        top: max(.34rem, env(safe-area-inset-top));
        left: 50%;
        z-index: 2147483006;
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 28px;
        padding: 0;
        transform: translateX(-50%);
        border: 1px solid color-mix(in srgb, var(--gold) 46%, var(--line) 54%);
        border-radius: 999px;
        background: color-mix(in srgb, var(--panel) 90%, black 10%);
        color: var(--gold);
        box-shadow: 0 10px 24px rgba(0, 0, 0, .3);
    }

    body:has(.account-conversation-workspace--thread) .mobile-chat-header-toggle i {
        font-size: 1rem;
        line-height: 1;
        transition: transform .16s ease;
    }

    body.mobile-chat-header-expanded:has(.account-conversation-workspace--thread) .mobile-chat-header-toggle i {
        transform: rotate(180deg);
    }

    body:has(.account-conversation-workspace--thread):not(.mobile-chat-header-expanded) .site-header {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transform: none;
        border-bottom-color: transparent;
    }

    body.mobile-chat-header-expanded:has(.account-conversation-workspace--thread) .site-header {
        max-height: none;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .page-shell:has(.account-conversation-workspace--thread) {
        padding-bottom: 0;
    }

    .page-shell:has(.account-conversation-workspace--thread) > .container {
        width: min(100%, 430px);
        min-height: 0;
        padding: .32rem;
        overflow: hidden;
    }

    .account-conversation-workspace--thread.admin-conversation-workspace {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        height: var(--account-chat-mobile-height, calc(100dvh - var(--site-header-height, 136px) - .75rem));
        min-height: 0;
        overflow: hidden;
        border: 0;
        border-radius: 14px;
        background:
            radial-gradient(circle at 48% 18%, color-mix(in srgb, var(--gold) 6%, transparent) 0, transparent 32%),
            color-mix(in srgb, var(--panel) 88%, black 12%);
    }

    .account-conversation-workspace--thread .admin-conversation-chat {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }

    .account-conversation-workspace--thread .admin-conversation-chat-header {
        flex: 0 0 auto;
    }

    .account-conversation-workspace--thread .admin-conversation-thread-panel {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        min-height: 0;
        padding: .68rem .42rem;
        overflow: hidden;
    }

    .account-conversation-workspace--thread .admin-conversation-thread-panel > .price-offer-thread-panel {
        margin: 0 0 .62rem;
        overflow: visible;
    }

    .account-conversation-workspace--thread .message-thread {
        min-height: 0;
        height: 100%;
        max-height: none;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding: .05rem .06rem .85rem;
    }

    .account-conversation-workspace--thread .bubble {
        font-size: .88rem;
        line-height: 1.3;
    }

    .account-conversation-workspace--thread .bubble-meta {
        font-size: .68rem;
        line-height: 1.12;
    }

    .account-conversation-workspace--thread .admin-conversation-compose-panel,
    .account-conversation-workspace--thread .account-conversation-trash-notice {
        align-self: end;
        width: 100%;
        margin: 0;
        flex-shrink: 0;
    }

    .account-conversation-workspace--thread .admin-conversation-compose-panel {
        padding: .52rem .58rem calc(.52rem + env(safe-area-inset-bottom));
    }

    .account-conversation-workspace--thread:has(.conversation-reply-form textarea[name="body"]:focus) .admin-conversation-compose-panel {
        padding-bottom: max(.38rem, env(safe-area-inset-bottom));
    }

    .account-conversation-workspace--thread .conversation-reply-form {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        gap: .4rem;
        align-items: end;
    }

    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus),
    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) {
        grid-template-columns: minmax(0, 1fr) 38px;
    }

    .account-conversation-workspace--thread .conversation-reply-form textarea[name="body"] {
        grid-column: 2;
        grid-row: 1;
        height: 38px;
        min-height: 38px;
        max-height: 116px;
        padding: .5rem .78rem;
        border-radius: 999px;
        line-height: 1.25;
        overflow-y: auto;
        scrollbar-width: none;
        resize: none;
    }

    .account-conversation-workspace--thread .conversation-reply-form textarea[name="body"]::-webkit-scrollbar {
        display: none;
    }

    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus) textarea[name="body"],
    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) textarea[name="body"] {
        grid-column: 1;
    }

    .account-conversation-workspace--thread .admin-conversation-reply-actions {
        display: contents;
    }

    .account-conversation-workspace--thread .admin-conversation-file-btn,
    .account-conversation-workspace--thread .admin-conversation-send-btn {
        display: inline-grid;
        place-items: center;
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
        padding: 0;
        border-radius: 999px;
        margin: 0;
    }

    .account-conversation-workspace--thread .admin-conversation-file-btn {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus) .admin-conversation-file-btn,
    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) .admin-conversation-file-btn {
        display: none;
    }

    .account-conversation-workspace--thread .admin-conversation-send-btn {
        grid-column: 3;
        grid-row: 1;
    }

    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus) .admin-conversation-send-btn,
    .account-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) .admin-conversation-send-btn {
        grid-column: 2;
    }

    .account-conversation-workspace--thread .admin-conversation-file-btn span,
    .account-conversation-workspace--thread .admin-conversation-send-btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .account-conversation-workspace--thread .admin-conversation-file-btn i,
    .account-conversation-workspace--thread .admin-conversation-send-btn i {
        font-size: 1.05rem;
        line-height: 1;
    }

    .account-conversation-workspace--thread .admin-conversation-attachment-preview-list {
        grid-column: 1 / -1;
        grid-row: 2;
        max-height: 76px;
        margin-top: .38rem;
        overflow-y: auto;
    }
}

/* Mobile admin chat viewport: match account thread message styling and layout. */
@media (max-width: 860px) {
    body:has(.admin-conversation-workspace--thread) .mobile-chat-header-toggle {
        position: fixed;
        top: max(.34rem, env(safe-area-inset-top));
        left: 50%;
        z-index: 2147483006;
        display: inline-grid;
        place-items: center;
        width: 34px;
        height: 28px;
        padding: 0;
        transform: translateX(-50%);
        border: 1px solid color-mix(in srgb, var(--gold) 46%, var(--line) 54%);
        border-radius: 999px;
        background: color-mix(in srgb, var(--panel) 90%, black 10%);
        color: var(--gold);
        box-shadow: 0 10px 24px rgba(0, 0, 0, .3);
    }

    body:has(.admin-conversation-workspace--thread) .mobile-chat-header-toggle i {
        font-size: 1rem;
        line-height: 1;
        transition: transform .16s ease;
    }

    body.mobile-chat-header-expanded:has(.admin-conversation-workspace--thread) .mobile-chat-header-toggle i {
        transform: rotate(180deg);
    }

    body:has(.admin-conversation-workspace--thread):not(.mobile-chat-header-expanded) .site-header {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        pointer-events: none;
        transform: none;
        border-bottom-color: transparent;
    }

    body.mobile-chat-header-expanded:has(.admin-conversation-workspace--thread) .site-header {
        max-height: none;
        opacity: 1;
        pointer-events: auto;
        transform: none;
    }

    .page-shell:has(.admin-conversation-workspace--thread) {
        padding-bottom: 0;
    }

    .page-shell:has(.admin-conversation-workspace--thread) > .container {
        width: min(100%, 430px);
        min-height: 0;
        padding: .5rem .58rem;
        overflow: hidden;
    }

    .admin-conversation-workspace--thread.admin-conversation-workspace {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        height: var(--admin-chat-mobile-height, calc(100dvh - var(--site-header-height, 136px) - .75rem));
        min-height: 0;
        overflow: hidden;
        border: 0;
        border-radius: 14px;
        background:
            radial-gradient(circle at 48% 18%, color-mix(in srgb, var(--gold) 6%, transparent) 0, transparent 32%),
            color-mix(in srgb, var(--panel) 88%, black 12%);
    }

    .admin-conversation-workspace--thread .admin-conversation-sidebar {
        display: none;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr) auto;
        height: 100%;
        min-height: 0;
        overflow: hidden;
        border-right: 0;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat-header {
        display: grid;
        grid-template-columns: auto auto minmax(0, 1fr) auto;
        gap: .5rem;
        align-items: center;
        flex: 0 0 auto;
        padding: .62rem .42rem;
    }

    .admin-conversation-workspace--thread .admin-conversation-back-btn {
        position: static;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        grid-column: 1;
        width: 36px !important;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0 !important;
        border-radius: 999px;
        line-height: 1;
        font-size: inherit !important;
    }

    .admin-conversation-workspace--thread .admin-conversation-back-btn i {
        font-size: 1rem;
    }

    .admin-conversation-workspace--thread .admin-conversation-back-btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .admin-conversation-workspace--thread .admin-conversation-topic-icon {
        grid-column: 2;
        width: 42px;
        height: 42px;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat-title {
        grid-column: 3;
        min-width: 0;
        padding-right: 0;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat-title h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat-title p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat-actions {
        position: static;
        grid-column: 4;
        grid-row: 1;
        display: inline-flex;
        justify-content: center;
        width: auto;
        min-width: 36px;
        margin-left: auto;
    }

    .admin-conversation-workspace--thread .admin-conversation-chat-actions form {
        margin: 0;
    }

    .admin-conversation-workspace--thread .admin-conversation-archive-chat-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
        padding: 0;
        border-radius: 999px;
    }

    .admin-conversation-workspace--thread .admin-conversation-archive-chat-btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .admin-conversation-workspace--thread .admin-conversation-thread-panel {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        min-height: 0;
        padding: .68rem .42rem;
        overflow: hidden;
    }

    .admin-conversation-workspace--thread .price-offer-thread-panel--ended {
        display: none;
    }

    .admin-conversation-workspace--thread .price-offer-message-history {
        display: grid;
        justify-self: stretch;
        gap: .42rem;
        padding: .62rem;
        border: 1px solid color-mix(in srgb, var(--gold) 34%, var(--line) 66%);
        border-radius: 10px;
        background: color-mix(in srgb, var(--panel) 84%, black 16%);
    }

    .admin-conversation-workspace--thread .price-offer-message-history-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .5rem;
        color: var(--muted);
        font-size: .78rem;
        line-height: 1.2;
    }

    .admin-conversation-workspace--thread .price-offer-message-history-head strong {
        color: var(--gold);
        font-size: .74rem;
        white-space: nowrap;
    }

    .admin-conversation-workspace--thread .price-offer-message-history-item {
        display: grid;
        gap: .12rem;
        max-width: 86%;
        padding: .44rem .52rem;
        border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
        border-radius: 9px;
    }

    .admin-conversation-workspace--thread .price-offer-message-history-item.is-admin {
        justify-self: end;
        background: color-mix(in srgb, #7ec79b 12%, var(--panel-2) 88%);
    }

    .admin-conversation-workspace--thread .price-offer-message-history-item.is-user {
        justify-self: start;
        background: color-mix(in srgb, var(--panel-2) 84%, black 16%);
    }

    .admin-conversation-workspace--thread .price-offer-message-history-item small,
    .admin-conversation-workspace--thread .price-offer-message-history-item p {
        margin: 0;
        color: var(--muted);
        font-size: .72rem;
        line-height: 1.22;
    }

    .admin-conversation-workspace--thread .price-offer-message-history-item strong {
        color: var(--text);
        font-size: .98rem;
        line-height: 1.08;
    }

    .admin-conversation-workspace--thread .message-thread {
        min-height: 0;
        height: 100%;
        max-height: none;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding: .05rem .06rem .85rem;
    }

    .admin-conversation-workspace--thread .bubble {
        font-size: .88rem;
        line-height: 1.3;
    }

    .admin-conversation-workspace--thread .bubble-meta {
        font-size: .68rem;
        line-height: 1.12;
    }

    .admin-conversation-workspace--thread .admin-conversation-compose-panel {
        align-self: end;
        width: 100%;
        margin: 0;
        flex-shrink: 0;
        padding: .52rem .58rem calc(.52rem + env(safe-area-inset-bottom));
    }

    .admin-conversation-workspace--thread.is-keyboard-active .admin-conversation-compose-panel {
        position: fixed;
        top: var(--admin-chat-compose-top, auto);
        left: var(--admin-chat-compose-left, .58rem);
        z-index: 2147483005;
        width: var(--admin-chat-compose-width, calc(100vw - 1.16rem));
        border-radius: 14px;
        box-shadow: 0 -12px 30px rgba(0, 0, 0, .32);
    }

    .admin-conversation-workspace--thread.is-keyboard-active .message-thread {
        padding-bottom: calc(var(--admin-chat-compose-height, 58px) + .85rem);
    }

    .admin-conversation-workspace--thread:has(.conversation-reply-form textarea[name="body"]:focus) .admin-conversation-compose-panel {
        padding-bottom: max(.38rem, env(safe-area-inset-bottom));
    }

    .admin-conversation-workspace--thread .conversation-reply-form {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        gap: .4rem;
        align-items: end;
    }

    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus),
    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) {
        grid-template-columns: minmax(0, 1fr) 38px;
    }

    .admin-conversation-workspace--thread .conversation-reply-form textarea[name="body"] {
        grid-column: 2;
        grid-row: 1;
        height: auto;
        min-height: 38px;
        max-height: 116px;
        padding: .5rem .78rem;
        border-radius: 999px;
        line-height: 1.25;
        overflow-y: auto;
        scrollbar-width: none;
        resize: none;
    }

    .admin-conversation-workspace--thread .conversation-reply-form textarea[name="body"]:focus,
    .admin-conversation-workspace--thread .conversation-reply-form textarea[name="body"]:not(:placeholder-shown) {
        border-radius: 18px;
    }

    .admin-conversation-workspace--thread .conversation-reply-form textarea[name="body"]::-webkit-scrollbar {
        display: none;
    }

    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus) textarea[name="body"],
    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) textarea[name="body"] {
        grid-column: 1;
    }

    .admin-conversation-workspace--thread .admin-conversation-reply-actions {
        display: contents;
    }

    .admin-conversation-workspace--thread .admin-conversation-file-btn,
    .admin-conversation-workspace--thread .admin-conversation-send-btn {
        display: inline-grid;
        place-items: center;
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
        padding: 0;
        border-radius: 999px;
        margin: 0;
    }

    .admin-conversation-workspace--thread .admin-conversation-file-btn {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus) .admin-conversation-file-btn,
    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) .admin-conversation-file-btn {
        display: none;
    }

    .admin-conversation-workspace--thread .admin-conversation-send-btn {
        grid-column: 3;
        grid-row: 1;
    }

    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:focus) .admin-conversation-send-btn,
    .admin-conversation-workspace--thread .conversation-reply-form:has(textarea[name="body"]:not(:placeholder-shown)) .admin-conversation-send-btn {
        grid-column: 2;
    }

    .admin-conversation-workspace--thread .admin-conversation-file-btn span,
    .admin-conversation-workspace--thread .admin-conversation-send-btn span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .admin-conversation-workspace--thread .admin-conversation-file-btn i,
    .admin-conversation-workspace--thread .admin-conversation-send-btn i {
        font-size: 1.05rem;
        line-height: 1;
    }

    .admin-conversation-workspace--thread .admin-conversation-attachment-preview-list {
        grid-column: 1 / -1;
        grid-row: 2;
        max-height: 76px;
        margin-top: .38rem;
        overflow-y: auto;
    }
}

@media (max-width: 860px) {
    .account-conversation-workspace--empty .account-conversation-sidebar .admin-conversations-subsegment-select-wrap[open] > .admin-conversation-sidebar-subsegments-menu--mobile {
        position: fixed !important;
        top: var(--account-negotiation-status-menu-top, 10rem) !important;
        left: var(--account-negotiation-status-menu-left, 1rem) !important;
        right: auto !important;
        display: grid !important;
        justify-self: start !important;
        width: var(--account-negotiation-status-menu-width, 230px) !important;
        min-width: 190px !important;
        max-width: min(240px, calc(100vw - 2rem)) !important;
        transform: none !important;
        margin-top: 0 !important;
        z-index: 2147482000 !important;
    }
}

/* Mobile admin list viewport: compact cards and scroll only conversations. */
@media (max-width: 860px) {
    body:has(.admin-conversation-workspace--empty) {
        overflow: hidden;
    }

    .page-shell:has(.admin-conversation-workspace--empty) {
        min-height: 0;
        padding: .5rem 0 .42rem;
        overflow: hidden;
    }

    .is-admin .page-shell:has(.admin-conversation-workspace--empty) {
        padding-top: .5rem;
        padding-bottom: .42rem;
    }

    .page-shell:has(.admin-conversation-workspace--empty) > .container {
        width: min(100%, 430px);
        min-height: 0;
        padding: .5rem .58rem;
        overflow: hidden;
    }

    .admin-conversation-workspace--empty.admin-conversation-workspace {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        height: var(--admin-conversation-list-mobile-height, calc(100dvh - var(--site-header-height, 136px) - 1rem));
        min-height: 0;
        overflow: hidden;
        border: 0;
        border-radius: 16px;
        background:
            radial-gradient(circle at 48% 18%, color-mix(in srgb, var(--gold) 6%, transparent) 0, transparent 32%),
            color-mix(in srgb, var(--panel) 88%, black 12%);
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar {
        display: grid;
        grid-template-rows: auto auto auto auto auto minmax(0, 1fr) auto;
        height: 100%;
        min-height: 0;
        gap: .48rem;
        padding: .38rem .34rem .34rem;
        overflow: hidden;
        border-right: 0;
        background: transparent;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-head {
        gap: .38rem;
        padding: .1rem .08rem .06rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-head h1 {
        font-size: 1.02rem;
        line-height: 1.1;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-archive {
        min-height: 30px;
        padding: .22rem .58rem;
        font-size: .76rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-sort a,
    .admin-conversation-workspace--empty .admin-conversation-sidebar-search {
        min-height: 34px;
        font-size: .78rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-segments {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .34rem;
        padding: 0 .04rem;
        z-index: 80;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-segments .admin-conversations-segment {
        justify-content: center;
        gap: .18rem;
        min-height: 34px;
        padding: .26rem .24rem;
        font-size: .72rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-segments .admin-conversations-segment-label-full {
        display: none;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-segments .admin-conversations-segment-label-mobile {
        display: inline;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-segments .admin-conversations-segment strong {
        flex: 0 0 auto;
        min-width: 16px;
        margin-left: .04rem;
        padding: .03rem .18rem;
        font-size: .58rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-subsegments.is-visible {
        display: flex;
        flex-wrap: nowrap;
        gap: .28rem;
        overflow-x: auto;
        margin: 0 .04rem;
        padding: 0 .04rem .1rem;
        scrollbar-width: none;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-subsegments.is-visible::-webkit-scrollbar {
        display: none;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-subsegments .admin-conversations-subsegment {
        flex: 0 0 auto;
        min-height: 30px;
        padding: .22rem .4rem;
        font-size: .7rem;
        white-space: nowrap;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-subsegments .admin-conversations-subsegment-label-full {
        display: none;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-subsegments .admin-conversations-subsegment-label-mobile {
        display: inline;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar-subsegments .admin-conversations-subsegment strong {
        min-width: 16px;
        padding: .03rem .16rem;
        font-size: .58rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversations-list {
        display: grid;
        align-content: start;
        gap: .48rem;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding: .08rem .1rem .32rem .06rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .pager {
        margin: 0;
        padding: .14rem .08rem .06rem;
        font-size: .76rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-item {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: start;
        gap: .46rem .62rem;
        min-height: 0;
        height: auto;
        padding: .64rem .62rem .52rem;
        border-radius: 12px;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-state-dot,
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-side,
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-side-actions,
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-menu,
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-mobile-archive,
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-meta-row,
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-mobile-state-dot,
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-offer-status {
        display: none;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-type-icon {
        position: static;
        grid-column: 1;
        grid-row: 1 / span 3;
        width: 42px;
        height: 42px;
        margin-top: .08rem;
        border: 1px solid color-mix(in srgb, var(--gold) 54%, var(--line) 46%);
        border-radius: 999px;
        background: color-mix(in srgb, var(--panel-2) 86%, black 14%);
        font-size: 1rem;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-link {
        display: block;
        grid-column: 2;
        min-width: 0;
        padding: 0;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-link .message-list-main {
        min-width: 0;
        padding-left: 0;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-title-row {
        display: grid;
        grid-template-columns: minmax(0, max-content) minmax(0, 1fr) auto;
        align-items: center;
        column-gap: .34rem;
        row-gap: .16rem;
        min-width: 0;
        padding: 0;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-type-badge {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        max-width: 100%;
        padding: .16rem .44rem;
        padding-left: .44rem;
        font-size: .72rem;
        white-space: nowrap;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-read-status {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
        max-width: 100%;
        font-size: .74rem;
        white-space: nowrap;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-title-row:not(:has(.admin-conversation-type-badge)) .admin-conversation-read-status {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-mobile-date {
        display: block;
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        font-size: .72rem;
        line-height: 1.1;
        white-space: nowrap;
        text-align: right;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-mobile-contact-line {
        grid-column: 1 / -1;
        grid-row: 3;
        display: block;
        min-width: 0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .74rem;
        line-height: 1.15;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .message-list-subject {
        grid-column: 1 / -1;
        grid-row: 4;
        display: -webkit-box;
        flex: none;
        max-width: 100%;
        margin: .1rem 0 0;
        margin-left: 0;
        overflow: hidden;
        text-overflow: clip;
        white-space: normal;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: .98rem;
        line-height: 1.14;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .message-list-preview {
        margin-top: .18rem;
        font-size: .82rem;
        line-height: 1.2;
        -webkit-line-clamp: 1;
    }

    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-item.is-active {
        border-color: color-mix(in srgb, var(--line) 74%, transparent);
        box-shadow: none;
    }
}

@media (max-width: 860px) {
    .admin-conversation-workspace--empty .admin-conversation-sidebar .admin-conversation-item {
        position: relative;
    }
}

/* Stable desktop header when no brand banner is configured. */
@media (min-width: 981px) {
    .site-header .nav-top:not(.nav-top-has-banner) {
        grid-template-columns:
            minmax(10rem, 1fr)
            minmax(18rem, clamp(26rem, 30vw, 34rem))
            minmax(max-content, 1fr);
        column-gap: clamp(1rem, 2vw, 2.5rem);
        align-items: end;
        min-height: 6.1rem;
        padding-top: .58rem;
        padding-right: 0;
    }

    .site-header .nav-top:not(.nav-top-has-banner) .brand {
        grid-column: 1;
        justify-self: start;
        align-self: center;
        min-width: 0;
    }

    .site-header .nav-top:not(.nav-top-has-banner) .header-search-desktop {
        position: relative;
        grid-column: 2;
        justify-self: stretch;
        align-self: end;
        width: 100%;
        max-width: none;
        min-width: 0;
        margin: 0 0 .28rem;
    }

    .site-header .nav-top:not(.nav-top-has-banner) .header-search {
        width: 100%;
        min-width: 0;
        margin: 0;
        border: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--text) 32%, transparent);
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }

    .site-header .nav-top:not(.nav-top-has-banner) .header-search input {
        height: 40px;
        padding: 0 .35rem;
        background: transparent;
    }

    .site-header .nav-top:not(.nav-top-has-banner) .header-search button {
        width: 40px;
        height: 40px;
        background: transparent;
    }

    .site-header .nav-top:not(.nav-top-has-banner) .header-modern-actions-desktop {
        position: relative;
        grid-column: 3;
        justify-self: end;
        align-self: end;
        top: auto;
        right: auto;
        bottom: auto;
        transform: none;
        margin: 0;
    }

    .site-header .header-modern-actions .header-modern-register-link {
        margin-left: clamp(.75rem, 1.35vw, 1.25rem);
    }
}

.catalog-empty-state {
    align-items: start;
    min-height: clamp(280px, 34vh, 420px);
}

@media (max-width: 980px) {
    .catalog-header .catalog-filters-mobile-trigger {
        gap: .36rem;
        min-height: 34px;
        padding: .22rem .62rem;
        border-color: color-mix(in srgb, var(--gold) 88%, white 12%);
        background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 28%, var(--panel) 72%), color-mix(in srgb, var(--gold) 10%, var(--panel-2) 90%));
        box-shadow: 0 7px 18px color-mix(in srgb, var(--gold) 20%, transparent 80%), inset 0 1px 0 rgba(255, 255, 255, .1);
        font-weight: 800;
        letter-spacing: .01em;
    }

    .catalog-header .catalog-filters-mobile-trigger:hover,
    .catalog-header .catalog-filters-mobile-trigger[aria-expanded="true"] {
        border-color: var(--gold);
        background: linear-gradient(135deg, color-mix(in srgb, var(--gold) 40%, var(--panel) 60%), color-mix(in srgb, var(--gold) 17%, var(--panel-2) 83%));
        transform: translateY(-1px);
    }

    .catalog-filter-trigger-icon {
        display: inline-flex;
        align-items: center;
        color: var(--gold);
        font-size: .84rem;
        line-height: 1;
    }
}