/* ==========================================================================
   MUNNA WATCHES — NIXON-STYLE COLOR/TYPE SKIN
   --------------------------------------------------------------------------
   COSMETIC ONLY. This file must never contain position, display, top,
   height, grid-template-*, or flex-basis rules for the sticky gallery
   layout — that mechanics all lives in product-futuristic.css, driven
   by the --mw-sticky-offset variable that product-futuristic.js
   computes from the real viewport (both the image grid and the info
   column read it independently — see the "dual sticky columns"
   comment in product-futuristic.css).

   This exact rule (structure lives only in product-futuristic.css) is
   here because it was broken once already: an earlier edit to this
   file added a second, hardcoded (680px height / 110px top) copy of
   the whole sticky-column layout that fought the JS-driven one and
   only half-worked depending on which copy of this file a given
   deploy happened to be serving. If the sticky gallery ever needs a
   structural change again, make it in product-futuristic.css, not
   here, and keep this file color/spacing/typography only.
   ========================================================================== */

:root {
  --mw-nixon-ink: #121212;
  --mw-nixon-line: #e5e5e5;
  --mw-nixon-surface: #f3f3f3;
  --mw-nixon-muted: #6b6b6b;
}

.mw-product-futuristic {
  color: var(--mw-nixon-ink);
}

.mw-product-futuristic .ps-product__title,
.mw-product-futuristic h1 {
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--mw-nixon-ink);
}

.mw-product-futuristic .ps-product__price {
  color: var(--mw-nixon-ink);
  font-weight: 600;
}

.mw-product-futuristic .ps-btn,
.mw-product-futuristic button.ps-btn {
  border-radius: 0;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
}

.mw-product-futuristic .ps-btn--black,
.mw-product-futuristic button.ps-btn--black {
  background-color: var(--mw-nixon-ink);
}

.mw-product-futuristic .ps-btn--black:hover,
.mw-product-futuristic button.ps-btn--black:hover {
  background-color: #000;
}

.mw-product-futuristic .ps-product__badge {
  background-color: #fff;
  border: 1px solid var(--mw-nixon-line);
  color: var(--mw-nixon-ink);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.06em;
  font-weight: 600;
}

.mw-product-futuristic .ps-product__meta,
.mw-product-futuristic .ps-product__specification p {
  color: var(--mw-nixon-muted);
}

.mw-product-futuristic .ps-product__specification p strong {
  color: var(--mw-nixon-ink);
}

.mw-product-futuristic .ps-tab-list li a {
  color: var(--mw-nixon-muted);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
}

.mw-product-futuristic .ps-tab-list li.active a,
.mw-product-futuristic .ps-tab-list li a:hover {
  color: var(--mw-nixon-ink);
}

.mw-related-header h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.mw-related-carousel .ps-product__title {
  font-size: 13px;
  font-weight: 500;
}

.mw-related-carousel .ps-product__price {
  font-size: 14px;
}