
/* =========================================================
   CONTACT PAGE — TRUE VIEWPORT-WIDTH ALTERNATING BANDS
   Uses pseudo backgrounds so no parent/container can constrain them.
   ========================================================= */

html body .contact-location-section{
  position:relative !important;
  isolation:isolate !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:52px 0 !important;
  background:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

html body .contact-location-section::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  width:100vw !important;
  transform:translateX(-50%) !important;
  z-index:0 !important;
  pointer-events:none !important;
}

/* Brazil */
html body .contact-location-section.contact-alt-1::before{
  background:#e9ecef !important;
}

/* North India */
html body .contact-location-section.contact-alt-2::before{
  background:#ffffff !important;
}

/* Plant 2 */
html body .contact-location-section.contact-alt-3::before{
  background:#e9ecef !important;
}

/* Make all actual section content sit above the viewport band */
html body .contact-location-section > .container{
  position:relative !important;
  z-index:1 !important;
  width:min(92%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
}

/* Neutral cards; do not let old orange/section backgrounds return */
html body .contact-location-section .map-one-part2,
html body .contact-location-section .map-two-comp{
  background:#f8f9fa !important;
  background-image:none !important;
  border:1px solid #dfe3e7 !important;
}

/* North white band can use a soft gray details card for separation */
html body .contact-location-section.contact-alt-2 .map-two-comp{
  background:#f5f6f7 !important;
}

/* Kill old forced backgrounds that target IDs/classes */
html body #iframe-one.contact-location-section,
html body #iframe-two.contact-location-section,
html body .plant2-section.contact-location-section,
html body .north-india-section.contact-location-section{
  background:transparent !important;
  background-image:none !important;
}

/* Keep the three bands visually touching edge-to-edge */
html body .contact-location-section + .contact-location-section{
  margin-top:0 !important;
}

@media(max-width:900px){
  html body .contact-location-section{
    padding:34px 0 !important;
  }
}

@media(max-width:600px){
  html body .contact-location-section > .container{
    width:calc(100% - 20px) !important;
  }
}
