/* Exact Mee Met Oranje launch layout - overrides legacy shop styles */
:root {
  --mmo-bg: #f6f6f6;
  --mmo-card: #ffffff;
  --mmo-text: #111114;
  --mmo-muted: #6f737b;
  --mmo-line: #e8e8e8;
  --mmo-orange: #ff6a00;
  --mmo-orange-dark: #e95d00;
  --mmo-black: #050505;
  --mmo-radius: 16px;
  --mmo-shadow: 0 14px 34px rgba(0, 0, 0, 0.07);
  --mmo-container: 1320px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0 !important;
  background: var(--mmo-bg) !important;
  color: var(--mmo-text) !important;
  font-family: Inter, Arial, sans-serif !important;
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

body.theme-meemetoranje .page-shell {
  background: var(--mmo-bg);
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.mmo-container,
.container {
  width: min(calc(100% - 80px), var(--mmo-container)) !important;
  max-width: var(--mmo-container) !important;
  margin-inline: auto !important;
}

.mmo-main { min-height: 60vh; }
.mmo-section { padding: 34px 0; }
.mmo-section + .mmo-section { padding-top: 18px; }

/* Header */
.mmo-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--mmo-black);
  color: #fff;
  box-shadow: 0 4px 22px rgba(0,0,0,.22);
}

.mmo-utility {
  height: 36px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: #030303;
  font-size: 12px;
}

.mmo-utility .mmo-container,
.mmo-utility-left,
.mmo-utility-right,
.mmo-nav-inner,
.mmo-header-actions,
.mmo-menu {
  display: flex;
  align-items: center;
}

.mmo-utility .mmo-container {
  height: 36px;
  justify-content: space-between;
  gap: 22px;
}

.mmo-utility-left { gap: 32px; white-space: nowrap; overflow: hidden; }
.mmo-utility-right { gap: 22px; flex: 0 0 auto; }
.mmo-utility span, .mmo-utility a { color: rgba(255,255,255,.88); font-weight: 600; }
.mmo-utility svg { width: 15px; height: 15px; fill: var(--mmo-orange); margin-right: 6px; vertical-align: -3px; }

.mmo-nav { height: 74px; background: #060606; }
.mmo-nav-inner { height: 74px; justify-content: space-between; gap: 24px; }
.mmo-logo { display: flex; align-items: center; flex: 0 0 auto; }
.mmo-logo img { height: 48px !important; width: auto; }

.mmo-menu { gap: 6px; margin-left: 30px; margin-right: auto; }
.mmo-menu a {
  height: 42px;
  padding: 0 16px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}
.mmo-menu a:hover,
.mmo-menu a.is-active { background: rgba(255,255,255,.09); }

.mmo-header-actions { gap: 12px; flex: 0 0 auto; }

.mmo-search {
  width: 244px;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: #151515;
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
}
.mmo-search input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  padding: 0 12px 0 16px;
}
.mmo-search input::placeholder { color: rgba(255,255,255,.52); }
.mmo-search button,
.mmo-icon-btn,
.mmo-menu-toggle {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #fff;
}
.mmo-search button:hover,
.mmo-icon-btn:hover,
.mmo-menu-toggle:hover { background: rgba(255,255,255,.08); }
.mmo-search svg,
.mmo-icon-btn svg,
.mmo-cart svg,
.mmo-menu-toggle svg {
  width: 21px;
  height: 21px;
  fill: currentColor;
}

