/* Version 2.1.4: layout for Header-Core's EXISTING integrated product filters.
   Source structure: <form class="mh24-home-search mh24hc-side-form-integrated">
     three theme labels, <fieldset class="mh24hc-side-products"> (two selects), theme submit.
   Keep all existing fields, names, submit handlers, accessibility labels and URLs. */
body.mh24-es10.home main.mh24-picture-home > section.mh24-home-search-wrap{
  width: min(1040px, calc(100% - 36px)) !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
  padding: 15px 0 9px !important;
  box-sizing: border-box !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated{
  display: grid !important;
  grid-template-columns: repeat(12,minmax(0,1fr)) !important;
  grid-auto-flow: row !important;
  gap: 10px 12px !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 14px !important;
  margin: 0 !important;
  border: 1px solid #dde4d8 !important;
  border-radius: 16px !important;
  box-shadow: 0 7px 22px rgba(26,52,34,.09) !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-place{
  grid-column: span 5 !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-product{
  grid-column: span 5 !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-distance{
  grid-column: span 2 !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24hc-side-products{
  grid-column: span 9 !important;
  grid-row: auto !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-search-submit{
  grid-column: span 3 !important;
  grid-row: auto !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 60px !important;
  height: auto !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  align-self: stretch !important;
  white-space: nowrap !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated .mh24hc-side-fields{
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated .mh24hc-side-field{
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 60px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid #d6e1d7 !important;
  border-radius: 10px !important;
  background: #fff !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated .mh24hc-side-field label{
  display: block !important;
  margin: 0 0 5px !important;
  color: #263b2e !important;
  font-weight: 750 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated .mh24hc-side-field select{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 24px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 24px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: #344c3b !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  cursor: pointer;
}
body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated :is(.mh24-home-search-field, .mh24hc-side-field):focus-within{
  border-color: #376b48 !important;
  box-shadow: 0 0 0 2px rgba(55,107,72,.15) !important;
}
/* The original four-field theme form must stay single-row if the plugin is disabled. */
@media (min-width: 1100px) {
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search:not(.mh24hc-side-form-integrated){
    grid-template-columns: minmax(0,1.1fr) minmax(0,1.1fr) minmax(120px,.55fr) minmax(150px,.75fr) !important;
  }
}
/* Intermediate laptops and tablet landscape: two intentional balanced rows. */
@media (min-width: 701px) and (max-width: 1099px) {
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-place,
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-product{ grid-column: span 6 !important; }
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-distance,
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24-home-search-submit{ grid-column: span 3 !important; }
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > .mh24hc-side-products{ grid-column: span 6 !important; }
}
/* Small devices: natural reading/tab order with no visual overflow. */
@media (max-width: 700px) {
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated{ grid-template-columns: minmax(0,1fr) !important; padding: 11px !important; }
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated > :is(.mh24-home-place,.mh24-home-product,.mh24-home-distance,.mh24hc-side-products,.mh24-home-search-submit){
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
  body.mh24-es10.home main.mh24-picture-home > section.mh24-home-search-wrap{width:calc(100% - 24px)!important}
}
@media (max-width: 480px) {
  body.mh24-es10.home main.mh24-picture-home .mh24-home-search.mh24hc-side-form-integrated .mh24hc-side-fields{grid-template-columns:minmax(0,1fr)!important}
}
/* Avoid a pre-existing 801–900px navigation conflict between the old grid
   breakpoint and the later one-row override. Preserve the full menu, no toggle. */
@media (min-width: 801px) and (max-width: 1000px) {
 body.mh24-es10 .mh24-site-header .mh24-site-nav .nav-menu{
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 2px 8px !important;
  width: 100% !important;
 }
 body.mh24-es10 .mh24-site-header .mh24-site-nav .nav-menu > li{
  width: auto !important;
  min-width: 0 !important;
  flex: initial !important;
 }
 body.mh24-es10 .mh24-site-header .mh24-site-nav .nav-menu > li > a{
  white-space: normal !important;
  overflow-wrap: break-word !important;
  font-size: 12px !important;
  min-height: 42px !important;
 }
}