/* 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-home-v2.webp"),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}
}

/* Homepage trust section compact correction — image/hands + decorative frame + spacing only. */
body.mn-customer-theme[data-path="/"] .intro-section{
  padding-block:clamp(54px,6vw,82px)!important;
}
body.mn-customer-theme[data-path="/"] .intro-grid{
  align-items:center!important;
  gap:clamp(34px,5vw,72px)!important;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
}
body.mn-customer-theme[data-path="/"] .intro-visual{
  padding:0!important;
}
body.mn-customer-theme[data-path="/"] .intro-visual::before{
  display:none!important;
}
body.mn-customer-theme[data-path="/"] .image-frame.normal-image{
  height:clamp(360px,34vw,480px)!important;
  min-height:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
}
body.mn-customer-theme[data-path="/"] .image-frame.normal-image::after{
  inset:9px!important;
  border-radius:20px!important;
  border-color:rgba(255,255,255,.38)!important;
}
body.mn-customer-theme[data-path="/"] .normal-image .normal-image-content{
  object-position:center center!important;
}
body.mn-customer-theme[data-path="/"] .floating-note{
  display:none!important;
}
body.mn-customer-theme[data-path="/"] .intro-section .section-copy{
  padding:0!important;
  max-width:620px!important;
}
body.mn-customer-theme[data-path="/"] .intro-section .section-copy h2{
  font-size:clamp(2.35rem,3.7vw,3.75rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  max-width:590px!important;
}
body.mn-customer-theme[data-path="/"] .intro-section .section-copy>p:not(.eyebrow){
  margin:18px 0 20px!important;
  max-width:590px!important;
  font-size:15px!important;
  line-height:1.7!important;
}
body.mn-customer-theme[data-path="/"] .intro-section .feature-list{
  gap:10px!important;
  margin:18px 0 20px!important;
}
body.mn-customer-theme[data-path="/"] .intro-section .feature-list>div{
  padding:12px 14px!important;
  border-radius:16px!important;
}
body.mn-customer-theme[data-path="/"] .intro-section .feature-list span{
  line-height:1.45!important;
}
@media(max-width:900px){
  body.mn-customer-theme[data-path="/"] .intro-grid{grid-template-columns:1fr!important;gap:30px!important}
  body.mn-customer-theme[data-path="/"] .image-frame.normal-image{height:clamp(320px,58vw,440px)!important}
  body.mn-customer-theme[data-path="/"] .intro-section .section-copy{max-width:none!important}
}
@media(max-width:620px){
  body.mn-customer-theme[data-path="/"] .intro-section{padding-block:44px!important}
  body.mn-customer-theme[data-path="/"] .image-frame.normal-image{height:300px!important;border-radius:20px!important}
  body.mn-customer-theme[data-path="/"] .image-frame.normal-image::after{inset:7px!important;border-radius:15px!important}
  body.mn-customer-theme[data-path="/"] .intro-section .section-copy h2{font-size:clamp(2.15rem,10vw,3rem)!important}
}

/* v3.9.39 — trust-section frame follows the full image ratio so the image is not cropped. */
body.mn-customer-theme[data-path="/"] .intro-visual,
body.mn-customer-theme[data-path="/"] .intro-visual .image-frame.normal-image{
  width:100%!important;
  max-width:100%!important;
}
body.mn-customer-theme[data-path="/"] .image-frame.normal-image{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3 / 2!important;
  background:none!important;
  background-image:none!important;
  background-color:#17111b!important;
  overflow:hidden!important;
}
body.mn-customer-theme[data-path="/"] .image-frame.normal-image::after{
  inset:9px!important;
  border-radius:20px!important;
}
body.mn-customer-theme[data-path="/"] .normal-image .normal-image-content{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  background-color:#17111b!important;
}
@media(max-width:900px){
  body.mn-customer-theme[data-path="/"] .image-frame.normal-image{
    aspect-ratio:3 / 2!important;
    height:auto!important;
  }
}
@media(max-width:620px){
  body.mn-customer-theme[data-path="/"] .image-frame.normal-image{
    aspect-ratio:3 / 2!important;
    height:auto!important;
  }
}