*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}.landingpage{width:100%;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;background:url(https://images.pexels.com/photos/2387532/pexels-photo-2387532.jpeg);background-repeat:no-repeat;background-position:center;background-size:cover}.landingpage .formbox-con{width:70vw;max-width:650px;padding:10px;background:#3e3d3d68;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px}.landingpage .formbox-con .head{height:6vh;display:flex;justify-content:space-around;align-items:center;border-radius:12px}.landingpage .formbox-con .head h2{color:#fff;padding:5px}.landingpage .formbox-con .head .btn{width:130px;height:45px;border:1px solid white;border-radius:22px;position:relative;overflow:hidden}.landingpage .formbox-con .head .btn button{position:absolute;width:65px;height:100%;border-radius:22px;border:none;font-size:14px;font-weight:600;background:#161515;color:#fff;transition:.3s ease}.landingpage .formbox-con .head .left{left:0}.landingpage .formbox-con .head .right{left:65px}.landingpage .formbox-con h1{font-size:40px;font-weight:600;padding:10px;color:#fff}.landingpage .formbox-con .formbox{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10px 20px;margin-top:20px;border:2px solid rgb(249,247,247);border-radius:12px}.landingpage .formbox-con .formbox form{width:100%;display:flex;gap:20px;padding:20px;justify-content:center;flex-direction:column}.landingpage .formbox-con .formbox form input{position:relative;width:100%;padding:12px 60px 12px 12px;border-radius:5px;border:1px solid rgb(123,119,119);font-size:1rem;font-weight:600;color:#fff;background:transparent}.landingpage .formbox-con .formbox form input::placeholder{color:#fff}.landingpage .formbox-con .formbox form .password-box{position:relative;width:100%}.landingpage .formbox-con .formbox form .password-box input{width:100%;padding:12px 60px 12px 12px}.landingpage .formbox-con .formbox form .password-box .icon{position:absolute;right:10px;top:51%;transform:translateY(-50%);cursor:pointer;color:#bab2b2;transition:.3s}.landingpage .formbox-con .formbox form .password-box .icon:hover{color:#fff}.landingpage .formbox-con .formbox form button{display:flex;justify-content:center;margin:auto;width:200px;padding:10px 20px;border-radius:22px;background:#282829fe;color:#fff;font-size:large;font-weight:600;transition:all .3s ease-in-out}.landingpage .formbox-con .formbox form button:hover{box-shadow:4px 4px 16px gray;cursor:pointer}.landingpage .formbox-con .formbox a{text-decoration:underline;color:#a844ef;font-weight:600;transition:all .3s}.landingpage .formbox-con .formbox a:hover{text-decoration:none;color:#bab2b2}.password-box{position:relative;width:100%}.password-box input{width:100%;padding:10px 40px 10px 10px}.icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#555;display:flex;align-items:center;transition:.3s}.icon:hover{color:#000;transform:translateY(-50%) scale(1.1)}input{padding-right:40px}.Mynavbar{width:100%;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100}.logo img{width:55px;height:55px;border-radius:50%;object-fit:cover;transition:.3s ease}.logo img:hover{transform:scale(1.05)}.links ul{display:flex;gap:25px;list-style:none;padding:10px 25px;border-radius:50px;background:#f4f4f4}.links ul li a{text-decoration:none;color:#222;font-weight:600;font-size:15px;padding:8px 14px;border-radius:20px;transition:.3s ease}.links ul li a:hover{background:#000;color:#fff;transform:translateY(-3px)}.links ul li a.active{background:#000;color:#fff}.logout{display:flex;justify-content:center;align-items:center;gap:25px}.Cart{padding:1vh;border:none;background:#111;color:#fff;border-radius:16px;cursor:pointer;font-size:14px;transition:.3s}.Cart:hover{background:#333;transform:scaleX(1.05)}.bn9{padding:2px;outline:0;font-size:17px;color:#000;background:linear-gradient(to right,#fdde5c,#f8ab5e,#f56a62,#a176c8,#759beb,#65beb3,#70db96);border-radius:30px;border:0;box-shadow:none;cursor:pointer}.bn9>span{display:block;padding:10px 40px;font-size:17px;font-weight:600;background:#fff;border-radius:30px}.hamburger{display:none;font-size:26px;cursor:pointer}@media(max-width:1000px){.links{position:absolute;top:70px;left:0;width:100%;max-height:0;overflow:hidden;transition:max-height .4s ease}.links ul{flex-direction:column;padding:20px 0;gap:20px;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;background:#fff;border-bottom:1px solid #222}.links.active{max-height:400px}.hamburger{display:block;border-radius:2px}}.hero{height:92vh;background:url(/assets/HeroSection-XHSEm6x2.png) center/cover no-repeat;display:flex;align-items:center;padding-left:10%;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#f9f6f1d9,#f9f6f199,#f9f6f133)}.hero-content{position:relative;max-width:500px;animation:fadeUp 1.2s ease forwards;opacity:0}.hero-content h1{font-family:Playfair Display,serif;font-size:4rem;font-weight:400;letter-spacing:1px}.hero-content p{margin:20px 0;font-size:1.1rem;color:#555}.hero-content button{padding:14px 40px;border:none;border-radius:12px;background:#a67c52;color:#fff;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:.4s ease}.hero-content button:hover{background:#8c633f}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:Playfair Display,serif;text-align:center;font-size:2.3rem;font-weight:600;margin-bottom:60px;letter-spacing:1px;animation:fromLeft linear;animation-timeline:view();animation-range:0% 40%}@keyframes fromLeft{0%{transform:translate(-500px);opacity:0}to{transform:translate(0);opacity:1}}.categories{padding:120px 10%;background:#f4efe8}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.category-card{height:320px;border-radius:24px;overflow:hidden;display:flex;align-items:flex-end;padding:30px;position:relative;transition:.6s ease}.category-card:before{content:"";position:absolute;inset:0;background:#00000059;transition:.6s ease}.category-card span{position:relative;z-index:2;color:#fff;font-size:1.6rem;letter-spacing:2px;transition:.6s ease}.category-card:hover{transform:scale(1.03)}.category-card:hover:before{background:#0003}.category-card:hover span{transform:translateY(-10px)}.category-card.men{background:url(/assets/image--7W_m6jU.png) top/cover no-repeat}.category-card.women{background:url(/assets/image%20copy-C-1caBiS.png) center/cover no-repeat}.category-card.jewellery{background:url(/assets/image%20copy%202-C7MFUDl0.png) center/cover no-repeat}.category-card.accessories{background:url(/assets/image%20copy%203-DNY4VjE-.png) center/cover no-repeat}.featured{padding:120px 10%}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}.product-card{background:#fff;border-radius:22px;padding:25px;text-align:center;transition:.5s ease;box-shadow:0 15px 35px #0000000d;position:relative;overflow-x:hidden;border:1px solid rgb(0,0,0)}.product-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px #0000001a}.product-card:hover h3{scale:1.07}.product-card img{width:100%;height:320px;object-fit:contain;border-radius:18px}.product-card h3{margin:20px 0 10px;font-weight:600;transition:.5s ease}.product-card p{color:#a67c52;font-weight:600;margin-bottom:15px}.product-card button{padding:10px 25px;border:1px solid #a67c52;border-radius:12px;background:transparent;color:#a67c52;cursor:pointer;transition:.4s ease}.product-card button:hover{background:#a67c52;color:#fff}.promo{padding:150px 10%;text-align:center;background:#1c1c1c;color:#fff}.promo h2{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:400}.promo button{margin-top:30px;padding:14px 40px;background:#a67c52;border:none;border-radius:12px;color:#fff;cursor:pointer}.footer{background:#111;color:#ddd;padding:60px 10% 20px}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}.foot-box h3{margin-bottom:15px;font-size:1.2rem;color:#fff}.foot-box p{font-size:.9rem;line-height:1.6}.foot-box ul{list-style:none;padding:0}.foot-box ul li{margin-bottom:8px;cursor:pointer;transition:.3s}.foot-box ul li:hover{color:#fff;transform:translate(5px)}.socials{margin-top:10px;display:flex;gap:12px}.socials span{cursor:pointer;font-size:.9rem;transition:.3s}.socials span:hover{color:#fff}.footer-bottom{margin-top:40px;border-top:1px solid #333;padding-top:15px;text-align:center;font-size:.85rem}.Product-Con{top:50px;width:100%;min-height:100vh;padding:40px;background:#f8f9fa;box-sizing:border-box}.Product-Con .category-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:15px}.Product-Con .category-list li{position:relative;padding:10px 20px;border-radius:30px;border:1.5px solid #434242;cursor:pointer;font-weight:600;font-size:14px;overflow:hidden;z-index:0;transition:.3s ease}.Product-Con .category-list li{text-align:center;flex:1 1 auto}.Product-Con .category-list li:before{content:"";position:absolute;inset:0;width:100%;background:#000;z-index:-1;transition:transform .2s linear}.Product-Con .category-list li:nth-child(odd):before{transform:translateY(100%)}.Product-Con .category-list li:nth-child(2n):before{transform:translateY(-100%)}.Product-Con .category-list li:hover:before{transform:translateY(0)}.Product-Con .category-list li:hover{transform:translateY(-2px);color:#fff}.Product-Con .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:50px}.Product-Con .product-grid .products-card{background:#fff;border-radius:18px;padding:20px;border:1px solid black;text-align:center;display:flex;flex-direction:column;justify-content:space-between;gap:10px;cursor:pointer;transition:all .3s ease}.Product-Con .product-grid .products-card:hover img{transform:scale(1.1)}.Product-Con .product-grid .products-card img{height:180px;object-fit:contain;margin-bottom:15px;transition:transform .3s ease-in}.Product-Con .product-grid .products-card h3{font-size:16px;overflow:hidden}.Product-Con .product-grid .price{margin-top:10px;font-weight:600;font-size:18px;color:#111}.Product-Con .product-grid .card-btn{display:flex;align-items:center;justify-content:space-around;gap:10px}.Product-Con .product-grid .card-btn button{border:.5px solid black;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease-in-out}.Product-Con .product-grid .card-btn button:nth-last-child(1):hover{background:red}.Product-Con .product-grid .card-btn button:hover{background:#000;color:#fff;box-shadow:4px 3px 8px #302f2f}.viewmore{position:relative;max-width:1150px;margin:40px auto;padding:60px 40px;background:#d8d2c2;border-radius:32px}.Exit{position:absolute;top:20px;left:20px;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .3s ease}.Exit:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0003;opacity:.6}.viewmore .title h1{text-align:center;font-size:40px;font-weight:600;letter-spacing:-.5px;margin-bottom:50px}.viewmore-con{display:flex;align-items:center;justify-content:center;gap:80px}.image{flex:1;display:flex;justify-content:center}.image img{width:100%;max-width:500px;object-fit:contain;transition:transform .4s ease}.viewmore-con:hover .image img{transform:scale(1.05)}.details{flex:1;display:flex;flex-direction:column;gap:25px}.details h2{font-size:32px;font-weight:600}.rating{font-size:18px;display:flex;align-items:center;gap:8px}.rating-value{background:#000;color:#fff;padding:5px 12px;border-radius:20px;font-size:14px}.Reviews{color:#888;font-size:14px}.details .para{line-height:1.8;color:#555;max-width:450px}.details .para h4{color:#000}.buy-btn{margin-top:20px;padding:14px 30px;border-radius:30px;border:none;background:#000;color:#fff;font-weight:900;cursor:pointer;transition:.3s ease}.buy-btn:hover{background:#333}@media(max-width:768px){.viewmore-con{flex-direction:column;text-align:center;gap:40px}.details{align-items:center}.details .para{max-width:100%}.viewmore .title h1{font-size:28px}}.addproducts-con{display:flex;margin:40px auto;flex-direction:column;align-items:center;justify-content:center;gap:20px}.addproducts-con h1{font-size:8vw;font-weight:600}.addproducts-con::selection{color:#fff;background:#000}.addProducts form{border:1px solid black;padding:20px 30px;border-radius:10px;min-width:350px;width:40vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;margin-top:30px}.addProducts input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.addProducts input:focus{border-color:#000;outline:none}.addProducts input::placeholder{color:#999;font-weight:600}.addProducts button{display:flex;border-radius:12px;font-weight:600;padding:10px 20px;background-color:#000;color:#fff}.addProducts button:hover{box-shadow:4px 4px 12px gray}.userstable-con{width:80%;margin:60px auto;padding:30px;border-radius:16px;box-shadow:0 10px 30px #00000014}.usersTable table{width:100%;border-collapse:collapse;border:2px solid black;border-radius:32px;overflow:hidden;text-align:center}.usersTable thead{background:linear-gradient(135deg,#111,#333);color:#fff;border:2px solid rgb(255,255,255)}.usersTable th{padding:16px;font-size:.95rem;letter-spacing:1px}.usersTable td{padding:14px;font-size:.95rem;color:#444;border-bottom:none}.usersTable tbody tr{transition:all .25s ease}.usersTable tbody tr:hover{background:#f1f1f1;transform:scale(1.01)}.password-cell{display:flex;align-items:center;justify-content:space-evenly;gap:10px}.eye-icon{cursor:pointer;display:flex;align-items:center;color:#666;transition:all .3s ease}.eye-icon:hover{color:#000;transform:scale(1.2)}.delete-icon{color:#c0392b;cursor:pointer;transition:.25s;text-align:center}.delete-icon:hover{transform:scale(1.2);color:#ff3b3b}.users-con{display:flex;margin:40px auto;flex-direction:column;align-items:center;justify-content:center;gap:20px}.users-con h1{font-size:6vw;font-weight:600}.users-con h1::selection{color:#fff;background:#000}.adduser-form form{border:1px solid black;padding:20px 30px;border-radius:10px;min-width:350px;max-width:500px;width:40vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;margin-top:30px}.adduser-form input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.adduser-form input:focus{border-color:#000;outline:none}.adduser-form input::placeholder{color:#999;font-weight:600}.adduser-form input:focus::placeholder{color:#555}.adduser-form button{display:flex;border-radius:12px;font-weight:600;padding:10px 20px;background-color:#000;color:#fff}.adduser-form button:hover{box-shadow:4px 4px 12px gray}.myCart-con{width:80%;margin:40px auto;display:flex;align-items:flex-end;flex-direction:column;justify-content:center;gap:15px}.myCart-con h3{margin-right:130px}.myCart-con table thead{font-weight:600;background:#333;color:#fff}.myCart-con table tbody td,.myCart-con table thead td{text-align:center;padding:2vh}.myCart-con table{border-collapse:collapse;width:100%}.myCart-con table td{border:1px solid #383535}.myCart-con .image img{width:60px;height:60px;object-fit:contain}.delete-icon{cursor:pointer;color:#444;transition:all .3s ease}.delete-icon:hover{color:red;transform:scale(1.2)}.quantity{display:flex;align-items:center;justify-content:center;gap:25px}.quantity .box{display:flex;align-items:center;justify-content:center;gap:5px}.quantity button{width:30px;height:30px;border:none;background:#111;color:#fff;font-size:18px;font-weight:700;border-radius:6px;cursor:pointer;transition:.2s}.quantity button:hover{background:#333;transform:scale(1.05)}.quantity span{min-width:30px;text-align:center;font-size:16px;font-weight:600}.empty-cart{padding:40px;text-align:center}.empty-cart h2{margin-bottom:20px;font-size:26px;color:#444}.shop-btn{padding:10px 20px;font-size:large;border:none;background:#111;color:#fff;border-radius:6px;cursor:pointer;transition:.3s}.shop-btn:hover{background:#333;transform:scaleX(1.1)}.vline{width:2px;height:50px;background:#000;border:none}