html{background:#fff!important;color-scheme:light}

/* Nonwoven fix v21: thermal full visibility + large collage images inside real brand applications */
html body #page-nonwoven-bags .nw-thermal-card>img{
  width:100%!important;
  height:clamp(300px,31vw,400px)!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  background:#fff!important;
  border-radius:18px!important
}
html body #page-nonwoven-bags .nw-thermal-card:nth-child(1)>img,
html body #page-nonwoven-bags .nw-thermal-card:nth-child(2)>img,
html body #page-nonwoven-bags .nw-thermal-card:nth-child(3)>img{
  object-position:center center!important
}
html body #page-nonwoven-bags .nw-thermal-card{align-content:start!important}
html body #page-nonwoven-bags .nw-brand-collages{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  margin:24px 0 0!important;
  padding:0!important
}
html body #page-nonwoven-bags .nw-brand-collage-card{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-brand-collage-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:22px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card:nth-child(8)>img{
  aspect-ratio:4/5!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:0!important;
  background:#fff!important;
  border-radius:18px!important
}
@media(max-width:980px){
  html body #page-nonwoven-bags .nw-thermal-card>img{
    height:240px!important;
    object-fit:contain!important;
    object-position:center center!important
  }
  html body #page-nonwoven-bags .nw-brand-collages{
    gap:12px!important;
    margin-top:18px!important
  }
  html body #page-nonwoven-bags .nw-brand-collage-card img{
    border-radius:16px!important
  }
}


/* Nonwoven fix v22: move the two collage visuals into the real brand applications slider/grid */
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide{
  grid-column:1 / -1!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide>img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide h3{
  padding:12px 2px 2px!important;
  font-size:15px!important;
  line-height:1.3!important
}
@media(max-width:980px){
  html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide{
    flex:0 0 min(92vw,980px)!important;
    width:min(92vw,980px)!important;
    grid-column:auto!important
  }
  html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide>img{
    border-radius:16px!important
  }
}


/* Nonwoven fix v23: one collage moved under the main title, full-width, no white frame */
html body #page-nonwoven-bags .nw-hero-feature{
  width:100%!important;
  margin:22px 0 20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-hero-feature img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:22px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide>img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important
}
@media(max-width:980px){
  html body #page-nonwoven-bags .nw-hero-feature{margin:16px 0 16px!important}
  html body #page-nonwoven-bags .nw-hero-feature img{border-radius:16px!important}
  html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide>img{border-radius:16px!important}
}


/* Nonwoven fix v24: larger hero collage, stronger thermal visibility, bigger remaining collage card */
html body #page-nonwoven-bags .nw-clean-hero-grid>.cp-hero-copy{
  max-width:none!important
}
html body #page-nonwoven-bags .nw-hero-feature{
  width:min(1480px,calc(100vw - 44px))!important;
  max-width:none!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:24px 0 24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-hero-feature img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important
}

html body #page-nonwoven-bags .nw-thermal-card{
  align-content:start!important
}
html body #page-nonwoven-bags .nw-thermal-card>img,
html body #page-nonwoven-bags .nw-thermal-card:nth-child(1)>img,
html body #page-nonwoven-bags .nw-thermal-card:nth-child(2)>img,
html body #page-nonwoven-bags .nw-thermal-card:nth-child(3)>img{
  display:block!important;
  width:100%!important;
  height:clamp(320px,34vw,430px)!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
  box-shadow:none!important
}

html body #page-nonwoven-bags .nw-brand-card>img,
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card:nth-child(8)>img{
  background:transparent!important;
  padding:0!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide{
  grid-column:span 2!important;
  align-self:start!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide>img{
  width:100%!important;
  height:clamp(330px,30vw,430px)!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide h3{
  padding-top:12px!important
}

@media(max-width:980px){
  html body #page-nonwoven-bags .nw-hero-feature{
    width:100%!important;
    left:auto!important;
    transform:none!important;
    margin:16px 0 16px!important
  }
  html body #page-nonwoven-bags .nw-hero-feature img{
    border-radius:14px!important
  }
  html body #page-nonwoven-bags .nw-thermal-card>img,
  html body #page-nonwoven-bags .nw-thermal-card:nth-child(1)>img,
  html body #page-nonwoven-bags .nw-thermal-card:nth-child(2)>img,
  html body #page-nonwoven-bags .nw-thermal-card:nth-child(3)>img{
    height:255px!important;
    object-fit:contain!important;
    object-position:center center!important
  }
  html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide{
    flex:0 0 min(86vw,760px)!important;
    width:min(86vw,760px)!important;
    grid-column:auto!important
  }
  html body #page-nonwoven-bags .nw-brand-track .nw-brand-card-wide>img{
    height:280px!important;
    border-radius:14px!important
  }
}


