/** Shopify CDN: Minification failed

Line 1520:0 Unexpected "}"

**/
/* ============================================================
   MIND KONTROL — Wholesale Theme
   Design tokens, typography, component styles
   ============================================================ */

/* --- Fonts loaded in theme.liquid via Google Fonts --- */

:root {
  --mk-ink: #0a0906;
  --mk-ink-2: #1d1912;
  --mk-paper: #ffffff;
  --mk-paper-2: #f7f7f5;
  --mk-paper-3: #e8e8e3;
  --mk-voltage: #e4ff2c;
  --mk-danger: #e53a1f;
  --mk-muted: #6b6557;

  --mk-font-display: 'Anton', 'Impact', sans-serif;
  --mk-font-chunk: 'Archivo Black', 'Arial Black', sans-serif;
  --mk-font-body: 'Archivo', system-ui, sans-serif;
  --mk-font-mono: 'JetBrains Mono', 'Menlo', monospace;
  --mk-font-stamp: 'Rubik Mono One', 'Impact', sans-serif;
}

/* --- Resets that play nicely with Shopify --- */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--mk-font-body);
  color: var(--mk-ink);
  background: var(--mk-paper);
  margin: 0;
  -webkit-font-smoothing: antialiased;
  line-height: 1.45;
  background-image:
    radial-gradient(rgba(10,9,6,0.035) 1px, transparent 1px),
    radial-gradient(rgba(10,9,6,0.025) 1px, transparent 1px);
  background-size: 3px 3px, 7px 7px;
  background-position: 0 0, 1px 1px;
}

a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
img, svg { max-width: 100%; display: block; }

.mk-display { font-family: var(--mk-font-display); text-transform: uppercase; letter-spacing: 0.01em; line-height: 0.88; }
.mk-mono { font-family: var(--mk-font-mono); font-size: 12px; letter-spacing: 0.04em; }
.mk-black { font-family: var(--mk-font-chunk); }

/* ============ BUTTONS ============ */
.mk-btn {
  font-family: var(--mk-font-chunk);
  font-size: 12px;
  letter-spacing: 0.08em;
  padding: 11px 18px;
  text-transform: uppercase;
  border: 2px solid var(--mk-ink);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
  line-height: 1;
}
.mk-btn--ghost { background: var(--mk-paper); color: var(--mk-ink); }
.mk-btn--ghost:hover { background: var(--mk-ink); color: var(--mk-paper); }
.mk-btn--dark { background: var(--mk-ink); color: var(--mk-paper); }
.mk-btn--dark:hover { background: var(--mk-voltage); color: var(--mk-ink); border-color: var(--mk-ink); }
.mk-btn--volt { background: var(--mk-voltage); color: var(--mk-ink); border-color: var(--mk-ink); }
.mk-btn--volt:hover { background: var(--mk-ink); color: var(--mk-voltage); }
.mk-btn__dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; display: inline-block; }

/* ============ TICKER ============ */
.mk-ticker {
  background: var(--mk-ink);
  color: var(--mk-voltage);
  overflow: hidden;
  border-bottom: 2px solid var(--mk-ink);
}
.mk-ticker__track {
  display: inline-flex;
  white-space: nowrap;
  animation: mk-scroll 40s linear infinite;
  padding: 9px 0;
}
.mk-ticker__track > span {
  font-family: var(--mk-font-mono);
  font-size: 12px;
  letter-spacing: 0.12em;
  padding: 0 28px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 28px;
}
.mk-ticker__track > span::after {
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  background: var(--mk-voltage);
  border-radius: 50%;
}
@keyframes mk-scroll { to { transform: translateX(-50%); } }

/* ============ NAV / HEADER ============ */
.mk-nav {
  position: sticky; top: 0; z-index: 50;
  background: var(--mk-paper);
  border-bottom: 2px solid var(--mk-ink);
  padding: 14px 32px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 40px;
}
.mk-nav__brand { display: flex; align-items: center; gap: 12px; }
.mk-nav__brand img { width: 44px; height: auto; }
.mk-nav__brand-txt { font-family: var(--mk-font-chunk); font-size: 13px; line-height: 1; letter-spacing: 0.02em; }
.mk-nav__brand-txt span {
  display: block; font-family: var(--mk-font-mono); font-weight: 400;
  font-size: 9px; letter-spacing: 0.22em; color: var(--mk-muted);
  margin-top: 4px; text-transform: uppercase;
}
.mk-nav__links { display: flex; gap: 36px; justify-content: center; list-style: none; margin: 0; padding: 0; }
.mk-nav__links a {
  font-family: var(--mk-font-body); font-weight: 700; font-size: 13px;
  text-transform: uppercase; letter-spacing: 0.09em;
  padding-bottom: 2px; position: relative;
}
.mk-nav__links a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -4px;
  height: 2px; background: var(--mk-ink); transform: scaleX(0); transform-origin: left;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.mk-nav__links a:hover::after, .mk-nav__links a.is-active::after { transform: scaleX(1); }
.mk-nav__cta { display: flex; gap: 10px; align-items: center; }

.mk-nav__acct-tag {
  font-family: var(--mk-font-mono);
  font-size: 10px; letter-spacing: 0.1em;
  color: var(--mk-muted);
  text-transform: uppercase;
  padding-right: 6px;
  border-right: 1px solid var(--mk-paper-3);
  margin-right: 4px;
}

