/* ==========================================================
   MMCO v1.9.2 final product, orders and delivery-map overhaul
   Added by ChatGPT update: home feature product, product page,
   reviews, order update modal, ETA modal and vendor map marker.
   ========================================================== */

body.mmco-shell,
.mmco-site {
  --mmco-v192-ink: #05070b;
  --mmco-v192-navy: #071426;
  --mmco-v192-navy-2: #102947;
  --mmco-v192-muted: #667386;
  --mmco-v192-soft: #f4f6f9;
  --mmco-v192-paper: #ffffff;
  --mmco-v192-line: rgba(7, 20, 38, .12);
  --mmco-v192-line-strong: rgba(7, 20, 38, .22);
  --mmco-v192-shadow: 0 32px 100px rgba(7, 20, 38, .16);
  --mmco-v192-shadow-strong: 0 44px 140px rgba(7, 20, 38, .22);
}

/* Hero image treatment requested for split hero pages. */
.mmco-hero-split .mmco-hero-media {
  order: 2 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 36px 100px rgba(0, 0, 0, .38) !important;
}

.mmco-hero-media img,
.mmco-hero-media video {
  filter: saturate(.9) contrast(1.08) brightness(.82) !important;
  transform: scale(1.4) !important;
}

/* FRONT HOME FEATURE PRODUCT: image left, overlapping info right. */
#mmco-products-z2eesa78 .mmco-product-grid-featured-one,
#mmco-products .mmco-product-grid-featured-one,
.mmco-product-grid.mmco-product-grid-featured-one {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: min(1380px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
  gap: 0 !important;
}

#mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-card,
#mmco-products .mmco-product-grid-featured-one .mmco-product-card,
.mmco-product-grid-featured-one .mmco-product-card,
.mmco-product-card-home-feature {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(420px, .78fr) !important;
  align-items: center !important;
  min-height: clamp(620px, 58vw, 850px) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mmco-v192-ink) !important;
}

#mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-card::before,
#mmco-products .mmco-product-grid-featured-one .mmco-product-card::before,
.mmco-product-grid-featured-one .mmco-product-card::before,
.mmco-product-card-home-feature::before {
  content: "Signature bulk pack" !important;
  position: absolute !important;
  z-index: 5 !important;
  top: clamp(18px, 2.5vw, 34px) !important;
  left: clamp(18px, 2.5vw, 34px) !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .38) !important;
  background: rgba(7, 20, 38, .86) !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

#mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-image,
#mmco-products .mmco-product-grid-featured-one .mmco-product-image,
.mmco-product-grid-featured-one .mmco-product-image,
.mmco-product-card-home-feature .mmco-product-image,
#mmco-products-z2eesa78 .mmco-product-card:first-child .mmco-product-image,
#mmco-products .mmco-product-card:first-child .mmco-product-image {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(560px, 54vw, 820px) !important;
  min-height: clamp(560px, 54vw, 820px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(34px, 4vw, 68px) !important;
  background: #eef2f6 !important;
  box-shadow: var(--mmco-v192-shadow-strong) !important;
}

#mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-image img,
#mmco-products .mmco-product-grid-featured-one .mmco-product-image img,
.mmco-product-grid-featured-one .mmco-product-image img,
.mmco-product-card-home-feature .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: saturate(1.03) contrast(1.04) brightness(.98) !important;
  transform: scale(1.015) !important;
  transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .6s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-grid-featured-one .mmco-product-card:hover .mmco-product-image img,
.mmco-product-grid-featured-one .mmco-product-card:hover .mmco-product-image img,
.mmco-product-card-home-feature:hover .mmco-product-image img {
  transform: scale(1.06) !important;
  filter: saturate(1.08) contrast(1.07) brightness(.98) !important;
}

#mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-body,
#mmco-products .mmco-product-grid-featured-one .mmco-product-body,
.mmco-product-grid-featured-one .mmco-product-body,
.mmco-product-card-home-feature .mmco-product-body {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  position: relative !important;
  z-index: 4 !important;
  display: grid !important;
  gap: clamp(16px, 2vw, 24px) !important;
  width: min(560px, 100%) !important;
  margin-left: clamp(-160px, -8vw, -90px) !important;
  padding: clamp(34px, 4.6vw, 64px) !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: clamp(26px, 3vw, 46px) !important;
  background: rgba(255,255,255,.96) !important;
  color: #05070b !important;
  text-align: left !important;
  box-shadow: 0 34px 110px rgba(7,20,38,.18) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

.mmco-product-grid-featured-one .mmco-product-kicker,
.mmco-product-card-home-feature .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: #f1f4f8 !important;
  color: var(--mmco-v192-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-product-grid-featured-one .mmco-product-body h3,
.mmco-product-card-home-feature .mmco-product-body h3 {
  max-width: 11ch !important;
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.6rem, 6.4vw, 7.6rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: left !important;
  text-transform: none !important;
  text-wrap: balance !important;
}

.mmco-product-grid-featured-one .mmco-product-body h3 a,
.mmco-product-card-home-feature .mmco-product-body h3 a {
  color: #000000 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  text-decoration: none !important;
}

.mmco-product-grid-featured-one .mmco-product-meta-row,
.mmco-product-card-home-feature .mmco-product-meta-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.mmco-product-grid-featured-one .mmco-product-meta-row span,
.mmco-product-card-home-feature .mmco-product-meta-row span {
  display: grid !important;
  gap: 4px !important;
  padding: 14px !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
  color: var(--mmco-v192-muted) !important;
  font-size: .84rem !important;
  font-weight: 850 !important;
}

.mmco-product-grid-featured-one .mmco-product-meta-row strong,
.mmco-product-card-home-feature .mmco-product-meta-row strong {
  color: var(--mmco-v192-navy) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
  font-weight: 950 !important;
}

.mmco-product-grid-featured-one .mmco-product-rate-callout,
.mmco-product-card-home-feature .mmco-product-rate-callout,
.mmco-pack-rate-hero {
  display: grid !important;
  gap: 6px !important;
  padding: clamp(18px, 2.2vw, 26px) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, var(--mmco-v192-navy), #010711) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 60px rgba(7,20,38,.24) !important;
}

.mmco-product-grid-featured-one .mmco-product-rate-callout span,
.mmco-pack-rate-hero span,
.mmco-product-card-home-feature .mmco-product-rate-callout span {
  color: rgba(255,255,255,.68) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-product-grid-featured-one .mmco-product-rate-callout strong,
.mmco-pack-rate-hero strong,
.mmco-product-card-home-feature .mmco-product-rate-callout strong {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  color: #ffffff !important;
  font-size: clamp(2.4rem, 4.2vw, 4.8rem) !important;
  font-weight: 950 !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
}

.mmco-product-grid-featured-one .mmco-product-rate-callout small,
.mmco-pack-rate-hero small,
.mmco-product-card-home-feature .mmco-product-rate-callout small {
  color: rgba(255,255,255,.7) !important;
  font-size: .95rem !important;
  letter-spacing: 0 !important;
}

.mmco-product-grid-featured-one .mmco-product-price,
.mmco-product-card-home-feature .mmco-product-price {
  color: var(--mmco-v192-navy) !important;
  font-size: clamp(1.18rem, 2vw, 1.65rem) !important;
  font-weight: 950 !important;
}

.mmco-product-grid-featured-one .mmco-product-price del,
.mmco-product-card-home-feature .mmco-product-price del {
  color: #8a94a3 !important;
  font-weight: 750 !important;
}

.mmco-product-grid-featured-one .mmco-product-price ins,
.mmco-product-card-home-feature .mmco-product-price ins {
  color: var(--mmco-v192-navy) !important;
  text-decoration: none !important;
}

.mmco-product-grid-featured-one .mmco-product-actions,
.mmco-product-card-home-feature .mmco-product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.mmco-product-grid-featured-one .mmco-product-actions a,
.mmco-product-card-home-feature .mmco-product-actions a {
  min-height: 50px !important;
  padding: 14px 20px !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* PRODUCT SINGLE PAGE: top is 2 columns; box contents sits below. */
.woocommerce div.product .summary.entry-summary:empty,
.mmco-woo-content .product .summary.entry-summary:empty {
  display: none !important;
}

.mmco-product-pack-details.mmco-woo-pack-card {
  width: min(1420px, calc(100vw - 36px)) !important;
  margin: clamp(28px, 4vw, 60px) auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mmco-pack-layout.mmco-pack-layout-v2 {
  display: grid !important;
  gap: clamp(22px, 3vw, 34px) !important;
}

.mmco-pack-top {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr) !important;
  gap: clamp(20px, 3vw, 42px) !important;
  align-items: stretch !important;
}

.mmco-pack-product-media {
  position: relative !important;
  min-height: clamp(520px, 48vw, 760px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(30px, 4vw, 58px) !important;
  background: #eef2f6 !important;
  box-shadow: var(--mmco-v192-shadow) !important;
}

.mmco-pack-product-media img,
.mmco-pack-main-image {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(520px, 48vw, 760px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: saturate(1.03) contrast(1.03) brightness(.99) !important;
}

.mmco-pack-product-copy {
  display: grid !important;
  align-content: center !important;
  gap: clamp(16px, 2vw, 24px) !important;
  padding: clamp(30px, 4vw, 60px) !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: clamp(28px, 3vw, 48px) !important;
  background: #ffffff !important;
  color: #05070b !important;
  box-shadow: 0 24px 80px rgba(7,20,38,.10) !important;
}

.mmco-pack-product-copy .mmco-eyebrow,
.mmco-product-practices-head .mmco-eyebrow,
.mmco-product-reviews .mmco-eyebrow {
  color: var(--mmco-v192-muted) !important;
}

.mmco-pack-product-title {
  max-width: 10ch !important;
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.4rem, 6vw, 7.4rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-wrap: balance !important;
}

.mmco-pack-price-stack {
  display: grid !important;
  gap: 6px !important;
  color: var(--mmco-v192-navy) !important;
}

.mmco-pack-price-stack > span {
  color: var(--mmco-v192-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.mmco-pack-price-stack > strong,
.mmco-pack-price-stack .price,
.mmco-pack-price-stack ins {
  color: var(--mmco-v192-navy) !important;
  font-size: clamp(1.4rem, 2vw, 2rem) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.mmco-pack-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
}

.mmco-pack-stat-grid > div {
  display: grid !important;
  gap: 6px !important;
  min-height: 96px !important;
  padding: 16px !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: 20px !important;
  background: #f7f9fc !important;
}

.mmco-pack-stat-grid span {
  color: var(--mmco-v192-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid strong {
  color: var(--mmco-v192-navy) !important;
  font-size: clamp(1rem, 1.35vw, 1.28rem) !important;
  font-weight: 950 !important;
}

.mmco-pack-actions .mmco-pack-add-cart,
.mmco-pack-actions .button {
  min-height: 54px !important;
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
}

.mmco-pack-contents.mmco-pack-contents-wide {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(28px, 4vw, 56px) !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: clamp(28px, 3vw, 48px) !important;
  background: #ffffff !important;
  color: #05070b !important;
  box-shadow: 0 22px 70px rgba(7,20,38,.08) !important;
}

.mmco-pack-contents-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 12px !important;
  color: var(--mmco-v192-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.mmco-pack-contents > strong {
  display: block !important;
  margin: 0 0 22px !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.6rem, 4vw, 5.2rem) !important;
  line-height: .84 !important;
  letter-spacing: -.09em !important;
}

.mmco-pack-contents ul {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.mmco-pack-contents li {
  position: relative !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  padding: 13px 14px 13px 34px !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: 16px !important;
  background: #f7f9fc !important;
  color: #101827 !important;
  font-weight: 850 !important;
}

.mmco-pack-contents li::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--mmco-v192-navy) !important;
}

/* Farming practices / trust section. */
.mmco-product-story-suite {
  width: min(1420px, calc(100vw - 36px)) !important;
  margin: clamp(30px, 5vw, 80px) auto !important;
  display: grid !important;
  gap: clamp(22px, 3vw, 34px) !important;
}

.mmco-product-practices-head {
  width: min(940px, 100%) !important;
  margin: clamp(18px, 2vw, 30px) auto 0 !important;
  padding: clamp(28px, 4vw, 56px) !important;
  border-radius: clamp(28px, 3vw, 48px) !important;
  background: linear-gradient(135deg, #ffffff, #f7f9fc) !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  text-align: center !important;
  box-shadow: 0 20px 70px rgba(7,20,38,.08) !important;
}

.mmco-product-practices-head h2 {
  margin: 0 0 14px !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3rem, 5.8vw, 7rem) !important;
  line-height: .82 !important;
  letter-spacing: -.11em !important;
}

.mmco-product-practices-head p:last-child {
  width: min(720px, 100%) !important;
  margin: 0 auto !important;
  color: var(--mmco-v192-muted) !important;
  font-size: clamp(1rem, 1.25vw, 1.2rem) !important;
  line-height: 1.7 !important;
}

.mmco-product-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 24px) !important;
}

.mmco-product-trust-grid article {
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  color: #05070b !important;
  box-shadow: 0 18px 55px rgba(7,20,38,.08) !important;
}

.mmco-product-trust-grid figure {
  height: clamp(180px, 18vw, 270px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #eef2f6 !important;
}

.mmco-product-trust-grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.mmco-product-trust-grid article > div {
  padding: 22px !important;
}

.mmco-product-trust-grid span {
  color: #000000 !important;
  font-size: clamp(1.25rem, 1.6vw, 1.7rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

.mmco-product-trust-grid p {
  margin: 10px 0 0 !important;
  color: var(--mmco-v192-muted) !important;
  line-height: 1.62 !important;
}

/* Reviews: un-cramped and cleaner. */
.mmco-product-reviews {
  width: min(1180px, calc(100vw - 36px)) !important;
  margin: clamp(34px, 5vw, 82px) auto !important;
  padding: clamp(26px, 4vw, 54px) !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: clamp(28px, 3vw, 48px) !important;
  background: #ffffff !important;
  box-shadow: 0 22px 70px rgba(7,20,38,.08) !important;
}

.mmco-product-reviews-layout {
  display: grid !important;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.18fr) !important;
  gap: clamp(22px, 4vw, 58px) !important;
  align-items: start !important;
}

.mmco-product-reviews-head {
  position: sticky !important;
  top: 110px !important;
}

.mmco-product-reviews-head h2 {
  margin: 0 0 14px !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.6rem, 4.4vw, 5.8rem) !important;
  line-height: .84 !important;
  letter-spacing: -.1em !important;
}

.mmco-product-reviews-head p:last-child {
  color: var(--mmco-v192-muted) !important;
  line-height: 1.7 !important;
}

.mmco-product-reviews-panel {
  display: grid !important;
  gap: 18px !important;
}

.mmco-review-compose {
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: 26px !important;
  background: #f7f9fc !important;
  overflow: hidden !important;
}

.mmco-review-compose summary {
  cursor: pointer !important;
  padding: 20px 22px !important;
  color: var(--mmco-v192-navy) !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
  list-style: none !important;
}

.mmco-review-compose summary::-webkit-details-marker {
  display: none !important;
}

.mmco-review-compose summary::after {
  content: "+" !important;
  float: right !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
}

.mmco-review-compose[open] summary::after {
  content: "–" !important;
}

.mmco-review-form {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 22px 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

.mmco-review-fields {
  display: grid !important;
  grid-template-columns: minmax(180px, .32fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}

.mmco-review-form label {
  display: grid !important;
  gap: 8px !important;
  color: var(--mmco-v192-navy) !important;
  font-weight: 900 !important;
}

.mmco-review-form select,
.mmco-review-form textarea,
.mmco-review-form input {
  border-radius: 16px !important;
  border: 1px solid rgba(7,20,38,.14) !important;
  background: #ffffff !important;
}

/* ORDERS DASHBOARD: card-like table, clearer actions and update modal. */
.mmco-orders-centre {
  overflow: visible !important;
}

.mmco-orders-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  align-items: start !important;
  margin-bottom: 22px !important;
}

.mmco-order-filters {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(150px, 1fr)) auto auto !important;
  gap: 12px !important;
  align-items: end !important;
  margin-bottom: 22px !important;
  padding: 18px !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: 24px !important;
  background: #f7f9fc !important;
}

.mmco-orders-table-wrap {
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mmco-table-scroller {
  overflow-x: auto !important;
  padding: 2px 2px 20px !important;
}

.mmco-orders-table {
  min-width: 1380px !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 14px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mmco-orders-table thead th {
  padding: 0 14px 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #6d7888 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.mmco-orders-table tbody tr[data-mmco-order-row] {
  background: #ffffff !important;
  box-shadow: 0 18px 46px rgba(7,20,38,.08) !important;
}

.mmco-orders-table tbody tr[data-mmco-order-row] td {
  padding: 16px 14px !important;
  border-top: 1px solid rgba(7,20,38,.10) !important;
  border-bottom: 1px solid rgba(7,20,38,.10) !important;
  background: #ffffff !important;
  color: #071426 !important;
  vertical-align: top !important;
}

.mmco-orders-table tbody tr[data-mmco-order-row] td:first-child {
  border-left: 1px solid rgba(7,20,38,.10) !important;
  border-radius: 22px 0 0 22px !important;
}

.mmco-orders-table tbody tr[data-mmco-order-row] td:last-child {
  border-right: 1px solid rgba(7,20,38,.10) !important;
  border-radius: 0 22px 22px 0 !important;
}

.mmco-orders-table td strong,
.mmco-orders-table td a {
  color: var(--mmco-v192-navy) !important;
}

.mmco-orders-table td small {
  display: block !important;
  margin-top: 6px !important;
  color: #697589 !important;
  font-size: .8rem !important;
}

.mmco-orders-table textarea,
.mmco-orders-table input[type="date"] {
  min-width: 150px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  background: #f8fafc !important;
}

.mmco-order-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 260px !important;
}

.mmco-order-actions button,
.mmco-order-actions a {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(7,20,38,.14) !important;
  background: #ffffff !important;
  color: var(--mmco-v192-navy) !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.mmco-order-actions button[data-mmco-order-action="process"],
.mmco-order-actions button[data-mmco-order-action="packed"],
.mmco-order-actions button[data-mmco-order-action="set_delivery"],
.mmco-order-actions button[data-mmco-order-action="send_update"] {
  border-color: var(--mmco-v192-navy) !important;
  background: var(--mmco-v192-navy) !important;
  color: #ffffff !important;
}

.mmco-order-actions .danger {
  border-color: rgba(159,18,57,.20) !important;
  background: #fff2f2 !important;
  color: #9f1239 !important;
}

.mmco-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: #eef3f9 !important;
  color: var(--mmco-v192-navy) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.mmco-status-pill.is-processing,
.mmco-status-pill.is-completed,
.mmco-status-pill.is-packed {
  background: var(--mmco-v192-navy) !important;
  color: #ffffff !important;
}

.mmco-order-detail-row td {
  padding: 0 14px 18px !important;
  border: 0 !important;
  background: transparent !important;
}

.mmco-order-detail-row:not(.is-open) {
  display: none !important;
}

.mmco-order-detail-panel-clean {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr) !important;
  gap: 18px !important;
  padding: 24px !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: 24px !important;
  background: #f7f9fc !important;
}

.mmco-order-detail-panel-clean h3 {
  margin: 0 0 12px !important;
  color: var(--mmco-v192-navy) !important;
}

.mmco-order-detail-summary dl {
  display: grid !important;
  gap: 10px !important;
  margin: 14px 0 0 !important;
}

.mmco-order-detail-summary dl > div {
  padding: 12px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.08) !important;
}

.mmco-order-detail-summary dt {
  color: #697589 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.mmco-order-detail-summary dd {
  margin: 5px 0 0 !important;
  color: var(--mmco-v192-navy) !important;
  font-weight: 900 !important;
}

.mmco-order-update-modal[hidden] {
  display: none !important;
}

.mmco-order-update-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: grid !important;
  place-items: center !important;
  padding: 18px !important;
}

.mmco-order-update-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(2, 6, 14, .62) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.mmco-order-update-dialog {
  position: relative !important;
  z-index: 2 !important;
  width: min(620px, 100%) !important;
  display: grid !important;
  gap: 16px !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255,255,255,.66) !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 44px 140px rgba(0,0,0,.38) !important;
}

.mmco-order-update-dialog h3 {
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.4rem, 4vw, 4rem) !important;
  line-height: .88 !important;
  letter-spacing: -.09em !important;
}

.mmco-order-update-dialog p,
.mmco-order-update-dialog label {
  color: #1d2733 !important;
}

.mmco-order-update-dialog label {
  display: grid !important;
  gap: 8px !important;
  font-weight: 900 !important;
}

.mmco-order-update-dialog select,
.mmco-order-update-dialog input,
.mmco-order-update-dialog textarea {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(7,20,38,.14) !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
  color: #071426 !important;
}

.mmco-order-modal-close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  background: #f7f9fc !important;
  color: #071426 !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
}

.mmco-order-modal-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.mmco-order-modal-actions button {
  min-height: 46px !important;
  border-radius: 999px !important;
}

html.mmco-modal-open {
  overflow: hidden !important;
}

/* Contact/delivery map marker clarity. */
.mmco-farm-marker-help {
  margin-top: 8px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7,20,38,.08) !important;
}

.mmco-map-div-icon-business .mmco-map-dot-label,
.mmco-map-div-icon-store .mmco-map-dot-label {
  background: var(--mmco-v192-navy) !important;
  color: #ffffff !important;
}

.mmco-map-pulse-store,
.mmco-map-div-icon-business .mmco-map-pulse {
  background: var(--mmco-v192-navy) !important;
  box-shadow: 0 0 0 8px rgba(7,20,38,.16) !important;
}

/* General mobile fixes. */
@media (max-width: 1180px) {
  .mmco-pack-top,
  #mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-card,
  #mmco-products .mmco-product-grid-featured-one .mmco-product-card,
  .mmco-product-grid-featured-one .mmco-product-card,
  .mmco-product-card-home-feature {
    grid-template-columns: 1fr !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-image,
  #mmco-products .mmco-product-grid-featured-one .mmco-product-image,
  .mmco-product-grid-featured-one .mmco-product-image,
  .mmco-product-card-home-feature .mmco-product-image,
  #mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-body,
  #mmco-products .mmco-product-grid-featured-one .mmco-product-body,
  .mmco-product-grid-featured-one .mmco-product-body,
  .mmco-product-card-home-feature .mmco-product-body {
    grid-column: 1 !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-body,
  #mmco-products .mmco-product-grid-featured-one .mmco-product-body,
  .mmco-product-grid-featured-one .mmco-product-body,
  .mmco-product-card-home-feature .mmco-product-body {
    width: min(760px, calc(100% - 32px)) !important;
    margin: -120px auto 0 !important;
  }

  .mmco-pack-contents ul {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .mmco-product-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mmco-order-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .mmco-hero-media img,
  .mmco-hero-media video {
    transform: scale(1.08) !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-card,
  #mmco-products .mmco-product-grid-featured-one .mmco-product-card,
  .mmco-product-grid-featured-one .mmco-product-card,
  .mmco-product-card-home-feature {
    min-height: auto !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-image,
  #mmco-products .mmco-product-grid-featured-one .mmco-product-image,
  .mmco-product-grid-featured-one .mmco-product-image,
  .mmco-product-card-home-feature .mmco-product-image {
    height: 430px !important;
    min-height: 430px !important;
    border-radius: 30px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid-featured-one .mmco-product-body,
  #mmco-products .mmco-product-grid-featured-one .mmco-product-body,
  .mmco-product-grid-featured-one .mmco-product-body,
  .mmco-product-card-home-feature .mmco-product-body {
    width: calc(100% - 28px) !important;
    margin-top: -82px !important;
    padding: 26px !important;
    border-radius: 28px !important;
  }

  .mmco-product-grid-featured-one .mmco-product-body h3,
  .mmco-product-card-home-feature .mmco-product-body h3,
  .mmco-pack-product-title {
    font-size: clamp(3.1rem, 15vw, 5.2rem) !important;
  }

  .mmco-product-grid-featured-one .mmco-product-meta-row,
  .mmco-product-card-home-feature .mmco-product-meta-row,
  .mmco-pack-stat-grid,
  .mmco-review-fields,
  .mmco-product-reviews-layout,
  .mmco-order-detail-panel-clean {
    grid-template-columns: 1fr !important;
  }

  .mmco-pack-product-media,
  .mmco-pack-product-media img,
  .mmco-pack-main-image {
    min-height: 380px !important;
  }

  .mmco-pack-contents ul,
  .mmco-product-trust-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-product-reviews-head {
    position: static !important;
  }

  .mmco-order-filters {
    grid-template-columns: 1fr !important;
  }

  .mmco-order-actions {
    grid-template-columns: 1fr !important;
    min-width: 180px !important;
  }
}


/* ==========================================================
   Metameat Co v1.9.3 - root homepage, starter pack, product grid,
   contact, delivery dashboard and customer database polish.
   ========================================================== */

body.mmco-route-page.mmco-page-home .mmco-header .mmco-logo,
body.home.mmco-shell .mmco-header .mmco-logo {
  cursor: pointer !important;
}

.mmco-block-starter_product,
.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product),
#mmco-products-utzz1nn0:has(#mmco-starter-product) {
  padding-top: clamp(80px, 9vw, 150px) !important;
  padding-bottom: clamp(80px, 9vw, 150px) !important;
  background: #ffffff !important;
  color: #05070b !important;
}

.mmco-starter-product-wrap {
  width: min(1240px, 100%) !important;
  margin: 0 auto !important;
}

.mmco-starter-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .72fr) !important;
  align-items: center !important;
  min-height: clamp(620px, 64vw, 820px) !important;
  border-radius: clamp(34px, 5vw, 64px) !important;
  overflow: visible !important;
  background: linear-gradient(135deg, #071426, #030812) !important;
  box-shadow: 0 40px 130px rgba(3,8,18,.18) !important;
}

.mmco-starter-collage {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: clamp(10px, 1.4vw, 18px) !important;
  height: 100% !important;
  min-height: clamp(560px, 58vw, 780px) !important;
  padding: clamp(14px, 1.8vw, 24px) !important;
}

.mmco-starter-collage figure {
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(24px, 3vw, 44px) !important;
  background: #0b1220 !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.22) !important;
}

.mmco-starter-collage figure:first-child {
  grid-row: span 2 !important;
}

.mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  filter: saturate(.98) contrast(1.06) brightness(.9) !important;
  transform: scale(1.02) !important;
}

.mmco-starter-copy {
  position: relative !important;
  z-index: 3 !important;
  width: min(560px, calc(100% + 90px)) !important;
  margin-left: clamp(-120px, -8vw, -70px) !important;
  margin-right: clamp(22px, 4vw, 54px) !important;
  padding: clamp(30px, 4.8vw, 58px) !important;
  border-radius: clamp(28px, 4vw, 48px) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  background: rgba(255,255,255,.94) !important;
  color: #071426 !important;
  box-shadow: 0 34px 110px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter: blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
}

.mmco-starter-copy .mmco-product-kicker {
  display: inline-flex !important;
  margin: 0 0 18px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: #071426 !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

.mmco-starter-copy h3,
.mmco-starter-copy h3 a {
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.3rem, 6vw, 7.8rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-decoration: none !important;
}

.mmco-starter-copy-text,
.mmco-starter-copy > p:not(.mmco-product-kicker) {
  margin: clamp(18px, 2vw, 28px) 0 !important;
  color: #253041 !important;
  font-size: clamp(1rem, 1.15vw, 1.18rem) !important;
  line-height: 1.72 !important;
}

.mmco-starter-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 24px 0 !important;
}

.mmco-starter-stats span {
  display: grid !important;
  gap: 6px !important;
  min-height: 96px !important;
  align-content: center !important;
  padding: 14px !important;
  border-radius: 20px !important;
  background: #f5f7fb !important;
  border: 1px solid rgba(7,20,38,.08) !important;
}

.mmco-starter-stats strong {
  display: block !important;
  color: #071426 !important;
  font-size: clamp(1.2rem, 1.7vw, 2rem) !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

.mmco-starter-rate strong {
  font-size: clamp(1.55rem, 2.5vw, 3rem) !important;
}

.mmco-starter-stats small {
  color: #667085 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.mmco-starter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

.mmco-starter-actions .mmco-button,
.mmco-starter-actions .button {
  min-height: 54px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Shop/product grids: two-by-two, image first, copy underneath. */
.mmco-block-products:not(.mmco-block-starter_product):not(:has(#mmco-starter-product)) .mmco-product-grid,
body.mmco-page-shop #mmco-products .mmco-product-grid,
.mmco-route-woocommerce.mmco-woo-shop .products,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.5vw, 34px) !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card,
.mmco-route-woocommerce.mmco-woo-shop ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.11) !important;
  box-shadow: 0 24px 70px rgba(3,8,18,.10) !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image {
  order: 1 !important;
  width: 100% !important;
  height: clamp(320px, 32vw, 520px) !important;
  min-height: clamp(320px, 32vw, 520px) !important;
  border-radius: 0 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image img,
.mmco-route-woocommerce.mmco-woo-shop ul.products li.product img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body {
  order: 2 !important;
  display: grid !important;
  gap: 14px !important;
  padding: clamp(24px, 3vw, 38px) !important;
  text-align: left !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a {
  color: #000000 !important;
  font-size: clamp(2.3rem, 4vw, 5.1rem) !important;
  line-height: .86 !important;
  letter-spacing: -.1em !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout {
  align-self: start !important;
  width: fit-content !important;
  min-width: 220px !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong {
  font-size: clamp(2.1rem, 3.4vw, 4.2rem) !important;
}

/* Public contact section rebuild. */
.mmco-public-contact-layout {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(420px, .78fr) !important;
  gap: clamp(22px, 4vw, 56px) !important;
  align-items: stretch !important;
}

.mmco-public-contact-media,
.mmco-public-contact-form {
  border-radius: clamp(28px, 4vw, 48px) !important;
  border: 1px solid rgba(7,20,38,.11) !important;
  background: #ffffff !important;
  box-shadow: 0 30px 90px rgba(3,8,18,.12) !important;
  overflow: hidden !important;
}

.mmco-public-contact-media {
  position: relative !important;
  display: grid !important;
  min-height: clamp(560px, 62vw, 780px) !important;
}

.mmco-public-contact-media figure {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
}

.mmco-public-contact-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(.95) contrast(1.04) brightness(.82) !important;
}

.mmco-public-contact-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 20%, rgba(3,8,18,.78) 100%) !important;
  pointer-events: none !important;
}

.mmco-public-contact-grid {
  position: relative !important;
  z-index: 2 !important;
  align-self: end !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: clamp(18px, 3vw, 34px) !important;
}

.mmco-public-contact-grid .mmco-contact-card {
  min-height: 120px !important;
  display: grid !important;
  align-content: center !important;
  border-color: rgba(255,255,255,.24) !important;
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.mmco-public-contact-grid .mmco-contact-card span,
.mmco-public-contact-grid .mmco-contact-card strong {
  color: #ffffff !important;
}

.mmco-public-contact-form {
  display: grid !important;
  gap: 18px !important;
  padding: clamp(28px, 4vw, 54px) !important;
}

.mmco-public-contact-form h3 {
  margin: 0 0 8px !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3rem, 5vw, 6.2rem) !important;
  line-height: .82 !important;
  letter-spacing: -.11em !important;
}

.mmco-public-contact-form label {
  display: grid !important;
  gap: 8px !important;
  color: #1d2733 !important;
  font-weight: 900 !important;
}

.mmco-public-contact-form input,
.mmco-public-contact-form select,
.mmco-public-contact-form textarea {
  width: 100% !important;
  min-height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  background: #f7f9fc !important;
  color: #071426 !important;
  padding: 12px 14px !important;
}

/* Delivery dashboard: postcodes under map and clearer marker rows. */
.mmco-map-manager-card {
  display: grid !important;
  gap: 18px !important;
}

.mmco-map-manager-card #mmco-delivery-map {
  min-height: clamp(520px, 52vw, 760px) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  box-shadow: 0 28px 90px rgba(3,8,18,.12) !important;
}

.mmco-map-postcode-panel {
  margin: 10px 0 6px !important;
  padding: clamp(18px, 2.4vw, 30px) !important;
  border-radius: 24px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  box-shadow: none !important;
}

.mmco-map-postcode-panel textarea {
  min-height: 190px !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}

.mmco-delivery-area-list {
  max-height: 310px !important;
  overflow: auto !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.08) !important;
}

.mmco-marker-row-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

.mmco-marker-row-actions button {
  flex: 1 1 180px !important;
}

.mmco-location-row {
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  box-shadow: 0 12px 36px rgba(3,8,18,.06) !important;
}

.mmco-orders-snapshot {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 20px 0 22px !important;
}

.mmco-orders-snapshot article {
  padding: 18px !important;
  border-radius: 22px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7,20,38,.08) !important;
}

.mmco-orders-snapshot span,
.mmco-orders-snapshot small {
  display: block !important;
  color: #667085 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.mmco-orders-snapshot strong {
  display: block !important;
  margin: 7px 0 !important;
  color: #071426 !important;
  font-size: clamp(2rem, 4vw, 4rem) !important;
  line-height: .9 !important;
  letter-spacing: -.08em !important;
}

.mmco-order-customer-name {
  display: block !important;
  margin-bottom: 8px !important;
  color: #071426 !important;
}

.mmco-customer-pill {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.mmco-customer-pill.is-returning {
  background: #071426 !important;
  color: #ffffff !important;
}

.mmco-customer-pill.is-new {
  background: #eef2f7 !important;
  color: #344054 !important;
}

.mmco-returning-customer-list {
  display: grid !important;
  gap: 10px !important;
}

.mmco-returning-customer-list article {
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7,20,38,.08) !important;
}

.mmco-returning-customer-list strong,
.mmco-returning-customer-list span,
.mmco-returning-customer-list em {
  color: #071426 !important;
  font-weight: 950 !important;
}

.mmco-returning-customer-list small {
  display: block !important;
  color: #667085 !important;
  font-size: .82rem !important;
}

.mmco-returning-empty {
  padding: 18px !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
  color: #667085 !important;
}

@media (max-width: 1040px) {
  .mmco-starter-product-card,
  .mmco-public-contact-layout {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-copy {
    width: min(760px, calc(100% - 32px)) !important;
    margin: -120px auto 28px !important;
  }

  .mmco-starter-collage {
    min-height: 560px !important;
  }

  .mmco-public-contact-media {
    min-height: 560px !important;
  }
}

@media (max-width: 780px) {
  .mmco-starter-collage,
  .mmco-public-contact-grid,
  .mmco-orders-snapshot,
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  .mmco-block-products:not(.mmco-block-starter_product):not(:has(#mmco-starter-product)) .mmco-product-grid,
  body.mmco-page-shop #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-collage figure:first-child {
    grid-row: auto !important;
  }

  .mmco-starter-stats,
  .mmco-returning-customer-list article {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-copy h3,
  .mmco-starter-copy h3 a {
    font-size: clamp(3rem, 16vw, 5.6rem) !important;
  }

  .mmco-public-contact-form h3 {
    font-size: clamp(3rem, 15vw, 5.4rem) !important;
  }
}
/* ==========================================================
   Metameat Co v1.9.4 - Starter product and product grid rescue
   Purpose: stop product details sitting over/behind images, rebuild
   the Starter Pack into a premium collage section, and override older
   broad product-card rules from Design Lab CSS.
   ========================================================== */

body.mmco-shell,
.mmco-site {
  --mmco-v194-ink: #05070b;
  --mmco-v194-navy: #071426;
  --mmco-v194-navy-2: #102947;
  --mmco-v194-muted: #667386;
  --mmco-v194-soft: #f5f7fb;
  --mmco-v194-warm: #f6f1e8;
  --mmco-v194-line: rgba(7, 20, 38, .12);
  --mmco-v194-shadow: 0 30px 90px rgba(3, 8, 18, .12);
  --mmco-v194-shadow-strong: 0 44px 140px rgba(3, 8, 18, .22);
}

/* STARTER PRODUCT: rebuild as an editorial promo, not a product card. */
body.mmco-shell .mmco-block-starter_product,
body.mmco-shell .mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product),
body.mmco-shell section#mmco-products-utzz1nn0:has(#mmco-starter-product),
body.mmco-shell section[data-mmco-section-type="products"]:has(#mmco-starter-product) {
  position: relative !important;
  isolation: isolate !important;
  padding-top: clamp(80px, 9vw, 150px) !important;
  padding-bottom: clamp(90px, 10vw, 165px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(7, 20, 38, .08), transparent 26rem),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 42%, #ffffff 100%) !important;
  color: var(--mmco-v194-ink) !important;
}

body.mmco-shell .mmco-block-starter_product .mmco-section-intro,
body.mmco-shell .mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro,
body.mmco-shell section#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro,
body.mmco-shell section[data-mmco-section-type="products"]:has(#mmco-starter-product) .mmco-section-intro {
  width: min(1040px, 100%) !important;
  margin: 0 auto clamp(30px, 4vw, 58px) !important;
  text-align: center !important;
}

body.mmco-shell .mmco-block-starter_product .mmco-section-intro h2,
body.mmco-shell .mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro h2,
body.mmco-shell section#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro h2,
body.mmco-shell section[data-mmco-section-type="products"]:has(#mmco-starter-product) .mmco-section-intro h2 {
  max-width: 10ch !important;
  margin: 0 auto clamp(18px, 2.6vw, 32px) !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(4.2rem, 8vw, 9.8rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: center !important;
}

body.mmco-shell .mmco-block-starter_product .mmco-section-intro p,
body.mmco-shell .mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro p,
body.mmco-shell section#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro p,
body.mmco-shell section[data-mmco-section-type="products"]:has(#mmco-starter-product) .mmco-section-intro p {
  width: min(740px, 100%) !important;
  margin: 0 auto !important;
  color: #394456 !important;
  font-size: clamp(1.02rem, 1.25vw, 1.22rem) !important;
  line-height: 1.76 !important;
}

body.mmco-shell #mmco-starter-product.mmco-starter-product-wrap {
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr) !important;
  align-items: stretch !important;
  min-height: clamp(620px, 63vw, 820px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: clamp(30px, 4vw, 58px) !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
  box-shadow: var(--mmco-v194-shadow-strong) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-product-card::before {
  content: "Starter pack" !important;
  position: absolute !important;
  z-index: 8 !important;
  top: clamp(18px, 2vw, 28px) !important;
  left: clamp(18px, 2vw, 28px) !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  background: rgba(7, 20, 38, .88) !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  z-index: 4 !important;
  display: grid !important;
  align-content: center !important;
  gap: clamp(16px, 2vw, 24px) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: clamp(48px, 6vw, 84px) clamp(30px, 4.4vw, 64px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .94)),
    var(--mmco-v194-warm) !important;
  color: var(--mmco-v194-navy) !important;
  text-align: left !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy::before {
  content: "" !important;
  width: clamp(74px, 7vw, 120px) !important;
  height: 2px !important;
  margin-bottom: clamp(4px, .8vw, 10px) !important;
  background: var(--mmco-v194-navy) !important;
  opacity: .75 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  background: #f3f5f8 !important;
  color: #4e5b6c !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy h3,
body.mmco-shell #mmco-starter-product .mmco-starter-copy h3 a {
  display: block !important;
  max-width: 9.5ch !important;
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.45rem, 6.4vw, 7.8rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy-text,
body.mmco-shell #mmco-starter-product .mmco-starter-copy > p:not(.mmco-product-kicker) {
  max-width: 46rem !important;
  margin: 0 !important;
  color: #334155 !important;
  font-size: clamp(1rem, 1.2vw, 1.2rem) !important;
  font-weight: 450 !important;
  line-height: 1.76 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: clamp(6px, 1vw, 12px) 0 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats span {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: baseline !important;
  gap: 12px !important;
  min-height: 74px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(7, 20, 38, .08) !important;
  border-radius: 20px !important;
  background: #f7f9fc !important;
  color: var(--mmco-v194-navy) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats strong {
  display: block !important;
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.35rem, 2vw, 2.35rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats small {
  color: #64748b !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
  text-align: right !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate {
  background: linear-gradient(135deg, var(--mmco-v194-navy), #010711) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 50px rgba(7, 20, 38, .20) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate strong,
body.mmco-shell #mmco-starter-product .mmco-starter-rate small {
  color: #ffffff !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 4px !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-actions .mmco-button,
body.mmco-shell #mmco-starter-product .mmco-starter-actions .button,
body.mmco-shell #mmco-starter-product .mmco-starter-add-cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 56px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-size: .95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: clamp(10px, 1.4vw, 18px) !important;
  min-height: clamp(620px, 63vw, 820px) !important;
  height: 100% !important;
  padding: clamp(14px, 1.8vw, 24px) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, var(--mmco-v194-navy), #010711) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 255, 255, .18), transparent 18rem),
    linear-gradient(90deg, rgba(3, 8, 18, .18), transparent 38%) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage figure {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .20) !important;
  border-radius: clamp(22px, 3vw, 40px) !important;
  background: #0c1728 !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .24) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage figure:first-child {
  grid-row: span 2 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.06) brightness(.95) !important;
  transform: scale(1.015) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-1 .mmco-starter-collage,
body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-2 .mmco-starter-collage {
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr)) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-1 .mmco-starter-collage figure,
body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-2 .mmco-starter-collage figure:first-child {
  grid-row: auto !important;
}

body.mmco-shell #mmco-starter-product .mmco-media-placeholder {
  display: grid !important;
  place-items: center !important;
  min-height: 100% !important;
  border: 1px dashed rgba(255, 255, 255, .35) !important;
  border-radius: 32px !important;
  color: rgba(255, 255, 255, .72) !important;
}

/* PRODUCT GRID: absolute reset so card details always sit below the image. */
body.mmco-shell section[data-mmco-section-type="products"] #mmco-products.mmco-products-wrap,
body.mmco-shell .mmco-block-products #mmco-products.mmco-products-wrap,
body.mmco-shell #mmco-products.mmco-products-wrap {
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(22px, 2.6vw, 38px) !important;
  overflow: visible !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card,
body.mmco-shell #mmco-products .mmco-product-card-standard {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  align-items: stretch !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: clamp(26px, 3vw, 42px) !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
  box-shadow: var(--mmco-v194-shadow) !important;
  transform: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card::before,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card::before,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card::before,
body.mmco-shell #mmco-products .mmco-product-card-standard::before {
  display: none !important;
  content: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-image {
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: initial !important;
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(310px, 30vw, 470px) !important;
  min-height: clamp(310px, 30vw, 470px) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f6 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image img,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image img,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image img,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.03) brightness(.99) !important;
  transform: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-body {
  grid-column: 1 !important;
  grid-row: 2 !important;
  order: initial !important;
  position: relative !important;
  inset: auto !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: clamp(24px, 3vw, 38px) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  background: #f3f5f8 !important;
  color: #637083 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-body h3 {
  display: block !important;
  max-width: 12ch !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.35rem, 3.85vw, 5rem) !important;
  font-weight: 950 !important;
  line-height: .86 !important;
  letter-spacing: -.10em !important;
  text-align: left !important;
  text-transform: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-body h3 a,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 a {
  display: block !important;
  color: #000000 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  text-decoration: none !important;
  text-transform: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-meta-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-meta-row span {
  display: grid !important;
  gap: 4px !important;
  min-height: 70px !important;
  align-content: center !important;
  padding: 14px !important;
  border: 1px solid rgba(7, 20, 38, .08) !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
  color: #5f6c7f !important;
  font-size: .84rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-meta-row strong {
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.04rem, 1.35vw, 1.35rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-rate-callout {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(18px, 2vw, 24px) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, var(--mmco-v194-navy), #010711) !important;
  color: #ffffff !important;
  box-shadow: 0 22px 58px rgba(7, 20, 38, .20) !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-rate-callout span {
  color: rgba(255, 255, 255, .68) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-rate-callout strong {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  color: #ffffff !important;
  font-size: clamp(2.2rem, 3.4vw, 4rem) !important;
  font-weight: 950 !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout small,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout small,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout small,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-rate-callout small {
  color: rgba(255, 255, 255, .74) !important;
  font-size: .32em !important;
  letter-spacing: 0 !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-price {
  margin: 0 !important;
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.2rem, 1.7vw, 1.6rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-price del {
  color: #8b95a5 !important;
  font-size: .8em !important;
  opacity: .72 !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-price ins {
  color: var(--mmco-v194-navy) !important;
  text-decoration: none !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 4px 0 0 !important;
}

body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a,
body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a,
body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

@media (max-width: 1040px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-product-card {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-copy,
  body.mmco-shell #mmco-starter-product .mmco-starter-collage {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-collage {
    min-height: clamp(460px, 72vw, 640px) !important;
  }
}

@media (max-width: 780px) {
  body.mmco-shell .mmco-block-starter_product,
  body.mmco-shell .mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product),
  body.mmco-shell section#mmco-products-utzz1nn0:has(#mmco-starter-product),
  body.mmco-shell section[data-mmco-section-type="products"]:has(#mmco-starter-product) {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.mmco-shell .mmco-block-starter_product .mmco-section-intro h2,
  body.mmco-shell .mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro h2,
  body.mmco-shell section#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro h2,
  body.mmco-shell section[data-mmco-section-type="products"]:has(#mmco-starter-product) .mmco-section-intro h2 {
    font-size: clamp(3.4rem, 16vw, 5.8rem) !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-copy {
    padding: 36px 22px !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-copy h3,
  body.mmco-shell #mmco-starter-product .mmco-starter-copy h3 a {
    max-width: 10ch !important;
    font-size: clamp(3rem, 15vw, 5rem) !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-collage {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    min-height: auto !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-collage figure,
  body.mmco-shell #mmco-starter-product .mmco-starter-collage figure:first-child {
    grid-row: auto !important;
    min-height: 260px !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-stats span {
    grid-template-columns: 1fr !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-stats small {
    text-align: left !important;
  }

  body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
    grid-template-columns: 1fr !important;
  }

  body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
  body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
  body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
  body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-image {
    height: clamp(280px, 70vw, 430px) !important;
    min-height: clamp(280px, 70vw, 430px) !important;
  }

  body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
  body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
  body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
  body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-body h3 {
    font-size: clamp(2.55rem, 12vw, 4.6rem) !important;
  }

  body.mmco-shell section[data-mmco-section-type="products"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
  body.mmco-shell .mmco-block-products #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
  body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
  body.mmco-shell #mmco-products .mmco-product-card-standard .mmco-product-meta-row {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   Metameat Co v1.9.4 - starter pack and product grid rescue
   Purpose: remove old image/text overlap rules, make the starter
   section feel editorial, and keep normal product cards readable.
   ========================================================== */

body.mmco-shell,
.mmco-site {
  --mmco-v194-ink: #05070b;
  --mmco-v194-navy: #071426;
  --mmco-v194-navy-deep: #030812;
  --mmco-v194-muted: #667386;
  --mmco-v194-soft: #f3f6fa;
  --mmco-v194-paper: #ffffff;
  --mmco-v194-line: rgba(7, 20, 38, .12);
  --mmco-v194-line-strong: rgba(7, 20, 38, .22);
  --mmco-v194-shadow: 0 26px 80px rgba(7, 20, 38, .12);
  --mmco-v194-shadow-strong: 0 44px 130px rgba(7, 20, 38, .18);
}

/* STARTER PACK: editorial feature, not a product card. */
.mmco-block-starter_product,
.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product),
section[id^="mmco-products-"]:has(#mmco-starter-product),
#mmco-products-utzz1nn0:has(#mmco-starter-product) {
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(84px, 9vw, 150px) clamp(18px, 5vw, 84px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(7,20,38,.08), transparent 28rem),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
  color: var(--mmco-v194-ink) !important;
}

.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro {
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(34px, 4vw, 58px) !important;
  text-align: center !important;
}

.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro h2,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro h2 {
  max-width: 11ch !important;
  margin: 0 auto clamp(16px, 2vw, 24px) !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(4rem, 8vw, 9.5rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.125em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro p,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro p {
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  color: #4c5868 !important;
  font-size: clamp(1.02rem, 1.25vw, 1.24rem) !important;
  line-height: 1.72 !important;
}

.mmco-starter-product-wrap {
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

.mmco-starter-product-card,
.mmco-starter-product-card-editorial {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(340px, .78fr) minmax(0, 1.22fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: 0 !important;
  padding: clamp(16px, 2vw, 30px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: clamp(34px, 5vw, 70px) !important;
  background: linear-gradient(135deg, var(--mmco-v194-navy), var(--mmco-v194-navy-deep)) !important;
  color: #ffffff !important;
  box-shadow: var(--mmco-v194-shadow-strong) !important;
}

.mmco-starter-product-card::before {
  content: "Best place to start" !important;
  position: absolute !important;
  z-index: 8 !important;
  top: clamp(28px, 3vw, 46px) !important;
  left: clamp(28px, 3vw, 46px) !important;
  display: inline-flex !important;
  width: fit-content !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.mmco-starter-copy {
  position: relative !important;
  z-index: 4 !important;
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: clamp(560px, 58vw, 780px) !important;
  margin: 0 !important;
  padding: clamp(62px, 7vw, 110px) clamp(26px, 5vw, 74px) clamp(34px, 4vw, 62px) !important;
  border: 0 !important;
  border-radius: clamp(26px, 3.8vw, 54px) 0 0 clamp(26px, 3.8vw, 54px) !important;
  background:
    radial-gradient(circle at 10% 14%, rgba(255,255,255,.14), transparent 18rem),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.02)) !important;
  color: #ffffff !important;
  text-align: left !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mmco-starter-copy .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 clamp(18px, 2.4vw, 32px) !important;
  padding: 10px 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-starter-copy h3,
.mmco-starter-copy h3 a {
  width: min(9.8ch, 100%) !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(4rem, 7.2vw, 9.4rem) !important;
  font-weight: 950 !important;
  line-height: .76 !important;
  letter-spacing: -.13em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-wrap: balance !important;
}

.mmco-starter-copy-text,
.mmco-starter-copy > p:not(.mmco-product-kicker) {
  width: min(520px, 100%) !important;
  margin: clamp(20px, 2.5vw, 34px) 0 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: clamp(1.02rem, 1.25vw, 1.22rem) !important;
  line-height: 1.74 !important;
}

.mmco-starter-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: min(620px, 100%) !important;
  margin: clamp(24px, 3vw, 42px) 0 0 !important;
}

.mmco-starter-stats span {
  display: grid !important;
  gap: 7px !important;
  min-height: 106px !important;
  align-content: center !important;
  padding: 15px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
}

.mmco-starter-stats strong,
.mmco-starter-stats .woocommerce-Price-amount {
  display: inline-flex !important;
  align-items: baseline !important;
  color: #ffffff !important;
  font-size: clamp(1.22rem, 1.65vw, 2.05rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
}

.mmco-starter-rate strong,
.mmco-starter-rate .woocommerce-Price-amount {
  font-size: clamp(1.8rem, 2.8vw, 3.55rem) !important;
  letter-spacing: -.07em !important;
}

.mmco-starter-stats small {
  color: rgba(255,255,255,.58) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.mmco-starter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: clamp(24px, 3vw, 42px) !important;
}

.mmco-starter-actions .mmco-button,
.mmco-starter-actions .button,
.mmco-starter-actions a {
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}

.mmco-starter-actions .mmco-button {
  border-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--mmco-v194-navy) !important;
}

.mmco-starter-actions .mmco-starter-add-cart,
.mmco-starter-actions .button:not(.mmco-button) {
  border: 1px solid rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
}

.mmco-starter-collage {
  position: relative !important;
  z-index: 3 !important;
  order: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(12, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.3vw, 18px) !important;
  width: 100% !important;
  height: auto !important;
  min-height: clamp(560px, 58vw, 780px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.mmco-starter-collage::after {
  content: "Intro box" !important;
  position: absolute !important;
  right: clamp(18px, 2vw, 30px) !important;
  bottom: clamp(18px, 2vw, 30px) !important;
  z-index: 8 !important;
  display: inline-flex !important;
  padding: 12px 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  background: rgba(255,255,255,.86) !important;
  color: var(--mmco-v194-navy) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.mmco-starter-collage figure,
.mmco-starter-collage .mmco-starter-collage-item {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: clamp(24px, 3vw, 48px) !important;
  background: #0b1220 !important;
  box-shadow: 0 26px 80px rgba(0,0,0,.24) !important;
  transform: none !important;
}

.mmco-starter-collage-item-1 { grid-column: 1 / 8 !important; grid-row: 1 / 13 !important; }
.mmco-starter-collage-item-2 { grid-column: 8 / 13 !important; grid-row: 1 / 7 !important; }
.mmco-starter-collage-item-3 { grid-column: 7 / 13 !important; grid-row: 7 / 13 !important; }
.mmco-starter-collage-item-4 { grid-column: 3 / 7 !important; grid-row: 8 / 13 !important; z-index: 4 !important; }

.mmco-starter-collage-items-1 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-1 .mmco-starter-collage-item-1 {
  grid-column: 1 / 13 !important;
  grid-row: 1 / 13 !important;
}

.mmco-starter-collage-items-2 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-2 .mmco-starter-collage-item-1 {
  grid-column: 1 / 8 !important;
  grid-row: 1 / 13 !important;
}

.mmco-starter-collage-items-2 .mmco-starter-collage-item-2,
.mmco-starter-collage-count-2 .mmco-starter-collage-item-2 {
  grid-column: 8 / 13 !important;
  grid-row: 2 / 12 !important;
}

.mmco-starter-collage-items-3 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-3 .mmco-starter-collage-item-1 {
  grid-column: 1 / 8 !important;
  grid-row: 1 / 13 !important;
}

.mmco-starter-collage-items-3 .mmco-starter-collage-item-2,
.mmco-starter-collage-count-3 .mmco-starter-collage-item-2 {
  grid-column: 8 / 13 !important;
  grid-row: 1 / 7 !important;
}

.mmco-starter-collage-items-3 .mmco-starter-collage-item-3,
.mmco-starter-collage-count-3 .mmco-starter-collage-item-3 {
  grid-column: 8 / 13 !important;
  grid-row: 7 / 13 !important;
}

.mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.05) brightness(.92) !important;
  transform: scale(1.015) !important;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mmco-starter-collage figure:hover img {
  transform: scale(1.065) !important;
  filter: saturate(1.08) contrast(1.08) brightness(.96) !important;
}

/* NORMAL PRODUCT GRID: force image on top and details underneath. */
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one),
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one),
.mmco-block-products:not(:has(#mmco-starter-product)) #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: clamp(20px, 2.7vw, 38px) !important;
  align-items: stretch !important;
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card,
.mmco-block-products:not(:has(#mmco-starter-product)) #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.11) !important;
  border-radius: clamp(28px, 3.4vw, 44px) !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
  box-shadow: var(--mmco-v194-shadow) !important;
  transform: none !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card::before,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card::before {
  content: "Farm-direct pack" !important;
  position: absolute !important;
  z-index: 5 !important;
  top: 18px !important;
  left: 18px !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  width: fit-content !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  background: rgba(255,255,255,.88) !important;
  color: var(--mmco-v194-navy) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 32px rgba(7,20,38,.14) !important;
  transform: none !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child > .mmco-product-image,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child > .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  order: 1 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(300px, 31vw, 470px) !important;
  min-height: clamp(300px, 31vw, 470px) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #edf1f6 !important;
  box-shadow: none !important;
  transform: none !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image::before,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image::after,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image::before,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image::after {
  display: none !important;
  content: none !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
  transform: scale(1.01) !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:hover > .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:hover > .mmco-product-image img {
  transform: scale(1.055) !important;
  filter: saturate(1.06) contrast(1.05) brightness(.99) !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child > .mmco-product-body,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child > .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  order: 2 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body::before,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body::before {
  display: none !important;
  content: none !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: #f1f4f8 !important;
  color: #697386 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child .mmco-product-body h3,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child .mmco-product-body h3 a,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a {
  display: block !important;
  width: 100% !important;
  max-width: 13ch !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.35rem, 4.2vw, 5.2rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.115em !important;
  text-align: left !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-wrap: balance !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3::after,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3::after,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 + .mmco-product-meta-row::before,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 + .mmco-product-meta-row::before {
  display: none !important;
  content: none !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span {
  display: grid !important;
  gap: 4px !important;
  flex: 1 1 160px !important;
  min-width: 0 !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
  color: #697386 !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong {
  color: var(--mmco-v194-navy) !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(18px, 2.2vw, 26px) !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, var(--mmco-v194-navy), var(--mmco-v194-navy-deep)) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 54px rgba(7,20,38,.18) !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span {
  color: rgba(255,255,255,.62) !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout .woocommerce-Price-amount,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout .woocommerce-Price-amount {
  color: #ffffff !important;
  font-size: clamp(2.15rem, 3.4vw, 4.3rem) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.075em !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--mmco-v194-ink) !important;
  font-size: clamp(1.15rem, 1.5vw, 1.52rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price::before,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price::before {
  content: "Pack price" !important;
  flex: 0 0 100% !important;
  color: #7a8493 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del {
  order: 2 !important;
  color: #8b95a4 !important;
  font-size: .92rem !important;
  font-weight: 750 !important;
  opacity: .82 !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins {
  order: 1 !important;
  color: var(--mmco-v194-navy) !important;
  text-decoration: none !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: auto !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a {
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  text-decoration: none !important;
  text-align: center !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-add-cart,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-add-cart {
  border: 1px solid var(--mmco-v194-navy) !important;
  background: var(--mmco-v194-navy) !important;
  color: #ffffff !important;
}

#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-view-link,
#mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-ghost-small,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-view-link,
section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-ghost-small {
  border: 1px solid rgba(7,20,38,.12) !important;
  background: #ffffff !important;
  color: var(--mmco-v194-navy) !important;
}

/* Shop loop fallback for Woo archive cards. */
.mmco-route-woocommerce.mmco-woo-shop ul.products,
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: clamp(20px, 2.7vw, 38px) !important;
}

.mmco-route-woocommerce.mmco-woo-shop ul.products li.product,
.woocommerce ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.11) !important;
  border-radius: 34px !important;
  background: #ffffff !important;
  box-shadow: var(--mmco-v194-shadow) !important;
}

.mmco-route-woocommerce.mmco-woo-shop ul.products li.product img,
.woocommerce ul.products li.product img {
  width: 100% !important;
  height: clamp(280px, 28vw, 430px) !important;
  object-fit: cover !important;
  margin: 0 !important;
}

@media (max-width: 1040px) {
  .mmco-starter-product-card,
  .mmco-starter-product-card-editorial {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  .mmco-starter-copy {
    order: 2 !important;
    min-height: auto !important;
    padding: clamp(32px, 7vw, 62px) clamp(22px, 6vw, 48px) !important;
    border-radius: 0 0 34px 34px !important;
  }

  .mmco-starter-collage {
    order: 1 !important;
    min-height: clamp(420px, 66vw, 660px) !important;
  }

  .mmco-starter-product-card::before {
    left: 28px !important;
    top: 28px !important;
  }
}

@media (max-width: 820px) {
  #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one),
  section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one),
  .mmco-block-products:not(:has(#mmco-starter-product)) #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one),
  .mmco-route-woocommerce.mmco-woo-shop ul.products,
  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-copy h3,
  .mmco-starter-copy h3 a {
    font-size: clamp(3.35rem, 16vw, 6rem) !important;
  }

  .mmco-starter-stats,
  #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
  section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-collage {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    min-height: auto !important;
  }

  .mmco-starter-collage figure,
  .mmco-starter-collage .mmco-starter-collage-item,
  .mmco-starter-collage-item-1,
  .mmco-starter-collage-item-2,
  .mmco-starter-collage-item-3,
  .mmco-starter-collage-item-4 {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 260px !important;
  }

  .mmco-starter-collage-items-1 .mmco-starter-collage-item-1,
  .mmco-starter-collage-count-1 .mmco-starter-collage-item-1 {
    grid-column: 1 / -1 !important;
    min-height: 420px !important;
  }

  #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
  #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
  section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
  section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a {
    font-size: clamp(2.6rem, 13vw, 4.9rem) !important;
  }
}

@media (max-width: 560px) {
  .mmco-block-starter_product,
  .mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product),
  section[id^="mmco-products-"]:has(#mmco-starter-product) {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .mmco-starter-product-card {
    border-radius: 28px !important;
  }

  .mmco-starter-copy {
    padding: 34px 20px 26px !important;
  }

  .mmco-starter-collage {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-collage figure,
  .mmco-starter-collage .mmco-starter-collage-item {
    min-height: 260px !important;
    border-radius: 24px !important;
  }

  .mmco-starter-collage::after {
    right: 16px !important;
    bottom: 16px !important;
  }

  #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
  section[id^="mmco-products-"] #mmco-products > .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image {
    height: 320px !important;
    min-height: 320px !important;
  }
}
/* ==========================================================
   Metameat Co v1.9.4 - starter product and 2x2 product grid fix.
   This block is intentionally loaded last to override older Design Lab
   product rules that pushed product copy over images.
   ========================================================== */

body.mmco-shell .mmco-block-starter_product,
body.mmco-shell section[id^="mmco-products-"]:has(#mmco-starter-product),
body.mmco-shell .mmco-block-products:has(#mmco-starter-product) {
  position: relative !important;
  isolation: isolate !important;
  padding-top: clamp(82px, 10vw, 150px) !important;
  padding-bottom: clamp(82px, 10vw, 150px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 9% 14%, rgba(7,20,38,.08), transparent 25rem),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
  color: #05070b !important;
}

body.mmco-shell .mmco-block-starter_product .mmco-section-intro,
body.mmco-shell section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro,
body.mmco-shell .mmco-block-products:has(#mmco-starter-product) .mmco-section-intro {
  width: min(920px, 100%) !important;
  margin: 0 auto clamp(30px, 5vw, 62px) !important;
  text-align: center !important;
}

body.mmco-shell .mmco-block-starter_product .mmco-section-intro h2,
body.mmco-shell section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro h2,
body.mmco-shell .mmco-block-products:has(#mmco-starter-product) .mmco-section-intro h2 {
  max-width: 9ch !important;
  margin: 0 auto 18px !important;
  color: #05070b !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(4rem, 8vw, 9.5rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: center !important;
}

body.mmco-shell .mmco-block-starter_product .mmco-section-intro p,
body.mmco-shell section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro p,
body.mmco-shell .mmco-block-products:has(#mmco-starter-product) .mmco-section-intro p {
  width: min(720px, 100%) !important;
  margin: 0 auto !important;
  color: #3c4656 !important;
  font-size: clamp(1.02rem, 1.2vw, 1.2rem) !important;
  line-height: 1.72 !important;
}

body.mmco-shell #mmco-starter-product.mmco-starter-product-wrap {
  width: min(1260px, 100%) !important;
  margin: 0 auto !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr) !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
  align-items: stretch !important;
  min-height: 0 !important;
  padding: clamp(16px, 2vw, 26px) !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  border-radius: clamp(34px, 5vw, 62px) !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,255,255,.82)),
    radial-gradient(circle at 78% 12%, rgba(7,20,38,.20), transparent 28rem),
    #071426 !important;
  box-shadow: 0 38px 120px rgba(3,8,18,.16) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-product-card::before {
  content: "" !important;
  position: absolute !important;
  inset: clamp(12px, 1.4vw, 18px) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  border-radius: clamp(24px, 4vw, 48px) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: clamp(16px, 2vw, 24px) !important;
  width: auto !important;
  max-width: none !important;
  min-height: clamp(520px, 52vw, 720px) !important;
  margin: 0 !important;
  padding: clamp(28px, 4vw, 58px) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  border-radius: clamp(26px, 4vw, 46px) !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 28px 90px rgba(3,8,18,.13) !important;
  transform: none !important;
  inset: auto !important;
  text-align: left !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-badge,
body.mmco-shell #mmco-starter-product .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: #071426 !important;
  color: #ffffff !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-badge {
  order: -1 !important;
  margin-bottom: -8px !important;
  background: #eef2f7 !important;
  color: #071426 !important;
  border: 1px solid rgba(7,20,38,.10) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy h3,
body.mmco-shell #mmco-starter-product .mmco-starter-copy h3 a {
  display: block !important;
  max-width: 10ch !important;
  margin: 0 !important;
  color: #05070b !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.5rem, 6.2vw, 7.6rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-wrap: balance !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-copy-text,
body.mmco-shell #mmco-starter-product .mmco-starter-copy > p:not(.mmco-product-kicker) {
  margin: 0 !important;
  color: #3c4656 !important;
  font-size: clamp(1.02rem, 1.2vw, 1.22rem) !important;
  line-height: 1.72 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin: 4px 0 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats span {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  box-shadow: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats strong {
  color: #071426 !important;
  font-size: clamp(1.4rem, 2.4vw, 2.8rem) !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
  white-space: nowrap !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-stats small {
  order: -1 !important;
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate {
  background: #071426 !important;
  color: #ffffff !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate strong,
body.mmco-shell #mmco-starter-product .mmco-starter-rate small,
body.mmco-shell #mmco-starter-product .mmco-starter-rate .woocommerce-Price-amount,
body.mmco-shell #mmco-starter-product .mmco-starter-rate .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: 4px !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-actions .mmco-button,
body.mmco-shell #mmco-starter-product .mmco-starter-actions .button {
  width: 100% !important;
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-actions .mmco-starter-add-cart {
  background: #ffffff !important;
  color: #071426 !important;
  border: 1px solid rgba(7,20,38,.16) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(6, minmax(74px, 1fr)) !important;
  gap: clamp(10px, 1.4vw, 18px) !important;
  width: 100% !important;
  height: auto !important;
  min-height: clamp(520px, 52vw, 720px) !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  transform: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage figure {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(22px, 3vw, 42px) !important;
  background: #071426 !important;
  border: 1px solid rgba(255,255,255,.40) !important;
  box-shadow: 0 24px 78px rgba(3,8,18,.18) !important;
  transform: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage figure::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(3,8,18,0) 38%, rgba(3,8,18,.18) 100%) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.98) contrast(1.05) brightness(.96) !important;
  transform: scale(1.01) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-1 {
  grid-column: 1 / 5 !important;
  grid-row: 1 / 5 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-2 {
  grid-column: 5 / 7 !important;
  grid-row: 1 / 4 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-3 {
  grid-column: 3 / 7 !important;
  grid-row: 4 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-4 {
  grid-column: 1 / 3 !important;
  grid-row: 5 / 7 !important;
}

body.mmco-shell #mmco-starter-product [data-mmco-image-count="1"] .mmco-starter-collage figure,
body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-1 .mmco-starter-collage figure {
  grid-column: 1 / 7 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-2 .mmco-starter-collage-item-1 {
  grid-column: 1 / 5 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-2 .mmco-starter-collage-item-2 {
  grid-column: 5 / 7 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-3 .mmco-starter-collage-item-1 {
  grid-column: 1 / 5 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-3 .mmco-starter-collage-item-2 {
  grid-column: 5 / 7 !important;
  grid-row: 1 / 4 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-3 .mmco-starter-collage-item-3 {
  grid-column: 5 / 7 !important;
  grid-row: 4 / 7 !important;
}

/* Clean 2x2 product cards: image on top, all details underneath. */
body.mmco-shell #mmco-products.mmco-products-wrap > .mmco-product-grid,
body.mmco-shell section[id^="mmco-products-"] #mmco-products.mmco-products-wrap > .mmco-product-grid,
body.mmco-shell .mmco-block-products:not(:has(#mmco-starter-product)) #mmco-products.mmco-products-wrap > .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
  align-items: stretch !important;
  width: min(1260px, 100%) !important;
  margin: 0 auto !important;
}

body.mmco-shell #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card,
body.mmco-shell section[id^="mmco-products-"] #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 24px 72px rgba(3,8,18,.10) !important;
  transform: none !important;
}

body.mmco-shell #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card > a.mmco-product-image,
body.mmco-shell section[id^="mmco-products-"] #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card > a.mmco-product-image {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  order: 1 !important;
  width: 100% !important;
  height: clamp(300px, 31vw, 470px) !important;
  min-height: clamp(300px, 31vw, 470px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
  transform: none !important;
  inset: auto !important;
}

body.mmco-shell #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card > a.mmco-product-image img,
body.mmco-shell section[id^="mmco-products-"] #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card > a.mmco-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
  transform: scale(1.01) !important;
}

body.mmco-shell #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card > .mmco-product-body,
body.mmco-shell section[id^="mmco-products-"] #mmco-products.mmco-products-wrap > .mmco-product-grid > article.mmco-product-card > .mmco-product-body {
  position: relative !important;
  z-index: 2 !important;
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(22px, 3vw, 36px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #071426 !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  inset: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

body.mmco-shell #mmco-products .mmco-product-body .mmco-product-kicker,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-body .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #344054 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-products .mmco-product-body h3,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 {
  display: block !important;
  width: 100% !important;
  max-width: 12ch !important;
  margin: 0 !important;
  color: #05070b !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.5rem, 4.3vw, 5.4rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.105em !important;
  text-align: left !important;
  text-transform: none !important;
}

body.mmco-shell #mmco-products .mmco-product-body h3 a,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 a,
body.mmco-shell section[id^="mmco-products-"] .mmco-product-body h3 a {
  display: inline !important;
  color: #05070b !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}

body.mmco-shell #mmco-products .mmco-product-meta-row,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row,
body.mmco-shell section[id^="mmco-products-"] .mmco-product-meta-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.mmco-shell #mmco-products .mmco-product-meta-row span,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row span,
body.mmco-shell section[id^="mmco-products-"] .mmco-product-meta-row span {
  display: grid !important;
  gap: 4px !important;
  align-content: center !important;
  min-height: 70px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  background: #f7f9fc !important;
  color: #667085 !important;
  font-size: .84rem !important;
  font-weight: 850 !important;
}

body.mmco-shell #mmco-products .mmco-product-meta-row strong,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row strong,
body.mmco-shell section[id^="mmco-products-"] .mmco-product-meta-row strong {
  color: #071426 !important;
  font-size: clamp(1rem, 1.35vw, 1.28rem) !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

body.mmco-shell #mmco-products .mmco-product-rate-callout,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 16px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: #071426 !important;
  color: #ffffff !important;
}

body.mmco-shell #mmco-products .mmco-product-rate-callout span,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout span {
  color: rgba(255,255,255,.72) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-products .mmco-product-rate-callout strong,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout strong,
body.mmco-shell #mmco-products .mmco-product-rate-callout .woocommerce-Price-amount,
body.mmco-shell #mmco-products .mmco-product-rate-callout .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
  font-size: clamp(2rem, 3.2vw, 4.4rem) !important;
  line-height: .86 !important;
  letter-spacing: -.08em !important;
  white-space: nowrap !important;
}

body.mmco-shell #mmco-products .mmco-product-rate-callout small {
  color: rgba(255,255,255,.72) !important;
  font-size: .9rem !important;
  letter-spacing: 0 !important;
}

body.mmco-shell #mmco-products .mmco-product-price,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-price {
  margin: 0 !important;
  color: #071426 !important;
  font-size: clamp(1.15rem, 1.6vw, 1.55rem) !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

body.mmco-shell #mmco-products .mmco-product-actions,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: auto !important;
}

body.mmco-shell #mmco-products .mmco-product-actions a,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-actions a {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.mmco-shell #mmco-products .mmco-product-actions .mmco-product-view-link,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-actions .mmco-product-view-link {
  border: 1px solid rgba(7,20,38,.14) !important;
  background: #ffffff !important;
  color: #071426 !important;
}

@media (max-width: 1050px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-product-card {
    grid-template-columns: 1fr !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-copy,
  body.mmco-shell #mmco-starter-product .mmco-starter-collage {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-height: 0 !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-collage {
    min-height: clamp(420px, 72vw, 620px) !important;
    order: -1 !important;
  }
}

@media (max-width: 780px) {
  body.mmco-shell #mmco-products.mmco-products-wrap > .mmco-product-grid,
  body.mmco-shell section[id^="mmco-products-"] #mmco-products.mmco-products-wrap > .mmco-product-grid,
  body.mmco-shell .mmco-block-products:not(:has(#mmco-starter-product)) #mmco-products.mmco-products-wrap > .mmco-product-grid {
    grid-template-columns: 1fr !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-product-card {
    padding: 12px !important;
    border-radius: 30px !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-copy {
    padding: 24px !important;
    border-radius: 24px !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-copy h3,
  body.mmco-shell #mmco-starter-product .mmco-starter-copy h3 a,
  body.mmco-shell #mmco-products .mmco-product-body h3,
  body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 {
    font-size: clamp(3rem, 15vw, 5.2rem) !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-actions,
  body.mmco-shell #mmco-products .mmco-product-actions,
  body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-actions,
  body.mmco-shell #mmco-products .mmco-product-meta-row,
  body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row {
    grid-template-columns: 1fr !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-collage {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    min-height: 0 !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-collage figure,
  body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-1,
  body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-2,
  body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-3,
  body.mmco-shell #mmco-starter-product .mmco-starter-collage-item-4 {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 260px !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-collage figure:nth-child(n+3) {
    display: none !important;
  }
}

/* v1.9.4b - align CSS with the rendered starter media panel markup. */
body.mmco-shell #mmco-starter-product .mmco-starter-product-card-v194,
body.mmco-shell #mmco-starter-product .mmco-starter-product-card {
  display: grid !important;
  grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr) !important;
  align-items: stretch !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-product-card-v194 .mmco-starter-copy {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-panel {
  grid-column: 2 / 3 !important;
  grid-row: 1 !important;
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
  min-height: clamp(620px, 63vw, 820px) !important;
  padding: clamp(14px, 1.8vw, 24px) !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, var(--mmco-v194-navy, #071426), #010711) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage {
  grid-column: auto !important;
  grid-row: auto !important;
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: clamp(10px, 1.4vw, 18px) !important;
  width: 100% !important;
  height: 100% !important;
  min-height: calc(clamp(620px, 63vw, 820px) - clamp(28px, 3.6vw, 48px)) !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-1-images,
body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-2-images {
  grid-template-columns: 1fr !important;
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr)) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-3-images {
  grid-template-columns: 1.1fr .9fr !important;
  grid-template-rows: 1fr 1fr !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-1-images figure:first-child,
body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-2-images figure:first-child {
  grid-row: auto !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-badge {
  position: absolute !important;
  z-index: 6 !important;
  right: clamp(24px, 3vw, 46px) !important;
  bottom: clamp(24px, 3vw, 46px) !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 170px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(255, 255, 255, .30) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .92) !important;
  color: var(--mmco-v194-navy, #071426) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-badge span {
  color: #637083 !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-badge strong {
  color: var(--mmco-v194-navy, #071426) !important;
  font-size: clamp(1.6rem, 2.5vw, 2.7rem) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
}

@media (max-width: 1040px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-product-card-v194,
  body.mmco-shell #mmco-starter-product .mmco-starter-product-card {
    grid-template-columns: 1fr !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-product-card-v194 .mmco-starter-copy,
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel,
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage {
    min-height: clamp(460px, 72vw, 640px) !important;
  }
}

@media (max-width: 780px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel {
    min-height: auto !important;
    padding: 12px !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage,
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-1-images,
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-2-images,
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage.has-3-images {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    min-height: auto !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage figure,
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage figure:first-child {
    grid-row: auto !important;
    min-height: 260px !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-media-badge {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    margin: 12px 0 0 !important;
  }
}
/* v1.9.4 actual starter markup alignment: media panel is the collage wrapper. */
.mmco-starter-product-card > .mmco-starter-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
}

.mmco-starter-product-card > .mmco-starter-media-panel {
  position: relative !important;
  z-index: 3 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: grid !important;
  min-width: 0 !important;
  min-height: clamp(560px, 58vw, 780px) !important;
  overflow: visible !important;
}

.mmco-starter-media-panel > .mmco-starter-collage {
  width: 100% !important;
  min-height: 100% !important;
}

.mmco-starter-media-badge {
  position: absolute !important;
  z-index: 9 !important;
  left: clamp(18px, 2vw, 30px) !important;
  bottom: clamp(18px, 2vw, 30px) !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 150px !important;
  padding: 14px 16px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  background: rgba(255,255,255,.88) !important;
  color: var(--mmco-v194-navy) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.mmco-starter-media-badge span {
  color: #667386 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-starter-media-badge strong {
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.7rem, 2.4vw, 3rem) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.07em !important;
}

.mmco-starter-collage.has-1-images .mmco-starter-collage-item-1 {
  grid-column: 1 / 13 !important;
  grid-row: 1 / 13 !important;
}

.mmco-starter-collage.has-2-images .mmco-starter-collage-item-1 {
  grid-column: 1 / 8 !important;
  grid-row: 1 / 13 !important;
}

.mmco-starter-collage.has-2-images .mmco-starter-collage-item-2 {
  grid-column: 8 / 13 !important;
  grid-row: 2 / 12 !important;
}

.mmco-starter-collage.has-3-images .mmco-starter-collage-item-1 {
  grid-column: 1 / 8 !important;
  grid-row: 1 / 13 !important;
}

.mmco-starter-collage.has-3-images .mmco-starter-collage-item-2 {
  grid-column: 8 / 13 !important;
  grid-row: 1 / 7 !important;
}

.mmco-starter-collage.has-3-images .mmco-starter-collage-item-3 {
  grid-column: 8 / 13 !important;
  grid-row: 7 / 13 !important;
}

@media (max-width: 1040px) {
  .mmco-starter-product-card > .mmco-starter-copy,
  .mmco-starter-product-card > .mmco-starter-media-panel {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .mmco-starter-product-card > .mmco-starter-media-panel {
    order: 1 !important;
    min-height: clamp(420px, 66vw, 660px) !important;
  }

  .mmco-starter-product-card > .mmco-starter-copy {
    order: 2 !important;
  }
}
/* ==========================================================
   Metameat Co v1.9.5 - starter pack and product grid rescue
   Paste at the very bottom of the Metameat CSS if using custom CSS.
   ========================================================== */

body.mmco-shell .mmco-price-under-cent,
.mmco-price-under-cent {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: .18em !important;
  white-space: nowrap !important;
}

/* STARTER PACK: clean editorial split, no repeated-image mess, no product-card feel. */
.mmco-block-starter_product,
.mmco-block-products:has(#mmco-starter-product),
section[id^="mmco-products-"]:has(#mmco-starter-product),
#mmco-products-utzz1nn0:has(#mmco-starter-product) {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(82px, 9vw, 150px) clamp(16px, 5vw, 86px) !important;
  background:
    radial-gradient(circle at 8% 14%, rgba(7, 20, 38, .08), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
  color: #071426 !important;
}

.mmco-block-starter_product .mmco-section-intro,
.mmco-block-products:has(#mmco-starter-product) .mmco-section-intro,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro,
#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro {
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(30px, 4vw, 58px) !important;
  text-align: center !important;
}

.mmco-block-starter_product .mmco-section-intro h2,
.mmco-block-products:has(#mmco-starter-product) .mmco-section-intro h2,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro h2,
#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro h2 {
  max-width: 10ch !important;
  margin: 0 auto 20px !important;
  color: #030812 !important;
  font-size: clamp(3.6rem, 7.8vw, 9.2rem) !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: center !important;
}

.mmco-block-starter_product .mmco-section-intro p,
.mmco-block-products:has(#mmco-starter-product) .mmco-section-intro p,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro p,
#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro p {
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  color: #344054 !important;
  font-size: clamp(1rem, 1.25vw, 1.24rem) !important;
  line-height: 1.68 !important;
}

.mmco-starter-product-wrap {
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
}

.mmco-starter-product-card,
.mmco-starter-product-card-v195 {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: 0 !important;
  padding: clamp(10px, 1.3vw, 18px) !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: clamp(34px, 5vw, 58px) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 34px 110px rgba(3, 8, 18, .13) !important;
}

.mmco-starter-media-panel {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  min-height: clamp(520px, 50vw, 720px) !important;
  padding: clamp(10px, 1.4vw, 18px) !important;
  border-radius: clamp(26px, 4vw, 44px) !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #071426, #030812) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
}

.mmco-starter-media-panel::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(3, 8, 18, 0) 42%, rgba(3, 8, 18, .68) 100%),
    radial-gradient(circle at 20% 12%, rgba(255, 255, 255, .16), transparent 18rem) !important;
}

.mmco-starter-collage {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 1.12fr .88fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: clamp(10px, 1.35vw, 16px) !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  padding: 0 !important;
  background: transparent !important;
}

.mmco-starter-collage-count-1 {
  display: block !important;
}

.mmco-starter-collage-count-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
}

.mmco-starter-collage-count-3 {
  grid-template-columns: 1.2fr .8fr !important;
  grid-template-rows: 1fr 1fr !important;
}

.mmco-starter-collage figure,
.mmco-starter-collage .mmco-media-placeholder {
  position: relative !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 220px !important;
  border-radius: clamp(20px, 2.8vw, 36px) !important;
  overflow: hidden !important;
  background: #101828 !important;
  box-shadow: 0 18px 58px rgba(0, 0, 0, .22) !important;
}

.mmco-starter-collage-count-1 figure,
.mmco-starter-collage-count-1 .mmco-media-placeholder {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(520px, 50vw, 720px) !important;
}

.mmco-starter-collage-count-3 figure:first-child,
.mmco-starter-collage-count-4 figure:first-child {
  grid-row: span 2 !important;
}

.mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(1.02) contrast(1.05) brightness(.94) !important;
  transform: none !important;
}

.mmco-starter-media-badge {
  position: absolute !important;
  left: clamp(24px, 3vw, 42px) !important;
  bottom: clamp(24px, 3vw, 42px) !important;
  z-index: 4 !important;
  display: inline-grid !important;
  gap: 4px !important;
  padding: 14px 18px !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
}

.mmco-starter-media-badge span {
  color: rgba(255, 255, 255, .78) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.mmco-starter-media-badge strong {
  color: #ffffff !important;
  font-size: clamp(1.4rem, 2vw, 2.2rem) !important;
  line-height: 1 !important;
}

.mmco-starter-copy {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(34px, 5vw, 72px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #071426 !important;
  text-align: left !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mmco-starter-copy .mmco-product-kicker {
  width: fit-content !important;
  margin: 0 0 18px !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #344054 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-starter-copy h3,
.mmco-starter-copy h3 a {
  max-width: 10.5ch !important;
  margin: 0 !important;
  color: #020305 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.2rem, 5.6vw, 6.8rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.115em !important;
  text-decoration: none !important;
  text-wrap: balance !important;
}

.mmco-starter-copy-text,
.mmco-starter-copy > p:not(.mmco-product-kicker) {
  max-width: 58ch !important;
  margin: clamp(18px, 2.2vw, 28px) 0 !important;
  color: #344054 !important;
  font-size: clamp(1rem, 1.12vw, 1.18rem) !important;
  line-height: 1.74 !important;
}

.mmco-starter-pricing-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
}

.mmco-starter-rate-callout,
.mmco-starter-pack-price {
  display: grid !important;
  align-content: center !important;
  min-height: 124px !important;
  padding: clamp(18px, 2.2vw, 26px) !important;
  border-radius: 24px !important;
}

.mmco-starter-rate-callout {
  background: linear-gradient(135deg, #071426, #030812) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 52px rgba(7, 20, 38, .18) !important;
}

.mmco-starter-pack-price {
  background: #f7f9fc !important;
  color: #071426 !important;
  border: 1px solid rgba(7, 20, 38, .08) !important;
}

.mmco-starter-rate-callout span,
.mmco-starter-pack-price span {
  display: block !important;
  margin-bottom: 8px !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.mmco-starter-rate-callout span,
.mmco-starter-rate-callout small,
.mmco-starter-rate-callout strong,
.mmco-starter-rate-callout .amount,
.mmco-starter-rate-callout .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

.mmco-starter-rate-callout strong {
  display: flex !important;
  align-items: baseline !important;
  gap: .25rem !important;
  font-size: clamp(2.5rem, 4vw, 4.6rem) !important;
  line-height: .9 !important;
  letter-spacing: -.08em !important;
}

.mmco-starter-pack-price strong,
.mmco-starter-pack-price .amount {
  color: #071426 !important;
  font-size: clamp(1.8rem, 2.5vw, 3rem) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
}

.mmco-starter-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 14px 0 24px !important;
}

.mmco-starter-stats span {
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  min-height: 88px !important;
  padding: 14px !important;
  border: 1px solid rgba(7, 20, 38, .08) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(3, 8, 18, .05) !important;
}

.mmco-starter-stats strong,
.mmco-starter-stats .amount,
.mmco-starter-stats .woocommerce-Price-currencySymbol {
  color: #071426 !important;
  font-size: clamp(1.15rem, 1.6vw, 1.75rem) !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

.mmco-starter-stats small {
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.mmco-starter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: 2px !important;
}

.mmco-starter-actions .mmco-button,
.mmco-starter-actions .button {
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
}

/* PRODUCT GRID: force image on top and ALL details underneath. */
#mmco-products.mmco-products-wrap,
section[id^="mmco-products-"] #mmco-products.mmco-products-wrap {
  position: relative !important;
  z-index: 1 !important;
}

#mmco-products .mmco-product-grid,
#mmco-products .mmco-product-grid-standard,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
section[id^="mmco-products-"] #mmco-products .mmco-product-grid,
body.mmco-page-shop #mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.6vw, 34px) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

#mmco-products .mmco-product-grid > .mmco-product-card,
#mmco-products .mmco-product-card-standard,
section[id^="mmco-products-"] #mmco-products .mmco-product-card {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  min-width: 0 !important;
  min-height: 100% !important;
  padding: 0 !important;
  border: 1px solid rgba(7, 20, 38, .11) !important;
  border-radius: clamp(26px, 3.2vw, 38px) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 24px 70px rgba(3, 8, 18, .10) !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid > .mmco-product-card > .mmco-product-image,
#mmco-products .mmco-product-card-standard > .mmco-product-image,
section[id^="mmco-products-"] #mmco-products .mmco-product-card > .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid > .mmco-product-card > .mmco-product-image img,
#mmco-products .mmco-product-card-standard > .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products .mmco-product-image img {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
}

#mmco-products .mmco-product-grid > .mmco-product-card > .mmco-product-body,
#mmco-products .mmco-product-card-standard > .mmco-product-body,
section[id^="mmco-products-"] #mmco-products .mmco-product-card > .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(22px, 2.8vw, 36px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #071426 !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products .mmco-product-body .mmco-product-kicker,
section[id^="mmco-products-"] #mmco-products .mmco-product-kicker {
  width: fit-content !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-body h3,
#mmco-products .mmco-product-body h3 a,
section[id^="mmco-products-"] #mmco-products .mmco-product-body h3,
section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 a {
  position: relative !important;
  display: block !important;
  max-width: 12ch !important;
  margin: 0 !important;
  color: #020305 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.15rem, 3.4vw, 4.35rem) !important;
  font-weight: 950 !important;
  line-height: .84 !important;
  letter-spacing: -.105em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  transform: none !important;
}

#mmco-products .mmco-product-meta-row,
section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#mmco-products .mmco-product-meta-row span,
section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row span {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid rgba(7, 20, 38, .08) !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
  color: #667085 !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

#mmco-products .mmco-product-meta-row strong,
#mmco-products .mmco-product-meta-row .amount,
section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row .amount {
  color: #071426 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
  font-weight: 950 !important;
}

#mmco-products .mmco-product-rate-callout,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout {
  position: relative !important;
  display: grid !important;
  align-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #071426, #030812) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 48px rgba(7, 20, 38, .18) !important;
}

#mmco-products .mmco-product-rate-callout span,
#mmco-products .mmco-product-rate-callout strong,
#mmco-products .mmco-product-rate-callout small,
#mmco-products .mmco-product-rate-callout .amount,
#mmco-products .mmco-product-rate-callout .woocommerce-Price-currencySymbol,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout span,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout small,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout .amount,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

#mmco-products .mmco-product-rate-callout > span,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout > span {
  margin-bottom: 8px !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-rate-callout strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout strong {
  display: flex !important;
  align-items: baseline !important;
  gap: .25rem !important;
  font-size: clamp(2.2rem, 3.4vw, 4.1rem) !important;
  line-height: .9 !important;
  letter-spacing: -.08em !important;
}

#mmco-products .mmco-product-price,
section[id^="mmco-products-"] #mmco-products .mmco-product-price {
  color: #071426 !important;
  font-size: clamp(1.15rem, 1.55vw, 1.5rem) !important;
  font-weight: 950 !important;
}

#mmco-products .mmco-product-price del,
section[id^="mmco-products-"] #mmco-products .mmco-product-price del {
  color: #98a2b3 !important;
  font-weight: 800 !important;
}

#mmco-products .mmco-product-price ins,
section[id^="mmco-products-"] #mmco-products .mmco-product-price ins {
  color: #071426 !important;
  text-decoration: none !important;
}

#mmco-products .mmco-product-actions,
section[id^="mmco-products-"] #mmco-products .mmco-product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: auto !important;
}

#mmco-products .mmco-product-actions .button,
#mmco-products .mmco-product-actions .mmco-ghost-small,
section[id^="mmco-products-"] #mmco-products .mmco-product-actions .button,
section[id^="mmco-products-"] #mmco-products .mmco-product-actions .mmco-ghost-small {
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}

@media (max-width: 1040px) {
  .mmco-starter-product-card,
  .mmco-starter-product-card-v195 {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-media-panel {
    min-height: clamp(440px, 70vw, 660px) !important;
  }

  .mmco-starter-copy {
    padding: clamp(28px, 6vw, 54px) !important;
  }

  .mmco-starter-copy h3,
  .mmco-starter-copy h3 a {
    max-width: 11ch !important;
  }
}

@media (max-width: 780px) {
  #mmco-products .mmco-product-grid,
  #mmco-products .mmco-product-grid-standard,
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid,
  body.mmco-page-shop #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-pricing-row,
  .mmco-starter-stats,
  #mmco-products .mmco-product-meta-row,
  section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-collage,
  .mmco-starter-collage-count-2,
  .mmco-starter-collage-count-3,
  .mmco-starter-collage-count-4 {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  .mmco-starter-collage figure,
  .mmco-starter-collage .mmco-media-placeholder,
  .mmco-starter-collage-count-1 figure,
  .mmco-starter-collage-count-1 .mmco-media-placeholder {
    grid-row: auto !important;
    min-height: 280px !important;
  }

  .mmco-starter-media-panel {
    min-height: auto !important;
  }

  .mmco-starter-copy h3,
  .mmco-starter-copy h3 a {
    font-size: clamp(3rem, 15vw, 5.8rem) !important;
  }

  #mmco-products .mmco-product-body h3,
  #mmco-products .mmco-product-body h3 a,
  section[id^="mmco-products-"] #mmco-products .mmco-product-body h3,
  section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 a {
    max-width: 11ch !important;
    font-size: clamp(2.4rem, 12vw, 4.4rem) !important;
  }
}

/* ==========================================================
   Metameat Co v1.9.5 - starter promo and product grid hard reset.
   Purpose: stop product details sitting behind images, remove lame
   product-card overlap on starter pack, and make the grid image-top/text-under.
   ========================================================== */

body.mmco-shell,
.mmco-site {
  --mmco-v195-ink: #05070b;
  --mmco-v195-navy: #071426;
  --mmco-v195-navy-2: #0d213a;
  --mmco-v195-soft: #f5f7fb;
  --mmco-v195-line: rgba(7, 20, 38, .12);
  --mmco-v195-line-dark: rgba(255, 255, 255, .18);
  --mmco-v195-muted: #667085;
  --mmco-v195-shadow: 0 30px 90px rgba(3, 8, 18, .12);
  --mmco-v195-shadow-strong: 0 44px 130px rgba(3, 8, 18, .18);
}

/* Starter section: editorial promo instead of a normal product card. */
#mmco-products-utzz1nn0.mmco-block-products:has(#mmco-starter-product),
section[id^="mmco-products-"].mmco-block-products:has(#mmco-starter-product),
.mmco-block-starter_product,
.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) {
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--mmco-v195-ink) !important;
  padding-top: clamp(88px, 10vw, 160px) !important;
  padding-bottom: clamp(88px, 10vw, 160px) !important;
}

#mmco-products-utzz1nn0:has(#mmco-starter-product)::before,
section[id^="mmco-products-"]:has(#mmco-starter-product)::before,
.mmco-block-starter_product::before {
  content: "" !important;
  position: absolute !important;
  inset: auto -12vw 8% auto !important;
  width: min(520px, 42vw) !important;
  height: min(520px, 42vw) !important;
  border-radius: 999px !important;
  background: radial-gradient(circle, rgba(7, 20, 38, .10), transparent 68%) !important;
  pointer-events: none !important;
}

#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro,
.mmco-block-starter_product .mmco-section-intro {
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(34px, 5vw, 70px) !important;
  text-align: center !important;
}

#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro h2,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro h2,
.mmco-block-starter_product .mmco-section-intro h2 {
  max-width: 11ch !important;
  margin: 0 auto clamp(16px, 2vw, 26px) !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(4.4rem, 8vw, 10rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.125em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro p,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro p,
.mmco-block-starter_product .mmco-section-intro p {
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  color: #4b5565 !important;
  font-size: clamp(1.04rem, 1.35vw, 1.28rem) !important;
  line-height: 1.72 !important;
}

#mmco-starter-product.mmco-starter-product-wrap,
.mmco-starter-product-wrap {
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.mmco-starter-product-card,
.mmco-starter-product-card-v195,
.mmco-starter-product-card-editorial {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: clamp(18px, 3vw, 44px) !important;
  align-items: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(16px, 2.2vw, 30px) !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: clamp(32px, 4.5vw, 64px) !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #071426 0%, #0d213a 52%, #030812 100%) !important;
  color: #ffffff !important;
  box-shadow: var(--mmco-v195-shadow-strong) !important;
}

.mmco-starter-product-card::before,
.mmco-starter-product-card-v195::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 20% 16%, rgba(255, 255, 255, .16), transparent 24rem),
    radial-gradient(circle at 78% 100%, rgba(255, 255, 255, .08), transparent 26rem) !important;
}

.mmco-starter-media-panel,
.mmco-starter-collage {
  position: relative !important;
  z-index: 1 !important;
}

.mmco-starter-media-panel {
  display: grid !important;
  min-height: clamp(520px, 48vw, 700px) !important;
}

.mmco-starter-collage {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
  width: 100% !important;
  min-height: clamp(520px, 48vw, 700px) !important;
  height: 100% !important;
  padding: 0 !important;
}

.mmco-starter-collage figure,
.mmco-starter-collage .mmco-starter-collage-item {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: clamp(20px, 2.6vw, 38px) !important;
  background: #0b1220 !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .24) !important;
  transform: none !important;
}

.mmco-starter-collage-item-1 { grid-column: 1 / 5 !important; grid-row: 1 / 7 !important; }
.mmco-starter-collage-item-2 { grid-column: 5 / 7 !important; grid-row: 1 / 3 !important; }
.mmco-starter-collage-item-3 { grid-column: 5 / 7 !important; grid-row: 3 / 5 !important; }
.mmco-starter-collage-item-4 { grid-column: 5 / 7 !important; grid-row: 5 / 7 !important; }

.mmco-starter-images-1 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-1 .mmco-starter-collage-item-1,
.mmco-starter-collage-items-1 .mmco-starter-collage-item-1 {
  grid-column: 1 / -1 !important;
  grid-row: 1 / -1 !important;
}

.mmco-starter-images-2 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-2 .mmco-starter-collage-item-1,
.mmco-starter-collage-items-2 .mmco-starter-collage-item-1 {
  grid-column: 1 / 4 !important;
  grid-row: 1 / -1 !important;
}

.mmco-starter-images-2 .mmco-starter-collage-item-2,
.mmco-starter-collage-count-2 .mmco-starter-collage-item-2,
.mmco-starter-collage-items-2 .mmco-starter-collage-item-2 {
  grid-column: 4 / -1 !important;
  grid-row: 1 / -1 !important;
}

.mmco-starter-images-3 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-3 .mmco-starter-collage-item-1,
.mmco-starter-collage-items-3 .mmco-starter-collage-item-1 {
  grid-column: 1 / 5 !important;
  grid-row: 1 / -1 !important;
}

.mmco-starter-images-3 .mmco-starter-collage-item-2,
.mmco-starter-collage-count-3 .mmco-starter-collage-item-2,
.mmco-starter-collage-items-3 .mmco-starter-collage-item-2 {
  grid-column: 5 / -1 !important;
  grid-row: 1 / 4 !important;
}

.mmco-starter-images-3 .mmco-starter-collage-item-3,
.mmco-starter-collage-count-3 .mmco-starter-collage-item-3,
.mmco-starter-collage-items-3 .mmco-starter-collage-item-3 {
  grid-column: 5 / -1 !important;
  grid-row: 4 / -1 !important;
}

.mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.06) brightness(.92) !important;
  transform: scale(1.015) !important;
}

.mmco-starter-media-badge {
  position: absolute !important;
  z-index: 4 !important;
  left: clamp(16px, 2vw, 28px) !important;
  bottom: clamp(16px, 2vw, 28px) !important;
  display: grid !important;
  gap: 2px !important;
  min-width: 150px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 22px !important;
  background: rgba(7, 20, 38, .78) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .24) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.mmco-starter-media-badge span {
  color: rgba(255, 255, 255, .72) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.mmco-starter-media-badge strong {
  color: #ffffff !important;
  font-size: clamp(1.6rem, 3vw, 2.8rem) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
}

.mmco-starter-copy,
.mmco-starter-product-card .mmco-starter-copy {
  position: relative !important;
  z-index: 2 !important;
  align-self: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(26px, 4.5vw, 68px) clamp(22px, 4vw, 58px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.mmco-starter-copy .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 clamp(18px, 2vw, 28px) !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .10) !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-starter-copy h3,
.mmco-starter-copy h3 a {
  max-width: 11ch !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(4.2rem, 7.2vw, 9.6rem) !important;
  font-weight: 950 !important;
  line-height: .76 !important;
  letter-spacing: -.13em !important;
  text-decoration: none !important;
  text-align: left !important;
  text-wrap: balance !important;
}

.mmco-starter-copy-text,
.mmco-starter-copy > p:not(.mmco-product-kicker) {
  width: min(650px, 100%) !important;
  margin: clamp(20px, 2.4vw, 34px) 0 !important;
  color: rgba(255, 255, 255, .76) !important;
  font-size: clamp(1.04rem, 1.3vw, 1.28rem) !important;
  line-height: 1.72 !important;
}

.mmco-starter-pricing-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(180px, .9fr) !important;
  gap: 12px !important;
  margin: clamp(22px, 2.8vw, 38px) 0 0 !important;
}

.mmco-starter-rate-callout,
.mmco-starter-pack-price {
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  min-height: 126px !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .09) !important;
  color: #ffffff !important;
}

.mmco-starter-rate-callout {
  background: #ffffff !important;
  color: var(--mmco-v195-navy) !important;
}

.mmco-starter-rate-callout span,
.mmco-starter-pack-price span {
  color: inherit !important;
  opacity: .72 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.mmco-starter-rate-callout strong,
.mmco-starter-pack-price strong {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  color: inherit !important;
  font-size: clamp(2rem, 3.5vw, 4.4rem) !important;
  line-height: .9 !important;
  letter-spacing: -.075em !important;
}

.mmco-starter-rate-callout .woocommerce-Price-amount,
.mmco-starter-pack-price .woocommerce-Price-amount,
.mmco-starter-rate-callout .woocommerce-Price-currencySymbol,
.mmco-starter-pack-price .woocommerce-Price-currencySymbol {
  color: inherit !important;
}

.mmco-starter-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: clamp(16px, 2vw, 26px) 0 !important;
}

.mmco-starter-stats span {
  display: grid !important;
  gap: 6px !important;
  min-height: 94px !important;
  align-content: center !important;
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #ffffff !important;
}

.mmco-starter-stats strong,
.mmco-starter-stats .woocommerce-Price-amount,
.mmco-starter-stats .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
  font-size: clamp(1.18rem, 1.6vw, 1.8rem) !important;
  line-height: 1 !important;
}

.mmco-starter-stats small {
  color: rgba(255, 255, 255, .62) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

.mmco-starter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin-top: clamp(20px, 2.5vw, 34px) !important;
}

.mmco-starter-actions .mmco-button,
.mmco-starter-actions .button {
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

.mmco-starter-actions .mmco-button {
  border-color: rgba(255, 255, 255, .92) !important;
  background: #ffffff !important;
  color: var(--mmco-v195-navy) !important;
}

.mmco-starter-actions .button,
.mmco-starter-actions .mmco-starter-add-cart {
  border-color: rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .10) !important;
  color: #ffffff !important;
}

/* Normal product grid hard reset: image on top, details underneath, no overlap. */
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one),
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one),
body.mmco-page-shop #mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.8vw, 38px) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card,
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 0 !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: clamp(28px, 3vw, 44px) !important;
  background: #ffffff !important;
  box-shadow: var(--mmco-v195-shadow) !important;
  color: var(--mmco-v195-ink) !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child > .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  order: 1 !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(340px, 32vw, 540px) !important;
  min-height: clamp(340px, 32vw, 540px) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image img,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image img,
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.04) brightness(.98) !important;
  transform: scale(1.01) !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body,
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  order: 2 !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(26px, 3.2vw, 44px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: var(--mmco-v195-ink) !important;
  box-shadow: none !important;
  text-align: left !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #667085 !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a {
  display: block !important;
  max-width: 12ch !important;
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.75rem, 4.7vw, 5.8rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.11em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-wrap: balance !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span {
  display: grid !important;
  gap: 4px !important;
  min-height: 78px !important;
  align-content: center !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(7, 20, 38, .08) !important;
  border-radius: 18px !important;
  background: #f6f8fb !important;
  color: #667085 !important;
  font-size: .83rem !important;
  font-weight: 850 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong {
  color: var(--mmco-v195-navy) !important;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
  font-weight: 950 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, var(--mmco-v195-navy), #010711) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 56px rgba(7, 20, 38, .22) !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span {
  color: rgba(255, 255, 255, .68) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout .woocommerce-Price-amount,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout .woocommerce-Price-amount,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout .woocommerce-Price-currencySymbol,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  font-size: clamp(2.4rem, 4vw, 5rem) !important;
  line-height: .86 !important;
  letter-spacing: -.08em !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price {
  margin-top: auto !important;
  color: var(--mmco-v195-navy) !important;
  font-size: clamp(1.18rem, 1.8vw, 1.55rem) !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del {
  color: #8a94a6 !important;
  opacity: .72 !important;
  margin-right: 8px !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins {
  color: var(--mmco-v195-navy) !important;
  text-decoration: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 6px !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 16px !important;
  border-radius: 999px !important;
  text-align: center !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

.mmco-price-under-cent,
.mmco-price-under-cent .woocommerce-Price-amount,
.mmco-price-under-cent .woocommerce-Price-currencySymbol {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

@media (max-width: 1080px) {
  .mmco-starter-product-card,
  .mmco-starter-product-card-v195,
  .mmco-starter-product-card-editorial {
    grid-template-columns: 1fr !important;
    padding: clamp(14px, 2vw, 22px) !important;
  }

  .mmco-starter-copy,
  .mmco-starter-product-card .mmco-starter-copy {
    padding: clamp(26px, 5vw, 54px) !important;
  }
}

@media (max-width: 860px) {
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one),
  .mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one),
  body.mmco-page-shop #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-pricing-row,
  .mmco-starter-stats,
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
  section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
  section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-collage {
    min-height: 480px !important;
  }

  .mmco-starter-collage-item-1,
  .mmco-starter-collage-item-2,
  .mmco-starter-collage-item-3,
  .mmco-starter-collage-item-4 {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .mmco-starter-collage {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(160px, 1fr)) !important;
  }

  .mmco-starter-images-1 .mmco-starter-collage,
  .mmco-starter-collage-count-1 .mmco-starter-collage,
  .mmco-starter-collage-items-1 {
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr !important;
  }
}

@media (max-width: 620px) {
  #mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro h2,
  section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro h2,
  .mmco-block-starter_product .mmco-section-intro h2 {
    font-size: clamp(3.4rem, 16vw, 5.8rem) !important;
  }

  .mmco-starter-media-panel,
  .mmco-starter-collage {
    min-height: 380px !important;
  }

  .mmco-starter-product-card,
  .mmco-starter-product-card-v195,
  .mmco-starter-product-card-editorial {
    border-radius: 30px !important;
  }

  .mmco-starter-copy h3,
  .mmco-starter-copy h3 a {
    font-size: clamp(3.2rem, 17vw, 5.8rem) !important;
  }

  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
  section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image {
    height: 320px !important;
    min-height: 320px !important;
  }

  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
  section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
  section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a {
    font-size: clamp(2.7rem, 14vw, 4.6rem) !important;
  }
}

/* v1.9.4 structural correction for the PHP/editor starter media wrapper. */
body.mmco-shell #mmco-starter-product .mmco-starter-media-panel {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  width: 100% !important;
  min-height: clamp(520px, 52vw, 720px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-panel .mmco-starter-collage {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-badge {
  position: absolute !important;
  right: clamp(16px, 2vw, 26px) !important;
  bottom: clamp(16px, 2vw, 26px) !important;
  z-index: 4 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 150px !important;
  padding: 16px 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  background: rgba(7,20,38,.82) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 55px rgba(3,8,18,.30) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-badge span,
body.mmco-shell #mmco-starter-product .mmco-starter-media-badge strong {
  color: #ffffff !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-badge span {
  font-size: .66rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  opacity: .74 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-media-badge strong {
  font-size: clamp(1.35rem, 2vw, 2.3rem) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-0 .mmco-starter-media-panel,
body.mmco-shell #mmco-starter-product [data-mmco-image-count="0"] .mmco-starter-media-panel {
  min-height: 360px !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-0 .mmco-starter-collage {
  display: grid !important;
  place-items: center !important;
  border-radius: clamp(22px, 3vw, 42px) !important;
  background: #071426 !important;
  color: #ffffff !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-1 .mmco-starter-collage figure,
body.mmco-shell #mmco-starter-product [data-mmco-image-count="1"] .mmco-starter-collage figure {
  grid-column: 1 / 7 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-2 .mmco-starter-collage-item-1 {
  grid-column: 1 / 5 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-2 .mmco-starter-collage-item-2 {
  grid-column: 5 / 7 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-3 .mmco-starter-collage-item-1 {
  grid-column: 1 / 5 !important;
  grid-row: 1 / 7 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-3 .mmco-starter-collage-item-2 {
  grid-column: 5 / 7 !important;
  grid-row: 1 / 4 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-collage-count-3 .mmco-starter-collage-item-3 {
  grid-column: 5 / 7 !important;
  grid-row: 4 / 7 !important;
}

@media (max-width: 1050px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: clamp(420px, 72vw, 620px) !important;
    order: -1 !important;
  }
}

@media (max-width: 780px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-media-panel {
    min-height: 0 !important;
  }
}

/* ==========================================================
   MMCO v1.9.4 starter product + normal product grid hard reset
   Fixes: starter block no longer looks like a normal product card;
   product grid details always sit below images, never behind them.
   ========================================================== */

body.mmco-shell,
.mmco-site {
  --mmco-v194-ink: #05070b;
  --mmco-v194-navy: #071426;
  --mmco-v194-navy-2: #102947;
  --mmco-v194-muted: #667386;
  --mmco-v194-soft: #f5f7fb;
  --mmco-v194-line: rgba(7, 20, 38, .12);
  --mmco-v194-shadow: 0 30px 90px rgba(3, 8, 18, .12);
  --mmco-v194-shadow-strong: 0 44px 140px rgba(3, 8, 18, .20);
}

/* Starter pack: editorial split promo instead of a product card. */
.mmco-block-starter_product,
.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product),
#mmco-products-utzz1nn0:has(#mmco-starter-product),
section[id^="mmco-products-"]:has(#mmco-starter-product) {
  position: relative !important;
  overflow: hidden !important;
  padding-top: clamp(78px, 9vw, 140px) !important;
  padding-bottom: clamp(78px, 9vw, 150px) !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
}

.mmco-block-starter_product .mmco-section-intro,
.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro,
#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro {
  width: min(960px, 100%) !important;
  margin: 0 auto clamp(30px, 4.5vw, 62px) !important;
  text-align: center !important;
}

.mmco-block-starter_product .mmco-section-intro h2,
.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro h2,
#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro h2,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro h2 {
  max-width: 10ch !important;
  margin: 0 auto 18px !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.8rem, 7.8vw, 9.8rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.mmco-block-starter_product .mmco-section-intro p,
.mmco-block-products.mmco-layout-feature-row:has(#mmco-starter-product) .mmco-section-intro p,
#mmco-products-utzz1nn0:has(#mmco-starter-product) .mmco-section-intro p,
section[id^="mmco-products-"]:has(#mmco-starter-product) .mmco-section-intro p {
  width: min(780px, 100%) !important;
  margin: 0 auto !important;
  color: #344054 !important;
  font-size: clamp(1rem, 1.3vw, 1.25rem) !important;
  line-height: 1.72 !important;
  text-align: center !important;
}

.mmco-starter-product-wrap,
.mmco-starter-product-wrap-v194,
#mmco-starter-product {
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
}

.mmco-starter-product-card,
.mmco-starter-product-card-v194 {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr) !important;
  gap: clamp(18px, 2.8vw, 38px) !important;
  align-items: stretch !important;
  min-height: 0 !important;
  padding: clamp(16px, 2vw, 28px) !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: clamp(34px, 5vw, 68px) !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.12), transparent 22rem),
    linear-gradient(135deg, #071426, #030812) !important;
  color: #ffffff !important;
  box-shadow: var(--mmco-v194-shadow-strong) !important;
}

.mmco-starter-product-card::before,
.mmco-starter-product-card-v194::before {
  content: "Starter pack" !important;
  position: absolute !important;
  z-index: 6 !important;
  top: clamp(24px, 3vw, 44px) !important;
  left: clamp(24px, 3vw, 44px) !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.mmco-starter-media-panel {
  position: relative !important;
  z-index: 1 !important;
  min-height: clamp(520px, 54vw, 760px) !important;
  border-radius: clamp(26px, 4vw, 52px) !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.08) !important;
}

.mmco-starter-collage {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 10px !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  background: #030812 !important;
}

.mmco-starter-collage.has-1-images,
.mmco-starter-images-1 .mmco-starter-collage {
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
}

.mmco-starter-collage.has-2-images,
.mmco-starter-images-2 .mmco-starter-collage {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: 1fr !important;
}

.mmco-starter-collage.has-3-images,
.mmco-starter-images-3 .mmco-starter-collage {
  grid-template-columns: 1.18fr .82fr !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

.mmco-starter-collage.has-3-images .mmco-starter-collage-item:first-child,
.mmco-starter-images-3 .mmco-starter-collage .mmco-starter-collage-item:first-child {
  grid-row: span 2 !important;
}

.mmco-starter-collage figure,
.mmco-starter-collage-item {
  position: relative !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(18px, 2.4vw, 34px) !important;
  background: #0b1220 !important;
  box-shadow: none !important;
}

.mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.98) contrast(1.06) brightness(.9) !important;
  transform: scale(1.01) !important;
}

.mmco-starter-media-badge {
  position: absolute !important;
  z-index: 4 !important;
  right: clamp(20px, 2.4vw, 34px) !important;
  bottom: clamp(20px, 2.4vw, 34px) !important;
  display: grid !important;
  gap: 6px !important;
  min-width: 150px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--mmco-v194-navy) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

.mmco-starter-media-badge span {
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.mmco-starter-media-badge strong {
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.8rem, 3vw, 3.4rem) !important;
  line-height: .9 !important;
  letter-spacing: -.07em !important;
}

.mmco-starter-copy {
  position: relative !important;
  z-index: 3 !important;
  align-self: stretch !important;
  display: grid !important;
  align-content: center !important;
  gap: clamp(16px, 2vw, 24px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(30px, 5vw, 68px) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: clamp(28px, 4vw, 54px) !important;
  background: rgba(255,255,255,.97) !important;
  color: var(--mmco-v194-ink) !important;
  text-align: left !important;
  box-shadow: 0 30px 95px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transform: none !important;
  backdrop-filter: blur(18px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.06) !important;
}

.mmco-starter-copy .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #475467 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-starter-copy h3,
.mmco-starter-copy h3 a {
  display: block !important;
  max-width: 10ch !important;
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.2rem, 5.7vw, 7.4rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
}

.mmco-starter-copy-text,
.mmco-starter-copy > p:not(.mmco-product-kicker) {
  width: min(560px, 100%) !important;
  margin: 0 !important;
  color: #344054 !important;
  font-size: clamp(1rem, 1.16vw, 1.18rem) !important;
  line-height: 1.72 !important;
}

.mmco-starter-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 4px 0 !important;
}

.mmco-starter-stats span {
  display: grid !important;
  gap: 8px !important;
  min-height: 108px !important;
  align-content: center !important;
  padding: 16px !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: 22px !important;
  background: var(--mmco-v194-soft) !important;
  color: var(--mmco-v194-navy) !important;
}

.mmco-starter-stats strong {
  display: block !important;
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.15rem, 1.55vw, 1.75rem) !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

.mmco-starter-rate strong {
  font-size: clamp(1.45rem, 2.15vw, 2.55rem) !important;
}

.mmco-price-under-cent {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

.mmco-starter-stats small {
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.mmco-starter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

.mmco-starter-actions .mmco-button,
.mmco-starter-actions .button,
.mmco-starter-add-cart {
  min-height: 56px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Normal product feed/shop cards: hard reset so copy never sits behind images. */
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one),
body.mmco-page-shop #mmco-products .mmco-product-grid,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.8vw, 38px) !important;
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card,
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  gap: 0 !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.11) !important;
  border-radius: clamp(28px, 3.2vw, 44px) !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
  box-shadow: var(--mmco-v194-shadow) !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card:first-child,
.mmco-block-products.mmco-layout-feature-row #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card:first-child,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card:first-child {
  grid-row: auto !important;
  grid-column: auto !important;
  min-height: 100% !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card:first-child .mmco-product-image,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image,
.mmco-block-products.mmco-layout-feature-row #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-card:first-child .mmco-product-image {
  position: relative !important;
  z-index: 1 !important;
  order: 1 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  display: block !important;
  width: 100% !important;
  height: clamp(300px, 31vw, 480px) !important;
  min-height: clamp(300px, 31vw, 480px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-image img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
  transform: scale(1.005) !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body,
.mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  order: 2 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: var(--mmco-v194-ink) !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  translate: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: #eef2f7 !important;
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 {
  display: block !important;
  width: 100% !important;
  max-width: 12ch !important;
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.5rem, 4.4vw, 5.8rem) !important;
  font-weight: 950 !important;
  line-height: .84 !important;
  letter-spacing: -.105em !important;
  text-align: left !important;
  text-wrap: balance !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
section[id^="mmco-products-"] .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a {
  display: block !important;
  color: #000000 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  text-decoration: none !important;
  text-transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row span {
  flex: 1 1 150px !important;
  display: grid !important;
  gap: 5px !important;
  min-height: 68px !important;
  align-content: center !important;
  padding: 12px 14px !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: 16px !important;
  background: #f7f9fc !important;
  color: #667085 !important;
  font-size: .85rem !important;
  font-weight: 850 !important;
  text-align: left !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-meta-row strong {
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.05rem, 1.45vw, 1.35rem) !important;
  font-weight: 950 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout {
  position: static !important;
  align-self: start !important;
  display: grid !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: clamp(16px, 2vw, 24px) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, var(--mmco-v194-navy), #010711) !important;
  color: #ffffff !important;
  box-shadow: 0 20px 55px rgba(7,20,38,.20) !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout span {
  color: rgba(255,255,255,.70) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-rate-callout strong {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
  color: #ffffff !important;
  font-size: clamp(2.1rem, 3.2vw, 4rem) !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price {
  color: var(--mmco-v194-navy) !important;
  font-size: clamp(1.15rem, 1.5vw, 1.45rem) !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price del {
  color: #98a2b3 !important;
  font-weight: 800 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-price ins {
  color: var(--mmco-v194-navy) !important;
  text-decoration: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 4px !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-add-cart,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-add-cart {
  flex: 1 1 190px !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-view-link,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-view-link {
  flex: 0 1 auto !important;
  padding-inline: 18px !important;
}

@media (max-width: 1040px) {
  .mmco-starter-product-card,
  .mmco-starter-product-card-v194 {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-copy {
    order: 2 !important;
  }

  .mmco-starter-media-panel {
    order: 1 !important;
    min-height: clamp(420px, 74vw, 620px) !important;
  }
}

@media (max-width: 820px) {
  .mmco-block-products:not(:has(#mmco-starter-product)) .mmco-product-grid:not(.mmco-product-grid-featured-one),
  body.mmco-page-shop #mmco-products .mmco-product-grid,
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-stats {
    grid-template-columns: 1fr !important;
  }

  .mmco-starter-copy h3,
  .mmco-starter-copy h3 a {
    font-size: clamp(3rem, 16vw, 5.8rem) !important;
  }
}

@media (max-width: 620px) {
  .mmco-starter-product-card,
  .mmco-starter-product-card-v194 {
    padding: 12px !important;
    border-radius: 30px !important;
  }

  .mmco-starter-media-panel {
    min-height: 420px !important;
    border-radius: 24px !important;
  }

  .mmco-starter-collage,
  .mmco-starter-collage.has-2-images,
  .mmco-starter-collage.has-3-images,
  .mmco-starter-collage.has-4-images {
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    grid-auto-rows: minmax(180px, 1fr) !important;
  }

  .mmco-starter-collage.has-3-images .mmco-starter-collage-item:first-child,
  .mmco-starter-images-3 .mmco-starter-collage .mmco-starter-collage-item:first-child {
    grid-row: auto !important;
  }

  .mmco-starter-copy {
    padding: 24px !important;
    border-radius: 24px !important;
  }

  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body,
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body {
    padding: 22px !important;
  }

  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a,
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-actions a {
    width: 100% !important;
  }
}

/* v1.9.4 final starter pricing cleanup for the white copy card. */
body.mmco-shell #mmco-starter-product .mmco-starter-pricing-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
  gap: 12px !important;
  margin: 4px 0 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate-callout,
body.mmco-shell #mmco-starter-product .mmco-starter-pack-price {
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  min-height: 118px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  box-shadow: none !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate-callout {
  border: 1px solid rgba(7,20,38,.92) !important;
  background: #071426 !important;
  color: #ffffff !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-pack-price {
  border: 1px solid rgba(7,20,38,.09) !important;
  background: #f7f9fc !important;
  color: #071426 !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate-callout span,
body.mmco-shell #mmco-starter-product .mmco-starter-pack-price span {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  opacity: .72 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate-callout strong,
body.mmco-shell #mmco-starter-product .mmco-starter-pack-price strong {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  color: inherit !important;
  font-size: clamp(1.7rem, 2.8vw, 3.7rem) !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-rate-callout .amount,
body.mmco-shell #mmco-starter-product .mmco-starter-rate-callout .woocommerce-Price-amount,
body.mmco-shell #mmco-starter-product .mmco-starter-rate-callout .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

body.mmco-shell #mmco-starter-product .mmco-starter-pack-price .amount,
body.mmco-shell #mmco-starter-product .mmco-starter-pack-price .woocommerce-Price-amount,
body.mmco-shell #mmco-starter-product .mmco-starter-pack-price .woocommerce-Price-currencySymbol {
  color: #071426 !important;
}

@media (max-width: 780px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-pricing-row {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   Metameat Co v1.9.5 - Starter product and product grid fix
   Fixes: starter section redesign, duplicate collage feel, and
   product card details sitting behind/over the image.
   ========================================================== */

#mmco-starter-product.mmco-starter-product-wrap-v195,
.mmco-starter-product-wrap-v195 {
  width: min(1380px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

#mmco-starter-product .mmco-starter-product-card-v195,
.mmco-starter-product-card-v195 {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(420px, .76fr) !important;
  align-items: center !important;
  gap: 0 !important;
  min-height: clamp(650px, 66vw, 880px) !important;
  padding: clamp(14px, 1.8vw, 26px) !important;
  overflow: visible !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: clamp(34px, 5vw, 72px) !important;
  background:
    radial-gradient(circle at 16% 16%, rgba(255,255,255,.12), transparent 26rem),
    linear-gradient(135deg, #071426 0%, #020711 62%, #000 100%) !important;
  box-shadow: 0 46px 150px rgba(3, 8, 18, .22) !important;
}

#mmco-starter-product .mmco-starter-product-card-v195::before {
  content: "Try the farm first" !important;
  position: absolute !important;
  z-index: 5 !important;
  top: clamp(28px, 3vw, 48px) !important;
  left: clamp(28px, 3vw, 48px) !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  background: rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

#mmco-starter-product .mmco-starter-media-panel {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: clamp(580px, 58vw, 800px) !important;
  padding: clamp(12px, 1.4vw, 20px) !important;
}

#mmco-starter-product .mmco-starter-collage {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1.18fr .52fr .52fr !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.2vw, 16px) !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(540px, 55vw, 760px) !important;
  padding: 0 !important;
  overflow: visible !important;
}

#mmco-starter-product .mmco-starter-collage figure {
  position: relative !important;
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(22px, 2.7vw, 44px) !important;
  background: #0a1324 !important;
  box-shadow: 0 24px 90px rgba(0,0,0,.28) !important;
}

#mmco-starter-product .mmco-starter-collage figure::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.16)) !important;
}

#mmco-starter-product .mmco-starter-collage img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(.98) contrast(1.06) brightness(.9) !important;
  transform: scale(1.018) !important;
}

#mmco-starter-product .mmco-starter-collage-item-1 {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 3 !important;
}

#mmco-starter-product .mmco-starter-collage-item-2 {
  grid-column: 2 / 4 !important;
  grid-row: 1 / 2 !important;
}

#mmco-starter-product .mmco-starter-collage-item-3 {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 3 !important;
}

#mmco-starter-product .mmco-starter-collage-item-4 {
  grid-column: 3 / 4 !important;
  grid-row: 2 / 3 !important;
}

#mmco-starter-product .mmco-starter-collage.has-1-images,
#mmco-starter-product .mmco-starter-images-1 .mmco-starter-collage {
  display: block !important;
}

#mmco-starter-product .mmco-starter-collage.has-1-images figure,
#mmco-starter-product .mmco-starter-images-1 .mmco-starter-collage figure {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(540px, 55vw, 760px) !important;
}

#mmco-starter-product .mmco-starter-collage.has-2-images,
#mmco-starter-product .mmco-starter-images-2 .mmco-starter-collage {
  grid-template-columns: 1.12fr .88fr !important;
  grid-template-rows: 1fr !important;
}

#mmco-starter-product .mmco-starter-images-2 .mmco-starter-collage-item-1,
#mmco-starter-product .mmco-starter-collage.has-2-images .mmco-starter-collage-item-1,
#mmco-starter-product .mmco-starter-images-2 .mmco-starter-collage-item-2,
#mmco-starter-product .mmco-starter-collage.has-2-images .mmco-starter-collage-item-2 {
  grid-column: auto !important;
  grid-row: auto !important;
}

#mmco-starter-product .mmco-starter-collage.has-3-images,
#mmco-starter-product .mmco-starter-images-3 .mmco-starter-collage {
  grid-template-columns: 1.16fr .84fr !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}

#mmco-starter-product .mmco-starter-images-3 .mmco-starter-collage-item-1,
#mmco-starter-product .mmco-starter-collage.has-3-images .mmco-starter-collage-item-1 {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 3 !important;
}

#mmco-starter-product .mmco-starter-images-3 .mmco-starter-collage-item-2,
#mmco-starter-product .mmco-starter-collage.has-3-images .mmco-starter-collage-item-2 {
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
}

#mmco-starter-product .mmco-starter-images-3 .mmco-starter-collage-item-3,
#mmco-starter-product .mmco-starter-collage.has-3-images .mmco-starter-collage-item-3 {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 3 !important;
}

#mmco-starter-product .mmco-starter-media-badge {
  position: absolute !important;
  z-index: 4 !important;
  right: clamp(22px, 3vw, 46px) !important;
  bottom: clamp(22px, 3vw, 46px) !important;
  display: grid !important;
  gap: 5px !important;
  min-width: 150px !important;
  padding: 17px 19px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  background: rgba(255,255,255,.92) !important;
  color: #071426 !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.26) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

#mmco-starter-product .mmco-starter-media-badge span {
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

#mmco-starter-product .mmco-starter-media-badge strong {
  color: #071426 !important;
  font-size: clamp(1.6rem, 3vw, 3rem) !important;
  line-height: .9 !important;
  letter-spacing: -.06em !important;
}

#mmco-starter-product .mmco-starter-copy {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  gap: clamp(16px, 1.8vw, 24px) !important;
  width: min(590px, calc(100% + 96px)) !important;
  margin-left: clamp(-120px, -6.5vw, -72px) !important;
  margin-right: clamp(18px, 3.6vw, 52px) !important;
  padding: clamp(32px, 4.8vw, 64px) !important;
  border: 1px solid rgba(255,255,255,.74) !important;
  border-radius: clamp(28px, 4vw, 52px) !important;
  background: rgba(255,255,255,.96) !important;
  color: #071426 !important;
  box-shadow: 0 38px 120px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter: blur(20px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.1) !important;
  transform: none !important;
}

#mmco-starter-product .mmco-starter-copy .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: #071426 !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .15em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-starter-product .mmco-starter-copy h3,
#mmco-starter-product .mmco-starter-copy h3 a {
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.25rem, 5.9vw, 7.6rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.118em !important;
  text-decoration: none !important;
  text-align: left !important;
}

#mmco-starter-product .mmco-starter-copy-text {
  margin: 0 !important;
  color: #273244 !important;
  font-size: clamp(1rem, 1.2vw, 1.2rem) !important;
  line-height: 1.72 !important;
}

#mmco-starter-product .mmco-starter-pricing-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

#mmco-starter-product .mmco-starter-rate-callout,
#mmco-starter-product .mmco-starter-pack-price {
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  min-height: 118px !important;
  padding: 18px !important;
  border-radius: 24px !important;
}

#mmco-starter-product .mmco-starter-rate-callout {
  background: linear-gradient(135deg, #071426, #020711) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 55px rgba(7,20,38,.22) !important;
}

#mmco-starter-product .mmco-starter-pack-price {
  border: 1px solid rgba(7,20,38,.10) !important;
  background: #f6f8fb !important;
  color: #071426 !important;
}

#mmco-starter-product .mmco-starter-rate-callout > span,
#mmco-starter-product .mmco-starter-pack-price > span {
  color: inherit !important;
  opacity: .68 !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

#mmco-starter-product .mmco-starter-rate-callout strong,
#mmco-starter-product .mmco-starter-pack-price strong {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
  color: inherit !important;
  font-size: clamp(1.8rem, 3.2vw, 4rem) !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
}

#mmco-starter-product .mmco-starter-rate-callout small {
  color: rgba(255,255,255,.72) !important;
  font-size: .95rem !important;
  letter-spacing: -.02em !important;
}

#mmco-starter-product .mmco-starter-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

#mmco-starter-product .mmco-starter-stats span {
  display: grid !important;
  gap: 5px !important;
  align-content: center !important;
  min-height: 86px !important;
  padding: 13px !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}

#mmco-starter-product .mmco-starter-stats strong {
  color: #071426 !important;
  font-size: clamp(1.05rem, 1.45vw, 1.55rem) !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

#mmco-starter-product .mmco-starter-stats small {
  color: #667085 !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

#mmco-starter-product .mmco-starter-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  margin: 0 !important;
}

#mmco-starter-product .mmco-starter-actions .mmco-button,
#mmco-starter-product .mmco-starter-actions .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

.mmco-price-under-cent {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: .25em !important;
}

/* Product cards: hard reset so image stays on top and details always sit underneath. */
#mmco-products .mmco-product-grid-standard,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard,
.mmco-block-products #mmco-products .mmco-product-grid-standard {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.5vw, 34px) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

#mmco-products .mmco-product-grid-standard > .mmco-product-card-standard,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard > .mmco-product-card-standard,
.mmco-block-products #mmco-products .mmco-product-grid-standard > .mmco-product-card-standard {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  align-content: stretch !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  border-radius: clamp(24px, 3vw, 38px) !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 26px 80px rgba(3,8,18,.10) !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid-standard > .mmco-product-card-standard::before,
#mmco-products .mmco-product-grid-standard > .mmco-product-card-standard::after {
  display: none !important;
  content: none !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-image,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-image,
.mmco-block-products #mmco-products .mmco-product-grid-standard .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  order: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(320px, 32vw, 520px) !important;
  min-height: clamp(320px, 32vw, 520px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f6 !important;
  box-shadow: none !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-image img,
.mmco-block-products #mmco-products .mmco-product-grid-standard .mmco-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-body,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-body,
.mmco-block-products #mmco-products .mmco-product-grid-standard .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  order: 0 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  gap: clamp(12px, 1.45vw, 18px) !important;
  align-content: start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 40px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #071426 !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-kicker,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-kicker {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border-radius: 999px !important;
  background: #f1f4f8 !important;
  color: #667085 !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-body h3,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-body h3 {
  margin: 0 !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.4rem, 4.2vw, 5.4rem) !important;
  font-weight: 950 !important;
  line-height: .85 !important;
  letter-spacing: -.105em !important;
  text-align: left !important;
  text-transform: none !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-body h3 a,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-body h3 a,
.mmco-block-products #mmco-products .mmco-product-grid-standard .mmco-product-body h3 a {
  display: inline !important;
  color: #000000 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-meta-row,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-meta-row,
.mmco-block-products #mmco-products .mmco-product-grid-standard .mmco-product-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-meta-row span,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-meta-row span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  border-radius: 999px !important;
  background: #f7f9fc !important;
  color: #344054 !important;
  font-size: .86rem !important;
  font-weight: 850 !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-meta-row strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-meta-row strong {
  color: #071426 !important;
  font-weight: 950 !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-rate-callout,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-rate-callout {
  display: grid !important;
  gap: 6px !important;
  width: fit-content !important;
  min-width: min(250px, 100%) !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, #071426, #020711) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 55px rgba(7,20,38,.22) !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-rate-callout span,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-rate-callout span {
  color: rgba(255,255,255,.7) !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-rate-callout strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-rate-callout strong {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
  color: #ffffff !important;
  font-size: clamp(2rem, 3.4vw, 4.1rem) !important;
  line-height: .9 !important;
  letter-spacing: -.07em !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-rate-callout small,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-rate-callout small {
  color: rgba(255,255,255,.72) !important;
  font-size: .95rem !important;
  letter-spacing: -.02em !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-price,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #071426 !important;
  font-size: clamp(1.15rem, 1.8vw, 1.8rem) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-price del {
  color: #98a2b3 !important;
  font-weight: 800 !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-price ins {
  color: #071426 !important;
  text-decoration: none !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-actions,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 4px !important;
}

#mmco-products .mmco-product-grid-standard .mmco-product-actions a,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-actions a {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

@media (max-width: 1080px) {
  #mmco-starter-product .mmco-starter-product-card-v195,
  .mmco-starter-product-card-v195 {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  #mmco-starter-product .mmco-starter-media-panel {
    min-height: clamp(500px, 74vw, 760px) !important;
  }

  #mmco-starter-product .mmco-starter-copy {
    width: min(780px, calc(100% - 28px)) !important;
    margin: -110px auto 18px !important;
  }
}

@media (max-width: 820px) {
  #mmco-products .mmco-product-grid-standard,
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard,
  .mmco-block-products #mmco-products .mmco-product-grid-standard {
    grid-template-columns: 1fr !important;
  }

  #mmco-starter-product .mmco-starter-collage,
  #mmco-starter-product .mmco-starter-collage.has-2-images,
  #mmco-starter-product .mmco-starter-collage.has-3-images,
  #mmco-starter-product .mmco-starter-images-2 .mmco-starter-collage,
  #mmco-starter-product .mmco-starter-images-3 .mmco-starter-collage {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
  }

  #mmco-starter-product .mmco-starter-collage figure,
  #mmco-starter-product .mmco-starter-collage-item-1,
  #mmco-starter-product .mmco-starter-collage-item-2,
  #mmco-starter-product .mmco-starter-collage-item-3,
  #mmco-starter-product .mmco-starter-collage-item-4 {
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 260px !important;
  }

  #mmco-starter-product .mmco-starter-collage figure:nth-child(n+3) {
    display: none !important;
  }

  #mmco-starter-product .mmco-starter-pricing-row,
  #mmco-starter-product .mmco-starter-stats {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  #mmco-starter-product .mmco-starter-product-card-v195 {
    padding: 10px !important;
    border-radius: 30px !important;
  }

  #mmco-starter-product .mmco-starter-media-panel {
    min-height: 440px !important;
    padding: 8px !important;
  }

  #mmco-starter-product .mmco-starter-copy {
    width: calc(100% - 16px) !important;
    margin: -80px auto 8px !important;
    padding: 26px !important;
    border-radius: 26px !important;
  }

  #mmco-starter-product .mmco-starter-copy h3,
  #mmco-starter-product .mmco-starter-copy h3 a {
    font-size: clamp(3rem, 15vw, 5rem) !important;
  }

  #mmco-products .mmco-product-grid-standard .mmco-product-body,
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-body {
    padding: 24px !important;
  }

  #mmco-products .mmco-product-grid-standard .mmco-product-body h3,
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid-standard .mmco-product-body h3 {
    font-size: clamp(2.8rem, 14vw, 4.5rem) !important;
  }
}

/* ==========================================================
   Metameat Co v1.9.5 final collage + grid guard
   Supports up to six starter collage images and guarantees
   normal product-card details never sit behind images.
   ========================================================== */

.mmco-starter-images-5 .mmco-starter-collage,
.mmco-starter-images-6 .mmco-starter-collage,
.mmco-starter-collage-count-5 .mmco-starter-collage,
.mmco-starter-collage-count-6 .mmco-starter-collage {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}

.mmco-starter-images-5 .mmco-starter-collage-item-1,
.mmco-starter-images-6 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-5 .mmco-starter-collage-item-1,
.mmco-starter-collage-count-6 .mmco-starter-collage-item-1 {
  grid-column: 1 / 5 !important;
  grid-row: 1 / 5 !important;
}

.mmco-starter-images-5 .mmco-starter-collage-item-2,
.mmco-starter-images-6 .mmco-starter-collage-item-2,
.mmco-starter-collage-count-5 .mmco-starter-collage-item-2,
.mmco-starter-collage-count-6 .mmco-starter-collage-item-2 {
  grid-column: 5 / 7 !important;
  grid-row: 1 / 3 !important;
}

.mmco-starter-images-5 .mmco-starter-collage-item-3,
.mmco-starter-images-6 .mmco-starter-collage-item-3,
.mmco-starter-collage-count-5 .mmco-starter-collage-item-3,
.mmco-starter-collage-count-6 .mmco-starter-collage-item-3 {
  grid-column: 5 / 7 !important;
  grid-row: 3 / 5 !important;
}

.mmco-starter-images-5 .mmco-starter-collage-item-4,
.mmco-starter-images-6 .mmco-starter-collage-item-4,
.mmco-starter-collage-count-5 .mmco-starter-collage-item-4,
.mmco-starter-collage-count-6 .mmco-starter-collage-item-4 {
  grid-column: 1 / 3 !important;
  grid-row: 5 / 7 !important;
}

.mmco-starter-images-5 .mmco-starter-collage-item-5,
.mmco-starter-collage-count-5 .mmco-starter-collage-item-5 {
  grid-column: 3 / 7 !important;
  grid-row: 5 / 7 !important;
}

.mmco-starter-images-6 .mmco-starter-collage-item-5,
.mmco-starter-collage-count-6 .mmco-starter-collage-item-5 {
  grid-column: 3 / 5 !important;
  grid-row: 5 / 7 !important;
}

.mmco-starter-images-6 .mmco-starter-collage-item-6,
.mmco-starter-collage-count-6 .mmco-starter-collage-item-6 {
  grid-column: 5 / 7 !important;
  grid-row: 5 / 7 !important;
}

body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  align-items: stretch !important;
}

body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-image,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:first-child > .mmco-product-image {
  position: relative !important;
  z-index: 1 !important;
  grid-row: 1 !important;
  height: clamp(340px, 32vw, 540px) !important;
  min-height: clamp(340px, 32vw, 540px) !important;
  margin: 0 !important;
  transform: none !important;
}

body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body,
body.mmco-shell #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card > .mmco-product-body {
  position: relative !important;
  z-index: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  transform: none !important;
  background: #ffffff !important;
}

/* v1.9.5 compatibility: fixes existing live product-card markup before the new HTML class is present. */
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.5vw, 34px) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature),
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature) {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  border-radius: clamp(24px, 3vw, 38px) !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: 0 26px 80px rgba(3,8,18,.10) !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature)::before,
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature)::after {
  display: none !important;
  content: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(320px, 32vw, 520px) !important;
  min-height: clamp(320px, 32vw, 520px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f6 !important;
  box-shadow: none !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-body,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) > .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  gap: clamp(12px, 1.45vw, 18px) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 40px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #071426 !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a,
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) .mmco-product-body h3 a {
  color: #000000 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}

@media (max-width: 820px) {
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================================
   Metameat Co v1.9.6 contact + starter masonry + product cards
   ========================================================== */

/* Remove blur/filter treatments from front-end product and starter imagery. */
body.mmco-shell #mmco-products .mmco-product-image img,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-image img,
body.mmco-shell #mmco-starter-product img,
body.mmco-shell .mmco-starter-collage img,
body.mmco-shell .mmco-starter-masonry-gallery img {
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

body.mmco-shell #mmco-products .mmco-product-card:hover .mmco-product-image img,
body.mmco-shell section[id^="mmco-products-"] #mmco-products .mmco-product-card:hover .mmco-product-image img,
body.mmco-shell #mmco-starter-product figure:hover img {
  filter: none !important;
  transform: scale(1.018) !important;
}

/* Product grid cards: image on top, centred flowing text below, one per-kg callout only. */
#mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(22px, 3vw, 42px) !important;
  align-items: stretch !important;
  overflow: visible !important;
}

#mmco-products .mmco-product-card:not(.mmco-product-card-home-feature),
section[id^="mmco-products-"] #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(5, 7, 11, .10) !important;
  border-radius: clamp(28px, 3vw, 46px) !important;
  background: #ffffff !important;
  color: #05070b !important;
  box-shadow: 0 28px 90px rgba(3, 8, 18, .10) !important;
}

#mmco-products .mmco-product-card:not(.mmco-product-card-home-feature)::before,
#mmco-products .mmco-product-card:not(.mmco-product-card-home-feature)::after,
section[id^="mmco-products-"] #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature)::before,
section[id^="mmco-products-"] #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature)::after {
  display: none !important;
  content: none !important;
}

#mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image,
section[id^="mmco-products-"] #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(320px, 31vw, 540px) !important;
  min-height: clamp(320px, 31vw, 540px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f2f4f7 !important;
  box-shadow: none !important;
}

#mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image img,
section[id^="mmco-products-"] #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

#mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-body,
section[id^="mmco-products-"] #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(12px, 1.5vw, 20px) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(28px, 3.2vw, 48px) clamp(20px, 3vw, 44px) clamp(30px, 3.5vw, 52px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #05070b !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products .mmco-product-kicker,
section[id^="mmco-products-"] #mmco-products .mmco-product-kicker {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: rgba(5, 7, 11, .54) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-body h3,
section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  color: #05070b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.4rem, 4.6vw, 5.6rem) !important;
  font-weight: 950 !important;
  line-height: .86 !important;
  letter-spacing: -.095em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products .mmco-product-body h3 a,
section[id^="mmco-products-"] #mmco-products .mmco-product-body h3 a {
  display: block !important;
  color: #05070b !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}

#mmco-products .mmco-product-meta-row,
section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  gap: 10px !important;
  color: rgba(5, 7, 11, .68) !important;
  text-align: center !important;
}

/* Compatibility: hide the old duplicated per-kg pill in cached/live markup. */
#mmco-products .mmco-product-meta-row span:nth-child(n+2),
section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row span:nth-child(n+2) {
  display: none !important;
}

#mmco-products .mmco-product-meta-row span,
section[id^="mmco-products-"] #mmco-products .mmco-product-meta-row span {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#mmco-products .mmco-product-rate-callout,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  margin: clamp(4px, .8vw, 10px) auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #05070b !important;
  box-shadow: none !important;
  text-align: center !important;
}

#mmco-products .mmco-product-rate-callout > span,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout > span {
  margin-bottom: 4px !important;
  color: rgba(5, 7, 11, .52) !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products .mmco-product-rate-callout strong,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout strong {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: .18em !important;
  color: #05070b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.4rem, 4.8vw, 5.8rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.08em !important;
}

#mmco-products .mmco-product-rate-callout small,
section[id^="mmco-products-"] #mmco-products .mmco-product-rate-callout small {
  color: rgba(5, 7, 11, .52) !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: .22em !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

#mmco-products .mmco-product-price,
section[id^="mmco-products-"] #mmco-products .mmco-product-price {
  color: #05070b !important;
  font-size: clamp(1rem, 1.2vw, 1.22rem) !important;
  font-weight: 900 !important;
  text-align: center !important;
}

#mmco-products .mmco-product-actions,
section[id^="mmco-products-"] #mmco-products .mmco-product-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 4px !important;
}

/* Starter product: masonry image gallery + only name, info and view-pack button. */
#mmco-starter-product.mmco-starter-product-wrap,
#mmco-starter-product.mmco-starter-product-wrap-v195,
#mmco-starter-product.mmco-starter-product-wrap-v196 {
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
}

#mmco-starter-product .mmco-starter-product-card,
#mmco-starter-product .mmco-starter-product-card-v195,
#mmco-starter-product .mmco-starter-product-card-v196 {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important;
  gap: clamp(22px, 4vw, 62px) !important;
  align-items: center !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #05070b !important;
}

#mmco-starter-product .mmco-starter-media-panel {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#mmco-starter-product .mmco-starter-masonry-gallery,
#mmco-starter-product .mmco-starter-collage {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: clamp(88px, 8.8vw, 154px) !important;
  gap: clamp(10px, 1.2vw, 18px) !important;
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#mmco-starter-product .mmco-starter-masonry-item,
#mmco-starter-product .mmco-starter-collage-item {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(18px, 2.4vw, 34px) !important;
  background: #f3f5f7 !important;
  box-shadow: 0 22px 70px rgba(3, 8, 18, .12) !important;
}

#mmco-starter-product .mmco-starter-masonry-item img,
#mmco-starter-product .mmco-starter-collage-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

#mmco-starter-product .mmco-starter-masonry-item-1,
#mmco-starter-product .mmco-starter-collage-item-1 {
  grid-column: span 3 !important;
  grid-row: span 3 !important;
}

#mmco-starter-product .mmco-starter-masonry-item-2,
#mmco-starter-product .mmco-starter-collage-item-2 {
  grid-column: span 3 !important;
  grid-row: span 2 !important;
}

#mmco-starter-product .mmco-starter-masonry-item-3,
#mmco-starter-product .mmco-starter-collage-item-3,
#mmco-starter-product .mmco-starter-masonry-item-4,
#mmco-starter-product .mmco-starter-collage-item-4 {
  grid-column: span 3 !important;
  grid-row: span 2 !important;
}

#mmco-starter-product .mmco-starter-masonry-item-5,
#mmco-starter-product .mmco-starter-collage-item-5,
#mmco-starter-product .mmco-starter-masonry-item-6,
#mmco-starter-product .mmco-starter-collage-item-6,
#mmco-starter-product .mmco-starter-masonry-item-7,
#mmco-starter-product .mmco-starter-collage-item-7,
#mmco-starter-product .mmco-starter-masonry-item-8,
#mmco-starter-product .mmco-starter-collage-item-8 {
  grid-column: span 2 !important;
  grid-row: span 2 !important;
}

#mmco-starter-product .mmco-starter-copy {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(16px, 2vw, 26px) !important;
  width: 100% !important;
  max-width: 620px !important;
  min-height: clamp(360px, 36vw, 560px) !important;
  margin: 0 auto !important;
  padding: clamp(34px, 5vw, 76px) clamp(24px, 4vw, 60px) !important;
  border: 1px solid rgba(5, 7, 11, .10) !important;
  border-radius: clamp(30px, 4vw, 58px) !important;
  background: #ffffff !important;
  color: #05070b !important;
  text-align: center !important;
  box-shadow: 0 28px 95px rgba(3, 8, 18, .11) !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-starter-product .mmco-starter-copy .mmco-product-kicker,
#mmco-starter-product .mmco-starter-media-badge,
#mmco-starter-product .mmco-starter-pricing-row,
#mmco-starter-product .mmco-starter-stats,
#mmco-starter-product .mmco-starter-pack-price,
#mmco-starter-product .mmco-starter-rate-callout,
#mmco-starter-product .mmco-starter-add-cart {
  display: none !important;
}

#mmco-starter-product .mmco-starter-copy h3,
#mmco-starter-product .mmco-starter-copy h3 a {
  display: block !important;
  width: 100% !important;
  max-width: 9.5ch !important;
  margin: 0 auto !important;
  color: #05070b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3.1rem, 6.4vw, 7.8rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-wrap: balance !important;
}

#mmco-starter-product .mmco-starter-copy-text {
  width: min(520px, 100%) !important;
  margin: 0 auto !important;
  color: rgba(5, 7, 11, .70) !important;
  font-size: clamp(1.04rem, 1.25vw, 1.28rem) !important;
  font-weight: 450 !important;
  line-height: 1.72 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
}

#mmco-starter-product .mmco-starter-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 4px auto 0 !important;
}

#mmco-starter-product .mmco-starter-actions .mmco-button {
  min-width: min(250px, 100%) !important;
  justify-content: center !important;
}

/* Public contact: no logo image, full background image with fade, form on clean white card. */
.mmco-public-contact,
.mmco-public-contact-v196 {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #071426 !important;
  color: #ffffff !important;
}

.mmco-public-contact::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background-image: var(--mmco-contact-bg, linear-gradient(135deg, #071426, #102947)) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  opacity: .82 !important;
  filter: none !important;
  transform: scale(1.02) !important;
}

.mmco-public-contact::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.18), transparent 24rem),
    linear-gradient(90deg, rgba(3,8,18,.92) 0%, rgba(3,8,18,.64) 42%, rgba(3,8,18,.38) 100%),
    linear-gradient(180deg, rgba(3,8,18,.62) 0%, rgba(3,8,18,.18) 50%, rgba(3,8,18,.72) 100%) !important;
}

.mmco-public-contact > * {
  position: relative !important;
  z-index: 2 !important;
}

.mmco-public-contact .mmco-section-intro {
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(28px, 4vw, 58px) !important;
  text-align: center !important;
}

.mmco-public-contact .mmco-section-intro h2,
.mmco-public-contact .mmco-section-intro p,
.mmco-public-contact .mmco-section-intro .mmco-eyebrow {
  color: #ffffff !important;
}

.mmco-public-contact-layout,
.mmco-public-contact-layout-bg {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(340px, 1.15fr) !important;
  gap: clamp(18px, 3vw, 42px) !important;
  align-items: stretch !important;
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
  padding: clamp(16px, 2vw, 26px) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: clamp(28px, 4vw, 54px) !important;
  background: rgba(255, 255, 255, .10) !important;
  box-shadow: 0 34px 110px rgba(0, 0, 0, .32) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Old markup compatibility: remove the visible logo/figure column image. */
.mmco-public-contact-media > figure,
.mmco-public-contact-media .mmco-contact-image-placeholder {
  display: none !important;
}

.mmco-public-contact-media,
.mmco-public-contact-aside {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: clamp(420px, 42vw, 640px) !important;
  margin: 0 !important;
  padding: clamp(24px, 4vw, 52px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: clamp(24px, 3vw, 42px) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05)),
    rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.mmco-public-contact-aside h3 {
  width: min(420px, 100%) !important;
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.4rem, 4.6vw, 5.6rem) !important;
  font-weight: 950 !important;
  line-height: .84 !important;
  letter-spacing: -.1em !important;
}

.mmco-public-contact-aside-text {
  width: min(500px, 100%) !important;
  margin: 0 0 clamp(18px, 2.5vw, 30px) !important;
  color: rgba(255,255,255,.78) !important;
  line-height: 1.7 !important;
}

.mmco-public-contact-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
}

.mmco-public-contact .mmco-contact-card,
.mmco-public-contact-grid .mmco-contact-card {
  display: block !important;
  width: 100% !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.92) !important;
  color: #05070b !important;
  text-decoration: none !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.14) !important;
}

.mmco-public-contact .mmco-contact-card span {
  display: block !important;
  margin: 0 0 4px !important;
  color: rgba(5,7,11,.52) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.mmco-public-contact .mmco-contact-card strong {
  display: block !important;
  color: #05070b !important;
  font-size: clamp(.98rem, 1.05vw, 1.15rem) !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

.mmco-public-contact-form {
  align-self: stretch !important;
  margin: 0 !important;
  padding: clamp(26px, 4vw, 56px) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: clamp(24px, 3vw, 42px) !important;
  background: #ffffff !important;
  color: #05070b !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.20) !important;
}

.mmco-public-contact-form .mmco-eyebrow,
.mmco-public-contact-form h3,
.mmco-public-contact-form label,
.mmco-public-contact-form small {
  color: #05070b !important;
}

.mmco-public-contact-form h3 {
  margin: 0 0 22px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(2.1rem, 3.4vw, 4rem) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.075em !important;
}

.mmco-public-contact-form input,
.mmco-public-contact-form select,
.mmco-public-contact-form textarea {
  border-color: rgba(5,7,11,.14) !important;
  background: #f7f8fa !important;
  color: #05070b !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  #mmco-starter-product .mmco-starter-product-card,
  #mmco-starter-product .mmco-starter-product-card-v195,
  #mmco-starter-product .mmco-starter-product-card-v196,
  .mmco-public-contact-layout,
  .mmco-public-contact-layout-bg {
    grid-template-columns: 1fr !important;
  }

  #mmco-starter-product .mmco-starter-copy {
    order: -1 !important;
    min-height: auto !important;
  }

  #mmco-starter-product .mmco-starter-masonry-gallery,
  #mmco-starter-product .mmco-starter-collage {
    grid-auto-rows: clamp(86px, 18vw, 150px) !important;
  }
}

@media (max-width: 760px) {
  #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one),
  section[id^="mmco-products-"] #mmco-products .mmco-product-grid:not(.mmco-product-grid-featured-one) {
    grid-template-columns: 1fr !important;
  }

  #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image,
  section[id^="mmco-products-"] #mmco-products .mmco-product-card:not(.mmco-product-card-home-feature) > .mmco-product-image {
    height: clamp(260px, 82vw, 420px) !important;
    min-height: clamp(260px, 82vw, 420px) !important;
  }

  #mmco-products .mmco-product-body h3,
  section[id^="mmco-products-"] #mmco-products .mmco-product-body h3,
  #mmco-starter-product .mmco-starter-copy h3,
  #mmco-starter-product .mmco-starter-copy h3 a {
    font-size: clamp(2.8rem, 15vw, 5.1rem) !important;
  }

  #mmco-starter-product .mmco-starter-masonry-gallery,
  #mmco-starter-product .mmco-starter-collage {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(130px, 42vw, 220px) !important;
  }

  #mmco-starter-product .mmco-starter-masonry-item,
  #mmco-starter-product .mmco-starter-collage-item {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }

  #mmco-starter-product .mmco-starter-masonry-item-1,
  #mmco-starter-product .mmco-starter-collage-item-1 {
    grid-column: span 2 !important;
    grid-row: span 1 !important;
  }

  .mmco-public-contact,
  .mmco-public-contact-v196 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mmco-public-contact-layout,
  .mmco-public-contact-layout-bg {
    padding: 12px !important;
    border-radius: 28px !important;
  }

  .mmco-public-contact-media,
  .mmco-public-contact-aside {
    min-height: auto !important;
    padding: 24px !important;
  }
}
/* ==========================================================
   Metameat v1.9.7 - Epic mobile menu overhaul
   Left-aligned drawer, logo, cart, large icons, background image fade.
   ========================================================== */

.mmco-mobile-menu-brand,
.mmco-mobile-menu-cart {
  display: none !important;
}

.mmco-nav-icon svg {
  display: block !important;
  width: 1em !important;
  height: 1em !important;
  fill: currentColor !important;
}

@media (max-width: 980px) {
  body.mmco-mobile-menu-open {
    overflow: hidden !important;
  }

  .mmco-header,
  body.mmco-menu-style-1 .mmco-header,
  body.mmco-menu-style-2 .mmco-header,
  body.mmco-menu-style-3 .mmco-header,
  body.mmco-menu-style-4 .mmco-header,
  body.mmco-menu-style-5 .mmco-header,
  .mmco-header.mmco-header-style-1,
  .mmco-header.mmco-header-style-2,
  .mmco-header.mmco-header-style-3,
  .mmco-header.mmco-header-style-4,
  .mmco-header.mmco-header-style-5 {
    top: max(10px, env(safe-area-inset-top)) !important;
    left: max(10px, env(safe-area-inset-left)) !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 66px !important;
    padding: 10px 10px 10px 14px !important;
    border-radius: 26px !important;
    overflow: visible !important;
  }

  .mmco-header.is-menu-open {
    z-index: 10040 !important;
  }

  .mmco-header.is-menu-open::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 10041 !important;
    display: block !important;
    background: rgba(3, 8, 18, .62) !important;
    pointer-events: none !important;
  }

  .mmco-header .mmco-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .mmco-header .mmco-logo-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mmco-mobile-menu-toggle {
    grid-column: 2 !important;
    grid-row: 1 !important;
    z-index: 10060 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    background: rgba(255, 255, 255, .10) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
  }

  .mmco-mobile-menu-toggle em {
    display: none !important;
  }

  .mmco-mobile-menu-toggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 99px !important;
    background: currentColor !important;
    transform-origin: center !important;
  }

  .mmco-mobile-menu-toggle span + span {
    margin-top: 5px !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-toggle {
    position: fixed !important;
    top: max(18px, env(safe-area-inset-top)) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    background: rgba(255, 255, 255, .14) !important;
    color: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-toggle span:nth-child(2) {
    opacity: 0 !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  .mmco-header .mmco-nav,
  .mmco-header .mmco-header-actions {
    display: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    z-index: 10045 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: min(88vw, 460px) !important;
    max-width: calc(100vw - 22px) !important;
    min-width: min(320px, calc(100vw - 22px)) !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: max(20px, env(safe-area-inset-top)) 16px max(142px, calc(env(safe-area-inset-bottom) + 130px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 0 !important;
    border-radius: 0 34px 34px 0 !important;
    background: #071426 !important;
    color: #ffffff !important;
    text-align: left !important;
    box-shadow: 34px 0 90px rgba(0, 0, 0, .38) !important;
    isolation: isolate !important;
    transform: none !important;
    scrollbar-width: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav::-webkit-scrollbar {
    display: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav::before,
  .mmco-header.is-menu-open .mmco-nav::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav::before {
    z-index: -2 !important;
    background-image:
      linear-gradient(135deg, rgba(3, 8, 18, .72), rgba(7, 20, 38, .82) 42%, rgba(3, 8, 18, .96)),
      var(--mmco-mobile-menu-bg, linear-gradient(135deg, #071426, #010711)) !important;
    background-size: cover !important;
    background-position: center !important;
    transform: scale(1.02) !important;
  }

  .mmco-header.is-menu-open .mmco-nav::after {
    z-index: -1 !important;
    background:
      radial-gradient(circle at 0 0, rgba(255, 255, 255, .18), transparent 18rem),
      linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02) 42%, rgba(0, 0, 0, .24)) !important;
  }

  .mmco-header.is-menu-open .mmco-nav > a {
    position: relative !important;
    z-index: 1 !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 84px !important;
    margin: 0 0 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, .10) !important;
    color: #ffffff !important;
    text-align: left !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 45px rgba(0, 0, 0, .16) !important;
    opacity: 1 !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-logo {
    flex: 0 0 auto !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 20px !important;
    object-fit: cover !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .5) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28) !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-brand span {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
    color: #ffffff !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-brand small {
    color: rgba(255, 255, 255, .72) !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .16em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-brand strong {
    display: block !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: clamp(1.18rem, 5vw, 1.6rem) !important;
    font-weight: 950 !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:not(.mmco-mobile-menu-brand),
  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 74px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .105) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 38px rgba(0, 0, 0, .10) !important;
    opacity: 1 !important;
    text-align: left !important;
    text-decoration: none !important;
    letter-spacing: -.045em !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:not(.mmco-mobile-menu-brand)::after {
    display: none !important;
    content: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:not(.mmco-mobile-menu-brand) > span:not(.mmco-nav-icon):not(.mmco-mobile-cart-count):not(.mmco-ajax-cart-count) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: inherit !important;
    font-size: clamp(1.28rem, 5.9vw, 2rem) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-nav-icon {
    display: inline-flex !important;
    flex: 0 0 58px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .70) !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .95) !important;
    color: #071426 !important;
    font-size: 1.65rem !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-nav-icon svg {
    width: 29px !important;
    height: 29px !important;
    fill: currentColor !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:hover,
  .mmco-header.is-menu-open .mmco-nav a:focus-visible {
    background: rgba(255, 255, 255, .18) !important;
    transform: translateX(2px) !important;
  }

  .mmco-header.is-menu-open .mmco-nav a.is-active {
    background: #ffffff !important;
    color: #071426 !important;
    border-color: #ffffff !important;
  }

  .mmco-header.is-menu-open .mmco-nav a.is-active span,
  .mmco-header.is-menu-open .mmco-nav a.is-active .mmco-nav-icon {
    color: #071426 !important;
  }

  .mmco-header.is-menu-open .mmco-nav a.is-active .mmco-nav-icon {
    background: #071426 !important;
    color: #ffffff !important;
    border-color: rgba(7, 20, 38, .18) !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart {
    margin-top: 6px !important;
    background: linear-gradient(135deg, #ffffff, rgba(255, 255, 255, .86)) !important;
    color: #071426 !important;
    border-color: rgba(255, 255, 255, .84) !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart .mmco-nav-icon {
    background: #071426 !important;
    color: #ffffff !important;
    border-color: rgba(7, 20, 38, .18) !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart span:not(.mmco-nav-icon),
  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart .mmco-mobile-cart-count,
  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart .mmco-ajax-cart-count {
    color: #071426 !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-cart-count,
  .mmco-header.is-menu-open .mmco-nav .mmco-ajax-cart-count {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    height: 34px !important;
    margin-left: auto !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: #071426 !important;
    color: #ffffff !important;
    font-size: .9rem !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  .mmco-header.is-menu-open .mmco-header-actions {
    position: fixed !important;
    left: 16px !important;
    right: auto !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    z-index: 10050 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: min(calc(88vw - 32px), 428px) !important;
    max-width: calc(100vw - 54px) !important;
    padding: 0 !important;
    transform: none !important;
  }

  .mmco-header.is-menu-open .mmco-header-actions a,
  .mmco-header.is-menu-open .mmco-header-actions .mmco-small-link,
  .mmco-header.is-menu-open .mmco-header-actions .mmco-menu-cta,
  .mmco-header.is-menu-open .mmco-header-actions .mmco-header-cart {
    width: 100% !important;
    min-height: 52px !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 18px !important;
  }

  .mmco-header.is-menu-open .mmco-header-actions .mmco-header-cart {
    display: flex !important;
  }
}

@media (max-width: 420px) {
  .mmco-header.is-menu-open .mmco-nav {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    min-width: 0 !important;
    border-radius: 0 26px 26px 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:not(.mmco-mobile-menu-brand) {
    min-height: 68px !important;
    border-radius: 20px !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-nav-icon {
    flex-basis: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 18px !important;
  }

  .mmco-header.is-menu-open .mmco-header-actions {
    left: 12px !important;
    width: calc(100vw - 40px) !important;
  }
}

@media (max-width: 980px) {
  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart .mmco-mobile-cart-count,
  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart .mmco-ajax-cart-count {
    background: #071426 !important;
    color: #ffffff !important;
  }
}

/* ==========================================================
   Metameat v1.9.8 - Full-width mobile menu, starter/gallery
   structure fixes, mobile story order and farm image library.
   ========================================================== */

@media (max-width: 980px) {
  body.mmco-mobile-menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  .mmco-header.is-menu-open::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 10041 !important;
    display: block !important;
    background: rgba(1, 7, 17, .86) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    pointer-events: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10045 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: clamp(10px, 2.4vw, 16px) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: max(94px, calc(env(safe-area-inset-top) + 86px)) clamp(16px, 4vw, 26px) max(26px, calc(env(safe-area-inset-bottom) + 22px)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #071426 !important;
    color: #ffffff !important;
    text-align: left !important;
    box-shadow: none !important;
    transform: none !important;
    isolation: isolate !important;
    scrollbar-width: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav::-webkit-scrollbar {
    display: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
    display: block !important;
    background-image:
      linear-gradient(135deg, rgba(3, 8, 18, .78), rgba(7, 20, 38, .76) 42%, rgba(1, 7, 17, .96)),
      var(--mmco-mobile-menu-bg, linear-gradient(135deg, #071426, #010711)) !important;
    background-size: cover !important;
    background-position: center center !important;
    filter: none !important;
    transform: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    display: block !important;
    background:
      radial-gradient(circle at 12% 2%, rgba(255, 255, 255, .22), transparent 18rem),
      radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .10), transparent 16rem),
      linear-gradient(180deg, rgba(7, 20, 38, .16), rgba(7, 20, 38, .74) 62%, rgba(1, 7, 17, .95)) !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-toggle {
    position: fixed !important;
    top: max(18px, env(safe-area-inset-top)) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    z-index: 10070 !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .14) !important;
    border: 1px solid rgba(255, 255, 255, .32) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .28) !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 96px !important;
    margin: 0 0 clamp(10px, 2vw, 18px) !important;
    padding: 14px !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 22px 65px rgba(0, 0, 0, .18) !important;
    opacity: 1 !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-logo {
    width: 68px !important;
    height: 68px !important;
    min-width: 68px !important;
    border-radius: 22px !important;
    object-fit: cover !important;
    background: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .58) !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .30) !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-brand small {
    color: rgba(255, 255, 255, .72) !important;
  }

  .mmco-header.is-menu-open .mmco-mobile-menu-brand strong {
    color: #ffffff !important;
    font-size: clamp(1.35rem, 6vw, 2.2rem) !important;
    line-height: .92 !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:not(.mmco-mobile-menu-brand),
  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(14px, 3vw, 22px) !important;
    width: 100% !important;
    max-width: none !important;
    min-height: clamp(72px, 14.5vw, 96px) !important;
    margin: 0 !important;
    padding: 10px clamp(12px, 3.2vw, 20px) !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: clamp(22px, 5vw, 34px) !important;
    background: rgba(255, 255, 255, .93) !important;
    color: #071426 !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, .16), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
    text-align: left !important;
    text-decoration: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:not(.mmco-mobile-menu-brand)::after {
    display: none !important;
    content: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav a:not(.mmco-mobile-menu-brand) > span:not(.mmco-nav-icon):not(.mmco-mobile-cart-count):not(.mmco-ajax-cart-count) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #071426 !important;
    font-size: clamp(1.55rem, 7.8vw, 3rem) !important;
    font-weight: 950 !important;
    line-height: .94 !important;
    letter-spacing: -.07em !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-nav-icon {
    display: inline-flex !important;
    flex: 0 0 clamp(58px, 14vw, 76px) !important;
    align-items: center !important;
    justify-content: center !important;
    width: clamp(58px, 14vw, 76px) !important;
    height: clamp(58px, 14vw, 76px) !important;
    min-width: clamp(58px, 14vw, 76px) !important;
    margin: 0 !important;
    border: 1px solid rgba(7, 20, 38, .10) !important;
    border-radius: clamp(18px, 4.5vw, 28px) !important;
    background: #071426 !important;
    color: #ffffff !important;
    box-shadow: 0 14px 36px rgba(7, 20, 38, .22) !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-nav-icon svg {
    width: clamp(30px, 7.4vw, 42px) !important;
    height: clamp(30px, 7.4vw, 42px) !important;
    fill: currentColor !important;
  }

  .mmco-header.is-menu-open .mmco-nav a.is-active,
  .mmco-header.is-menu-open .mmco-nav a:hover,
  .mmco-header.is-menu-open .mmco-nav a:focus-visible {
    background: #f6f1e8 !important;
    color: #071426 !important;
    border-color: #f6f1e8 !important;
    transform: none !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-menu-cart {
    margin-top: clamp(8px, 2vw, 16px) !important;
    background: linear-gradient(135deg, #f6f1e8, #ffffff) !important;
    border-color: #f6f1e8 !important;
  }

  .mmco-header.is-menu-open .mmco-nav .mmco-mobile-cart-count,
  .mmco-header.is-menu-open .mmco-nav .mmco-ajax-cart-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    margin-left: auto !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: #071426 !important;
    color: #ffffff !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
  }

  .mmco-header.is-menu-open .mmco-header-actions {
    display: none !important;
  }
}

/* Starter section: make the photo masonry visible, structured and image-first on mobile. */
#mmco-starter-product .mmco-starter-product-card-v196,
#mmco-starter-product .mmco-starter-product-card {
  align-items: center !important;
}

#mmco-starter-product .mmco-starter-masonry-gallery {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-rows: clamp(74px, 7vw, 132px) !important;
  gap: clamp(10px, 1.2vw, 18px) !important;
  min-height: clamp(440px, 48vw, 720px) !important;
  width: 100% !important;
  overflow: visible !important;
}

#mmco-starter-product .mmco-starter-masonry-item {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(18px, 2.6vw, 36px) !important;
  background: #eef2f6 !important;
  box-shadow: 0 22px 70px rgba(3, 8, 18, .13) !important;
}

#mmco-starter-product .mmco-starter-masonry-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
  transform: none !important;
}

#mmco-starter-product .mmco-starter-masonry-item-1 { grid-column: 1 / span 6 !important; grid-row: span 4 !important; }
#mmco-starter-product .mmco-starter-masonry-item-2 { grid-column: 7 / span 6 !important; grid-row: span 3 !important; }
#mmco-starter-product .mmco-starter-masonry-item-3 { grid-column: 7 / span 3 !important; grid-row: span 2 !important; }
#mmco-starter-product .mmco-starter-masonry-item-4 { grid-column: 10 / span 3 !important; grid-row: span 2 !important; }
#mmco-starter-product .mmco-starter-masonry-item-5 { grid-column: 1 / span 4 !important; grid-row: span 2 !important; }
#mmco-starter-product .mmco-starter-masonry-item-6 { grid-column: 5 / span 4 !important; grid-row: span 2 !important; }
#mmco-starter-product .mmco-starter-masonry-item-7 { grid-column: 9 / span 4 !important; grid-row: span 2 !important; }
#mmco-starter-product .mmco-starter-masonry-item-8 { grid-column: span 4 !important; grid-row: span 2 !important; }

@media (max-width: 980px) {
  #mmco-starter-product .mmco-starter-product-card-v196,
  #mmco-starter-product .mmco-starter-product-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  #mmco-starter-product .mmco-starter-masonry-gallery {
    order: -1 !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(108px, 28vw, 190px) !important;
    min-height: 0 !important;
  }

  #mmco-starter-product .mmco-starter-copy {
    order: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #mmco-starter-product .mmco-starter-masonry-item-1 { grid-column: 1 / span 6 !important; grid-row: span 2 !important; }
  #mmco-starter-product .mmco-starter-masonry-item-2,
  #mmco-starter-product .mmco-starter-masonry-item-3,
  #mmco-starter-product .mmco-starter-masonry-item-4,
  #mmco-starter-product .mmco-starter-masonry-item-5,
  #mmco-starter-product .mmco-starter-masonry-item-6,
  #mmco-starter-product .mmco-starter-masonry-item-7,
  #mmco-starter-product .mmco-starter-masonry-item-8 {
    grid-column: span 3 !important;
    grid-row: span 1 !important;
  }
}

@media (max-width: 640px) {
  #mmco-starter-product .mmco-starter-masonry-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(136px, 44vw, 220px) !important;
  }

  #mmco-starter-product .mmco-starter-masonry-item,
  #mmco-starter-product .mmco-starter-masonry-item-2,
  #mmco-starter-product .mmco-starter-masonry-item-3,
  #mmco-starter-product .mmco-starter-masonry-item-4,
  #mmco-starter-product .mmco-starter-masonry-item-5,
  #mmco-starter-product .mmco-starter-masonry-item-6,
  #mmco-starter-product .mmco-starter-masonry-item-7,
  #mmco-starter-product .mmco-starter-masonry-item-8 {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }

  #mmco-starter-product .mmco-starter-masonry-item-1 {
    grid-column: span 2 !important;
    grid-row: span 1 !important;
  }
}

/* Mobile story blocks: image first, text underneath. */
@media (max-width: 780px) {
  .mmco-block-story .mmco-story,
  .mmco-story {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .mmco-block-story .mmco-story-media,
  .mmco-story .mmco-story-media,
  .mmco-block-story.mmco-layout-image-right .mmco-story-media,
  .mmco-story-image-right .mmco-story-media,
  .mmco-block-story.mmco-layout-image-left .mmco-story-media,
  .mmco-story-image-left .mmco-story-media {
    order: -1 !important;
    width: 100% !important;
    min-height: clamp(280px, 78vw, 460px) !important;
    border-radius: 28px !important;
  }

  .mmco-block-story .mmco-story-media img,
  .mmco-story .mmco-story-media img {
    width: 100% !important;
    height: 100% !important;
    min-height: clamp(280px, 78vw, 460px) !important;
    object-fit: cover !important;
    filter: none !important;
  }

  .mmco-block-story .mmco-story-copy,
  .mmco-story .mmco-story-copy {
    order: 0 !important;
  }
}

/* Farm image library in dashboard. */
.mmco-farm-image-library-card {
  grid-column: 1 / -1 !important;
}

.mmco-farm-image-library-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

.mmco-farm-image-library-head span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 72px !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: #071426 !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.mmco-farm-image-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 14px !important;
}

.mmco-farm-image-slot {
  display: grid !important;
  gap: 9px !important;
  align-content: start !important;
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 22px !important;
  background: #f7f9fc !important;
  color: #071426 !important;
}

.mmco-farm-image-slot > span:first-child {
  color: #071426 !important;
  font-weight: 950 !important;
}

.mmco-farm-image-slot em {
  color: #667085 !important;
  font-size: .78rem !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}

.mmco-farm-image-preview {
  display: grid !important;
  place-items: center !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #667085 !important;
  font-weight: 900 !important;
}

.mmco-farm-image-preview img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.mmco-farm-image-slot input[type="file"] {
  font-size: .8rem !important;
}

@media (max-width: 680px) {
  .mmco-farm-image-library-head {
    display: grid !important;
  }

  .mmco-farm-image-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Trust/practices cards: photo-led, using dashboard farm images when set. */
.mmco-product-trust-grid article {
  overflow: hidden !important;
  padding: 0 !important;
}

.mmco-product-trust-grid article figure {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 5 / 3 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #eef2f6 !important;
}

.mmco-product-trust-grid article figure img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
}

.mmco-product-trust-grid article > div {
  padding: 20px !important;
}

.mmco-trust-card-copy-editor {
  margin-top: 22px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(7, 20, 38, .10) !important;
}

.mmco-trust-card-copy-editor h4 {
  margin: 0 0 8px !important;
  color: #071426 !important;
  font-size: clamp(1.2rem, 1.8vw, 1.65rem) !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
}

.mmco-trust-card-copy-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 16px !important;
}

.mmco-trust-card-copy-row {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 34px rgba(3, 8, 18, .05) !important;
}

@media (max-width: 680px) {
  .mmco-trust-card-copy-grid {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================================
   Metameat Co v1.9.9 - Invoice records + unpaid owed dashboard
   ========================================================== */

.mmco-invoice-overview-card,
.mmco-orders-snapshot article.is-owed,
.mmco-invoice-snapshot article.is-owed {
  border-color: rgba(7, 20, 38, .22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(7, 20, 38, .10), transparent 12rem),
    #ffffff !important;
}

.mmco-invoice-centre,
.mmco-orders-centre {
  color: #071426 !important;
}

.mmco-invoice-head h2,
.mmco-orders-head h2 {
  color: #071426 !important;
}

.mmco-invoice-snapshot,
.mmco-orders-snapshot {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}

.mmco-pending-invoices-mini {
  margin: clamp(18px, 2.5vw, 30px) 0 !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(135deg, rgba(7, 20, 38, .04), rgba(255,255,255,.98)),
    #ffffff !important;
  box-shadow: 0 20px 60px rgba(7, 20, 38, .08) !important;
}

.mmco-pending-invoices-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

.mmco-pending-invoices-mini h3 {
  margin: 0 0 8px !important;
  color: #071426 !important;
  font-size: clamp(1.45rem, 2.6vw, 2.45rem) !important;
  line-height: 1 !important;
  letter-spacing: -.06em !important;
}

.mmco-pending-invoices-mini p {
  max-width: 720px !important;
  margin: 0 !important;
  color: #475569 !important;
}

.mmco-pending-invoice-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 12px !important;
}

.mmco-pending-invoice-list article {
  display: grid !important;
  gap: 5px !important;
  padding: 15px !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 18px !important;
  background: #f8fafc !important;
}

.mmco-pending-invoice-list span,
.mmco-pending-invoice-list small {
  color: #64748b !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

.mmco-pending-invoice-list strong {
  color: #071426 !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

.mmco-invoice-filters {
  margin-top: 18px !important;
}

.mmco-invoices-table-wrap {
  width: 100% !important;
  margin: 22px 0 36px !important;
  padding: clamp(14px, 2vw, 22px) !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(3, 8, 18, .10) !important;
  color: #071426 !important;
}

.mmco-invoices-table {
  width: 100% !important;
  min-width: 1180px !important;
}

.mmco-invoices-table td:nth-child(1) { width: 150px !important; }
.mmco-invoices-table td:nth-child(2) { width: 220px !important; }
.mmco-invoices-table td:nth-child(3) { width: 130px !important; }
.mmco-invoices-table td:nth-child(4) { width: 260px !important; }
.mmco-invoices-table td:nth-child(5) { width: 170px !important; }
.mmco-invoices-table td:nth-child(6) { width: 150px !important; }
.mmco-invoices-table td:nth-child(7) { width: 180px !important; }
.mmco-invoices-table td:nth-child(8) { width: 270px !important; }

.mmco-invoices-table .mmco-order-customer-name {
  margin-bottom: 7px !important;
}

.mmco-invoices-table .mmco-muted {
  display: inline-flex !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: .78rem !important;
  font-weight: 850 !important;
}

.mmco-status-pill.is-invoice-unpaid {
  background: #fff7ed !important;
  color: #9a3412 !important;
  border-color: rgba(154, 52, 18, .20) !important;
}

.mmco-status-pill.is-invoice-paid {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border-color: rgba(4, 120, 87, .20) !important;
}

.mmco-status-pill.is-invoice-void {
  background: #f1f5f9 !important;
  color: #475569 !important;
  border-color: rgba(71, 85, 105, .20) !important;
}

.mmco-invoice-actions button[data-mmco-invoice-action="mark_paid"],
.mmco-invoice-actions button[data-mmco-invoice-action="send_reminder"],
.mmco-create-invoice-button,
.mmco-inv-inline-btn {
  border: 1px solid #071426 !important;
  background: #071426 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(7, 20, 38, .16) !important;
}

.mmco-invoice-actions button[data-mmco-invoice-action="mark_unpaid"] {
  border: 1px solid rgba(7, 20, 38, .18) !important;
  background: #ffffff !important;
  color: #071426 !important;
}

.mmco-invoice-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #071426 !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.mmco-inv-inline-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  cursor: pointer !important;
}

/* Dark-blue treatment for the bundled carcass invoice modal so it matches the dashboard. */
.mmco-inv-head {
  background: linear-gradient(135deg, #071426, #0b1d33) !important;
  color: #ffffff !important;
}

.mmco-inv-dialog {
  border-color: rgba(7, 20, 38, .16) !important;
  box-shadow: 0 32px 100px rgba(3, 8, 18, .32) !important;
}

.mmco-inv-form label {
  color: #071426 !important;
}

.mmco-inv-form input,
.mmco-inv-form textarea {
  border-color: rgba(7, 20, 38, .16) !important;
  color: #071426 !important;
}

.mmco-inv-primary {
  background: #071426 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(7, 20, 38, .18) !important;
}

.mmco-inv-secondary {
  background: #f8fafc !important;
  color: #071426 !important;
  border-color: rgba(7, 20, 38, .14) !important;
}

.mmco-inv-balance {
  border-color: #071426 !important;
  background: #f8fafc !important;
}

.mmco-inv-balance::before {
  color: #071426 !important;
}

@media (max-width: 860px) {
  .mmco-pending-invoices-head {
    display: grid !important;
  }
  .mmco-invoices-table {
    min-width: 1040px !important;
  }
}


/* ==========================================================
   v1.9.9a Brad patch: footer logo/socials, starter mobile masonry,
   and dashboard customer-update modal isolation.
   ========================================================== */
body.mmco-shell .mmco-footer-credit,
.mmco-footer-credit {
  align-items: center !important;
  gap: clamp(14px, 2vw, 24px) !important;
}

body.mmco-shell .mmco-footer-logo-tile,
.mmco-footer-logo-tile {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: clamp(112px, 11vw, 176px) !important;
  min-height: clamp(78px, 8vw, 118px) !important;
  padding: clamp(10px, 1.2vw, 16px) !important;
  border-radius: clamp(18px, 2vw, 28px) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 45px rgba(3, 8, 18, .16) !important;
}

body.mmco-shell .mmco-footer-credit img,
.mmco-footer-credit img,
body.mmco-shell .mmco-footer-logo-tile img,
.mmco-footer-logo-tile img {
  display: block !important;
  width: 100% !important;
  max-width: 156px !important;
  height: auto !important;
  max-height: 96px !important;
  object-fit: contain !important;
  margin: 0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.mmco-shell .mmco-footer-social,
.mmco-footer-social {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-top: 12px !important;
}

body.mmco-shell .mmco-footer-social:empty,
.mmco-footer-social:empty {
  display: none !important;
}

body.mmco-shell .mmco-footer-social a,
.mmco-footer-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .24) !important;
  background: rgba(255, 255, 255, .12) !important;
  color: currentColor !important;
  text-decoration: none !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

body.mmco-shell .mmco-footer-social a:hover,
.mmco-footer-social a:hover {
  transform: translateY(-1px) !important;
  background: rgba(255, 255, 255, .20) !important;
}

@media (max-width: 760px) {
  body.mmco-shell #mmco-starter-product .mmco-starter-product-card,
  body.mmco-shell #mmco-starter-product .mmco-starter-product-card-v196,
  #mmco-starter-product .mmco-starter-product-card,
  #mmco-starter-product .mmco-starter-product-card-v196 {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-gallery,
  #mmco-starter-product .mmco-starter-masonry-gallery {
    order: -1 !important;
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(132px, 43vw, 218px) !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-item,
  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-item-2,
  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-item-3,
  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-item-4,
  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-item-5,
  #mmco-starter-product .mmco-starter-masonry-item,
  #mmco-starter-product .mmco-starter-masonry-item-2,
  #mmco-starter-product .mmco-starter-masonry-item-3,
  #mmco-starter-product .mmco-starter-masonry-item-4,
  #mmco-starter-product .mmco-starter-masonry-item-5 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-item-1,
  #mmco-starter-product .mmco-starter-masonry-item-1 {
    grid-column: 1 / -1 !important;
    grid-row: span 1 !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-masonry-item img,
  #mmco-starter-product .mmco-starter-masonry-item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
  }

  body.mmco-shell #mmco-starter-product .mmco-starter-copy,
  #mmco-starter-product .mmco-starter-copy {
    order: 0 !important;
    width: 100% !important;
  }

  body.mmco-shell .mmco-footer,
  .mmco-footer {
    grid-template-columns: 1fr !important;
  }

  body.mmco-shell .mmco-footer-actions,
  .mmco-footer-actions,
  body.mmco-shell .mmco-footer-social,
  .mmco-footer-social {
    justify-content: flex-start !important;
  }
}

.mmco-order-update-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(14px, 3vw, 28px) !important;
  overflow: auto !important;
}

.mmco-order-update-modal[hidden] {
  display: none !important;
}

.mmco-order-update-dialog {
  width: min(640px, 100%) !important;
  max-height: min(92vh, 760px) !important;
  overflow: auto !important;
  margin: auto !important;
}