/*
  Metameat Co - Epic Dark Blue Farm Experience
  Complete CSS replacement / latest build.
  Direction: dark blue brand, white pages, black body text, white text on dark blue,
  stronger farm storytelling, sticky dashboard sidebar, streamlined tables,
  product carousel, product page with per-kg hero, delivery table and contact cards.
*/

/*
  Metameat Co - Dark Blue / White Farm to Door + White Dashboard
  Clean brand direction: dark blue header, hero and footer; white pages; white dashboard; black page text.
  Paste into: Metameat > Design Lab > Custom CSS
*/

body.mmco-shell,
.mmco-site {
  --meta-blue-990: #010711;
  --meta-blue-950: #030812;
  --meta-blue-900: #071426;
  --meta-blue-850: #0b1d33;
  --meta-blue-800: #102947;
  --meta-blue-700: #18375f;
  --meta-page: #ffffff;
  --meta-soft: #f5f7fb;
  --meta-white: #ffffff;
  --meta-black: #020305;
  --meta-muted: #5b6472;
  --meta-line: rgba(7, 20, 38, .16);
  --meta-line-light: rgba(255, 255, 255, .24);

  --mmco-primary: var(--meta-blue-900) !important;
  --mmco-accent: var(--meta-blue-800) !important;
  --mmco-paper: var(--meta-page) !important;
  --mmco-ink: var(--meta-black) !important;
  --mmco-muted: var(--meta-muted) !important;
  --mmco-card: rgba(255, 255, 255, .96) !important;
  --mmco-border: var(--meta-line) !important;
  --mmco-radius: 30px !important;
  --mmco-shadow: 0 28px 80px rgba(3, 8, 18, .14) !important;
  --mmco-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif !important;
  --mmco-serif: Georgia, "Times New Roman", serif !important;
}

body.mmco-shell {
  margin: 0;
  background:
    radial-gradient(circle at 12% 8%, rgba(7, 20, 38, .38), transparent 30rem),
    radial-gradient(circle at 85% 2%, rgba(7, 20, 38, .16), transparent 28rem),
    linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900) 46%, var(--meta-blue-900));
  color: var(--mmco-ink);
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

body.mmco-shell * {
  box-sizing: border-box;
}

.mmco-site {
  position: relative;
  overflow-x: clip;
  background:
    linear-gradient(180deg, rgba(3, 8, 18, .96) 0, rgba(7, 20, 38, .96) 38rem, var(--meta-page) 38.1rem),
    var(--meta-page);
}

.mmco-site::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .42;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.mmco-preview-root,
.mmco-blocks,
.mmco-section,
.mmco-footer {
  position: relative;
  z-index: 2;
}

/* TYPOGRAPHY */

.mmco-hero h1,
.mmco-section-intro h2,
.mmco-cta-box h2,
.mmco-footer h2,
.mmco-logo-text {
  font-family: var(--mmco-serif);
  font-weight: 900;
  text-wrap: balance;
}

.mmco-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: 1rem;
  color: var(--meta-white) !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.mmco-eyebrow::before {
  content: "";
  width: 42px;
  height: 1px;
  background: currentColor;
  opacity: .72;
}

/* HEADER / MENU */

.mmco-header {
  top: 22px;
  left: clamp(14px, 3vw, 38px);
  right: clamp(14px, 3vw, 38px);
  min-height: 72px;
  padding: 12px 14px 12px 22px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(7, 20, 38, .84), rgba(7, 20, 38, .72)),
    rgba(3, 8, 18, .72);
  color: var(--meta-white);
  box-shadow: 0 22px 80px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
}

.mmco-logo {
  letter-spacing: -.045em;
}

.mmco-logo-img {
  width: 48px;
  height: 48px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .45);
  background: var(--meta-page);
  box-shadow: 0 10px 30px rgba(0,0,0,.22);
}

.mmco-nav {
  gap: 4px;
}

.mmco-nav a,
.mmco-small-link {
  position: relative;
  padding: 11px 15px;
  border-radius: 999px;
  color: inherit;
  font-size: .88rem;
  font-weight: 850;
  letter-spacing: -.01em;
  opacity: .84;
}

.mmco-nav a::after {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 8px;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  background: var(--meta-white);
  transition: transform .2s ease;
}

.mmco-nav a:hover,
.mmco-nav a.is-active,
.mmco-small-link:hover {
  opacity: 1;
  background: rgba(255, 255, 255, .09);
}

.mmco-nav a:hover::after,
.mmco-nav a.is-active::after {
  transform: scaleX(1);
}

.mmco-menu-cta,
.mmco-button,
.mmco-primary-small,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  min-height: 46px;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, var(--meta-white), var(--meta-blue-900) 48%, var(--meta-blue-950)) !important;
  color: #071426 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em;
  box-shadow: 0 18px 45px rgba(7, 20, 38, .22), inset 0 1px 0 rgba(255,255,255,.52) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.mmco-menu-cta:hover,
.mmco-button:hover,
.mmco-primary-small:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transform: translateY(-2px);
  filter: saturate(1.05) brightness(1.03);
  box-shadow: 0 24px 60px rgba(7, 20, 38, .3), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.mmco-ghost-small {
  border-color: rgba(7, 20, 38, .12);
  background: rgba(255, 255, 255, .78);
  color: var(--meta-blue-900);
  box-shadow: 0 8px 28px rgba(7, 20, 38, .08);
}

/* FIVE MENU STYLES */

body.mmco-menu-style-1 .mmco-header,
.mmco-header.mmco-header-style-1 {
  border-radius: 999px;
}

body.mmco-menu-style-2 .mmco-header,
.mmco-header.mmco-header-style-2 {
  top: 0;
  left: 0;
  right: 0;
  min-height: 82px;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  background: linear-gradient(90deg, rgba(3,8,18,.96), rgba(7, 20, 38, .96));
}

body.mmco-menu-style-3 .mmco-header,
.mmco-header.mmco-header-style-3 {
  background: rgba(255, 255, 255, .9);
  color: var(--meta-blue-950);
  border-color: rgba(7, 20, 38, .1);
}

body.mmco-menu-style-3 .mmco-nav a:hover,
body.mmco-menu-style-3 .mmco-nav a.is-active,
.mmco-header.mmco-header-style-3 .mmco-nav a:hover,
.mmco-header.mmco-header-style-3 .mmco-nav a.is-active {
  background: rgba(7, 20, 38, .09);
}

body.mmco-menu-style-4 .mmco-header,
.mmco-header.mmco-header-style-4 {
  left: 50%;
  right: auto;
  width: min(1100px, calc(100vw - 28px));
  transform: translateX(-50%);
  background: linear-gradient(135deg, rgba(7, 20, 38, .96), rgba(7, 20, 38, .94));
  border-color: rgba(255, 255, 255, .3);
}

body.mmco-menu-style-5 .mmco-header,
.mmco-header.mmco-header-style-5 {
  top: 18px;
  left: 18px;
  right: 18px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(2, 3, 5, .92), rgba(7, 20, 38, .9));
  border: 1px solid rgba(255, 255, 255, .32);
}

/* HERO WITH PARALLAX */

.mmco-hero {
  isolation: isolate;
  position: relative;
  overflow: hidden;
  min-height: clamp(680px, 96vh, 1040px);
  background: var(--meta-blue-950);
  color: var(--meta-white);
}

.mmco-hero-fullscreen {
  min-height: 100vh;
}

.mmco-hero-half {
  min-height: 72vh;
}

.mmco-hero-compact {
  min-height: 52vh;
  padding-top: 130px;
}

.mmco-hero::before,
.mmco-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.mmco-hero::before {
  z-index: 1;
  background:
    radial-gradient(circle at 76% 22%, rgba(7, 20, 38, .22), transparent 18rem),
    radial-gradient(circle at 12% 82%, rgba(7, 20, 38, .5), transparent 26rem),
    linear-gradient(90deg, rgba(3, 8, 18, .88), rgba(3, 8, 18, .58) 45%, rgba(3, 8, 18, .18));
}

.mmco-hero::after {
  z-index: 2;
  opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 100% 9px;
  mix-blend-mode: overlay;
}

.mmco-hero.has-overlay .mmco-hero-media::after {
  display: none !important;
}

.mmco-hero-media {
  z-index: 0;
}

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

@media (min-width: 782px) and (prefers-reduced-motion: no-preference) {
  .mmco-hero:not(.mmco-hero-split) {
    clip-path: inset(0);
  }

  .mmco-hero:not(.mmco-hero-split) .mmco-hero-media {
    position: fixed;
    inset: -7vh 0 0 0;
    height: 114vh;
    pointer-events: none;
  }

  .mmco-hero:not(.mmco-hero-split) .mmco-hero-media img,
  .mmco-hero:not(.mmco-hero-split) .mmco-hero-media video {
    height: 114vh;
  }
}

.mmco-hero-content {
  z-index: 3;
  width: min(1120px, calc(100vw - 44px));
  padding: clamp(170px, 20vh, 240px) 0 clamp(100px, 14vh, 180px);
  text-align: left;
}

.mmco-hero h1 {
  max-width: 980px;
  font-size: clamp(4.2rem, 10vw, 11.2rem);
  line-height: .82;
  letter-spacing: -.085em;
  text-shadow: 0 22px 80px rgba(0,0,0,.42);
}

.mmco-hero-text {
  width: min(650px, 100%);
  margin: 28px 0 0;
  color: rgba(255, 255, 255, .84);
  font-size: clamp(1.05rem, 1.65vw, 1.38rem);
  line-height: 1.7;
}

.mmco-hero .mmco-button {
  margin-top: 34px;
}

.mmco-hero-split {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  min-height: 88vh;
  background:
    radial-gradient(circle at 22% 20%, rgba(7, 20, 38, .16), transparent 18rem),
    linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900));
}

.mmco-hero-split::before {
  background: linear-gradient(90deg, rgba(3,8,18,.3), transparent);
}

.mmco-hero-split .mmco-hero-content {
  order: 1;
  padding: clamp(160px, 18vh, 220px) 7vw 110px;
}

.mmco-hero-split .mmco-hero-media {
  order: 2;
  margin: 120px clamp(22px, 4vw, 70px) 70px 0;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 38px;
  overflow: hidden;
  box-shadow: 0 36px 100px rgba(0,0,0,.38);
}

/* SECTIONS */

.mmco-section {
  padding: clamp(78px, 9vw, 150px) clamp(18px, 5vw, 84px);
}

#mmco-blocks .mmco-section:nth-child(odd) {
  background:
    radial-gradient(circle at 92% 10%, rgba(7, 20, 38, .12), transparent 22rem),
    var(--meta-page);
}

#mmco-blocks .mmco-section:nth-child(even) {
  background:
    radial-gradient(circle at 14% 10%, rgba(7, 20, 38, .4), transparent 24rem),
    linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-850));
  color: var(--meta-white);
}

#mmco-blocks .mmco-section:nth-child(even) .mmco-section-intro p,
#mmco-blocks .mmco-section:nth-child(even) .mmco-card p,
#mmco-blocks .mmco-section:nth-child(even) .mmco-step p,
#mmco-blocks .mmco-section:nth-child(even) small {
  color: rgba(255, 255, 255, .72);
}

.mmco-section-intro {
  width: min(940px, 100%);
  margin-bottom: clamp(28px, 4vw, 58px);
}

.mmco-section-intro h2,
.mmco-cta-box h2,
.mmco-footer h2 {
  font-size: clamp(2.8rem, 6.4vw, 7.2rem);
  line-height: .88;
  letter-spacing: -.075em;
}

.mmco-section-intro p,
.mmco-cta-box p,
.mmco-footer p,
.mmco-card p {
  font-size: clamp(1rem, 1.2vw, 1.17rem);
  line-height: 1.72;
}

/* CARDS / MEDIA */

.mmco-quick-card,
.mmco-category-card,
.mmco-card,
.mmco-product-card,
.mmco-content-card,
.mmco-step,
.mmco-shop-addon-card,
.mmco-story-copy,
.mmco-story-media {
  border: 1px solid rgba(7, 20, 38, .22);
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255, 255, 255, .88));
  box-shadow: 0 28px 80px rgba(3, 8, 18, .12);
}

.mmco-story-media,
.mmco-content-media,
.mmco-product-image,
.mmco-quick-card,
.mmco-category-card,
.mmco-video-frame,
.mmco-canvas-item {
  overflow: hidden;
}

.mmco-story-media img,
.mmco-story-media video,
.mmco-content-media img,
.mmco-content-media video,
.mmco-quick-card img,
.mmco-category-card img,
.mmco-product-image img,
.mmco-canvas-item img,
.mmco-canvas-item video {
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease;
}

.mmco-story-media:hover img,
.mmco-content-media:hover img,
.mmco-quick-card:hover img,
.mmco-category-card:hover img,
.mmco-product-card:hover img,
.mmco-canvas-item:hover img {
  transform: scale(1.055);
  filter: saturate(1.04) contrast(1.04);
}

/* STORY LAYOUTS */

.mmco-story {
  gap: clamp(22px, 3vw, 44px);
}

.mmco-story-copy {
  min-height: 500px;
  padding: clamp(36px, 6vw, 82px);
}

.mmco-story-copy .mmco-section-intro h2 {
  font-size: clamp(2.6rem, 5vw, 5.8rem);
}

.mmco-block-story.mmco-layout-image-left .mmco-story-media,
.mmco-story-image-left .mmco-story-media {
  order: -1;
}

.mmco-block-story.mmco-layout-three-image-row .mmco-story,
.mmco-block-story.mmco-layout-collage .mmco-story,
.mmco-block-story.mmco-layout-full-bleed .mmco-story,
.mmco-block-story.mmco-layout-quote .mmco-story {
  grid-template-columns: 1fr;
}

.mmco-block-story.mmco-layout-three-image-row .mmco-story-copy {
  min-height: auto;
  text-align: center;
}

.mmco-block-story.mmco-layout-three-image-row .mmco-story-copy .mmco-section-intro {
  margin: 0 auto;
  text-align: center;
}

.mmco-block-story.mmco-layout-three-image-row .mmco-story-media-grid {
  min-height: 420px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 28px);
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mmco-block-story.mmco-layout-three-image-row .mmco-story-media-grid figure {
  margin: 0;
  min-height: 420px;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(3, 8, 18, .18);
}

.mmco-block-story.mmco-layout-three-image-row .mmco-story-media-grid figure:nth-child(2) {
  transform: translateY(-34px);
}

.mmco-block-story.mmco-layout-collage .mmco-story-media-grid {
  min-height: 660px;
  display: grid;
  grid-template-columns: 1.25fr .85fr;
  grid-template-rows: 1fr 1fr;
  gap: 18px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure {
  margin: 0;
  border-radius: 34px;
  overflow: hidden;
  box-shadow: 0 30px 85px rgba(3, 8, 18, .18);
}

.mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure:first-child {
  grid-row: span 2;
}

.mmco-block-story.mmco-layout-full-bleed {
  padding-left: 0;
  padding-right: 0;
}

.mmco-block-story.mmco-layout-full-bleed .mmco-story {
  width: 100%;
}

.mmco-block-story.mmco-layout-full-bleed .mmco-story-copy {
  width: min(980px, calc(100vw - 44px));
  margin: 0 auto -110px;
  z-index: 3;
  min-height: auto;
}

.mmco-block-story.mmco-layout-full-bleed .mmco-story-media-grid,
.mmco-block-story.mmco-layout-full-bleed .mmco-story-media {
  width: 100%;
  min-height: 72vh;
  border-radius: 0;
}

.mmco-block-story.mmco-layout-quote .mmco-story-copy {
  min-height: auto;
  background:
    radial-gradient(circle at 8% 8%, rgba(7, 20, 38, .2), transparent 18rem),
    linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900));
  color: var(--meta-white);
}

.mmco-block-story.mmco-layout-quote .mmco-story-copy .mmco-section-intro p {
  color: rgba(255,255,255,.78);
  font-size: clamp(1.3rem, 2vw, 1.8rem);
}

/* QUICK LINKS / CATEGORIES */

.mmco-quick-grid,
.mmco-category-grid,
.mmco-card-grid,
.mmco-product-grid {
  gap: clamp(16px, 2vw, 28px);
}

.mmco-quick-card,
.mmco-category-card {
  position: relative;
  min-height: 280px;
  border-radius: 32px;
  background: var(--meta-blue-950);
  color: var(--meta-white);
}

.mmco-quick-card::before,
.mmco-category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .92;
  background: linear-gradient(180deg, transparent 10%, rgba(3,8,18,.28) 42%, rgba(3,8,18,.9));
  pointer-events: none;
}

.mmco-quick-card strong,
.mmco-category-card span,
.mmco-quick-card small,
.mmco-category-card small,
.mmco-quick-card .mmco-quick-icon {
  position: relative;
  z-index: 2;
}

.mmco-quick-card small,
.mmco-category-card small {
  color: rgba(255,255,255,.74);
}

.mmco-quick-card img,
.mmco-category-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  z-index: 0;
}

.mmco-quick-icon {
  background: rgba(255, 255, 255, .95);
  color: var(--meta-blue-950);
}

.mmco-block-quick_links.mmco-layout-pill-bar .mmco-quick-grid,
.mmco-block-categories.mmco-layout-horizontal-scroll .mmco-category-grid {
  display: flex;
  overflow-x: auto;
  padding: 8px 0 18px;
  scroll-snap-type: x mandatory;
}

.mmco-block-quick_links.mmco-layout-pill-bar .mmco-quick-card {
  min-height: 92px;
  min-width: 250px;
  scroll-snap-align: start;
  justify-content: center;
  padding: 18px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900));
}

.mmco-block-quick_links.mmco-layout-feature-grid .mmco-quick-card:first-child,
.mmco-block-categories.mmco-layout-split .mmco-category-card:first-child {
  grid-column: span 2;
  min-height: 430px;
}

.mmco-block-quick_links.mmco-layout-minimal-list .mmco-quick-grid {
  grid-template-columns: 1fr;
  width: min(900px, 100%);
}

.mmco-block-quick_links.mmco-layout-minimal-list .mmco-quick-card {
  min-height: 110px;
  border-radius: 24px;
  background: rgba(255,255,255,.9);
  color: var(--meta-blue-950);
}

.mmco-block-quick_links.mmco-layout-minimal-list .mmco-quick-card::before {
  display: none;
}

.mmco-block-categories.mmco-layout-butcher-board .mmco-category-grid {
  padding: clamp(18px, 3vw, 34px);
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 38px;
  background: linear-gradient(135deg, rgba(7,20,38,.94), rgba(7, 20, 38, .92));
  box-shadow: 0 38px 100px rgba(3,8,18,.24);
}

/* CONTENT */

.mmco-content-card {
  display: grid;
  gap: clamp(22px, 3vw, 42px);
  align-items: center;
  text-align: left;
}

.mmco-content-card .mmco-section-intro {
  margin: 0;
  text-align: left;
}

.mmco-content-media {
  min-height: 420px;
  border-radius: 28px;
}

.mmco-content-media img,
.mmco-content-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mmco-block-content.mmco-layout-two-column .mmco-content-card,
.mmco-content-two-column {
  grid-template-columns: 1fr 1fr;
}

.mmco-block-content.mmco-layout-three-cards .mmco-content-card {
  width: min(1180px, 100%);
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}

.mmco-block-content.mmco-layout-media-strip .mmco-content-card {
  grid-template-columns: 1.15fr .85fr;
  background: linear-gradient(135deg, rgba(7,20,38,.97), rgba(7, 20, 38, .94));
  color: var(--meta-white);
}

.mmco-block-content.mmco-layout-media-strip .mmco-section-intro p {
  color: rgba(255,255,255,.72);
}

/* PRODUCTS */

.mmco-product-card {
  overflow: hidden;
  border-radius: 30px;
}

.mmco-product-image {
  height: 270px;
  background: linear-gradient(135deg, rgba(7, 20, 38, .12), rgba(7, 20, 38, .1));
}

.mmco-product-body {
  padding: 24px;
}

.mmco-product-body h3 {
  font-size: 1.22rem;
  letter-spacing: -.03em;
}

.mmco-product-price {
  color: var(--meta-blue-800);
  font-size: 1.05rem;
}

.mmco-block-products.mmco-layout-feature-row .mmco-product-grid {
  grid-template-columns: 1.25fr .75fr .75fr;
}

.mmco-block-products.mmco-layout-feature-row .mmco-product-card:first-child {
  grid-row: span 2;
}

.mmco-block-products.mmco-layout-feature-row .mmco-product-card:first-child .mmco-product-image {
  height: 520px;
}

.mmco-block-products.mmco-layout-compact-list .mmco-product-grid {
  grid-template-columns: 1fr;
  width: min(920px, 100%);
}

.mmco-block-products.mmco-layout-compact-list .mmco-product-card {
  display: grid;
  grid-template-columns: 180px 1fr;
}

.mmco-block-products.mmco-layout-compact-list .mmco-product-image {
  height: 100%;
  min-height: 160px;
}

.mmco-block-products.mmco-layout-sale-strip {
  background: linear-gradient(135deg, var(--meta-blue-900), var(--meta-blue-950)) !important;
  color: var(--meta-white);
}

.mmco-block-products.mmco-layout-sale-strip .mmco-product-card {
  border-color: rgba(255, 255, 255, .35);
}

.mmco-block-products.mmco-layout-carousel-ready .mmco-product-grid {
  display: flex;
  overflow-x: auto;
  padding-bottom: 18px;
  scroll-snap-type: x mandatory;
}

.mmco-block-products.mmco-layout-carousel-ready .mmco-product-card {
  min-width: min(330px, 82vw);
  scroll-snap-align: start;
}

/* STEPS */

.mmco-step {
  position: relative;
  padding: 32px;
  border-radius: 30px;
  overflow: hidden;
}

.mmco-step strong {
  background: linear-gradient(135deg, var(--meta-white), var(--meta-blue-900));
  color: var(--meta-blue-950);
}

.mmco-block-steps.mmco-layout-timeline .mmco-steps {
  grid-template-columns: 1fr;
  width: min(920px, 100%);
}

.mmco-block-steps.mmco-layout-timeline .mmco-step {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
}

.mmco-block-steps.mmco-layout-badges .mmco-step {
  text-align: center;
  border-radius: 999px 999px 34px 34px;
}

/* VIDEO / MEDIA BOARD / CTA */

.mmco-video-frame {
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 36px;
  box-shadow: 0 36px 100px rgba(3,8,18,.26);
}

.mmco-block-video.mmco-layout-full-width {
  padding-left: 0;
  padding-right: 0;
}

.mmco-block-video.mmco-layout-full-width .mmco-video-frame {
  width: 100%;
  border-radius: 0;
}

.mmco-canvas {
  min-height: 720px;
  border: 1px solid rgba(7, 20, 38, .28);
  border-radius: 42px;
  background:
    radial-gradient(circle at 16% 22%, rgba(7, 20, 38, .16), transparent 20rem),
    linear-gradient(135deg, rgba(7,20,38,.96), rgba(7, 20, 38, .92));
  box-shadow: 0 40px 110px rgba(3,8,18,.3);
}

.mmco-block-media_canvas.mmco-layout-polaroid .mmco-canvas-item {
  padding: 10px 10px 44px;
  background: var(--meta-white);
  border-radius: 12px;
  transform: rotate(-2deg);
}

.mmco-block-media_canvas.mmco-layout-polaroid .mmco-canvas-item:nth-child(even) {
  transform: rotate(2deg);
}

.mmco-block-media_canvas.mmco-layout-clean-grid .mmco-canvas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
  min-height: auto;
  padding: 18px;
}

.mmco-block-media_canvas.mmco-layout-clean-grid .mmco-canvas-item {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: 280px !important;
}

.mmco-cta-box {
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 42px;
  background:
    radial-gradient(circle at 16% 12%, rgba(7, 20, 38, .24), transparent 18rem),
    linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900));
  color: var(--meta-white);
  box-shadow: 0 40px 110px rgba(3,8,18,.24);
}

.mmco-cta-box p {
  color: rgba(255,255,255,.72);
}

.mmco-block-cta.mmco-layout-card .mmco-cta-box {
  width: min(860px, 100%);
}

.mmco-block-cta.mmco-layout-split .mmco-cta-box,
.mmco-block-cta.mmco-layout-newsletter .mmco-cta-box {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: center;
  text-align: left;
}

/* FOOTER */

.mmco-footer {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 9vw, 130px) clamp(22px, 7vw, 100px);
  background:
    radial-gradient(circle at 85% 15%, rgba(7, 20, 38, .18), transparent 24rem),
    linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900));
  color: var(--meta-white);
  border-top: 1px solid rgba(255, 255, 255, .22);
}

.mmco-footer::before {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 34px;
  pointer-events: none;
}

.mmco-footer p {
  color: rgba(255,255,255,.72);
}

.mmco-footer .mmco-small-link {
  color: var(--meta-white);
  background: rgba(255,255,255,.08);
}

/* FRONTEND EDITOR POLISH */

.mmco-site.is-editing .mmco-header {
  left: calc(var(--mmco-editor-width) + 22px);
}

.mmco-editor {
  background:
    radial-gradient(circle at 0 0, rgba(7, 20, 38, .14), transparent 18rem),
    linear-gradient(180deg, #061120, #030812 60%, #071426);
  border-right: 1px solid rgba(255, 255, 255, .2);
}

.mmco-editor-topbar,
.mmco-editor-drawer {
  color: var(--meta-white);
}

.mmco-editor-nav button,
.mmco-product-tabs button,
.mmco-style-choice,
.mmco-block-row,
.mmco-nested-row {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255,255,255,.07);
}

.mmco-editor-nav button.is-active,
.mmco-product-tabs button.is-active,
.mmco-style-choice.is-active,
.mmco-block-row.is-active {
  background: linear-gradient(135deg, var(--meta-white), var(--meta-blue-900));
  color: var(--meta-blue-950);
}

.mmco-pencil,
.mmco-edit-fab {
  background: linear-gradient(135deg, var(--meta-white), var(--meta-blue-900));
  color: var(--meta-blue-950);
  border: 1px solid rgba(255,255,255,.34);
}

/* DASHBOARD / PRODUCT BUILDER */

.mmco-app {
  background:
    radial-gradient(circle at 0 0, rgba(7, 20, 38, .14), transparent 20rem),
    linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900));
}

.mmco-app-card,
.mmco-product-form,
.mmco-customer-options {
  border: 1px solid rgba(7, 20, 38, .22);
  border-radius: 32px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 34px 100px rgba(3,8,18,.22);
}

.mmco-customer-options {
  padding: clamp(22px, 4vw, 42px);
  margin: 24px 0;
}

.mmco-shop-option-group {
  padding: 18px 0;
  border-top: 1px solid rgba(7,20,38,.1);
}

.mmco-shop-addon-card,
.mmco-cut-choice {
  border-radius: 22px;
  background: rgba(255,255,255,.86);
}

/* MOBILE */

@media (max-width: 980px) {
  .mmco-header {
    grid-template-columns: 1fr;
    gap: 10px;
    border-radius: 26px;
  }

  .mmco-nav {
    justify-content: flex-start;
  }

  .mmco-header-actions {
    justify-content: flex-start;
  }

  .mmco-hero-content {
    padding: 150px 0 86px;
  }

  .mmco-hero-split {
    grid-template-columns: 1fr;
  }

  .mmco-hero-split .mmco-hero-media {
    order: 1;
    margin: 0 20px 80px;
    min-height: 420px;
  }

  .mmco-hero-split .mmco-hero-content {
    order: 2;
    padding: 0 24px 70px;
  }

  .mmco-story,
  .mmco-block-content.mmco-layout-two-column .mmco-content-card,
  .mmco-content-two-column,
  .mmco-block-content.mmco-layout-media-strip .mmco-content-card,
  .mmco-block-products.mmco-layout-feature-row .mmco-product-grid,
  .mmco-block-cta.mmco-layout-newsletter .mmco-cta-box,
  .mmco-block-cta.mmco-layout-split .mmco-cta-box {
    grid-template-columns: 1fr;
  }

  .mmco-block-quick_links.mmco-layout-feature-grid .mmco-quick-card:first-child,
  .mmco-block-categories.mmco-layout-split .mmco-category-card:first-child {
    grid-column: auto;
  }

  .mmco-block-story.mmco-layout-three-image-row .mmco-story-media-grid,
  .mmco-block-story.mmco-layout-collage .mmco-story-media-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .mmco-block-story.mmco-layout-three-image-row .mmco-story-media-grid figure,
  .mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure {
    min-height: 320px;
    transform: none !important;
  }

  .mmco-block-products.mmco-layout-compact-list .mmco-product-card {
    grid-template-columns: 1fr;
  }

  .mmco-site.is-editing {
    padding-left: 0;
    padding-top: 0;
  }

  .mmco-site.is-editing .mmco-header {
    left: 14px;
  }
}

@media (max-width: 640px) {
  .mmco-header {
    top: 10px;
    left: 10px;
    right: 10px;
    padding: 12px;
  }

  .mmco-logo-text {
    font-size: 1.05rem;
  }

  .mmco-nav a,
  .mmco-small-link {
    padding: 9px 11px;
    font-size: .82rem;
  }

  .mmco-menu-cta {
    width: 100%;
  }

  .mmco-hero h1 {
    font-size: clamp(3.5rem, 18vw, 5.7rem);
  }

  .mmco-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .mmco-story-copy,
  .mmco-content-card,
  .mmco-cta-box,
  .mmco-step {
    padding: 26px;
  }

  .mmco-footer {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mmco-hero-media,
  .mmco-hero-media img,
  .mmco-hero-media video,
  .mmco-story-media img,
  .mmco-content-media img,
  .mmco-quick-card img,
  .mmco-category-card img,
  .mmco-product-card img {
    transform: none !important;
    transition: none !important;
  }
}

/* FINAL CLEAN PASS: DARK BLUE + WHITE ONLY */
body.mmco-shell {
  background: var(--meta-page) !important;
  color: var(--meta-black) !important;
}

.mmco-site,
.mmco-preview-root,
.mmco-blocks,
#mmco-blocks {
  background: var(--meta-page) !important;
  color: var(--meta-black) !important;
}

.mmco-site::before {
  opacity: .22 !important;
  background-image:
    linear-gradient(rgba(7,20,38,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,20,38,.025) 1px, transparent 1px) !important;
  mask-image: linear-gradient(to bottom, #000, transparent 62%) !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 {
  background: linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900)) !important;
  color: var(--meta-white) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 22px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.mmco-header *,
.mmco-header.mmco-header-style-3 *,
body.mmco-menu-style-3 .mmco-header * {
  color: var(--meta-white) !important;
}

.mmco-logo-img {
  background: var(--meta-white) !important;
  border-color: rgba(255,255,255,.42) !important;
}

.mmco-nav a::after {
  background: var(--meta-white) !important;
}

.mmco-nav a:hover,
.mmco-nav a.is-active,
.mmco-small-link:hover,
body.mmco-menu-style-3 .mmco-nav a:hover,
body.mmco-menu-style-3 .mmco-nav a.is-active,
.mmco-header.mmco-header-style-3 .mmco-nav a:hover,
.mmco-header.mmco-header-style-3 .mmco-nav a.is-active {
  background: rgba(255,255,255,.11) !important;
  color: var(--meta-white) !important;
}

.mmco-menu-cta,
.mmco-button,
.mmco-primary-small,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border: 1px solid rgba(7,20,38,.9) !important;
  background: linear-gradient(135deg, var(--meta-blue-900), var(--meta-blue-950)) !important;
  color: var(--meta-white) !important;
  box-shadow: 0 18px 45px rgba(7,20,38,.18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.mmco-header .mmco-menu-cta,
.mmco-header .mmco-button,
.mmco-header .mmco-primary-small {
  border-color: rgba(255,255,255,.38) !important;
  background: rgba(255,255,255,.08) !important;
  color: var(--meta-white) !important;
}

.mmco-menu-cta:hover,
.mmco-button:hover,
.mmco-primary-small:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  filter: none !important;
  box-shadow: 0 24px 60px rgba(7,20,38,.25), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.mmco-ghost-small {
  border-color: rgba(7,20,38,.16) !important;
  background: var(--meta-white) !important;
  color: var(--meta-blue-950) !important;
}

.mmco-hero,
.mmco-hero-split {
  background: linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900)) !important;
  color: var(--meta-white) !important;
}

.mmco-hero::before {
  background:
    radial-gradient(circle at 76% 22%, rgba(255,255,255,.1), transparent 18rem),
    linear-gradient(90deg, rgba(3,8,18,.9), rgba(3,8,18,.62) 48%, rgba(3,8,18,.2)) !important;
}

.mmco-hero h1,
.mmco-hero-text,
.mmco-hero .mmco-eyebrow {
  color: var(--meta-white) !important;
}

.mmco-hero-media img,
.mmco-hero-media video {
  filter: saturate(.92) contrast(1.06) brightness(.84) !important;
}

.mmco-section,
#mmco-blocks .mmco-section:nth-child(odd),
#mmco-blocks .mmco-section:nth-child(even),
.mmco-block-content.mmco-layout-media-strip,
.mmco-block-products.mmco-layout-sale-strip {
  background: var(--meta-page) !important;
  color: var(--meta-black) !important;
}

.mmco-section-intro h2,
.mmco-story-copy .mmco-section-intro h2,
.mmco-product-body h3,
.mmco-card h3,
.mmco-content-card h3,
.mmco-step h3 {
  color: var(--meta-blue-950) !important;
}

.mmco-section-intro p,
.mmco-cta-box p,
.mmco-card p,
.mmco-content-card p,
.mmco-story-copy p,
.mmco-product-body p,
.mmco-step p,
#mmco-blocks .mmco-section:nth-child(even) .mmco-section-intro p,
#mmco-blocks .mmco-section:nth-child(even) .mmco-card p,
#mmco-blocks .mmco-section:nth-child(even) .mmco-step p,
#mmco-blocks .mmco-section:nth-child(even) small,
.mmco-block-content.mmco-layout-media-strip .mmco-section-intro p {
  color: #1d2733 !important;
}

.mmco-eyebrow,
.mmco-product-price {
  color: var(--meta-blue-900) !important;
}

.mmco-quick-card,
.mmco-category-card,
.mmco-card,
.mmco-product-card,
.mmco-content-card,
.mmco-step,
.mmco-shop-addon-card,
.mmco-story-copy,
.mmco-story-media,
.mmco-app-card,
.mmco-product-form,
.mmco-customer-options,
.mmco-shop-addon-card,
.mmco-cut-choice {
  border-color: rgba(7,20,38,.13) !important;
  background: var(--meta-white) !important;
  color: var(--meta-black) !important;
  box-shadow: 0 28px 80px rgba(3,8,18,.11) !important;
}

.mmco-quick-card,
.mmco-category-card {
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
}

.mmco-quick-card::before,
.mmco-category-card::before {
  background: linear-gradient(180deg, transparent 10%, rgba(3,8,18,.3) 42%, rgba(3,8,18,.92)) !important;
}

.mmco-quick-card strong,
.mmco-category-card span,
.mmco-quick-card small,
.mmco-category-card small,
.mmco-quick-card .mmco-quick-icon {
  color: var(--meta-white) !important;
}

.mmco-quick-card small,
.mmco-category-card small {
  color: rgba(255,255,255,.76) !important;
}

.mmco-quick-icon,
.mmco-step strong {
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
}

.mmco-block-quick_links.mmco-layout-pill-bar .mmco-quick-card,
.mmco-block-categories.mmco-layout-butcher-board .mmco-category-grid,
.mmco-canvas,
.mmco-block-story.mmco-layout-quote .mmco-story-copy,
.mmco-cta-box {
  background: linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900)) !important;
  color: var(--meta-white) !important;
  border-color: rgba(255,255,255,.18) !important;
}

.mmco-block-story.mmco-layout-quote .mmco-story-copy .mmco-section-intro h2,
.mmco-block-story.mmco-layout-quote .mmco-story-copy .mmco-section-intro p,
.mmco-cta-box h2,
.mmco-cta-box p,
.mmco-cta-box .mmco-eyebrow {
  color: var(--meta-white) !important;
}

.mmco-video-frame,
.mmco-canvas,
.mmco-story-media,
.mmco-content-media,
.mmco-product-image {
  border-color: rgba(7,20,38,.14) !important;
}

.mmco-product-image {
  background: var(--meta-soft) !important;
}

.mmco-block-media_canvas.mmco-layout-polaroid .mmco-canvas-item {
  background: var(--meta-white) !important;
}

.mmco-footer {
  background: linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900)) !important;
  color: var(--meta-white) !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
}

.mmco-footer::before {
  border-color: rgba(255,255,255,.16) !important;
}

.mmco-footer h2,
.mmco-footer p,
.mmco-footer a,
.mmco-footer .mmco-small-link {
  color: var(--meta-white) !important;
}

.mmco-footer p {
  opacity: .76 !important;
}

.mmco-footer .mmco-small-link {
  background: rgba(255,255,255,.08) !important;
}