/* ============ HERO ============ */
.mk-hero {
  position: relative;
  padding: 56px 32px 0;
  border-bottom: 2px solid var(--mk-ink);
  overflow: hidden;
}
.mk-hero__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 40px;
  align-items: end;
  max-width: 1440px;
  margin: 0 auto;
}
.mk-hero__left { position: relative; z-index: 2; }
.mk-hero__tag {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 6px 12px; border: 1.5px solid var(--mk-ink);
  font-family: var(--mk-font-mono); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; margin-bottom: 28px;
}
.mk-hero__tag .pulse { width: 8px; height: 8px; background: var(--mk-danger); border-radius: 50%; animation: mk-pulse 1.6s infinite; }
@keyframes mk-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }

.mk-hero__h {
  font-family: var(--mk-font-display);
  font-size: clamp(64px, 11vw, 178px);
  text-transform: uppercase;
  line-height: 0.82;
  letter-spacing: -0.01em;
  margin: 0 0 28px 0;
}
.mk-hero__h .line-2 { display: block; margin-left: 8%; }
.mk-hero__h .line-3 { display: block; color: var(--mk-paper); -webkit-text-stroke: 2px var(--mk-ink); }
.mk-hero__h em {
  font-style: normal;
  background: var(--mk-voltage);
  padding: 0 0.1em;
  display: inline-block;
  transform: rotate(-1.5deg);
}
.mk-hero__sub {
  max-width: 520px;
  font-size: 16px;
  line-height: 1.55;
  margin-bottom: 32px;
  color: var(--mk-ink-2);
}
.mk-hero__sub strong { font-family: var(--mk-font-chunk); }
.mk-hero__ctas { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.mk-hero__ctas .note {
  font-family: var(--mk-font-mono); font-size: 11px; color: var(--mk-muted);
  letter-spacing: 0.06em; text-transform: uppercase;
}

.mk-hero__right { position: relative; z-index: 1; }
.mk-hero__lady {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 0 0 auto;
  animation: mk-spin 60s linear infinite;
  filter: drop-shadow(6px 6px 0 rgba(10,9,6,0.08));
}
@keyframes mk-spin { to { transform: rotate(360deg); } }
.mk-hero__stamp {
  position: absolute;
  top: 18%; right: -6%;
  background: var(--mk-danger); color: var(--mk-paper);
  font-family: var(--mk-font-chunk);
  font-size: 11px; letter-spacing: 0.12em;
  padding: 10px 14px;
  text-transform: uppercase;
  transform: rotate(-14deg);
  border: 2px solid var(--mk-ink);
  z-index: 3;
  text-align: center;
  line-height: 1.2;
}
.mk-hero__stamp span {
  display: block; font-family: var(--mk-font-mono);
  font-size: 9px; font-weight: 400; margin-top: 3px; opacity: 0.9;
}

.mk-hero__stats {
  margin-top: 52px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 2px solid var(--mk-ink);
  border-bottom: 2px solid var(--mk-ink);
}
.mk-stat {
  padding: 22px 28px;
  border-right: 1px solid var(--mk-ink);
  display: flex; flex-direction: column; gap: 4px;
}
.mk-stat:last-child { border-right: none; }
.mk-stat__num {
  font-family: var(--mk-font-display);
  font-size: 56px; line-height: 0.9;
  text-transform: uppercase;
}
.mk-stat__num sup { font-size: 0.42em; vertical-align: super; }
.mk-stat__label {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.08em;
  color: var(--mk-muted);
  text-transform: uppercase;
}

/* ============ CREDS STRIP ============ */
.mk-creds {
  background: var(--mk-ink);
  color: var(--mk-paper);
  padding: 16px 32px;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 16px;
}
.mk-creds__item {
  font-family: var(--mk-font-mono); font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase;
  display: flex; align-items: center; gap: 10px;
}

/* ============ SECTION CHROME ============ */
.mk-section { padding: 80px 32px; border-bottom: 2px solid var(--mk-ink); }
.mk-section--paper2 { background: var(--mk-paper-2); }
.mk-section__head {
  max-width: 1440px; margin: 0 auto 44px;
  display: grid; grid-template-columns: auto 1fr auto; gap: 32px; align-items: end;
}
.mk-section__eyebrow {
  font-family: var(--mk-font-mono); font-size: 11px;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--mk-muted);
  display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
}
.mk-section__eyebrow::before { content: ""; width: 32px; height: 2px; background: var(--mk-ink); }
.mk-section__title {
  font-family: var(--mk-font-display);
  font-size: clamp(48px, 6vw, 92px);
  text-transform: uppercase;
  line-height: 0.88;
  margin: 0;
}
.mk-section__desc {
  max-width: 380px;
  font-size: 14px;
  color: var(--mk-ink-2);
  align-self: end;
  padding-bottom: 6px;
  margin: 0;
}

/* ============ CATEGORY TABS ============ */
.mk-cats {
  max-width: 1440px; margin: 0 auto 44px;
  display: flex; flex-wrap: wrap; gap: 8px;
  list-style: none; padding: 0;
}
.mk-cat, a.mk-cat {
  padding: 9px 16px;
  border: 1.5px solid var(--mk-ink);
  font-family: var(--mk-font-chunk);
  font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase;
  background: var(--mk-paper);
  color: var(--mk-ink);
  transition: all 0.18s ease;
  display: inline-flex; align-items: center; gap: 8px;
  cursor: pointer;
}
.mk-cat:hover { background: var(--mk-ink); color: var(--mk-paper); }
.mk-cat.is-active { background: var(--mk-ink); color: var(--mk-voltage); }
.mk-cat__count { font-family: var(--mk-font-mono); font-weight: 400; font-size: 10px; opacity: 0.6; }

