body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}*,body{font-family:Roboto,sans-serif}body{font-family:Inter,sans-serif}.navbar{background:#fff;box-shadow:0 5px 10px 0 #aaa;color:#000;opacity:.85;position:fixed;top:0;width:100%;z-index:12}.navbar-container{align-items:center;display:flex;height:12vh;justify-content:space-between}.menu-items{display:flex;margin-right:30px;order:2}.menu-items li{cursor:pointer;font-size:1.7rem;list-style:none;margin:0 14px;transition:transform .2s ease-in-out}.menu-items li:hover{transform:scale(1.1)}.header-all{display:none}header{align-items:center;display:flex;justify-content:space-between}.header-content>ul{display:flex;list-style:none;margin:25px}.logo{margin:25px 25px 25px 40px;width:32%}.basket{height:32px;width:32px}.link{color:#000;text-decoration:none}.main-page-link{margin-left:10px}.div-link{height:100%;width:100%}.basket-count{margin-left:200px;padding-top:20px}.search-input{background-color:#fff;border:none;border-bottom:.5px solid #737373;font-size:1.2rem;padding:3px 10px 3px 2px;width:200px}.search-input:focus{outline:none}main{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin:90px 30px 30px}.product{cursor:pointer;line-height:1.4;padding:20px 20px 5px;transition:all .2s}.product:hover{transform:scale(1.05)}.product-img{background-position:50%;background-repeat:no-repeat;background-size:contain;height:40vh;margin:15px 0 25px;width:100%}.basket-main{margin-top:120px}.no-products{font-size:40px;text-align:center;width:100vw}.div-no-products{height:80vh;justify-content:center;width:100vw}.div-no-products,.sub-page{align-items:center;display:flex}.sub-page{justify-content:space-between;margin:0 auto;position:relative;width:80%}.sub-image-product{background-repeat:no-repeat;background-size:contain;display:flex;height:80vh;margin-top:120px;width:40%}.sub-product-info{margin-top:120px;width:50%}.sub-product-description{font-size:1.1rem;line-height:1.5;margin:30px 0}.sub-product-price{font-size:22px;font-weight:700;margin-top:10px}.sub-home-icon{background-color:#fff;border:none;cursor:pointer;position:absolute;right:5rem;top:5rem}.sub-home-icon,.sub-home-icon>img{height:50px;width:50px}.button-buy{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.5rem;padding:5px 50px;width:100%}.button-buy:active{transform:translateY(4px)}.d-grid{grid-gap:7px;grid-template-columns:1fr 3fr}.basket-wraper,.d-grid{align-items:center;display:grid;gap:7px;justify-content:center}.basket-wraper{grid-gap:7px;background-color:#f5f4f4;font-size:1.5rem;grid-template-columns:4fr .5fr;height:26vh;line-height:1.3;margin-bottom:8px;width:100%}.basket-img{margin:20px;width:60%}.basket-pay-btn{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;padding:5px 50px;width:90%}.basket-pay-btn:active{transform:translateY(4px)}.total-price{display:flex;font-size:1.4rem;justify-content:space-between;width:90%}.div-paying{align-items:end;display:flex;flex-direction:column;margin-top:300px}.size-div{border:1px solid #3a3a3a;padding:5px 7px;text-align:center;transition:all .3s;width:20%}.size-div:hover{transform:scale(1.1)}.sub-sizes{display:flex;justify-content:space-around;margin-bottom:25px}.trash-can-icon{align-self:self-start;cursor:pointer;margin-top:30px;width:20px}.grid{display:grid;grid-template-columns:2fr 1fr;margin:30px 200px}.no-size-selected{font-style:italic;margin-bottom:20px}.relative{position:relative}.num-items-basket{border-radius:50%;font-size:14px;height:17px;right:0;width:17px}.alert-new-item,.num-items-basket{background-color:red;bottom:0;color:#fff;position:absolute;text-align:center}.alert-new-item{border-radius:10px;font-size:12px;left:-13px;padding:2px;width:60px}.navbar .hamburger-lines,.navbar input[type=checkbox]{display:none}.item-changed{left:-35px;width:100px}.background-blur{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.close-icon{background-color:initial;cursor:pointer;position:absolute;right:5px;top:5px;width:40px}.pay-form{grid-gap:25px;grid-row-gap:50px;align-items:center;background-color:#fff;box-shadow:0 0 20px 1px gray;display:grid;font-size:20px;gap:25px;grid-template-columns:1fr 1fr;padding:60px 20px 20px;position:relative;row-gap:50px;z-index:10}.form-input{border:1px solid #555;border-radius:5px;font-size:20px;padding:8px;width:25vw}.div-submit{align-items:center;grid-column-end:3;grid-column-start:1}.div-submit,.form-flex{display:flex;flex-direction:column}.form-label{font-size:16px;margin-bottom:5px}.div-submit p{margin-bottom:10px;text-align:center}.btn-submit{background-color:#000;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:10px 0;width:30%}@media only screen and (max-width:1100px){.container{margin:auto;max-width:1200px;width:90%}main{grid-template-columns:repeat(3,1fr);margin:60px 5px 5px;width:100vw}.logo{margin-left:0;width:65%}.basket-count{margin-left:20px}.menu-items{margin-left:50px}.navbar-container{margin-left:20px}.grid{gap:20px;grid-template-columns:1fr;margin:30px 0 0}.basket-wraper{font-size:1.2rem;gap:2px;grid-template-columns:4fr .3fr}.basket-img{margin:0 auto;width:60%}.close-icon{right:25px;top:80px}.div-paying{align-items:center;justify-content:center;margin-top:20px}.button-buy{margin-bottom:40px}}@media only screen and (max-width:750px){main{grid-template-columns:repeat(2,1fr);margin:60px 5px 5px;width:100vw}.header-all{display:block}.navbar{opacity:.95}.navbar-container .hamburger-lines,.navbar-container input[type=checkbox]{display:block}.navbar-container{display:block;height:64px;position:relative}.navbar-container input[type=checkbox]{display:block;height:32px;left:20px;opacity:0;position:absolute;top:20px;width:30px;z-index:5}.navbar-container .hamburger-lines{display:block;display:flex;flex-direction:column;height:26px;justify-content:space-between;left:20px;position:absolute;top:17px;width:39px;z-index:2}.navbar-container .hamburger-lines .line{background:#333;border-radius:10px;display:block;height:4px;width:100%}.navbar-container .hamburger-lines .line1{transform-origin:0 0;transition:transform .4s ease-in-out}.navbar-container .hamburger-lines .line2{transition:transform .2s ease-in-out}.navbar-container .hamburger-lines .line3{transform-origin:0 100%;transition:transform .4s ease-in-out}.search-input{width:90%}.navbar .menu-items{background:#fff;box-shadow:5px 0 10px 0 #aaa;display:flex;flex-direction:column;height:100vh;margin-left:-40px;max-width:250px;padding-left:50px;padding-top:100px;transform:translate(-150%);transition:transform .5s ease-in-out}.navbar .menu-items li{font-size:1.3rem;font-weight:500;margin-bottom:1.5rem}.navbar-container input[type=checkbox]:checked~.menu-items{transform:translateX(0)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(35deg)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}.navbar-container input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-35deg)}.product{border:none}.product-img{background-size:contain;max-height:40vh;min-height:20vh}.header-content>ul{margin:10px}.header-content{width:auto}.header-content>ul>li{font-size:1.25rem}.num-items-basket{left:30px}.basket-img{margin:0 auto;width:90%}.product-price,.product-title{font-size:1rem;text-align:center}.product-price{font-weight:700}.sub-page{display:flex;flex-direction:column;width:100vw}.sub-image-product{height:65vh;width:80vw}.sub-product-info{margin-top:10px;width:90%}.sub-home-icon{right:0;top:0}.sub-product-rating{margin-bottom:70px}.background-blur,.logo{display:none}.pay-form{grid-gap:0;align-items:center;display:grid;gap:0;height:100vh;justify-content:center;padding-top:100px;width:100vw}.div-submit{grid-column-end:3;grid-column-start:1;justify-self:center;width:100%}.form-input{width:90%}}@media only screen and (max-width:550px){main{grid-template-columns:repeat(1,1fr);margin:60px 5px 5px;width:100vw}.pay-form{grid-template-columns:1fr}.div-submit{grid-column-end:2;grid-column-start:1}}
/*# sourceMappingURL=main.14375500.css.map*/