.mmco-editor,
.mmco-app {
  background: linear-gradient(180deg, var(--meta-blue-950), var(--meta-blue-900)) !important;
}

.mmco-editor-nav button,
.mmco-product-tabs button,
.mmco-style-choice,
.mmco-block-row,
.mmco-nested-row {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.07) !important;
}

.mmco-editor-nav button.is-active,
.mmco-product-tabs button.is-active,
.mmco-style-choice.is-active,
.mmco-block-row.is-active,
.mmco-pencil,
.mmco-edit-fab {
  background: var(--meta-white) !important;
  color: var(--meta-blue-950) !important;
  border-color: rgba(255,255,255,.3) !important;
}

/* WHITE DASHBOARD / ADMIN OVERRIDE
   Keeps the public site dark-blue + white, but makes dashboard/product-builder areas
   feel like a clean admin interface: white canvas, black text, navy actions, clear cards. */

.mmco-app,
.mmco-dashboard,
.mmco-dashboard-page,
.mmco-admin-dashboard,
.mmco-product-builder {
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
  color: var(--meta-black) !important;
  min-height: 100vh;
}

.mmco-app::before,
.mmco-app::after,
.mmco-dashboard::before,
.mmco-dashboard::after,
.mmco-dashboard-page::before,
.mmco-dashboard-page::after {
  display: none !important;
  content: none !important;
}

.mmco-app {
  padding: clamp(18px, 3vw, 42px) !important;
}

.mmco-app > *,
.mmco-dashboard > *,
.mmco-dashboard-page > *,
.mmco-admin-dashboard > *,
.mmco-product-builder > * {
  position: relative;
  z-index: 1;
}

.mmco-app h1,
.mmco-app h2,
.mmco-app h3,
.mmco-app h4,
.mmco-app h5,
.mmco-app h6,
.mmco-dashboard h1,
.mmco-dashboard h2,
.mmco-dashboard h3,
.mmco-dashboard h4,
.mmco-dashboard h5,
.mmco-dashboard h6,
.mmco-product-builder h1,
.mmco-product-builder h2,
.mmco-product-builder h3,
.mmco-product-builder h4,
.mmco-product-builder h5,
.mmco-product-builder h6,
.mmco-product-form h1,
.mmco-product-form h2,
.mmco-product-form h3,
.mmco-customer-options h1,
.mmco-customer-options h2,
.mmco-customer-options h3 {
  color: var(--meta-blue-950) !important;
  letter-spacing: -.035em;
}

.mmco-app p,
.mmco-app small,
.mmco-app label,
.mmco-app legend,
.mmco-app li,
.mmco-dashboard p,
.mmco-dashboard small,
.mmco-dashboard label,
.mmco-dashboard legend,
.mmco-dashboard li,
.mmco-product-builder p,
.mmco-product-builder small,
.mmco-product-builder label,
.mmco-product-builder legend,
.mmco-product-builder li,
.mmco-product-form p,
.mmco-product-form small,
.mmco-product-form label,
.mmco-product-form legend,
.mmco-customer-options p,
.mmco-customer-options small,
.mmco-customer-options label,
.mmco-customer-options legend {
  color: #1d2733 !important;
}

.mmco-app .mmco-eyebrow,
.mmco-dashboard .mmco-eyebrow,
.mmco-product-builder .mmco-eyebrow {
  color: #5b6472 !important;
}

.mmco-app-card,
.mmco-product-form,
.mmco-customer-options,
.mmco-dashboard-card,
.mmco-dashboard-panel,
.mmco-dashboard-widget,
.mmco-metric-card,
.mmco-stat-card,
.mmco-admin-card,
.mmco-builder-card {
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 18px 55px rgba(3, 8, 18, .08) !important;
}

.mmco-app-card,
.mmco-dashboard-card,
.mmco-dashboard-panel,
.mmco-dashboard-widget,
.mmco-metric-card,
.mmco-stat-card,
.mmco-admin-card,
.mmco-builder-card {
  padding: clamp(18px, 2.5vw, 32px);
}

.mmco-app-header,
.mmco-dashboard-header,
.mmco-dashboard-toolbar,
.mmco-app-toolbar,
.mmco-builder-toolbar,
.mmco-product-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: clamp(18px, 3vw, 34px);
  padding: clamp(16px, 2.4vw, 26px);
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 24px;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 14px 42px rgba(3, 8, 18, .06);
}

.mmco-dashboard-grid,
.mmco-app-grid,
.mmco-stats-grid,
.mmco-metrics-grid,
.mmco-builder-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(14px, 2vw, 24px);
}

.mmco-stat-card,
.mmco-metric-card,
.mmco-dashboard-widget {
  min-height: 128px;
}

.mmco-stat-card strong,
.mmco-metric-card strong,
.mmco-dashboard-widget strong {
  display: block;
  margin-top: 8px;
  color: var(--meta-blue-950) !important;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1;
  letter-spacing: -.06em;
}

.mmco-product-form,
.mmco-customer-options {
  padding: clamp(20px, 3vw, 40px) !important;
  margin: clamp(16px, 2.4vw, 28px) 0 !important;
}

.mmco-shop-option-group {
  padding: 22px 0 !important;
  border-top: 1px solid rgba(7, 20, 38, .10) !important;
  background: transparent !important;
}

.mmco-shop-option-group:first-child {
  border-top: 0 !important;
}

.mmco-shop-addon-card,
.mmco-cut-choice,
.mmco-option-card,
.mmco-choice-card {
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 10px 30px rgba(3, 8, 18, .06) !important;
}

.mmco-shop-addon-card:hover,
.mmco-cut-choice:hover,
.mmco-option-card:hover,
.mmco-choice-card:hover {
  border-color: rgba(7, 20, 38, .28) !important;
  box-shadow: 0 16px 42px rgba(3, 8, 18, .10) !important;
  transform: translateY(-1px);
}

.mmco-shop-addon-card.is-active,
.mmco-cut-choice.is-active,
.mmco-option-card.is-active,
.mmco-choice-card.is-active,
.mmco-shop-addon-card[aria-pressed="true"],
.mmco-cut-choice[aria-pressed="true"],
.mmco-option-card[aria-pressed="true"],
.mmco-choice-card[aria-pressed="true"] {
  border-color: var(--meta-blue-900) !important;
  box-shadow: 0 0 0 3px rgba(7, 20, 38, .10), 0 16px 42px rgba(3, 8, 18, .10) !important;
}

.mmco-app input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mmco-app select,
.mmco-app textarea,
.mmco-dashboard input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mmco-dashboard select,
.mmco-dashboard textarea,
.mmco-product-builder input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mmco-product-builder select,
.mmco-product-builder textarea,
.mmco-product-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mmco-product-form select,
.mmco-product-form textarea,
.mmco-customer-options input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.mmco-customer-options select,
.mmco-customer-options textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(7, 20, 38, .14) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 1px 0 rgba(7, 20, 38, .04) !important;
  outline: none !important;
}

.mmco-app input:focus,
.mmco-app select:focus,
.mmco-app textarea:focus,
.mmco-dashboard input:focus,
.mmco-dashboard select:focus,
.mmco-dashboard textarea:focus,
.mmco-product-builder input:focus,
.mmco-product-builder select:focus,
.mmco-product-builder textarea:focus,
.mmco-product-form input:focus,
.mmco-product-form select:focus,
.mmco-product-form textarea:focus,
.mmco-customer-options input:focus,
.mmco-customer-options select:focus,
.mmco-customer-options textarea:focus {
  border-color: var(--meta-blue-900) !important;
  box-shadow: 0 0 0 4px rgba(7, 20, 38, .10) !important;
}

.mmco-app input::placeholder,
.mmco-app textarea::placeholder,
.mmco-dashboard input::placeholder,
.mmco-dashboard textarea::placeholder,
.mmco-product-builder input::placeholder,
.mmco-product-builder textarea::placeholder,
.mmco-product-form input::placeholder,
.mmco-product-form textarea::placeholder,
.mmco-customer-options input::placeholder,
.mmco-customer-options textarea::placeholder {
  color: #7b8491 !important;
}

.mmco-app .mmco-product-tabs,
.mmco-dashboard .mmco-product-tabs,
.mmco-product-builder .mmco-product-tabs,
.mmco-product-form .mmco-product-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px;
  border: 1px solid rgba(7, 20, 38, .10);
  border-radius: 999px;
  background: #f3f6fb !important;
}

.mmco-app .mmco-product-tabs button,
.mmco-dashboard .mmco-product-tabs button,
.mmco-product-builder .mmco-product-tabs button,
.mmco-product-form .mmco-product-tabs button {
  min-height: 40px;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--meta-blue-950) !important;
  box-shadow: none !important;
}

.mmco-app .mmco-product-tabs button.is-active,
.mmco-dashboard .mmco-product-tabs button.is-active,
.mmco-product-builder .mmco-product-tabs button.is-active,
.mmco-product-form .mmco-product-tabs button.is-active {
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
  box-shadow: 0 10px 24px rgba(7, 20, 38, .18) !important;
}

.mmco-app .mmco-button,
.mmco-app .mmco-primary-small,
.mmco-app button[type="submit"],
.mmco-app input[type="submit"],
.mmco-dashboard .mmco-button,
.mmco-dashboard .mmco-primary-small,
.mmco-dashboard button[type="submit"],
.mmco-dashboard input[type="submit"],
.mmco-product-builder .mmco-button,
.mmco-product-builder .mmco-primary-small,
.mmco-product-builder button[type="submit"],
.mmco-product-builder input[type="submit"],
.mmco-product-form .mmco-button,
.mmco-product-form .mmco-primary-small,
.mmco-product-form button[type="submit"],
.mmco-product-form input[type="submit"] {
  border: 1px solid var(--meta-blue-950) !important;
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
  box-shadow: 0 14px 34px rgba(7, 20, 38, .20) !important;
}

.mmco-app .mmco-ghost-small,
.mmco-dashboard .mmco-ghost-small,
.mmco-product-builder .mmco-ghost-small,
.mmco-product-form .mmco-ghost-small {
  border: 1px solid rgba(7, 20, 38, .14) !important;
  background: #ffffff !important;
  color: var(--meta-blue-950) !important;
  box-shadow: 0 8px 24px rgba(7, 20, 38, .06) !important;
}

.mmco-app table,
.mmco-dashboard table,
.mmco-product-builder table,
.mmco-product-form table,
.mmco-customer-options table,
.woocommerce-account .woocommerce-MyAccount-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 18px;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 10px 34px rgba(3, 8, 18, .05);
}

.mmco-app th,
.mmco-dashboard th,
.mmco-product-builder th,
.mmco-product-form th,
.mmco-customer-options th,
.woocommerce-account .woocommerce-MyAccount-content th {
  padding: 14px 16px;
  background: #f3f6fb !important;
  color: var(--meta-blue-950) !important;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: left;
}

.mmco-app td,
.mmco-dashboard td,
.mmco-product-builder td,
.mmco-product-form td,
.mmco-customer-options td,
.woocommerce-account .woocommerce-MyAccount-content td {
  padding: 16px;
  border-top: 1px solid rgba(7, 20, 38, .08) !important;
  color: #1d2733 !important;
}

.mmco-app tr:hover td,
.mmco-dashboard tr:hover td,
.mmco-product-builder tr:hover td,
.mmco-product-form tr:hover td,
.mmco-customer-options tr:hover td,
.woocommerce-account .woocommerce-MyAccount-content tr:hover td {
  background: #f8fafd !important;
}

/* WooCommerce account/dashboard pages, if used by the theme. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .u-columns,
.woocommerce-account .woocommerce-form,
.woocommerce-account form.checkout,
.woocommerce-account form.login,
.woocommerce-account form.register {
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 18px 55px rgba(3, 8, 18, .08) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .u-columns,
.woocommerce-account .woocommerce-form {
  padding: clamp(18px, 2.5vw, 32px) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 12px 14px;
  border-radius: 14px;
  background: #f3f6fb !important;
  color: var(--meta-blue-950) !important;
  font-weight: 850;
  text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
}

.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-EditAccountForm h1,
.woocommerce-account .woocommerce-EditAccountForm h2,
.woocommerce-account .woocommerce-EditAccountForm h3 {
  color: var(--meta-blue-950) !important;
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-account .woocommerce-MyAccount-content li,
.woocommerce-account .woocommerce-MyAccount-content label,
.woocommerce-account .woocommerce-EditAccountForm p,
.woocommerce-account .woocommerce-EditAccountForm li,
.woocommerce-account .woocommerce-EditAccountForm label {
  color: #1d2733 !important;
}

@media (max-width: 782px) {
  .mmco-app {
    padding: 14px !important;
  }

  .mmco-app-header,
  .mmco-dashboard-header,
  .mmco-dashboard-toolbar,
  .mmco-app-toolbar,
  .mmco-builder-toolbar,
  .mmco-product-form-header {
    display: grid;
    align-items: start;
  }

  .mmco-app table,
  .mmco-dashboard table,
  .mmco-product-builder table,
  .mmco-product-form table,
  .mmco-customer-options table,
  .woocommerce-account .woocommerce-MyAccount-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* WHITE DASHBOARD REFRESH
   Public pages stay dark-blue and white; the dashboard becomes a clean white admin workspace. */

body.mmco-shell .mmco-app,
.mmco-site .mmco-app,
.mmco-app {
  min-height: 100vh;
  padding: clamp(20px, 4vw, 54px) !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
}

.mmco-app::before,
.mmco-app::after {
  display: none !important;
  background: none !important;
}

.mmco-app,
.mmco-app *,
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce * {
  color-scheme: light;
}

.mmco-app h1,
.mmco-app h2,
.mmco-app h3,
.mmco-app h4,
.mmco-app h5,
.mmco-app h6,
.mmco-app legend,
.mmco-app label,
.mmco-app strong,
.woocommerce-account .woocommerce h1,
.woocommerce-account .woocommerce h2,
.woocommerce-account .woocommerce h3,
.woocommerce-account .woocommerce h4,
.woocommerce-account .woocommerce legend,
.woocommerce-account .woocommerce label,
.woocommerce-account .woocommerce strong {
  color: var(--meta-blue-950) !important;
}

.mmco-app p,
.mmco-app li,
.mmco-app small,
.mmco-app span,
.mmco-app td,
.mmco-app dd,
.mmco-app .description,
.mmco-app .help,
.mmco-app .hint,
.woocommerce-account .woocommerce p,
.woocommerce-account .woocommerce li,
.woocommerce-account .woocommerce small,
.woocommerce-account .woocommerce span,
.woocommerce-account .woocommerce td {
  color: #1d2733 !important;
}

.mmco-app a,
.woocommerce-account .woocommerce a {
  color: var(--meta-blue-900) !important;
  font-weight: 800;
  text-underline-offset: 3px;
}

/* Dashboard cards and panels */
.mmco-app-card,
.mmco-product-form,
.mmco-customer-options,
.mmco-app .mmco-dashboard-card,
.mmco-app .mmco-dashboard-panel,
.mmco-app .mmco-admin-card,
.mmco-app .mmco-panel,
.mmco-app .mmco-settings-panel,
.mmco-app .mmco-summary-card,
.mmco-app .mmco-stat-card,
.mmco-app .mmco-metric-card,
.mmco-app .mmco-kpi-card,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 20px 55px rgba(7, 20, 38, .08) !important;
}

.mmco-app-card,
.mmco-product-form,
.mmco-customer-options,
.mmco-app .mmco-dashboard-card,
.mmco-app .mmco-dashboard-panel,
.mmco-app .mmco-admin-card,
.mmco-app .mmco-panel,
.mmco-app .mmco-settings-panel,
.woocommerce-account .woocommerce-MyAccount-content {
  padding: clamp(22px, 3vw, 36px) !important;
}

.mmco-app .mmco-dashboard-grid,
.mmco-app .mmco-dashboard-cards,
.mmco-app .mmco-admin-grid,
.mmco-app .mmco-stats-grid,
.mmco-app .mmco-metrics-grid,
.mmco-app .mmco-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: clamp(14px, 2vw, 22px);
}

.mmco-app .mmco-stat-card,
.mmco-app .mmco-metric-card,
.mmco-app .mmco-kpi-card,
.mmco-app .mmco-dashboard-stat,
.mmco-app .mmco-dashboard-metric,
.mmco-app .mmco-dashboard-kpi {
  position: relative;
  overflow: hidden;
  padding: 24px !important;
  border-left: 5px solid var(--meta-blue-950) !important;
}

.mmco-app .mmco-stat-card::before,
.mmco-app .mmco-metric-card::before,
.mmco-app .mmco-kpi-card::before,
.mmco-app .mmco-dashboard-stat::before,
.mmco-app .mmco-dashboard-metric::before,
.mmco-app .mmco-dashboard-kpi::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: var(--meta-blue-950);
}

.mmco-app .mmco-stat-card strong,
.mmco-app .mmco-metric-card strong,
.mmco-app .mmco-kpi-card strong,
.mmco-app .mmco-dashboard-stat strong,
.mmco-app .mmco-dashboard-metric strong,
.mmco-app .mmco-dashboard-kpi strong {
  display: block;
  color: var(--meta-blue-950) !important;
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  line-height: 1;
  letter-spacing: -.04em;
}

/* Dashboard title bars */
.mmco-app-header,
.mmco-dashboard-header,
.mmco-dashboard-titlebar,
.mmco-dashboard-topbar,
.mmco-dashboard-toolbar,
.mmco-admin-header,
.mmco-admin-topbar,
.mmco-product-builder-header,
.mmco-product-builder-toolbar,
.mmco-product-form > header,
.mmco-app-card > header,
.mmco-customer-options > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 22px;
  padding: clamp(18px, 3vw, 30px) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, var(--meta-blue-950), var(--meta-blue-900)) !important;
  color: var(--meta-white) !important;
  box-shadow: 0 22px 60px rgba(7, 20, 38, .18) !important;
}

.mmco-app-header *,
.mmco-dashboard-header *,
.mmco-dashboard-titlebar *,
.mmco-dashboard-topbar *,
.mmco-dashboard-toolbar *,
.mmco-admin-header *,
.mmco-admin-topbar *,
.mmco-product-builder-header *,
.mmco-product-builder-toolbar *,
.mmco-product-form > header *,
.mmco-app-card > header *,
.mmco-customer-options > header * {
  color: var(--meta-white) !important;
}

/* Dashboard tabs and side navigation */
.mmco-app .mmco-product-tabs,
.mmco-app .mmco-dashboard-tabs,
.mmco-app .mmco-admin-tabs,
.mmco-app .mmco-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px !important;
  margin: 0 0 24px;
  border: 1px solid rgba(7, 20, 38, .1) !important;
  border-radius: 999px !important;
  background: #f4f7fb !important;
  box-shadow: none !important;
}

.mmco-app .mmco-product-tabs button,
.mmco-app .mmco-dashboard-tabs button,
.mmco-app .mmco-admin-tabs button,
.mmco-app .mmco-tabs button,
.woocommerce-account .woocommerce-MyAccount-navigation a {
  min-height: 42px;
  padding: 10px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--meta-blue-950) !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.mmco-app .mmco-product-tabs button:hover,
.mmco-app .mmco-dashboard-tabs button:hover,
.mmco-app .mmco-admin-tabs button:hover,
.mmco-app .mmco-tabs button:hover,
.mmco-app .mmco-product-tabs button.is-active,
.mmco-app .mmco-dashboard-tabs button.is-active,
.mmco-app .mmco-admin-tabs button.is-active,
.mmco-app .mmco-tabs button.is-active,
.mmco-app .mmco-product-tabs button[aria-selected="true"],
.mmco-app .mmco-dashboard-tabs button[aria-selected="true"],
.mmco-app .mmco-admin-tabs button[aria-selected="true"],
.mmco-app .mmco-tabs button[aria-selected="true"],
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a {
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
  border-color: var(--meta-blue-950) !important;
}

.mmco-app .mmco-product-tabs button.is-active *,
.mmco-app .mmco-dashboard-tabs button.is-active *,
.mmco-app .mmco-admin-tabs button.is-active *,
.mmco-app .mmco-tabs button.is-active *,
.mmco-app .mmco-product-tabs button[aria-selected="true"] *,
.mmco-app .mmco-dashboard-tabs button[aria-selected="true"] *,
.mmco-app .mmco-admin-tabs button[aria-selected="true"] *,
.mmco-app .mmco-tabs button[aria-selected="true"] *,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover *,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a * {
  color: var(--meta-white) !important;
}

.mmco-app .mmco-shop-option-group {
  padding: 20px 0 !important;
  border-top: 1px solid rgba(7, 20, 38, .1) !important;
  background: transparent !important;
}

.mmco-app .mmco-shop-addon-card,
.mmco-app .mmco-cut-choice,
.mmco-app .mmco-style-choice,
.mmco-app .mmco-block-row,
.mmco-app .mmco-nested-row,
.mmco-app .mmco-field-card,
.mmco-app .mmco-option-card,
.mmco-app .mmco-builder-row {
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 10px 26px rgba(3, 8, 18, .06) !important;
}

.mmco-app .mmco-style-choice.is-active,
.mmco-app .mmco-block-row.is-active,
.mmco-app .mmco-nested-row.is-active,
.mmco-app .mmco-cut-choice.is-active,
.mmco-app .mmco-shop-addon-card.is-active,
.mmco-app .is-selected {
  border-color: var(--meta-blue-900) !important;
  background: #f3f6fb !important;
  box-shadow: 0 14px 34px rgba(7, 20, 38, .1) !important;
}

/* Bright dashboard fields */
.mmco-app input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
.mmco-app select,
.mmco-app textarea,
.woocommerce-account input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]),
.woocommerce-account select,
.woocommerce-account textarea {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px !important;
  border: 1px solid rgba(7, 20, 38, .16) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: inset 0 1px 0 rgba(7, 20, 38, .04), 0 8px 22px rgba(3, 8, 18, .04) !important;
}

.mmco-app textarea,
.woocommerce-account textarea {
  min-height: 120px;
}

.mmco-app input::placeholder,
.mmco-app textarea::placeholder,
.woocommerce-account input::placeholder,
.woocommerce-account textarea::placeholder {
  color: #7a8595 !important;
}

.mmco-app input:focus,
.mmco-app select:focus,
.mmco-app textarea:focus,
.woocommerce-account input:focus,
.woocommerce-account select:focus,
.woocommerce-account textarea:focus {
  outline: 3px solid rgba(7, 20, 38, .12) !important;
  border-color: var(--meta-blue-900) !important;
  box-shadow: 0 0 0 1px var(--meta-blue-900), 0 12px 28px rgba(3, 8, 18, .08) !important;
}

/* Dashboard tables */
.mmco-app table,
.woocommerce-account table,
.woocommerce-account .shop_table {
  width: 100%;
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid rgba(7, 20, 38, .12) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: var(--meta-black) !important;
  box-shadow: 0 16px 40px rgba(7, 20, 38, .06) !important;
}

.mmco-app thead th,
.woocommerce-account thead th,
.woocommerce-account .shop_table thead th {
  padding: 14px 16px !important;
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mmco-app tbody td,
.woocommerce-account tbody td,
.woocommerce-account .shop_table tbody td {
  padding: 14px 16px !important;
  border-top: 1px solid rgba(7, 20, 38, .09) !important;
  background: #ffffff !important;
  color: #1d2733 !important;
}

.mmco-app tbody tr:nth-child(even) td,
.woocommerce-account tbody tr:nth-child(even) td,
.woocommerce-account .shop_table tbody tr:nth-child(even) td {
  background: #f8fafc !important;
}

/* Dashboard buttons */
.mmco-app .mmco-button,
.mmco-app .mmco-primary-small,
.mmco-app button[type="submit"],
.mmco-app input[type="submit"],
.mmco-app a.button,
.mmco-app button.button,
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button {
  border: 1px solid var(--meta-blue-950) !important;
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
  box-shadow: 0 14px 34px rgba(7, 20, 38, .18) !important;
}

.mmco-app .mmco-button:hover,
.mmco-app .mmco-primary-small:hover,
.mmco-app button[type="submit"]:hover,
.mmco-app input[type="submit"]:hover,
.mmco-app a.button:hover,
.mmco-app button.button:hover,
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover {
  background: var(--meta-blue-900) !important;
  color: var(--meta-white) !important;
  transform: translateY(-1px);
}

.mmco-app .mmco-ghost-small,
.mmco-app .button.secondary,
.mmco-app button.secondary,
.mmco-app .mmco-secondary,
.mmco-app .mmco-muted-button {
  border: 1px solid rgba(7, 20, 38, .16) !important;
  background: #ffffff !important;
  color: var(--meta-blue-950) !important;
  box-shadow: 0 8px 22px rgba(3, 8, 18, .06) !important;
}

/* WooCommerce account dashboard layout */
.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 30px);
  align-items: start;
  background: #ffffff !important;
  color: var(--meta-black) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
  padding: 10px !important;
  list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0 0 6px !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  text-decoration: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  margin-top: 0;
  padding: 18px 20px;
  border: 1px solid rgba(7, 20, 38, .08);
  border-radius: 18px;
  background: #f4f7fb !important;
}

.woocommerce-account mark,
.mmco-app mark {
  padding: .18em .42em;
  border-radius: 999px;
  background: #eef3fa !important;
  color: var(--meta-blue-950) !important;
}

@media (max-width: 860px) {
  .mmco-app {
    padding: 16px !important;
  }

  .mmco-app-header,
  .mmco-dashboard-header,
  .mmco-dashboard-titlebar,
  .mmco-dashboard-topbar,
  .mmco-dashboard-toolbar,
  .mmco-admin-header,
  .mmco-admin-topbar,
  .mmco-product-builder-header,
  .mmco-product-builder-toolbar,
  .mmco-product-form > header,
  .mmco-app-card > header,
  .mmco-customer-options > header {
    display: block;
  }

  .mmco-app .mmco-product-tabs,
  .mmco-app .mmco-dashboard-tabs,
  .mmco-app .mmco-admin-tabs,
  .mmco-app .mmco-tabs {
    border-radius: 22px !important;
  }

  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
   Metameat Co - Delivery, Products + Contact Rework
   Dark blue / white only, no green tint
   Paste after the main Design Lab CSS or use the full file.
   ========================================================== */

body.mmco-shell,
.mmco-site {
  --meta-blue-950: #061527;
  --meta-blue-900: #09213d;
  --meta-blue-850: #0c2a4d;
  --meta-blue-800: #12365f;
  --meta-white: #ffffff;
  --meta-paper: #f7f9fc;
  --meta-soft: #eef3f8;
  --meta-line: #dbe4ef;
  --meta-black: #10151d;
  --meta-muted: #667085;
}

/* Delivery page base */
.mmco-public-delivery,
.mmco-block-products,
.mmco-public-contact {
  background: var(--meta-white) !important;
  color: var(--meta-black) !important;
}

.mmco-public-delivery .mmco-section-intro,
.mmco-block-products .mmco-section-intro,
.mmco-public-contact .mmco-section-intro {
  width: min(1120px, 100%);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.mmco-public-delivery .mmco-eyebrow,
.mmco-block-products .mmco-eyebrow,
.mmco-public-contact .mmco-eyebrow,
.mmco-section-intro .mmco-eyebrow {
  color: var(--meta-blue-850) !important;
}

.mmco-public-delivery .mmco-section-intro h2,
.mmco-block-products .mmco-section-intro h2,
.mmco-public-contact .mmco-section-intro h2 {
  color: var(--meta-blue-950) !important;
  letter-spacing: -.055em;
}

.mmco-public-delivery .mmco-section-intro p,
.mmco-block-products .mmco-section-intro p,
.mmco-public-contact .mmco-section-intro p {
  max-width: 760px;
  color: var(--meta-muted) !important;
}

/* Delivery map card */
.mmco-delivery-map.mmco-public-map {
  width: min(1120px, 100%) !important;
  height: clamp(360px, 44vw, 540px) !important;
  margin: 0 auto 26px !important;
  overflow: hidden !important;
  border: 1px solid var(--meta-line) !important;
  border-radius: 28px !important;
  background: var(--meta-soft) !important;
  box-shadow: 0 26px 70px rgba(6, 21, 39, .12) !important;
}

.mmco-public-map .leaflet-control-zoom a {
  border-color: rgba(6, 21, 39, .12) !important;
  background: var(--meta-white) !important;
  color: var(--meta-blue-950) !important;
}

.mmco-public-map .leaflet-interactive {
  stroke: var(--meta-blue-850) !important;
  fill: var(--meta-blue-850) !important;
}

/* Turn delivery chips into a clean postcode table */
.mmco-delivery-area-public-list {
  width: min(1120px, 100%);
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--meta-line);
  border-radius: 24px;
  background: var(--meta-white);
  box-shadow: 0 20px 54px rgba(6, 21, 39, .08);
}

.mmco-delivery-area-public-list::before {
  content: "Postcode  Delivery suburbs";
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 20px;
  padding: 16px 22px;
  background: var(--meta-blue-950);
  color: var(--meta-white);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: pre;
}

.mmco-area-chip {
  display: grid !important;
  grid-template-columns: 180px 1fr !important;
  align-items: center !important;
  gap: 20px !important;
  min-height: 68px !important;
  padding: 16px 22px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--meta-line) !important;
  border-radius: 0 !important;
  background: var(--meta-white) !important;
  box-shadow: none !important;
  color: var(--meta-black) !important;
}

.mmco-area-chip:nth-child(even) {
  background: #f9fbfd !important;
}

.mmco-area-chip:last-child {
  border-bottom: 0 !important;
}

.mmco-area-chip strong {
  display: inline-flex;
  width: fit-content;
  min-width: 86px;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 999px;
  background: var(--meta-blue-950);
  color: var(--meta-white) !important;
  font-size: .94rem;
  font-weight: 950;
  letter-spacing: .02em;
}

.mmco-area-chip span {
  color: var(--meta-black) !important;
  font-size: .98rem;
  font-weight: 650;
  line-height: 1.45;
}

/* Better product cards */
.mmco-block-products .mmco-product-grid,
#mmco-products .mmco-product-grid {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
}

.mmco-block-products .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative;
  display: grid;
  grid-template-rows: 310px auto;
  overflow: hidden;
  border: 1px solid var(--meta-line) !important;
  border-radius: 30px !important;
  background: var(--meta-white) !important;
  box-shadow: 0 24px 66px rgba(6, 21, 39, .1) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.mmco-block-products .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(6, 21, 39, .22) !important;
  box-shadow: 0 34px 86px rgba(6, 21, 39, .16) !important;
}

.mmco-block-products .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative;
  height: 310px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #eef3f8, #dfe8f2) !important;
  color: var(--meta-blue-950) !important;
  text-decoration: none !important;
}

.mmco-block-products .mmco-product-image::after,
#mmco-products .mmco-product-image::after {
  content: "Farm packed";
  position: absolute;
  left: 18px;
  top: 18px;
  z-index: 3;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: var(--meta-blue-950);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 10px 26px rgba(6, 21, 39, .12);
}

.mmco-block-products .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
  transform: none !important;
  transition: transform .45s ease;
}

.mmco-block-products .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.045) !important;
}

.mmco-block-products .mmco-product-image span,
#mmco-products .mmco-product-image span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 28px;
  color: var(--meta-blue-900) !important;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.mmco-block-products .mmco-product-body,
#mmco-products .mmco-product-body {
  display: grid;
  gap: 14px;
  padding: 24px !important;
  background: var(--meta-white) !important;
}

.mmco-block-products .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  margin: 0;
  color: var(--meta-blue-950) !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  line-height: 1.05;
  letter-spacing: -.045em;
}

.mmco-block-products .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.mmco-block-products .mmco-product-price,
#mmco-products .mmco-product-price {
  color: var(--meta-black) !important;
  font-size: 1.16rem !important;
  font-weight: 950 !important;
}

.mmco-block-products .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  width: fit-content;
  margin-top: 4px;
  border: 1px solid var(--meta-blue-950) !important;
  border-radius: 999px !important;
  background: var(--meta-blue-950) !important;
  color: var(--meta-white) !important;
  font-size: .86rem;
  font-weight: 900;
  letter-spacing: .01em;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(6, 21, 39, .18) !important;
}

.mmco-block-products .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px);
  background: var(--meta-blue-800) !important;
}

/* Contact section */
.mmco-public-contact {
  padding-top: clamp(64px, 8vw, 118px) !important;
}

