/* PhenomeTech Band, the purchase page (2026-09-29). Everything else is the
   Ring's purchase page sheet (store/phenometech-ring/pdp.css); this holds only
   what the Band has and the Ring does not: flat strap colours in place of the
   Ring's material beads, and the note under them. */

/* A strap's swatch says what it is made of, as the Ring's beads do (2026-09-29,
   by request): the sport silicone straps show the strap's staggered
   perforations, the woven straps a cross weave, each over the strap's colour
   with the same soft sheen from the upper left. */
.band-pdp .buy-swatch.is-strap { background: var(--sw); }
.band-pdp .buy-swatch.is-strap.is-sport {
  background:
    radial-gradient(120% 90% at 30% 22%, rgba(255, 255, 255, .26), rgba(255, 255, 255, 0) 56%),
    radial-gradient(circle, rgba(0, 0, 0, .38) 0 1.25px, rgba(0, 0, 0, 0) 1.65px) 0 0 / 6.5px 6.5px,
    radial-gradient(circle, rgba(0, 0, 0, .38) 0 1.25px, rgba(0, 0, 0, 0) 1.65px) 3.25px 3.25px / 6.5px 6.5px,
    var(--sw);
}
.band-pdp .buy-swatch.is-strap.is-woven {
  background:
    radial-gradient(120% 90% at 30% 22%, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 56%),
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .17) 0 1.4px, rgba(255, 255, 255, 0) 1.4px 3.6px),
    repeating-linear-gradient(-45deg, rgba(0, 0, 0, .3) 0 1.4px, rgba(0, 0, 0, 0) 1.4px 3.6px),
    var(--sw);
}
.band-pdp .pdp-gal-tag i { background: var(--sw, #313131); }


.band-pdp .band-note {
  margin: 14px 0 0; max-width: 44ch;
  font-size: 14px; line-height: 1.45; color: var(--ph-text-2);
}

/* On a narrow screen the section's photograph sits in a frame between its words
   and its readings. The Ring's sheet puts the Ring's own photograph there; the
   Band's frame holds the Band's signature photo. */
.band-pdp .pdp-sig-frame { background: none; overflow: hidden; }
.band-pdp .pdp-sig-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }