/** Shopify CDN: Minification failed

Line 64:19 Unexpected "*"

**/
/* ═══════════════════════════════════════════════════════════
   missinghue.com — Redesign Override CSS
   Overrides Ride theme defaults with new design system.
   ═══════════════════════════════════════════════════════════ */

/* ── design tokens ── */
:root {
  --mh-bg: #f6f4f0;
  --mh-text: #1d1d1d;
  --mh-accent: #1d1d1d;
  --mh-pop: #e839a0;
  --mh-muted: rgba(29,29,29,0.45);
  --mh-border: rgba(0,0,0,0.06);
  --mh-white: #fff;
  --mh-max-width: 1400px;
  --mh-nav-height: 56px;
  --mh-font: 'Outfit', sans-serif;
}

/* ── global overrides ── */
body {
  font-family: var(--mh-font) !important;
  color: var(--mh-text) !important;
  background: var(--mh-bg) !important;
  -webkit-font-smoothing: antialiased;
  text-transform: lowercase;
  overflow-x: hidden;
  letter-spacing: normal !important;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: var(--mh-font) !important;
  letter-spacing: -0.03em !important;
}

a { color: inherit; text-decoration: none !important; }

/* remove underline from all buttons and CTA links */
.mh-btn-white,
.mh-btn-ghost,
.mh-btn-dark,
.mh-btn-accent,
.mh-prod-bar__add,
.mh-prod-bar__buy,
.mh-sticky-purchase__add,
.mh-col-card__add,
.mh-p-card__add,
a.button,
.button,
a[class*="btn"],
a[class*="link--text"] {
  text-decoration: none !important;
}

img { display: block; max-width: 100%; }

/* ── hide Shopify's default section spacing ── */
.section-template--*-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ── button overrides ── */
.button,
button.button,
a.button,
.shopify-challenge__button {
  font-family: var(--mh-font) !important;
  text-transform: lowercase;
  border-radius: 0 !important;
  letter-spacing: 0.02em;
  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;
}

.button:hover,
a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(29,29,29,0.15);
}

/* ── mh button styles (used by custom sections) ── */
.mh-btn-primary {
  display: inline-block;
  padding: 16px 48px;
  background: var(--mh-text);
  color: var(--mh-white);
  font-family: var(--mh-font);
  font-size: 14px;
  font-weight: 600;
  text-transform: lowercase;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.mh-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(29,29,29,0.2);
  color: var(--mh-white);
}

.mh-btn-white {
  display: inline-block;
  padding: 16px 48px;
  background: var(--mh-white);
  color: var(--mh-text);
  font-family: var(--mh-font);
  font-size: 14px;
  font-weight: 600;
  text-transform: lowercase;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.mh-btn-white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  color: var(--mh-text);
}

.mh-btn-ghost {
  display: inline-block;
  padding: 16px 48px;
  background: transparent;
  color: var(--mh-white);
  border: 1px solid rgba(255,255,255,0.3);
  font-family: var(--mh-font);
  font-size: 14px;
  font-weight: 400;
  text-transform: lowercase;
  cursor: pointer;
  transition: border-color 0.2s;
}
.mh-btn-ghost:hover {
  border-color: rgba(255,255,255,0.6);
  color: var(--mh-white);
}

.mh-btn-accent {
  display: inline-block;
  padding: 18px 56px;
  background: var(--mh-text);
  color: var(--mh-white);
  font-family: var(--mh-font);
  font-size: 15px;
  font-weight: 600;
  text-transform: lowercase;
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(29,29,29,0.2);
}
.mh-btn-accent:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(29,29,29,0.3);
  color: var(--mh-white);
}

.mh-btn-dark {
  display: inline-block;
  padding: 14px 36px;
  background: var(--mh-text);
  color: var(--mh-white);
  font-family: var(--mh-font);
  font-size: 13px;
  font-weight: 600;
  text-transform: lowercase;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
  align-self: flex-start;
}
.mh-btn-dark:hover {
  opacity: 0.8;
  color: var(--mh-white);
}

/* ── reveal animation class ── */
.mh-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.mh-reveal.mh-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ═══ HEADER OVERRIDES ═══ */
.section-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000 !important;
  transition: background 0.35s, backdrop-filter 0.35s, border-color 0.35s;
}