/* Nonwoven fix v25: much larger top collage + move remaining large collage above project request */
html body #page-nonwoven-bags .nw-clean-hero-grid>.cp-hero-copy{
  max-width:none!important
}
html body #page-nonwoven-bags .nw-hero-feature{
  position:relative!important;
  width:calc(100vw - 12px)!important;
  max-width:none!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:28px 0 26px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-hero-feature img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-pre-request-collage{
  padding:18px 0 34px!important;
  background:#fff!important
}
html body #page-nonwoven-bags .nw-pre-request-media{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-pre-request-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:18px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important
}
@media(max-width:980px){
  html body #page-nonwoven-bags .nw-hero-feature{
    width:calc(100vw - 10px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    margin:16px 0 18px!important
  }
  html body #page-nonwoven-bags .nw-hero-feature img,
  html body #page-nonwoven-bags .nw-pre-request-media img{
    border-radius:14px!important
  }
  html body #page-nonwoven-bags .nw-pre-request-collage{
    padding:8px 0 24px!important
  }
}


/* Nonwoven fix v26: genuinely zoom the two horizontal collages instead of only widening their containers */
html body #page-nonwoven-bags .nw-collage-zoom{
  position:relative!important;
  width:calc(100vw - 8px)!important;
  max-width:none!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  border:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-collage-zoom::-webkit-scrollbar{display:none!important}
html body #page-nonwoven-bags .nw-collage-zoom img{
  display:block!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  box-shadow:none!important
}
html body #page-nonwoven-bags .nw-collage-zoom-top{
  margin-top:28px!important;
  margin-bottom:28px!important
}
html body #page-nonwoven-bags .nw-collage-zoom-top img{
  width:170%!important;
  min-width:170%!important
}
html body #page-nonwoven-bags .nw-pre-request-collage{
  padding:12px 0 30px!important;
  overflow:hidden!important;
  background:#fff!important
}
html body #page-nonwoven-bags .nw-collage-zoom-project img{
  width:200%!important;
  min-width:200%!important
}
@media(max-width:980px){
  html body #page-nonwoven-bags .nw-collage-zoom{
    width:100vw!important
  }
  html body #page-nonwoven-bags .nw-collage-zoom-top img{
    width:185%!important;
    min-width:185%!important
  }
  html body #page-nonwoven-bags .nw-collage-zoom-project img{
    width:200%!important;
    min-width:200%!important
  }
}


/* Nonwoven fix v27: continuous right-to-left flow for both large collages */
html body #page-nonwoven-bags .nw-collage-zoom{
  overflow:hidden!important;
  cursor:grab!important;
  touch-action:pan-y!important
}
html body #page-nonwoven-bags .nw-collage-marquee-track{
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  will-change:transform!important;
  transform:translate3d(0,0,0)!important;
  animation:nwCollageMarquee 34s linear infinite!important
}
html body #page-nonwoven-bags .nw-collage-zoom-project .nw-collage-marquee-track{
  animation-duration:38s!important
}
html body #page-nonwoven-bags .nw-collage-zoom:hover .nw-collage-marquee-track,
html body #page-nonwoven-bags .nw-collage-zoom:active .nw-collage-marquee-track,
html body #page-nonwoven-bags .nw-collage-zoom:focus-within .nw-collage-marquee-track{
  animation-play-state:paused!important
}
html body #page-nonwoven-bags .nw-collage-zoom-top .nw-collage-marquee-img{
  flex:0 0 170vw!important;
  width:170vw!important;
  min-width:170vw!important;
  max-width:none!important
}
html body #page-nonwoven-bags .nw-collage-zoom-project .nw-collage-marquee-img{
  flex:0 0 200vw!important;
  width:200vw!important;
  min-width:200vw!important;
  max-width:none!important
}
@keyframes nwCollageMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:980px){
  html body #page-nonwoven-bags .nw-collage-zoom-top .nw-collage-marquee-img{
    flex-basis:185vw!important;
    width:185vw!important;
    min-width:185vw!important
  }
  html body #page-nonwoven-bags .nw-collage-zoom-project .nw-collage-marquee-img{
    flex-basis:200vw!important;
    width:200vw!important;
    min-width:200vw!important
  }
  html body #page-nonwoven-bags .nw-collage-marquee-track{animation-duration:30s!important}
  html body #page-nonwoven-bags .nw-collage-zoom-project .nw-collage-marquee-track{animation-duration:34s!important}
}
@media(prefers-reduced-motion:reduce){
  html body #page-nonwoven-bags .nw-collage-marquee-track{animation:none!important}
}


