.store-header[data-v-2b185a6f]{max-width:1240px;margin:0 auto 26px;background:var(--bod-card)}.brand-hero[data-v-2b185a6f]{min-height:184px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;overflow:hidden;padding:28px;background:linear-gradient(90deg,#faf7f2f5,#f8f8f6d1 44%,#eff4f5e6),var(--bod-bg-soft)}.brand-copy[data-v-2b185a6f]{display:grid;align-content:center;max-width:560px}.eyebrow[data-v-2b185a6f]{margin:0 0 8px;color:var(--bod-primary);font-size:14px;font-weight:700}.brand-copy h1[data-v-2b185a6f]{margin:0;color:var(--bod-text);font-size:28px;line-height:1.18}.brand-copy h1 span[data-v-2b185a6f]{display:block}.brand-copy p[data-v-2b185a6f]:last-child{margin:10px 0 0;color:var(--bod-text-muted)}.hero-still[data-v-2b185a6f]{display:none;align-items:end;justify-content:end;gap:18px;min-height:128px}.hero-still span[data-v-2b185a6f]{display:block;box-shadow:0 18px 28px #1f29331f}.plate[data-v-2b185a6f]{width:126px;height:34px;border-radius:999px;background:#2f6f8f}.pot[data-v-2b185a6f]{width:128px;height:78px;border-radius:22px 22px 28px 28px;background:#b94735}.mug[data-v-2b185a6f]{width:52px;height:92px;border:1px solid var(--bod-border-light);border-radius:9px 9px 18px 18px;background:var(--bod-card)}.bottle[data-v-2b185a6f]{width:38px;height:110px;border-radius:14px;background:linear-gradient(90deg,#d9dee4,#8b949f)}.store-nav[data-v-2b185a6f]{display:grid;grid-template-columns:repeat(3,auto);align-items:center;gap:8px 14px;padding:14px 16px;border-bottom:4px solid var(--bod-border)}.store-nav>button[data-v-2b185a6f]{min-height:44px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--bod-text);font-weight:700;cursor:pointer}.store-nav>button.active[data-v-2b185a6f]{color:var(--bod-primary);border-bottom-color:var(--bod-primary)}.search-form[data-v-2b185a6f]{display:grid;order:-1;grid-column:1 / -1;grid-template-columns:minmax(0,1fr);gap:10px}.search-label input[data-v-2b185a6f]{width:100%;min-height:44px;border:1px solid var(--bod-border-hover);border-radius:var(--bod-radius-sm);background:var(--bod-card);color:var(--bod-text);padding:10px 12px;outline:none}.search-label input[data-v-2b185a6f]:focus{border-color:var(--bod-primary);box-shadow:0 0 0 3px var(--bod-primary-soft)}.discount-toggle[data-v-2b185a6f]{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--bod-text-secondary);white-space:nowrap}.discount-toggle input[data-v-2b185a6f]{width:18px;height:18px}.search-button[data-v-2b185a6f]{min-height:44px;border:1px solid var(--bod-primary-active);border-radius:var(--bod-radius-md);background:var(--bod-primary);color:var(--bod-text-white);padding:0 20px;font-weight:700;cursor:pointer}.sr-only[data-v-2b185a6f]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:760px){.brand-hero[data-v-2b185a6f]{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);padding:34px 44px}.hero-still[data-v-2b185a6f]{display:flex}.brand-copy h1[data-v-2b185a6f]{font-size:36px}.store-nav[data-v-2b185a6f]{grid-template-columns:minmax(320px,1fr) auto auto auto;padding:14px 22px}.search-form[data-v-2b185a6f]{grid-column:auto;grid-template-columns:minmax(240px,1fr) auto auto;justify-self:start;width:min(620px,100%)}}.site-footer[data-v-540b4052]{max-width:1240px;margin:44px auto 0;padding:0 16px}.footer-inner[data-v-540b4052]{display:grid;gap:10px;border-top:1px solid var(--bod-border);padding:18px 0 0}.footer-brand[data-v-540b4052],.footer-copy[data-v-540b4052]{margin:0}.footer-brand[data-v-540b4052]{color:var(--bod-text);font-weight:800}.footer-copy[data-v-540b4052]{color:var(--bod-text-muted);font-size:13px}.footer-legal[data-v-540b4052]{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-legal a[data-v-540b4052]{color:var(--bod-primary);font-size:13px;font-weight:700;text-decoration:none}.footer-legal a[data-v-540b4052]:hover{color:var(--bod-primary-hover);text-decoration:underline}@media(min-width:980px){.site-footer[data-v-540b4052]{padding:0 24px}.footer-inner[data-v-540b4052]{grid-template-columns:auto 1fr auto;align-items:center;gap:12px 24px;padding-top:22px}}.page-shell[data-v-fee07cd5]{min-height:100vh;padding:18px 0 42px}.toast[data-v-fee07cd5]{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:40;width:max-content;max-width:calc(100vw - 32px);margin:0;border-radius:var(--bod-radius-lg);background:var(--bod-text);color:var(--bod-text-white);padding:11px 14px;box-shadow:0 12px 26px #17202a38}@media(min-width:980px){.page-shell[data-v-fee07cd5]{padding-top:28px}}[data-theme=dark]{--bod-bg: #0b1220;--bod-bg-soft: #11182a;--bod-card: #131a2d;--bod-overlay: rgba(255, 255, 255, .04);--bod-text: #e5e7eb;--bod-text-secondary: #cbd5e1;--bod-text-muted: #94a3b8;--bod-muted: #6b7280;--bod-text-white: #ffffff;--bod-border: #1f2937;--bod-border-light: #1b2536;--bod-border-hover: #334155;--bod-primary: #4dd9e8;--bod-primary-hover: #80e5ef;--bod-primary-active: #2cc4d6;--bod-primary-soft: rgba(77, 217, 232, .16);--bod-primary-light: rgba(77, 217, 232, .12);--bod-success: #4ade80;--bod-success-hover: #86efac;--bod-success-soft: rgba(74, 222, 128, .16);--bod-success-light: rgba(74, 222, 128, .12);--bod-warning: #fbbf24;--bod-warning-hover: #fcd34d;--bod-warning-soft: rgba(251, 191, 36, .16);--bod-warning-light: rgba(251, 191, 36, .12);--bod-danger: #f87171;--bod-danger-hover: #fca5a5;--bod-danger-soft: rgba(248, 113, 113, .16);--bod-danger-light: rgba(248, 113, 113, .12);--bod-gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #007185 60%, #111827 100%);--bod-gradient-header: linear-gradient(120deg, rgba(77, 217, 232, .18), rgba(0, 113, 133, .18), rgba(17, 24, 39, .18));--bod-shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--bod-shadow: 0 2px 6px rgba(0, 0, 0, .25);--bod-shadow-md: 0 2px 6px rgba(0, 0, 0, .3);--bod-shadow-lg: 0 4px 8px rgba(0, 0, 0, .35);--bod-shadow-xl: 0 4px 8px rgba(0, 0, 0, .38);--bod-shadow-card: 0 2px 6px rgba(0, 0, 0, .25);color-scheme:dark}[data-theme=dark] body{background:var(--bod-bg);color:var(--bod-text)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bod-border)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--bod-border-hover)}:root{--bod-bg: #f8fafc;--bod-bg-soft: #f1f5f9;--bod-card: #ffffff;--bod-overlay: rgba(15, 23, 42, .04);--bod-primary: #007185;--bod-primary-hover: #008a9e;--bod-primary-active: #005f6b;--bod-primary-soft: rgba(0, 113, 133, .1);--bod-primary-light: #e0f4f7;--bod-secondary: #3b82f6;--bod-cta: #f97316;--bod-cta-hover: #fb923c;--bod-cta-soft: rgba(249, 115, 22, .12);--bod-success: #16a34a;--bod-success-hover: #22c55e;--bod-success-soft: rgba(34, 197, 94, .12);--bod-success-light: #e9f9f0;--bod-warning: #f59e0b;--bod-warning-hover: #fbbf24;--bod-warning-soft: rgba(245, 158, 11, .14);--bod-warning-light: #fff7e6;--bod-danger: #b12704;--bod-danger-hover: #c9301e;--bod-danger-soft: rgba(177, 39, 4, .12);--bod-danger-light: #fff1f0;--bod-text: #17202a;--bod-text-secondary: #334155;--bod-text-muted: #64707c;--bod-muted: #94a3b8;--bod-text-white: #ffffff;--bod-border: #e0e3e7;--bod-border-light: #e5e7eb;--bod-border-hover: #cbd5e1;--bod-gradient-primary: linear-gradient(135deg, #007185 0%, #005f6b 55%, #17202a 100%);--bod-gradient-header: linear-gradient(120deg, rgba(0, 113, 133, .14), rgba(0, 95, 107, .12), rgba(23, 32, 42, .05));--bod-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--bod-shadow: 0 2px 6px rgba(0, 0, 0, .08);--bod-shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--bod-shadow-lg: 0 4px 8px rgba(0, 0, 0, .12);--bod-shadow-xl: 0 4px 8px rgba(0, 0, 0, .14);--bod-shadow-card: 0 2px 6px rgba(0, 0, 0, .08);--bod-space-xs: 3px;--bod-space-sm: 6px;--bod-space-md: 10px;--bod-space-lg: 16px;--bod-space-xl: 20px;--bod-space-2xl: 24px;--bod-space-3xl: 32px;--bod-radius-sm: 4px;--bod-radius-md: 6px;--bod-radius-lg: 8px;--bod-radius-xl: 8px;--bod-radius-2xl: 10px;--bod-radius-full: 999px;--bod-font-xs: 12px;--bod-font-sm: 12px;--bod-font-base: 14px;--bod-font-md: 14px;--bod-font-lg: 16px;--bod-font-xl: 18px;--bod-font-2xl: 20px;--bod-font-3xl: 24px;--bod-font-4xl: 28px;--bod-font-mono: "Fira Code", "Consolas", monospace;--bod-line-height: 1.5;--bod-line-height-tight: 1.2;--bod-transition: all .3s cubic-bezier(.4, 0, .2, 1);--bod-transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--bod-ease-out-expo: cubic-bezier(.16, 1, .3, 1);--bod-ease-out-back: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;overflow-x:hidden}body{margin:0;background:var(--bod-bg);color:var(--bod-text);font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--bod-font-base);line-height:var(--bod-line-height);font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}img{max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bod-border);border-radius:var(--bod-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bod-border-hover)}::selection{background:var(--bod-primary-soft);color:var(--bod-primary)}:focus-visible{outline:2px solid var(--bod-primary);outline-offset:2px}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--bod-primary)}.text-success{color:var(--bod-success)}.text-warning{color:var(--bod-warning)}.text-danger{color:var(--bod-danger)}.text-muted{color:var(--bod-text-muted)}.font-bold{font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.loader{width:32px;height:32px;border:3px solid var(--bod-border-light);border-top-color:var(--bod-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:var(--bod-bg-soft)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hover-scale{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.05)}