/* ============ PRODUCT GRID (collection + featured) ============ */
.mk-products {
  max-width: 1440px; margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0;
  border: 2px solid var(--mk-ink);
  background: var(--mk-paper-2);
}
.mk-p {
  grid-column: span 3;
  background: var(--mk-paper);
  padding: 24px;
  border-right: 1.5px solid var(--mk-ink);
  border-bottom: 1.5px solid var(--mk-ink);
  position: relative;
  transition: background 0.2s ease;
  display: flex; flex-direction: column;
  min-height: 440px;
  color: var(--mk-ink);
}
.mk-p:hover { background: var(--mk-paper-2); }
.mk-p:hover .mk-p__unlock { background: var(--mk-voltage); color: var(--mk-ink); }
.mk-p:hover .mk-p__img { transform: rotate(-2deg) scale(1.04); }
.mk-p--hero {
  grid-column: span 6; grid-row: span 2;
  background: var(--mk-ink); color: var(--mk-paper);
  min-height: auto;
}
.mk-p--hero:hover { background: var(--mk-ink-2); }
.mk-p--wide { grid-column: span 6; }
.mk-p__top {
  display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 18px;
  font-family: var(--mk-font-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--mk-muted);
}
.mk-p--hero .mk-p__top { color: var(--mk-paper-3); }
.mk-p__top strong { color: var(--mk-ink); }
.mk-p--hero .mk-p__top strong { color: var(--mk-voltage); }
.mk-p__badge { padding: 3px 7px; border: 1px solid currentColor; }
.mk-p__img-wrap {
  flex: 1; display: flex; align-items: center; justify-content: center;
  position: relative;
  min-height: 180px;
  margin-bottom: 20px;
  overflow: hidden;
}
.mk-p__img {
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  max-height: 260px;
  width: auto;
  object-fit: contain;
}
.mk-p__name {
  font-family: var(--mk-font-display);
  font-size: 32px; line-height: 0.88;
  text-transform: uppercase;
  margin: 0 0 6px 0;
}
.mk-p--hero .mk-p__name { font-size: clamp(48px, 5.5vw, 82px); }
.mk-p__tagline {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--mk-muted);
  margin-bottom: 16px;
}
.mk-p--hero .mk-p__tagline { color: var(--mk-voltage); }
.mk-p__specs {
  display: flex; flex-wrap: wrap; gap: 6px 14px;
  font-family: var(--mk-font-mono);
  font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase;
  margin-bottom: 18px;
  padding-top: 12px;
  border-top: 1px dashed currentColor;
  opacity: 0.85;
}
.mk-p__spec b { font-weight: 400; color: var(--mk-muted); margin-right: 4px; }
.mk-p--hero .mk-p__spec b { color: var(--mk-paper-3); }
.mk-p__unlock, a.mk-p__unlock {
  width: 100%;
  padding: 12px;
  background: var(--mk-paper-2);
  color: var(--mk-ink);
  border: 2px solid var(--mk-ink);
  font-family: var(--mk-font-chunk);
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  text-align: left;
  display: flex; justify-content: space-between; align-items: center;
  transition: all 0.2s ease;
  cursor: pointer;
}
.mk-p--hero .mk-p__unlock { background: var(--mk-voltage); color: var(--mk-ink); border-color: var(--mk-voltage); }
.mk-p--hero:hover .mk-p__unlock { background: var(--mk-paper); border-color: var(--mk-paper); }
.mk-p__unlock__arrow {
  font-family: var(--mk-font-display);
  font-size: 18px;
  transition: transform 0.2s ease;
}
.mk-p:hover .mk-p__unlock__arrow { transform: translateX(4px); }

.mk-p--hero .mk-p__hero-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; flex: 1; }
.mk-p--hero .mk-p__visual {
  position: relative;
  background: var(--mk-paper);
  border: 2px solid var(--mk-voltage);
  display: flex; align-items: center; justify-content: center;
  padding: 30px;
  min-height: 320px;
  overflow: hidden;
}
.mk-p--hero .mk-p__visual::before {
  content: "";
  position: absolute; inset: 8px;
  border: 1px dashed var(--mk-ink);
  opacity: 0.2;
}
.mk-p--hero .mk-p__visual img {
  position: relative; z-index: 2;
  max-height: 360px;
  width: auto;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,0.2));
}
.mk-p--hero .mk-p__info-col { display: flex; flex-direction: column; justify-content: space-between; }
.mk-p__callout-tag {
  display: inline-block;
  background: var(--mk-voltage); color: var(--mk-ink);
  padding: 4px 10px;
  font-family: var(--mk-font-chunk);
  font-size: 10px; letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 14px;
  transform: rotate(-2deg);
}
.mk-p--hero .mk-p__desc {
  font-size: 14px;
  line-height: 1.5;
  color: var(--mk-paper-3);
  margin-bottom: 16px;
}

/* Gated price display */
.mk-price {
  font-family: var(--mk-font-display);
  font-size: 28px; line-height: 1;
  margin-bottom: 8px;
}
.mk-price small {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.08em;
  color: var(--mk-muted);
  display: block; margin-top: 4px;
  font-weight: 400;
}

