@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Modak&family=Pacifico&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-base: #ffe6c1;--secondary-base: #ffc7b9;--nav-base: #f7c68e;--grey-base: rgb(38, 38, 38);--alternative-base: #d9d9d9;--primary-button: #f78075;--secondary-button: #73973e;--alternative-button: #fbab14;--hover-button: #2f4f00cc;--secondary-hover-button: #c88406;--primary-font-color: #000000;--secondary-font-color: #fbab14;--alternative-font-color: #f15c36;--white-font-color: #ffffff;--roboto: "Roboto", sans-serif;--pacifico: "Pacifico", cursive;--modak: "Modak", system-ui}.header-banner{background-color:var(--grey-base);font-family:var(--roboto);color:var(--white-font-color);text-align:center;padding:2px;font-size:12px}.header-logo{background-color:var(--primary-base);display:flex;flex-direction:column;align-items:center;padding:16px}@media screen and (min-width:768px){.header-logo{padding:20px}}.header-logo img{width:100px}#navbar{background-color:var(--nav-base);position:sticky;top:0;z-index:1000}#navbarContainer{max-width:1200px;margin:0 auto;padding:.5rem;display:flex;justify-content:space-between;align-items:center}#menuToggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:none;border:none;cursor:pointer;padding:0}#menuToggle .bar{height:3px;width:100%;background-color:var(--white-font-color);border-radius:2px;transition:.3s}#navLinks{font-family:var(--pacifico);position:absolute;top:100%;left:0;right:0;background-color:var(--nav-base);display:flex;flex-direction:column;align-items:center;gap:2rem;list-style:none;padding:1rem 0;margin:0;opacity:0;pointer-events:none;transition:all .3s ease-in-out}#navLinks.open{pointer-events:auto;transform:translateY(0);opacity:1}#navLinks .navLink{background-color:var(--primary-button);color:var(--white-font-color);padding:.5rem 1.2rem;border-radius:30px;text-decoration:none;text-align:center}#navLinks .navLink:hover{background-color:var(--grey-base);color:var(--white-font-color)}#navLinks #searchInput{border-radius:30px;padding:.5rem 1.2rem;border:none;width:80%;max-width:300px;text-align:center}#navLinks .cartIcon{display:flex;align-items:center;text-decoration:none}#navLinks .cartIcon:hover{transform:scale(1.1)}#menuToggle.open .bar:nth-child(1){transform:translateY(9px)}#menuToggle.open .bar:nth-child(3){transform:translateY(-9px)}@media screen and (min-width:768px){#menuToggle{display:none}#navbarContainer{justify-content:center}#navLinks{position:relative;flex-direction:row;pointer-events:auto;transform:translateY(0);opacity:1;gap:1rem}.searchInput{width:auto}}.shoppingCartNumberContainer{width:1rem;height:1rem;background-color:var(--primary-button);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--roboto);font-size:11px;color:var(--white-font-color);position:relative;bottom:.75rem;right:.6rem}#main{background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;flex:1}@media screen and (min-width:1200px){#main{width:70%;margin:16px auto 32px;border-radius:16px}}#main h2{font-family:var(--modak);font-size:2.5rem;color:var(--white-font-color);-webkit-text-stroke:.1px #000000;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media screen and (min-width:1200px){#main h2{font-size:3rem}}#main #productContainer{background-color:#ffffff80;padding:1rem 0 2rem 3rem;line-height:0;display:flex;gap:1rem;align-items:end}@media screen and (min-width:768px){#main #productContainer{background-color:#fff0;flex-direction:column;align-items:start}}#main #productContainer h4{font-size:1.2rem;text-decoration:none;cursor:pointer}#main #productContainer h4:hover{text-decoration:underline}@media screen and (min-width:768px){#main #productContainer h4{font-size:1.5rem}}#main #productContainer .priceBig{font-size:2rem;font-weight:700;color:var(--alternative-font-color)}#main #productContainer button{width:100px;height:50px;border:none;border-radius:16px;background-color:var(--secondary-button);color:var(--white-font-color);font-size:2rem;font-weight:700;margin:.5rem 0;cursor:pointer}#main #productContainer button:hover{background-color:var(--hover-button)}#footer h4{font-family:var(--pacifico);font-size:16px;text-decoration:underline var(--primary-button) .2rem;text-underline-offset:.25rem;letter-spacing:1px}@media screen and (min-width:1200px){#footer h4{font-size:20px;text-decoration:underline var(--primary-button) .25rem;text-underline-offset:.3rem}}#footer footer{font-family:Roboto,sans-serif;height:fit-content;background-color:var(--grey-base);color:var(--white-font-color)}#footer .footercontainer{display:flex;flex-direction:column;justify-content:center;align-items:center}#footer .footercolumns{display:flex;width:260px;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin-top:1rem;height:fit-content;font-size:10px;gap:1rem}@media screen and (min-width:768px){#footer .footercolumns{font-size:12px;width:100%}}@media screen and (min-width:1200px){#footer .footercolumns{font-size:16px;width:1100px}}#footer .footercolumn{width:fit-content;display:flex;flex-direction:column;line-height:.3rem}#footer div.footerLogo{background-color:var(--primary-base);border-radius:50%;width:96.94px;height:96.94px;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 3px 3px #b19664;margin:1rem}#footer img.footerLogo{width:80px;height:80px}#footer .copyright{text-align:center;margin:1rem;font-size:9px}@media screen and (min-width:768px){#footer .copyright{font-size:11px;margin:2rem}}@media screen and (min-width:1200px){#footer .copyright{font-size:12px}}body{margin:0;background-color:var(--secondary-base);height:100%;min-height:100vh;display:flex;flex-direction:column;font-family:var(--roboto)}#checkout{background-color:var(--secondary-base);min-height:100vh;padding:20px}.back-btn{width:100%;max-width:500px;margin:0 auto 12px;display:block;padding:16px;background-color:var(--primary-button);color:var(--white-font-color);border:none;border-radius:25px;font-size:18px;cursor:pointer}.back-btn:hover{background-color:var(--grey-base);color:var(--white-font-color);opacity:.9}.checkout-container{max-width:1200px;margin:0 auto 16px;background-color:var(--primary-base);border-radius:16px;padding:2px 20px 20px}.checkout-container h1{font-family:var(--modak);font-size:2.5rem;color:var(--secondary-font-color);-webkit-text-stroke:.1px #000000;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center;margin-bottom:10px}.checkout-section{max-width:500px;width:100%;background-color:var(--white-font-color);border-radius:12px;padding:20px;margin-bottom:16px;margin-left:auto;margin-right:auto;box-sizing:border-box}.checkout-section h2{font-size:18px;letter-spacing:normal;font-family:var(--roboto);color:var(--primary-font-color);text-shadow:none;-webkit-text-stroke:0;margin:0 0 16px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;font-size:14px}.form-group input{background-color:var(--alternative-base);width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;box-sizing:border-box}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.order-summary h2{margin-bottom:16px}.summary-item{display:flex;justify-content:space-between;padding:6px 0;margin-bottom:15px;border-bottom:1px solid var(--alternative-base)}.shipping-cost{display:flex;justify-content:space-between}.summary-total{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:2px solid var(--grey-base);font-weight:700;font-size:18px}.pay-btn{width:100%;max-width:500px;margin:0 auto;display:block;padding:16px;background-color:var(--secondary-button);color:var(--white-font-color);border:none;border-radius:25px;font-size:18px;cursor:pointer}.pay-btn:hover{background-color:var(--hover-button)}.popup{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.popup.hidden{display:none}.popup-content{background-color:var(--primary-base);border-radius:16px;padding:32px 24px;max-width:550px;width:100%;text-align:center;box-shadow:0 10px 30px #00000040;animation:popupFadeIn .25s ease-out;box-sizing:border-box}.popup-content h2{font-family:var(--modak);font-size:2.5rem;color:var(--secondary-font-color);margin-bottom:16px;-webkit-text-stroke:.1px #000;text-shadow:2px 2px 4px rgba(0,0,0,.4)}@media screen and (min-width:768px){.popup-content h2{font-size:2.5rem}}.popup-content p{color:var(--primary-font-color);font-size:14px}@media screen and (min-width:768px){.popup-content p{font-size:16px}}.popup-content button{margin-top:24px;padding:12px 24px;border-radius:25px;border:none;cursor:pointer;font-size:16px;background-color:var(--alternative-button);color:var(--white-font-color);transition:opacity .2s ease}.popup-content button:hover{opacity:.9;background-color:var(--secondary-hover-button);color:var(--white-font-color)}.error-popup h2{color:var(--alternative-font-color)}#productPage{background-color:var(--secondary-base);min-height:100vh;padding:20px;margin-top:1rem}#productPageContainer{max-width:1200px;margin:0 auto 16px;background-color:var(--primary-base);border-radius:16px;display:flex;flex-direction:column;justify-content:center}h2{letter-spacing:2.5px;font-family:var(--modak);font-size:1.5rem;color:var(--white-font-color);-webkit-text-stroke:.1px #000000;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:3rem}@media screen and (min-width:768px){h2{font-size:2.5rem}}#productPageTitle{font-family:var(--modak);font-size:2.5rem;color:var(--secondary-font-color);text-align:center;height:3.5rem;padding-top:2rem;padding-bottom:1rem;width:100%;margin:0;-webkit-text-stroke:.1px #000000;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media screen and (min-width:1200px){#productPageTitle{font-size:3rem}}#categoryGrid{display:flex;flex-direction:row;justify-content:center;gap:1rem;padding:0 1rem;font-family:var(--roboto)}#sott,#salt,#surt{width:150px;height:150px;border-radius:10%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}#sott:hover,#salt:hover,#surt:hover{box-shadow:-5px 5px 15px #0003}@media screen and (min-width:768px){#sott,#salt,#surt{width:300px;height:100px;border-radius:10px}}@media screen and (min-width:1200px){#sott,#salt,#surt{width:200px;height:200px;border-radius:100%}}.overlayText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.categoryImg{width:100%;height:100%;object-fit:cover}#productCardGrid,#productCardGrid2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem;padding-bottom:0}#productCardGrid2{margin-top:1rem}.productCard{background-color:var(--white-font-color);width:180px;height:250px;border-radius:10%;overflow:hidden;display:flex;display:block;align-items:center;justify-content:center;position:relative;text-align:center}.productCard:hover{box-shadow:-5px 5px 10px #0003}@media screen and (min-width:768px){.productCard{width:250px}}@media screen and (min-width:1200px){.productCard{width:200px}}.productCardImageContainer{border-radius:10px;margin:1rem 1rem .5rem;width:150px;height:100px;display:flex;position:relative;overflow:hidden}@media screen and (min-width:768px){.productCardImageContainer{margin-left:3.1rem;margin-right:3.1rem}}@media screen and (min-width:1200px){.productCardImageContainer{margin-left:1.6rem;margin-right:1.6rem}}#productCardImg{width:100%;height:100%;object-fit:cover}.buyBtnSmall{width:3rem;height:2rem;border:none;border-radius:5px;background-color:var(--secondary-button);color:var(--white-font-color);font-size:1rem;font-weight:700;cursor:pointer}.buyBtnSmall:hover{background-color:var(--hover-button)}.priceSmall{color:var(--alternative-font-color);font-weight:700;font-size:1.5rem}.productTextContainer>p,h3,button{margin:.2rem}h3{cursor:pointer}h3:hover{text-decoration:underline}.productDescription{font-size:14px}#showMoreBtnContainer{width:100%;height:fit-content;display:flex;justify-content:center;padding-top:2rem;padding-bottom:2rem}#showMoreBtn{width:10rem;height:3rem;font-family:var(--pacifico);font-size:20px;border:none;border-radius:20px;background-color:var(--white-font-color);text-align:center;cursor:pointer}#showMoreBtn:hover{color:var(--white-font-color);background-color:var(--primary-font-color)}#productCardGrid2{display:none}#productCardGrid2.expanded{display:flex;justify-content:center;flex-wrap:wrap;padding-top:0}#productCardGrid0{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:500px}@media screen and (min-width:768px){#productCardGrid0{max-width:800px}}@media screen and (min-width:1200px){#productCardGrid0{max-width:1000px}}.hidden{display:none}#showMoreBtn.hidden,#showMoreBtnContainer.hidden{width:0px;height:0px;padding:0}.shoppingCart{flex:1}#cartContainer{background-color:var(--primary-base);border-radius:30px;padding:2rem;margin:2rem}.shoppingCart h2{font-family:var(--modak);color:var(--secondary-font-color);-webkit-text-stroke:.1px #000000;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center}.cartItem{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:1rem;background-color:var(--white-font-color);padding:1rem;border-radius:30px;width:100%;box-sizing:border-box;box-shadow:0 4px 10px #0000001a}@media screen and (min-width:768px){.cartItem{grid-template-columns:5fr 1fr auto 1fr;padding:2rem}}@media screen and (min-width:768px){.cartItem .cartProduct{display:flex}}.cartItem .cartInfo{display:flex;flex-direction:column;margin-left:1rem}@media screen and (min-width:768px){.cartItem .cartInfo{align-self:center}}.cartItem .cartQty,.qty{display:flex;flex-direction:column;align-items:center}.cartPrice{display:flex;justify-content:center;margin-top:2rem;gap:2rem;width:100%}.cartItemPriceContainer{display:flex;flex-direction:column;align-items:flex-start;margin-left:1rem;margin-top:1rem}@media screen and (min-width:768px){.cartItemPriceContainer{margin-left:2rem;margin-top:0rem}}.cartItemPriceContainer .priceHead{font-size:.7rem}.cartItemPriceContainer .cartItemPrice{font-weight:700}.cartImg{width:90px;height:70px;object-fit:cover;margin:1rem 1rem .5rem;border-radius:20px}@media screen and (min-width:768px){.cartImg{width:120px;height:100px;margin:0 .5rem 0 0}}#cartItems{width:100%}.productName{margin:0;font-weight:700}.productInfo{margin:0;font-size:.8rem}.qtyControls{display:flex;align-items:center;gap:.5rem}.qtyControls button{width:24px;height:24px;border-radius:30px;border:none;cursor:pointer}.removeBtn{color:var(--alternative-font-color);background:none;border:none;margin-left:.5rem;font-size:1.5rem;cursor:pointer}.removeBtn:hover{transform:scale(1.1)}#goToCheckoutBtn{background-color:var(--secondary-button);color:var(--white-font-color);display:block;margin:2rem auto;padding:1rem;font-family:var(--roboto);font-size:16px;border-radius:30px;border:none;cursor:pointer}#goToCheckoutBtn:hover{background-color:var(--hover-button)}#cartTotal{display:flex;justify-content:flex-end;margin-right:1rem}#cartTotal .cartTotalWrapper{display:inline-flex;border-bottom:2px solid var(--primary-font-color);padding-bottom:.2rem}#cartTotal .cartTotalText{margin-right:2rem}#cartTotal .cartTotalPrice{font-weight:700}.emptyCart{background-color:var(--white-font-color);border-radius:12px;padding:60px;text-align:center}.emptyCart p{color:var(--primary-font-color);font-size:14px;margin-bottom:16px}.emptyCart .shopLink{display:inline-block;padding:12px 24px;background-color:var(--alternative-button);color:var(--white-font-color);border-radius:25px;text-decoration:none;font-size:16px;transition:opacity .2s ease}.emptyCart .shopLink:hover{opacity:.9;background-color:var(--secondary-hover-button)}@media screen and (min-width:1200px){.shoppingCart{max-width:1200px;min-height:auto;margin:2rem auto;border-radius:30px}}#productModal{background-color:var(--primary-base);border:none;width:100%;height:70vh}@media screen and (min-width:1200px){#productModal{width:70%;border-radius:1rem;padding:2rem}}#productModal #modalContainer{height:70vh;display:flex;flex-direction:column}#productModal #modalContainer .btnContainer{display:flex;justify-content:end}#productModal #modalContainer .btnContainer button{background-color:var(--primary-base);font-size:2rem;border:none;margin-bottom:1rem;cursor:pointer}#productModal #modalContainer .btnContainer button:focus-visible{outline:none}#productModal #modalContainer .btnContainer button:hover{color:var(--alternative-font-color)}#productModal #modalContainer #extDetailsContainer{display:flex;height:100vh}#productModal #modalContainer #extDetailsContainer .imgContainer{background-position:center;background-size:cover;width:50%;border-radius:1rem 0 0 1rem}#productModal #modalContainer #extDetailsContainer .detailsContainer{background-color:var(--white-font-color);width:50%;border-radius:0 1rem 1rem 0;padding:0 2rem}#productModal #modalContainer #extDetailsContainer .detailsContainer .name{font-size:1.2rem;text-decoration:none;margin-bottom:0}@media screen and (min-width:768px){#productModal #modalContainer #extDetailsContainer .detailsContainer .name{font-size:1.5rem}}#productModal #modalContainer #extDetailsContainer .detailsContainer .price{font-size:2rem;font-weight:700;color:var(--alternative-font-color);margin-bottom:1rem}#productModal #modalContainer #extDetailsContainer .detailsContainer .buyBtnDetails{width:100px;height:50px;border:none;border-radius:1rem;background-color:var(--secondary-button);color:var(--white-font-color);font-size:2rem;font-weight:700;margin-bottom:1rem;cursor:pointer}#productModal #modalContainer #extDetailsContainer .detailsContainer .buyBtnDetails:hover{background-color:var(--hover-button)}#productModal #modalContainer #extDetailsContainer .detailsContainer .extInfo{font-size:.8rem;font-weight:lighter;line-height:1rem}@media screen and (min-width:768px){#productModal #modalContainer #extDetailsContainer .detailsContainer .extInfo{font-size:1rem;line-height:1.2rem}}
