:root {
    --bg: #060606;
    --bg-elevated: #0c0c0d;
    --bg-soft: #121214;
    --bg-soft-2: #18181b;
    --panel: rgba(31, 28, 24, 0.88);
    --panel-solid: #1f1b17;
    --section-panel: rgba(31, 28, 24, 0.4);
    --border: rgba(203, 163, 74, 0.16);
    --border-strong: rgba(203, 163, 74, 0.38);
    --line: rgba(255, 255, 255, 0.1);
    --text: #f6eed9;
    --muted: #cabfa7;
    --muted-strong: #e1d5bc;
    --gold: #cba34a;
    --gold-bright: #f3d88f;
    --gold-deep: #8f6924;
    --success: #86c6a5;
    --danger: #df8181;
    --info: #8ab5ff;
    --shadow-xl: 0 30px 90px rgba(0, 0, 0, 0.48);
    --shadow-lg: 0 18px 54px rgba(0, 0, 0, 0.34);
    --shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.22);
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --radius-sm: 14px;
    --content-width: min(1460px, calc(100% - 32px));
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-height: 100vh;
    color: var(--text);
    font-family: 'Manrope', sans-serif;
    background:
        linear-gradient(180deg, rgba(5, 5, 6, 0.84) 0%, rgba(10, 10, 11, 0.8) 38%, rgba(5, 5, 5, 0.88) 100%),
        radial-gradient(circle at 0% 0%, rgba(243, 216, 143, 0.1), transparent 24%),
        radial-gradient(circle at 100% 18%, rgba(203, 163, 74, 0.06), transparent 20%),
        radial-gradient(circle at 50% 120%, rgba(203, 163, 74, 0.05), transparent 34%),
        url('../../includes/images/Gold-peptide.png');
    background-position: center, 0% 0%, 100% 18%, 50% 120%, center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: cover, auto, auto, auto, cover;
    background-attachment: fixed, scroll, scroll, scroll, fixed;
    position: relative;
    overflow-x: hidden;
}

body.has-mobile-menu-open {
    overflow: hidden;
}

body::before,
body::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
}

body::before {
    background:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
    background-size: 26px 26px;
    -webkit-mask-image: radial-gradient(circle at center, black 32%, transparent 92%);
    mask-image: radial-gradient(circle at center, black 32%, transparent 92%);
    opacity: 0.28;
}

body::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 16%, transparent 84%, rgba(255, 255, 255, 0.018));
    opacity: 0.5;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

button,
input,
select,
textarea {
    font: inherit;
}

button,
input,
select,
textarea,
a,
.card,
.panel,
.table-card,
.metric,
.pill,
.status-pill {
    transition: border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease, opacity 180ms ease;
}

:focus-visible {
    outline: 2px solid rgba(243, 216, 143, 0.95);
    outline-offset: 3px;
}

.site-shell {
    width: var(--content-width);
    margin: 16px auto 28px;
    position: relative;
}

.announcement-bar,
.flash {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border);
    background: linear-gradient(180deg, rgba(203, 163, 74, 0.16), rgba(203, 163, 74, 0.08));
    box-shadow: var(--shadow-sm);
    border-radius: 999px;
    padding: 12px 18px;
    color: var(--gold-bright);
    margin-bottom: 16px;
    position: relative;
    text-align: center;
}

.announcement-bar {
    overflow: hidden;
}

.announcement-bar__text {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    text-align: center;
}

.announcement-bar::before,
.flash::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}

.site-footer__disclaimer strong {
    color: var(--gold-bright);
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.site-footer__disclaimer span {
    color: #e4d6b7;
}
.ruo-badge {
    display: inline-flex;
    margin-top: 14px;
    border: 1px solid rgba(243, 216, 143, 0.42);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(78, 56, 18, 0.9), rgba(38, 27, 11, 0.96));
    color: var(--gold-bright);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.ruo-badge--compact {
        filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.24));
    padding: 5px 9px;
    font-size: 0.62rem;
    letter-spacing: 0.12em;
}
.ruo-callout {
    margin-top: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(243, 216, 143, 0.45);
    border-radius: 12px;
    background: #000;
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.55;
    color: #f3d88f;
    text-transform: uppercase;
}

.flash-error {
    color: #ffe2e2;
    background: linear-gradient(180deg, rgba(110, 34, 34, 0.46), rgba(70, 24, 24, 0.34));
}

.flash-success {
        filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.24));
    background: linear-gradient(180deg, rgba(32, 99, 66, 0.42), rgba(26, 72, 49, 0.32));
}

.site-footer,
.card,
.metric,
.table-card,
.auth-shell,
.hero,
.panel,
.highlight-banner,
.product-hero,
.dashboard-grid > *,
.split-callout {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.085), transparent 32%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0)),
        var(--panel);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-lg);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.site-footer,
.table-card,
.auth-shell,
.hero,
.panel,
.highlight-banner,
.product-hero,
.dashboard-grid > *,
.split-callout {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 32%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
        var(--section-panel);
}

.card {
    background:
        radial-gradient(circle at 100% 0%, rgba(243, 216, 143, 0.22), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(203, 163, 74, 0.15), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent 32%),
        linear-gradient(160deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)),
        var(--panel);
}

.site-header,
.site-footer {
    border-radius: 28px;
    padding: 26px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    position: relative;
}

.site-header {
    position: relative;
    min-height: 248px;
    top: auto;
    z-index: 1;
    overflow: hidden;
    isolation: isolate;
    border: 0;
    box-shadow: none;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.site-footer {
    margin-top: 30px;
    display: block;
}

.brand {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
}

.brand-lockup {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.brand-logo--mobile,
.brand-tagline {
    display: none;
}

.brand-logo,
.brand-wordmark {
    width: 200px;
    height: 200px;
    object-fit: contain;
    flex: 0 0 auto;
}

.brand strong,
.hero h1,
.section-title,
.card h3,
.panel h2,
.metric strong,
.table-card h2,
.auth-shell h1,
.product-copy h1,
.split-callout h2 {
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.02em;
}

.brand strong {
    display: block;
    font-size: 1.15rem;
}

.brand small,
.section-copy,
.card p,
.metric span,
.site-footer p,
.muted,
.note {
    color: var(--muted);
}

.site-nav,
.header-actions,
.inline-actions,
.hero-actions,
.form-actions,
.footer-actions,
.tag-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.site-nav {
    justify-content: center;
}

.site-header__menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex: 1;
    min-width: 0;
}

.mobile-nav-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(203, 163, 74, 0.24);
    border-radius: 10px;
    background: rgba(10, 10, 10, 0.64);
    color: var(--gold-bright);
    cursor: pointer;
    transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.mobile-nav-toggle__line {
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
    transition: transform 180ms ease, opacity 180ms ease;
}

.mobile-nav-toggle__label {
    display: none;
}

.site-header.is-menu-open .mobile-nav-toggle__line:nth-of-type(1) {
    transform: translateY(6px) rotate(45deg);
}

.site-header.is-menu-open .mobile-nav-toggle__line:nth-of-type(2) {
    opacity: 0;
}

.site-header.is-menu-open .mobile-nav-toggle__line:nth-of-type(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.pagination-panel {
    padding: 18px 22px;
}

.pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.bank-reference-card,
.bank-details-grid {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 22px;
}

.bank-reference-card strong,
.bank-details-grid strong {
    display: block;
    margin-top: 8px;
    color: var(--gold-bright);
}

.bank-reference-card strong {
    font-size: clamp(1.45rem, 2vw, 2rem);
    letter-spacing: 0.08em;
}

.bank-reference-alert {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid rgba(243, 216, 143, 0.4);
    border-radius: 16px;
    background: #000;
    color: #f3d88f;
}

.bank-reference-alert__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(243, 216, 143, 0.92), rgba(203, 163, 74, 0.92));
    color: #241807;
    font-weight: 800;
    line-height: 1;
}

.bank-reference-alert p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.55;
    color: inherit;
}

.bank-transfer-dialog {
    width: min(680px, calc(100% - 32px));
    padding: 0;
    border: 1px solid rgba(243, 216, 143, 0.24);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(20, 17, 14, 0.98), rgba(9, 9, 9, 0.98));
    color: var(--text);
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.55);
}

.bank-transfer-dialog::backdrop {
    background: rgba(4, 4, 4, 0.72);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.bank-transfer-dialog__body {
    padding: 24px;
    display: grid;
    gap: 18px;
}

.bank-transfer-dialog__body > .section-copy {
    color: #f3d88f;
}

.bank-transfer-dialog h2 {
    margin: 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2rem, 3vw, 2.6rem);
    color: var(--gold-bright);
}

.bank-transfer-dialog__panel,
.bank-transfer-dialog__details {
    padding: 18px;
    border: 1px solid rgba(243, 216, 143, 0.16);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015));
}

.bank-transfer-dialog__panel strong,
.bank-transfer-dialog__details strong {
    display: block;
    margin-top: 6px;
    color: var(--gold-bright);
}

.bank-transfer-dialog__panel strong {
    font-size: clamp(1.3rem, 2vw, 1.7rem);
    letter-spacing: 0.06em;
}

.bank-transfer-dialog__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.bank-transfer-dialog__details-full {
    grid-column: 1 / -1;
}

.bank-transfer-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.bank-transfer-dialog__actions form {
    margin: 0;
}

.bank-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.product-admin-preview {
    display: grid;
    grid-template-columns: 136px 1fr;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
}

.product-admin-preview img,
.product-admin-table-name img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.03);
}

.product-admin-preview img {
    aspect-ratio: 1 / 1;
}

.cart-upsell-shell .section-copy {
    margin: 0 0 18px;
}

.cart-upsell-shell .catalog-grid--storefront {
    margin-top: 0;
}

.cart-upsell-shell .showcase-card .note {
    margin: 0;
    line-height: 1.6;
}

.product-admin-table-name {
    display: flex;
    align-items: center;
    gap: 14px;
}

.product-admin-table-name span {
    min-width: 0;
}

.product-admin-table-name img {
    width: 56px;
    min-width: 56px;
    height: 56px;
    object-fit: cover;
}

body.admin-page .content-wrap {
    min-width: 0;
}

body.admin-page .admin-dashboard-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 24px;
    margin-bottom: 24px;
    align-items: start;
}

body.admin-page .admin-dashboard-hero__main,
body.admin-page .admin-dashboard-status-card {
    min-width: 0;
}

body.admin-page .admin-dashboard-hero__title {
    margin: 16px 0 10px;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2.1rem, 3vw, 3rem);
    line-height: 0.98;
}

body.admin-page .admin-dashboard-hero__copy {
    margin: 0;
    max-width: 62ch;
    color: var(--muted-strong);
    font-size: 1rem;
    line-height: 1.6;
}

body.admin-page .admin-dashboard-highlight-grid,
body.admin-page .admin-dashboard-action-grid,
body.admin-page .admin-dashboard-status-list {
    display: grid;
    gap: 14px;
}

body.admin-page .admin-dashboard-highlight-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 22px;
}

body.admin-page .admin-dashboard-priority-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 18px 0 24px;
}

body.admin-page .admin-dashboard-highlight,
body.admin-page .admin-dashboard-action,
body.admin-page .admin-dashboard-status-item {
    position: relative;
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(203, 163, 74, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
}

body.admin-page .admin-priority-card {
    display: grid;
    gap: 12px;
}

body.admin-page .admin-priority-card__top {
    display: grid;
    gap: 10px;
}

body.admin-page .admin-priority-card--attention {
    border-color: rgba(195, 77, 58, 0.28);
    background: linear-gradient(180deg, rgba(255, 245, 242, 0.96), rgba(255, 234, 227, 0.98));
}

body.admin-page .admin-priority-card--warning {
    border-color: rgba(201, 152, 53, 0.28);
    background: linear-gradient(180deg, rgba(255, 250, 239, 0.96), rgba(255, 243, 214, 0.98));
}

body.admin-page .admin-priority-card--info {
    border-color: rgba(73, 116, 177, 0.24);
    background: linear-gradient(180deg, rgba(244, 249, 255, 0.96), rgba(229, 240, 255, 0.98));
}

body.admin-page .admin-priority-card--success {
    border-color: rgba(56, 139, 97, 0.24);
    background: linear-gradient(180deg, rgba(244, 253, 248, 0.96), rgba(229, 245, 236, 0.98));
}

body.admin-page .admin-dashboard-highlight:hover,
body.admin-page .admin-dashboard-action:hover {
    border-color: rgba(243, 216, 143, 0.28);
    background: linear-gradient(180deg, rgba(203, 163, 74, 0.12), rgba(255, 255, 255, 0.03));
}

body.admin-page .admin-dashboard-highlight span,
body.admin-page .admin-dashboard-status-item .muted {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.admin-page .admin-dashboard-highlight strong,
body.admin-page .admin-dashboard-status-item strong {
    display: block;
    font-size: clamp(1.35rem, 1.8vw, 2rem);
    line-height: 1.05;
    color: var(--gold-bright);
}

body.admin-page .admin-dashboard-highlight small,
body.admin-page .admin-dashboard-action span,
body.admin-page .admin-dashboard-status-item small {
    color: var(--muted-strong);
    line-height: 1.5;
}

body.admin-page .admin-dashboard-action-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 18px;
}

body.admin-page .admin-dashboard-action strong {
    font-size: 1rem;
}

body.admin-page .admin-dashboard-status-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.admin-page .admin-dashboard-status-summary {
    margin-top: 18px;
}

body.admin-page .admin-dashboard-highlight--attention,
body.admin-page .admin-dashboard-status-item--attention,
body.admin-page .admin-dashboard-summary-item--attention,
body.admin-page .dashboard-disclosure-card--attention,
body.admin-page .metric--attention {
    border-color: rgba(255, 163, 163, 0.3);
    background: linear-gradient(180deg, rgba(96, 34, 34, 0.26), rgba(255, 255, 255, 0.03));
}

body.admin-page .admin-dashboard-highlight--warning,
body.admin-page .admin-dashboard-status-item--warning,
body.admin-page .admin-dashboard-summary-item--warning,
body.admin-page .dashboard-disclosure-card--warning,
body.admin-page .metric--warning {
    border-color: rgba(243, 216, 143, 0.32);
    background: linear-gradient(180deg, rgba(102, 74, 22, 0.24), rgba(255, 255, 255, 0.03));
}

body.admin-page .admin-dashboard-highlight--info,
body.admin-page .admin-dashboard-status-item--info,
body.admin-page .admin-dashboard-summary-item--info,
body.admin-page .dashboard-disclosure-card--info,
body.admin-page .metric--info {
    border-color: rgba(138, 181, 255, 0.28);
    background: linear-gradient(180deg, rgba(28, 50, 88, 0.22), rgba(255, 255, 255, 0.03));
}

body.admin-page .admin-dashboard-highlight--success,
body.admin-page .admin-dashboard-status-item--success,
body.admin-page .admin-dashboard-summary-item--success,
body.admin-page .dashboard-disclosure-card--success,
body.admin-page .metric--success {
    border-color: rgba(169, 237, 192, 0.28);
    background: linear-gradient(180deg, rgba(30, 73, 45, 0.2), rgba(255, 255, 255, 0.03));
}

body.admin-page .admin-dashboard-highlight--attention strong,
body.admin-page .admin-dashboard-status-item--attention strong,
body.admin-page .admin-dashboard-summary-item--attention strong,
body.admin-page .metric--attention strong {
    color: #ffb2b2;
}

body.admin-page .admin-dashboard-highlight--warning strong,
body.admin-page .admin-dashboard-status-item--warning strong,
body.admin-page .admin-dashboard-summary-item--warning strong,
body.admin-page .metric--warning strong {
    color: #f5df9d;
}

body.admin-page .admin-dashboard-highlight--info strong,
body.admin-page .admin-dashboard-status-item--info strong,
body.admin-page .admin-dashboard-summary-item--info strong,
body.admin-page .metric--info strong {
    color: #9ac6ff;
}

body.admin-page .admin-dashboard-highlight--success strong,
body.admin-page .admin-dashboard-status-item--success strong,
body.admin-page .admin-dashboard-summary-item--success strong,
body.admin-page .metric--success strong {
    color: #a9edc0;
}

body.admin-page .admin-dashboard-summary-item {
    position: relative;
    overflow: hidden;
}

body.admin-page .admin-dashboard-highlight[class*='admin-dashboard-highlight--'],
body.admin-page .admin-dashboard-status-item[class*='admin-dashboard-status-item--'],
body.admin-page .admin-dashboard-summary-item[class*='admin-dashboard-summary-item--'],
body.admin-page .dashboard-disclosure-card[class*='dashboard-disclosure-card--'],
body.admin-page .metric[class*='metric--'] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

body.admin-page .admin-dashboard-summary-item::before,
body.admin-page .dashboard-disclosure-card::before,
body.admin-page .metric[class*='metric--']::before,
body.admin-page .admin-dashboard-highlight[class*='admin-dashboard-highlight--']::before,
body.admin-page .admin-dashboard-status-item[class*='admin-dashboard-status-item--']::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    border-radius: 18px 0 0 18px;
}

body.admin-page .admin-dashboard-highlight--attention::before,
body.admin-page .admin-dashboard-status-item--attention::before,
body.admin-page .admin-dashboard-summary-item--attention::before,
body.admin-page .dashboard-disclosure-card--attention::before,
body.admin-page .metric--attention::before {
    background: linear-gradient(180deg, #ffb3b3, #cc5c5c);
}

body.admin-page .admin-dashboard-highlight--warning::before,
body.admin-page .admin-dashboard-status-item--warning::before,
body.admin-page .admin-dashboard-summary-item--warning::before,
body.admin-page .dashboard-disclosure-card--warning::before,
body.admin-page .metric--warning::before {
    background: linear-gradient(180deg, #f5df9d, #bf8d33);
}

body.admin-page .admin-dashboard-highlight--info::before,
body.admin-page .admin-dashboard-status-item--info::before,
body.admin-page .admin-dashboard-summary-item--info::before,
body.admin-page .dashboard-disclosure-card--info::before,
body.admin-page .metric--info::before {
    background: linear-gradient(180deg, #9ac6ff, #4f88d6);
}

body.admin-page .admin-dashboard-highlight--success::before,
body.admin-page .admin-dashboard-status-item--success::before,
body.admin-page .admin-dashboard-summary-item--success::before,
body.admin-page .dashboard-disclosure-card--success::before,
body.admin-page .metric--success::before {
    background: linear-gradient(180deg, #a9edc0, #4aa46b);
}

body.admin-page .admin-dashboard-alerts,
body.admin-page .admin-dashboard-panels {
    margin-top: 24px;
}

body.admin-page .admin-dashboard-alerts {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
}

body.admin-page .admin-dashboard-kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.admin-page .admin-dashboard-kpis .metric {
    min-height: 0;
    background:
        radial-gradient(circle at 100% 0%, rgba(243, 216, 143, 0.18), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        rgba(255, 255, 255, 0.03);
}

body.admin-page .admin-dashboard-kpis .metric strong {
    font-size: clamp(1.2rem, 1.7vw, 1.75rem);
}

body.admin-page .admin-dashboard-metrics--secondary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 18px;
}

body.admin-page .admin-dashboard-metrics--secondary .metric {
    min-height: 0;
    padding: 20px;
}

body.admin-page .admin-dashboard-metrics--secondary .metric strong {
    font-size: clamp(1rem, 1.25vw, 1.35rem);
}

body.admin-page .admin-dashboard-panels--analytics {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
}

body.admin-page .admin-dashboard-panels--double {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.admin-page .admin-dashboard-panels--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.admin-page .admin-dashboard-panels--single {
    grid-template-columns: minmax(0, 1fr);
}

body.admin-page .admin-dashboard-panels--stacked {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
}

body.admin-page .admin-dashboard-panels--stacked > .table-card,
body.admin-page .admin-dashboard-panels--stacked > .panel {
    width: 100%;
}

body.admin-page .section-head {
    align-items: flex-start;
}

body.admin-page .section-head .inline-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    width: min(100%, 920px);
    justify-content: stretch;
}

body.admin-page .dashboard-disclosure-shell {
    display: grid;
    gap: 18px;
    margin-top: 24px;
}

body.admin-page .dashboard-disclosure-card {
    padding: 0;
    overflow: hidden;
}

body.admin-page .dashboard-disclosure {
    display: grid;
}

body.admin-page .dashboard-disclosure__summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    cursor: pointer;
}

body.admin-page .dashboard-disclosure__summary::-webkit-details-marker {
    display: none;
}

body.admin-page .dashboard-disclosure__summary h2 {
    margin: 0;
}

body.admin-page .dashboard-disclosure__summary .note {
    margin: 6px 0 0;
}

body.admin-page .dashboard-disclosure__meta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

body.admin-page .dashboard-disclosure__chevron {
    width: 12px;
    height: 12px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 160ms ease;
}

body.admin-page .dashboard-disclosure[open] .dashboard-disclosure__chevron {
    transform: rotate(-135deg);
}

body.admin-page .dashboard-disclosure__content {
    padding: 0 22px 22px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
}

body.admin-page .dashboard-disclosure__content > :first-child {
    margin-top: 18px;
}

body.admin-page .section-head .inline-actions .btn,
body.admin-page .inline-actions form,
body.admin-page .dashboard-grid > *,
body.admin-page .metrics-grid > *,
body.admin-page .form-grid > *,
body.admin-page .settings-grid > *,
body.admin-page .mini-grid > * {
    min-width: 0;
}

body.admin-page .dashboard-grid,
body.admin-page .metrics-grid,
body.admin-page .form-grid,
body.admin-page .settings-grid,
body.admin-page .mini-grid,
body.admin-page .summary-grid {
    align-items: start;
}

body.admin-page .table-card,
body.admin-page .panel,
body.admin-page .metric {
    min-width: 0;
}

body.admin-page select {
    background: #ffffff;
    color: #1f1b17;
    color-scheme: light;
    border-color: rgba(17, 17, 17, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.admin-page select option,
body.admin-page select optgroup {
    background: #ffffff;
    color: #1f1b17;
}

body.admin-page select option:checked,
body.admin-page select option:hover,
body.admin-page select option:focus {
    background: #f6efe0;
    color: #1f1b17;
}

body.admin-page select:hover,
body.admin-page select:focus {
    background: #ffffff;
    border-color: rgba(184, 135, 45, 0.34);
}

body.admin-page .table-card {
    overflow-x: auto;
}

body.admin-page .table-card table {
    min-width: 720px;
}

body.admin-page .inline-actions {
    align-items: flex-start;
}

body.admin-page .admin-table-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    min-width: 112px;
}

body.admin-page .admin-table-actions .btn,
body.admin-page .admin-table-actions form,
body.admin-page .admin-table-actions form .btn {
    width: 100%;
}

body.admin-page .admin-product-catalog {
    overflow-x: auto;
}

body.admin-page .admin-category-manager {
    overflow: visible;
}

body.admin-page .admin-category-manager__header {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
    margin-bottom: 18px;
}

body.admin-page .admin-category-create {
    display: grid;
    grid-template-columns: minmax(220px, 320px) auto auto;
    gap: 12px;
    align-items: end;
}

body.admin-page .admin-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}

body.admin-page .admin-category-card {
    display: grid;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.78);
}

body.admin-page .admin-category-form {
    display: grid;
    gap: 12px;
}

body.admin-page .admin-category-meta {
    gap: 8px;
}

body.admin-page .admin-category-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.admin-page .admin-category-actions .btn,
body.admin-page .admin-category-card > form:last-child .btn {
    width: 100%;
}

body.admin-page .admin-category-actions--secondary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.admin-page .admin-category-actions--secondary form {
    width: 100%;
}

body.admin-page .admin-category-warning {
    margin: 0;
    color: #8f4d12;
}

body.admin-page .admin-category-products {
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 14px;
    background: rgba(247, 245, 239, 0.9);
    padding: 12px 14px;
}

body.admin-page .admin-category-products summary {
    cursor: pointer;
    font-weight: 600;
}

body.admin-page .admin-category-products__list {
    display: grid;
    gap: 10px;
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    max-height: 220px;
    overflow-y: auto;
}

body.admin-page .admin-category-products__list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
}

body.admin-page .admin-category-products__list li:first-child {
    padding-top: 0;
    border-top: 0;
}

body.admin-page .admin-category-products__list strong,
body.admin-page .admin-category-products__list span {
    display: block;
}

body.admin-page .admin-category-products__list span {
    color: rgba(17, 17, 17, 0.68);
    font-size: 0.92rem;
}

body.admin-page .admin-category-products__list .btn {
    width: auto;
    flex: 0 0 auto;
}

body.admin-page .admin-product-catalog table {
    width: 100%;
    min-width: 860px;
    table-layout: fixed;
}

/* col 1 = checkbox */
body.admin-page .admin-product-catalog th:nth-child(1),
body.admin-page .admin-product-catalog td:nth-child(1) {
    width: 3%;
}

/* col 2 = name */
body.admin-page .admin-product-catalog th:nth-child(2),
body.admin-page .admin-product-catalog td:nth-child(2) {
    width: 22%;
}

/* col 3 = display order, col 4 = SKU */
body.admin-page .admin-product-catalog th:nth-child(3),
body.admin-page .admin-product-catalog td:nth-child(3),
body.admin-page .admin-product-catalog th:nth-child(4),
body.admin-page .admin-product-catalog td:nth-child(4) {
    width: 9%;
}

/* cols 5-7 = price, unit cost, margin */
body.admin-page .admin-product-catalog th:nth-child(5),
body.admin-page .admin-product-catalog td:nth-child(5),
body.admin-page .admin-product-catalog th:nth-child(6),
body.admin-page .admin-product-catalog td:nth-child(6),
body.admin-page .admin-product-catalog th:nth-child(7),
body.admin-page .admin-product-catalog td:nth-child(7) {
    width: 8%;
}

/* col 8 = stock */
body.admin-page .admin-product-catalog th:nth-child(8),
body.admin-page .admin-product-catalog td:nth-child(8) {
    width: 8%;
}

/* col 9 = status */
body.admin-page .admin-product-catalog th:nth-child(9),
body.admin-page .admin-product-catalog td:nth-child(9) {
    width: 8%;
}

/* col 10 = actions */
body.admin-page .admin-product-catalog th:nth-child(10),
body.admin-page .admin-product-catalog td:nth-child(10) {
    width: 17%;
}

body.admin-page .admin-product-catalog th,
body.admin-page .admin-product-catalog td {
    min-width: 0;
    word-break: break-word;
    overflow-wrap: anywhere;
}

body.admin-page .admin-product-catalog .product-admin-table-name {
    align-items: flex-start;
    gap: 12px;
}

body.admin-page .admin-product-catalog .product-admin-table-name img {
    flex: 0 0 48px;
    width: 48px;
    min-width: 48px;
    height: 48px;
}

body.admin-page .admin-product-catalog .product-admin-table-name span {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

body.admin-page .product-order-cell {
    display: grid;
    gap: 8px;
}

body.admin-page .product-order-cell strong {
    font-size: 0.92rem;
}

body.admin-page .admin-order-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

body.admin-page .admin-order-actions form,
body.admin-page .admin-order-actions .btn {
    width: 100%;
}

body.admin-page .admin-order-actions .btn {
    min-width: 0;
    padding: 8px 0;
    font-size: 1rem;
    line-height: 1;
}

body.admin-page .admin-product-catalog .admin-table-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    min-width: 0;
    gap: 6px;
}

body.admin-page .admin-product-catalog .admin-table-actions form {
    width: auto;
}

body.admin-page .admin-product-catalog .admin-table-actions .btn,
body.admin-page .admin-product-catalog .admin-table-actions form .btn {
    width: auto;
    min-width: 0;
    padding: 8px 10px;
    white-space: normal;
}

body.admin-page .admin-quick-order-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 0 18px;
}

body.admin-page .admin-quick-order-form {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.admin-page .admin-quick-order-form__qty {
    width: 68px;
    min-width: 68px;
    padding: 8px 10px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
}

body.admin-page .content-editor-group summary {
    cursor: pointer;
    list-style: none;
}

body.admin-page .content-editor-group summary::-webkit-details-marker {
    display: none;
}

body.admin-page .content-editor-group summary .muted {
    margin-top: 6px;
}

body.admin-page .order-workspace {
    overflow: visible;
}

body.admin-page .order-workspace__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.58fr);
    gap: 24px;
    align-items: start;
}

body.admin-page .order-workspace--order .order-workspace__grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(340px, 0.7fr);
}

body.admin-page .order-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

body.admin-page .order-detail-shell {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.9fr);
    gap: 18px;
    align-items: start;
}

body.admin-page .order-summary-card,
body.admin-page .order-detail-card {
    border-radius: var(--radius-md);
    border: 1px solid rgba(203, 163, 74, 0.12);
    background: rgba(255, 255, 255, 0.03);
    padding: 18px;
}

body.admin-page .order-summary-card span,
body.admin-page .order-summary-card strong {
    display: block;
}

body.admin-page .order-summary-card span {
    color: var(--muted);
    font-size: 0.78rem;
    margin-bottom: 6px;
}

body.admin-page .order-summary-card strong {
    font-size: 1.05rem;
}

body.admin-page .order-detail-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.admin-page .order-workspace aside {
    position: sticky;
    top: 24px;
}

body.admin-page .order-detail-card h3 {
    margin: 0 0 12px;
}

body.admin-page .order-detail-card--lines {
    position: sticky;
    top: 24px;
}

body.admin-page .order-detail-list {
    display: grid;
    gap: 10px;
    margin: 0;
}

body.admin-page .order-detail-list div {
    display: grid;
    gap: 4px;
}

body.admin-page .order-detail-list dt {
    color: var(--muted);
    font-size: 0.78rem;
}

body.admin-page .order-detail-list dd {
    margin: 0;
}

body.admin-page .order-address,
body.admin-page .order-note-block {
    white-space: pre-line;
    line-height: 1.6;
}

body.admin-page .order-item-list {
    display: grid;
    gap: 12px;
}

body.admin-page .order-item-list--lines,
body.admin-page .order-return-list {
    max-height: 520px;
    overflow-y: auto;
    padding-right: 4px;
}

body.admin-page .order-detail-card .order-item-list {
    max-height: 360px;
    overflow-y: auto;
    padding-right: 4px;
}

body.admin-page .order-item-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: start;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(203, 163, 74, 0.1);
    background: rgba(255, 255, 255, 0.02);
}

body.admin-page .order-item-row--editor {
    align-items: end;
}

body.admin-page .order-item-stat {
    color: var(--muted-strong);
    font-weight: 600;
    white-space: nowrap;
}

body.admin-page .order-doc-links {
    display: grid;
    gap: 10px;
}

body.admin-page .order-doc-links .btn,
body.admin-page .order-action-card form .btn {
    width: 100%;
}

body.admin-page .order-action-form__controls {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

@media (max-width: 1680px) {
    body.admin-page .admin-dashboard-highlight-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.admin-page .admin-dashboard-priority-grid {
        grid-template-columns: 1fr;
    }

    body.admin-page .admin-product-grid,
    body.admin-page .admin-bundle-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (max-width: 1380px) {
    body.admin-page .admin-dashboard-hero,
    body.admin-page .dashboard-grid,
    body.admin-page .analytics-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.admin-page .admin-dashboard-kpis,
    body.admin-page .admin-dashboard-metrics--secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.admin-page .admin-dashboard-action-grid,
    body.admin-page .admin-dashboard-status-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.admin-page .metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.admin-page .form-grid,
    body.admin-page .settings-grid,
    body.admin-page .mini-grid,
    body.admin-page .summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.admin-page .admin-category-manager__header,
    body.admin-page .admin-category-create {
        grid-template-columns: minmax(0, 1fr);
        display: grid;
    }
}

@media (max-width: 1180px) {
    body.admin-page .admin-product-catalog table {
        table-layout: auto;
    }

    body.admin-page .order-workspace__grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.admin-page .order-detail-shell {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.admin-page .order-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.admin-page .order-workspace aside {
        position: static;
    }

    body.admin-page .order-detail-card--lines {
        position: static;
    }
}

@media (max-width: 760px) {
    .bank-details-grid {
        grid-template-columns: 1fr;
    }

    .bank-transfer-dialog {
        width: calc(100% - 20px);
    }

    .bank-transfer-dialog__body {
        padding: 18px;
    }

    .bank-transfer-dialog__details {
        grid-template-columns: 1fr;
    }

    .bank-transfer-dialog__actions {
        justify-content: stretch;
    }

    .bank-transfer-dialog__actions .btn,
    .bank-transfer-dialog__actions form {
        width: 100%;
    }

    .pagination-bar {
        align-items: flex-start;
    }

    .product-admin-preview {
        grid-template-columns: 1fr;
    }

    body.admin-page .section-head {
        gap: 14px;
    }

    body.admin-page .section-head .inline-actions,
    body.admin-page .inline-actions,
    body.admin-page .admin-dashboard-highlight-grid,
    body.admin-page .admin-dashboard-priority-grid,
    body.admin-page .admin-dashboard-action-grid,
    body.admin-page .admin-dashboard-status-list,
    body.admin-page .form-grid,
    body.admin-page .settings-grid,
    body.admin-page .metrics-grid,
    body.admin-page .dashboard-grid,
    body.admin-page .analytics-grid,
    body.admin-page .mini-grid,
    body.admin-page .summary-grid,
    body.admin-page .order-summary-grid,
    body.admin-page .order-workspace__grid,
    body.admin-page .order-detail-shell,
    body.admin-page .order-action-form__controls {
        grid-template-columns: 1fr !important;
    }

    body.admin-page .section-head .inline-actions {
        width: 100%;
    }

    body.admin-page .dashboard-disclosure__summary {
        align-items: flex-start;
        flex-direction: column;
    }

    body.admin-page .dashboard-disclosure__meta {
        width: 100%;
        justify-content: space-between;
    }

    body.admin-page .section-head .inline-actions .btn,
    body.admin-page .inline-actions .btn,
    body.admin-page .inline-actions form,
    body.admin-page .inline-actions form .btn {
        width: 100%;
    }

    body.admin-page .table-card,
    body.admin-page .panel,
    body.admin-page .metric {
        padding: 18px;
    }

    body.admin-page .admin-dashboard-hero__title {
        font-size: clamp(1.8rem, 9vw, 2.35rem);
    }

    body.admin-page .admin-product-catalog {
        overflow-x: auto;
    }

    body.admin-page .admin-quick-order-bar {
        flex-direction: column;
        align-items: stretch;
    }

    body.admin-page .admin-product-catalog table {
        min-width: 760px;
    }

    body.admin-page .order-item-row {
        grid-template-columns: 1fr;
    }

    body.admin-page .table-card table {
        min-width: 760px;
    }

    body.admin-page .product-admin-table-name {
        min-width: 180px;
    }
}

.site-nav a,
.ghost-link,
.pill,
.status-pill {
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 10px 16px;
}

.site-nav a,
.ghost-link {
    color: var(--muted-strong);
    background: rgba(255, 255, 255, 0.045);
}

.site-header .site-nav a,
.site-header .ghost-link {
    color: var(--text);
    background: rgba(6, 6, 6, 0.58);
    border-color: rgba(0, 0, 0, 0.34);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.site-nav a:hover,
.site-nav a.active,
.ghost-link:hover {
    border-color: var(--border-strong);
    background: rgba(203, 163, 74, 0.1);
    color: var(--gold-bright);
    box-shadow: inset 0 0 0 1px rgba(243, 216, 143, 0.08);
}

.site-header .site-nav a:hover,
.site-header .site-nav a.active,
.site-header .ghost-link:hover {
    background: rgba(10, 10, 10, 0.8);
}

.content-wrap {
    padding: 22px 0 10px;
}

.hero,
.highlight-banner,
.split-callout {
    position: relative;
    overflow: hidden;
}

.hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.92fr);
    gap: 30px;
    padding: 42px;
    border-radius: 38px;
    isolation: isolate;
}

.hero::before,
.highlight-banner::before,
.split-callout::before {
    content: '';
    position: absolute;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(243, 216, 143, 0.22), rgba(203, 163, 74, 0.1) 32%, transparent 72%);
    filter: blur(14px);
    z-index: -1;
}

.hero::before {
    right: -100px;
    bottom: -120px;
}

.highlight-banner::before {
    right: -120px;
    top: -120px;
}

.split-callout::before {
    left: -120px;
    bottom: -140px;
}

.hero h1,
.product-copy h1 {
    font-size: clamp(3rem, 5vw, 5.5rem);
    line-height: 0.9;
    margin: 0 0 18px;
}

.hero p,
.product-copy p,
.section-copy {
    font-size: 1.02rem;
    line-height: 1.82;
    max-width: 64ch;
}

.btn,
button.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    border: 1px solid transparent;
    padding: 14px 22px;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.btn:hover,
button.btn:hover {
    transform: translateY(-1px);
}

.btn-primary {
    color: #151006;
    background: linear-gradient(135deg, #f5e2a8 0%, #d1a752 56%, #ab7e2f 100%);
    box-shadow: 0 14px 34px rgba(203, 163, 74, 0.22);
}

.btn-primary:hover {
    box-shadow: 0 18px 38px rgba(203, 163, 74, 0.28);
}

.btn-secondary {
    color: var(--text);
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--border);
}

.btn-secondary:hover {
    background: rgba(203, 163, 74, 0.08);
    border-color: var(--border-strong);
}

.payment-choice,
.paypal-panel,
.payment-mode-banner,
.empty-state,
.list-clean li {
    border: 1px solid var(--border);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 34%), rgba(255, 255, 255, 0.035);
    border-radius: 22px;
}

.payment-choice,
.paypal-panel,
.payment-mode-banner {
    padding: 18px;
}

.payment-mode-banner {
    margin-bottom: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(243, 216, 143, 0.12), transparent 30%),
        linear-gradient(180deg, rgba(203, 163, 74, 0.14), rgba(203, 163, 74, 0.04));
    box-shadow: inset 0 0 0 1px rgba(243, 216, 143, 0.06);
}

