:root {
            color-scheme: light;
            --ink: #141412;
            --muted: #6e6d67;
            --quiet: #97968f;
            --line: #dfded8;
            --paper: #f7f7f4;
            --surface: #ffffff;
            --soft: #efefeb;
            --accent: #151513;
            --success: #236644;
            --radius: 16px;
            --shadow: 0 12px 36px rgba(20, 20, 18, .06);
        }
        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            color: var(--ink);
            background: var(--paper);
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            -webkit-font-smoothing: antialiased;
        }
        a { color: inherit; }
        button, input { font: inherit; }
        img { max-width: 100%; }
        .skip-link { position: fixed; z-index: 100; left: 12px; top: -80px; padding: 10px 14px; color: #fff; background: var(--accent); border-radius: 8px; }
        .skip-link:focus { top: calc(12px + env(safe-area-inset-top, 0px)); left: max(12px, env(safe-area-inset-left, 0px)); }
        .site-header { position: sticky; z-index: 40; top: 0; padding-top: env(safe-area-inset-top, 0px); background: rgba(247, 247, 244, .94); border-bottom: 1px solid rgba(223, 222, 216, .9); backdrop-filter: blur(16px); }
        .header-inner, .shell, .site-footer { width: min(1280px, 100%); margin: 0 auto; padding-left: max(24px, env(safe-area-inset-left, 0px)); padding-right: max(24px, env(safe-area-inset-right, 0px)); }
        .header-inner { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
        .header-leading { min-width: 0; display: flex; align-items: center; gap: 10px; }
        .brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; color: inherit; text-decoration: none; }
        .brand strong { font-size: 21px; line-height: 1; letter-spacing: .17em; }
        .brand small { color: var(--quiet); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
        .catalog-home-link { width: 42px; height: 42px; flex: 0 0 42px; display: inline-grid; place-items: center; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 999px; text-decoration: none; }
        .catalog-home-link:hover { background: var(--soft); }
        .catalog-home-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
        .nav { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
        .header-contact > svg { display: none; }
        .nav a, .nav button, .locale-indicator, .account-email {
            min-height: 44px;
            display: inline-flex;
            align-items: center;
            padding: 0 11px;
            color: var(--muted);
            background: transparent;
            border: 0;
            border-radius: 999px;
            font-size: 12px;
            text-decoration: none;
            white-space: nowrap;
        }
        .nav a:hover, .nav button:hover { color: var(--ink); background: var(--soft); }
        .nav a[aria-current="page"] { color: var(--ink); font-weight: 650; }
        .locale-indicator { gap: 5px; color: var(--ink); }
        .locale-indicator::after { content: ""; width: 5px; height: 5px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); }
        .account-form { display: inline-flex; margin: 0; }
        .review-message-link { position: relative; }
        .review-message-link > svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
        .review-message-count {
            position: absolute;
            top: 2px;
            right: 1px;
            min-width: 16px;
            height: 16px;
            display: inline-grid;
            place-items: center;
            padding: 0 4px;
            color: #fff;
            background: #b42318;
            border: 2px solid var(--paper);
            border-radius: 999px;
            font-size: 8px;
            font-weight: 800;
            line-height: 1;
        }
        .shell { min-height: calc(100vh - 150px); padding-bottom: 80px; }
        .primary, .secondary, .disabled-action {
            min-height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 0 20px;
            border: 1px solid var(--accent);
            border-radius: 999px;
            font-weight: 650;
            font-size: 13px;
            line-height: 1.2;
            text-decoration: none;
        }
        .primary { color: #fff; background: var(--accent); }
        .secondary { color: var(--ink); background: transparent; border-color: var(--line); }
        .disabled-action { color: var(--quiet); background: var(--soft); border-color: var(--soft); cursor: not-allowed; }
        .primary:hover { background: #343430; }
        .primary:focus-visible, .secondary:focus-visible, .catalog-home-link:focus-visible, .nav a:focus-visible, .nav button:focus-visible, input:focus-visible { outline: 3px solid rgba(20, 20, 18, .2); outline-offset: 2px; }
        .eyebrow { color: var(--quiet); font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
        .status-pill { width: fit-content; display: inline-flex; align-items: center; gap: 5px; color: var(--success); font-size: 10px; font-weight: 700; letter-spacing: .04em; }
        .status-pill::before { content: ""; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
        .status-pill.muted { color: var(--quiet); }
        .site-footer { display: flex; justify-content: space-between; gap: 20px; padding-top: 22px; padding-bottom: 28px; color: var(--quiet); border-top: 1px solid var(--line); font-size: 11px; }
        @media (max-width: 760px) {
            .site-header { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
            .header-inner, .shell, .site-footer { padding-left: max(14px, env(safe-area-inset-left, 0px)); padding-right: max(14px, env(safe-area-inset-right, 0px)); }
            .header-inner { min-height: 60px; gap: 8px; }
            .brand strong { font-size: 18px; }
            .header-leading .brand, .account-email, .nav .catalog-link { display: none; }
            .nav { gap: 0; }
            .nav a, .nav button, .locale-indicator { padding-inline: 8px; }
            .shell { padding-bottom: 56px; }
        }
        @media (max-width: 380px) {
            .locale-indicator { display: none; }
        }
        @media (prefers-reduced-motion: reduce) {
            html { scroll-behavior: auto; }
            *, *::before, *::after { transition: none !important; }
        }