/* Mangala Nakatha v3.9.33 — homepage hero full-viewport alignment fix.
   Keeps the content card constrained while the cover image spans both viewport edges. */

body.mn-customer-theme{
  overflow-x:clip;
}

body.mn-customer-theme .hero{
  position:relative!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:-50vw!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  background-position:center 42%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}

/* The image is full-bleed, but text remains aligned to the site's normal grid. */
body.mn-customer-theme .hero > .hero-content.page-shell{
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.mn-customer-theme .hero > .hero-overlay,
body.mn-customer-theme .hero::before{
  left:0!important;
  right:0!important;
  width:100%!important;
}

@media (max-width:760px){
  body.mn-customer-theme .hero{
    left:50%!important;
    width:100vw!important;
    margin-left:-50vw!important;
    background-position:center 38%!important;
  }

  body.mn-customer-theme .hero > .hero-content.page-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
  }
}

@media (max-width:420px){
  body.mn-customer-theme .hero > .hero-content.page-shell{
    width:calc(100% - 20px)!important;
  }
}