.payment-mode-banner strong {
    display: block;
    margin-bottom: 6px;
    color: var(--gold-bright);
}

.payment-choice__header h2,
.table-card h2,
.panel h2,
.card h3,
.auth-shell h1,
.split-callout h2 {
    margin: 0 0 8px;
}

.payment-choice__options {
    display: grid;
    gap: 14px;
    margin-top: 16px;
}

.payment-option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid rgba(203, 163, 74, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
}

.payment-option:hover {
    border-color: var(--border-strong);
    background: rgba(203, 163, 74, 0.08);
}

.payment-option strong,
.payment-option small {
    display: block;
}

.payment-option small {
    color: var(--muted);
    margin-top: 5px;
    line-height: 1.6;
}

.payment-option-disabled {
    opacity: 0.58;
}

.payment-pane {
    margin-top: -4px;
}

#paypal-button-container {
    margin-top: 16px;
    max-width: 430px;
}

.hero-grid,
.catalog-grid,
.metrics-grid,
.dashboard-grid,
.two-col,
.product-layout,
.account-layout,
.checkout-layout,
.info-grid,
.filters,
.form-grid,
.checkout-form,
.settings-grid,
.mini-grid,
.stack-block {
    display: grid;
    gap: 18px;
}

.hero-grid > *,
.catalog-grid > *,
.metrics-grid > *,
.dashboard-grid > *,
.two-col > *,
.product-layout > *,
.account-layout > *,
.checkout-layout > *,
.info-grid > *,
.filters > *,
.form-grid > *,
.checkout-form > *,
.settings-grid > *,
.mini-grid > *,
.stack-block > *,
.summary-grid > *,
.site-footer__top > *,
.site-footer__links > * {
    min-width: 0;
}

.hero-grid,
.catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 24px;
}

.metrics-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.filters,
.form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.checkout-form,
.settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stack-block {
    gap: 16px;
}

.card,
.metric,
.panel,
.table-card,
.auth-shell,
.highlight-banner,
.product-hero,
.split-callout {
    border-radius: var(--radius-lg);
    padding: 24px;
    position: relative;
}

.card,
.metric,
.panel,
.table-card,
.auth-shell,
.highlight-banner,
.product-hero,
.split-callout,
.showcase-card,
.trust-card,
.insight-card,
.content-card,
.product-copy--storefront,
.product-purchase-box,
.payment-mode-banner,
.faq-item,
.summary-grid div,
.account-mini-list div,
.account-guidance__item,
.account-order-item,
.account-offer,
.account-wishlist-card {
    min-width: 0;
}

.card > *,
.metric > *,
.panel > *,
.table-card > *,
.auth-shell > *,
.highlight-banner > *,
.product-hero > *,
.split-callout > *,
.showcase-card > *,
.trust-card > *,
.insight-card > *,
.content-card > *,
.product-copy--storefront > *,
.product-purchase-box > * {
    min-width: 0;
}

.card :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.metric :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.panel :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.table-card :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.auth-shell :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.highlight-banner :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.product-hero :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.split-callout :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.showcase-card :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.trust-card :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.insight-card :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.content-card :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.product-copy--storefront :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary),
.product-purchase-box :where(h1, h2, h3, h4, p, li, a, span, strong, label, summary) {
    overflow-wrap: anywhere;
}

.card::after,
.panel::after,
.table-card::after,
.metric::after,
.product-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0), rgba(203, 163, 74, 0.12));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.5;
}

.card:hover,
.panel:hover,
.table-card:hover,
.metric:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-xl);
    border-color: rgba(203, 163, 74, 0.24);
}

.card img,
.product-image,
.hero-visual {
    width: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 22px;
    border: 1px solid rgba(203, 163, 74, 0.12);
}

.card img,
.hero-visual {
    height: 270px;
}

.hero-visual {
    min-height: 100%;
    box-shadow: 0 26px 48px rgba(0, 0, 0, 0.36);
}

.product-image {
    height: 560px;
    display: block;
    background: linear-gradient(180deg, rgba(229, 181, 88, 0.08), rgba(255, 255, 255, 0.02));
}

.section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin: 34px 0 18px;
}

.section-title {
    margin: 0;
    font-size: clamp(2rem, 2.6vw, 2.65rem);
    line-height: 1.05;
}

.card h3,
.panel h2,
.table-card h2,
.split-callout h2 {
    line-height: 1.08;
}

.card .tag-row + h3 {
    margin-top: 14px;
}

.price-line {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0 18px;
}

.price-line strong {
    color: var(--gold-bright);
    font-size: 1.4rem;
}

.price-line del {
    color: rgba(246, 238, 217, 0.48);
}

.pill,
.status-pill {
    color: var(--gold-bright);
    font-size: 0.88rem;
    letter-spacing: 0.02em;
    background: rgba(203, 163, 74, 0.08);
    border-color: rgba(203, 163, 74, 0.16);
}

.metric {
    min-height: 128px;
}

.metric strong {
    display: block;
    margin-top: 10px;
    font-size: clamp(1.9rem, 2.4vw, 2.3rem);
    line-height: 1.05;
    color: var(--gold-bright);
}

.metric--textual strong {
    font-size: clamp(1.05rem, 1.4vw, 1.35rem);
    line-height: 1.2;
    letter-spacing: 0.01em;
}

.highlight-banner,
.split-callout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.split-callout h2 {
    font-size: clamp(2rem, 2.8vw, 2.7rem);
}

label {
    display: grid;
    gap: 8px;
    color: var(--muted);
    font-size: 0.95rem;
}

input,
select,
textarea {
    width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(203, 163, 74, 0.14);
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

select {
    background-color: rgba(31, 27, 23, 0.98);
    color: var(--text);
    color-scheme: dark;
}

select option,
select optgroup {
    background: #1f1b17;
    color: var(--text);
}

select option:checked,
select option:hover,
select option:focus {
    background: #2a2111;
    color: var(--gold-bright);
}

input::placeholder,
textarea::placeholder {
    color: rgba(183, 173, 150, 0.72);
}

input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(243, 216, 143, 0.44);
    background: rgba(255, 255, 255, 0.08);
}

input[type='checkbox'],
input[type='radio'] {
    width: auto;
    padding: 0;
    accent-color: var(--gold);
}

textarea {
    min-height: 140px;
    resize: vertical;
    max-width: 100%;
}

.table-card {
    overflow-x: auto;
    overflow-y: hidden;
}

.table-card table {
    width: 100%;
    border-collapse: collapse;
}

.table-card thead {
    background: rgba(255, 255, 255, 0.06);
}

.table-card th,
.table-card td {
    padding: 14px 12px;
    text-align: left;
    border-bottom: 1px solid rgba(203, 163, 74, 0.09);
    vertical-align: top;
}

.table-card tbody tr:hover {
    background: rgba(255, 255, 255, 0.045);
}

.table-card th {
    color: var(--gold-bright);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.status-processing,
.status-pending,
.status-pill.pending,
.status-pill.processing {
    color: #ffe3a1;
}

.status-shipped,
.status-pill.shipped {
    color: #9ac6ff;
}

.status-complete,
.status-pill.complete {
    color: #a9edc0;
}

.status-cancelled,
.status-pill.cancelled {
    color: #ffb3b3;
}

.auth-shell {
    width: min(780px, 100%);
    margin: 40px auto;
    display: grid;
    gap: 14px;
}

.auth-shell h1 {
    line-height: 1;
    margin: 0;
}

.auth-shell p {
    margin: 0;
    max-width: 60ch;
}

.product-layout,
.account-layout,
.checkout-layout {
    grid-template-columns: minmax(0, 1.16fr) minmax(320px, 0.84fr);
}

.list-clean {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}

.list-clean li {
    padding: 14px 16px;
}

.list-clean li strong + div {
    margin-top: 6px;
}

.review-stars {
    color: var(--gold-bright);
    letter-spacing: 0.12em;
}

.empty-state {
    padding: 40px 24px;
    text-align: center;
    border-style: dashed;
    border-color: rgba(203, 163, 74, 0.32);
    background: rgba(203, 163, 74, 0.05);
}

.footer-actions {
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.note {
    font-size: 0.92rem;
    line-height: 1.65;
}

.analytics-grid {
    align-items: start;
}

.chart-card {
    display: grid;
    gap: 18px;
}

.chart-header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
}

.chart-header p {
    margin: 8px 0 0;
}

.alert-disclosure {
    display: grid;
    gap: 16px;
}

.alert-disclosure__summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
    cursor: pointer;
}

.alert-disclosure__summary::-webkit-details-marker {
    display: none;
}

.alert-disclosure__summary::marker {
    content: '';
}

.alert-disclosure__summary::after {
    content: '+';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid var(--border-strong);
    color: var(--gold-bright);
    font-size: 1.25rem;
    line-height: 1;
    flex: 0 0 auto;
}

.alert-disclosure[open] .alert-disclosure__summary::after {
    content: '−';
}

.alert-disclosure__summary h2 {
    margin: 0;
}

.alert-disclosure__summary .note {
    margin: 6px 0 0;
}

.alert-disclosure__content {
    padding-top: 4px;
}

body.admin-page .admin-alert-panel,
body.admin-page .admin-queue-card {
    position: relative;
    overflow: hidden;
}

body.admin-page .admin-alert-panel--pending .alert-disclosure__summary,
body.admin-page .alert-disclosure--pending .alert-disclosure__summary {
    border-color: rgba(243, 216, 143, 0.34);
    background: linear-gradient(180deg, rgba(105, 73, 19, 0.32), rgba(255, 255, 255, 0.02));
}

body.admin-page .admin-alert-panel--processing .alert-disclosure__summary,
body.admin-page .alert-disclosure--processing .alert-disclosure__summary {
    border-color: rgba(138, 181, 255, 0.3);
    background: linear-gradient(180deg, rgba(29, 53, 92, 0.34), rgba(255, 255, 255, 0.02));
}

body.admin-page .admin-alert-panel--quiet .alert-disclosure__summary,
body.admin-page .alert-disclosure--quiet .alert-disclosure__summary {
    border-color: rgba(169, 237, 192, 0.24);
    background: linear-gradient(180deg, rgba(29, 67, 43, 0.24), rgba(255, 255, 255, 0.02));
}

body.admin-page .admin-alert-panel--pending .alert-disclosure__summary::after {
    border-color: rgba(243, 216, 143, 0.36);
    box-shadow: 0 0 0 6px rgba(243, 216, 143, 0.08);
}

body.admin-page .admin-alert-panel--processing .alert-disclosure__summary::after {
    border-color: rgba(138, 181, 255, 0.34);
    box-shadow: 0 0 0 6px rgba(138, 181, 255, 0.07);
}

body.admin-page .admin-queue-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
}

body.admin-page .admin-queue-card--pending {
    border-color: rgba(243, 216, 143, 0.28);
    background: linear-gradient(180deg, rgba(88, 62, 18, 0.22), rgba(255, 255, 255, 0.025));
}

body.admin-page .admin-queue-card--pending::before {
    background: linear-gradient(180deg, #f5df9d, #bf8d33);
}

body.admin-page .admin-queue-card--processing {
    border-color: rgba(138, 181, 255, 0.26);
    background: linear-gradient(180deg, rgba(27, 50, 84, 0.22), rgba(255, 255, 255, 0.025));
}

body.admin-page .admin-queue-card--processing::before {
    background: linear-gradient(180deg, #9ac6ff, #4f88d6);
}

body.admin-page .admin-queue-card--shipped {
    border-color: rgba(129, 201, 255, 0.22);
    background: linear-gradient(180deg, rgba(18, 43, 75, 0.18), rgba(255, 255, 255, 0.025));
}

body.admin-page .admin-queue-card--shipped::before {
    background: linear-gradient(180deg, #88d0ff, #397bb9);
}

body.admin-page .admin-queue-card--complete {
    border-color: rgba(169, 237, 192, 0.24);
    background: linear-gradient(180deg, rgba(28, 71, 43, 0.2), rgba(255, 255, 255, 0.025));
}

body.admin-page .admin-queue-card--complete::before {
    background: linear-gradient(180deg, #a9edc0, #4aa46b);
}

body.admin-page .admin-queue-card--cancelled {
    border-color: rgba(255, 179, 179, 0.24);
    background: linear-gradient(180deg, rgba(81, 30, 30, 0.22), rgba(255, 255, 255, 0.025));
}

body.admin-page .admin-queue-card--cancelled::before {
    background: linear-gradient(180deg, #ffb3b3, #cb5d5d);
}

.workflow-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
}

.admin-orders-spacing {
    margin-top: 24px;
}

.workflow-column {
    position: relative;
    display: grid;
    gap: 16px;
    padding: 20px;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 34%),
        rgba(255, 255, 255, 0.02);
}

.workflow-column::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    border-radius: inherit;
}

.workflow-column--payments {
    border-color: rgba(243, 216, 143, 0.28);
    background:
        linear-gradient(180deg, rgba(104, 72, 18, 0.24), transparent 34%),
        rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 0 0 1px rgba(203, 163, 74, 0.08);
}

.workflow-column--payments::before {
    background: linear-gradient(180deg, #f5df9d, #bf8d33);
}

.workflow-column--processing {
    border-color: rgba(138, 181, 255, 0.28);
    background:
        linear-gradient(180deg, rgba(28, 51, 84, 0.24), transparent 34%),
        rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 0 0 1px rgba(255, 227, 161, 0.08);
}

.workflow-column--processing::before {
    background: linear-gradient(180deg, #9ac6ff, #4f88d6);
}

.workflow-column--shipped {
    border-color: rgba(129, 201, 255, 0.24);
    background:
        linear-gradient(180deg, rgba(17, 42, 75, 0.22), transparent 34%),
        rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 0 0 1px rgba(154, 198, 255, 0.08);
}

.workflow-column--shipped::before {
    background: linear-gradient(180deg, #88d0ff, #397bb9);
}

.workflow-column__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
}

.workflow-column__head h2 {
    margin: 0;
}

.workflow-column__head .note {
    margin: 6px 0 0;
}

.workflow-list {
    display: grid;
    gap: 14px;
}

.workflow-card {
    position: relative;
    display: grid;
    gap: 14px;
    padding: 18px;
    border-radius: var(--radius-md);
    border: 1px solid rgba(203, 163, 74, 0.12);
    background: rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

.workflow-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.workflow-card.is-selected {
    border-color: rgba(203, 163, 74, 0.44);
    background: rgba(203, 163, 74, 0.08);
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.2);
}

.workflow-card--pending {
    border-color: rgba(243, 216, 143, 0.24);
    background: linear-gradient(180deg, rgba(88, 62, 18, 0.18), rgba(255, 255, 255, 0.03));
}

.workflow-card--pending::before {
    background: linear-gradient(180deg, #f5df9d, #bf8d33);
}

.workflow-card--processing {
    border-color: rgba(138, 181, 255, 0.24);
    background: linear-gradient(180deg, rgba(27, 50, 84, 0.18), rgba(255, 255, 255, 0.03));
}

.workflow-card--processing::before {
    background: linear-gradient(180deg, #9ac6ff, #4f88d6);
}

.workflow-card--shipped {
    border-color: rgba(129, 201, 255, 0.22);
    background: linear-gradient(180deg, rgba(18, 43, 75, 0.16), rgba(255, 255, 255, 0.03));
}

.workflow-card--shipped::before {
    background: linear-gradient(180deg, #88d0ff, #397bb9);
}

.workflow-card--pending.is-selected,
.workflow-card--processing.is-selected,
.workflow-card--shipped.is-selected {
    box-shadow: 0 18px 32px rgba(0, 0, 0, 0.24);
}

.workflow-card__top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.order-batch-panel {
    position: relative;
    overflow: hidden;
    border-color: rgba(203, 163, 74, 0.2);
    background:
        radial-gradient(circle at top right, rgba(203, 163, 74, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
}

.order-batch-panel::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, #f3d88f, #bf8d33);
}

.order-batch-panel .chart-header,
.order-batch-panel__actions {
    position: relative;
    z-index: 1;
}

.order-batch-panel .chart-header {
    gap: 18px;
}

.order-batch-panel__meta {
    align-items: center;
    justify-content: flex-end;
}

.order-batch-panel__actions {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    flex-wrap: wrap;
}

.order-batch-panel__actions .btn {
    width: 100%;
    justify-content: center;
}

.workflow-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.workflow-meta div {
    border: 1px solid rgba(203, 163, 74, 0.1);
    border-radius: 14px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, 0.02);
}

.workflow-meta span,
.workflow-meta strong {
    display: block;
}

.workflow-meta span {
    color: var(--muted);
    font-size: 0.78rem;
    margin-bottom: 4px;
}

.workflow-empty {
    padding: 20px;
    border: 1px dashed rgba(203, 163, 74, 0.26);
    border-radius: var(--radius-md);
    color: var(--muted);
    background: rgba(255, 255, 255, 0.02);
}

.workflow-card__items {
    margin-top: -2px;
}

.workflow-card__form {
    margin-top: 6px;
}

.workflow-card__actions {
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.workflow-card__actions--single {
    grid-template-columns: 1fr;
}

.workflow-card__actions--single-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workflow-card__actions .btn {
    width: 100%;
    justify-content: center;
}

.workflow-decision-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

.workflow-decision-card {
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(203, 163, 74, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.025);
}

.workflow-decision-card textarea {
    min-height: 88px;
}

.workflow-column .account-order-item {
    background: rgba(255, 255, 255, 0.035);
}

.bar-chart {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 16px;
    align-items: end;
    min-height: 260px;
}

.bar-chart__item {
    display: grid;
    gap: 10px;
}

.bar-chart__bars {
    min-height: 200px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    gap: 8px;
}

.bar-chart__bar {
    position: relative;
    border-radius: 18px 18px 8px 8px;
    min-height: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.bar-chart__bar span {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 0.78rem;
    color: var(--muted-strong);
}

.bar-chart__bar--sales {
    background: linear-gradient(180deg, #f0dc9c 0%, #cca44c 52%, #8e6723 100%);
}

.bar-chart__bar--profit {
    background: linear-gradient(180deg, #bce8ce 0%, #6db48b 100%);
}

.bar-chart__bar--loss {
    background: linear-gradient(180deg, #f0b1b1 0%, #bd5d5d 100%);
}

.bar-chart__item strong,
.bar-chart__item small {
    text-align: center;
}

.breakdown-list {
    display: grid;
    gap: 16px;
}

.breakdown-row {
    display: grid;
    gap: 8px;
}

.breakdown-row__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.breakdown-row__track {
    width: 100%;
    height: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.breakdown-row__fill {
    height: 100%;
    border-radius: inherit;
}

.breakdown-row__fill--gold {
    background: linear-gradient(90deg, #f0dc9c, #cba34a);
}

.breakdown-row__fill--soft {
    background: linear-gradient(90deg, rgba(203, 163, 74, 0.55), rgba(255, 255, 255, 0.24));
}

.breakdown-row__fill--profit {
    background: linear-gradient(90deg, #a9edc0, #5dba84);
}

.breakdown-row__fill--loss {
    background: linear-gradient(90deg, #f4b0b0, #d06d6d);
}

.summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.summary-grid div {
    border: 1px solid rgba(203, 163, 74, 0.12);
    border-radius: 18px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.025);
}

.summary-grid span,
.summary-grid strong {
    display: block;
}

.summary-grid strong {
    margin-top: 6px;
    color: var(--gold-bright);
}

.account-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 18px;
}

.account-hero__main,
.account-hero__side,
.account-spotlight {
    overflow: hidden;
}

.account-metrics .metric {
    min-height: 116px;
}

.account-progress {
    display: grid;
    gap: 10px;
}

.account-progress__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.account-progress__track {
    width: 100%;
    height: 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    overflow: hidden;
}

.account-progress__fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f2dea0 0%, #d0a44e 58%, #8f6924 100%);
}

.account-mini-list,
.account-guidance,
.account-order-items,
.account-offers,
.account-wishlist-grid {
    display: grid;
    gap: 12px;
}

.account-mini-list div,
.account-guidance__item,
.account-order-item,
.account-offer,
.account-wishlist-card {
    border: 1px solid rgba(203, 163, 74, 0.12);
    border-radius: 18px;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.025);
}

.account-mini-list span,
.account-mini-list strong,
.account-offer strong,
.account-wishlist-card strong,
.account-wishlist-card span {
    display: block;
}

.account-mini-list strong,
.account-offer strong,
.account-guidance__item strong,
.account-order-item strong,
.account-wishlist-card strong {
    margin-top: 4px;
}

.account-order-item,
.account-wishlist-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.account-offers {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.account-wishlist-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.account-wishlist-card {
    min-height: 110px;
}

.account-wishlist-card:hover {
    border-color: var(--border-strong);
    transform: translateY(-2px);
}

.account-response {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(203, 163, 74, 0.08);
    color: var(--muted-strong);
}

body.storefront-page .account-page .account-metrics {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

body.storefront-page .account-page .metric,
body.storefront-page .account-page .app-account-metric,
body.storefront-page .account-page .app-account-summary-card,
body.storefront-page .account-page .app-account-order-card,
body.storefront-page .account-page .app-account-compact-item,
body.storefront-page .account-page .account-mini-list div,
body.storefront-page .account-page .account-order-item,
body.storefront-page .account-page .summary-grid div {
    overflow: hidden;
}

body.storefront-page .account-page .metric span,
body.storefront-page .account-page .metric strong,
body.storefront-page .account-page .app-account-metric span,
body.storefront-page .account-page .app-account-metric strong,
body.storefront-page .account-page .app-account-summary-card h3,
body.storefront-page .account-page .app-account-summary-card strong,
body.storefront-page .account-page .app-account-summary-card p,
body.storefront-page .account-page .app-account-order-card strong,
body.storefront-page .account-page .app-account-order-card .muted,
body.storefront-page .account-page .app-account-compact-item strong,
body.storefront-page .account-page .app-account-compact-item .muted,
body.storefront-page .account-page .account-mini-list strong,
body.storefront-page .account-page .summary-grid strong,
body.storefront-page .account-page .account-order-item strong,
body.storefront-page .account-page .account-order-item .muted,
body.storefront-page .account-page .chart-header h2,
body.storefront-page .account-page .chart-header p,
body.storefront-page .account-page label {
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.storefront-page .account-page .pill,
body.storefront-page .account-page .status-pill {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.storefront-page .account-page .account-order-item,
body.storefront-page.shell-app .account-page .app-account-order-card {
    align-items: flex-start;
}

body.storefront-page.shell-app .account-page .app-account-order-card > div,
body.storefront-page.shell-app .account-page .app-account-order-card > form {
    min-width: 0;
}

body.storefront-page .account-page .table-card th,
body.storefront-page .account-page .table-card td {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@keyframes rise-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero,
.section-head,
.card,
.panel,
.table-card,
.metric,
.highlight-banner,
.split-callout {
    animation: rise-in 420ms ease both;
}

@media (max-width: 1180px) {
    .workflow-board {
        grid-template-columns: 1fr;
    }

    .order-batch-panel .chart-header {
        display: grid;
        grid-template-columns: 1fr;
    }

    .order-batch-panel__meta {
        justify-content: flex-start;
    }

    .hero,
    .highlight-banner,
    .split-callout,
    .product-layout,
    .account-layout,
    .checkout-layout,
    .hero-grid,
    .catalog-grid,
    .metrics-grid,
    .dashboard-grid,
    .filters,
    .form-grid,
    .checkout-form,
    .settings-grid {
        grid-template-columns: 1fr 1fr;
    }

    .site-header,
    .site-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-header {
        min-height: 0;
    }

    .site-nav {
        justify-content: flex-start;
    }

    .analytics-grid,
    .summary-grid,
    .account-hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    :root {
        --content-width: min(100% - 18px, 100%);
    }

    .workflow-column {
        padding: 16px;
    }

    .workflow-column__head,
    .workflow-card__top,
    .workflow-meta {
        display: grid;
        grid-template-columns: 1fr;
    }

    .workflow-card__actions,
    .workflow-card__actions--single-row,
    .order-batch-panel__actions {
        grid-template-columns: 1fr;
    }

    .site-shell {
        margin: 10px auto 20px;
    }

    .hero,
    .highlight-banner,
    .split-callout,
    .hero-grid,
    .catalog-grid,
    .metrics-grid,
    .dashboard-grid,
    .filters,
    .form-grid,
    .product-layout,
    .account-layout,
    .checkout-layout,
    .checkout-form,
    .settings-grid,
    .mini-grid,
    .summary-grid {
        grid-template-columns: 1fr;
    }

    .hero,
    .card,
    .panel,
    .table-card,
    .metric,
    .auth-shell,
    .highlight-banner,
    .product-hero,
    .split-callout,
    .site-header,
    .site-footer {
        padding: 20px;
    }

    .hero h1,
    .product-copy h1 {
        font-size: 2.6rem;
    }

    .site-header {
        position: sticky;
        top: 0;
        min-height: 0;
        padding: 14px 16px;
        gap: 12px;
    }

    .brand,
    .site-nav,
    .header-actions,
    .section-head,
    .footer-actions {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .brand-logo,
    .brand-wordmark {
        width: min(150px, 100%);
        height: auto;
    }

    .site-nav,
    .header-actions {
        gap: 8px;
    }

    .site-nav a,
    .ghost-link {
        padding: 9px 14px;
    }

    .site-nav a,
    .ghost-link,
    .btn,
    button.btn {
        width: 100%;
    }

    .table-card {
        overflow-x: auto;
    }

    .table-card table {
        min-width: 680px;
    }

    .product-image,
    .card img,
    .hero-visual {
        height: 240px;
    }
}

.site-shell {
    width: min(1480px, calc(100% - 28px));
}

.site-header {
    min-height: 0;
    padding: 14px 22px;
    border-radius: 0;
    align-items: center;
    background: transparent;
    box-shadow: none;
    border: 0;
}

.brand {
    gap: 12px;
}

.brand-logo {
    width: 220px;
    height: 220px;
}

.brand-wordmark {
    width: 260px;
    height: auto;
}

.site-nav {
    flex: 1;
    justify-content: center;
    gap: 10px;
}

.header-actions {
    gap: 10px;
}

.site-nav a,
.ghost-link,
.btn,
button.btn {
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.site-header .site-nav a,
.site-header .ghost-link {
    padding: 10px 14px;
    background: rgba(17, 14, 11, 0.78);
    border-color: rgba(203, 163, 74, 0.22);
    box-shadow: none;
}

.btn,
button.btn {
    min-height: 48px;
    font-size: 0.9rem;
}

.btn-primary {
    color: #181107;
    background: linear-gradient(180deg, #e7b85a 0%, #d39b3f 100%);
    box-shadow: 0 10px 24px rgba(211, 155, 63, 0.2);
}

.btn-secondary {
    background: rgba(15, 12, 10, 0.85);
    border-color: rgba(203, 163, 74, 0.2);
}

.content-wrap {
    padding-top: 18px;
}

.home-page .content-wrap {
    display: grid;
    gap: 22px;
}

.home-hero,
.home-section,
.site-footer {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(203, 163, 74, 0.34);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(14, 12, 10, 0.98), rgba(8, 8, 8, 0.97)),
        radial-gradient(circle at top, rgba(243, 216, 143, 0.08), transparent 30%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3);
}

.home-hero::before,
.home-section::before,
.site-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0, rgba(229, 181, 88, 0.8) 18%, transparent 36%),
        linear-gradient(90deg, transparent 64%, rgba(229, 181, 88, 0.35) 80%, transparent 100%);
    background-size: 100% 1px, 100% 1px;
    background-repeat: no-repeat;
    background-position: top, bottom;
    opacity: 0.7;
}

.home-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.92fr);
    gap: 24px;
    padding: 46px 42px 38px;
    align-items: center;
    min-height: 520px;
}

.home-hero__copy {
    position: relative;
    z-index: 1;
}

.home-kicker {
    display: inline-flex;
    padding: 7px 12px;
    margin-bottom: 18px;
    border: 1px solid rgba(203, 163, 74, 0.26);
    background: rgba(203, 163, 74, 0.08);
    color: var(--gold-bright);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.home-hero h1 {
    margin: 0;
    font-size: clamp(3.5rem, 6vw, 5.5rem);
    line-height: 0.92;
    text-transform: uppercase;
}

.home-hero p {
    margin: 18px 0 0;
    max-width: 34rem;
    font-size: 1.15rem;
    color: #f0dfbf;
    line-height: 1.7;
}

.home-hero__visual {
    position: relative;
    min-height: 420px;
}

.home-hero__visual::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
    height: 72px;
    background: linear-gradient(180deg, transparent, rgba(229, 181, 88, 0.28) 55%, transparent);
    filter: blur(8px);
}

.home-hero__molecule {
    position: absolute;
    inset: 16px 28px 90px 28px;
    background:
        radial-gradient(circle at 22% 38%, rgba(229, 181, 88, 0.34) 0 4px, transparent 5px),
        radial-gradient(circle at 40% 22%, rgba(229, 181, 88, 0.34) 0 6px, transparent 7px),
        radial-gradient(circle at 62% 44%, rgba(229, 181, 88, 0.34) 0 5px, transparent 6px),
        radial-gradient(circle at 80% 24%, rgba(229, 181, 88, 0.34) 0 6px, transparent 7px),
        radial-gradient(circle at 76% 70%, rgba(229, 181, 88, 0.28) 0 5px, transparent 6px),
        linear-gradient(32deg, transparent 46%, rgba(229, 181, 88, 0.25) 48%, rgba(229, 181, 88, 0.25) 50%, transparent 52%),
        linear-gradient(122deg, transparent 45%, rgba(229, 181, 88, 0.18) 47%, rgba(229, 181, 88, 0.18) 49%, transparent 51%);
    opacity: 0.9;
    filter: drop-shadow(0 0 8px rgba(229, 181, 88, 0.2));
}

.hero-product {
    position: absolute;
    width: 155px;
    padding: 10px;
    background: linear-gradient(180deg, rgba(23, 21, 18, 0.96), rgba(8, 8, 8, 0.98));
    border: 1px solid rgba(203, 163, 74, 0.25);
    border-radius: 8px;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.34);
}

.hero-product__media {
    display: grid;
    place-items: center;
    height: 180px;
    overflow: hidden;
    border-radius: 4px;
}

.hero-product__media.media-card--landscape {
    height: 132px;
}

.hero-product__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(229, 181, 88, 0.08), rgba(255, 255, 255, 0.02));
}

.hero-product__media.media-card--landscape img {
    object-fit: cover;
}

.hero-product__label {
    padding-top: 10px;
}

.hero-product__label span {
    display: block;
    color: var(--muted);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.hero-product__label strong {
    display: block;
    margin-top: 6px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.05rem;
    color: var(--gold-bright);
}

.hero-product__label .ruo-badge {
    margin-top: 10px;
}

.hero-product--1 {
    right: 96px;
    bottom: 30px;
    width: 176px;
    z-index: 3;
}

.hero-product--2 {
    left: 26px;
    bottom: 22px;
    z-index: 1;
}

.hero-product--3 {
    right: 258px;
    bottom: 46px;
    z-index: 2;
}

.hero-product--4 {
    right: 0;
    bottom: 18px;
    z-index: 1;
}

.home-section {
    padding: 34px 34px 30px;
}

.home-divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.home-divider::before,
.home-divider::after {
    content: '';
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(229, 181, 88, 0.6), transparent);
}

.home-divider span {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(2rem, 3vw, 2.8rem);
    color: var(--gold-bright);
    text-transform: uppercase;
    text-align: center;
}

.showcase-grid,
.trust-grid,
.insight-grid {
    display: grid;
    gap: 20px;
    align-items: start;
}

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

.insight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.showcase-card,
.trust-card,
.insight-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(203, 163, 74, 0.26);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(16, 14, 12, 0.96), rgba(8, 8, 8, 0.98));
}

.showcase-card {
    display: grid;
    align-content: start;
    gap: 14px;
    padding: 14px 14px 16px;
    text-align: left;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.18);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.showcase-card:hover {
    transform: translateY(-2px);
    border-color: rgba(229, 181, 88, 0.34);
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.24);
}

.showcase-card__media {
    position: relative;
    display: grid;
    align-items: center;
    justify-items: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    padding: 0;
    border-radius: 18px;
    border: 0;
    isolation: isolate;
    background:
        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.92), transparent 28%),
        radial-gradient(circle at 82% 80%, rgba(243, 216, 143, 0.34), transparent 26%),
        linear-gradient(145deg, #fffef9 0%, #f8f1df 54%, #efdfb8 100%);
}

.showcase-card__media.media-card--landscape {
    aspect-ratio: 16 / 10;
}

.showcase-card__media::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.24), transparent 34%),
        linear-gradient(315deg, rgba(203, 163, 74, 0.16), transparent 42%),
        radial-gradient(circle at 50% 100%, rgba(203, 163, 74, 0.16), transparent 44%);
    opacity: 0.9;
    z-index: 0;
}

.showcase-card__media::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(193, 151, 61, 0.24);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 34%);
    pointer-events: none;
    z-index: 1;
}

body.storefront-page .home-page .showcase-card__media {
    aspect-ratio: 1 / 1;
}

body.storefront-page .home-page .showcase-card--featured-products {
    height: auto;
    align-self: start;
    gap: 10px;
    padding: 10px 10px 14px;
}

body.storefront-page .home-page .showcase-grid--featured-products {
    align-items: start;
}

body.storefront-page .home-page .showcase-card--featured-products .showcase-card__media {
    height: auto;
    aspect-ratio: 1 / 1;
    max-height: none;
    min-height: 0;
    padding: 0;
}

body.storefront-page .home-page .showcase-card--featured-products .showcase-card__media img {
    padding: 0;
}

body.storefront-page .home-page .showcase-card--featured-products h3 {
    font-size: 1.35rem;
}

body.storefront-page .home-page .showcase-card--featured-products strong {
    font-size: 1.25rem;
}

body.storefront-page .home-page .showcase-card--featured-products .btn {
    padding: 9px 12px;
}

body.storefront-page .shop-page .showcase-card__media {
    aspect-ratio: 1 / 1;
}

.showcase-card__media img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    filter: none;
}

.showcase-card h3,
.trust-card h3,
.insight-card h3 {
    margin: 0;
    font-family: 'Cormorant Garamond', serif;
    text-transform: uppercase;
    font-size: 1.55rem;
    line-height: 1.05;
}

.showcase-card p {
    margin: 0;
    color: #dccaa5;
    line-height: 1.55;
}

.showcase-card strong {
    display: block;
    margin-bottom: 0;
    color: var(--gold-bright);
    font-size: 1.35rem;
}

.showcase-card .ruo-badge {
    margin-inline: 0;
    justify-self: start;
}

.filter-check {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(201, 152, 53, 0.18);
    border-radius: 14px;
    background: rgba(255, 250, 240, 0.72);
    font-weight: 600;
}

.filter-check input {
    width: auto !important;
    min-width: 0;
}

.product-proof-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.product-proof-tags--centered {
    justify-content: center;
}

.product-proof-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(203, 163, 74, 0.24);
    background: rgba(255, 248, 232, 0.72);
    color: #5b4728;
    font-size: 0.84rem;
    line-height: 1.25;
}

.product-proof-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.product-proof-card {
    display: grid;
    gap: 8px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(203, 163, 74, 0.22);
    background: linear-gradient(180deg, #fffdf8 0%, #f8f0df 100%);
    box-shadow: 0 14px 28px rgba(158, 117, 41, 0.08);
}

.product-proof-card span {
    color: #7d6541;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.product-proof-card strong {
    color: #312410;
    font-size: 1rem;
}

.order-timeline {
    display: grid;
    gap: 12px;
}

.order-timeline__step {
    position: relative;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(201, 152, 53, 0.18);
    background: rgba(255, 255, 255, 0.92);
}

.order-timeline__dot {
    width: 12px;
    height: 12px;
    margin-top: 4px;
    border-radius: 999px;
    background: #caa14d;
    box-shadow: 0 0 0 4px rgba(202, 161, 77, 0.14);
}

.order-timeline__step.is-complete {
    border-color: rgba(56, 139, 97, 0.2);
    background: linear-gradient(180deg, rgba(244, 253, 248, 0.96), rgba(233, 247, 239, 0.98));
}

.order-timeline__step.is-complete .order-timeline__dot {
    background: #388b61;
    box-shadow: 0 0 0 4px rgba(56, 139, 97, 0.14);
}

.order-timeline__step.is-current {
    border-color: rgba(73, 116, 177, 0.24);
    background: linear-gradient(180deg, rgba(244, 249, 255, 0.96), rgba(232, 241, 255, 0.98));
}

.order-timeline__step.is-current .order-timeline__dot {
    background: #4974b1;
    box-shadow: 0 0 0 4px rgba(73, 116, 177, 0.14);
}

.order-timeline__step.is-upcoming {
    background: rgba(250, 247, 240, 0.9);
}

.trust-card {
    padding: 24px 20px;
    text-align: center;
}

.trust-card__icon {
    width: 74px;
    height: 74px;
    margin: 0 auto 16px;
    display: grid;
    place-items: center;
    color: var(--gold-bright);
}

.trust-card__icon svg {
    width: 64px;
    height: 64px;
}

.trust-card p,
.insight-card p {
    color: #dbcaa8;
    line-height: 1.7;
}

.home-section__cta {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

.insight-card {
    display: grid;
    grid-template-rows: 220px 1fr;
}

.insight-card__media {
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid rgba(203, 163, 74, 0.22);
}

.insight-card--research .insight-card__media {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.44)),
        url('../../includes/images/Gold-peptide-banner.jpg');
    background-size: cover;
    background-position: center;
}

.insight-card--dosage .insight-card__media {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.48)),
        url('../../includes/images/Gold-peptide.png');
    background-size: cover;
    background-position: center;
}

.insight-card__body {
    padding: 18px;
}

.insight-card .btn {
    margin-top: 10px;
}

.site-footer {
    margin-top: 22px;
    padding: 22px 24px 16px;
    border-radius: 10px;
}

