/* R3.2: keep the eyebrow inside the mobile banner and actions after search. */
html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-eyebrow{max-width:100%;min-width:0;line-height:1.8;white-space:normal;overflow-wrap:anywhere;gap:8px;letter-spacing:0}
html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-eyebrow:before{flex:0 0 26px}
html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-eyebrow>span{min-width:0}
html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-hero-actions{display:flex;flex-wrap:wrap;width:100%;max-width:520px;margin:16px 0 0;gap:10px}
html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-hero-actions>.em-button{min-width:0;min-height:48px;white-space:normal;overflow-wrap:anywhere;line-height:1.65}
@media(max-width:767px){
 html[data-az-layout][data-mh-shell][data-em-theme][dir] .em-hero.az-hero{padding-block:28px 22px}
 html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;margin-top:16px;gap:10px}
 html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-hero-actions>.em-button{width:100%;padding:10px 8px;font-size:12px;gap:7px;justify-content:center}
 html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-hero-actions>.em-button:only-child{grid-column:1/-1}
 html[data-az-layout][data-mh-shell][data-em-theme][dir] .az-hero .em-hero-actions .em-icon{flex-shrink:0}
}