.mmco-public-contact-grid {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.mmco-contact-card {
  min-height: 150px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 22px !important;
  border: 1px solid var(--meta-line) !important;
  border-radius: 24px !important;
  background: var(--meta-white) !important;
  color: var(--meta-black) !important;
  text-decoration: none !important;
  box-shadow: 0 18px 48px rgba(6, 21, 39, .08) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.mmco-contact-card:hover {
  transform: translateY(-4px);
  border-color: rgba(6, 21, 39, .24) !important;
  box-shadow: 0 28px 70px rgba(6, 21, 39, .13) !important;
}

.mmco-contact-card span {
  color: var(--meta-muted) !important;
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mmco-contact-card strong {
  color: var(--meta-blue-950) !important;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.mmco-contact-card[href^="tel"],
.mmco-contact-card[href^="mailto"] {
  background: linear-gradient(180deg, #ffffff, #f8fbfe) !important;
}

.mmco-contact-card[href^="tel"]::after,
.mmco-contact-card[href^="mailto"]::after {
  content: "Open";
  width: fit-content;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--meta-blue-950);
  color: var(--meta-white);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Mobile polish */
@media (max-width: 980px) {
  .mmco-block-products .mmco-product-grid,
  #mmco-products .mmco-product-grid,
  .mmco-public-contact-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-public-contact-grid {
    gap: 14px !important;
  }
}

@media (max-width: 640px) {
  .mmco-delivery-area-public-list::before,
  .mmco-area-chip {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .mmco-delivery-area-public-list::before {
    content: "Delivery suburbs and postcodes";
  }

  .mmco-area-chip {
    align-items: flex-start !important;
  }

  .mmco-block-products .mmco-product-card,
  #mmco-products .mmco-product-card {
    grid-template-rows: 240px auto;
    border-radius: 24px !important;
  }

  .mmco-block-products .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 240px !important;
  }

  .mmco-contact-card {
    min-height: 126px;
  }
}

/* =========================================================
   Metameat Co - Sticky dashboard sidebar + epic story/products
   Add-on patch: dark blue / white only, no green tint
   Paste after the main Metameat CSS or use this full file.
   ========================================================= */

:root,
body.mmco-shell,
.mmco-site {
  --mmco-clean-blue: #071426;
  --mmco-clean-blue-2: #0b1d33;
  --mmco-clean-blue-3: #102844;
  --mmco-clean-white: #ffffff;
  --mmco-clean-paper: #f7f9fc;
  --mmco-clean-ink: #05070b;
  --mmco-clean-muted: #687283;
  --mmco-clean-border: rgba(7, 20, 38, .12);
  --mmco-clean-soft-blue: rgba(7, 20, 38, .06);
}

/* Keep dark-blue areas readable */
.mmco-header,
.mmco-footer,
.mmco-hero,
.mmco-cta-box,
.mmco-block-products.mmco-layout-sale-strip,
#mmco-blocks .mmco-section:nth-child(even),
.mmco-story-copy[style*="background"],
.mmco-section[style*="background: var(--meta-blue"],
.mmco-section[style*="background:var(--meta-blue"] {
  color: var(--mmco-clean-white) !important;
}

.mmco-header h1,
.mmco-header h2,
.mmco-header h3,
.mmco-footer h1,
.mmco-footer h2,
.mmco-footer h3,
.mmco-hero h1,
.mmco-hero h2,
.mmco-hero h3,
.mmco-cta-box h1,
.mmco-cta-box h2,
.mmco-cta-box h3,
#mmco-blocks .mmco-section:nth-child(even) h1,
#mmco-blocks .mmco-section:nth-child(even) h2,
#mmco-blocks .mmco-section:nth-child(even) h3,
#mmco-blocks .mmco-section:nth-child(even) h4 {
  color: #fff !important;
}

.mmco-header p,
.mmco-footer p,
.mmco-hero p,
.mmco-cta-box p,
#mmco-blocks .mmco-section:nth-child(even) p,
#mmco-blocks .mmco-section:nth-child(even) li,
#mmco-blocks .mmco-section:nth-child(even) small {
  color: rgba(255,255,255,.82) !important;
}

/* Fixed/sticky dashboard sidebar */
.mmco-app {
  --mmco-sidebar-width: 292px;
  background: #f7f9fc !important;
  color: var(--mmco-clean-ink) !important;
}

.mmco-app-sidebar,
.mmco-tab-sidebar {
  position: sticky !important;
  top: 18px !important;
  align-self: flex-start !important;
  max-height: calc(100vh - 36px) !important;
  overflow-y: auto !important;
  z-index: 40 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, var(--mmco-clean-blue), var(--mmco-clean-blue-2)) !important;
  color: #fff !important;
  box-shadow: 0 24px 70px rgba(7,20,38,.22) !important;
  scrollbar-width: thin;
}

.mmco-app-sidebar *,
.mmco-tab-sidebar * {
  color: inherit;
}

.mmco-app-sidebar h1,
.mmco-app-sidebar h2,
.mmco-app-sidebar h3,
.mmco-app-sidebar h4,
.mmco-tab-sidebar h1,
.mmco-tab-sidebar h2,
.mmco-tab-sidebar h3,
.mmco-tab-sidebar h4,
.mmco-app-sidebar strong,
.mmco-tab-sidebar strong {
  color: #fff !important;
}

.mmco-app-sidebar p,
.mmco-app-sidebar small,
.mmco-app-sidebar span,
.mmco-app-sidebar label,
.mmco-tab-sidebar p,
.mmco-tab-sidebar small,
.mmco-tab-sidebar span,
.mmco-tab-sidebar label {
  color: rgba(255,255,255,.78) !important;
}

.mmco-app-sidebar a,
.mmco-app-sidebar button,
.mmco-tab-sidebar a,
.mmco-tab-sidebar button,
.mmco-app-sidebar .mmco-tab,
.mmco-tab-sidebar .mmco-tab,
.mmco-app-sidebar [role="tab"],
.mmco-tab-sidebar [role="tab"] {
  width: 100%;
  justify-content: flex-start;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.mmco-app-sidebar a:hover,
.mmco-app-sidebar button:hover,
.mmco-tab-sidebar a:hover,
.mmco-tab-sidebar button:hover,
.mmco-app-sidebar .is-active,
.mmco-tab-sidebar .is-active,
.mmco-app-sidebar [aria-selected="true"],
.mmco-tab-sidebar [aria-selected="true"] {
  background: #fff !important;
  color: var(--mmco-clean-blue) !important;
  border-color: #fff !important;
}

.mmco-app-sidebar .is-active *,
.mmco-tab-sidebar .is-active *,
.mmco-app-sidebar [aria-selected="true"] *,
.mmco-tab-sidebar [aria-selected="true"] * {
  color: var(--mmco-clean-blue) !important;
}

@media (min-width: 981px) {
  .mmco-app:has(.mmco-app-sidebar),
  .mmco-app:has(.mmco-tab-sidebar) {
    display: grid !important;
    grid-template-columns: minmax(250px, var(--mmco-sidebar-width)) minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
  }

  .mmco-app-sidebar,
  .mmco-tab-sidebar {
    min-width: 250px;
  }
}

@media (max-width: 980px) {
  .mmco-app-sidebar,
  .mmco-tab-sidebar {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
  }
}

/* About/story overhaul - overlapping premium collage */
.mmco-story.mmco-story-collage {
  position: relative;
  width: min(1280px, 100%);
  margin-inline: auto;
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr) !important;
  gap: clamp(28px, 5vw, 76px) !important;
  align-items: center !important;
}

.mmco-story.mmco-story-collage .mmco-story-copy {
  position: relative;
  z-index: 3;
  min-height: auto !important;
  padding: clamp(34px, 5vw, 70px) !important;
  border: 1px solid rgba(7,20,38,.1) !important;
  border-radius: 34px !important;
  background: #fff !important;
  color: var(--mmco-clean-ink) !important;
  box-shadow: 0 28px 80px rgba(7,20,38,.12) !important;
}

.mmco-story.mmco-story-collage .mmco-story-copy::before {
  content: "Farm story";
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 13px;
  border-radius: 999px;
  background: var(--mmco-clean-blue) !important;
  color: #fff !important;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.mmco-story.mmco-story-collage .mmco-story-copy h2,
.mmco-story.mmco-story-collage .mmco-section-intro h2 {
  margin: 0 0 18px !important;
  color: var(--mmco-clean-blue) !important;
  font-size: clamp(2.4rem, 5vw, 5.9rem) !important;
  line-height: .9 !important;
  letter-spacing: -.07em !important;
}

.mmco-story.mmco-story-collage .mmco-story-copy p {
  max-width: 58ch;
  margin: 0 !important;
  color: #1d2530 !important;
  font-size: clamp(1rem, 1.12vw, 1.16rem) !important;
  line-height: 1.82 !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid {
  position: relative !important;
  min-height: clamp(520px, 55vw, 720px) !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid::before {
  content: "";
  position: absolute;
  inset: 10% 8% 6% 4%;
  border-radius: 42px;
  background: linear-gradient(135deg, var(--mmco-clean-blue), var(--mmco-clean-blue-3)) !important;
  box-shadow: 0 34px 90px rgba(7,20,38,.2);
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure {
  position: absolute !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 8px solid #fff !important;
  background: #fff !important;
  box-shadow: 0 26px 80px rgba(7,20,38,.24) !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:nth-child(1) {
  width: 66%;
  height: 66%;
  left: 0;
  top: 7%;
  z-index: 3;
  border-radius: 36px !important;
  transform: rotate(-2.4deg);
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:nth-child(2) {
  width: 54%;
  height: 50%;
  right: 0;
  top: 0;
  z-index: 2;
  border-radius: 34px !important;
  transform: rotate(3.2deg);
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:nth-child(3) {
  width: 58%;
  height: 46%;
  right: 7%;
  bottom: 0;
  z-index: 4;
  border-radius: 34px !important;
  transform: rotate(-1.4deg);
}

.mmco-story.mmco-story-collage .mmco-story-media-grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(1.02) contrast(1.04) !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:hover img {
  transform: scale(1.06) !important;
}

/* Epic horizontal product scrollbar */
.mmco-block-products.mmco-layout-grid-4,
section[id^="mmco-products-"] {
  overflow: hidden;
  background: #fff !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-section-intro,
section[id^="mmco-products-"] .mmco-section-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  width: min(1280px, 100%);
  margin-inline: auto;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-section-intro h2,
section[id^="mmco-products-"] .mmco-section-intro h2 {
  color: var(--mmco-clean-blue) !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-products-wrap,
section[id^="mmco-products-"] .mmco-products-wrap {
  width: min(1280px, 100%);
  margin-inline: auto;
  position: relative;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-grid,
section[id^="mmco-products-"] .mmco-product-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: clamp(18px, 2.3vw, 30px) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 10px 6px 34px !important;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--mmco-clean-blue) rgba(7,20,38,.1);
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-grid::-webkit-scrollbar,
section[id^="mmco-products-"] .mmco-product-grid::-webkit-scrollbar {
  height: 12px;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-grid::-webkit-scrollbar-track,
section[id^="mmco-products-"] .mmco-product-grid::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(7,20,38,.08);
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-grid::-webkit-scrollbar-thumb,
section[id^="mmco-products-"] .mmco-product-grid::-webkit-scrollbar-thumb {
  border: 3px solid rgba(7,20,38,.08);
  border-radius: 999px;
  background: var(--mmco-clean-blue);
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-card,
section[id^="mmco-products-"] .mmco-product-card {
  position: relative !important;
  flex: 0 0 clamp(290px, 31vw, 410px) !important;
  scroll-snap-align: start;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.1) !important;
  border-radius: 34px !important;
  background: #fff !important;
  box-shadow: 0 22px 70px rgba(7,20,38,.13) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-card:hover,
section[id^="mmco-products-"] .mmco-product-card:hover {
  transform: translateY(-8px);
  border-color: rgba(7,20,38,.24) !important;
  box-shadow: 0 34px 90px rgba(7,20,38,.2) !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-image,
section[id^="mmco-products-"] .mmco-product-image {
  position: relative !important;
  display: block !important;
  height: 320px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #eef2f7, #fff) !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-image::after,
section[id^="mmco-products-"] .mmco-product-image::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 44%;
  background: linear-gradient(180deg, transparent, rgba(7,20,38,.58));
  pointer-events: none;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-image img,
section[id^="mmco-products-"] .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-image span,
section[id^="mmco-products-"] .mmco-product-image span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 28px;
  background: linear-gradient(135deg, var(--mmco-clean-blue), var(--mmco-clean-blue-3)) !important;
  color: #fff !important;
  font-weight: 900;
  letter-spacing: -.02em;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-body,
section[id^="mmco-products-"] .mmco-product-body {
  display: grid !important;
  grid-template-columns: 1fr auto;
  gap: 16px 14px;
  align-items: center;
  padding: 24px !important;
  background: #fff !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-body h3,
section[id^="mmco-products-"] .mmco-product-body h3 {
  margin: 0 !important;
  grid-column: 1 / -1;
  color: var(--mmco-clean-blue) !important;
  font-size: clamp(1.25rem, 1.6vw, 1.65rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-body h3 a,
section[id^="mmco-products-"] .mmco-product-body h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-price,
section[id^="mmco-products-"] .mmco-product-price {
  grid-column: 1;
  color: var(--mmco-clean-ink) !important;
  font-size: 1.2rem !important;
  font-weight: 950 !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-price del,
section[id^="mmco-products-"] .mmco-product-price del {
  margin-right: 8px;
  color: #7b8491 !important;
  font-size: .92rem;
  font-weight: 700;
  opacity: .75;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-product-price ins,
section[id^="mmco-products-"] .mmco-product-price ins {
  color: var(--mmco-clean-blue) !important;
  text-decoration: none !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-ghost-small,
section[id^="mmco-products-"] .mmco-ghost-small {
  grid-column: 2;
  align-self: center;
  white-space: nowrap;
  border: 1px solid var(--mmco-clean-blue) !important;
  background: var(--mmco-clean-blue) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(7,20,38,.18) !important;
}

.mmco-block-products.mmco-layout-grid-4 .mmco-ghost-small:hover,
section[id^="mmco-products-"] .mmco-ghost-small:hover {
  transform: translateY(-2px);
  background: var(--mmco-clean-blue-3) !important;
}

@media (max-width: 980px) {
  .mmco-story.mmco-story-collage {
    grid-template-columns: 1fr !important;
  }

  .mmco-story.mmco-story-collage .mmco-story-media-grid {
    min-height: 560px !important;
  }

  .mmco-block-products.mmco-layout-grid-4 .mmco-section-intro,
  section[id^="mmco-products-"] .mmco-section-intro {
    display: block;
  }
}

@media (max-width: 640px) {
  .mmco-story.mmco-story-collage .mmco-story-media-grid {
    min-height: 440px !important;
  }

  .mmco-story.mmco-story-collage .mmco-story-media-grid figure {
    border-width: 5px !important;
  }

  .mmco-block-products.mmco-layout-grid-4 .mmco-product-card,
  section[id^="mmco-products-"] .mmco-product-card {
    flex-basis: min(84vw, 340px) !important;
  }

  .mmco-block-products.mmco-layout-grid-4 .mmco-product-image,
  section[id^="mmco-products-"] .mmco-product-image {
    height: 260px !important;
  }

  .mmco-block-products.mmco-layout-grid-4 .mmco-product-body,
  section[id^="mmco-products-"] .mmco-product-body {
    grid-template-columns: 1fr !important;
  }

  .mmco-block-products.mmco-layout-grid-4 .mmco-ghost-small,
  section[id^="mmco-products-"] .mmco-ghost-small {
    grid-column: 1 !important;
    text-align: center;
  }
}

/* ==========================================================
   ORDERS TABLE DASHBOARD REWORK
   Cleaner admin layout for #mmco-orders-table-wrap
   ========================================================== */

#mmco-orders-table-wrap,
.mmco-orders-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-table-scroller {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.mmco-table-scroller::-webkit-scrollbar {
  height: 12px;
}

.mmco-table-scroller::-webkit-scrollbar-track {
  background: #eef2f7;
  border-radius: 999px;
}

.mmco-table-scroller::-webkit-scrollbar-thumb {
  background: #071426;
  border: 3px solid #eef2f7;
  border-radius: 999px;
}

.mmco-orders-table {
  width: 100% !important;
  min-width: 1320px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  color: #071426 !important;
  font-size: .92rem !important;
}

.mmco-orders-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  padding: 16px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  background: #071426 !important;
  color: #ffffff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.mmco-orders-table thead th:first-child {
  border-top-left-radius: 18px !important;
}

.mmco-orders-table thead th:last-child {
  border-top-right-radius: 18px !important;
}

.mmco-orders-table tbody tr[data-mmco-order-row] {
  background: #ffffff !important;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.mmco-orders-table tbody tr[data-mmco-order-row]:hover {
  background: #f8fafc !important;
  box-shadow: inset 5px 0 0 #071426 !important;
}

.mmco-orders-table tbody td {
  vertical-align: top !important;
  padding: 18px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 20, 38, .08) !important;
  color: #111827 !important;
  line-height: 1.45 !important;
}

.mmco-orders-table tbody td:first-child {
  font-weight: 900 !important;
  color: #071426 !important;
}

.mmco-orders-table strong {
  display: block !important;
  color: #071426 !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.mmco-orders-table small {
  display: block !important;
  margin-top: 5px !important;
  color: #64748b !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
}

.mmco-orders-table a {
  color: #071426 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  word-break: break-word !important;
}

.mmco-orders-table a:hover {
  text-decoration: underline !important;
}

.mmco-orders-table td:nth-child(1) {
  width: 105px !important;
}

.mmco-orders-table td:nth-child(2) {
  width: 150px !important;
  font-weight: 850 !important;
}

.mmco-orders-table td:nth-child(3) {
  width: 210px !important;
}

.mmco-orders-table td:nth-child(4),
.mmco-order-address {
  width: 250px !important;
  color: #334155 !important;
}

.mmco-orders-table td:nth-child(5) {
  width: 150px !important;
  font-weight: 800 !important;
}

.mmco-orders-table td:nth-child(6) {
  width: 180px !important;
}

.mmco-orders-table td:nth-child(7),
.mmco-orders-table td:nth-child(8),
.mmco-orders-table td:nth-child(9) {
  width: 140px !important;
}

.mmco-orders-table td:nth-child(10),
.mmco-orders-table td:nth-child(11) {
  width: 210px !important;
}

.mmco-orders-table td:nth-child(12) {
  width: 230px !important;
}

.mmco-order-products {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.mmco-order-products li {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #071426 !important;
  font-size: .82rem !important;
  font-weight: 850 !important;
}

.mmco-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(7, 20, 38, .14) !important;
  border-radius: 999px !important;
  background: #eaf0f8 !important;
  color: #071426 !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}

.mmco-status-pill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #071426;
  box-shadow: 0 0 0 4px rgba(7, 20, 38, .10);
}

.mmco-status-pill.is-processing {
  background: #eef4ff !important;
  color: #071426 !important;
}

.mmco-orders-table input[type="date"],
.mmco-orders-table select,
.mmco-orders-table textarea {
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(7, 20, 38, .16) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #071426 !important;
  font: inherit !important;
  font-size: .86rem !important;
  line-height: 1.35 !important;
  box-shadow: 0 8px 22px rgba(3, 8, 18, .04) !important;
  outline: none !important;
}

.mmco-orders-table textarea {
  min-height: 72px !important;
  resize: vertical !important;
}

.mmco-orders-table input[type="date"]:focus,
.mmco-orders-table select:focus,
.mmco-orders-table textarea:focus {
  border-color: #071426 !important;
  box-shadow: 0 0 0 4px rgba(7, 20, 38, .10) !important;
}

.mmco-order-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  min-width: 220px !important;
}

.mmco-order-actions button,
.mmco-order-actions a,
.mmco-customer-update-box button,
.mmco-primary-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 9px 11px !important;
  border: 1px solid #071426 !important;
  border-radius: 999px !important;
  background: #071426 !important;
  color: #ffffff !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease !important;
}

.mmco-order-actions button:hover,
.mmco-order-actions a:hover,
.mmco-customer-update-box button:hover,
.mmco-primary-small:hover {
  transform: translateY(-1px) !important;
  background: #102947 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.mmco-order-actions button[data-mmco-toggle-order-details],
.mmco-order-actions button[data-mmco-order-action="save_note"],
.mmco-order-actions a {
  background: #ffffff !important;
  color: #071426 !important;
}

.mmco-order-actions button[data-mmco-toggle-order-details]:hover,
.mmco-order-actions button[data-mmco-order-action="save_note"]:hover,
.mmco-order-actions a:hover {
  background: #f1f5f9 !important;
  color: #071426 !important;
}

.mmco-order-actions .danger,
.mmco-order-actions button.danger {
  border-color: #991b1b !important;
  background: #fff5f5 !important;
  color: #991b1b !important;
}

.mmco-order-actions .danger:hover,
.mmco-order-actions button.danger:hover {
  background: #991b1b !important;
  color: #ffffff !important;
}

.mmco-order-detail-row {
  background: #f8fafc !important;
}

.mmco-order-detail-row td {
  padding: 0 14px 20px !important;
  border-bottom: 1px solid rgba(7, 20, 38, .08) !important;
}

.mmco-order-detail-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important;
  gap: 18px !important;
  margin: 0 0 0 !important;
  padding: clamp(18px, 2vw, 28px) !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgba(3, 8, 18, .08) !important;
}

.mmco-order-detail-panel h3,
.mmco-customer-update-box h3 {
  margin: 0 0 14px !important;
  color: #071426 !important;
  font-family: var(--mmco-font, inherit) !important;
  font-size: 1.2rem !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

.mmco-order-detail-panel p {
  margin: 10px 0 !important;
  color: #334155 !important;
  line-height: 1.55 !important;
}

.mmco-customer-update-box {
  padding: 20px !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 22px !important;
  background: #f8fafc !important;
}

.mmco-customer-update-box label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 0 12px !important;
  color: #071426 !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.mmco-customer-update-box select,
.mmco-customer-update-box input[type="date"],
.mmco-customer-update-box textarea {
  width: 100% !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(7, 20, 38, .14) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #071426 !important;
  font-size: .92rem !important;
  font-weight: 650 !important;
  text-transform: none !important;
}

.mmco-customer-update-box .mmco-primary-small {
  width: 100% !important;
  margin-top: 4px !important;
  min-height: 46px !important;
  font-size: .86rem !important;
}

@media (max-width: 980px) {
  #mmco-orders-table-wrap,
  .mmco-orders-table-wrap {
    padding: 12px !important;
    border-radius: 22px !important;
  }

  .mmco-orders-table {
    min-width: 1180px !important;
    font-size: .86rem !important;
  }

  .mmco-orders-table tbody td,
  .mmco-orders-table thead th {
    padding: 14px 12px !important;
  }

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

@media (max-width: 640px) {
  .mmco-order-actions {
    grid-template-columns: 1fr !important;
  }

  .mmco-table-scroller {
    border-radius: 18px !important;
  }
}

/* =========================================================
   Metameat Co - Clean Dashboard + Streamlined Products Patch
   Removes dashboard hero cards, fixes app shell/sidebar,
   and upgrades product admin table.
   ========================================================= */

/* Remove dashboard hero card blocks completely */
.mmco-dashboard-hero-card,
.mmco-dashboard-hero-modern,
body.mmco-shell .mmco-dashboard-hero-card,
body.mmco-shell .mmco-dashboard-hero-modern,
.mmco-site .mmco-dashboard-hero-card,
.mmco-site .mmco-dashboard-hero-modern {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* White app shell */
body.mmco-shell .mmco-app,
.mmco-site .mmco-app,
.mmco-app {
  min-height: 100vh !important;
  padding: 0 !important;
  background: #ffffff !important;
  color: #05070a !important;
}

.mmco-app *,
.mmco-app-card *,
.mmco-product-form *,
.mmco-products-table * {
  color: inherit;
}

/* Dashboard layout with fixed left rail */
.mmco-app-layout,
.mmco-dashboard-layout,
.mmco-tab-layout,
.mmco-app-shell {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0 !important;
  min-height: 100vh !important;
  background: #ffffff !important;
}

.mmco-app-sidebar,
.mmco-tab-sidebar {
  position: sticky !important;
  top: 0 !important;
  align-self: flex-start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  z-index: 60 !important;
  border: 0 !important;
  border-right: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 0 !important;
  background: #071426 !important;
  color: #ffffff !important;
  box-shadow: 18px 0 50px rgba(7, 20, 38, .16) !important;
  scrollbar-width: thin;
}

.mmco-app-sidebar *,
.mmco-tab-sidebar *,
.mmco-app-sidebar h1,
.mmco-app-sidebar h2,
.mmco-app-sidebar h3,
.mmco-app-sidebar h4,
.mmco-app-sidebar p,
.mmco-app-sidebar span,
.mmco-app-sidebar strong,
.mmco-app-sidebar small,
.mmco-app-sidebar a,
.mmco-app-sidebar button,
.mmco-tab-sidebar h1,
.mmco-tab-sidebar h2,
.mmco-tab-sidebar h3,
.mmco-tab-sidebar h4,
.mmco-tab-sidebar p,
.mmco-tab-sidebar span,
.mmco-tab-sidebar strong,
.mmco-tab-sidebar small,
.mmco-tab-sidebar a,
.mmco-tab-sidebar button {
  color: #ffffff !important;
}

.mmco-app-sidebar a,
.mmco-app-sidebar button,
.mmco-tab-sidebar a,
.mmco-tab-sidebar button,
.mmco-tab-sidebar .mmco-tab-button,
.mmco-editor-nav button {
  width: 100% !important;
  justify-content: flex-start !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.mmco-app-sidebar a:hover,
.mmco-app-sidebar button:hover,
.mmco-app-sidebar .is-active,
.mmco-tab-sidebar a:hover,
.mmco-tab-sidebar button:hover,
.mmco-tab-sidebar .is-active,
.mmco-tab-sidebar .mmco-tab-button.is-active,
.mmco-editor-nav button.is-active {
  background: #ffffff !important;
  color: #071426 !important;
  border-color: #ffffff !important;
}

.mmco-app-main,
.mmco-dashboard-main,
.mmco-tab-main,
.mmco-app-content {
  min-width: 0 !important;
  padding: clamp(22px, 3vw, 44px) !important;
  background: #ffffff !important;
  color: #05070a !important;
}

.mmco-app-card,
.mmco-product-form,
.mmco-customer-options,
.mmco-orders-table-wrap,
.mmco-products-table-wrap,
.mmco-products-table,
.mmco-table-scroller {
  background: #ffffff !important;
  color: #05070a !important;
}

/* Dark blue panel headings need white text */
.mmco-app [style*="background: #071426"],
.mmco-app [style*="background:#071426"],
.mmco-app .mmco-dark-panel,
.mmco-app .mmco-blue-panel,
.mmco-app .mmco-admin-hero,
.mmco-app .mmco-page-header,
.mmco-app .mmco-card-header {
  color: #ffffff !important;
}

.mmco-app .mmco-dark-panel h1,
.mmco-app .mmco-dark-panel h2,
.mmco-app .mmco-dark-panel h3,
.mmco-app .mmco-blue-panel h1,
.mmco-app .mmco-blue-panel h2,
.mmco-app .mmco-blue-panel h3,
.mmco-app .mmco-admin-hero h1,
.mmco-app .mmco-admin-hero h2,
.mmco-app .mmco-page-header h1,
.mmco-app .mmco-page-header h2,
.mmco-app .mmco-card-header h1,
.mmco-app .mmco-card-header h2,
.mmco-app .mmco-card-header h3 {
  color: #ffffff !important;
}

/* Streamlined product admin table */
.mmco-products-table {
  width: 100% !important;
  min-width: 1180px !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
}

.mmco-products-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  padding: 12px 14px !important;
  background: #071426 !important;
  color: #ffffff !important;
  border: 0 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.mmco-products-table thead th:first-child {
  border-radius: 14px 0 0 14px !important;
}

.mmco-products-table thead th:last-child {
  border-radius: 0 14px 14px 0 !important;
}

.mmco-products-table tbody tr[data-mmco-product-row] {
  background: #ffffff !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 38px rgba(7, 20, 38, .08) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
}

.mmco-products-table tbody tr[data-mmco-product-row]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 52px rgba(7, 20, 38, .13) !important;
}

.mmco-products-table td {
  padding: 14px !important;
  vertical-align: middle !important;
  background: #ffffff !important;
  border-top: 1px solid rgba(7, 20, 38, .08) !important;
  border-bottom: 1px solid rgba(7, 20, 38, .08) !important;
  color: #05070a !important;
}

.mmco-products-table td:first-child {
  border-left: 1px solid rgba(7, 20, 38, .08) !important;
  border-radius: 18px 0 0 18px !important;
}

.mmco-products-table td:last-child {
  border-right: 1px solid rgba(7, 20, 38, .08) !important;
  border-radius: 0 18px 18px 0 !important;
}

.mmco-product-thumb-cell {
  width: 96px !important;
}

.mmco-product-thumb-cell img,
.mmco-product-thumb-cell span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: 16px !important;
  object-fit: cover !important;
  background: #f4f6f8 !important;
  border: 1px solid rgba(7, 20, 38, .08) !important;
  color: #5b6572 !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.mmco-products-table input,
.mmco-products-table textarea,
.mmco-products-table select {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid rgba(7, 20, 38, .14) !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #05070a !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

.mmco-products-table textarea {
  min-width: 190px !important;
  min-height: 74px !important;
  resize: vertical !important;
}

.mmco-products-table input[readonly] {
  background: #eef2f6 !important;
  color: #071426 !important;
  font-weight: 950 !important;
}

.mmco-products-table td small {
  display: inline-flex !important;
  margin-top: 7px !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  background: rgba(7, 20, 38, .06) !important;
  color: #4b5563 !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
}

.mmco-product-media-cell {
  min-width: 190px !important;
}

.mmco-product-media-cell label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 0 8px !important;
  color: #071426 !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
}

.mmco-product-media-cell input[type="file"] {
  padding: 9px !important;
  min-height: 40px !important;
  font-size: .76rem !important;
  background: #ffffff !important;
}

.mmco-product-row-actions {
  min-width: 150px !important;
}

.mmco-product-row-actions .mmco-primary-small,
.mmco-product-row-actions .mmco-ghost-small,
.mmco-product-row-actions .mmco-danger-small,
.mmco-product-row-actions button,
.mmco-product-row-actions a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 38px !important;
  margin: 0 0 8px !important;
  border-radius: 11px !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.mmco-product-row-actions .mmco-primary-small,
.mmco-product-row-actions button[data-mmco-product-action="save"] {
  background: #071426 !important;
  color: #ffffff !important;
  border: 1px solid #071426 !important;
}

.mmco-product-row-actions .mmco-ghost-small {
  background: #ffffff !important;
  color: #071426 !important;
  border: 1px solid rgba(7, 20, 38, .18) !important;
}

.mmco-product-row-actions .mmco-danger-small,
.mmco-product-row-actions button[data-mmco-product-action="delete"] {
  background: #fff1f2 !important;
  color: #b91c1c !important;
  border: 1px solid rgba(185, 28, 28, .22) !important;
}

.mmco-product-row-message {
  display: block !important;
  color: #4b5563 !important;
  font-size: .74rem !important;
  text-align: center !important;
}

/* Public product carousel also streamlined */
.mmco-block-products .mmco-products-wrap {
  overflow: hidden !important;
}

.mmco-block-products .mmco-product-grid {
  display: flex !important;
  gap: 18px !important;
  overflow-x: auto !important;
  padding: 8px 4px 24px !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: thin !important;
}

.mmco-block-products .mmco-product-card {
  flex: 0 0 min(340px, 82vw) !important;
  scroll-snap-align: start !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 20px 52px rgba(7, 20, 38, .10) !important;
  overflow: hidden !important;
}

.mmco-block-products .mmco-product-image {
  height: 230px !important;
  background: #f3f6f9 !important;
}

.mmco-block-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.mmco-block-products .mmco-product-body {
  padding: 20px !important;
  display: grid !important;
  gap: 12px !important;
}

.mmco-block-products .mmco-product-body h3,
.mmco-block-products .mmco-product-body h3 a {
  color: #071426 !important;
  font-size: 1.18rem !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
  text-decoration: none !important;
}

.mmco-block-products .mmco-product-price {
  color: #05070a !important;
  font-size: 1rem !important;
  font-weight: 950 !important;
}

.mmco-block-products .mmco-product-price del {
  color: #7b8794 !important;
  font-weight: 700 !important;
}

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

.mmco-block-products .mmco-ghost-small {
  background: #071426 !important;
  color: #ffffff !important;
  border-color: #071426 !important;
}

@media (max-width: 980px) {
  .mmco-app-layout,
  .mmco-dashboard-layout,
  .mmco-tab-layout,
  .mmco-app-shell {
    grid-template-columns: 1fr !important;
  }

  .mmco-app-sidebar,
  .mmco-tab-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: auto !important;
    max-height: 65vh !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .14) !important;
  }

  .mmco-app-main,
  .mmco-dashboard-main,
  .mmco-tab-main,
  .mmco-app-content {
    padding: 18px !important;
  }

  .mmco-products-table {
    min-width: 1050px !important;
  }
}


/* --- Product page per-kg focus from current uploaded CSS --- */
/* Metameat Co - Product page upgrade: per kg focus, left text / right image
   Paste after your current Design Lab CSS. */

body.mmco-shell .mmco-woo-content,
.mmco-site .mmco-woo-content,
.mmco-woo-content.woocommerce {
  background: #ffffff !important;
  color: #071426 !important;
}

.mmco-woo-content .product.type-product {
  width: min(1220px, calc(100vw - 32px)) !important;
  margin: 0 auto !important;
  padding: clamp(22px, 4vw, 48px) 0 clamp(56px, 7vw, 96px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
  gap: clamp(24px, 4vw, 56px) !important;
  align-items: start !important;
}

/* Put product information on the left */
.mmco-woo-content .product .summary.entry-summary {
  order: 1 !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  position: sticky !important;
  top: 24px !important;
}

/* Woo image/gallery area goes right when present */
.mmco-woo-content .product .woocommerce-product-gallery,
.mmco-woo-content .product div.images,
.mmco-woo-content .product .mmco-product-gallery,
.mmco-woo-content .product .mmco-product-image-wrap {
  order: 2 !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  position: relative !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  background: #f5f7fb !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  box-shadow: 0 24px 70px rgba(7, 20, 38, .12) !important;
}

.mmco-woo-content .product div.images img,
.mmco-woo-content .product .woocommerce-product-gallery img,
.mmco-woo-content .product .mmco-product-gallery img,
.mmco-woo-content .product .mmco-product-image-wrap img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

.mmco-product-pack-details.mmco-woo-pack-card {
  padding: clamp(24px, 4vw, 44px) !important;
  border-radius: 34px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 20, 38, .12) !important;
  box-shadow: 0 24px 80px rgba(7, 20, 38, .10) !important;
  color: #071426 !important;
}

.mmco-product-pack-details .mmco-eyebrow,
.mmco-product-reviews .mmco-eyebrow {
  color: #071426 !important;
  margin-bottom: 18px !important;
  letter-spacing: .16em !important;
}

.mmco-product-pack-details .mmco-eyebrow::before,
.mmco-product-reviews .mmco-eyebrow::before {
  background: #071426 !important;
}

/* Stats become a buying dashboard */
.mmco-pack-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 22px !important;
}

.mmco-pack-stat-grid > div {
  min-height: 106px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7, 20, 38, .09) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.mmco-pack-stat-grid span {
  display: block !important;
  color: #5f6b7a !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid strong {
  display: block !important;
  margin-top: 10px !important;
  color: #071426 !important;
  font-size: clamp(1.25rem, 2vw, 1.8rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

/* Price per kg is king */
.mmco-pack-stat-grid > div:nth-child(2) {
  grid-column: 1 / -1 !important;
  min-height: 150px !important;
  background: #071426 !important;
  color: #ffffff !important;
  border-color: #071426 !important;
  box-shadow: 0 20px 60px rgba(7, 20, 38, .24) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) span {
  color: rgba(255, 255, 255, .76) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
  font-size: clamp(2.8rem, 6vw, 5rem) !important;
  line-height: .9 !important;
  letter-spacing: -.08em !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::after {
  content: "per kg";
  margin-top: 8px;
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #ffffff;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mmco-pack-stat-grid > div:nth-child(3) {
  background: #eef3fb !important;
}

.mmco-pack-contents {
  margin-top: 20px !important;
  padding: 22px !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
}

.mmco-pack-contents > strong {
  display: block !important;
  margin-bottom: 14px !important;
  color: #071426 !important;
  font-size: 1.15rem !important;
  letter-spacing: -.03em !important;
}

.mmco-pack-contents p {
  margin: 0 !important;
  color: #1d2938 !important;
  line-height: 1.9 !important;
  column-count: 2 !important;
  column-gap: 28px !important;
}

/* Reviews move cleanly underneath full width */
.mmco-product-reviews {
  grid-column: 1 / -1 !important;
  order: 10 !important;
  margin-top: clamp(18px, 3vw, 34px) !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border-radius: 34px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  color: #071426 !important;
  box-shadow: 0 18px 60px rgba(7, 20, 38, .08) !important;
}

.mmco-product-reviews-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
  gap: 18px !important;
  margin-bottom: 22px !important;
}

.mmco-product-reviews-head h2 {
  margin: 0 !important;
  color: #071426 !important;
  font-size: clamp(2rem, 4vw, 4rem) !important;
  line-height: .95 !important;
  letter-spacing: -.06em !important;
}

.mmco-product-review-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 22px !important;
}

.mmco-product-review {
  padding: 20px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 20, 38, .09) !important;
  box-shadow: 0 10px 30px rgba(7, 20, 38, .06) !important;
}

.mmco-stars {
  color: #071426 !important;
  letter-spacing: .1em !important;
  font-size: 1rem !important;
}

.mmco-product-review strong,
.mmco-product-review p,
.mmco-product-review small {
  color: #071426 !important;
}

.mmco-review-form {
  display: grid !important;
  grid-template-columns: 220px 1fr auto !important;
  gap: 14px !important;
  align-items: end !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(7, 20, 38, .10) !important;
}

.mmco-review-form label {
  color: #071426 !important;
  font-weight: 900 !important;
  font-size: .85rem !important;
}

.mmco-review-form select,
.mmco-review-form textarea {
  width: 100% !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(7, 20, 38, .14) !important;
  background: #ffffff !important;
  color: #071426 !important;
  padding: 12px 14px !important;
}

.mmco-review-form .mmco-button {
  background: #071426 !important;
  color: #ffffff !important;
  border-color: #071426 !important;
  box-shadow: 0 12px 34px rgba(7, 20, 38, .18) !important;
}

@media (max-width: 980px) {
  .mmco-woo-content .product.type-product {
    grid-template-columns: 1fr !important;
  }

  .mmco-woo-content .product .summary.entry-summary {
    position: relative !important;
    top: auto !important;
  }

  .mmco-woo-content .product .woocommerce-product-gallery,
  .mmco-woo-content .product div.images,
  .mmco-woo-content .product .mmco-product-gallery,
  .mmco-woo-content .product .mmco-product-image-wrap {
    order: 0 !important;
  }

  .mmco-review-form {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .mmco-pack-stat-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-pack-contents p {
    column-count: 1 !important;
  }

  .mmco-pack-stat-grid > div:nth-child(2) strong,
  .mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount,
  .mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-currencySymbol {
    font-size: clamp(2.4rem, 14vw, 4rem) !important;
  }

  .mmco-product-reviews-head {
    display: block !important;
  }
}

/* =========================================================
   Metameat Co - Epic Farm Estate Dark Blue Layer
   Full-site polish: dark blue brand, white pages, farm texture,
   stronger dashboard, product cards, delivery, contact, orders,
   product page and mobile experience.
   Paste after the main CSS or use the generated complete file.
   ========================================================= */

body.mmco-shell,
.mmco-site {
  --mmco-estate-blue-1000: #010712;
  --mmco-estate-blue-950: #06111f;
  --mmco-estate-blue-900: #071426;
  --mmco-estate-blue-850: #0a1c34;
  --mmco-estate-blue-800: #102846;
  --mmco-estate-blue-700: #17375f;
  --mmco-estate-white: #ffffff;
  --mmco-estate-ink: #05070a;
  --mmco-estate-text: #142031;
  --mmco-estate-muted: #667386;
  --mmco-estate-soft: #f4f7fb;
  --mmco-estate-soft-2: #eef3f9;
  --mmco-estate-line: rgba(7, 20, 38, .12);
  --mmco-estate-line-strong: rgba(7, 20, 38, .2);
  --mmco-estate-glass: rgba(255, 255, 255, .08);
  --mmco-estate-wheat: #e9dcc2;
  --mmco-estate-wheat-2: #f7f0df;
  --mmco-clean-blue: #071426;
  --mmco-clean-blue-2: #0d2340;
  --mmco-primary: #071426 !important;
  --mmco-accent: #102846 !important;
  --mmco-paper: #ffffff !important;
  --mmco-ink: #05070a !important;
  --mmco-muted: #667386 !important;
  --mmco-border: rgba(7, 20, 38, .12) !important;
  --mmco-card: #ffffff !important;
  --mmco-radius: 28px !important;
  --mmco-shadow: 0 28px 90px rgba(7, 20, 38, .13) !important;
}

body.mmco-shell,
.mmco-site,
body.mmco-shell .mmco-app,
.mmco-site .mmco-app,
.mmco-app {
  background: #ffffff !important;
  color: var(--mmco-estate-ink) !important;
}

body.mmco-shell::selection,
.mmco-site ::selection {
  background: rgba(7, 20, 38, .92);
  color: #ffffff;
}

.mmco-site {
  overflow-x: clip !important;
  background:
    linear-gradient(180deg, rgba(7, 20, 38, .98) 0, rgba(7, 20, 38, .98) 34rem, #ffffff 34.05rem),
    #ffffff !important;
}

.mmco-site::before {
  opacity: .32 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    repeating-linear-gradient(115deg, transparent 0 20px, rgba(255,255,255,.025) 21px, transparent 22px) !important;
  background-size: 78px 78px, 78px 78px, 190px 190px !important;
  mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.75) 32rem, transparent 54rem) !important;
}

.mmco-preview-root,
.mmco-blocks,
.mmco-section,
.mmco-footer,
.mmco-header,
.mmco-app {
  position: relative;
  z-index: 2;
}

/* Dark blue areas must read white, never muddy. */
.mmco-hero,
.mmco-footer,
.mmco-cta-box,
.mmco-block-products.mmco-layout-sale-strip,
body.mmco-shell #mmco-blocks .mmco-section:nth-child(even),
.mmco-site #mmco-blocks .mmco-section:nth-child(even) {
  background:
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.08), transparent 25rem),
    radial-gradient(circle at 90% 5%, rgba(255,255,255,.06), transparent 28rem),
    linear-gradient(135deg, var(--mmco-estate-blue-1000), var(--mmco-estate-blue-900) 58%, var(--mmco-estate-blue-850)) !important;
  color: #ffffff !important;
}

.mmco-hero :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,a),
.mmco-footer :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,a),
.mmco-cta-box :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,a),
body.mmco-shell #mmco-blocks .mmco-section:nth-child(even) > .mmco-section-intro :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,a),
.mmco-site #mmco-blocks .mmco-section:nth-child(even) > .mmco-section-intro :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,a) {
  color: #ffffff !important;
}

.mmco-hero .mmco-eyebrow,
.mmco-footer .mmco-eyebrow,
.mmco-cta-box .mmco-eyebrow,
#mmco-blocks .mmco-section:nth-child(even) > .mmco-section-intro .mmco-eyebrow {
  color: rgba(255,255,255,.92) !important;
}

.mmco-hero .mmco-eyebrow::before,
.mmco-footer .mmco-eyebrow::before,
.mmco-cta-box .mmco-eyebrow::before,
#mmco-blocks .mmco-section:nth-child(even) > .mmco-section-intro .mmco-eyebrow::before {
  background: #ffffff !important;
}

.mmco-section:not(.mmco-hero):not(.mmco-block-products.mmco-layout-sale-strip) {
  background: #ffffff !important;
  color: var(--mmco-estate-ink) !important;
}

.mmco-section-intro h2,
.mmco-section-intro h1,
.mmco-card h3,
.mmco-product-body h3,
.mmco-content-card h2,
.mmco-story-copy h2 {
  color: var(--mmco-estate-blue-900) !important;
}

.mmco-section-intro p,
.mmco-card p,
.mmco-story-copy p,
.mmco-content-card p,
.mmco-product-body p {
  color: var(--mmco-estate-text) !important;
}

/* Header: dark blue, crisp, estate/farm feel. */
.mmco-header {
  top: 18px !important;
  min-height: 74px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    linear-gradient(135deg, rgba(7,20,38,.94), rgba(13,35,64,.9)),
    var(--mmco-estate-blue-900) !important;
  color: #ffffff !important;
  box-shadow: 0 24px 80px rgba(1,7,18,.32), inset 0 1px 0 rgba(255,255,255,.1) !important;
}

.mmco-header::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  border: 1px solid rgba(255,255,255,.08);
  pointer-events: none;
}

.mmco-logo-text,
.mmco-header .mmco-nav a,
.mmco-header .mmco-small-link,
.mmco-header a,
.mmco-header span,
.mmco-header strong {
  color: #ffffff !important;
}

.mmco-header .mmco-nav a:hover,
.mmco-header .mmco-nav a.is-active,
.mmco-header .mmco-small-link:hover {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
}

.mmco-header .mmco-nav a::after {
  background: #ffffff !important;
  opacity: .8 !important;
}

.mmco-logo-img {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,.42) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.22) !important;
}

.mmco-menu-cta,
.mmco-button,
.mmco-primary-small,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: #071426 !important;
  color: #ffffff !important;
  border: 1px solid #071426 !important;
  box-shadow: 0 18px 44px rgba(7,20,38,.22) !important;
}

.mmco-hero .mmco-button,
.mmco-footer .mmco-button,
.mmco-cta-box .mmco-button,
.mmco-header .mmco-menu-cta {
  background: #ffffff !important;
  color: #071426 !important;
  border-color: #ffffff !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.28) !important;
}

.mmco-button:hover,
.mmco-menu-cta:hover,
.mmco-primary-small:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transform: translateY(-2px) !important;
  filter: none !important;
  box-shadow: 0 22px 60px rgba(7,20,38,.28) !important;
}

.mmco-ghost-small,
.mmco-danger-small,
.mmco-product-row-actions a,
.mmco-order-actions a,
.mmco-order-actions button,
.mmco-product-row-actions button {
  border-radius: 999px !important;
  font-weight: 950 !important;
}

.mmco-ghost-small {
  background: #ffffff !important;
  color: #071426 !important;
  border: 1px solid rgba(7,20,38,.14) !important;
  box-shadow: 0 10px 28px rgba(7,20,38,.08) !important;
}

/* Hero: premium dark blue farm banner. */
.mmco-hero {
  min-height: clamp(640px, 88vh, 940px) !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.mmco-hero::before {
  z-index: 1 !important;
  background:
    linear-gradient(90deg, rgba(1,7,18,.93) 0%, rgba(7,20,38,.8) 38%, rgba(7,20,38,.38) 72%, rgba(7,20,38,.18) 100%),
    radial-gradient(circle at 16% 70%, rgba(255,255,255,.1), transparent 25rem),
    repeating-linear-gradient(112deg, rgba(255,255,255,.06) 0 1px, transparent 1px 19px) !important;
}

.mmco-hero::after {
  z-index: 2 !important;
  opacity: .18 !important;
  background:
    linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px) !important;
  background-size: 90px 90px !important;
  mask-image: linear-gradient(90deg, #000, transparent 75%) !important;
}

.mmco-hero-content {
  position: relative !important;
  z-index: 3 !important;
}

.mmco-hero h1 {
  color: #ffffff !important;
  max-width: 1020px !important;
  text-shadow: 0 24px 90px rgba(0,0,0,.5) !important;
}

.mmco-hero-text {
  color: rgba(255,255,255,.86) !important;
  max-width: 680px !important;
}

.mmco-hero-media img,
.mmco-hero-media video {
  filter: saturate(.98) contrast(1.08) brightness(.78) !important;
}

/* Cards and general blocks: white, sharp, modern farm ledger feel. */
.mmco-quick-card,
.mmco-category-card,
.mmco-card,
.mmco-product-card,
.mmco-content-card,
.mmco-step,
.mmco-shop-addon-card,
.mmco-story-copy,
.mmco-story-media,
.mmco-public-contact .mmco-contact-card,
.mmco-product-pack-details,
.mmco-product-reviews,
.mmco-app-card,
.mmco-product-form,
.mmco-customer-options {
  border: 1px solid var(--mmco-estate-line) !important;
  background: #ffffff !important;
  color: var(--mmco-estate-ink) !important;
  box-shadow: 0 26px 80px rgba(7,20,38,.10) !important;
}

.mmco-card,
.mmco-content-card,
.mmco-step,
.mmco-story-copy,
.mmco-product-card,
.mmco-contact-card,
.mmco-product-pack-details,
.mmco-product-reviews {
  border-radius: 30px !important;
}

.mmco-card:hover,
.mmco-product-card:hover,
.mmco-contact-card:hover,
.mmco-step:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 32px 96px rgba(7,20,38,.15) !important;
}

/* Story collage overhaul: overlapping editorial farm layout. */
.mmco-story.mmco-story-collage,
.mmco-block-story.mmco-layout-collage .mmco-story {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .94fr) minmax(420px, 1.06fr) !important;
  gap: clamp(24px, 5vw, 72px) !important;
  align-items: center !important;
}

.mmco-story.mmco-story-collage .mmco-story-copy,
.mmco-block-story.mmco-layout-collage .mmco-story-copy {
  position: relative !important;
  z-index: 3 !important;
  min-height: auto !important;
  padding: clamp(30px, 5vw, 62px) !important;
  border-radius: 34px !important;
  background:
    linear-gradient(180deg, #ffffff, #f7f9fc) !important;
  color: #071426 !important;
}

.mmco-story.mmco-story-collage .mmco-story-copy::before,
.mmco-block-story.mmco-layout-collage .mmco-story-copy::before {
  content: "Farm story";
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 13px;
  border-radius: 999px;
  background: #071426;
  color: #ffffff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mmco-story.mmco-story-collage .mmco-section-intro,
.mmco-block-story.mmco-layout-collage .mmco-section-intro {
  margin: 0 !important;
}

.mmco-story.mmco-story-collage .mmco-section-intro h2,
.mmco-block-story.mmco-layout-collage .mmco-section-intro h2 {
  color: #071426 !important;
  font-size: clamp(2.5rem, 5vw, 5.6rem) !important;
  line-height: .9 !important;
  letter-spacing: -.075em !important;
}

.mmco-story.mmco-story-collage .mmco-section-intro p,
.mmco-block-story.mmco-layout-collage .mmco-section-intro p {
  color: #142031 !important;
  font-size: clamp(1rem, 1.24vw, 1.15rem) !important;
  line-height: 1.82 !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid,
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid {
  position: relative !important;
  min-height: clamp(520px, 52vw, 720px) !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid::before,
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid::before {
  content: "";
  position: absolute;
  inset: 8% 5% 6% 9%;
  border-radius: 42px;
  background:
    repeating-linear-gradient(115deg, rgba(7,20,38,.08) 0 1px, transparent 1px 18px),
    #f3f6fa;
  transform: rotate(-2deg);
  z-index: 0;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure,
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure {
  position: absolute !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 8px solid #ffffff !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 90px rgba(7,20,38,.20) !important;
  z-index: 1 !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:nth-child(1),
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure:nth-child(1) {
  left: 0 !important;
  top: 8% !important;
  width: 62% !important;
  height: 58% !important;
  transform: rotate(-4deg) !important;
  z-index: 2 !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:nth-child(2),
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure:nth-child(2) {
  right: 0 !important;
  top: 0 !important;
  width: 52% !important;
  height: 44% !important;
  transform: rotate(5deg) !important;
  z-index: 3 !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:nth-child(3),
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure:nth-child(3) {
  right: 7% !important;
  bottom: 3% !important;
  width: 66% !important;
  height: 46% !important;
  transform: rotate(-1deg) !important;
  z-index: 4 !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid img,
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: saturate(1.02) contrast(1.03) !important;
}

.mmco-story.mmco-story-collage .mmco-story-media-grid figure:hover img,
.mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure:hover img {
  transform: scale(1.055) !important;
}

/* Public product section: horizontal farm-market shelf. */
.mmco-block-products {
  overflow: hidden !important;
}

.mmco-block-products .mmco-section-intro {
  width: min(1180px, 100%) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: end !important;
}

.mmco-block-products .mmco-section-intro::after {
  content: "Scroll packs →";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 10px 14px;
  border-radius: 999px;
  background: #071426;
  color: #ffffff;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mmco-block-products .mmco-products-wrap {
  position: relative !important;
  max-width: 100% !important;
}

.mmco-block-products .mmco-product-grid,
.mmco-layout-grid-4 .mmco-product-grid,
.mmco-block-products.mmco-layout-grid-4 .mmco-product-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: clamp(16px, 2vw, 26px) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-left: clamp(4px, 1vw, 12px) !important;
  padding: 8px 8px 34px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #071426 #eef3f9 !important;
}

.mmco-block-products .mmco-product-grid::-webkit-scrollbar {
  height: 12px !important;
}

.mmco-block-products .mmco-product-grid::-webkit-scrollbar-track {
  background: #eef3f9 !important;
  border-radius: 999px !important;
}

.mmco-block-products .mmco-product-grid::-webkit-scrollbar-thumb {
  background: #071426 !important;
  border: 3px solid #eef3f9 !important;
  border-radius: 999px !important;
}

.mmco-block-products .mmco-product-card {
  position: relative !important;
  flex: 0 0 clamp(290px, 30vw, 405px) !important;
  scroll-snap-align: start !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  box-shadow: 0 24px 78px rgba(7,20,38,.12) !important;
}

.mmco-block-products .mmco-product-card::before {
  content: "Farm pack";
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(7,20,38,.92);
  color: #ffffff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.mmco-block-products .mmco-product-image {
  position: relative !important;
  height: clamp(230px, 25vw, 320px) !important;
  background:
    repeating-linear-gradient(115deg, rgba(7,20,38,.05) 0 1px, transparent 1px 16px),
    #eef3f9 !important;
  border-radius: 0 !important;
}

.mmco-block-products .mmco-product-image::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 46%;
  background: linear-gradient(180deg, transparent, rgba(7,20,38,.42));
  pointer-events: none;
}

.mmco-block-products .mmco-product-image span {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  color: rgba(7,20,38,.72) !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.mmco-block-products .mmco-product-body {
  position: relative !important;
  padding: 24px !important;
  display: grid !important;
  gap: 14px !important;
  background: #ffffff !important;
}

.mmco-block-products .mmco-product-body h3,
.mmco-block-products .mmco-product-body h3 a {
  color: #071426 !important;
  font-size: clamp(1.25rem, 1.7vw, 1.55rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
  text-decoration: none !important;
}

.mmco-block-products .mmco-product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: baseline !important;
  color: #071426 !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
}

.mmco-block-products .mmco-product-price ins {
  color: #071426 !important;
  text-decoration: none !important;
  font-size: 1.28em !important;
}

.mmco-block-products .mmco-product-price del {
  color: #7a8594 !important;
  font-weight: 750 !important;
}

.mmco-block-products .mmco-ghost-small {
  justify-content: center !important;
  min-height: 46px !important;
  width: 100% !important;
  background: #071426 !important;
  color: #ffffff !important;
  border-color: #071426 !important;
}

/* Delivery page: turn chips into a clear postcode/suburb table. */
.mmco-public-delivery {
  background: #ffffff !important;
}

.mmco-delivery-map.mmco-public-map {
  border-radius: 34px !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  box-shadow: 0 24px 78px rgba(7,20,38,.12) !important;
  overflow: hidden !important;
}

.mmco-delivery-area-public-list {
  width: min(980px, 100%) !important;
  margin: 26px 0 0 !important;
  display: grid !important;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) !important;
  border: 1px solid rgba(7,20,38,.14) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 18px 55px rgba(7,20,38,.08) !important;
}

.mmco-delivery-area-public-list::before,
.mmco-delivery-area-public-list::after {
  padding: 16px 18px;
  background: #071426;
  color: #ffffff;
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mmco-delivery-area-public-list::before { content: "Postcode"; }
.mmco-delivery-area-public-list::after { content: "Suburbs"; }

.mmco-delivery-area-public-list .mmco-area-chip {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(7,20,38,.10) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.mmco-delivery-area-public-list .mmco-area-chip strong,
.mmco-delivery-area-public-list .mmco-area-chip span {
  display: flex !important;
  align-items: center !important;
  min-height: 54px !important;
  padding: 14px 18px !important;
  color: #071426 !important;
}

.mmco-delivery-area-public-list .mmco-area-chip strong {
  font-size: 1.08rem !important;
  font-weight: 950 !important;
  background: #f3f6fa !important;
  border-right: 1px solid rgba(7,20,38,.10) !important;
}

.mmco-delivery-area-public-list .mmco-area-chip span {
  color: #1b2637 !important;
  font-weight: 750 !important;
}

/* Public contact: cleaner cards, farm office feel. */
.mmco-public-contact {
  background:
    linear-gradient(180deg, #ffffff, #f7f9fc) !important;
}

.mmco-public-contact-grid {
  gap: 16px !important;
}

.mmco-public-contact .mmco-contact-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 24px !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  text-decoration: none !important;
}

.mmco-public-contact .mmco-contact-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: #071426;
}

.mmco-public-contact .mmco-contact-card span {
  display: block !important;
  color: #667386 !important;
  font-size: .75rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.mmco-public-contact .mmco-contact-card strong {
  display: block !important;
  margin-top: 8px !important;
  color: #071426 !important;
  font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
}

/* Dashboard: white work surface, fixed-feel left nav, no hero card. */
.mmco-dashboard-hero-card,
.mmco-dashboard-hero-modern,
body.mmco-shell .mmco-dashboard-hero-card,
body.mmco-shell .mmco-dashboard-hero-modern,
.mmco-site .mmco-dashboard-hero-card,
.mmco-site .mmco-dashboard-hero-modern {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.mmco-shell .mmco-app,
.mmco-site .mmco-app,
.mmco-app {
  min-height: 100vh !important;
  padding: 0 !important;
  background: #ffffff !important;
  color: #020305 !important;
}

.mmco-app-layout,
.mmco-dashboard-layout,
.mmco-tab-layout,
.mmco-app-shell {
  display: grid !important;
  grid-template-columns: 292px minmax(0, 1fr) !important;
  align-items: start !important;
  min-height: 100vh !important;
  background: #ffffff !important;
}

.mmco-app-sidebar,
.mmco-tab-sidebar {
  position: sticky !important;
  left: 0 !important;
  top: 0 !important;
  align-self: start !important;
  height: 100vh !important;
  max-height: 100vh !important;
  overflow-y: auto !important;
  z-index: 80 !important;
  border: 0 !important;
  border-right: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.1), transparent 15rem),
    repeating-linear-gradient(115deg, rgba(255,255,255,.04) 0 1px, transparent 1px 18px),
    linear-gradient(180deg, var(--mmco-clean-blue), var(--mmco-clean-blue-2)) !important;
  color: #ffffff !important;
  box-shadow: 18px 0 60px rgba(7,20,38,.16) !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.55) rgba(255,255,255,.08) !important;
}

.mmco-app-sidebar::-webkit-scrollbar,
.mmco-tab-sidebar::-webkit-scrollbar { width: 10px !important; }
.mmco-app-sidebar::-webkit-scrollbar-track,
.mmco-tab-sidebar::-webkit-scrollbar-track { background: rgba(255,255,255,.08) !important; }
.mmco-app-sidebar::-webkit-scrollbar-thumb,
.mmco-tab-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.55) !important; border-radius: 999px !important; }

.mmco-app-sidebar :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button),
.mmco-tab-sidebar :is(h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button) {
  color: #ffffff !important;
}

.mmco-app-sidebar a,
.mmco-app-sidebar button,
.mmco-tab-sidebar a,
.mmco-tab-sidebar button,
.mmco-editor-nav button,
.mmco-product-tabs button {
  border-radius: 16px !important;
  color: #ffffff !important;
}

.mmco-app-sidebar a:hover,
.mmco-app-sidebar button:hover,
.mmco-app-sidebar .is-active,
.mmco-tab-sidebar a:hover,
.mmco-tab-sidebar button:hover,
.mmco-tab-sidebar .is-active,
.mmco-editor-nav button.is-active,
.mmco-product-tabs button.is-active {
  background: rgba(255,255,255,.15) !important;
  color: #ffffff !important;
}

.mmco-app-main,
.mmco-dashboard-main,
.mmco-tab-main,
.mmco-app-content {
  min-width: 0 !important;
  padding: clamp(20px, 3vw, 42px) !important;
  background: #ffffff !important;
  color: #020305 !important;
}

.mmco-app-card,
.mmco-product-form,
.mmco-customer-options,
.mmco-dashboard-card,
.mmco-panel,
.mmco-table-scroller,
.mmco-orders-table-wrap {
  background: #ffffff !important;
  color: #020305 !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  border-radius: 28px !important;
  box-shadow: 0 20px 70px rgba(7,20,38,.09) !important;
}

.mmco-app-card h1,
.mmco-app-card h2,
.mmco-app-card h3,
.mmco-product-form h1,
.mmco-product-form h2,
.mmco-product-form h3,
.mmco-customer-options h1,
.mmco-customer-options h2,
.mmco-customer-options h3,
.mmco-dashboard-main h1,
.mmco-dashboard-main h2,
.mmco-dashboard-main h3,
.mmco-tab-main h1,
.mmco-tab-main h2,
.mmco-tab-main h3 {
  color: #071426 !important;
}

.mmco-app input,
.mmco-app textarea,
.mmco-app select,
.mmco-dashboard-main input,
.mmco-dashboard-main textarea,
.mmco-dashboard-main select,
.mmco-tab-main input,
.mmco-tab-main textarea,
.mmco-tab-main select {
  border: 1px solid rgba(7,20,38,.16) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #071426 !important;
  box-shadow: none !important;
}

.mmco-app input:focus,
.mmco-app textarea:focus,
.mmco-app select:focus,
.mmco-dashboard-main input:focus,
.mmco-dashboard-main textarea:focus,
.mmco-dashboard-main select:focus,
.mmco-tab-main input:focus,
.mmco-tab-main textarea:focus,
.mmco-tab-main select:focus {
  outline: 3px solid rgba(7,20,38,.12) !important;
  border-color: #071426 !important;
}

/* Product management table: streamlined dashboard editor. */
.mmco-products-table,
.mmco-orders-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
  color: #071426 !important;
}

.mmco-products-table thead th,
.mmco-orders-table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  padding: 13px 14px !important;
  background: #071426 !important;
  color: #ffffff !important;
  border: 0 !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.mmco-products-table thead th:first-child,
.mmco-orders-table thead th:first-child { border-radius: 16px 0 0 16px !important; }
.mmco-products-table thead th:last-child,
.mmco-orders-table thead th:last-child { border-radius: 0 16px 16px 0 !important; }

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

.mmco-products-table tbody td,
.mmco-orders-table tbody td {
  padding: 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;
  vertical-align: top !important;
  color: #071426 !important;
}

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

.mmco-products-table tbody td:last-child,
.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 20px 20px 0 !important;
}

.mmco-product-thumb-cell img,
.mmco-product-thumb-cell span {
  width: 78px !important;
  height: 78px !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  display: grid !important;
  place-items: center !important;
  background: #eef3f9 !important;
  color: #667386 !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.mmco-products-table input[name="product_title"] {
  min-width: 220px !important;
  font-weight: 950 !important;
}

.mmco-product-media-cell label {
  display: grid !important;
  gap: 7px !important;
  margin-bottom: 8px !important;
  color: #071426 !important;
  font-weight: 900 !important;
}

.mmco-product-row-actions,
.mmco-order-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 220px !important;
}

.mmco-product-row-actions .mmco-primary-small,
.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="save_note"],
.mmco-order-actions button[data-mmco-order-action="set_delivery"],
.mmco-order-actions button[data-mmco-order-action="send_update"] {
  background: #071426 !important;
  color: #ffffff !important;
  border-color: #071426 !important;
}

.mmco-danger-small,
.mmco-order-actions .danger,
.mmco-product-row-actions button[data-mmco-product-action="delete"] {
  background: #fff2f2 !important;
  color: #9f1239 !important;
  border: 1px solid rgba(159,18,57,.2) !important;
}

/* Orders: readable operational dashboard. */
.mmco-orders-table-wrap {
  padding: 10px !important;
  overflow: hidden !important;
}

.mmco-table-scroller {
  overflow-x: auto !important;
  padding: 2px 2px 16px !important;
  border: 0 !important;
  box-shadow: none !important;
}

.mmco-orders-table {
  min-width: 1320px !important;
}

.mmco-orders-table td strong,
.mmco-orders-table td a {
  color: #071426 !important;
}

.mmco-orders-table td small {
  display: block !important;
  margin-top: 5px !important;
  color: #667386 !important;
}

.mmco-order-products {
  margin: 0 !important;
  padding-left: 18px !important;
}

.mmco-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: #eef3f9 !important;
  color: #071426 !important;
  font-size: .74rem !important;
  font-weight: 950 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.mmco-status-pill.is-processing,
.mmco-status-pill.is-completed,
.mmco-status-pill.is-packed {
  background: #071426 !important;
  color: #ffffff !important;
}

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

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

.mmco-order-detail-panel h3,
.mmco-customer-update-box h3 {
  color: #071426 !important;
  margin-top: 0 !important;
}

.mmco-customer-update-box {
  padding: 20px !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.10) !important;
}