.site-footer__top,
.site-footer__links,
.site-footer__disclaimer,
.site-footer__meta {
    position: relative;
    z-index: 1;
}

.site-footer__top {
    display: grid;
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.brand--footer .brand-logo {
    width: 34px;
    height: 34px;
}

.brand--footer .brand-wordmark {
    width: 136px;
}

.site-footer__column,
.site-footer__brand {
    display: grid;
    align-content: start;
    gap: 8px;
}

.site-footer__brand {
    max-width: 480px;
}

.site-footer__links {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 24px;
    justify-items: end;
}

.site-footer__column h3 {
    margin: 0;
    font-family: 'Cormorant Garamond', serif;
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--gold-bright);
}

.site-footer__column a,
.site-footer__column p,
.site-footer__brand p {
    margin: 0;
    color: #d7c6a1;
}

.site-footer__column {
    justify-items: start;
}

.site-footer__brand p {
    max-width: 34ch;
    font-size: 0.92rem;
    line-height: 1.55;
    color: #e0d1af;
}

.site-footer__link-list {
    display: grid;
    gap: 6px;
}

.site-footer__column a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
    letter-spacing: 0.02em;
    font-size: 0.92rem;
}

.site-footer__contact {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin-top: 2px;
}

.site-footer__contact a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid rgba(243, 216, 143, 0.2);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
    color: #e0cfab;
    font-size: 0.84rem;
}

.site-footer__contact a:hover {
    color: var(--gold-bright);
    border-color: rgba(243, 216, 143, 0.34);
    background: rgba(243, 216, 143, 0.06);
}

.site-footer__column a:hover {
    color: var(--gold-bright);
    border-bottom-color: rgba(243, 216, 143, 0.28);
}

.site-footer__disclaimer {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(243, 216, 143, 0.16);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #dbc9a0;
    font-size: 0.8rem;
    line-height: 1.45;
}

.site-footer__meta {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(243, 216, 143, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    color: #bfae88;
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.shop-shell,
.pagination-shell,
.product-shell {
    padding: 28px 28px 24px;
}

.shop-page .home-section,
.product-page .home-section {
    margin: 0;
}

body.storefront-page:not(.home-page) .home-section + .home-section,
body.storefront-page:not(.home-page) .home-section + .empty-state,
body.storefront-page:not(.home-page) .empty-state + .home-section,
body.storefront-page:not(.home-page) .shop-shell + .home-section,
body.storefront-page:not(.home-page) .home-section + .pagination-shell {
    margin-top: 28px;
}

body.storefront-page.info-page .info-shell + .home-section,
body.storefront-page.info-page .home-section + .home-section {
    margin-top: 28px;
}

.shop-shell__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.shop-filters {
    padding: 18px;
    border: 1px solid rgba(203, 163, 74, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(24, 21, 18, 0.92), rgba(10, 10, 10, 0.94));
}

.catalog-grid--storefront {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0;
}

.showcase-card--storefront {
    display: grid;
    align-content: start;
    gap: 10px;
}

.showcase-card--storefront p {
    color: #d8c7a5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.showcase-card--storefront .tag-row {
    margin-top: 0 !important;
    justify-content: flex-start !important;
    gap: 8px;
}

.showcase-card--storefront .price-line {
    justify-content: flex-start;
    margin-top: 2px;
}

.showcase-card--storefront .list-clean {
    margin: 0;
    padding-left: 18px;
}

.showcase-card--storefront .inline-actions {
    justify-content: flex-start;
    margin-top: auto;
}

.showcase-card--storefront .inline-actions .btn {
    min-width: 0;
}

.product-layout--storefront {
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
}

.product-hero--storefront,
.product-copy--storefront,
.product-purchase-box {
    border: 1px solid rgba(203, 163, 74, 0.24);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(18, 16, 14, 0.95), rgba(9, 9, 9, 0.98));
}

.product-hero__media,
.product-primary-card__media,
.app-product-hero__media {
    display: grid;
    place-items: center;
    overflow: hidden;
}

.product-hero--storefront {
    padding: 20px;
}

.product-copy--storefront {
    padding: 28px;
}

.product-copy--storefront .tag-row {
    margin-bottom: 10px;
}

.product-copy--storefront .tag-row .ruo-badge {
    margin-top: 0;
}

.account-wishlist-card .ruo-badge {
    justify-self: flex-start;
    margin-top: 0;
    margin-bottom: 8px;
}

.product-copy--storefront h1 {
    text-transform: uppercase;
    font-size: clamp(2.6rem, 4vw, 4rem);
}

.product-copy--storefront .price-line strong {
    font-size: 2rem;
}

.product-purchase-box {
    display: grid;
    gap: 16px;
}

.product-copy--storefront .panel {
    border-radius: 8px;
    border-color: rgba(203, 163, 74, 0.2);
    background: linear-gradient(180deg, rgba(21, 18, 15, 0.94), rgba(11, 11, 11, 0.96));
}

.product-copy--storefront .list-clean li {
    border-radius: 8px;
}

@media (max-width: 1180px) {
    .home-hero,
    .showcase-grid,
    .trust-grid,
    .insight-grid {
        grid-template-columns: 1fr 1fr;
    }

    .site-footer__top,
    .site-footer__links {
        grid-template-columns: 1fr 1fr;
    }

    .catalog-grid--storefront,
    .product-layout--storefront,
    .shop-shell__head {
        grid-template-columns: 1fr;
    }

    .shop-shell__head {
        display: grid;
        align-items: start;
    }

    .home-hero__visual {
        min-height: 380px;
    }

    .hero-product--1 {
        right: 30px;
    }

    .hero-product--3 {
        right: 200px;
    }

    .site-header {
        gap: 14px;
    }

    .site-footer__brand {
        max-width: none;
    }

}

@media (max-width: 760px) {
    .site-header,
    .site-footer,
    .home-hero,
    .home-section {
        border-radius: 8px;
    }

    .product-primary-card__media {
        height: 420px;
        margin-bottom: 18px;
        padding: 16px;
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(229, 181, 88, 0.08), rgba(255, 255, 255, 0.02));
    }

    .product-primary-card__media .product-image,
    .app-product-hero__media .product-image {
        height: 100%;
        max-height: none;
        border-radius: 12px;
    }

    .site-header {
        border-radius: 0;
    }

    .home-hero,
    .showcase-grid,
    .trust-grid,
    .insight-grid,
    .site-footer__top,
    .site-footer__links {
        grid-template-columns: 1fr;
    }

    .catalog-grid--storefront,
    .product-layout--storefront {
        grid-template-columns: 1fr;
    }

}