/* Collection page variant - uses same grid */
.mk-collection__header {
  max-width: 1440px;
  margin: 0 auto 44px;
  padding: 64px 0 20px;
  border-bottom: 2px solid var(--mk-ink);
}
.mk-collection__crumbs {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mk-muted);
  margin-bottom: 16px;
}
.mk-collection__crumbs a:hover { color: var(--mk-ink); }
.mk-collection__title {
  font-family: var(--mk-font-display);
  font-size: clamp(56px, 9vw, 140px);
  line-height: 0.85;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
.mk-collection__sub {
  display: flex; justify-content: space-between; align-items: end;
  gap: 24px; flex-wrap: wrap;
}
.mk-collection__desc {
  max-width: 520px;
  color: var(--mk-ink-2);
}
.mk-collection__meta {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.08em;
  color: var(--mk-muted);
  text-transform: uppercase;
}

/* ============ PRICING TIERS ============ */
.mk-tiers__wrap {
  max-width: 1440px; margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1.5fr;
  gap: 0;
  border: 2px solid var(--mk-ink);
}
.mk-tiers__left {
  padding: 44px;
  background: var(--mk-ink);
  color: var(--mk-paper);
  position: relative;
  overflow: hidden;
}
.mk-tiers__left::before {
  content: "$";
  position: absolute;
  top: -40px; right: -20px;
  font-family: var(--mk-font-display);
  font-size: 420px;
  line-height: 0.8;
  color: var(--mk-ink-2);
  z-index: 0;
}
.mk-tiers__left > * { position: relative; z-index: 1; }
.mk-tiers__left h3 {
  font-family: var(--mk-font-display);
  font-size: 64px; line-height: 0.88; text-transform: uppercase;
  margin: 0 0 20px 0;
}
.mk-tiers__left h3 em { color: var(--mk-voltage); font-style: normal; }
.mk-tiers__left p {
  max-width: 340px;
  font-size: 14px; line-height: 1.55;
  color: var(--mk-paper-3);
  margin: 0 0 28px 0;
}
.mk-tiers__right {
  background: var(--mk-paper);
  display: flex; flex-direction: column;
}
.mk-tier-row {
  padding: 22px 32px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 24px;
  align-items: center;
  border-bottom: 1px solid var(--mk-paper-3);
  transition: background 0.15s ease;
}
.mk-tier-row:last-child { border-bottom: none; }
.mk-tier-row:hover { background: var(--mk-voltage); }
.mk-tier-row__tier {
  font-family: var(--mk-font-stamp);
  font-size: 22px; line-height: 1;
}
.mk-tier-row__qty {
  font-family: var(--mk-font-chunk);
  font-size: 14px; letter-spacing: 0.04em;
  text-transform: uppercase;
}
.mk-tier-row__qty small {
  display: block;
  font-family: var(--mk-font-mono);
  font-weight: 400; font-size: 10px; letter-spacing: 0.08em;
  color: var(--mk-muted);
  margin-top: 2px;
  text-transform: uppercase;
}
.mk-tier-row__discount {
  font-family: var(--mk-font-display);
  font-size: 38px; line-height: 1;
}
.mk-tier-row__perks {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mk-muted);
  text-align: right;
  min-width: 200px;
}

/* ============ PRIVATE LABEL ============ */
.mk-pl {
  background: var(--mk-ink);
  color: var(--mk-paper);
  border-bottom: 2px solid var(--mk-ink);
  overflow: hidden;
  position: relative;
}
.mk-pl__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  min-height: 520px;
}
.mk-pl__visual {
  background: var(--mk-voltage);
  position: relative;
  display: flex; align-items: center; justify-content: center;
  padding: 40px;
  overflow: hidden;
}
.mk-pl__visual::before {
  content: "";
  position: absolute; inset: 0;
  background-image: repeating-linear-gradient(45deg, transparent 0 10px, rgba(10,9,6,0.04) 10px 11px);
}
.mk-pl__visual img {
  width: 85%;
  max-width: 480px;
  mix-blend-mode: multiply;
  animation: mk-float 5s ease-in-out infinite;
  position: relative; z-index: 2;
}
@keyframes mk-float {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-12px) rotate(1deg); }
}
.mk-pl__content {
  padding: 72px 64px;
  display: flex; flex-direction: column; justify-content: center;
}
.mk-pl__eyebrow {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--mk-voltage);
  margin-bottom: 20px;
  display: flex; align-items: center; gap: 10px;
}
.mk-pl__eyebrow::before { content: ""; width: 32px; height: 2px; background: var(--mk-voltage); }
.mk-pl__content h3 {
  font-family: var(--mk-font-display);
  font-size: clamp(48px, 6vw, 88px);
  line-height: 0.88; text-transform: uppercase;
  margin: 0 0 24px 0;
}
.mk-pl__content h3 em {
  font-style: normal;
  color: var(--mk-paper);
  -webkit-text-stroke: 2px var(--mk-voltage);
  background: transparent;
  padding: 0 0.05em;
}
.mk-pl__content p {
  font-size: 15px; line-height: 1.6;
  max-width: 460px;
  color: var(--mk-paper-3);
  margin: 0 0 28px 0;
}
.mk-pl__list {
  list-style: none; display: grid; gap: 10px;
  margin: 0 0 32px 0; padding: 0;
  max-width: 460px;
}
.mk-pl__list li {
  display: grid; grid-template-columns: auto 1fr; gap: 14px;
  font-family: var(--mk-font-mono);
  font-size: 12px; letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--mk-ink-2);
}
.mk-pl__list li::before {
  content: "//";
  color: var(--mk-voltage);
  font-weight: 700;
}