/* Product detail page: unique farm pack layout with per-kg hero. */
body.mmco-shell .mmco-woo-content,
.mmco-site .mmco-woo-content,
.mmco-woo-content.woocommerce {
  background:
    linear-gradient(180deg, #ffffff, #f7f9fc 100%) !important;
  color: #071426 !important;
}

.mmco-woo-content .product.type-product {
  position: relative !important;
  width: min(1240px, calc(100vw - 32px)) !important;
  margin: 0 auto !important;
  padding: clamp(24px, 4vw, 56px) 0 clamp(60px, 8vw, 110px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr) !important;
  gap: clamp(24px, 4vw, 58px) !important;
  align-items: start !important;
}

.mmco-woo-content .product.type-product::before {
  content: "";
  position: absolute;
  inset: clamp(12px, 2vw, 24px) -2vw auto auto;
  width: min(34vw, 420px);
  height: min(34vw, 420px);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(7,20,38,.08), transparent 68%);
  pointer-events: none;
}

.mmco-woo-content .product .summary.entry-summary {
  order: 1 !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  position: sticky !important;
  top: 24px !important;
  z-index: 2 !important;
}

.mmco-woo-content .product .woocommerce-product-gallery,
.mmco-woo-content .product div.images,
.mmco-woo-content .product .mmco-product-gallery,
.mmco-woo-content .product .mmco-product-image-wrap {
  order: 2 !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 560px !important;
  border-radius: 38px !important;
  overflow: hidden !important;
  background:
    repeating-linear-gradient(115deg, rgba(7,20,38,.06) 0 1px, transparent 1px 18px),
    #eef3f9 !important;
  border: 1px solid rgba(7, 20, 38, .12) !important;
  box-shadow: 0 30px 90px rgba(7, 20, 38, .16) !important;
}

.mmco-woo-content .product .woocommerce-product-gallery::before,
.mmco-woo-content .product div.images::before,
.mmco-woo-content .product .mmco-product-gallery::before,
.mmco-woo-content .product .mmco-product-image-wrap::before {
  content: "Farm packed direct";
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 5;
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(7,20,38,.92);
  color: #ffffff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mmco-woo-content .product div.images img,
.mmco-woo-content .product .woocommerce-product-gallery img,
.mmco-woo-content .product .mmco-product-gallery img,
.mmco-woo-content .product .mmco-product-image-wrap img {
  width: 100% !important;
  min-height: 560px !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.mmco-product-pack-details.mmco-woo-pack-card {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 46px) !important;
  border-radius: 38px !important;
  background:
    linear-gradient(180deg, #ffffff, #f7f9fc) !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  box-shadow: 0 28px 90px rgba(7,20,38,.13) !important;
  color: #071426 !important;
}

.mmco-product-pack-details.mmco-woo-pack-card::after {
  content: "";
  position: absolute;
  inset: auto -60px -80px auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(7,20,38,.08), transparent 68%);
  pointer-events: none;
}

.mmco-product-pack-details .mmco-eyebrow,
.mmco-product-reviews .mmco-eyebrow {
  color: #071426 !important;
  margin-bottom: 18px !important;
  letter-spacing: .16em !important;
}

.mmco-product-pack-details .mmco-eyebrow::before,
.mmco-product-reviews .mmco-eyebrow::before {
  background: #071426 !important;
}

.mmco-pack-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 0 22px !important;
}

.mmco-pack-stat-grid > div {
  min-height: 112px !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 12px 36px rgba(7,20,38,.06) !important;
}

.mmco-pack-stat-grid span {
  display: block !important;
  color: #667386 !important;
  font-size: .74rem !important;
  font-weight: 950 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid strong {
  display: block !important;
  margin-top: 10px !important;
  color: #071426 !important;
  font-size: clamp(1.22rem, 2vw, 1.8rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

.mmco-pack-stat-grid > div:nth-child(2) {
  grid-column: 1 / -1 !important;
  min-height: 170px !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 86% 10%, rgba(255,255,255,.14), transparent 12rem),
    repeating-linear-gradient(115deg, rgba(255,255,255,.045) 0 1px, transparent 1px 17px),
    #071426 !important;
  color: #ffffff !important;
  border-color: #071426 !important;
  box-shadow: 0 24px 70px rgba(7,20,38,.28) !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::after {
  content: "per kg rate";
  margin-top: 10px;
  display: inline-flex;
  width: fit-content;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #ffffff;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mmco-pack-stat-grid > div:nth-child(2) span {
  color: rgba(255,255,255,.75) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
  font-size: clamp(3.1rem, 6.4vw, 5.6rem) !important;
  line-height: .86 !important;
  letter-spacing: -.09em !important;
}

.mmco-pack-stat-grid > div:nth-child(3) {
  background: #eef3f9 !important;
}

.mmco-pack-contents {
  margin-top: 20px !important;
  padding: 24px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  box-shadow: 0 12px 36px rgba(7,20,38,.05) !important;
}

.mmco-pack-contents > strong {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
  color: #071426 !important;
  font-size: 1.18rem !important;
  letter-spacing: -.03em !important;
}

.mmco-pack-contents > strong::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #071426;
}

.mmco-pack-contents p {
  margin: 0 !important;
  color: #142031 !important;
  line-height: 1.9 !important;
  column-count: 2 !important;
  column-gap: 30px !important;
}

.mmco-product-reviews {
  grid-column: 1 / -1 !important;
  order: 10 !important;
  margin-top: clamp(20px, 3vw, 38px) !important;
  padding: clamp(24px, 4vw, 46px) !important;
  border-radius: 38px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.12) !important;
  color: #071426 !important;
  box-shadow: 0 24px 80px rgba(7,20,38,.10) !important;
}

.mmco-product-reviews-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
  gap: 20px !important;
  margin-bottom: 22px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid rgba(7,20,38,.10) !important;
}

.mmco-product-reviews-head h2 {
  margin: 0 !important;
  color: #071426 !important;
  font-size: clamp(2.2rem, 4.4vw, 4.6rem) !important;
  line-height: .9 !important;
  letter-spacing: -.07em !important;
}

.mmco-product-review-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: 22px !important;
}

.mmco-product-review {
  padding: 22px !important;
  border-radius: 26px !important;
  background: #f7f9fc !important;
  border: 1px solid rgba(7,20,38,.10) !important;
  box-shadow: none !important;
}

.mmco-stars {
  color: #071426 !important;
  letter-spacing: .1em !important;
  font-size: 1.05rem !important;
}

.mmco-product-review strong,
.mmco-product-review p,
.mmco-product-review small {
  color: #071426 !important;
}

.mmco-review-form {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(7, 20, 38, .10) !important;
}

.mmco-review-form label {
  color: #071426 !important;
  font-weight: 950 !important;
  font-size: .85rem !important;
}

.mmco-review-form select,
.mmco-review-form textarea {
  width: 100% !important;
  margin-top: 8px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(7, 20, 38, .14) !important;
  background: #ffffff !important;
  color: #071426 !important;
  padding: 12px 14px !important;
}

.mmco-review-form .mmco-button {
  background: #071426 !important;
  color: #ffffff !important;
  border-color: #071426 !important;
}

/* Woo checkout/account surfaces, just in case they inherit the theme. */
.woocommerce form,
.woocommerce table.shop_table,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.woocommerce-cart-form,
.cart_totals,
#customer_details,
#order_review {
  background: #ffffff !important;
  color: #071426 !important;
  border-color: rgba(7,20,38,.12) !important;
  border-radius: 24px !important;
}

.woocommerce :is(h1,h2,h3,h4,h5,h6,label,p,td,th,strong,span,a) {
  color: #071426;
}

.woocommerce .mmco-button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  color: #ffffff !important;
}

/* Footer: dark, simple, premium. */
.mmco-footer {
  background:
    radial-gradient(circle at 85% 15%, rgba(255,255,255,.08), transparent 24rem),
    repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 18px),
    linear-gradient(135deg, #010712, #071426) !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
}

.mmco-footer::before {
  border-color: rgba(255,255,255,.12) !important;
}

.mmco-footer .mmco-small-link {
  color: #ffffff !important;
  background: rgba(255,255,255,.10) !important;
}

/* Mobile and tablet refinements. */
@media (max-width: 1180px) {
  .mmco-story.mmco-story-collage,
  .mmco-block-story.mmco-layout-collage .mmco-story {
    grid-template-columns: 1fr !important;
  }

  .mmco-story.mmco-story-collage .mmco-story-media-grid,
  .mmco-block-story.mmco-layout-collage .mmco-story-media-grid {
    min-height: 620px !important;
  }
}

@media (max-width: 980px) {
  .mmco-header {
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    border-radius: 26px !important;
  }

  .mmco-app-layout,
  .mmco-dashboard-layout,
  .mmco-tab-layout,
  .mmco-app-shell {
    grid-template-columns: 1fr !important;
  }

  .mmco-app-sidebar,
  .mmco-tab-sidebar {
    position: sticky !important;
    top: 0 !important;
    height: auto !important;
    max-height: 66vh !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
  }

  .mmco-app-main,
  .mmco-dashboard-main,
  .mmco-tab-main,
  .mmco-app-content {
    padding: 18px !important;
  }

  .mmco-woo-content .product.type-product {
    grid-template-columns: 1fr !important;
  }

  .mmco-woo-content .product .summary.entry-summary {
    position: relative !important;
    top: auto !important;
  }

  .mmco-woo-content .product .woocommerce-product-gallery,
  .mmco-woo-content .product div.images,
  .mmco-woo-content .product .mmco-product-gallery,
  .mmco-woo-content .product .mmco-product-image-wrap {
    order: 0 !important;
    min-height: 420px !important;
  }

  .mmco-woo-content .product div.images img,
  .mmco-woo-content .product .woocommerce-product-gallery img,
  .mmco-woo-content .product .mmco-product-gallery img,
  .mmco-woo-content .product .mmco-product-image-wrap img {
    min-height: 420px !important;
  }

  .mmco-order-detail-panel,
  .mmco-review-form,
  .mmco-block-products .mmco-section-intro {
    grid-template-columns: 1fr !important;
  }

  .mmco-block-products .mmco-section-intro::after {
    justify-self: start !important;
  }
}

@media (max-width: 700px) {
  .mmco-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mmco-story.mmco-story-collage .mmco-story-media-grid,
  .mmco-block-story.mmco-layout-collage .mmco-story-media-grid {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .mmco-story.mmco-story-collage .mmco-story-media-grid::before,
  .mmco-block-story.mmco-layout-collage .mmco-story-media-grid::before {
    display: none !important;
  }

  .mmco-story.mmco-story-collage .mmco-story-media-grid figure,
  .mmco-block-story.mmco-layout-collage .mmco-story-media-grid figure {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 260px !important;
    transform: none !important;
  }

  .mmco-pack-stat-grid,
  .mmco-delivery-area-public-list,
  .mmco-delivery-area-public-list .mmco-area-chip {
    grid-template-columns: 1fr !important;
  }

  .mmco-delivery-area-public-list::before,
  .mmco-delivery-area-public-list::after {
    display: none !important;
  }

  .mmco-delivery-area-public-list .mmco-area-chip strong {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(7,20,38,.10) !important;
  }

  .mmco-pack-contents p {
    column-count: 1 !important;
  }

  .mmco-product-reviews-head {
    display: block !important;
  }

  .mmco-pack-stat-grid > div:nth-child(2) strong,
  .mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount,
  .mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-currencySymbol {
    font-size: clamp(2.65rem, 16vw, 4.2rem) !important;
  }

  .mmco-block-products .mmco-product-card {
    flex-basis: min(86vw, 340px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mmco-card,
  .mmco-product-card,
  .mmco-contact-card,
  .mmco-step,
  .mmco-button,
  .mmco-menu-cta,
  .mmco-primary-small,
  .mmco-story-media-grid figure,
  .mmco-story-media-grid img {
    transition: none !important;
    transform: none !important;
  }
}

/* =========================================================
   PATCH - Fixed header style 4 + epic product shelf upgrade
   Added after the main Metameat dark-blue farm CSS.
   Keeps existing HTML intact.
   ========================================================= */

/* Restore fixed header for style 4 */
header.mmco-header.mmco-header-style-4,
body.mmco-shell header.mmco-header.mmco-header-style-4,
.mmco-site header.mmco-header.mmco-header-style-4 {
  position: fixed !important;
  z-index: 9999 !important;
  top: 18px !important;
  left: 50% !important;
  right: auto !important;
  width: min(1180px, calc(100vw - 28px)) !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: rgba(7, 20, 38, .94) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 22px 70px rgba(7, 20, 38, .35) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}

header.mmco-header.mmco-header-style-4 *,
header.mmco-header.mmco-header-style-4 a,
header.mmco-header.mmco-header-style-4 .mmco-logo-text,
header.mmco-header.mmco-header-style-4 .mmco-small-link {
  color: #ffffff !important;
}

body.mmco-menu-style-4 .mmco-header,
.mmco-header.mmco-header-style-4 {
  position: fixed !important;
  z-index: 9999 !important;
}

/* Give pages enough breathing room under the fixed pill header */
body.mmco-shell .mmco-site,
body.mmco-shell .mmco-preview-root {
  scroll-padding-top: 120px !important;
}

/* Product block: premium farm shelf */
.mmco-block-products,
section[id^="mmco-products-"] {
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.10), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f5f7fb 100%) !important;
}

.mmco-block-products .mmco-section-intro,
section[id^="mmco-products-"] .mmco-section-intro {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 22px !important;
  width: min(1320px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 28px !important;
  padding: 0 clamp(2px, 1vw, 10px) !important;
}

.mmco-block-products .mmco-section-intro h2,
section[id^="mmco-products-"] .mmco-section-intro h2 {
  color: #071426 !important;
  max-width: 760px !important;
  font-size: clamp(2.7rem, 6vw, 6.6rem) !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
}

.mmco-block-products .mmco-section-intro p,
section[id^="mmco-products-"] .mmco-section-intro p {
  max-width: 360px !important;
  margin: 0 !important;
  color: #3b4656 !important;
  font-weight: 750 !important;
  line-height: 1.55 !important;
}

.mmco-block-products .mmco-products-wrap,
section[id^="mmco-products-"] .mmco-products-wrap,
#mmco-products.mmco-products-wrap {
  position: relative !important;
  width: min(1360px, 100%) !important;
  margin: 0 auto !important;
  padding: 10px 0 34px !important;
}

.mmco-block-products .mmco-products-wrap::before,
section[id^="mmco-products-"] .mmco-products-wrap::before,
#mmco-products.mmco-products-wrap::before {
  content: "Farm packs" !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 18px 4px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  background: #071426 !important;
  color: #ffffff !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 38px rgba(7,20,38,.18) !important;
}

