/* MANGALAM V14 — clean image fit + borderless white partner/client presentation + cross-browser admin polish */
:root{--v14-gold:#d8ad3d;--v14-gold-hi:#f0d47d}

/* Homepage solution media: consistent frame, no crop, no stretch, clean white presentation. */
.home-services-section .solution-card .service-img{
  aspect-ratio:16/10!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#fff!important;
  border-bottom:1px solid rgba(216,173,61,.16)!important;
  isolation:isolate!important;
}
.home-services-section .solution-card .service-img::before{display:none!important}
.home-services-section .solution-card .service-img::after{display:none!important}
.home-services-section .solution-card .service-img img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:16px!important;
  box-sizing:border-box!important;
  transform:none!important;
  filter:none!important;
  transition:filter .3s ease,opacity .3s ease!important;
}
.home-services-section .solution-card:hover .service-img img{transform:none!important;filter:saturate(1.03) contrast(1.02)!important}
.home-services-section .solution-card .solution-number{z-index:5!important}

/* Product media: same reliable no-crop behavior. */
.product-card .product-img{display:grid!important;place-items:center!important;overflow:hidden!important;background:#fff!important}
.product-card .product-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:14px!important;box-sizing:border-box!important;transform:none!important}
.product-card:hover .product-img img{transform:none!important}

/* PARTNERS + CLIENTS — pure white, borderless, animated marquees. */
.home-brands-section,.home-clients-section{background:#050505!important}
.logo-marquee,
.client-marquee{
  background:#fff!important;
  border:0!important;
  border-block:0!important;
  padding:24px 0!important;
}
.logo-marquee::before,.logo-marquee::after{
  width:110px!important;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,0))!important;
}
.logo-marquee::after{background:linear-gradient(-90deg,#fff,rgba(255,255,255,0))!important}
.partner-track,.client-track{align-items:center!important;gap:44px!important}
.logo-pill,.client-logo-pill{
  flex:0 0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:8px 10px!important;
  min-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  transition:transform .35s ease,opacity .35s ease!important;
}
.logo-pill:hover,.client-logo-pill:hover{
  border:0!important;
  box-shadow:none!important;
  transform:translateY(-3px) scale(1.025)!important;
  opacity:.92!important;
}
.logo-pill img,.client-logo-pill img{
  width:190px!important;
  height:74px!important;
  max-width:190px!important;
  object-fit:contain!important;
  background:#fff!important;
}
.logo-pill span,.client-logo-pill span{
  margin-top:5px!important;
  color:#25231f!important;
  font-size:.66rem!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  line-height:1.1!important;
}

/* Clients directory: white canvas, no individual boxes, same restrained hover motion. */
.customer-directory{gap:28px!important}
.customer-card{
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transition:transform .35s ease,opacity .35s ease!important;
}
.customer-card:hover{
  transform:translateY(-5px)!important;
  border:0!important;
  box-shadow:none!important;
}
.customer-card .logo-card-img{
  height:170px!important;
  padding:24px!important;
  background:#fff!important;
  border:0!important;
}
.customer-card .logo-card-img img{
  width:100%!important;
  height:100%!important;
  max-width:210px!important;
  max-height:125px!important;
  object-fit:contain!important;
}
.customer-card .info-body{
  min-height:66px!important;
  padding:8px 12px 18px!important;
  background:#fff!important;
  align-items:center!important;
  text-align:center!important;
}
.customer-card .customer-label{color:#a27a17!important}
.customer-card strong{color:#1c1b18!important}

/* Admin publishing status / credentials presentation. */
.admin-access-note{
  margin:0 0 18px!important;
  padding:14px 16px!important;
  border:1px solid rgba(216,173,61,.25)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(216,173,61,.10),rgba(255,255,255,.025))!important;
  color:#ddd!important;
  line-height:1.6!important;
}
.admin-access-note strong{color:var(--v14-gold-hi)!important}
.admin-access-note code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#fff!important}

@media(max-width:760px){
  .home-services-section .solution-card .service-img{aspect-ratio:16/10!important}
  .home-services-section .solution-card .service-img img{padding:11px!important}
  .logo-marquee,.client-marquee{padding:16px 0!important}
  .partner-track,.client-track{gap:28px!important}
  .logo-pill,.client-logo-pill{min-height:82px!important;padding:6px 8px!important}
  .logo-pill img,.client-logo-pill img{width:150px!important;height:58px!important}
  .logo-pill span,.client-logo-pill span{font-size:.6rem!important}
  .customer-directory{gap:16px!important}
  .customer-card .logo-card-img{height:145px!important;padding:16px!important}
  .customer-card .logo-card-img img{max-width:160px!important;max-height:100px!important}
}
@media(prefers-reduced-motion:reduce){
  .logo-pill,.client-logo-pill,.customer-card{transition:none!important}
  .logo-pill:hover,.client-logo-pill:hover,.customer-card:hover{transform:none!important}
}