/* Nonwoven fix v28: JS-driven continuous flow; independent from reduced-motion CSS */
html body #page-nonwoven-bags .nw-collage-marquee-track{
  animation:none!important;
  transform:translate3d(0,0,0)!important;
  will-change:transform!important
}


/* Nonwoven fix v29: directional drag + momentum, like approved product carousels */
html body #page-nonwoven-bags .nw-collage-zoom{
  cursor:grab!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:pan-y!important;
  overscroll-behavior-x:contain!important
}
html body #page-nonwoven-bags .nw-collage-zoom.is-dragging{
  cursor:grabbing!important
}
html body #page-nonwoven-bags .nw-collage-zoom.is-dragging .nw-collage-marquee-img{
  pointer-events:none!important
}
html body #page-nonwoven-bags .nw-collage-marquee-img{
  -webkit-user-drag:none!important;
  user-select:none!important;
  -webkit-user-select:none!important
}


/* Nonwoven fix v30: seamless five-copy runtime buffer */
html body #page-nonwoven-bags .nw-collage-marquee-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:max-content!important;
  min-width:max-content!important;
  overflow:visible!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important
}
html body #page-nonwoven-bags .nw-collage-marquee-img{
  display:block!important;
  flex-shrink:0!important;
  margin:0!important;
  border:0!important;
  backface-visibility:hidden!important
}


/* Digital solutions — Other Product Groups to moving visual carousel, matching approved product-page motion language. */
html body #page-digital-solutions .di-related-products{
  padding:72px 0 76px!important;
  background:#fff!important;
  overflow:hidden!important
}
html body #page-digital-solutions .di-related-products .eyebrow{
  margin-bottom:18px!important;
  color:#53565a!important
}
html body #page-digital-solutions .di-related-carousel-shell{
  position:relative!important;
  min-width:0!important;
  margin-top:16px!important;
  overflow:hidden!important
}
html body #page-digital-solutions .di-related-track{
  display:flex!important;
  grid-template-columns:none!important;
  grid-auto-flow:initial!important;
  grid-auto-columns:initial!important;
  width:100%!important;
  max-width:100%!important;
  gap:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  scroll-snap-type:none!important;
  padding:2px 0 8px!important;
  margin:0!important;
  animation:none!important;
  transform:none!important;
  will-change:auto!important
}
html body #page-digital-solutions .di-related-track::-webkit-scrollbar{display:none!important}
html body #page-digital-solutions .di-related-group{
  display:flex!important;
  align-items:stretch!important;
  gap:12px!important;
  padding-right:12px!important;
  flex:0 0 auto!important
}
html body #page-digital-solutions .di-related-card,
html body #page-digital-solutions .di-related-card:hover{
  display:grid!important;
  grid-template-rows:auto minmax(46px,auto)!important;
  gap:0!important;
  flex:0 0 clamp(190px,24vw,282px)!important;
  width:clamp(190px,24vw,282px)!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#171717!important;
  text-decoration:none!important;
  text-align:left!important;
  transform:none!important
}
html body #page-digital-solutions .di-related-media{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  border:0!important;
  outline:0!important;
  border-radius:17px!important;
  background:#f4f4f2!important;
  box-shadow:none!important
}
html body #page-digital-solutions .di-related-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important
}
html body #page-digital-solutions .di-related-card h3{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:10px 2px 3px!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#222!important;
  text-align:left!important
}
@media(max-width:900px){
  html body #page-digital-solutions .di-related-card,
  html body #page-digital-solutions .di-related-card:hover{
    flex-basis:clamp(172px,34vw,250px)!important;
    width:clamp(172px,34vw,250px)!important
  }
}
@media(max-width:760px){
  html body #page-digital-solutions .di-related-products{padding:58px 0 64px!important}
  html body #page-digital-solutions .di-related-carousel-shell{margin-top:18px!important}
  html body #page-digital-solutions .di-related-group{gap:10px!important;padding-right:10px!important}
  html body #page-digital-solutions .di-related-card,
  html body #page-digital-solutions .di-related-card:hover{
    flex-basis:min(72vw,300px)!important;
    width:min(72vw,300px)!important;
    min-width:220px!important
  }
  html body #page-digital-solutions .di-related-media{border-radius:15px!important}
  html body #page-digital-solutions .di-related-card h3{padding-top:9px!important;font-size:11px!important}
}