.customer-navbar{background:var(--color-primary);z-index:1000;box-sizing:border-box;align-items:center;width:100%;height:84px;display:flex;position:relative}.customer-nav-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1240px;height:100%;margin:0 auto;padding:0 20px;display:flex}.nav-logo{flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}.nav-logo a{align-items:center;text-decoration:none;display:flex}.nav-logo img{object-fit:contain;width:105px;height:auto;display:block}.customer-nav-links{justify-content:center;align-items:center;gap:46px;margin:0;padding:0;list-style:none;display:flex}.customer-nav-links li{margin:0;padding:0;position:relative}.customer-nav-links li a{color:#fff;font-size:15px;font-weight:700;line-height:1;text-decoration:none;transition:color .2s,opacity .2s}.customer-nav-links li a:hover,.customer-nav-links li.active a{color:#d8e3ff}.customer-nav-links li.active:after{content:"";background:#f5b623;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.customer-nav-right{flex-shrink:0;align-items:center;gap:28px;display:flex}.nav-action{color:#fff;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;transition:color .2s,opacity .2s;display:flex}.nav-action:hover,.nav-action.active{color:#d8e3ff}.nav-circle-icon{color:#fff;box-sizing:border-box;border:1.8px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex;position:relative;overflow:visible}.nav-circle-icon i{justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.nav-action-text{color:inherit;line-height:1;display:inline-block}.nav-cart-icon{position:relative;overflow:visible}.nav-cart-badge{color:#fff;box-sizing:border-box;z-index:20;pointer-events:none;background:#ff1a1a;border:2px solid #28456f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;line-height:1;display:flex;position:absolute;top:-12px;right:-12px;box-shadow:0 2px 6px #00000040}.nav-cart-badge:has(*){min-width:22px}.nav-action:hover .nav-circle-icon{border-color:#d8e3ff}.nav-action:hover .nav-circle-icon i{color:#d8e3ff}@media screen and (width<=1100px){.customer-nav-container{padding:0 24px}.customer-nav-links{gap:28px}.customer-nav-right{gap:18px}.customer-nav-links li a,.nav-action{font-size:14px}.nav-logo img{width:95px}}@media screen and (width<=900px){.customer-navbar{height:auto;min-height:80px}.customer-nav-container{flex-wrap:wrap;row-gap:15px;padding:15px 20px}.nav-logo{order:1}.customer-nav-right{order:2;margin-left:auto}.customer-nav-links{order:3;justify-content:center;gap:35px;width:100%;padding-bottom:5px}}@media screen and (width<=650px){.customer-nav-container{padding:12px 15px}.nav-logo img{width:85px}.customer-nav-right{gap:13px}.nav-action{gap:5px;font-size:12px}.nav-circle-icon{width:23px;height:23px}.nav-circle-icon i{font-size:12px}.nav-cart-badge{width:20px;height:20px;font-size:10px;top:-10px;right:-10px}.customer-nav-links{gap:20px}.customer-nav-links li a{font-size:12px}}@media screen and (width<=480px){.customer-nav-right{gap:10px}.nav-action-text{display:none}.nav-circle-icon{width:27px;height:27px}.customer-nav-links{justify-content:space-between;gap:10px}.customer-nav-links li a{font-size:11px}}