.navbar-wrapper{position:sticky;top:0;z-index:100;width:100%;box-shadow:0 4px 12px #00000014}.main-navbar{background-color:#061434;color:#fff;padding:12px 0}.main-navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:0;margin-left:0;flex-shrink:0}.brand-logo{width:auto;height:auto;background:none;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.brand-logo-img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;border-radius:50%;padding:3px;box-sizing:border-box}.brand-text{display:flex;flex-direction:column;gap:4px}.brand-name{color:#ffc727;font-size:16px;font-weight:700}.brand-tagline{color:#ffffffb3;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.navbar-center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:280px;max-width:680px;margin:0 auto}.search-area{position:relative;width:100%;max-width:600px;min-width:280px}.search-bar{width:100%;background-color:#f5f5f5;border-radius:999px;border:none;padding:9px 18px 9px 40px;color:#061434;font-size:13px}.search-bar:focus{outline:none;box-shadow:0 0 0 3px #ffc72759}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a8a8a;font-size:14px}.category-strip{width:100%;display:flex;justify-content:center;padding-top:4px}.category-nav{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.category-nav .nav-link{color:#dcdcdc;font-weight:500;font-size:13px;text-decoration:none;padding:4px 0;transition:color .2s ease;white-space:nowrap}.category-nav .nav-link:hover,.category-nav .nav-link.active{color:#ffc727!important}.nav-separator{color:#dcdcdc;font-weight:300;margin:0 4px;font-size:13px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0;margin-left:16px;padding-right:0;height:40px}.action-button{color:#fff;font-size:17px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:#ffffff14;transition:background-color .2s ease,color .2s ease,transform .2s ease;position:relative}.action-button:hover{color:#ffc727;background-color:#ffc72726;transform:translateY(-2px)}.cart-badge{position:absolute;top:-5px;right:-5px;background-color:#ffc727;color:#061434;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;min-width:20px}.profile-icon-btn{font-size:20px;color:#fff;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background-color:#ffffff14;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.profile-icon-btn:hover{color:#ffc727;background-color:#ffc72726;transform:translateY(-2px)}.profile-popup{position:fixed;top:110px;right:24px;background-color:#0f1f46;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000059;min-width:280px;display:none;z-index:120}.profile-popup.show{display:block}.profile-popup-content{padding:20px}.profile-header{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-avatar{width:48px;height:48px;border-radius:50%;background-color:#ffc727;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#061434}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{color:#fff;font-weight:600;font-size:14px}.profile-email{color:#ffffffa6;font-size:12px}.profile-menu{padding-top:12px;display:flex;flex-direction:column}.profile-menu-item,.profile-logout-form button{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#dcdcdc;text-decoration:none;font-size:13px;border:none;background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease;width:100%;text-align:left}.profile-menu-item i,.profile-logout-form button i{width:18px}.profile-menu-item:hover,.profile-logout-form button:hover{background-color:#ffc7271a;color:#ffc727}.profile-logout-form{margin:0;width:100%}@media (max-width: 992px){.main-navbar-inner{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}}@media (max-width: 600px){.main-navbar{padding:16px}.category-nav{gap:20px}}