/* Anee November 2026 final requested global fixes — layered after existing version & revision CSS. */
:root{--paper:#fff;--ink-on-paper:#173345;--sub-on-paper:#40566a;--line-on-paper:#e1e9ed}
body[data-version="v1"] .topbar,
body[data-version="v2"] .topbar,
body[data-version="v3"] .topbar{background:#fff!important;color:#233d4d!important;border-bottom:1px solid #e9eef2!important}
.topbar-inner a{color:#22516c!important}
.site-header{background:#fff!important;color:var(--ink-on-paper)!important;border-bottom:1px solid var(--line-on-paper)!important;box-shadow:0 5px 25px rgba(19,46,67,.06)}
.site-header .nav-link,.site-header .dropdown-trigger{color:#1b374a!important}
.site-header .nav-link:hover,.site-header .nav-link.is-active,.site-header .dropdown-trigger[aria-expanded=true]{color:var(--accent)!important}
.site-header .dropdown-menu{background:#fff!important;color:#183747!important;border-color:#dce6e8!important;box-shadow:0 22px 55px #122c3436!important}
.site-header .dropdown-menu strong{color:#214b57!important}
.site-header .dropdown-menu a{color:#203d49!important;border-color:#e6edf0!important}
.site-header .dropdown-menu a small{color:#5c6f78!important}
.site-header .dropdown-menu a:hover{background:#f0f7f7!important}
.site-header .brand-logo{background:#fff!important}
.site-header .mobile-toggle{border-color:#d2dce2!important;background:#fff!important}
.site-header .mobile-toggle span{background:#1c3543!important}
/* Keep the exact supplied logo treatment against white wherever it successfully loads. */
.site-header .brand-logo img{object-fit:contain;object-position:left center}
.mobile-drawer{background:#fff!important;color:#1a3947!important}
.mobile-drawer>a,.mobile-products-toggle{color:#1a3947!important;border-color:#e0e9eb!important}
.mobile-drawer .mobile-submenu{background:#f1f6f8!important}
.mobile-drawer .mobile-submenu a{color:#204456!important;border-color:#d8e3e6!important}
.mobile-drawer .mobile-submenu small{color:#56707b!important}
.mobile-drawer .drawer-close{background:#eaf0f2!important;color:#1b394b!important}
.mobile-drawer .mobile-products-toggle{color:#1b394b!important}
/* White footer on all 39 existing site pages, including theme-matched text and recognizable decorative icons. */
body .footer{background:#fff!important;color:#1c3446!important;border-top:1px solid #e2eaed!important}
body .footer h3{color:#193343!important}
body .footer p,body .footer-links a,body .footer-contact a,body .footer-contact span,
body .footer-bottom,body .footer-bottom a{color:#3c5564!important}
body .footer-links a:hover,body .footer-contact a:hover,body .footer-bottom a:hover{color:#005e90!important;text-decoration:underline}
body .footer-logo{background:#fff!important;box-shadow:none!important;border-radius:4px!important}
body .footer-bottom{border-top:1px solid #dde6e9!important}
body .social-symbol{background:#f5f9fa!important;color:#1a526c!important;border:1px solid #d3e2e8!important}
body .social-symbol:hover{background:#e5f0f4!important;transform:translateY(-3px)}
body .footer .button-whatsapp{color:#fff!important;background:#138949!important}
/* All image card subjects visible: no extreme zoom/cropped baby, cotton buds, sponge or bath accessories. */
.product-image{background:#f0f3f3!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important;transform:none!important;image-rendering:auto}
.product-card .product-image{aspect-ratio:1.2/1!important}
.product-image-link{z-index:3}
body[data-version="v1"] .product-card:nth-child(1) .product-image{background:#f9eff3!important}
body[data-version="v1"] .product-card:nth-child(2) .product-image{background:#ecf5fb!important}
body[data-version="v1"] .product-card:nth-child(3) .product-image{background:#f3edf8!important}
body[data-version="v1"] .product-card:nth-child(4) .product-image{background:#e8f5f0!important}
body[data-version="v2"] .product-image{background:#f7f3eb!important}
body[data-version="v3"] .product-image{background:#e9eff0!important}
/* Editorial/detail photography: retain natural proportions and reduce overly tight framing. */
.detail-photo,.editorial-photo,.feature-photo{overflow:hidden;background:#eaf1f4}
.detail-photo img,.editorial-photo img,.feature-photo img{object-position:center center;max-height:100%}
/* V3 full-bleed hero: ONE clear background photograph, with the actual copy overlaid; no obstructive miniature mosaic. */
body[data-version="v3"] .hero-v3{position:relative;min-height:620px!important;width:100%;isolation:isolate;overflow:hidden}
body[data-version="v3"] .hero-v3 .rev-hero-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:-1!important;overflow:hidden!important}
body[data-version="v3"] .hero-v3 .rev-hero-backdrop img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:60% 53%!important;filter:none!important}
body[data-version="v3"] .hero-v3 .rev-hero-backdrop:after{background:linear-gradient(90deg,#051922f4 0%,#071e26d4 43%,#0b2d36a3 70%,#09343b45 100%)!important}
body[data-version="v3"] .hero-v3 .hero-inner{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:620px!important;width:min(100% - 64px,1240px)!important;position:relative;z-index:1}
body[data-version="v3"] .hero-v3 .hero-copy{max-width:760px!important;padding:95px 0!important}
body[data-version="v3"] .hero-v3 .hero-copy h1{font-size:clamp(3.1rem,5.3vw,6rem)!important;line-height:1.06!important}
body[data-version="v3"] .hero-v3 .hero-copy p{color:#e8f0f3!important}
body[data-version="v3"] .hero-v3 .hero-mosaic{display:none!important}
/* Decorative/slider overlays never steal clicks from buttons. */
.spotlight-shape,.brand-rotator:before,.product-card::before,.rev-band::before{pointer-events:none!important}
.button,.header-cta,.product-card,.brand-rotator,.rev-card{transition-property:transform,background-color,color,box-shadow,border-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #102d401b}
@media(min-width:1024px){.footer-grid{padding-top:62px!important;padding-bottom:56px!important}.header-inner{height:80px}}
@media(max-width:970px){body[data-version="v3"] .hero-v3 .hero-inner{width:min(100% - 42px,1240px)!important;min-height:570px!important}}
@media(max-width:680px){
 body[data-version="v3"] .hero-v3{min-height:0!important}
 body[data-version="v3"] .hero-v3 .hero-inner{width:min(100% - 34px,1240px)!important;min-height:560px!important}
 body[data-version="v3"] .hero-v3 .hero-copy{padding:73px 0 75px!important;max-width:100%!important}
 body[data-version="v3"] .hero-v3 .hero-copy h1{font-size:clamp(2.7rem,11vw,4.1rem)!important}
 body[data-version="v3"] .hero-v3 .rev-hero-backdrop img{object-position:57% 50%!important}
 body[data-version="v3"] .hero-v3 .rev-hero-backdrop:after{background:linear-gradient(90deg,#03171ef4,#08232ce8 63%,#0c3236ac)!important}
 .product-card .product-image{aspect-ratio:1/1!important}
 .footer-grid{gap:30px 16px;padding-block:48px!important}
}
@media(prefers-reduced-motion:reduce){.product-card:hover,.social-symbol:hover{transform:none!important}}

/* Refined Clients headings: preserve whole words at every size. */
body[data-version="v3"] .clients-home h2,
body[data-version="v3"] .clients-page h2{
  max-width:700px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:clamp(2.3rem,3.55vw,4.2rem)!important;
  line-height:1.08!important;
  text-wrap:balance;
}
@media(max-width:680px){
 body[data-version="v3"] .clients-home h2,
 body[data-version="v3"] .clients-page h2{font-size:clamp(2rem,8.3vw,3rem)!important;max-width:100%!important}
}


/* 2026-11-06: sharpen image-backed sections and give every inner page a generous photo-first hero. */
.has-context-bg::before,
.has-category-bg::before,
.extra-service-inner::before{
  background-image:url('../assets/clients-bg-crisper-1672.webp')!important;
  background-position:50% 48%!important;
  background-size:cover!important;
  filter:contrast(1.1) saturate(1.08)!important;
  transform:scale(1.012)!important;
}
/* More of the warehouse scene is visible while keeping the business facts and labels legible. */
body[data-version="v1"] .has-context-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(249,252,255,.68) 58%,rgba(241,248,255,.48))!important}
body[data-version="v2"] .has-context-bg::after{background:linear-gradient(90deg,rgba(251,248,242,.86),rgba(247,242,233,.69) 58%,rgba(238,245,232,.51))!important}
body[data-version="v3"] .has-context-bg::after{background:linear-gradient(90deg,rgba(4,19,24,.83),rgba(8,27,33,.65) 58%,rgba(13,40,45,.45))!important}
body[data-version="v1"] .has-category-bg::after,
body[data-version="v1"] .extra-service-inner::after{background:linear-gradient(110deg,rgba(249,252,255,.87),rgba(245,249,253,.54))!important}
body[data-version="v2"] .has-category-bg::after,
body[data-version="v2"] .extra-service-inner::after{background:linear-gradient(110deg,rgba(251,248,240,.87),rgba(242,246,236,.55))!important}
body[data-version="v3"] .has-category-bg::after,
body[data-version="v3"] .extra-service-inner::after{background:linear-gradient(110deg,rgba(6,22,28,.86),rgba(12,38,44,.58))!important}

/* Inner-page hero is fully edge to edge and no longer a short horizontal strip. */
body .inner-hero{
  width:100%!important;
  height:clamp(560px,44vw,655px)!important;
  min-height:560px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  isolation:isolate;
  overflow:hidden;
}
body .inner-hero-photo{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  width:100%!important;
  z-index:-1!important;
  overflow:hidden;
}
body .inner-hero-photo img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  object-fit:cover!important;
  object-position:center 50%!important;
  animation:none!important; /* Prevent animation zoom from magnifying low-resolution product closeups. */
  filter:none!important;
  transform:none!important;
}
body .inner-hero-inner{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:100%!important;
  padding-block:76px!important;
  gap:30px!important;
}
body .inner-hero h1{
  font-size:clamp(2.8rem,4.6vw,5.2rem)!important;
  max-width:850px!important;
  line-height:1.06!important;
  text-wrap:balance;
  letter-spacing:-.045em!important;
  margin:14px 0 19px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body .inner-hero p{max-width:590px!important;font-size:clamp(1rem,1.23vw,1.14rem)!important;line-height:1.65!important;color:#f2f7f9!important}
body .inner-hero .eyebrow{color:#c8e6ed!important}
body[data-version="v1"] .inner-hero-photo::after{
  background:linear-gradient(90deg,rgba(4,28,50,.88) 0%,rgba(8,38,61,.75) 38%,rgba(11,43,60,.35) 73%,rgba(11,43,60,.12) 100%)!important;
}
body[data-version="v2"] .inner-hero-photo::after{
  background:linear-gradient(90deg,rgba(20,43,33,.85) 0%,rgba(25,52,39,.72) 38%,rgba(25,55,39,.32) 75%,rgba(25,55,39,.10) 100%)!important;
}
body[data-version="v3"] .inner-hero-photo::after{
  background:linear-gradient(90deg,rgba(3,23,29,.90) 0%,rgba(7,33,40,.75) 40%,rgba(9,42,46,.35) 75%,rgba(9,42,46,.10) 100%)!important;
}
/* The bright area on the right shows actual stock/products rather than a flat dark overlay. */
body .inner-hero-tag{background:rgba(12,39,48,.22);backdrop-filter:blur(3px);border-color:rgba(255,255,255,.6);color:#fff}
@media(max-width:970px){
  body .inner-hero{height:clamp(500px,62vw,600px)!important;min-height:500px!important}
  body .inner-hero-inner{padding-block:64px!important}
  body .inner-hero h1{font-size:clamp(2.5rem,5.3vw,4.5rem)!important;max-width:780px!important}
  body .inner-hero-photo img{object-position:61% center!important}
}
@media(max-width:680px){
  body .inner-hero{height:auto!important;min-height:520px!important}
  body .inner-hero-inner{min-height:520px!important;align-items:center!important;padding-block:64px 72px!important}
  body .inner-hero h1{font-size:clamp(2.25rem,9.3vw,3.55rem)!important;max-width:100%!important;line-height:1.11!important}
  body .inner-hero p{font-size:.94rem!important;max-width:95%!important}
  body .inner-hero-photo img{object-position:67% 50%!important}
  body[data-version="v1"] .inner-hero-photo::after{background:linear-gradient(90deg,rgba(4,25,44,.94),rgba(6,34,53,.84) 61%,rgba(10,45,60,.64))!important}
  body[data-version="v2"] .inner-hero-photo::after{background:linear-gradient(90deg,rgba(17,39,29,.93),rgba(22,49,36,.82) 61%,rgba(27,54,40,.62))!important}
  body[data-version="v3"] .inner-hero-photo::after{background:linear-gradient(90deg,rgba(4,21,28,.94),rgba(7,30,37,.84) 61%,rgba(12,43,49,.64))!important}
  .has-context-bg::before,.has-category-bg::before,.extra-service-inner::before{background-image:url('../assets/clients-bg-crisper-1080.webp')!important}
}
@media(max-width:400px){
  body .inner-hero{min-height:505px!important}
  body .inner-hero-inner{min-height:505px!important;padding-block:54px 62px!important}
  body .inner-hero h1{font-size:clamp(2.12rem,9.2vw,2.9rem)!important}
}

/* Final clarity adjustment: use naturally sharp, original trading imagery for Clients panels. */
body[data-version="v1"] .has-context-bg::before{
  background-image:url('../assets/hero-v1-1672.webp')!important;
  background-position:64% 54%!important;
  filter:contrast(1.06) saturate(1.05)!important;
}
body[data-version="v2"] .has-context-bg::before{
  background-image:url('../assets/hero-v2-1672.webp')!important;
  background-position:67% 50%!important;
  filter:contrast(1.08) saturate(1.03)!important;
}
body[data-version="v3"] .has-context-bg::before{
  background-image:url('../assets/hero-v3-1672.webp')!important;
  background-position:67% 50%!important;
  filter:contrast(1.11) saturate(1.08)!important;
}
body[data-version="v1"] .has-context-bg::after{
  background:linear-gradient(90deg,rgba(250,253,255,.92),rgba(250,253,255,.78) 51%,rgba(250,253,255,.52))!important;
}
body[data-version="v2"] .has-context-bg::after{
  background:linear-gradient(90deg,rgba(251,248,242,.91),rgba(251,248,242,.76) 51%,rgba(251,248,242,.48))!important;
}
body[data-version="v3"] .has-context-bg::after{
  background:linear-gradient(90deg,rgba(5,21,28,.90),rgba(5,21,28,.71) 51%,rgba(5,21,28,.43))!important;
}