:root{--gold:#ffd400;--cream:#fff;--muted:#c4c4c4;--panel:#171717;--ink:#080808}
body.electro-store,body.checkout-page,body:has(.admin-shell),body:has(.login-shell){background:#0c0c0e!important;color:#fff} .electro-store .site-head{background:#080808;border-color:#444} .electro-store .site-head .brand{content:url('images/logo.png')} .product,.product-detail-card,.drawer,.modal-card,.order-summary,.admin-table,.login-card{background-color:#171717!important;background-image:none!important;border-color:#555!important} .button{background:linear-gradient(135deg,#d8a900,#ffd400);border-color:#ffd400;color:#111}.button.secondary{background:#222;color:#fff;border-color:#555}.price{color:#ffd400!important}.shop-shell{max-width:1180px;margin:auto;padding:32px 24px 72px}.shop-intro{padding:38px 0}.shop-intro h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.08;margin:20px 0;color:white;text-shadow:none}.shop-intro em{font-style:normal;color:#ffd400}.shop-intro p,.breadcrumb{color:#bbb}.eyebrow{color:#ffd400}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-tile{padding:28px;border:1px solid #444;border-radius:18px;background:#191919;color:white;text-decoration:none}.category-number{font-size:2.5rem;font-weight:900;color:#ffd400}.category-tile strong{color:#ffd400}.shop-footer{padding:32px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;background:#080808;color:white}.shop-footer a{color:white}.shop-all-link{text-align:center}[hidden]{display:none!important} .shop-deals .products{width:100%}#catalogStatus{line-height:1.7}.checkout-page{background-image:none!important}@media(max-width:850px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.category-grid{grid-template-columns:1fr}.shop-shell{padding:22px 16px}}
.shop-brand{text-align:center;padding-top:85px}.shop-brand img{object-fit:contain}.main-menu{background:#171717}.main-menu-links a{color:#fff}.store-cart-button{color:#ffd400}

.floating-contact .contact-toggle{display:none!important}.electro-store::before{background:linear-gradient(#000b,#000d),url("images/background.png") center/cover no-repeat!important}

#home{padding-top:100px}

/* Center the close icon independently of font metrics and text direction. */
.product-detail-close,.model-lightbox-close,.main-menu-close,.a11y-close {
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:24px 24px!important;
}
.main-menu-close{width:38px;height:38px;flex-shrink:0}
.shop-deals .product[data-product],.shop-deals .product[data-product] img{cursor:pointer}
.store-products .product .button,.store-products .product .add,.product-detail-add{cursor:pointer!important}
.store-products .product button:disabled,.product-detail-add:disabled{cursor:not-allowed!important}
/* Keep the original Electroshop header clear of the shared store controls. */

body:has(>header.topbar) #home{padding-top:0}
.shop-return-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.shop-return-links a{padding:10px 18px;border:1px solid #ffd400;border-radius:12px;color:#ffd400;text-decoration:none}
/* Stack cart above language and reserve space above the original header. */
.site-topbar{align-items:flex-start!important}
.site-topbar .topbar-left-controls{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
.site-topbar .topbar-left-controls .store-cart-button{order:0!important;margin:0!important}
.site-topbar .topbar-left-controls .language-picker{order:1!important}



/* Keep every management link reachable within short/mobile viewports. */
.main-menu{display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box}
.main-menu-header{flex:0 0 auto}
.main-menu-links{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}
.main-menu-links>a,.main-menu-links .admin-menu-links{flex-shrink:0}

/* Align the homepage header with the top of the page. */
body:has(>header.topbar){padding-top:10px!important}
body:has(>header.topbar)>header.topbar{position:sticky!important;top:10px!important;margin-top:0!important}
body:has(>header.topbar)>header.topbar .nav{padding-inline:76px}
@media(max-width:600px){body:has(>header.topbar)>header.topbar .nav{padding-inline:64px;min-height:126px}}