/* v2.11 — section hero layout only.
   Backgrounds are intentionally inline on each target hero so legacy
   theme `background: ... !important` rules cannot reset them. */

html body.oz-account .oz-defense-hero,
html body.oz-account .oz-transport-head,
html body.oz-account .oz-supply-head,
html body.oz-account .oz-crafting-head{
  height:300px!important;
  min-height:300px!important;
  box-sizing:border-box!important;
  position:relative!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

html body.oz-account .oz-crafting-head{
  display:flex!important;
  align-items:center!important;
  padding:24px!important;
  border:1px solid #294752!important;
  margin-bottom:14px!important;
}

html body.oz-account .oz-defense-hero>*,
html body.oz-account .oz-transport-head>*,
html body.oz-account .oz-supply-head>*,
html body.oz-account .oz-crafting-head>*{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:700px){
  html body.oz-account .oz-defense-hero,
  html body.oz-account .oz-transport-head,
  html body.oz-account .oz-supply-head,
  html body.oz-account .oz-crafting-head{
    height:300px!important;
    min-height:300px!important;
  }
}