@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://css.gg/shopping-bag.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}a{all:unset}#root,body,html{height:100%}body{background-color:#f9f9f9}.App{height:100%;width:100%}.link{font-weight:700;padding:.7rem}.link-active{background-color:#000;color:#fff}.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}a:hover{cursor:pointer}.home{transition:all 1s}.spinner-wrap{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.spinner{-webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite;margin-bottom:10rem}@-webkit-keyframes loader{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes loader{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.cart{background-color:#fff;height:100%;max-width:500px;overflow:hidden;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s;width:100%;z-index:1000}.product-div{max-height:500px;overflow:scroll;overflow-x:hidden;padding:2rem 0}.cart-row{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1rem;width:100%}.cart-row-count{font-weight:500;gap:1rem}.cart-row-count button{all:unset;background-color:#e3e2e2;border:none;font-size:1.5rem;padding:.3rem .7rem}.row-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.cart-row .row-info{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.cart-row img{max-width:75px;width:100%}.cart-row-count{align-items:center;display:flex;justify-content:center}.cart-none{display:none}.cart-close-btn{all:unset;font-size:2rem;left:0;margin:1rem;position:absolute;top:0}.cart-close-btn:hover{color:#bc5454}.cart-outer{background-color:rgba(0,0,0,.693);height:100%;left:-100%;position:fixed;transition:left 1s;width:100%;z-index:80}.cart-go-in-right{right:0}.cart-go-in-left{left:0}.category-grid{grid-gap:2rem;display:grid;gap:2rem}.category-card,.category-grid{height:100%;position:relative;width:100%}.category-card{max-height:400px}.category-card img{height:100%;object-fit:cover;width:100%}.category-card .category-info{align-items:center;background-color:rgba(0,0,0,.525);color:#fff;display:flex;justify-content:center;padding:1rem;position:absolute;right:50%;text-align:center;top:50%;-webkit-transform:translateX(50%) translateY(-50%);transform:translateX(50%) translateY(-50%);z-index:2}.category-card .category-info:hover{background:rgba(0,0,0,.794)}@media screen and (min-width:40rem){.category-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);height:100%;padding:1rem 0 5rem;width:100%}}.navbar{align-items:center;display:flex;justify-content:space-between;padding:1rem 0;width:100%}.navbar h1{font-size:clamp(1.8rem,2.5vw,3rem);margin:0;padding:0}.navbar-nav{display:flex;font-size:1.4rem;font-weight:500;gap:2rem;justify-content:space-between}.nav-shop{padding:.7rem}.nav-shop-active,.nav-shop:hover{background-color:#000;color:#fff}.cart-btn{all:unset;align-items:center;display:flex;font-size:1rem;justify-content:center;position:relative;width:50px}.cart-btn p{bottom:.7rem;color:red;z-index:5}.bag-outline,.cart-btn p{position:absolute}ion-icon{--ionicon-stroke-width:1.3rem;font-size:2.5rem}@media screen and (min-width:40rem){.navbar{align-items:center;display:flex;justify-content:space-between;padding:1rem 4rem;width:100%}}.product-image-div{align-items:center;background-color:#fff;border-radius:.5rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2);display:flex;height:100%;justify-content:center;max-height:400px;overflow:hidden;padding:6rem 2rem;width:100%}.product-image-div img{mix-blend-mode:multiply;width:80%}.wrapper{display:flex;justify-content:center}.product-content{display:flex;flex-direction:column;gap:2rem}.price{font-size:1.3rem}.btn-details{all:unset;background-color:#000;color:#fff;padding:.5rem .8rem}@media screen and (min-width:47rem){.product-details{align-items:center;display:flex;gap:4rem;max-width:1300px;padding:3rem 10rem}}.product-card{align-items:center;background-color:#fff;border-radius:.4rem;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;justify-content:center;max-width:350px;padding-bottom:1rem;transition:all .4s;width:100%}.product-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.product-card .product-img{align-items:center;border-bottom:1px solid #e1dede;display:flex;flex-direction:column;height:100%;justify-content:center;max-height:200px;min-height:200px;overflow:hidden;padding:3rem;width:100%}.product-img img{mix-blend-mode:multiply;object-fit:cover;width:50%;z-index:5}.product-info{display:flex;flex-direction:column;gap:1rem;padding:1rem 2rem;width:100%}.product-info button{background-color:#000;border:1px solid #000;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem}.product-info button:hover{background-color:rgba(0,0,0,.058);color:#000}.product-layout{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}@media screen and (min-width:40rem){.product-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);height:100%;justify-items:center;padding:2rem 0;width:100%}}.category-nav{align-items:center;display:flex;justify-content:space-between;padding:1rem;width:50%}@media screen and (min-width:40rem){.category-nav{align-items:center;display:flex;justify-content:space-between;padding:1rem 4rem;width:50%}}.shop-content{padding:1rem 4rem}
/*# sourceMappingURL=main.0b70d679.css.map*/