/* ============================================================
   MMB Learn Center — Mineral Encyclopedia
   Visual language: navy / white / warm gray, premium collector tone.
   Matches GeneratePress child theme; no SaaS / dashboard styling.
   ============================================================ */

:root {
  --mmb-navy: #1a2a44;
  --mmb-navy-deep: #0f1a2e;
  --mmb-navy-ink: #1a2a44;
  --mmb-gray-warm: #f7f6f3;
  --mmb-gray-line: #e8e6e2;
  --mmb-gray-soft: #eae8e4;
  --mmb-text: #1f2937;
  --mmb-text-muted: #6b7280;
  --mmb-accent-gold: #c9a063;
  --mmb-white: #ffffff;
  --mmb-radius: 10px;
  --mmb-radius-lg: 14px;
  --mmb-shadow-card: 0 1px 3px rgba(20,30,50,0.06), 0 4px 14px rgba(20,30,50,0.04);
  --mmb-shadow-hover: 0 2px 6px rgba(20,30,50,0.08), 0 10px 30px rgba(20,30,50,0.09);
  --mmb-font-display: 'Playfair Display', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --mmb-font-body: inherit;
}

/* Layout primitives */
.mmb-section { padding: 80px 0; }
.mmb-section-alt { background: var(--mmb-gray-warm); }
.mmb-section-narrow { padding: 60px 0; }
.mmb-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.mmb-container-narrow { max-width: 820px; margin: 0 auto; padding: 0 24px; }
.mmb-container-wide { max-width: 1400px; margin: 0 auto; padding: 0 32px; }
.mmb-container-ultra { max-width: 1600px; margin: 0 auto; padding: 0 32px; }
@media (max-width: 640px) {
  .mmb-container-wide, .mmb-container-ultra { padding: 0 20px; }
}

/* Typography */
.mmb-display-heading {
  font-family: var(--mmb-font-display);
  font-weight: 500;
  color: var(--mmb-navy);
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  letter-spacing: -0.01em;
  line-height: 1.15;
  margin: 0 0 16px;
}
.mmb-section-heading {
  font-family: var(--mmb-font-display);
  font-weight: 500;
  color: var(--mmb-navy);
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  margin: 0 0 16px;
}
.mmb-subtitle {
  font-size: 1.1rem;
  color: var(--mmb-text-muted);
  max-width: 620px;
  margin: 0 0 32px;
  line-height: 1.55;
}
.mmb-section-lead {
  color: var(--mmb-text-muted);
  font-size: 1rem;
  max-width: 620px;
  margin: 0 0 32px;
}
.mmb-cn-sub {
  font-size: 0.6em;
  font-weight: 400;
  color: var(--mmb-text-muted);
  font-family: var(--mmb-font-body);
  margin-left: 10px;
}

/* Hero */
.mmb-hero { padding-top: 80px; padding-bottom: 40px; }
.mmb-hero-compact { padding-top: 60px; padding-bottom: 40px; }
.mmb-hero-image {
  width: 100%;
  max-width: 100%;
  border-radius: var(--mmb-radius-lg);
  margin-top: 24px;
  object-fit: cover;
  max-height: 400px;
}
.mmb-hero-image figcaption {
  color: var(--mmb-text-muted);
  font-size: 0.85rem;
  margin-top: 8px;
  text-align: center;
}

/* Search input */
.mmb-hero-search {
  display: flex;
  gap: 8px;
  margin: 24px 0 16px;
  max-width: 620px;
}
.mmb-hero-search input[type="search"] {
  flex: 1;
  padding: 16px 20px;
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius);
  font-size: 1rem;
  background: var(--mmb-white);
}
.mmb-hero-search input[type="search"]:focus {
  outline: none;
  border-color: var(--mmb-navy);
}
.mmb-hero-search button {
  padding: 0 28px;
  background: var(--mmb-navy);
  color: var(--mmb-white);
  border: none;
  border-radius: var(--mmb-radius);
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s;
}
.mmb-hero-search button:hover { background: var(--mmb-navy-deep); }

/* Buttons */
.mmb-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.mmb-btn {
  display: inline-block;
  padding: 12px 24px;
  border-radius: var(--mmb-radius);
  font-weight: 500;
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.15s;
  border: 1px solid transparent;
}
.mmb-btn-primary { background: var(--mmb-navy); color: var(--mmb-white); }
.mmb-btn-primary:hover { background: var(--mmb-navy-deep); color: var(--mmb-white); }
.mmb-btn-secondary { background: var(--mmb-white); color: var(--mmb-navy); border-color: var(--mmb-gray-line); }
.mmb-btn-secondary:hover { border-color: var(--mmb-navy); color: var(--mmb-navy-deep); }

