.topbar{background:linear-gradient(135deg,var(--gray-900) 0%,#1a2332 100%);height:var(--topbar-height);display:flex;align-items:center;position:relative;z-index:1001;overflow:visible}.topbar-inner{display:flex;align-items:center;width:100%;position:relative}.topbar-static{display:flex;align-items:center;gap:16px;flex-shrink:0;padding-right:20px;border-right:1px solid rgba(255,255,255,.15);margin-right:20px}.topbar-static a{color:#fffc;font-size:12px;font-weight:500;display:flex;align-items:center;gap:5px;transition:color var(--transition);white-space:nowrap}.topbar-static a:hover{color:var(--orange-light)}.topbar-static svg{width:13px;height:13px;flex-shrink:0}.topbar-marquee{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,black 40px,black calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 40px,black calc(100% - 40px),transparent)}.topbar-marquee-track{display:flex;gap:60px;animation:marquee 40s linear infinite;width:max-content}.topbar-marquee-track:hover{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#ffffffd9;font-size:12.5px;font-weight:500;letter-spacing:.01em}.marquee-item .dot{width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0}.marquee-item .highlight{color:var(--orange-light);font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-left:20px;border-left:1px solid rgba(255,255,255,.15);margin-left:20px}.topbar-search-btn{width:30px;height:30px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#ffffffbf;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.topbar-search-btn:hover{color:#fff;border-color:#ffffff73;background:#ffffff14}.topbar-lang{font-size:12px;color:#ffffffb3;display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.15);transition:all var(--transition);cursor:pointer}.topbar-lang:hover{border-color:#fff6;color:#fff}.header{background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:var(--header-height);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--gray-200);transition:box-shadow var(--transition)}.header.scrolled{box-shadow:var(--shadow-lg);border-bottom-color:transparent}.header.scrolled:after{opacity:0;transform:translateY(-6px)}.header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;height:100%;gap:32px}.logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.logo-img{height:56px;width:auto;display:block;object-fit:contain}.footer-logo-img{height:72px;filter:none}.main-nav{display:flex;align-items:center;justify-self:center;gap:4px;height:100%;min-width:0;flex-wrap:nowrap}.nav-item{position:relative;height:100%;display:flex;align-items:center}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;font-size:14.5px;font-weight:600;line-height:1.2;color:var(--gray-700);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;position:relative}.nav-link:hover{color:var(--teal);background:var(--teal-bg)}.nav-link.active{color:var(--teal)}.nav-link .chevron{width:14px;height:14px;transition:transform var(--transition);opacity:.5}.nav-item:hover .chevron{transform:rotate(180deg);opacity:1}.nav-link .badge{font-size:9px;font-weight:700;background:var(--orange);color:#fff;padding:2px 6px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.megamenu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:580px;z-index:100}.nav-item:hover .megamenu{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%) translateY(0)}.megamenu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.megamenu-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer}.megamenu-item:hover{background:var(--gray-50)}.megamenu-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.megamenu-icon i{font-size:18px;line-height:1}.megamenu-icon.orange{background:var(--orange-bg);color:var(--orange)}.megamenu-icon.teal{background:var(--teal-bg);color:var(--teal)}.megamenu-content h4{font-size:14px;font-weight:700;color:var(--gray-800);margin-bottom:3px}.megamenu-content p{font-size:12.5px;color:var(--gray-500);line-height:1.45}.megamenu-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.megamenu-footer a{font-size:13px;font-weight:600;color:var(--teal);display:flex;align-items:center;gap:6px;transition:gap var(--transition)}.megamenu-footer a:hover{gap:10px}.megamenu-footer svg{width:16px;height:16px}.header-actions{display:flex;align-items:center;justify-self:end;gap:10px;flex-shrink:0;min-width:0;flex-wrap:nowrap}.header-actions .btn,.site-header-cart,.site-header-search-form{flex-shrink:0}.header-actions .btn{min-height:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;position:relative;overflow:hidden}.btn-ghost{color:var(--gray-700);background:transparent}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-outline{color:var(--teal);border:1.5px solid var(--teal);background:transparent;padding:9px 20px}.btn-outline:hover{background:var(--teal);color:#fff}.btn-primary{background:linear-gradient(135deg,var(--orange) 0%,var(--orange-dark) 100%);color:#fff;box-shadow:0 2px 8px #0054db4d}.btn-primary:hover{box-shadow:0 4px 16px #0054db66;transform:translateY(-1px)}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);border-radius:inherit}.btn svg{width:18px;height:18px}.header-search-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all var(--transition)}.header-search-btn:hover{background:var(--gray-100);color:var(--gray-700)}.header-search-btn svg{width:20px;height:20px}.hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition)}.hamburger:hover{background:var(--gray-100)}.hamburger-lines{width:22px;height:16px;position:relative}.hamburger-lines span{position:absolute;width:100%;height:2px;background:var(--gray-700);border-radius:2px;transition:all .3s ease;left:0}.hamburger-lines span:nth-child(1){top:0}.hamburger-lines span:nth-child(2){top:7px;width:70%}.hamburger-lines span:nth-child(3){top:14px}.hamburger.active .hamburger-lines span:nth-child(1){top:7px;transform:rotate(45deg)}.hamburger.active .hamburger-lines span:nth-child(2){opacity:0}.hamburger.active .hamburger-lines span:nth-child(3){top:7px;transform:rotate(-45deg)}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all var(--transition);backdrop-filter:blur(4px)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:320px;max-width:85vw;height:100vh;background:var(--white);z-index:1002;transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.mobile-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.mobile-menu-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition);color:var(--gray-500)}.mobile-menu-close:hover{background:var(--gray-100)}.mobile-menu-close svg{width:20px;height:20px}.mobile-menu-body{flex:1;padding:12px 16px 100px}.mobile-nav-item{border-bottom:1px solid var(--gray-50)}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:14px 8px;font-size:15px;font-weight:600;color:var(--gray-700);transition:color var(--transition)}.mobile-nav-link:hover{color:var(--teal)}.mobile-nav-link .chevron{width:18px;height:18px;transition:transform var(--transition);color:var(--gray-400)}.mobile-nav-item.open .mobile-nav-link .chevron{transform:rotate(180deg);color:var(--teal)}.mobile-submenu{max-height:0;overflow:hidden;transition:max-height .35s ease}.mobile-submenu-inner{padding:0 8px 12px}.mobile-submenu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:background var(--transition);font-size:14px;color:var(--gray-600);font-weight:500}.mobile-submenu-item:hover{background:var(--gray-50);color:var(--gray-800)}.mobile-submenu-item span{min-width:0;line-height:1.3}.mobile-submenu-item small{margin-top:2px;font-size:12px;color:var(--gray-500)}.mobile-submenu-item .icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.mobile-submenu-item .icon i{font-size:14px;line-height:1}.mobile-submenu-item .icon.orange{background:var(--orange-bg)}.mobile-submenu-item .icon.teal{background:var(--teal-bg)}.mobile-menu-cta{padding:16px;display:flex;flex-direction:column;gap:10px}.mobile-menu-cta .btn{width:100%;justify-content:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100vw;background:var(--white);border-top:1px solid var(--gray-200);box-shadow:0 -4px 16px #0000000f;z-index:998;display:none;padding-bottom:env(safe-area-inset-bottom,0px);overflow:visible}.bottom-nav-inner{display:flex;align-items:stretch;justify-content:space-around;height:60px;width:100%;max-width:100%;overflow:visible}.bottom-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--gray-400);font-size:10.5px;font-weight:600;transition:color var(--transition);position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:2.5px;border-radius:0 0 4px 4px;background:var(--orange);transition:transform var(--transition)}.bottom-nav-item.active{color:var(--orange)}.bottom-nav-item.active:before{transform:translate(-50%) scaleX(1)}.bottom-nav-item:hover{color:var(--teal)}.bottom-nav-item svg{width:22px;height:22px;flex-shrink:0}.bottom-nav-center{position:relative;z-index:2;overflow:visible}.bottom-nav-center .center-btn{position:relative;z-index:3;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-22px;box-shadow:0 4px 15px #0054db59;transition:all var(--transition)}.bottom-nav-center .center-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #0054db73}.bottom-nav-center .center-btn svg{width:24px;height:24px}@media(max-width:1366px)and (min-width:993px){.header-inner{gap:20px}.logo-img{height:52px}.main-nav{gap:0}.nav-link{font-size:13.5px;padding:7px 11px}.header-actions{gap:8px}.btn{padding:9px 16px;font-size:13.5px}.btn-outline{padding:8px 14px}.site-header-search-form{width:clamp(128px,14vw,180px)}.header-actions .btn{min-height:38px}}@media(max-width:1280px)and (min-width:993px){.header-inner{gap:14px}.logo-img{height:48px;max-width:150px}.nav-link{font-size:12.8px;padding:6px 8px}.header-actions{gap:6px}.btn{font-size:12.8px;padding:8px 12px}.btn svg{width:16px;height:16px}.site-header-search-form{width:40px;min-width:40px;padding:0;justify-content:center;gap:0}.site-header-search-form input{display:none}.site-header-search-form button{width:40px;height:40px}.header-actions .btn{min-height:36px}}@media(max-width:1180px)and (min-width:993px){.nav-link{font-size:12.2px;padding:6px}.btn{padding:7px 10px;font-size:12.4px}.btn svg{display:none}.header-actions{gap:5px}}@media(max-width:1024px){.header,.topbar{width:100%;max-width:100%;left:0;right:0;box-sizing:border-box}.header .container{max-width:100%;width:100%;box-sizing:border-box}.header-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px 10px;min-width:0;width:100%}.header-actions{flex:0 0 auto;min-width:0}.logo{flex:0 1 auto;min-width:0}.logo-img{max-height:48px;width:auto;max-width:min(180px,48vw);object-fit:contain}}@media(max-width:992px){.main-nav{display:none}.hamburger{display:flex}.header-actions .btn-outline,.header-actions .btn-ghost,.header-actions .btn-primary,.topbar-search-btn{display:none}}@media(max-width:768px){.topbar .container,.header .container{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.topbar-inner{min-width:0}.topbar-marquee{flex:1 1 0;min-width:0}.header-actions{gap:6px}.header-search-btn,.hamburger{width:36px;height:36px}}@media(max-width:480px){.header .container{padding-top:8px;padding-bottom:8px}.header-inner,.header-actions{gap:4px}}.bottom-nav-item{color:#475569}.bottom-nav-item.active{color:#c2410c}.bottom-nav-item:hover{color:#0f766e}.header .header-actions .auth-login-btn,a.btn-outline.auth-login-btn{color:#0f766e;border-color:#0f766e}.header .header-actions .auth-login-btn:hover,a.btn-outline.auth-login-btn:hover{background:#0f766e;color:#fff}