:root{--color-bg:#fafaf9;--color-bg-glow:#f0f5f4;--color-surface:#fff;--color-surface-sunken:color-mix(in srgb, var(--color-text) 5%, var(--color-surface));--color-text:#121517;--color-muted:#5a6166;--color-border:#e7e7e4;--color-border-strong:#cdcdc8;--color-primary:#0f766e;--color-primary-strong:#0b5c56;--color-primary-contrast:#fff;--color-primary-soft:#e6f4f2;--color-primary-soft-end:#f3fbf9;--color-good:#15803d;--color-good-soft:#dcfce7;--color-warn:#a84a07;--color-warn-soft:#fef3c7;--color-bad:#b91c1c;--color-bad-soft:#fee2e2;--color-focus:#1d4ed8;--header-bg:#ffffffeb;--color-overlay:#0a0e1080;--color-skeleton:#ecece9;--color-skeleton-shine:#f7f7f5;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a6166' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--radius:14px;--radius-small:8px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:48px;--space-7:80px;--page-width:1200px;--shop-width:1400px;--sidebar-width:240px;--track-side:360px;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size:16px;--font-size-xs:12px;--font-size-small:14px;--font-size-large:20px;--font-size-title:40px;--font-size-title-phone:30px;--font-size-display:56px;--letter-spacing-tight:-.025em;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow:0 1px 2px #0a0e100a;--shadow-lift:0 14px 36px #0a0e101a;--shadow-button:0 1px 2px #0a0e101f;--shadow-drawer:0 0 0 1px #0a0e100f, 0 24px 64px #0a0e103d;--ease-out:cubic-bezier(.2, .7, .3, 1);--duration-fast:.16s;--duration-base:.26s;--transition:var(--duration-fast) var(--ease-out);--z-header:5;--z-bar:6;--z-drawer:20;--footer-bg:var(--color-surface-sunken);--footer-text:var(--color-text);--footer-muted:var(--color-muted);--footer-line:var(--color-border);--footer-hover:var(--color-primary-strong);--footer-radius:0px;--header-height:68px;--image-ratio:1 / 1;--image-fit:contain;--image-padding:var(--space-4);--card-min-width:230px;--hero-display:block;--drawer-width:440px;--thumb-size:72px;--detail-image-ratio:1 / 1}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--color-bg:#0d1112;--color-bg-glow:#12302d;--color-surface:#152024;--color-text:#ecf0f0;--color-muted:#a3adb0;--color-border:#272f32;--color-border-strong:#3a4448;--color-primary:#2dd4bf;--color-primary-strong:#5eead4;--color-primary-contrast:#06201d;--color-primary-soft:#14363a;--color-primary-soft-end:#152024;--header-bg:#0d1112eb;--color-good:#4ade80;--color-good-soft:#123222;--color-warn:#fbbf24;--color-warn-soft:#3a2c0c;--color-bad:#f87171;--color-bad-soft:#3d1a1a;--color-overlay:#0000009e;--color-skeleton:#1c2528;--color-skeleton-shine:#263236;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3adb0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--shadow-drawer:0 0 0 1px #ffffff14, 0 24px 64px #0009;--shadow:0 1px 2px #0000004d;--shadow-lift:0 14px 36px #00000080;--shadow-button:0 1px 2px #0000004d}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}h1,h2,h3{margin:0 0 var(--space-3);letter-spacing:var(--letter-spacing-tight);line-height:1.15}h1{font-size:var(--font-size-title);letter-spacing:-.035em;font-weight:750}h2{font-size:var(--font-size-large);font-weight:700}@media (width<=560px){h1{font-size:var(--font-size-title-phone)}}a{color:var(--color-primary);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button,input,textarea,select{font:inherit;color:inherit}select{appearance:none;max-width:100%;min-height:48px;padding:var(--space-2) 40px var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface) var(--select-arrow) no-repeat right 14px center / 16px;font-size:var(--font-size);text-overflow:ellipsis;cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);align-items:center;font-weight:400}select:hover:not(:disabled),select:focus{border-color:var(--color-text)}select:focus{box-shadow:0 0 0 3px var(--color-primary-soft)}select:disabled{opacity:.5;cursor:not-allowed}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select::picker-icon{display:none}::picker(select){margin-top:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-lift)}select option{align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-small) - 2px);color:var(--color-text);font-size:var(--font-size);cursor:pointer;font-weight:400;display:flex}select option:hover,select option:focus-visible{background:var(--color-primary-soft);color:var(--color-primary-strong);outline:none}select option:checked{font-weight:600}select option::checkmark{color:var(--color-primary-strong);order:1;margin-left:auto}}.page{max-width:var(--page-width);padding:var(--space-5) var(--space-4) var(--space-6);margin:0 auto}@media (width>=720px){.page{padding-inline:var(--space-5)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-small);background:var(--color-primary);color:var(--color-primary-contrast);letter-spacing:-.005em;cursor:pointer;box-shadow:var(--shadow-button);transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);font-weight:600;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){background:var(--color-primary-strong);border-color:var(--color-primary-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.button.secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text);box-shadow:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:none}.field{gap:var(--space-1);margin-bottom:var(--space-4);font-weight:600;font-size:var(--font-size-small);display:grid}.field input,.field textarea{min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);font-size:var(--font-size);transition:border-color var(--transition), box-shadow var(--transition);font-weight:400}.field input:hover,.field textarea:hover{border-color:var(--color-text)}.field input:focus,.field textarea:focus{border-color:var(--color-text);box-shadow:0 0 0 3px var(--color-primary-soft)}.field .hint{color:var(--color-muted);font-size:var(--font-size-small);font-weight:400}.field .error{color:var(--color-bad);font-size:var(--font-size-small);font-weight:500}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}@keyframes panel-in{0%{opacity:0;transform:translate(32px)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@keyframes bar-in{0%{transform:translateY(100%)}}.icon{flex:none}.skip-link{left:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:2px solid var(--color-focus);border-radius:var(--radius-small);z-index:var(--z-drawer);position:absolute;top:-60px}.skip-link:focus{top:var(--space-3)}.site-header{z-index:var(--z-header);background:var(--header-bg);-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--header-height);padding-top:0;padding-bottom:0;display:flex}.brand{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;min-width:0;color:var(--color-text);font-size:22px;font-weight:800;text-decoration:none;overflow:hidden}.site-header nav{align-items:center;gap:var(--space-1);flex:none;display:flex}.site-header nav a,.site-header nav .nav-logout,.site-header nav .cart-link{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-small);color:var(--color-muted);font:inherit;font-size:var(--font-size-small);cursor:pointer;transition:color var(--transition);background:0 0;border:0;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.site-header nav a:hover,.site-header nav .nav-logout:hover,.site-header nav .cart-link:hover{color:var(--color-text)}.nav-account .nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:16ch;overflow:hidden}.site-header nav a.active{color:var(--color-text);font-weight:600}.site-header nav a.active:after{content:"";left:var(--space-3);right:var(--space-3);background:var(--color-primary);border-radius:2px;height:2px;position:absolute;bottom:6px}.nav-tools{align-items:center;gap:var(--space-1);margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-border);display:flex}.site-header nav .cart-link{margin-left:var(--space-1);padding:0 var(--space-3) 0 var(--space-4);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-weight:600}.site-header nav .cart-link:hover{border-color:var(--color-text)}.cart-count{border-radius:var(--radius-pill);background:var(--color-primary);min-width:22px;height:22px;color:var(--color-primary-contrast);font-size:var(--font-size-xs);place-items:center;padding:0 6px;font-weight:700;display:inline-grid}.cart-total{font-variant-numeric:tabular-nums}main:focus{outline:none}.page-fade{animation:page-in var(--duration-base) var(--ease-out)}.site-footer{margin-top:var(--space-6);padding:var(--space-6) 0 var(--space-3);border-top:1px solid var(--footer-line);border-radius:var(--footer-radius) var(--footer-radius) 0 0;background:var(--footer-bg);color:var(--footer-muted);font-size:var(--font-size-small)}.site-footer .page{padding-top:var(--space-2);padding-bottom:var(--space-2)}.footer-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.footer-about,.footer-visit{grid-column:1/-1}.footer-brand{align-items:center;gap:var(--space-3);color:var(--footer-text);font-size:var(--font-size-large);letter-spacing:var(--letter-spacing-tight);font-weight:800;text-decoration:none;display:inline-flex}.footer-logo{object-fit:contain;width:auto;max-width:140px;max-height:44px;display:block}.footer-tagline{max-width:34ch;margin:var(--space-3) 0 0;line-height:1.55}.footer-heading{margin:0 0 var(--space-3);color:var(--footer-text);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.footer-list,.footer-social{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--footer-muted);transition:color var(--transition);text-decoration:none}.site-footer a:hover{color:var(--footer-hover);text-underline-offset:3px;text-decoration:underline}.footer-list a{padding:var(--space-1) 0;display:inline-block}.footer-brand:hover{color:var(--footer-text);text-decoration:none}.site-footer .footer-brand{color:var(--footer-text)}.footer-fact{align-items:flex-start;gap:var(--space-3);padding:var(--space-1) 0;line-height:1.5;display:flex}.footer-fact .icon{color:var(--footer-hover);flex:none;margin-top:1px}.footer-social{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.footer-social a{border:1px solid var(--footer-line);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--footer-text);transition:color var(--transition), border-color var(--transition), transform var(--transition);place-items:center;display:grid}.footer-social a:hover{color:var(--footer-hover);border-color:currentColor;text-decoration:none;transform:translateY(-2px)}.footer-bottom{align-items:center;gap:var(--space-2) var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--footer-line);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.footer-copy{margin:0 auto 0 0}.footer-bottom .link-button{color:inherit;font:inherit;padding:0}.footer-top{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--footer-line);border-radius:var(--radius-pill);color:var(--footer-text);font:inherit;cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;font-weight:600;display:inline-flex}.footer-top .icon{width:16px;height:16px}.footer-top:hover{color:var(--footer-hover);border-color:currentColor}@media (pointer:coarse){.footer-list a{align-items:center;min-height:44px;padding:0;display:flex}.footer-social a{width:44px;height:44px}.footer-top,.footer-bottom .link-button{min-height:44px}}@media (width>=900px){.footer-grid{gap:var(--space-5) var(--space-6);grid-template-columns:minmax(0,1.6fr) repeat(auto-fit,minmax(150px,1fr))}.footer-about,.footer-visit{grid-column:auto}}body:has(.cart-bar) .site-footer{padding-bottom:88px}.muted{color:var(--color-muted)}.icon-button{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-text);cursor:pointer;transition:background var(--transition);background:0 0;border:0;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-primary-soft)}.store-strip{display:var(--hero-display);margin:0 0 var(--space-4)}.store-facts{gap:var(--space-2) var(--space-5);color:var(--color-muted);font-size:var(--font-size-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.store-facts li{align-items:center;gap:var(--space-2);display:flex}.store-facts .icon{width:18px;height:18px;color:var(--color-primary)}.store-note{margin:var(--space-2) 0 0;font-size:var(--font-size-small)}.filter-bar{display:contents}.filter-sticky{top:var(--header-height);z-index:4;margin:0 calc(var(--space-4) * -1) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-1);background:color-mix(in srgb, var(--color-bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky}@media (width>=720px){.filter-sticky{margin-inline:calc(var(--space-5) * -1);padding-inline:var(--space-5)}}.search-row{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.search{flex:1;display:block;position:relative}.search .icon{left:var(--space-4);color:var(--color-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search input{width:100%;min-height:48px;padding:0 var(--space-4) 0 calc(var(--space-4) + 28px);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);transition:border-color var(--transition), box-shadow var(--transition)}.search input:hover,.search input:focus{border-color:var(--color-text)}.search input:focus{box-shadow:0 0 0 3px var(--color-primary-soft)}.filters-toggle{background:var(--color-surface);min-height:48px;display:none}.filters{gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;align-items:end;display:flex}.filters .field{min-width:200px;max-width:320px;margin-bottom:var(--space-2);flex:1}.chips{gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-1);scrollbar-width:none;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-height:40px;padding:var(--space-1) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-small);cursor:pointer;transition:background var(--transition), border-color var(--transition);flex:none;font-weight:500}.chip:hover{border-color:var(--color-text)}.chip[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary-strong);color:var(--color-primary-strong);font-weight:600}.chip-count{margin-left:var(--space-1);color:var(--color-muted);font-size:var(--font-size-small)}.chip[aria-pressed=true] .chip-count,.category-item[aria-pressed=true] .chip-count{color:inherit}.filter-foot{align-items:center;gap:var(--space-4);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.filter-foot .button{min-height:40px}.toggle{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}.toggle input{width:20px;height:20px}.result-line{text-align:right;font-size:var(--font-size-small);flex:1;margin:0}.group-heading{margin:var(--space-6) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--font-size-large)}.shop-main>section:first-of-type .group-heading{margin-top:var(--space-4)}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min-width), 1fr));gap:var(--space-5) var(--space-4);display:grid}.product{background:0 0;border:0;border-radius:0;flex-direction:column;display:flex}.product-media{position:relative}@media (hover:hover){.product:hover .product-image.is-loaded img{transform:scale(1.04)}}.product-badge{top:var(--space-2);left:var(--space-2);align-items:flex-start;gap:var(--space-1);z-index:1;flex-direction:column;display:flex;position:absolute}.product-image{aspect-ratio:var(--image-ratio);background:var(--color-surface-sunken);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;padding:var(--image-padding);object-fit:var(--image-fit);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform .4s var(--ease-out);position:absolute;inset:0}.product-image.is-loaded img{opacity:1}.product-image.is-loading,.skeleton{background:linear-gradient(90deg, var(--color-skeleton) 25%, var(--color-skeleton-shine) 50%, var(--color-skeleton) 75%);background-size:200% 100%;animation:1.4s linear infinite shimmer}.product-image.is-letter{background:var(--color-primary-soft);color:var(--color-primary-strong);letter-spacing:-.04em;place-items:center;font-size:56px;font-weight:800;display:grid}.product-body{padding:var(--space-3) 0 0;flex:1}.product-body h3{-webkit-line-clamp:2;font-size:var(--font-size);letter-spacing:-.01em;margin-bottom:var(--space-1);-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.product-body p{margin:0 0 var(--space-1)}.product-brand{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.product-desc{-webkit-line-clamp:2;color:var(--color-muted);font-size:var(--font-size-small);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-foot{gap:var(--space-3);padding:var(--space-2) 0 0;display:grid}.price{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.product-action .button{width:100%;min-height:44px}.product-action .stepper{justify-content:space-between;width:100%;display:flex}.product.is-out .product-image{opacity:.55;filter:grayscale()}.product-flag{outline:3px solid var(--color-warn)}.skeleton-line{height:14px;margin-bottom:var(--space-2);border-radius:6px}.skeleton-line.short{width:60%}.skeleton-button{border-radius:var(--radius-pill);height:44px}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);letter-spacing:.01em;white-space:nowrap;padding:2px 10px;font-weight:600;display:inline-block}.badge-in_stock{background:var(--color-good-soft);color:var(--color-good)}.badge-low{background:var(--color-warn-soft);color:var(--color-warn)}.badge-out{background:var(--color-bad-soft);color:var(--color-bad)}.badge-offer{background:var(--color-primary);color:var(--color-primary-contrast)}.offers{margin:var(--space-4) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--color-primary-soft);color:var(--color-primary-strong);border:0}.offers h2{margin:0 0 var(--space-2);font-size:var(--font-size-large)}.offers-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.offers-list strong{display:block}.offers .muted{color:inherit}.offers-note{margin:var(--space-3) 0 0}.notice{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface)}.notice p{margin:var(--space-1) 0 0}.notice-warn{background:var(--color-warn-soft);border-color:var(--color-warn)}.notice-bad{background:var(--color-bad-soft);border-color:var(--color-bad)}.notice-good{background:var(--color-good-soft);border-color:var(--color-good)}.stepper{align-items:center;gap:var(--space-3);display:inline-flex}.stepper .button{min-width:44px;font-size:var(--font-size-large);padding:0}.stepper .button.secondary{border-color:var(--color-border-strong)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:700}.lines{margin:0 0 var(--space-4);gap:var(--space-4);padding:0;list-style:none;display:grid}.line{grid-template-columns:var(--thumb-size) minmax(0, 1fr) auto;align-items:center;gap:var(--space-2) var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);grid-template-areas:"thumb name total""thumb step step";display:grid}.line:last-child{border-bottom:0;padding-bottom:0}.line .thumb{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-small);grid-area:thumb;align-self:start;font-size:24px}.line-name{grid-area:name;min-width:0;display:grid}.line-name strong{overflow-wrap:anywhere}.line .stepper{grid-area:step;justify-self:start}.line-total{text-align:right;font-variant-numeric:tabular-nums;grid-area:total;min-width:90px;font-weight:600}.lines.compact{gap:var(--space-2)}.lines.compact li{justify-content:space-between;gap:var(--space-4);display:flex}.total-row{font-size:var(--font-size-large);border-top:1px solid var(--color-border);padding-top:var(--space-3);justify-content:space-between;display:flex}.drawer{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text);background:0 0;border:0;margin:0;padding:0}.drawer[open]{display:flex}.drawer::backdrop{background:var(--color-overlay);animation:fade-in var(--duration-base) var(--ease-out)}.drawer-panel{width:min(var(--drawer-width), 100%);background:var(--color-surface);box-shadow:var(--shadow-drawer);animation:panel-in var(--duration-base) var(--ease-out);flex-direction:column;margin-left:auto;display:flex}body:has(.drawer[open]){overflow:hidden}.drawer-head{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.drawer-head h2{margin:0}.drawer-body{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.drawer-foot{padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface)}.drawer-foot .total-row{margin:0 0 var(--space-2);border-top:0;padding-top:0}.drawer-note{margin:0 0 var(--space-4);font-size:var(--font-size-small)}.drawer-actions{gap:var(--space-3);grid-template-columns:auto 1fr;display:grid}.drawer-actions .button{white-space:nowrap}.cart-bar{z-index:var(--z-bar);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--header-bg);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-top:1px solid var(--color-border);animation:bar-in var(--duration-base) var(--ease-out);position:fixed;bottom:0;left:0;right:0}.cart-bar .button{width:100%;min-height:52px}.cart-bar-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.cart-bar-sub{font-size:var(--font-size-xs);opacity:.9;font-variant-numeric:tabular-nums;font-weight:500}form{max-width:560px}.check{gap:var(--space-3);align-items:flex-start;display:flex}.check input{flex:none;width:24px;height:24px;margin-top:2px}.consent{margin-top:var(--space-4);font-size:var(--font-size);font-weight:400}.link-button{padding:var(--space-2) 0;color:var(--color-primary);cursor:pointer;background:0 0;border:none;text-decoration:underline}.success-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.success-head h1{margin:0}.success-mark{background:var(--color-good-soft);width:48px;height:48px;color:var(--color-good);border-radius:50%;flex:none;place-items:center;display:grid}.success-mark .icon{width:26px;height:26px}.code-card{padding:var(--space-5);text-align:center;margin-bottom:var(--space-5)}.order-code{font-family:var(--font-mono);letter-spacing:.08em;margin:var(--space-2) 0 var(--space-4);padding:var(--space-2) var(--space-5);border-radius:var(--radius-small);background:var(--color-primary-soft);color:var(--color-primary-strong);-webkit-user-select:all;user-select:all;font-size:40px;font-weight:700;display:inline-block}.code-keep{margin:var(--space-4) 0 var(--space-2)}.code-total{margin:0}.next-steps{counter-reset:step;margin:0 0 var(--space-4);gap:var(--space-3);padding:0;list-style:none;display:grid}.next-steps li{align-items:flex-start;gap:var(--space-3);display:flex}.next-steps li:before{counter-increment:step;content:counter(step);background:var(--color-primary-soft);width:28px;height:28px;color:var(--color-primary-strong);font-weight:700;font-size:var(--font-size-small);border-radius:50%;flex:none;place-items:center;display:grid}.actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.track-form{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:end;display:flex}.track-form .field{flex:1;min-width:220px;margin:0}@keyframes track-rise{0%{transform:translateY(10px)}}@keyframes track-pop{0%{transform:scale(.8)}}@keyframes track-fill{0%{transform:scaleX(0)}}@keyframes track-dot{0%{transform:scale(.5)}}@keyframes track-pulse{0%,to{box-shadow:0 0 0 4px var(--color-primary-soft)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--color-primary) 0%, transparent)}}@keyframes track-float{50%{transform:translateY(-8px)}}@keyframes track-live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-good) 45%, transparent)}to{box-shadow:0 0 0 9px color-mix(in srgb, var(--color-good) 0%, transparent)}}.track-hero{margin-bottom:var(--space-5)}.track-hero h1{margin-bottom:var(--space-2)}.track-hero p{font-size:var(--font-size-large);margin:0}.track-grid{gap:var(--space-5);align-items:start;display:grid}.track-stage{min-width:0;scroll-margin-top:calc(var(--header-height) + var(--space-3))}.track-panel{padding:var(--space-5)}.track-search .field{margin-bottom:var(--space-3)}.track-search input{min-height:56px;font-family:var(--font-mono);font-size:var(--font-size-large);letter-spacing:.06em;text-transform:uppercase}.track-search input::placeholder{text-transform:none}.track-search .button{width:100%;min-height:52px}.track-recent{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.track-recent h2{margin:0 0 var(--space-3);color:var(--color-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.track-recent ul{gap:var(--space-2);margin:0 0 var(--space-2);padding:0;list-style:none;display:grid}.recent-card{align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);display:flex}.recent-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-1px)}.recent-card:active{transform:scale(.99)}.recent-card[aria-pressed=true]{border-color:var(--color-primary-strong);background:var(--color-primary-soft)}.recent-code{font-family:var(--font-mono);letter-spacing:.04em;flex:1;font-weight:600}.recent-card .icon:first-child{color:var(--color-primary-strong)}.recent-card .icon:last-child{color:var(--color-muted);transition:transform var(--transition)}.recent-card:hover .icon:last-child{transform:translate(3px)}.track-recent .link-button{min-height:44px}.track-empty{align-content:center;justify-items:center;gap:var(--space-2);min-height:380px;padding:var(--space-6) var(--space-5);background:linear-gradient(180deg, var(--color-primary-soft-end), var(--color-surface));text-align:center;animation:track-rise var(--duration-base) var(--ease-out);display:grid}.track-empty h2{margin:var(--space-3) 0 0}.track-empty p{max-width:36ch;margin:0}.track-empty-icon{background:var(--color-primary-soft);width:88px;height:88px;color:var(--color-primary-strong);border-radius:50%;place-items:center;animation:3.2s ease-in-out infinite track-float;display:grid}.track-empty-icon .icon{width:40px;height:40px}.track-skeleton{gap:var(--space-4);display:grid}.track-skeleton-title{width:40%;height:28px}.track-skeleton-bar{border-radius:var(--radius-small);height:56px}.track-order{gap:var(--space-4);padding:var(--space-5);animation:track-rise var(--duration-base) var(--ease-out);display:grid}.track-order>*{margin:0}.track-order-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.track-order-head h2{font-family:var(--font-mono);letter-spacing:.04em;-webkit-user-select:all;user-select:all;margin:0;font-size:28px}.track-order-head p{margin:var(--space-1) 0 0}.track-pill{border-radius:var(--radius-pill);font-size:var(--font-size-small);white-space:nowrap;animation:track-pop .42s var(--ease-out) .15s both;padding:6px 16px;font-weight:700}.track-pill-good{background:var(--color-good-soft);color:var(--color-good)}.track-pill-bad{background:var(--color-bad-soft);color:var(--color-bad)}.track-pill-quiet{background:var(--color-surface-sunken);color:var(--color-muted)}.timeline{grid-template-columns:repeat(var(--steps,4), 1fr);padding:var(--space-3) 0 var(--space-2);margin:0;list-style:none;display:grid}.timeline li{align-items:center;gap:var(--space-3);padding:0 var(--space-1);text-align:center;font-size:var(--font-size-small);color:var(--color-muted);flex-direction:column;display:flex;position:relative}.timeline li:before,.timeline li:after{border-radius:2px;width:100%;height:4px;position:absolute;top:14px;left:-50%}.timeline li:before{content:"";background:var(--color-border)}.timeline li:after{content:none;background:var(--color-primary);transform-origin:0;animation:track-fill .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * .18s)}.timeline li.done:after,.timeline li.current:after{content:""}.timeline li:first-child:before,.timeline li:first-child:after{display:none}.timeline .dot{z-index:1;background:var(--color-surface);border:3px solid var(--color-border);width:32px;height:32px;animation:track-dot .4s var(--ease-out) both;animation-delay:calc(var(--i,0) * .18s);border-radius:50%;place-items:center;display:grid;position:relative}.timeline li.done .dot:after{content:"";border:solid var(--color-primary-contrast);border-width:0 3px 3px 0;width:6px;height:12px;margin-top:-2px;transform:rotate(45deg)}.timeline li.current{color:var(--color-text);font-weight:700}.timeline li.current .dot{border-color:var(--color-primary);animation:track-dot .4s var(--ease-out) both calc(var(--i,0) * .18s), track-pulse 2.4s ease-in-out calc(var(--i,0) * .18s + .7s) infinite}.timeline li.current .dot:after{content:"";background:var(--color-primary);border-radius:50%;width:12px;height:12px}.status-help{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--color-surface-sunken);color:var(--color-text);text-align:center}.track-facts{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0;list-style:none;display:grid}.track-facts li{align-items:center;column-gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);animation:track-rise .4s var(--ease-out) .25s both;grid-template-columns:auto minmax(0,1fr);display:grid}.track-facts li.is-wide{grid-column:1/-1}.track-facts .icon{width:24px;height:24px;color:var(--color-primary-strong);grid-row:1/span 2}.fact-label{color:var(--color-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.fact-value{overflow-wrap:anywhere;font-weight:600}.track-receipt{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small)}.track-receipt h3{margin:0 0 var(--space-3)}.track-receipt .lines.compact{margin:0 0 var(--space-3);gap:0}.track-receipt .lines.compact li{padding:var(--space-2) 0;border-bottom:1px dashed var(--color-border-strong);font-variant-numeric:tabular-nums;animation:track-rise .38s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms + .3s)}.track-receipt .lines.compact li:last-child{border-bottom:0}.track-receipt .breakdown{margin:0 0 var(--space-2)}.track-receipt .total-row{margin:0}.track-live{align-items:center;gap:var(--space-2);font-size:var(--font-size-small);display:flex}.live-dot{background:var(--color-good);border-radius:50%;flex:none;width:8px;height:8px;animation:2s ease-out infinite track-live}@media (width>=900px){.track-grid{grid-template-columns:var(--track-side) minmax(0, 1fr)}.track-panel{top:calc(var(--header-height) + var(--space-4));position:sticky}}@media (width<=719px){.track-panel,.track-order{padding:var(--space-4)}.track-hero p{font-size:var(--font-size)}.track-empty{min-height:260px;padding:var(--space-5) var(--space-4)}.track-order-head h2{font-size:24px}}.status-end{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small)}.status-end p{margin:var(--space-1) 0 0}.status-rejected{background:var(--color-bad-soft);color:var(--color-bad)}.status-cancelled{background:var(--color-bg);border:1px solid var(--color-border)}@media (width>=721px){.cart-bar{display:none}body:has(.cart-bar) .site-footer{padding-bottom:0}}@media (width<=720px){.filters-toggle{display:inline-flex}.filters{display:none}.filters.is-open{display:grid}.filters .field{max-width:none}.result-line{text-align:left}.drawer[open]{flex-direction:column}.drawer-panel{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:90%;margin:auto 0 0;animation-name:sheet-in}}@media (width<=640px){.site-header nav .nav-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header nav .cart-total{display:none}.site-header nav a,.site-header nav .cart-link{padding:0 var(--space-2)}.brand{font-size:18px}.nav-tools{border-left:0;margin-left:0;padding-left:0}.language-switcher select{padding-left:var(--space-1)}.site-header nav a.active:after{left:var(--space-2);right:var(--space-2)}}@media (width<=560px){.grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.price{font-size:var(--font-size)}.product-action .stepper{gap:var(--space-1)}.product-action .stepper .button{min-width:40px}.line{grid-template-columns:var(--thumb-size) minmax(0, 1fr);grid-template-areas:"thumb name""thumb total""thumb step"}.line-total{text-align:left}.order-code{padding:var(--space-2) var(--space-4);font-size:28px}.co-section{padding:var(--space-4)}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.product-image-link{color:inherit;display:block}.product-body h3 a{color:inherit;text-decoration:none}.product-body h3 a:hover{color:var(--color-primary)}.quicklook-button{left:50%;bottom:var(--space-3);align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-small);white-space:nowrap;box-shadow:var(--shadow);cursor:pointer;opacity:0;transition:opacity var(--transition), transform var(--transition);font-weight:600;display:inline-flex;position:absolute;transform:translate(-50%,6px)}.product:hover .quicklook-button,.product:focus-within .quicklook-button,.quicklook-button:focus-visible{opacity:1;transform:translate(-50%)}.quicklook-button:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}@media (hover:none){.quicklook-button{opacity:1;min-height:40px;transform:translate(-50%)}}.product-image.detail{aspect-ratio:var(--detail-image-ratio)}.product-image.detail.is-letter{font-size:96px}.quicklook{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text);background:0 0;border:0;margin:0;padding:0}.quicklook[open]{padding:var(--space-4);justify-content:center;align-items:center;display:flex}.quicklook::backdrop{background:var(--color-overlay);animation:fade-in var(--duration-base) var(--ease-out)}body:has(.quicklook[open]){overflow:hidden}.quicklook-panel{border-radius:var(--radius);background:var(--color-surface);width:min(780px,100%);max-height:100%;box-shadow:var(--shadow-drawer);animation:pop-in var(--duration-base) var(--ease-out);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative;overflow:auto}.quicklook-panel .product-media{align-self:start}.quicklook-close{top:var(--space-2);right:var(--space-2);z-index:2;background:var(--header-bg);position:absolute}.quicklook-body{gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-5);flex-direction:column;display:flex}.quicklook-body h2,.quicklook-body p{margin:0}.quicklook-body .price{font-size:var(--font-size-title-phone);font-weight:700}.quicklook-body .product-action{margin-top:var(--space-2)}.product-full-desc{color:var(--color-text);white-space:pre-line;margin:0}.breadcrumb ol{gap:var(--space-2);margin:0 0 var(--space-4);color:var(--color-muted);font-size:var(--font-size-small);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";margin-right:var(--space-2);color:var(--color-border)}.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:600}.detail{gap:var(--space-5);align-items:start;display:grid}.detail .product-image.detail{border-radius:var(--radius)}.detail-info{padding-top:var(--space-2)}.detail-info .product-brand{margin:0 0 var(--space-2)}.detail.is-out .product-image{opacity:.55;filter:grayscale()}.detail-info h1{margin:0 0 var(--space-3)}.detail-price{align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);display:flex}.detail-price .price{font-size:var(--font-size-title-phone)}.detail-info .product-full-desc{margin-bottom:var(--space-5)}.detail-info .product-action{max-width:360px}.detail-note{margin:var(--space-3) 0 0;font-size:var(--font-size-small)}.facts{gap:var(--space-2) var(--space-5);margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:auto 1fr;display:grid}.facts dt{color:var(--color-muted)}.facts dd{margin:0}.related{margin-top:var(--space-6)}.share-status{margin:var(--space-2) 0 0;font-size:var(--font-size-small);overflow-wrap:anywhere}.share-status:empty{margin:0}.detail-info .share{margin-top:var(--space-4)}.quicklook-links{gap:var(--space-3);grid-template-columns:1fr auto;align-items:start;display:grid}.quicklook-links .share{display:contents}.quicklook-links .share-status{order:3;grid-column:1/-1;margin:0}.gallery{gap:var(--space-3);display:grid}.gallery-stage{position:relative}.gallery-arrow{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--header-bg);width:44px;height:44px;color:var(--color-text);box-shadow:var(--shadow);cursor:pointer;transition:border-color var(--transition);place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow:hover{border-color:var(--color-primary)}.gallery-arrow.is-previous{left:var(--space-2)}.gallery-arrow.is-next{right:var(--space-2)}.gallery-thumbs{gap:var(--space-2);margin:0;padding:3px;list-style:none;display:flex;overflow-x:auto}.gallery-thumb{width:var(--thumb-size);border:2px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition);flex:none;padding:0;overflow:hidden}.gallery-thumb:hover{border-color:var(--color-primary)}.gallery-thumb[aria-current=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.gallery-thumb .product-image{aspect-ratio:1;font-size:20px}.quicklook-panel .gallery{padding:0 0 var(--space-3)}.quicklook-panel .gallery-thumbs{padding-inline:var(--space-3)}@media (width>=761px){.detail{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.detail>.product-media{top:calc(var(--header-height) + var(--space-4));position:sticky}}@media (width<=760px){.quicklook[open]{align-items:flex-end;padding:0}.quicklook-panel{border-radius:var(--radius) var(--radius) 0 0;grid-template-columns:minmax(0,1fr);width:100%;max-height:92%;animation-name:sheet-in}.quicklook-panel .product-image.detail{aspect-ratio:auto;height:38vh}.quicklook-panel .gallery .product-image.detail{height:30vh}.quicklook-panel .gallery-thumb{width:52px}.quicklook-body{padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}}.is-wide .page{max-width:var(--shop-width)}@media (width>=900px){.shop-layout{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:var(--space-5);align-items:start;display:grid}.filter-sidebar{top:calc(var(--header-height) + var(--space-3));max-height:calc(100vh - var(--header-height) - var(--space-5));padding:0 var(--space-4) var(--space-4) 0;border-right:1px solid var(--color-border);position:sticky;overflow-y:auto}.filter-sidebar h2{margin:0 0 var(--space-3);font-size:var(--font-size)}.category-list{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);gap:2px;display:grid}.category-item{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-small);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:background var(--transition);background:0 0;border:0;display:flex}.category-item:hover{background:var(--color-primary-soft)}.category-item[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:600}.sidebar-fields .field{min-width:0;margin-bottom:var(--space-3)}.sidebar-fields select{width:100%}.filter-sidebar .toggle{margin-top:var(--space-1)}.toolbar.filter-sticky{margin:0 0 var(--space-4);padding:var(--space-3) 0 var(--space-1)}.toolbar .result-line{text-align:left}}.choice{margin:0 0 var(--space-4);border:0;padding:0}.choice legend{margin-bottom:var(--space-2);font-size:var(--font-size-large);padding:0;font-weight:700}.choice-option{align-items:flex-start;gap:var(--space-3);min-height:44px;padding:var(--space-3);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);cursor:pointer;display:flex}.choice-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.choice-option input{flex:none;width:22px;height:22px;margin-top:1px}.hint.block{margin-top:var(--space-1);display:block}.delivery-fields h2{margin-top:var(--space-4)}.breakdown{gap:var(--space-1);margin:0 0 var(--space-3);display:grid}.breakdown div{justify-content:space-between;gap:var(--space-4);display:flex}.breakdown dt{color:var(--color-muted)}.breakdown dd{font-variant-numeric:tabular-nums;margin:0}.tax-note{margin:0 0 var(--space-2);font-size:var(--font-size-small)}.breakdown-line{margin:var(--space-1) 0 0;font-size:var(--font-size-small)}.subnav{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.subnav-row{gap:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.subnav a{padding:var(--space-1) 0;color:var(--color-muted);flex:none;font-weight:500;text-decoration:none}.subnav a:hover{color:var(--color-primary-strong)}.social{margin:0}.prose{white-space:pre-line;max-width:68ch}.contact-facts{max-width:560px}.announcement{padding:10px var(--space-4);background:var(--color-primary);color:var(--color-primary-contrast);font-size:var(--font-size-small);letter-spacing:.01em;text-align:center;margin:0;font-weight:500}.brand{align-items:center;gap:var(--space-2);display:inline-flex}.brand-logo{object-fit:contain;width:auto;max-width:120px;height:36px}.brand-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.home{gap:var(--space-5);margin-bottom:var(--space-5);display:grid}.home-heading{margin:0 0 var(--space-3)}.home-categories{gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.home-categories .chip{align-items:center;text-decoration:none;display:inline-flex}.banner{border-radius:var(--radius);background:var(--color-primary-soft);align-items:end;min-height:200px;display:grid;position:relative;overflow:hidden}.banner-hero{min-height:320px}@media (width>=900px){.banner-hero{min-height:440px}.banner-hero .banner-text{padding:var(--space-6)}.banner-hero h2{font-size:var(--font-size-display);letter-spacing:-.04em;line-height:1.05}}.banner img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.banner-text{max-width:60ch;padding:var(--space-5);position:relative}.banner:not(.has-image) .banner-text{color:var(--color-primary-strong)}.banner.has-image .banner-text{color:#fff;text-shadow:0 1px 8px #0000008c;background:linear-gradient(#0000,#0000008c);align-self:end;max-width:none}.banner h2{margin:0 0 var(--space-2);font-size:var(--font-size-title)}.banner p{margin:0}[data-card=compact] .product-desc,[data-card=image] .product-desc,[data-card=image] .product-brand{display:none}[data-card=compact] .product-body h3{font-size:var(--font-size-small)}[data-card=image] .product-body{padding-top:var(--space-2)}.heart{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);width:40px;height:40px;color:var(--color-muted);cursor:pointer;box-shadow:var(--shadow);transition:color var(--transition), border-color var(--transition);place-items:center;padding:0;display:inline-grid}.heart:hover{color:var(--color-bad);border-color:var(--color-bad)}.heart[aria-pressed=true]{color:var(--color-bad)}.heart-card{top:var(--space-2);right:var(--space-2);z-index:1;position:absolute}.detail-actions{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.detail-info .detail-actions .share{margin:0}.rating{align-items:baseline;gap:var(--space-2);white-space:nowrap;display:inline-flex}.rating-stars{letter-spacing:.08em;color:var(--color-primary-strong)}.card-rating,.detail-rating{margin:0 0 var(--space-2);font-size:var(--font-size-small)}.reviews{margin:var(--space-5) 0}.review-list{margin:0 0 var(--space-4);padding:0;list-style:none}.review{padding:var(--space-3) 0;border-top:1px solid var(--color-border)}.review p{margin:0 0 var(--space-1)}.review-body{white-space:pre-line}.review-form{max-width:36rem}.rating-input{margin:0 0 var(--space-3);border:0;padding:0}.rating-choice{align-items:center;gap:var(--space-1);margin-right:var(--space-3);color:var(--color-primary-strong);display:inline-flex}.language-switcher select{padding:0 28px 0 var(--space-2);color:var(--color-muted);font-size:var(--font-size-small);background-color:#0000;background-position:right 8px center;background-size:14px;border-color:#0000;font-weight:500}.language-switcher select:hover,.language-switcher select:focus{border-color:var(--color-border-strong);color:var(--color-text)}.account-form,.account-details,.account-orders,.account-privacy{max-width:36rem;margin-bottom:var(--space-4)}.account-form h2,.account-details h2,.account-orders h2,.account-privacy h2{margin-top:0}.account-switch{gap:var(--space-3);margin:var(--space-3) 0 0;flex-wrap:wrap;display:flex}.account-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.saved-address{margin:0 0 var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius)}.saved-address legend{padding:0 var(--space-2);font-weight:600}.account-order-list{margin:0;padding:0;list-style:none}.account-order-list li{padding:var(--space-2) 0;border-top:1px solid var(--color-border)}.keep-details{margin-bottom:var(--space-3)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.welcome{margin:0 0 var(--space-5);padding:var(--space-4) 0}.welcome h1{margin-bottom:var(--space-3)}.welcome-about{max-width:60ch;margin:0 0 var(--space-4);color:var(--color-muted);font-size:var(--font-size-large)}.home-page>section{margin-bottom:var(--space-5)}.home-cta{margin:var(--space-5) 0 0}.co{gap:var(--space-5);align-items:start;display:grid}.co-main{gap:var(--space-4);counter-reset:co-step;max-width:none;display:grid}.co-section{padding:var(--space-5);counter-increment:co-step}.co-section h2{align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:var(--font-size-large);display:flex}.co-section:not(.co-plain) h2:before{content:counter(co-step);border-radius:var(--radius-pill);background:var(--color-primary);width:28px;height:28px;color:var(--color-primary-contrast);font-size:var(--font-size-small);flex:none;place-items:center;font-weight:700;display:grid}.co-section .field:last-child{margin-bottom:0}.co-main :is(input,select,textarea){scroll-margin-bottom:11rem}.co-choices{gap:var(--space-3);border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));margin:0;padding:0;display:grid}.co-choices.pickup-places{grid-template-columns:1fr}.co-choices legend{margin-bottom:var(--space-1);grid-column:1/-1;padding:0;font-weight:700}.co-card{align-items:flex-start;gap:var(--space-3);min-height:56px;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);cursor:pointer;display:flex}.co-card:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.co-card:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.co-card input{width:22px;height:22px;accent-color:var(--color-primary);flex:none;margin:2px 0 0}.co-card-icon{color:var(--color-primary-strong);flex:none}.co-card-text{gap:var(--space-1);min-width:0;display:grid}.co-place{gap:var(--space-3);display:grid}.co-place-name{font-size:var(--font-size-large)}.co-facts{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.co-facts li{align-items:flex-start;gap:var(--space-3);overflow-wrap:anywhere;display:flex}.co-facts .icon{color:var(--color-muted);flex:none;margin-top:2px}.co-place-foot{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0;display:flex}.co-badge{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-good-soft);color:var(--color-text);font-size:var(--font-size-small);font-weight:700}.co-link{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.co-warning{align-items:flex-start;gap:var(--space-3);margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-warn);border-radius:var(--radius-small);background:var(--color-warn-soft);color:var(--color-text);display:flex}.co-warning .icon{flex:none;margin-top:2px}.co-pay-note{margin:var(--space-3) 0 0}.co-consent{padding:0 var(--space-1)}.co-side{gap:var(--space-3);display:grid}.co-sheet h2{margin:0 0 var(--space-3);font-size:var(--font-size-large)}.co-sheet-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:48px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;display:flex}.co-sheet-title{flex:1}.co-sheet-total{font-size:var(--font-size-large);font-variant-numeric:tabular-nums}.co-sheet-chevron{width:10px;height:10px;transition:transform var(--duration-base) var(--ease-out);border:2px solid;border-width:0 2px 2px 0;transform:rotate(45deg)}.is-open .co-sheet-chevron{transform:rotate(-135deg)}.co-sheet-body{max-height:28vh;padding-top:var(--space-3);overflow:auto}.co-summary-links{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.co-notice{font-size:var(--font-size-small);margin:0}.co-submit{width:100%;min-height:52px}.co-side{z-index:5;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0px));border:1px solid var(--color-border);border-radius:var(--radius) var(--radius) 0 0;background:var(--color-surface);box-shadow:var(--shadow-drawer);position:sticky;bottom:0}@media (width>=900px){.co{grid-template-columns:minmax(0,65fr) minmax(0,35fr)}.co-side{top:calc(var(--header-height) + var(--space-4));max-height:calc(100vh - var(--header-height) - var(--space-7));padding:var(--space-5);border-radius:var(--radius);background:var(--color-surface-sunken);box-shadow:none;bottom:auto;overflow:auto}}.co-thanks{margin:0 0 var(--space-4);font-size:var(--font-size-large);text-align:center}.co-progress{gap:var(--space-4);margin:0 0 var(--space-3);padding:0;list-style:none;display:grid}.co-progress li{align-items:center;gap:var(--space-3);color:var(--color-muted);font-weight:600;display:flex;position:relative}.co-progress .dot{border:2px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.co-progress li:not(:last-child):before{content:"";top:28px;left:11px;bottom:calc(var(--space-4) * -1 + 4px);background:var(--color-border-strong);width:2px;position:absolute}.co-progress li.done,.co-progress li.current{color:var(--color-text)}.co-progress li.done .dot{border-color:var(--color-good);background:var(--color-good)}.co-progress li.done .dot:after{content:"";border:solid var(--color-surface);border-width:0 2px 2px 0;width:6px;height:11px;margin-top:-2px;transform:rotate(45deg)}.co-progress li.done:not(:last-child):before{background:var(--color-good)}.co-progress li.current .dot{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}@media (width>=640px){.co-progress{grid-template-columns:repeat(var(--steps), minmax(0, 1fr))}.co-progress li{text-align:center;flex-direction:column}.co-progress li:not(:last-child):before{width:auto;height:2px;inset:11px calc(20px - 50%) auto calc(50% + 20px)}}.co-cards{gap:var(--space-4);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.co-cards .co-section{margin:0}.co-details{gap:var(--space-2);margin:0;display:grid}.co-details div{justify-content:space-between;gap:var(--space-4);display:flex}.co-details dt{color:var(--color-muted)}.co-details dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.co-pay-state{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text);display:inline-block}.co-pay-unpaid,.co-pay-pending{background:var(--color-warn-soft)}.co-pay-paid{background:var(--color-good-soft)}.receipt-lines .line{grid-template-areas:"thumb name total";align-items:start}.receipt-lines .line-name .muted{white-space:nowrap}:root{--color-primary:#1c5df5;--color-primary-strong:#1a3bb5;--color-primary-contrast:#fff;--color-primary-soft:#eaf2ff;--color-primary-soft-end:#f5f9ff;--color-bg:#f7f8fb;--color-bg-glow:#eaf2ff;--color-text:#1b2340;--color-muted:#5a6280;--color-border:#e3e8f4;--color-border-strong:#c7cfe6;--color-focus:#1d4ed8;--color-warn:#a84a07;--header-bg:#fffffff0;--color-overlay:#1b234085;--color-skeleton:#e8ecf6;--color-skeleton-shine:#f6f8fd;--skin-ink:#1b2340;--skin-yellow:#ffc21a;--skin-red:#f83f31;--skin-green:#18b26c;--skin-purple:#8b45ff;--skin-tint-blue:#e3edff;--skin-tint-yellow:#fff3c9;--skin-tint-red:#ffe4e1;--skin-tint-green:#dcf6e9;--skin-tint-purple:#eee5ff;--radius:22px;--radius-small:14px;--font-body:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", Quicksand, Nunito, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--header-height:76px;--font-size-title:44px;--font-size-title-phone:32px;--letter-spacing-tight:-.02em;--shadow:0 6px 18px -10px #1b234038;--shadow-lift:0 18px 34px -14px #1b234052;--shadow-button:0 4px 0 var(--color-primary-strong);--shadow-drawer:0 0 0 1px #1b234014, 0 24px 64px #1b23404d}h1,h2,h3{font-weight:800}.button{border-radius:var(--radius-pill);font-weight:700}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:0 1px 0 var(--color-primary-strong);transform:translateY(3px)}.button.secondary{border-width:2px}.button.secondary:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-strong)}.stepper .button{box-shadow:none}.chip{font-weight:600}.chip[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.search input{border-radius:var(--radius-pill);border-width:2px}.site-header{border-bottom:4px solid #0000;border-image:linear-gradient(90deg,#1c5df5 0 25%,#8b45ff 25% 45%,#f83f31 45% 65%,#ffc21a 65% 85%,#18b26c 85%) 1}.brand-mark{object-fit:contain;flex:none;width:auto;height:60px}@media (width<=640px){:root{--header-height:68px}.brand-mark{height:50px}}.brand-mark+.brand-name{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header nav a,.site-header nav .cart-link{font-weight:600}.site-header nav a.active:after{height:3px}.site-header nav .cart-link,.site-header nav a.cart-link,.site-header nav a.cart-link.active{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-pill);box-shadow:0 3px 0 var(--color-primary-strong);border:0}.site-header nav .cart-link:hover,.site-header nav a.cart-link:hover{background:var(--color-primary-strong);color:var(--color-primary-contrast)}.site-header nav a.cart-link.active:after{display:none}.cart-count{background:var(--skin-yellow);color:var(--skin-ink)}.announcement{font-weight:700}.site-footer{--footer-bg:var(--skin-ink);--footer-text:#fff;--footer-muted:color-mix(in srgb, #fff 78%, var(--skin-ink));--footer-line:color-mix(in srgb, #fff 18%, var(--skin-ink));--footer-hover:var(--skin-yellow);--footer-radius:36px;margin-top:var(--space-7);border-top:0}.footer-logo{border-radius:14px;max-height:56px}.product{border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:10px}.product:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lift);transform:translateY(-4px)rotate(-.4deg)}.product-media .product-image{border-radius:calc(var(--radius) - 8px)}.grid>.product:nth-child(5n+1) .product-image{background:var(--skin-tint-blue)}.grid>.product:nth-child(5n+2) .product-image{background:var(--skin-tint-yellow)}.grid>.product:nth-child(5n+3) .product-image{background:var(--skin-tint-red)}.grid>.product:nth-child(5n+4) .product-image{background:var(--skin-tint-green)}.grid>.product:nth-child(5n) .product-image{background:var(--skin-tint-purple)}.product .product-image.is-loaded img,.detail .product-image.is-loaded img{mix-blend-mode:multiply}.detail .product-image.detail{background:var(--skin-tint-blue)}.product-action .button{padding-inline:var(--space-3);white-space:nowrap}.product-image.is-letter{color:var(--color-primary-strong)}.product-body{padding:var(--space-3) 6px 0}.product-foot{padding:var(--space-2) 6px 4px}.product-brand{letter-spacing:.08em}.price{color:var(--color-primary-strong);font-weight:800}.badge{font-weight:700}.badge-offer{background:var(--skin-yellow);color:var(--skin-ink);transform:rotate(-3deg)}.group-heading{align-items:center;gap:var(--space-3);border-bottom:0;padding-bottom:0;display:flex}.group-heading:before{content:"";border-radius:var(--radius-pill);background:var(--skin-yellow);width:28px;height:10px}@media (prefers-reduced-motion:reduce){.product:hover{transform:none}}.brand-group{align-items:center;gap:var(--space-2);min-width:0;display:flex}.menu-button{flex:none;display:none}.category-strip{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.category-strip-row{gap:var(--space-2);padding-top:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.category-strip a{padding:6px var(--space-4);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--font-size-small);transition:background var(--transition);flex:none;font-weight:600;text-decoration:none}.category-strip a:hover{background:var(--color-primary-soft)}.category-strip a[aria-current=page]{background:var(--color-primary);color:var(--color-primary-contrast)}@media (width<=899px){.menu-button{display:inline-grid}.category-strip{display:none}}@keyframes menu-in{0%{opacity:0;transform:translate(-32px)}}.menu{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text);background:0 0;border:0;margin:0;padding:0}.menu[open]{display:flex}.menu::backdrop{background:var(--color-overlay);animation:fade-in var(--duration-base) var(--ease-out)}body:has(.menu[open]){overflow:hidden}.menu-panel{background:var(--color-surface);border-radius:0 var(--radius) var(--radius) 0;width:min(340px,88%);box-shadow:var(--shadow-drawer);animation:menu-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.menu-body{padding:var(--space-4) var(--space-5) var(--space-5);flex:1;overflow-y:auto}.menu-search{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);color:var(--color-muted);font-weight:600;text-decoration:none;display:flex}.menu-heading{margin:var(--space-5) 0 var(--space-1);color:var(--color-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}.menu-list{margin:0;padding:0;list-style:none}.menu-list a{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-2);border-bottom:1px solid var(--color-border);color:var(--color-text);font-weight:600;text-decoration:none;display:flex}.menu-list a:hover{color:var(--color-primary-strong)}.menu-more{margin-top:var(--space-5)}.skin-home{gap:var(--space-6);margin-bottom:var(--space-6);display:grid}.home-heading{margin-bottom:var(--space-4);font-size:28px}@keyframes skin-float{50%{transform:translateY(-12px)rotate(1.5deg)}}.skin-hero{min-height:0;padding:var(--space-5);align-items:center}.skin-hero h2{letter-spacing:-.03em;font-size:clamp(32px,6vw,56px);line-height:1.05}.skin-hero .skin-hero-actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.skin-hero:not(.has-image){background:linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));grid-template-columns:minmax(0,1fr);justify-items:start}.skin-hero:not(.has-image) .banner-text{color:var(--color-primary-contrast);max-width:600px;padding:var(--space-3)}.skin-hero:not(.has-image):before,.skin-hero:not(.has-image):after{content:"";pointer-events:none;border-radius:50%;position:absolute}.skin-hero:not(.has-image):before{background:#ffffff1a;width:360px;height:360px;top:-110px;right:-70px}.skin-hero:not(.has-image):after{bottom:var(--space-5);left:var(--space-5);background:var(--skin-yellow);width:44px;height:44px}.skin-hero .skin-hero-art{z-index:1;object-fit:contain;justify-self:center;width:min(300px,72%);height:auto;animation:6s ease-in-out infinite skin-float;position:relative;inset:auto}.skin-hero .hero-shape{z-index:0;pointer-events:none;display:none;position:absolute}.skin-hero .skin-hero-text{z-index:1;position:relative}@media (width>=900px){.skin-hero .hero-shape{display:block}}.skin-hero .hero-shape-1{background:var(--skin-red);border-radius:50%;width:18px;height:18px;animation:7s ease-in-out infinite skin-drift;top:18%;right:46%}.skin-hero .hero-shape-2{background:var(--skin-yellow);border-radius:7px;width:26px;height:26px;animation:9s ease-in-out -2s infinite skin-drift;top:10%;right:8%;transform:rotate(18deg)}.skin-hero .hero-shape-3{background:var(--skin-green);border-radius:50%;width:14px;height:14px;animation:8s ease-in-out -4s infinite skin-drift;bottom:12%;right:40%}@keyframes skin-drift{50%{transform:translate(10px,-14px)rotate(20deg)}}.skin-hero:not(.has-image) .button:not(.secondary){border-color:var(--skin-yellow);background:var(--skin-yellow);color:var(--skin-ink);box-shadow:0 4px #c98f00}@media (width>=900px){.skin-hero:not(.has-image){min-height:380px;padding:var(--space-6);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.skin-hero .skin-hero-art{width:min(440px,100%)}}.tile-grid,.age-grid{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tile{border-radius:var(--radius);background:var(--skin-tint-blue);height:100%;color:var(--skin-ink);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;padding:10px;text-decoration:none;display:flex}.tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)rotate(.5deg)}.tile-grid li:nth-child(5n+2) .tile{background:var(--skin-tint-yellow)}.tile-grid li:nth-child(5n+3) .tile{background:var(--skin-tint-red)}.tile-grid li:nth-child(5n+4) .tile{background:var(--skin-tint-green)}.tile-grid li:nth-child(5n) .tile{background:var(--skin-tint-purple)}.tile .product-image{aspect-ratio:4/3;border-radius:calc(var(--radius) - 8px);background:#ffffffb8}.tile .product-image.is-loaded img{mix-blend-mode:multiply}.tile .product-image.is-letter .tile-icon{width:64px;height:64px;color:var(--color-primary-strong);background:#ffffffd9;border-radius:50%;place-items:center;display:grid}.tile .product-image.is-letter .tile-icon .icon{width:34px;height:34px}.tile .product-image.is-letter{place-items:center;display:grid}.tile-name{margin-top:var(--space-2);text-align:center;padding-bottom:2px;font-weight:800}.age-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.age-tile{min-height:120px;padding:var(--space-3) var(--space-4);border-bottom:6px solid var(--color-primary);border-radius:var(--radius);background:var(--skin-tint-blue);color:var(--skin-ink);text-align:center;transition:transform var(--transition), box-shadow var(--transition);place-content:center;justify-items:center;gap:2px;text-decoration:none;display:grid;position:relative;overflow:hidden}.age-tile:before{content:"";background:#ffffff8c;border-radius:50%;width:78px;height:78px;position:absolute;top:-22px;right:-22px}.age-num{letter-spacing:-.03em;font-size:36px;font-weight:900;line-height:1;position:relative}.age-unit{font-size:var(--font-size-small);letter-spacing:.06em;text-transform:uppercase;font-weight:700;position:relative}.age-tile:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)rotate(-1deg)}.age-grid li:nth-child(5n+2) .age-tile{background:var(--skin-tint-yellow);border-color:var(--skin-yellow)}.age-grid li:nth-child(5n+3) .age-tile{background:var(--skin-tint-red);border-color:var(--skin-red)}.age-grid li:nth-child(5n+4) .age-tile{background:var(--skin-tint-green);border-color:var(--skin-green)}.age-grid li:nth-child(5n) .age-tile{background:var(--skin-tint-purple);border-color:var(--skin-purple)}.age-filter{align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);flex-wrap:wrap;font-weight:700;display:flex}.section-head{align-items:baseline;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.section-head .home-heading{margin:0}.section-sub{color:var(--color-muted);margin:0}.popular-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.popular-grid>:nth-child(n+5){display:none}.section-more{margin:var(--space-5) 0 0;justify-content:center;display:flex}@media (width>=720px){.popular-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.popular-grid>:nth-child(n+5){display:block}.popular-grid>:nth-child(n+7){display:none}}@media (width>=1024px){.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.popular-grid>:nth-child(n+7){display:block}}.promo-band{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);border-radius:calc(var(--radius) + 6px);background:linear-gradient(120deg, var(--skin-yellow), #ffd95a);color:var(--skin-ink);display:grid;position:relative;overflow:hidden}.promo-band.has-image{grid-template-columns:minmax(0,1fr)}.promo-text{z-index:1;justify-items:start;gap:var(--space-3);max-width:560px;display:grid;position:relative}.promo-text h2{letter-spacing:-.02em;margin:0;font-size:clamp(26px,4vw,38px);line-height:1.1}.promo-text p{font-size:var(--font-size-large);margin:0;font-weight:600}.promo-band .button{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.promo-band img{z-index:1;border-radius:var(--radius);object-fit:cover;width:100%;max-height:260px;position:relative}.promo-shape{pointer-events:none;border-radius:50%;position:absolute}.promo-shape-1{background:#ffffff59;width:220px;height:220px;animation:10s ease-in-out infinite skin-drift;top:-60px;right:-50px}.promo-shape-2{background:var(--color-primary);opacity:.9;width:90px;height:90px;animation:8s ease-in-out -3s infinite skin-drift;bottom:-28px;right:14%}@media (width>=900px){.promo-band.has-image{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.promo-band{padding:var(--space-6)}}.how-steps{gap:var(--space-5);margin:0;padding:0;list-style:none;display:grid;position:relative}.how-steps li{column-gap:var(--space-4);animation:track-rise .5s var(--ease-out) both;animation-delay:calc(var(--n,0) * 90ms);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid;position:relative}.how-steps li:not(:last-child):after{content:"";border-left:3px dashed var(--color-border-strong);width:0;position:absolute;top:60px;bottom:-22px;left:27px}.how-icon{background:var(--skin-tint-blue);width:56px;height:56px;color:var(--color-primary-strong);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid}.how-steps li:nth-child(2) .how-icon{background:var(--skin-tint-yellow);color:var(--skin-ink)}.how-steps li:nth-child(3) .how-icon{background:var(--skin-tint-green);color:var(--skin-ink)}.how-steps li:nth-child(4) .how-icon{background:var(--skin-tint-purple);color:var(--skin-ink)}.how-icon .icon{width:26px;height:26px}.how-steps h3{align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--font-size-large);display:flex}.how-num{background:var(--color-primary);width:26px;height:26px;color:var(--color-primary-contrast);font-size:var(--font-size-small);border-radius:50%;place-items:center;display:inline-grid}.how-steps p{color:var(--color-muted);margin:0}.how-note{margin:var(--space-4) 0 0;text-align:center}@media (width>=900px){.how-steps{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.how-steps li{text-align:center;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center}.how-icon{width:72px;height:72px;margin-bottom:var(--space-3);grid-row:auto}.how-steps h3{gap:var(--space-2);flex-direction:column}.how-steps li:not(:last-child):after{border-left:0;border-top:3px dashed var(--color-border-strong);width:auto;inset:36px calc(48px - 50%) auto calc(50% + 48px)}}.why-grid{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.why-card{padding:var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.why-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow);transform:translateY(-3px)}.why-icon{width:52px;height:52px;margin-bottom:var(--space-3);background:var(--skin-tint-blue);color:var(--color-primary-strong);border-radius:16px;place-items:center;display:grid}.why-card:nth-child(2) .why-icon{background:var(--skin-tint-yellow);color:var(--skin-ink)}.why-card:nth-child(3) .why-icon{background:var(--skin-tint-green);color:var(--skin-ink)}.why-card h3{margin:0 0 var(--space-1)}.why-card p{color:var(--color-muted);margin:0}@media (width>=720px){.why-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column}}.offers{border-left:8px solid var(--skin-yellow)}#offers,#products{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.store-strip{margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--skin-tint-blue)}.store-facts{color:var(--skin-ink)}@media (prefers-reduced-motion:reduce){.tile:hover,.age-tile:hover,.why-card:hover,.popular-grid .product:hover{transform:none}}.account-form,.account-details,.account-orders,.account-privacy,.account-loyalty{max-width:none;padding:var(--space-5);margin-bottom:0}.account-form h2,.account-details h2,.account-orders h2,.account-privacy h2,.account-loyalty h2{margin:0 0 var(--space-4);font-size:22px}.account-auth{max-width:480px;margin:0 auto}.account-auth h1{margin-bottom:var(--space-5);text-align:center}.account-form{padding:var(--space-5) var(--space-5) var(--space-6);box-shadow:var(--shadow);border-width:2px}.account-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.account-head h2{margin:0}.account-head p{margin:var(--space-1) 0 0;font-size:var(--font-size-small);line-height:1.4}.account-badge{background:var(--color-primary-soft);width:56px;height:56px;color:var(--color-primary-strong);border-radius:50%;flex:none;place-items:center;display:grid}.account-badge .icon{width:28px;height:28px}.account-form form{max-width:none}.account-form .button[type=submit]{width:100%;min-height:52px;margin-top:var(--space-2)}.account-switch{align-items:center;gap:var(--space-1);margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-direction:column}.account-switch .link-button{padding:var(--space-1) 0;font-weight:600;text-decoration:none}.account-switch .link-button:hover{text-decoration:underline}.account-stack{gap:var(--space-4);max-width:760px;display:grid}.account-bar{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0;display:flex}.account-avatar{background:var(--color-primary);width:48px;height:48px;color:var(--color-primary-contrast);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.account-who{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.account-bar .button{flex:none;min-height:40px}.account-wholesale{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--skin-tint-green);color:var(--skin-ink);margin:0}.account-details h3{margin:var(--space-5) 0 var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:18px}.account-details form{max-width:none}.saved-address{gap:0 var(--space-4);margin:0 0 var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-sunken);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.saved-address legend{padding:0 var(--space-2);font-size:var(--font-size-small)}.saved-address .field:first-of-type,.saved-address .field:nth-of-type(2),.saved-address .link-button{grid-column:1/-1}.saved-address .field{margin-bottom:var(--space-3)}.saved-address .link-button{color:var(--color-bad);font-size:var(--font-size-small);justify-self:start;font-weight:600}@media (width<=560px){.saved-address{grid-template-columns:minmax(0,1fr)}}.account-order-list li{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-sunken);flex-wrap:wrap;display:flex}.account-order-list li:first-child{border-top:1px solid var(--color-border)}.account-order-list strong{font-family:var(--font-mono);letter-spacing:.04em}.account-orders .link-button{font-weight:700;text-decoration:none}.loyalty-balance{margin:0 0 var(--space-4)}.loyalty-balance strong{color:var(--color-primary-strong);letter-spacing:-.02em;font-size:30px}.reward-list{gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none;display:grid}.reward-list li{padding:var(--space-3) var(--space-4);border-radius:var(--radius-small);background:var(--skin-tint-yellow);color:var(--skin-ink)}.reward-list .muted{color:inherit;opacity:.8}.account-privacy{background:var(--color-surface-sunken);border-style:dashed}.account-privacy p{margin-top:0}@media (width>=640px){.account-form{padding:var(--space-6) var(--space-6) var(--space-6)}.account-details,.account-orders,.account-privacy,.account-loyalty{padding:var(--space-5) var(--space-6)}}.account-page{max-width:760px;margin:0 auto}.store-note+.shop-layout{margin-top:var(--space-4)}.track-panel,.track-order,.track-empty{border:2px solid var(--color-border);position:relative;overflow:hidden}@media (width>=900px){.track-panel{position:sticky}}.track-panel:before,.track-order:before,.track-empty:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0 25%, var(--skin-purple) 0 50%, var(--skin-red) 0 75%, var(--skin-yellow) 0);height:6px;position:absolute;inset:0 0 auto}.track-empty{background:linear-gradient(180deg, var(--skin-tint-blue), var(--color-surface))}.track-empty-icon{background:var(--skin-tint-yellow);color:var(--skin-ink)}.track-search input{border-radius:var(--radius-pill);padding-inline:var(--space-4);border-width:2px}.recent-card{border-radius:var(--radius-pill);border-width:2px;font-weight:600}.recent-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.recent-card[aria-pressed=true] .icon{color:inherit}.track-pill{border:2px solid;transform:rotate(-3deg)}.track-pill-busy{background:var(--skin-tint-yellow);color:var(--skin-ink)}.timeline li:after{background:var(--skin-green)}.timeline li.current:after{background:linear-gradient(90deg, var(--skin-green), var(--color-primary))}.timeline li.done .dot{background:var(--skin-green);border-color:var(--skin-green)}.timeline li.current .dot{border-color:var(--color-primary)}.status-help{border:2px dashed var(--color-border-strong);background:var(--skin-tint-blue)}.track-facts li{border-width:2px;border-color:#0000}.track-facts li:nth-child(4n+1){background:var(--skin-tint-blue)}.track-facts li:nth-child(4n+2){background:var(--skin-tint-yellow)}.track-facts li:nth-child(4n+3){background:var(--skin-tint-green)}.track-facts li:nth-child(4n){background:var(--skin-tint-purple)}.track-facts .icon{color:var(--skin-ink)}.track-receipt{border:2px dashed var(--color-border-strong)}.track-receipt .total-row strong{color:var(--color-primary-strong)}@media (width<=560px){.grid,.popular-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}