.mmco-block-products .mmco-product-grid,
.mmco-layout-grid-4 .mmco-product-grid,
section[id^="mmco-products-"] .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(310px, 370px) !important;
  grid-template-columns: none !important;
  gap: clamp(18px, 2.2vw, 30px) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 8px 6px 32px !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-left: 6px !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: #071426 #e7edf5 !important;
}

.mmco-block-products .mmco-product-grid::-webkit-scrollbar,
section[id^="mmco-products-"] .mmco-product-grid::-webkit-scrollbar,
#mmco-products .mmco-product-grid::-webkit-scrollbar {
  height: 12px !important;
}

.mmco-block-products .mmco-product-grid::-webkit-scrollbar-track,
section[id^="mmco-products-"] .mmco-product-grid::-webkit-scrollbar-track,
#mmco-products .mmco-product-grid::-webkit-scrollbar-track {
  background: #e7edf5 !important;
  border-radius: 999px !important;
}

.mmco-block-products .mmco-product-grid::-webkit-scrollbar-thumb,
section[id^="mmco-products-"] .mmco-product-grid::-webkit-scrollbar-thumb,
#mmco-products .mmco-product-grid::-webkit-scrollbar-thumb {
  background: #071426 !important;
  border-radius: 999px !important;
  border: 3px solid #e7edf5 !important;
}

/* Product card: bigger image, clearer sale price, stronger CTA */
.mmco-block-products .mmco-product-card,
section[id^="mmco-products-"] .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  min-height: 520px !important;
  border-radius: 34px !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  background: #ffffff !important;
  border: 1px solid rgba(7, 20, 38, .10) !important;
  box-shadow: 0 24px 80px rgba(7, 20, 38, .13) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.mmco-block-products .mmco-product-card::before,
section[id^="mmco-products-"] .mmco-product-card::before,
#mmco-products .mmco-product-card::before {
  content: "Direct from farm" !important;
  position: absolute !important;
  z-index: 4 !important;
  top: 16px !important;
  left: 16px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.88) !important;
  color: #ffffff !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.20) !important;
}

.mmco-block-products .mmco-product-card:hover,
section[id^="mmco-products-"] .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(7, 20, 38, .20) !important;
  box-shadow: 0 34px 100px rgba(7, 20, 38, .22) !important;
}

.mmco-block-products .mmco-product-image,
section[id^="mmco-products-"] .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative !important;
  display: block !important;
  height: 300px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, #e8eef6, #ffffff) !important;
}

.mmco-block-products .mmco-product-image::after,
section[id^="mmco-products-"] .mmco-product-image::after,
#mmco-products .mmco-product-image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, transparent 48%, rgba(7,20,38,.38) 100%) !important;
  pointer-events: none !important;
}

.mmco-block-products .mmco-product-image img,
section[id^="mmco-products-"] .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  filter: saturate(1.02) contrast(1.03) !important;
  transform: scale(1.01) !important;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

.mmco-block-products .mmco-product-card:hover .mmco-product-image img,
section[id^="mmco-products-"] .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.075) !important;
  filter: saturate(1.08) contrast(1.06) !important;
}

.mmco-block-products .mmco-product-body,
section[id^="mmco-products-"] .mmco-product-body,
#mmco-products .mmco-product-body {
  min-height: 220px !important;
  padding: 24px !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  gap: 14px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

.mmco-block-products .mmco-product-body h3,
section[id^="mmco-products-"] .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  margin: 0 !important;
  color: #071426 !important;
  font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
}

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

.mmco-block-products .mmco-product-price,
section[id^="mmco-products-"] .mmco-product-price,
#mmco-products .mmco-product-price {
  align-self: end !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 8px 12px !important;
  margin: 0 !important;
  color: #071426 !important;
  font-weight: 950 !important;
}

.mmco-block-products .mmco-product-price del,
section[id^="mmco-products-"] .mmco-product-price del,
#mmco-products .mmco-product-price del {
  order: 2 !important;
  color: #7a8493 !important;
  opacity: .78 !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
}

.mmco-block-products .mmco-product-price ins,
section[id^="mmco-products-"] .mmco-product-price ins,
#mmco-products .mmco-product-price ins {
  order: 1 !important;
  display: inline-flex !important;
  padding: 9px 12px !important;
  border-radius: 16px !important;
  background: #071426 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(7,20,38,.22) !important;
}

.mmco-block-products .mmco-product-price ins .amount,
.mmco-block-products .mmco-product-price ins .woocommerce-Price-currencySymbol,
section[id^="mmco-products-"] .mmco-product-price ins .amount,
section[id^="mmco-products-"] .mmco-product-price ins .woocommerce-Price-currencySymbol,
#mmco-products .mmco-product-price ins .amount,
#mmco-products .mmco-product-price ins .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

.mmco-block-products .mmco-product-price > .amount,
section[id^="mmco-products-"] .mmco-product-price > .amount,
#mmco-products .mmco-product-price > .amount {
  display: inline-flex !important;
  padding: 9px 12px !important;
  border-radius: 16px !important;
  background: #071426 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(7,20,38,.22) !important;
}

.mmco-block-products .mmco-product-price > .amount *,
section[id^="mmco-products-"] .mmco-product-price > .amount *,
#mmco-products .mmco-product-price > .amount * {
  color: #ffffff !important;
}

.mmco-block-products .mmco-ghost-small,
section[id^="mmco-products-"] .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #071426 !important;
  color: #ffffff !important;
  border: 1px solid #071426 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  letter-spacing: -.02em !important;
  box-shadow: 0 16px 40px rgba(7,20,38,.18) !important;
}

.mmco-block-products .mmco-ghost-small::after,
section[id^="mmco-products-"] .mmco-ghost-small::after,
#mmco-products .mmco-ghost-small::after {
  content: " ->" !important;
  margin-left: 6px !important;
}

.mmco-block-products .mmco-ghost-small:hover,
section[id^="mmco-products-"] .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px) !important;
  background: #0b1f38 !important;
  color: #ffffff !important;
}

@media (max-width: 780px) {
  header.mmco-header.mmco-header-style-4,
  body.mmco-shell header.mmco-header.mmco-header-style-4,
  .mmco-site header.mmco-header.mmco-header-style-4 {
    top: 10px !important;
    width: calc(100vw - 20px) !important;
    border-radius: 26px !important;
  }

  .mmco-block-products .mmco-section-intro,
  section[id^="mmco-products-"] .mmco-section-intro {
    display: block !important;
  }

  .mmco-block-products .mmco-section-intro p,
  section[id^="mmco-products-"] .mmco-section-intro p {
    margin-top: 14px !important;
    max-width: 100% !important;
  }

  .mmco-block-products .mmco-product-grid,
  .mmco-layout-grid-4 .mmco-product-grid,
  section[id^="mmco-products-"] .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-auto-columns: minmax(285px, 86vw) !important;
    padding-bottom: 28px !important;
  }

  .mmco-block-products .mmco-product-image,
  section[id^="mmco-products-"] .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 260px !important;
  }
}

/* ==========================================================
   FINAL OVERRIDE - Burton Beef elegant flow
   Paste at the very bottom of Design Lab CSS.
   Nothing above needs to be removed.

   This specifically fixes:
   1. #mmco-story-6l0nj93.mmco-layout-three-image-row
      - video/image becomes the background
      - top stays visually clear
      - bottom fades fully to white
      - text sits cleanly over the media

   2. #mmco-products-z2eesa78
      - removes ugly carousel/card-dump feel
      - creates a clean editorial product grid
      - makes value / PER KG presentation feel premium

   3. Woo product pages
      - removes aside.mmco-woo-hero-panel
      - puts info at the top
      - moves gallery/supporting content underneath
      - makes PER KG the elegant hero stat
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --bb-ink: #071426;
  --bb-ink-2: #102947;
  --bb-muted: #667085;
  --bb-soft: #f6f8fb;
  --bb-paper: #ffffff;
  --bb-cream: #fbf4ea;
  --bb-line: rgba(7, 20, 38, .12);
  --bb-line-strong: rgba(7, 20, 38, .2);
  --bb-gold: #c99752;
  --bb-shadow: 0 24px 70px rgba(7, 20, 38, .11);
  --bb-shadow-strong: 0 40px 110px rgba(7, 20, 38, .16);
}

/* Clean white page flow */
.mmco-site,
.mmco-preview-root,
.mmco-blocks,
#mmco-blocks {
  background: #ffffff !important;
  color: var(--bb-ink) !important;
}

/* ==========================================================
   1. STORY SECTION - background video/image fading to white
   Current HTML:
   section#mmco-story-6l0nj93.mmco-layout-three-image-row
   ========================================================== */

#mmco-story-6l0nj93.mmco-section.mmco-tw-section.mmco-block-story.mmco-layout-three-image-row {
  position: relative !important;
  isolation: isolate !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: clamp(720px, 96svh, 1080px) !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--bb-ink) !important;
}

/* bottom blend into the product section */
#mmco-story-6l0nj93.mmco-layout-three-image-row::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;
  z-index: 8 !important;
  height: clamp(220px, 30vh, 360px) !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,.72) 46%,
      #ffffff 82%,
      #ffffff 100%
    ) !important;
}

/* main canvas */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story.mmco-story-three-image-row {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  width: 100% !important;
  min-height: clamp(720px, 96svh, 1080px) !important;
  margin: 0 !important;
  padding: clamp(110px, 12vw, 180px) clamp(18px, 5vw, 90px) clamp(190px, 19vw, 290px) !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* video/image becomes background */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media.mmco-story-media-grid {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* remove previous three-image-row grid behaviour */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media-grid,
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media-grid figure {
  grid-template-columns: none !important;
  gap: 0 !important;
  transform: none !important;
}

/* actual video wrapper */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* background media */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-video video,
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media video,
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(720px, 96svh, 1080px) !important;
  object-fit: cover !important;
  object-position: center 34% !important;
  display: block !important;
  transform: scale(1.045) !important;
  opacity: .78 !important;
  filter: saturate(1.03) contrast(1.04) brightness(1.03) !important;
}

/* hide controls when used as a visual background */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-video video {
  pointer-events: none !important;
}

#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-video video::-webkit-media-controls,
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-video video::-webkit-media-controls-enclosure,
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-video video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 0 !important;
}

/* clear top, readable middle, white bottom */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media.mmco-story-media-grid::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.12) 18%,
      rgba(255,255,255,.48) 47%,
      rgba(255,255,255,.86) 76%,
      #ffffff 100%
    ),
    radial-gradient(
      circle at 50% 42%,
      rgba(255,255,255,.78) 0%,
      rgba(255,255,255,.58) 24%,
      rgba(255,255,255,.2) 46%,
      rgba(255,255,255,.72) 78%,
      #ffffff 100%
    ),
    linear-gradient(
      90deg,
      #ffffff 0%,
      rgba(255,255,255,.62) 18%,
      rgba(255,255,255,.22) 50%,
      rgba(255,255,255,.62) 82%,
      #ffffff 100%
    ) !important;
}

/* subtle warm premium wash */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media.mmco-story-media-grid::after {
  content: "" !important;
  position: absolute !important;
  inset: -14% !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 34%, rgba(201,151,82,.16), transparent 30rem),
    radial-gradient(circle at 18% 74%, rgba(255,238,214,.42), transparent 25rem),
    radial-gradient(circle at 82% 16%, rgba(255,248,238,.54), transparent 25rem) !important;
  mix-blend-mode: multiply !important;
  opacity: .7 !important;
}

/* copy sits on top, but not as a heavy card */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-copy {
  position: relative !important;
  z-index: 6 !important;
  display: block !important;
  width: min(1040px, 100%) !important;
  min-height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--bb-ink) !important;
  text-align: center !important;
  box-shadow: none !important;
}

/* soft readability glow behind the text only */
#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-copy::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: -1 !important;
  width: min(1040px, 92vw) !important;
  height: min(520px, 62vh) !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(255,255,255,.92) 0%, rgba(255,255,255,.72) 40%, rgba(255,255,255,0) 74%) !important;
  filter: blur(2px) !important;
}

#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-copy::after {
  display: none !important;
  content: none !important;
}

#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro {
  width: min(900px, 100%) !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro h2 {
  margin: 0 auto clamp(20px, 2.4vw, 34px) !important;
  max-width: 11ch !important;
  color: var(--bb-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(4.2rem, 8.6vw, 10.6rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.115em !important;
  text-align: center !important;
  text-wrap: balance !important;
  text-shadow: 0 2px 0 rgba(255,255,255,.55) !important;
}

#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro h2::before {
  content: "Family raised beef" !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(18px, 2vw, 28px) !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(7,20,38,.1) !important;
  color: rgba(7,20,38,.7) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 34px rgba(7,20,38,.08) !important;
}

#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro h2::after {
  content: "" !important;
  display: block !important;
  width: clamp(104px, 10vw, 190px) !important;
  height: 3px !important;
  margin: clamp(22px, 2.7vw, 38px) auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(201,151,82,0), var(--bb-gold) 50%, rgba(201,151,82,0)) !important;
}

#mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro p {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(7,20,38,.78) !important;
  font-size: clamp(1.05rem, 1.22vw, 1.34rem) !important;
  line-height: 1.78 !important;
  letter-spacing: -.012em !important;
  text-align: center !important;
}

/* ==========================================================
   2. PRODUCTS - elegant value grid with PER KG emphasis
   ========================================================== */

#mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
section#mmco-products-z2eesa78 {
  position: relative !important;
  z-index: 9 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: clamp(54px, 6vw, 104px) clamp(18px, 5vw, 84px) clamp(82px, 9vw, 140px) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--bb-ink) !important;
}

/* quiet cream halo behind products */
#mmco-products-z2eesa78::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -15rem !important;
  width: min(980px, 90vw) !important;
  height: 28rem !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at center, rgba(201,151,82,.14), rgba(201,151,82,0) 68%) !important;
}

#mmco-products-z2eesa78 .mmco-section-intro {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(32px, 5vw, 66px) !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2 {
  max-width: 12ch !important;
  margin: 0 auto 16px !important;
  color: var(--bb-ink) !important;
  font-size: clamp(3.5rem, 7vw, 8.4rem) !important;
  line-height: .84 !important;
  letter-spacing: -.105em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-section-intro p {
  max-width: 620px !important;
  margin: 0 auto !important;
  color: var(--bb-muted) !important;
  font-size: clamp(1rem, 1.12vw, 1.16rem) !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-products-wrap,
#mmco-products-z2eesa78 #mmco-products {
  position: relative !important;
  z-index: 2 !important;
  width: min(1240px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* No carousel. No horizontal scroll. */
#mmco-products-z2eesa78 .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* Feature first product, then clean supporting products */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  display: inline !important;
  grid-column: span 4 !important;
  grid-template-rows: auto 1fr !important;
  min-width: 0 !important;
  flex: initial !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.1) !important;
  border-radius: 32px !important;
  background: #ffffff !important;
  color: var(--bb-ink) !important;
  box-shadow: 0 20px 58px rgba(7,20,38,.09) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:first-child,
#mmco-products .mmco-product-card:first-child {
  grid-column: span 6 !important;
  grid-row: span 2 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
#mmco-products .mmco-product-card:nth-child(2) {
  grid-column: span 6 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
#mmco-products .mmco-product-card:nth-child(3),
#mmco-products .mmco-product-card:nth-child(4) {
  grid-column: span 3 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(7,20,38,.2) !important;
  box-shadow: 0 34px 90px rgba(7,20,38,.14) !important;
}

#mmco-products-z2eesa78 .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative !important;
  display: block !important;
  height: clamp(250px, 24vw, 360px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f2f5f8 !important;
  box-shadow: none !important;
}

/* larger image for feature card */
#mmco-products-z2eesa78 .mmco-product-card:first-child .mmco-product-image,
#mmco-products .mmco-product-card:first-child .mmco-product-image {
  height: clamp(390px, 42vw, 560px) !important;
}

/* remove old farm packed badges / overlays */
#mmco-products-z2eesa78 .mmco-product-image::before,
#mmco-products-z2eesa78 .mmco-product-image::after,
#mmco-products .mmco-product-image::before,
#mmco-products .mmco-product-image::after {
  display: none !important;
  content: none !important;
}

#mmco-products-z2eesa78 .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transform: scale(1) !important;
  filter: none !important;
  transition: transform .45s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.04) !important;
}

/* Elegant value label. This does not fake a price; it labels the value area. */
#mmco-products-z2eesa78 .mmco-product-card::before,
#mmco-products .mmco-product-card::before {
  content: "PER KG VALUE" !important;
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(7,20,38,.1) !important;
  color: rgba(7,20,38,.78) !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 28px rgba(7,20,38,.11) !important;
  backdrop-filter: blur(10px) !important;
}

#mmco-products-z2eesa78 .mmco-product-body,
#mmco-products .mmco-product-body {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 14px !important;
  padding: clamp(20px, 2vw, 28px) !important;
  background: #ffffff !important;
  color: var(--bb-ink) !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  margin: 0 !important;
  color: var(--bb-ink) !important;
  font-size: clamp(1.28rem, 1.65vw, 1.82rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -.048em !important;
}

#mmco-products-z2eesa78 .mmco-product-card:first-child .mmco-product-body h3,
#mmco-products .mmco-product-card:first-child .mmco-product-body h3 {
  font-size: clamp(1.8rem, 2.8vw, 3.2rem) !important;
  letter-spacing: -.06em !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Price area becomes refined and strong */
#mmco-products-z2eesa78 .mmco-product-price,
#mmco-products .mmco-product-price {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-top: 2px !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-ink) !important;
  font-size: clamp(1.12rem, 1.25vw, 1.32rem) !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:first-child .mmco-product-price,
#mmco-products .mmco-product-card:first-child .mmco-product-price {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
}

#mmco-products-z2eesa78 .mmco-product-price::before,
#mmco-products .mmco-product-price::before {
  content: "Bundle price" !important;
  flex: 0 0 100% !important;
  margin-bottom: 2px !important;
  color: var(--bb-muted) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-price del,
#mmco-products .mmco-product-price del {
  color: #8a94a3 !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  opacity: .72 !important;
}

#mmco-products-z2eesa78 .mmco-product-price ins,
#mmco-products .mmco-product-price ins {
  color: var(--bb-ink) !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 46px !important;
  margin-top: 4px !important;
  padding: 13px 18px !important;
  border: 1px solid var(--bb-ink) !important;
  border-radius: 999px !important;
  background: var(--bb-ink) !important;
  color: #ffffff !important;
  font-size: .86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(7,20,38,.16) !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px) !important;
  background: var(--bb-ink-2) !important;
  color: #ffffff !important;
}

/* ==========================================================
   3. PRODUCT PAGE - remove side panel, info top, per kg hero
   ========================================================== */

aside.mmco-woo-hero-panel,
.mmco-woo-hero-panel {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* clean page canvas */
body.mmco-shell .mmco-woo-stage,
.mmco-site .mmco-woo-stage,
.mmco-woo-stage {
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.1), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: var(--bb-ink) !important;
  padding: clamp(96px, 10vw, 150px) clamp(16px, 4vw, 56px) clamp(72px, 8vw, 130px) !important;
}

body.mmco-shell .mmco-woo-content,
.mmco-site .mmco-woo-content,
.mmco-woo-content.woocommerce {
  width: min(1240px, 100%) !important;
  margin: 0 auto !important;
  background: transparent !important;
  color: var(--bb-ink) !important;
}

/* one-column flow: summary/info first, rest underneath */
.mmco-woo-content .product.type-product,
.woocommerce div.product {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(26px, 4vw, 52px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
}

/* top product info card */
.mmco-woo-content .product .summary.entry-summary,
.woocommerce div.product div.summary {
  order: 1 !important;
  width: 100% !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 4.5vw, 60px) !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  z-index: 2 !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: clamp(28px, 4vw, 48px) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(201,151,82,.12), transparent 18rem),
    #ffffff !important;
  color: var(--bb-ink) !important;
  box-shadow: var(--bb-shadow-strong) !important;
}

/* gallery below info */
.mmco-woo-content .woocommerce-product-gallery,
.mmco-woo-content div.images,
.woocommerce div.product div.images {
  order: 2 !important;
  position: relative !important;
  top: auto !important;
  width: min(980px, 100%) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  float: none !important;
  padding: 12px !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: 34px !important;
  background: #ffffff !important;
  box-shadow: var(--bb-shadow) !important;
}

.mmco-woo-content .product_title.entry-title,
.mmco-woo-content .summary.entry-summary > h1,
.mmco-woo-content .summary.entry-summary > h2 {
  max-width: 940px !important;
  margin: 0 0 clamp(16px, 2vw, 24px) !important;
  color: var(--bb-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3rem, 7vw, 7.4rem) !important;
  line-height: .84 !important;
  letter-spacing: -.095em !important;
}

.mmco-woo-content .woocommerce-product-details__short-description,
.mmco-woo-content .summary.entry-summary p {
  color: rgba(7,20,38,.72) !important;
  font-size: clamp(1.02rem, 1.15vw, 1.18rem) !important;
  line-height: 1.72 !important;
}

/* elegant PER KG hero stat */
.mmco-pack-stat-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(280px, 1.25fr) minmax(0, .9fr) !important;
  gap: clamp(12px, 1.6vw, 20px) !important;
  align-items: stretch !important;
}

.mmco-pack-stat-grid > div {
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  box-shadow: 0 14px 36px rgba(7,20,38,.055) !important;
}

/* This middle stat is the existing per-kg/value stat in your layout */
.mmco-pack-stat-grid > div:nth-child(2) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 190px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(201,151,82,.18), transparent 13rem),
    linear-gradient(180deg, #ffffff, #fbf6ee) !important;
  border: 1px solid rgba(201,151,82,.34) !important;
  color: var(--bb-ink) !important;
  box-shadow: 0 24px 64px rgba(7,20,38,.12) !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::before {
  content: "PER KG" !important;
  position: static !important;
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 18px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(201,151,82,.36) !important;
  color: rgba(7,20,38,.72) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 24px rgba(7,20,38,.06) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) span,
.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-currencySymbol {
  color: var(--bb-ink) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
  font-size: clamp(3.8rem, 7vw, 7.4rem) !important;
  line-height: .78 !important;
  letter-spacing: -.105em !important;
}

/* Catch explicit per-kg classes too */
.mmco-price-per-kg,
.mmco-per-kg,
[class*="per-kg"],
[class*="perkg"] {
  color: var(--bb-ink) !important;
  font-weight: 950 !important;
}

/* supporting product content underneath */
.mmco-product-story-suite,
.mmco-product-reviews,
.mmco-woo-content .woocommerce-tabs,
.mmco-woo-content .related.products,
.mmco-woo-content .upsells.products {
  order: 3 !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 1180px) {
  #mmco-products-z2eesa78 .mmco-product-card,
  #mmco-products .mmco-product-card,
  #mmco-products-z2eesa78 .mmco-product-card:first-child,
  #mmco-products .mmco-product-card:first-child,
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
  #mmco-products .mmco-product-card:nth-child(2),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
  #mmco-products .mmco-product-card:nth-child(3),
  #mmco-products .mmco-product-card:nth-child(4) {
    grid-column: span 6 !important;
    grid-row: auto !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:first-child .mmco-product-image,
  #mmco-products .mmco-product-card:first-child .mmco-product-image {
    height: clamp(280px, 34vw, 420px) !important;
  }
}

@media (max-width: 760px) {
  #mmco-story-6l0nj93.mmco-section.mmco-tw-section.mmco-block-story.mmco-layout-three-image-row,
  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story.mmco-story-three-image-row {
    min-height: 100svh !important;
  }

  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story.mmco-story-three-image-row {
    padding: 96px 16px 170px !important;
  }

  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-video video,
  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media video,
  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-story-media img {
    min-height: 100svh !important;
    object-position: center center !important;
  }

  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro h2 {
    font-size: clamp(3.3rem, 17vw, 5.6rem) !important;
    letter-spacing: -.105em !important;
  }

  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro h2::before {
    font-size: .64rem !important;
  }

  #mmco-story-6l0nj93.mmco-layout-three-image-row .mmco-section-intro p {
    font-size: 1rem !important;
    line-height: 1.68 !important;
  }

  #mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card,
  #mmco-products .mmco-product-card,
  #mmco-products-z2eesa78 .mmco-product-card:first-child,
  #mmco-products .mmco-product-card:first-child,
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
  #mmco-products .mmco-product-card:nth-child(2),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
  #mmco-products .mmco-product-card:nth-child(3),
  #mmco-products .mmco-product-card:nth-child(4) {
    grid-column: 1 !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image,
  #mmco-products-z2eesa78 .mmco-product-card:first-child .mmco-product-image,
  #mmco-products .mmco-product-card:first-child .mmco-product-image {
    height: 260px !important;
  }

  .mmco-pack-stat-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-woo-content .product .summary.entry-summary,
  .woocommerce div.product div.summary {
    padding: 24px 18px !important;
    border-radius: 26px !important;
  }
}

/* ==========================================================
   FINAL PRODUCTS OVERHAUL - Epic centred masonry gallery
   Paste at the very bottom of Design Lab CSS.
   Nothing above needs to be removed.

   Targets:
   #mmco-products-z2eesa78
   #mmco-products .mmco-product-grid
   .mmco-product-card
   .mmco-pack-stat-grid

   Result:
   - Products become an editorial masonry gallery
   - All product text is centred
   - Images become full-card hero tiles
   - Product info floats over the image in a soft white panel
   - PER KG / value messaging becomes premium and obvious
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --bb-masonry-ink: #071426;
  --bb-masonry-blue: #102947;
  --bb-masonry-muted: #667085;
  --bb-masonry-paper: #ffffff;
  --bb-masonry-cream: #fbf5ec;
  --bb-masonry-line: rgba(7, 20, 38, .12);
  --bb-masonry-gold: #c99752;
  --bb-masonry-shadow: 0 30px 90px rgba(7, 20, 38, .16);
  --bb-masonry-shadow-soft: 0 18px 54px rgba(7, 20, 38, .10);
}

/* Products section: white, spacious, editorial */
#mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
section#mmco-products-z2eesa78 {
  position: relative !important;
  isolation: isolate !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: clamp(64px, 8vw, 132px) clamp(16px, 5vw, 90px) clamp(90px, 10vw, 160px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.16), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #fbf5ec 100%) !important;
  color: var(--bb-masonry-ink) !important;
}

/* Subtle top blend from story section */
#mmco-products-z2eesa78::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  z-index: 0 !important;
  width: min(1120px, 92vw) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(7,20,38,.16), transparent) !important;
}

#mmco-products-z2eesa78::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 8rem !important;
  z-index: 0 !important;
  width: min(960px, 90vw) !important;
  height: 34rem !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background:
    radial-gradient(ellipse at center, rgba(201,151,82,.12), rgba(201,151,82,0) 68%) !important;
}

/* Section text centred */
#mmco-products-z2eesa78 .mmco-section-intro {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(38px, 5.5vw, 82px) !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2 {
  max-width: 12ch !important;
  margin: 0 auto 18px !important;
  color: var(--bb-masonry-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.8rem, 7.4vw, 8.8rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.11em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2::before {
  content: "Farm packed value" !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(18px, 2vw, 28px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.055) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: rgba(7,20,38,.7) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .7rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-section-intro p {
  max-width: 640px !important;
  margin: 0 auto !important;
  color: var(--bb-masonry-muted) !important;
  font-size: clamp(1.02rem, 1.16vw, 1.2rem) !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

/* Masonry wrapper */
#mmco-products-z2eesa78 .mmco-products-wrap,
#mmco-products-z2eesa78 #mmco-products {
  position: relative !important;
  z-index: 2 !important;
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* True editorial masonry grid, no carousel */
#mmco-products-z2eesa78 .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-rows: 72px !important;
  grid-auto-flow: dense !important;
  gap: clamp(16px, 2vw, 28px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* Every product becomes a full-image tile */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: initial !important;
  overflow: hidden !important;
  border: 1px solid rgba(7,20,38,.1) !important;
  border-radius: clamp(28px, 3vw, 42px) !important;
  background: #f4f6f8 !important;
  color: var(--bb-masonry-ink) !important;
  box-shadow: var(--bb-masonry-shadow-soft) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

/* Masonry sizing for the 4 current products */
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
#mmco-products .mmco-product-card:nth-child(1) {
  grid-column: 1 / span 7 !important;
  grid-row: span 9 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
#mmco-products .mmco-product-card:nth-child(2) {
  grid-column: 8 / span 5 !important;
  grid-row: span 5 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
#mmco-products .mmco-product-card:nth-child(3) {
  grid-column: 8 / span 5 !important;
  grid-row: span 5 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
#mmco-products .mmco-product-card:nth-child(4) {
  grid-column: 1 / span 12 !important;
  grid-row: span 6 !important;
}

/* Extra products, if added later */
#mmco-products-z2eesa78 .mmco-product-card:nth-child(n+5),
#mmco-products .mmco-product-card:nth-child(n+5) {
  grid-column: span 4 !important;
  grid-row: span 6 !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-7px) !important;
  border-color: rgba(7,20,38,.22) !important;
  box-shadow: var(--bb-masonry-shadow) !important;
}

/* Image fills tile */
#mmco-products-z2eesa78 .mmco-product-image,
#mmco-products .mmco-product-image {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
}

/* Remove old labels/overlays from previous CSS */
#mmco-products-z2eesa78 .mmco-product-image::before,
#mmco-products-z2eesa78 .mmco-product-image::after,
#mmco-products .mmco-product-image::before,
#mmco-products .mmco-product-image::after {
  display: none !important;
  content: none !important;
}

#mmco-products-z2eesa78 .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transform: scale(1.02) !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
  transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .6s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.075) !important;
  filter: saturate(1.06) contrast(1.05) brightness(.96) !important;
}

/* Elegant image fade so text is readable */
#mmco-products-z2eesa78 .mmco-product-card::after,
#mmco-products .mmco-product-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(7,20,38,.04) 0%, rgba(7,20,38,.12) 42%, rgba(7,20,38,.58) 100%),
    radial-gradient(circle at 50% 100%, rgba(7,20,38,.55), transparent 58%) !important;
}

/* PER KG / value badge: centered top */
#mmco-products-z2eesa78 .mmco-product-card::before,
#mmco-products .mmco-product-card::before {
  content: "PER KG VALUE" !important;
  position: absolute !important;
  top: 18px !important;
  left: 50% !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  transform: translateX(-50%) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  color: rgba(7,20,38,.78) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 34px rgba(7,20,38,.14) !important;
  backdrop-filter: blur(12px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.1) !important;
}

/* Body floats over the image, centered */
#mmco-products-z2eesa78 .mmco-product-body,
#mmco-products .mmco-product-body {
  position: absolute !important;
  left: clamp(14px, 2vw, 26px) !important;
  right: clamp(14px, 2vw, 26px) !important;
  bottom: clamp(14px, 2vw, 26px) !important;
  z-index: 4 !important;
  display: inline !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-content: end !important;
  gap: 12px !important;
  min-height: auto !important;
  padding: clamp(18px, 2vw, 28px) !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  border-radius: clamp(22px, 2.2vw, 32px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(255,255,255,.84) 62%, rgba(255,255,255,.72) 100%) !important;
  color: var(--bb-masonry-ink) !important;
  text-align: center !important;
  box-shadow:
    0 22px 60px rgba(7,20,38,.16),
    inset 0 0 0 1px rgba(255,255,255,.68) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

/* More dramatic body on feature card */
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-body,
#mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-body,
#mmco-products .mmco-product-card:nth-child(4) .mmco-product-body {
  left: 50% !important;
  right: auto !important;
  width: min(620px, calc(100% - 36px)) !important;
  transform: translateX(-50%) !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  width: 100% !important;
  margin: 0 !important;
  color: var(--bb-masonry-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(1.55rem, 2.3vw, 2.85rem) !important;
  font-weight: 950 !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body h3,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-body h3 {
  font-size: clamp(2.4rem, 4.4vw, 5rem) !important;
  letter-spacing: -.09em !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

/* Price/value area centered and premium */
#mmco-products-z2eesa78 .mmco-product-price,
#mmco-products .mmco-product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--bb-masonry-ink) !important;
  font-size: clamp(1.1rem, 1.35vw, 1.42rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-product-price::before,
#mmco-products .mmco-product-price::before {
  content: "Bundle value" !important;
  flex: 0 0 100% !important;
  margin-bottom: 2px !important;
  color: var(--bb-masonry-muted) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-price,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-price {
  font-size: clamp(1.35rem, 2vw, 2rem) !important;
}

#mmco-products-z2eesa78 .mmco-product-price del,
#mmco-products .mmco-product-price del {
  color: #8791a0 !important;
  font-size: .88rem !important;
  font-weight: 750 !important;
  opacity: .78 !important;
}

#mmco-products-z2eesa78 .mmco-product-price ins,
#mmco-products .mmco-product-price ins {
  color: var(--bb-masonry-ink) !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78 .mmco-product-price .woocommerce-Price-amount,
#mmco-products .mmco-product-price .woocommerce-Price-amount {
  font-weight: 950 !important;
}

/* CTA centered */
#mmco-products-z2eesa78 .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 44px !important;
  margin: 2px auto 0 !important;
  padding: 12px 18px !important;
  border: 1px solid var(--bb-masonry-ink) !important;
  border-radius: 999px !important;
  background: var(--bb-masonry-ink) !important;
  color: #ffffff !important;
  font-size: .84rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(7,20,38,.16) !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px) !important;
  background: var(--bb-masonry-blue) !important;
  color: #ffffff !important;
}

/* Product page PER KG hero stat: centred and elegant */
.mmco-pack-stat-grid {
  text-align: center !important;
}

.mmco-pack-stat-grid > div {
  align-items: center !important;
  text-align: center !important;
}

.mmco-pack-stat-grid > div:nth-child(2) {
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.2), transparent 15rem),
    linear-gradient(180deg, #ffffff, #fbf5ec) !important;
  border: 1px solid rgba(201,151,82,.34) !important;
  box-shadow: 0 24px 64px rgba(7,20,38,.12) !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::before {
  content: "PER KG" !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
  font-size: clamp(4rem, 7.2vw, 7.8rem) !important;
  line-height: .76 !important;
  letter-spacing: -.11em !important;
  text-align: center !important;
}

/* Responsive masonry */
@media (max-width: 1100px) {
  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-auto-rows: 66px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
  #mmco-products .mmco-product-card:nth-child(1) {
    grid-column: 1 / span 12 !important;
    grid-row: span 8 !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
  #mmco-products .mmco-product-card:nth-child(2),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
  #mmco-products .mmco-product-card:nth-child(3) {
    grid-column: span 6 !important;
    grid-row: span 6 !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
  #mmco-products .mmco-product-card:nth-child(4) {
    grid-column: 1 / span 12 !important;
    grid-row: span 6 !important;
  }
}

