@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";.slider{height:calc(100vh - 80px);width:100%;position:relative;overflow:hidden}.slider .container{width:300vw;height:100%;display:flex;transition:all 1s ease-in-out}.slider .container img{width:100vw;height:100%;object-fit:cover}.slider .icons{width:fit-content;display:flex;gap:10px;position:absolute;left:0;right:0;margin:auto;bottom:60px}.slider .icons .icon{width:50px;height:50px;border:1px solid #999;display:flex;align-items:center;justify-content:center;cursor:pointer}.feature-products{margin:100px 200px;letter-spacing:1.5px}.feature-products .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.feature-products .top h1{flex:2;text-transform:capitalize}.feature-products .top p{flex:3;color:gray}.feature-products .bottom{display:flex;justify-content:center;gap:50px}.card{display:flex;flex-direction:column;width:280px;gap:12px;margin-bottom:50px}.card .image{width:100%;height:400px;overflow:hidden;position:relative}.card .image:hover .secondImg{z-index:2}.card .image img{width:100%;height:100%;object-fit:cover;position:absolute}.card .image .mainImg{z-index:1}.card .image span{position:absolute;top:5px;left:5px;background-color:wheat;z-index:3;font-weight:500;padding:3px 5px;font-size:12px;box-shadow:3px 2px 15px #00000069}.card h2{font-size:16px;font-weight:400}.card .prices{display:flex;gap:20px}.card .prices h3{font-size:18px;font-weight:400}.card .prices h3:first-child{color:gray;text-decoration:line-through}.categories{display:flex;height:80vh;gap:10px;margin:10px}.categories .col{flex:1;display:flex;flex-direction:column;gap:10px}.categories .col-l{flex:2}.categories .row{flex:1;display:flex;gap:10px;position:relative;overflow:hidden}.categories .row img{width:100%;height:100%;object-fit:cover}.categories .row img:hover{transform:scale(1.1);transition:.15s ease-in}.categories .row button{position:absolute;width:fit-content;min-width:100px;height:50px;padding:10px;top:0;right:0;bottom:0;left:0;margin:auto;font-weight:600;border:none;cursor:pointer;background-color:#ffffff75;text-transform:uppercase}.categories .row button:hover{background-color:#fff;transition:.3s ease}.contact{background-color:#ff0a70;color:#fff;padding:15px;display:flex;justify-content:center}.contact .wrapper{display:flex;width:50%;justify-content:space-between;align-items:center}.contact .wrapper span{letter-spacing:.7px}.contact .wrapper input{border:none;padding:10px;border-radius:5px 0 0 5px;outline:none;letter-spacing:.7px}.contact .wrapper button{border:none;padding:10px;border-radius:0 5px 5px 0;background-color:#333;color:#fff;cursor:pointer}.contact .wrapper .icons{display:flex;gap:10px}.product{padding:30px 50px;display:flex;gap:50px}.product .left{flex:1;display:flex;gap:20px}.product .left .images{flex:1}.product .left .images img{width:100%;height:150px;object-fit:cover;cursor:pointer;margin-bottom:10px}.product .left .main-img{flex:5}.product .left .main-img img{width:100%;height:700px;object-fit:cover}.product .right{letter-spacing:.7px;flex:1;display:flex;flex-direction:column;gap:30px}.product .right .price{font-size:30px;color:#ff0a70;font-weight:500}.product .right p{font-size:18px;font-weight:350;text-align:justify}.product .right .quantity{display:flex;gap:10px;align-items:center}.product .right .quantity button{border:none;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.product .right .add{width:250px;padding:10px;background-color:#ff0a70;border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;font-weight:700}.product .right .add:hover{background-color:#ff4291;transition:.2s ease}.product .right .links{display:flex;gap:20px}.product .right .links .item{display:flex;align-items:center;gap:10px;color:#ff0a70;font-size:14px;cursor:pointer}.product .right hr{border:1px solid rgb(230,230,230)}.product .right .info{display:flex;flex-direction:column;color:gray;gap:10px;font-size:15px;margin-top:30px}.product .right .info hr{width:200px;border:1px solid rgb(230,230,230)}.products{padding:30px 50px;display:flex}.products .left{flex:1;position:sticky;height:100%;top:50px;letter-spacing:.7px}.products .left .filter-item{margin-bottom:30px}.products .left .filter-item h2{font-weight:400;margin-bottom:20px}.products .left .filter-item .input-item{margin-bottom:10px}.products .left .filter-item .input-item label{margin-left:10px}.products .right{flex:3}.products .right .cat-img{width:100%;height:300px;object-fit:cover;margin-bottom:50px}.list{display:flex;justify-content:space-between;flex-wrap:wrap}.cart{letter-spacing:.7px;position:absolute;display:flex;flex-direction:column;gap:25px;max-width:35rem;right:20px;top:80px;z-index:999;background-color:#fff;padding:20px;-webkit-box-shadow:0px 0px 7px -5px rgba(0,0,0,.5);box-shadow:0 0 7px -5px #00000080}.cart h1{margin-bottom:10px;color:gray;font-size:24px;font-weight:400}.cart .item{display:flex;align-items:center;margin-bottom:30px;gap:20px;width:25rem;height:8rem}.cart .item img{width:100px;height:120px;object-fit:cover}.cart .item .details h1{font-size:18px;font-weight:500}.cart .item .details p{color:gray;margin-bottom:10px;font-size:16px}.cart .item .details .price{color:#ff0a70}.cart .item .delete{color:red;font-size:30px;cursor:pointer}.cart .item .delete:hover{background-color:#ff6969;border-radius:50%;color:#252323;transition:.3s ease;padding:5px}.cart .total{display:flex;justify-content:space-between;font-weight:500;font-size:18px}.cart button{width:250px;padding:10px;background-color:#ff0a70;border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;font-weight:700}.cart button:hover{background-color:#ff4291;transition:.2s ease}.cart .reset{color:#fff;padding:5px;font-size:21px;background-color:#252323;text-align:center;cursor:pointer}.cart .reset:hover{color:red;transition:.3s ease}.navbar{height:80px;text-decoration:none}.navbar .wrapper{padding:10px 30px;display:flex;justify-content:space-between;align-items:center;letter-spacing:2px}.navbar .item{display:flex;align-items:center;font-size:18px;gap:18px}.navbar .left{display:flex;align-items:center;gap:25px}.navbar .center{font-size:30px}.navbar .right{display:flex;align-items:center;gap:25px}.navbar .icons{display:flex;gap:15px;color:#777;cursor:pointer}.navbar .cardIcon{position:relative}.navbar .cardIcon span{font-size:12px;height:20px;width:20px;background-color:#2879fe;color:#fff;border-radius:50%;position:absolute;right:-10px;top:-10px;display:flex;align-items:center;justify-content:center}.footer{margin:100px 200px 20px}.footer .top{display:flex;gap:50px}.footer .top .item{display:flex;flex:1;flex-direction:column;text-align:justify;gap:15px;letter-spacing:.5px}.footer .top .item h1{font-size:20px;font-weight:500;color:#413f3f}.footer .top .item span{color:gray;cursor:pointer}.footer .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.footer .bottom .left{display:flex;align-items:center}.footer .bottom .left .logo{color:#ff0a70;font-size:24px;font-weight:700}.footer .bottom .left .copyright{margin-left:20px;font-size:12px;color:gray}.footer .bottom .right img{height:100px}.app a{color:inherit;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Oswald,sans-serif}