/* Shared account/cart actions and an optional banner below the navigation. */
#dh-site-header:has(.dh-header-actions){gap:clamp(16px,2.6vw,40px)}
#dh-site-header .dh-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
#dh-site-header .dh-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border:1px solid #e0e7ef;border-radius:10px;color:#435674;font-size:14px;font-weight:600;white-space:nowrap}
#dh-site-header .dh-account-button:hover{background:#f1f6ff;color:#075bff;border-color:#b5cafa}
#dh-site-header .dh-cart-button{padding:15px 23px}
.dh-banner-slot{overflow:hidden}
.dh-site-banner{padding:10px 24px;background:#edf4ff;color:#243f66;border-bottom:1px solid #d7e6ff;text-align:center;animation:dh-banner-reveal .25s ease-out}
.dh-site-banner p{max-width:1100px;margin:0 auto;font:500 14px/1.5 "Inter Variable",Inter,Arial,sans-serif;overflow-wrap:anywhere}
@keyframes dh-banner-reveal{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(min-width:641px) and (max-width:1050px){
  #dh-site-header:has(.dh-header-actions){gap:16px;padding:0 3%}
  #dh-site-header:has(.dh-header-actions) #dh-site-nav{gap:14px;font-size:13px}
  #dh-site-header:has(.dh-header-actions) .dh-brand strong{font-size:21px}
  #dh-site-header:has(.dh-header-actions) .dh-brand img{width:38px;height:44px}
  #dh-site-header:has(.dh-header-actions) .dh-brand small{letter-spacing:1.5px;font-size:7px}
  #dh-site-header .dh-account-button{padding:10px;font-size:13px}
  #dh-site-header .dh-header-actions{gap:8px}
  #dh-site-header .dh-cart-button{padding:13px 16px;font-size:14px}
}
@media(min-width:641px) and (max-width:900px){
  #dh-site-header:has(.dh-menu-toggle) #dh-site-nav{display:none}
  #dh-site-header:has(.dh-menu-toggle) .dh-menu-toggle{display:grid;place-items:center;width:28px;min-width:28px;min-height:44px}
  #dh-site-header:has(.dh-menu-toggle) #dh-site-nav.open{display:flex;position:absolute;top:100%;left:0;right:0;height:auto;flex-direction:column;align-items:stretch;padding:16px 24px;background:white;box-shadow:0 8px 16px #102f4920;gap:0}
  #dh-site-header:has(.dh-menu-toggle) #dh-site-nav.open>*{padding:13px;text-align:left;font-size:16px}
}
@media(max-width:640px){
  #dh-site-header:has(.dh-header-actions){padding:0 12px;gap:8px}
  #dh-site-header:has(.dh-header-actions) .dh-brand{gap:6px}
  #dh-site-header:has(.dh-header-actions) .dh-brand strong{font-size:18px}
  #dh-site-header:has(.dh-header-actions) .dh-brand img{width:32px;height:40px}
  #dh-site-header:has(.dh-header-actions) .dh-brand small{font-size:6px;letter-spacing:1.2px}
  #dh-site-header .dh-header-actions{gap:6px}
  #dh-site-header .dh-account-button{width:44px;min-height:44px;padding:10px}
  #dh-site-header .dh-account-label{display:none}
  #dh-site-header .dh-cart-button{padding:12px;font-size:13px;gap:7px}
  .dh-site-banner{padding:9px 16px}
  .dh-site-banner p{font-size:13px}
}
@media(max-width:370px){
  #dh-site-header:has(.dh-header-actions){padding:0 10px;gap:6px}
  #dh-site-header:has(.dh-header-actions) .dh-brand strong{font-size:16px}
  #dh-site-header:has(.dh-header-actions) .dh-brand img{width:28px;height:36px}
  #dh-site-header .dh-account-button{width:40px;padding:8px}
  #dh-site-header .dh-cart-button{padding:12px 8px}
}
@media(prefers-reduced-motion:reduce){.dh-site-banner{animation:none}}
