:root{--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--tracking-tight:-0.025em;--tracking-wide:0.05em;--tracking-widest:0.1em;--leading-none:1;--leading-tight:1.25;--leading-relaxed:1.625;--bg-page:#f9fafb;--bg-surface:#ffffff;--bg-muted:#f3f4f6;--border-soft:#e5e7eb;--border-muted:#d1d5db;--text-strong:#111827;--text-body:#374151;--text-muted:#6b7280;--text-subtle:#9ca3af;--accent:#0a3d2e;--accent-hover:#083024;--accent-ring:rgba(10,61,46,0.2);--success:#15803d;--success-strong:#22c55e;--danger:#dc2626;--danger-soft:#f87171;--rating:#f59e0b;--backdrop:rgba(0,0,0,0.5);--space-1:4px;--space-1-5:6px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-12:48px;--space-24:96px;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--radius-pill:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 25px 50px -12px rgb(0 0 0/0.25);--filter-peek-offset:28px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px}*{box-sizing:border-box}html{font-family:var(--font-sans)}body,html{background:var(--bg-page)}body{margin:0;min-height:100vh;color:var(--text-body)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}.shell{width:min(100%,1120px);margin:0 auto}.hero,.shell{padding:var(--space-4)}.hero{text-align:center}.hero h1{margin:0;color:var(--text-strong);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.hero-meta{display:grid;gap:var(--space-1);margin:var(--space-3) 0 0}.hero-meta p{margin:0;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.detail-panel,.wine-row{background:var(--bg-surface);box-shadow:var(--shadow-sm)}.panel{padding:var(--space-4)}.panel,.toolbar-panel{margin-bottom:var(--space-4)}.toolbar-panel{position:sticky;top:0;z-index:20;padding:var(--space-3) 0}.toolbar-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);max-width:640px;margin:0 auto}.toolbar-disclosure,.toolbar-row{position:relative}.toolbar-disclosure summary{list-style:none}.toolbar-disclosure summary::-webkit-details-marker{display:none}.toolbar-button,.toolbar-icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--text-strong);box-shadow:var(--shadow-sm);font-size:var(--text-md);font-weight:var(--weight-semibold)}.toolbar-button{justify-content:space-between;gap:var(--space-2);padding:0 var(--space-4);cursor:pointer}.toolbar-button--filter{justify-content:flex-start}.toolbar-button:hover,.toolbar-icon-button:hover{background:var(--bg-muted)}.toolbar-chevron,.toolbar-icon{color:var(--text-muted);font-size:var(--text-sm)}.toolbar-menu,.toolbar-sheet{position:absolute;left:0;right:0;top:calc(100% + var(--space-2));margin-bottom:0}.toolbar-menu{padding:var(--space-2)}.toolbar-menu-list{display:grid;gap:var(--space-1)}.toolbar-option{display:flex;align-items:center;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-body);font-size:var(--text-base)}.toolbar-option.is-active,.toolbar-option:hover{background:var(--bg-muted);color:var(--text-strong)}.filters-grid{display:grid;gap:var(--space-3)}.field{display:grid;gap:var(--space-2)}.detail-meta span,.eyebrow,.field label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.detail-meta span,.field label{color:var(--text-subtle)}.detail-meta span{color:var(--text-muted)}.field button,.field input,.field select,.link-button{min-height:48px;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--text-strong);padding:0 var(--space-4);box-shadow:var(--shadow-sm)}.field input,.field select{width:100%}.back-link:focus,.field button:focus,.field input:focus,.field select:focus,.link-button:focus{outline:2px solid var(--accent);outline-offset:2px}.field button,.link-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-semibold);overflow-wrap:anywhere}.field button.primary,.link-button.primary{border-color:var(--accent);background:var(--accent);color:var(--bg-surface)}.field button.primary:hover,.link-button.primary:hover{background:var(--accent-hover)}.field button.ghost,.link-button.ghost{background:var(--bg-surface)}.field button.ghost:hover,.link-button.ghost:hover{background:var(--bg-muted)}.checkbox{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-2)}.checkbox label{color:var(--text-body);font-size:var(--text-base)}.checkbox input{width:18px;height:18px;accent-color:var(--accent)}.filter-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:var(--filter-peek-offset) 0 0;border:0;background:transparent;color:var(--text-body)}.filter-dialog::backdrop{background:var(--backdrop);pointer-events:auto}.filter-dialog-panel{display:flex;flex-direction:column;width:100%;height:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.filter-dialog-panel,.filter-header{position:relative;background:var(--bg-surface)}.filter-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:64px;padding:var(--space-4)}.filter-grabber{position:absolute;top:var(--space-2);left:50%;width:40px;height:4px;border-radius:var(--radius-pill);background:var(--border-muted);transform:translateX(-50%)}.filter-header h2{grid-column:2;margin:0;color:var(--text-strong);font-size:var(--text-lg);font-weight:var(--weight-bold);text-align:center}.filter-close{grid-column:3;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;justify-self:end;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-strong);cursor:pointer;font-size:var(--text-2xl);line-height:var(--leading-none)}.filter-form{display:flex;flex:1 1;min-height:0;flex-direction:column}.filter-chip-bar{display:flex;gap:var(--space-2);min-height:52px;padding:var(--space-3) var(--space-4);overflow-x:auto;border-bottom:1px solid var(--border-soft);background:var(--bg-surface);scrollbar-width:none}.filter-chip-bar::-webkit-scrollbar{display:none}.filter-chip,.filter-chip-clear{flex:0 0 auto;border:0;background:var(--accent);color:var(--bg-surface);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.filter-chip-clear{justify-content:center;width:32px;height:32px;font-size:var(--text-lg);line-height:var(--leading-none)}.filter-chip,.filter-chip-clear{display:inline-flex;align-items:center;border-radius:var(--radius-pill)}.filter-chip{gap:var(--space-2);min-height:32px;padding:0 var(--space-3)}.filter-scroll{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.filter-accordion-item{border-bottom:1px solid var(--border-soft)}.filter-accordion-item summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 var(--space-4);color:var(--text-strong);cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-bold);list-style:none}.filter-accordion-item summary::-webkit-details-marker{display:none}.filter-chevron{color:var(--text-muted);transition:transform .14s ease}.filter-accordion-item[open] .filter-chevron{transform:rotate(180deg)}.filter-option-list{border-top:1px solid var(--border-soft)}.filter-option-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--border-soft);color:var(--text-body);cursor:pointer;font-size:var(--text-base)}.filter-option-row:last-child{border-bottom:0}.filter-option-row input{width:18px;height:18px;accent-color:var(--accent)}.filter-option-row span:nth-child(2){min-width:0;overflow-wrap:anywhere}.filter-option-row span:last-child{color:var(--text-muted);font-size:var(--text-sm)}.filter-option-row:has(input:checked){background:var(--bg-muted);color:var(--text-strong)}.filter-field-grid{gap:var(--space-3)}.filter-field,.filter-field-grid{display:grid;padding:var(--space-4);border-top:1px solid var(--border-soft)}.filter-field{gap:var(--space-2)}.filter-field-grid .filter-field{padding:0;border-top:0}.price-filter{padding:var(--space-4);border-top:1px solid var(--border-soft)}.price-values{display:flex;justify-content:space-between;color:var(--text-strong);font-weight:var(--weight-semibold)}.price-slider{--price-start:0%;--price-end:100%;position:relative;height:44px;margin-top:var(--space-2);background:linear-gradient(to right,var(--border-muted) 0 var(--price-start),var(--accent) var(--price-start) var(--price-end),var(--border-muted) var(--price-end) 100%) 50% /100% 4px no-repeat}.price-slider input[type=range]{position:absolute;inset:0;width:100%;margin:0;appearance:none;background:transparent;pointer-events:none}.price-slider input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}.price-slider input[type=range]::-moz-range-track{height:4px;background:transparent}.price-slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px;border:2px solid var(--accent);border-radius:50%;appearance:none;background:var(--bg-surface);cursor:grab;pointer-events:auto}.price-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border:2px solid var(--accent);border-radius:50%;background:var(--bg-surface);cursor:grab;pointer-events:auto}.price-slider input[type=range]:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.price-slider input[type=range]:disabled::-webkit-slider-thumb{border-color:var(--border-muted);cursor:default}.price-slider input[type=range]:disabled::-moz-range-thumb{border-color:var(--border-muted);cursor:default}.filter-field span{color:var(--text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.filter-field input{min-height:48px;width:100%;border:1px solid var(--border-soft);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--text-strong);padding:0 var(--space-4)}.filter-footer{padding:var(--space-4);border-top:1px solid var(--border-soft);background:var(--bg-surface)}.filter-submit{display:inline-flex;align-items:center;justify-content:center;min-height:52px;width:100%;border:1px solid var(--accent);border-radius:var(--radius-pill);background:var(--accent);color:var(--bg-surface);cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-bold)}.filter-chip-clear:hover,.filter-chip:hover,.filter-submit:hover{background:var(--accent-hover)}.filter-close:hover{background:var(--bg-muted)}.filter-chip-clear:focus,.filter-chip:focus,.filter-close:focus,.filter-field input:focus,.filter-option-row input:focus,.filter-submit:focus{outline:2px solid var(--accent-ring);outline-offset:2px}.sort-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:var(--filter-peek-offset) 0 0;border:0;background:transparent;color:var(--text-body)}.sort-dialog::backdrop{background:var(--backdrop);pointer-events:auto}.sort-dialog-panel{display:flex;flex-direction:column;width:100%;height:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.sort-dialog-panel,.sort-header{position:relative;background:var(--bg-surface)}.sort-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:64px;padding:var(--space-4);border-bottom:1px solid var(--border-soft)}.sort-grabber-button{-webkit-appearance:none;position:absolute;top:0;right:48px;left:48px;display:flex;justify-content:center;height:24px;border:0;appearance:none;background:transparent;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent}.sort-grabber{width:40px;height:4px;margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--border-muted)}.sort-header h2{grid-column:2;margin:0;color:var(--text-strong);font-size:var(--text-lg);font-weight:var(--weight-bold);text-align:center}.sort-close{grid-column:3;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;justify-self:end;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-strong);cursor:pointer;font-size:var(--text-2xl);line-height:var(--leading-none)}.sort-close:focus{outline:2px solid var(--accent-ring);outline-offset:2px}.sort-option-list{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.sort-option-row{display:flex;align-items:center;width:100%;min-height:56px;padding:0 var(--space-4);border:0;border-bottom:1px solid var(--border-soft);background:var(--bg-surface);color:var(--text-body);cursor:pointer;font-size:var(--text-md);font-weight:var(--weight-semibold);text-align:left}.sort-close:hover,.sort-option-row.is-active,.sort-option-row:hover{background:var(--bg-muted);color:var(--text-strong)}.sort-close:focus-visible,.sort-option-row:focus-visible{outline:2px solid var(--accent-ring);outline-offset:-2px}.sort-grabber-button:focus-visible .sort-grabber{background:var(--accent)}.list{display:grid;gap:var(--space-3)}.wine-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:var(--space-4);align-items:center;padding:var(--space-4);transition:background-color .14s ease,border-color .14s ease}.wine-row:hover{border-color:var(--border-muted)}.bottle,.wine-row:hover{background:var(--bg-muted)}.bottle{width:80px;height:80px;padding:var(--space-2);border-radius:var(--radius-md);object-fit:contain}.detail-copy,.wine-copy{min-width:0}.detail-copy h1,.wine-copy h2{margin:0;color:var(--text-strong);letter-spacing:var(--tracking-tight)}.wine-copy h2{font-size:var(--text-md);font-weight:var(--weight-bold)}.detail-copy h1,.wine-copy h2{line-height:var(--leading-tight)}.detail-copy h1{font-size:var(--text-2xl);font-weight:var(--weight-extrabold)}.back-link,.detail-copy li,.detail-copy p,.empty-state,.subtle,.wine-copy p{color:var(--text-muted)}.detail-copy li,.detail-copy p,.empty-state,.wine-copy p{margin:var(--space-1-5) 0 0;font-size:var(--text-base);line-height:var(--leading-relaxed)}.eyebrow{margin-bottom:var(--space-2);color:var(--text-muted)}.subtle{font-size:var(--text-sm)}.stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);grid-column:1/-1;margin-top:-10px}.wine-price-block,.wine-rating-block{display:grid;gap:var(--space-1);min-width:0}.wine-rating-block{justify-items:end;text-align:right}.rating{color:var(--rating)}.price,.rating{font-size:var(--text-lg);font-weight:var(--weight-bold)}.price{color:var(--text-strong)}.stock-ok{color:var(--success)}.stock-bad{color:var(--danger)}.pager{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.detail-panel{padding:var(--space-4)}.detail-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-3);align-items:start}.detail-media{display:flex;justify-content:center}.detail-body{display:contents;min-width:0}.detail-copy{align-self:center;min-width:0}.detail-copy h1{font-size:var(--text-xl);overflow-wrap:anywhere}.detail-copy p{font-size:var(--text-sm);line-height:var(--leading-tight);overflow-wrap:anywhere}.detail-image{width:min(96px,100%);height:128px;margin:0 auto;padding:var(--space-2);border-radius:var(--radius-md);background:var(--bg-muted);object-fit:contain}.detail-meta{display:grid;gap:var(--space-2);min-width:0;margin-top:var(--space-4)}.detail-meta--primary{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-1)}.detail-meta div{min-width:0;padding:var(--space-3);border-top:1px solid var(--border-soft)}.detail-meta--primary div{min-width:0;padding:var(--space-2) var(--space-3)}.detail-meta strong{display:block;margin-top:var(--space-1);color:var(--text-strong);font-size:var(--text-md);font-weight:var(--weight-bold);overflow-wrap:anywhere}.detail-meta--support{margin-top:0}.detail-specs{grid-column:1/-1;margin-top:var(--space-6)}.detail-specs .eyebrow{margin-bottom:0}.detail-actions{grid-column:1/-1;gap:var(--space-2);min-width:0;margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.detail-actions .link-button{min-height:44px}.actions-row{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.back-link{display:inline-flex;align-items:center;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.back-link:hover{color:var(--text-strong)}.empty-state{padding:var(--space-6);text-align:center}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text-strong);font-size:var(--text-sm)}.link-button[aria-disabled=true]{cursor:default;color:var(--text-muted)}@media (min-width:640px){.shell{padding:var(--space-6)}.hero{margin-right:calc(var(--space-6) * -1);margin-left:calc(var(--space-6) * -1);padding-right:var(--space-6);padding-left:var(--space-6)}.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-panel{padding:var(--space-4) 0}.actions-row,.pager{grid-template-columns:repeat(2,minmax(0,1fr))}.pager{align-items:center}}@media (min-width:768px){.filter-dialog,.sort-dialog{right:0;left:auto;width:min(440px,100vw);animation:filter-drawer-in .18s ease-out}.filter-grabber,.sort-grabber-button{display:none}.filter-header,.sort-header{min-height:64px;padding-top:var(--space-4)}.wine-row{grid-template-columns:80px minmax(0,1fr) minmax(112px,auto)}.stats{grid-template-columns:minmax(112px,auto);grid-column:auto;padding-top:0;border-top:0}.stats,.wine-price-block,.wine-rating-block{justify-items:end;text-align:right}.detail-card{grid-template-columns:140px minmax(0,1fr);gap:var(--space-4);align-items:start}.detail-body{display:block}.detail-copy h1{font-size:var(--text-2xl)}.detail-copy p{font-size:var(--text-base);line-height:var(--leading-relaxed)}.detail-image{width:min(140px,100%);height:240px}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-meta--primary{margin-top:var(--space-4)}.detail-meta--primary div{padding:var(--space-3)}.detail-meta-item--wide{grid-column:1/-1}}@keyframes filter-drawer-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (min-width:1024px){.hero,.shell{padding-right:var(--space-12);padding-left:var(--space-12)}.hero{margin-right:calc(var(--space-12) * -1);margin-left:calc(var(--space-12) * -1)}}