@import"https://fonts.googleapis.com/css2?family=Charmonman:wght@400;700&family=Itim&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";.navbar{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.navbar .logo{width:250px;cursor:pointer}.navbarMenu{display:flex;list-style:none;gap:20px;font-size:18px;color:#3b3b3b}.navbarRight{display:flex;align-items:center;gap:40px}.navbar button{background:transparent;font-size:15px;color:#3b3b3b;border:1px solid #2c4980;padding:10px 30px;border-radius:50px;cursor:pointer;transition:ease-in-out .3s}.navbar button:hover{background:#fc003280}.navbar .active{padding-bottom:2px;border-bottom:2px solid #3b3b3b}.navbar li{cursor:pointer}.navbarSearchicon{position:relative}.navbarSearchicon .dot{position:absolute;min-width:10px;min-height:10px;background:#dc143c;border-radius:5px;top:-8px;right:-8px}@media screen and (max-width: 1050px){.navbar .logo{width:140px}.navbarMenu{gap:20px;font-size:17px}.navbarRight{gap:30px}.navbarRight img{width:22px}.navbarRight button{padding:8px 25px}}@media screen and (max-width: 900px){.navbar .logo{width:120px}.navbarMenu{gap:15px;font-size:15px}.navbarRight{gap:20px}.navbarRight img{width:20px}.navbarRight button{padding:6px 20px;font-size:15px}}@media screen and (max-width: 750px){.navbarMenu{display:none}}.header{height:35vw;margin:30px auto;background:url(/header_img.jpg) no-repeat;background-size:cover;position:relative;border-radius:15px;background-position:center}.headerContent{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:5vw;animation:fadeIn 3s}span{text-transform:capitalize;color:#dc143c;font-family:itim}.headerContent h2{font-weight:500;color:#3b3b3b;font-size:max(4.5vw,22px)}.headerContent p{color:#3b3b3b;font-size:1vw;font-weight:500}.headerContent button{border:none;color:#fff;font-weight:500;padding:1vw 2.3vw;background:#fc003280;font-size:max(1vw,13px);border-radius:50px;cursor:pointer;transition:ease-in-out .3s}.headerContent button:hover{background:#dc143c}@media screen and (max-width: 1050px){.headerContent{max-width:45%}}@media screen and (max-width: 750px){.header{height:20dvh}.headerContent{max-width:60%}.headerContent p{display:none}.headerContent button{padding:1vw 2vw}}.categories{display:flex;flex-direction:column;gap:20px}.categoriesMenu h1{color:#3b3b3b;font-weight:500}.categoriesText{max-width:60%;color:#404040;font-weight:500;font-size:1.11vw}.categoriesList{display:flex;justify-content:space-between;text-align:center;align-items:center;gap:30px;margin:20px 0;overflow-x:scroll}.categoriesList::-webkit-scrollbar{display:none}.categoriesListitems img{width:7.5vw;min-width:90px;min-height:135px;border-radius:50%;cursor:pointer;transition:.2s}.categoriesListitems p{margin-top:10px;color:#3b3b3b;font-size:max(1.3vw,16px)}hr{margin:10px 0;height:2px;background-color:#e2e2e2;border:none}.categoriesListitems .active{border:4px solid #FC003280;padding:2.5px}@media screen and (max-width: 1050px){.categoriesText{max-width:100%;font-size:14px}}@media screen and (max-width: 750px){.categoriesListitems img{width:4.5vw;min-height:100px}}.ShoeDisplay{margin-top:35px}.ShoeDisplay h2{font-size:max(1.8vw,25px);font-weight:700}.ShoeList{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));row-gap:50px;gap:50px;margin-top:30px}.Shoes{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.shoesImg{border-radius:15px 15px 0 0;width:100%}.shoesInfo{padding:20px}.shoesRating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shoesRating p{font-size:20px;font-weight:500}.shoesRating img{width:70px}.shoesDescription{font-size:17px;color:#404040}.shoesPrice{color:#fc003280;font-size:27px;font-weight:700;margin:10px 0}.shoesImageCont{position:relative}.shoesImageCont .add{width:45px;position:absolute;bottom:25px;right:15px;border-radius:50%;cursor:pointer}.shoeCount{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:8px;border-radius:50px;background:#fff}.shoeCount img{width:35px;cursor:pointer}.AppDownload{margin:100px auto auto;font-size:max(3vw,20px);text-align:center;font-weight:500}.AppPlatforms{display:flex;justify-content:center;margin-top:35px;gap:max(2vw,10px)}.AppPlatforms img{width:max(30vw,120px);max-width:180px;transition:.5s;cursor:pointer}.AppPlatforms img:hover{transform:scale(1.1)}.cart{margin-top:50px}.cartItemsTitle{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr .5fr;align-items:center;color:gray;font-size:max(1.2vw,14px)}.cartItemsitem{margin:10px 0;color:#080707}.cartItemsitem img{width:70px}.cart hr{height:1px;background:#e2e2e2;border:none}.cartItemsitem .remove{cursor:pointer}.cartBottom{display:flex;justify-content:space-between;gap:max(13vw,22px);margin-top:70px}.cartTotal{flex:1;display:flex;flex-direction:column;gap:20px}.cartTotalDetails{display:flex;justify-content:space-between;color:#555}.cartTotal hr{margin:10px 0}.cartTotal button{border:none;color:#fff;background:#e90835;width:max(18vw,200px);padding:13px 0;border-radius:5px;cursor:pointer}.promocode{flex:1}.promocode p{color:#555}.promocodeInput{margin-top:10px;display:flex;justify-content:space-between;align-items:center;background-color:#eaeaea;border-radius:5px}.promocodeInput input{outline:none;border:none;background:transparent;padding-left:10px}.promocodeInput button{width:max(10vw,150px);padding:13px 7px;background:#333030;color:#fff;border:none;border-radius:0 5px 5px 0;cursor:pointer}@media (max-width:750px){.cartBottom{flex-direction:column-reverse}.promocode{justify-content:start}.cartItemsitem img{width:60px}}.Order{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:50px;margin-top:50px}.Order p,h2{color:#000}.orderLeft{width:100%;max-width:max(30%,500px)}.orderLeft .title{font-size:30px;font-weight:600;margin-bottom:50px}.orderLeft input{width:100%;margin-bottom:15px;padding:10px;border:1px solid #c5c5c5;border-radius:5px;outline:crimson}.orderLeft .fields{display:flex;gap:10px}.orderRight{width:100%;max-width:max(40%,500px)}.orderRight .cartTotal button{margin-top:30px}@media screen and (max-width: 750px){.Order{flex-direction:column}.orderRight .cartTotal button{width:25dvh;align-self:center}}.footer{color:#d9d9d9;background:#323232;margin-top:100px;display:flex;flex-direction:column;align-items:center;padding:50px 0 20px;gap:20px}.footerContent{width:90%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:90px}.footerLeft img{width:300px}.footerSocials img{width:40px;cursor:pointer;margin-right:15px}.footerLeft,.footerRight,.footerCenter{display:flex;flex-direction:column;align-items:start;gap:20px}.footerLeft li,.footerRight li,.footerCenter li{list-style:none;margin-bottom:10px;cursor:pointer}.footerRight h2,.footerCenter h2{color:#fff}.footer hr{width:90%;height:2px;margin:20px 0;background-color:gray;border:none}@media screen and (max-width: 750px){.footerContent{display:flex;flex-direction:column;gap:35px}.copyright{text-align:center}}@media only screen and (min-width: 768px) and (max-width: 1024px){.footerContent{gap:25px}}.login{z-index:1;width:100%;height:100%;position:absolute;background-color:#00000090;display:grid}form{place-self:center;width:max(28vw,350px);color:gray;background:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:15px;animation:fadeIn .5s}.loginTitle{display:flex;justify-content:space-between;align-items:center;color:#000}.loginTitle img{cursor:pointer;width:18px}.loginInput{display:flex;flex-direction:column;gap:20px}.loginInput input{outline:none;border:1px solid #c9c9c9;padding:10px;border-radius:5px}form button{padding:10px;border:none;border-radius:5px;background-color:#dc143c;color:#fff;font-size:18px;cursor:pointer}.loginCondition{align-items:start;display:flex;gap:10px;margin-top:-10px}.loginCondition input{margin-top:4px}.login p span{cursor:pointer;font-weight:500}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:nunito,poppins,sans-serif;min-height:100vh}a{text-decoration:none;color:inherit}.app{width:90%;margin:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}