*{box-sizing:border-box;margin:0;padding:0}.navbar{background-color:#111827;border-bottom:2px solid #b4b1b1;grid-template-columns:1fr 2fr;align-items:center;padding:10px;display:grid}.Logo{color:#fff;font-family:Arial,Helvetica,sans-serif}.nav{justify-content:space-around;align-items:center;gap:60px;width:100%;display:flex}.searchBox{align-items:center;display:flex;position:relative}.search{border:1px solid #ccc;border-radius:20px;outline:none;width:250px;padding:10px 40px 10px 15px}.searchIcon{cursor:pointer;font-size:20px;position:absolute;left:10px}.nav a{text-align:center;color:#fff;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:8px 20px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.search{border:none;border-radius:5px;outline:none;width:200px;height:35px;padding-left:35px}.nav a:hover{color:#f97316;border-bottom:2px solid #f97316;transition:all .5s}.login{background-color:#f97316;border-radius:3px}.login:hover{background-color:#fff}.homepage{background-image:url(/assets/homeBg-TYUKTV2G.avif);background-position:bottom;background-repeat:no-repeat;background-size:cover;min-height:100vh}.homepage h1{color:#fff;text-align:center;padding:20px 3px;font-size:38px}.homepage p{color:#adff2f;width:480px;padding:20px}.homepage button{cursor:pointer;color:#fff;background-color:#25a57b;border:none;border-radius:25px;margin:30px;padding:15px 30px;font-size:18px;font-weight:700}.homepage button:hover{color:#000;background-color:#c4d5e3}.Productcontainer{background:url(/assets/pexels-marek-pavlik-1929759405-37269530-BZ6ec2R2.jpg) 0 0/cover no-repeat;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;display:grid}.Productcontainer h1,h2{padding:20px 10px}.Productcontainer .card{text-align:center;color:#000;background-color:#f0f8ff;border-radius:10px;padding:10px;box-shadow:0 5px 15px #00000059}.Productcontainer .card img{width:100px;height:150px}.Productcontainer .card button{background-color:#faebd7;border:none;border-radius:20px;margin:5px 0;padding:5px 10px;box-shadow:0 3px 8px #0000003d}.Productcontainer .card .removecartbtn{color:#fff;background-color:red!important}.Productnav{gap:20px;padding:10px;display:flex}.Productnav a{background-color:#29b888;border-radius:30px;align-items:center;gap:5px;padding:10px 20px;font-size:20px;text-decoration:none;display:flex}.collection{color:#fff;background:url(/assets/productBG-LtqRMN5v.jpg) 0 0/cover no-repeat;min-height:90vh}.collection .headline{text-align:center;color:#000;font-size:40px}.collection h2{color:#000;border-left:4px solid #f97316;margin:5px 20px;padding:10px 20px;font-size:26px}.box{justify-content:space-between;align-items:center;padding:10px;display:flex}.box select{background:0 0;border:none;outline:none;width:100px;height:30px;margin-right:20px;padding:2px 10px;font-size:16px;font-weight:400}.productList{text-align:center;background:#fff;min-height:70vh;padding:10px}.productList ul{flex-wrap:wrap;justify-content:space-between;gap:20px;margin:20px;padding:10px;display:flex}.productList h1{color:#f97316}.productList ul li{background-color:#00f;border-radius:10px;padding:10px 20px;font-weight:600;list-style:none}.formPage{background:linear-gradient(270deg,#a01899,#f339e0);justify-content:center;align-items:center;min-height:90vh;display:flex}.formPage form{background-color:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;width:400px;min-width:180px;height:400px;padding:25px;display:flex}.formPage form input{border:2px solid #c6c0c0;outline:none;height:28px;padding:6px}.formPage form .submitbtn{color:#fff;background-color:#873ee0;border:none;border-radius:5px;height:35px;padding:5px;font-size:18px;font-weight:600}@media (width<=600px){.navbar{flex-direction:column;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.Logo{text-align:center;width:100%;font-size:22px}.nav{justify-content:space-around;align-items:center;gap:5px;width:100%;display:flex}.nav a{gap:2px;padding:6px 5px;font-size:12px}.login{padding:6px 8px!important}}.active{color:#eff77b;font-weight:600;background:#f97316!important}.activelist{color:brown}.cartCount{color:#fff;background-color:#00f;border-radius:50%;justify-content:center;align-items:center;min-width:25px;height:25px;padding:3px 6px;font-size:14px;display:inline-flex}.app{width:100%;min-height:100vh;overflow-x:hidden}.cardPage{background:url(/assets/pexels-marek-pavlik-1929759405-37269530-BZ6ec2R2.jpg) 0 0/cover no-repeat;height:100vh;padding:20px}.cart-container{flex-flow:wrap;gap:20px;padding:20px;display:flex}.cart-container h1{color:#f97316}.cartItem{text-align:center;background-color:#a0d7ef;border:1px solid #ddd;border-radius:15px;flex-direction:column;gap:10px;width:200px;padding:15px;display:flex;box-shadow:0 5px 15px #00000059}.cartItem img{object-fit:cover;width:120px;height:150px}.cartItem h3,p{margin-bottom:10px}.cartItem button{color:#fff;background:red;border:none;border-radius:30px;padding:10px 20px;font-weight:600;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d}.emptyCart{color:#fff;font-size:30px}