/* Quick access cards */
.mmb-quick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.mmb-quick-card {
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius);
  padding: 28px 24px;
  text-decoration: none;
  color: inherit;
  transition: all 0.18s;
  display: block;
}
.mmb-quick-card:hover {
  border-color: var(--mmb-navy);
  box-shadow: var(--mmb-shadow-hover);
  transform: translateY(-1px);
}
.mmb-quick-card h3 {
  font-family: var(--mmb-font-display);
  font-weight: 500;
  color: var(--mmb-navy);
  font-size: 1.25rem;
  margin: 0 0 8px;
}
.mmb-quick-card p {
  color: var(--mmb-text-muted);
  font-size: 0.92rem;
  margin: 0;
  line-height: 1.5;
}

/* Chip row */
.mmb-chip-row { display: flex; flex-wrap: wrap; gap: 10px; }
.mmb-chip {
  display: inline-block;
  padding: 8px 18px;
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: 999px;
  font-size: 0.92rem;
  color: var(--mmb-navy);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s;
}
.mmb-chip:hover, .mmb-chip.is-active {
  background: var(--mmb-navy);
  color: var(--mmb-white);
  border-color: var(--mmb-navy);
}
.mmb-filter-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 16px; }
.mmb-china-toggle { display: inline-flex; align-items: center; gap: 8px; font-size: 0.92rem; color: var(--mmb-text-muted); }

/* Related card grid (minerals, localities) */
.mmb-related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  margin: 16px 0;
}
.mmb-related-card {
  display: block;
  background: var(--mmb-white);
  border-radius: var(--mmb-radius);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: var(--mmb-shadow-card);
  transition: all 0.18s;
}
.mmb-related-card:hover { box-shadow: var(--mmb-shadow-hover); transform: translateY(-2px); }
.mmb-related-card img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}
.mmb-related-card h4 {
  font-family: var(--mmb-font-display);
  font-weight: 500;
  color: var(--mmb-navy);
  font-size: 1.1rem;
  margin: 16px 16px 4px;
}
.mmb-related-card .mmb-formula,
.mmb-related-card .mmb-province {
  display: block;
  font-size: 0.85rem;
  color: var(--mmb-text-muted);
  margin: 0 16px 16px;
}
.mmb-related-card .mmb-cn {
  font-weight: 400;
  color: var(--mmb-text-muted);
  font-size: 0.85em;
  margin-left: 8px;
}

/* Province cards */
.mmb-province-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}
.mmb-province-card {
  display: block;
  padding: 20px 18px;
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius);
  text-decoration: none;
  color: var(--mmb-navy);
  font-weight: 500;
  transition: all 0.15s;
  text-align: center;
}
.mmb-province-card:hover { border-color: var(--mmb-navy); background: var(--mmb-navy); color: var(--mmb-white); }

/* Species cards */
.mmb-species-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}
.mmb-species-card {
  display: block;
  padding: 20px 18px;
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius);
  text-decoration: none;
  color: var(--mmb-navy);
  font-family: var(--mmb-font-display);
  font-size: 1.05rem;
  transition: all 0.15s;
  text-align: center;
}
.mmb-species-card:hover { border-color: var(--mmb-navy); box-shadow: var(--mmb-shadow-hover); }

/* Two big entry cards */
.mmb-two-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}
.mmb-big-card {
  display: block;
  padding: 48px 32px;
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius-lg);
  text-decoration: none;
  color: inherit;
  transition: all 0.18s;
}
.mmb-big-card:hover { border-color: var(--mmb-navy); box-shadow: var(--mmb-shadow-hover); }
.mmb-big-card h2 {
  font-family: var(--mmb-font-display);
  font-weight: 500;
  color: var(--mmb-navy);
  font-size: 1.65rem;
  margin: 0 0 8px;
}
.mmb-big-card p { color: var(--mmb-text-muted); margin: 0; }

/* Two col */
.mmb-two-col {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 48px;
}
@media (max-width: 860px) { .mmb-two-col { grid-template-columns: 1fr; } }

/* Property panel (single mineral aside) */
.mmb-property-panel {
  background: var(--mmb-white);
  border-radius: var(--mmb-radius);
  padding: 28px 24px;
  border: 1px solid var(--mmb-gray-line);
  height: fit-content;
  position: sticky;
  top: 100px;
}
.mmb-property-panel h3 {
  font-family: var(--mmb-font-display);
  margin: 0 0 16px;
  color: var(--mmb-navy);
}
.mmb-property-panel dl { margin: 0; }
.mmb-property-panel dt {
  color: var(--mmb-text-muted);
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 12px;
}
.mmb-property-panel dt:first-child { margin-top: 0; }
.mmb-property-panel dd { margin: 4px 0 0; color: var(--mmb-navy); font-size: 0.95rem; }
.mmb-property-panel .mmb-source { margin-top: 20px; font-size: 0.85rem; }

