/* Bag-type module performance pass: keep the glow outline, avoid repaint-heavy filters. */
#bag-types.bag-section,
body.home.front-page #bag-types.bag-section,
body.pdl-static-theme-preview #bag-types.bag-section {
  content-visibility: visible !important;
  contain: paint !important;
  background:
    linear-gradient(180deg, rgba(4, 15, 27, .96) 0%, rgba(6, 25, 43, .92) 48%, rgba(5, 18, 33, .96) 100%),
    url("../../images/hero/quick-quote-product-family.webp") center 48% / cover no-repeat !important;
}

#bag-types.bag-section::before,
body.home.front-page #bag-types.bag-section::before,
body.pdl-static-theme-preview #bag-types.bag-section::before {
  background:
    radial-gradient(circle at 18% 12%, rgba(39, 141, 224, .14), transparent 34%),
    radial-gradient(circle at 84% 20%, rgba(42, 191, 172, .10), transparent 36%),
    rgba(2, 10, 20, .38) !important;
  backdrop-filter: none !important;
  filter: none !important;
}

#bag-types.bag-section::after,
body.home.front-page #bag-types.bag-section::after,
body.pdl-static-theme-preview #bag-types.bag-section::after {
  filter: none !important;
  pointer-events: none !important;
}

#bag-types [data-deck="bags"],
body.home.front-page #bag-types [data-deck="bags"],
body.pdl-static-theme-preview #bag-types [data-deck="bags"] {
  contain: layout paint style !important;
}

#bag-types [data-deck="bags"] .bag-card,
#bag-types [data-deck="bags"] .bag-card:hover,
#bag-types [data-deck="bags"] .bag-card:focus-within,
body.home.front-page #bag-types [data-deck="bags"] .bag-card,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within {
  contain: layout paint style !important;
  backface-visibility: hidden !important;
  box-shadow: none !important;
  transition: transform 150ms cubic-bezier(.22, .8, .25, 1) !important;
  will-change: transform !important;
}

#bag-types [data-deck="bags"] .bag-card::after,
body.home.front-page #bag-types [data-deck="bags"] .bag-card::after,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card::after {
  inset: 2px !important;
  border-color: rgba(126, 208, 255, .84) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .08) inset,
    0 0 10px rgba(67, 163, 255, .28) !important;
  opacity: 0 !important;
  transform: translateZ(0) !important;
  transition: opacity 140ms ease !important;
  will-change: opacity !important;
}

#bag-types [data-deck="bags"] .bag-card:hover::after,
#bag-types [data-deck="bags"] .bag-card:focus-within::after,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover::after,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within::after,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover::after,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within::after {
  opacity: 1 !important;
}

#bag-types [data-deck="bags"] .bag-card img,
#bag-types [data-deck="bags"] .bag-card:hover img,
#bag-types [data-deck="bags"] .bag-card:focus-within img,
body.home.front-page #bag-types [data-deck="bags"] .bag-card img,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover img,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within img,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card img,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover img,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within img {
  filter: none !important;
  transform: translateZ(0) !important;
  will-change: auto !important;
}

@media (prefers-reduced-motion: reduce) {
  #bag-types [data-deck="bags"] .bag-card,
  #bag-types [data-deck="bags"] .bag-card::after,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card::after,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card::after {
    transition: none !important;
  }
}

/* Repair pass for bag links and later homepage modules. */
#bag-types [data-deck="bags"],
body.home.front-page #bag-types [data-deck="bags"],
body.pdl-static-theme-preview #bag-types [data-deck="bags"],
#bag-types [data-deck="bags"] .bag-card,
#bag-types [data-deck="bags"] .bag-card:hover,
#bag-types [data-deck="bags"] .bag-card:focus-within,
body.home.front-page #bag-types [data-deck="bags"] .bag-card,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within {
  contain: none !important;
  overflow: visible !important;
}

#bag-types [data-deck="bags"] .bag-card::after,
body.home.front-page #bag-types [data-deck="bags"] .bag-card::after,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card::after {
  inset: 0 !important;
  z-index: 4 !important;
}

#bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
#bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link,
#bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link,
body.home.front-page #bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: end !important;
  justify-self: center !important;
  display: block !important;
  width: min(88%, 248px) !important;
  height: 220px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 auto 14px !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  background: transparent !important;
  transform: translateZ(0) !important;
}

#bag-types [data-deck="bags"] .bag-card .bag-card-image-link img,
#bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link img,
#bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link img,
body.home.front-page #bag-types [data-deck="bags"] .bag-card .bag-card-image-link img,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link img,
body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link img,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card .bag-card-image-link img,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link img,
body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
}

#printing .reveal,
#materials .reveal,
#quality .reveal,
#factory .reveal,
#certifications.reveal,
#certifications .reveal,
#faq .reveal,
#quote .reveal,
body.home.front-page #printing .reveal,
body.home.front-page #materials .reveal,
body.home.front-page #quality .reveal,
body.home.front-page #factory .reveal,
body.home.front-page #certifications.reveal,
body.home.front-page #certifications .reveal,
body.home.front-page #faq .reveal,
body.home.front-page #quote .reveal,
body.pdl-static-theme-preview #printing .reveal,
body.pdl-static-theme-preview #materials .reveal,
body.pdl-static-theme-preview #quality .reveal,
body.pdl-static-theme-preview #factory .reveal,
body.pdl-static-theme-preview #certifications.reveal,
body.pdl-static-theme-preview #certifications .reveal,
body.pdl-static-theme-preview #faq .reveal,
body.pdl-static-theme-preview #quote .reveal {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#quality .quality-proof-strip,
body.home.front-page #quality .quality-proof-strip,
body.pdl-static-theme-preview #quality .quality-proof-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
}

#quality .quality-proof-strip figure,
body.home.front-page #quality .quality-proof-strip figure,
body.pdl-static-theme-preview #quality .quality-proof-strip figure {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 148px !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #eef4f8 !important;
  box-shadow: inset 0 0 0 1px rgba(18, 45, 70, .07) !important;
}

#quality .quality-proof-strip img,
body.home.front-page #quality .quality-proof-strip img,
body.pdl-static-theme-preview #quality .quality-proof-strip img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  transform: scale(1.01) !important;
}

#quality .quality-proof-strip figcaption,
body.home.front-page #quality .quality-proof-strip figcaption,
body.pdl-static-theme-preview #quality .quality-proof-strip figcaption {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  z-index: 2 !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: rgba(6, 27, 46, .74) !important;
  color: #fff !important;
  font-size: .74rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}

@media (max-width: 720px) {
  #bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
  #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link,
  #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link,
  body.home.front-page #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card .bag-card-image-link,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:hover .bag-card-image-link,
  body.pdl-static-theme-preview #bag-types [data-deck="bags"] .bag-card:focus-within .bag-card-image-link {
    width: min(100%, 124px) !important;
    height: 112px !important;
    margin-bottom: 10px !important;
  }

  #quality .quality-proof-strip,
  body.home.front-page #quality .quality-proof-strip,
  body.pdl-static-theme-preview #quality .quality-proof-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  #quality .quality-proof-strip figure,
  body.home.front-page #quality .quality-proof-strip figure,
  body.pdl-static-theme-preview #quality .quality-proof-strip figure {
    min-height: 76px !important;
  }

  #quality .quality-proof-strip figure:nth-child(3),
  body.home.front-page #quality .quality-proof-strip figure:nth-child(3),
  body.pdl-static-theme-preview #quality .quality-proof-strip figure:nth-child(3) {
    display: none !important;
  }
}