/* One consistent light navigation surface on every product page. */
.site-header { position:relative; z-index:1030; padding:18px 24px; background:#f0ecf8; border-bottom:1px solid #e5dff0; }
#mainNav { padding:0; }
#mainNav .nav-shell { min-height:76px; padding:0 22px; border:1px solid #e4dfed; border-radius:20px; background:#fff; box-shadow:0 8px 26px #38255d0a; }
#mainNav .navbar-brand { display:flex; align-items:center; gap:11px; padding:0; margin-right:30px; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; background:#6c47e8; color:#fff; border-radius:12px; font-size:17px; transform:rotate(-7deg); }
.brand-wordmark { font-size:25px; font-weight:800; letter-spacing:-1.4px; color:#211b35; }
.brand-wordmark > span { color:#8061eb; }
#mainNav .navbar-nav { gap:4px; }
#mainNav .nav-link { font-size:13px; font-weight:650; color:#676078; padding:10px 13px; border-radius:10px; transition:color .2s,background .2s; }
#mainNav .nav-link:hover, #mainNav .nav-link.active { color:#5838b2; background:#f2eefb; }
.nav-product-toggle { border:0; background:transparent; display:flex; align-items:center; gap:8px; }
.nav-product-toggle > i { font-size:9px; transition:transform .2s; }
.nav-product-toggle[aria-expanded="true"] > i { transform:rotate(180deg); }
.nav-actions { display:flex; align-items:center; gap:18px; }
.nav-signin { font-size:13px; color:#514960; font-weight:700; text-decoration:none; white-space:nowrap; }
.nav-signin:hover { color:#6c47e8; }
.nav-start { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:12px 17px; color:#fff; background:#6844db; border:1px solid #7754e0; border-radius:12px; text-decoration:none; font-size:13px; font-weight:750; white-space:nowrap; transition:background .2s,transform .2s; }
.nav-start:hover { background:#5330c4; color:#fff; transform:translateY(-1px); }
.nav-start i { font-size:11px; }
#mainNav .dropdown-menu { border:1px solid #e4dfed; border-radius:18px; box-shadow:0 20px 60px #1d12332b; background:#fff; margin-top:16px; padding:10px; }
.nav-products { width:340px; }
.nav-menu-label { margin:8px 10px 12px; font-size:10px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; color:#877d99; }
.nav-product { display:flex; align-items:center; gap:12px; padding:12px 10px; border-radius:11px; color:#282036; text-decoration:none; }
.nav-product:hover { background:#f5f2fb; color:#5035a3; }
.nav-product > span:nth-child(2) { flex:1; }
.nav-product strong { display:block; font-size:13px; }
.nav-product small { display:block; font-size:11px; color:#82798f; margin-top:3px; }
.nav-product > i { font-size:10px; color:#a398b7; }
.nav-product-icon { display:grid; place-items:center; width:38px; height:38px; background:#eee7ff; color:#6c47d7; border-radius:11px; }
.nav-product-icon.mint { background:#e3f4ee; color:#287b65; }
.nav-product-icon.peach { background:#fff0e4; color:#b3723d; }
.nav-account { display:flex; align-items:center; gap:9px; border:1px solid #e4dfed; border-radius:12px; padding:5px 9px 5px 5px; background:#f9f7fd; color:#716482; }
.nav-account > span { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; background:#e9e0ff; color:#6344aa; font-size:13px; font-weight:800; }
.nav-account > i { font-size:9px; }
.nav-account-menu { width:260px; }
.nav-account-details { padding:10px 10px 16px; margin-bottom:8px; border-bottom:1px solid #eee9f5; }
.nav-account-details strong,.nav-account-details small { display:block; overflow-wrap:anywhere; }
.nav-account-details strong { font-size:13px; color:#332843; }
.nav-account-details small { font-size:11px; color:#83728f; margin-top:3px; }
.nav-account-menu .dropdown-item { display:flex; align-items:center; gap:10px; border-radius:9px; padding:10px; font-size:12px; color:#5c4f6d; }
.nav-account-menu .dropdown-item:hover { color:#6640b5; background:#f4effb; }
.nav-account-menu .nav-signout { color:#a24361; margin-top:6px; border-top:1px solid #eee9f5; }
#mainNav .nav-toggle { width:42px; height:42px; padding:12px 10px; border:1px solid #e2dbef; border-radius:12px; }
.nav-toggle span { display:block; width:20px; height:2px; background:#6545b2; margin:5px 0; border-radius:2px; transition:transform .2s; }
.nav-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
@media(min-width:992px) and (max-width:1199px) {
    #mainNav .navbar-brand { margin-right:10px; }.nav-actions { gap:12px; }#mainNav .nav-link { padding:10px; font-size:12px; }.brand-wordmark { font-size:23px; }
}
@media(max-width:991.98px) {
    .site-header { padding:12px; }#mainNav .nav-shell { padding:12px 16px; border-radius:17px; min-height:68px; }
    #mainNav .navbar-collapse { padding-top:15px; }#mainNav .navbar-nav { padding:10px 0; border-top:1px solid #a098b826; }
    #mainNav .nav-link { width:100%; text-align:left; padding:12px; font-size:14px; }.nav-product-toggle { justify-content:space-between; }
    #mainNav .nav-products { width:100%; min-width:0; box-shadow:none; margin:4px 0 10px; }
    .nav-actions { border-top:1px solid #a098b826; padding:16px 0 3px; justify-content:space-between; }.nav-start { padding:13px 20px; }.nav-signin { padding:10px; }
    #mainNav .nav-account-menu { position:absolute; right:0; left:auto; }.brand-wordmark { font-size:24px; }
}