@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap";:root{--color-charcoal:#1a1a1a;--color-dark-grey:#2a2a2a;--color-medium-grey:gray;--color-light-grey:#b0b0b0;--color-pale-grey:#e0e0de;--color-cream:#f5f5f2;--color-off-white:#fafaf8;--color-white:#fff;--color-blue:#a8c5dd;--color-blue-hover:#90b5d1;--color-blue-light:#a8c5dd1f;--color-gold:#c4a265;--color-gold-light:#c4a26526;--color-bg:var(--color-cream);--color-bg-card:var(--color-white);--color-bg-sidebar:var(--color-off-white);--color-text-primary:var(--color-charcoal);--color-text-secondary:var(--color-medium-grey);--color-text-muted:var(--color-light-grey);--color-border:var(--color-pale-grey);--color-border-light:#0000000f;--color-accent:var(--color-blue);--color-accent-hover:var(--color-blue-hover);--font-serif:"Playfair Display", "Georgia", serif;--font-sans:"Source Sans 3", "Source Sans Pro", "Helvetica Neue", sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--sidebar-width:280px;--header-height:72px;--card-radius:4px;--radius-sm:3px;--radius-md:6px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--shadow-xl:0 8px 32px #0000001a;--shadow-card:0 1px 4px #0000000a;--shadow-card-hover:0 8px 24px #00000017;--ease-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-weight:var(--weight-regular);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);overflow-x:hidden}#root{min-height:100vh}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,select{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-pale-grey);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-light-grey)}::selection{background:var(--color-blue-light);color:var(--color-charcoal)}.header{z-index:100;background:var(--color-cream);position:sticky;top:0}.header-inner{height:var(--header-height);padding:0 var(--space-8);justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.header-divider{background:var(--color-border);height:1px}.logo{align-items:baseline;gap:var(--space-2);letter-spacing:-.02em;text-decoration:none;display:flex}.logo-old{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-charcoal)}.logo-natural{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--weight-regular);color:var(--color-medium-grey);font-style:italic}.logo-wines{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--color-light-grey)}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-light-grey);display:flex}.breadcrumb-item{transition:color var(--duration-fast) var(--ease-out)}.breadcrumb-item:first-child{cursor:pointer}.breadcrumb-item:first-child:hover{color:var(--color-text-primary)}.breadcrumb-item.active{color:var(--color-text-secondary)}.breadcrumb-sep{font-size:var(--text-xs);color:var(--color-pale-grey)}.header-right{align-items:center;gap:var(--space-5);display:flex}.filter-toggle-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);display:none}.filter-toggle-btn:hover{color:var(--color-text-primary);border-color:var(--color-light-grey)}.filter-badge{min-width:18px;height:18px;font-size:10px;font-weight:var(--weight-semibold);color:var(--color-white);background:var(--color-blue);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.sort-wrapper{position:relative}.sort-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);display:flex}.sort-trigger:hover{background:#00000008}.sort-label{font-size:var(--text-sm);color:var(--color-light-grey)}.sort-value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.sort-chevron{color:var(--color-light-grey);transition:transform var(--duration-fast) var(--ease-out)}.sort-chevron.open{transform:rotate(180deg)}.sort-backdrop{z-index:10;position:fixed;inset:0}.sort-dropdown{top:calc(100% + var(--space-2));min-width:200px;padding:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20;position:absolute;right:0}.sort-option{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);text-align:left;justify-content:space-between;align-items:center;display:flex}.sort-option:hover{background:var(--color-blue-light);color:var(--color-text-primary)}.sort-option.active{color:var(--color-text-primary);font-weight:var(--weight-medium)}.sort-option.active svg{color:var(--color-blue)}@media (width<=1024px){.header-inner{padding:0 var(--space-5)}.breadcrumb{display:none}.filter-toggle-btn{display:flex}}@media (width<=640px){.header-inner{padding:0 var(--space-4);height:60px}.logo-wines,.sort-label{display:none}}.desktop-sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);background:var(--color-bg-sidebar);height:calc(100vh - var(--header-height) - 1px);top:calc(var(--header-height) + 1px);flex-shrink:0;position:sticky;overflow-y:auto}.sidebar-content{padding:var(--space-6) var(--space-5)}.sidebar-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.clear-filters-btn{font-size:var(--text-xs);color:var(--color-blue);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-out)}.clear-filters-btn:hover{color:var(--color-blue-hover)}.sidebar-result-count{font-size:var(--text-sm);color:var(--color-light-grey);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.filter-section{margin-bottom:var(--space-1)}.filter-section-header{width:100%;padding:var(--space-3) 0;text-align:left;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.filter-section-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.08em}.filter-section-chevron{color:var(--color-light-grey);transition:transform var(--duration-fast) var(--ease-out)}.filter-section-chevron.open{transform:rotate(180deg)}.filter-section-body{padding:var(--space-3) 0 var(--space-4)}.checkbox-filter{gap:var(--space-1);flex-direction:column;display:flex}.checkbox-item{align-items:center;gap:var(--space-3);padding:var(--space-1) 0;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out);display:flex}.checkbox-item:hover{color:var(--color-text-primary)}.checkbox-item input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-custom{border:1.5px solid var(--color-pale-grey);width:16px;height:16px;transition:all var(--duration-fast) var(--ease-out);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.checkbox-item input:checked+.checkbox-custom{background:var(--color-blue);border-color:var(--color-blue)}.checkbox-item input:checked+.checkbox-custom:after{content:"";border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:8px;height:5px;transform:rotate(-45deg)translateY(-1px)}.checkbox-label{line-height:var(--leading-snug)}.show-more-btn{font-size:var(--text-xs);color:var(--color-blue);font-weight:var(--weight-medium);padding:var(--space-2) 0 0;transition:color var(--duration-fast) var(--ease-out)}.show-more-btn:hover{color:var(--color-blue-hover)}.pill-filter{gap:var(--space-2);flex-wrap:wrap;display:flex}.pill{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;border-radius:20px}.pill:hover{border-color:var(--color-blue);color:var(--color-text-primary)}.pill.active{background:var(--color-blue);border-color:var(--color-blue);color:var(--color-white)}.range-slider{gap:var(--space-3);flex-direction:column;display:flex}.range-inputs{align-items:center;gap:var(--space-3);display:flex}.range-input-group{flex:1}.range-input-label{font-size:var(--text-xs);color:var(--color-light-grey);margin-bottom:var(--space-1);display:block}.range-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);font-size:var(--text-sm);color:var(--color-text-primary);text-align:center;transition:border-color var(--duration-fast) var(--ease-out);-moz-appearance:textfield}.range-input::-webkit-inner-spin-button{-webkit-appearance:none}.range-input::-webkit-outer-spin-button{-webkit-appearance:none}.range-input:focus{border-color:var(--color-blue);outline:none}.range-dash{color:var(--color-pale-grey);padding-top:var(--space-4)}.range-track{appearance:none;background:var(--color-pale-grey);border-radius:2px;outline:none;width:100%;height:3px;margin:0}.range-track::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-white);border:2px solid var(--color-blue);cursor:pointer;width:14px;height:14px;transition:box-shadow var(--duration-fast) var(--ease-out);border-radius:50%}.range-track::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--color-blue-light)}.range-track:last-child{margin-top:-3px}.sidebar-overlay{z-index:200;animation:fadeIn var(--duration-normal) var(--ease-out);background:#0006;display:none;position:fixed;inset:0}.mobile-sidebar{background:var(--color-off-white);z-index:201;width:320px;max-width:85vw;animation:slideIn var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.mobile-sidebar .sidebar-content{flex:1;overflow-y:auto}.mobile-sidebar-top{padding:var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-sidebar-top .sidebar-title{margin:0}.mobile-close-btn{width:36px;height:36px;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.mobile-close-btn:hover{color:var(--color-text-primary);background:#0000000a}.mobile-sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-off-white)}.mobile-apply-btn{width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-white);background:var(--color-charcoal);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.mobile-apply-btn:hover{background:var(--color-dark-grey)}.mobile-sidebar .sidebar-header{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width<=1024px){.desktop-sidebar{display:none}.sidebar-overlay{display:block}}@media (width>=1025px){.mobile-sidebar,.sidebar-overlay{display:none!important}}.wine-card{background:var(--color-bg-card);border-radius:var(--card-radius);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-card);outline:none;overflow:hidden}.wine-card:hover,.wine-card:focus-visible{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.wine-card:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.wine-card-image-wrapper{position:relative;overflow:hidden}.wine-card-image-bg{aspect-ratio:3/4;padding:var(--space-8);background:linear-gradient(#f0f0ed 0%,#e8e8e4 100%);justify-content:center;align-items:center;display:flex}.wine-card-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--duration-slow) var(--ease-out);border-radius:2px}.wine-card-image.loaded{opacity:1}.wine-card-placeholder{opacity:.4;justify-content:center;align-items:center;display:flex}.wine-card-hover-overlay{padding-bottom:var(--space-6);transition:background var(--duration-normal) var(--ease-out);background:#1a1a1a00;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.wine-card:hover .wine-card-hover-overlay{background:#1a1a1a14}.wine-card-view-link{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.12em;color:var(--color-white);padding:var(--space-2) var(--space-4);opacity:0;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1ab3;border-radius:2px;transform:translateY(8px)}.wine-card:hover .wine-card-view-link{opacity:1;transform:translateY(0)}.wine-card-info{padding:var(--space-5)}.wine-card-top-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.wine-card-type{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em}.wine-card-vintage{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.wine-card-name{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-1);letter-spacing:-.01em;transition:color var(--duration-fast) var(--ease-out)}.wine-card:hover .wine-card-name{color:var(--color-dark-grey)}.wine-card-producer{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-style:italic}.wine-card-bottom-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.wine-card-grape{font-size:var(--text-xs);color:var(--color-light-grey)}.wine-card-region{font-size:var(--text-xs);color:var(--color-light-grey);text-align:right}.wine-card-price-row{padding-top:var(--space-3);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.wine-card-price{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary)}.wine-card-badge{font-size:9px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);background:var(--color-gold-light);border-radius:10px;padding:2px 8px}.wine-grid{gap:var(--space-6);padding:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.wine-grid-empty{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.wine-grid-empty-title{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-secondary);margin:var(--space-5) 0 var(--space-2)}.wine-grid-empty-text{font-size:var(--text-sm);color:var(--color-light-grey)}@media (width>=1600px){.wine-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1280px){.wine-grid{gap:var(--space-5);padding:var(--space-6);grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.wine-grid{gap:var(--space-5);padding:var(--space-5);grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.wine-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.wine-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.wine-grid{gap:var(--space-4);grid-template-columns:1fr}}.detail-overlay{z-index:300;padding:var(--space-8);animation:fadeIn var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.detail-modal{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:960px;max-height:90vh;box-shadow:var(--shadow-xl);animation:modalIn var(--duration-slow) var(--ease-out);position:relative;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.detail-close{top:var(--space-5);right:var(--space-5);z-index:10;width:40px;height:40px;color:var(--color-text-secondary);background:var(--color-white);box-shadow:var(--shadow-md);transition:all var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.detail-close:hover{color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.detail-content{grid-template-columns:1fr 1fr;max-height:90vh;display:grid;overflow-y:auto}.detail-image-section{justify-content:center;align-items:center;display:flex;position:relative}.detail-image-bg{width:100%;height:100%;min-height:500px;padding:var(--space-10);background:linear-gradient(#f0f0ed 0%,#e8e8e4 100%);justify-content:center;align-items:center;display:flex}.detail-image{object-fit:contain;opacity:0;max-width:100%;max-height:450px;transition:opacity var(--duration-slow) var(--ease-out)}.detail-image.loaded{opacity:1}.detail-info-section{padding:var(--space-10) var(--space-8);overflow-y:auto}.detail-type-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-4)}.detail-name{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-2)}.detail-producer{font-family:var(--font-serif);font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-8);font-style:italic}.detail-meta{gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.detail-meta-label{font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--color-light-grey);margin-bottom:var(--space-1);display:block}.detail-meta-value{font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-text-primary)}.detail-price{font-weight:var(--weight-semibold);font-family:var(--font-sans)!important}.detail-notes{margin-bottom:var(--space-6)}.detail-notes-title,.detail-provenance-title{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.detail-notes-text,.detail-provenance-text{font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary);font-style:italic}.detail-provenance-text{color:var(--color-text-secondary);font-style:normal;font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (width<=768px){.detail-overlay{align-items:flex-end;padding:0}.detail-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh;animation:modalSlideUp var(--duration-slow) var(--ease-out)}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail-content{grid-template-columns:1fr}.detail-image-bg{min-height:300px;padding:var(--space-6)}.detail-image{max-height:250px}.detail-info-section{padding:var(--space-6) var(--space-5)}.detail-name{font-size:var(--text-2xl)}.detail-close{top:var(--space-3);right:var(--space-3)}}.app{flex-direction:column;min-height:100vh;display:flex}.app-layout{flex:1;display:flex}.app-main{flex:1;min-width:0}