Base Navbar
*{margin:0;padding:0;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px rgba(0,0,0,.05);position:relative;flex-wrap:wrap;position:fixed;top:0;left:0;width:100%;z-index:1000}.navbar .logo img{margin-top:5px;height:50px;width:min-content;object-fit:cover;margin-left:10px}.center{flex:1 1;display:none;flex-direction:column;align-items:center}.center .links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.center .links button{position:relative;border:none;outline:none;color:#000;background:none;font-size:12px!important;transition:color .3s ease;text-transform:uppercase;padding:4px 6px}.center .links button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ffc600;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.center .links button:hover{color:#520006}.center .links button:hover:after{transform:scaleX(1);transform-origin:left}.center .links .dropdown{position:static}.center .links .dropdown .mega-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:#ffffff;border-bottom:1px solid #ccc;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:20px 60px;justify-content:center;z-index:99;grid-gap:100px;gap:100px;display:grid;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.center .links .dropdown .mega-menu.fashion{grid-template-columns:repeat(4,auto)}.center .links .dropdown .mega-menu.shoes{grid-template-columns:repeat(5,auto)}.center .links .dropdown .mega-menu.bags{grid-template-columns:repeat(2,auto)}.center .links .dropdown .mega-menu.cosmetics{grid-template-columns:repeat(3,auto)}.center .links .dropdown .mega-menu.show,.center .links .dropdown:hover .mega-menu{opacity:1;transform:translateY(0);pointer-events:auto}.mega-menu .menu-column{padding:1rem;flex-direction:column}.mega-menu .menu-column h4{font-size:16px;font-weight:600;text-transform:uppercase;color:#ffc600;margin-top:8px;margin-bottom:5px}.mega-menu .menu-column ul{list-style:none;margin:10px 0}.mega-menu .menu-column li{margin-bottom:10px}.mega-menu .menu-column a{position:relative;margin-top:20px;font-size:15px;color:#272727;text-decoration:none;text-transform:none;transition:color .2s}.mega-menu .menu-column a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#ffc600;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.mega-menu .menu-column a:hover{color:#520006}.mega-menu .menu-column a:hover:after{transform:scaleX(1);transform-origin:left}.center .bottom-link{margin-top:5px;margin-bottom:-8px;text-transform:uppercase;text-align:center}.center .bottom-link a{position:relative;font-size:12px!important;letter-spacing:4px;color:#520006;text-decoration:none;display:inline-block}.center .bottom-link a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:#ffc600;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.center .bottom-link a:hover:after{transform:scaleX(1);transform-origin:left}.right-icon{display:flex;align-items:center;gap:14px;font-size:12px!important;gap:20px;color:#ffc600;position:relative}.right-icon button{font-size:18px}.right-icon a,.right-icon button{color:inherit;background:none;font-size:25px;border:none;cursor:pointer;transition:color .3s ease}.right-icon a:hover,.right-icon button:hover{color:#520006}.cart-count{position:absolute;top:-6px;right:-10px;background:#520006;color:#ffc600;font-size:12px;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.search-box{position:absolute;top:20px;right:0;width:260px;border-radius:6px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);animation:fadeIn .25s ease-out;z-index:100}.search-box input{width:100%;padding:10px;border:1px solid #520006;border-radius:8px;outline:none;font-size:14px;transition:border .2s ease}.search-box input:focus{border-color:#520006;box-shadow:0 0 0 2px rgba(111,66,193,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.md\:hidden{display:block;color:#ffc600;font-size:25px;background:none;border:none;cursor:pointer;transition:color .3s ease-in-out}.md\:hidden:hover{color:#520006}.menu-btn{transition:transform .4s ease}.menu-btn.rotate{transform:rotate(90deg)}.mobile-links{position:absolute;top:62px;width:100%;left:0;justify-content:center;align-items:center;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:8px;z-index:99;padding-top:10px;animation:slideDown .3s ease-out}.mobile-links .mobile button{position:relative;font-size:24px;margin-left:15px;margin-right:10px;color:#ffc600;cursor:pointer;border:none;background:none;padding:5px 0;transition:color .3s ease}.mobile-links .mobile button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform-origin:right;background:#ffc600;transform:scaleX(0);transition:transform .3s ease-out}.mobile-links .mobile button:hover{color:#520006}.mobile-links .mobile button:hover:after{transform:scaleX(1);transform-origin:left}.mobile-links .mobile a{font-size:24px;margin-right:10px;color:#ffc600;padding:0}.mobile-links a{position:relative;color:#520006;text-decoration:none;margin:5px 20px;font-size:17px;font-weight:500;padding:8px 0;border-bottom:1px solid #f3f4f6;transition:color .3s ease}.mobile-links a:last-child{border-bottom:none}.mobile-links a:hover{color:#520006}.mobile-links a:after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:2px;background:#ffc600;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.mobile-links a:hover:after{transform:scaleX(1);transform-origin:left}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.center{display:flex;flex-direction:column}.center .bottom-link a,.center .links a{font-size:20px}.md\:hidden{display:none}}@media (max-width:767px){nav>.right-icon{display:none}}@media (min-width:1024px){.center .links{gap:24px}.center .links a{font-size:15px}.center .bottom-link a{font-size:16px;letter-spacing:5px}}*{margin:0;padding:0;background-color:#ffffff;box-sizing:border-box}.footer{color:#333;border-top:1px solid #ccc;font-family:Arial,sans-serif}.footer-bar,.footer-help,.footer-top{opacity:0;transform:translateY(40px);animation:footerContentFade 1s ease-in-out forwards}.footer-help{animation-delay:.2s}.footer-top{animation-delay:.4s}.footer-bar{animation-delay:.6s}@keyframes footerContentFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.footer-help{display:flex;margin-bottom:1rem;padding:.5rem;border-bottom:1px solid #ccc;justify-content:space-around;align-items:center;flex-wrap:wrap}.footer-help h3{font-size:20px;color:#520006;font-weight:500}.faq-box{display:flex;align-items:center;color:#520006;font-weight:600;font-size:18px;margin-right:6rem}.faq-box span{margin-left:10px;font-size:16px}.footer-top{display:flex;justify-content:space-between;padding:0 6rem;flex-wrap:wrap;margin-bottom:2rem;gap:2rem}.footer-column{flex:1 1;min-width:200px;margin-right:20px}.footer-column h4{font-size:14px;color:#520006;font-weight:700;margin-bottom:1rem}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{position:relative;text-decoration:none;color:#333;font-size:13px;transition:color .3s ease}.footer-column ul li a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#ffc600;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-out}.footer-column ul li a:hover{color:#520006}.footer-column ul li a:hover:after{transform:scaleX(1);transform-origin:left}.social-icons a{position:relative;font-size:25px;padding-right:2px;margin-right:15px;color:#5a5a5a;display:inline-block;transition:transform .3s ease-in-out,color .3s ease-in-out}.social-icons a:hover{color:#520006;transform:scale(1.3)}.inputbox h5{margin-top:1rem;color:#520006;font-size:12px;margin-bottom:15px}.newsletter-input{display:flex;align-items:flex-end;cursor:pointer;gap:10px;width:240px;margin:0;border-bottom:1px solid transparent;padding-bottom:5px}.newsletter-input:focus-within{border-bottom:1px solid #520006}.input-box{position:relative;flex:1 1}.input-box label{position:absolute;left:10px;top:7px;background:transparent;font-size:14px;color:#555;transition:all .3s ease;pointer-events:none}.input-box label.active,.input-box.focused label{top:-5px;left:5px;font-size:12px;color:#520006}.input-box input{width:100%;border:none;outline:none;border-radius:30px 0 0 30px;padding:10px 5px 5px 15px;font-size:14px;color:#000}.newsletter-input button{background:#ffc600;color:#520006;border-radius:0 30px 30px 0;border:none;margin-left:-10px;padding:8.6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:.3s}.newsletter-input button:hover{background:#520006;color:#ffc600}.footer-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #ccc;flex-wrap:wrap;gap:1rem}.footer-left{display:flex;margin-left:10px;gap:40px;flex:1 1;flex-wrap:wrap}.checkout p{margin-left:4rem;color:#8f8c8c;font-size:15px}.checkout img{margin-top:6px;margin-left:4rem;max-width:160px;height:40px}.secured img{margin-top:-5px;max-width:140px;height:50px}.secured p{margin-left:1.5rem;color:#8f8c8c;font-size:15px;margin-bottom:.5rem}.footer-right{display:flex;flex-direction:row;align-items:flex-start;flex:1 1;gap:8px;text-align:left}.footer-right img.logo{height:40px;max-width:150px}.footer-right p{font-size:13px;color:#8f8c8c;line-height:1.4}@media (max-width:1024px){.footer-bar{padding:10px 1.5rem;justify-content:center}.footer-left{justify-content:center;gap:20px}.checkout img,.checkout p,.secured p{margin-left:0}.footer-right{justify-content:center;text-align:center}}@media (max-width:600px){.footer-bar{padding:15px 1rem;gap:1.5rem;text-align:center}.footer-bar,.footer-left{flex-direction:column;align-items:center}.footer-left{gap:10px}.secured p{margin-top:10px}.footer-right{flex-direction:column;align-items:center;gap:8px}.footer-right img.logo{height:35px}.footer-right p{font-size:12px;padding:0 10px}}@media (max-width:992px){.footer-help{flex-direction:column;align-items:center;gap:1rem}.footer-help h3{margin-left:0}.footer-top{padding:0 2rem;gap:2rem}}@media (max-width:576px){.footer-help{text-align:center;align-items:center}.footer-help .faq-box{margin-left:5rem;margin-top:-6px;margin-bottom:15px}.footer-top{flex-direction:column;padding:0 1rem;text-align:center}.footer-column{margin-right:0}.social-icons{text-align:center}.newsletter-input{margin-left:70px;width:70%}}