/* Shared public storefront header. Admin uses its own layout. */
@font-face { font-family:HomePrompt; src:url('home-prompt.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap; }
[data-header="shared"] .site-topline { position:fixed; inset:0 0 auto; z-index:31; background:transparent!important; border:0; }
[data-header="shared"] .site-topline > span:nth-child(2) { display:none; }
body[data-page="store"][data-header="shared"] .topbar.cj-transparent-nav { position:fixed; top:30px; left:0; width:100%; min-height:100px; padding:18px 3.7%; background:linear-gradient(#0008,transparent); border:0; }
[data-header="shared"] .brand > span { display:none; }
[data-header="shared"] .brand img { width:120px; height:auto; }
@media (min-width:901px) {
 /* One continuous fade behind both the support line and main navigation. */
 body[data-page="store"][data-header="shared"]::before { content:''; position:fixed; inset:0 0 auto; height:180px; z-index:49; pointer-events:none; background:linear-gradient(to bottom,rgba(0,0,0,.82) 0%,rgba(0,0,0,.74) 48%,rgba(0,0,0,.48) 70%,rgba(0,0,0,0) 100%); }
 body[data-page="store"][data-header="shared"] .site-topline.cj-overlay-line { position:fixed; top:0; left:0; right:0; z-index:51; display:flex; justify-content:flex-end; align-items:center; height:40px; padding:0 3.4%; gap:10px; color:#ddd; font-size:11px; background:transparent; }
 body[data-page="store"][data-header="shared"] .topbar.cj-transparent-nav { top:40px; height:100px; padding:10px 3.4%; gap:20px; background:transparent; box-shadow:none; backdrop-filter:none; }
 body[data-page="store"][data-header="shared"] .brand { min-width:120px; }
 body[data-page="store"][data-header="shared"] .brand img { width:120px; height:60px; max-width:none; object-fit:fill; border-radius:0; box-shadow:none; }
 body[data-page="store"][data-header="shared"] .main-nav { margin-left:auto; gap:24px; }
 body[data-page="store"][data-header="shared"] .main-nav a { padding:8px 0; font-family:HomePrompt,sans-serif; font-size:16px; font-weight:300; color:#fff; opacity:1; text-shadow:0 1px 4px #000; }
 body[data-page="store"][data-header="shared"] .main-nav a::after { display:none; }
 body[data-page="store"][data-header="shared"] .main-nav a:hover { color:#f15b2a; }
 body[data-page="store"][data-header="shared"] .top-actions { gap:18px; }
 body[data-page="store"][data-header="shared"] .order-history-entry { display:none; }
 body[data-page="store"][data-header="shared"] .cart-nav-button,
 body[data-page="store"][data-header="shared"] #accountToggle { display:inline-flex; align-items:center; justify-content:center; width:24px; min-width:24px; height:32px; min-height:32px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#fff; }
 body[data-page="store"][data-header="shared"] .cart-nav-button svg { width:22px; height:22px; }
 body[data-page="store"][data-header="shared"] #accountToggle:not(.account-trigger--active) { font-size:0; }
 body[data-page="store"][data-header="shared"] #accountToggle::before { content:''; display:block; width:22px; height:22px; flex-shrink:0; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.4'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='9' r='3'/%3E%3Cpath d='M6.5 18c.5-5.5 10.5-5.5 11 0'/%3E%3C/svg%3E"); }
 body[data-page="store"][data-header="shared"] #accountToggle.account-trigger--active { width:auto; gap:8px; }
 [data-header="shared"] #accountToggle .account-avatar-inline { display:none; }
 [data-header="shared"] #accountToggle .account-name-inline { font-size:14px; font-weight:300; max-width:150px; }
 [data-header="shared"] .cart-badge { top:-5px; right:-8px; min-width:16px; height:16px; font-size:10px; }
 [data-header="shared"] .home-support::before { content:''; display:inline-block; vertical-align:middle; width:12px; height:12px; margin-right:10px; background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ddd' stroke-width='1.5'%3E%3Cpath d='M5 3l4 5-3 3c2 4 3 5 7 7l3-3 5 4c-1 4-4 3-7 2C7 18 3 13 2 7c0-2 1-4 3-4zM14 3c4 0 7 3 7 7M14 7c2 0 3 1 3 3'/%3E%3C/svg%3E"); }
 [data-header="shared"] .home-language { border-left:1px solid #888; padding-left:12px; }
 [data-header="shared"] .home-language strong { color:#f15b2a; font-weight:300; margin:0 8px; }
}
[data-header="shared"] .main-nav { margin-left:auto; }

body[data-page="store"][data-header="shared"] .site-topline,
body[data-page="store"][data-header="shared"] .topbar { font-family:HomePrompt,sans-serif; }
@media(min-width:901px) {
 body[data-page="store"][data-header="shared"]:not(.home-page) { padding-top:140px; }
 body[data-page="store"][data-header="shared"] [id] { scroll-margin-top:150px; }
}
@media(max-width:900px) {
 body[data-page="store"][data-header="shared"] .site-topline.cj-overlay-line { position:relative; }
 body[data-page="store"][data-header="shared"] .topbar.cj-transparent-nav { position:sticky; top:0; min-height:80px; background:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.78)); }
 body[data-page="store"][data-header="shared"] .brand { min-width:0; }
 body[data-page="store"][data-header="shared"] .brand img { width:100px; height:auto; box-shadow:none; }
}