@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cg-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cg-normal-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/cg-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/cg-italic-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Commissioner;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/cm-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2122}@font-face{font-family:Commissioner;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/cm-normal-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}:root{--font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-body: "Commissioner", -apple-system, "Segoe UI", sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.3125rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3.5rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur-base: .24s;--dur-slow: .42s;--color-bg: #f7f0e3;--color-bg-soft: #efe5d2;--color-surface: #fffbf3;--color-surface-raised: #ffffff;--color-ink: #2a2015;--color-ink-soft: #6f6252;--color-ink-faint: #a6987f;--color-line: #e2d5bb;--color-line-strong: #cdbb95;--color-accent: #a97324;--color-accent-strong: #8a5c17;--color-accent-tint: #f1e2c4;--color-wine: #7c2c3a;--color-wine-strong: #5f1f2b;--color-wine-tint: #f3dee0;--color-danger: #a3312c;--color-danger-tint: #f6dfd8;--color-success: #3f6b3f;--shadow-card: 0 1px 1px rgba(42, 32, 21, .04), 0 10px 26px -14px rgba(42, 32, 21, .35);--shadow-raised: 0 24px 60px -24px rgba(42, 32, 21, .45);--shadow-inset-line: inset 0 0 0 1px var(--color-line);color-scheme:light}:root[data-theme=dark]{--color-bg: #1a1510;--color-bg-soft: #221b13;--color-surface: #26201a;--color-surface-raised: #2e2620;--color-ink: #f2e8d8;--color-ink-soft: #c3b39a;--color-ink-faint: #8a7c66;--color-line: #3c3225;--color-line-strong: #52432e;--color-accent: #dba957;--color-accent-strong: #f0c274;--color-accent-tint: #3a2e1b;--color-wine: #d68792;--color-wine-strong: #e7a3ac;--color-wine-tint: #3a2229;--color-danger: #e29088;--color-danger-tint: #3d211d;--color-success: #8fbb8a;--shadow-card: 0 1px 1px rgba(0, 0, 0, .2), 0 10px 26px -14px rgba(0, 0, 0, .6);--shadow-raised: 0 24px 60px -24px rgba(0, 0, 0, .75);--shadow-inset-line: inset 0 0 0 1px var(--color-line);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur-slow) var(--ease-out),color var(--dur-slow) var(--ease-out)}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}::selection{background:var(--color-accent-tint);color:var(--color-accent-strong)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.02 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=dark] body:before{mix-blend-mode:screen;opacity:.35}#app{position:relative;z-index:1;min-height:100vh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.view.view--barred{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}.boot-loader{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.boot-loader__mark{font-family:var(--font-display);font-style:italic;font-size:var(--text-2xl);color:var(--color-accent);opacity:.55;animation:breathe 1.6s var(--ease-out) infinite}@keyframes breathe{0%,to{opacity:.3;transform:scale(.98)}50%{opacity:.65;transform:scale(1)}}.view{animation:view-in var(--dur-slow) var(--ease-out)}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(var(--space-4) + env(safe-area-inset-top,0px)) var(--space-5) var(--space-3);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-line)}.brand{display:flex;flex-direction:column;gap:1px;line-height:1}.brand__mark{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:1.6rem;letter-spacing:.01em;color:var(--color-ink)}.brand__mark em{color:var(--color-accent);font-style:italic}.brand__tagline{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ink-faint);margin-top:2px}.lang-toggle{display:inline-flex;padding:3px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-pill);box-shadow:var(--shadow-inset-line)}.lang-toggle button{border:none;background:transparent;padding:5px 12px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;color:var(--color-ink-faint);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.lang-toggle button.is-active{background:var(--color-ink);color:var(--color-bg)}.ornament{display:flex;align-items:center;gap:var(--space-3);color:var(--color-line-strong);margin:0 var(--space-5)}.ornament:before,.ornament:after{content:"";flex:1;height:1px;background:currentColor}.ornament__glyph{width:5px;height:5px;background:var(--color-accent);transform:rotate(45deg);flex-shrink:0}.section-intro{padding:var(--space-6) var(--space-5) var(--space-4)}.section-intro__eyebrow{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-weight:600}.section-intro__title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--text-xl);margin-top:var(--space-2);color:var(--color-ink)}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-2) var(--space-5) var(--space-8)}.product-card{position:relative;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;text-align:left;padding:0;cursor:pointer;box-shadow:var(--shadow-card);opacity:0;animation:card-in var(--dur-slow) var(--ease-out) forwards;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.product-card:active{transform:scale(.98)}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-card__frame{position:relative;aspect-ratio:1 / 1.05;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 18%,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 70%),var(--color-bg-soft);overflow:hidden}.product-card__frame img{width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(30,22,12,.22));transition:transform var(--dur-slow) var(--ease-out)}.product-card:active .product-card__frame img{transform:scale(1.03)}.product-card__frame--empty{color:var(--color-ink-faint);font-family:var(--font-display);font-style:italic;font-size:var(--text-lg)}.product-card__quick-add{position:absolute;right:var(--space-3);bottom:var(--space-3);width:34px;height:34px;border-radius:50%;border:none;background:var(--color-ink);color:var(--color-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -4px #0006;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.product-card__quick-add:active{transform:scale(.88)}.product-card__quick-add.is-done{background:var(--color-success)}.product-card__quick-add svg{width:16px;height:16px}.product-card__body{padding:var(--space-3) var(--space-4) var(--space-4)}.product-card__brand{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-faint);min-height:1em}.product-card__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);line-height:1.15;margin-top:3px;color:var(--color-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--space-2);gap:var(--space-2)}.product-card__volume{font-size:var(--text-xs);color:var(--color-ink-faint)}.product-card__price{font-weight:700;font-size:var(--text-sm);color:var(--color-wine);white-space:nowrap}.product-card--out .product-card__frame img{filter:grayscale(1) opacity(.55)}.product-card--out .product-card__quick-add{display:none}.product-card__ribbon{position:absolute;top:14px;left:-34px;width:140px;padding:4px 0;text-align:center;background:var(--color-ink);color:var(--color-bg);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-38deg);box-shadow:0 4px 10px #00000040}.empty-state{padding:var(--space-9) var(--space-6);text-align:center;color:var(--color-ink-soft)}.empty-state__title{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--color-ink);margin-bottom:var(--space-2)}.skeleton-card{border-radius:var(--radius-lg);aspect-ratio:3/4.4;background:linear-gradient(100deg,var(--color-bg-soft) 30%,var(--color-surface) 50%,var(--color-bg-soft) 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border:1px solid var(--color-line)}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-pill);padding:13px 24px;font-weight:600;font-size:var(--text-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-ink);color:var(--color-bg);box-shadow:0 14px 30px -14px #00000080;width:100%}.btn--ghost{background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.btn--text{background:transparent;color:var(--color-accent);padding:8px 4px}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:var(--space-3) var(--space-5) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--color-line);animation:bar-in var(--dur-base) var(--ease-out)}@keyframes bar-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-bar__btn{display:flex;align-items:center;justify-content:space-between}.bottom-bar__count{background:var(--color-bg);color:var(--color-ink);border-radius:var(--radius-pill);font-size:var(--text-sm);padding:2px 9px;margin-right:var(--space-2)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5) 0;color:var(--color-ink-soft);font-size:var(--text-sm);background:none;border:none;cursor:pointer}.back-link svg{width:15px;height:15px}.product-detail{padding-bottom:var(--space-9)}.product-detail__frame{margin:var(--space-4) var(--space-5) 0;border-radius:var(--radius-lg);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 15%,color-mix(in srgb,var(--color-accent) 20%,transparent),transparent 70%),var(--color-bg-soft);border:1px solid var(--color-line);overflow:hidden}.product-detail__frame img{width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(30,22,12,.25))}.product-detail__body{padding:var(--space-5)}.product-detail__brand{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-strong);font-weight:600}.product-detail__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-2xl);line-height:1.08;margin-top:var(--space-2)}.product-detail__meta-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--color-ink-soft);font-size:var(--text-sm)}.product-detail__price{font-size:var(--text-xl);font-weight:700;color:var(--color-wine);margin-top:var(--space-4)}.product-detail__desc{margin-top:var(--space-5);color:var(--color-ink-soft);line-height:1.7;white-space:pre-line}.product-detail__out-note{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-danger-tint);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-sm)}.stepper{display:inline-flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);padding:6px 8px}.stepper button{width:30px;height:30px;border-radius:50%;border:none;background:var(--color-bg-soft);color:var(--color-ink);font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper button:disabled{opacity:.35}.stepper__value{min-width:1.4em;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.cart-list{padding:var(--space-3) var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.cart-item{display:grid;grid-template-columns:60px 1fr auto;gap:var(--space-3);align-items:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-3)}.cart-item__frame{width:60px;height:60px;border-radius:var(--radius-sm);background:var(--color-bg-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.cart-item__frame img{width:78%;height:78%;object-fit:contain}.cart-item__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);line-height:1.2}.cart-item__unit{font-size:var(--text-xs);color:var(--color-ink-faint);margin-top:2px}.cart-item__side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.cart-item__line-total{font-weight:700;font-size:var(--text-sm);color:var(--color-wine);white-space:nowrap}.cart-item .stepper{padding:3px 5px;gap:var(--space-2)}.cart-item .stepper button{width:24px;height:24px;font-size:.95rem}.remove-link{background:none;border:none;color:var(--color-ink-faint);font-size:var(--text-xs);text-decoration:underline;cursor:pointer;padding:2px 0}.order-summary{margin:0 var(--space-5) var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-inset-line)}.order-summary__row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-ink-soft);padding:var(--space-1) 0}.order-summary__row--total{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--color-line-strong);font-size:var(--text-md);font-weight:700;color:var(--color-ink)}.order-summary__row--total b{color:var(--color-wine)}.form{padding:var(--space-2) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);font-weight:600}.field input,.field textarea{background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:12px 14px;font-size:var(--text-md);color:var(--color-ink);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.field input::placeholder,.field textarea::placeholder{color:var(--color-ink-faint)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}.field textarea{resize:vertical;min-height:76px;font-family:inherit}.field.has-error input,.field.has-error textarea{border-color:var(--color-danger)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}.field__hint{font-size:var(--text-xs);color:var(--color-ink-faint)}.banner{margin:0 var(--space-5) var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5}.banner--error{background:var(--color-danger-tint);color:var(--color-danger)}.success-view{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-7) var(--space-6);gap:var(--space-3)}.success-view__seal{width:64px;height:64px;border-radius:50%;border:1.5px solid var(--color-accent);display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:var(--space-2);animation:seal-in var(--dur-slow) var(--ease-out)}@keyframes seal-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.success-view__seal svg{width:26px;height:26px}.success-view__title{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--text-xl)}.success-view__order-no{color:var(--color-ink-faint);font-size:var(--text-sm)}.success-view__note{color:var(--color-ink-soft);max-width:34ch;line-height:1.6;margin-top:var(--space-2)}.success-view .btn{margin-top:var(--space-5);width:auto;padding-left:var(--space-7);padding-right:var(--space-7)}.toast{position:fixed;left:50%;bottom:calc(112px + env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(12px);background:var(--color-ink);color:var(--color-bg);padding:10px 18px;border-radius:var(--radius-pill);font-size:var(--text-sm);box-shadow:var(--shadow-raised);z-index:50;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:480px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