.mmo-cart {
  height: 46px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #151515;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-weight: 800;
  font-size: 14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
.mmo-cart strong {
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--mmo-orange);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.mmo-menu-toggle { display: none; }

/* Buttons and common */
.mmo-btn {
  min-height: 44px;
  border-radius: 10px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 0;
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.mmo-btn:hover { transform: translateY(-1px); }
.mmo-btn svg { width: 18px; height: 18px; fill: currentColor; }
.mmo-btn-primary { background: var(--mmo-orange); color: #fff; box-shadow: none; }
.mmo-btn-primary:hover { background: var(--mmo-orange-dark); }
.mmo-btn-black { background: #080808; color: #fff; }
.mmo-btn-white { background: #fff; color: #111; }
.mmo-btn-outline { background: #fff; color: var(--mmo-orange); border: 1px solid #ffd4b8; }
.mmo-btn-icon { min-width: 48px; padding: 0; background: #fff; color: #1c1c1c; border: 1px solid var(--mmo-line); }
.mmo-btn-sm { min-height: 38px; padding: 0 14px; font-size: 13px; }

.mmo-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 27px;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .025em;
  line-height: 1;
}
.mmo-badge em { font-style: normal; }
.mmo-badge.is-deal { background: #fff1e8; color: #ff4f00; }
.mmo-badge.is-new { background: #fff3df; color: #ca6b00; }
.mmo-badge.is-sponsored { background: #ffefe3; color: #e95d00; }
.mmo-badge.is-popular { background: #eaf2ff; color: #2a67c7; }

/* Homepage */
.mmo-hero {
  background: linear-gradient(90deg, #ff7a00 0%, #ff6900 60%, #ff7a00 100%);
  min-height: 430px;
  display: flex;
  align-items: stretch;
  padding-bottom: 80px;
}
.mmo-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: 36px;
  align-items: center;
  min-height: 430px;
  position: relative;
}
.mmo-hero-copy { padding: 42px 0; color: #fff; z-index: 2; }
.mmo-kicker {
  display: inline-flex;
  margin-bottom: 18px;
  height: 28px;
  padding: 0 12px;
  align-items: center;
  border-radius: 999px;
  background: rgba(0,0,0,.22);
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .05em;
}
.mmo-hero h1 {
  margin: 0;
  max-width: 650px;
  font-size: clamp(42px, 5vw, 68px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 900;
}
.mmo-hero p {
  max-width: 520px;
  margin: 22px 0 0;
  color: rgba(255,255,255,.95);
  font-size: 21px;
  line-height: 1.32;
  font-weight: 500;
}
.mmo-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }

.mmo-hero-art {
  position: relative;
  min-height: 390px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.mmo-hero-art::before {
  content: "";
  position: absolute;
  inset: 38px 145px 18px 0;
  border-radius: 42px;
  background:
    radial-gradient(circle at 20% 80%, rgba(255,255,255,.5), transparent 19%),
    radial-gradient(circle at 60% 30%, rgba(0,0,0,.18), transparent 28%),
    rgba(255,255,255,.12);
  filter: blur(.1px);
}
.mmo-hero-product-image {
  position: absolute;
  right: 280px;
  bottom: 26px;
  width: min(380px, 45vw);
  height: 300px;
  object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,.22));
}
.mmo-hero-product {
  position: relative;
  z-index: 2;
  width: 260px;
  padding: 24px;
  border-radius: 16px;
  background: rgba(20,20,20,.88);
  color: #fff;
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
  margin-right: 0;
}
.mmo-hero-product h3 {
  margin: 14px 0 14px;
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -.025em;
}
.mmo-hero-product span:not(.mmo-badge) {
  color: rgba(255,255,255,.65);
  text-decoration: line-through;
  font-weight: 700;
}
.mmo-hero-product strong {
  display: block;
  margin: 2px 0 18px;
  font-size: 28px;
  line-height: 1;
}

.mmo-section-overlap { margin-top: -34px; position: relative; z-index: 4; }
.mmo-category-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 0;
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
}
.mmo-category-tile {
  min-height: 96px;
  padding: 20px 18px;
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  border-right: 1px solid var(--mmo-line);
}
.mmo-category-tile:last-child { border-right: 0; }
.mmo-category-tile span {
  grid-row: 1 / 3;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #fff5ee;
  color: var(--mmo-orange);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mmo-category-tile svg { width: 24px; height: 24px; fill: currentColor; }
.mmo-category-tile strong { font-size: 15px; line-height: 1.1; }
.mmo-category-tile small { color: var(--mmo-muted); font-size: 12px; }

/* Section heads */
.mmo-section-head {
  min-height: 42px;
  margin-bottom: 22px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.mmo-section-head h2,
.mmo-page-title h1 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.04em;
  font-weight: 900;
}
.mmo-section-head a,
.mmo-page-title a { color: var(--mmo-orange); font-weight: 800; }

.mmo-home-columns {
  display: grid;
  grid-template-columns: 235px minmax(0,1fr);
  gap: 28px;
  align-items: start;
}
.mmo-category-box {
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 16px;
  box-shadow: none;
  padding: 20px;
}
.mmo-category-box h2 { margin: 0 0 14px; font-size: 28px; letter-spacing: -.035em; }
.mmo-category-box ul { list-style: none; padding: 0; margin: 0 0 6px; display: grid; gap: 2px; }
.mmo-category-box li a {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-size: 14px;
  font-weight: 700;
}
.mmo-category-box li strong { color: var(--mmo-muted); }

/* Cards */
.mmo-product-grid {
  display: grid;
  gap: 18px;
}


.mmo-product-grid-5 { grid-template-columns: repeat(5, minmax(0,1fr)); }
.mmo-product-grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); }

.mmo-product-card {
  min-width: 0;
  min-height: 100%;
  display: flex !important;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 13px;
  box-shadow: none;
  overflow: hidden;
  transition: transform .16s ease, box-shadow .16s ease;
}
.mmo-product-card:hover { transform: translateY(-2px); box-shadow: 0 18px 34px rgba(0,0,0,.08); }

.mmo-product-media {
  position: relative;
  padding: 16px 16px 0;
}
.mmo-product-media > a {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f7fa;
  border-radius: 10px;
  overflow: hidden;
}
.mmo-product-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.mmo-product-media .mmo-badge { position: absolute; top: 16px; left: 16px; z-index: 2; }
.mmo-fav {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border: 1px solid var(--mmo-line);
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  color: #aab0b8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mmo-fav svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.mmo-fav.is-active { color: var(--mmo-orange); }

.mmo-product-body {
  padding: 14px 16px 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
}
.mmo-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.mmo-pills span {
  min-height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  background: #f2f2f2;
  color: #656a72;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.mmo-product-card h3 {
  margin: 0;
  font-size: 14px;
  line-height: 1.26;
  letter-spacing: -.015em;
  font-weight: 400;
}
.mmo-product-card h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mmo-rating { min-height: 20px; font-size: 13px; color: var(--mmo-orange); font-weight: 800; }
.mmo-rating svg,
.rating-stars svg { width: 13px; height: 13px; fill: var(--mmo-orange); }
.mmo-price {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mmo-price span {
  color: #9a9fa7;
  text-decoration: line-through;
  font-weight: 700;
  font-size: 13px;
}
.mmo-price strong {
  font-size: 23px;
  line-height: 1.1;
  letter-spacing: -.035em;
  font-weight: 900;
}
.mmo-product-card .mmo-btn {
  width: 100%;
  min-height: 42px;
  margin-top: 2px;
}
.mmo-store-line {
  margin: 0;
  color: var(--mmo-muted);
  font-size: 13px;
}

/* Listing */
.mmo-listing-intro {
  padding: 30px 0 18px;
  background: var(--mmo-bg);
}
.mmo-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 22px;
  color: var(--mmo-muted);
  font-size: 14px;
}
.mmo-breadcrumbs a { color: var(--mmo-muted); }
.mmo-listing-intro h1 {
  margin: 0;
  font-size: 38px;
  line-height: 1.1;
  letter-spacing: -.04em;
  font-weight: 900;
}
.mmo-listing-intro p {
  max-width: 720px;
  margin: 10px 0 26px;
  color: var(--mmo-muted);
  font-size: 16px;
}
.mmo-usp-inline {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0;
}
.mmo-usp-inline div {
  min-height: 58px;
  padding: 0 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid var(--mmo-line);
}
.mmo-usp-inline div:first-child { padding-left: 0; }
.mmo-usp-inline div:last-child { border-right: 0; }
.mmo-usp-inline strong { font-size: 14px; }
.mmo-usp-inline span { color: var(--mmo-muted); font-size: 12px; }

.mmo-listing-layout {
  display: grid;
  grid-template-columns: 240px minmax(0,1fr);
  gap: 26px;
  align-items: start;
}
.mmo-filter {
  position: sticky;
  top: 128px;
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.04);
  padding: 18px;
}
.mmo-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
}
.mmo-filter-head h3 { margin: 0; font-size: 17px; font-weight: 900; }
.mmo-filter-head a { color: var(--mmo-muted); font-size: 13px; font-weight: 700; }
.mmo-filter-head .close-panel { display: none; }

.mmo-filter-section {
  border-top: 1px solid var(--mmo-line);
}
.mmo-filter-section > button {
  width: 100%;
  min-height: 54px;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--mmo-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-weight: 900;
  font-size: 14px;
}
.mmo-filter-section svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  transition: transform .16s ease;
}
.mmo-filter-section.is-collapsed svg { transform: rotate(-90deg); }
.mmo-filter-section > div {
  display: grid;
  gap: 10px;
  padding-bottom: 16px;
}
.mmo-filter-section.is-collapsed > div { display: none; }
.mmo-check {
  min-height: 24px;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  color: var(--mmo-muted);
  font-size: 13px;
}
.mmo-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--mmo-orange); }
.mmo-check span { color: #41464d; }
.mmo-check em { font-style: normal; color: var(--mmo-muted); }
.mmo-filter-submit { width: 100%; margin-top: 16px; }

.mmo-toolbar {
  min-height: 60px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.mmo-toolbar > strong { font-size: 15px; color: #34373c; }
.mmo-toolbar > div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mmo-toolbar label { color: var(--mmo-muted); font-size: 13px; font-weight: 800; }
.mmo-toolbar select {
  height: 46px;
  min-width: 180px;
  border: 1px solid var(--mmo-line);
  border-radius: 10px;
  background: #fff;
  padding: 0 14px;
  color: #555b63;
}
.mmo-view-toggle {
  height: 46px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid var(--mmo-line);
}
.mmo-view-toggle button {
  width: 38px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #656a72;
  font-size: 18px;
  font-weight: 900;
}
.mmo-view-toggle button.is-active { background: #f3f3f3; color: #111; }
.filter-toggle { display: none; }

.mmo-product-grid.is-list { grid-template-columns: 1fr; }
.mmo-product-grid.is-list .mmo-product-card { flex-direction: row; }
.mmo-product-grid.is-list .mmo-product-media { width: 250px; flex: 0 0 250px; padding: 14px; }
.mmo-product-grid.is-list .mmo-product-media > a { height: 180px; }
.mmo-product-grid.is-list .mmo-product-body { padding: 18px; }
.mmo-product-grid.is-list .mmo-product-card h3 { font-size: 20px; }
.mmo-product-grid.is-list .mmo-product-card .mmo-btn { max-width: 230px; }

.empty-state {
  display: none;
  margin-top: 18px;
  padding: 40px;
  text-align: center;
  border-radius: 16px;
  background: #fff;
  border: 1px dashed #d7d7d7;
}
.empty-state.is-visible { display: block; }

.mmo-pagination {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.mmo-pagination a {
  min-width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--mmo-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}
.mmo-pagination a.is-active { background: var(--mmo-orange); color: #fff; border-color: var(--mmo-orange); }

.mmo-usp-row {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
}
.mmo-usp-row div {
  min-height: 82px;
  padding: 20px 26px;
  border-right: 1px solid var(--mmo-line);
}
.mmo-usp-row div:last-child { border-right: 0; }
.mmo-usp-row strong { display: block; margin-bottom: 4px; font-size: 15px; }
.mmo-usp-row span { color: var(--mmo-muted); font-size: 13px; }

.mmo-newsletter {
  min-height: 126px;
  padding: 26px 30px;
  border-radius: 16px;
  background: linear-gradient(90deg, #ff7400, #ff5f00);
  color: #fff;
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(360px,1fr);
  gap: 30px;
  align-items: center;
}
.mmo-newsletter h2 { margin: 0 0 6px; font-size: 36px; line-height: 1; letter-spacing: -.04em; }
.mmo-newsletter p { margin: 0; color: rgba(255,255,255,.92); }
.mmo-newsletter form { display: grid; grid-template-columns: 1fr 190px; gap: 12px; }
.mmo-newsletter input {
  height: 52px;
  border: 0;
  border-radius: 10px;
  padding: 0 18px;
}

/* Product detail */
.mmo-product-breadcrumb-wrap { padding-bottom: 8px; }
.mmo-product-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) 420px;
  gap: 28px;
  align-items: start;
}
.mmo-gallery,
.mmo-buy-card,
.mmo-tabs,
.mmo-table-card,
.mmo-info-card,
.mmo-content-card,
.mmo-contact-cards article,
.mmo-faq-card,
.mmo-contact-form-card,
.mmo-partner-grid article,
.mmo-partner-detail {
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 16px;
  box-shadow: none;
}
.mmo-gallery { padding: 20px; }
.mmo-gallery-main {
  min-height: 500px;
  border-radius: 13px;
  background: #f4f7fa;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.mmo-gallery-main img { width: 100%; height: 100%; object-fit: contain; }
.mmo-gallery-thumbs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 18px;
}
.mmo-gallery-thumbs button {
  min-height: 88px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--mmo-line);
  background: #fff;
}
.mmo-gallery-thumbs button.is-active { border-color: var(--mmo-orange); box-shadow: 0 0 0 2px rgba(255,106,0,.12); }
.mmo-gallery-thumbs img { width: 100%; height: 72px; object-fit: contain; }
.mmo-product-usps {
  margin-top: 18px;
  border-top: 1px solid var(--mmo-line);
  padding-top: 12px;
}

.mmo-buy-card {
  position: sticky;
  top: 128px;
  padding: 24px;
}
.mmo-buy-card h1 {
  margin: 10px 0 8px;
  font-size: 34px;
  line-height: 1.06;
  letter-spacing: -.045em;
  font-weight: 900;
}
.mmo-buy-card > p { margin: 12px 0 0; color: var(--mmo-muted); }
.mmo-update-list {
  display: grid;
  gap: 7px;
  margin: 16px 0;
  color: #2f9b54;
  font-size: 13px;
  font-weight: 700;
}
.mmo-buy-price {
  margin-top: 16px;
  padding: 18px;
  border-radius: 13px;
  background: #f7f7f7;
}
.mmo-buy-price span {
  display: block;
  margin-bottom: 6px;
  color: var(--mmo-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.mmo-buy-price em {
  display: block;
  color: #9a9fa7;
  font-style: normal;
  text-decoration: line-through;
  font-weight: 700;
}
.mmo-buy-price strong {
  display: block;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -.05em;
  font-weight: 900;
}
.mmo-buy-price p {
  margin: 12px 0 0;
  color: var(--mmo-muted);
  font-size: 13px;
}
.mmo-buy-actions {
  display: grid;
  grid-template-columns: 1fr 52px;
  gap: 10px;
  margin-top: 14px;
}
.mmo-provider-line {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--mmo-line);
  display: flex;
  justify-content: space-between;
  gap: 14px;
  color: var(--mmo-muted);
  font-size: 13px;
}
.mmo-why-card {
  margin-top: 18px;
  padding: 18px;
  border-radius: 13px;
  background: #fbfbfb;
  border: 1px solid var(--mmo-line);
}
.mmo-why-card h3 { margin: 0 0 8px; font-size: 17px; }
.mmo-why-card p { margin: 0; color: var(--mmo-muted); font-size: 13px; }
.mmo-why-card a { display: inline-flex; margin-top: 12px; color: var(--mmo-orange); font-weight: 800; }

.mmo-tabs { overflow: hidden; }
.mmo-tab-nav {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid var(--mmo-line);
}
.mmo-tab-nav button {
  height: 58px;
  border: 0;
  background: transparent;
  padding: 0 22px;
  color: #5e636b;
  font-weight: 800;
  position: relative;
}
.mmo-tab-nav button.is-active { color: #111; }
.mmo-tab-nav button.is-active::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  height: 3px;
  background: var(--mmo-orange);
  border-radius: 999px 999px 0 0;
}
.mmo-tab-body { padding: 24px; }
.tab-panel { display: none; }
.tab-panel.is-active { display: block; }
.mmo-tab-body p { color: #3f444b; }
.mmo-specs {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.mmo-specs div {
  padding: 14px 16px;
  border-radius: 10px;
  background: #f8f8f8;
  border: 1px solid var(--mmo-line);
}
.mmo-specs span { display: block; color: var(--mmo-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; margin-bottom: 4px; }
.mmo-specs strong { font-weight: 800; }

.mmo-accordion { display: grid; gap: 10px; }
.mmo-accordion-row {
  border: 1px solid var(--mmo-line);
  border-radius: 11px;
  overflow: hidden;
  background: #fff;
}
.mmo-accordion-row button {
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  border: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 850;
  text-align: left;
}
.mmo-accordion-row > div {
  display: none;
  padding: 0 16px 16px;
  color: var(--mmo-muted);
}
.mmo-accordion-row.is-open > div { display: block; }

.mmo-table-card { overflow: hidden; }
.mmo-price-table { width: 100%; border-collapse: collapse; }
.mmo-price-table th,
.mmo-price-table td {
  padding: 17px 18px;
  border-bottom: 1px solid var(--mmo-line);
  text-align: left;
  vertical-align: middle;
}
.mmo-price-table th {
  color: var(--mmo-muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.mmo-retailer { display: flex; align-items: center; gap: 12px; }
.mmo-retailer img { width: 42px; height: 42px; object-fit: contain; }
.merchant-logo-fallback { font-weight: 900; }

/* Content/contact/partners */
.mmo-page-title { max-width: 720px; margin-bottom: 34px; }
.mmo-page-title p { margin: 12px 0 0; color: #41464d; font-size: 17px; }
.mmo-contact-cards {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-bottom: 34px;
}
.mmo-contact-cards article {
  padding: 28px;
  min-height: 250px;
}
.mmo-contact-cards span {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: #fff3ea;
  color: var(--mmo-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.mmo-contact-cards h3 { margin: 28px 0 10px; font-size: 20px; }
.mmo-contact-cards p { color: var(--mmo-muted); margin: 0 0 28px; }
.mmo-contact-cards a { color: var(--mmo-orange); font-weight: 900; }

.mmo-contact-layout {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr);
  gap: 20px;
  margin-bottom: 34px;
}
.mmo-faq-card,
.mmo-contact-form-card { padding: 24px; }
.mmo-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.mmo-card-head h2,
.mmo-contact-form-card h2 { margin: 0; font-size: 26px; letter-spacing: -.03em; }
.mmo-card-head a { color: var(--mmo-muted); font-weight: 800; font-size: 13px; }
.mmo-contact-form-card p { color: var(--mmo-muted); margin: 8px 0 18px; }
.mmo-contact-form-card form { display: grid; gap: 14px; }
.mmo-contact-form-card label { display: grid; gap: 6px; font-weight: 700; color: #41464d; }
.mmo-contact-form-card input,
.mmo-contact-form-card select,
.mmo-contact-form-card textarea {
  width: 100%;
  border: 1px solid var(--mmo-line);
  border-radius: 10px;
  background: #fff;
  min-height: 48px;
  padding: 0 14px;
}
.mmo-contact-form-card textarea { min-height: 128px; padding-top: 12px; resize: vertical; }

.mmo-partner-usps {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 20px;
  margin-bottom: 28px;
}
.mmo-partner-usps div { display: grid; gap: 4px; padding-left: 44px; position: relative; }
.mmo-partner-usps div::before {
  content: "♢";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: var(--mmo-orange);
  border: 2px solid var(--mmo-orange);
  border-radius: 10px;
  display: grid;
  place-items: center;
}
.mmo-partner-usps strong { font-weight: 900; }
.mmo-partner-usps span { color: var(--mmo-muted); font-size: 13px; }

.mmo-partner-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 18px;
  margin-bottom: 34px;
}
.mmo-partner-grid article {
  padding: 28px 24px;
  min-height: 260px;
}
.mmo-partner-grid article.is-active { border-color: #ffb37e; box-shadow: 0 0 0 1px #ffb37e, var(--mmo-shadow); }
.mmo-partner-grid h2 { margin: 0 0 24px; font-size: 40px; color: #0f55bf; letter-spacing: -.05em; }
.mmo-partner-grid article:first-child h2 { color: #e01c2a; }
.mmo-partner-grid article:nth-child(3) h2 { color: #bd1646; }
.mmo-partner-grid article:nth-child(4) h2 { color: #1c65c8; }
.mmo-partner-grid article:nth-child(5) h2 { color: #111; }
.mmo-partner-grid strong { display: block; margin-bottom: 4px; }
.mmo-partner-grid span { color: var(--mmo-muted); font-size: 13px; }
.mmo-partner-grid p { color: #555b63; font-size: 13px; min-height: 58px; }
.mmo-partner-grid a { color: var(--mmo-orange); font-weight: 900; font-size: 13px; }

.mmo-partner-detail {
  min-height: 190px;
  padding: 28px;
  display: grid;
  grid-template-columns: 170px minmax(0,1fr) 280px;
  gap: 30px;
  align-items: center;
}
.mmo-partner-detail > a { grid-column: 1 / -1; color: #555b63; font-weight: 800; }
.mmo-partner-detail h2 { margin: 0; font-size: 46px; color: #e01c2a; }
.mmo-partner-detail p { color: #555b63; margin-bottom: 0; }
.mmo-partner-detail ul {
  margin: 0;
  list-style: none;
  padding: 18px;
  background: #fbfbfb;
  border-radius: 12px;
  display: grid;
  gap: 9px;
  color: #2e9e57;
  font-weight: 800;
}

.mmo-content-card {
  padding: 30px;
  color: #3f444b;
}
.mmo-content-card > *:first-child { margin-top: 0; }
.mmo-info-card { padding: 24px; }

/* Footer */
.mmo-footer {
  margin-top: 28px;
  padding-top: 46px;
  background: #050505;
  color: #fff;
}
.mmo-footer-grid {
  display: grid;
  grid-template-columns: minmax(260px,1.1fr) repeat(3,minmax(160px,.7fr));
  gap: 46px;
}
.mmo-footer-logo img { height: 48px; width: auto; margin-bottom: 18px; }
.mmo-footer p,
.mmo-footer li,
.mmo-footer a,
.mmo-footer-bottom { color: rgba(255,255,255,.72); }
.mmo-footer h3 { margin: 0 0 16px; font-size: 16px; color: #fff; }
.mmo-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.mmo-footer a:hover { color: #fff; }
.mmo-socials,
.mmo-payments {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.mmo-socials span,
.mmo-payments span {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 900;
}
.mmo-footer-bottom {
  min-height: 72px;
  margin-top: 36px;
  border-top: 1px solid rgba(255,255,255,.10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

/* Drawer/favourites from legacy JS */
.mobile-nav-panel,
.favourites-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: min(420px, calc(100vw - 28px));
  height: 100vh;
  padding: 22px;
  background: #fff;
  z-index: 80;
  box-shadow: -18px 0 42px rgba(0,0,0,.22);
  overflow-y: auto;
  transform: translateX(108%);
  transition: transform .18s ease;
}
.mobile-nav-panel.is-open,
.favourites-panel.is-open { transform: translateX(0); }
.mobile-overlay,
.favourites-overlay {
  position: fixed;
  inset: 0;
  z-index: 78;
  background: rgba(0,0,0,.45);
  display: none;
}
.mobile-overlay.is-open,
.favourites-overlay.is-open { display: block; }
.mobile-nav-header,
.favourites-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.mobile-nav-links,
.favourites-list { display: grid; gap: 10px; }
.mobile-nav-links a { padding: 12px 14px; border-radius: 10px; background: #f4f4f4; font-weight: 800; }
.close-panel { border: 0; background: transparent; font-size: 24px; }

/* Responsive */
@media (max-width: 1280px) {
  .mmo-product-grid-5 { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .mmo-product-grid-4 { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mmo-category-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .mmo-category-tile:nth-child(3n) { border-right: 0; }
  .mmo-partner-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 1100px) {
  .mmo-menu { display: none; }
  .mmo-menu-toggle { display: inline-flex; }
  .mmo-hero-inner,
  .mmo-product-layout,
  .mmo-listing-layout,
  .mmo-contact-layout,
  .mmo-home-columns { grid-template-columns: 1fr; }
  .mmo-buy-card,
  .mmo-filter { position: static; }
  .mmo-filter { order: 1; }
  .mmo-listing-products { order: 2; }
  .filter-toggle { display: inline-flex; }
  .mmo-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mmo-contact-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mmo-partner-detail { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
  .mmo-container, .container { width: min(calc(100% - 32px), var(--mmo-container)) !important; }
  .mmo-utility { display: none; }
  .mmo-nav, .mmo-nav-inner { height: 68px; }
  .mmo-search { display: none; }
  .mmo-icon-btn { display: none; }
  .mmo-cart span { display: none; }
  .mmo-logo img { height: 42px !important; }
  .mmo-hero { min-height: 520px; }
  .mmo-hero-inner { min-height: 520px; }
  .mmo-hero-art { min-height: 220px; }
  .mmo-hero-product-image { right: 130px; width: 300px; height: 220px; }
  .mmo-hero-product { width: 220px; }
  .mmo-product-grid-5,
  .mmo-product-grid-4,
  .mmo-category-strip,
  .mmo-usp-inline,
  .mmo-usp-row,
  .mmo-partner-usps,
  .mmo-partner-grid,
  .mmo-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mmo-category-tile { border-right: 0; border-bottom: 1px solid var(--mmo-line); }
  .mmo-newsletter { grid-template-columns: 1fr; }
  .mmo-newsletter form { grid-template-columns: 1fr; }
  .mmo-gallery-main { min-height: 360px; }
  .mmo-specs { grid-template-columns: 1fr; }
  .mmo-price-table,
  .mmo-price-table thead,
  .mmo-price-table tbody,
  .mmo-price-table tr,
  .mmo-price-table th,
  .mmo-price-table td { display: block; width: 100%; }
  .mmo-price-table thead { display: none; }
  .mmo-price-table tr { padding: 14px; border-bottom: 1px solid var(--mmo-line); }
  .mmo-price-table td { padding: 8px 0; border: 0; }
  .mmo-price-table td::before { content: attr(data-label); display: block; color: var(--mmo-muted); font-size: 11px; font-weight: 900; text-transform: uppercase; margin-bottom: 4px; }
  .mmo-product-grid.is-list .mmo-product-card { flex-direction: column; }
  .mmo-product-grid.is-list .mmo-product-media { width: auto; flex: auto; }
}

@media (max-width: 620px) {
  .mmo-product-grid-5,
  .mmo-product-grid-4,
  .mmo-category-strip,
  .mmo-usp-inline,
  .mmo-usp-row,
  .mmo-contact-cards,
  .mmo-partner-usps,
  .mmo-partner-grid,
  .mmo-footer-grid { grid-template-columns: 1fr; }
  .mmo-hero h1 { font-size: 42px; }
  .mmo-hero p { font-size: 17px; }
  .mmo-hero-product-image { display: none; }
  .mmo-hero-product { width: 100%; margin-top: 16px; }
  .mmo-toolbar { align-items: flex-start; flex-direction: column; }
  .mmo-toolbar > div { width: 100%; justify-content: space-between; flex-wrap: wrap; }
  .mmo-buy-actions { grid-template-columns: 1fr; }
  .mmo-footer-bottom { flex-direction: column; align-items: flex-start; padding: 18px 0; }
}


/* Launch-ready polish: affiliate transparency, responsive drawers and conversion details */
html, body { max-width: 100%; overflow-x: hidden; }
.mmo-menu a.is-active { background: rgba(255, 111, 0, .13); color: var(--mmo-orange); }
.mmo-search input::placeholder,
.mobile-nav-search input::placeholder { color: rgba(255,255,255,.55); }
.mobile-nav-search { margin: 0 0 16px; }
.mobile-nav-search input {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--mmo-line);
  border-radius: 12px;
  padding: 0 14px;
  font: inherit;
  color: var(--mmo-text);
  background: #f7f7f7;
}
.mmo-product-card { overflow: hidden; }
.mmo-product-body { display: flex; flex-direction: column; }
.mmo-product-body .mmo-btn { margin-top: auto; }
.mmo-product-body h3 a { color: inherit; }
.mmo-store-line { min-height: 18px; }
.mmo-rating {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-height: 0;
}
.rating-pill { display: inline-flex; align-items: center; min-height: 22px; padding: 0 7px; border-radius: 999px; background: #fff5ec; color: var(--mmo-orange); font-weight: 900; }
.rating-stars { display: inline-flex; align-items: center; gap: 1px; }
.rating-star svg { width: 14px; height: 14px; fill: currentColor; }
.rating-star:not(.is-filled) { opacity: .22; }
.mmo-buy-price p, .mmo-provider-line span, .mmo-why-card p { line-height: 1.55; }
.mmo-provider-line { align-items: flex-start; }
.mmo-product-usps strong, .mmo-usp-row strong, .mmo-usp-inline strong { letter-spacing: -.01em; }
.mmo-launch-cta .mmo-newsletter-actions { display: flex; gap: 12px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.mmo-footer-note { max-width: 410px; font-size: 13px; line-height: 1.55; color: rgba(255,255,255,.62) !important; }
.mmo-payments span { min-height: 30px; font-size: 11px; letter-spacing: .01em; }
.mmo-service-card .mmo-btn { margin-top: 18px; }
.mmo-service-list { display: grid; gap: 12px; margin: 18px 0; }
.mmo-service-list div { padding: 14px; border: 1px solid var(--mmo-line); border-radius: 12px; background: #fafafa; }
.mmo-service-list strong { display: block; margin-bottom: 4px; }
.mmo-service-list span { color: var(--mmo-muted); line-height: 1.5; }
.mmo-content-card a, .mmo-service-list a { color: var(--mmo-orange); font-weight: 800; }
.mmo-content-card h2, .mmo-content-card h3 { color: var(--mmo-text); letter-spacing: -.02em; }
.mmo-table-card { overflow: hidden; }
.mmo-price-table td, .mmo-price-table th { vertical-align: middle; }
.mobile-filter-overlay { display: none; }

@media (max-width: 1100px) {
  .mmo-listing-layout { display: block; }
  .filter-drawer.mmo-filter {
    position: fixed !important;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    z-index: 90;
    width: min(390px, calc(100vw - 34px));
    height: 100dvh;
    max-height: none;
    overflow-y: auto;
    padding: 20px;
    border-radius: 0 20px 20px 0;
    box-shadow: 18px 0 42px rgba(0,0,0,.22);
    transform: translateX(-105%);
    transition: transform .18s ease;
    order: initial;
  }
  .filter-drawer.mmo-filter.is-open { transform: translateX(0); }
  .mobile-filter-overlay {
    position: fixed;
    inset: 0;
    z-index: 88;
    background: rgba(0,0,0,.48);
    display: none;
  }
  .mobile-filter-overlay.is-open { display: block; }
  .mmo-filter-head .close-panel {
    display: inline-flex !important;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #f2f2f2;
    color: var(--mmo-text);
    line-height: 1;
  }
  .mmo-listing-products { width: 100%; }
  .mmo-toolbar { gap: 14px; }
  .mmo-buy-card { position: static; }
}

@media (max-width: 860px) {
  .mmo-section { margin-block: 26px; }
  .mmo-listing-intro { padding: 22px 0 8px; }
  .mmo-listing-intro h1, .mmo-page-title h1 { font-size: clamp(32px, 9vw, 46px); }
  .mmo-hero { min-height: auto; padding: 46px 0 34px; }
  .mmo-hero-inner { min-height: auto; gap: 22px; }
  .mmo-hero h1 { font-size: clamp(42px, 11vw, 58px); line-height: .95; }
  .mmo-hero-actions { flex-wrap: wrap; }
  .mmo-hero-actions .mmo-btn { min-height: 46px; }
  .mmo-hero-art { min-height: 230px; border-radius: 26px; }
  .mmo-hero-product { right: 16px; bottom: 18px; }
  .mmo-category-strip { overflow: hidden; }
  .mmo-product-card { border-radius: 16px; }
  .mmo-product-media { min-height: 168px; }
  .mmo-buy-card { padding: 24px; border-radius: 18px; }
  .mmo-tab-nav { display: flex; overflow-x: auto; scrollbar-width: none; }
  .mmo-tab-nav button { white-space: nowrap; min-height: 46px; }
  .mmo-contact-cards article, .mmo-faq-card, .mmo-contact-form-card, .mmo-partner-detail { border-radius: 18px; }
  .mmo-footer { padding-top: 34px; }
}

@media (max-width: 620px) {
  .mmo-container, .container { width: min(calc(100% - 24px), var(--mmo-container)) !important; }
  .mmo-nav-inner { gap: 10px; }
  .mmo-cart { min-width: 44px; padding-inline: 10px; }
  .mmo-cart strong { min-width: 18px; height: 18px; font-size: 11px; }
  .mmo-hero-copy { max-width: 100%; }
  .mmo-hero p { max-width: 100%; }
  .mmo-hero-art { min-height: auto; padding: 14px; background: rgba(255,255,255,.15); }
  .mmo-hero-product { position: static; width: 100%; margin: 0; }
  .mmo-section-head { align-items: flex-start; gap: 8px; flex-direction: column; }
  .mmo-product-grid-5, .mmo-product-grid-4 { gap: 16px; }
  .mmo-toolbar select { width: 100%; }
  .mmo-view-toggle { display: none; }
  .mmo-buy-actions { gap: 10px; }
  .mmo-buy-actions .mmo-btn-primary { width: 100%; justify-content: center; }
  .mmo-btn-icon { width: 100%; }
  .mmo-newsletter-actions, .mmo-launch-cta .mmo-newsletter-actions { justify-content: stretch; }
  .mmo-newsletter-actions .mmo-btn { width: 100%; justify-content: center; }
  .mmo-footer-grid { gap: 26px; }
  .mmo-footer-bottom { gap: 8px; }
}
.mobile-nav-search input::placeholder { color: var(--mmo-muted); }

/* Feedback polish 2026-04-29: tighter desktop scale, cleaner cards and mobile alignment */
.mmo-section { padding: 28px 0; }
.mmo-section + .mmo-section { padding-top: 12px; }
.mmo-section-overlap { margin-top: 0 !important; padding-top: 22px; }

.mmo-hero h1 { font-size: clamp(42px, 4vw, 50px); line-height: 1.02; letter-spacing: -.045em; }
.mmo-hero p { font-size: 19px; max-width: 560px; }
.mmo-section-head h2,
.mmo-page-title h1 { font-size: clamp(26px, 2.2vw, 32px); letter-spacing: -.035em; }
.mmo-listing-intro h1 { font-size: 34px; letter-spacing: -.035em; }
.mmo-category-box h2 { font-size: 22px; letter-spacing: -.025em; }
.mmo-category-box .mmo-btn { width: 100%; padding-inline: 12px; white-space: nowrap; }
.mmo-product-card .mmo-pills { display: none !important; }

.mmo-section-head > div p {
  margin: 8px 0 0;
  max-width: 650px;
  color: var(--mmo-muted);
  font-size: 15px;
  line-height: 1.5;
}

.mmo-listing-intro .mmo-usp-inline,
.mmo-product-usps.mmo-usp-inline {
  padding: 8px;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 18px;
  box-shadow: none;
}
.mmo-listing-intro .mmo-usp-inline div,
.mmo-product-usps.mmo-usp-inline div {
  min-height: 72px;
  padding: 14px 16px;
  border-right: 0;
  border-radius: 13px;
  background: #fbfbfb;
}
.mmo-listing-intro .mmo-usp-inline div:first-child,
.mmo-product-usps.mmo-usp-inline div:first-child { padding-left: 16px; }
.mmo-listing-intro .mmo-usp-inline strong,
.mmo-product-usps.mmo-usp-inline strong { font-size: 14px; line-height: 1.25; }
.mmo-listing-intro .mmo-usp-inline span,
.mmo-product-usps.mmo-usp-inline span { font-size: 12.5px; line-height: 1.35; }
.mmo-product-usps { margin-top: 18px; padding-top: 0; border-top: 0; }

.mmo-gallery-main {
  height: clamp(340px, 45vw, 660px);
  min-height: 0;
  max-height: 660px;
}
.mmo-gallery-main img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.mmo-table-card {
  padding: 8px;
  border-radius: 20px;
  background: #fff;
  overflow-x: auto;
}
.mmo-price-table {
  min-width: 860px;
  border-collapse: separate;
  border-spacing: 0;
}
.mmo-price-table th {
  padding: 16px 18px;
  background: #fafafa;
  border-bottom: 1px solid var(--mmo-line);
  color: #5d6470;
  font-size: 12px;
  letter-spacing: .055em;
}
.mmo-price-table th:first-child { border-radius: 14px 0 0 14px; }
.mmo-price-table th:last-child { border-radius: 0 14px 14px 0; }
.mmo-price-table td {
  padding: 18px;
  border-bottom: 1px solid #f0ece7;
  color: #252a31;
  line-height: 1.4;
}
.mmo-price-table tbody tr:first-child td { background: #fffaf5; }
.mmo-price-table tbody tr:first-child td:first-child { border-radius: 14px 0 0 14px; }
.mmo-price-table tbody tr:first-child td:last-child { border-radius: 0 14px 14px 0; }
.mmo-price-table tbody tr:last-child td { border-bottom: 0; }
.mmo-price-table td:nth-child(2) strong {
  font-size: 18px;
  letter-spacing: -.02em;
}
.mmo-retailer { gap: 14px; }
.mmo-retailer .merchant-logo-fallback {
  width: 92px;
  min-height: 48px;
  padding: 7px 10px;
  border-radius: 999px;
  text-align: center;
  white-space: normal;
  line-height: 1.05;
  background: #f5eee6;
}
.mmo-price-table .mmo-btn {
  min-width: 148px;
  white-space: normal;
  text-align: center;
  line-height: 1.15;
}

.mmo-editors-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.mmo-editor-card {
  min-height: 210px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 18px;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--mmo-line);
  border-radius: 18px;
  box-shadow: none;
}
.mmo-editor-avatar {
  width: 74px;
  height: 74px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff4ec;
  display: grid;
  place-items: center;
  color: var(--mmo-orange);
  font-weight: 900;
  font-size: 28px;
}
.mmo-editor-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mmo-editor-role {
  display: inline-flex;
  margin-bottom: 7px;
  color: var(--mmo-orange);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.mmo-editor-card h3 { margin: 0 0 8px; font-size: 20px; line-height: 1.15; letter-spacing: -.025em; }
.mmo-editor-card p { margin: 0; color: var(--mmo-muted); font-size: 14px; line-height: 1.55; }
.mmo-editor-card a { display: inline-flex; margin-top: 14px; color: var(--mmo-orange); font-weight: 900; }

.mmo-description-text { position: relative; }
.mmo-read-more {
  display: none;
  margin-top: 12px;
  border: 0;
  background: transparent;
  color: var(--mmo-orange);
  font-weight: 900;
  padding: 0;
}
.mmo-read-more.is-visible { display: inline-flex; }

.mobile-nav-panel,
.favourites-panel { color: var(--mmo-text); }
.mobile-nav-header strong,
.favourites-panel-head strong { color: var(--mmo-text); }
.mobile-nav-header p,
.favourites-panel-head p { color: var(--mmo-muted); }
.mobile-nav-links a {
  min-height: 56px;
  display: flex;
  align-items: center;
  background: #f7f7f7;
  border: 1px solid var(--mmo-line);
  color: var(--mmo-text) !important;
  font-size: 16px;
}
.mobile-nav-links a:hover { background: #fff4ec; border-color: #ffd2b5; color: var(--mmo-orange) !important; }
.mobile-nav-search input { color: var(--mmo-text); background: #fff; }

@media (max-width: 1100px) {
  .mmo-editors-grid { grid-template-columns: 1fr; }
  .mmo-editor-card { min-height: 0; }
}

@media (max-width: 860px) {
  .mmo-container,
  .container { width: min(calc(100% - 24px), var(--mmo-container)) !important; }
  .mmo-section { padding: 18px 0; margin-block: 0 !important; }
  .mmo-section + .mmo-section { padding-top: 6px; }
  .mmo-section-overlap { padding-top: 14px; }
  .mmo-section-head { min-height: 0; margin-bottom: 14px; }
  .mmo-section-head h2,
  .mmo-page-title h1 { font-size: clamp(24px, 7vw, 30px); }
  .mmo-section-head > div p { font-size: 14px; margin-top: 5px; }

  .mmo-hero { min-height: auto; padding: 18px 0 20px; }
  .mmo-hero-inner { min-height: auto; gap: 16px; }
  .mmo-hero-copy { padding: 0 !important; }
  .mmo-kicker { margin-bottom: 12px; height: 26px; font-size: 11px; }
  .mmo-hero h1 { font-size: clamp(32px, 9vw, 42px); line-height: 1; }
  .mmo-hero p { margin-top: 14px; font-size: 16px; line-height: 1.38; }
  .mmo-hero-actions { margin-top: 18px; gap: 10px; }
  .mmo-hero-actions .mmo-btn { flex: 1 1 140px; min-height: 44px; padding-inline: 12px; }
  .mmo-hero-art {
    display: grid;
    gap: 12px;
    min-height: 0;
    padding: 14px;
    border-radius: 22px;
    background: rgba(255,255,255,.16);
  }
  .mmo-hero-art::before { display: none; }
  .mmo-hero-product-image {
    position: static !important;
    order: 1;
    display: block !important;
    width: 100%;
    height: auto;
    max-height: 170px;
    padding: 10px;
    object-fit: contain;
    border-radius: 16px;
    background: rgba(255,255,255,.92);
    filter: none;
  }
  .mmo-hero-product {
    position: static;
    order: 2;
    width: 100%;
    margin: 0;
    padding: 18px;
    border-radius: 16px;
  }
  .mmo-hero-product h3 { margin: 12px 0; font-size: 22px; line-height: 1.08; }
  .mmo-hero-product strong { font-size: 26px; }

  .mmo-home-columns { gap: 16px; }
  .mmo-category-box { padding: 18px; }
  .mmo-category-box h2 { font-size: 21px; }
  .mmo-product-grid-5,
  .mmo-product-grid-4 { gap: 14px; }
  .mmo-product-card h3 { font-size: 15px; }
  .mmo-product-body { gap: 8px; padding: 12px 14px 14px; }
  .mmo-price strong { font-size: 21px; }
  .mmo-product-media { min-height: 0; padding: 12px 12px 0; }
  .mmo-product-media > a { height: 154px; }

  .mmo-listing-intro { padding: 20px 0 8px; }
  .mmo-breadcrumbs { margin-bottom: 16px; font-size: 13px; }
  .mmo-listing-intro h1 { font-size: clamp(30px, 8vw, 34px); }
  .mmo-listing-intro p { margin: 8px 0 16px; font-size: 15px; }
  .mmo-listing-intro .mmo-usp-inline,
  .mmo-product-usps.mmo-usp-inline {
    display: flex !important;
    grid-template-columns: none;
    overflow-x: auto;
    gap: 10px;
    margin-inline: 0px;
    padding: 2px 12px 10px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .mmo-listing-intro .mmo-usp-inline::-webkit-scrollbar,
  .mmo-product-usps.mmo-usp-inline::-webkit-scrollbar,
  .mmo-related-scroll::-webkit-scrollbar { display: none; }
  .mmo-listing-intro .mmo-usp-inline div,
  .mmo-product-usps.mmo-usp-inline div {
    flex: 0 0 220px;
    min-height: 82px;
    padding: 14px;
    border: 1px solid var(--mmo-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0,0,0,.045);
    scroll-snap-align: start;
  }

  .mmo-listing-layout { margin-top: 2px; }
  .mmo-toolbar { min-height: 0; margin-bottom: 14px; gap: 10px; }
  .mmo-toolbar > strong { font-size: 14px; }
  .mmo-toolbar select { height: 44px; }
  .filter-toggle { min-height: 42px; }

  .mmo-product-breadcrumb-wrap { padding: 14px 0 2px; }
  .mmo-product-layout { gap: 16px; }
  .mmo-gallery { padding: 14px; border-radius: 18px; }
  .mmo-gallery-main {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 14px;
  }
  .mmo-gallery-main img { max-height: 320px; }
  .mmo-buy-card { padding: 18px; border-radius: 18px; }
  .mmo-buy-card h1 { font-size: clamp(26px, 8vw, 32px); }
  .mmo-buy-price strong { font-size: 32px; }
  .mmo-tabs { border-radius: 18px; }
  .mmo-tab-body { padding: 18px; }

  .mmo-description-text {
    max-height: 360px;
    overflow: hidden;
  }
  .mmo-description-text.is-expanded { max-height: none; overflow: visible; }
  .mmo-description-text.is-clamped::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 72px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 80%);
    pointer-events: none;
  }

  .mmo-table-card { padding: 0; border-radius: 18px; overflow: visible; background: transparent; box-shadow: none; border: 0; }
  .mmo-price-table { min-width: 0; border-spacing: 0 12px; }
  .mmo-price-table tr {
    padding: 16px;
    border: 1px solid var(--mmo-line) !important;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0,0,0,.045);
  }
  .mmo-price-table tbody tr:first-child td { background: transparent; }
  .mmo-price-table td { padding: 8px 0; }
  .mmo-price-table td:last-child .mmo-btn { width: 100%; }

  .mmo-related-scroll {
    display: flex;
    grid-template-columns: none;
    overflow-x: auto;
    gap: 14px;
    margin-inline: 0px;
    padding: 2px 12px 10px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .mmo-related-scroll .mmo-product-card {
    flex: 0 0 min(78vw, 300px);
    max-width: 300px;
    scroll-snap-align: start;
  }

  .mmo-editor-card { grid-template-columns: 58px minmax(0, 1fr); gap: 14px; padding: 18px; }
  .mmo-editor-avatar { width: 58px; height: 58px; border-radius: 16px; }
  .mmo-editor-card h3 { font-size: 18px; }
}

@media (max-width: 620px) {
  .mmo-nav,
  .mmo-nav-inner { height: 64px; }
  .mmo-logo img { height: 38px !important; }
  .mmo-cart { height: 42px; }
  .mmo-menu-toggle { width: 42px; height: 42px; }
  .mmo-category-strip { border-radius: 14px; }
  .mmo-category-tile { min-height: 80px; padding: 14px; }
  .mmo-newsletter { padding: 20px; }
  .mmo-newsletter h2 { font-size: 28px; }
  .mmo-footer { margin-top: 16px; }
}

/* Final detail polish 2026-04-29: compact homepage, product table and mobile finish */
.mmo-category-strip {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.mmo-category-tile:nth-child(6n) { border-right: 0; }

.mmo-editor-bio {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mmo-editor-bio.is-expanded {
  display: block;
  -webkit-line-clamp: initial;
  overflow: visible;
}
.mmo-editor-read-more {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mmo-orange);
  font-weight: 900;
  font-size: 13px;
}
.mmo-editor-read-more.is-visible { display: inline-flex; }

.mmo-product-page .mmo-description-text {
  max-height: calc(1.65em * 5);
  overflow: hidden;
  line-height: 1.65;
}
.mmo-product-page .mmo-description-text.is-expanded {
  max-height: none !important;
  overflow: visible;
}
.mmo-product-page .mmo-description-text.is-clamped::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 72px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 78%);
  pointer-events: none;
}

.mmo-price-table th:first-child,
.mmo-price-table td:first-child { min-width: 280px; }
.mmo-retailer .merchant-logo-fallback {
  width: 180px;
  flex: 0 0 180px;
}
.mmo-price-table .mmo-btn { min-width: 200px; }
.mmo-price-table td:nth-child(2) strong {
  min-width: 100px;
  display: inline-block;
}

.mobile-nav-header .close-panel,
.favourites-panel-head .close-panel {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #111;
  color: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
  position: relative;
  z-index: 3;
}
.mobile-nav-header .close-panel svg,
.favourites-panel-head .close-panel svg,
.close-panel svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.mobile-nav-header { align-items: center; }
.mobile-nav-header strong { padding-right: 8px; line-height: 1.15; }

.mmo-product-layout,
.mmo-product-left,
.mmo-gallery,
.mmo-buy-card,
.mmo-tabs,
.mmo-table-card,
.mmo-product-card,
.mmo-section,
.mmo-listing-products { min-width: 0; }

@media (min-width: 1281px) {
  .mmo-category-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .mmo-category-tile:nth-child(6n) { border-right: 0; }
  
}

@media (max-width: 1280px) and (min-width: 861px) {
  .mmo-category-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mmo-category-tile { border-right: 1px solid var(--mmo-line); }
  .mmo-category-tile:nth-child(4n) { border-right: 0; }
}

@media (max-width: 860px) {
  .mmo-main,
  .page-shell,
  body.mmo-page { overflow-x: hidden; }
  
  .nids {
		display: inline-block;
		margin-top: 18px;
	}

  .mmo-section { padding: 14px 0; }
  .mmo-section + .mmo-section { padding-top: 4px; }
  .mmo-section-head h2,
  .mmo-page-title h1 { font-size: clamp(22px, 6.4vw, 28px); }
  .mmo-listing-intro h1 { font-size: clamp(28px, 7.5vw, 32px); }
  .mmo-hero h1 { font-size: clamp(30px, 8.8vw, 40px); }
  .mmo-hero p { font-size: 15px; }

  .mmo-home-page .mmo-category-strip,
  #aanbevolen-deals .mmo-product-grid,
  #nieuw-in-de-shop .mmo-product-grid,
  .mmo-editors-section .mmo-editors-grid {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 12px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .mmo-home-page .mmo-category-strip::-webkit-scrollbar,
  #aanbevolen-deals .mmo-product-grid::-webkit-scrollbar,
  #nieuw-in-de-shop .mmo-product-grid::-webkit-scrollbar,
  .mmo-editors-section .mmo-editors-grid::-webkit-scrollbar,
  .mmo-usp-row::-webkit-scrollbar,
  #nieuw-in-de-shop .mmo-category-box ul::-webkit-scrollbar { display: none; }

  .mmo-home-page .mmo-category-strip {
    padding: 2px 0 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .mmo-home-page .mmo-category-tile {
    flex: 0 0 min(72vw, 252px);
    min-height: 92px;
    border: 1px solid var(--mmo-line) !important;
    border-radius: 18px;
    background: #fff;
    box-shadow: none;
    scroll-snap-align: start;
  }

  #aanbevolen-deals .mmo-product-card,
  #nieuw-in-de-shop .mmo-product-card {
    flex: 0 0 min(78vw, 294px);
    max-width: 294px;
    scroll-snap-align: start;
  }

  .mmo-editors-section .mmo-editors-grid { padding: 2px 0 10px; }
  .mmo-editors-section .mmo-editor-card {
    flex: 0 0 min(84vw, 330px);
    max-width: 330px;
    scroll-snap-align: start;
  }

  #nieuw-in-de-shop .mmo-home-columns {
    display: block;
  }
  #nieuw-in-de-shop .mmo-category-box {
    margin-bottom: 16px;
    padding: 16px;
  }
  
  #nieuw-in-de-shop .mmo-category-box li {
    flex: 0 0 172px;
    scroll-snap-align: start;
	margin-bottom: 6px;
  }
  #nieuw-in-de-shop .mmo-category-box li a {
    min-height: 60px;
    padding: 12px;
    border-radius: 14px;
    background: #fafafa;
    border: 1px solid var(--mmo-line);
  }

  .mmo-usp-row {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 0 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .mmo-usp-row div {
    flex: 0 0 min(72vw, 252px);
    min-height: 118px;
    padding: 18px 18px 16px;
    border: 1px solid #f0dfd1 !important;
    border-radius: 18px;
    background: linear-gradient(180deg, #fff 0%, #fff8f2 100%);
    box-shadow: 0 10px 22px rgba(0,0,0,.055);
    position: relative;
    scroll-snap-align: start;
  }
  .mmo-usp-row div::before {
    content: "";
    width: 32px;
    height: 32px;
    display: block;
    margin-bottom: 12px;
    border-radius: 11px;
    background: radial-gradient(circle at 50% 50%, #fff 0 30%, transparent 31%), var(--mmo-orange);
    box-shadow: 0 8px 16px rgba(255,106,0,.18);
  }
  .mmo-usp-row strong { font-size: 14px; line-height: 1.25; }
  .mmo-usp-row span { display: block; margin-top: 5px; font-size: 12.5px; line-height: 1.45; }

  .mmo-listing-intro .mmo-usp-inline,
  .mmo-product-usps.mmo-usp-inline {
    margin-inline: 0 !important;
    padding: 2px 0 10px !important;
  }

  .mmo-product-page .mmo-container,
  .mmo-product-page .container {
    width: min(calc(100% - 24px), var(--mmo-container)) !important;
    max-width: calc(100vw - 24px) !important;
  }
  .mmo-product-page .mmo-product-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(calc(100% - 24px), var(--mmo-container)) !important;
    max-width: calc(100vw - 24px) !important;
    margin-inline: auto !important;
  }
  .mmo-product-page .mmo-section,
  .mmo-product-page .mmo-gallery,
  .mmo-product-page .mmo-buy-card,
  .mmo-product-page .mmo-tabs,
  .mmo-product-page .mmo-table-card {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .mmo-product-page .mmo-gallery { overflow: hidden; }
  .mmo-product-page .mmo-gallery-main { max-width: 100%; }
  .mmo-product-page .mmo-buy-card h1 { font-size: clamp(24px, 7vw, 30px); }
  .mmo-product-page .mmo-provider-line { flex-direction: column; gap: 6px; }

  .mmo-table-card { overflow-x: visible; }
  .mmo-price-table { min-width: 0 !important; width: 100%; }
  .mmo-price-table th:first-child,
  .mmo-price-table td:first-child { min-width: 0; }
  .mmo-retailer {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
  }
  .mmo-retailer .merchant-logo-fallback {
    width: 100%;
    max-width: 180px;
    flex: 0 1 180px;
  }
  .mmo-price-table .mmo-btn {
    min-width: 0;
    width: 100%;
  }
  .mmo-price-table td:nth-child(2) strong {
    min-width: 0;
  }

  .mobile-nav-panel {
    width: min(420px, calc(100vw - 42px));
    padding: 24px;
  }
}

@media (max-width: 620px) {
  .mmo-home-page .mmo-category-tile,
  .mmo-usp-row div { flex-basis: min(76vw, 260px); }
  #aanbevolen-deals .mmo-product-card,
  #nieuw-in-de-shop .mmo-product-card { flex-basis: min(80vw, 286px); }
  .mmo-editors-section .mmo-editor-card { flex-basis: min(84vw, 320px); }
  .mmo-product-page .mmo-container,
  .mmo-product-page .container,
  .mmo-product-page .mmo-product-layout {
    width: min(calc(100% - 20px), var(--mmo-container)) !important;
    max-width: calc(100vw - 20px) !important;
  }
  .mobile-nav-panel { width: min(420px, calc(100vw - 38px)); }
}

@media (min-width: 1281px) {
  .mmo-category-strip .mmo-category-tile { border-bottom: 1px solid var(--mmo-line); }
  .mmo-category-strip .mmo-category-tile:nth-last-child(-n+6) { border-bottom: 0; }
}
@media (max-width: 1280px) and (min-width: 861px) {
  .mmo-category-strip .mmo-category-tile { border-bottom: 1px solid var(--mmo-line); }
  .mmo-category-strip .mmo-category-tile:nth-last-child(-n+4) { border-bottom: 0; }
}

/* Final launch polish 2026-04-29: compact mobile lanes, product clamps and price table refinements */
.mmo-category-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.mmo-category-tile:nth-child(6n) { border-right: 0; }
.mmo-category-tile:nth-child(n+7) { border-top: 1px solid var(--mmo-line); }

.mmo-description-text[data-description-clamp] {
  position: relative;
  max-height: calc(1.65em * 5 + 2px);
  overflow: hidden;
  line-height: 1.65;
}
.mmo-description-text[data-description-clamp] > :first-child { margin-top: 0; }
.mmo-description-text[data-description-clamp].is-expanded { max-height: none; overflow: visible; }
.mmo-description-text[data-description-clamp].is-clamped::after,
.mmo-editor-bio[data-editor-bio-clamp].is-clamped::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 82%);
  pointer-events: none;
}

.mmo-editor-bio[data-editor-bio-clamp] {
  position: relative;
  max-height: calc(1.55em * 3);
  overflow: hidden;
  color: var(--mmo-muted);
  font-size: 14px;
  line-height: 1.55;
}
.mmo-editor-bio[data-editor-bio-clamp].is-expanded { max-height: none; overflow: visible; }
.mmo-editor-read-more.is-visible { display: inline-flex; margin-top: 10px; }
.mmo-editor-card a { margin-top: 12px; }

.mmo-price-table { min-width: 1020px; }
.mmo-retailer .merchant-logo-fallback {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
.mmo-price-table .mmo-btn { min-width: 200px; }
.mmo-price-table td:nth-child(2) strong {
  min-width: 100px;
  display: inline-block;
}
.mmo-price-table th:first-child,
.mmo-price-table td:first-child { width: 300px; }
.mmo-retailer strong { min-width: 0; overflow-wrap: anywhere; }

.mobile-nav-header .close-panel,
.favourites-panel-head .close-panel,
.mmo-filter-head .close-panel {
  width: 42px;
  height: 42px;
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--mmo-line);
  border-radius: 14px;
  background: #fff;
  color: var(--mmo-text);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
}
.mobile-nav-header .close-panel svg,
.favourites-panel-head .close-panel svg,
.mmo-filter-head .close-panel svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
.mobile-nav-header .close-panel:hover,
.favourites-panel-head .close-panel:hover,
.mmo-filter-head .close-panel:hover { background: #fff4ec; color: var(--mmo-orange); }

@media (max-width: 1280px) {
  .mmo-category-tile:nth-child(n+4) { border-top: 1px solid var(--mmo-line); }
  .mmo-category-tile:nth-child(6n) { border-right: 1px solid var(--mmo-line); }
  .mmo-category-tile:nth-child(3n) { border-right: 0; }
}

@media (max-width: 860px) {
  .mmo-product-page .mmo-main,
  .mmo-product-page .page-shell { overflow-x: hidden; }
  .mmo-product-layout,
  .mmo-product-left,
  .mmo-gallery,
  .mmo-buy-card,
  .mmo-tabs,
  .mmo-table-card,
  .mmo-tab-body,
  .mmo-why-card,
  .mmo-buy-price { min-width: 0; max-width: 100%; }
  .mmo-product-layout { grid-template-columns: minmax(0, 1fr) !important; width: min(calc(100% - 24px), var(--mmo-container)) !important; margin-inline: auto !important; }
  .mmo-product-breadcrumb-wrap { overflow: hidden; }
  .mmo-breadcrumbs { min-width: 0; }
  .mmo-breadcrumbs strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mmo-buy-card h1 { overflow-wrap: anywhere; }
  .mmo-provider-line { display: grid; gap: 6px; }
  .mmo-buy-actions { grid-template-columns: 1fr; }
  .mmo-buy-actions .mmo-btn-icon { width: 100%; min-width: 0; }

  .mmo-listing-intro .mmo-usp-inline,
  .mmo-product-usps.mmo-usp-inline {
    margin-inline: 0 !important;
    padding: 0 0 10px;
    max-width: 100%;
  }
  .mmo-listing-intro .mmo-usp-inline div,
  .mmo-product-usps.mmo-usp-inline div { flex: 0 0 min(74vw, 230px); }

  .mmo-usp-row {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px;
    overflow-x: auto;
    margin-inline: 0;
    padding: 2px 0 12px;
    border: 0;
    background: transparent;
    box-shadow: none;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .mmo-usp-row::-webkit-scrollbar { display: none; }
  .mmo-usp-row div {
    position: relative;
    flex: 0 0 min(76vw, 260px);
    min-height: 118px;
    padding: 18px 18px 18px 52px;
    border: 1px solid #ffe0c8 !important;
    border-radius: 18px;
    background: linear-gradient(135deg, #fff 0%, #fff8f2 100%);
    box-shadow: none;;
    scroll-snap-align: start;
  }
  .mmo-usp-row div::before {
    content: "✓";
    position: absolute;
    left: 16px;
    top: 18px;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--mmo-orange);
    color: #fff;
    font-size: 13px;
    font-weight: 900;
  }
  .mmo-usp-row strong { font-size: 14px; line-height: 1.2; }
  .mmo-usp-row span { display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.45; }

  .mmo-home-page .mmo-category-strip {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px;
    overflow-x: auto;
    margin-inline: 0px;
    padding: 2px 12px 12px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .mmo-home-page .mmo-category-strip::-webkit-scrollbar,
  .mmo-home-page #aanbevolen-deals .mmo-product-grid::-webkit-scrollbar,
  .mmo-home-page #nieuw-in-de-shop .mmo-product-grid::-webkit-scrollbar,
  .mmo-home-page .mmo-editors-grid::-webkit-scrollbar { display: none; }
  .mmo-home-page .mmo-category-tile {
    flex: 0 0 min(74vw, 245px);
    min-height: 92px;
    border: 1px solid var(--mmo-line) !important;
    border-radius: 16px;
    background: #fff;
    box-shadow: none;
    scroll-snap-align: start;
  }

  .mmo-home-page #aanbevolen-deals .mmo-product-grid,
  .mmo-home-page #nieuw-in-de-shop .mmo-product-grid,
  .mmo-home-page .mmo-editors-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px;
    overflow-x: auto;
    margin-inline: 0px;
    padding: 2px 12px 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .mmo-home-page #aanbevolen-deals .mmo-product-card,
  .mmo-home-page #nieuw-in-de-shop .mmo-product-card {
    flex: 0 0 min(78vw, 286px);
    max-width: 286px;
    scroll-snap-align: start;
  }
  .mmo-home-page .mmo-editor-card {
    flex: 0 0 min(84vw, 340px);
    max-width: 340px;
    min-height: 0;
    scroll-snap-align: start;
  }
  .mmo-home-page .mmo-home-columns { gap: 18px; }

  .mmo-table-card { overflow: visible; width: 100%; }
  .mmo-price-table { min-width: 0 !important; width: 100% !important; }
  .mmo-price-table th:first-child,
  .mmo-price-table td:first-child { width: auto; }
  .mmo-retailer { align-items: flex-start; }
  .mmo-retailer .merchant-logo-fallback {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 0 1 auto;
  }
  .mmo-price-table .mmo-btn { min-width: 0 !important; width: 100%; }
  .mmo-price-table td:nth-child(2) strong { min-width: 0; }

  .mmo-description-text[data-description-clamp] { max-height: calc(1.58em * 5 + 2px); line-height: 1.58; }
  .mmo-editor-bio[data-editor-bio-clamp] { max-height: calc(1.5em * 3); line-height: 1.5; }
}

@media (max-width: 620px) {
  .mmo-category-tile:nth-child(n+4),
  .mmo-category-tile:nth-child(n+7) { border-top: 1px solid var(--mmo-line); }
  .mmo-product-page .mmo-container,
  .mmo-product-page .container { width: min(calc(100% - 24px), var(--mmo-container)) !important; }
  .mobile-nav-panel { width: min(420px, calc(100vw - 24px)); padding: 22px; }
  .mobile-nav-header { align-items: center; }
}

/* Central merchant system */
.mmo-merchant-trust-section { margin-top: -8px; }
.mmo-merchant-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.mmo-merchant-strip.is-compact { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mmo-merchant-tile { min-height: 94px; border: 1px solid var(--mmo-line); border-radius: 18px; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 16px; text-align: center; text-decoration: none; box-shadow: 0 14px 38px rgba(17, 24, 39, .06); transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease; }
.mmo-merchant-tile:hover { transform: translateY(-2px); border-color: rgba(255, 103, 0, .35); box-shadow: 0 18px 44px rgba(17, 24, 39, .1); }
.mmo-merchant-tile img { max-width: 132px; max-height: 42px; object-fit: contain; display: block; }
.mmo-merchant-tile strong { font-size: 15px; color: var(--mmo-text); }
.mmo-merchant-tile span { font-size: 12px; color: var(--mmo-muted); font-weight: 700; }
.mmo-store-brand { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: var(--mmo-muted); }
.mmo-store-brand:hover span { color: var(--mmo-orange); }
.merchant-logo-img { display: inline-block; object-fit: contain; vertical-align: middle; background: #fff; }
.merchant-logo-card { width: 52px; max-height: 20px; border-radius: 4px; }
.merchant-logo-button { width: 58px; max-height: 22px; border-radius: 5px; padding: 2px 5px; }
.merchant-logo-provider { width: 76px; max-height: 28px; border-radius: 6px; }
.merchant-logo-table { width: 76px; max-height: 30px; border-radius: 6px; }
.mmo-btn-merchant { justify-content: center; }
.mmo-btn-merchant .merchant-logo-img:empty { display: none; }
.mmo-provider-brand-line { align-items: center; }
.mmo-provider-brand-line a { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; font-weight: 800; }
.mmo-retailer-link { text-decoration: none; color: inherit; }
.mmo-retailer-link:hover strong { color: var(--mmo-orange); }
.mmo-merchant-page .mmo-listing-intro { padding-bottom: 34px; }
.mmo-merchant-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.mmo-merchant-identity { display: flex; align-items: center; gap: 22px; min-width: 0; }
.mmo-merchant-logo-panel { width: 172px; height: 112px; display: grid; place-items: center; background: #fff; border: 1px solid var(--mmo-line); border-radius: 24px; padding: 18px; box-shadow: 0 18px 48px rgba(17, 24, 39, .08); flex: 0 0 auto; }
.mmo-merchant-logo-panel img { max-width: 100%; max-height: 70px; object-fit: contain; }
.mmo-merchant-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.mmo-merchant-profile-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 18px; }
.mmo-merchant-profile-copy h2, .mmo-merchant-profile-side h3 { margin-top: 0; }
.mmo-merchant-profile-side ul { margin: 0; padding-left: 18px; color: var(--mmo-muted); }
.mmo-merchant-profile-side li + li { margin-top: 8px; }
.mmo-merchant-small-links { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.mmo-merchant-small-links a { font-weight: 800; color: var(--mmo-orange); text-decoration: none; }
.mmo-sort-inline { display: flex; align-items: center; gap: 10px; }
.mmo-sort-inline label { color: var(--mmo-muted); font-weight: 800; font-size: 13px; }
.mmo-sort-inline select { min-width: 180px; }

@media (max-width: 1040px) {
  .mmo-merchant-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mmo-merchant-strip.is-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mmo-merchant-hero { align-items: flex-start; flex-direction: column; }
  .mmo-merchant-actions { justify-content: flex-start; }
  .mmo-merchant-profile-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .mmo-merchant-strip, .mmo-merchant-strip.is-compact { display: flex; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; }
  .mmo-merchant-tile { flex: 0 0 min(72vw, 230px); scroll-snap-align: start; }
  .mmo-merchant-identity { align-items: flex-start; flex-direction: column; }
  .mmo-merchant-logo-panel { width: 100%; height: 96px; }
  .mmo-sort-inline { width: 100%; align-items: flex-start; flex-direction: column; }
  .mmo-sort-inline select { width: 100%; }
  .merchant-logo-button { display: none; }
}


/* MMO launch polish refinements */
.mmo-hero-voices {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(10px);
}
.mmo-hero-editor-stack { display: flex; align-items: center; }
.mmo-hero-editor-chip {
  width: 38px;
  height: 38px;
  margin-left: -8px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid rgba(255,255,255,.9);
  background: rgba(255,255,255,.95);
  display: grid;
  place-items: center;
  color: var(--mmo-orange);
  font-weight: 900;
}
.mmo-hero-editor-chip:first-child { margin-left: 0; }
.mmo-hero-editor-chip img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mmo-hero-voices-copy { display: flex; flex-direction: column; gap: 2px; }
.mmo-hero-voices-copy strong { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.mmo-hero-voices-copy span { font-size: 14px; line-height: 1.25; }
.mmo-hero h1 { max-width: 760px; }

.mmo-merchant-trust-section {
  position: relative;
  z-index: 4;
  margin-top: -74px;
}


.mmo-merchant-strip { gap: 18px; }
.mmo-merchant-strip.is-compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mmo-merchant-tile {
  min-height: 176px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
  padding: 18px;
  text-align: left;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #fff7f0 100%);
}
.mmo-merchant-tile:hover { transform: translateY(-4px); }
.mmo-merchant-tile-top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mmo-merchant-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 121, 0, .11);
  color: var(--mmo-orange);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.mmo-merchant-count { color: var(--mmo-muted); font-size: 12px; font-weight: 800; }
.mmo-merchant-tile-logo {
  width: 100%;
  min-height: 72px;
  border-radius: 16px;
  border: 1px solid rgba(17,24,39,.07);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
}
.mmo-merchant-tile img { max-width: 140px; max-height: 46px; object-fit: contain; }
.mmo-merchant-tile-meta { display: flex; flex-direction: column; gap: 4px; }
.mmo-merchant-tile strong { font-size: 17px; line-height: 1.15; color: var(--mmo-text); }
.mmo-merchant-tile small { color: var(--mmo-muted); font-size: 13px; line-height: 1.35; }
.mmo-merchant-tile-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--mmo-orange);
  font-size: 13px;
  font-weight: 900;
}
.mmo-merchant-tile-link svg { width: 15px; height: 15px; fill: currentColor; }

.mmo-product-card h3 a {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.mmo-store-brand span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.mmo-sort-inline {
  padding: 12px 14px;
  border: 1px solid var(--mmo-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(17,24,39,.06);
}
.mmo-sort-field {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 240px;
}
.mmo-sort-field svg {
  position: absolute;
  left: 14px;
  width: 18px;
  height: 18px;
  fill: var(--mmo-muted);
  pointer-events: none;
}
.mmo-sort-inline select {
  width: 100%;
  min-height: 46px;
  padding-left: 42px;
  border-radius: 14px;
  border: 1px solid var(--mmo-line);
  background: #f8f8f9;
}

@media (max-width: 1040px) {
  .mmo-merchant-trust-section { margin-top: -42px; }
  .mmo-merchant-trust-section .mmo-section-head,
  .mmo-merchant-trust-section .mmo-merchant-strip { padding-left: 22px; padding-right: 22px; }
  .mmo-merchant-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mmo-merchant-strip.is-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .mmo-hero-voices {
    display: flex;
    width: 100%;
    border-radius: 20px;
    padding: 12px 14px;
  }
  .mmo-hero-voices-copy strong { font-size: 11px; }
  .mmo-hero-voices-copy span { font-size: 13px; }
  .mmo-merchant-trust-section {
    margin-top: 0;
  }
  .mmo-merchant-trust-section .mmo-section-head,
  .mmo-merchant-trust-section .mmo-merchant-strip {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }
  .mmo-merchant-strip,
  .mmo-merchant-strip.is-compact {
    display: flex;
    overflow-x: auto;
    gap: 14px;
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
  }
  .mmo-merchant-tile {
    flex: 0 0 min(82vw, 290px);
    min-height: 164px;
    scroll-snap-align: start;
  }
  .mmo-sort-inline { width: 100%; }
  .mmo-sort-field { min-width: 100%; width: 100%; }
}

/* Editorpick highlights */
.mmo-product-card.has-editorpick {
  position: relative;
  overflow: visible !important;
  border-color: #ffd6bd;
  box-shadow: 0 10px 28px rgba(255, 106, 0, .06);
  border: solid 2px #ffb47d;
}
.mmo-product-card.has-editorpick:hover,
.mmo-product-card.has-editorpick:focus-within {
  z-index: 12;
  border-color: #ffb47d;
}
.mmo-product-card.has-editorpick.is-editorpick-default {
  z-index: 8;
  border-color: #ff8d42;
  box-shadow: 0 18px 42px rgba(255, 106, 0, .16), 0 8px 20px rgba(17, 24, 39, .06);
}
.mmo-product-card.has-editorpick .mmo-product-media {
  z-index: 3;
}
.mmo-product-card.has-editorpick .mmo-product-media > .mmo-badge {
  top: 56px;
  left: 16px;
}
.mmo-product-card.has-editorpick .mmo-fav {
  z-index: 7;
}
.mmo-editorpick-chip {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 58px);
  padding: 4px 8px 4px 4px;
  border: 2px solid #ffd7bf;
  border-radius: 999px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 24px rgba(17, 24, 39, .10);
  color: var(--mmo-orange);
  margin-top: -25px;
  margin-left: -15px;
  padding-right: 10px;
}
.mmo-editorpick-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  background: #fff3eb;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(255, 106, 0, .18);
  color: var(--mmo-orange);
}
.mmo-editorpick-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mmo-editorpick-avatar strong {
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
}
.mmo-editorpick-label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--mmo-orange);
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}
.mmo-editorpick-label svg {
  width: 13px;
  height: 13px;
  fill: currentColor;
}
.mmo-editorpick-tooltip {
  position: absolute;
  top: 52px;
  left: 12px;
  z-index: 20;
  width: min(278px, calc(100vw - 42px));
  padding: 14px 14px 13px;
  border: 1px solid #ffd4ba;
  border-radius: 16px;
  background: #fff;
  color: var(--mmo-text);
  box-shadow: 0 20px 46px rgba(17, 24, 39, .16), 0 10px 24px rgba(255, 106, 0, .11);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px) scale(.985);
  transition: opacity .16s ease, transform .16s ease;
}
.mmo-product-card.has-editorpick:hover .mmo-editorpick-tooltip,
.mmo-product-card.has-editorpick:focus-within .mmo-editorpick-tooltip,
.mmo-product-card.has-editorpick.is-editorpick-default:not(.is-editorpick-dismissed) .mmo-editorpick-tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.mmo-product-card.has-editorpick.is-editorpick-dismissed .mmo-editorpick-tooltip {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(8px) scale(.985) !important;
}
.mmo-editorpick-tooltip::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 24px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #ffd4ba;
  border-top: 1px solid #ffd4ba;
  background: #fff;
  transform: rotate(45deg);
}
.mmo-editorpick-tooltip-head,
.mmo-product-editorpick-head {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.mmo-editorpick-tooltip-head > span:not(.mmo-editorpick-avatar),
.mmo-product-editorpick-head > span:not(.mmo-editorpick-avatar) {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 1px;
}
.mmo-editorpick-tooltip-head strong,
.mmo-product-editorpick-head strong {
  display: block;
  overflow: hidden;
  color: var(--mmo-text);
  font-size: 13px;
  line-height: 1.15;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mmo-editorpick-tooltip-head em,
.mmo-product-editorpick-head em {
  overflow: hidden;
  color: var(--mmo-muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mmo-editorpick-tooltip-head b,
.mmo-product-editorpick-head b {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff2e8;
  color: var(--mmo-orange);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}
.mmo-product-editorpick-head b svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}
.mmo-editorpick-tooltip p {
  margin: 12px 0 0;
  color: #3d4148;
  font-size: 13px;
  line-height: 1.42;
  font-weight: 650;
}
.mmo-editorpick-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffe1cf;
  border-radius: 50%;
  background: #fff7f2;
  color: var(--mmo-orange);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}
.mmo-editorpick-close:hover {
  background: #fff0e7;
}
.mmo-product-editorpick-card {
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid #ffc69f;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff7f0 0%, #ffffff 72%);
  box-shadow: 0 16px 34px rgba(255, 106, 0, .10);
}
.mmo-product-editorpick-card .mmo-editorpick-avatar {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
}
.mmo-product-editorpick-card .mmo-editorpick-avatar strong {
  font-size: 14px;
}
.mmo-product-editorpick-card p {
  margin: 14px 0 0;
  color: #2f3339;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 650;
}

@media (max-width: 760px) {
  .mmo-product-card.has-editorpick .mmo-product-media > .mmo-badge {
    top: 52px;
  }
  .mmo-editorpick-chip {
    top: 10px;
    left: 10px;
    max-width: calc(100% - 54px);
  }
  .mmo-editorpick-tooltip {
    top: 50px;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: none;
  }
  .mmo-product-editorpick-card {
    padding: 14px;
    border-radius: 16px;
  }
}
.mmo-editorpick-tooltip-head b,
.mmo-product-editorpick-head b {
  text-transform: none;
  letter-spacing: 0;
}

/* Multi-edition launch refinements */
body.theme-fcupdate {
  --mmo-orange: #48A914;
  --mmo-orange-dark: #3b8d10;
}

body.theme-fcupdate .mmo-hero,
body.theme-fcupdate .mmo-newsletter {
  background: linear-gradient(135deg, #48A914 0%, #3b8d10 58%, #286d0b 100%);
}

body.theme-fcupdate .mmo-utility svg {
  fill: #48A914 !important;
}

body.theme-fcupdate .mmo-menu a.is-active {
  color: #fff !important;
  background: #48A914 !important;
}

body.theme-fcupdate .mmo-cart strong {
  background: #48A914 !important;
  color: #fff !important;
}

body.theme-fcupdate .mmo-btn-primary,
body.theme-fcupdate .mmo-product-card .mmo-btn-primary,
body.theme-fcupdate .mmo-editor-card a,
body.theme-fcupdate .mmo-newsletter .mmo-btn-black,
body.theme-fcupdate .mmo-hero-actions .mmo-btn-black,
body.theme-fcupdate .mmo-buy-actions .mmo-btn-primary,
body.theme-fcupdate .mmo-btn-merchant,
body.theme-fcupdate .mmo-filter-submit,
body.theme-fcupdate .mmo-subshop-button {
  background: #48A914 !important;
  border-color: #48A914 !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(72, 169, 20, .22) !important;
}

body.theme-fcupdate .mmo-btn-primary:hover,
body.theme-fcupdate .mmo-editor-card a:hover,
body.theme-fcupdate .mmo-subshop-button:hover {
  background: #3b8d10 !important;
  border-color: #3b8d10 !important;
  color: #fff !important;
}

body.theme-fcupdate .mmo-btn-outline {
  border-color: rgba(72, 169, 20, .35) !important;
  color: #48A914 !important;
}

body.theme-fcupdate .mmo-btn-outline:hover {
  background: rgba(72, 169, 20, .10) !important;
  color: #3b8d10 !important;
}

body.theme-fcupdate .mmo-badge,
body.theme-fcupdate .mmo-product-card.has-editorpick,
body.theme-fcupdate .mmo-product-editorpick-card,
body.theme-fcupdate .mmo-editor-card {
  border-color: rgba(72, 169, 20, .30) !important;
}

body.theme-fcupdate .mmo-editorpick-tooltip-head b,
body.theme-fcupdate .mmo-product-editorpick-head b,
body.theme-fcupdate .mmo-badge.is-editor,
body.theme-fcupdate .mmo-badge.is-deal {
  background: rgba(72, 169, 20, .12) !important;
  color: #48A914 !important;
}

body.theme-gpfans {
  --mmo-orange: #e10600;
  --mmo-orange-dark: #b80500;
}

body.theme-gpfans .mmo-hero,
body.theme-gpfans .mmo-newsletter {
  background: linear-gradient(135deg, #e10600 0%, #b80500 58%, #7a0300 100%);
}

body.theme-gpfans .mmo-utility svg {
  fill: #e10600 !important;
}

body.theme-gpfans .mmo-menu a.is-active {
  color: #fff !important;
  background: #e10600 !important;
}

body.theme-gpfans .mmo-cart strong {
  background: #e10600 !important;
  color: #fff !important;
}

body.theme-gpfans .mmo-btn-primary,
body.theme-gpfans .mmo-product-card .mmo-btn-primary,
body.theme-gpfans .mmo-editor-card a,
body.theme-gpfans .mmo-newsletter .mmo-btn-black,
body.theme-gpfans .mmo-hero-actions .mmo-btn-black,
body.theme-gpfans .mmo-buy-actions .mmo-btn-primary,
body.theme-gpfans .mmo-btn-merchant,
body.theme-gpfans .mmo-filter-submit,
body.theme-gpfans .mmo-subshop-button {
  background: #e10600 !important;
  border-color: #e10600 !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(225, 6, 0, .22) !important;
}

body.theme-gpfans .mmo-btn-primary:hover,
body.theme-gpfans .mmo-editor-card a:hover,
body.theme-gpfans .mmo-subshop-button:hover {
  background: #b80500 !important;
  border-color: #b80500 !important;
  color: #fff !important;
}

body.theme-gpfans .mmo-btn-outline {
  border-color: rgba(225, 6, 0, .35) !important;
  color: #e10600 !important;
}

body.theme-gpfans .mmo-btn-outline:hover {
  background: rgba(225, 6, 0, .10) !important;
  color: #b80500 !important;
}

body.theme-gpfans .mmo-badge,
body.theme-gpfans .mmo-product-card.has-editorpick,
body.theme-gpfans .mmo-product-editorpick-card,
body.theme-gpfans .mmo-editor-card {
  border-color: rgba(225, 6, 0, .30) !important;
}

body.theme-gpfans .mmo-editorpick-tooltip-head b,
body.theme-gpfans .mmo-product-editorpick-head b,
body.theme-gpfans .mmo-badge.is-editor,
body.theme-gpfans .mmo-badge.is-deal {
  background: rgba(225, 6, 0, .12) !important;
  color: #e10600 !important;
}

.mmo-socials a,
.mmo-socials span {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-transform: lowercase;
}

.mmo-socials a:hover {
  background: var(--mmo-orange);
  color: #fff;
}

.mmo-edition-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
}

.mmo-edition-switch strong {
  flex-basis: 100%;
  color: #fff;
  font-size: 12px;
  opacity: .86;
}

.mmo-edition-switch a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  background: rgba(255,255,255,.08);
}

.mmo-edition-switch a.is-active,
.mmo-edition-switch a:hover {
  border-color: var(--mmo-orange);
  background: var(--mmo-orange);
  color: #fff;
}

.mmo-subshop-cta {
  margin-top: 28px !important;
  margin-bottom: 18px !important;
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background: rgba(255,255,255,.06);
  color: #fff;
}

.mmo-subshop-cta div {
  display: grid;
  gap: 4px;
}

.mmo-subshop-cta strong {
  font-size: 18px;
  font-weight: 900;
}

.mmo-subshop-cta span {
  color: rgba(255,255,255,.74);
  font-size: 14px;
}

.mmo-subshop-button {
  min-height: 44px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--mmo-orange);
  color: #fff;
  font-weight: 900;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .mmo-subshop-cta {
    align-items: flex-start;
    flex-direction: column;
  }
  .mmo-subshop-button {
    width: 100%;
  }
}

/* Launch-ready feedback fixes: category modal, auto-filter UX and subcategory clarity */
.mmo-check.is-subcategory {
  margin-left: 20px;
  padding: 8px 10px;
  border-left: 3px solid rgba(255, 106, 0, .22);
  border-radius: 10px;
  background: #fff8f2;
}

.mmo-check.is-subcategory span {
  font-weight: 750;
}

.mmo-subcategory-label {
  display: inline-flex;
  margin-left: 0;
  color: var(--mmo-orange);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.mmo-category-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 105;
  display: none;
  background: rgba(0, 0, 0, .58);
}

.mmo-category-modal-overlay.is-open {
  display: block;
}

.mmo-category-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 106;
  width: min(940px, calc(100vw - 36px));
  max-height: min(760px, calc(100vh - 48px));
  display: none;
  transform: translate(-50%, -48%);
  overflow: hidden;
  border: 1px solid var(--mmo-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .28);
  opacity: 0;
  transition: opacity .18s ease, transform .18s ease;
}

.mmo-category-modal.is-open {
  display: block;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.mmo-category-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 26px 28px 20px;
  border-bottom: 1px solid var(--mmo-line);
}

.mmo-category-modal-head h2 {
  margin: 0 0 4px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.mmo-category-modal-head p {
  margin: 0;
  color: var(--mmo-muted);
}

.mmo-category-modal-close {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border: 1px solid var(--mmo-line);
  border-radius: 50%;
  background: #fff;
  color: var(--mmo-text);
  font-size: 26px;
  line-height: 1;
}

.mmo-category-modal-close:hover {
  border-color: var(--mmo-orange);
  color: var(--mmo-orange);
}

.mmo-category-modal-grid {
  max-height: calc(min(760px, calc(100vh - 48px)) - 118px);
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 24px 28px 28px;
  background: #fafafa;
}

.mmo-category-modal-group {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 18px;
  border: 1px solid var(--mmo-line);
  border-radius: 18px;
  background: #fff;
}

.mmo-category-modal-group h3 {
  margin: 0;
  color: var(--mmo-text);
  font-size: 15px;
  font-weight: 950;
}

.mmo-category-modal-list {
  display: grid;
  gap: 8px;
}

.mmo-category-modal-link {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #f7f7f7;
  color: var(--mmo-text);
  font-size: 13px;
  font-weight: 800;
}

.mmo-category-modal-link:hover {
  border-color: rgba(255, 106, 0, .25);
  background: #fff4ec;
  color: var(--mmo-orange);
}

.mmo-category-modal-link.is-subcategory {
  margin-left: 20px;
  width: calc(100% - 20px);
}

.mmo-category-modal-link.is-subcategory.depth-2 {
  margin-left: 40px;
  width: calc(100% - 40px);
}

.mmo-category-modal-link.is-subcategory.depth-3 {
  margin-left: 60px;
  width: calc(100% - 60px);
}

.mmo-category-modal-link span {
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #fff;
  color: var(--mmo-muted);
  text-align: center;
  font-size: 12px;
}

@media (max-width: 760px) {
  .mmo-category-modal {
    top: auto;
    bottom: 0;
    width: 100%;
    max-height: 88vh;
    border-radius: 22px 22px 0 0;
    transform: translate(-50%, 100%);
  }

  .mmo-category-modal.is-open {
    transform: translate(-50%, 0);
  }

  .mmo-category-modal-head {
    padding: 20px;
  }

  .mmo-category-modal-grid {
    grid-template-columns: 1fr;
    max-height: calc(88vh - 104px);
    padding: 18px 20px 22px;
  }

  .mmo-check.is-subcategory {
    margin-left: 10px;
  }
  .mmo-category-modal-link.is-subcategory {
    margin-left: 12px;
  }

  .mmo-category-modal-link.is-subcategory.depth-2,
  .mmo-category-modal-link.is-subcategory.depth-3 {
    margin-left: 20px;
  }

}

.mmo-category-modal-link span {
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  font-size: inherit;
}

.mmo-category-modal-link em {
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #fff;
  color: var(--mmo-muted);
  text-align: center;
  font-size: 12px;
  font-style: normal;
}

/* Hierarchische filter-UX: hoofdcategorie kiest standaard alle zichtbare subcategorieen. */
.mmo-check input:indeterminate {
  accent-color: var(--mmo-orange);
}

.mmo-check:has(input:indeterminate) span {
  color: var(--mmo-orange);
  font-weight: 850;
}

.mmo-check.is-subcategory.depth-2 {
  margin-left: 36px;
}

.mmo-check.is-subcategory.depth-3 {
  margin-left: 52px;
}

/* Round 3: smoother hierarchical filter behaviour */
.mmo-check.is-hidden-subcategory {
  display: none !important;
}

.mmo-check.has-subcategories > span {
  font-weight: 850;
}

.mmo-check.is-indeterminate > span {
  color: var(--mmo-orange);
}

.mmo-check input:indeterminate {
  accent-color: var(--mmo-orange);
}

form.is-filtering .mmo-listing-products {
  opacity: .72;
}

form.is-filtering .mmo-filter-submit::after {
  content: '...';
}