/* transparent state (over hero) */
.section-header.mh-nav-transparent {
  background: transparent !important;
  border-bottom: 1px solid transparent !important;
  box-shadow: none !important;
}
.section-header.mh-nav-transparent .header {
  background: transparent !important;
}
.section-header.mh-nav-transparent .header__heading-link,
.section-header.mh-nav-transparent .header__heading-logo-wrapper img {
  filter: brightness(0) invert(1);
}
.section-header.mh-nav-transparent .header__menu-item,
.section-header.mh-nav-transparent .list-menu__item--link {
  color: rgba(255,255,255,0.6) !important;
}
.section-header.mh-nav-transparent .mh-logo-text {
  color: #fff !important;
}
.section-header.mh-nav-transparent .header__menu-item:hover {
  color: #fff !important;
}
.section-header.mh-nav-transparent .header__icon,
.section-header.mh-nav-transparent summary .header__icon {
  color: #fff !important;
}

/* scrolled state */
.section-header.mh-nav-scrolled {
  background: rgba(246,244,240,0.92) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--mh-border) !important;
}
.section-header.mh-nav-scrolled .header {
  background: transparent !important;
}
.section-header.mh-nav-scrolled .header__heading-link,
.section-header.mh-nav-scrolled .header__heading-logo-wrapper img {
  filter: none;
}
.section-header.mh-nav-scrolled .header__menu-item,
.section-header.mh-nav-scrolled .list-menu__item--link {
  color: var(--mh-text) !important;
  opacity: 0.5;
}
.section-header.mh-nav-scrolled .header__menu-item:hover {
  color: var(--mh-text) !important;
  opacity: 1;
}
.section-header.mh-nav-scrolled .header__icon {
  color: var(--mh-text) !important;
}

/* general header styling */
.header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: var(--mh-max-width) !important;
  margin: 0 auto;
  height: var(--mh-nav-height);
  display: flex;
  align-items: center;
}
.header__heading {
  margin: 0;
}
.header__heading-logo-wrapper {
  max-width: 100px;
}
.header__menu-item {
  font-family: var(--mh-font) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: lowercase;
  transition: opacity 0.2s, color 0.35s !important;
}

/* hide language/currency selector in nav */
.desktop-localization-wrapper,
.header-localization .localization-form {
  display: none !important;
}

/* ── nav layout: logo left, links center, icons right ── */
.header {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}
.header__heading {
  justify-self: start;
}
.header__inline-menu {
  justify-self: center;
}
.header__icons {
  justify-self: end;
}

/* logo: smaller + text beside it */
.header__heading-logo-wrapper {
  max-width: 28px !important;
}
.header__heading-logo-wrapper img {
  width: 28px !important;
  height: auto !important;
}
.header__heading-link {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: var(--mh-font) !important;
  text-transform: lowercase !important;
  letter-spacing: -0.03em !important;
  text-decoration: none !important;
}

/* hide search icon */
.header__icon--search,
.header__search {
  display: none !important;
}