body.storefront-page .section-head,
body.storefront-page .auth-shell,
body.storefront-page .cart-shell,
body.storefront-page .cart-coupon-shell,
body.storefront-page .checkout-layout--storefront > .panel,
body.storefront-page .transfer-layout > .panel,
body.storefront-page .account-hero__main,
body.storefront-page .account-hero__side,
body.storefront-page .account-page .panel,
body.storefront-page .account-page .table-card,
body.storefront-page .wishlist-page .empty-state {
    border: 1px solid rgba(203, 163, 74, 0.28);
    border-radius: 10px;
    background:
        linear-gradient(180deg, rgba(14, 12, 10, 0.96), rgba(8, 8, 8, 0.97)),
        radial-gradient(circle at top, rgba(243, 216, 143, 0.06), transparent 28%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

body.storefront-page .section-head {
    padding: 22px 24px;
    margin: 0 0 22px;
    align-items: center;
}

body.storefront-page .auth-shell {
    max-width: 920px;
    margin: 0 auto;
    padding: 32px;
    border-radius: 10px;
}

body.storefront-page .auth-shell .pill {
    justify-self: start;
}

body.storefront-page .cart-shell,
body.storefront-page .cart-coupon-shell,
body.storefront-page .payment-mode-banner,
body.storefront-page .checkout-layout--storefront > .panel,
body.storefront-page .transfer-layout > .panel {
    border-radius: 10px;
}

body.storefront-page .cart-shell,
body.storefront-page .cart-coupon-shell,
body.storefront-page .checkout-layout--storefront > .panel,
body.storefront-page .transfer-layout > .panel {
    padding: 24px;
}

body.storefront-page .checkout-layout--storefront,
body.storefront-page .transfer-layout,
body.storefront-page .account-hero,
body.storefront-page .account-page .dashboard-grid {
    gap: 22px;
}

body.storefront-page .account-page .dashboard-grid {
    align-items: start;
}

body.storefront-page .account-page .panel,
body.storefront-page .account-page .table-card,
body.storefront-page .account-hero__main,
body.storefront-page .account-hero__side {
    border-radius: 10px;
}

body.storefront-page .account-page .table-card,
body.storefront-page .account-page .panel {
    padding: 22px;
}

body.storefront-page .account-page .metric,
body.storefront-page .account-page .account-mini-list div,
body.storefront-page .account-page .account-guidance__item,
body.storefront-page .account-page .account-order-item,
body.storefront-page .account-page .account-offer,
body.storefront-page .account-page .account-wishlist-card,
body.storefront-page .account-page .summary-grid div,
body.storefront-page .checkout-page .account-mini-list div,
body.storefront-page .transfer-page .account-mini-list div,
body.storefront-page .transfer-page .account-guidance__item,
body.storefront-page .bank-reference-card,
body.storefront-page .bank-details-grid {
    border-radius: 8px;
    border-color: rgba(203, 163, 74, 0.22);
    background: linear-gradient(180deg, rgba(22, 19, 16, 0.95), rgba(10, 10, 10, 0.96));
}

body.storefront-page .table-card thead,
body.storefront-page .account-page .table-card thead,
body.storefront-page .cart-shell thead {
    background: rgba(203, 163, 74, 0.08);
}

body.storefront-page .table-card th,
body.storefront-page .table-card td {
    border-bottom-color: rgba(203, 163, 74, 0.12);
}

body.storefront-page .table-card tbody tr:hover {
    background: rgba(203, 163, 74, 0.06);
}

body.storefront-page .payment-mode-banner {
    border-radius: 8px;
}

body.storefront-page .wishlist-page .catalog-grid--storefront,
body.storefront-page .shop-page .catalog-grid--storefront {
    margin-top: 0;
}

body.storefront-page .wishlist-page .showcase-card--storefront,
body.storefront-page .shop-page .showcase-card--storefront {
    border-radius: 8px;
}

body.storefront-page .checkout-page .payment-choice,
body.storefront-page .checkout-page .payment-pane,
body.storefront-page .transfer-page .panel .panel,
body.storefront-page .account-page .panel .panel {
    border-radius: 8px;
}

body.storefront-page .account-page .ghost-link {
    background: rgba(14, 12, 10, 0.8);
    border-color: rgba(203, 163, 74, 0.22);
}

body.storefront-page .account-page .empty-state,
body.storefront-page .wishlist-page .empty-state {
    border-radius: 10px;
}

body.storefront-page.info-page .info-shell {
    padding: 28px 28px 24px;
}

body.storefront-page.info-page .home-section,
body.storefront-page.track-order-page .home-section {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

body.storefront-page.info-page .panel,
body.storefront-page.track-order-page .panel {
    height: 100%;
}

body.storefront-page.info-page .about-intro-grid {
    display: grid;
    width: 100%;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
}

body.storefront-page.info-page .about-intro-grid > .panel {
    display: grid;
    width: 100%;
    min-width: 0;
    align-content: start;
    gap: 16px;
}

body.storefront-page.info-page .about-intro-grid .section-copy,
body.storefront-page.info-page .about-intro-grid .note,
body.storefront-page.info-page .about-intro-grid .account-guidance {
    max-width: none;
}

body.storefront-page.info-page .about-intro-grid .account-guidance {
    gap: 18px;
    margin-top: 8px;
}

.info-grid-shell {
    align-items: start;
}

.info-grid-shell--equal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.info-grid-shell--content-first {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.info-grid-shell--content-last {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.info-grid-shell--content-last-wide {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

.transfer-layout--content-first {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

body.storefront-page.bundles-page .shop-shell,
body.storefront-page.bundles-page .home-section,
body.storefront-page.bundle-page .product-layout,
body.storefront-page.bundle-page .home-section {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

body.storefront-page.bundles-page .catalog-grid--storefront,
body.storefront-page.bundle-page .catalog-grid--storefront {
    align-items: stretch;
}

/* Content page system refresh */
body.storefront-page.content-page .content-wrap {
    display: grid;
    gap: 34px;
    padding-top: 18px;
    padding-bottom: 32px;
}

body.storefront-page.content-page .home-section {
    width: min(1240px, 100%);
    margin: 0 auto;
    padding: 34px 34px 30px;
}

body.storefront-page.content-page .home-section + .home-section,
body.storefront-page.content-page .content-section + .content-section,
body.storefront-page.content-page .content-section + .home-section,
body.storefront-page.content-page .home-section + .content-section {
    margin-top: 32px !important;
}

body.storefront-page.content-page .content-section {
    display: grid;
    gap: 24px;
}

body.storefront-page.content-page .info-shell {
    padding: 34px 34px 30px;
}

body.storefront-page.content-page .content-grid {
    display: grid;
    gap: 28px;
    align-items: start;
}

body.storefront-page.content-page .content-grid--equal {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.storefront-page.content-page .content-grid--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.storefront-page.content-page .content-card,
body.storefront-page.content-page .trust-card {
    display: grid;
    align-content: start;
    gap: 16px;
    min-width: 0;
    height: 100%;
}

body.storefront-page.content-page .content-card--stack {
    gap: 18px;
}

body.storefront-page.content-page .content-card__subheading {
    margin: 14px 0 0;
}

body.storefront-page.content-page .section-title,
body.storefront-page.content-page .panel h2,
body.storefront-page.content-page .trust-card h3 {
    margin: 0;
}

body.storefront-page.content-page .section-copy,
body.storefront-page.content-page .note,
body.storefront-page.content-page .list-clean,
body.storefront-page.content-page .account-guidance {
    max-width: none;
    margin: 0;
}

body.storefront-page.content-page .account-guidance,
body.storefront-page.content-page .list-clean {
    display: grid;
    gap: 16px;
}

body.storefront-page.content-page .account-guidance__item,
body.storefront-page.content-page .list-clean li {
    border: 1px solid rgba(203, 163, 74, 0.14);
    border-radius: 18px;
    padding: 16px 18px;
    background: linear-gradient(180deg, rgba(19, 17, 14, 0.94), rgba(10, 10, 10, 0.96));
}

body.storefront-page.content-page .list-clean li {
    color: var(--muted);
    line-height: 1.65;
}

body.storefront-page.content-page .trust-card {
    padding: 22px;
}

body.storefront-page.content-page .trust-card .btn {
    justify-self: start;
}

body.storefront-page.content-page .mini-grid,
body.storefront-page.content-page .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.storefront-page.content-page .payment-mode-banner {
    margin-top: 0;
}

body.storefront-page.content-page .about-intro-section,
body.storefront-page.content-page .about-benefits-section {
    margin-left: auto;
    margin-right: auto;
}

body.storefront-page.content-page .about-intro-section + .about-benefits-section,
body.storefront-page.content-page .about-benefits-section + .home-section {
    margin-top: 32px !important;
}

body.storefront-page.content-page .about-intro-grid .account-guidance {
    gap: 14px;
    margin-top: 6px;
}

body.storefront-page.content-page .about-intro-grid,
body.storefront-page.content-page .about-benefits-grid,
body.storefront-page.content-page .about-detail-grid {
    column-gap: 42px;
    row-gap: 42px;
}

body.storefront-page.content-page .about-benefits-grid {
    align-items: stretch;
}

body.storefront-page.content-page .about-intro-grid > *,
body.storefront-page.content-page .about-benefits-grid > *,
body.storefront-page.content-page .about-detail-grid > * {
    margin: 0;
}

body.storefront-page.content-page .about-benefits-grid .trust-card,
body.storefront-page.content-page .about-detail-grid .content-card,
body.storefront-page.content-page .about-intro-grid > .content-card {
    padding: 26px;
}

@media (min-width: 1201px) {
    body.storefront-page.shell-web.content-page .content-wrap {
        gap: 36px;
    }

    body.storefront-page.shell-web.content-page .content-grid--equal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.storefront-page.shell-web.content-page .content-grid--triple {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 761px) and (max-width: 1200px) {
    body.storefront-page.content-page .content-grid--triple {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.storefront-page.content-page .about-intro-grid,
    body.storefront-page.content-page .about-benefits-grid,
    body.storefront-page.content-page .about-detail-grid {
        column-gap: 32px;
        row-gap: 32px;
    }
}

@media (max-width: 760px) {
    body.storefront-page.content-page .content-wrap {
        gap: 16px;
    }

    body.storefront-page.content-page .home-section,
    body.storefront-page.content-page .info-shell {
        padding: 18px 16px 16px;
    }

    body.storefront-page.content-page .content-grid--equal,
    body.storefront-page.content-page .content-grid--triple,
    body.storefront-page.content-page .mini-grid,
    body.storefront-page.content-page .summary-grid {
        grid-template-columns: 1fr;
    }

    body.storefront-page.content-page .content-card,
    body.storefront-page.content-page .trust-card {
        gap: 14px;
    }

    body.storefront-page.content-page .trust-card {
        padding: 18px;
    }

    body.storefront-page.content-page .about-intro-grid,
    body.storefront-page.content-page .about-benefits-grid,
    body.storefront-page.content-page .about-detail-grid {
        column-gap: 24px;
        row-gap: 24px;
    }
}

body.storefront-page.bundles-page .showcase-card--storefront,
body.storefront-page.bundle-page .showcase-card--storefront {
    justify-items: center;
    text-align: center;
    padding: 22px;
}

body.storefront-page.bundles-page .showcase-card--storefront .tag-row,
body.storefront-page.bundle-page .showcase-card--storefront .tag-row,
body.storefront-page.bundles-page .showcase-card--storefront .price-line,
body.storefront-page.bundle-page .showcase-card--storefront .price-line,
body.storefront-page.bundles-page .showcase-card--storefront .inline-actions,
body.storefront-page.bundle-page .showcase-card--storefront .inline-actions {
    justify-content: center !important;
}

body.storefront-page.bundles-page .showcase-card--storefront .list-clean,
body.storefront-page.bundle-page .showcase-card--storefront .list-clean {
    width: 100%;
    text-align: left;
}

body.storefront-page.bundle-page .product-layout {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    align-items: start;
}

body.storefront-page.bundle-page .product-primary-card,
body.storefront-page.bundle-page .product-sidebar-card {
    height: 100%;
}

.faq-list {
    display: grid;
    gap: 14px;
}

.faq-item {
    border-radius: 8px;
}

.faq-item summary {
    cursor: pointer;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item p {
    margin: 14px 0 0;
}

@media (max-width: 760px) {
    .site-footer__meta {
        flex-direction: column;
        gap: 6px;
    }

    .site-footer {
        padding: 18px 16px 14px;
    }

    .site-footer__contact {
        flex-direction: column;
        align-items: flex-start;
    }

    .site-footer__links {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(243, 216, 143, 0.12);
        justify-items: start;
    }

    .site-footer__disclaimer {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    body.storefront-page .auth-shell,
    body.storefront-page .cart-shell,
    body.storefront-page .cart-coupon-shell,
    body.storefront-page .checkout-layout--storefront > .panel,
    body.storefront-page .transfer-layout > .panel,
    body.storefront-page .account-page .panel,
    body.storefront-page .account-page .table-card,
    body.storefront-page .section-head {
        padding: 18px;
    }

    body.storefront-page.info-page .info-shell {
        padding: 18px;
    }
}

@media (max-width: 760px) {
    .announcement-bar {
        margin-bottom: 10px;
        padding: 10px 12px;
        font-size: 0.78rem;
    }

    .site-shell {
        width: min(100% - 12px, 100%);
        margin: 6px auto 18px;
    }

    .site-header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        min-height: 0;
        padding: 10px 12px;
        position: relative;
        top: auto;
        z-index: 1;
        border: 1px solid rgba(203, 163, 74, 0.24);
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(14, 12, 10, 0.96), rgba(8, 8, 8, 0.97));
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
    }

    .mobile-nav-toggle {
        display: inline-flex;
    }

    .site-header .brand {
        width: auto;
        min-width: 0;
        gap: 8px;
        align-items: center;
        flex-direction: row;
    }

    .site-header .brand-logo {
        width: 28px;
        height: 28px;
    }

    .site-header .brand-wordmark {
        width: 92px;
        height: auto;
    }

    .site-header__menu {
        display: none;
        grid-column: 1 / -1;
        margin-top: 6px;
        padding-top: 10px;
        border-top: 1px solid rgba(243, 216, 143, 0.12);
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .site-header.is-menu-open .site-header__menu {
        display: flex;
    }

    .site-nav {
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 8px;
        overflow: visible;
        padding-bottom: 0;
    }

    .site-nav a {
        width: 100%;
        white-space: normal;
        padding: 10px 12px;
        font-size: 0.74rem;
        letter-spacing: 0.08em;
        justify-content: center;
    }

    .header-actions {
        display: grid;
        width: 100%;
        gap: 8px;
    }

    .ghost-link {
        width: 100%;
        justify-content: center;
        padding: 10px 12px;
    }

    .content-wrap {
        padding-top: 14px;
    }
}

@media (max-width: 760px) {
    .home-hero {
        min-height: 0;
        padding: 26px 20px 22px;
    }

    .home-hero__visual {
        min-height: 360px;
    }

    .hero-product {
        width: 132px;
    }

    .hero-product__media {
        height: 150px;
    }

}


/* App-shell overrides */
body.storefront-page {
    min-height: 100dvh;
}

body.storefront-page .site-shell {
    width: min(1520px, calc(100% - 24px));
    margin: 12px auto 0;
    padding-bottom: 24px;
}

body.storefront-page .announcement-bar {
    margin-bottom: 12px;
    border-radius: 18px;
    padding: 10px 16px;
    font-size: 0.82rem;
    justify-content: center;
    text-align: center;
}

body.storefront-page .app-topbar {
    position: relative;
    top: auto;
    z-index: 30;
    min-height: 0;
    padding: 10px 16px;
    border-radius: 22px;
    border: 3px solid rgba(203, 163, 74, 0.24);
    background: linear-gradient(180deg, rgba(10, 10, 10, 0.98), rgba(4, 4, 4, 0.98));
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.storefront-page .app-topbar .brand {
    gap: 0;
}

body.storefront-page .app-topbar .brand-logo {
    width: clamp(420px, 34vw, 620px);
    height: auto;
    max-height: 184px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    object-fit: contain;
}

body.storefront-page .app-topbar .brand-wordmark {
    width: 148px;
    height: auto;
}

.app-topbar__context {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.app-topbar__context strong {
    display: block;
    color: var(--text);
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-topbar__eyebrow {
    color: var(--gold-bright);
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

body.storefront-page .site-header__menu {
    gap: 14px;
}

body.storefront-page .site-nav {
    gap: 8px;
    overflow-x: auto;
    flex-wrap: nowrap;
}

body.storefront-page .site-nav::-webkit-scrollbar {
    display: none;
}

body.storefront-page .site-header .site-nav a,
body.storefront-page .site-header .ghost-link {
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 14px;
    background: rgba(20, 17, 13, 0.86);
    border: 1px solid rgba(203, 163, 74, 0.14);
}

body.storefront-page .site-header .site-nav a.active,
body.storefront-page .site-header .site-nav a:hover,
body.storefront-page .site-header .ghost-link:hover {
    background: rgba(18, 18, 18, 0.98);
    border-color: rgba(243, 216, 143, 0.3);
}

body.storefront-page.shell-web .app-topbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: stretch;
    padding: 22px 26px 6px;
    min-height: 0;
}

body.storefront-page.shell-web .app-topbar .brand-logo {
    width: 380px;
    height: 255px;
    max-height: none;
    object-fit: fill;
}

body.storefront-page.shell-web .app-topbar .brand-wordmark {
    width: 190px;
}

body.storefront-page.shell-web .site-header__menu {
    padding-top: 14px;
    border-top: 0;
}

body.storefront-page.shell-web .site-nav {
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow-x: visible;
}

/* =========================================================
   ADMIN SHELL — sidebar layout
   ========================================================= */

body.admin-shell {
    --admin-sidebar-width: 256px;
    --admin-topbar-height: 62px;
    --admin-sidebar-bg: #0f0d0a;
    --admin-sidebar-border: rgba(184, 135, 45, 0.14);
    --admin-link-color: rgba(255, 255, 255, 0.68);
    --admin-link-hover: rgba(255, 255, 255, 0.94);
    --admin-link-active-bg: rgba(213, 168, 74, 0.12);
    --admin-link-active-color: #e8c97a;
    --admin-link-active-border: rgba(213, 168, 74, 0.36);
    --admin-topbar-bg: #fffdf8;
    --admin-topbar-border: rgba(17, 17, 17, 0.08);
    --bg: #f6f1e6;
    --bg-elevated: #fffdf8;
    --bg-soft: #efe5d3;
    --bg-soft-2: #e7d7bb;
    --panel: rgba(255, 255, 255, 0.9);
    --panel-solid: #fffdf8;
    --section-panel: rgba(255, 255, 255, 0.78);
    --border: rgba(143, 105, 36, 0.16);
    --border-strong: rgba(184, 135, 45, 0.3);
    --line: rgba(17, 17, 17, 0.08);
    --text: #15120d;
    --muted: #665c4d;
    --muted-strong: #2f2921;
    --gold: #b8872d;
    --gold-bright: #d7a94c;
    --gold-deep: #76531b;
    --shadow-xl: 0 34px 84px rgba(33, 23, 10, 0.16);
    --shadow-lg: 0 24px 54px rgba(33, 23, 10, 0.12);
    --shadow-sm: 0 14px 32px rgba(33, 23, 10, 0.08);
    color: var(--text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    background:
        radial-gradient(circle at 0% 0%, rgba(213, 168, 74, 0.10), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(34, 28, 20, 0.05), transparent 24%),
        linear-gradient(180deg, #fffcf6 0%, #f6f1e6 50%, #f1e8d7 100%);
    background-attachment: fixed;
}

body.admin-shell::before {
    background:
        linear-gradient(rgba(17, 17, 17, 0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 17, 17, 0.022) 1px, transparent 1px);
    background-size: 36px 36px;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent 80%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent 80%);
    opacity: 0.28;
}

body.admin-shell::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.38), transparent 14%);
    opacity: 1;
}

/* Root frame */
body.admin-shell .site-frame {
    padding-top: 0;
    position: relative;
    z-index: 1;
}

body.admin-shell .site-chrome {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

/* ── Admin Shell Layout (sidebar + body) ── */
body.admin-shell .admin-shell-layout {
    display: flex;
    min-height: 100vh;
    position: relative;
}

/* ─── SIDEBAR ─── */
body.admin-shell .admin-sidebar {
    width: var(--admin-sidebar-width);
    min-width: var(--admin-sidebar-width);
    background: var(--admin-sidebar-bg);
    border-right: 1px solid var(--admin-sidebar-border);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    flex-shrink: 0;
    transition: width 0.2s ease, min-width 0.2s ease;
    z-index: 100;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.08) transparent;
}

body.admin-shell .admin-sidebar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 14px 16px;
    border-bottom: 1px solid var(--admin-sidebar-border);
    gap: 8px;
    min-height: 70px;
    flex-shrink: 0;
}

body.admin-shell .admin-sidebar__brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

body.admin-shell .admin-sidebar__logo {
    width: 30px;
    height: 30px;
    object-fit: contain;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.5)) brightness(1.05);
}

body.admin-shell .admin-sidebar__brand-name {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: #e8c97a;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.admin-shell .admin-sidebar__brand-name span {
    font-weight: 400;
    opacity: 0.7;
}

body.admin-shell .admin-sidebar__collapse {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.35);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.14s, color 0.14s, border-color 0.14s;
    padding: 0;
}

body.admin-shell .admin-sidebar__collapse:hover {
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.78);
    border-color: rgba(255,255,255,0.18);
}

body.admin-shell .admin-sidebar__collapse svg {
    width: 15px;
    height: 15px;
    transition: transform 0.2s ease;
}

/* Nav */
body.admin-shell .admin-sidebar__nav {
    flex: 1;
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow-y: auto;
    overflow-x: hidden;
}

body.admin-shell .admin-sidebar__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 9px;
    border: 1px solid transparent;
    text-decoration: none;
    color: var(--admin-link-color);
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.005em;
    transition: background 0.14s, color 0.14s, border-color 0.14s;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

body.admin-shell .admin-sidebar__link:hover {
    background: rgba(255,255,255,0.07);
    color: var(--admin-link-hover);
    text-decoration: none;
}

body.admin-shell .admin-sidebar__link.is-active {
    background: var(--admin-link-active-bg);
    color: var(--admin-link-active-color);
    border-color: var(--admin-link-active-border);
}

body.admin-shell .admin-sidebar__link-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
}

body.admin-shell .admin-sidebar__link.is-active .admin-sidebar__link-icon {
    opacity: 1;
}

body.admin-shell .admin-sidebar__link-icon svg {
    width: 17px;
    height: 17px;
}

body.admin-shell .admin-sidebar__link-label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.admin-shell .admin-sidebar__badge {
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 10px;
    background: #b8872d;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
}

body.admin-shell .admin-sidebar__badge--urgent {
    background: #dc2626;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.25);
    animation: badge-urgent-pulse 2.2s ease-in-out infinite;
}

@keyframes badge-urgent-pulse {
    0%, 100% { box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.22); }
    50% { box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.36); }
}

/* Sidebar footer */
body.admin-shell .admin-sidebar__footer {
    padding: 10px 8px 14px;
    border-top: 1px solid var(--admin-sidebar-border);
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex-shrink: 0;
}

body.admin-shell .admin-sidebar__user {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    color: rgba(255,255,255,0.38);
    font-size: 0.78rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
}

body.admin-shell .admin-sidebar__user svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}

body.admin-shell .admin-sidebar__footer-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 9px;
    border: 1px solid transparent;
    text-decoration: none;
    color: rgba(255,255,255,0.52);
    font-size: 0.8rem;
    font-weight: 500;
    transition: background 0.14s, color 0.14s;
    white-space: nowrap;
    overflow: hidden;
}

body.admin-shell .admin-sidebar__footer-link svg {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}

body.admin-shell .admin-sidebar__footer-link:hover {
    background: rgba(255,255,255,0.07);
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}

body.admin-shell .admin-sidebar__footer-link--signout:hover {
    background: rgba(220, 55, 55, 0.12);
    color: #f87171;
}

/* ─── ADMIN BODY (right of sidebar) ─── */
body.admin-shell .admin-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background:
        radial-gradient(circle at 0% 0%, rgba(213, 168, 74, 0.07), transparent 30%),
        linear-gradient(180deg, #fffcf6 0%, #f6f1e6 50%, #f0e8d6 100%);
}

/* ─── ADMIN TOPBAR ─── */
body.admin-shell .admin-topbar {
    position: sticky;
    top: 0;
    z-index: 80;
    height: var(--admin-topbar-height);
    background: rgba(255, 253, 248, 0.96);
    border-bottom: 1px solid rgba(17, 17, 17, 0.07);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    gap: 16px;
    box-shadow: 0 1px 8px rgba(17, 17, 17, 0.05);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    flex-shrink: 0;
}

body.admin-shell .admin-topbar__left {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    flex: 1;
}

body.admin-shell .admin-topbar__menu-btn {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid rgba(17, 17, 17, 0.09);
    background: rgba(255, 255, 255, 0.7);
    color: #15120d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.14s, border-color 0.14s;
    padding: 0;
}

body.admin-shell .admin-topbar__menu-btn:hover {
    background: #fffdf8;
    border-color: rgba(184, 135, 45, 0.28);
}

body.admin-shell .admin-topbar__menu-btn svg {
    width: 17px;
    height: 17px;
}

body.admin-shell .admin-topbar__title {
    font-family: 'Bodoni Moda', serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #12100c;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.admin-shell .admin-topbar__right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

/* ─── NOTIFICATIONS ─── */
body.admin-shell .admin-notifs {
    display: flex;
    align-items: center;
    gap: 6px;
}

body.admin-shell .admin-notif {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px 5px 8px;
    border-radius: 999px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    background: #fff;
    text-decoration: none;
    color: #15120d;
    font-size: 0.76rem;
    font-weight: 600;
    transition: box-shadow 0.14s, border-color 0.14s, background 0.14s;
    box-shadow: 0 1px 4px rgba(17,17,17,0.07);
    white-space: nowrap;
}

body.admin-shell .admin-notif:hover {
    box-shadow: 0 3px 10px rgba(17,17,17,0.1);
    text-decoration: none;
}

body.admin-shell .admin-notif svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

body.admin-shell .admin-notif__count {
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
}

body.admin-shell .admin-notif__label {
    font-size: 0.7rem;
    font-weight: 500;
    opacity: 0.78;
}

body.admin-shell .admin-notif--ship {
    border-color: rgba(184, 135, 45, 0.28);
    background: linear-gradient(135deg, #fff9ef, #fffdf8);
    color: #7a5a18;
}

body.admin-shell .admin-notif--ship:hover {
    border-color: rgba(184, 135, 45, 0.52);
    background: linear-gradient(135deg, #fff3d8, #fff9ef);
}

body.admin-shell .admin-notif--orders {
    border-color: rgba(42, 116, 238, 0.22);
    background: linear-gradient(135deg, #f0f5ff, #f8faff);
    color: #1a3a8f;
}

body.admin-shell .admin-notif--orders:hover {
    border-color: rgba(42, 116, 238, 0.40);
}

body.admin-shell .admin-notif--payment {
    border-color: rgba(220, 38, 38, 0.40);
    background: linear-gradient(135deg, #fef2f2, #fff5f5);
    color: #991b1b;
    font-weight: 700;
}

body.admin-shell .admin-notif--payment:hover {
    border-color: rgba(220, 38, 38, 0.65);
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
}

body.admin-shell .admin-notif--urgent {
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18), 0 2px 8px rgba(220, 38, 38, 0.15);
    animation: notif-urgent-pulse 2.2s ease-in-out infinite;
}

@keyframes notif-urgent-pulse {
    0%, 100% { box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.18), 0 2px 8px rgba(220, 38, 38, 0.12); }
    50% { box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.28), 0 4px 16px rgba(220, 38, 38, 0.22); }
}

body.admin-shell .admin-notif--tickets {
    border-color: rgba(234, 88, 12, 0.22);
    background: linear-gradient(135deg, #fff7ed, #fffbf5);
    color: #9a3412;
}

body.admin-shell .admin-notif--tickets:hover {
    border-color: rgba(234, 88, 12, 0.40);
}

body.admin-shell .admin-notif--reviews {
    border-color: rgba(124, 58, 237, 0.18);
    background: linear-gradient(135deg, #faf5ff, #fdfaff);
    color: #5b21b6;
}

body.admin-shell .admin-notif--reviews:hover {
    border-color: rgba(124, 58, 237, 0.32);
}

body.admin-shell .admin-notif--stock {
    border-color: rgba(185, 105, 0, 0.28);
    background: linear-gradient(135deg, #fffbeb, #fffdf5);
    color: #92400e;
}

body.admin-shell .admin-notif--stock:hover {
    border-color: rgba(185, 105, 0, 0.50);
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
}

/* View store button */
body.admin-shell .admin-topbar__store-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    background: rgba(255, 255, 255, 0.7);
    color: #15120d;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.14s, border-color 0.14s;
    white-space: nowrap;
}

body.admin-shell .admin-topbar__store-link svg {
    width: 14px;
    height: 14px;
}

body.admin-shell .admin-topbar__store-link:hover {
    background: #fffdf8;
    border-color: rgba(184, 135, 45, 0.28);
    text-decoration: none;
}

/* ─── ADMIN CONTENT ─── */
body.admin-shell .admin-content.content-wrap {
    flex: 1;
    padding: 26px 28px 48px;
    min-width: 0;
}

/* Flash in admin */
body.admin-shell .flash {
    margin: 0 28px 18px;
    border-radius: 10px;
    padding: 11px 16px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 1px 6px rgba(17, 17, 17, 0.07);
    font-size: 0.875rem;
    font-weight: 500;
    color: #15120d;
    display: block;
}

body.admin-shell .flash::before {
    display: none;
}

body.admin-shell .flash-success {
    border-color: rgba(22, 163, 74, 0.28);
    background: #f0fdf4;
    color: #14532d;
}

body.admin-shell .flash-error {
    border-color: rgba(220, 38, 38, 0.28);
    background: #fef2f2;
    color: #991b1b;
}

/* ─── COMPONENT OVERRIDES ─── */
body.admin-shell h1,
body.admin-shell h2,
body.admin-shell h3,
body.admin-shell h4,
body.admin-shell .section-title {
    font-family: 'Bodoni Moda', serif;
    letter-spacing: -0.03em;
    color: #12100c;
}

body.admin-shell .home-section,
body.admin-shell .card,
body.admin-shell .metric,
body.admin-shell .table-card,
body.admin-shell .auth-shell,
body.admin-shell .panel,
body.admin-shell .dashboard-grid > *,
body.admin-shell .empty-state {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 252, 246, 0.97)),
        radial-gradient(circle at top right, rgba(213, 168, 74, 0.07), transparent 28%);
    border: 1px solid rgba(17, 17, 17, 0.07);
    box-shadow: 0 2px 10px rgba(33, 23, 10, 0.07);
    color: var(--text);
}

body.admin-shell .panel,
body.admin-shell .table-card,
body.admin-shell .metric,
body.admin-shell .auth-shell,
body.admin-shell .empty-state {
    border-radius: 14px;
}

body.admin-shell .btn {
    border-radius: 999px;
    padding: 10px 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-size: 0.825rem;
}

body.admin-shell .btn-primary {
    background: linear-gradient(180deg, #111111, #050505);
    color: #fbf7ee;
    border-color: rgba(213, 168, 74, 0.36);
    box-shadow: inset 0 0 0 1px rgba(213, 168, 74, 0.14), 0 4px 12px rgba(16, 11, 4, 0.18);
}

body.admin-shell input,
body.admin-shell select,
body.admin-shell textarea {
    border-radius: 10px;
    border: 1px solid rgba(17, 17, 17, 0.12);
    background: rgba(255, 255, 255, 0.96);
    color: #121212;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body.admin-shell .ghost-link,
body.admin-shell .pill,
body.admin-shell .status-pill {
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    padding: 7px 14px;
    background: rgba(255, 255, 255, 0.82);
    color: #151515;
}

body.admin-shell .ghost-link:hover {
    border-color: rgba(184, 135, 45, 0.34);
    background: linear-gradient(180deg, rgba(255, 248, 235, 0.98), rgba(248, 240, 225, 0.94));
    color: #111;
}

body.admin-shell .ghost-link--utility,
body.admin-shell .btn-secondary {
    background: rgba(255, 255, 255, 0.95);
    color: #131313;
    border: 1px solid rgba(17, 17, 17, 0.1);
}

body.admin-shell .muted,
body.admin-shell .note,
body.admin-shell p {
    color: var(--muted);
}

body.admin-shell .site-footer {
    display: none;
}

body.admin-shell .announcement-bar,
body.admin-shell .flash:not(.flash-success):not(.flash-error) {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(17, 17, 17, 0.08);
}

body.admin-shell .flash:not(.flash-success):not(.flash-error) {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(17, 17, 17, 0.08);
}

/* ─── LOW-STOCK ALERT BANNER ─── */
body.admin-page .admin-low-stock-alert {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 10px 18px;
    background: rgba(185, 105, 0, 0.10);
    border-bottom: 1px solid rgba(185, 105, 0, 0.22);
    font-size: 0.84rem;
    color: var(--text);
}

body.admin-page .admin-low-stock-alert svg {
    width: 15px;
    height: 15px;
    stroke: #c47a00;
    flex-shrink: 0;
}

body.admin-page .admin-low-stock-alert strong {
    color: #c47a00;
}

body.admin-page .admin-low-stock-alert a {
    color: var(--muted-strong);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.admin-page .admin-low-stock-alert a:hover {
    color: var(--text);
}

/* ─── BULK ACTIONS BAR ─── */
body.admin-page .admin-bulk-actions {
    display: none;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    background: rgba(56, 97, 200, 0.07);
    border-bottom: 1px solid rgba(56, 97, 200, 0.15);
    font-size: 0.84rem;
}

body.admin-page .admin-bulk-actions.is-visible {
    display: flex;
}

body.admin-page .admin-bulk-actions__count {
    color: var(--muted);
    min-width: 80px;
}

/* ─── LOW-STOCK TABLE ROW ─── */
body.admin-page .admin-product-row--low-stock {
    background: rgba(185, 105, 0, 0.05);
}

body.admin-page .admin-product-row--out-of-stock {
    background: rgba(180, 30, 30, 0.06);
}

/* ─── INLINE STOCK FORM ─── */
body.admin-page .admin-inline-stock-form {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
}

body.admin-page .admin-inline-stock-form__qty {
    width: 62px;
    padding: 4px 6px;
    font-size: 0.84rem;
    text-align: center;
}

body.admin-page .admin-inline-stock-form__btn {
    padding: 4px 8px;
    font-size: 0.84rem;
    min-width: 28px;
}

/* ─── COLLAPSED SIDEBAR ─── */
body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar {
    width: 66px;
    min-width: 66px;
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__link-label,
body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__brand-name,
body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__badge,
body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__user span,
body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__footer-link .admin-sidebar__link-label {
    display: none;
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__header {
    justify-content: center;
    padding: 16px 10px;
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__brand {
    display: none;
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__collapse {
    width: 30px;
    height: 30px;
    margin: auto;
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__collapse svg {
    transform: rotate(180deg);
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__link {
    justify-content: center;
    padding: 10px;
    gap: 0;
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__user {
    justify-content: center;
    padding: 10px;
    gap: 0;
}

body.admin-shell .admin-shell-layout.is-collapsed .admin-sidebar__footer-link {
    justify-content: center;
    padding: 10px;
    gap: 0;
}

/* ─── MOBILE (sidebar as overlay) ─── */
@media (max-width: 900px) {
    body.admin-shell .admin-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100dvh;
        transform: translateX(-110%);
        transition: transform 0.22s ease;
        box-shadow: 4px 0 28px rgba(0,0,0,0.44);
        z-index: 200;
        width: min(82vw, 300px);
        min-width: min(82vw, 300px);
    }

    body.admin-shell .admin-shell-layout.sidebar-open .admin-sidebar {
        transform: translateX(0);
    }

    body.admin-shell .admin-sidebar-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.46);
        z-index: 190;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    body.admin-shell .admin-shell-layout.sidebar-open .admin-sidebar-overlay {
        display: block;
    }

    body.admin-shell .admin-body {
        width: 100%;
    }

    body.admin-shell .admin-topbar {
        padding: 0 14px;
    }

    body.admin-shell .admin-content.content-wrap {
        padding: 18px 14px 36px;
    }

    body.admin-shell .admin-notif__label {
        display: none;
    }

    body.admin-shell .admin-notif {
        padding: 5px 8px;
        gap: 4px;
    }
}


body:not(.admin-shell) {
    --bg: #fcfaf5;
    --bg-elevated: #ffffff;
    --bg-soft: #f5f0e6;
    --bg-soft-2: #efe7d8;
    --panel: rgba(255, 255, 255, 0.88);
    --panel-solid: #ffffff;
    --section-panel: rgba(255, 255, 255, 0.72);
    --border: rgba(183, 140, 44, 0.18);
    --border-strong: rgba(183, 140, 44, 0.42);
    --line: rgba(16, 14, 10, 0.08);
    --text: #111111;
    --muted: #645b4c;
    --muted-strong: #2f2b26;
    --gold: #b8872d;
    --gold-bright: #d5a84a;
    --gold-deep: #71501a;
    --shadow-xl: 0 38px 90px rgba(16, 11, 4, 0.12);
    --shadow-lg: 0 26px 56px rgba(16, 11, 4, 0.1);
    --shadow-sm: 0 14px 30px rgba(16, 11, 4, 0.08);
    color: var(--text);
    font-family: 'Plus Jakarta Sans', sans-serif;
    background:
        radial-gradient(circle at 0% 0%, rgba(213, 168, 74, 0.12), transparent 28%),
        radial-gradient(circle at 100% 10%, rgba(24, 20, 12, 0.05), transparent 20%),
        linear-gradient(180deg, #fffdf8 0%, #fcfaf5 36%, #f7f1e6 100%);
    background-attachment: fixed;
}

body:not(.admin-shell)::before {
    background:
        linear-gradient(rgba(17, 17, 17, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 17, 17, 0.028) 1px, transparent 1px);
    background-size: 34px 34px;
    -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 92%);
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 92%);
    opacity: 0.45;
}

body:not(.admin-shell)::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.45), transparent 16%, transparent 84%, rgba(184, 135, 45, 0.06));
    opacity: 1;
}

body:not(.admin-shell) h1,
body:not(.admin-shell) h2,
body:not(.admin-shell) h3,
body:not(.admin-shell) h4,
body:not(.admin-shell) .section-title,
body:not(.admin-shell) .hero h1,
body:not(.admin-shell) .product-copy h1 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -0.02em;
    color: #101010;
}

body:not(.admin-shell) a {
    color: inherit;
}

body:not(.admin-shell) .site-chrome {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

body:not(.admin-shell) .site-chrome__halo {
    position: absolute;
    width: 38rem;
    height: 38rem;
    border-radius: 50%;
    filter: blur(18px);
    opacity: 0.45;
}

body:not(.admin-shell) .site-chrome__halo--left {
    top: -14rem;
    left: -12rem;
    background: radial-gradient(circle, rgba(213, 168, 74, 0.26), rgba(213, 168, 74, 0.06) 42%, transparent 72%);
}

body:not(.admin-shell) .site-chrome__halo--right {
    top: 8rem;
    right: -14rem;
    background: radial-gradient(circle, rgba(17, 17, 17, 0.08), rgba(17, 17, 17, 0.02) 42%, transparent 72%);
}

body:not(.admin-shell) .site-chrome__grid {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(184, 135, 45, 0.08) 50%, transparent 100%);
    opacity: 0.35;
}

body:not(.admin-shell) .site-shell {
    width: min(1500px, calc(100% - 40px));
    margin: 18px auto 34px;
    position: relative;
    z-index: 1;
}

body:not(.admin-shell) .announcement-bar,
body:not(.admin-shell) .flash {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px 20px;
    border-radius: 24px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: var(--shadow-sm);
    color: #17130d;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

body:not(.admin-shell) .announcement-bar::before,
body:not(.admin-shell) .flash::before {
    display: none;
}

body:not(.admin-shell) .announcement-bar__eyebrow,
body:not(.admin-shell) .site-header__eyebrow,
body:not(.admin-shell) .site-footer__eyebrow,
body:not(.admin-shell) .home-kicker,
body:not(.admin-shell) .home-divider span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold-deep);
}

body:not(.admin-shell) .announcement-bar__text {
    font-size: 0.95rem;
    font-weight: 600;
    text-align: left;
}

body:not(.admin-shell) .announcement-bar__meta {
    display: inline-flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: var(--muted);
    font-size: 0.84rem;
}

body:not(.admin-shell) .site-header {
    position: sticky;
    top: 14px;
    z-index: 50;
    padding: 0;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: var(--shadow-sm);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

body:not(.admin-shell) .site-header.is-scrolled {
    box-shadow: 0 26px 54px rgba(16, 11, 4, 0.14);
}

body:not(.admin-shell) .site-header__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 14px 18px;
}

body:not(.admin-shell) .site-header__brand-block {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body:not(.admin-shell) .brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

body:not(.admin-shell) .brand-copy {
    display: grid;
    gap: 4px;
}

body:not(.admin-shell) .brand-logo {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    padding: 8px;
    background: linear-gradient(180deg, #1a1a1a, #050505);
    box-shadow: inset 0 0 0 1px rgba(213, 168, 74, 0.34);
}

body:not(.admin-shell) .brand-wordmark {
    width: 176px;
    height: auto;
}

body:not(.admin-shell) .brand-tagline,
body:not(.admin-shell) .site-header__editorial,
body:not(.admin-shell) .site-footer__brand p,
body:not(.admin-shell) .section-copy,
body:not(.admin-shell) .hero p,
body:not(.admin-shell) .product-copy p,
body:not(.admin-shell) p {
    color: var(--muted);
}

body:not(.admin-shell) .brand-tagline {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body:not(.admin-shell) .site-header__editorial {
    display: none;
}

body:not(.admin-shell) .site-header__menu {
    display: flex;
    align-items: center;
    gap: 14px;
}

body:not(.admin-shell) .site-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body:not(.admin-shell) .site-nav a,
body:not(.admin-shell) .ghost-link,
body:not(.admin-shell) .pill,
body:not(.admin-shell) .status-pill {
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 999px;
    padding: 11px 16px;
    background: rgba(255, 255, 255, 0.82);
    color: #151515;
    box-shadow: none;
}

body.storefront-page.shell-web .site-header__meta {
    display: none;
}

body.storefront-page.shell-web .site-header__tools {
    min-width: min(100%, 560px);
}

body.storefront-page.shell-web .site-header__actions {
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: center;
    gap: 10px;
}

body.storefront-page.shell-web .site-header-search {
    margin: 0;
}

body.storefront-page.shell-web .site-header-search__field {
    min-height: 44px;
    border-color: rgba(203, 163, 74, 0.22);
    background: rgba(255, 255, 255, 0.05);
}

body.storefront-page.shell-web .site-header-search__field input {
    color: #f3ead3;
}

body.storefront-page.shell-web .site-header-search__field input::placeholder {
    color: rgba(232, 220, 194, 0.54);
}

body.storefront-page.shell-web .site-header-search__field button {
    min-width: 94px;
}

body.storefront-page.shell-web .site-header-cart {
    min-height: 44px;
    padding: 10px 14px;
    border-color: rgba(203, 163, 74, 0.22);
    background: rgba(255, 255, 255, 0.05);
    color: #f3ead3;
}

body.storefront-page.shell-web .site-header-cart__count,
body.storefront-page.shell-web .site-header-cart__label {
    color: rgba(232, 220, 194, 0.76);
}

body:not(.admin-shell) .site-nav a {
    font-size: 0.79rem;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

body:not(.admin-shell) .site-nav a:hover,
body:not(.admin-shell) .site-nav a.active,
body:not(.admin-shell) .ghost-link:hover,
body:not(.admin-shell) .pill:hover {
    border-color: rgba(184, 135, 45, 0.34);
    background: linear-gradient(180deg, rgba(255, 248, 235, 0.98), rgba(248, 240, 225, 0.94));
    color: #111111;
    transform: translateY(-1px);
}

body:not(.admin-shell) .ghost-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

body:not(.admin-shell) .ghost-link--highlight,
body:not(.admin-shell) .btn-primary {
    background: linear-gradient(180deg, #111111, #050505);
    color: #fbf7ee;
    border-color: rgba(213, 168, 74, 0.36);
    box-shadow: inset 0 0 0 1px rgba(213, 168, 74, 0.16), 0 18px 30px rgba(16, 11, 4, 0.18);
}

body:not(.admin-shell) .ghost-link--highlight span {
    display: inline-grid;
    place-items: center;
    min-width: 26px;
    min-height: 26px;
    padding: 0 7px;
    border-radius: 999px;
    background: linear-gradient(180deg, #d7a94c, #b8872d);
    color: #18120b;
    font-size: 0.78rem;
}

body:not(.admin-shell) .content-wrap {
    padding: 30px 0 18px;
}

body:not(.admin-shell) .home-section,
body:not(.admin-shell) .hero,
body:not(.admin-shell) .highlight-banner,
body:not(.admin-shell) .split-callout,
body:not(.admin-shell) .site-footer,
body:not(.admin-shell) .card,
body:not(.admin-shell) .metric,
body:not(.admin-shell) .table-card,
body:not(.admin-shell) .auth-shell,
body:not(.admin-shell) .panel,
body:not(.admin-shell) .product-hero,
body:not(.admin-shell) .dashboard-grid > *,
body:not(.admin-shell) .empty-state {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 252, 246, 0.96)),
        radial-gradient(circle at top right, rgba(213, 168, 74, 0.08), transparent 28%);
    border: 1px solid rgba(17, 17, 17, 0.08);
    box-shadow: var(--shadow-lg);
    color: var(--text);
}

body:not(.admin-shell) .home-section,
body:not(.admin-shell) .panel,
body:not(.admin-shell) .table-card,
body:not(.admin-shell) .card,
body:not(.admin-shell) .metric,
body:not(.admin-shell) .auth-shell,
body:not(.admin-shell) .empty-state {
    border-radius: 30px;
}

body:not(.admin-shell) .btn {
    border-radius: 999px;
    padding: 14px 22px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body:not(.admin-shell) .btn:hover {
    transform: translateY(-2px);
}

body:not(.admin-shell) .btn-secondary {
    background: rgba(255, 255, 255, 0.95);
    color: #131313;
    border: 1px solid rgba(17, 17, 17, 0.1);
}

body:not(.admin-shell) input,
body:not(.admin-shell) select,
body:not(.admin-shell) textarea {
    border-radius: 18px;
    border: 1px solid rgba(17, 17, 17, 0.12);
    background: rgba(255, 255, 255, 0.96);
    color: #121212;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

body:not(.admin-shell) input::placeholder,
body:not(.admin-shell) textarea::placeholder {
    color: #8e8477;
}

body:not(.admin-shell) .home-hero--editorial {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
    gap: 30px;
    min-height: 0;
    padding: 42px;
    border-radius: 38px;
}

body:not(.admin-shell) .home-hero__copy {
    display: grid;
    align-content: start;
    gap: 18px;
}

body:not(.admin-shell) .home-hero--editorial h1 {
    margin: 0;
    font-size: clamp(3.4rem, 5.4vw, 6.2rem);
    line-height: 0.92;
    max-width: 10ch;
}

body:not(.admin-shell) .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 6px;
}

body:not(.admin-shell) .home-hero__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 10px;
}

body:not(.admin-shell) .home-stat-card {
    display: grid;
    gap: 8px;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(249, 242, 230, 0.9));
}

body:not(.admin-shell) .home-stat-card strong {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: #111111;
}

body:not(.admin-shell) .home-stat-card span {
    color: var(--muted);
    line-height: 1.5;
}

body:not(.admin-shell) .home-hero__visual {
    position: relative;
    min-height: 100%;
    transform: translate3d(var(--parallax-x, 0), var(--parallax-y, 0), 0);
}

body:not(.admin-shell) .home-hero__frame {
    position: relative;
    display: grid;
    gap: 20px;
    height: 100%;
    padding: 26px;
    border-radius: 34px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background:
        linear-gradient(180deg, rgba(12, 12, 12, 0.96), rgba(23, 23, 23, 0.98)),
        radial-gradient(circle at top left, rgba(213, 168, 74, 0.14), transparent 34%);
    box-shadow: 0 30px 70px rgba(16, 11, 4, 0.22);
    color: #f9f2e2;
}

body:not(.admin-shell) .home-hero__frame-top,
body:not(.admin-shell) .home-hero__frame-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

body:not(.admin-shell) .home-hero__frame-label {
    color: #f3dba4;
    font-size: 0.75rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 700;
}

body:not(.admin-shell) .home-hero__frame .pill,
body:not(.admin-shell) .home-hero__frame .status-pill,
body:not(.admin-shell) .ruo-badge {
    background: linear-gradient(180deg, #d8aa50, #b8872d);
    color: #16110b;
    border-color: rgba(213, 168, 74, 0.3);
    box-shadow: none;
}

body:not(.admin-shell) .home-hero__narratives {
    display: grid;
    gap: 10px;
}

body:not(.admin-shell) .home-hero__narratives p,
body:not(.admin-shell) .home-hero__frame-note p {
    margin: 0;
    color: rgba(249, 242, 226, 0.72);
    line-height: 1.6;
}

body:not(.admin-shell) .home-hero__product-stack {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body:not(.admin-shell) .home-hero__product-stack .hero-product,
body:not(.admin-shell) .hero-product--editorial {
    position: relative;
    inset: auto;
    width: auto;
    padding: 12px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(213, 168, 74, 0.16);
    box-shadow: none;
}

body:not(.admin-shell) .home-hero__product-stack .hero-product__media {
    height: 172px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.06);
}

body:not(.admin-shell) .home-hero__product-stack .hero-product__label span {
    color: rgba(249, 242, 226, 0.72);
    font-size: 0.72rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

body:not(.admin-shell) .home-hero__product-stack .hero-product__label strong,
body:not(.admin-shell) .home-hero__frame-note strong {
    color: #fff9eb;
}

body:not(.admin-shell) .home-intro-band,
body:not(.admin-shell) .home-section__heading--split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
    gap: 20px;
    align-items: end;
}

body:not(.admin-shell) .home-divider {
    display: inline-flex;
    margin-bottom: 12px;
}

body:not(.admin-shell) .home-section__heading .section-title,
body:not(.admin-shell) .home-intro-band .section-title,
body:not(.admin-shell) .shop-shell__head .section-title,
body:not(.admin-shell) .section-title {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3.4rem);
    line-height: 1.02;
}

body:not(.admin-shell) .showcase-grid,
body:not(.admin-shell) .trust-grid,
body:not(.admin-shell) .insight-grid,
body:not(.admin-shell) .catalog-grid,
body:not(.admin-shell) .dashboard-grid,
body:not(.admin-shell) .app-action-grid,
body:not(.admin-shell) .app-product-strip,
body:not(.admin-shell) .app-lane-grid,
body:not(.admin-shell) .app-guide-list,
body:not(.admin-shell) .app-catalog-grid {
    gap: 20px;
}

body:not(.admin-shell) .showcase-card,
body:not(.admin-shell) .trust-card,
body:not(.admin-shell) .insight-card,
body:not(.admin-shell) .catalog-card,
body:not(.admin-shell) .app-product-card,
body:not(.admin-shell) .app-guide-card,
body:not(.admin-shell) .app-lane-card,
body:not(.admin-shell) .app-catalog-card,
body:not(.admin-shell) .app-spotlight-card,
body:not(.admin-shell) .app-product-fact-card,
body:not(.admin-shell) .app-product-benefit-card,
body:not(.admin-shell) .app-action-card {
    border-radius: 26px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 240, 225, 0.94));
    box-shadow: var(--shadow-sm);
}

body:not(.admin-shell) .showcase-card,
body:not(.admin-shell) .trust-card,
body:not(.admin-shell) .app-product-card,
body:not(.admin-shell) .app-guide-card,
body:not(.admin-shell) .app-lane-card,
body:not(.admin-shell) .app-catalog-card,
body:not(.admin-shell) .app-spotlight-card,
body:not(.admin-shell) .app-action-card {
    padding: 20px;
}

body:not(.admin-shell) .showcase-card__media,
body:not(.admin-shell) .catalog-card__media,
body:not(.admin-shell) .app-product-card__media,
body:not(.admin-shell) .app-catalog-card__media {
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.04), rgba(213, 168, 74, 0.08));
}

body:not(.admin-shell) .showcase-card h3,
body:not(.admin-shell) .trust-card h3,
body:not(.admin-shell) .insight-card h3,
body:not(.admin-shell) .app-product-card h3,
body:not(.admin-shell) .app-catalog-card h3 {
    font-size: 1.5rem;
    margin-bottom: 8px;
}

body:not(.admin-shell) .trust-card {
    background:
        linear-gradient(180deg, rgba(16, 16, 16, 0.95), rgba(28, 28, 28, 0.98)),
        radial-gradient(circle at top right, rgba(213, 168, 74, 0.14), transparent 30%);
    color: #f8f1e3;
    border-color: rgba(213, 168, 74, 0.18);
}

body:not(.admin-shell) .trust-card h3,
body:not(.admin-shell) .trust-card p,
body:not(.admin-shell) .trust-card .btn-secondary,
body:not(.admin-shell) .trust-card svg {
    color: inherit;
}

body:not(.admin-shell) .trust-card .btn-secondary {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(213, 168, 74, 0.2);
}

body:not(.admin-shell) .insight-card {
    overflow: hidden;
    padding: 0;
}

body:not(.admin-shell) .insight-card__media {
    min-height: 170px;
    background:
        radial-gradient(circle at top left, rgba(213, 168, 74, 0.38), transparent 30%),
        linear-gradient(135deg, #171717 0%, #2f2416 48%, #f4e6ca 100%);
}

body:not(.admin-shell) .insight-card__body {
    padding: 22px;
}

body:not(.admin-shell) .filters,
body:not(.admin-shell) .shop-filters,
body:not(.admin-shell) .checkout-form,
body:not(.admin-shell) .form-grid {
    gap: 16px;
}

body:not(.admin-shell) .site-footer {
    margin-top: 26px;
    padding: 28px;
    border-radius: 34px;
}

body:not(.admin-shell) .site-footer__top {
    grid-template-columns: minmax(240px, 360px) minmax(300px, 420px) minmax(0, 1fr);
    gap: 24px;
}

body:not(.admin-shell) .site-footer__feature-card {
    padding: 22px;
    border-radius: 26px;
    background: linear-gradient(180deg, #111111, #1d1d1d);
    color: #f8f0e1;
    border: 1px solid rgba(213, 168, 74, 0.18);
}

body:not(.admin-shell) .site-footer__feature-card h3 {
    margin: 8px 0 10px;
    color: #fff7e8;
}

body:not(.admin-shell) .site-footer__feature-card p {
    color: rgba(248, 240, 225, 0.74);
}

body:not(.admin-shell) .site-footer__links {
    justify-items: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body:not(.admin-shell) .site-footer__column a,
body:not(.admin-shell) .site-footer__brand p,
body:not(.admin-shell) .site-footer__column p {
    color: var(--muted);
}

body:not(.admin-shell) .site-footer__contact a {
    background: rgba(255, 255, 255, 0.94);
    color: #171717;
    border-color: rgba(17, 17, 17, 0.08);
}

body:not(.admin-shell) .site-footer__disclaimer {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    color: var(--muted);
}

body:not(.admin-shell) .site-footer__meta {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
    color: var(--muted);
}

body:not(.admin-shell) [data-reveal] {
    opacity: 1;
    transform: translateY(0);
}

body:not(.admin-shell) [data-reveal].reveal-pending {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 700ms ease, transform 700ms ease;
    transition-delay: var(--reveal-delay, 0ms);
}

body:not(.admin-shell) [data-reveal="slide-down"].reveal-pending {
    transform: translateY(-18px);
}

body:not(.admin-shell) [data-reveal].reveal-pending.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1180px) {
    body:not(.admin-shell) .site-header__inner,
    body:not(.admin-shell) .home-hero--editorial,
    body:not(.admin-shell) .home-intro-band,
    body:not(.admin-shell) .home-section__heading--split,
    body:not(.admin-shell) .site-footer__top {
        grid-template-columns: 1fr;
    }

    body:not(.admin-shell) .site-header__brand-block {
        align-items: flex-start;
        flex-direction: column;
    }

    body:not(.admin-shell) .site-header__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    body:not(.admin-shell) .site-header-search {
        grid-column: 1 / -1;
        order: 3;
        width: 100%;
    }

    body:not(.admin-shell) .home-hero__stats,
    body:not(.admin-shell) .home-hero__product-stack {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    body:not(.admin-shell) .site-shell {
        width: min(100%, calc(100% - 20px));
        margin-top: 10px;
    }

    body:not(.admin-shell) .announcement-bar,
    body:not(.admin-shell) .flash {
        grid-template-columns: 1fr;
        text-align: left;
    }

    body:not(.admin-shell) .announcement-bar__meta {
        justify-content: flex-start;
    }

    body:not(.admin-shell) .site-header {
        top: 8px;
    }

    body:not(.admin-shell) .site-header__inner {
        padding: 14px;
    }

    body:not(.admin-shell) .site-header-search,
    body:not(.admin-shell) .site-header-cart {
        display: none;
    }

    body:not(.admin-shell) .mobile-nav-toggle {
        justify-self: end;
        border-radius: 14px;
        border: 1px solid rgba(17, 17, 17, 0.1);
        background: rgba(255, 255, 255, 0.95);
    }

    body:not(.admin-shell) .site-header__menu {
        display: none;
        grid-column: 1 / -1;
        padding-top: 12px;
        border-top: 1px solid rgba(17, 17, 17, 0.08);
        flex-direction: column;
        align-items: stretch;
    }

    body:not(.admin-shell) .site-header.is-menu-open .site-header__menu {
        display: flex;
    }

    body:not(.admin-shell) .site-nav,
    body:not(.admin-shell) .header-actions,
    body:not(.admin-shell) .hero-actions,
    body:not(.admin-shell) .inline-actions,
    body:not(.admin-shell) .site-footer__contact,
    body:not(.admin-shell) .site-footer__meta,
    body:not(.admin-shell) .site-footer__disclaimer,
    body:not(.admin-shell) .home-hero__frame-top,
    body:not(.admin-shell) .home-hero__frame-note {
        flex-direction: column;
        align-items: flex-start;
    }

    body:not(.admin-shell) .site-nav a,
    body:not(.admin-shell) .ghost-link {
        width: 100%;
        justify-content: center;
    }

    body:not(.admin-shell) .home-hero--editorial,
    body:not(.admin-shell) .home-section,
    body:not(.admin-shell) .site-footer {
        padding: 22px;
        border-radius: 26px;
    }

    body:not(.admin-shell) .home-hero__stats,
    body:not(.admin-shell) .home-hero__product-stack,
    body:not(.admin-shell) .showcase-grid,
    body:not(.admin-shell) .trust-grid,
    body:not(.admin-shell) .insight-grid,
    body:not(.admin-shell) .catalog-grid,
    body:not(.admin-shell) .app-product-strip,
    body:not(.admin-shell) .app-lane-grid,
    body:not(.admin-shell) .app-guide-list,
    body:not(.admin-shell) .app-catalog-grid,
    body:not(.admin-shell) .site-footer__links {
        grid-template-columns: 1fr;
    }

    body:not(.admin-shell) .home-hero--editorial h1 {
        font-size: clamp(2.6rem, 12vw, 4rem);
    }

    body:not(.admin-shell) .brand-logo {
        width: 44px;
        height: 44px;
    }

    body:not(.admin-shell) .brand-wordmark {
        width: 144px;
    }
}

body:not(.admin-shell) .site-utility-bar {
    margin-bottom: 14px;
    border-radius: 18px;
    background: #111111;
    color: #f3ecde;
    box-shadow: var(--shadow-sm);
}

body:not(.admin-shell) .site-utility-bar__inner {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 18px;
    font-size: 0.86rem;
}

body:not(.admin-shell) .site-utility-bar__contact,
body:not(.admin-shell) .site-utility-bar__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

body:not(.admin-shell) .site-header {
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
}

body:not(.admin-shell) .site-header__inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

body:not(.admin-shell) .site-header__menu {
    justify-content: space-between;
    min-width: 0;
}

body:not(.admin-shell) .site-nav {
    justify-content: center;
    width: 100%;
}

body:not(.admin-shell) .site-nav a,
body:not(.admin-shell) .ghost-link {
    background: transparent;
    border-color: transparent;
}

body:not(.admin-shell) .site-nav a.active,
body:not(.admin-shell) .site-nav a:hover {
    background: rgba(184, 135, 45, 0.1);
}

body:not(.admin-shell) .zay-section-head {
    max-width: 48rem;
    margin: 0 auto 28px;
}

body:not(.admin-shell) .text-center {
    text-align: center;
}

body:not(.admin-shell) .zay-hero {
    padding: 0;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(17, 17, 17, 0.08);
    background: linear-gradient(180deg, #f5ede0, #fbf8f1);
    box-shadow: var(--shadow-lg);
}

body:not(.admin-shell) .zay-hero__track {
    position: relative;
}

body:not(.admin-shell) .zay-hero__slide {
    display: none;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
    gap: 24px;
    align-items: center;
    padding: 42px;
}

body:not(.admin-shell) .zay-hero__slide.is-active {
    display: grid;
}

body:not(.admin-shell) .zay-hero__eyebrow {
    display: inline-flex;
    margin-bottom: 10px;
    color: var(--gold-deep);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body:not(.admin-shell) .zay-hero__slide h1 {
    margin: 0 0 14px;
    font-size: clamp(3rem, 5vw, 4.8rem);
    line-height: 0.94;
}

body:not(.admin-shell) .zay-hero__visual {
    display: grid;
    place-items: center;
}

body:not(.admin-shell) .zay-hero__product-card {
    display: grid;
    gap: 16px;
    width: min(100%, 390px);
    padding: 22px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    box-shadow: 0 24px 50px rgba(16, 11, 4, 0.12);
}

body:not(.admin-shell) .zay-hero__product-media {
    display: grid;
    place-items: center;
    min-height: 250px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.03), rgba(184, 135, 45, 0.08));
}

body:not(.admin-shell) .zay-hero__product-copy h2 {
    margin: 12px 0 8px;
    font-size: 1.6rem;
}

body:not(.admin-shell) .zay-hero__dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0 0 24px;
}

body:not(.admin-shell) .zay-hero__dot {
    width: 12px;
    height: 12px;
    border: 0;
    border-radius: 999px;
    background: rgba(184, 135, 45, 0.28);
    cursor: pointer;
}

body:not(.admin-shell) .zay-hero__dot.is-active {
    background: var(--gold);
}

body:not(.admin-shell) .zay-categories,
body:not(.admin-shell) .zay-featured-band,
body:not(.admin-shell) .zay-shop-shell,
body:not(.admin-shell) .zay-product-shell {
    margin-top: 26px;
}

body:not(.admin-shell) .zay-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

body:not(.admin-shell) .zay-category-card {
    text-align: center;
}

body:not(.admin-shell) .zay-category-card__media {
    display: grid;
    place-items: center;
    width: 220px;
    height: 220px;
    margin: 0 auto 18px;
    border-radius: 50%;
    border: 1px solid rgba(17, 17, 17, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 234, 215, 0.9));
    overflow: hidden;
}

body:not(.admin-shell) .zay-category-card__media img {
    width: 72%;
    height: 72%;
    object-fit: contain;
}

body:not(.admin-shell) .zay-shop-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
}

body:not(.admin-shell) .zay-shop-sidebar,
body:not(.admin-shell) .zay-shop-toolbar,
body:not(.admin-shell) .zay-product-gallery,
body:not(.admin-shell) .zay-product-details {
    min-width: 0;
    overflow: hidden;
    padding: 24px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 247, 238, 0.94));
    border: 1px solid rgba(17, 17, 17, 0.08);
    box-shadow: var(--shadow-sm);
}

body:not(.admin-shell) .zay-shop-filters {
    display: grid;
    gap: 16px;
}

body:not(.admin-shell) .zay-shop-sidebar__title {
    max-width: 100%;
    margin-bottom: 16px;
    font-size: clamp(1.55rem, 1.8vw, 2.2rem) !important;
    line-height: 1.05;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body:not(.admin-shell) .zay-shop-filters > * {
    min-width: 0;
}

body:not(.admin-shell) .zay-shop-filters label,
body:not(.admin-shell) .zay-shop-filters input,
body:not(.admin-shell) .zay-shop-filters select {
    min-width: 0;
    width: 100%;
}

body:not(.admin-shell) .zay-shop-sidebar__links {
    display: grid;
    gap: 8px;
    min-width: 0;
}

body:not(.admin-shell) .zay-shop-sidebar__links a,
body:not(.admin-shell) .zay-shop-toolbar__meta a {
    display: block;
    padding: 10px 0;
    color: #181818;
}

body:not(.admin-shell) .zay-shop-sidebar__links a {
    min-width: 0;
    font-size: 0.96rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body:not(.admin-shell) .zay-shop-sidebar__links a.active,
body:not(.admin-shell) .zay-shop-toolbar__meta a.active,
body:not(.admin-shell) .zay-shop-sidebar__links a:hover,
body:not(.admin-shell) .zay-shop-toolbar__meta a:hover {
    color: var(--gold-deep);
}

body:not(.admin-shell) .zay-shop-toolbar {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    margin-bottom: 22px;
}

body:not(.admin-shell) .zay-shop-toolbar__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

body:not(.admin-shell) .zay-shop-products__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body:not(.admin-shell) .zay-product-card {
    border-radius: 0;
    box-shadow: 0 10px 24px rgba(16, 11, 4, 0.08);
}

body:not(.admin-shell) .zay-product-layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1fr);
    gap: 24px;
}

body:not(.admin-shell) .zay-product-gallery__main,
body:not(.admin-shell) .zay-product-gallery__thumb {
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(17, 17, 17, 0.04), rgba(184, 135, 45, 0.08));
}

body:not(.admin-shell) .zay-product-gallery__main {
    min-height: 420px;
    margin-bottom: 16px;
}

body:not(.admin-shell) .zay-product-gallery__thumbs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body:not(.admin-shell) .zay-product-gallery__thumb {
    min-height: 108px;
    overflow: hidden;
}

body:not(.admin-shell) .zay-product-details h1 {
    margin: 10px 0 12px;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
}

body:not(.admin-shell) .zay-rating-line {
    margin: 0 0 18px;
    color: var(--muted);
}

body:not(.admin-shell) .zay-product-meta {
    display: grid;
    gap: 8px;
    margin-bottom: 20px;
}

body:not(.admin-shell) .zay-product-purchase {
    display: grid;
    gap: 14px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
}

body:not(.admin-shell) .zay-product-details .product-proof-tags {
    margin-top: 16px;
}

@media (max-width: 1180px) {
    body:not(.admin-shell) .zay-shop-layout,
    body:not(.admin-shell) .zay-product-layout,
    body:not(.admin-shell) .zay-hero__slide,
    body:not(.admin-shell) .zay-category-grid,
    body:not(.admin-shell) .zay-shop-products__grid {
        grid-template-columns: 1fr 1fr;
    }

    body:not(.admin-shell) .zay-shop-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    body:not(.admin-shell) .site-utility-bar__inner,
    body:not(.admin-shell) .zay-shop-toolbar,
    body:not(.admin-shell) .zay-shop-toolbar__meta {
        flex-direction: column;
        align-items: flex-start;
    }

    body:not(.admin-shell) .site-header__inner {
        grid-template-columns: 1fr auto;
    }

    body:not(.admin-shell) .zay-hero__slide,
    body:not(.admin-shell) .zay-category-grid,
    body:not(.admin-shell) .zay-shop-products__grid,
    body:not(.admin-shell) .zay-product-layout,
    body:not(.admin-shell) .zay-product-gallery__thumbs {
        grid-template-columns: 1fr;
    }

    body:not(.admin-shell) .zay-hero__slide,
    body:not(.admin-shell) .zay-shop-sidebar,
    body:not(.admin-shell) .zay-shop-toolbar,
    body:not(.admin-shell) .zay-product-gallery,
    body:not(.admin-shell) .zay-product-details {
        padding: 20px;
    }

    body:not(.admin-shell) .zay-category-card__media {
        width: 180px;
        height: 180px;
    }
}

body:not(.admin-shell) .site-frame {
    min-height: 100vh;
}

body:not(.admin-shell) .site-shell {
    width: min(1500px, calc(100% - 32px));
}

body:not(.admin-shell) .site-utility-bar {
    border-radius: 0;
    background: #212121;
    box-shadow: none;
}

body:not(.admin-shell) .site-utility-bar__inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 10px 6px;
}

body:not(.admin-shell) .site-utility-bar a,
body:not(.admin-shell) .site-utility-bar span {
    color: #d9d9d9;
    font-size: 0.86rem;
}

body:not(.admin-shell) .site-header {
    position: relative;
    top: 0;
    border-radius: 0;
    border: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 14% 18%, rgba(255, 244, 214, 0.98), transparent 24%),
        radial-gradient(circle at 86% 16%, rgba(255, 223, 147, 0.7), transparent 22%),
        linear-gradient(135deg, #fffaf0 0%, #f5dfb6 26%, #e3bb67 58%, #fff6e2 100%);
    box-shadow: 0 18px 40px rgba(52, 37, 9, 0.12);
    z-index: 120;
}

body:not(.admin-shell) .site-header::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 6px;
    background: linear-gradient(180deg, #fff4bf 0%, #f3d88f 45%, #d9b45d 100%);
    box-shadow: 0 3px 8px rgba(243, 216, 143, 0.4);
    pointer-events: none;
    z-index: 2;
}

body:not(.admin-shell) .site-header::after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    height: 6px;
    background: linear-gradient(180deg, #fff4bf 0%, #f3d88f 45%, #d9b45d 100%);
    box-shadow: 0 -3px 8px rgba(243, 216, 143, 0.4);
    pointer-events: none;
    z-index: 2;
}

body:not(.admin-shell) .site-header.is-scrolled {
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.38);
}

body:not(.admin-shell) .site-header {
    background: #000;
    border: 1px solid rgba(255, 214, 123, 0.14);
    box-shadow: 0 26px 56px rgba(0, 0, 0, 0.32);
}

body:not(.admin-shell) .site-header__inner {
    position: relative;
    max-width: 1320px;
    margin: 0 auto;
    padding: 24px 6px 22px;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
    gap: 28px;
    align-items: center;
}

body:not(.admin-shell) .site-header__brand-block {
    display: grid;
    gap: 10px;
    min-width: 0;
}

body:not(.admin-shell) .brand {
    gap: 16px;
    align-items: center;
}

body:not(.admin-shell) .brand-text {
    display: none;
}

body:not(.admin-shell) .brand-logo {
    width: clamp(470px, calc(24vw + 250px), 590px);
    height: 221px;
    max-height: none;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    object-fit: fill;
    object-position: left center;
}

body:not(.admin-shell) .site-header__eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 7px 12px;
    border: 1px solid rgba(255, 216, 143, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #f3d88f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

body:not(.admin-shell) .site-header__editorial {
    display: grid;
    gap: 8px;
    max-width: 38rem;
    color: rgba(255, 244, 219, 0.9);
}

body:not(.admin-shell) .site-header__editorial p {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.55;
    color: rgba(255, 244, 219, 0.82);
}

body:not(.admin-shell) .site-header__tools {
    display: grid;
    gap: 14px;
    justify-items: stretch;
}

body:not(.admin-shell) .site-header__mobile-strip,
body:not(.admin-shell) .site-header__mobile-quicklink,
body:not(.admin-shell) .site-header-mobile-search {
    display: none;
}

body:not(.admin-shell) .site-header__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px 16px;
}

body:not(.admin-shell) .site-header__meta a {
    color: rgba(255, 244, 219, 0.76);
    font-size: 0.77rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body:not(.admin-shell) .site-header__meta a:hover {
    color: #f3d88f;
}

body:not(.admin-shell) .site-header__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

body:not(.admin-shell) .site-header__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

body:not(.admin-shell) .site-header-search {
    width: 100%;
    margin: 0;
}

body:not(.admin-shell) .site-header-search__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body:not(.admin-shell) .site-header-search__field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 9px;
    border: 1px solid rgba(255, 216, 143, 0.16);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 14px 30px rgba(0, 0, 0, 0.2);
}

body:not(.admin-shell) .site-header-search__field input {
    min-width: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 11px 16px;
    color: #fff4db;
}

body:not(.admin-shell) .site-header-search__field input::placeholder {
    color: rgba(255, 244, 219, 0.5);
}

body:not(.admin-shell) .site-header-search__field button {
    border: 0;
    border-radius: 999px;
    padding: 12px 18px;
    background: linear-gradient(135deg, #a87720, #d2a54b 62%, #f0d591);
    color: #fffaf0;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(123, 86, 20, 0.22);
}

body:not(.admin-shell) .site-header-cart {
    display: grid;
    gap: 2px;
    min-width: 168px;
    padding: 13px 18px;
    border: 1px solid rgba(255, 216, 143, 0.14);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.06);
    text-decoration: none;
    color: #fff4db;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}

body:not(.admin-shell) .site-header-cart__label {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #f3d88f;
}

body:not(.admin-shell) .site-header-cart__total {
    font-size: 1.15rem;
    line-height: 1.1;
}

body:not(.admin-shell) .site-header-cart__count {
    font-size: 0.8rem;
    color: rgba(255, 244, 219, 0.72);
}

body:not(.admin-shell) .site-header-cart__count-number,
body:not(.admin-shell) .site-header-cart__count-text {
    display: inline;
}

body.storefront-page.shell-web .site-header.app-topbar,
body.storefront-page.shell-app .site-header.app-topbar {
    min-height: 168px;
    border: 1px solid rgba(243, 216, 143, 0.22);
    border-bottom-color: rgba(243, 216, 143, 0.34);
    background:
        linear-gradient(180deg, rgba(243, 216, 143, 0.05), transparent 18%),
        linear-gradient(180deg, rgba(12, 12, 12, 0.99), rgba(4, 4, 4, 0.99));
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

body.storefront-page.shell-web .site-header.app-topbar {
    background:
        linear-gradient(180deg, rgba(243, 216, 143, 0.04), transparent 18%),
        linear-gradient(to bottom, transparent 70%, rgba(4, 4, 4, 0.92) 88%, rgba(4, 4, 4, 0.99) 100%),
        linear-gradient(to right, rgba(7, 6, 5, 0.99) 30%, rgba(7, 6, 5, 0.45) 50%, transparent 64%),
        linear-gradient(rgba(7, 6, 5, 0.70), rgba(7, 6, 5, 0.70)),
        url('../../includes/images/BCO.32b74d75-3d21-40ea-95a3-a09c105ae763.png') no-repeat right center / 56% auto,
        linear-gradient(180deg, rgba(12, 12, 12, 0.99), rgba(4, 4, 4, 0.99));
}

body.storefront-page.shell-web .site-header__inner,
body.storefront-page.shell-app .site-header__inner {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 520px);
    gap: 18px;
    padding: 18px 20px 16px;
    align-items: center;
}

body.storefront-page.shell-web .site-header__brand-block,
body.storefront-page.shell-app .site-header__brand-block {
    gap: 8px;
}

body.storefront-page.shell-web .site-header__editorial,
body.storefront-page.shell-app .site-header__editorial,
body.storefront-page.shell-web .site-header__meta,
body.storefront-page.shell-app .site-header__meta {
    display: none;
}

body.storefront-page.shell-web .app-topbar .brand,
body.storefront-page.shell-app .app-topbar .brand {
    gap: 0;
}

body.storefront-page.shell-web .app-topbar .brand-logo,
body.storefront-page.shell-app .app-topbar .brand-logo {
    width: clamp(300px, 25vw, 430px);
    height: auto;
    max-height: 124px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    object-fit: contain;
}

body.storefront-page.shell-web .site-header__tools,
body.storefront-page.shell-app .site-header__tools {
    min-width: min(100%, 520px);
    gap: 10px;
}

body.storefront-page.shell-web .site-header__actions,
body.storefront-page.shell-app .site-header__actions {
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: center;
    gap: 12px;
}

body.storefront-page.shell-web .site-header-search__field,
body.storefront-page.shell-app .site-header-search__field {
    min-height: 52px;
    padding: 6px 6px 6px 16px;
    border-color: rgba(243, 216, 143, 0.22);
    border-radius: 999px;
    border-bottom-width: 2px;
    background:
        linear-gradient(180deg, rgba(243, 216, 143, 0.04), transparent 55%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.015));
    box-shadow: inset 0 -1px 0 rgba(243, 216, 143, 0.22);
}

body.storefront-page.shell-web .site-header-search__field input,
body.storefront-page.shell-app .site-header-search__field input {
    color: #f3ead3;
    padding: 10px 2px;
    font-size: 0.96rem;
}

body.storefront-page.shell-web .site-header-search__field input::placeholder,
body.storefront-page.shell-app .site-header-search__field input::placeholder {
    color: rgba(232, 220, 194, 0.54);
}

body.storefront-page.shell-web .site-header-cart,
body.storefront-page.shell-app .site-header-cart {
    min-height: 52px;
    min-width: 138px;
    padding: 8px 12px 8px 14px;
    border-color: rgba(243, 216, 143, 0.18);
    border-radius: 22px;
    border-bottom-width: 1px;
    background:
        linear-gradient(180deg, rgba(243, 216, 143, 0.03), transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
    color: #f3ead3;
    box-shadow: inset 0 -1px 0 rgba(243, 216, 143, 0.12);
}

body.storefront-page.shell-web .site-header-cart__count,
body.storefront-page.shell-web .site-header-cart__label,
body.storefront-page.shell-app .site-header-cart__count,
body.storefront-page.shell-app .site-header-cart__label {
    color: rgba(232, 220, 194, 0.76);
}

body.storefront-page.shell-web .site-header-cart__label,
body.storefront-page.shell-app .site-header-cart__label {
    font-size: 0.58rem;
    letter-spacing: 0.22em;
    opacity: 0.8;
}

body.storefront-page.shell-web .site-header-cart__total,
body.storefront-page.shell-app .site-header-cart__total {
    font-size: 1.08rem;
    color: #f7e7be;
    font-weight: 600;
}

body.storefront-page.shell-web .site-header-cart__count,
body.storefront-page.shell-app .site-header-cart__count {
    font-size: 0.62rem;
    letter-spacing: 0.01em;
    color: rgba(244, 229, 196, 0.54);
}

body.storefront-page.shell-web .site-header-cart__count-number,
body.storefront-page.shell-app .site-header-cart__count-number {
    color: rgba(243, 216, 143, 0.88);
}

body.storefront-page.shell-web .site-header-search__field button,
body.storefront-page.shell-app .site-header-search__field button {
    min-height: 38px;
    padding: 0 20px;
    border-radius: 999px;
    border-left: 1px solid rgba(255, 248, 228, 0.22);
    background: linear-gradient(180deg, #f2d48a 0%, #cb973a 100%);
    color: #1a1308;
    box-shadow: none;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.storefront-page.shell-web .site-header-search__field button:hover,
body.storefront-page.shell-app .site-header-search__field button:hover,
body.storefront-page.shell-web .site-header-cart:hover,
body.storefront-page.shell-app .site-header-cart:hover {
    border-color: rgba(243, 216, 143, 0.42);
}

body.storefront-page.shell-web .site-header-cart:hover,
body.storefront-page.shell-app .site-header-cart:hover {
    background:
        linear-gradient(180deg, rgba(243, 216, 143, 0.045), transparent 50%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012));
}

body.storefront-page.shell-web .site-header-search__field:hover,
body.storefront-page.shell-app .site-header-search__field:hover {
    border-color: rgba(243, 216, 143, 0.34);
}

body.storefront-page.shell-web .site-subnav,
body.storefront-page.shell-app .site-subnav {
    border-top: 1px solid rgba(243, 216, 143, 0.12);
    border-bottom: 1px solid rgba(243, 216, 143, 0.16);
    background:
        linear-gradient(180deg, rgba(243, 216, 143, 0.03), transparent 65%),
        linear-gradient(180deg, rgba(11, 11, 11, 0.99), rgba(8, 8, 8, 0.99));
    box-shadow: none;
}

body.storefront-page.shell-web .site-subnav__inner,
body.storefront-page.shell-app .site-subnav__inner {
    max-width: 1360px;
    padding: 0 14px;
}

body.storefront-page.shell-web .site-subnav .site-nav,
body.storefront-page.shell-app .site-subnav .site-nav {
    gap: 18px;
    min-height: 54px;
}

body.storefront-page.shell-web .site-subnav .site-nav a,
body.storefront-page.shell-web .site-subnav .ghost-link,
body.storefront-page.shell-web .site-subnav .nav-dropdown__trigger,
body.storefront-page.shell-app .site-subnav .site-nav a,
body.storefront-page.shell-app .site-subnav .ghost-link,
body.storefront-page.shell-app .site-subnav .nav-dropdown__trigger {
    min-height: 34px;
    padding: 6px 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(244, 229, 196, 0.72);
    font-size: 0.88rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

body.storefront-page.shell-web .site-subnav .site-nav a.active,
body.storefront-page.shell-web .site-subnav .site-nav a:hover,
body.storefront-page.shell-web .site-subnav .ghost-link:hover,
body.storefront-page.shell-web .site-subnav .nav-dropdown.is-active .nav-dropdown__trigger,
body.storefront-page.shell-web .site-subnav .nav-dropdown.is-open .nav-dropdown__trigger,
body.storefront-page.shell-app .site-subnav .site-nav a.active,
body.storefront-page.shell-app .site-subnav .site-nav a:hover,
body.storefront-page.shell-app .site-subnav .ghost-link:hover,
body.storefront-page.shell-app .site-subnav .nav-dropdown.is-active .nav-dropdown__trigger,
body.storefront-page.shell-app .site-subnav .nav-dropdown.is-open .nav-dropdown__trigger {
    background: transparent;
    border-color: transparent;
    color: #f3d88f;
}

body.storefront-page.shell-web .site-subnav .site-nav a::after,
body.storefront-page.shell-web .site-subnav .ghost-link::after,
body.storefront-page.shell-web .site-subnav .nav-dropdown__trigger::after,
body.storefront-page.shell-app .site-subnav .site-nav a::after,
body.storefront-page.shell-app .site-subnav .ghost-link::after,
body.storefront-page.shell-app .site-subnav .nav-dropdown__trigger::after {
    left: 0;
    right: 0;
    bottom: -4px;
    height: 1px;
    background: linear-gradient(90deg, rgba(243, 216, 143, 0), rgba(243, 216, 143, 0.98), rgba(243, 216, 143, 0));
}

body.storefront-page.shell-web .site-subnav .nav-dropdown__trigger,
body.storefront-page.shell-app .site-subnav .nav-dropdown__trigger {
    gap: 7px;
}

body.storefront-page.shell-web .site-subnav .nav-dropdown__menu,
body.storefront-page.shell-app .site-subnav .nav-dropdown__menu {
    top: calc(100% + 8px);
    /* inline-grid for reliable multi-column width */
    display: inline-grid;
    /* Constrain to viewport so it never overflows horizontally */
    max-width: min(960px, calc(100vw - 40px));
    min-width: 200px;
    gap: 2px 4px;
    padding: 10px;
    border: 1px solid rgba(243, 216, 143, 0.18);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(22, 19, 15, 0.99), rgba(10, 9, 8, 0.99));
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(243, 216, 143, 0.08);
}

body.storefront-page.shell-web .site-subnav .nav-dropdown__menu a,
body.storefront-page.shell-app .site-subnav .nav-dropdown__menu a {
    padding: 10px 12px;
    border-radius: 0;
    color: rgba(244, 229, 196, 0.78);
    font-size: 0.88rem;
}

body.storefront-page.shell-web .site-subnav .nav-dropdown__menu a:hover,
body.storefront-page.shell-app .site-subnav .nav-dropdown__menu a:hover {
    background: rgba(243, 216, 143, 0.06);
    color: #f3d88f;
}

body.storefront-page.shell-web .site-marquee,
body.storefront-page.shell-app .site-marquee {
    border-bottom: 1px solid rgba(243, 216, 143, 0.14);
    background: linear-gradient(180deg, rgba(15, 14, 12, 0.98), rgba(9, 9, 9, 0.98));
    box-shadow: inset 0 -1px 0 rgba(243, 216, 143, 0.08);
}

body.storefront-page.shell-web .site-marquee__item,
body.storefront-page.shell-app .site-marquee__item {
    color: rgba(243, 229, 196, 0.88);
    font-size: 0.8rem;
    letter-spacing: 0.12em;
}

body.storefront-page.shell-web .site-marquee__item::before,
body.storefront-page.shell-app .site-marquee__item::before {
    background: radial-gradient(circle at 30% 30%, #f3d88f, #b8872d 72%);
    box-shadow: 0 0 0 4px rgba(184, 135, 45, 0.12);
}

body:not(.admin-shell) .site-subnav {
    position: relative;
    border-bottom: 1px solid rgba(184, 135, 45, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(252, 248, 239, 0.96));
    box-shadow: 0 14px 28px rgba(34, 26, 12, 0.05);
    z-index: 130;
}

body:not(.admin-shell) .site-subnav__inner {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 6px;
    position: relative;
}

body:not(.admin-shell) .site-subnav__panel {
    display: contents;
}

body:not(.admin-shell) .site-subnav__mobile-head,
body:not(.admin-shell) .site-nav-group__label,
body:not(.admin-shell) .site-subnav__mobile-actions,
body:not(.admin-shell) .site-subnav__close,
body:not(.admin-shell) .site-subnav__meta {
    display: none;
}

body:not(.admin-shell) .site-nav-group {
    display: contents;
}

body:not(.admin-shell) .site-nav--primary,
body:not(.admin-shell) .site-nav--secondary {
    display: contents;
}

body:not(.admin-shell) .site-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 64px;
    width: fit-content;
    margin: 0 auto;
    flex-wrap: nowrap;
}

body.storefront-page.shell-web .site-subnav__inner {
    justify-content: center;
}

body.storefront-page.shell-web .site-subnav .site-nav {
    justify-content: center;
    margin: 0 auto;
    flex-wrap: nowrap;
}

body:not(.admin-shell) .site-marquee {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(184, 135, 45, 0.12);
    background:
        linear-gradient(90deg, rgba(252, 248, 239, 0.98), rgba(255, 255, 255, 0.98) 18%, rgba(255, 255, 255, 0.98) 82%, rgba(252, 248, 239, 0.98));
    box-shadow: inset 0 -1px 0 rgba(184, 135, 45, 0.08);
    z-index: 120;
}

body:not(.admin-shell) .site-marquee__viewport {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    overflow: hidden;
}

body:not(.admin-shell) .site-marquee__track {
    display: flex;
    width: max-content;
    min-width: 100%;
    animation: site-marquee-roll 22s linear infinite;
    will-change: transform;
}

body:not(.admin-shell) .site-marquee.is-enhanced .site-marquee__track {
    animation: none;
}

body:not(.admin-shell) .site-marquee__group {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: max-content;
    padding: 10px 0;
}

body:not(.admin-shell) .site-marquee__item {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    min-height: 28px;
    padding: 0 28px;
    color: #4f4331;
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

body:not(.admin-shell) .site-marquee__item::before {
    content: '';
    position: absolute;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #f2d488, #b8872d 70%);
    box-shadow: 0 0 0 5px rgba(184, 135, 45, 0.08);
}

@keyframes site-marquee-roll {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(-50%, 0, 0);
    }
}

body:not(.admin-shell) .site-nav a,
body:not(.admin-shell) .ghost-link,
body:not(.admin-shell) .nav-dropdown__trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: #3d3325;
    font-size: 0.98rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

body:not(.admin-shell) .site-nav a::after,
body:not(.admin-shell) .ghost-link::after,
body:not(.admin-shell) .nav-dropdown__trigger::after {
    content: '';
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 8px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(184, 135, 45, 0), rgba(184, 135, 45, 0.95), rgba(184, 135, 45, 0));
    opacity: 0;
    transform: scaleX(0.45);
    transition: opacity 180ms ease, transform 180ms ease;
}

body:not(.admin-shell) .site-nav a.active,
body:not(.admin-shell) .site-nav a:hover,
body:not(.admin-shell) .ghost-link:hover,
body:not(.admin-shell) .nav-dropdown__trigger:hover,
body:not(.admin-shell) .nav-dropdown.is-active .nav-dropdown__trigger,
body:not(.admin-shell) .nav-dropdown.is-open .nav-dropdown__trigger {
    background: rgba(184, 135, 45, 0.08);
    border-color: rgba(184, 135, 45, 0.12);
    color: #a06d1a;
    transform: none;
}

body:not(.admin-shell) .site-nav a.active::after,
body:not(.admin-shell) .site-nav a:hover::after,
body:not(.admin-shell) .ghost-link:hover::after,
body:not(.admin-shell) .nav-dropdown__trigger:hover::after,
body:not(.admin-shell) .nav-dropdown.is-active .nav-dropdown__trigger::after,
body:not(.admin-shell) .nav-dropdown.is-open .nav-dropdown__trigger::after {
    opacity: 1;
    transform: scaleX(1);
}

body:not(.admin-shell) .nav-dropdown {
    position: static;
    display: flex;
    align-items: center;
    z-index: 140;
}

body:not(.admin-shell) .nav-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font: inherit;
}

body:not(.admin-shell) .nav-dropdown__chevron {
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    transition: transform 180ms ease;
}

body:not(.admin-shell) .nav-dropdown.is-open .nav-dropdown__chevron,
body:not(.admin-shell) .nav-dropdown:hover .nav-dropdown__chevron {
    transform: rotate(-135deg) translateX(-1px);
}

body:not(.admin-shell) .nav-dropdown__menu {
    position: absolute;
    top: calc(100% + 8px);
    /* Centre the panel across the full subnav bar */
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    /* inline-grid shrink-wraps to full content width across all columns */
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(12, auto);
    grid-auto-columns: minmax(200px, 240px);
    gap: 2px 6px;
    padding: 14px;
    border: 1px solid rgba(184, 135, 45, 0.18);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
    z-index: 200;
}

/* Transparent bridge above the menu — catches cursor while crossing the gap */
body:not(.admin-shell) .nav-dropdown__menu::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
}