/* Badges */
.mmb-type-badge {
  display: inline-block;
  padding: 4px 12px;
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-radius: 999px;
  margin-left: 12px;
  vertical-align: middle;
  font-family: var(--mmb-font-body);
}
.mmb-type-province { background: #e6f0ff; color: #1a4a8f; }
.mmb-type-mine { background: #fff3e0; color: #8a5a1c; }

/* China callout */
.mmb-china-callout {
  background: var(--mmb-gray-warm);
  padding: 12px 18px;
  border-radius: var(--mmb-radius);
  border-left: 3px solid var(--mmb-accent-gold);
  margin: 12px 0 24px;
  font-size: 0.95rem;
}
.mmb-china-angle-lead {
  background: var(--mmb-gray-warm);
  padding: 16px 20px;
  border-radius: var(--mmb-radius);
  border-left: 3px solid var(--mmb-accent-gold);
  color: var(--mmb-navy);
  margin: 16px 0 12px;
}
.mmb-general-link { font-size: 0.9rem; color: var(--mmb-text-muted); margin: 0 0 24px; }
.mmb-parent-province {
  color: var(--mmb-text-muted);
  font-size: 0.95rem;
}
.mmb-parent-province a { color: var(--mmb-navy); }

/* Quick answer box (guide) */
.mmb-quick-answer {
  background: var(--mmb-navy);
  color: var(--mmb-white);
  padding: 20px 24px;
  border-radius: var(--mmb-radius);
  margin: 16px 0 24px;
}
.mmb-quick-answer strong { font-family: var(--mmb-font-display); }

/* Breadcrumb */
.mmb-breadcrumb { margin: 0 0 16px; font-size: 0.88rem; color: var(--mmb-text-muted); }
.mmb-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0; }
.mmb-breadcrumb li::after { content: "›"; margin-left: 6px; color: var(--mmb-text-muted); }
.mmb-breadcrumb li:last-child::after { content: ""; }
.mmb-breadcrumb a { color: var(--mmb-navy); text-decoration: none; }
.mmb-breadcrumb a:hover { text-decoration: underline; }

/* Mine card grid (Chinese mineral page) */
.mmb-china-mines-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}
.mmb-mine-card {
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius);
  padding: 20px;
}
.mmb-mine-card h4 {
  font-family: var(--mmb-font-display);
  font-weight: 500;
  margin: 0 0 4px;
  color: var(--mmb-navy);
}
.mmb-mine-card .mmb-cn { color: var(--mmb-text-muted); font-size: 0.9rem; }

/* Lists */
.mmb-guide-list, .mmb-shop-strip, .mmb-locality-list {
  list-style: none; padding: 0; margin: 0;
}
.mmb-guide-list li, .mmb-shop-strip li { margin: 12px 0; }
.mmb-guide-list a, .mmb-shop-strip a {
  color: var(--mmb-navy);
  text-decoration: none;
  border-bottom: 1px solid var(--mmb-gray-line);
  padding-bottom: 2px;
}
.mmb-guide-list a:hover, .mmb-shop-strip a:hover { border-bottom-color: var(--mmb-navy); }
.mmb-locality-list li { padding: 8px 0; border-bottom: 1px solid var(--mmb-gray-line); }

/* View all link */
.mmb-view-all { margin-top: 24px; }
.mmb-view-all a { color: var(--mmb-navy); font-weight: 500; text-decoration: none; }
.mmb-view-all a:hover { text-decoration: underline; }

/* Search page */
.mmb-search-status { color: var(--mmb-text-muted); margin: 8px 0 16px; min-height: 20px; }
.mmb-search-empty { color: var(--mmb-text-muted); font-style: italic; }
.mmb-search-results {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.mmb-result-card {
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius);
  padding: 20px;
  text-decoration: none;
  color: inherit;
  transition: all 0.15s;
}
.mmb-result-card:hover { border-color: var(--mmb-navy); box-shadow: var(--mmb-shadow-hover); }
.mmb-result-card h3 { font-family: var(--mmb-font-display); color: var(--mmb-navy); margin: 0 0 6px; font-size: 1.15rem; }
.mmb-result-card .mmb-result-type {
  display: inline-block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mmb-text-muted);
  margin-bottom: 4px;
}
.mmb-result-card .mmb-result-excerpt { color: var(--mmb-text-muted); font-size: 0.9rem; line-height: 1.5; margin: 8px 0; }
.mmb-result-card .mmb-china-tag {
  display: inline-block;
  background: var(--mmb-accent-gold);
  color: var(--mmb-white);
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  margin-left: 8px;
}

