.appearance-picker{flex-shrink:0}.appearance-trigger{border:1px solid var(--border);width:44px;height:44px;color:var(--foreground);background:var(--soft);border-radius:50%;justify-content:center;align-items:center;gap:3px;padding:0;transition:background .18s,border-color .18s;display:flex}.appearance-trigger:hover,.appearance-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--surface)}.appearance-trigger>svg:first-child{color:var(--accent)}.appearance-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.appearance-panel[popover]{width:332px;max-width:calc(100% - 24px);max-height:var(--appearance-available-height,calc(100dvh - 140px));border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:16px;margin:0;padding:14px;position:fixed;inset:auto;overflow:hidden;box-shadow:0 18px 65px #0003}.appearance-panel[popover]:popover-open{flex-direction:column;display:flex}.appearance-panel::backdrop{background:0 0}.appearance-panel-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:-5px -4px 8px 2px;display:flex}.appearance-panel-heading h2{letter-spacing:-.025em;font-size:17px;font-weight:650}.appearance-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.appearance-close:hover{background:var(--soft);color:var(--foreground)}.appearance-options{overscroll-behavior:contain;scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;margin:-3px;padding:3px;scroll-padding-block:3px;display:grid;overflow-y:auto}.appearance-option{background:var(--background);border:1px solid var(--border);text-align:left;border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;min-width:0;min-height:79px;padding:7px;transition:border-color .18s,background .18s;display:flex;position:relative}.appearance-option:hover{border-color:var(--accent);background:var(--soft)}.appearance-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.appearance-option:focus-visible,.appearance-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.appearance-option-name{overflow-wrap:anywhere;padding-left:3px;padding-right:19px;font-size:11px;font-weight:600;line-height:1.3}.appearance-check{color:var(--accent);position:absolute;bottom:9px;right:9px}.appearance-swatch{background:var(--preview-background);height:35px;color:var(--preview-foreground);border:1px solid color-mix(in srgb,var(--preview-foreground) 13%,transparent);border-radius:5px;align-items:stretch;display:flex;overflow:hidden}.appearance-swatch>svg{color:var(--preview-accent);flex-shrink:0;align-self:center;margin-left:9px;margin-right:auto}.appearance-swatch>span{background:var(--preview-soft);width:25%}.appearance-swatch>span:last-child{background:var(--preview-accent);width:21%}.appearance-preview-system{--preview-background:#faf9f5;--preview-foreground:#252b20;--preview-soft:#2a3028;--preview-accent:#e75b32}.appearance-preview-light{--preview-background:#fcfbf8;--preview-foreground:#242620;--preview-soft:#e9eddf;--preview-accent:#e75b32}.appearance-preview-dark{--preview-background:#171a17;--preview-foreground:#f2f1e8;--preview-soft:#303c2e;--preview-accent:#f37b50}.appearance-preview-fall{--preview-background:#faf3e9;--preview-foreground:#322c24;--preview-soft:#eadac0;--preview-accent:#9e3f20}.appearance-preview-winter{--preview-background:#f3f8fc;--preview-foreground:#17364a;--preview-soft:#d8e8f3;--preview-accent:#216584}.appearance-preview-spring{--preview-background:#f7f8ed;--preview-foreground:#293c2a;--preview-soft:#dde8c9;--preview-accent:#3e6841}.appearance-preview-summer{--preview-background:#fff9e9;--preview-foreground:#203b38;--preview-soft:#f3e2a6;--preview-accent:#006961}.appearance-preview-halloween{--preview-background:#1e1825;--preview-foreground:#fbefdf;--preview-soft:#392942;--preview-accent:#ffb168}.appearance-preview-christmas{--preview-background:#faf7ed;--preview-foreground:#163c2c;--preview-soft:#dce7d7;--preview-accent:#a92d38}.appearance-preview-lovely-day{--preview-background:#fff6f6;--preview-foreground:#4d2936;--preview-soft:#f1d4dc;--preview-accent:#a83352}.appearance-preview-neon{--preview-background:#080d1e;--preview-foreground:#f2f7ff;--preview-soft:#a88bff;--preview-accent:#5ce8f2}.appearance-preview-vice-city{--preview-background:#180e2c;--preview-foreground:#fff4fc;--preview-soft:#71f1ef;--preview-accent:#ff8bd0}.appearance-preview-gta-vi{--preview-background:#19162b;--preview-foreground:#fff6ef;--preview-soft:#6be3cb;--preview-accent:#ffc197}.appearance-preview-san-andreas{--preview-background:#1d2017;--preview-foreground:#fff7df;--preview-soft:#a7d783;--preview-accent:#e9be68}.appearance-option:is(.appearance-preview-neon,.appearance-preview-vice-city,.appearance-preview-gta-vi,.appearance-preview-san-andreas) .appearance-swatch{background:radial-gradient(ellipse at 25% 110%,color-mix(in srgb,var(--preview-soft) 32%,transparent),transparent 65%),var(--preview-background);box-shadow:inset 0 0 12px color-mix(in srgb,var(--preview-accent) 13%,transparent)}.appearance-option:is(.appearance-preview-neon,.appearance-preview-vice-city,.appearance-preview-gta-vi,.appearance-preview-san-andreas) .appearance-swatch>svg{filter:drop-shadow(0 0 4px var(--preview-accent))}.appearance-option:is(.appearance-preview-neon,.appearance-preview-vice-city,.appearance-preview-gta-vi,.appearance-preview-san-andreas):hover .appearance-swatch{box-shadow:0 0 10px color-mix(in srgb,var(--preview-accent) 24%,transparent)}.shop-footer .footer-bottom select{background:var(--surface);max-width:145px;min-height:44px}@media (max-width:480px){.shop-header .header-main{grid-template-columns:1fr;gap:7px;height:auto;min-height:104px;padding-block:10px;display:grid}.shop-header .header-main>.brand{justify-self:center}.shop-header .header-tools{justify-content:space-between;gap:5px;width:100%}.shop-header .header-tools .menu-button{width:44px;height:44px}.shop-header .bag-button{justify-content:center;min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.appearance-trigger,.appearance-option{transition:none}}