@media (max-width: 720px) {
  #mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
  section#mmco-products-z2eesa78 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 18px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card,
  #mmco-products .mmco-product-card,
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
  #mmco-products .mmco-product-card:nth-child(1),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
  #mmco-products .mmco-product-card:nth-child(2),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
  #mmco-products .mmco-product-card:nth-child(3),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
  #mmco-products .mmco-product-card:nth-child(4),
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(n+5),
  #mmco-products .mmco-product-card:nth-child(n+5) {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-height: 470px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
  #mmco-products .mmco-product-card:nth-child(1) {
    min-height: 560px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body,
  #mmco-products .mmco-product-body,
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body,
  #mmco-products .mmco-product-card:nth-child(1) .mmco-product-body,
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-body,
  #mmco-products .mmco-product-card:nth-child(4) .mmco-product-body {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    transform: none !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body h3,
  #mmco-products .mmco-product-body h3,
  #mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body h3,
  #mmco-products .mmco-product-card:nth-child(1) .mmco-product-body h3 {
    font-size: clamp(2rem, 10vw, 3.5rem) !important;
  }

  #mmco-products-z2eesa78 .mmco-section-intro h2 {
    font-size: clamp(3.2rem, 16vw, 5.8rem) !important;
  }
}

/* ==========================================================
   FINAL PRODUCTS REBUILD - Premium classic product cards
   Paste at the very bottom of Design Lab CSS.
   Nothing above needs to be removed.

   Inspired by the product-card layout you shared:
   - Badge top-left
   - Clean product image/thumb area
   - Category label
   - Product title
   - Elegant price row
   - Button/action row
   - PER KG / value callout made obvious without looking loud

   Targets your existing HTML:
   #mmco-products-z2eesa78
   .mmco-product-grid
   .mmco-product-card
   .mmco-product-image
   .mmco-product-body
   .mmco-product-price
   .mmco-ghost-small
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --bb-card-ink: #071426;
  --bb-card-ink-2: #102947;
  --bb-card-muted: #737d8c;
  --bb-card-paper: #ffffff;
  --bb-card-soft: #f3f5f8;
  --bb-card-soft-2: #eef2f6;
  --bb-card-cream: #fbf6ee;
  --bb-card-line: rgba(7, 20, 38, .12);
  --bb-card-line-strong: rgba(7, 20, 38, .2);
  --bb-card-gold: #c99752;
  --bb-card-red: #b7352d;
  --bb-card-shadow: 0 16px 42px rgba(7, 20, 38, .10);
  --bb-card-shadow-hover: 0 28px 74px rgba(7, 20, 38, .16);
}

/* Product section reset */
#mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
section#mmco-products-z2eesa78 {
  position: relative !important;
  isolation: isolate !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: clamp(68px, 8vw, 130px) clamp(16px, 5vw, 84px) clamp(82px, 9vw, 145px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.14), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 56%, #fbf6ee 100%) !important;
  color: var(--bb-card-ink) !important;
}

/* Remove old decorative overlays from prior versions */
#mmco-products-z2eesa78::before,
#mmco-products-z2eesa78::after {
  pointer-events: none !important;
}

/* Header centred and premium */
#mmco-products-z2eesa78 .mmco-section-intro {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(34px, 5vw, 72px) !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2 {
  max-width: 12ch !important;
  margin: 0 auto 16px !important;
  color: var(--bb-card-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.6rem, 7vw, 8.2rem) !important;
  font-weight: 950 !important;
  line-height: .84 !important;
  letter-spacing: -.105em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2::before {
  content: "Farm direct value" !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(18px, 2vw, 28px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.055) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: rgba(7,20,38,.7) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .7rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-section-intro p {
  max-width: 640px !important;
  margin: 0 auto !important;
  color: var(--bb-card-muted) !important;
  font-size: clamp(1.02rem, 1.15vw, 1.18rem) !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

/* Container */
#mmco-products-z2eesa78 .mmco-products-wrap,
#mmco-products-z2eesa78 #mmco-products {
  position: relative !important;
  z-index: 2 !important;
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* Proper product card grid. No masonry, no carousel, no absolute card bodies. */
#mmco-products-z2eesa78 .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  grid-auto-flow: row !important;
  gap: clamp(18px, 2.2vw, 30px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* Main product card */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  min-width: 0 !important;
  min-height: 100% !important;
  flex: initial !important;
  overflow: hidden !important;
  border: 1px solid var(--bb-card-line) !important;
  border-radius: 24px !important;
  background: #fafafa !important;
  color: var(--bb-card-ink) !important;
  box-shadow: var(--bb-card-shadow) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

/* No weird grid spans from older versions */
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
#mmco-products .mmco-product-card:nth-child(1),
#mmco-products .mmco-product-card:nth-child(2),
#mmco-products .mmco-product-card:nth-child(3),
#mmco-products .mmco-product-card:nth-child(4) {
  grid-column: auto !important;
  grid-row: auto !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-6px) !important;
  border-color: var(--bb-card-line-strong) !important;
  box-shadow: var(--bb-card-shadow-hover) !important;
}

/* Badge like the example */
#mmco-products-z2eesa78 .mmco-product-card::before,
#mmco-products .mmco-product-card::before {
  content: "Hot" !important;
  position: absolute !important;
  left: 0 !important;
  top: 20px !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  transform: none !important;
  padding: 6px 12px !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--bb-card-red) !important;
  border: 0 !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 26px rgba(183,53,45,.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1)::before,
#mmco-products .mmco-product-card:nth-child(1)::before {
  content: "Best value" !important;
  background: var(--bb-card-ink) !important;
  box-shadow: 0 12px 26px rgba(7,20,38,.2) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2)::before,
#mmco-products .mmco-product-card:nth-child(2)::before {
  content: "Family pack" !important;
  background: var(--bb-card-gold) !important;
  color: var(--bb-card-ink) !important;
  box-shadow: 0 12px 26px rgba(201,151,82,.22) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3)::before,
#mmco-products .mmco-product-card:nth-child(3)::before {
  content: "Popular" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4)::before,
#mmco-products .mmco-product-card:nth-child(4)::before {
  content: "Bulk buy" !important;
  background: var(--bb-card-ink-2) !important;
}

/* Product thumb like the example */
#mmco-products-z2eesa78 .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 300px !important;
  min-height: 0 !important;
  padding: 28px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.92), rgba(255,255,255,0) 34%),
    linear-gradient(135deg, var(--bb-card-soft), var(--bb-card-soft-2)) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Remove previous image overlays */
#mmco-products-z2eesa78 .mmco-product-image::before,
#mmco-products-z2eesa78 .mmco-product-image::after,
#mmco-products .mmco-product-image::before,
#mmco-products .mmco-product-image::after,
#mmco-products-z2eesa78 .mmco-product-card::after,
#mmco-products .mmco-product-card::after {
  display: none !important;
  content: none !important;
}

/* Product image: clean, contained/cropped nicely */
#mmco-products-z2eesa78 .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 18px !important;
  transform: scale(1) !important;
  filter: saturate(1.02) contrast(1.02) brightness(1) !important;
  box-shadow: 0 16px 34px rgba(7,20,38,.10) !important;
  transition: transform .45s ease, filter .45s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.045) !important;
  filter: saturate(1.04) contrast(1.04) brightness(.98) !important;
}

/* Product details */
#mmco-products-z2eesa78 .mmco-product-body,
#mmco-products .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  justify-items: stretch !important;
  gap: 0 !important;
  min-height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fafafa !important;
  color: var(--bb-card-ink) !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Category label, created from CSS because current HTML does not include one */
#mmco-products-z2eesa78 .mmco-product-body::before,
#mmco-products .mmco-product-body::before {
  content: "Farm beef pack" !important;
  display: block !important;
  margin: 0 0 16px !important;
  color: #a2a8b2 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-body::before {
  content: "Whole beast value" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(2) .mmco-product-body::before {
  content: "10kg variety box" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(3) .mmco-product-body::before {
  content: "Eighth beast pack" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(4) .mmco-product-body::before {
  content: "Quarter beast pack" !important;
}

/* Title */
#mmco-products-z2eesa78 .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  width: 100% !important;
  margin: 0 0 16px !important;
  color: #363636 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: clamp(1.12rem, 1.32vw, 1.34rem) !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: color .22s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a:hover,
#mmco-products .mmco-product-body h3 a:hover {
  color: var(--bb-card-gold) !important;
}

/* Short product blurb, created with CSS since the card HTML has no paragraph */
#mmco-products-z2eesa78 .mmco-product-body h3::after,
#mmco-products .mmco-product-body h3::after {
  content: "Premium Burton Family Beef packed for better value, easy ordering and direct farm-to-door convenience." !important;
  display: block !important;
  margin: 14px 0 0 !important;
  color: #8a93a1 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
}

/* Product bottom details row */
#mmco-products-z2eesa78 .mmco-product-price,
#mmco-products .mmco-product-price {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #eeeeee !important;
  color: var(--bb-card-gold) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: left !important;
}

/* Per kg/value callout above price */
#mmco-products-z2eesa78 .mmco-product-price::before,
#mmco-products .mmco-product-price::before {
  content: "PER KG VALUE" !important;
  flex: 0 0 100% !important;
  margin: 0 0 8px !important;
  color: var(--bb-card-ink) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-price del,
#mmco-products .mmco-product-price del {
  color: #9aa2ad !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
}

#mmco-products-z2eesa78 .mmco-product-price ins,
#mmco-products .mmco-product-price ins {
  color: var(--bb-card-gold) !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78 .mmco-product-price .woocommerce-Price-amount,
#mmco-products .mmco-product-price .woocommerce-Price-amount {
  font-weight: 950 !important;
}

/* View button acts like product-links/action side */
#mmco-products-z2eesa78 .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  width: fit-content !important;
  min-height: 42px !important;
  margin: -42px 0 0 auto !important;
  padding: 11px 16px !important;
  border: 1px solid var(--bb-card-ink) !important;
  border-radius: 999px !important;
  background: var(--bb-card-ink) !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .8rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(7,20,38,.16) !important;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small::after,
#mmco-products .mmco-ghost-small::after {
  content: " →" !important;
  display: inline-block !important;
  margin-left: 4px !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px) !important;
  background: var(--bb-card-gold) !important;
  border-color: var(--bb-card-gold) !important;
  color: var(--bb-card-ink) !important;
}

/* Optional: make the first card feel slightly more important on wide screens */
@media (min-width: 1181px) {
  #mmco-products-z2eesa78 .mmco-product-card:first-child,
  #mmco-products .mmco-product-card:first-child {
    transform: translateY(-10px) !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:first-child:hover,
  #mmco-products .mmco-product-card:first-child:hover {
    transform: translateY(-16px) !important;
  }
}

/* Product page PER KG stat should match this new card language */
.mmco-pack-stat-grid {
  text-align: left !important;
}

.mmco-pack-stat-grid > div:nth-child(2) {
  background:
    radial-gradient(circle at 100% 0%, rgba(201,151,82,.18), transparent 13rem),
    linear-gradient(180deg, #ffffff, #fbf6ee) !important;
  border: 1px solid rgba(201,151,82,.34) !important;
  box-shadow: 0 24px 64px rgba(7,20,38,.12) !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::before {
  content: "PER KG VALUE" !important;
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 16px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: var(--bb-card-ink) !important;
  color: #ffffff !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
  color: var(--bb-card-gold) !important;
  font-size: clamp(3.5rem, 6.6vw, 7rem) !important;
  line-height: .8 !important;
  letter-spacing: -.095em !important;
}

/* Responsive */
@media (max-width: 1180px) {
  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 290px !important;
  }
}

@media (max-width: 720px) {
  #mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
  section#mmco-products-z2eesa78 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:first-child,
  #mmco-products .mmco-product-card:first-child {
    transform: none !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card:first-child:hover,
  #mmco-products .mmco-product-card:first-child:hover {
    transform: translateY(-5px) !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 270px !important;
    padding: 22px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body,
  #mmco-products .mmco-product-body {
    padding: 24px !important;
  }

  #mmco-products-z2eesa78 .mmco-ghost-small,
  #mmco-products .mmco-ghost-small {
    justify-self: stretch !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
  }

  #mmco-products-z2eesa78 .mmco-product-price,
  #mmco-products .mmco-product-price,
  #mmco-products-z2eesa78 .mmco-product-price::before,
  #mmco-products .mmco-product-price::before {
    text-align: left !important;
  }
}

/* ==========================================================
   FINAL PRODUCTS LAYOUT FIX - Full image 2x2 desktop cards
   Paste at the very bottom of Design Lab CSS.
   Nothing above needs to be removed.

   What this fixes:
   - Desktop products are a clean 2 x 2 grid
   - Images are full bleed, not padded thumbnails
   - Product info sits cleanly under each image
   - PER KG rate is visible on every product card
   - Colour/style stays close to the current classic-card direction

   Per-kg labels below are hard-coded from the current four products.
   Update the content values if pack weights/prices change.
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --bb-2x2-ink: #071426;
  --bb-2x2-ink-2: #102947;
  --bb-2x2-muted: #737d8c;
  --bb-2x2-paper: #ffffff;
  --bb-2x2-card: #fafafa;
  --bb-2x2-soft: #f3f5f8;
  --bb-2x2-cream: #fbf6ee;
  --bb-2x2-line: rgba(7, 20, 38, .12);
  --bb-2x2-line-strong: rgba(7, 20, 38, .22);
  --bb-2x2-gold: #c99752;
  --bb-2x2-red: #b7352d;
  --bb-2x2-shadow: 0 18px 48px rgba(7, 20, 38, .10);
  --bb-2x2-shadow-hover: 0 30px 82px rgba(7, 20, 38, .16);
}

/* Product section stays clean and premium */
#mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
section#mmco-products-z2eesa78 {
  position: relative !important;
  isolation: isolate !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: clamp(68px, 8vw, 130px) clamp(16px, 5vw, 84px) clamp(86px, 9vw, 150px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.13), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #fbf6ee 100%) !important;
  color: var(--bb-2x2-ink) !important;
}

/* Header */
#mmco-products-z2eesa78 .mmco-section-intro {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(36px, 5vw, 72px) !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2 {
  max-width: 12ch !important;
  margin: 0 auto 16px !important;
  color: var(--bb-2x2-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.6rem, 7vw, 8.2rem) !important;
  font-weight: 950 !important;
  line-height: .84 !important;
  letter-spacing: -.105em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2::before {
  content: "Farm direct value" !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(18px, 2vw, 28px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.055) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: rgba(7,20,38,.7) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .7rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-section-intro p {
  max-width: 640px !important;
  margin: 0 auto !important;
  color: var(--bb-2x2-muted) !important;
  font-size: clamp(1.02rem, 1.15vw, 1.18rem) !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

/* Product container */
#mmco-products-z2eesa78 .mmco-products-wrap,
#mmco-products-z2eesa78 #mmco-products {
  position: relative !important;
  z-index: 2 !important;
  width: min(1180px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* DESKTOP: exact 2 x 2 layout */
#mmco-products-z2eesa78 .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  grid-auto-flow: row !important;
  gap: clamp(22px, 2.6vw, 38px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* Reset all old special spans / masonry / carousel leftovers */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
#mmco-products .mmco-product-card,
#mmco-products .mmco-product-card:nth-child(1),
#mmco-products .mmco-product-card:nth-child(2),
#mmco-products .mmco-product-card:nth-child(3),
#mmco-products .mmco-product-card:nth-child(4) {
  grid-column: auto !important;
  grid-row: auto !important;
  transform: none !important;
}

/* Card shell */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-rows: minmax(340px, auto) 1fr !important;
  min-width: 0 !important;
  min-height: 100% !important;
  flex: initial !important;
  overflow: hidden !important;
  border: 1px solid var(--bb-2x2-line) !important;
  border-radius: 28px !important;
  background: var(--bb-2x2-card) !important;
  color: var(--bb-2x2-ink) !important;
  box-shadow: var(--bb-2x2-shadow) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-6px) !important;
  border-color: var(--bb-2x2-line-strong) !important;
  box-shadow: var(--bb-2x2-shadow-hover) !important;
}

/* Top-left badge */
#mmco-products-z2eesa78 .mmco-product-card::before,
#mmco-products .mmco-product-card::before {
  content: "Hot" !important;
  position: absolute !important;
  left: 0 !important;
  top: 20px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  transform: none !important;
  padding: 7px 13px !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--bb-2x2-red) !important;
  border: 0 !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 26px rgba(183,53,45,.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1)::before,
#mmco-products .mmco-product-card:nth-child(1)::before {
  content: "Best value" !important;
  background: var(--bb-2x2-ink) !important;
  box-shadow: 0 12px 26px rgba(7,20,38,.2) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2)::before,
#mmco-products .mmco-product-card:nth-child(2)::before {
  content: "Family pack" !important;
  background: var(--bb-2x2-gold) !important;
  color: var(--bb-2x2-ink) !important;
  box-shadow: 0 12px 26px rgba(201,151,82,.22) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3)::before,
#mmco-products .mmco-product-card:nth-child(3)::before {
  content: "Popular" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4)::before,
#mmco-products .mmco-product-card:nth-child(4)::before {
  content: "Bulk buy" !important;
  background: var(--bb-2x2-ink-2) !important;
}

/* Top-right per kg rate */
#mmco-products-z2eesa78 .mmco-product-card::after,
#mmco-products .mmco-product-card::after {
  content: "$/kg" !important;
  position: absolute !important;
  right: 16px !important;
  top: 16px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  color: var(--bb-2x2-ink) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .8rem !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 14px 34px rgba(7,20,38,.12) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1)::after,
#mmco-products .mmco-product-card:nth-child(1)::after {
  content: "$15.75/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2)::after,
#mmco-products .mmco-product-card:nth-child(2)::after {
  content: "$27.90/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3)::after,
#mmco-products .mmco-product-card:nth-child(3)::after {
  content: "$17.77/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4)::after,
#mmco-products .mmco-product-card:nth-child(4)::after {
  content: "$15.83/kg" !important;
}

/* FULL image area: no padding, no contained thumbnail */
#mmco-products-z2eesa78 .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(340px, 34vw, 500px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Remove old image overlays */
#mmco-products-z2eesa78 .mmco-product-image::before,
#mmco-products-z2eesa78 .mmco-product-image::after,
#mmco-products .mmco-product-image::before,
#mmco-products .mmco-product-image::after {
  display: none !important;
  content: none !important;
}

/* Image fills full card width */
#mmco-products-z2eesa78 .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 0 !important;
  transform: scale(1) !important;
  filter: saturate(1.02) contrast(1.02) brightness(1) !important;
  box-shadow: none !important;
  transition: transform .48s ease, filter .48s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.045) !important;
  filter: saturate(1.04) contrast(1.04) brightness(.98) !important;
}

/* Product details below image */
#mmco-products-z2eesa78 .mmco-product-body,
#mmco-products .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 0 !important;
  min-height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: clamp(24px, 2.8vw, 34px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--bb-2x2-card) !important;
  color: var(--bb-2x2-ink) !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Category line */
#mmco-products-z2eesa78 .mmco-product-body::before,
#mmco-products .mmco-product-body::before {
  content: "Farm beef pack" !important;
  display: block !important;
  margin: 0 0 16px !important;
  color: #a2a8b2 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-body::before {
  content: "Whole beast value" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(2) .mmco-product-body::before {
  content: "10kg variety box" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(3) .mmco-product-body::before {
  content: "Eighth beast pack" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(4) .mmco-product-body::before {
  content: "Quarter beast pack" !important;
}

/* Product title */
#mmco-products-z2eesa78 .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  width: 100% !important;
  max-width: 16ch !important;
  margin: 0 auto 16px !important;
  color: #363636 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: clamp(1.35rem, 2vw, 2.15rem) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: color .22s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a:hover,
#mmco-products .mmco-product-body h3 a:hover {
  color: var(--bb-2x2-gold) !important;
}

/* Short blurb */
#mmco-products-z2eesa78 .mmco-product-body h3::after,
#mmco-products .mmco-product-body h3::after {
  content: "Premium Burton Family Beef packed for better value, easy ordering and direct farm-to-door convenience." !important;
  display: block !important;
  max-width: 40ch !important;
  margin: 14px auto 0 !important;
  color: #8a93a1 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .94rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* Price row */
#mmco-products-z2eesa78 .mmco-product-price,
#mmco-products .mmco-product-price {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #eeeeee !important;
  color: var(--bb-2x2-gold) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: clamp(1.25rem, 1.7vw, 1.65rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

/* Label above price */
#mmco-products-z2eesa78 .mmco-product-price::before,
#mmco-products .mmco-product-price::before {
  content: "Bundle price" !important;
  flex: 0 0 100% !important;
  margin: 0 0 8px !important;
  color: var(--bb-2x2-ink) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-price del,
#mmco-products .mmco-product-price del {
  color: #9aa2ad !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
}

#mmco-products-z2eesa78 .mmco-product-price ins,
#mmco-products .mmco-product-price ins {
  color: var(--bb-2x2-gold) !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78 .mmco-product-price .woocommerce-Price-amount,
#mmco-products .mmco-product-price .woocommerce-Price-amount {
  font-weight: 950 !important;
}

/* CTA centred */
#mmco-products-z2eesa78 .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: fit-content !important;
  min-height: 44px !important;
  margin: 18px auto 0 !important;
  padding: 12px 18px !important;
  border: 1px solid var(--bb-2x2-ink) !important;
  border-radius: 999px !important;
  background: var(--bb-2x2-ink) !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .84rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(7,20,38,.16) !important;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small::after,
#mmco-products .mmco-ghost-small::after {
  content: " →" !important;
  display: inline-block !important;
  margin-left: 4px !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px) !important;
  background: var(--bb-2x2-gold) !important;
  border-color: var(--bb-2x2-gold) !important;
  color: var(--bb-2x2-ink) !important;
}

/* Product page PER KG stat: consistent with cards */
.mmco-pack-stat-grid > div:nth-child(2) {
  background:
    radial-gradient(circle at 100% 0%, rgba(201,151,82,.18), transparent 13rem),
    linear-gradient(180deg, #ffffff, #fbf6ee) !important;
  border: 1px solid rgba(201,151,82,.34) !important;
  box-shadow: 0 24px 64px rgba(7,20,38,.12) !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::before {
  content: "PER KG VALUE" !important;
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 0 16px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: var(--bb-2x2-ink) !important;
  color: #ffffff !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
  color: var(--bb-2x2-gold) !important;
  font-size: clamp(3.5rem, 6.6vw, 7rem) !important;
  line-height: .8 !important;
  letter-spacing: -.095em !important;
}

/* Tablet */
@media (max-width: 980px) {
  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 300px !important;
  }
}

/* Mobile */
@media (max-width: 680px) {
  #mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
  section#mmco-products-z2eesa78 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 270px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body,
  #mmco-products .mmco-product-body {
    padding: 24px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body h3,
  #mmco-products .mmco-product-body h3 {
    font-size: clamp(1.32rem, 7vw, 2.1rem) !important;
  }

  #mmco-products-z2eesa78 .mmco-product-card::after,
  #mmco-products .mmco-product-card::after {
    top: 58px !important;
    left: 0 !important;
    right: auto !important;
    border-radius: 0 999px 999px 0 !important;
    transform: none !important;
  }
}

/* ==========================================================
   FINAL OVERRIDE - Fluid product cards + product page hero
   Paste at the very bottom of Design Lab CSS.
   Nothing above needs to be removed.

   Fixes requested:
   - Keep the product grid 2 x 2 on desktop
   - Make each product card itself much better
   - Full-bleed image
   - Large PER KG rate overlayed on the image
   - Centre all product-card text
   - More fluid spacing / bigger typography
   - Product detail page pack info becomes the hero at the top
   - PER KG rate is the main visual focus on product detail pages
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --bb-fluid-ink: #071426;
  --bb-fluid-ink-2: #102947;
  --bb-fluid-muted: #667085;
  --bb-fluid-paper: #ffffff;
  --bb-fluid-card: #ffffff;
  --bb-fluid-cream: #fbf5ec;
  --bb-fluid-soft: #f5f7fb;
  --bb-fluid-line: rgba(7, 20, 38, .11);
  --bb-fluid-line-strong: rgba(7, 20, 38, .22);
  --bb-fluid-gold: #c99752;
  --bb-fluid-red: #b7352d;
  --bb-fluid-shadow: 0 22px 68px rgba(7, 20, 38, .12);
  --bb-fluid-shadow-hover: 0 36px 96px rgba(7, 20, 38, .18);
}

/* ==========================================================
   FEATURED PRODUCTS - card redesign
   ========================================================== */

#mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
section#mmco-products-z2eesa78 {
  position: relative !important;
  isolation: isolate !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: clamp(70px, 8vw, 132px) clamp(16px, 5vw, 84px) clamp(92px, 9vw, 156px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.13), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #fbf5ec 100%) !important;
  color: var(--bb-fluid-ink) !important;
}

#mmco-products-z2eesa78 .mmco-section-intro {
  position: relative !important;
  z-index: 2 !important;
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(38px, 5vw, 78px) !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2 {
  max-width: 12ch !important;
  margin: 0 auto 16px !important;
  color: var(--bb-fluid-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.8rem, 7.2vw, 8.6rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.11em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2::before {
  content: "Farm direct value" !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(18px, 2vw, 28px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.055) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: rgba(7,20,38,.7) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .7rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-section-intro p {
  max-width: 650px !important;
  margin: 0 auto !important;
  color: var(--bb-fluid-muted) !important;
  font-size: clamp(1.02rem, 1.15vw, 1.2rem) !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-products-wrap,
#mmco-products-z2eesa78 #mmco-products {
  position: relative !important;
  z-index: 2 !important;
  width: min(1220px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* Keep the layout: 2 x 2 desktop */
#mmco-products-z2eesa78 .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  grid-auto-flow: row !important;
  gap: clamp(24px, 3vw, 42px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* Remove any old special spans/masonry/absolute bodies */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
#mmco-products .mmco-product-card,
#mmco-products .mmco-product-card:nth-child(1),
#mmco-products .mmco-product-card:nth-child(2),
#mmco-products .mmco-product-card:nth-child(3),
#mmco-products .mmco-product-card:nth-child(4) {
  grid-column: auto !important;
  grid-row: auto !important;
  transform: none !important;
}

/* Card shell */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  min-width: 0 !important;
  min-height: 100% !important;
  flex: initial !important;
  overflow: hidden !important;
  border: 1px solid var(--bb-fluid-line) !important;
  border-radius: clamp(28px, 3vw, 42px) !important;
  background: var(--bb-fluid-card) !important;
  color: var(--bb-fluid-ink) !important;
  box-shadow: var(--bb-fluid-shadow) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-7px) !important;
  border-color: var(--bb-fluid-line-strong) !important;
  box-shadow: var(--bb-fluid-shadow-hover) !important;
}

/* Card badge */
#mmco-products-z2eesa78 .mmco-product-card::before,
#mmco-products .mmco-product-card::before {
  content: "Hot" !important;
  position: absolute !important;
  left: 0 !important;
  top: 22px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  transform: none !important;
  padding: 8px 14px !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--bb-fluid-red) !important;
  border: 0 !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 26px rgba(183,53,45,.22) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1)::before,
#mmco-products .mmco-product-card:nth-child(1)::before {
  content: "Best value" !important;
  background: var(--bb-fluid-ink) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2)::before,
#mmco-products .mmco-product-card:nth-child(2)::before {
  content: "Family pack" !important;
  background: var(--bb-fluid-gold) !important;
  color: var(--bb-fluid-ink) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3)::before,
#mmco-products .mmco-product-card:nth-child(3)::before {
  content: "Popular" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4)::before,
#mmco-products .mmco-product-card:nth-child(4)::before {
  content: "Bulk buy" !important;
  background: var(--bb-fluid-ink-2) !important;
}

/* Kill old card-level perkg badge. Per-kg now belongs over the image. */
#mmco-products-z2eesa78 .mmco-product-card::after,
#mmco-products .mmco-product-card::after {
  display: none !important;
  content: none !important;
}

/* Full image stage */
#mmco-products-z2eesa78 .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(380px, 38vw, 560px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Image itself */
#mmco-products-z2eesa78 .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 0 !important;
  transform: scale(1) !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
  box-shadow: none !important;
  transition: transform .58s cubic-bezier(.2,.8,.2,1), filter .58s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.055) !important;
  filter: saturate(1.06) contrast(1.04) brightness(.96) !important;
}

/* Image overlay gradient */
#mmco-products-z2eesa78 .mmco-product-image::before,
#mmco-products .mmco-product-image::before {
  content: "PER KG" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(88px, 8.5vw, 124px) !important;
  z-index: 4 !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  color: rgba(7,20,38,.72) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 32px rgba(7,20,38,.16) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
}

/* Big per-kg number over image */
#mmco-products-z2eesa78 .mmco-product-image::after,
#mmco-products .mmco-product-image::after {
  content: "$/kg" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(24px, 3vw, 38px) !important;
  z-index: 4 !important;
  transform: translateX(-50%) !important;
  display: block !important;
  width: min(92%, 440px) !important;
  padding: clamp(16px, 2vw, 24px) clamp(18px, 2.4vw, 30px) !important;
  border-radius: clamp(22px, 2.2vw, 34px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(255,255,255,.82) 60%, rgba(255,255,255,.72) 100%) !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  color: var(--bb-fluid-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.9rem, 5.6vw, 6.2rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.105em !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow:
    0 24px 60px rgba(7,20,38,.2),
    inset 0 0 0 1px rgba(255,255,255,.65) !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
}

/* Current product per-kg values */
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-image::after {
  content: "$15.75/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(2) .mmco-product-image::after {
  content: "$27.90/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(3) .mmco-product-image::after {
  content: "$17.77/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(4) .mmco-product-image::after {
  content: "$15.83/kg" !important;
}

/* Details are centred, simple, fluid */
#mmco-products-z2eesa78 .mmco-product-body,
#mmco-products .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 0 !important;
  min-height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: clamp(26px, 3.2vw, 42px) clamp(22px, 3vw, 38px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--bb-fluid-card) !important;
  color: var(--bb-fluid-ink) !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products-z2eesa78 .mmco-product-body::before,
#mmco-products .mmco-product-body::before {
  content: "Farm beef pack" !important;
  display: block !important;
  margin: 0 0 16px !important;
  color: #a2a8b2 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-body::before {
  content: "Whole beast value" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(2) .mmco-product-body::before {
  content: "10kg variety box" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(3) .mmco-product-body::before {
  content: "Eighth beast pack" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(4) .mmco-product-body::before {
  content: "Quarter beast pack" !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  width: 100% !important;
  max-width: 15ch !important;
  margin: 0 auto 16px !important;
  color: #363636 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: clamp(1.6rem, 2.7vw, 3rem) !important;
  font-weight: 950 !important;
  line-height: .96 !important;
  letter-spacing: -.065em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: color .22s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a:hover,
#mmco-products .mmco-product-body h3 a:hover {
  color: var(--bb-fluid-gold) !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3::after,
#mmco-products .mmco-product-body h3::after {
  content: "Premium Burton Family Beef packed for better value, easy ordering and direct farm-to-door convenience." !important;
  display: block !important;
  max-width: 42ch !important;
  margin: 16px auto 0 !important;
  color: #8a93a1 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .96rem !important;
  font-weight: 500 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* Bundle price now secondary because per-kg is the hero */
#mmco-products-z2eesa78 .mmco-product-price,
#mmco-products .mmco-product-price {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #eeeeee !important;
  color: var(--bb-fluid-gold) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: clamp(1.18rem, 1.5vw, 1.55rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-product-price::before,
#mmco-products .mmco-product-price::before {
  content: "Total pack price" !important;
  flex: 0 0 100% !important;
  margin: 0 0 8px !important;
  color: var(--bb-fluid-ink) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-price del,
#mmco-products .mmco-product-price del {
  color: #9aa2ad !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
}

#mmco-products-z2eesa78 .mmco-product-price ins,
#mmco-products .mmco-product-price ins {
  color: var(--bb-fluid-gold) !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78 .mmco-product-price .woocommerce-Price-amount,
#mmco-products .mmco-product-price .woocommerce-Price-amount {
  font-weight: 950 !important;
}

/* CTA */
#mmco-products-z2eesa78 .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: fit-content !important;
  min-height: 46px !important;
  margin: 20px auto 0 !important;
  padding: 13px 20px !important;
  border: 1px solid var(--bb-fluid-ink) !important;
  border-radius: 999px !important;
  background: var(--bb-fluid-ink) !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(7,20,38,.16) !important;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small::after,
#mmco-products .mmco-ghost-small::after {
  content: " →" !important;
  display: inline-block !important;
  margin-left: 4px !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px) !important;
  background: var(--bb-fluid-gold) !important;
  border-color: var(--bb-fluid-gold) !important;
  color: var(--bb-fluid-ink) !important;
}

/* ==========================================================
   PRODUCT DETAIL PAGE - make pack info the hero
   HTML shown:
   .mmco-woo-stage
   .summary.entry-summary
   .mmco-product-pack-details
   .mmco-pack-stat-grid
   .mmco-product-story-suite
   .mmco-product-reviews
   ========================================================== */

aside.mmco-woo-hero-panel,
.mmco-woo-hero-panel {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.mmco-shell .mmco-woo-stage,
.mmco-site .mmco-woo-stage,
.mmco-woo-stage {
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.13), transparent 26rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 48%, #f8fafc 100%) !important;
  color: var(--bb-fluid-ink) !important;
  padding: clamp(96px, 10vw, 150px) clamp(16px, 4vw, 56px) clamp(76px, 8vw, 136px) !important;
}

body.mmco-shell .mmco-woo-content,
.mmco-site .mmco-woo-content,
.mmco-woo-content.woocommerce {
  width: min(1240px, 100%) !important;
  margin: 0 auto !important;
  background: transparent !important;
  color: var(--bb-fluid-ink) !important;
}

.mmco-woo-content .product.type-product,
.woocommerce div.product {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(32px, 4.5vw, 64px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
}

/* Top summary / pack card */
.mmco-woo-content .product .summary.entry-summary,
.woocommerce div.product div.summary {
  order: 1 !important;
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  z-index: 2 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Pack detail card becomes the product hero */
.mmco-product-pack-details.mmco-woo-pack-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(30px, 5vw, 70px) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: clamp(30px, 4vw, 56px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.16), transparent 20rem),
    linear-gradient(180deg, #ffffff, #fbf5ec) !important;
  color: var(--bb-fluid-ink) !important;
  box-shadow: var(--bb-fluid-shadow-hover) !important;
  text-align: center !important;
}

.mmco-product-pack-details.mmco-woo-pack-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .42 !important;
  background:
    linear-gradient(90deg, rgba(7,20,38,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7,20,38,.03) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  -webkit-mask-image: radial-gradient(circle at 50% 28%, rgba(0,0,0,.68), transparent 68%) !important;
  mask-image: radial-gradient(circle at 50% 28%, rgba(0,0,0,.68), transparent 68%) !important;
}

.mmco-product-pack-details.mmco-woo-pack-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.mmco-product-pack-details .mmco-eyebrow {
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(22px, 2.4vw, 34px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.055) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: rgba(7,20,38,.72) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-product-pack-details .mmco-eyebrow::before {
  display: none !important;
}

/* Stat grid: PER KG at top, big and centred */
.mmco-pack-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(14px, 2vw, 24px) !important;
  width: 100% !important;
  margin: 0 auto clamp(22px, 3vw, 38px) !important;
  align-items: stretch !important;
  text-align: center !important;
}

.mmco-pack-stat-grid > div {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(130px, 12vw, 180px) !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border-radius: clamp(22px, 2.4vw, 34px) !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-fluid-ink) !important;
  box-shadow: 0 16px 44px rgba(7,20,38,.07) !important;
  text-align: center !important;
}

