/* Springbom's source artwork carries the colour. Neutral, restrained framing
   leaves the packaging and its five-colour system as the focus. */
.springbom-preview-media { position: relative; width: 100%; height: 100%; }
.springbom-preview-media > img,
.springbom-preview-media > video {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
  object-fit: cover; pointer-events: none;
}
.springbom-preview-media > img { z-index: 1; opacity: 1; }
.springbom-preview-media > video { opacity: 0; }
.springbom-store-cover.is-running .springbom-preview-media > img { opacity: 0; }
.springbom-store-cover.is-running .springbom-preview-media > video { opacity: 1; }
.cms-gallery-section[data-section-key^="springbom-"] { max-width: 1080px; }
.cms-gallery-section[data-section-key="springbom-perfumes"] { max-width: 1080px; }
/* Keep the portrait comparison compact, with both versions visible together. */
.cms-gallery-section[data-section-key="springbom-perfume-evolution"] { max-width: 720px; }
.cms-gallery-section[data-section-key="springbom-perfume-evolution"] .cms-gallery {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.cms-gallery-section[data-section-key="springbom-perfume-evolution"] figcaption { text-align: left; }
/* Match the candle cards: a soft edge, no inset mat or hard outline. */
.cms-gallery-section[data-section-key="springbom-perfume-evolution"] figure {
  min-width: 0; overflow: visible;
}
.cms-image-section[data-section-key="springbom-perfume-label"] { overflow: visible; }
.cms-gallery-section[data-section-key="springbom-perfume-evolution"] .cms-image-zoom,
.cms-image-section[data-section-key="springbom-perfume-label"] .cms-image-zoom {
  display: block; padding: 0; background: transparent; border: 0; border-radius: 10px;
  box-shadow: 0 2px 8px rgb(35 30 24 / 3%), 0 12px 24px -16px rgb(35 30 24 / 16%);
  overflow: visible;
}
.cms-gallery-section[data-section-key="springbom-perfume-evolution"] .cms-image-zoom img,
.cms-image-section[data-section-key="springbom-perfume-label"] .cms-image-zoom img {
  width: 100%; height: auto; border-radius: inherit;
}
.cms-gallery-section[data-section-key="springbom-perfume-evolution"] figcaption,
.cms-image-section[data-section-key="springbom-perfume-label"] figcaption {
  margin-top: 18px; background: transparent;
}
.cms-gallery-section[data-section-key="springbom-logos"] { max-width: 900px; }
.cms-gallery-section[data-section-key="springbom-logos"] .cms-image-zoom {
  display: grid; place-items: center; aspect-ratio: 1; background: #fff;
  border-radius: 10px; padding: 8%; box-sizing: border-box;
}
.cms-gallery-section[data-section-key="springbom-logos"] .cms-image-zoom img {
  max-height: 100%; width: 100%; height: 100%; object-fit: contain; border-radius: 0;
}
.cms-gallery-section[data-section-key="springbom-logos"] figure:first-child img { width: 80%; height: 80%; }
/* A soft edge shadow separates the complete render canvas from the page.
   No mat or inset: the original artwork fills the card without cropping. */
.cms-gallery-section[data-section-key="springbom-candles"] figure { min-width: 0; overflow: visible; }
.cms-gallery-section[data-section-key="springbom-candles"] .cms-image-zoom {
  display: grid; place-items: center; aspect-ratio: 1; box-sizing: border-box;
  padding: 0; background: transparent; border: 0; border-radius: 10px;
  box-shadow: 0 2px 8px rgb(35 30 24 / 3%), 0 12px 24px -16px rgb(35 30 24 / 16%);
  overflow: visible;
}
.cms-gallery-section[data-section-key="springbom-candles"] .cms-image-zoom img {
  width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: inherit;
}
.cms-gallery-section[data-section-key="springbom-candles"] figcaption {
  margin-top: 18px; background: transparent;
}
.cms-gallery-section[data-section-key="springbom-round-labels"],
.cms-gallery-section[data-section-key="springbom-vessel-labels"] { max-width: 900px; }
.cms-gallery-section[data-section-key="springbom-round-labels"] .cms-image-zoom,
.cms-gallery-section[data-section-key="springbom-vessel-labels"] .cms-image-zoom {
  display: block; padding: 8%; background: #fff; border-radius: 10px;
}
.cms-gallery-section[data-section-key="springbom-round-labels"] img,
.cms-gallery-section[data-section-key="springbom-vessel-labels"] img { border-radius: 0; }
.cms-gallery-section[data-section-key="springbom-flyers"] { max-width: 900px; }
.cms-image-section[data-section-key="springbom-in-life"] { max-width: 624px; }
.springbom-colours h2 { margin-bottom: 28px; }
.springbom-colour-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px; }
.springbom-colour-chip { display: block; height: 86px; border-radius: 8px; margin-bottom: 20px; }
.springbom-colour h3 {
  font-size: var(--type-body);
  margin: 0 0 16px;
  font-weight: 400;
  line-height: var(--type-body-leading);
  letter-spacing: normal;
  text-transform: none;
}
.springbom-colour dl {
  margin: 0;
  font-size: var(--type-body);
  line-height: var(--type-body-leading);
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
.springbom-colour dt {
  color: var(--paragraphs);
  margin-top: 10px;
  font-size: var(--type-body);
  letter-spacing: normal;
  font-weight: 400;
  line-height: var(--type-body-leading);
  text-transform: none;
}
.springbom-colour dd { margin: 0; color: var(--heading); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.springbom-colour-note {
  color: var(--paragraphs);
  font-size: var(--type-detail);
  line-height: var(--type-detail-leading);
  margin: 24px 0 0;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
}
.springbom-video-grid { display: grid; width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(16px,2vw,28px); align-items: start; }
.springbom-video-grid > figure { min-width: 0; }
@media screen and (max-width: 767px) {
  .springbom-colour-grid { grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 30px; }
  .cms-gallery-section[data-section-key="springbom-perfumes"] .cms-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cms-gallery-section[data-section-key="springbom-candles"] .cms-gallery {
    grid-template-columns: 1fr; max-width: 440px; margin-inline: 0; row-gap: 32px;
  }
}
@media screen and (max-width: 479px) {
  .springbom-colour-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cms-gallery-section[data-section-key="springbom-logos"] .cms-gallery,
  .cms-gallery-section[data-section-key="springbom-round-labels"] .cms-gallery,
  .cms-gallery-section[data-section-key="springbom-vessel-labels"] .cms-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cms-gallery-section[data-section-key="springbom-perfumes"] .cms-gallery { gap: 8px; }
  .cms-gallery-section[data-section-key="springbom-perfumes"] figcaption {
    font-size: var(--type-detail);
    font-weight: 400;
    line-height: var(--type-detail-leading);
    letter-spacing: normal;
    text-transform: none;
  }
  .cms-gallery-section[data-section-key="springbom-candles"] .cms-gallery { grid-template-columns: 1fr; }
  .springbom-video-grid { grid-template-columns: 1fr; max-width: 300px; gap: 32px; }
}