/* Related products (shop bridge on mineral pages) */
.mmb-related-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}
.mmb-product-card {
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius);
  padding: 18px;
  text-decoration: none;
  color: inherit;
  transition: all 0.15s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mmb-product-card:hover { border-color: var(--mmb-navy); }
.mmb-product-card h4 {
  font-family: var(--mmb-font-display);
  font-weight: 400;
  color: var(--mmb-navy);
  font-size: 1rem;
  margin: 0 0 12px;
  line-height: 1.35;
}
.mmb-product-card .mmb-price {
  color: var(--mmb-accent-gold);
  font-weight: 600;
  font-size: 1.1rem;
}

/* Related Learn */
.mmb-related-learn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}
.mmb-learn-card {
  display: block;
  background: var(--mmb-white);
  border-radius: var(--mmb-radius);
  overflow: hidden;
  box-shadow: var(--mmb-shadow-card);
  text-decoration: none;
  color: inherit;
  transition: all 0.18s;
}
.mmb-learn-card:hover { box-shadow: var(--mmb-shadow-hover); }
.mmb-learn-card img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.mmb-learn-card h4 { padding: 16px; margin: 0; font-family: var(--mmb-font-display); color: var(--mmb-navy); font-size: 1.05rem; }

/* ============================================================
   REDESIGN ADDITIONS — Search & China hubs wider, more premium
   ============================================================ */

/* Large hero search bar (pill) */
.mmb-hero-search-lg {
  display: flex;
  gap: 10px;
  margin: 28px auto 20px;
  max-width: 720px;
  align-items: stretch;
}
.mmb-hero-search-lg input[type="search"] {
  flex: 1;
  padding: 18px 28px;
  border: 1px solid var(--mmb-gray-line);
  border-radius: 999px;
  font-size: 1.05rem;
  background: var(--mmb-white);
  box-shadow: var(--mmb-shadow-card);
  transition: box-shadow 0.18s, border-color 0.18s;
}
.mmb-hero-search-lg input[type="search"]:focus {
  outline: none;
  border-color: var(--mmb-navy);
  box-shadow: var(--mmb-shadow-hover);
}
.mmb-hero-search-lg button {
  padding: 0 36px;
  background: var(--mmb-navy);
  color: var(--mmb-white);
  border: none;
  border-radius: 999px;
  font-weight: 500;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.15s;
  letter-spacing: 0.01em;
}
.mmb-hero-search-lg button:hover { background: var(--mmb-navy-deep); }

/* Hero filter row — centered, pill-shaped chips, with divider for the toggle */
.mmb-filter-row-centered {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.mmb-filter-row-centered .mmb-filter-divider {
  width: 1px;
  height: 24px;
  background: var(--mmb-gray-line);
  margin: 0 6px;
}

/* Quick browse row — larger chips, homepage-style */
.mmb-quickbrowse-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.mmb-quickbrowse-row .mmb-chip {
  padding: 11px 22px;
  font-size: 0.96rem;
  font-weight: 500;
}

/* Main discovery — two-column with sticky filter rail */
.mmb-search-layout {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 960px) {
  .mmb-search-layout { grid-template-columns: 1fr; gap: 24px; }
}

.mmb-filter-rail {
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius-lg);
  padding: 26px 22px;
  position: sticky;
  top: 100px;
  box-shadow: var(--mmb-shadow-card);
}
@media (max-width: 960px) {
  .mmb-filter-rail { position: static; }
}
.mmb-filter-rail h3 {
  font-family: var(--mmb-font-body);
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--mmb-text-muted);
  margin: 0 0 12px;
}
.mmb-filter-group { margin-bottom: 22px; padding-bottom: 22px; border-bottom: 1px solid var(--mmb-gray-line); }
.mmb-filter-group:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.mmb-filter-rail .mmb-chip-stack { display: flex; flex-wrap: wrap; gap: 6px; }
.mmb-filter-rail .mmb-chip {
  padding: 6px 14px;
  font-size: 0.88rem;
}
.mmb-rail-links { list-style: none; padding: 0; margin: 0; }
.mmb-rail-links li { margin: 6px 0; }
.mmb-rail-links a {
  color: var(--mmb-navy);
  text-decoration: none;
  font-size: 0.92rem;
  display: block;
  padding: 6px 0;
  transition: color 0.15s;
}
.mmb-rail-links a:hover { color: var(--mmb-accent-gold); }
.mmb-rail-check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.92rem;
  color: var(--mmb-navy);
  cursor: pointer;
  user-select: none;
}
.mmb-rail-check input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--mmb-navy); }
.mmb-rail-check small {
  display: block;
  color: var(--mmb-text-muted);
  font-size: 0.82rem;
  margin-top: 4px;
  line-height: 1.4;
}

