/* Mangala Nakatha v3.9.35 — homepage media/hero + proposal pagination polish */

/* Restore the missing image in the trust/introduction section. The hero is a fallback only. */
body.mn-customer-theme .normal-image{
  background-image:url("/assets/images/normal-proposals.webp?v=3935"),url("/assets/images/home-hero.webp?v=3935")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:#17111b!important;
}

/* Give the homepage cover copy more room on wide screens so the headline is not squeezed. */
body.mn-customer-theme[data-path="/"] .hero .hero-copy{
  box-sizing:border-box!important;
  width:min(860px,72vw)!important;
  max-width:860px!important;
  padding:clamp(28px,3vw,44px)!important;
}
body.mn-customer-theme[data-path="/"] .hero .hero-copy h1{
  max-width:790px!important;
  font-size:clamp(52px,5.4vw,88px)!important;
  line-height:.96!important;
}
body.mn-customer-theme[data-path="/"] .hero .hero-lead{max-width:690px!important}

.catalog-pagination{
  display:grid;
  grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
  align-items:center;
  gap:14px;
  margin-top:26px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.09);
}
.catalog-page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  color:#fff!important;
  font-weight:800;
  text-decoration:none!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.catalog-page-link:last-child{justify-self:end}
.catalog-page-link:first-child{justify-self:start}
.catalog-page-link:not(.is-disabled):hover{transform:translateY(-1px);background:rgba(238,210,143,.14);border-color:rgba(238,210,143,.45)}
.catalog-page-link.is-disabled{opacity:.34;cursor:not-allowed}
.catalog-page-status{color:#d7cbdc;font-size:.86rem;font-weight:750;text-align:center;white-space:nowrap}

/* Public catalogue never displays an NIC-verification badge. */
.text-proposals-page .verification-row span{font-weight:800}

@media(max-width:900px){
  body.mn-customer-theme[data-path="/"] .hero .hero-copy{width:min(760px,86vw)!important;max-width:760px!important}
}
@media(max-width:680px){
  body.mn-customer-theme[data-path="/"] .hero .hero-copy{width:100%!important;max-width:none!important;padding:22px!important}
  body.mn-customer-theme[data-path="/"] .hero .hero-copy h1{font-size:clamp(44px,14vw,66px)!important}
  .catalog-pagination{grid-template-columns:1fr 1fr}
  .catalog-page-status{grid-column:1/-1;grid-row:1;white-space:normal}
  .catalog-page-link{grid-row:2;width:100%;justify-self:stretch!important}
}

/* v3.9.36 — make the trust-section image a real image element, not background-only. */
body.mn-customer-theme .normal-image{
  position:relative!important;
  background-image:url("/assets/images/home-hero.webp?v=3936")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
body.mn-customer-theme .normal-image .normal-image-content{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
}
body.mn-customer-theme .normal-image::after{z-index:2!important}


/* v3.9.37 — make the VIP homepage banner photo a real image element. */
body.mn-customer-theme .vip-banner-image{
  position:relative!important;
  overflow:hidden!important;
  background-image:url("/assets/images/home-hero.webp?v=3937")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:#17111b!important;
}
body.mn-customer-theme .vip-banner-image .vip-banner-image-content{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  z-index:0!important;
}
body.mn-customer-theme .vip-banner-image::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(10,6,12,.04) 0%,rgba(35,10,44,.10) 62%,#33113e 100%);
}
@media(max-width:900px){
  body.mn-customer-theme .vip-banner-image .vip-banner-image-content{object-position:center 35%!important}
}