/* Shared header finish; navigation IDs, forms and measured heights stay intact. */
.store-panel .header-area { background:#fff; border-bottom:1px solid #dfe7ed; box-shadow:0 6px 24px #1c324908; }
.store-panel .header-area .panel-brand { color:#19344b; letter-spacing:-.9px; font-size:24px; gap:12px; }
.store-panel .header-area .panel-brand small { color:#647c8f; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; margin-top:4px; }
.store-panel .header-area .panel-brand-mark { width:44px; height:44px; background:#19344b; color:#d5edb3; border-radius:14px; box-shadow:4px 4px 0 #edf2e8; font-size:23px; }
.store-panel .market-topline { background:#172e46; border-bottom:0; }
.store-panel .market-topline .container,.store-panel .market-topline a { color:#dce8f1; font-size:10px; letter-spacing:.2px; }
.store-panel .market-topline .container > span { display:inline-flex; align-items:center; gap:8px; }
.store-panel .market-topline .container > span i { color:#d5edb3; font-size:12px; }
.store-panel .market-topline a:hover { color:#d5edb3; }
.store-panel .marketplace-header .market-header-search { background:#f3f6f8; border:1px solid #e0e8ee; padding:12px 15px; border-radius:13px; gap:12px; min-height:46px; color:#596e80; }
.store-panel .market-header-search > i { color:#365772; font-size:19px; }
.store-panel .marketplace-header .market-search-key { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:7px; color:#35566b; background:#fff; border:1px solid #e0e8ee; font-size:10px; }
.store-panel .market-header-search:hover { border-color:#afc4d4; }
.store-panel .marketplace-header .storefront-account { gap:10px; }
.store-panel .marketplace-header .storefront-account .panel-header-link { min-height:44px; border-radius:11px; }
.store-panel .marketplace-header .storefront-login { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:9px 12px; border:1px solid #e0e8ee; border-radius:11px; color:#26445d; font-size:12px; font-weight:600; }
.store-panel .storefront-login i { font-size:20px; }
.store-panel .marketplace-header .storefront-account .btn-primary { background:#19344b; border-color:#19344b; border-radius:11px; font-size:12px; gap:7px; }
.store-panel .marketplace-header .storefront-account .btn-primary:hover { background:#2c4b64; border-color:#2c4b64; }
.store-panel .marketplace-header .market-cart-toggle,.store-panel .market-cart-link { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 12px; border:1px solid #dbe6d0; border-radius:11px; background:#f0f5e9; color:#314e32; font-size:12px; font-weight:650; flex-shrink:0; }
.store-panel .market-cart-link i { font-size:19px; }
.store-panel .market-cart-toggle b { background:#19344b; color:white; font-weight:650; }
.store-panel .marketplace-header .market-cart-toggle:hover,.store-panel .market-cart-link:hover { background:#e4eed7; border-color:#bbd49e; }
.store-panel .marketplace-header .market-nav { gap:8px; border-top:1px solid #edf1f4; }
.store-panel .marketplace-header .market-nav a,.store-panel .marketplace-header .market-nav a:first-child { padding:0 15px; color:#526b80; border-bottom:2px solid transparent; background:transparent; font-size:12px; position:relative; }
.store-panel .marketplace-header .market-nav a:hover { color:#19344b; background:#f3f6f8; }
.store-panel .marketplace-header .market-nav a[aria-current="page"] { color:#19344b; border-bottom-color:#19344b; background:#eef3f6; }
.store-panel .marketplace-header .market-nav a[aria-current="page"] i { color:#3e6a4a; }
.merchant-panel .mp-header { border-top:3px solid #19344b; background:#fff; box-shadow:0 5px 24px #19344b08; height:auto; }
.merchant-panel .mp-header .header-content { gap:18px; }
.merchant-panel .mp-header .mp-header-search { background:#f3f6f8; border-color:#dfe7ed; border-radius:12px; }
.merchant-panel .mp-header-search:focus-within { border-color:#91b0c4; box-shadow:0 0 0 3px #19344b0b; }
.merchant-panel .mp-header-search button { color:#19344b; }
.merchant-panel .mp-header-tools { gap:8px; }
.merchant-panel .mp-header-button { border-radius:11px; background:#fff; color:#365772; border-color:#dfe7ed; min-height:44px; }
.merchant-panel .mp-header-button:hover { color:#19344b; border-color:#a7bdcc; background:#f0f5f8; }
.merchant-panel .mp-menu-toggle { background:#eef3f6; }
.merchant-panel .mp-quick-menu summary { background:#f0f5e9; color:#3c5837; border-color:#dbe6d0; }
.merchant-panel .mp-quick-menu nav { border-radius:14px; border-color:#dfe7ed; box-shadow:0 18px 40px #19344b18; padding:8px; }
.merchant-panel .mp-quick-menu nav a { border-radius:8px; color:#35526b; }
.merchant-panel .mp-quick-menu nav a:hover { background:#eff4f7; }
.merchant-panel .mp-header .mp-account { gap:10px; border-radius:13px; background:#f5f7f9; padding:7px 10px; border-color:#e0e8ee; min-height:46px; }
.merchant-panel .mp-account-avatar { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; background:#19344b; color:#d5edb3; font-size:14px; border-radius:10px; font-weight:700; }
.merchant-panel .mp-account .mp-account-arrow { font-size:10px; color:#698093; }
.merchant-panel .mp-header-tabs { border-top:1px solid #edf1f4; gap:8px; }
.merchant-panel .mp-header-tabs a { padding:12px 15px; color:#567085; border-bottom:2px solid transparent; font-size:12px; }
.merchant-panel .mp-header-tabs a:hover { background:#f3f6f8; color:#19344b; }
.merchant-panel .mp-header-tabs a[aria-current="page"] { color:#19344b; background:#eef3f6; border-bottom-color:#19344b; }
.store-panel .header-area a:focus-visible,.store-panel .header-area button:focus-visible,.store-panel .header-area summary:focus-visible { outline:3px solid #8aafca; outline-offset:3px; }
@media(max-width:1199px) {
 .merchant-panel .mp-header .header-content { gap:10px; }
 .merchant-panel .mp-header .panel-brand { font-size:20px; }
 .merchant-panel .mp-header .panel-brand small { font-size:9px; letter-spacing:.5px; }
}
@media(max-width:767px) {
 .store-panel .marketplace-header .header-content { gap:8px; }
 .store-panel .header-area .panel-brand { font-size:19px; gap:9px; }
 .store-panel .header-area .panel-brand-mark { width:36px; height:36px; font-size:20px; border-radius:11px; }
 .store-panel .header-area .panel-brand small { font-size:8px; letter-spacing:.8px; }
 .store-panel .marketplace-header .market-nav { gap:2px; }
 .store-panel .marketplace-header .market-nav a { font-size:11px; padding:0 12px; }
 .merchant-panel .mp-header-tabs a { font-size:11px; padding:12px; }
 .merchant-panel .mp-header .mp-account { padding:6px 8px; }
 .merchant-panel .mp-header .mp-account > .mp-account-avatar { display:grid; }
 .merchant-panel .mp-account .mp-account-arrow { display:none; }
}
@media(max-width:575px) {
 .store-panel .market-topline .container,.store-panel .market-topline a { font-size:8px; }
 .store-panel .marketplace-header .storefront-account { gap:5px; }
 .store-panel .marketplace-header .storefront-login { gap:4px; padding:8px; font-size:10px; }
 .store-panel .marketplace-header .market-cart-toggle,.store-panel .market-cart-link { padding:8px; gap:4px; min-width:40px; }
 .store-panel .market-cart-link span { display:none; }
 .store-panel .header-area .panel-brand { font-size:17px; gap:7px; }
 .store-panel .header-area .panel-brand-mark { width:30px; height:30px; font-size:17px; border-radius:9px; }
 .merchant-panel .mp-header .panel-brand { font-size:17px; }
 .merchant-panel .mp-header .panel-brand-mark { width:30px; height:30px; }
 .merchant-panel .mp-account-avatar { width:28px; height:28px; font-size:12px; }
}

/* Both account entry points remain visible on small storefront headers. */
.store-panel .marketplace-header .storefront-seller-login { background:#19344b; color:#fff; border-color:#19344b; }
.store-panel .marketplace-header .storefront-seller-login:hover { background:#2c4b64; border-color:#2c4b64; color:#fff; }
@media(max-width:575px) {
 .store-panel .marketplace-header .storefront-header { flex-wrap:wrap; height:auto; min-height:66px; padding-top:10px; padding-bottom:10px; }
 .store-panel .marketplace-header .storefront-account { flex:0 0 100%; justify-content:flex-end; flex-wrap:wrap; }
 .store-panel .marketplace-header .storefront-account .storefront-login { font-size:12px; padding:9px 12px; }
}