/* Results area */
.mmb-search-results-wrap { min-height: 480px; }
.mmb-featured-callout {
  background: var(--mmb-gray-warm);
  padding: 18px 22px;
  border-radius: var(--mmb-radius);
  margin-bottom: 24px;
  color: var(--mmb-navy);
  font-size: 0.95rem;
  border-left: 3px solid var(--mmb-accent-gold);
}
.mmb-featured-callout strong { font-family: var(--mmb-font-display); font-weight: 500; }

/* Curated grid — 4-box bottom section */
.mmb-curated-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 24px;
}
.mmb-curated-card {
  background: var(--mmb-white);
  border: 1px solid var(--mmb-gray-line);
  border-radius: var(--mmb-radius-lg);
  padding: 28px 26px;
  box-shadow: var(--mmb-shadow-card);
  transition: box-shadow 0.18s;
  display: flex;
  flex-direction: column;
}
.mmb-curated-card:hover { box-shadow: var(--mmb-shadow-hover); }
.mmb-curated-card h3 {
  font-family: var(--mmb-font-display);
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--mmb-navy);
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--mmb-gray-line);
}
.mmb-curated-card ul { list-style: none; padding: 0; margin: 0 0 16px; flex: 1; }
.mmb-curated-card li { padding: 8px 0; font-size: 0.92rem; }
.mmb-curated-card li + li { border-top: 1px solid var(--mmb-gray-line); }
.mmb-curated-card a {
  color: var(--mmb-navy);
  text-decoration: none;
  transition: color 0.15s;
}
.mmb-curated-card a:hover { color: var(--mmb-accent-gold); }
.mmb-curated-card .mmb-curated-footer {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--mmb-gray-line);
  font-size: 0.88rem;
}
.mmb-curated-card .mmb-curated-footer a { font-weight: 500; color: var(--mmb-navy); }
.mmb-curated-card .mmb-curated-footer a:hover { color: var(--mmb-accent-gold); }

/* Shop collection grid (China hub §7) */
.mmb-shop-collection-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.mmb-shop-collection-card {
  display: block;
  background: var(--mmb-white);
  border-radius: var(--mmb-radius);
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  position: relative;
  aspect-ratio: 4/3;
  box-shadow: var(--mmb-shadow-card);
  transition: all 0.18s;
}
.mmb-shop-collection-card:hover { box-shadow: var(--mmb-shadow-hover); transform: translateY(-2px); }
.mmb-shop-collection-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.mmb-shop-collection-card .mmb-shop-label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 18px;
  background: linear-gradient(to top, rgba(11,26,47,0.88) 0%, rgba(11,26,47,0.5) 60%, transparent 100%);
  color: var(--mmb-white);
}
.mmb-shop-collection-card .mmb-shop-label strong {
  display: block;
  font-family: var(--mmb-font-display);
  font-size: 1.05rem;
  font-weight: 500;
  margin: 0 0 4px;
}
.mmb-shop-collection-card .mmb-shop-label span {
  display: inline-block;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  opacity: 0.9;
}
.mmb-shop-collection-card.mmb-shop-nocard {
  aspect-ratio: auto;
  background: var(--mmb-navy);
  color: var(--mmb-white);
  padding: 26px;
  display: flex;
  align-items: flex-end;
}
.mmb-shop-collection-card.mmb-shop-nocard .mmb-shop-label {
  position: static;
  background: none;
  padding: 0;
}

/* Chinese hub-specific: wider two-cards with image */
.mmb-two-cards-rich {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 28px;
}

/* Responsive tweaks */
@media (max-width: 640px) {
  .mmb-section { padding: 56px 0; }
  .mmb-hero { padding-top: 56px; padding-bottom: 32px; }
  .mmb-cta-row { flex-direction: column; }
  .mmb-cta-row .mmb-btn { width: 100%; text-align: center; }
  .mmb-hero-search-lg { flex-direction: column; gap: 10px; }
  .mmb-hero-search-lg input[type="search"] { padding: 16px 22px; }
  .mmb-hero-search-lg button { padding: 14px 0; }
  .mmb-filter-row-centered .mmb-filter-divider { display: none; }
}