@import url(https://fonts.googleapis.com/css2?family=Inter&family=Rubik:wght@400;500;600;700&display=swap);html{scroll-behavior:smooth}:root{--main-color:#ffd93d;--scroll-bar-bg-color:#f6f6f6;--scroll-bar-color:#c5c5c5}*{scrollbar-color:#c5c5c5 #f6f6f6;scrollbar-color:var(--scroll-bar-color) var(--scroll-bar-bg-color);scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f6f6f6;background:var(--scroll-bar-bg-color)}::-webkit-scrollbar-thumb{background-color:#c5c5c5;background-color:var(--scroll-bar-color);border-radius:20px}body{font-family:Inter,sans-serif;font-family:Rubik,sans-serif;scrollbar-width:thin}*,body{margin:0;padding:0}*{box-sizing:border-box}body.cart-open{overflow:hidden!important}.products{background-color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 50px 100px}@media screen and (max-width:600px){.products{justify-content:center;padding:0 10px 100px}}.Navbar{background-color:#fffdd0;position:fixed;top:0;width:100%;z-index:1}.Navbar-content{align-items:center;display:flex;padding:20px 0}.Navbar-content h2{flex:2 1;font-size:38px;letter-spacing:.5rem;text-align:center}.Navbar .cart-items-number{cursor:pointer;margin-right:50px;position:relative}.Navbar .cart-items-number span{color:orange;position:absolute;right:-5px;top:-10px}@media screen and (max-width:600px){.Navbar .cart-items-number{margin-right:15px}}.product-card{border:2px solid var(--main-color);color:#000;flex:25% 1;margin-top:50px;max-width:350px}.product-card-image{border-bottom:2px solid #000;height:50%;text-align:center}.product-card-image img{height:100%;padding:20px;width:200px}.product-card-details{display:flex;flex-direction:column;height:50%;justify-content:space-between;padding:20px}.product-card-details-title{color:#000;font-size:24px;height:20%;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-details-price{color:#000;font-size:28px;font-weight:700}.product-card-details-category{color:gray;font-size:18px;margin-top:10px}.product-card-buttons{display:flex;justify-content:space-between;margin-top:20px}.product-card-buttons button{background-color:var(--main-color);border:1px solid transparent;cursor:pointer;font-size:16px;padding:15px 30px;transition:.4s ease-in-out}.product-card-buttons button:hover{background-color:initial;border:1px solid var(--main-color);color:var(--main-color)}.modal-card{background-color:hsla(0,0%,100%,.8);border:none;border-radius:10px;left:50%;max-width:90%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px;z-index:2}.modal-overlay{background-color:#000;bottom:0;left:0;opacity:.8;position:fixed;right:0;top:0;z-index:1}.modal-card .add-to-cart{width:100%}.modal-card .product-card-image img{height:400px;width:300px}.modal-card .product-card-details-title{white-space:inherit}@media screen and (max-width:600px){.modal-card{margin-top:0}.modal-card .product-card-image img{height:300px}}.hero-section{background-size:cover;height:600px}.hero-content,.hero-section{align-items:center;display:flex;justify-content:center}.hero-content{background-color:#fff;background:hsla(0,0%,100%,.7);flex-direction:column;padding:40px 0;width:40%}.hero-content h3{font-size:60px;letter-spacing:.5ch;margin:0 0 40px;text-align:center;text-transform:uppercase}.hero-content button{background-color:var(--main-color);border:1px solid transparent;cursor:pointer;font-size:18px;outline:none;padding:20px 60px;transition:.4s ease-in-out}.hero-content button:hover{background-color:initial;border:1px solid var(--main-color);color:var(--main-color)}@media screen and (max-width:600px){.hero-section{height:400px;margin-top:75px}.hero-content{width:95%}.hero-content h3{font-size:32px}}.cart-item{border:2px solid var(--main-color);display:flex;gap:20px;padding:10px;position:relative}.cart-item .cart-item-img{height:100px;width:100px}.cart-item .cart-item-details h1{font-size:16px;margin-right:10px}.cart-item .cart-item-details p{margin-top:10px}.cart-item .cart-item-details h3{font-size:14px;margin-top:10px}.cart-item .cart-item-options{cursor:pointer;position:absolute;right:5px;top:5px}.cart-item .item-price-total{bottom:10px;position:absolute;right:10px}.cart-item .cart-item-details{flex:0.8 1}.cart .total_price_cart{padding:50px;text-align:center}@media screen and (max-width:600px){.cart{padding:0 20px}.cart-item{align-items:center;flex-direction:column}.cart-item .cart-item-img{height:200px;width:200px}.cart-item .cart-item-details h1{font-size:24px}.cart-item .cart-item-details h2{font-size:20px;margin-top:10px}.cart-item .cart-item-details h3{font-size:16px}.cart-item .cart-item-options{right:10px;top:10px}.cart-item .item-price-total{bottom:10px;font-size:16px;right:10px}}.cart-wrapper{display:flex;height:100%;justify-content:flex-end;left:0;position:fixed;top:0;width:100%;z-index:99}.cart-wrapper .op-layer{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.cart{-webkit-animation:slideCartWindow .3s;animation:slideCartWindow .3s;background-color:#fff;height:100%;max-width:100%;overflow:scroll;padding:0 25px;position:relative;width:480px}.cart.cart-close{-webkit-animation:slideOnClose .3s;animation:slideOnClose .3s}.cart-items{display:flex;flex-direction:column;gap:25px;margin-top:30px}@-webkit-keyframes slideCartWindow{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideCartWindow{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideOnClose{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOnClose{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.cart .heading{align-items:center;display:flex;justify-content:space-between;padding:20px}.cart .heading h1{color:#000;text-transform:uppercase;transition:all .3s}.cart .heading h1:hover{color:var(--main-color)}.cart .heading svg{cursor:pointer}
/*# sourceMappingURL=main.9a56687b.css.map*/