.channel-legend{font-size:var(--fs-sm);color:var(--color-text-2);flex-wrap:wrap;gap:8px 20px;display:none}.channel-legend span{align-items:center;gap:8px;display:inline-flex}@media (width>=720px){.channel-legend{display:flex}}.catalogue{gap:var(--sp-6);padding-bottom:var(--section-y);display:grid}@media (width>=1024px){.catalogue{gap:var(--sp-7);grid-template-columns:290px minmax(0,1fr);align-items:start}}.toolbar{top:var(--header-offset);z-index:20;margin-inline:calc(var(--gutter) * -1);padding-block:10px;padding-inline:var(--gutter);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-line);background:#fbf8f2f5;gap:10px;display:grid;position:sticky}@media (width>=1024px){.toolbar{backdrop-filter:none;padding-inline:0;background:0 0;border:0;margin-inline:0;padding-top:0;position:static}}.toolbar__row{align-items:center;gap:8px;display:flex}.search{flex:1;position:relative}.search svg{width:20px;height:20px;color:var(--c-ink-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search .input{border-radius:var(--r-pebble);padding-left:44px}.filter-btn{flex:none;padding-inline:14px;position:relative}.filter-btn .n{background:var(--c-saffron);min-width:22px;height:22px;color:var(--c-ink);border-radius:11px;place-items:center;padding:0 6px;font-size:.75rem;font-weight:800;display:inline-grid}.filter-btn .n:empty{display:none}@media (width>=1024px){.filter-btn{display:none}}.quick-chips{margin:-5px calc(var(--gutter) * -1) -3px;padding:7px var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.quick-chips::-webkit-scrollbar{display:none}@media (width>=1024px){.quick-chips{display:none}}.results-bar{margin-bottom:var(--sp-4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.results-count{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:400}.results-count b{color:var(--c-cobalt);font-weight:400}.sort{font-size:var(--fs-sm);align-items:center;gap:8px;font-weight:700;display:flex}.sort select{min-height:var(--tap);border:1.5px solid var(--c-field-border,#8c8472);border-radius:var(--r-pebble);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230E1838' stroke-width='2'/%3E%3C/svg%3E") right 12px center no-repeat;padding:0 36px 0 12px;font-weight:600}.active-filters{margin-bottom:var(--sp-4);flex-wrap:wrap;gap:8px;list-style:none;display:flex}.active-filters:empty{display:none}.remove-chip{border-radius:var(--r-pebble);background:var(--c-ink);color:#fff;min-height:36px;font-size:var(--fs-sm);border:0;align-items:center;gap:8px;padding:0 8px 0 12px;font-weight:600;display:inline-flex}.remove-chip:after{content:"×";background:#ffffff2e;border-radius:50%;place-items:center;width:22px;height:22px;font-size:1rem;line-height:1;display:grid}.clear-all{min-height:36px;color:var(--c-cobalt);background:0 0;border:0;padding:0 8px;font-weight:700;text-decoration:underline}.empty{justify-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-5);text-align:center;border:2px dashed var(--c-line-2);border-radius:var(--r-tile);background:#fff;display:grid}.filters{background:var(--c-bg);flex-direction:column;display:flex}.filters__head,.filters__foot{display:none}.filters__body{gap:4px;display:grid}.fgroup{padding-block:var(--sp-4);border-top:1px solid var(--c-line)}.fgroup:first-child,.filters__title-desk+.fgroup{border-top:0;padding-top:0}.fgroup legend{width:100%;margin-bottom:var(--sp-3);font-family:var(--font-display);justify-content:space-between;align-items:baseline;padding:0;font-size:1.125rem;font-weight:400;display:flex}.fgroup fieldset{border:0;min-width:0;margin:0;padding:0}.fgroup .chips{flex-wrap:wrap;gap:8px;display:flex}.opt-list{scrollbar-width:thin;max-height:294px;margin-right:-6px;padding-bottom:32px;padding-right:6px;scroll-padding-bottom:44px;list-style:none;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.opt{min-height:var(--tap);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:12px;padding:0 8px;display:flex}.opt:hover{background:var(--c-white)}.opt input{width:20px;height:20px;accent-color:var(--c-cobalt);cursor:pointer;flex:none;margin:0}.opt .lbl{font-size:var(--fs-sm);flex:1;font-weight:600;line-height:1.25}.opt .count{font-size:var(--fs-sm);color:var(--color-text-3);font-variant-numeric:tabular-nums}.opt.is-empty{opacity:.45}.opt-filter{min-height:44px;font-size:var(--fs-sm);margin-bottom:8px}.segmented{gap:6px;display:grid}.segmented label{min-height:var(--tap);border:1.5px solid var(--c-line-2);border-radius:var(--r-pebble);font-size:var(--fs-sm);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:flex;position:relative}.segmented label:nth-child(2){border-radius:var(--r-tile-b)}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented label:has(input:checked){background:var(--c-ink);border-color:var(--c-ink);color:#fff}.segmented label:has(input:checked) .count{color:#ffffffbf}.segmented label:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.segmented .count{color:var(--color-text-3);font-variant-numeric:tabular-nums}.switch{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:var(--tap);cursor:pointer;display:flex}.switch__label{font-family:var(--font-display);align-items:center;gap:10px;font-size:1.125rem;font-weight:400;display:flex}.switch__label .count{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-3);font-weight:500}.switch__leaf{background:var(--c-cyan);border-radius:7px 3px/3px 7px;place-items:center;width:22px;height:22px;display:grid;transform:rotate(-6deg)}.switch__leaf:before{content:"";background:var(--c-ink);border-radius:0 70%;width:10px;height:10px}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{border:1.5px solid var(--c-field-border,#8c8472);background:var(--c-line-2);width:52px;height:30px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:15px;flex:none;position:relative}.switch__track:after{content:"";width:24px;height:24px;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease);background:#fff;border-radius:9px 5px/5px 9px;position:absolute;top:1.5px;left:1.5px}.switch input:checked+.switch__track{background:var(--c-cobalt);border-color:var(--c-cobalt)}.switch input:checked+.switch__track:after{transform:translate(22px)}.switch input:focus-visible+.switch__track{outline:3px solid var(--color-focus);outline-offset:2px}@media (width>=1024px){.filters{padding:var(--sp-5);border:1px solid var(--c-line);border-radius:var(--r-tile);scrollbar-width:thin;background:#fff}.filters__title-desk{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.filters__title-desk h2{font-size:var(--fs-lg)}}@media (width<=1023px){.filters__title-desk{display:none}.filters{z-index:var(--z-drawer);background:var(--c-bg);visibility:hidden;transition:transform .26s var(--ease), visibility 0s linear .26s;position:fixed;inset:0;transform:translateY(100%)}.filters.is-open{visibility:visible;transition:transform .26s var(--ease);transform:none}.filters__head{justify-content:space-between;align-items:center;gap:var(--sp-3);min-height:64px;padding:8px var(--gutter);border-bottom:1px solid var(--c-line);background:#fff;display:flex}.filters__head:before{content:"";background:var(--mosaic-strip) repeat-x left center / auto 8px;height:8px;position:absolute;top:0;left:0;right:0}.filters__head h2{font-size:var(--fs-xl)}.filters__body{padding:var(--sp-4) var(--gutter) var(--sp-6);flex:1;overflow-y:auto}.filters__foot{padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);background:#fff;grid-template-columns:auto 1fr;gap:10px;display:grid;box-shadow:0 -8px 24px -12px #0e183833}.opt-list{max-height:none;padding-bottom:0;scroll-padding-bottom:0;-webkit-mask-image:none;mask-image:none}body.drawer-open{overflow:hidden}}.close-btn{width:var(--tap);height:var(--tap);border:1.5px solid var(--c-line-2);border-radius:var(--r-pebble);background:#fff;place-items:center;font-size:1.4rem;line-height:1;display:grid}.swatch--private{--sw:var(--c-ink-3)}.swatch--saq{--sw:var(--c-cobalt)}.opt.is-empty,.opt:has(input:disabled){opacity:.45;cursor:default}.opt:has(input:disabled):hover{background:0 0}.opt:has(input:disabled) input{cursor:default}.segmented label.is-empty{opacity:.45;cursor:default}.segmented label.is-empty input{cursor:default}.switch.is-empty{opacity:.45;cursor:default}.quick-chips .chip:disabled{cursor:default}.quick-chips .chip:disabled:hover{border-color:var(--c-line-2)}.empty .h3{font-family:var(--font-display);font-weight:400;line-height:var(--lh-snug);letter-spacing:-.01em}.opt-none{padding:10px 8px}@media (width<=379px){.filters__foot .btn{min-width:0;font-size:var(--fs-sm);padding-inline:.85em}}.filter-btn .n{margin-left:2px}.results-count:focus{outline:none}.results-count:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}@media (width<=1023px) and (height>=501px){.results-count,.sort select,.active-filters button,.wine-grid a,.empty .btn{scroll-margin-top:var(--toolbar-h,131px)}}@media (height<=500px){.toolbar{position:static}}@media (forced-colors:active){.switch__track{border-color:canvastext}.switch__track:after{forced-color-adjust:none;background:canvastext}.switch input:checked+.switch__track{forced-color-adjust:none;background:highlight;border-color:highlight}.switch input:checked+.switch__track:after{background:highlighttext}.segmented label:has(input:checked){forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.segmented label:has(input:checked) .count{color:highlighttext}}.results .wine-grid>li{content-visibility:auto;contain-intrinsic-size:auto 520px}@media (width<=719px){.results .wine-grid>li{contain-intrinsic-size:auto 450px}}.skip-results{display:none}@media (width>=1024px){.filters{position:relative}.skip-results{z-index:3;background:var(--c-ink);color:#fff;border-radius:var(--r-sm);padding:10px 16px;font-weight:700;text-decoration:none;display:block;position:absolute;top:12px;left:12px}.skip-results:not(:focus){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}}@media (width<=1023px){.filters-dialog{position:absolute}}