
.electroshop-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;width:min(1180px,94%);margin:20px auto;background:#050505;border:1px solid #ffffff22;border-radius:22px;padding:12px 18px;box-shadow:0 12px 28px #0005;direction:rtl;font-family:Arial,sans-serif}
.electroshop-header-with-controls{margin-top:164px}
.electroshop-header-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}
.electroshop-header-brand img{box-sizing:border-box;width:96px;height:96px;object-fit:contain;border-radius:50%;padding:8px;background:#000;box-shadow:0 0 0 3px #ffd400,0 0 18px #ffd40099}
.electroshop-header-brand strong{display:block;color:#ffd400;font-size:1.35rem;line-height:1.2}
.electroshop-header-brand span span{display:block;font-size:.9rem;line-height:1.5;color:#eee}
.electroshop-header-links{display:flex;gap:8px;flex-wrap:wrap}.electroshop-header-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:14px;color:white;text-decoration:none;font-weight:700}.electroshop-header-links a:hover,.electroshop-header-links a:focus-visible{background:#ffd400;color:#000}
.electroshop-header-actions:empty{display:none}.electroshop-header-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:600px){.electroshop-header{justify-content:center;padding:16px 12px}.electroshop-header-brand img{width:76px;height:76px}.electroshop-header-links{justify-content:center;width:100%}.electroshop-header-actions{justify-content:center;width:100%}}
/* Place the storefront header at the top, reserving side space for controls. */
.electroshop-header-with-controls{margin-top:12px;padding-inline:100px;min-height:128px}
@media(max-width:600px){
 .electroshop-header-with-controls{padding:16px 12px;gap:16px}
 .electroshop-header-with-controls .electroshop-header-brand{margin-inline:68px;flex-direction:column;text-align:center;gap:12px}
 .electroshop-header-with-controls .electroshop-header-links{margin-top:4px}
}
.electroshop-header{position:sticky;top:30px;z-index:40}
/* Remove inherited Naya top spacing from the Electroshop store header. */
body:has(>.electroshop-header){padding-top:10px!important}
.electroshop-header{top:10px!important;margin-top:0!important}
body:has(>.electroshop-header) .site-topbar{top:12px!important}
/* Shared Electroshop home background on all new store pages. */
body:has(>.electroshop-header){background-color:#ff9b00!important;background-image:linear-gradient(180deg,rgba(255,142,0,.92),rgba(255,226,0,.96) 38%,rgba(255,180,0,.92)),url('images/background.png')!important;background-size:cover!important;background-attachment:fixed!important;background-position:center!important}
body:has(>.electroshop-header)::before{content:none!important;display:none!important}
body:has(>.electroshop-header) .shop-intro h1{color:#080808;text-shadow:none}
body:has(>.electroshop-header) .shop-intro em{color:#080808}
body:has(>.electroshop-header) .shop-intro p,body:has(>.electroshop-header) .eyebrow,body:has(>.electroshop-header) .breadcrumb{color:#222}
/* Match the existing homepage brand exactly. */
.electroshop-header-brand{flex-direction:row!important;text-align:right;gap:12px}
.electroshop-header-brand img{width:86px!important;height:86px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;object-fit:contain!important;transform:none!important;clip-path:none!important;flex:0 0 auto!important}
@media(max-width:900px){.electroshop-header-brand img{width:72px!important;height:72px!important}}
@media(max-width:560px){.electroshop-header-brand img{width:62px!important;height:62px!important}.electroshop-header-brand strong{font-size:1.05rem}.electroshop-header-brand span span{font-size:.75rem}}
@media(max-width:600px){.electroshop-header-with-controls .electroshop-header-brand{margin-inline:64px}}
.product-editor-page .electroshop-header{position:static!important}