/* ============ APPLY ============ */
.mk-apply {
  padding: 100px 32px;
  position: relative;
  text-align: center;
  border-bottom: 2px solid var(--mk-ink);
  background: var(--mk-voltage);
}
.mk-apply__bg {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  opacity: 0.06;
  pointer-events: none;
}
.mk-apply__bg-text {
  font-family: var(--mk-font-display);
  font-size: 28vw;
  line-height: 0.8;
  white-space: nowrap;
}
.mk-apply__inner { position: relative; z-index: 2; max-width: 900px; margin: 0 auto; }
.mk-apply__tag {
  display: inline-block;
  background: var(--mk-danger); color: var(--mk-paper);
  font-family: var(--mk-font-chunk);
  font-size: 11px; letter-spacing: 0.12em;
  padding: 6px 12px;
  text-transform: uppercase;
  margin-bottom: 28px;
  transform: rotate(-2deg);
}
.mk-apply h2 {
  font-family: var(--mk-font-display);
  font-size: clamp(56px, 9vw, 150px);
  line-height: 0.85; text-transform: uppercase;
  margin: 0 0 28px 0;
}
.mk-apply p {
  font-size: 16px; line-height: 1.55;
  max-width: 560px; margin: 0 auto 36px;
  color: var(--mk-ink-2);
}
.mk-apply__ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.mk-apply__steps {
  margin: 64px auto 0;
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 0;
  max-width: 900px;
  border: 1.5px solid var(--mk-ink);
}
.mk-apply__step {
  padding: 18px;
  border-right: 1px solid var(--mk-ink);
  text-align: left;
}
.mk-apply__step:last-child { border-right: none; }
.mk-apply__step__num {
  font-family: var(--mk-font-stamp);
  font-size: 24px;
  color: var(--mk-danger);
  margin-bottom: 6px;
}
.mk-apply__step__label {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mk-ink-2);
}

/* ============ DEALER APPLICATION FORM ============ */
.mk-form-page {
  padding: 80px 32px;
  background: var(--mk-paper);
}
.mk-form-wrap {
  max-width: 840px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 0;
  border: 2px solid var(--mk-ink);
  background: var(--mk-paper);
}
.mk-form-wrap__left {
  background: var(--mk-ink);
  color: var(--mk-paper);
  padding: 44px 36px;
  display: flex; flex-direction: column;
  position: relative; overflow: hidden;
}
.mk-form-wrap__left::before {
  content: "MK";
  position: absolute; bottom: -60px; right: -30px;
  font-family: var(--mk-font-display);
  font-size: 260px; line-height: 0.8;
  color: var(--mk-ink-2);
}
.mk-form-wrap__left h2 {
  font-family: var(--mk-font-display);
  font-size: 52px; line-height: 0.88;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  position: relative; z-index: 1;
}
.mk-form-wrap__left p {
  font-size: 14px; line-height: 1.6;
  color: var(--mk-paper-3);
  margin-bottom: 24px; position: relative; z-index: 1;
}
.mk-form-wrap__left ul {
  list-style: none; padding: 0; margin: 0;
  position: relative; z-index: 1;
}
.mk-form-wrap__left li {
  font-family: var(--mk-font-mono);
  font-size: 11px; letter-spacing: 0.04em;
  padding: 8px 0;
  border-bottom: 1px solid var(--mk-ink-2);
  text-transform: uppercase;
  display: grid; grid-template-columns: auto 1fr; gap: 10px;
}
.mk-form-wrap__left li::before { content: "//"; color: var(--mk-voltage); }
.mk-form-wrap__form { padding: 44px 36px; }
.mk-form-wrap__form h3 {
  font-family: var(--mk-font-chunk);
  font-size: 13px; letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 24px 0;
}
.mk-field { margin-bottom: 18px; }
.mk-field label {
  display: block;
  font-family: var(--mk-font-mono);
  font-size: 10px; letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mk-muted);
  margin-bottom: 6px;
}
.mk-field input, .mk-field select, .mk-field textarea {
  width: 100%;
  padding: 11px 12px;
  background: var(--mk-paper-2);
  border: 1.5px solid var(--mk-ink);
  font-family: var(--mk-font-body);
  font-size: 14px;
  color: var(--mk-ink);
  transition: background 0.15s ease;
}
.mk-field input:focus, .mk-field select:focus, .mk-field textarea:focus {
  outline: none;
  background: var(--mk-voltage);
}
.mk-field--split { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mk-field__check {
  display: flex; align-items: flex-start; gap: 10px;
  font-family: var(--mk-font-mono); font-size: 11px;
  letter-spacing: 0.04em; line-height: 1.4;
  color: var(--mk-ink-2);
  margin-bottom: 20px;
}
.mk-field__check input { width: auto; margin-top: 2px; }

/* ============ FOOTER ============ */
.mk-foot {
  background: var(--mk-ink);
  color: var(--mk-paper);
  padding: 64px 32px 24px;
}
.mk-foot__grid {
  max-width: 1440px; margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--mk-ink-2);
}
.mk-foot__brand img {
  width: 140px;
  filter: invert(1);
  margin-bottom: 20px;
}
.mk-foot__brand p {
  font-size: 13px; line-height: 1.6;
  color: var(--mk-paper-3);
  max-width: 320px;
  margin: 0;
}
.mk-foot__col h4 {
  font-family: var(--mk-font-chunk);
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--mk-voltage);
  margin: 0 0 18px 0;
}
.mk-foot__col ul { list-style: none; display: grid; gap: 10px; padding: 0; margin: 0; }
.mk-foot__col li {
  font-family: var(--mk-font-mono);
  font-size: 12px; letter-spacing: 0.02em;
  color: var(--mk-paper-3);
}
.mk-foot__col a:hover { color: var(--mk-voltage); }
.mk-foot__bottom {
  max-width: 1440px; margin: 28px auto 0;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 20px;
}
.mk-foot__bottom p {
  font-family: var(--mk-font-mono);
  font-size: 10px; letter-spacing: 0.06em;
  color: var(--mk-muted);
  text-transform: uppercase;
  max-width: 580px;
  line-height: 1.5;
  margin: 0;
}
.mk-foot__bottom .warn {
  color: var(--mk-danger);
  font-family: var(--mk-font-chunk);
}

