
/* V5.7G — QUOTE BASKET / STAFF ONLY
   Customer ecommerce and member-account surfaces are intentionally removed. */
.commerce-dock,.cart-cinema{display:none!important}
.account-btn,.cart-header-btn{display:inline-flex!important}

/* Header stays balanced with staff-login and quote-basket controls restored. */
.header .header-actions{min-width:0!important;flex:0 0 auto!important}
.header .header-inner{column-gap:clamp(10px,1.15vw,22px)!important}
.header .desktop-nav{min-width:0!important}
@media(max-width:1280px){.header .desktop-nav a:nth-child(n+6){display:none!important}}
@media(max-width:1160px){.header .desktop-nav{display:none!important}}

/* Hero: optical center for the complete BENMAK console.
   The old stretch rule made the right column feel visibly lower than the copy. */
.hero-stage-grid{align-items:center!important}
.hero-engineering.future-hero-panel{
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(12px,1.45vw,22px)!important;
  align-self:center!important;
  overflow:visible!important;
}
.hero-product-console{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:0 auto!important;
  align-self:center!important;
  transform:translateY(-2%)!important;
}
.home-media-stage{
  height:clamp(360px,34vw,500px)!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,2vw,28px)!important;
}
.home-media-stage img{
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:94%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}
.home-media-head,.home-media-thumbs,.home-media-specs,.home-media-foot{width:100%!important}

/* Quote-only product CTAs. */
.product-card .card-actions,.detail-price-panel{align-items:center!important}
.product-card .btn.primary,.detail-price-panel .btn.primary{white-space:nowrap!important}
.quote-only-photo-studio .product-photo-main{display:grid!important;place-items:center!important}
.quote-only-photo-studio .product-photo-main img{object-position:center center!important}

/* Dedicated staff login is centered and never competes with public widgets. */
body.panel-body .sen-support-root,
body.panel-body .compare-dock,
body.panel-body .mobile-nav{display:none!important}
body.panel-body .login-wrap{min-height:100dvh!important;padding:24px!important}
body.panel-body .premium-login{margin:auto!important}

/* Old customer/payment vocabulary never appears as floating public UI. */
[data-page="home"] .commerce-strip,
[data-page="products"] .commerce-strip{display:none!important}

@media(max-width:1050px){
  .hero-engineering.future-hero-panel{padding:18px!important;align-self:center!important}
  .hero-product-console{max-width:820px!important;transform:none!important}
}
@media(max-width:620px){
  .hero-engineering.future-hero-panel{padding:10px!important}
  .hero-product-console{border-radius:20px!important}
  .home-media-stage{height:320px!important;padding:12px!important}
}

/* V5.7H — precise staff icon centering. */
.header .account-btn{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
  overflow:hidden!important;
}
.header .account-btn .account-glyph{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translateX(1px)!important;
  transform-origin:center!important;
}

/* Lift the BENMAK product photography inside the hero stage without moving the console chrome. */
.home-media-stage img{
  transform:translateY(-16px)!important;
}

@media(max-width:620px){
  .home-media-stage img{transform:translateY(-10px)!important}
}
