:root {
  --jmove-ink: #171717;
  --jmove-paper: #fffdf8;
  --jmove-coral: #ff5f68;
  --jmove-cyan: #1fc8c8;
  --jmove-yellow: #ffd43b;
  --jmove-lilac: #b9a7ff;
}

body {
  background: var(--jmove-paper);
  color: var(--jmove-ink);
}

.brand {
  font-weight: 900;
  text-transform: uppercase;
}

.hero {
  background: var(--jmove-yellow);
}

.heroCopy .eyebrow,
.sectionHead .eyebrow,
.editorial .eyebrow {
  color: var(--jmove-ink);
}

.heroCopy h1 {
  max-width: 11ch;
}

.primary,
.buyButton,
.single_add_to_cart_button,
.checkout-button,
.woocommerce button.button.alt {
  background: var(--jmove-ink) !important;
  border-color: var(--jmove-ink) !important;
  color: #fff !important;
}

.primary:hover,
.buyButton:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.woocommerce button.button.alt:hover {
  background: var(--jmove-coral) !important;
  border-color: var(--jmove-coral) !important;
}

.storyBand {
  background: var(--jmove-ink);
  color: #fff;
}

.storyTrack span:nth-child(2) { color: var(--jmove-cyan); }
.storyTrack span:nth-child(3) { color: var(--jmove-yellow); }
.storyTrack span:nth-child(4) { color: var(--jmove-coral); }
.storyTrack span:nth-child(5) { color: var(--jmove-lilac); }

.trustStrip > div:nth-child(1) { border-top: 4px solid var(--jmove-coral); }
.trustStrip > div:nth-child(2) { border-top: 4px solid var(--jmove-cyan); }
.trustStrip > div:nth-child(3) { border-top: 4px solid var(--jmove-yellow); }
.trustStrip > div:nth-child(4) { border-top: 4px solid var(--jmove-lilac); }

.productCard,
.guideCard,
.moodLab,
.quickLook {
  border-radius: 8px;
}

.productCard {
  background: #fff;
  border: 1px solid rgba(23, 23, 23, 0.14);
  box-shadow: 0 12px 34px rgba(23, 23, 23, 0.08);
}

.productCard:nth-child(4n + 1) .productImage { background: #fff3a8; }
.productCard:nth-child(4n + 2) .productImage { background: #ffd7e6; }
.productCard:nth-child(4n + 3) .productImage { background: #d4f5f2; }
.productCard:nth-child(4n + 4) .productImage { background: #e6ddff; }

.productImage {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.productImage img,
.editCards img,
.woocommerce-product-gallery__image img {
  object-fit: cover;
}

.productImage img {
  width: 100%;
  height: 100%;
  transition: transform 260ms ease;
}

.productCard:hover .productImage img { transform: scale(1.025); }

.productMeta span:first-child,
.productImage > span {
  background: var(--jmove-ink);
  color: #fff;
}

.filterBar button.isActive,
.moodButtons button.isActive {
  background: var(--jmove-coral);
  border-color: var(--jmove-coral);
  color: #fff;
}

.editorial {
  background: var(--jmove-cyan);
  color: var(--jmove-ink);
}

.guideCard {
  background: #fff;
  border: 2px solid var(--jmove-ink);
}

.jmove-product-options {
  display: grid;
  gap: 14px;
  margin: 20px 0;
  padding: 18px;
  border: 1px solid rgba(23, 23, 23, 0.16);
  border-left: 5px solid var(--jmove-coral);
  background: #fff;
}

.jmove-product-options label {
  display: grid;
  gap: 7px;
  font-weight: 700;
}

.jmove-product-options select,
.jmove-product-options textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(23, 23, 23, 0.28);
  border-radius: 4px;
  background: #fff;
  color: var(--jmove-ink);
  font: inherit;
}

.jmove-product-options small {
  color: rgba(23, 23, 23, 0.68);
  font-weight: 500;
}

@media (max-width: 760px) {
  .heroCopy h1 { max-width: 100%; }
  .jmove-product-options { padding: 14px; }
}