/* ============ FORM MESSAGES (Shopify flash) ============ */
.mk-flash {
  padding: 14px 20px;
  margin: 0 0 24px;
  font-family: var(--mk-font-mono);
  font-size: 12px; letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mk-flash--success { background: var(--mk-voltage); color: var(--mk-ink); border: 2px solid var(--mk-ink); }
.mk-flash--error { background: var(--mk-danger); color: var(--mk-paper); border: 2px solid var(--mk-ink); }

/* ============ RESPONSIVE ============ */
@media (max-width: 900px) {
  .mk-nav { grid-template-columns: auto auto; gap: 16px; padding: 12px 20px; }
  .mk-nav__links { display: none; }
  .mk-hero__grid { grid-template-columns: 1fr; gap: 16px; }
  .mk-hero__right { order: -1; }
  .mk-hero__lady { max-width: 320px; }
  .mk-hero__stats { grid-template-columns: repeat(2, 1fr); }
  .mk-stat:nth-child(2) { border-right: none; }
  .mk-stat:nth-child(1), .mk-stat:nth-child(2) { border-bottom: 1px solid var(--mk-ink); }
  .mk-section { padding: 56px 20px; }
  .mk-section__head { grid-template-columns: 1fr; gap: 14px; }
  .mk-products { grid-template-columns: repeat(6, 1fr); }
  .mk-p { grid-column: span 6; min-height: 380px; }
  .mk-p--hero { grid-column: span 6; grid-row: auto; }
  .mk-p--hero .mk-p__hero-layout { grid-template-columns: 1fr; }
  .mk-p--wide { grid-column: span 6; }
  .mk-tiers__wrap { grid-template-columns: 1fr; }
  .mk-tier-row { grid-template-columns: 1fr 1fr; gap: 14px; }
  .mk-tier-row__perks { grid-column: 1 / -1; text-align: left; }
  .mk-pl__grid { grid-template-columns: 1fr; }
  .mk-pl__content { padding: 48px 28px; }
  .mk-apply__steps { grid-template-columns: repeat(2, 1fr); }
  .mk-apply__step:nth-child(2) { border-right: none; }
  .mk-apply__step:nth-child(1), .mk-apply__step:nth-child(2) { border-bottom: 1px solid var(--mk-ink); }
  .mk-foot__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .mk-hero { padding: 36px 20px 0; }
  .mk-creds { padding: 12px 20px; gap: 10px; justify-content: center; }
  .mk-creds__item { font-size: 9px; }
  .mk-form-wrap { grid-template-columns: 1fr; }
  .mk-form-wrap__left { padding: 32px 24px; }
  .mk-form-wrap__form { padding: 32px 24px; }
}
/* ============================================================
   HORIZON HEADER OVERRIDES — MK Branding
   ============================================================ */

.header,
.header-wrapper {
  background: var(--mk-paper) !important;
  border-bottom: 2px solid var(--mk-ink) !important;
  font-family: var(--mk-font-body) !important;
}

.header__heading-link,
.header__inline-menu a,
.header-menu__link,
.header__link {
  font-family: var(--mk-font-body) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 13px !important;
  color: var(--mk-ink) !important;
}

.header__heading-link:hover,
.header__inline-menu a:hover,
.header-menu__link:hover,
.header__link:hover {
  color: var(--mk-ink) !important;
  border-bottom: 2px solid var(--mk-voltage) !important;
}

/* Logo text styling */
.header__heading-logo,
.header__logo-text {
  font-family: var(--mk-font-chunk) !important;
  letter-spacing: 0.02em !important;
  color: var(--mk-ink) !important;
}

/* Icons (cart, search, account) */
.header__icon,
.header__icon svg {
  color: var(--mk-ink) !important;
  fill: var(--mk-ink) !important;
}

.header__icon:hover {
  color: var(--mk-voltage) !important;
}

/* Cart count badge */
.header__icon--cart .header__cart-count,
.cart-count-bubble {
  background: var(--mk-ink) !important;
  color: var(--mk-voltage) !important;
  font-family: var(--mk-font-mono) !important;
  font-weight: 700 !important;
}

/* Mobile menu */
.menu-drawer {
  background: var(--mk-paper) !important;
}

.menu-drawer__menu-item {
  font-family: var(--mk-font-chunk) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--mk-ink) !important;
}
/* ============================================================
   HORIZON FOOTER OVERRIDES — MK Branding (targeted)
   ============================================================ */

/* Target the footer + all color-scheme sections inside it */
footer,
footer .section,
footer [class*="color-scheme"] {
  background: var(--mk-ink) !important;
  color: var(--mk-paper) !important;
}

/* Remove the paper scheme from inside footer */
footer .color-scheme-1,
footer .color-scheme-2,
footer .color-scheme-3,
footer .color-scheme-4,
footer .color-scheme-5 {
  --color-background: var(--mk-ink) !important;
  --color-foreground: var(--mk-paper) !important;
  --color-foreground-heading: var(--mk-voltage) !important;
  background: var(--mk-ink) !important;
  color: var(--mk-paper) !important;
}

/* All text inside footer */
footer p,
footer span,
footer li,
footer a {
  color: var(--mk-paper-3) !important;
  font-family: var(--mk-font-mono) !important;
}

/* Footer links */
footer a {
  font-size: 12px !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
}

footer a:hover {
  color: var(--mk-voltage) !important;
}

/* Footer headings */
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer [class*="heading"] {
  font-family: var(--mk-font-chunk) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--mk-voltage) !important;
  margin-bottom: 18px !important;
}

/* Footer logo image - invert to white since bg is black */
footer img {
  filter: invert(1) !important;
}

/* Newsletter email input */
footer input[type="email"],
footer input[type="text"] {
  background: var(--mk-ink-2) !important;
  border: 1.5px solid var(--mk-paper-3) !important;
  color: var(--mk-paper) !important;
  font-family: var(--mk-font-mono) !important;
  padding: 12px !important;
}

