.shop-container{background:white;display:flex;flex-direction:column;min-height:100%}.shop-header{background:var(--main-green);text-align:center;padding-top:3em;height:250px;gap:20px;position:relative;box-shadow:1px 1px 10px 1px hsl(0,0%,73%)}.shop-header img{object-fit:contain}.shop-header h1{padding-top:1.5em;font-size:3rem;font-weight:600;color:white;letter-spacing:2px}.products-not-found{height:400px}.products-not-found p{font-size:larger;margin-top:13rem;text-align:center}.product-container{background:white;width:100%;height:100%;margin-bottom:8rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,300px);justify-content:space-around;grid-row-gap:20px;row-gap:20px;padding:1.5em;grid-column-gap:40px;column-gap:40px;margin:0 auto 0 -.6em}.product-grid a{color:black;text-decoration:none}.product-card{text-align:center;cursor:pointer;margin-top:3em;position:relative;border:2px solid hsl(0,0%,0%,1%);background-image:linear-gradient(1turn,hsl(0,0%,100%,20%),hsla(0,0%,74%,20%),hsl(0,0%,100%,20%));padding:.5rem .5rem 2em;border-radius:10px;width:20rem;transform:scale(1);transition:transform .3s}.product-card:hover{transform:scale(1.05);transition:transform .3s;z-index:2}.product-card img{object-fit:cover;margin-bottom:1rem}.product-card h2{letter-spacing:.5px;margin-left:.5rem;margin-right:.5rem}.product-pricing{margin-top:1rem;margin-bottom:.8rem;display:flex;justify-content:center;gap:10px}.product-card p,.product-pricing{font-weight:600;letter-spacing:1.5px}.product-card .view-product{border:2px solid transparent;border-radius:5px;height:27rem;width:101%;position:absolute;top:-.1em;right:0;left:0;opacity:0;transition:opacity .3s,border .3s}.product-card .view-product:hover{border:2px solid hsla(0,0%,100%,0);opacity:1;transition:border .3s,opacity .3s}.product-card .product-preview-button{padding:1rem;letter-spacing:1.5px;cursor:pointer;border:none;border-radius:5px;background:hsl(0,0%,0%,100%);color:white;font-weight:500;font-size:.8rem;transition:color .3s;top:4em;position:absolute;left:0;right:0;margin-inline:auto;width:-moz-fit-content;width:fit-content}.product-card button:hover{color:var(--hover-beige);transition:color .3s}.product-card button:active{transform:scale(.98)}.product-preview-backdrop{display:block;background:var(--main-green);position:fixed;z-index:104;width:100%;height:105vh;left:0;top:0;overflow:auto}.product-preview-container{padding:1em;text-align:right}.product-preview-container button{margin-top:-.5em;cursor:pointer;background:none;border:none;color:white}.product-preview-content{text-align:center}.product-preview-content h1{letter-spacing:.5px;color:white}.product-preview-main{background:white;margin:1rem auto;display:flex;justify-content:center;width:85%;gap:30px;height:35rem}.product-preview-main img{object-fit:contain;width:60%;margin-right:30vw;margin-top:1rem}.product-preview-details{margin:0;position:absolute;right:12rem;top:23.5rem;transform:translateY(-50%);text-align:left;color:black;display:flex;flex-direction:column}.product-preview-details .product-preview-price{letter-spacing:1.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.product-preview-details h3{margin-top:1rem}.product-preview-quantity{justify-content:center;color:black;border-radius:5px;margin-top:1rem;padding-top:.3rem;display:flex;gap:0;background:hsla(0,0%,0%,0%);border:2px solid black;width:10.7em}.product-preview-quantity .product-preview-quantity-minus{border-top-left-radius:3px}.product-preview-quantity .product-preview-quantity-minus,.product-preview-quantity .product-preview-quantity-plus{color:black;width:60px;cursor:pointer;border:none;padding:16px;background:hsla(0,0%,0%,0%) radial-gradient(circle,transparent 1%,hsla(0,0%,0%,0%) 0) 50%/15000%;transition:background .3s,color .3s}.product-preview-quantity .product-preview-quantity-plus{margin-left:3.5rem;border-top-right-radius:3px}.product-preview-quantity button:hover{color:white;background:hsla(0,0%,0%,100%) radial-gradient(circle,transparent 1%,hsla(0,0%,0%,100%) 0) 50%/15000%;transition:background .3s,color .3s}.product-preview-quantity button:active{background-color:hsl(0,0%,85%);background-size:100%;transition:background 0s}.preview-disabled{pointer-events:none;opacity:.5}.product-preview-quantity .product-preview-quantity-amount{position:absolute;margin-top:.4rem;margin-right:1.4em;margin-left:1.4em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.product-preview-coffee-grind{margin-top:0}.product-preview-coffee-grind select{background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 100% 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;height:3.3rem;width:100%;margin-top:1rem;letter-spacing:1.5px;font-size:.8rem;font-weight:500;color:black;padding-left:1em;border:2px solid black;border-radius:5px;transition:background .3s,border .3s,color .3s;&:before{transition:background .3s,border color .3s .3s}&:hover{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I2ZmZmZmZjt9DQo8L3N0eWxlPg0KPHRpdGxlPmFycm93czwvdGl0bGU+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNCw0LjcgMi41LDMuMiAzLjUsNC43ICIvPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4NCjwvc3ZnPg==) no-repeat 100% 50%,black;border:2px solid black;color:white}}.product-preview-coffee-grind select:disabled{cursor:default;opacity:.5}.product-preview-coffee-grind select:hover:disabled{background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 100% 50%;color:black;opacity:.5}.preview-variant-dropdown{width:100%}.product-preview-details .product-add-to-cart{letter-spacing:1.5px;font-weight:600;font-size:.8rem;cursor:pointer;color:black;margin-top:1.5em;width:20vw;padding:1rem;border-radius:5px;border:2px solid black;background:hsla(0,0%,0%,0%) radial-gradient(circle,transparent 1%,hsla(0,0%,0%,0%) 0) 50%/15000%;transition:background .3s,border .3s,color .3s;&:before{transition:background .3s,border .3s,color .3s}&:hover{background:black radial-gradient(circle,transparent 1%,black 0) 50%/15000%;border:2px solid black;color:white}}.product-preview-details .product-add-to-cart:active{background-color:hsl(0,0%,42%);background-size:100%;transition:background 0s}.product-add-to-cart:disabled{cursor:default;opacity:.5}.product-add-to-cart:hover:disabled{background:none;color:black;opacity:.5}.product-preview-details .product-purchase{letter-spacing:1.5px;font-weight:600;font-size:.8rem;cursor:pointer;color:white;margin-top:1.5em;width:20vw;padding:1rem;border-radius:5px;border:2px solid var(--btn-green);background:var(--btn-green) radial-gradient(circle,transparent 1%,var(--btn-green) 1%) center/15000%;transition:background .3s,border .3s,color .3s;&:before{transition:background .3s,border .3s,color .3s}&:hover{background:hsl(0,0%,93%) radial-gradient(circle,transparent 1%,hsl(0,0%,93%) 0) 50%/15000%;border:2px solid rgb(238,238,238);color:black}}.product-preview-details .product-purchase:active{background-color:hsl(0,0%,85%);background-size:100%;transition:background 0s}.product-purchase:disabled{cursor:default;opacity:.7}.product-purchase:hover:disabled{border:2px solid var(--btn-green);background:var(--btn-green);color:white;opacity:.7}.view-details{margin-top:2em;font-weight:400;font-size:.8rem;letter-spacing:1px;color:black;transition:color .3s}.loading{background:white;margin:auto;width:100%;height:100vh}.loader{position:relative;top:10em;margin:auto;justify-content:center;border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid var(--main-green);width:120px;height:120px;animation:spin 2s linear infinite}.product-preview-mobile-button{display:none;font-size:1rem}.shop-maintenance-container{background:#e1e1e1;height:1000px}.shop-maintenance-container h1{font-size:3rem;padding-top:15rem;position:relative;text-align:center;z-index:101;color:var(--main-beige)}.shop-maintenance-container img{object-fit:cover;object-position:50% 80%;position:absolute;z-index:100;top:-4rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1000px){.view-product{display:none}.product-preview-content{height:auto;margin-bottom:5rem}.product-preview-main{display:block;height:auto;padding:1rem 1rem 5rem;width:100%}.product-preview-details{margin-top:0;position:relative;right:0;top:0;transform:translateY(0);justify-content:center}.product-preview-main img{margin-right:0;height:auto;width:100%}.product-preview-details .product-preview-price,.product-preview-details h3{text-align:center;margin-bottom:1rem}.product-preview-details h3{margin-top:0}.product-preview-details .product-preview-quantity{margin:1rem auto;width:10.7em}.product-preview-coffee-grind{grid-gap:15px;gap:15px;display:grid;grid-template-columns:repeat(2,1fr)}.product-preview-coffee-grind .preview-single-variant{grid-template-columns:1fr}.preview-variant-dropdown{width:100%}.preview-variant-full-width{grid-column:span 2}.preview-variant-half-width{grid-column:span 1}.product-preview-coffee-grind select{margin-top:-1rem;width:100%}.preview-variant-dropdown{margin-top:1rem}.product-preview-details .product-add-to-cart,.product-preview-details .product-purchase{width:100%}.product-card .product-preview-mobile-button{margin:1em auto auto;width:60%;justify-content:center}.product-preview-mobile-button{background:none;border:none;color:black;border-radius:5px;padding:.5rem;cursor:pointer;display:block;font-size:.9rem;font-weight:500;letter-spacing:1.5px}}