.mmco-pack-stat-grid > div span {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--bb-fluid-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid > div strong {
  display: block !important;
  margin: 0 !important;
  color: var(--bb-fluid-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(1.7rem, 2.8vw, 3.2rem) !important;
  font-weight: 950 !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
  text-align: center !important;
}

/* Price per kg card */
.mmco-pack-stat-grid > div:nth-child(2) {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  min-height: clamp(260px, 28vw, 420px) !important;
  padding: clamp(28px, 5vw, 72px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.22), transparent 18rem),
    linear-gradient(180deg, #ffffff 0%, #fbf5ec 100%) !important;
  border: 1px solid rgba(201,151,82,.34) !important;
  box-shadow: 0 30px 88px rgba(7,20,38,.13) !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::before {
  content: "PER KG RATE" !important;
  position: static !important;
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(16px, 2vw, 26px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: var(--bb-fluid-ink) !important;
  border: 0 !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::after {
  content: "" !important;
  position: absolute !important;
  inset: 16px !important;
  z-index: -1 !important;
  border-radius: clamp(20px, 2vw, 30px) !important;
  border: 1px solid rgba(201,151,82,.18) !important;
  pointer-events: none !important;
}

.mmco-pack-stat-grid > div:nth-child(2) span {
  color: rgba(7,20,38,.62) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-currencySymbol {
  color: var(--bb-fluid-gold) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
  font-size: clamp(5.2rem, 13vw, 12rem) !important;
  line-height: .68 !important;
  letter-spacing: -.14em !important;
  text-align: center !important;
}

/* Weight and total below */
.mmco-pack-stat-grid > div:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

.mmco-pack-stat-grid > div:nth-child(3) {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* Pack contents */
.mmco-pack-contents {
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(24px, 4vw, 44px) !important;
  border-radius: clamp(24px, 2.6vw, 38px) !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  box-shadow: 0 18px 54px rgba(7,20,38,.07) !important;
  text-align: center !important;
}

.mmco-pack-contents > strong {
  display: block !important;
  margin: 0 auto 22px !important;
  color: var(--bb-fluid-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2rem, 4vw, 4.6rem) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.08em !important;
  text-align: center !important;
}

.mmco-pack-contents p {
  max-width: 900px !important;
  margin: 0 auto !important;
  color: rgba(7,20,38,.72) !important;
  font-size: clamp(1rem, 1.08vw, 1.16rem) !important;
  line-height: 1.9 !important;
  text-align: center !important;
  column-count: 3 !important;
  column-gap: clamp(20px, 3vw, 42px) !important;
}

/* Story suite below pack info */
.mmco-product-story-suite {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(24px, 3.5vw, 46px) !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.mmco-product-origin-story,
.mmco-product-trust-story {
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  min-height: clamp(430px, 44vw, 620px) !important;
  border-radius: clamp(28px, 3vw, 46px) !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-fluid-ink) !important;
  box-shadow: var(--bb-fluid-shadow) !important;
}

.mmco-product-trust-story {
  background:
    radial-gradient(circle at 20% 10%, rgba(201,151,82,.16), transparent 18rem),
    linear-gradient(135deg, var(--bb-fluid-ink), var(--bb-fluid-ink-2)) !important;
  color: #ffffff !important;
}

.mmco-product-origin-story figure,
.mmco-product-trust-story figure {
  position: relative !important;
  min-height: clamp(360px, 40vw, 620px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
}

.mmco-product-origin-story img,
.mmco-product-trust-story img {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(360px, 40vw, 620px) !important;
  object-fit: cover !important;
  display: block !important;
}

.mmco-product-origin-story > div,
.mmco-product-trust-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(30px, 5vw, 70px) !important;
  text-align: center !important;
}

.mmco-product-origin-story .mmco-eyebrow,
.mmco-product-trust-story .mmco-eyebrow,
.mmco-product-reviews .mmco-eyebrow {
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto 18px !important;
  color: inherit !important;
  text-align: center !important;
}

.mmco-product-origin-story h2,
.mmco-product-trust-story h2 {
  max-width: 10ch !important;
  margin: 0 auto 18px !important;
  color: inherit !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3rem, 6vw, 7rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.095em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.mmco-product-origin-story p,
.mmco-product-trust-story p {
  max-width: 620px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: rgba(7,20,38,.72) !important;
  font-size: clamp(1rem, 1.18vw, 1.22rem) !important;
  line-height: 1.75 !important;
  text-align: center !important;
}

.mmco-product-trust-story p,
.mmco-product-trust-story .mmco-eyebrow {
  color: rgba(255,255,255,.78) !important;
}

/* Trust grid */
.mmco-product-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.mmco-product-trust-grid article {
  min-height: 190px !important;
  padding: clamp(22px, 2.5vw, 34px) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-fluid-ink) !important;
  box-shadow: 0 18px 50px rgba(7,20,38,.08) !important;
  text-align: center !important;
}

.mmco-product-trust-grid span {
  display: block !important;
  margin: 0 auto 10px !important;
  color: var(--bb-fluid-ink) !important;
  font-size: clamp(1.15rem, 1.6vw, 1.5rem) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -.04em !important;
  text-align: center !important;
}

.mmco-product-trust-grid p {
  margin: 0 auto !important;
  color: var(--bb-fluid-muted) !important;
  font-size: .96rem !important;
  line-height: 1.62 !important;
  text-align: center !important;
}

/* Reviews */
.mmco-product-reviews {
  order: 3 !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 4vw, 54px) !important;
  border-radius: clamp(28px, 3vw, 46px) !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-fluid-ink) !important;
  box-shadow: var(--bb-fluid-shadow) !important;
  text-align: center !important;
}

.mmco-product-reviews-head {
  display: block !important;
  margin: 0 auto 26px !important;
  text-align: center !important;
}

.mmco-product-reviews-head h2 {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: var(--bb-fluid-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.6rem, 5vw, 5.8rem) !important;
  line-height: .86 !important;
  letter-spacing: -.085em !important;
  text-align: center !important;
}

.mmco-review-form {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  text-align: left !important;
}

/* Responsive */
@media (max-width: 980px) {
  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 360px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image::after,
  #mmco-products .mmco-product-image::after {
    font-size: clamp(2.6rem, 8vw, 4.4rem) !important;
  }

  .mmco-product-origin-story,
  .mmco-product-trust-story {
    grid-template-columns: 1fr !important;
  }

  .mmco-product-trust-story figure {
    order: -1 !important;
  }

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

  .mmco-pack-contents p {
    column-count: 2 !important;
  }

  .mmco-review-form {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }
}

@media (max-width: 680px) {
  #mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
  section#mmco-products-z2eesa78 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 360px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image::before,
  #mmco-products .mmco-product-image::before {
    bottom: 100px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image::after,
  #mmco-products .mmco-product-image::after {
    bottom: 22px !important;
    width: min(92%, 360px) !important;
    font-size: clamp(2.7rem, 14vw, 4.6rem) !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body,
  #mmco-products .mmco-product-body {
    padding: 26px 20px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body h3,
  #mmco-products .mmco-product-body h3 {
    font-size: clamp(1.8rem, 9vw, 3rem) !important;
  }

  .mmco-pack-stat-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-pack-stat-grid > div:nth-child(1),
  .mmco-pack-stat-grid > div:nth-child(2),
  .mmco-pack-stat-grid > div:nth-child(3) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .mmco-pack-stat-grid > div:nth-child(2) {
    min-height: 260px !important;
  }

  .mmco-pack-stat-grid > div:nth-child(2) strong,
  .mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
    font-size: clamp(4.5rem, 20vw, 7rem) !important;
  }

  .mmco-pack-contents p {
    column-count: 1 !important;
  }

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

/* ==========================================================
   FINAL VALUE + PRODUCT PAGE REWORK
   Paste at the very bottom of Design Lab CSS.
   Nothing above needs to be removed.

   Fixes:
   - Keeps product grid as 2 x 2 on desktop
   - Replaces the lame per-kg bubble with a premium dark value plate
   - Centres product card text
   - Makes product cards more fluid and polished
   - Fully reworks Woo product pages:
     hero pack area, premium PER KG feature, contents panel,
     farm story, trust cards and reviews.
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --bb-v2-ink: #071426;
  --bb-v2-ink-2: #102947;
  --bb-v2-ink-3: #17385f;
  --bb-v2-muted: #667085;
  --bb-v2-paper: #ffffff;
  --bb-v2-card: #ffffff;
  --bb-v2-cream: #fbf5ec;
  --bb-v2-soft: #f5f7fb;
  --bb-v2-line: rgba(7, 20, 38, .11);
  --bb-v2-line-strong: rgba(7, 20, 38, .22);
  --bb-v2-gold: #c99752;
  --bb-v2-gold-soft: rgba(201, 151, 82, .18);
  --bb-v2-red: #b7352d;
  --bb-v2-shadow: 0 22px 68px rgba(7, 20, 38, .12);
  --bb-v2-shadow-hover: 0 36px 96px rgba(7, 20, 38, .18);
}

/* ==========================================================
   PRODUCT CARDS: 2 x 2 grid + premium per-kg value plate
   ========================================================== */

#mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
section#mmco-products-z2eesa78 {
  position: relative !important;
  isolation: isolate !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: clamp(70px, 8vw, 132px) clamp(16px, 5vw, 84px) clamp(96px, 9vw, 160px) !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.13), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 58%, #fbf5ec 100%) !important;
  color: var(--bb-v2-ink) !important;
}

#mmco-products-z2eesa78 .mmco-section-intro {
  position: relative !important;
  z-index: 2 !important;
  width: min(980px, 100%) !important;
  margin: 0 auto clamp(40px, 5vw, 80px) !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2 {
  max-width: 12ch !important;
  margin: 0 auto 16px !important;
  color: var(--bb-v2-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.8rem, 7.2vw, 8.6rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.11em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-section-intro h2::before {
  content: "Farm direct value" !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(18px, 2vw, 28px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.055) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: rgba(7,20,38,.72) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .7rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-section-intro p {
  max-width: 650px !important;
  margin: 0 auto !important;
  color: var(--bb-v2-muted) !important;
  font-size: clamp(1.02rem, 1.15vw, 1.2rem) !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-products-wrap,
#mmco-products-z2eesa78 #mmco-products {
  position: relative !important;
  z-index: 2 !important;
  width: min(1220px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* Keep the good grid: desktop 2 x 2 */
#mmco-products-z2eesa78 .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: auto !important;
  grid-auto-flow: row !important;
  gap: clamp(24px, 3vw, 42px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* Reset leftover masonry/special behaviour */
#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(2),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(3),
#mmco-products-z2eesa78 .mmco-product-card:nth-child(4),
#mmco-products .mmco-product-card,
#mmco-products .mmco-product-card:nth-child(1),
#mmco-products .mmco-product-card:nth-child(2),
#mmco-products .mmco-product-card:nth-child(3),
#mmco-products .mmco-product-card:nth-child(4) {
  grid-column: auto !important;
  grid-row: auto !important;
  transform: none !important;
}

#mmco-products-z2eesa78 .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  min-width: 0 !important;
  min-height: 100% !important;
  flex: initial !important;
  overflow: hidden !important;
  border: 1px solid var(--bb-v2-line) !important;
  border-radius: clamp(30px, 3vw, 44px) !important;
  background: var(--bb-v2-card) !important;
  color: var(--bb-v2-ink) !important;
  box-shadow: var(--bb-v2-shadow) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-7px) !important;
  border-color: var(--bb-v2-line-strong) !important;
  box-shadow: var(--bb-v2-shadow-hover) !important;
}

/* Classic product badge */
#mmco-products-z2eesa78 .mmco-product-card::before,
#mmco-products .mmco-product-card::before {
  content: "Hot" !important;
  position: absolute !important;
  left: 0 !important;
  top: 22px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  transform: none !important;
  padding: 8px 14px !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--bb-v2-red) !important;
  border: 0 !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 26px rgba(183,53,45,.22) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1)::before,
#mmco-products .mmco-product-card:nth-child(1)::before {
  content: "Best value" !important;
  background: var(--bb-v2-ink) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2)::before,
#mmco-products .mmco-product-card:nth-child(2)::before {
  content: "Family pack" !important;
  background: var(--bb-v2-gold) !important;
  color: var(--bb-v2-ink) !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3)::before,
#mmco-products .mmco-product-card:nth-child(3)::before {
  content: "Popular" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4)::before,
#mmco-products .mmco-product-card:nth-child(4)::before {
  content: "Bulk buy" !important;
  background: var(--bb-v2-ink-2) !important;
}

/* Disable old card-level perkg badge */
#mmco-products-z2eesa78 .mmco-product-card::after,
#mmco-products .mmco-product-card::after {
  display: none !important;
  content: none !important;
}

/* Full image */
#mmco-products-z2eesa78 .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: clamp(390px, 38vw, 560px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #eef2f7 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78 .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 0 !important;
  transform: scale(1) !important;
  filter: saturate(1.02) contrast(1.03) brightness(.98) !important;
  box-shadow: none !important;
  transition: transform .58s cubic-bezier(.2,.8,.2,1), filter .58s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.055) !important;
  filter: saturate(1.06) contrast(1.04) brightness(.96) !important;
}

/* Image shade for the value plate */
#mmco-products-z2eesa78 .mmco-product-image::before,
#mmco-products .mmco-product-image::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  z-index: 3 !important;
  height: 46% !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(7,20,38,0) 0%, rgba(7,20,38,.54) 100%) !important;
}

/* Premium per-kg value plate */
#mmco-products-z2eesa78 .mmco-product-image::after,
#mmco-products .mmco-product-image::after {
  content: "$/kg" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: clamp(22px, 3vw, 38px) !important;
  z-index: 4 !important;
  transform: translateX(-50%) !important;
  display: grid !important;
  place-items: center !important;
  width: min(88%, 430px) !important;
  min-height: clamp(118px, 12vw, 170px) !important;
  padding: clamp(18px, 2.3vw, 30px) !important;
  border-radius: clamp(24px, 2.4vw, 38px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.28), transparent 10rem),
    linear-gradient(135deg, rgba(7,20,38,.96), rgba(16,41,71,.94)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3rem, 5.2vw, 5.7rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.105em !important;
  text-align: center !important;
  text-transform: none !important;
  box-shadow:
    0 28px 76px rgba(7,20,38,.34),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter: blur(16px) saturate(1.1) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.1) !important;
}

/* Current product per-kg values.
   Update these four content values if product prices/weights change. */
#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-image::after {
  content: "$15.75/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(2) .mmco-product-image::after {
  content: "$27.90/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(3) .mmco-product-image::after {
  content: "$17.77/kg" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-image::after,
#mmco-products .mmco-product-card:nth-child(4) .mmco-product-image::after {
  content: "$15.83/kg" !important;
}

/* Product body */
#mmco-products-z2eesa78 .mmco-product-body,
#mmco-products .mmco-product-body {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  justify-items: center !important;
  gap: 0 !important;
  min-height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: clamp(28px, 3.2vw, 44px) clamp(22px, 3vw, 40px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--bb-v2-card) !important;
  color: var(--bb-v2-ink) !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#mmco-products-z2eesa78 .mmco-product-body::before,
#mmco-products .mmco-product-body::before {
  content: "Farm beef pack" !important;
  display: block !important;
  margin: 0 0 16px !important;
  color: #a2a8b2 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(1) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(1) .mmco-product-body::before {
  content: "Whole beast value" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(2) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(2) .mmco-product-body::before {
  content: "10kg variety box" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(3) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(3) .mmco-product-body::before {
  content: "Eighth beast pack" !important;
}

#mmco-products-z2eesa78 .mmco-product-card:nth-child(4) .mmco-product-body::before,
#mmco-products .mmco-product-card:nth-child(4) .mmco-product-body::before {
  content: "Quarter beast pack" !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  width: 100% !important;
  max-width: 15ch !important;
  margin: 0 auto 16px !important;
  color: #363636 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: clamp(1.6rem, 2.7vw, 3rem) !important;
  font-weight: 950 !important;
  line-height: .96 !important;
  letter-spacing: -.065em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  display: block !important;
  color: inherit !important;
  text-decoration: none !important;
  transition: color .22s ease !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3 a:hover,
#mmco-products .mmco-product-body h3 a:hover {
  color: var(--bb-v2-gold) !important;
}

#mmco-products-z2eesa78 .mmco-product-body h3::after,
#mmco-products .mmco-product-body h3::after {
  content: "Premium Burton Family Beef packed for better value, easy ordering and direct farm-to-door convenience." !important;
  display: block !important;
  max-width: 42ch !important;
  margin: 16px auto 0 !important;
  color: #8a93a1 !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .96rem !important;
  font-weight: 500 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* Bundle price is secondary because per-kg is hero */
#mmco-products-z2eesa78 .mmco-product-price,
#mmco-products .mmco-product-price {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 20px 0 0 !important;
  border-top: 1px solid #eeeeee !important;
  color: var(--bb-v2-gold) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: clamp(1.18rem, 1.5vw, 1.55rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78 .mmco-product-price::before,
#mmco-products .mmco-product-price::before {
  content: "Total pack price" !important;
  flex: 0 0 100% !important;
  margin: 0 0 8px !important;
  color: var(--bb-v2-ink) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78 .mmco-product-price del,
#mmco-products .mmco-product-price del {
  color: #9aa2ad !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  text-decoration: line-through !important;
  opacity: 1 !important;
}

#mmco-products-z2eesa78 .mmco-product-price ins,
#mmco-products .mmco-product-price ins {
  color: var(--bb-v2-gold) !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78 .mmco-product-price .woocommerce-Price-amount,
#mmco-products .mmco-product-price .woocommerce-Price-amount {
  font-weight: 950 !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  width: fit-content !important;
  min-height: 46px !important;
  margin: 20px auto 0 !important;
  padding: 13px 20px !important;
  border: 1px solid var(--bb-v2-ink) !important;
  border-radius: 999px !important;
  background: var(--bb-v2-ink) !important;
  color: #ffffff !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .86rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(7,20,38,.16) !important;
  transition: transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small::after,
#mmco-products .mmco-ghost-small::after {
  content: " →" !important;
  display: inline-block !important;
  margin-left: 4px !important;
}

#mmco-products-z2eesa78 .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  transform: translateY(-2px) !important;
  background: var(--bb-v2-gold) !important;
  border-color: var(--bb-v2-gold) !important;
  color: var(--bb-v2-ink) !important;
}

/* ==========================================================
   FULL WOO PRODUCT PAGE REWORK
   ========================================================== */

aside.mmco-woo-hero-panel,
.mmco-woo-hero-panel {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.mmco-shell .mmco-woo-stage,
.mmco-site .mmco-woo-stage,
.mmco-woo-stage {
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.13), transparent 26rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 44%, #f8fafc 100%) !important;
  color: var(--bb-v2-ink) !important;
  padding: clamp(96px, 10vw, 150px) clamp(16px, 4vw, 56px) clamp(76px, 8vw, 136px) !important;
}

body.mmco-shell .mmco-woo-content,
.mmco-site .mmco-woo-content,
.mmco-woo-content.woocommerce {
  width: min(1240px, 100%) !important;
  margin: 0 auto !important;
  background: transparent !important;
  color: var(--bb-v2-ink) !important;
}

.mmco-woo-content .product.type-product,
.woocommerce div.product {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(34px, 4.5vw, 66px) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
}

/* Summary itself is just a wrapper */
.mmco-woo-content .product .summary.entry-summary,
.woocommerce div.product div.summary {
  order: 1 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  z-index: 2 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Main pack hero */
.mmco-product-pack-details.mmco-woo-pack-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  gap: clamp(20px, 3vw, 40px) !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  border-radius: clamp(30px, 4vw, 56px) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(201,151,82,.16), transparent 24rem),
    linear-gradient(180deg, #ffffff, #fbf5ec) !important;
  color: var(--bb-v2-ink) !important;
  box-shadow: var(--bb-v2-shadow-hover) !important;
  text-align: center !important;
}

.mmco-product-pack-details.mmco-woo-pack-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .34 !important;
  background:
    linear-gradient(90deg, rgba(7,20,38,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(7,20,38,.03) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  -webkit-mask-image: radial-gradient(circle at 36% 24%, rgba(0,0,0,.78), transparent 70%) !important;
  mask-image: radial-gradient(circle at 36% 24%, rgba(0,0,0,.78), transparent 70%) !important;
}

.mmco-product-pack-details.mmco-woo-pack-card > * {
  position: relative !important;
  z-index: 2 !important;
}

.mmco-product-pack-details .mmco-eyebrow {
  grid-column: 1 / -1 !important;
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto 0 !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(7,20,38,.055) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: rgba(7,20,38,.72) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.mmco-product-pack-details .mmco-eyebrow::before {
  display: none !important;
}

/* Left side: stats */
.mmco-pack-stat-grid {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.6vw, 22px) !important;
  width: 100% !important;
  margin: 0 !important;
  align-items: stretch !important;
  text-align: center !important;
}

.mmco-pack-stat-grid > div {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(132px, 12vw, 180px) !important;
  padding: clamp(20px, 3vw, 34px) !important;
  border-radius: clamp(22px, 2.4vw, 34px) !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-v2-ink) !important;
  box-shadow: 0 16px 44px rgba(7,20,38,.07) !important;
  text-align: center !important;
}

.mmco-pack-stat-grid > div span {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--bb-v2-muted) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .14em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid > div strong {
  display: block !important;
  margin: 0 !important;
  color: var(--bb-v2-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(1.7rem, 2.8vw, 3.2rem) !important;
  font-weight: 950 !important;
  line-height: .88 !important;
  letter-spacing: -.075em !important;
  text-align: center !important;
}

/* Hero PER KG card */
.mmco-pack-stat-grid > div:nth-child(2) {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  min-height: clamp(300px, 31vw, 460px) !important;
  padding: clamp(30px, 5vw, 72px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.28), transparent 16rem),
    linear-gradient(135deg, var(--bb-v2-ink), var(--bb-v2-ink-2)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: #ffffff !important;
  box-shadow:
    0 34px 90px rgba(7,20,38,.25),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::before {
  content: "PRICE PER KG" !important;
  position: static !important;
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 auto clamp(16px, 2vw, 26px) !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.82) !important;
  font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid > div:nth-child(2)::after {
  content: "direct farm value" !important;
  display: inline-flex !important;
  width: fit-content !important;
  margin: clamp(16px, 2vw, 24px) auto 0 !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  background: rgba(201,151,82,.16) !important;
  border: 1px solid rgba(201,151,82,.22) !important;
  color: rgba(255,255,255,.78) !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.mmco-pack-stat-grid > div:nth-child(2) span {
  color: rgba(255,255,255,.68) !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-currencySymbol {
  color: #ffffff !important;
}

.mmco-pack-stat-grid > div:nth-child(2) strong,
.mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
  font-size: clamp(5rem, 11.5vw, 11.2rem) !important;
  line-height: .68 !important;
  letter-spacing: -.14em !important;
  text-align: center !important;
  text-shadow: 0 22px 58px rgba(0,0,0,.24) !important;
}

.mmco-pack-stat-grid > div:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

.mmco-pack-stat-grid > div:nth-child(3) {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

/* Right side: pack contents */
.mmco-pack-contents {
  grid-column: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(26px, 4vw, 48px) !important;
  border-radius: clamp(24px, 2.6vw, 38px) !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  box-shadow: 0 18px 54px rgba(7,20,38,.07) !important;
  text-align: center !important;
}

.mmco-pack-contents > strong {
  display: block !important;
  margin: 0 auto 22px !important;
  color: var(--bb-v2-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.2rem, 4.2vw, 4.8rem) !important;
  font-weight: 950 !important;
  line-height: .9 !important;
  letter-spacing: -.085em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.mmco-pack-contents p {
  max-width: 580px !important;
  margin: 0 auto !important;
  color: rgba(7,20,38,.72) !important;
  font-size: clamp(1rem, 1.08vw, 1.15rem) !important;
  line-height: 1.92 !important;
  text-align: center !important;
  column-count: 2 !important;
  column-gap: clamp(18px, 2vw, 32px) !important;
}

/* Product story section */
.mmco-product-story-suite {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(26px, 3.5vw, 48px) !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}

.mmco-product-origin-story,
.mmco-product-trust-story {
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  min-height: clamp(440px, 44vw, 640px) !important;
  border-radius: clamp(30px, 3vw, 48px) !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-v2-ink) !important;
  box-shadow: var(--bb-v2-shadow) !important;
}

.mmco-product-trust-story {
  background:
    radial-gradient(circle at 20% 10%, rgba(201,151,82,.16), transparent 18rem),
    linear-gradient(135deg, var(--bb-v2-ink), var(--bb-v2-ink-2)) !important;
  color: #ffffff !important;
}

.mmco-product-origin-story figure,
.mmco-product-trust-story figure {
  position: relative !important;
  min-height: clamp(360px, 40vw, 640px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
}

.mmco-product-origin-story figure::after,
.mmco-product-trust-story figure::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(7,20,38,.04), rgba(7,20,38,.2)) !important;
}

.mmco-product-origin-story img,
.mmco-product-trust-story img {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(360px, 40vw, 640px) !important;
  object-fit: cover !important;
  display: block !important;
}

.mmco-product-origin-story > div,
.mmco-product-trust-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(32px, 5vw, 74px) !important;
  text-align: center !important;
}

.mmco-product-origin-story .mmco-eyebrow,
.mmco-product-trust-story .mmco-eyebrow,
.mmco-product-reviews .mmco-eyebrow {
  display: flex !important;
  width: fit-content !important;
  margin: 0 auto 18px !important;
  color: inherit !important;
  text-align: center !important;
}

.mmco-product-origin-story h2,
.mmco-product-trust-story h2 {
  max-width: 10ch !important;
  margin: 0 auto 18px !important;
  color: inherit !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3rem, 6vw, 7rem) !important;
  font-weight: 950 !important;
  line-height: .82 !important;
  letter-spacing: -.095em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.mmco-product-origin-story p,
.mmco-product-trust-story p {
  max-width: 620px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: rgba(7,20,38,.72) !important;
  font-size: clamp(1rem, 1.18vw, 1.22rem) !important;
  line-height: 1.75 !important;
  text-align: center !important;
}

.mmco-product-trust-story p,
.mmco-product-trust-story .mmco-eyebrow {
  color: rgba(255,255,255,.78) !important;
}

/* Trust grid */
.mmco-product-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.mmco-product-trust-grid article {
  min-height: 200px !important;
  padding: clamp(22px, 2.5vw, 34px) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.08), transparent 10rem),
    #ffffff !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-v2-ink) !important;
  box-shadow: 0 18px 50px rgba(7,20,38,.08) !important;
  text-align: center !important;
}

.mmco-product-trust-grid article::before {
  content: "" !important;
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 18px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 50%, var(--bb-v2-gold) 0 5px, transparent 6px),
    rgba(201,151,82,.12) !important;
  border: 1px solid rgba(201,151,82,.2) !important;
  box-shadow: 0 10px 24px rgba(201,151,82,.12) !important;
}

.mmco-product-trust-grid span {
  display: block !important;
  margin: 0 auto 10px !important;
  color: var(--bb-v2-ink) !important;
  font-size: clamp(1.15rem, 1.6vw, 1.5rem) !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -.04em !important;
  text-align: center !important;
}

.mmco-product-trust-grid p {
  margin: 0 auto !important;
  color: var(--bb-v2-muted) !important;
  font-size: .96rem !important;
  line-height: 1.62 !important;
  text-align: center !important;
}

/* Reviews */
.mmco-product-reviews {
  order: 3 !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: clamp(28px, 4vw, 54px) !important;
  border-radius: clamp(30px, 3vw, 48px) !important;
  background: #ffffff !important;
  border: 1px solid rgba(7,20,38,.09) !important;
  color: var(--bb-v2-ink) !important;
  box-shadow: var(--bb-v2-shadow) !important;
  text-align: center !important;
}

.mmco-product-reviews-head {
  display: block !important;
  margin: 0 auto 26px !important;
  text-align: center !important;
}

.mmco-product-reviews-head h2 {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: var(--bb-v2-ink) !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.6rem, 5vw, 5.8rem) !important;
  line-height: .86 !important;
  letter-spacing: -.085em !important;
  text-align: center !important;
}

.mmco-review-form {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: end !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 16px !important;
  border-radius: 24px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(7,20,38,.08) !important;
  text-align: left !important;
}

/* Responsive */
@media (max-width: 1080px) {
  .mmco-product-pack-details.mmco-woo-pack-card {
    grid-template-columns: 1fr !important;
  }

  .mmco-pack-stat-grid,
  .mmco-pack-contents {
    grid-column: 1 !important;
  }

  .mmco-pack-contents p {
    max-width: 900px !important;
    column-count: 3 !important;
  }
}

@media (max-width: 980px) {
  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 360px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image::after,
  #mmco-products .mmco-product-image::after {
    font-size: clamp(2.6rem, 8vw, 4.4rem) !important;
    min-height: 118px !important;
  }

  .mmco-product-origin-story,
  .mmco-product-trust-story {
    grid-template-columns: 1fr !important;
  }

  .mmco-product-trust-story figure {
    order: -1 !important;
  }

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

  .mmco-pack-contents p {
    column-count: 2 !important;
  }

  .mmco-review-form {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }
}

@media (max-width: 680px) {
  #mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products,
  section#mmco-products-z2eesa78 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image,
  #mmco-products .mmco-product-image {
    height: 360px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-image::after,
  #mmco-products .mmco-product-image::after {
    width: min(90%, 340px) !important;
    min-height: 108px !important;
    font-size: clamp(2.35rem, 12vw, 4rem) !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body,
  #mmco-products .mmco-product-body {
    padding: 26px 20px !important;
  }

  #mmco-products-z2eesa78 .mmco-product-body h3,
  #mmco-products .mmco-product-body h3 {
    font-size: clamp(1.8rem, 9vw, 3rem) !important;
  }

  .mmco-pack-stat-grid {
    grid-template-columns: 1fr !important;
  }

  .mmco-pack-stat-grid > div:nth-child(1),
  .mmco-pack-stat-grid > div:nth-child(2),
  .mmco-pack-stat-grid > div:nth-child(3) {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .mmco-pack-stat-grid > div:nth-child(2) {
    min-height: 280px !important;
  }

  .mmco-pack-stat-grid > div:nth-child(2) strong,
  .mmco-pack-stat-grid > div:nth-child(2) .woocommerce-Price-amount {
    font-size: clamp(4.4rem, 19vw, 7rem) !important;
  }

  .mmco-pack-contents p {
    column-count: 1 !important;
  }

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




.mmco-header h1, .mmco-header h2, .mmco-header h3, .mmco-footer h1, .mmco-footer h2, .mmco-footer h3, .mmco-hero h1, .mmco-hero h2, .mmco-hero h3, .mmco-cta-box h1, .mmco-cta-box h2, .mmco-cta-box h3, #mmco-blocks .mmco-section:nth-child(even) h1, #mmco-blocks .mmco-section:nth-child(even) h2, #mmco-blocks .mmco-section:nth-child(even) h3, #mmco-blocks .mmco-section:nth-child(even) h4
Specificity: (0,1,1)
 {
    color: #000000 !important;
}

/* ==========================================================
   FINAL WHITE GRADIENT OVERLAY FIX
   Paste at the very bottom of Design Lab CSS.
   Nothing above needs to be removed.

   Purpose:
   - Kills dark overlays on background-image sections.
   - Forces .has-mmco-bg sections to use a white gradient overlay.
   - Fixes product sections that are still being darkened by older
     nth-child(even), section-bg, ::before, or ::after rules.
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --mmco-white-overlay-ink: #071426;
  --mmco-white-overlay-muted: #667085;
  --mmco-white-overlay-paper: #ffffff;
  --mmco-white-overlay-cream: #fbf6ee;
  --mmco-white-overlay-gold: #c99752;
}

/* Force background-image sections to be white-page sections, even if they are nth-child(even). */
#mmco-blocks .mmco-section.has-mmco-bg,
#mmco-blocks .mmco-section.has-mmco-bg:nth-child(odd),
#mmco-blocks .mmco-section.has-mmco-bg:nth-child(even),
#mmco-blocks section.has-mmco-bg,
#mmco-blocks section.has-mmco-bg:nth-child(odd),
#mmco-blocks section.has-mmco-bg:nth-child(even),
section.mmco-section.has-mmco-bg,
section.mmco-section.has-mmco-bg:nth-child(even),
section[id^="mmco-products-"].has-mmco-bg,
section[id^="mmco-products-"].has-mmco-bg:nth-child(even),
section[id^="mmco-products-"].mmco-block-products.has-mmco-bg,
#mmco-products-fcy1exe5.has-mmco-bg,
#mmco-products-z2eesa78.has-mmco-bg {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.10), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 62%, #fbf6ee 100%) !important;
  color: var(--mmco-white-overlay-ink) !important;
}

/* Background image layer: visible, but softened. */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg,
section.mmco-section.has-mmco-bg > .mmco-section-bg,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: #ffffff !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* The image should not darken the section. */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg img,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg img,
section.mmco-section.has-mmco-bg > .mmco-section-bg img,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg img,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg img,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  opacity: .28 !important;
  filter: saturate(1.04) contrast(1.02) brightness(1.16) !important;
  transform: scale(1.03) !important;
  mix-blend-mode: normal !important;
}

/* White wash over the image. This is the main fix. */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg::before,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg::before,
section.mmco-section.has-mmco-bg > .mmco-section-bg::before,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg::before,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg::before,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.94) 16%,
      rgba(255,255,255,.80) 42%,
      rgba(255,255,255,.92) 72%,
      #ffffff 100%
    ) !important;
}

/* Extra centre glow so the image fades into the white page instead of sitting as a dark panel. */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg::after,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg::after,
section.mmco-section.has-mmco-bg > .mmco-section-bg::after,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg::after,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg::after,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.62) 0%, rgba(255,255,255,.88) 48%, #ffffff 86%),
    linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.78) 22%, rgba(255,255,255,.62) 50%, rgba(255,255,255,.78) 78%, #ffffff 100%) !important;
}

/* Some older CSS may put dark overlays on the section itself. Neutralise them for bg sections. */
#mmco-blocks .mmco-section.has-mmco-bg::before,
#mmco-blocks .mmco-section.has-mmco-bg::after,
#mmco-blocks section.has-mmco-bg::before,
#mmco-blocks section.has-mmco-bg::after,
section.mmco-section.has-mmco-bg::before,
section.mmco-section.has-mmco-bg::after,
section[id^="mmco-products-"].has-mmco-bg::before,
section[id^="mmco-products-"].has-mmco-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.72) 42%, #ffffff 100%) !important;
}

/* Keep actual content above the white overlay. */
#mmco-blocks .mmco-section.has-mmco-bg > :not(.mmco-section-bg),
#mmco-blocks section.has-mmco-bg > :not(.mmco-section-bg),
section.mmco-section.has-mmco-bg > :not(.mmco-section-bg),
section[id^="mmco-products-"].has-mmco-bg > :not(.mmco-section-bg),
#mmco-products-fcy1exe5.has-mmco-bg > :not(.mmco-section-bg),
#mmco-products-z2eesa78.has-mmco-bg > :not(.mmco-section-bg) {
  position: relative !important;
  z-index: 5 !important;
}

/* Text on these white overlay sections should be dark, never white. */
#mmco-blocks .mmco-section.has-mmco-bg h1,
#mmco-blocks .mmco-section.has-mmco-bg h2,
#mmco-blocks .mmco-section.has-mmco-bg h3,
#mmco-blocks .mmco-section.has-mmco-bg h4,
#mmco-blocks .mmco-section.has-mmco-bg h5,
#mmco-blocks .mmco-section.has-mmco-bg h6,
#mmco-blocks section.has-mmco-bg h1,
#mmco-blocks section.has-mmco-bg h2,
#mmco-blocks section.has-mmco-bg h3,
#mmco-blocks section.has-mmco-bg h4,
section[id^="mmco-products-"].has-mmco-bg h1,
section[id^="mmco-products-"].has-mmco-bg h2,
section[id^="mmco-products-"].has-mmco-bg h3,
section[id^="mmco-products-"].has-mmco-bg h4,
section[id^="mmco-products-"].has-mmco-bg .mmco-product-body h3,
section[id^="mmco-products-"].has-mmco-bg .mmco-product-body h3 a {
  color: var(--mmco-white-overlay-ink) !important;
}

#mmco-blocks .mmco-section.has-mmco-bg p,
#mmco-blocks .mmco-section.has-mmco-bg li,
#mmco-blocks .mmco-section.has-mmco-bg small,
#mmco-blocks section.has-mmco-bg p,
#mmco-blocks section.has-mmco-bg li,
#mmco-blocks section.has-mmco-bg small,
section[id^="mmco-products-"].has-mmco-bg p,
section[id^="mmco-products-"].has-mmco-bg li,
section[id^="mmco-products-"].has-mmco-bg small {
  color: var(--mmco-white-overlay-muted) !important;
}

/* Product cards stay bright on top of the white overlay. */
section[id^="mmco-products-"].has-mmco-bg .mmco-product-card,
section[id^="mmco-products-"].has-mmco-bg #mmco-products .mmco-product-card,
#mmco-products-fcy1exe5.has-mmco-bg .mmco-product-card,
#mmco-products-z2eesa78.has-mmco-bg .mmco-product-card {
  background: rgba(255,255,255,.96) !important;
  color: var(--mmco-white-overlay-ink) !important;
  border-color: rgba(7,20,38,.11) !important;
}

/* Remove old dark fades on product images inside these white sections. */
section[id^="mmco-products-"].has-mmco-bg .mmco-product-image::before,
section[id^="mmco-products-"].has-mmco-bg .mmco-product-image::after,
#mmco-products-fcy1exe5.has-mmco-bg .mmco-product-image::before,
#mmco-products-fcy1exe5.has-mmco-bg .mmco-product-image::after,
#mmco-products-z2eesa78.has-mmco-bg .mmco-product-image::before,
#mmco-products-z2eesa78.has-mmco-bg .mmco-product-image::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Safety override for old nth-child(even) rules on product sections. */
#mmco-blocks section.mmco-block-products:nth-child(even),
#mmco-blocks section.mmco-block-products.has-mmco-bg:nth-child(even),
#mmco-blocks .mmco-section.mmco-block-products:nth-child(even),
#mmco-blocks .mmco-section.mmco-block-products.has-mmco-bg:nth-child(even) {
  background:
    radial-gradient(circle at 50% 0%, rgba(201,151,82,.10), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #ffffff 62%, #fbf6ee 100%) !important;
  color: var(--mmco-white-overlay-ink) !important;
}

