.header{background-color:#fff;font-family:var(--font-navmenu);height:140px;display:flex}.header .container{display:flex;justify-content:space-between;align-items:center;padding:46px 32px}.header .container .header-nav.desktop-nav{display:flex;align-items:center;gap:10px}.header .container .header-nav.desktop-nav a{text-decoration:none}.header .container .header-nav.desktop-nav .header-nav-item{background-color:#fff;border:1px solid rgba(0,0,0,0);border-radius:9999px;padding:6px 16px;text-decoration:none;color:#1e2a3b;display:inline-block}.header .container .header-nav.desktop-nav .header-nav-item:hover{border-color:#d0d5dd}.header .container .header-nav.desktop-nav .header-nav-item.active{border-color:#d0d5dd;font-weight:500}.header .container .header-center{position:absolute;left:50%;transform:translateX(-50%)}.header .container .header-center .logo{height:auto;max-height:100px}.header .container .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;z-index:4}.header .cart-button-container{position:relative}.header .cart-button-container .cart-button{display:flex;align-items:center;gap:8px;background-color:#fff;border:1px solid #d0d5dd;border-radius:9999px;padding:8px 13px;cursor:pointer}.header .cart-button-container .cart-button .cart-price{color:#1e2a3b;font-weight:400}.header .cart-button-container .cart-button .fa-cart-shopping,.header .cart-button-container .cart-button svg{width:20px;height:20px;stroke:#1e2a3b}.header .cart-button-container .cart-badge{position:absolute;top:-6px;right:-6px;background-color:#e63946;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.header .mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:10vh;background-color:#fff;z-index:-1;display:flex;flex-direction:column;padding-top:80px;transition:opacity .2s ease-in-out,height .2s ease-in-out;opacity:0}.header .mobile-menu-overlay .header-nav.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.header .mobile-menu-overlay .header-nav.mobile-nav img.logo{margin-bottom:20px}.header .mobile-menu-overlay .header-nav.mobile-nav a{text-decoration:none}.header .mobile-menu-overlay .header-nav.mobile-nav .header-nav-item{width:80%;text-align:center;color:#1e2a3b;background-color:#fff;border:1px solid rgba(0,0,0,0);border-radius:9999px;padding:6px 16px;text-decoration:none}@media(max-width:768px){.header{height:auto;display:block}.header .container{padding:16px;min-height:90px}.header .container .header-center .logo{max-height:50px}.header .container .header-nav.desktop-nav{display:none}.header .container .mobile-menu-toggle{display:block;position:absolute;right:16px}.header .mobile-menu-overlay.active{height:100vh;z-index:3;opacity:1}}@media(max-width:480px){.header .container{padding:12px}}.header+.hero{border-top-left-radius:0;border-top-right-radius:0}.user-info{position:relative}.user-info .user-icon{cursor:pointer;width:40px;height:40px;border-radius:50%}.user-info .dropdown-menu{position:absolute;top:115%;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;min-width:200px}.user-info .dropdown-menu .menu-arrow{border-bottom:6px solid #ddd;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);width:0;height:0;position:absolute;top:-7px;right:13px}.user-info .dropdown-menu .welcome-message{padding:12px 16px;border-bottom:1px solid #eee;font-weight:600}.user-info .dropdown-menu .menu-item{display:block;padding:12px 16px;text-decoration:none;color:#000;transition:background-color .2s}.user-info .dropdown-menu .menu-item:hover{background-color:#f5f5f5}.user-info .dropdown-menu .logout-button{border-top:1px solid #eee;padding:12px 16px;text-decoration:none;color:#000;cursor:pointer}.user-info .dropdown-menu .logout-button:hover{background-color:#f5f5f5}