:root{--primary: #5c6225;--primary-hover: #a4aa5f;--secondary: #B6854A;--secondary-dark: #6b4f2c;--secondary-hover: #FFBB69;--info: #7FBEE3;--alert: #FFD991;--success: #91FFB2;--error: #FF8B8B;--light-gray: #EAEAEA;--gray: #A8A7A7;--web-background: #F7EDE5;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;max-width:1980px;margin:0 auto;text-align:center;box-shadow:0 0 10px gray}.dark{background-color:#121212}.light{background-color:#f7ede5}a{font-weight:500;color:var(--principal);text-decoration:inherit}a:hover{color:var(--principal-hover)}body{margin:0;display:flex;min-width:320px;min-height:100vh;padding:0!important;overflow:inherit!important}section{padding:20px 0}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--secondary)}button{background-color:var(--secondary-hover)}@media only screen and (max-width:899px){h1{font-size:2em;line-height:1.1}p{padding:20px}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}main h1{margin:0;padding:50px}.hero.history{background-image:url(/images/cellar-main-bg.webp)}.hero.home{background-image:url(/images/premium-wine.webp)}.hero{height:100vw;align-content:center;color:#fff;background-size:cover;background-position:center;position:relative}.overlay{background-color:#00000096;align-content:center;width:100%;height:100%;position:absolute;top:0}.hero .seal{width:120px}.product{background-size:cover;background-position:left;background-repeat:no-repeat}.product.light{background-image:url(/images/first-bg-light.webp)}.product.dark{background-image:url(/images/first-bg-dark.webp)}.product-list-items{display:flex;flex-wrap:wrap;justify-content:center;gap:60px}.home-img-collage{width:100%;background:url(/images/cellar-collage.webp);height:500px;background-size:contain;background-repeat:no-repeat;background-position:center}.cta{padding-bottom:50px}.cta.light{background:var(--primary-hover)}.cta img{width:80%}.cta.dark{background:var(--secondary-dark)}#shoppage .product-list{display:flex;flex-wrap:wrap;gap:35px;justify-content:center}#contact{width:80%;margin:auto}#contact form{display:flex;flex-direction:column;gap:10px;padding-bottom:140px}.css-rngi03-MuiButtonBase-root-MuiCheckbox-root.Mui-checked,.css-rngi03-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate{color:var(--secondary)}.maps{display:flex;justify-content:center;padding:0 20px}@media only screen and (min-width:900px){.hero{height:30vw;background-attachment:fixed}.hero .seal{position:absolute;bottom:25px;right:90px}.product{background-position:center;display:flex;justify-content:center;padding:150px 5%;gap:45px}.cta{display:flex;justify-content:space-between;padding:69px 5%;gap:45px}.product .col,.cta .col{width:50%;overflow:hidden}#contact{width:600px}}#product-card{display:flex;flex-direction:column;justify-content:space-between;border-radius:5%;box-shadow:0 1px 3px var(--secondary);height:400px;width:300px;overflow:hidden}#product-card.light{box-shadow:0 1px 3px var(--primary)}#product-card.dark{box-shadow:0 1px 3px var(--secondary)}#product-card.light:hover{box-shadow:0 3px 7px var(--primary)}#product-card.dark:hover{box-shadow:0 3px 7px var(--secondary)}#product-card{background-position:center;background-size:cover}#product-card p{padding-bottom:5px}#product-card p,#product-card h2{margin:0;padding:0;color:var(--light-gray);background-color:#00000080}#product-card h2{padding-top:10px}#product-card button{padding:1em}.home .price{display:none}.price{font-weight:700;font-size:1.2em}footer{padding-top:50px}footer.light a{color:var(--primary)}footer.light a:hover{color:var(--primary-hover)}footer.dark a{color:var(--secondary)}footer.dark a:hover{color:var(--secondary-hover)}footer.light a.active{border-bottom:1px solid var(--primary)}footer.light a.active:hover{border-bottom:1px solid var(--primary-hover)}footer.dark a.active{border-bottom:1px solid var(--secondary)}footer.dark a.active:hover{border-bottom:1px solid var(--secondary-hover)}.social-menu{padding:20px}.social-menu>div{display:flex;justify-content:center}.legal-menu{display:flex;justify-content:space-around;padding-bottom:20px}.copy{font-size:12px}.copy p{padding:0;margin:5px}.copy img{width:20px}@media only screen and (min-width:900px){.legal-menu{justify-content:center;gap:25px}.copy{display:flex;justify-content:space-around}}header{display:grid;grid-template-columns:2fr;grid-template-rows:2fr;position:sticky;top:-110px;z-index:99;padding:5px 20px}.main-menu{grid-column:1/3;grid-row:3;margin:15px 0;display:flex;justify-content:space-around;gap:10px}header img{grid-column:1;grid-row:1/3}.options-menu{grid-column:2/3;grid-row:1;display:flex;justify-content:center;align-items:center;gap:10px}header.light{box-shadow:0 0 10px 0 var(--primary)}header.dark{box-shadow:0 0 10px 0 var(--secondary)}header.light a{color:var(--primary)}header.light a:hover{color:var(--primary-hover)}header.dark a{color:var(--secondary)}header.dark a:hover{color:var(--secondary-hover)}header.light a.active{border-bottom:1px solid var(--primary)}header.light a.active:hover{border-bottom:1px solid var(--primary-hover)}header.dark a.active{border-bottom:1px solid var(--secondary)}header.dark a.active:hover{border-bottom:1px solid var(--secondary-hover)}header.dark svg{color:var(--secondary)}header.dark .css-1c01hj9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root{color:var(--secondary)}header.dark .MuiOutlinedInput-notchedOutline.css-12rqw02-MuiOutlinedInput-notchedOutline{border-color:var(--secondary)}.dark-mode-switcher button{padding:7px}header.dark .dark-mode-switcher button{border-color:var(--secondary)}.weather-bar{display:flex;justify-content:center;padding-right:40px;font-size:12px;position:relative;z-index:999;border-bottom:1px solid var(--gray)}.weather-bar img{width:30px}.weather{display:flex;justify-content:center}.weather-bar *{margin:2px 0;padding:0 5px;align-content:center}@media only screen and (min-width:900px){.weather-bar{justify-content:end;gap:20px;padding-right:40px}.weather{gap:20px}header{display:flex;gap:20px;align-items:center;justify-content:space-between;top:0}header>:first-child,header>:last-child{width:40%}.main-menu{justify-content:left;gap:30px}.options-menu{justify-content:end}}