/* icons: all same size, force override */
.header__icon,
.header__icon--account,
.header__icon--cart {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.header__icon svg,
.header__icon .icon,
.header__icon .svg-wrapper,
.header__icon--account svg,
.header__icon--account .icon,
.header__icon--account .svg-wrapper,
.header__icon--cart svg,
.header__icon--cart .icon,
.header__icon--cart .svg-wrapper {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}
.header__icons {
  gap: 14px !important;
  align-items: center !important;
  display: flex !important;
}

/* cart count badge */
.cart-count-bubble {
  width: 13px !important;
  height: 13px !important;
  font-size: 8px !important;
  top: -3px !important;
  right: -3px !important;
}

/* shop now button in nav */
.mh-nav-shop-now {
  padding: 7px 18px;
  background: transparent;
  color: #fff;
  font-family: var(--mh-font);
  font-size: 12px;
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: 0.02em;
  border: 1px solid rgba(255,255,255,0.35);
  cursor: pointer;
  transition: all 0.35s;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  margin-left: 4px;
}
.mh-nav-shop-now:hover {
  border-color: rgba(255,255,255,0.7);
  color: #fff;
}
/* scrolled state: dark button */
.section-header.mh-nav-scrolled .mh-nav-shop-now {
  background: var(--mh-text);
  color: var(--mh-bg);
  border-color: var(--mh-text);
}
.section-header.mh-nav-scrolled .mh-nav-shop-now:hover {
  opacity: 0.85;
}

/* logo text beside icon */
.mh-logo-text {
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: var(--mh-font) !important;
  text-transform: lowercase !important;
  letter-spacing: -0.03em !important;
  line-height: 1;
}
/* hide Ride theme h2 shop name if logo exists */
.header__heading-link .h2 { display: none !important; }

/* hide "home" link underline/active state */
.header__active-menu-item {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* nav link spacing */
.header__inline-menu .list-menu {
  gap: 28px !important;
}

/* push main content below fixed header */
.content-for-layout {
  padding-top: 0 !important;
}

/* pages that DON'T have a fullscreen hero need top padding */
body:not(.mh-has-hero) .content-for-layout {
  padding-top: var(--mh-nav-height) !important;
}

/* ═══ FOOTER OVERRIDES ═══ */
.footer {
  padding: 40px 48px !important;
  border-top: 1px solid var(--mh-border) !important;
  margin-top: 0 !important;
  background: var(--mh-bg) !important;
}
.footer .footer__content-top {
  display: none !important;
}
.footer .footer-block--menu .footer-block__heading,
.footer .footer__content-bottom-wrapper {
  font-family: var(--mh-font) !important;
}
.footer .footer-block__details-content a,
.footer .footer__content-bottom a,
.footer .copyright__content a {
  font-size: 13px;
  opacity: 0.35;
  transition: opacity 0.2s;
  text-transform: lowercase;
}
.footer .footer-block__details-content a:hover,
.footer .footer__content-bottom a:hover {
  opacity: 1;
}
.footer .copyright__content {
  font-size: 12px;
  opacity: 0.2;
}

/* ═══ SHARED SECTION STYLES ═══ */

/* 50/50 split layout */
.mh-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 70vh;
}
.mh-split--reverse .mh-split__media { order: 1; }
.mh-split--reverse .mh-split__text { order: 0; }

.mh-split__media {
  position: relative;
  overflow: hidden;
}
.mh-split__media img,
.mh-split__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mh-split__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 64px;
}
.mh-split__text h2 {
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 0.95;
  margin-bottom: 14px;
}
.mh-split__text p {
  font-size: 15px;
  font-weight: 300;
  color: var(--mh-muted);
  line-height: 1.8;
  max-width: 380px;
}

/* badge/tag */
.mh-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 10px 20px 10px 12px;
  background: rgba(29,29,29,0.04);
  font-size: 13px;
  font-weight: 600;
  color: var(--mh-text);
}

/* ═══ PRODUCT PAGE OVERRIDES ═══ */
product-info {
  background: var(--mh-bg) !important;
  max-width: var(--mh-max-width);
  margin: 0 auto;
}
product-info .product {
  max-width: 100%;
}
/* product title */
product-info .product__title h1 {
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  line-height: 0.95 !important;
}
/* product price */
product-info .price-item--regular,
product-info .price-item--sale {
  font-size: 28px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}
/* variant picker as image chips */
product-info .product-form__input label {
  font-family: var(--mh-font) !important;
  text-transform: lowercase;
}
/* buy buttons */
product-info .product-form__buttons .button {
  background: var(--mh-text) !important;
  color: var(--mh-white) !important;
  font-family: var(--mh-font) !important;
  text-transform: lowercase;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}
product-info .shopify-payment-button .shopify-payment-button__button {
  border-radius: 0 !important;
}
/* product description */
product-info .product__description {
  font-size: 15px;
  font-weight: 300;
  color: var(--mh-muted);
  line-height: 1.8;
}
/* product media */
product-info .product__media-list {
  gap: 6px !important;
}
product-info .product__media-item img {
  border-radius: 0 !important;
}
/* related products */
.related-products h2 {
  font-family: var(--mh-font) !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: lowercase;
  text-align: center;
}

/* ═══ RESPONSIVE ═══ */
@media (max-width: 768px) {
  .header {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .mh-split {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .mh-split--reverse .mh-split__media { order: 0; }
  .mh-split--reverse .mh-split__text { order: 1; }
  .mh-split__text {
    padding: 40px 24px;
  }
  .footer {
    padding: 32px 24px !important;
  }
}