/* ============================================================
   Full-bleed product detail images (heatxlab.com)
   Make every detail / marketing image span the full viewport
   width for a stronger visual impact. Product pages only.
   ============================================================ */

/* ---- 1. Detail sections break out of the page container ---- */
#productDetail .pd-section#selling-points,
#productDetail .pd-scenes,
#productDetail .g2h,
#productDetail .g2sp,
#productDetail .g2sc,
#productDetail .g2pk,
#productDetail .h3pk,
#productDetail .nasp,
#productDetail .npk {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}

/* ---- 2. Inner containers / panels lose their insets ---- */
#productDetail .g2h .container,
#productDetail .g2sp .container,
#productDetail .g2pk .container,
#productDetail .h3pk .container {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
}

#productDetail .g2h-band,
#productDetail .g2pk-panel,
#productDetail .h3pk-panel,
#productDetail .nasp-stage,
#productDetail .npk-stage {
  max-width: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
#productDetail .npk-stage::before,
#productDetail .pd-scenes::before {
  display: none;
}

/* ---- 3. Text blocks keep readable side padding ---- */
#productDetail .pd-section-head,
#productDetail .g2h-head,
#productDetail .g2sp-head,
#productDetail .g2pk-head,
#productDetail .h3pk-head,
#productDetail .nasp-head,
#productDetail .npk-head,
#productDetail .g2h-note,
#productDetail .npk-note,
#productDetail .g2sc-kicker,
#productDetail .h3pk-chips {
  padding-left: 24px;
  padding-right: 24px;
}
#productDetail .h3pk-chips {
  padding-top: 22px;
  padding-bottom: 22px;
}

/* ---- 4. Image lists become one stacked, full-width column ---- */
#productDetail .sp-list,
#productDetail .scene-list,
#productDetail .g2h-split,
#productDetail .g2sp-list,
#productDetail .g2sc-list,
#productDetail .g2pk-grid,
#productDetail .npk-grid {
  display: block;
  margin: 0;
}

/* ---- 5. Every image card is edge to edge: no radius / border ---- */
#productDetail .sp-card,
#productDetail .sp-card.sp-wide,
#productDetail .scene-media,
#productDetail .g2h-banner,
#productDetail .g2h-shot,
#productDetail .g2sp-card,
#productDetail .g2sc-item,
#productDetail .g2pk-cell,
#productDetail .h3pk-stage,
#productDetail .nasp-frame,
#productDetail .npk-card,
#productDetail .npk-mat {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #0b0d13;
  overflow: hidden;
}

#productDetail .sp-card img,
#productDetail .scene-media img,
#productDetail .g2h-banner img,
#productDetail .g2h-shot img,
#productDetail .g2sp-card img,
#productDetail .g2sc-item img,
#productDetail .g2pk-cell img,
#productDetail .h3pk-stage img,
#productDetail .nasp-screen img,
#productDetail .npk-mat img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: cover;
  border-radius: 0;
  transform: none !important;
}

/* ---- 6. Scene items: image full width, copy below it ---- */
#productDetail .scene-item {
  display: block;
  gap: 0;
  margin: 0;
}
#productDetail .scene-item.scene-flip .scene-media {
  order: 0;
}
#productDetail .scene-item .scene-text,
#productDetail .scene-item.scene-flip .scene-text {
  padding: 26px 24px 30px;
  text-align: left;
}
#productDetail .scene-item.scene-flip .scene-tags {
  justify-content: flex-start;
}

/* ---- 7. Facts under split hero shots keep their inset ---- */
#productDetail .g2h-facts {
  padding: 26px 24px 6px;
}