footer input::placeholder {
  color: var(--mk-muted) !important;
}

/* Newsletter submit button */
footer button,
footer button[type="submit"] {
  background: var(--mk-voltage) !important;
  color: var(--mk-ink) !important;
  font-family: var(--mk-font-chunk) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  border: 2px solid var(--mk-voltage) !important;
}

/* Bottom copyright row */
footer .footer-utilities,
footer [class*="utilities"] {
  border-top: 1px solid var(--mk-ink-2) !important;
  padding-top: 28px !important;
  margin-top: 28px !important;
  font-family: var(--mk-font-mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  color: var(--mk-muted) !important;
  text-transform: uppercase !important;
}

/* Compliance warning bold red */
footer .compliance {
  color: var(--mk-danger) !important;
  font-family: var(--mk-font-chunk) !important;
}

/* Social media icons */
footer svg {
  fill: var(--mk-paper-3) !important;
}

footer a:hover svg {
  fill: var(--mk-voltage) !important;
}
/* ============================================================
   GLOBAL POLISH — MK accents on Horizon defaults
   Keep most of Horizon's structure clean. Just add brand DNA.
   ============================================================ */

/* All H1s site-wide get MK display font — biggest single brand signal */
.template-collection h1,
.template-customers-login h1,
.template-customers-register h1,
.template-customers-account h1,
.template-cart h1,
.template-page h1,
.template-product h1 {
  font-family: var(--mk-font-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  color: var(--mk-ink) !important;
}

/* Hide retail prices for non-wholesale customers across the site */
body:not(.is-b2b) .template-collection .price,
body:not(.is-b2b) .template-collection [class*="price-item"],
body:not(.is-b2b) .template-product .price,
body:not(.is-b2b) .template-product [class*="price-item"] {
  display: none !important;
}

/* Subtle "apply for pricing" hint for guests on collection cards */
body:not(.is-b2b) .product-card::after,
body:not(.is-b2b) .card .card__information::after {
  content: "Apply for wholesale pricing →";
  display: block;
  font-family: var(--mk-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--mk-muted);
  text-transform: uppercase;
  margin-top: 4px;
}/* Cart drawer — pure white background, no brand cream */
.cart-drawer,
cart-drawer,
[class*="cart-drawer"] {
  background: #ffffff !important;
}

/* Override Horizon's color-scheme variables inside cart only */
.cart-drawer .color-scheme-1,
.cart-drawer .color-scheme-2,
.cart-drawer .color-scheme-3,
.cart-drawer [class*="color-scheme"],
cart-drawer [class*="color-scheme"] {
  --color-background: #ffffff !important;
  background: #ffffff !important;
}/* Cart drawer — minimal MK signature on white */

/* Heading uses MK display font */
.cart-drawer h2,
[class*="cart-drawer"] h2,
.drawer__heading {
  font-family: var(--mk-font-display) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.01em !important;
  font-weight: 400 !important;
}

/* Continue shopping button gets MK chunk styling but stays simple */
.cart-drawer button,
.cart-drawer .button,
[class*="cart-drawer"] button:not(.cart-drawer__close) {
  font-family: var(--mk-font-chunk) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 12px !important;
  border-radius: 0 !important;
  padding: 14px 24px !important;
}

/* Helper text in mono so it feels intentional */
.cart-drawer p,
.cart-drawer__empty-text,
[class*="cart-drawer"] p {
  font-family: var(--mk-font-mono) !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}
/* Footer email signup — wide rectangle, MK clean */

footer .newsletter-form,
footer form {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
}

footer .newsletter-form__input,
footer input[type="email"] {
  flex: 1 !important;
  background: transparent !important;
  border: 1px solid rgba(237, 228, 211, 0.3) !important;
  border-radius: 0 !important;
  color: var(--mk-paper) !important;
  font-family: var(--mk-font-body) !important;
  font-size: 14px !important;
  padding: 14px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  height: 48px !important;
  margin: 0 !important;
}

footer input[type="email"]::placeholder {
  color: rgba(237, 228, 211, 0.5) !important;
}

footer .newsletter-form__button,
footer button[type="submit"] {
  background: var(--mk-voltage) !important;
  border: 1px solid var(--mk-voltage) !important;
  border-left: none !important;
  border-radius: 0 !important;
  color: var(--mk-ink) !important;
  width: 56px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: static !important;
  transform: none !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer .newsletter-form__button:hover,
footer button[type="submit"]:hover {
  background: var(--mk-paper) !important;
}

footer .newsletter-form__button svg,
footer button[type="submit"] svg {
  fill: var(--mk-ink) !important;
  width: 18px !important;
  height: 18px !important;
}

/* Heading */
footer .newsletter-form h2,
footer .newsletter-form h3,
footer .newsletter h2 {
  font-family: var(--mk-font-chunk) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: var(--mk-voltage) !important;
}
/* Kill Horizon's pill wrapper around the newsletter form */
footer .newsletter-form,
footer form,
footer [class*="newsletter"],
footer .newsletter-form__field-wrapper,
footer .field {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}/* Private Label headline — white text instead of voltage yellow */
.mk-pl h3,
.mk-pl__content h3,
.mk-pl__content h3 p,
.mk-pl strong,
.mk-pl em {
  color: var(--mk-paper) !important;
  background: transparent !important;
  padding: 0 !important;
  font-style: normal !important;
}/* Private Label headline — handle the nested <h3><p> structure */
.mk-pl h3 {
  font-family: 'Anton', Impact, sans-serif !important;
  font-size: clamp(48px, 7vw, 96px) !important;
  line-height: 0.9 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin: 0 0 24px 0 !important;
  letter-spacing: 0.01em !important;
  display: block !important;
}

.mk-pl h3 p {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.mk-pl h3 p br {
  display: none !important;
}

.mk-pl h3 em,
.mk-pl h3 strong,
.mk-pl h3 p em,
.mk-pl h3 p strong {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  background: transparent !important;
  font-style: normal !important;
  padding: 0 !important;
}/* ============================================
   MK HEADER OVERRIDES
   ============================================ */

/* Nav menu items */
.header__menu-item,
.header__inline-menu a,
header-menu a,
.header a[href]:not(.header__heading-link):not(.header__icon) {
  font-family: 'Archivo Black', 'Archivo', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 900 !important;
  font-size: 13px !important;
  color: #000 !important;
}

/* Hover state — underline for feedback */
.header__menu-item:hover,
.header__inline-menu a:hover,
header-menu a:hover {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 2px !important;
}

/* Tighten header padding to give the menu room */
.header {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* Logo sizing — make sure the script logo has presence */
.header__heading-link img,
.header__heading img {
  max-height: 56px !important;
  width: auto !important;
}

/* Icons on the right — slightly bolder strokes */
.header__icon svg,
.header__icon-cart svg {
  stroke-width: 2 !important;
}
/* ============================================
   MK HEADER — shopify-account web component cleanup
   ============================================ */

/* Hide ONLY the "Account" text label, not the icon itself */
shopify-account .visually-hidden,
shopify-account [class*="label"]:not(svg):not(a):not(button) {
  display: none !important;
}

/* Make sure the SVG icon stays visible */
shopify-account svg,
shopify-account a svg,
shopify-account button svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide the vertical divider line — it's likely a pseudo-element or border on the wrapper */
shopify-account::before,
shopify-account::after,
shopify-account *::before,
shopify-account *::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
}

/* Strip borders/dividers from the wrapper */
shopify-account,
shopify-account a,
shopify-account button,
shopify-account summary,
shopify-account > * {
  border: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Force the wrapper and its contents to align */
shopify-account,
shopify-account > *,
shopify-account a,
shopify-account button,
shopify-account summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 24px !important;
  width: 24px !important;
  vertical-align: middle !important;
}

/* Parent container — flex row, equal gaps */
.header__icons,
[class*="header"] [class*="icons"],
[class*="header"] [class*="actions"],
[class*="header"] [class*="utilities"] {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}/* Nuke the shopify-account element entirely */
shopify-account {
  display: none !important;
}/* ============================================
   MK FEATURED CATALOG — title refinement
   ============================================ */
.mk-section__title {
  font-size: clamp(40px, 5vw, 72px) !important;
  letter-spacing: 0.02em !important;
  line-height: 0.95 !important;
}/* ============================================
   MK PRODUCT CARD — typography (uniform across all variants)
   ============================================ */

/* All product names — consistent sizing, proper line breathing */
.mk-p__name {
  font-size: clamp(20px, 1.8vw, 26px) !important;
  letter-spacing: 0.03em !important;
  line-height: 1.1 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  margin: 0 0 10px 0 !important;
}

/* Hero card title — bigger but same letter rhythm */
.mk-p--hero .mk-p__name {
  font-size: clamp(28px, 2.8vw, 42px) !important;
  letter-spacing: 0.03em !important;
  line-height: 1.05 !important;
}

/* Specs strip — uniform sizing */
.mk-p__specs {
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  gap: 6px 12px !important;
}

/* Tagline — uniform sizing if present */
.mk-p__tagline {
  font-size: 10px !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 12px !important;
}
}

/* Keep specs strip from getting squished */
.mk-p__specs {
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
}/* ============================================
   MK HERO PRODUCT CARD — photo-first stacked layout
   ============================================ */

/* Kill the row span — hero card is same height as other cards */
.mk-p--hero {
  grid-row: auto !important;
  grid-column: span 6 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 28px !important;
  gap: 18px !important;
  min-height: 440px !important;
}

/* Top row (SKU + badge) stays at top */
.mk-p--hero .mk-p__top {
  flex: 0 0 auto !important;
  margin-bottom: 0 !important;
}

/* Hero layout becomes a vertical stack: visual on top, info below */
.mk-p--hero .mk-p__hero-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  flex: 1 !important;
}

/* Image side — large, fills the top of the card */
.mk-p--hero .mk-p__visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  min-height: 220px !important;
  width: 100% !important;
  flex: 1 !important;
}

.mk-p--hero .mk-p__visual img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 240px !important;
  object-fit: contain !important;
}

/* Info column sits below the image as a row */
.mk-p--hero .mk-p__info-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  min-width: 0 !important;
}

/* Hero product name — readable, not blown out */
.mk-p--hero .mk-p__name {
  font-size: clamp(24px, 2.4vw, 36px) !important;
  line-height: 0.95 !important;
  letter-spacing: 0.02em !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Hero description — hide on stacked layout to save space, or keep tight */
.mk-p--hero .mk-p__desc {
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-bottom: 8px !important;
}/* ============================================
   MK PRODUCT PAGE — gallery sizing
   ============================================ */

/* Constrain the main product image height so the whole page fits the fold */
.product__media-wrapper,
.product-media-container,
[class*="product__media"],
.product-gallery,
.product-gallery__media {
  max-height: 640px !important;
}

/* The image itself shouldn't exceed a reasonable size */
.product__media-wrapper img,
.product-media-container img,
[class*="product__media"] img,
.product-gallery img {
  max-height: 580px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* Tighten the gallery column on the product page grid */
.product__media-list,
.product-media-list {
  max-width: 580px !important;
  margin: 0 auto !important;
}