body:not(.admin-shell) .nav-dropdown__menu a {
    padding: 12px 16px;
    border-radius: 14px;
    font-size: 0.96rem;
    color: #2a2a2a;
}

body:not(.admin-shell) .nav-dropdown__menu a:hover {
    background: rgba(184, 135, 45, 0.08);
    color: #b8872d;
}

body:not(.admin-shell) .nav-dropdown:hover .nav-dropdown__menu,
body:not(.admin-shell) .nav-dropdown.is-open .nav-dropdown__menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

body:not(.admin-shell) .nav-dropdown.is-open .nav-dropdown__menu {
    /* Ensure JS-opened menus catch pointer events for the bridge */
    pointer-events: auto;
}

body:not(.admin-shell) .ghost-link--utility {
    padding: 8px 0;
    border-radius: 0;
    border: 0;
    background: transparent;
    color: #6a604f;
    font-size: 1rem;
    font-weight: 500;
}

body:not(.admin-shell) .ghost-link--utility:hover {
    background: transparent;
    color: #b8872d;
}

body:not(.admin-shell) .ghost-link--highlight {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, #fff8eb, #f5e2bb);
    color: #7c5815;
    box-shadow: none;
    border: 1px solid rgba(184, 135, 45, 0.28);
    font-size: 0.94rem;
    font-weight: 700;
}

body:not(.admin-shell) .ghost-link--highlight span {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    min-height: 24px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ffffff;
    color: #111111;
}

body:not(.admin-shell) .mobile-nav-toggle {
    border-radius: 6px;
    border: 1px solid #dddddd;
    background: #ffffff;
}

body:not(.admin-shell) .mobile-nav-toggle {
    display: none;
}

body:not(.admin-shell) .site-footer {
    margin-top: 40px;
    padding: 0;
    border-radius: 0;
    border: 1px solid rgba(243, 216, 143, 0.16);
    border-bottom: 0;
    background:
        linear-gradient(180deg, rgba(243, 216, 143, 0.05), transparent 16%),
        linear-gradient(180deg, rgba(12, 12, 12, 0.995), rgba(5, 5, 5, 0.998));
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
    overflow: hidden;
}

body:not(.admin-shell) .site-footer::before {
    content: '';
    display: block;
    height: 3px;
    background: linear-gradient(90deg, rgba(243, 216, 143, 0.12), rgba(243, 216, 143, 0.96) 18%, rgba(203, 163, 74, 0.98) 50%, rgba(243, 216, 143, 0.96) 82%, rgba(243, 216, 143, 0.12));
}

body:not(.admin-shell) .site-footer__main {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

body:not(.admin-shell) .site-footer__top {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 0.93fr));
    gap: 20px;
    padding: 34px 0 22px;
}

body:not(.admin-shell) .site-footer__column {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 18px 18px 20px;
    border: 1px solid rgba(243, 216, 143, 0.12);
    background: linear-gradient(180deg, rgba(243, 216, 143, 0.035), rgba(255, 255, 255, 0.015));
}

body:not(.admin-shell) .site-footer__column h3,
body:not(.admin-shell) .site-footer__logo {
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(243, 216, 143, 0.16);
    color: #f7e7be;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.08rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body:not(.admin-shell) .site-footer__logo {
    color: #f3d88f;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

body:not(.admin-shell) .site-footer__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

body:not(.admin-shell) .site-footer__list li,
body:not(.admin-shell) .site-footer__list a {
    color: rgba(244, 229, 196, 0.72);
    font-size: 0.92rem;
    line-height: 1.55;
}

body:not(.admin-shell) .site-footer__list a:hover {
    color: #f3d88f;
}

body:not(.admin-shell) .site-footer__utility-row {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 20px;
    padding: 0 0 24px;
    border-top: 1px solid rgba(243, 216, 143, 0.12);
    padding-top: 22px;
}

body:not(.admin-shell) .site-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body:not(.admin-shell) .site-footer__social a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(243, 216, 143, 0.12);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(244, 229, 196, 0.74);
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body:not(.admin-shell) .site-footer__social a:hover {
    color: #f3d88f;
    border-color: rgba(243, 216, 143, 0.26);
}

body:not(.admin-shell) .site-footer__subscribe {
    display: grid;
    gap: 10px;
    min-width: min(100%, 360px);
}

body:not(.admin-shell) .site-footer__subscribe-label {
    color: #c3cad4;
    font-size: 0.9rem;
}

body:not(.admin-shell) .site-footer__subscribe-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

body:not(.admin-shell) .site-footer__subscribe-group input {
    border-radius: 0;
    border: 1px solid #364151;
    background: #10151c;
    color: #ffffff;
    box-shadow: none;
}

body:not(.admin-shell) .site-footer__subscribe-group button {
    border: 1px solid #b8872d;
    background: #b8872d;
    color: #ffffff;
    padding: 0 18px;
    font: inherit;
    cursor: pointer;
}

body:not(.admin-shell) .site-footer__legalbox {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 16px 18px;
    border: 1px solid rgba(243, 216, 143, 0.12);
    background: linear-gradient(180deg, rgba(243, 216, 143, 0.04), rgba(255, 255, 255, 0.015));
}

body:not(.admin-shell) .site-footer__legalbox p {
    margin: 0;
    color: rgba(244, 229, 196, 0.7);
    font-size: 0.92rem;
    line-height: 1.6;
}

body:not(.admin-shell) .site-footer__legalbox a {
    color: #f3d88f;
}

body:not(.admin-shell) .site-footer__legalbox a:hover {
    color: #ffffff;
}

body:not(.admin-shell) .site-footer__bottom-bar {
    border-top: 1px solid rgba(243, 216, 143, 0.1);
    background: rgba(0, 0, 0, 0.34);
}

body:not(.admin-shell) .site-footer__bottom-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 16px 20px 18px;
}

body:not(.admin-shell) .site-footer__bottom-inner p {
    margin: 0;
    color: rgba(244, 229, 196, 0.58);
    font-size: 0.84rem;
    letter-spacing: 0.03em;
}

body:not(.admin-shell) .site-footer__disclaimer,
body:not(.admin-shell) .site-footer__meta,
body:not(.admin-shell) .site-footer__contact,
body:not(.admin-shell) .brand-copy,
body:not(.admin-shell) .brand-tagline,
body:not(.admin-shell) .brand--footer,
body:not(.admin-shell) .site-footer__links {
    display: none;
}

