/* ==========================================================
   MHP Gallery Page - Premium Compact Fix V3
   Page scoped only. Does not touch header/menu/footer.
   ========================================================== */

/* make gallery banner title consistent with other inner pages */
body .kode_mhp_banner{
  position:relative !important;
  overflow:hidden !important;
}
body .kode_mhp_banner:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.34)) !important;
  z-index:1 !important;
}
body .kode_mhp_banner .container{position:relative !important;z-index:2 !important;}
body .kode_about_caption2{
  position:relative !important;
  z-index:2 !important;
  text-align:center !important;
  padding:76px 20px !important;
  margin:0 !important;
}
body .kode_about_caption2 h1{
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:44px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:.4px !important;
  text-transform:uppercase !important;
  text-shadow:0 4px 16px rgba(0,0,0,.38) !important;
}
body .kode_about_caption2 h1:after{
  content:"" !important;
  display:block !important;
  width:80px !important;
  height:3px !important;
  background:#d5a344 !important;
  margin:14px auto 0 !important;
}

body .mhp-gallery-page{
  display:block !important;
  clear:both !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:42px 0 64px !important;
  background:linear-gradient(180deg,#fff 0%,#f7fbf5 100%) !important;
  transform:none !important;
  top:auto !important;
}
body .kode_mhp_banner + .mhp-gallery-page{
  margin-top:0 !important;
  padding-top:42px !important;
}
body .mhp-gallery-page .container{
  max-width:1080px !important;
  width:100% !important;
  margin:0 auto !important;
  padding-left:15px !important;
  padding-right:15px !important;
}
body .mhp-gallery-page *{box-sizing:border-box !important;}

body .mhp-gallery-intro,
body .mhp-gallery-block{
  background:#fff !important;
  border:1px solid rgba(8,123,74,.13) !important;
  box-shadow:0 16px 38px rgba(5,58,35,.09) !important;
  border-radius:0 !important;
  border-left:5px solid #087b4a !important;
}
body .mhp-gallery-intro{
  display:block !important;
  padding:30px 34px !important;
  margin:0 0 28px !important;
  min-height:0 !important;
}
body .mhp-gallery-eyebrow{
  display:inline-block !important;
  padding:6px 12px !important;
  margin:0 0 10px !important;
  background:#eff8f3 !important;
  color:#087b4a !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.45px !important;
  text-transform:uppercase !important;
}
body .mhp-gallery-page h2,
body .mhp-gallery-page h3{
  margin:0 !important;
  padding:0 !important;
  color:#043d28 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:700 !important;
  text-transform:none !important;
  letter-spacing:-.2px !important;
}
body .mhp-gallery-page h2{font-size:34px !important;line-height:1.14 !important;}
body .mhp-gallery-page h3{font-size:26px !important;line-height:1.2 !important;}
body .mhp-gallery-page h2:after,
body .mhp-gallery-page h3:after{
  content:"" !important;
  display:block !important;
  width:66px !important;
  height:3px !important;
  background:#d5a344 !important;
  margin-top:13px !important;
}
body .mhp-gallery-page p{
  margin:15px 0 0 !important;
  color:#51645d !important;
  font-size:15.5px !important;
  line-height:1.7 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:400 !important;
}

body .mhp-gallery-block{
  padding:30px 34px 34px !important;
  margin:0 0 32px !important;
}
body .mhp-gallery-block:last-child{margin-bottom:0 !important;}
body .mhp-gallery-head{
  display:grid !important;
  grid-template-columns:1.2fr .8fr !important;
  gap:22px !important;
  align-items:start !important;
  padding-bottom:22px !important;
  margin-bottom:22px !important;
  border-bottom:1px solid rgba(8,123,74,.12) !important;
}
body .mhp-gallery-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  margin:0 0 13px !important;
  background:#087b4a !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
}

/* clean uniform gallery grid, no awkward gaps */
body .mhp-gallery-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
}
body .mhp-gallery-item{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  background:#eef6f1 !important;
  border:1px solid rgba(8,123,74,.12) !important;
  box-shadow:0 8px 20px rgba(5,58,35,.08) !important;
  min-height:0 !important;
}
body .mhp-gallery-item:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(4,61,40,0) 45%,rgba(4,61,40,.26) 100%) !important;
  opacity:0 !important;
  transition:.25s ease !important;
  z-index:2 !important;
}
body .mhp-gallery-item:hover:before{opacity:1 !important;}
body .mhp-gallery-item img,
body .mhp-gallery-grid-rice .mhp-gallery-item:nth-child(4n+1) img,
body .mhp-gallery-grid-rice .mhp-gallery-item:nth-child(5n+2) img,
body .mhp-gallery-grid-mushroom .mhp-gallery-item img{
  display:block !important;
  width:100% !important;
  height:210px !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
  transition:transform .35s ease !important;
}
body .mhp-gallery-item:hover img{transform:scale(1.045) !important;}

/* remove accidental old spacing */
body .mhp-gallery-page br{display:none !important;}
body .mhp-gallery-page:before,
body .mhp-gallery-page:after{display:none !important;}

@media (max-width:991px){
  body .kode_about_caption2{padding:58px 15px !important;}
  body .kode_about_caption2 h1{font-size:34px !important;}
  body .mhp-gallery-head{grid-template-columns:1fr !important;gap:8px !important;}
  body .mhp-gallery-grid{grid-template-columns:repeat(2,1fr) !important;}
  body .mhp-gallery-item img,
  body .mhp-gallery-grid-rice .mhp-gallery-item:nth-child(4n+1) img,
  body .mhp-gallery-grid-rice .mhp-gallery-item:nth-child(5n+2) img,
  body .mhp-gallery-grid-mushroom .mhp-gallery-item img{height:210px !important;}
}
@media (max-width:767px){
  body .kode_about_caption2{padding:48px 15px !important;}
  body .kode_about_caption2 h1{font-size:28px !important;}
  body .mhp-gallery-page{padding:30px 0 46px !important;}
  body .mhp-gallery-intro,
  body .mhp-gallery-block{padding:24px 20px !important;}
  body .mhp-gallery-page h2{font-size:28px !important;}
  body .mhp-gallery-page h3{font-size:22px !important;}
  body .mhp-gallery-grid{grid-template-columns:1fr !important;gap:13px !important;}
  body .mhp-gallery-item img,
  body .mhp-gallery-grid-rice .mhp-gallery-item:nth-child(4n+1) img,
  body .mhp-gallery-grid-rice .mhp-gallery-item:nth-child(5n+2) img,
  body .mhp-gallery-grid-mushroom .mhp-gallery-item img{height:auto !important;min-height:0 !important;}
}