/* Scope: product/search/contact <=767px and only when the real V8 template rendered. */
@media(max-width:767px){
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header > .header-nav,
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #_mobile_logo,
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #_desktop_logo,
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #menu-icon,
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #_desktop_top_menu,
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #mobile_top_menu_wrapper{display:none!important}
 /* displayTop is INSIDE Classic's .col-md-10.position-static: expand that header column only. */
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header .p11-header-native > .header-top{padding:0 12px 10px!important;background:#06152b;min-width:0}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header .p11-header-native > .header-top > .container{width:100%;max-width:100%;padding:0;margin:0}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header .p11-header-native > .header-top > .container > .row{display:block;margin:0}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header .p11-header-native .header-top .position-static:has(> #ea-v8-subpage-header){display:flex;flex-direction:column;float:none;width:100%;max-width:100%;min-width:0;padding:0;margin:0}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #ea-v8-subpage-header{display:block!important;order:-1;flex:none;width:100%;max-width:100%;min-width:0;margin:0;padding:0}
 /* This SSR marker makes unmodified P08 skip its old header builder. Defeat only its wrapper grid. */
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #ea-v8-subpage-header > #cb4-p08-header.ea-v8-subpage-native{display:block!important;grid-template-columns:none;gap:0;min-width:0;margin:0;padding:0;border:0;background:transparent}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #ea-v8-mobile-shell{width:100%;margin:0}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header .position-static:has(> #ea-v8-subpage-header) > .clearfix{display:none}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #_desktop_search{float:none;width:100%;max-width:100%;min-width:0}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #search_widget{order:0;float:none!important;width:100%!important;max-width:100%!important;min-width:0;margin:0!important}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #search_widget form{width:100%;margin:0}
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #search_widget button[type="submit"],
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #search_widget form .material-icons.search{display:none!important}
 /* No field cloning: original form, action, autocomplete handlers and placeholder are retained. */
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header #search_widget input[name="s"]{max-width:100%;box-sizing:border-box}
 /* Match category shell search separation; no change to content below the header. */
 body:is(#product,#search,#contact):has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header .p11-header-native > .header-top{border-bottom:2px solid #ff690c}
 body#product:has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #footer .footer-container .block-contact.links.wrapper{display:none!important}
 /* Keep exactly a bottom border, not an extra footer block or a hidden whole footer. */
 body#product:has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #footer .footer-container{border-bottom:2px solid #ff690c}
}

/* Contact inherits Classic header_top directly: no .p11-header-native wrapper. */
@media(max-width:767px){
 body#contact:has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header > .header-top{padding:0 12px 10px!important;background:#06152b;min-width:0;border-bottom:2px solid #ff690c}
 body#contact:has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header > .header-top > .container{width:100%;max-width:100%;padding:0;margin:0}
 body#contact:has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header > .header-top > .container > .row{display:block;margin:0}
 body#contact:has(#header #ea-v8-subpage-header > #cb4-p08-header > #ea-v8-mobile-shell) #header > .header-top > .container > .row > .position-static:has(> #ea-v8-subpage-header){display:flex;flex-direction:column;float:none;width:100%;max-width:100%;min-width:0;padding:0;margin:0}
}