@media (max-width: 992px) {
    body:not(.admin-shell) .site-header__inner {
        grid-template-columns: auto auto;
    }

    body:not(.admin-shell) .site-header__controls {
        justify-content: flex-end;
    }

    body:not(.admin-shell) .site-subnav__inner {
        justify-content: flex-start;
    }

    body:not(.admin-shell) .site-nav {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    body:not(.admin-shell) .site-footer__top {
        grid-template-columns: 1fr;
    }

    body:not(.admin-shell) .site-footer__utility-row {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 760px) {
    body:not(.admin-shell) .site-utility-bar {
        display: none;
    }

    body:not(.admin-shell) .site-shell {
        width: min(100%, calc(100% - 18px));
    }

    body:not(.admin-shell) .mobile-nav-toggle {
        display: inline-flex;
        width: 44px;
        height: 44px;
        border-radius: 14px;
    }

    body:not(.admin-shell) .site-header__inner {
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 14px 0;
        gap: 12px;
    }

    body:not(.admin-shell) .site-header__brand-block {
        grid-column: 1 / -1;
        gap: 8px;
        justify-items: center;
        text-align: center;
    }

    body:not(.admin-shell) .site-header__editorial,
    body:not(.admin-shell) .site-header__meta {
        display: none;
    }

    body:not(.admin-shell) .site-header__tools {
        grid-column: 1 / -1;
        gap: 12px;
    }

    body:not(.admin-shell) .site-header__actions {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
    }

    body:not(.admin-shell) .site-header__controls {
        justify-content: flex-end;
    }

    body:not(.admin-shell) .brand {
        gap: 10px;
        min-width: 0;
        justify-content: center;
    }

    body:not(.admin-shell) .brand-logo {
        width: min(78vw, 530px);
        height: 177px;
        max-height: none;
    }

    body:not(.admin-shell) .site-subnav {
        display: block;
        position: fixed;
        inset: 0;
        margin-top: 0;
        padding-left: max(14px, env(safe-area-inset-left));
        padding-right: max(14px, env(safe-area-inset-right));
        padding-bottom: calc(92px + env(safe-area-inset-bottom));
        border: 0;
        background: rgba(10, 8, 6, 0.5);
        box-shadow: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 220ms ease, visibility 220ms ease;
        z-index: 180;
    }

    body:not(.admin-shell) .site-header.is-menu-open ~ .site-subnav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body:not(.admin-shell) .site-subnav__inner {
        width: 100%;
        height: 100%;
        padding: 0;
        display: flex;
        justify-content: flex-end;
    }

    body:not(.admin-shell) .site-marquee {
        margin-top: 8px;
        border: 1px solid rgba(184, 135, 45, 0.14);
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 244, 233, 0.98));
        box-shadow: 0 18px 30px rgba(31, 22, 9, 0.08);
    }

    body:not(.admin-shell) .site-marquee__viewport {
        max-width: none;
    }

    body:not(.admin-shell) .site-marquee__group {
        padding: 9px 0;
    }

    body:not(.admin-shell) .site-marquee__item {
        padding: 0 22px;
        font-size: 0.78rem;
        letter-spacing: 0.1em;
    }

    body:not(.admin-shell) .site-marquee__item::before {
        left: 6px;
        width: 7px;
        height: 7px;
    }

    body:not(.admin-shell) .site-subnav__panel {
        display: grid;
        gap: 14px;
        width: min(100%, 356px);
        height: 100%;
        margin-left: auto;
        padding: max(16px, env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));
        border-left: 1px solid rgba(243, 216, 143, 0.34);
        background:
            linear-gradient(180deg, rgba(243, 216, 143, 0.08), transparent 18%),
            linear-gradient(180deg, rgba(20, 15, 10, 0.995), rgba(7, 7, 7, 0.998));
        box-shadow: -28px 0 70px rgba(0, 0, 0, 0.42);
        transform: translateX(calc(100% + 24px));
        transition: transform 260ms ease;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    body:not(.admin-shell) .site-subnav__panel::before {
        content: '';
        display: block;
        height: 3px;
        margin: -16px -14px 0;
        background: linear-gradient(90deg, rgba(243, 216, 143, 0.18), rgba(243, 216, 143, 0.98) 18%, rgba(203, 163, 74, 0.98) 50%, rgba(243, 216, 143, 0.98) 82%, rgba(243, 216, 143, 0.18));
    }

    body:not(.admin-shell) .site-header.is-menu-open ~ .site-subnav .site-subnav__panel {
        transform: translateX(0);
    }

    body:not(.admin-shell) .site-subnav__mobile-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 12px 10px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(243, 216, 143, 0.18);
    }

    body:not(.admin-shell) .site-subnav__mobile-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
    }

    body:not(.admin-shell) .site-subnav__eyebrow {
        display: block;
        color: rgba(243, 216, 143, 0.78);
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
    }

    body:not(.admin-shell) .site-subnav__title {
        display: block;
        margin-top: 3px;
        color: #f3d88f;
        font-size: 0.96rem;
        font-weight: 800;
        font-family: 'Plus Jakarta Sans', sans-serif;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    body:not(.admin-shell) .site-subnav__cart-link {
        flex: 0 0 auto;
        min-height: 40px;
        padding: 9px 12px;
        font-size: 0.74rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    body:not(.admin-shell) .site-subnav__close {
        display: inline-flex;
        position: relative;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid rgba(243, 216, 143, 0.26);
        border-radius: 0;
        background: rgba(255, 255, 255, 0.04);
        color: #f3d88f;
        cursor: pointer;
    }

    body:not(.admin-shell) .site-subnav__close span {
        position: absolute;
        width: 16px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
    }

    body:not(.admin-shell) .site-subnav__close span:first-child {
        transform: rotate(45deg);
    }

    body:not(.admin-shell) .site-subnav__close span:last-child {
        transform: rotate(-45deg);
    }

    body:not(.admin-shell) .site-nav-group {
        display: grid;
        gap: 8px;
        width: 100%;
        padding: 10px 12px 12px;
        border: 1px solid rgba(243, 216, 143, 0.14);
        background: linear-gradient(180deg, rgba(243, 216, 143, 0.04), rgba(255, 255, 255, 0.01));
    }

    body:not(.admin-shell) .site-nav-group__label {
        display: block;
        color: rgba(243, 216, 143, 0.8);
        font-size: 0.66rem;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
    }

    body:not(.admin-shell) .site-nav {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    body:not(.admin-shell) .nav-dropdown {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    body:not(.admin-shell) .nav-dropdown__trigger {
        width: 100%;
        justify-content: space-between;
        min-height: 44px;
        padding: 12px 14px;
        border: 1px solid rgba(243, 216, 143, 0.18);
        border-radius: 0;
        background: linear-gradient(180deg, rgba(33, 24, 15, 0.98), rgba(15, 13, 11, 0.99));
        color: #f7e7be;
        font-size: 0.9rem;
        font-weight: 600;
    }

    body:not(.admin-shell) .nav-dropdown__menu {
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: 0;
        padding: 6px;
        border: 1px solid rgba(243, 216, 143, 0.12);
        border-radius: 0;
        box-shadow: none;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: linear-gradient(180deg, rgba(10, 10, 10, 0.78), rgba(20, 16, 12, 0.88));
        max-height: min(38vh, 240px);
        overflow-y: auto;
    }

    body:not(.admin-shell) .nav-dropdown.is-open .nav-dropdown__menu {
        display: grid;
    }

    body:not(.admin-shell) .site-nav a,
    body:not(.admin-shell) .ghost-link {
        position: relative;
        width: 100%;
        min-height: 44px;
        padding: 12px 38px 12px 14px;
        border: 1px solid rgba(243, 216, 143, 0.18);
        border-radius: 0;
        background: linear-gradient(180deg, rgba(33, 24, 15, 0.98), rgba(15, 13, 11, 0.99));
        justify-content: space-between;
        color: #f7e7be;
        font-size: 0.9rem;
        font-weight: 600;
    }

    body:not(.admin-shell) .site-nav a::before,
    body:not(.admin-shell) .ghost-link::before,
    body:not(.admin-shell) .nav-dropdown__trigger::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: linear-gradient(180deg, rgba(243, 216, 143, 0.96), rgba(184, 135, 45, 0.66));
    }

    body:not(.admin-shell) .site-nav a::after,
    body:not(.admin-shell) .ghost-link::after {
        display: block;
        content: '';
        position: absolute;
        right: 16px;
        top: 50%;
        width: 7px;
        height: 7px;
        border-top: 1.5px solid currentColor;
        border-right: 1.5px solid currentColor;
        transform: translateY(-50%) rotate(45deg);
        opacity: 0.7;
    }

    body:not(.admin-shell) .site-nav a::after,
    body:not(.admin-shell) .ghost-link::after,
    body:not(.admin-shell) .nav-dropdown__trigger::after {
        display: none;
    }

    body:not(.admin-shell) .site-nav a::after,
    body:not(.admin-shell) .ghost-link::after {
        display: block;
    }

    body:not(.admin-shell) .site-nav a.active,
    body:not(.admin-shell) .site-nav a:hover,
    body:not(.admin-shell) .ghost-link:hover,
    body:not(.admin-shell) .nav-dropdown.is-active .nav-dropdown__trigger,
    body:not(.admin-shell) .nav-dropdown.is-open .nav-dropdown__trigger {
        color: #f3d88f;
        border-color: rgba(243, 216, 143, 0.42);
        background: linear-gradient(180deg, rgba(54, 39, 17, 0.98), rgba(29, 21, 10, 0.98));
        box-shadow: inset 0 0 0 1px rgba(243, 216, 143, 0.12);
    }

    body:not(.admin-shell) .site-nav--primary a[href$='track-order.php'] {
        background: linear-gradient(180deg, rgba(243, 216, 143, 0.16), rgba(180, 132, 42, 0.18));
        border-color: rgba(243, 216, 143, 0.34);
        color: #f3d88f;
        white-space: nowrap;
    }

    body:not(.admin-shell) .site-nav--primary a[href$='track-order.php']::before {
        width: 4px;
        background: linear-gradient(180deg, rgba(247, 231, 190, 1), rgba(203, 163, 74, 0.9));
    }

    body:not(.admin-shell) .site-nav--primary a[href$='track-order.php']::after {
        opacity: 0.9;
    }

    body:not(.admin-shell) .site-nav--primary a[href$='track-order.php']:hover,
    body:not(.admin-shell) .site-nav--primary a[href$='track-order.php'].active {
        color: #1a1308;
        border-color: rgba(243, 216, 143, 0.62);
        background: linear-gradient(180deg, #f4dc9d, #cd9b3f);
        box-shadow: 0 0 0 1px rgba(243, 216, 143, 0.18);
    }

    body:not(.admin-shell) .ghost-link--highlight,
    body:not(.admin-shell) .site-subnav__cart-link {
        background: linear-gradient(180deg, #f1d28a, #c79638);
        color: #1a1308;
        border-color: rgba(243, 216, 143, 0.52);
    }

    body:not(.admin-shell) .ghost-link--highlight:hover,
    body:not(.admin-shell) .site-subnav__cart-link:hover {
        background: linear-gradient(180deg, #f6dea0, #d3a14a);
        border-color: rgba(243, 216, 143, 0.72);
        color: #120d06;
    }

    body:not(.admin-shell) .nav-dropdown__menu a {
        min-height: 0;
        padding: 9px 12px;
        border: 0;
        border-radius: 0;
        background: transparent;
        font-size: 0.84rem;
        color: rgba(244, 229, 196, 0.88);
    }

    body:not(.admin-shell) .nav-dropdown__menu a:hover,
    body:not(.admin-shell) .nav-dropdown__menu a.active {
        background: rgba(243, 216, 143, 0.08);
        color: #f3d88f;
    }

    body:not(.admin-shell) .site-nav-group--account .site-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body:not(.admin-shell) .site-nav-group--account .ghost-link {
        min-height: 58px;
        padding: 12px 12px 12px 14px;
        align-items: flex-end;
        font-size: 0.74rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    body:not(.admin-shell) .site-nav-group--account .ghost-link::after {
        right: 12px;
        top: 14px;
        transform: rotate(45deg);
    }

    body:not(.admin-shell) .site-subnav__meta {
        display: grid;
        gap: 8px;
        margin-top: 2px;
        padding: 10px 12px 12px;
        border: 1px solid rgba(243, 216, 143, 0.14);
        background: linear-gradient(180deg, rgba(243, 216, 143, 0.04), rgba(255, 255, 255, 0.01));
    }

    body:not(.admin-shell) .site-subnav__meta-list {
        display: grid;
        gap: 8px;
    }

    body:not(.admin-shell) .site-subnav__meta-list a {
        display: flex;
        align-items: center;
        min-height: 40px;
        padding: 8px 10px;
        border: 1px solid rgba(243, 216, 143, 0.12);
        background: rgba(255, 255, 255, 0.03);
        color: rgba(244, 229, 196, 0.88);
        font-size: 0.84rem;
        font-weight: 600;
    }

    body:not(.admin-shell) .site-subnav__meta-list a:hover {
        color: #f3d88f;
        border-color: rgba(243, 216, 143, 0.24);
    }

    body:not(.admin-shell) .site-nav {
        min-height: 0;
    }

    body:not(.admin-shell) .site-nav--secondary {
        gap: 10px;
    }

    body:not(.admin-shell) .site-nav--secondary .ghost-link--highlight {
        display: none;
    }

    body:not(.admin-shell) .site-footer__subscribe-group {
        grid-template-columns: 1fr;
    }
}

body.storefront-page.shell-web .header-actions {
    justify-content: flex-end;
}

body.storefront-page .content-wrap {
    padding-top: 16px;
    padding-bottom: 24px;
    display: grid;
    gap: 24px;
}

body.storefront-page .home-page .content-wrap {
    gap: 22px;
}

/* App navigation primitives */
.app-rail {
    display: none;
}

.app-rail a {
    display: grid;
    place-items: center;
    min-height: 56px;
    padding: 10px 8px;
    border-radius: 18px;
    background: rgba(18, 15, 12, 0.82);
    border: 1px solid rgba(203, 163, 74, 0.12);
    color: var(--muted);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-rail a.active,
.app-rail a:hover {
    color: #1a1207;
    background: linear-gradient(180deg, #efca79 0%, #d59f44 100%);
    border-color: rgba(243, 216, 143, 0.34);
}

.app-bottom-nav {
    display: none;
}

/* Web shell explicitly keeps app navigation hidden */
body.storefront-page.shell-web .app-rail,
body.storefront-page.shell-web .app-bottom-nav {
    display: none !important;
}

/* Web shell layout */
@media (min-width: 1201px) {
    body.storefront-page.shell-web .site-shell {
        width: min(1540px, calc(100% - 36px));
    }

    body.storefront-page.shell-web .shop-page .catalog-grid--storefront {
        grid-template-columns: repeat(auto-fit, minmax(248px, 286px));
        justify-content: center;
    }

    body.storefront-page.shell-web .wishlist-page .catalog-grid--storefront,
    body.storefront-page.shell-web .bundles-page .catalog-grid--storefront,
    body.storefront-page.shell-web .bundle-page .catalog-grid--storefront {
        grid-template-columns: repeat(auto-fit, minmax(248px, 286px));
        justify-content: center;
    }

    body.storefront-page.shell-web .shop-page .showcase-card--storefront,
    body.storefront-page.shell-web .wishlist-page .showcase-card--storefront,
    body.storefront-page.shell-web .bundles-page .showcase-card--storefront,
    body.storefront-page.shell-web .bundle-page .showcase-card--storefront {
        width: min(100%, 286px);
        justify-self: center;
    }

    body.storefront-page.shell-web .shop-page .showcase-card--storefront .showcase-card__media,
    body.storefront-page.shell-web .wishlist-page .showcase-card--storefront .showcase-card__media,
    body.storefront-page.shell-web .bundles-page .showcase-card--storefront .showcase-card__media,
    body.storefront-page.shell-web .bundle-page .showcase-card--storefront .showcase-card__media {
        aspect-ratio: 6 / 5;
    }

    body.storefront-page.shell-web .shop-page .showcase-card--storefront .showcase-card__media.media-card--landscape,
    body.storefront-page.shell-web .wishlist-page .showcase-card--storefront .showcase-card__media.media-card--landscape,
    body.storefront-page.shell-web .bundles-page .showcase-card--storefront .showcase-card__media.media-card--landscape,
    body.storefront-page.shell-web .bundle-page .showcase-card--storefront .showcase-card__media.media-card--landscape {
        aspect-ratio: 16 / 9;
    }

    body.storefront-page.shell-web .checkout-page .checkout-layout--storefront {
        grid-template-columns: minmax(0, 1.18fr) 380px;
        align-items: start;
    }

    body.storefront-page.shell-web .checkout-page .checkout-layout--storefront > article:last-child {
        position: sticky;
        top: 116px;
    }

    body.storefront-page.shell-web .product-page .product-layout--storefront {
        grid-template-columns: minmax(320px, 520px) minmax(0, 1fr);
        align-items: start;
    }

    body.storefront-page.shell-web .product-page .product-hero--storefront {
        display: grid;
        justify-items: center;
    }

    body.storefront-page.shell-web .product-page .product-hero__media {
        width: min(100%, 560px);
        aspect-ratio: 1 / 1;
    }

    body.storefront-page.shell-web .product-page .product-hero__media .product-image {
        height: 100%;
    }

    body.storefront-page.shell-web .account-page .account-hero {
        grid-template-columns: minmax(0, 1.2fr) 360px;
        align-items: start;
    }

    body.storefront-page.shell-app .app-catalog-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.storefront-page.shell-app .app-product-card {
        grid-template-columns: minmax(132px, 144px) minmax(0, 1fr);
    }

    body.storefront-page.shell-app .home-page .app-product-card {
        grid-template-columns: minmax(126px, 138px) minmax(0, 1fr);
    }

    body.storefront-page.shell-app .app-catalog-card {
        grid-template-columns: minmax(148px, 160px) minmax(0, 1fr);
    }
}

@media (max-width: 1080px) {
    body.storefront-page.shell-app .app-topbar,
    body.storefront-page.shell-web .app-topbar {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    body.storefront-page.shell-web .app-topbar .site-header__menu,
    body.storefront-page.shell-app .app-topbar .site-header__menu {
        width: 100%;
        grid-column: 1 / -1;
    }

    body.storefront-page.shell-web .site-header__menu {
        padding-top: 12px;
    }
}

@media (min-width: 761px) and (max-width: 1200px) {
    body.storefront-page.shell-web .site-shell,
    body.storefront-page.shell-app .site-shell {
        width: min(100% - 20px, 100%);
        margin-top: 10px;
    }

    body.storefront-page.shell-app .app-topbar {
        top: 10px;
        padding: 12px 14px;
        border-radius: 20px;
    }

    body.storefront-page.shell-web .app-topbar {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    /* ── Centre brand block at tablet / mid widths ── */
    body.storefront-page.shell-web .site-header__inner {
        grid-template-columns: 1fr;
        justify-items: center;
        padding: 20px 24px 16px;
        gap: 16px;
    }

    body.storefront-page.shell-web .site-header__brand-block {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    body.storefront-page.shell-web .brand {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.storefront-page.shell-web .app-topbar .brand-logo {
        width: 200px;
        height: auto;
        max-height: none;
        object-fit: contain;
        object-position: center;
    }

    body.storefront-page.shell-web .site-header__tools {
        width: 100%;
    }

    body.storefront-page.shell-web .site-header__menu {
        flex-direction: column;
        align-items: stretch;
    }

    body.storefront-page.shell-web .site-nav {
        justify-content: flex-start;
    }

    body.storefront-page.shell-web .header-actions {
        justify-content: flex-start;
    }

    body.storefront-page.shell-web .showcase-grid,
    body.storefront-page.shell-web .trust-grid,
    body.storefront-page.shell-web .catalog-grid--storefront,
    body.storefront-page.shell-web .metrics-grid,
    body.storefront-page.shell-web .dashboard-grid,
    body.storefront-page.shell-web .checkout-form,
    body.storefront-page.shell-web .settings-grid,
    body.storefront-page.shell-app .showcase-grid,
    body.storefront-page.shell-app .trust-grid,
    body.storefront-page.shell-app .catalog-grid--storefront,
    body.storefront-page.shell-app .metrics-grid,
    body.storefront-page.shell-app .dashboard-grid,
    body.storefront-page.shell-app .checkout-form,
    body.storefront-page.shell-app .settings-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.storefront-page.shell-web .insight-grid,
    body.storefront-page.shell-web .product-layout--storefront,
    body.storefront-page.shell-web .checkout-layout--storefront,
    body.storefront-page.shell-web .account-hero,
    body.storefront-page.shell-web .summary-grid,
    body.storefront-page.shell-web .mini-grid,
    body.storefront-page.shell-app .insight-grid,
    body.storefront-page.shell-app .product-layout--storefront,
    body.storefront-page.shell-app .checkout-layout--storefront,
    body.storefront-page.shell-app .account-hero,
    body.storefront-page.shell-app .summary-grid,
    body.storefront-page.shell-app .mini-grid {
        grid-template-columns: 1fr;
    }

    body.storefront-page.shell-web .account-page .account-metrics,
    body.storefront-page.shell-app .account-page .account-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.storefront-page.shell-web .home-hero,
    body.storefront-page.shell-app .home-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }
}

/* App shell frame */
body.storefront-page.shell-app .announcement-bar,
body.storefront-page.shell-app .site-footer {
    display: none;
}

body.storefront-page.shell-app .site-shell {
    width: 100%;
    margin: 0;
    padding: 0 12px 18px;
}

body.storefront-page.shell-app .app-topbar {
    top: auto;
    border-radius: 0 0 22px 22px;
    margin: 0 -12px 0;
    padding: 16px 18px;
}

body.storefront-page.shell-app .content-wrap {
    padding-top: 14px;
}

body.storefront-page.shell-app .shop-page .content-wrap,
body.storefront-page.shell-app .product-page .content-wrap {
    gap: 16px;
}

@media (min-width: 981px) {
    body.storefront-page.shell-app {
        padding-left: 108px;
    }

    body.storefront-page.shell-app .app-rail {
        position: fixed;
        left: 16px;
        top: 92px;
        z-index: 28;
        display: grid;
        gap: 10px;
        width: 76px;
    }

    body.storefront-page.shell-app .content-wrap,
    body.storefront-page.shell-app .app-topbar {
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    body.storefront-page.shell-app {
        padding-bottom: calc(86px + env(safe-area-inset-bottom));
    }

    body.storefront-page.shell-web .site-shell,
    body.storefront-page.shell-app .site-shell {
        width: min(100% - 10px, 100%);
        margin-top: 6px;
        padding-bottom: 0;
    }

    body.storefront-page.shell-web .announcement-bar,
    body.storefront-page.shell-app .announcement-bar {
        border-radius: 14px;
        font-size: 0.74rem;
        padding: 8px 10px;
    }

    body.storefront-page.shell-web .app-topbar,
    body.storefront-page.shell-app .app-topbar {
        top: auto;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 18px;
    }

    body.storefront-page.shell-web .app-topbar__context,
    body.storefront-page.shell-app .app-topbar__context {
        min-width: 0;
    }

    body.storefront-page.shell-web .app-topbar__context strong,
    body.storefront-page.shell-app .app-topbar__context strong {
        font-size: 0.92rem;
    }

    body.storefront-page.shell-web .app-topbar .brand-wordmark,
    body.storefront-page.shell-app .app-topbar .brand-wordmark {
        display: none;
    }

    body.storefront-page.shell-app .app-topbar .brand-logo {
        width: min(200px, 80%);
        height: auto;
        max-height: 110px;
        object-fit: contain;
    }

    body.storefront-page.shell-web .site-header__menu {
        display: none;
        grid-column: 1 / -1;
        margin-top: 8px;
        padding-top: 10px;
        border-top: 1px solid rgba(243, 216, 143, 0.12);
    }

    body.storefront-page.shell-web .site-header.is-menu-open .site-header__menu {
        display: flex;
    }

    body.storefront-page.shell-web .site-nav,
    body.storefront-page.shell-web .header-actions {
        width: 100%;
        display: grid;
        gap: 8px;
    }

    body.storefront-page.shell-web .site-nav a,
    body.storefront-page.shell-web .ghost-link {
        width: 100%;
        justify-content: center;
    }

    body.storefront-page.shell-web .content-wrap,
    body.storefront-page.shell-app .content-wrap {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    body.storefront-page.shell-web .site-footer,
    body.storefront-page.shell-app .site-footer {
        margin-top: 12px;
        padding: 18px 16px 20px;
        border-radius: 18px;
    }

    body.storefront-page.shell-web .site-footer__links,
    body.storefront-page.shell-web .site-footer__disclaimer,
    body.storefront-page.shell-app .site-footer__links,
    body.storefront-page.shell-app .site-footer__disclaimer {
        display: none;
    }

    body.storefront-page.shell-app .site-shell {
        padding-inline: 8px;
    }

    body.storefront-page.shell-app .app-topbar {
        margin-inline: -8px;
        border-radius: 0 0 18px 18px;
    }

    body.storefront-page.shell-app .app-bottom-nav {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: calc(8px + env(safe-area-inset-bottom));
        z-index: 40;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 6px;
        padding: 8px;
        border: 1px solid rgba(203, 163, 74, 0.24);
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(18, 15, 12, 0.98), rgba(8, 8, 8, 0.98));
        box-shadow: 0 22px 48px rgba(0, 0, 0, 0.42);
        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
    }

    body.storefront-page.shell-app .app-bottom-nav a {
        display: grid;
        place-items: center;
        min-height: 48px;
        padding: 8px 6px;
        border-radius: 16px;
        color: var(--muted);
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    body.storefront-page.shell-app .app-bottom-nav a.active {
        color: #1b1308;
        background: linear-gradient(180deg, #f0ca79 0%, #d7a247 100%);
    }
}

/* Web shell page-level layout separation */
@media (min-width: 1201px) {
    body.storefront-page.shell-web .home-page .content-wrap {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    body.storefront-page.shell-web .home-page .home-section:nth-of-type(2) .showcase-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* Storefront refinement pass */
    body.storefront-page {
        --storefront-surface: #ffffff;
        --storefront-surface-soft: #f7f1e7;
        --storefront-surface-muted: #fcfaf5;
        --storefront-copy: #17120c;
        --storefront-copy-soft: rgba(23, 18, 12, 0.72);
        --storefront-border: rgba(182, 136, 41, 0.22);
        --storefront-shadow: 0 18px 40px rgba(17, 12, 5, 0.08);
    }

    body.storefront-page:not(.home-page) .content-wrap {
        display: grid;
        gap: 28px;
        width: min(1320px, 100%);
        margin: 0 auto;
        padding-top: 22px;
        padding-bottom: 38px;
    }

    body.storefront-page:not(.home-page) .content-wrap > * {
        margin-top: 0 !important;
    }

    body.storefront-page .section-head,
    body.storefront-page .auth-shell,
    body.storefront-page .cart-shell,
    body.storefront-page .cart-coupon-shell,
    body.storefront-page .checkout-layout--storefront > .panel,
    body.storefront-page .transfer-layout > .panel,
    body.storefront-page .account-hero__main,
    body.storefront-page .account-hero__side,
    body.storefront-page .account-page .panel,
    body.storefront-page .account-page .table-card,
    body.storefront-page .wishlist-page .empty-state,
    body.storefront-page .shop-filters,
    body.storefront-page .product-hero--storefront,
    body.storefront-page .product-copy--storefront,
    body.storefront-page .product-purchase-box,
    body.storefront-page .product-copy--storefront .panel,
    body.storefront-page .showcase-card--storefront {
        border: 1px solid var(--storefront-border);
        background: linear-gradient(180deg, var(--storefront-surface) 0%, var(--storefront-surface-soft) 100%);
        box-shadow: var(--storefront-shadow);
        color: var(--storefront-copy);
    }

    body.storefront-page .showcase-card--storefront p,
    body.storefront-page .section-copy,
    body.storefront-page .note,
    body.storefront-page .subtle-copy,
    body.storefront-page .account-page .muted,
    body.storefront-page .transfer-page .muted,
    body.storefront-page .checkout-page .muted,
    body.storefront-page .table-card td,
    body.storefront-page .panel p {
        color: var(--storefront-copy-soft);
    }

    body.storefront-page .account-page .metric,
    body.storefront-page .account-page .account-mini-list div,
    body.storefront-page .account-page .account-guidance__item,
    body.storefront-page .account-page .account-order-item,
    body.storefront-page .account-page .account-offer,
    body.storefront-page .account-page .account-wishlist-card,
    body.storefront-page .account-page .summary-grid div,
    body.storefront-page .checkout-page .account-mini-list div,
    body.storefront-page .transfer-page .account-mini-list div,
    body.storefront-page .transfer-page .account-guidance__item,
    body.storefront-page .bank-reference-card,
    body.storefront-page .bank-details-grid,
    body.storefront-page .content-page .account-guidance__item,
    body.storefront-page .content-page .list-clean li {
        border: 1px solid rgba(182, 136, 41, 0.16);
        background: linear-gradient(180deg, var(--storefront-surface-muted) 0%, var(--storefront-surface-soft) 100%);
        box-shadow: none;
        color: var(--storefront-copy);
    }

    body.storefront-page .bank-reference-card strong,
    body.storefront-page .bank-details-grid strong {
        color: #7a500e;
    }

    body.storefront-page .bank-reference-card .muted,
    body.storefront-page .bank-details-grid .muted {
        color: var(--storefront-copy-soft);
    }

    body.storefront-page .account-page .ghost-link {
        background: rgba(255, 255, 255, 0.72);
        border-color: rgba(182, 136, 41, 0.24);
        color: var(--storefront-copy);
    }

    body.storefront-page .table-card thead,
    body.storefront-page .account-page .table-card thead,
    body.storefront-page .cart-shell thead {
        background: rgba(182, 136, 41, 0.08);
    }

    body.storefront-page .table-card th,
    body.storefront-page .table-card td,
    body.storefront-page .cart-shell th,
    body.storefront-page .cart-shell td {
        border-bottom-color: rgba(182, 136, 41, 0.16);
        color: var(--storefront-copy);
    }

    body.storefront-page .table-card tbody tr:hover {
        background: rgba(182, 136, 41, 0.05);
    }

    body.storefront-page.auth-page .content-wrap,
    body.storefront-page.cart-page .content-wrap,
    body.storefront-page.checkout-page .content-wrap,
    body.storefront-page.transfer-page .content-wrap,
    body.storefront-page.account-page .content-wrap,
    body.storefront-page.wishlist-page .content-wrap,
    body.storefront-page.shop-page .content-wrap,
    body.storefront-page.product-page .content-wrap,
    body.storefront-page.info-page .content-wrap,
    body.storefront-page.bundles-page .content-wrap,
    body.storefront-page.bundle-page .content-wrap,
    body.storefront-page.track-order-page .content-wrap {
        width: min(1320px, 100%);
    }

    body.admin-shell .admin-nav-shell {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: center;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    body.admin-shell .admin-nav-shell__intro {
        display: grid;
        gap: 4px;
        align-content: start;
        justify-items: center;
        text-align: center;
    }

    body.admin-shell .admin-nav-shell__utility {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 4px;
    }

    body.admin-shell .admin-nav-shell__utility-link {
        color: rgba(232, 220, 194, 0.82);
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        transition: color 160ms ease, opacity 160ms ease;
    }

    body.admin-shell .admin-nav-shell__utility-link:hover,
    body.admin-shell .admin-nav-shell__utility-link:focus-visible {
        color: #fff3cf;
        opacity: 1;
    }

    body.admin-shell .admin-nav-shell__eyebrow {
        color: rgba(232, 220, 194, 0.72);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    body.admin-shell .admin-nav-shell__title {
        color: #e2c67a;
        font-size: 1rem;
        font-weight: 700;
        font-family: 'Bodoni Moda', serif;
        letter-spacing: -0.02em;
    }

    body.admin-shell .admin-nav-shell__links {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
        gap: 0;
        min-width: 0;
    }

    body.admin-shell .site-nav--admin {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 8px;
        min-width: 0;
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }

    body.admin-shell .site-nav--admin a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        border: 1px solid rgba(182, 136, 41, 0.22);
        border-radius: 14px;
        padding: 8px 6px;
        background: rgba(255, 255, 255, 0.06);
        color: #eadcb7;
        box-shadow: none;
        font-size: clamp(0.68rem, 0.6rem + 0.18vw, 0.78rem);
        font-weight: 600;
        line-height: 1.15;
        text-align: center;
        white-space: normal;
        word-break: break-word;
        transition: border-color 160ms ease, background 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    }

    body.admin-shell .site-nav--admin a::before {
        display: none;
    }

    body.admin-shell .site-nav--admin a.active,
    body.admin-shell .site-nav--admin a:hover {
        border-color: rgba(226, 198, 122, 0.56);
        background: rgba(226, 198, 122, 0.14);
        color: #fff3cf;
        box-shadow: 0 0 0 1px rgba(226, 198, 122, 0.08) inset;
        transform: translateY(-1px);
    }

    body.admin-shell .site-nav--admin a.active {
        border-color: rgba(226, 198, 122, 0.72);
        background: rgba(226, 198, 122, 0.18);
        font-weight: 700;
        box-shadow: 0 0 0 1px rgba(226, 198, 122, 0.12) inset;
    }

    @media (max-width: 760px) {
        body.storefront-page:not(.home-page) .content-wrap {
            gap: 18px;
            padding-top: 14px;
            padding-bottom: 24px;
        }

        body.admin-shell .site-header {
            width: calc(100% - 16px);
            border-radius: 20px;
        }

        body.admin-shell .site-header__controls {
            top: 10px;
            right: 10px;
        }

        body.admin-shell .site-header__admin-nav {
            display: none;
            grid-column: 1 / -1;
            border-top: 1px solid rgba(184, 135, 45, 0.18);
            margin-top: 4px;
            padding-top: 12px;
        }

        body.admin-shell .site-header.is-menu-open .site-header__admin-nav {
            display: block;
        }

        body.admin-shell .site-header__admin-nav-inner {
            max-width: 100%;
        }

        body.admin-shell .admin-nav-shell {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        body.admin-shell .admin-nav-shell__utility {
            gap: 10px;
        }

        body.admin-shell .admin-nav-shell__utility-link {
            font-size: 0.7rem;
            letter-spacing: 0.1em;
        }

        body.admin-shell .admin-nav-shell__links {
            grid-template-columns: 1fr;
            align-items: stretch;
        }

        body.admin-shell .site-nav--admin {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
            overflow: visible;
            justify-content: stretch;
        }

        body.admin-shell .site-nav--admin a {
            width: 100%;
            min-height: 42px;
            padding: 10px 12px;
            font-size: 0.8rem;
            white-space: normal;
        }
    }

    body.storefront-page.shell-web .shop-page .shop-shell {
        display: grid;
        grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
        gap: 18px;
        align-items: end;
    }

    body.storefront-page.shell-web.bundles-page .shop-shell {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        align-items: start;
    }

    body.storefront-page.shell-web.bundles-page .shop-shell__head {
        max-width: 760px;
    }

    body.storefront-page.shell-web.bundles-page .shop-filters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    body.storefront-page.shell-web.info-page .content-wrap,
    body.storefront-page.shell-web.track-order-page .content-wrap,
    body.storefront-page.shell-web.bundles-page .content-wrap,
    body.storefront-page.shell-web.bundle-page .content-wrap {
        gap: 28px;
    }

    body.storefront-page.shell-web .shop-page .shop-shell__head {
        margin-bottom: 0;
    }

    body.storefront-page.shell-web .shop-page .shop-filters {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        align-items: end;
    }

    body.storefront-page.shell-web .product-page .product-copy--storefront {
        padding: 28px;
    }

    body.storefront-page.shell-web.info-page .info-grid-shell--equal,
    body.storefront-page.shell-web.track-order-page .info-grid-shell--equal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.storefront-page.shell-web.info-page .info-grid-shell--content-first {
        grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    }

    body.storefront-page.shell-web.info-page .about-intro-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.storefront-page.shell-web.bundle-page .product-layout {
        grid-template-columns: minmax(0, 1.06fr) minmax(320px, 0.94fr);
        gap: 24px;
    }

    body.storefront-page.shell-web .product-page .product-purchase-box {
        position: sticky;
        top: 122px;
        z-index: 2;
    }

    body.storefront-page.shell-web .account-page .table-card,
    body.storefront-page.shell-web .account-page .panel {
        overflow: hidden;
    }
}

@media (min-width: 761px) and (max-width: 1200px) {
    body.storefront-page .home-page .home-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    body.storefront-page .home-page .home-hero__visual {
        min-height: 390px;
    }

    body.storefront-page .home-page .showcase-grid,
    body.storefront-page .home-page .trust-grid,
    body.storefront-page .shop-page .catalog-grid--storefront,
    body.storefront-page .wishlist-page .catalog-grid--storefront {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.storefront-page .shop-page .shop-shell {
        display: grid;
        gap: 16px;
    }

    body.storefront-page.bundles-page .showcase-card--storefront,
    body.storefront-page.bundle-page .showcase-card--storefront {
        padding: 18px;
    }

    body.storefront-page .shop-page .shop-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.storefront-page .product-page .product-layout--storefront {
        grid-template-columns: 1fr;
    }

    body.storefront-page .product-page .product-image {
        height: 460px;
    }

    body.storefront-page .checkout-page .checkout-layout--storefront {
        grid-template-columns: 1fr;
    }

    body.storefront-page .account-page .account-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body.storefront-page .home-page .content-wrap,
    body.storefront-page .shop-page .content-wrap,
    body.storefront-page .product-page .content-wrap,
    body.storefront-page .account-page .content-wrap,
    body.storefront-page .checkout-page .content-wrap,
    body.storefront-page .track-order-page .content-wrap {
        gap: 12px;
    }

    body.storefront-page .home-page .home-hero {
        padding: 22px 16px 18px;
        gap: 18px;
    }

    body.storefront-page .home-page .home-hero h1 {
        font-size: clamp(2.5rem, 12vw, 3.5rem);
    }

    body.storefront-page .home-page .home-hero p {
        font-size: 0.98rem;
        max-width: none;
    }

    body.storefront-page .home-page .home-hero__visual {
        min-height: 300px;
    }

    body.storefront-page .home-page .hero-product {
        width: 112px;
    }

    body.storefront-page .home-page .hero-product__media {
        height: 126px;
    }

    body.storefront-page .home-page .showcase-grid,
    body.storefront-page .home-page .trust-grid,
    body.storefront-page .home-page .insight-grid,
    body.storefront-page .shop-page .catalog-grid--storefront,
    body.storefront-page .wishlist-page .catalog-grid--storefront {
        grid-template-columns: 1fr;
    }

    body.storefront-page .home-page .showcase-card p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    body.storefront-page .shop-page .shop-shell,
    body.storefront-page .shop-page .shop-shell__head {
        display: grid;
        gap: 12px;
    }

    body.storefront-page .shop-page .shop-filters {
        grid-template-columns: 1fr;
    }

    body.storefront-page .shop-page .showcase-card--storefront,
    body.storefront-page .wishlist-page .showcase-card--storefront {
        padding: 12px 12px 16px;
    }

    body.storefront-page .product-page .product-layout--storefront,
    body.storefront-page .info-page .dashboard-grid,
    body.storefront-page .info-page .summary-grid,
    body.storefront-page .info-page .mini-grid,
    body.storefront-page .checkout-page .checkout-layout--storefront,
    body.storefront-page .account-page .account-hero,
    body.storefront-page .account-page .dashboard-grid,
    body.storefront-page .account-page .summary-grid,
    body.storefront-page .track-order-page .dashboard-grid,
    body.storefront-page .track-order-page .summary-grid,
    body.storefront-page .track-order-page .mini-grid {
        grid-template-columns: 1fr !important;
    }

    body.storefront-page .product-page .product-copy--storefront,
    body.storefront-page .checkout-page .checkout-layout--storefront > .panel,
    body.storefront-page .account-page .panel,
    body.storefront-page .account-page .table-card,
    body.storefront-page .track-order-page .panel {
        padding: 16px;
    }

    body.storefront-page .product-page .product-image {
        height: 320px;
    }

    .product-hero__media.media-card--landscape .product-image,
    .product-primary-card__media.media-card--landscape .product-image,
    body.storefront-page.shell-app .app-product-hero__media.media-card--landscape .product-image {
        max-height: 220px;
    }

    body.storefront-page .product-page .product-purchase-box .hero-actions,
    body.storefront-page .checkout-page .form-actions,
    body.storefront-page .account-page .inline-actions,
    body.storefront-page .track-order-page .form-actions,
    body.storefront-page .track-order-page .inline-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.storefront-page .account-page .account-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.storefront-page .account-page table,
    body.storefront-page .checkout-page table {
        min-width: 640px;
    }
}

/* App shell page-level layout separation */
body.storefront-page.shell-app .home-page .home-hero,
body.storefront-page.shell-app .home-page .home-section,
body.storefront-page.shell-app .shop-page .home-section,
body.storefront-page.shell-app .product-page .home-section {
    border-radius: 24px;
}

body.storefront-page.shell-app .app-dashboard-hero,
body.storefront-page.shell-app .app-shop-hero,
body.storefront-page.shell-app .app-product-screen,
body.storefront-page.shell-app .app-product-purchase-shell {
    padding: 20px 18px;
}

body.storefront-page.shell-app .app-dashboard-hero,
body.storefront-page.shell-app .app-shop-hero {
    display: grid;
    gap: 16px;
}

body.storefront-page.shell-app .app-dashboard-hero h1,
body.storefront-page.shell-app .app-shop-hero h1,
body.storefront-page.shell-app .app-product-hero h1 {
    margin: 0;
    font-size: clamp(2.1rem, 7vw, 3.2rem);
    line-height: 0.98;
    text-transform: uppercase;
}

body.storefront-page.shell-app .app-dashboard-hero__lead p,
body.storefront-page.shell-app .app-shop-hero__copy p,
body.storefront-page.shell-app .app-product-hero__copy p {
    max-width: none;
    margin-top: 14px;
}

body.storefront-page.shell-app .app-dashboard-stats,
body.storefront-page.shell-app .app-product-facts,
body.storefront-page.shell-app .app-spotlight-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.storefront-page.shell-app .app-stat-card,
body.storefront-page.shell-app .app-spotlight-card,
body.storefront-page.shell-app .app-product-fact-card,
body.storefront-page.shell-app .app-lane-card,
body.storefront-page.shell-app .app-guide-card,
body.storefront-page.shell-app .app-action-card,
body.storefront-page.shell-app .app-product-benefit-card,
body.storefront-page.shell-app .app-catalog-card,
body.storefront-page.shell-app .app-product-card {
    border: 1px solid rgba(203, 163, 74, 0.22);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(18, 16, 14, 0.96), rgba(8, 8, 8, 0.98));
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18);
}

body.storefront-page.shell-app .app-stat-card,
body.storefront-page.shell-app .app-spotlight-card,
body.storefront-page.shell-app .app-product-fact-card,
body.storefront-page.shell-app .app-lane-card,
body.storefront-page.shell-app .app-guide-card,
body.storefront-page.shell-app .app-action-card,
body.storefront-page.shell-app .app-product-benefit-card {
    padding: 16px;
}

body.storefront-page.shell-app .app-stat-card span,
body.storefront-page.shell-app .app-product-fact-card span {
    display: block;
    color: #bda46c;
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.storefront-page.shell-app .app-stat-card strong,
body.storefront-page.shell-app .app-product-fact-card strong {
    display: block;
    margin-top: 10px;
    font-size: 1.35rem;
}

body.storefront-page.shell-app .app-stat-card p,
body.storefront-page.shell-app .app-spotlight-card p,
body.storefront-page.shell-app .app-lane-card p,
body.storefront-page.shell-app .app-guide-card p,
body.storefront-page.shell-app .app-action-card p,
body.storefront-page.shell-app .app-product-benefit-card p,
body.storefront-page.shell-app .app-catalog-card p,
body.storefront-page.shell-app .app-product-card p {
    margin: 10px 0 0;
    color: #dccaa5;
    line-height: 1.55;
}

body.storefront-page.shell-app .app-action-grid,
body.storefront-page.shell-app .app-lane-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.storefront-page.shell-app .app-action-card,
body.storefront-page.shell-app .app-guide-card {
    color: inherit;
    text-decoration: none;
}

body.storefront-page.shell-app .app-action-card strong,
body.storefront-page.shell-app .app-guide-card strong,
body.storefront-page.shell-app .app-spotlight-card strong {
    display: block;
    font-size: 1rem;
}

body.storefront-page.shell-app .app-product-strip,
body.storefront-page.shell-app .app-guide-list {
    display: grid;
    gap: 12px;
}

body.storefront-page.shell-app .app-product-card,
body.storefront-page.shell-app .app-catalog-card {
    overflow: hidden;
}

body.storefront-page.shell-app .app-product-card {
    display: grid;
    grid-template-columns: minmax(156px, 168px) minmax(0, 1fr);
}

body.storefront-page.shell-app .home-page .app-product-card {
    grid-template-columns: minmax(148px, 160px) minmax(0, 1fr);
}

body.storefront-page.shell-app .app-catalog-card {
    display: grid;
    grid-template-columns: minmax(168px, 184px) minmax(0, 1fr);
}

body.storefront-page.shell-app .app-product-card__media,
body.storefront-page.shell-app .app-catalog-card__media {
    position: relative;
    display: grid;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    padding: 0;
    border-radius: 16px;
    border: 0;
    isolation: isolate;
    background:
        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.92), transparent 28%),
        radial-gradient(circle at 82% 80%, rgba(243, 216, 143, 0.34), transparent 26%),
        linear-gradient(145deg, #fffef9 0%, #f8f1df 54%, #efdfb8 100%);
}

body.storefront-page.shell-app .app-product-card__media.media-card--landscape,
body.storefront-page.shell-app .app-catalog-card__media.media-card--landscape {
    aspect-ratio: 16 / 10;
}

body.storefront-page.shell-app .app-product-card__media::before,
body.storefront-page.shell-app .app-catalog-card__media::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.24), transparent 34%),
        linear-gradient(315deg, rgba(203, 163, 74, 0.16), transparent 42%),
        radial-gradient(circle at 50% 100%, rgba(203, 163, 74, 0.16), transparent 44%);
    opacity: 0.9;
    z-index: 0;
}

body.storefront-page.shell-app .app-product-card__media::after,
body.storefront-page.shell-app .app-catalog-card__media::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid rgba(193, 151, 61, 0.24);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 34%);
    pointer-events: none;
    z-index: 1;
}

body.storefront-page.shell-app .app-product-card__media {
    align-items: center;
    justify-items: center;
    padding: 0;
    min-height: 0;
}

body.storefront-page.shell-app .home-page .app-product-card__media {
    min-height: 0;
}

body.storefront-page.shell-app .shop-page .app-catalog-card__media {
    min-height: 0;
}

body.storefront-page.shell-app .app-product-card img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    filter: none;
}

body.storefront-page.shell-app .app-catalog-card img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
    filter: none;
}

body.storefront-page.shell-app .app-product-card__body,
body.storefront-page.shell-app .app-catalog-card__body {
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 16px;
}

body.storefront-page.shell-app .app-product-card__body h3,
body.storefront-page.shell-app .app-catalog-card__body h3 {
    margin: 0;
    font-size: 1.08rem;
}

body.storefront-page.shell-app .app-product-card__body p,
body.storefront-page.shell-app .app-catalog-card__body p {
    margin: 0;
}

body.storefront-page.shell-app .app-product-card__footer,
body.storefront-page.shell-app .app-catalog-card__meta,
body.storefront-page.shell-app .app-shop-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

body.storefront-page.shell-app .app-product-card__footer {
    justify-content: space-between;
}

body.storefront-page.shell-app .app-catalog-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.storefront-page.shell-app .app-catalog-card .tag-row {
    margin-bottom: 0;
}

body.storefront-page.shell-app .app-catalog-card .btn,
body.storefront-page.shell-app .app-product-card .btn {
    width: 100%;
}

body.storefront-page.shell-app .app-catalog-card .product-proof-tags,
body.storefront-page.shell-app .app-product-screen .product-proof-grid {
    margin-top: 2px;
}

body.storefront-page.shell-app .app-shop-filters {
    gap: 10px;
}

body.storefront-page.shell-app .app-product-hero {
    display: grid;
    grid-template-columns: minmax(220px, 0.8fr) minmax(0, 1.2fr);
    gap: 16px;
    padding: 16px;
}

body.storefront-page.shell-app .app-product-hero__media {
    height: 340px;
    padding: 12px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(229, 181, 88, 0.08), rgba(255, 255, 255, 0.02));
}

body.storefront-page.shell-app .app-product-hero__media.media-card--landscape {
    height: auto;
    min-height: 0;
}

body.storefront-page.shell-app .app-product-hero .product-image {
    height: 100%;
    border-radius: 16px;
}

.product-hero__media.media-card--landscape .product-image,
.product-primary-card__media.media-card--landscape .product-image,
body.storefront-page.shell-app .app-product-hero__media.media-card--landscape .product-image {
    height: auto;
    max-height: clamp(240px, 32vw, 340px);
}

body.storefront-page.shell-app .app-product-hero__copy {
    display: grid;
    align-content: start;
    gap: 10px;
}

body.storefront-page.shell-app .app-product-purchase-box {
    display: grid;
    gap: 14px;
    padding: 16px;
    position: sticky;
    bottom: calc(78px + env(safe-area-inset-bottom));
    z-index: 12;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.34);
}

body.storefront-page.shell-app .app-product-purchase-box__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

body.storefront-page.shell-app .app-product-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.storefront-page.shell-app .app-product-context-card,
body.storefront-page.shell-app .app-product-reviews-card {
    padding: 18px;
}

body.storefront-page.shell-app .app-pagination-shell {
    padding-top: 0;
}

body.storefront-page.shell-app .app-account-hero,
body.storefront-page.shell-app .app-checkout-hero {
    display: grid;
    gap: 14px;
}

body.storefront-page.shell-app .app-account-metrics,
body.storefront-page.shell-app .app-account-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

body.storefront-page.shell-app .app-account-metric,
body.storefront-page.shell-app .app-account-summary-card,
body.storefront-page.shell-app .app-account-order-card,
body.storefront-page.shell-app .app-account-compact-item,
body.storefront-page.shell-app .app-checkout-summary-card {
    border: 1px solid rgba(203, 163, 74, 0.2);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(18, 16, 14, 0.96), rgba(8, 8, 8, 0.98));
}

body.storefront-page.shell-app .app-account-metric,
body.storefront-page.shell-app .app-account-summary-card,
body.storefront-page.shell-app .app-account-compact-item {
    padding: 14px 16px;
}

body.storefront-page.shell-app .app-account-metric span,
body.storefront-page.shell-app .app-account-summary-card h3 {
    display: block;
    margin: 0;
    color: #bda46c;
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.storefront-page.shell-app .app-account-metric strong,
body.storefront-page.shell-app .app-account-summary-card strong {
    display: block;
    margin-top: 10px;
    font-size: 1.15rem;
}

body.storefront-page.shell-app .app-account-summary-card p,
body.storefront-page.shell-app .app-account-compact-item .muted {
    margin-top: 10px;
}

body.storefront-page.shell-app .app-account-order-list,
body.storefront-page.shell-app .app-account-compact-list {
    display: grid;
    gap: 12px;
}

body.storefront-page.shell-app .app-account-order-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
}

body.storefront-page.shell-app .app-account-order-card form {
    grid-column: 1 / -1;
}

body.storefront-page.shell-app .app-account-order-card .btn {
    width: 100%;
}

body.storefront-page.shell-app .app-account-activity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

body.storefront-page.shell-app .app-checkout-summary-card {
    padding: 16px;
}

body.storefront-page.shell-app .app-checkout-form-shell .checkout-form {
    grid-template-columns: 1fr;
}

body.storefront-page.shell-app .home-page .content-wrap {
    gap: 14px;
}

body.storefront-page.shell-app .home-page .home-hero {
    min-height: 0;
    padding: 24px 22px 20px;
    grid-template-columns: 1fr;
}

body.storefront-page.shell-app .home-page .home-hero__visual {
    min-height: 280px;
    order: -1;
}

body.storefront-page.shell-app .home-page .showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

    body.storefront-page.shell-app .home-page .app-dashboard-products .app-product-card__body p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

body.storefront-page.shell-app .home-page .trust-grid,
body.storefront-page.shell-app .home-page .insight-grid {
    grid-template-columns: 1fr;
}

body.storefront-page.shell-app .home-page .home-section--trust:last-of-type {
    display: none;
}

body.storefront-page.shell-app .shop-page .shop-shell {
    position: sticky;
    top: 96px;
    z-index: 10;
    padding-bottom: 12px;
    background: linear-gradient(180deg, rgba(8, 8, 8, 0.98), rgba(8, 8, 8, 0.72), transparent);
}

body.storefront-page.shell-app .shop-page .shop-shell__head {
    grid-template-columns: 1fr auto;
    align-items: start;
}

body.storefront-page.shell-app .shop-page .shop-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.storefront-page.shell-app .shop-page .shop-filters .form-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

body.storefront-page.shell-app .shop-page .catalog-grid--storefront,
body.storefront-page.shell-app .wishlist-page .catalog-grid--storefront {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.storefront-page.shell-app .shop-page .showcase-card--storefront,
body.storefront-page.shell-app .wishlist-page .showcase-card--storefront {
    text-align: left;
}

body.storefront-page.shell-app .shop-page .showcase-card--storefront .inline-actions,
body.storefront-page.shell-app .wishlist-page .showcase-card--storefront .inline-actions {
    justify-content: stretch;
}

/* Page-specific refinement pass */
body.storefront-page.cart-page .content-wrap > section,
body.storefront-page.checkout-page .content-wrap > section,
body.storefront-page.account-page .content-wrap > section,
body.storefront-page.wishlist-page .content-wrap > section {
    margin-top: 0 !important;
}

body.storefront-page.cart-page .cart-payment-banner,
body.storefront-page.checkout-page .payment-mode-banner {
    display: grid;
    gap: 10px;
}

body.storefront-page.cart-page .cart-shell {
    overflow: hidden;
}

body.storefront-page.cart-page .cart-shell td,
body.storefront-page.cart-page .cart-shell th {
    vertical-align: top;
}

body.storefront-page.cart-page .cart-shell input[type="number"] {
    width: 92px;
    min-width: 0;
    text-align: center;
}

body.storefront-page.cart-page .cart-shell__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
}

body.storefront-page.cart-page .cart-shell__footer > .inline-actions {
    justify-content: flex-end;
    align-self: end;
    align-items: center;
    flex-wrap: wrap;
}

body.storefront-page.cart-page .cart-resource-links {
    gap: 10px;
}

body.storefront-page.cart-page .cart-resource-links .btn,
body.storefront-page.cart-page .cart-shell__footer .btn,
body.storefront-page.cart-page .cart-coupon-panel .btn,
body.storefront-page.cart-page .empty-state .btn {
    padding: 10px 16px;
    font-size: 0.78rem;
    letter-spacing: 0.1em;
}

body.storefront-page.cart-page .cart-resource-links .btn {
    min-height: 40px;
}

body.storefront-page.cart-page .empty-state .btn {
    min-width: 0;
    width: fit-content;
    justify-self: center;
}

body.storefront-page.cart-page .cart-shell__footer > .inline-actions {
    gap: 10px;
}

body.storefront-page.cart-page .cart-shell__footer > .inline-actions .btn,
body.storefront-page.cart-page .cart-coupon-panel .form-actions .btn {
    min-height: 42px;
}

body.storefront-page.cart-page .cart-coupon-panel {
    width: min(760px, 100%);
}

body.storefront-page.cart-page .cart-upsell-shell {
    margin-top: 0 !important;
}

body.storefront-page.checkout-page .checkout-layout--storefront {
    align-items: start;
    gap: 24px;
}

body.storefront-page.checkout-page .checkout-layout--storefront > article {
    overflow: hidden;
}

body.storefront-page.checkout-page .checkout-layout--storefront > article:last-child {
    position: sticky;
    top: 122px;
}

body.storefront-page.checkout-page .checkout-form {
    gap: 18px;
}

body.storefront-page.checkout-page .checkout-form > label[style*="display: flex"] {
    padding: 14px 16px;
    border: 1px solid rgba(182, 136, 41, 0.18);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.76);
}

body.storefront-page.checkout-page .payment-choice,
body.storefront-page.checkout-page .payment-pane {
    border: 1px solid rgba(182, 136, 41, 0.18);
    background: rgba(255, 255, 255, 0.78);
}

body.storefront-page.checkout-page .payment-pane {
    padding: 18px;
}

body.storefront-page.track-order-page .track-order-how {
    background: linear-gradient(180deg, #fffdf8 0%, #f9f0dc 100%);
    border-color: rgba(201, 152, 53, 0.24);
    box-shadow: 0 20px 42px rgba(152, 112, 31, 0.12);
}

body.storefront-page.track-order-page .track-order-how__list {
    gap: 14px;
}

body.storefront-page.track-order-page .track-order-how__list li {
    border: 1px solid rgba(201, 152, 53, 0.22);
    background: linear-gradient(180deg, #ffffff 0%, #fff7e8 100%);
    color: #3a2b14;
    box-shadow: 0 12px 24px rgba(181, 138, 55, 0.1);
}

body.storefront-page.track-order-page .order-timeline__step,
body.storefront-page.account-page .order-timeline__step {
    box-shadow: 0 12px 24px rgba(123, 95, 37, 0.08);
}

body.storefront-page.content-page .content-card--highlight,
body.storefront-page.info-page .faq-panel--highlight {
    background: linear-gradient(180deg, #fffdf8 0%, #f9f0dc 100%);
    border-color: rgba(201, 152, 53, 0.24);
    box-shadow: 0 20px 42px rgba(152, 112, 31, 0.12);
}

body.storefront-page.content-page .content-card__feature-list,
body.storefront-page.info-page .faq-panel--highlight {
    gap: 14px;
}

body.storefront-page.content-page .content-card--highlight .section-copy,
body.storefront-page.content-page .content-card--highlight .note,
body.storefront-page.info-page .faq-panel--highlight .note,
body.storefront-page.info-page .faq-panel--highlight .section-copy {
    color: #5b4728;
}

body.storefront-page.content-page .content-card--highlight .account-guidance__item,
body.storefront-page.content-page .content-card--highlight .list-clean li,
body.storefront-page.info-page .faq-panel--highlight {
    border: 1px solid rgba(201, 152, 53, 0.22);
    background: linear-gradient(180deg, #ffffff 0%, #fff7e8 100%);
    color: #3a2b14;
    box-shadow: 0 12px 24px rgba(181, 138, 55, 0.1);
}

body.storefront-page.info-page .faq-panel--highlight summary {
    cursor: pointer;
}

body.storefront-page.account-page .content-wrap {
    gap: 24px;
}

body.storefront-page.account-page .account-hero,
body.storefront-page.account-page .dashboard-grid {
    align-items: start;
}

body.storefront-page.account-page .account-hero__side {
    position: sticky;
    top: 122px;
}

body.storefront-page.account-page .account-metrics {
    gap: 14px;
}

body.storefront-page.account-page .table-card table {
    width: 100%;
}

body.storefront-page.account-page .chart-header {
    gap: 16px;
}

body.storefront-page.account-page .account-order-items,
body.storefront-page.account-page .account-order-item,
body.storefront-page.account-page .account-mini-list,
body.storefront-page.account-page .account-compact-list {
    gap: 12px;
}

body.storefront-page.account-page .admin-filter-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: end;
}

body.storefront-page.wishlist-page .section-head {
    margin-bottom: 0;
}

body.storefront-page.wishlist-page .catalog-grid--storefront {
    align-items: stretch;
}

body.storefront-page.wishlist-page .showcase-card--storefront {
    padding: 20px;
}

body.storefront-page.wishlist-page .wishlist-card__meta,
body.storefront-page.wishlist-page .wishlist-card__actions {
    justify-content: flex-start !important;
}

body.storefront-page.wishlist-page .wishlist-card__actions {
    margin-top: auto;
}

@media (min-width: 1201px) {
    body.storefront-page.checkout-page .checkout-layout--storefront {
        grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    }
}

@media (max-width: 1200px) {
    body.storefront-page.checkout-page .checkout-layout--storefront > article:last-child,
    body.storefront-page.account-page .account-hero__side {
        position: static;
    }

    body.storefront-page.account-page .admin-filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    body.storefront-page.cart-page .cart-shell__footer,
    body.storefront-page.account-page .admin-filter-form {
        grid-template-columns: 1fr;
    }

    body.storefront-page.cart-page .cart-shell__footer > .inline-actions,
    body.storefront-page.cart-page .cart-resource-links,
    body.storefront-page.wishlist-page .wishlist-card__actions {
        justify-content: stretch !important;
    }

    body.storefront-page.cart-page .cart-coupon-panel {
        width: 100%;
    }

    body.storefront-page.checkout-page .checkout-form > label[style*="display: flex"] {
        padding: 12px 14px;
    }
}

body.storefront-page.shell-app .shop-page .showcase-card--storefront .btn,
body.storefront-page.shell-app .wishlist-page .showcase-card--storefront .btn {
    width: 100%;
}

body.storefront-page.shell-app .product-page .product-layout--storefront {
    grid-template-columns: 1fr;
    gap: 12px;
}

body.storefront-page.shell-app .product-page .product-hero--storefront {
    order: -1;
}

body.storefront-page.shell-app .product-page .product-image {
    height: 340px;
}

body.storefront-page.shell-app .product-page .product-purchase-box {
    position: sticky;
    bottom: calc(78px + env(safe-area-inset-bottom));
    z-index: 12;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.34);
}

body.storefront-page.shell-app .checkout-page .checkout-layout--storefront {
    grid-template-columns: 1fr;
}

body.storefront-page.shell-app .checkout-page .checkout-layout--storefront > article:first-child {
    order: 2;
}

body.storefront-page.shell-app .checkout-page .checkout-layout--storefront > article:last-child {
    order: 1;
    position: sticky;
    top: 96px;
    z-index: 11;
}

body.storefront-page.shell-app .account-page .account-hero,
body.storefront-page.shell-app .account-page .dashboard-grid,
body.storefront-page.shell-app .account-page .summary-grid {
    grid-template-columns: 1fr;
}

body.storefront-page.shell-app .account-page .account-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 980px) {
    .highlight-banner,
    .split-callout,
    .product-layout,
    .account-layout,
    .checkout-layout,
    .account-hero,
    .site-footer__top {
        grid-template-columns: minmax(0, 1fr);
    }

    .metrics-grid,
    .dashboard-grid,
    .filters,
    .form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .hero-grid,
    .catalog-grid,
    .metrics-grid,
    .dashboard-grid,
    .two-col,
    .product-layout,
    .account-layout,
    .checkout-layout,
    .info-grid,
    .filters,
    .form-grid,
    .checkout-form,
    .settings-grid,
    .mini-grid,
    .summary-grid,
    .account-hero,
    .highlight-banner,
    .split-callout,
    .site-footer__top,
    .site-footer__links,
    .bank-transfer-dialog__details {
        grid-template-columns: minmax(0, 1fr);
    }

    .inline-actions,
    .form-actions,
    .footer-actions,
    .pagination-bar,
    .shop-shell__head,
    .chart-header,
    .account-progress__head {
        flex-direction: column;
        align-items: stretch;
    }

    body.storefront-page.shell-app .app-dashboard-stats,
    body.storefront-page.shell-app .app-spotlight-row,
    body.storefront-page.shell-app .app-product-facts,
    .product-proof-grid,
    body.storefront-page.shell-app .app-lane-grid,
    body.storefront-page.shell-app .app-action-grid,
    body.storefront-page.shell-app .app-product-benefits,
    body.storefront-page.shell-app .app-catalog-grid,
    body.storefront-page.shell-app .app-account-metrics,
    body.storefront-page.shell-app .app-account-summary-grid,
    body.storefront-page.shell-app .app-account-activity-grid {
        grid-template-columns: 1fr;
    }

    body.storefront-page.shell-app .app-product-card,
    body.storefront-page.shell-app .app-catalog-card,
    body.storefront-page.shell-app .app-product-hero {
        grid-template-columns: 1fr;
    }

    body.storefront-page.shell-app .app-product-card__media,
    body.storefront-page.shell-app .app-catalog-card__media {
        min-height: 220px;
    }

    .showcase-card__media.media-card--landscape,
    body.storefront-page.shell-app .app-product-card__media.media-card--landscape,
    body.storefront-page.shell-app .app-catalog-card__media.media-card--landscape,
    .hero-product__media.media-card--landscape {
        aspect-ratio: 16 / 11;
    }

    body.storefront-page.shell-app .app-product-purchase-box__head {
        display: grid;
    }

    body.storefront-page.shell-app .home-page .showcase-grid,
    body.storefront-page.shell-app .shop-page .catalog-grid--storefront,
    body.storefront-page.shell-app .wishlist-page .catalog-grid--storefront,
    body.storefront-page.shell-app .account-page .account-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.storefront-page.shell-app .shop-page .shop-filters {
        grid-template-columns: 1fr;
    }

    body.storefront-page.shell-app .product-page .product-purchase-box {
        bottom: calc(84px + env(safe-area-inset-bottom));
    }

    body.storefront-page.shell-app .checkout-page .checkout-layout--storefront > article:last-child {
        top: 74px;
    }

    .hero-product--1 {
        right: 24px;
        bottom: 24px;
    }

    .hero-product--2 {
        left: 0;
    }

    .hero-product--3 {
        right: 150px;
    }

    .hero-product--4 {
        right: -2px;
    }

    .home-section {
        padding: 24px 18px;
    }

    .home-divider {
        grid-template-columns: 1fr;
    }

    .home-divider::before,
    .home-divider::after {
        display: none;
    }
}
 
@media (max-width: 760px) {
    body.storefront-page.shell-web .site-header.app-topbar {
        grid-template-columns: 1fr;
        border-radius: 0;
        border-bottom-width: 1px;
        padding-inline: 0;
        background:
            radial-gradient(circle at top center, rgba(243, 216, 143, 0.2), transparent 34%),
            linear-gradient(180deg, rgba(24, 20, 16, 0.98), rgba(7, 6, 5, 0.98));
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
    }

    body.storefront-page.shell-web .site-header__inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-areas:
            'notice notice notice'
            'brand brand brand'
            'account cart menu';
        align-items: center;
        gap: 12px 10px;
        padding: 14px 16px 18px;
        justify-items: stretch;
    }

    body.storefront-page.shell-web .site-header-mobile-search {
        display: block;
        border-left: 3px solid rgba(203, 163, 74, 0.24);
        border-right: 3px solid rgba(203, 163, 74, 0.24);
        border-bottom: 3px solid rgba(203, 163, 74, 0.24);
        background: linear-gradient(180deg, rgba(10, 10, 10, 0.98), rgba(4, 4, 4, 0.98));
        margin-top: -1px;
        position: relative;
    }

    body.storefront-page.shell-web .site-header-mobile-search::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background: linear-gradient(90deg, rgba(243, 216, 143, 0.18), rgba(243, 216, 143, 0.92) 18%, rgba(217, 180, 93, 0.98) 50%, rgba(243, 216, 143, 0.92) 82%, rgba(243, 216, 143, 0.18));
    }

    body.storefront-page.shell-web .site-header-mobile-search__inner {
        max-width: 1320px;
        margin: 0 auto;
        padding: 10px 12px 12px;
    }

    body.storefront-page.shell-web .site-header__mobile-strip {
        grid-area: notice;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 40px;
        padding: 9px 14px;
        border: 1px solid rgba(243, 216, 143, 0.22);
        border-radius: 999px;
        background: linear-gradient(180deg, rgba(255, 244, 219, 0.1), rgba(203, 163, 74, 0.1));
        color: #f8e1a1;
        font-size: 0.69rem;
        font-weight: 800;
        letter-spacing: 0.13em;
        text-transform: uppercase;
        text-align: center;
        box-shadow: inset 0 1px 0 rgba(255, 244, 219, 0.08), 0 12px 24px rgba(0, 0, 0, 0.18);
    }

    body.storefront-page.shell-web .site-header__mobile-strip::before {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: radial-gradient(circle at center, #ffe29a 0%, #d3a84c 72%);
        box-shadow: 0 0 0 4px rgba(243, 216, 143, 0.12);
    }

    body.storefront-page.shell-web .site-header__mobile-quicklink {
        grid-area: account;
        display: flex;
        align-items: center;
        justify-content: stretch;
    }

    body.storefront-page.shell-web .site-header__mobile-action {
        display: inline-grid;
        position: relative;
        grid-auto-flow: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: 76px;
        min-height: 62px;
        padding: 10px 10px 9px;
        border: 1px solid rgba(243, 216, 143, 0.18);
        border-radius: 20px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02)),
            rgba(18, 14, 11, 0.92);
        color: #f3d88f;
        font-size: 0.64rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.1;
        box-shadow: 0 16px 28px rgba(0, 0, 0, 0.22);
    }

    body.storefront-page.shell-web .site-header__mobile-action::before {
        content: '';
        width: 18px;
        height: 18px;
        background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d88f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
    }

    body.storefront-page.shell-web .site-header__mobile-action span {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: nowrap;
        border: 0;
    }

    body.storefront-page.shell-web .site-header__mobile-action:hover {
        border-color: rgba(243, 216, 143, 0.44);
        color: #f8df98;
        transform: translateY(-1px);
    }

    body.storefront-page.shell-web .site-header__brand-block {
        grid-area: brand;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 0;
    }

    body.storefront-page.shell-web .brand {
        width: auto;
        margin-inline: auto;
        padding: 4px 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.storefront-page.shell-web .brand-lockup {
        display: none;
    }

    /* Use desktop logo on mobile at a clear fixed size */
    body.storefront-page.shell-web .app-topbar .brand-logo--desktop {
        display: block;
        width: 160px;
        height: auto;
        max-height: none;
        object-fit: contain;
        object-position: center;
        border-radius: 0;
        border: 0;
        box-shadow: none;
    }

    body.storefront-page.shell-web .app-topbar .brand-logo--mobile {
        display: none;
    }

    body.storefront-page.shell-web .site-header__tools,
    body.storefront-page.shell-web .site-header__actions {
        display: contents;
    }

    body.storefront-page.shell-web .site-header__actions {
        grid-template-columns: 1fr;
    }

    body.storefront-page.shell-web .site-header__controls {
        display: contents;
    }

    body.storefront-page.shell-web .site-header-cart,
    body.storefront-page.shell-web .mobile-nav-toggle {
        display: inline-grid !important;
        align-items: center;
        justify-content: center;
        min-width: 76px;
        width: 100%;
        min-height: 62px;
        padding: 10px 8px 9px;
        border-radius: 20px;
        border: 1px solid rgba(243, 216, 143, 0.18);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02)),
            rgba(18, 14, 11, 0.92);
        box-shadow: 0 16px 28px rgba(0, 0, 0, 0.22);
    }

    body.storefront-page.shell-web .site-header-cart {
        grid-area: cart;
        position: relative;
        grid-auto-flow: row;
        align-items: center;
        justify-content: center;
        gap: 4px;
        color: #f3d88f;
        text-align: center;
    }

    body.storefront-page.shell-web .site-header-cart::before {
        content: '';
        width: 18px;
        height: 18px;
        background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d88f' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8h10l-1 11H8L7 8Z'/%3E%3Cpath d='M9 8V7a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E");
    }

    body.storefront-page.shell-web .site-header-cart__label {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: nowrap;
        border: 0;
        color: rgba(255, 244, 219, 0.82);
        font-size: 0.64rem;
        letter-spacing: 0.14em;
    }

    body.storefront-page.shell-web .site-header-cart__total {
        display: none;
    }

    body.storefront-page.shell-web .site-header-cart__count {
        position: absolute;
        top: 8px;
        right: 8px;
        display: inline-grid;
        place-items: center;
        min-width: 24px;
        min-height: 24px;
        padding: 0 6px;
        border-radius: 999px;
        background: linear-gradient(180deg, #f0ca79 0%, #d7a247 100%);
        color: #1b1308;
        font-size: 0.64rem;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
    }

    body.storefront-page.shell-web .site-header-cart__count-text {
        display: none;
    }

    body.storefront-page.shell-web .mobile-nav-toggle {
        grid-area: menu;
        color: #f3d88f;
        gap: 4px;
        position: relative;
        grid-template-rows: auto auto;
    }

    body.storefront-page.shell-web .mobile-nav-toggle__line {
        display: none;
    }

    body.storefront-page.shell-web .mobile-nav-toggle::before {
        content: '';
        width: 20px;
        height: 20px;
        display: block;
        margin: 0 auto;
        background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d88f' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 7h16'/%3E%3Cpath d='M4 12h16'/%3E%3Cpath d='M4 17h16'/%3E%3C/svg%3E");
    }

    body.storefront-page.shell-web .site-header.is-menu-open .mobile-nav-toggle::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f8e2a4' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E");
    }

    body.storefront-page.shell-web .mobile-nav-toggle__label {
        display: inline-block;
        color: rgba(255, 244, 219, 0.82);
        font-size: 0.64rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        text-transform: uppercase;
    }

    body.storefront-page.shell-web .mobile-nav-toggle:hover,
    body.storefront-page.shell-web .site-header-cart:hover,
    body.storefront-page.shell-web .site-header__mobile-action:hover {
        border-color: rgba(243, 216, 143, 0.36);
        transform: translateY(-1px);
    }

    body.storefront-page.shell-web .site-header-search--mobile {
        display: block;
        width: 100%;
        margin: 0;
    }

    body.storefront-page.shell-web .site-header__actions > .site-header-search:not(.site-header-search--mobile) {
        display: none;
    }

    body.storefront-page.shell-web .site-header-search--mobile .site-header-search__field {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        min-height: 56px;
        padding: 8px 8px 8px 14px;
        border: 1px solid rgba(243, 216, 143, 0.18);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.06);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 24px rgba(0, 0, 0, 0.18);
    }

    body.storefront-page.shell-web .site-header-search--mobile .site-header-search__field input {
        padding: 10px 8px;
        font-size: 0.95rem;
    }

    body.storefront-page.shell-web .site-header-search--mobile .site-header-search__field button {
        min-width: 88px;
        min-height: 40px;
        padding: 0 16px;
        border-radius: 16px;
        font-size: 0.8rem;
    }

    body.storefront-page.shell-web .site-marquee {
        margin-top: 0;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        box-shadow: none;
    }

    body.storefront-page.shell-web .site-marquee__viewport {
        border-radius: 0;
    }

    body.storefront-page.shell-web .app-bottom-nav {
        display: none !important;
    }

    body.storefront-page.shell-web .site-shell,
    body.storefront-page.shell-web .site-footer {
        margin-bottom: 0;
    }

    body.storefront-page.shell-web .site-subnav {
        padding: max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
        background: rgba(7, 6, 5, 0.72);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        z-index: 210;
    }

    body.storefront-page.shell-web .site-header.is-menu-open ~ .site-subnav {
        display: block;
    }

    body.storefront-page.shell-web .site-subnav__inner {
        width: 100%;
        max-width: none;
        margin: 0;
        align-items: flex-start;
        justify-content: center;
    }

    body.storefront-page.shell-web .site-subnav__panel {
        width: min(100%, 420px);
        max-width: 100%;
        min-height: 0;
        min-width: 0;
        max-height: min(calc(100vh - 116px), 760px);
        padding: 18px;
        border: 1px solid rgba(243, 216, 143, 0.2);
        border-radius: 28px;
        background:
            linear-gradient(180deg, rgba(243, 216, 143, 0.07), transparent 20%),
            linear-gradient(180deg, rgba(20, 16, 12, 0.98), rgba(9, 8, 7, 0.99));
        box-shadow: 0 26px 58px rgba(0, 0, 0, 0.42);
        transform: translateY(16px) scale(0.98);
        opacity: 0;
        transition: transform 220ms ease, opacity 220ms ease;
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
    }

    body.storefront-page.shell-web .site-subnav__panel::before {
        display: none;
    }

    body.storefront-page.shell-web .site-header.is-menu-open ~ .site-subnav .site-subnav__panel {
        transform: translateY(0) scale(1);
        opacity: 1;
    }

    body.storefront-page.shell-web .site-subnav__mobile-head {
        gap: 14px;
        padding: 0 0 14px;
        margin-bottom: 2px;
        border-bottom: 1px solid rgba(243, 216, 143, 0.12);
    }

    body.storefront-page.shell-web .site-subnav__eyebrow {
        color: rgba(243, 216, 143, 0.72);
        font-size: 0.66rem;
        letter-spacing: 0.16em;
    }

    body.storefront-page.shell-web .site-subnav__title {
        margin-top: 4px;
        font-size: 1.1rem;
        letter-spacing: 0.1em;
    }

    body.storefront-page.shell-web .site-subnav__mobile-actions {
        gap: 10px;
    }

    body.storefront-page.shell-web .site-subnav__cart-link {
        min-height: 42px;
        padding: 10px 14px;
        border-radius: 14px;
        font-size: 0.72rem;
        letter-spacing: 0.12em;
    }

    body.storefront-page.shell-web .site-subnav__close {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.03);
    }

    body.storefront-page.shell-web .site-nav-group,
    body.storefront-page.shell-web .site-subnav__meta {
        gap: 10px;
        min-width: 0;
        padding: 14px;
        border: 1px solid rgba(243, 216, 143, 0.12);
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
    }

    body.storefront-page.shell-web .site-nav-group__label {
        color: rgba(243, 216, 143, 0.84);
        font-size: 0.64rem;
        letter-spacing: 0.16em;
    }

    body.storefront-page.shell-web .site-nav,
    body.storefront-page.shell-web .site-nav--primary,
    body.storefront-page.shell-web .site-nav--secondary {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        min-width: 0;
        margin: 0;
        flex-wrap: nowrap;
    }

    body.storefront-page.shell-web .site-nav {
        gap: 10px;
    }

    body.storefront-page.shell-web .site-nav a,
    body.storefront-page.shell-web .ghost-link,
    body.storefront-page.shell-web .nav-dropdown__trigger {
        min-height: 48px;
        padding: 13px 16px;
        border: 1px solid rgba(243, 216, 143, 0.12);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.025);
        color: #f7e7be;
        font-size: 0.92rem;
        font-weight: 700;
        letter-spacing: 0.01em;
        box-shadow: none;
        justify-content: flex-start;
        text-align: left;
    }

    body.storefront-page.shell-web .site-nav a::before,
    body.storefront-page.shell-web .ghost-link::before,
    body.storefront-page.shell-web .nav-dropdown__trigger::before {
        content: none;
        display: none !important;
    }

    body.storefront-page.shell-web .site-nav a::after,
    body.storefront-page.shell-web .ghost-link::after {
        content: none;
        display: none !important;
    }

    body.storefront-page.shell-web .nav-dropdown__trigger::after {
        content: none;
        display: none !important;
    }

    body.storefront-page.shell-web .site-nav a.active,
    body.storefront-page.shell-web .site-nav a:hover,
    body.storefront-page.shell-web .ghost-link:hover,
    body.storefront-page.shell-web .nav-dropdown.is-active .nav-dropdown__trigger,
    body.storefront-page.shell-web .nav-dropdown.is-open .nav-dropdown__trigger {
        color: #f3d88f;
        border-color: rgba(243, 216, 143, 0.28);
        background: linear-gradient(180deg, rgba(63, 46, 19, 0.5), rgba(28, 22, 12, 0.72));
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    body.storefront-page.shell-web .nav-dropdown {
        width: 100%;
        gap: 8px;
        min-width: 0;
    }

    body.storefront-page.shell-web .nav-dropdown__trigger {
        justify-content: space-between;
    }

    body.storefront-page.shell-web .site-subnav .nav-dropdown__menu {
        position: static;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-top: 0;
        padding: 8px;
        display: none;
        grid-auto-flow: row;
        grid-template-rows: none;
        grid-template-columns: 1fr;
        grid-auto-columns: unset;
        gap: 4px;
        align-items: stretch;
        border: 1px solid rgba(243, 216, 143, 0.1);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.03);
        box-shadow: none;
        max-height: none;
        overflow: visible;
    }

    body.storefront-page.shell-web .site-subnav .nav-dropdown.is-open .nav-dropdown__menu {
        display: grid;
        transform: none;
        left: auto;
        top: auto;
        opacity: 1;
        visibility: visible;
    }

    body.storefront-page.shell-web .site-subnav .nav-dropdown__menu a {
        min-width: 0;
        min-height: 42px;
        padding: 10px 14px;
        border-radius: 12px;
        font-size: 0.84rem;
        color: rgba(244, 229, 196, 0.9);
        justify-content: flex-start;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.storefront-page.shell-web .site-subnav .nav-dropdown__menu a::after {
        content: none;
        display: none !important;
    }

    body.storefront-page.shell-web .site-nav-group--account .site-nav {
        grid-template-columns: 1fr;
    }

    body.storefront-page.shell-web .site-nav-group--account .ghost-link {
        min-height: 48px;
        align-items: center;
        font-size: 0.86rem;
        letter-spacing: 0.02em;
        text-transform: none;
    }

    body.storefront-page.shell-web .site-subnav__meta-list {
        display: grid;
        gap: 10px;
    }

    body.storefront-page.shell-web .site-subnav__meta-list a {
        min-height: 48px;
        padding: 13px 16px;
        border: 1px solid rgba(243, 216, 143, 0.12);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.025);
        color: #f7e7be;
        font-size: 0.88rem;
        font-weight: 600;
        display: flex;
        align-items: center;
    }
    body.storefront-page.shell-web {
        background-attachment: scroll, scroll, scroll, scroll, scroll;
    }

    body.storefront-page.shell-web .content-wrap {
        width: min(100%, calc(100% - 10px));
        gap: 12px;
    }

    body.storefront-page.shell-web input,
    body.storefront-page.shell-web select,
    body.storefront-page.shell-web textarea {
        font-size: 16px;
    }

    body.storefront-page.shell-web .btn {
        min-height: 44px;
        padding: 11px 16px;
        font-size: 0.78rem;
        letter-spacing: 0.09em;
        justify-content: center;
    }

    body.storefront-page.shell-web .home-section,
    body.storefront-page.shell-web .shop-shell,
    body.storefront-page.shell-web .pagination-shell,
    body.storefront-page.shell-web .product-shell,
    body.storefront-page.shell-web .section-head,
    body.storefront-page.shell-web .panel,
    body.storefront-page.shell-web .table-card,
    body.storefront-page.shell-web .auth-shell,
    body.storefront-page.shell-web .product-copy--storefront,
    body.storefront-page.shell-web .product-purchase-box,
    body.storefront-page.shell-web .faq-item,
    body.storefront-page.shell-web .empty-state {
        padding: 16px;
        border-radius: 18px;
    }

    body.storefront-page.shell-web .section-head {
        gap: 8px;
    }

    body.storefront-page.shell-web .section-title {
        font-size: clamp(1.7rem, 8vw, 2.3rem);
        line-height: 0.98;
    }

    body.storefront-page.shell-web .section-copy,
    body.storefront-page.shell-web .note {
        font-size: 0.95rem;
        line-height: 1.55;
    }

    body.storefront-page.shell-web .btn-secondary {
        background: rgba(255, 255, 255, 0.94);
        color: #17120c;
        border-color: rgba(17, 17, 17, 0.08);
        box-shadow: none;
    }

    body.storefront-page.shell-web .home-hero--editorial {
        padding: 20px 18px;
        gap: 16px;
    }

    body.storefront-page.shell-web .home-hero__copy {
        gap: 14px;
    }

    body.storefront-page.shell-web .home-hero__frame {
        padding: 18px;
        gap: 14px;
        border-radius: 24px;
    }

    body.storefront-page.shell-web .home-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.storefront-page.shell-web .home-stat-card {
        padding: 14px;
        border-radius: 18px;
    }

    body.storefront-page.shell-web .home-stat-card:last-child {
        grid-column: 1 / -1;
    }

    body.storefront-page.shell-web .home-stat-card strong {
        font-size: 1.6rem;
    }

    body.storefront-page.shell-web .home-hero__product-stack {
        gap: 10px;
    }

    body.storefront-page.shell-web .home-hero__product-stack .hero-product {
        padding: 10px;
        border-radius: 18px;
    }

    body.storefront-page.shell-web .home-hero__product-stack .hero-product__media {
        height: 140px;
    }

    body.storefront-page.shell-web .shop-shell__head {
        gap: 12px;
    }

    body.storefront-page.shell-web .shop-filters {
        padding: 14px;
        gap: 12px;
    }

    body.storefront-page.shell-web .showcase-card--storefront {
        padding: 14px;
        gap: 12px;
    }

    body.storefront-page.shell-web .showcase-card--storefront h3 {
        font-size: 1.05rem;
    }

    body.storefront-page.shell-web .showcase-card--storefront .showcase-card__media {
        min-height: 208px;
        border-radius: 18px;
    }

    body.storefront-page.shell-web .showcase-card--storefront .inline-actions {
        width: 100%;
    }

    body.storefront-page.shell-web .showcase-card--storefront .inline-actions .btn {
        width: 100%;
    }

    /* ── Shop page: compact horizontal card on mobile ── */
    body.storefront-page.shell-web.shop-page .zay-product-card {
        grid-template-columns: 130px minmax(0, 1fr);
        grid-template-rows: auto;
        align-items: start;
        gap: 0 14px;
        padding: 12px;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card .showcase-card__media {
        grid-row: 1 / 4;
        aspect-ratio: 1 / 1;
        width: 130px;
        height: 130px;
        min-height: 0;
        border-radius: 16px;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card .tag-row {
        justify-content: flex-start !important;
        margin-top: 0 !important;
        flex-wrap: wrap;
        gap: 6px;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card h3 {
        font-size: 0.96rem;
        line-height: 1.25;
        margin: 4px 0;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card p {
        display: none;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card .product-proof-tags {
        flex-wrap: wrap;
        gap: 4px;
        margin-top: 4px;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card .price-line {
        margin: 6px 0 0;
        font-size: 1rem;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card .inline-actions {
        margin-top: 8px;
        width: 100%;
    }

    body.storefront-page.shell-web.shop-page .zay-product-card .inline-actions .btn {
        width: 100%;
        min-height: 38px;
        padding: 8px 12px;
        font-size: 0.78rem;
    }

    /* Also fix zay-shop sidebar styling on shell-web mobile */
    body.storefront-page.shell-web .zay-shop-sidebar {
        padding: 16px;
        border-radius: 20px;
        border: 1px solid rgba(203, 163, 74, 0.18);
        background: linear-gradient(180deg, rgba(18, 15, 12, 0.97), rgba(9, 8, 7, 0.98));
        box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
    }

    body.storefront-page.shell-web .zay-shop-sidebar__title {
        color: #f3d88f;
        font-size: 1rem !important;
        margin-bottom: 12px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    body.storefront-page.shell-web .zay-shop-filters label {
        color: rgba(243, 216, 143, 0.82);
        font-size: 0.8rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    body.storefront-page.shell-web .zay-shop-toolbar {
        padding: 16px;
        border-radius: 20px;
        margin-bottom: 14px;
        border: 1px solid rgba(203, 163, 74, 0.14);
        background: linear-gradient(180deg, rgba(18, 15, 12, 0.97), rgba(9, 8, 7, 0.98));
    }

    body.storefront-page.shell-web .zay-shop-products {
        margin-top: 0;
    }

    body.storefront-page.shell-web .product-page .product-layout--storefront {
        gap: 14px !important;
    }

    body.storefront-page.shell-web .product-page .product-image {
        height: 272px;
    }

    body.storefront-page.shell-web .product-page .zay-product-details h1,
    body.storefront-page.shell-web .product-page .product-copy--storefront h1 {
        font-size: clamp(2.2rem, 10vw, 3rem);
        line-height: 0.96;
    }

    body.storefront-page.shell-web .product-page .summary-grid,
    body.storefront-page.shell-web .product-page .product-proof-tags {
        gap: 10px;
    }

    body.storefront-page.shell-web .product-page .hero-actions,
    body.storefront-page.shell-web .product-page .zay-product-purchase .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.storefront-page.shell-web .product-page .zay-product-purchase > .btn,
    body.storefront-page.shell-web .product-page .hero-actions .btn {
        width: 100%;
    }

    body.storefront-page.shell-web .cart-page .cart-shell {
        padding: 12px;
        overflow: visible;
    }

    body.storefront-page.shell-web .cart-page .cart-shell table,
    body.storefront-page.shell-web .cart-page .cart-shell tbody,
    body.storefront-page.shell-web .cart-page .cart-shell tr,
    body.storefront-page.shell-web .cart-page .cart-shell td {
        display: block;
        width: 100%;
    }

    body.storefront-page.shell-web .cart-page .cart-shell thead {
        display: none;
    }

    body.storefront-page.shell-web .cart-page .cart-shell tbody {
        display: grid;
        gap: 10px;
    }

    body.storefront-page.shell-web .cart-page .cart-shell tr {
        padding: 12px;
        border: 1px solid rgba(203, 163, 74, 0.18);
        border-radius: 14px;
        background: linear-gradient(180deg, rgba(22, 19, 16, 0.95), rgba(10, 10, 10, 0.96));
        box-shadow: 0 12px 26px rgba(0, 0, 0, 0.16);
    }

    body.storefront-page.shell-web .cart-page .cart-shell td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 0;
        border: 0;
    }

    body.storefront-page.shell-web .cart-page .cart-shell td + td {
        margin-top: 6px;
    }

    body.storefront-page.shell-web .cart-page .cart-shell td:first-child {
        display: grid;
        gap: 4px;
    }

    body.storefront-page.shell-web .cart-page .cart-shell td:nth-child(2)::before,
    body.storefront-page.shell-web .cart-page .cart-shell td:nth-child(3)::before,
    body.storefront-page.shell-web .cart-page .cart-shell td:nth-child(4)::before {
        color: #bda46c;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    body.storefront-page.shell-web .cart-page .cart-shell td:nth-child(2)::before {
        content: 'Price';
    }

    body.storefront-page.shell-web .cart-page .cart-shell td:nth-child(3)::before {
        content: 'Quantity';
    }

    body.storefront-page.shell-web .cart-page .cart-shell td:nth-child(4)::before {
        content: 'Total';
    }

    body.storefront-page.shell-web .cart-page .cart-shell input[type='number'] {
        width: 92px;
        margin-left: auto;
    }

    body.storefront-page.shell-web .cart-page .cart-payment-banner {
        gap: 8px;
        padding: 14px 16px;
        border-radius: 16px;
    }

    body.storefront-page.shell-web .cart-page .cart-resource-links {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 10px !important;
    }

    body.storefront-page.shell-web .cart-page .cart-resource-links .btn {
        width: 100%;
        min-height: 38px;
        padding: 9px 10px;
        font-size: 0.7rem;
        letter-spacing: 0.08em;
    }

    body.storefront-page.shell-web .cart-page .empty-state {
        display: grid;
        gap: 10px;
        padding: 18px 16px;
        text-align: left;
    }

    body.storefront-page.shell-web .cart-page .empty-state .section-title,
    body.storefront-page.shell-web .cart-page .empty-state h2 {
        font-size: clamp(1.9rem, 8vw, 2.4rem);
        margin: 0;
    }

    body.storefront-page.shell-web .cart-page .empty-state .btn {
        justify-self: flex-start;
        width: auto;
        min-width: 0;
    }

    body.storefront-page.shell-web .cart-page .cart-shell__footer {
        gap: 16px;
    }

    body.storefront-page.shell-web .cart-page .cart-shell__footer > .inline-actions {
        gap: 8px;
    }

    body.storefront-page.shell-web .cart-page .cart-shell__footer > .inline-actions .btn {
        width: 100%;
    }

    body.storefront-page.shell-web .checkout-page .checkout-form {
        gap: 12px;
    }

    body.storefront-page.shell-web .checkout-page .checkout-form > label {
        padding: 12px 14px;
        border: 1px solid rgba(182, 136, 41, 0.18);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.04);
    }

    body.storefront-page.shell-web .checkout-page .checkout-form > label[style*='display: flex'] {
        gap: 12px;
        align-items: flex-start;
    }

    body.storefront-page.shell-web .checkout-page .payment-mode-banner,
    body.storefront-page.shell-web .checkout-page .payment-choice,
    body.storefront-page.shell-web .checkout-page .payment-pane {
        padding: 14px;
        border-radius: 16px;
    }

    body.storefront-page.shell-web .site-footer {
        margin-top: 24px;
        padding: 0;
    }

    body.storefront-page.shell-web .site-footer__top {
        gap: 12px;
        padding: 16px 0 14px;
    }

    body.storefront-page.shell-web .site-footer__main,
    body.storefront-page.shell-web .site-footer__bottom-inner {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.storefront-page.shell-web .site-footer__column {
        padding: 12px 12px 14px;
    }

    body.storefront-page.shell-web .site-footer__column h3,
    body.storefront-page.shell-web .site-footer__logo {
        padding-bottom: 10px;
        font-size: 0.94rem;
    }

    body.storefront-page.shell-web .site-footer__logo {
        font-size: 1.32rem;
    }

    body.storefront-page.shell-web .site-footer__list li,
    body.storefront-page.shell-web .site-footer__list a,
    body.storefront-page.shell-web .site-footer__legalbox p {
        font-size: 0.86rem;
    }

    body.storefront-page.shell-web .site-footer__social {
        gap: 8px;
    }

    body.storefront-page.shell-web .site-footer__social a {
        min-height: 32px;
        padding: 0 10px;
        font-size: 0.7rem;
    }

    body.storefront-page.shell-web .site-footer__utility-row {
        gap: 12px;
        padding-top: 14px;
        padding-bottom: 16px;
    }

    body.storefront-page.shell-web .site-footer__legalbox {
        padding: 12px;
    }

    body.storefront-page.shell-web .site-footer__links {
        gap: 14px;
        justify-items: stretch;
    }

    body.storefront-page.shell-web .site-footer__column a {
        width: 100%;
        min-height: 40px;
        align-items: center;
        padding: 8px 0;
    }

    body.storefront-page.shell-web .site-footer__contact a {
        width: 100%;
        justify-content: center;
    }

    /* ── Mobile nav: Shop dropdown expands inline (accordion) ── */
    body:not(.admin-shell) .site-subnav .nav-dropdown__menu {
        position: static;
        transform: none;
        left: auto;
        top: auto;
        display: flex;
        flex-direction: column;
        gap: 2px;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        border-radius: 0;
        transition: max-height 280ms ease, opacity 220ms ease, padding 220ms ease;
    }

    body:not(.admin-shell) .site-subnav .nav-dropdown.is-open .nav-dropdown__menu {
        opacity: 1;
        visibility: visible;
        max-height: 70vh;
        padding: 6px 0 6px 16px;
        overflow-y: auto;
    }

    body:not(.admin-shell) .site-subnav .nav-dropdown__menu a {
        color: rgba(243, 216, 143, 0.75);
        padding: 7px 10px;
        border-radius: 8px;
        font-size: 0.9rem;
    }

    body:not(.admin-shell) .site-subnav .nav-dropdown__menu a:hover {
        color: #f3d88f;
        background: rgba(243, 216, 143, 0.07);
    }

    body:not(.admin-shell) .site-subnav .nav-dropdown__chevron {
        transition: transform 220ms ease;
    }

    body:not(.admin-shell) .site-subnav .nav-dropdown.is-open .nav-dropdown__chevron {
        transform: rotate(180deg);
    }
    }

    @media (min-width: 560px) and (max-width: 760px) {
        body.storefront-page.shell-web .shop-page .catalog-grid--storefront,
        body.storefront-page.shell-web .wishlist-page .catalog-grid--storefront,
        body.storefront-page.shell-web .bundles-page .catalog-grid--storefront,
        body.storefront-page.shell-web .bundle-page .catalog-grid--storefront,
        body.storefront-page.shell-web .cart-page .cart-upsell-shell .catalog-grid--storefront {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
        }
    }


/* =========================================================
   ADMIN SHELL — LIGHT-MODE COMPONENT OVERRIDES
   All rules scoped to body.admin-shell to fix dark-themed
   components displaying in the warm-cream light admin context
   ========================================================= */

/* ─── STATUS PILLS ─── */
/* Give named status classes proper colored badge styles */
body.admin-shell .status-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background: rgba(17, 17, 17, 0.07);
    color: #374151;
    border-color: rgba(17, 17, 17, 0.1);
    font-size: 0.74rem;
    font-weight: 600;
}

body.admin-shell .status-pill.pending,
body.admin-shell .status-pending {
    background: #fef3c7;
    color: #78350f;
    border: 1px solid rgba(120, 53, 15, 0.2);
}

body.admin-shell .status-pill.processing,
body.admin-shell .status-processing {
    background: #dbeafe;
    color: #1e3a8a;
    border: 1px solid rgba(30, 58, 138, 0.2);
}

body.admin-shell .status-pill.shipped,
body.admin-shell .status-shipped {
    background: #e0f2fe;
    color: #0c4a6e;
    border: 1px solid rgba(12, 74, 110, 0.2);
}

body.admin-shell .status-pill.complete,
body.admin-shell .status-complete {
    background: #dcfce7;
    color: #14532d;
    border: 1px solid rgba(20, 83, 45, 0.2);
}

body.admin-shell .status-pill.cancelled,
body.admin-shell .status-cancelled {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid rgba(153, 27, 27, 0.2);
}

/* ─── TABLE STYLES ─── */
body.admin-shell .table-card thead {
    background: #f1f5f9;
}

body.admin-shell .table-card th {
    color: #374151;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    border-bottom: 2px solid rgba(17, 17, 17, 0.1);
}

body.admin-shell .table-card td {
    border-bottom-color: rgba(17, 17, 17, 0.06);
    color: #15120d;
}

body.admin-shell .table-card tbody tr:hover {
    background: rgba(213, 168, 74, 0.07);
}

/* ─── BASE DASHBOARD CARDS (no variant) ─── */
body.admin-shell .admin-dashboard-highlight,
body.admin-shell .admin-dashboard-action,
body.admin-shell .admin-dashboard-status-item {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.08);
    box-shadow: 0 1px 5px rgba(33, 23, 10, 0.06);
}

body.admin-shell .admin-dashboard-highlight:hover,
body.admin-shell .admin-dashboard-action:hover {
    background: linear-gradient(180deg, #fffbef, #fffdf8);
    border-color: rgba(184, 135, 45, 0.32);
    box-shadow: 0 3px 12px rgba(33, 23, 10, 0.1);
}

body.admin-shell .admin-dashboard-highlight strong,
body.admin-shell .admin-dashboard-status-item strong {
    color: #b87c0a;
}

/* ─── VARIANT DASHBOARD CARDS ─── */
body.admin-shell .admin-dashboard-highlight--attention,
body.admin-shell .admin-dashboard-status-item--attention,
body.admin-shell .admin-dashboard-summary-item--attention,
body.admin-shell .dashboard-disclosure-card--attention,
body.admin-shell .metric--attention {
    background: linear-gradient(180deg, #fff5f5, #fef2f2);
    border-color: rgba(220, 38, 38, 0.2);
    box-shadow: 0 1px 5px rgba(220, 38, 38, 0.07);
}

body.admin-shell .admin-dashboard-highlight--warning,
body.admin-shell .admin-dashboard-status-item--warning,
body.admin-shell .admin-dashboard-summary-item--warning,
body.admin-shell .dashboard-disclosure-card--warning,
body.admin-shell .metric--warning {
    background: linear-gradient(180deg, #fffbeb, #fef3c7);
    border-color: rgba(184, 135, 45, 0.26);
    box-shadow: 0 1px 5px rgba(184, 135, 45, 0.08);
}

body.admin-shell .admin-dashboard-highlight--info,
body.admin-shell .admin-dashboard-status-item--info,
body.admin-shell .admin-dashboard-summary-item--info,
body.admin-shell .dashboard-disclosure-card--info,
body.admin-shell .metric--info {
    background: linear-gradient(180deg, #eff6ff, #dbeafe);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 1px 5px rgba(37, 99, 235, 0.07);
}

body.admin-shell .admin-dashboard-highlight--success,
body.admin-shell .admin-dashboard-status-item--success,
body.admin-shell .admin-dashboard-summary-item--success,
body.admin-shell .dashboard-disclosure-card--success,
body.admin-shell .metric--success {
    background: linear-gradient(180deg, #f0fdf4, #dcfce7);
    border-color: rgba(22, 163, 74, 0.2);
    box-shadow: 0 1px 5px rgba(22, 163, 74, 0.07);
}

/* Override light text colors from dark-theme rules */
body.admin-shell .admin-dashboard-highlight--attention strong,
body.admin-shell .admin-dashboard-status-item--attention strong,
body.admin-shell .admin-dashboard-summary-item--attention strong,
body.admin-shell .metric--attention strong {
    color: #dc2626;
}

body.admin-shell .admin-dashboard-highlight--warning strong,
body.admin-shell .admin-dashboard-status-item--warning strong,
body.admin-shell .admin-dashboard-summary-item--warning strong,
body.admin-shell .metric--warning strong {
    color: #d97706;
}

body.admin-shell .admin-dashboard-highlight--info strong,
body.admin-shell .admin-dashboard-status-item--info strong,
body.admin-shell .admin-dashboard-summary-item--info strong,
body.admin-shell .metric--info strong {
    color: #2563eb;
}

body.admin-shell .admin-dashboard-highlight--success strong,
body.admin-shell .admin-dashboard-status-item--success strong,
body.admin-shell .admin-dashboard-summary-item--success strong,
body.admin-shell .metric--success strong {
    color: #16a34a;
}

/* ─── KPI METRIC CARDS ─── */
body.admin-shell .metric,
body.admin-shell .admin-dashboard-kpis .metric {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.08);
    box-shadow: 0 1px 5px rgba(33, 23, 10, 0.06);
}

body.admin-shell .metric strong {
    color: #b87c0a;
}

/* ─── PRIORITY CARDS ─── */
body.admin-shell .admin-priority-card--attention {
    background: linear-gradient(180deg, #fff5f5, #fef2f2);
    border-color: rgba(220, 38, 38, 0.18);
}

body.admin-shell .admin-priority-card--warning {
    background: linear-gradient(180deg, #fffbeb, #fef3c7);
    border-color: rgba(184, 135, 45, 0.24);
}

body.admin-shell .admin-priority-card--info {
    background: linear-gradient(180deg, #eff6ff, #dbeafe);
    border-color: rgba(37, 99, 235, 0.16);
}

body.admin-shell .admin-priority-card--success {
    background: linear-gradient(180deg, #f0fdf4, #dcfce7);
    border-color: rgba(22, 163, 74, 0.18);
}

/* ─── WORKFLOW BOARD ─── */
body.admin-shell .workflow-column {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.09);
    box-shadow: 0 1px 5px rgba(33, 23, 10, 0.06);
}

body.admin-shell .workflow-column--payments {
    background: linear-gradient(180deg, #fffbeb, #fffef9);
    border-color: rgba(184, 135, 45, 0.26);
    box-shadow: 0 1px 6px rgba(184, 135, 45, 0.1);
}

body.admin-shell .workflow-column--processing {
    background: linear-gradient(180deg, #eff6ff, #fafcff);
    border-color: rgba(37, 99, 235, 0.2);
    box-shadow: 0 1px 6px rgba(37, 99, 235, 0.08);
}

body.admin-shell .workflow-column--shipped {
    background: linear-gradient(180deg, #ecfeff, #f8feff);
    border-color: rgba(6, 182, 212, 0.2);
    box-shadow: 0 1px 6px rgba(6, 182, 212, 0.07);
}

body.admin-shell .workflow-column__head h2 {
    color: #12100c;
}

body.admin-shell .workflow-card {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.08);
    box-shadow: 0 1px 4px rgba(33, 23, 10, 0.05);
}

body.admin-shell .workflow-card--pending {
    background: linear-gradient(180deg, #fffef5, #fffdf8);
    border-color: rgba(184, 135, 45, 0.22);
}

body.admin-shell .workflow-card--processing {
    background: linear-gradient(180deg, #f8fbff, #fafcff);
    border-color: rgba(37, 99, 235, 0.18);
}

body.admin-shell .workflow-card--shipped {
    background: linear-gradient(180deg, #f0fdff, #f8feff);
    border-color: rgba(6, 182, 212, 0.16);
}

body.admin-shell .workflow-meta div {
    background: #f8f9fb;
    border-color: rgba(17, 17, 17, 0.07);
}

body.admin-shell .workflow-empty {
    border-color: rgba(17, 17, 17, 0.15);
    background: rgba(17, 17, 17, 0.03);
    color: #665c4d;
}

/* ─── ORDER QUEUE CARDS ─── */
body.admin-shell .admin-queue-card--pending {
    background: linear-gradient(180deg, #fffbeb, #fffdf8);
    border-color: rgba(184, 135, 45, 0.24);
}

body.admin-shell .admin-queue-card--processing {
    background: linear-gradient(180deg, #eff6ff, #fafcff);
    border-color: rgba(37, 99, 235, 0.2);
}

body.admin-shell .admin-queue-card--shipped {
    background: linear-gradient(180deg, #ecfeff, #f8feff);
    border-color: rgba(6, 182, 212, 0.18);
}

body.admin-shell .admin-queue-card--complete {
    background: linear-gradient(180deg, #f0fdf4, #f8fdfb);
    border-color: rgba(22, 163, 74, 0.2);
}

body.admin-shell .admin-queue-card--cancelled {
    background: linear-gradient(180deg, #fff5f5, #fff8f8);
    border-color: rgba(220, 38, 38, 0.18);
}

/* ─── ALERT DISCLOSURES ─── */
body.admin-shell .admin-alert-panel--pending .alert-disclosure__summary,
body.admin-shell .alert-disclosure--pending .alert-disclosure__summary {
    background: linear-gradient(180deg, #fffbeb, #fffdf8);
    border-color: rgba(184, 135, 45, 0.3);
    color: #78350f;
}

body.admin-shell .admin-alert-panel--processing .alert-disclosure__summary,
body.admin-shell .alert-disclosure--processing .alert-disclosure__summary {
    background: linear-gradient(180deg, #eff6ff, #f8fafe);
    border-color: rgba(37, 99, 235, 0.24);
    color: #1e3a8a;
}

body.admin-shell .admin-alert-panel--quiet .alert-disclosure__summary,
body.admin-shell .alert-disclosure--quiet .alert-disclosure__summary {
    background: linear-gradient(180deg, #f0fdf4, #f8fdf9);
    border-color: rgba(22, 163, 74, 0.2);
    color: #14532d;
}

body.admin-shell .admin-alert-panel--pending .alert-disclosure__summary::after {
    border-color: rgba(184, 135, 45, 0.4);
    color: #b8720a;
}

body.admin-shell .admin-alert-panel--processing .alert-disclosure__summary::after {
    border-color: rgba(37, 99, 235, 0.32);
    color: #2563eb;
}

/* ─── ORDER WORKSPACE ─── */
body.admin-shell .order-summary-card,
body.admin-shell .order-detail-card {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.08);
    box-shadow: 0 1px 4px rgba(33, 23, 10, 0.05);
}

body.admin-shell .order-item-row {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.07);
}

body.admin-shell .order-item-row:hover {
    background: #fffbef;
    border-color: rgba(184, 135, 45, 0.22);
}

/* ─── SUMMARY GRID ─── */
body.admin-shell .summary-grid div {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.07);
    box-shadow: 0 1px 3px rgba(33, 23, 10, 0.05);
}

body.admin-shell .summary-grid strong {
    color: #b87c0a;
}

/* ─── CATEGORY MANAGER ─── */
body.admin-shell .admin-category-card {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.08);
}

body.admin-shell .admin-category-products {
    background: #f8f9fb;
    border-color: rgba(17, 17, 17, 0.08);
}

/* ─── ORDER BATCH PANEL ─── */
body.admin-shell .order-batch-panel {
    background: linear-gradient(180deg, #fffbef, #fffdf8);
    border-color: rgba(184, 135, 45, 0.22);
    box-shadow: 0 1px 6px rgba(184, 135, 45, 0.09);
}

/* ─── WORKFLOW DECISION CARDS ─── */
body.admin-shell .workflow-decision-card {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.09);
}

/* ─── SECTION HEAD SEPARATOR ─── */
body.admin-shell.admin-page .section-head {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.07);
    margin-bottom: 20px;
}

/* ─── BAR CHART TRACK ─── */
body.admin-shell .breakdown-row__track {
    background: rgba(17, 17, 17, 0.08);
}

/* ─── ALERT DISCLOSURE BASE ─── */
body.admin-shell .alert-disclosure__summary {
    background: #fff;
    border-color: rgba(17, 17, 17, 0.09);
    color: #15120d;
}

body.admin-shell .alert-disclosure__summary::after {
    border-color: rgba(17, 17, 17, 0.15);
    color: #374151;
}

/* ─── MUTED TEXT ─── */
body.admin-shell .admin-dashboard-highlight span,
body.admin-shell .admin-dashboard-status-item .muted,
body.admin-shell .workflow-meta span {
    color: #665c4d;
}


/* ─── ADMIN PREVIEW BAR (frontend admin toolbar) ─── */
.admin-preview-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    height: 38px;
    background: #1a1610;
    border-bottom: 1px solid rgba(203, 163, 74, 0.35);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.admin-preview-bar__label {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(203, 163, 74, 0.85);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 11px;
    margin-right: auto;
}

.admin-preview-bar__label svg {
    width: 13px;
    height: 13px;
    stroke: rgba(203, 163, 74, 0.85);
    flex-shrink: 0;
}

.admin-preview-bar__btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 12px;
    height: 24px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
    background: rgba(203, 163, 74, 0.18);
    color: #cba34a;
    border: 1px solid rgba(203, 163, 74, 0.3);
}

.admin-preview-bar__btn:hover {
    background: rgba(203, 163, 74, 0.28);
    color: #e6c97a;
    border-color: rgba(203, 163, 74, 0.5);
}

.admin-preview-bar__btn--secondary {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, 0.1);
}

.admin-preview-bar__btn--secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.2);
}

.admin-preview-bar__btn svg {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
}

/* Push page content down when admin bar is present */
body.has-admin-bar {
    padding-top: 38px;
}

/* ─── ORDERS PAGE LAYOUT ─── */

/* Compact date filter bar */
.admin-date-filter-card {
    background: transparent;
    border: 1px solid rgba(203, 163, 74, 0.18);
    border-radius: 10px;
    padding: 12px 18px;
    margin-bottom: 16px;
}

body.admin-shell .admin-date-filter-card {
    background: #fffdf8;
    border-color: rgba(203, 163, 74, 0.22);
}

.admin-date-filter-card .form-grid {
    gap: 10px;
    align-items: center;
}

.admin-date-filter-card label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: inherit;
    gap: 5px;
}

.admin-date-filter-card input[type="date"] {
    padding: 6px 10px;
    font-size: 13px;
    height: 34px;
}

.admin-date-filter-card .btn {
    height: 34px;
    padding: 0 14px;
    font-size: 12px;
    align-self: flex-end;
}

/* Operations queue header — borderless, tighter */
.admin-ops-queue-header {
    padding: 0 0 12px;
    margin-bottom: 4px;
    border: none;
    background: none;
    box-shadow: none;
}

.admin-ops-queue-header h2 {
    font-size: 1.35rem;
    margin-bottom: 4px;
}

.admin-ops-queue-header .note {
    margin: 0;
}

/* Orders metrics: colour-coded to match the workflow columns */
body.admin-shell .admin-orders-metrics {
    margin-bottom: 20px;
}

body.admin-shell .admin-orders-metric--payments {
    background: linear-gradient(135deg, #fffbeb, #fffef5);
    border: 1px solid rgba(203, 163, 74, 0.3);
}

body.admin-shell .admin-orders-metric--payments strong {
    color: #b45309;
}

body.admin-shell .admin-orders-metric--awaiting {
    background: linear-gradient(135deg, #fff8e6, #fffdf5);
    border: 1px solid rgba(203, 163, 74, 0.22);
}

body.admin-shell .admin-orders-metric--awaiting strong {
    color: #c47c1a;
}

body.admin-shell .admin-orders-metric--processing {
    background: linear-gradient(135deg, #eff6ff, #fafcff);
    border: 1px solid rgba(59, 130, 246, 0.25);
}

body.admin-shell .admin-orders-metric--processing strong {
    color: #2563eb;
}

body.admin-shell .admin-orders-metric--shipped {
    background: linear-gradient(135deg, #ecfeff, #f8feff);
    border: 1px solid rgba(6, 182, 212, 0.25);
}

body.admin-shell .admin-orders-metric--shipped strong {
    color: #0891b2;
}

/* ─── ORDERS SIMPLE LAYOUT ─── */

/* Summary strip */
.orders-summary-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.orders-summary-bar__spacer {
    flex: 1;
}

.orders-summary-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid transparent;
}

.orders-summary-pill strong {
    font-size: 14px;
    font-weight: 700;
}

.orders-summary-pill--amber {
    background: rgba(203, 163, 74, 0.12);
    border-color: rgba(203, 163, 74, 0.3);
    color: #92620e;
}

body.admin-shell .orders-summary-pill--amber {
    background: #fffbeb;
    border-color: rgba(203, 163, 74, 0.35);
    color: #92620e;
}

.orders-summary-pill--amber strong { color: #b45309; }

.orders-summary-pill--blue {
    background: rgba(59, 130, 246, 0.1);
    border-color: rgba(59, 130, 246, 0.25);
    color: #1d4ed8;
}

body.admin-shell .orders-summary-pill--blue {
    background: #eff6ff;
}

.orders-summary-pill--blue strong { color: #2563eb; }

.orders-summary-pill--cyan {
    background: rgba(6, 182, 212, 0.1);
    border-color: rgba(6, 182, 212, 0.25);
    color: #0e7490;
}

body.admin-shell .orders-summary-pill--cyan {
    background: #ecfeff;
}

.orders-summary-pill--cyan strong { color: #0891b2; }

.orders-summary-pill--muted {
    background: rgba(128, 128, 128, 0.08);
    border-color: rgba(128, 128, 128, 0.15);
    color: inherit;
    opacity: 0.7;
}

/* Main orders table */
.orders-table-card {
    padding: 0;
    overflow-x: auto;
}

.orders-main-table {
    width: 100%;
    border-collapse: collapse;
}

.orders-main-table thead th {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 10px 14px;
    white-space: nowrap;
}

.orders-main-table tbody tr {
    border-top: 1px solid rgba(128, 128, 128, 0.1);
    transition: background 0.1s;
}

.orders-main-table tbody tr:hover {
    background: rgba(128, 128, 128, 0.04);
}

body.admin-shell .orders-main-table tbody tr:hover {
    background: #fafaf8;
}

.orders-main-table td {
    padding: 10px 14px;
    font-size: 13px;
    vertical-align: middle;
}

/* Row colour indicators */
body.admin-shell .orders-row--payment {
    border-left: 3px solid #d97706;
}

body.admin-shell .orders-row--processing {
    border-left: 3px solid #3b82f6;
}

body.admin-shell .orders-row--shipped {
    border-left: 3px solid #06b6d4;
}

body.admin-shell .orders-row--complete {
    border-left: 3px solid rgba(128, 128, 128, 0.25);
    opacity: 0.75;
}

body.admin-shell .orders-row--cancelled {
    border-left: 3px solid rgba(200, 50, 50, 0.3);
    opacity: 0.55;
}

.orders-row.is-selected {
    background: rgba(203, 163, 74, 0.06) !important;
}

body.admin-shell .orders-row.is-selected {
    background: #fffdf5 !important;
}

/* Actions cell */
.orders-row__actions {
    white-space: nowrap;
    text-align: right;
}

.orders-row__actions .btn,
.orders-row__actions button.btn {
    padding: 4px 10px;
    font-size: 11px;
    height: 28px;
    margin-left: 4px;
}

/* ─── ORDER WORKSPACE COMPACT PANEL ─── */
body.admin-page .order-detail-compact {
    border-radius: var(--radius-md);
    border: 1px solid rgba(203, 163, 74, 0.14);
    background: rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

body.admin-page .order-info-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid rgba(203, 163, 74, 0.08);
}

body.admin-page .order-info-group {
    padding: 14px 18px;
}

body.admin-page .order-info-group:first-child {
    border-right: 1px solid rgba(203, 163, 74, 0.08);
}

body.admin-page .order-info-heading {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.13em;
    color: var(--muted);
    margin-bottom: 8px;
}

body.admin-page .order-info-dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 14px;
    margin: 0;
    font-size: 13px;
}

body.admin-page .order-info-dl div {
    display: contents;
}

body.admin-page .order-info-dl dt {
    color: var(--muted);
    white-space: nowrap;
    align-self: baseline;
}

body.admin-page .order-info-dl dd {
    margin: 0;
    word-break: break-word;
    align-self: baseline;
}

body.admin-page .order-info-addr {
    font-size: 13px;
    line-height: 1.6;
    white-space: pre-line;
}

body.admin-page .order-info-lines {
    padding: 14px 18px;
}

/* Workflow card header with inline doc links */
body.admin-page .order-workflow-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

body.admin-page .order-workflow-head h3 {
    margin: 0;
}

body.admin-page .order-workflow-docs {
    display: flex;
    gap: 8px;
}

body.admin-page .order-workflow-docs a {
    font-size: 12px;
    font-weight: 600;
    color: rgba(243, 216, 143, 0.7);
    text-decoration: none;
    padding: 4px 10px;
    border: 1px solid rgba(203, 163, 74, 0.2);
    border-radius: 999px;
    transition: color 0.15s, border-color 0.15s;
}

body.admin-page .order-workflow-docs a:hover {
    color: #f3d88f;
    border-color: rgba(203, 163, 74, 0.45);
}

/* ─── PRODUCT MARQUEE ─── */
.product-marquee-section {
    overflow: hidden;
}

.product-marquee {
    position: relative;
    overflow: hidden;
    margin: 0 -12px;
}

.product-marquee::before,
.product-marquee::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}

.product-marquee::before {
    left: 0;
    background: linear-gradient(90deg, var(--panel, rgba(9,8,7,0.92)), transparent);
}

.product-marquee::after {
    right: 0;
    background: linear-gradient(270deg, var(--panel, rgba(9,8,7,0.92)), transparent);
}

.product-marquee__viewport {
    overflow: hidden;
    width: 100%;
}

.product-marquee__track {
    display: flex;
    width: max-content;
    animation: product-marquee-scroll 40s linear infinite;
    will-change: transform;
}

.product-marquee:hover .product-marquee__track {
    animation-play-state: paused;
}

@keyframes product-marquee-scroll {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(-50%, 0, 0); }
}

.product-marquee__group {
    display: flex;
    gap: 16px;
    padding: 20px 8px;
    flex: 0 0 auto;
}

.product-marquee__card {
    display: flex;
    flex-direction: column;
    width: 180px;
    flex: 0 0 180px;
    border: 1px solid var(--border);
    border-radius: 18px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)),
        var(--panel);
    text-decoration: none;
    color: var(--text);
    transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.product-marquee__card:hover {
    border-color: rgba(203,163,74,0.4);
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.24);
}

.product-marquee__media {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: rgba(255,255,255,0.03);
}

.product-marquee__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-marquee__media.media-card--landscape img {
    object-fit: contain;
    padding: 8px;
}

.product-marquee__info {
    padding: 10px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.product-marquee__info strong {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-marquee__info span {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--gold-bright);
    margin-top: auto;
}

/* Storefront light-mode overrides */
body.storefront-page .product-marquee::before {
    background: linear-gradient(90deg, var(--storefront-surface, #fff), transparent);
}

body.storefront-page .product-marquee::after {
    background: linear-gradient(270deg, var(--storefront-surface, #fff), transparent);
}

body.storefront-page .product-marquee__card {
    border-color: var(--storefront-border, rgba(182,136,41,0.22));
    background: linear-gradient(180deg, var(--storefront-surface, #fff) 0%, var(--storefront-surface-soft, #f7f1e7) 100%);
    box-shadow: 0 4px 16px rgba(17,12,5,0.06);
    color: var(--storefront-copy, #17120c);
}

body.storefront-page .product-marquee__card:hover {
    border-color: rgba(182,136,41,0.45);
    box-shadow: 0 12px 28px rgba(17,12,5,0.1);
}

body.storefront-page .product-marquee__info strong {
    color: var(--storefront-copy, #17120c);
}

body.storefront-page .product-marquee__info span {
    color: #7a500e;
}

/* ─── Account page — sidebar layout ───────────────────────── */

.acct-shell {
    display: grid;
    grid-template-columns: 278px 1fr;
    gap: 24px;
    align-items: start;
    margin-top: 24px;
}

.acct-side {
    position: sticky;
    top: 24px;
    display: grid;
    gap: 12px;
    min-width: 0;
}

.acct-identity {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
}

.acct-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.45rem;
    font-weight: 700;
    color: #060606;
    flex-shrink: 0;
    font-family: 'Bodoni Moda', serif;
}

.acct-identity__info {
    min-width: 0;
}

.acct-identity__name {
    display: block;
    font-weight: 700;
    font-size: 0.96rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.acct-identity__email {
    display: block;
    font-size: 0.76rem;
    color: var(--muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.acct-progress-card {
    padding: 16px 18px;
}

.acct-readiness-checks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
}

.acct-readiness-checks > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.acct-readiness-checks span {
    color: var(--muted);
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.acct-readiness-checks strong {
    font-size: 0.82rem;
    font-weight: 600;
}

.acct-check--ok {
    color: var(--success);
}

.acct-check--warn {
    color: var(--danger);
}

.acct-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.acct-stat {
    padding: 12px 14px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    backdrop-filter: blur(12px);
}

.acct-stat span {
    display: block;
    font-size: 0.66rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.acct-stat strong {
    display: block;
    font-size: 1.15rem;
    font-weight: 700;
    margin-top: 4px;
    color: var(--gold-bright);
}

.acct-nav-card {
    padding: 6px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    backdrop-filter: blur(12px);
    display: grid;
    gap: 2px;
}

.acct-nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 10px;
    font-size: 0.84rem;
    font-weight: 500;
    color: var(--muted-strong);
    text-decoration: none;
}

.acct-nav-link:hover {
    background: rgba(203, 163, 74, 0.12);
    color: var(--gold-bright);
}

.acct-nav-link svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    opacity: 0.6;
}

.acct-nav-link:hover svg {
    opacity: 1;
}

.acct-ctas {
    display: grid;
    gap: 8px;
}

.acct-main {
    display: grid;
    gap: 22px;
    min-width: 0;
}

.acct-section-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border);
    margin-bottom: 14px;
}

.acct-section-head h2 {
    margin: 0;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--gold);
}

.acct-section-head .pill,
.acct-section-head .ghost-link {
    margin-left: auto;
}

@media (max-width: 1120px) {
    .acct-shell {
        grid-template-columns: 240px 1fr;
    }
}

@media (max-width: 900px) {
    .acct-shell {
        grid-template-columns: 1fr;
    }

    .acct-side {
        position: static;
        grid-template-columns: 1fr 1fr;
    }

    .acct-identity {
        grid-column: 1 / -1;
    }

    .acct-stats-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .acct-nav-card {
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
    }

    .acct-nav-link {
        flex: 1 1 auto;
        min-width: 130px;
    }

    .acct-ctas {
        grid-column: 1 / -1;
        grid-template-columns: 1fr 1fr;
        display: grid;
    }
}

@media (max-width: 580px) {
    .acct-side {
        grid-template-columns: 1fr;
    }

    .acct-stats-grid {
        grid-template-columns: 1fr 1fr;
    }
}