/* ==========================================================
   FINAL FIX - Visible background image with white gradient
   Paste at the VERY bottom of Design Lab CSS.
   Nothing above needs to be removed.

   This fixes the previous overlay being too white/opaque.
   The image now stays visible, with:
   - white fade at top
   - visible image through the middle
   - white fade at bottom
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --mmco-bg-visible-ink: #071426;
  --mmco-bg-visible-muted: #667085;
  --mmco-bg-visible-paper: #ffffff;
}

/* Product/bg image sections should stay white, but the image must be visible */
#mmco-blocks .mmco-section.has-mmco-bg,
#mmco-blocks section.has-mmco-bg,
section.mmco-section.has-mmco-bg,
section[id^="mmco-products-"].has-mmco-bg,
#mmco-products-fcy1exe5.has-mmco-bg,
#mmco-products-z2eesa78.has-mmco-bg {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--mmco-bg-visible-ink) !important;
}

/* Put the actual image layer behind everything */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg,
section.mmco-section.has-mmco-bg > .mmco-section-bg,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Image is now much more visible */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg img,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg img,
section.mmco-section.has-mmco-bg > .mmco-section-bg img,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg img,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg img,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  opacity: .82 !important;
  filter: saturate(1.04) contrast(1.04) brightness(1.05) !important;
  transform: scale(1.025) !important;
  mix-blend-mode: normal !important;
}

/* Main white gradient: lighter through the middle so the image shows */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg::before,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg::before,
section.mmco-section.has-mmco-bg > .mmco-section-bg::before,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg::before,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg::before,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.68) 18%,
      rgba(255,255,255,.28) 42%,
      rgba(255,255,255,.36) 62%,
      rgba(255,255,255,.78) 82%,
      #ffffff 100%
    ) !important;
}

/* Side fade only, not a full white blanket */
#mmco-blocks .mmco-section.has-mmco-bg > .mmco-section-bg::after,
#mmco-blocks section.has-mmco-bg > .mmco-section-bg::after,
section.mmco-section.has-mmco-bg > .mmco-section-bg::after,
section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg::after,
#mmco-products-fcy1exe5.has-mmco-bg > .mmco-section-bg::after,
#mmco-products-z2eesa78.has-mmco-bg > .mmco-section-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.88) 0%,
      rgba(255,255,255,.28) 22%,
      rgba(255,255,255,.08) 50%,
      rgba(255,255,255,.28) 78%,
      rgba(255,255,255,.88) 100%
    ) !important;
}

/* Stop the section pseudo-elements from covering the image */
#mmco-blocks .mmco-section.has-mmco-bg::before,
#mmco-blocks .mmco-section.has-mmco-bg::after,
#mmco-blocks section.has-mmco-bg::before,
#mmco-blocks section.has-mmco-bg::after,
section.mmco-section.has-mmco-bg::before,
section.mmco-section.has-mmco-bg::after,
section[id^="mmco-products-"].has-mmco-bg::before,
section[id^="mmco-products-"].has-mmco-bg::after,
#mmco-products-fcy1exe5.has-mmco-bg::before,
#mmco-products-fcy1exe5.has-mmco-bg::after,
#mmco-products-z2eesa78.has-mmco-bg::before,
#mmco-products-z2eesa78.has-mmco-bg::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Content must sit above image + gradient */
#mmco-blocks .mmco-section.has-mmco-bg > :not(.mmco-section-bg),
#mmco-blocks section.has-mmco-bg > :not(.mmco-section-bg),
section.mmco-section.has-mmco-bg > :not(.mmco-section-bg),
section[id^="mmco-products-"].has-mmco-bg > :not(.mmco-section-bg),
#mmco-products-fcy1exe5.has-mmco-bg > :not(.mmco-section-bg),
#mmco-products-z2eesa78.has-mmco-bg > :not(.mmco-section-bg) {
  position: relative !important;
  z-index: 5 !important;
}

/* Make cards slightly translucent so the background feels connected */
section[id^="mmco-products-"].has-mmco-bg .mmco-product-card,
#mmco-products-fcy1exe5.has-mmco-bg .mmco-product-card,
#mmco-products-z2eesa78.has-mmco-bg .mmco-product-card {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
}

/* Headings/text remain dark on the white overlay */
#mmco-blocks .mmco-section.has-mmco-bg h1,
#mmco-blocks .mmco-section.has-mmco-bg h2,
#mmco-blocks .mmco-section.has-mmco-bg h3,
#mmco-blocks section.has-mmco-bg h1,
#mmco-blocks section.has-mmco-bg h2,
#mmco-blocks section.has-mmco-bg h3,
section[id^="mmco-products-"].has-mmco-bg h1,
section[id^="mmco-products-"].has-mmco-bg h2,
section[id^="mmco-products-"].has-mmco-bg h3,
section[id^="mmco-products-"].has-mmco-bg .mmco-product-body h3,
section[id^="mmco-products-"].has-mmco-bg .mmco-product-body h3 a {
  color: var(--mmco-bg-visible-ink) !important;
}

#mmco-blocks .mmco-section.has-mmco-bg p,
#mmco-blocks .mmco-section.has-mmco-bg li,
#mmco-blocks section.has-mmco-bg p,
#mmco-blocks section.has-mmco-bg li,
section[id^="mmco-products-"].has-mmco-bg p,
section[id^="mmco-products-"].has-mmco-bg li {
  color: var(--mmco-bg-visible-muted) !important;
}
















#mmco-products-z2eesa78 .mmco-product-body, #mmco-products .mmco-product-body {
    position: relative !important;
    inset: auto !important;
    z-index: 2 !important;
    display: inline !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    justify-items: center !important;
    gap: 0 !important;
    min-height: auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: clamp(28px, 3.2vw, 44px) clamp(22px, 3vw, 40px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--bb-v2-card) !important;
    color: var(--bb-v2-ink) !important;
    text-align: center !important;
    box-shadow: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ==========================================================
   FINAL MOBILE + FRONT PAGE PRODUCT OVERHAUL
   Paste at the VERY bottom of Design Lab CSS.
   Nothing above needs to be removed.

   Direction:
   - Fix white text on white cards.
   - Front page products become stronger image-left / text-right rows on desktop.
   - Mobile becomes full-width image sections with big readable text.
   - Product cards use real .mmco-product-meta-row data.
   - No fake coloured badges, no dark overlays on white pages.
   - Headings inside cards/steps are always black on white backgrounds.
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --mmco-mobile-ink: #05070b;
  --mmco-mobile-ink-soft: #1b2430;
  --mmco-mobile-muted: #677282;
  --mmco-mobile-paper: #ffffff;
  --mmco-mobile-soft: #f6f7f9;
  --mmco-mobile-line: rgba(5, 7, 11, .11);
  --mmco-mobile-line-strong: rgba(5, 7, 11, .22);
  --mmco-mobile-shadow: 0 22px 70px rgba(5, 7, 11, .10);
  --mmco-mobile-shadow-strong: 0 34px 100px rgba(5, 7, 11, .15);
}

/* ----------------------------------------------------------
   Hard text colour fix: white cards must never have white text.
---------------------------------------------------------- */

.mmco-product-card,
.mmco-product-card *,
.mmco-product-body,
.mmco-product-body *,
.mmco-step,
.mmco-step *,
.mmco-card,
.mmco-card *,
.mmco-content-card,
.mmco-content-card *,
.mmco-pack-stat-grid,
.mmco-pack-stat-grid *,
.mmco-pack-contents,
.mmco-pack-contents *,
.mmco-product-trust-grid article,
.mmco-product-trust-grid article * {
  color: var(--mmco-mobile-ink) !important;
}

.mmco-product-card p,
.mmco-product-body p,
.mmco-step p,
.mmco-card p,
.mmco-content-card p,
.mmco-pack-contents p,
.mmco-product-trust-grid article p {
  color: var(--mmco-mobile-muted) !important;
}

.mmco-product-card h1,
.mmco-product-card h2,
.mmco-product-card h3,
.mmco-product-card h4,
.mmco-product-card h3 a,
.mmco-product-body h1,
.mmco-product-body h2,
.mmco-product-body h3,
.mmco-product-body h4,
.mmco-product-body h3 a,
.mmco-step h3,
.mmco-card h3,
.mmco-content-card h3 {
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
}

/* Keep actual buttons readable. */
.mmco-product-card .mmco-ghost-small,
.mmco-product-card .mmco-ghost-small *,
.mmco-product-body .mmco-ghost-small,
.mmco-product-body .mmco-ghost-small *,
.mmco-button,
.mmco-button *,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  color: #ffffff !important;
}

/* ----------------------------------------------------------
   Background-image sections: white overlay, visible image.
---------------------------------------------------------- */

section[id^="mmco-products-"].has-mmco-bg,
#mmco-products-fcy1exe5.has-mmco-bg,
#mmco-products-z2eesa78.has-mmco-bg {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--mmco-mobile-ink) !important;
}

section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: #ffffff !important;
}

section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  opacity: .52 !important;
  filter: grayscale(.06) saturate(.96) contrast(1.03) brightness(1.08) !important;
  transform: scale(1.03) !important;
}

section[id^="mmco-products-"].has-mmco-bg > .mmco-section-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.72) 34%, rgba(255,255,255,.84) 72%, #ffffff 100%),
    linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.38) 50%, rgba(255,255,255,.92) 100%) !important;
}

section[id^="mmco-products-"].has-mmco-bg::before,
section[id^="mmco-products-"].has-mmco-bg::after {
  display: none !important;
  content: none !important;
}

section[id^="mmco-products-"].has-mmco-bg > :not(.mmco-section-bg) {
  position: relative !important;
  z-index: 3 !important;
}

/* ----------------------------------------------------------
   Front page product section: bigger, cleaner, more stylish.
---------------------------------------------------------- */

section[id^="mmco-products-"].mmco-block-products {
  padding: clamp(72px, 8vw, 140px) clamp(16px, 5vw, 84px) !important;
  background: #ffffff !important;
  color: var(--mmco-mobile-ink) !important;
}

section[id^="mmco-products-"] .mmco-section-intro {
  display: block !important;
  width: min(1040px, 100%) !important;
  margin: 0 auto clamp(36px, 5vw, 78px) !important;
  text-align: center !important;
}

section[id^="mmco-products-"] .mmco-section-intro h2 {
  max-width: 11ch !important;
  margin: 0 auto 16px !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.8rem, 7.6vw, 9rem) !important;
  line-height: .8 !important;
  letter-spacing: -.11em !important;
  text-align: center !important;
}

section[id^="mmco-products-"] .mmco-section-intro p {
  max-width: 650px !important;
  margin: 0 auto !important;
  color: var(--mmco-mobile-muted) !important;
  font-size: clamp(1.05rem, 1.18vw, 1.22rem) !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

/* Product list container */
section[id^="mmco-products-"] .mmco-products-wrap,
section[id^="mmco-products-"] #mmco-products,
#mmco-products {
  width: min(1240px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* Desktop/front page: product cards as image-left / text-right full rows. */
section[id^="mmco-products-"] .mmco-product-grid,
#mmco-products .mmco-product-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(24px, 3vw, 42px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* Reset old grid/masonry/flex leftovers. */
section[id^="mmco-products-"] .mmco-product-card,
section[id^="mmco-products-"] .mmco-product-card:nth-child(1),
section[id^="mmco-products-"] .mmco-product-card:nth-child(2),
section[id^="mmco-products-"] .mmco-product-card:nth-child(3),
section[id^="mmco-products-"] .mmco-product-card:nth-child(4),
#mmco-products .mmco-product-card,
#mmco-products .mmco-product-card:nth-child(1),
#mmco-products .mmco-product-card:nth-child(2),
#mmco-products .mmco-product-card:nth-child(3),
#mmco-products .mmco-product-card:nth-child(4) {
  grid-column: auto !important;
  grid-row: auto !important;
  flex: initial !important;
  min-width: 0 !important;
  transform: none !important;
}

/* Product card row */
section[id^="mmco-products-"] .mmco-product-card,
#mmco-products .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(320px, .95fr) minmax(0, 1.05fr) !important;
  align-items: stretch !important;
  min-height: clamp(360px, 34vw, 520px) !important;
  overflow: hidden !important;
  border: 1px solid var(--mmco-mobile-line) !important;
  border-radius: clamp(28px, 3vw, 46px) !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--mmco-mobile-ink) !important;
  box-shadow: var(--mmco-mobile-shadow) !important;
  backdrop-filter: blur(10px) saturate(1.03) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.03) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

/* Alternate row rhythm. */
section[id^="mmco-products-"] .mmco-product-card:nth-child(even) .mmco-product-image,
#mmco-products .mmco-product-card:nth-child(even) .mmco-product-image {
  order: 2 !important;
}

section[id^="mmco-products-"] .mmco-product-card:nth-child(even) .mmco-product-body,
#mmco-products .mmco-product-card:nth-child(even) .mmco-product-body {
  order: 1 !important;
}

section[id^="mmco-products-"] .mmco-product-card:hover,
#mmco-products .mmco-product-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--mmco-mobile-line-strong) !important;
  box-shadow: var(--mmco-mobile-shadow-strong) !important;
}

/* Kill previous fake pseudo content. */
section[id^="mmco-products-"] .mmco-product-card::before,
section[id^="mmco-products-"] .mmco-product-card::after,
section[id^="mmco-products-"] .mmco-product-image::before,
section[id^="mmco-products-"] .mmco-product-image::after,
section[id^="mmco-products-"] .mmco-product-body::before,
section[id^="mmco-products-"] .mmco-product-body::after,
section[id^="mmco-products-"] .mmco-product-body h3::after,
#mmco-products .mmco-product-card::before,
#mmco-products .mmco-product-card::after,
#mmco-products .mmco-product-image::before,
#mmco-products .mmco-product-image::after,
#mmco-products .mmco-product-body::before,
#mmco-products .mmco-product-body::after,
#mmco-products .mmco-product-body h3::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Full image side */
section[id^="mmco-products-"] .mmco-product-image,
#mmco-products .mmco-product-image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(360px, 34vw, 520px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--mmco-mobile-soft) !important;
  box-shadow: none !important;
}

section[id^="mmco-products-"] .mmco-product-image img,
#mmco-products .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-height: clamp(360px, 34vw, 520px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 0 !important;
  filter: saturate(1.02) contrast(1.02) brightness(1.02) !important;
  transform: scale(1) !important;
  transition: transform .45s ease, filter .45s ease !important;
}

section[id^="mmco-products-"] .mmco-product-card:hover .mmco-product-image img,
#mmco-products .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.035) !important;
}

/* Text side */
section[id^="mmco-products-"] .mmco-product-body,
#mmco-products .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: center !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
  width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: clamp(32px, 5vw, 74px) clamp(24px, 4vw, 58px) !important;
  border: 0 !important;
  background: #ffffff !important;
  color: var(--mmco-mobile-ink) !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
}

section[id^="mmco-products-"] .mmco-product-body h3,
#mmco-products .mmco-product-body h3 {
  width: 100% !important;
  max-width: 12ch !important;
  margin: 0 auto !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3rem, 6vw, 7.2rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.115em !important;
  text-align: center !important;
  text-transform: none !important;
  text-wrap: balance !important;
}

section[id^="mmco-products-"] .mmco-product-body h3 a,
#mmco-products .mmco-product-body h3 a {
  color: #000000 !important;
  text-decoration: none !important;
}

/* Description/starting pack copy, generated visually without changing HTML. */
section[id^="mmco-products-"] .mmco-product-body h3 + .mmco-product-meta-row::before,
#mmco-products .mmco-product-body h3 + .mmco-product-meta-row::before {
  content: "Start your pack with farm-direct beef, clear weight, clear price per kilo and a simple path to order." !important;
  display: block !important;
  flex: 0 0 100% !important;
  max-width: 42rem !important;
  margin: 0 auto 4px !important;
  color: var(--mmco-mobile-muted) !important;
  font-size: clamp(1rem, 1.16vw, 1.18rem) !important;
  font-weight: 500 !important;
  line-height: 1.66 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* Meta row */
section[id^="mmco-products-"] .mmco-product-meta-row,
#mmco-products .mmco-product-meta-row {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

section[id^="mmco-products-"] .mmco-product-meta-row span,
#mmco-products .mmco-product-meta-row span {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 48px !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  background: #f7f8fa !important;
  border: 1px solid rgba(5,7,11,.09) !important;
  color: var(--mmco-mobile-muted) !important;
  font-size: .88rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

section[id^="mmco-products-"] .mmco-product-meta-row span strong,
#mmco-products .mmco-product-meta-row span strong {
  color: #000000 !important;
  font-size: 1.08rem !important;
  font-weight: 950 !important;
}

section[id^="mmco-products-"] .mmco-product-meta-row span:nth-child(2),
#mmco-products .mmco-product-meta-row span:nth-child(2) {
  background: #ffffff !important;
  border-color: rgba(5,7,11,.16) !important;
}

section[id^="mmco-products-"] .mmco-product-meta-row span:nth-child(2) strong,
#mmco-products .mmco-product-meta-row span:nth-child(2) strong {
  font-size: clamp(1.3rem, 1.8vw, 1.75rem) !important;
  letter-spacing: -.04em !important;
}

/* Price */
section[id^="mmco-products-"] .mmco-product-price,
#mmco-products .mmco-product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 8px !important;
  width: min(520px, 100%) !important;
  margin: 0 auto !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid rgba(5,7,11,.09) !important;
  color: #000000 !important;
  font-size: clamp(1.22rem, 1.55vw, 1.65rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

section[id^="mmco-products-"] .mmco-product-price::before,
#mmco-products .mmco-product-price::before {
  content: "Total pack price" !important;
  flex: 0 0 100% !important;
  margin: 0 0 8px !important;
  color: var(--mmco-mobile-muted) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

section[id^="mmco-products-"] .mmco-product-price del,
#mmco-products .mmco-product-price del {
  color: #9aa2ad !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

section[id^="mmco-products-"] .mmco-product-price ins,
#mmco-products .mmco-product-price ins,
section[id^="mmco-products-"] .mmco-product-price .woocommerce-Price-amount,
#mmco-products .mmco-product-price .woocommerce-Price-amount {
  color: #000000 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Button */
section[id^="mmco-products-"] .mmco-ghost-small,
#mmco-products .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 48px !important;
  margin: 2px auto 0 !important;
  padding: 14px 22px !important;
  border: 1px solid #000000 !important;
  border-radius: 999px !important;
  background: #000000 !important;
  color: #ffffff !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(5,7,11,.14) !important;
}

section[id^="mmco-products-"] .mmco-ghost-small::after,
#mmco-products .mmco-ghost-small::after {
  content: " ->" !important;
  margin-left: 5px !important;
}

section[id^="mmco-products-"] .mmco-ghost-small:hover,
#mmco-products .mmco-ghost-small:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

/* ----------------------------------------------------------
   Full mobile overhaul.
---------------------------------------------------------- */

@media (max-width: 760px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body.mmco-shell,
  .mmco-site,
  .mmco-preview-root,
  .mmco-blocks,
  #mmco-blocks {
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
  }

  /* Header gets simpler and readable on mobile */
  .mmco-header {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    width: calc(100vw - 20px) !important;
    min-height: auto !important;
    padding: 10px !important;
    border-radius: 22px !important;
  }

  .mmco-header h1,
  .mmco-header h2,
  .mmco-header h3,
  .mmco-header .mmco-logo-text {
    font-size: 1.05rem !important;
    font-family: var(--mmco-font, ui-sans-serif, system-ui, sans-serif) !important;
    letter-spacing: -.04em !important;
  }

  .mmco-nav {
    display: flex !important;
    width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    justify-content: flex-start !important;
    gap: 6px !important;
  }

  .mmco-nav a,
  .mmco-small-link {
    white-space: nowrap !important;
    font-size: .78rem !important;
    padding: 9px 10px !important;
  }

  /* Full-width sections */
  .mmco-section,
  section.mmco-section,
  #mmco-blocks .mmco-section,
  section[id^="mmco-products-"].mmco-block-products {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: clamp(54px, 12vw, 84px) !important;
    padding-bottom: clamp(54px, 12vw, 84px) !important;
    overflow: hidden !important;
  }

  .mmco-section-intro,
  section[id^="mmco-products-"] .mmco-section-intro {
    width: min(100% - 32px, 760px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .mmco-section-intro h2,
  section[id^="mmco-products-"] .mmco-section-intro h2,
  #mmco-blocks .mmco-section:nth-child(even) h2 {
    color: #000000 !important;
    font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
    font-size: clamp(3rem, 15vw, 5.6rem) !important;
    line-height: .82 !important;
    letter-spacing: -.105em !important;
  }

  .mmco-section-intro p,
  section[id^="mmco-products-"] .mmco-section-intro p {
    color: var(--mmco-mobile-muted) !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }

  /* Product cards become full mobile sections */
  section[id^="mmco-products-"] .mmco-products-wrap,
  section[id^="mmco-products-"] #mmco-products,
  #mmco-products {
    width: 100% !important;
    max-width: 100% !important;
  }

  section[id^="mmco-products-"] .mmco-product-grid,
  #mmco-products .mmco-product-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  section[id^="mmco-products-"] .mmco-product-card,
  #mmco-products .mmco-product-card {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-top: 1px solid rgba(5,7,11,.08) !important;
    border-bottom: 1px solid rgba(5,7,11,.08) !important;
    background: #ffffff !important;
  }

  section[id^="mmco-products-"] .mmco-product-card:nth-child(even) .mmco-product-image,
  #mmco-products .mmco-product-card:nth-child(even) .mmco-product-image,
  section[id^="mmco-products-"] .mmco-product-card:nth-child(even) .mmco-product-body,
  #mmco-products .mmco-product-card:nth-child(even) .mmco-product-body {
    order: initial !important;
  }

  section[id^="mmco-products-"] .mmco-product-image,
  #mmco-products .mmco-product-image {
    width: 100vw !important;
    max-width: 100vw !important;
    height: clamp(360px, 92vw, 560px) !important;
    min-height: clamp(360px, 92vw, 560px) !important;
    border-radius: 0 !important;
  }

  section[id^="mmco-products-"] .mmco-product-image img,
  #mmco-products .mmco-product-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: clamp(360px, 92vw, 560px) !important;
    object-fit: cover !important;
  }

  section[id^="mmco-products-"] .mmco-product-body,
  #mmco-products .mmco-product-body {
    width: min(100% - 32px, 640px) !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: clamp(28px, 8vw, 48px) 0 clamp(44px, 10vw, 70px) !important;
    background: #ffffff !important;
  }

  section[id^="mmco-products-"] .mmco-product-body h3,
  #mmco-products .mmco-product-body h3 {
    max-width: 10ch !important;
    color: #000000 !important;
    font-size: clamp(3rem, 15vw, 5.8rem) !important;
    line-height: .78 !important;
    letter-spacing: -.115em !important;
  }

  section[id^="mmco-products-"] .mmco-product-body h3 + .mmco-product-meta-row::before,
  #mmco-products .mmco-product-body h3 + .mmco-product-meta-row::before {
    max-width: 28rem !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }

  section[id^="mmco-products-"] .mmco-product-meta-row,
  #mmco-products .mmco-product-meta-row {
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
  }

  section[id^="mmco-products-"] .mmco-product-meta-row span,
  #mmco-products .mmco-product-meta-row span {
    flex: 1 1 140px !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  section[id^="mmco-products-"] .mmco-product-price,
  #mmco-products .mmco-product-price {
    width: 100% !important;
  }

  section[id^="mmco-products-"] .mmco-ghost-small,
  #mmco-products .mmco-ghost-small {
    width: 100% !important;
    max-width: 320px !important;
  }

  /* Story/content/media blocks full-width images on mobile */
  .mmco-story,
  .mmco-content-card,
  .mmco-product-origin-story,
  .mmco-product-trust-story {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
  }

  .mmco-story-media,
  .mmco-content-media,
  .mmco-product-origin-story figure,
  .mmco-product-trust-story figure {
    width: 100vw !important;
    max-width: 100vw !important;
    min-height: clamp(340px, 88vw, 540px) !important;
    border-radius: 0 !important;
  }

  .mmco-story-media img,
  .mmco-story-media video,
  .mmco-content-media img,
  .mmco-content-media video,
  .mmco-product-origin-story img,
  .mmco-product-trust-story img {
    width: 100% !important;
    height: 100% !important;
    min-height: clamp(340px, 88vw, 540px) !important;
    object-fit: cover !important;
  }

  .mmco-story-copy,
  .mmco-content-card > :not(.mmco-content-media),
  .mmco-product-origin-story > div,
  .mmco-product-trust-copy {
    width: min(100% - 32px, 640px) !important;
    margin: 0 auto !important;
    padding: clamp(30px, 8vw, 52px) 0 !important;
    text-align: center !important;
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
  }

  .mmco-story-copy h2,
  .mmco-product-origin-story h2,
  .mmco-product-trust-story h2 {
    color: #000000 !important;
    font-size: clamp(3rem, 14vw, 5.6rem) !important;
    line-height: .82 !important;
    letter-spacing: -.105em !important;
  }

  .mmco-story-copy p,
  .mmco-product-origin-story p,
  .mmco-product-trust-story p {
    color: var(--mmco-mobile-muted) !important;
  }

  /* Woo product page mobile */
  .mmco-woo-hero.mmco-woo-hero-product {
    min-height: auto !important;
    padding: 110px 0 40px !important;
  }

  .mmco-woo-hero-copy {
    width: min(100% - 32px, 640px) !important;
    padding: 24px 18px !important;
    border-radius: 26px !important;
  }

  .mmco-woo-hero-copy h1 {
    color: #000000 !important;
    font-size: clamp(3.2rem, 16vw, 5.8rem) !important;
    line-height: .78 !important;
    letter-spacing: -.115em !important;
  }

  .mmco-woo-hero-panel {
    width: min(100% - 32px, 520px) !important;
    border-radius: 26px !important;
  }

  .mmco-woo-stage {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mmco-product-pack-details.mmco-woo-pack-card,
  .mmco-product-reviews {
    width: 100% !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .mmco-pack-stat-grid {
    width: min(100% - 32px, 640px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mmco-pack-contents {
    width: min(100% - 32px, 640px) !important;
  }
}

/* ==========================================================
   FINAL FRONT PAGE FEATURED PRODUCT HERO
   Paste at the VERY bottom of Design Lab CSS.
   Nothing above needs to be removed.

   Target HTML:
   #mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg
   .mmco-product-grid-featured-one
   .mmco-product-card
   .mmco-product-image
   .mmco-product-body
   .mmco-products-shop-cta

   Direction:
   - One hero product, not a carousel/card dump
   - Large image is bigger than the text box
   - Text box overlaps the image
   - White gradient background image remains visible
   - Clean monochrome styling
   - Mobile becomes full-width image then overlapping text
   ========================================================== */

:root,
body.mmco-shell,
.mmco-site {
  --mmco-feature-ink: #05070b;
  --mmco-feature-muted: #687283;
  --mmco-feature-paper: #ffffff;
  --mmco-feature-soft: #f6f7f9;
  --mmco-feature-line: rgba(5, 7, 11, .11);
  --mmco-feature-line-strong: rgba(5, 7, 11, .22);
  --mmco-feature-shadow: 0 34px 110px rgba(5, 7, 11, .16);
  --mmco-feature-soft-shadow: 0 22px 70px rgba(5, 7, 11, .11);
}

/* Section shell */
#mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products.mmco-layout-carousel-ready.has-mmco-bg {
  position: relative !important;
  isolation: isolate !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: clamp(820px, 96vh, 1180px) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: clamp(90px, 10vw, 160px) clamp(18px, 5vw, 90px) clamp(90px, 10vw, 160px) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  color: var(--mmco-feature-ink) !important;
}

/* Background image, visible but washed into the page */
#mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg > .mmco-section-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  background: #ffffff !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg > .mmco-section-bg img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  opacity: .56 !important;
  filter: grayscale(.08) saturate(.92) contrast(1.04) brightness(1.08) !important;
  transform: scale(1.035) !important;
}

/* White gradient overlay, not dark */
#mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg > .mmco-section-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.72) 30%,
      rgba(255,255,255,.56) 52%,
      rgba(255,255,255,.86) 78%,
      #ffffff 100%
    ),
    linear-gradient(
      90deg,
      #ffffff 0%,
      rgba(255,255,255,.58) 22%,
      rgba(255,255,255,.26) 52%,
      rgba(255,255,255,.78) 100%
    ) !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg > .mmco-section-bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 30% 46%, rgba(255,255,255,.06), rgba(255,255,255,.78) 74%, #ffffff 100%) !important;
}

/* Disable older dark section overlays */
#mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg::before,
#mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg::after {
  display: none !important;
  content: none !important;
}

/* Content above background */
#mmco-products-z2eesa78.mmco-layout-carousel-ready.has-mmco-bg > :not(.mmco-section-bg) {
  position: relative !important;
  z-index: 5 !important;
}

/* Intro */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-section-intro {
  width: min(1040px, 100%) !important;
  margin: 0 auto clamp(42px, 5.5vw, 86px) !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .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(4rem, 8vw, 9.5rem) !important;
  font-weight: 950 !important;
  line-height: .78 !important;
  letter-spacing: -.12em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-section-intro p {
  max-width: 640px !important;
  margin: 0 auto !important;
  color: var(--mmco-feature-muted) !important;
  font-size: clamp(1.05rem, 1.18vw, 1.24rem) !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

/* Main product area */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-products-wrap,
#mmco-products-z2eesa78.mmco-layout-carousel-ready #mmco-products {
  width: min(1320px, 100%) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

/* Single featured product grid */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-grid-featured-one,
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

/* The product is a composition, not a normal card */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-grid-featured-one .mmco-product-card,
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-card {
  position: relative !important;
  isolation: isolate !important;
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  align-items: center !important;
  min-height: clamp(560px, 62vw, 760px) !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mmco-feature-ink) !important;
  transform: none !important;
}

/* Remove old fake labels */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-card::before,
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-card::after {
  display: none !important;
  content: none !important;
}

/* Large image, bigger than text box */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-image {
  position: relative !important;
  z-index: 1 !important;
  grid-column: 1 / span 8 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  min-height: clamp(540px, 58vw, 760px) !important;
  height: clamp(540px, 58vw, 760px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(5,7,11,.10) !important;
  border-radius: clamp(34px, 4vw, 64px) !important;
  background: var(--mmco-feature-soft) !important;
  box-shadow: var(--mmco-feature-shadow) !important;
  text-decoration: none !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.06) 62%, rgba(255,255,255,.62) 100%),
    linear-gradient(180deg, rgba(5,7,11,.02), rgba(5,7,11,.14)) !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-image::after {
  content: "Featured pack" !important;
  position: absolute !important;
  left: clamp(20px, 2vw, 34px) !important;
  top: clamp(20px, 2vw, 34px) !important;
  z-index: 3 !important;
  display: inline-flex !important;
  width: fit-content !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(255,255,255,.56) !important;
  color: rgba(5,7,11,.72) !important;
  font-size: .7rem !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 16px 38px rgba(5,7,11,.12) !important;
  backdrop-filter: blur(12px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.04) !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: clamp(540px, 58vw, 760px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  filter: saturate(1.02) contrast(1.03) brightness(1.02) !important;
  transform: scale(1) !important;
  transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .55s ease !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-card:hover .mmco-product-image img {
  transform: scale(1.035) !important;
}

/* Text box overlaps image */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body {
  position: relative !important;
  z-index: 4 !important;
  grid-column: 7 / span 6 !important;
  grid-row: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(14px, 1.8vw, 22px) !important;
  width: 100% !important;
  min-height: clamp(360px, 38vw, 560px) !important;
  margin: 0 !important;
  padding: clamp(34px, 5vw, 76px) clamp(24px, 4vw, 64px) !important;
  border: 1px solid rgba(5,7,11,.09) !important;
  border-radius: clamp(30px, 3vw, 54px) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.98), rgba(255,255,255,.90) 62%, rgba(255,255,255,.82) 100%) !important;
  color: var(--mmco-feature-ink) !important;
  text-align: center !important;
  box-shadow:
    0 34px 96px rgba(5,7,11,.14),
    inset 0 0 0 1px rgba(255,255,255,.72) !important;
  backdrop-filter: blur(16px) saturate(1.06) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
  transform: translateX(-4vw) !important;
}

/* Remove old generated content */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body::before,
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body::after,
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body h3::after {
  display: none !important;
  content: none !important;
}

/* Product title */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body h3 {
  width: 100% !important;
  max-width: 10ch !important;
  margin: 0 auto !important;
  color: #000000 !important;
  font-family: var(--mmco-serif, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(3.2rem, 6.8vw, 8rem) !important;
  font-weight: 950 !important;
  line-height: .76 !important;
  letter-spacing: -.12em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body h3 a {
  color: #000000 !important;
  text-decoration: none !important;
}

/* Description under title */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body h3 + .mmco-product-meta-row::before {
  content: "A compact farm-direct starter pack with clear weight, clear price per kilo, and everything customers need to start ordering with confidence." !important;
  display: block !important;
  flex: 0 0 100% !important;
  max-width: 40rem !important;
  margin: 0 auto 4px !important;
  color: var(--mmco-feature-muted) !important;
  font-size: clamp(1rem, 1.16vw, 1.2rem) !important;
  font-weight: 500 !important;
  line-height: 1.68 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

/* Meta row */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-meta-row {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 540px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-meta-row span {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 48px !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  background: #f7f8fa !important;
  border: 1px solid rgba(5,7,11,.09) !important;
  color: var(--mmco-feature-muted) !important;
  font-size: .88rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-meta-row span strong {
  color: #000000 !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-meta-row span:nth-child(2) {
  background: #ffffff !important;
  border-color: rgba(5,7,11,.16) !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-meta-row span:nth-child(2) strong {
  font-size: clamp(1.35rem, 1.9vw, 1.9rem) !important;
  letter-spacing: -.04em !important;
}

/* Price */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 8px !important;
  width: min(540px, 100%) !important;
  margin: 0 auto !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid rgba(5,7,11,.09) !important;
  color: #000000 !important;
  font-size: clamp(1.22rem, 1.55vw, 1.65rem) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-price::before {
  content: "Total pack price" !important;
  flex: 0 0 100% !important;
  margin: 0 0 8px !important;
  color: var(--mmco-feature-muted) !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-price del {
  color: #9aa2ad !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-price ins,
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-price .woocommerce-Price-amount {
  color: #000000 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

/* Product button */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-ghost-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 50px !important;
  margin: 2px auto 0 !important;
  padding: 15px 24px !important;
  border: 1px solid #000000 !important;
  border-radius: 999px !important;
  background: #000000 !important;
  color: #ffffff !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(5,7,11,.14) !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-ghost-small::after {
  content: " ->" !important;
  margin-left: 5px !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-ghost-small:hover {
  background: #ffffff !important;
  color: #000000 !important;
}

/* Shop CTA below */
#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-products-shop-cta {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: clamp(34px, 4vw, 64px) auto 0 !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-products-shop-cta .mmco-button {
  min-height: 54px !important;
  padding: 16px 28px !important;
  border-radius: 999px !important;
  border: 1px solid #000000 !important;
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 18px 50px rgba(5,7,11,.12) !important;
}

#mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-products-shop-cta .mmco-button:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* Mobile stack */
@media (max-width: 860px) {
  #mmco-products-z2eesa78.mmco-section.mmco-tw-section.mmco-block-products.mmco-layout-carousel-ready.has-mmco-bg {
    min-height: auto !important;
    padding: 72px 0 84px !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-section-intro {
    width: min(100% - 32px, 720px) !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-section-intro h2 {
    font-size: clamp(3.2rem, 16vw, 6rem) !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-products-wrap,
  #mmco-products-z2eesa78.mmco-layout-carousel-ready #mmco-products,
  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-grid-featured-one,
  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-grid {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-grid-featured-one .mmco-product-card,
  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    width: 100% !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-image {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100vw !important;
    min-height: clamp(390px, 92vw, 560px) !important;
    height: clamp(390px, 92vw, 560px) !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-image img {
    min-height: clamp(390px, 92vw, 560px) !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-image::before {
    background:
      linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 68%, #ffffff 100%) !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min(100% - 32px, 640px) !important;
    min-height: auto !important;
    margin: -68px auto 0 !important;
    padding: clamp(28px, 8vw, 48px) clamp(18px, 5vw, 34px) !important;
    border-radius: 28px !important;
    transform: none !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-body h3 {
    font-size: clamp(3rem, 15vw, 5.8rem) !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-product-meta-row span {
    flex: 1 1 140px !important;
    white-space: normal !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-ghost-small,
  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-products-shop-cta .mmco-button {
    width: 100% !important;
    max-width: 330px !important;
  }

  #mmco-products-z2eesa78.mmco-layout-carousel-ready .mmco-products-shop-cta {
    width: min(100% - 32px, 640px) !important;
  }
}