/** Shopify CDN: Minification failed

Line 94:79 Expected "]" to go with "["
Line 94:85 Unexpected "]"
Line 102:79 Expected "]" to go with "["
Line 102:85 Unexpected "]"
Line 105:76 Expected "]" to go with "["
Line 105:82 Unexpected "]"

**/
/* Sporty Bold styling layer: section separators, headings, spacing, CTA glow */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&display=swap');

/* Consistent, clean background on non-home pages (About, Contact, Affiliate, product, etc.) */
body main[data-template]:not([data-template="index"]) {
  background-color: #f2f2f3;
}

main[data-template="collection"] {
  --page-margin: 48px;
}
main[data-template="page.contact"] {
  --page-margin: 72px;
}
main[data-template="page.contact"] .contact-form {
  margin-inline: auto;
}
main[data-template="page.contact"] {
  --contact-cta-bg: #f5f0e8; /* Matches \"Let's Get Cookin'\" button background */
  --contact-focus-blue: #8fdcff;
  --contact-input-border: #d9d9d9;
}
main[data-template="page.contact"] .contact-form .contact-form__input {
  background: var(--contact-cta-bg) !important;
  border: 2px solid var(--contact-input-border) !important;
  border-radius: 999px !important;
  color: #1a1a1a !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
main[data-template="page.contact"] .contact-form .contact-form__input--textarea {
  border-radius: 1rem !important;
}
main[data-template="page.contact"] .contact-form .contact-form__input:focus,
main[data-template="page.contact"] .contact-form .contact-form__input:focus-visible {
  border-color: var(--contact-focus-blue) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--contact-focus-blue) 35%, transparent) !important;
  outline: none !important;
}
main[data-template="page.contact"] .contact-form .submit-button {
  border: 2px solid var(--color-primary) !important;
  background: var(--contact-cta-bg) !important;
  color: #1a1a1a !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: transform 0.15s ease, background 0.2s ease, color 0.2s ease;
}
main[data-template="page.contact"] .contact-form .submit-button:hover {
  transform: translateY(-1px);
  background: var(--color-primary) !important;
  color: var(--color-background) !important;
}

main[data-template="page.contact"] #shopify-section-section h2 {
  text-align: center;
  margin-bottom: 1rem;
}
main[data-template="page.contact"] #shopify-section-section .contact-links__pill,
main[data-template="page.contact"] #shopify-section-section a[href^="mailto:"],
main[data-template="page.contact"] #shopify-section-section a[href*="instagram.com"],
main[data-template="page.contact"] #shopify-section-section a[href*="tiktok.com"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0.35rem 0.45rem !important;
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 999px !important;
  border: none !important;
  background: #e8f4fc !important;
  color: #0b4cff !important;
  text-decoration: none !important;
  font-size: 0 !important; /* hide link text, show icon via ::before */
}
main[data-template="page.contact"] #shopify-section-section .contact-links__pill:hover,
main[data-template="page.contact"] #shopify-section-section a[href^="mailto:"]:hover,
main[data-template="page.contact"] #shopify-section-section a[href*="instagram.com"]:hover,
main[data-template="page.contact"] #shopify-section-section a[href*="tiktok.com"]:hover {
  background: #d4ebff !important;
}
main[data-template="page.contact"] #shopify-section-section a[href^="mailto:"]::before,
main[data-template="page.contact"] #shopify-section-section a[href*=\"instagram.com\"]::before,
main[data-template="page.contact"] #shopify-section-section a[href*=\"tiktok.com\"]::before {
  font-size: 1.25rem !important;
  line-height: 1 !important;
}
main[data-template="page.contact"] #shopify-section-section a[href^="mailto:"]::before {
  content: "✉";
}
main[data-template="page.contact"] #shopify-section-section a[href*=\"instagram.com\"]::before {
  content: "📸";
}
main[data-template="page.contact"] #shopify-section-section a[href*=\"tiktok.com\"]::before {
  content: "♪";
}
@media screen and (min-width: 750px) {
  main[data-template="collection"] {
    --page-margin: 120px;
  }
  main[data-template="page.contact"] {
    --page-margin: 180px;
  }
}
@media screen and (min-width: 990px) {
  main[data-template="collection"] {
    --page-margin: 160px;
  }
  main[data-template="page.contact"] {
    --page-margin: 240px;
  }
}
main[data-template="index"] .content-for-layout {
  font-size: 82%;
}
@media screen and (min-width: 750px) {
  main[data-template="index"] .content-for-layout {
    font-size: 86%;
  }
}
/* Tighter section vertical padding on home */
main[data-template="index"] .shopify-section .section {
  --padding-block-start: 1.5rem;
  --padding-block-end: 1.5rem;
}
@media (min-width: 750px) {
  main[data-template="index"] .shopify-section .section {
    --padding-block-start: 1.75rem;
    --padding-block-end: 1.75rem;
  }
}

/* About page: Our Story section – black background, light text */
.shopify-section[id*="intro_about"] .section-background,
.shopify-section[id*="intro_about"].section .section-background,
.shopify-section[id*="intro_about"] {
  background-color: #000 !important;
  --color-background: #000 !important;
  --color-foreground: #f5f5f5;
  color: #f5f5f5;
}
.shopify-section[id*="intro_about"] h1,
.shopify-section[id*="intro_about"] h2,
.shopify-section[id*="intro_about"] p,
.shopify-section[id*="intro_about"] .rte,
.shopify-section[id*="intro_about"] .group-block {
  color: #f5f5f5 !important;
}

/* Heading font: Oswald for titles site-wide */
.shopify-section h1,
.shopify-section h2,
.shopify-section h3,
.shopify-section h4,
.shopify-section .heading--display,
.shopify-section .icon-features__title,
.shopify-section .stats-counters__title,
.shopify-section .testimonials__title,
.shopify-section .comparison-table__title {
  font-family: 'Oswald', sans-serif !important;
}

/* Section separators – stronger borders between sections */
.shopify-section:not(:first-child) {
  border-top: 1px solid color-mix(in srgb, var(--color-border) 40%, transparent);
}
@media (min-width: 750px) {
  .shopify-section:not(:first-child) {
    border-top-width: 2px;
  }
}

/* Product showcase (flavor/pack selection): no section divider above — keeps flow from tagline / BC strip */
.shopify-section.section-product-showcase {
  border-top: none !important;
}

/* Bolder headings – ensure display headings have strong weight */
.shopify-section .heading--display,
.shopify-section h1,
.shopify-section h2 {
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* Tighter cards and improved spacing rhythm */
.shopify-section .card,
.shopify-section .card-wrapper {
  border-radius: 0;
  border: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}
.shopify-section .card__content {
  padding: 1.5rem 1.25rem;
}

/* Spacing rhythm – consistent vertical rhythm between blocks */
.shopify-section .section-stack > * + * {
  margin-top: 1.5rem;
}
@media (min-width: 750px) {
  .shopify-section .section-stack > * + * {
    margin-top: 2rem;
  }
}

/* Subtle cyan CTA glow on primary buttons */
.shopify-section .button--primary,
.shopify-section [data-shape="primary"] .button {
  box-shadow: 0 0 0 0 transparent;
  transition: box-shadow 0.2s ease, transform 0.15s ease;
}
.shopify-section .button--primary:hover,
.shopify-section [data-shape="primary"] .button:hover {
  box-shadow: 0 0 20px 2px color-mix(in srgb, var(--color-primary) 35%, transparent);
}

/* Sharper blocks – remove rounded corners where we want a sporty look */
.shopify-section [data-shape="primary"] .button,
.shopify-section .card {
  border-radius: 0;
}

/* ========== Nav bar – solid black on ALL pages ========== */
body #header-group .header__row--top,
body #header-group .header__row,
body #header-group .header__row--mobile {
  background-color: #000000 !important;
  background: #000000 !important;
  --header-bg-color: rgb(0 0 0) !important;
  --color-background: rgb(0 0 0);
  --color-foreground: #fff;
  color: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

/* Force black background even when header is in transparent mode */
body #header-group #header-component.header[transparent],
body #header-group #header-component.header[transparent] .header__row {
  background-color: #000000 !important;
  background: #000000 !important;
  --header-bg-color: rgb(0 0 0) !important;
}

body #header-group .header__row--top a,
body #header-group .header__row--top .link,
body #header-group .header__row .dropdown-localization__button,
body #header-group .header__row--mobile a {
  color: #fff !important;
}

#header-group .header-section .header__row--top {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

#header-group .header__row {
  --header-padding: 12px;
}
@media (min-width: 750px) {
  #header-group .header__row {
    --header-padding: 14px;
  }
}

/* Single row: logo + menu centered; left/right columns balanced */
@media (min-width: 750px) {
  #header-group .header__row--top .header__columns {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  #header-group .header__row--top .header__column--left {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    min-width: 0;
  }
  #header-group .header__row--top .header__column--center {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
  }
  #header-group .header__row--top .header__column--right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/* Logo – larger in header, shifted slightly left */
#header-group .header-logo {
  margin-inline-end: 0.5rem;
}
@media (min-width: 750px) {
  #header-group .header-logo {
    transform: translateX(-1rem);
    margin-inline-end: 0;
  }
}
#header-group .header-logo__image {
  height: calc(var(--header-logo-image-height-mobile) * 1.3) !important;
  width: calc(var(--header-logo-image-width-mobile) * 1.3) !important;
}
@media (min-width: 750px) {
  #header-group .header-logo__image {
    height: calc(var(--header-logo-image-height) * 1.3) !important;
    width: calc(var(--header-logo-image-width) * 1.3) !important;
  }
}

/* Logo white outline */
#header-group .header-logo__image,
#header-group .header-logo img {
  border: 2px solid #ffffff;
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

/* Top-level nav links: larger text, white on black-tinted bar */
#header-group .menu-list__link,
#header-group .menu-list__link .menu-list__link-title {
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #fff !important;
}
@media (min-width: 750px) {
  #header-group .menu-list__link,
  #header-group .menu-list__link .menu-list__link-title {
    font-size: 1rem;
    letter-spacing: 0.04em;
  }
}

/* Even spacing between all nav items (menu + pages_nav) */
#header-group .menu-list {
  --menu-horizontal-gap: 1.25rem;
}
@media (min-width: 750px) {
  #header-group .menu-list {
    --menu-horizontal-gap: 1.5rem;
  }
}

/* Nav link hover and active – white + underline inside header */
#header-group .menu-list .menu-list__link {
  transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  margin-bottom: -6px;
  opacity: 0.9;
}
#header-group .menu-list .menu-list__list-item:where(:hover, :focus-within) .menu-list__link,
#header-group .menu-list .menu-list__link--active {
  color: #fff !important;
  border-bottom-color: #fff;
  opacity: 1;
}

/* Header right-side icons (search, account, cart) – white, larger */
#header-group .header-actions__action {
  --button-color: #fff;
  color: #fff !important;
}
#header-group .header-actions__action .svg-wrapper,
#header-group .header-actions__cart-icon .svg-wrapper {
  width: 2.75rem;
  height: 2.75rem;
  color: #fff !important;
}
#header-group .header-actions__action svg,
#header-group .header-actions__cart-icon svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #fff !important;
  fill: currentColor;
}

/* Header social icons – left of nav, white on black bar */
#header-group .header-social-icons {
  margin-inline-end: 0.35rem;
}
@media (min-width: 750px) {
  #header-group .header-social-icons {
    margin-inline-end: 0.75rem;
  }
}
#header-group .header-social-icons a {
  color: #fff !important;
}
#header-group .header-social-icons .social-icons__icon {
  color: #fff !important;
}
#header-group .header-social-icons .social-icons__icon svg {
  fill: currentColor;
}

/*
  Mobile header grid uses 44px bookends; social icons sit in the 2nd column (~44px).
  That width forces the flex row to wrap so icons stack vertically. Widen column 2
  so the Instagram + TikTok row can sit side by side.
*/
@media (max-width: 749px) {
  #header-group .header__row--top .header__columns {
    grid-template-columns:
      var(--header-mobile-bookend)
      minmax(5.35rem, max-content)
      minmax(0, 1fr)
      var(--header-mobile-bookend)
      var(--header-mobile-bookend);
  }

  #header-group .header-social-icons.social-icons__wrapper {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 0;
  }
}

/* Announcement bar: slightly larger, readable text */
#header-group .announcement-bar {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media (min-width: 750px) {
  #header-group .announcement-bar {
    font-size: 0.9375rem;
  }
}

/* ========== Home page: hero title and subtext (PROTEIN MADE TΛSTY) ========== */
main[data-template="index"] .hero h1,
main[data-template="index"] .hero .heading--display {
  font-size: clamp(1.75rem, 4.5vw, 3rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase;
  line-height: 1.35;
  margin-bottom: 0.65rem;
  /* Thick black drop shadow on all letters (no thin outline) */
  text-shadow:
    2px 2px 0 #000,
    3px 3px 0 #000,
    4px 4px 0 #000,
    5px 5px 0 #000,
    6px 6px 4px rgba(0, 0, 0, 0.8);
}
/* PROTEIN first line: no underline (clean bold type only) */
/* Hero title: PROTEIN on first line, MADE [rotating word] on second */
main[data-template="index"] .hero h1 .hero-rotating-word-wrap em {
  display: inline-block;
  font-style: normal !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
  color: var(--color-primary) !important;
}
/* Inner span for rotating word – smooth fade */
main[data-template="index"] .hero h1 .hero-rotating-word-inner {
  transition: opacity 0.35s ease;
}
/* Rotating word – same font as PROTEIN (inherit from h1), no underline */
main[data-template="index"] .hero h1 .hero-rotating-word-wrap {
  display: inline-block;
  font-family: inherit !important;
  font-weight: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
  color: #ffffff !important;
  margin: 0 0 0 -0.18em !important;
  padding: 0 0.15em 0 0.05em !important;
}
main[data-template="index"] .hero p {
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase;
  opacity: 0.95;
}
@media (min-width: 750px) {
  main[data-template="index"] .hero h1,
  main[data-template="index"] .hero .heading--display {
    font-size: clamp(2.5rem, 5.75vw, 4.5rem) !important;
    line-height: 1.2 !important;
  }
  main[data-template="index"] .hero p {
    font-size: 0.9rem !important;
  }
}

/* Homepage hero CTA — compact “Shop the Gains” */
main[data-template="index"] .hero .hero__content-wrapper a.button,
main[data-template="index"] .hero .hero__content-wrapper a.button-secondary {
  font-size: clamp(0.8125rem, 1.85vw, 0.9375rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding-block: 0.62em !important;
  padding-inline: 1.25em !important;
  min-height: 2.35rem !important;
}
@media (min-width: 750px) {
  main[data-template="index"] .hero .hero__content-wrapper a.button,
  main[data-template="index"] .hero .hero__content-wrapper a.button-secondary {
    font-size: clamp(0.875rem, 1.35vw, 1rem) !important;
    padding-block: 0.68em !important;
    padding-inline: 1.4em !important;
    min-height: 2.5rem !important;
  }
}

/* Homepage hero: shorter height (heavily scaled down), no extra space at bottom; show upper part of image */
main[data-template="index"] .hero {
  --hero-min-height: 42svh !important;
  padding-bottom: 0 !important;
}
main[data-template="index"] .hero .hero__container {
  padding-block-end: 0 !important;
}
@media (min-width: 40em) {
  main[data-template="index"] .hero {
    --hero-min-height: 46svh !important;
  }
}
@media (min-width: 60em) {
  main[data-template="index"] .hero {
    --hero-min-height: 54svh !important;
  }
}
main[data-template="index"] .hero .hero__image,
main[data-template="index"] .hero .hero__video,
main[data-template="index"] .hero .hero__video-poster {
  object-position: center 27% !important;
}

main[data-template="index"] .shopify-section h2 {
  font-size: clamp(1.15rem, 2.8vw, 1.75rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
  line-height: 1.2;
}
main[data-template="index"] .shopify-section h3 {
  font-size: clamp(0.95rem, 2vw, 1.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
}
main[data-template="index"] .icon-features__heading .icon-features__title {
  font-size: clamp(1.6rem, 3.75vw, 2.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
}
main[data-template="index"] .icon-features__tile-title {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
}

/* Homepage warm cream — same as 30G tagline row (#f5f0e8), stats, BC health banner */
main[data-template="index"] {
  --easychicken-home-cream-bg: #f5f0e8;
}

/* Schema class section-bc-health-banner is on .shopify-section wrapper, not inner <section> */
/* Outer band: same homepage cream as benefits split (media/scrim hidden on index — see below). */
main[data-template="index"] .shopify-section.section-bc-health-banner {
  background-color: var(--easychicken-home-cream-bg, #f5f0e8);
}

main[data-template="index"] .shopify-section.section-bc-health-banner .health-authority-approval {
  /* Glass card tint = same cream as 30G / Protein tagline row (#f5f0e8) */
  --haa-card-bg: rgb(245 240 232 / 0.82);
}

main[data-template="index"] .shopify-section.section-bc-health-banner .health-authority-approval__main {
  background-color: var(--easychicken-home-cream-bg, #f5f0e8);
}

main[data-template="index"] .shopify-section.section-bc-health-banner .health-authority-approval__media,
main[data-template="index"] .shopify-section.section-bc-health-banner .health-authority-approval__scrim {
  display: none !important;
}

/* When Product showcase directly follows BC (no tagline strip), keep top flush; collection unchanged. */
main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-product-showcase .product-showcase.spacing-style {
  --padding-block-start: 0 !important;
}

main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-product-showcase .section.product-showcase {
  padding-block-start: 0 !important;
  padding-block-end: 1.5rem !important;
}

@media (min-width: 750px) {
  main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-product-showcase .section.product-showcase {
    padding-block-end: 2rem !important;
  }
}

/* Remove hairline border + drop shadow under glass card (they read as a divider on white) */
main[data-template="index"] .shopify-section.section-bc-health-banner .health-authority-approval__card {
  border-block-end: none !important;
  box-shadow: none !important;
}

main[data-template="index"] .shopify-section.section-bc-health-banner .health-authority-approval__content {
  padding-block-end: 0 !important;
}

/* Tagline flush under BC (full-bleed row had default margins) */
main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-product-showcase .product-showcase__header {
  margin-block-start: 0 !important;
}

main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-product-showcase .product-showcase__tagline-row {
  margin-block-start: 0 !important;
}

/* BC trust strip → tagline: modest white band (tunable via --bc-to-tagline-gap) */
main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-easychicken-product-tagline {
  --bc-to-tagline-gap: clamp(0.45rem, 1.6vw, 0.9rem);
  padding-block-start: var(--bc-to-tagline-gap) !important;
  background-color: #fff !important;
  box-sizing: border-box;
}

/* BC → benefits split: outer band = homepage cream (same base as Made in Canada / BC glass — #f5f0e8) */
main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-easychicken-benefits-split {
  --bc-to-tagline-gap: clamp(0.45rem, 1.6vw, 0.9rem);
  padding-block-start: var(--bc-to-tagline-gap) !important;
  background-color: var(--easychicken-home-cream-bg, #f5f0e8) !important;
  box-sizing: border-box;
  /* Global .shopify-section:not(:first-child) border-top reads as a hairline between BC strip and this section */
  border-top: none !important;
}

/* Match tagline cream so any subpixel seam isn’t a white hairline */
main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-product-showcase .section-background {
  background-color: #f5f0e8 !important;
}

/* Product tagline strip: full viewport-width color band (30G / Protein row) */
.shopify-section.section-easychicken-product-tagline {
  overflow-x: visible;
}

.shopify-section.section-easychicken-benefits-split {
  overflow-x: visible;
}

.shopify-section.section-easychicken-product-tagline .section-background {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  right: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  inset: unset !important;
  box-sizing: border-box;
}

.shopify-section.section-easychicken-benefits-split .section-background {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  right: auto !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  inset: unset !important;
  box-sizing: border-box;
}

/* Benefits split: full-bleed outer fill = warm cream (matches Made in Canada / BC strip area) */
.shopify-section.section-easychicken-benefits-split,
.shopify-section.section-easychicken-benefits-split .section-background {
  background-color: var(--easychicken-home-cream-bg, #f5f0e8) !important;
}

main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-easychicken-product-tagline .section-background {
  background-color: #f5f0e8 !important;
  top: var(--bc-to-tagline-gap, clamp(0.45rem, 1.6vw, 0.9rem)) !important;
  bottom: 0 !important;
}

main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-easychicken-benefits-split .section-background {
  background-color: var(--easychicken-home-cream-bg, #f5f0e8) !important;
  top: var(--bc-to-tagline-gap, clamp(0.45rem, 1.6vw, 0.9rem)) !important;
  bottom: 0 !important;
}

.shopify-section.section-easychicken-product-tagline .easychicken-product-tagline__inner {
  max-width: 100%;
  overflow: visible;
}

main[data-template="index"] .shopify-section:has(.stats-counters) .section-background {
  background-color: var(--easychicken-home-cream-bg) !important;
}

/* Home page: compact icon-features (30g Protein, etc.) */
main[data-template="index"] .icon-features.icon-features {
  --gap: 14px;
  padding-block-start: 16px !important;
}
main[data-template="index"] .icon-features .icon-features__grid {
  gap: var(--gap, 0.875rem) !important;
}
main[data-template="index"] .icon-features .icon-features__tile {
  padding: 0 0.75rem 0.5rem !important;
  gap: 0.375rem !important;
}
main[data-template="index"] .icon-features .icon-features__link {
  gap: 0.375rem !important;
}
main[data-template="index"] .icon-features .icon-features__tile-title {
  margin-top: -0.375rem !important;
  padding-top: 0 !important;
}
main[data-template="index"] .icon-features .icon-features__tile-title {
  font-size: 1.4375rem !important;
  letter-spacing: 0.06em !important;
  line-height: 1.25 !important;
}
/* 30G – seriously large, slightly rotated, gold */
main[data-template="index"] .icon-features .icon-features__tile-title-accent {
  display: inline-block;
  font-size: 4.5em !important;
  font-weight: 800 !important;
  color: #c9a227 !important;
  transform: rotate(-5deg);
  line-height: 1 !important;
  vertical-align: middle;
}
/* Second card: FAST and ZERO – super large, bold, light blue */
main[data-template="index"] .icon-features .icon-features__tile:nth-child(2) .icon-features__tile-title-accent--blue {
  font-size: 3.5em !important;
  font-weight: 800 !important;
  color: var(--color-primary) !important;
  transform: none;
}
/* Third card: CLEAN and REAL – large, bold, military green */
main[data-template="index"] .icon-features .icon-features__tile:nth-child(3) .icon-features__tile-title-accent--green {
  font-size: 2.5em !important;
  font-weight: 800 !important;
  color: #4a5d23 !important;
  transform: none;
}
/* Fourth card: TASTY – large, bold, amber */
main[data-template="index"] .icon-features .icon-features__tile:nth-child(4) .icon-features__tile-title-accent--amber {
  font-size: 2.5em !important;
  font-weight: 800 !important;
  color: #d97706 !important;
  transform: none;
}
main[data-template="index"] .icon-features .icon-features__tile-desc {
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}
main[data-template="index"] .icon-features .icon-features__icon {
  width: 1.75rem !important;
  height: 1.75rem !important;
  margin-top: -0.25rem !important;
}

main[data-template="index"] .stats_counters .stats_counters__heading,
main[data-template="index"] .testimonials .testimonials__heading {
  font-size: clamp(1.6rem, 3.75vw, 2.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
  font-family: var(--font-heading--family) !important;
}
main[data-template="index"] .testimonials .testimonials__grid {
  gap: 0.625rem !important;
  grid-template-columns: repeat(2, 1fr);
  max-width: 100%;
}
@media (min-width: 750px) {
  main[data-template="index"] .testimonials .testimonials__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.625rem !important;
  }
}
@media (min-width: 990px) {
  main[data-template="index"] .testimonials .testimonials__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.625rem !important;
  }
}
@media (min-width: 1200px) {
  main[data-template="index"] .testimonials .testimonials__grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: repeat(2, 1fr);
    gap: 0.5rem !important;
  }
}

/* Home page reviews: bold athletic card styling */
main[data-template="index"] #shopify-section-testimonials_home .testimonials {
  --review-card-radius: 14px;
  --review-card-bg: linear-gradient(
    180deg,
    rgb(255 255 255 / 0.10) 0%,
    rgb(255 255 255 / 0.06) 100%
  );
  --review-card-border: rgb(255 255 255 / 0.12);
  --review-card-border-hover: rgb(255 255 255 / 0.20);
  --review-card-shadow: 0 10px 30px rgb(0 0 0 / 0.35);
  --review-card-shadow-hover: 0 16px 44px rgb(0 0 0 / 0.45);
  --review-card-text: rgb(255 255 255 / 0.86);
  --review-card-muted: rgb(255 255 255 / 0.68);
}

main[data-template="index"] .testimonials .testimonials__card {
  position: relative;
  border: 1px solid var(--review-card-border) !important;
  background: var(--review-card-bg) !important;
  border-radius: var(--review-card-radius) !important;
  box-shadow: var(--review-card-shadow) !important;
  padding: 1.05rem 1rem !important;
  gap: 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  max-width: 100%;
  min-height: 200px !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
main[data-template="index"] .testimonials .testimonials__card::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  inset-block-start: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    color-mix(in srgb, var(--color-primary) 90%, #4ea5ff),
    color-mix(in srgb, var(--color-primary) 35%, #00d1ff)
  );
  opacity: 0.95;
}
main[data-template="index"] .testimonials .testimonials__card:hover {
  box-shadow: var(--review-card-shadow-hover) !important;
  border-color: var(--review-card-border-hover) !important;
  transform: translateY(-2px);
}
@media (min-width: 1200px) {
  main[data-template="index"] .testimonials .testimonials__card {
    min-height: 220px !important;
  }
}
main[data-template="index"] .testimonials .testimonials__author {
  font-family: var(--font-heading--family) !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  color: rgb(255 255 255 / 0.92) !important;
  opacity: 1 !important;
  font-style: normal !important;
  order: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
main[data-template="index"] .testimonials .testimonials__stars {
  order: 2;
  font-size: 0.9rem !important;
  letter-spacing: 0.14em !important;
}
main[data-template="index"] .testimonials .testimonials__star--filled {
  color: #d4a81a !important;
}
main[data-template="index"] .testimonials .testimonials__star:not(.testimonials__star--filled) {
  color: rgb(255 255 255 / 0.18) !important;
}
main[data-template="index"] .testimonials .testimonials__quote {
  order: 3;
  margin: 0 !important;
  font-style: normal !important;
  font-family: var(--font-body--family) !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
  font-weight: 450 !important;
  color: var(--review-card-text) !important;
  letter-spacing: 0.01em;
}
main[data-template="index"] .testimonials .testimonials__quote::before {
  content: '' !important;
  position: absolute;
  inset-block: 0.15em;
  inset-inline-start: -0.85rem;
  width: 4px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--color-primary) 90%, #4ea5ff),
    color-mix(in srgb, var(--color-primary) 35%, #00d1ff)
  ) !important;
  opacity: 0.95;
}
main[data-template="index"] .testimonials .testimonials__quote::after {
  content: none !important;
}
/* Home page: clients collage + testimonials – black background */
main[data-template="index"] #shopify-section-clients_collage,
main[data-template="index"] #shopify-section-clients_collage .section-background,
main[data-template="index"] #shopify-section-clients_collage .section,
main[data-template="index"] #shopify-section-clients_collage .clients-collage,
main[data-template="index"] #shopify-section-clients_collage .clients-collage__inner,
main[data-template="index"] #shopify-section-clients_collage .clients-collage__track,
main[data-template="index"] [id^="shopify-section-"][id*="clients_collage"],
main[data-template="index"] [id^="shopify-section-"][id*="clients_collage"] .section-background,
main[data-template="index"] [id^="shopify-section-"][id*="clients_collage"] .clients-collage,
main[data-template="index"] #shopify-section-testimonials_home,
main[data-template="index"] #shopify-section-testimonials_home .section-background,
main[data-template="index"] #shopify-section-testimonials_home .section,
main[data-template="index"] #shopify-section-testimonials_home .testimonials,
main[data-template="index"] #shopify-section-clients_collage + .shopify-section,
main[data-template="index"] #shopify-section-clients_collage + .shopify-section .section-background,
main[data-template="index"] #shopify-section-clients_collage + .shopify-section .section,
main[data-template="index"] #shopify-section-clients_collage + .shopify-section .testimonials {
  --color-background: rgb(0 0 0) !important;
  --color-background-rgb: 0, 0, 0 !important;
  background-color: #000 !important;
  background: #000 !important;
}
/* Remove divider/gap between client collage and reviews – tight spacing without cropping images */
main[data-template="index"] #shopify-section-clients_collage .clients-collage__inner {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
}
main[data-template="index"] #shopify-section-clients_collage .clients-collage,
main[data-template="index"] #shopify-section-clients_collage .section {
  padding-block-end: 0 !important;
}
main[data-template="index"] #shopify-section-clients_collage,
main[data-template="index"] [id^="shopify-section-"][id*="clients_collage"] {
  border-bottom: none !important;
  padding-block-start: 40px !important;
  padding-block-end: 40px !important;
}
/* Clients collage title – match other big headings */
.clients-collage__heading {
  text-align: center;
  margin-block-start: 3rem;
  margin-block-end: 2.5rem;
  padding-inline: 1.25rem;
}
.clients-collage__title {
  margin: 0 !important;
  font-family: var(--font-heading--family) !important;
  text-transform: uppercase;
  color: #ffffff !important;
  margin-inline: auto;
}
.clients-collage__title-prefix {
  display: block;
  font-size: clamp(0.9rem, 1.8vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.18em;
  opacity: 0.9;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}
.clients-collage__title-main {
  display: block;
  font-size: clamp(2.8rem, 7vw, 4.6rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.15;
  color: var(--color-primary) !important;
  text-shadow:
    0 0 2px rgb(0 0 0 / 0.55),
    0 4px 12px rgb(0 0 0 / 0.6);
  text-align: center;
  margin-inline: auto;
}
@media (max-width: 749px) {
  .clients-collage__heading {
    margin-block-start: 2.5rem;
    margin-block-end: 2.25rem;
  }
}

@media (min-width: 900px) {
  /* Desktop: keep gains heading centered */
  .clients-collage__heading {
    text-align: center;
  }

  .clients-collage__title,
  .clients-collage__title-main {
    text-align: center;
    margin-inline: auto;
  }
}
main[data-template="index"] #shopify-section-clients_collage + .shopify-section,
main[data-template="index"] #shopify-section-testimonials_home,
main[data-template="index"] [id^="shopify-section-"][id*="testimonials"] {
  border-top: none !important;
  margin-top: 0 !important;
}

/* Pull the testimonials section slightly closer under the collage on home */
main[data-template="index"] #shopify-section-clients_collage + .shopify-section {
  margin-top: -16px !important;
}
main[data-template="index"] #shopify-section-clients_collage + .shopify-section .testimonials,
main[data-template="index"] #shopify-section-clients_collage + .shopify-section .section,
main[data-template="index"] #shopify-section-testimonials_home .section,
main[data-template="index"] #shopify-section-testimonials_home .section-background {
  padding-block-start: 0 !important;
  border-top: none !important;
}
main[data-template="index"] .comparison-table__heading .comparison-table__title {
  font-size: clamp(1.6rem, 3.75vw, 2.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
}

/* ========== About page: bigger text, nicer headings, placeholders ========== */
#shopify-section-hero_about h1 {
  font-size: clamp(2.5rem, 6vw, 4.25rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.15;
}
/* About Our Story: crop team image (spacer + image + group = intro_about) */
@media (min-width: 750px) {
  .section-content-wrapper > .spacer-block + .image-block,
  .section-content-wrapper > .spacer-block + a.image-block,
  #shopify-section-intro_about .image-block,
  #shopify-section-intro_about .section-content-wrapper .image-block {
    height: 48vh !important;
    max-height: 48vh !important;
    min-height: 48vh !important;
    aspect-ratio: unset !important;
    overflow: hidden !important;
    display: block !important;
    position: relative !important;
  }
  .section-content-wrapper > .spacer-block + .image-block img,
  .section-content-wrapper > .spacer-block + a.image-block img,
  #shopify-section-intro_about .image-block img,
  #shopify-section-intro_about .section-content-wrapper img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
  }
}
/* About Passion: show full outdoors image (no crop) */
#shopify-section-passion_about .image-block,
#shopify-section-passion_about .section-content-wrapper .image-block {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: auto !important;
}
#shopify-section-passion_about .image-block img,
#shopify-section-passion_about .section-content-wrapper .image-block img,
#shopify-section-passion_about .image-block .image-block__image {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}
#shopify-section-intro_about h2,
#shopify-section-passion_about h2 {
  font-size: clamp(1.85rem, 4.5vw, 3rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 1rem;
}
#shopify-section-intro_about p,
#shopify-section-passion_about p {
  font-size: 1.125rem !important;
  line-height: 1.65;
}
@media (min-width: 750px) {
  #shopify-section-intro_about p,
  #shopify-section-passion_about p {
    font-size: 1.25rem !important;
  }
}
/* About Our Story: two columns for paragraphs on desktop */
@media (min-width: 750px) {
  #shopify-section-intro_about .text-block.rte,
  #shopify-section-intro_about rte-formatter.text-block {
    display: block !important;
    column-count: 2 !important;
    column-gap: 2.5rem !important;
    max-width: none !important;
  }
  #shopify-section-intro_about .text-block.rte h2,
  #shopify-section-intro_about rte-formatter.text-block h2 {
    column-span: all;
  }
}
@media (max-width: 749px) {
  #shopify-section-intro_about .text-block.rte,
  #shopify-section-intro_about rte-formatter.text-block {
    column-count: 1 !important;
  }
}
#shopify-section-icon_features_about .icon-features__title {
  font-size: clamp(1.6rem, 3.75vw, 2.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
}
/* Blue accent for the three About feature cards */
#shopify-section-icon_features_about .icon-features__tile {
  background-color: #e8f4fc;
  border-color: #90caf9;
}
#shopify-section-icon_features_about .icon-features__icon {
  color: #1565c0;
}
#shopify-section-icon_features_about .icon-features__tile-title {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  color: #1565c0;
}
#shopify-section-icon_features_about .icon-features__tile-desc {
  font-size: 1rem !important;
  line-height: 1.5;
}
@media (min-width: 750px) {
  #shopify-section-icon_features_about .icon-features__tile-desc {
    font-size: 1.0625rem !important;
  }
}
#shopify-section-main_about h1 {
  font-size: clamp(2rem, 4.5vw, 2.85rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}
#shopify-section-main_about .rte,
#shopify-section-main_about [class*="page-content"] {
  font-size: 1.125rem !important;
  line-height: 1.65;
}
@media (min-width: 750px) {
  #shopify-section-main_about .rte,
  #shopify-section-main_about [class*="page-content"] {
    font-size: 1.25rem !important;
  }
}
#shopify-section-testimonials_about .testimonials__heading,
#shopify-section-testimonials_about .testimonials__title {
  font-size: clamp(1.6rem, 3.75vw, 2.35rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
}
#shopify-section-testimonials_about .testimonials__quote {
  font-size: 1.125rem !important;
  line-height: 1.6;
}
@media (min-width: 750px) {
  #shopify-section-testimonials_about .testimonials__quote {
    font-size: 1.25rem !important;
  }
}

/* ========== Non-home pages: more variation (Story / FAQ / Contact) ========== */

/* Accent helpers (scoped so product pages aren’t touched) */
#shopify-section-intro_story h2,
#shopify-section-section_cta_story h3,
#shopify-section-section_email_story h2,
#shopify-section-section_faq h3,
#shopify-section-section_cta_faq h2,
#shopify-section-intro_contact h2,
#shopify-section-section_contact_faq h2,
#shopify-section-section_nonnegotiables_about h2 {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Primary “underline bar” under key headings */
#shopify-section-intro_story h2,
#shopify-section-section_faq h3,
#shopify-section-section_contact_faq h2,
#shopify-section-section_nonnegotiables_about h2 {
  display: inline-block;
  padding-bottom: 0.35rem;
  border-bottom: 3px solid color-mix(in srgb, var(--color-primary) 85%, transparent);
}

/* Light primary tint on selected text-heavy sections */
#shopify-section-intro_story .section,
#shopify-section-section_cta_faq .section,
#shopify-section-section_contact_faq .section,
#shopify-section-section_email_story .section,
#shopify-section-section_email_home .section {
  background: color-mix(in srgb, var(--color-primary) 6%, var(--color-background));
}

/* Contact page: keep Get in touch + form as one continuous section background */
main[data-template="page.contact"] #shopify-section-contact_cards .section-background,
main[data-template="page.contact"] #shopify-section-contact_cards .section,
main[data-template="page.contact"] #shopify-section-section .section-background,
main[data-template="page.contact"] #shopify-section-section .section {
  background: var(--color-background) !important;
}
main[data-template="page.contact"] #shopify-section-section {
  border-top: 0 !important;
}
main[data-template="page.contact"] #shopify-section-contact_cards .section {
  padding-block-start: 4rem;
  padding-block-end: 0 !important;
}
main[data-template="page.contact"] #shopify-section-section .section {
  padding-block-start: 0 !important;
  /* Center \"Get in touch\" content + social icons + form */
  align-items: center !important;
  text-align: center !important;
}
main[data-template="page.contact"] .social-icons__wrapper {
  justify-content: center !important;
  width: 100%;
  gap: 1.1rem !important;
}
main[data-template="page.contact"] .social-icons__icon-wrapper {
  height: 2.75rem !important;
}
main[data-template="page.contact"] .social-icons__icon,
main[data-template="page.contact"] .social-icons__icon-wrapper:has(.social-icons__icon path) {
  width: 2.75rem !important;
  height: 2.75rem !important;
}
#shopify-section-contact_cards .icon-features__heading {
  text-align: center;
  margin-block-end: 2.5rem;
  max-width: 36ch;
  margin-inline: auto;
}
#shopify-section-contact_cards .icon-features__title {
  margin: 0;
  font-size: clamp(1.85rem, 4.5vw, 2.85rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #1a1d21 !important;
  position: relative;
  display: inline-block;
}
#shopify-section-contact_cards .icon-features__title::after {
  content: '';
  display: block;
  width: 4rem;
  height: 5px;
  margin-block-start: 0.65rem;
  margin-inline: auto;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
  border-radius: 3px;
}
#shopify-section-contact_cards .icon-features__grid {
  max-width: 48rem;
  margin-inline: auto;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.75rem;
}
#shopify-section-contact_cards .icon-features__tile {
  padding: 2.25rem 2rem;
  text-align: left;
  align-items: flex-start;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: var(--style-border-radius-sm, 0.5rem);
  box-shadow: 0 2px 12px rgb(0 0 0 / 0.06);
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}
#shopify-section-contact_cards .icon-features__icon {
  margin-inline: 0;
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
  color: var(--color-primary) !important;
}
#shopify-section-contact_cards .icon-features__icon svg {
  width: 100%;
  height: 100%;
}
#shopify-section-contact_cards .icon-features__tile-title {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-block-end: 0.35rem;
  color: var(--color-primary) !important;
}
#shopify-section-contact_cards .icon-features__tile-desc {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #334155 !important;
  word-break: break-word;
}
#shopify-section-contact_cards .icon-features__link {
  color: inherit;
}
#shopify-section-contact_cards .icon-features__tile:hover {
  background: #ffffff !important;
  border-color: color-mix(in srgb, var(--color-primary) 45%, #e2e8f0) !important;
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgb(0 0 0 / 0.1);
}
#shopify-section-contact_cards .icon-features__tile:hover .icon-features__icon {
  background: color-mix(in srgb, var(--color-primary) 22%, transparent);
}
@media (max-width: 549px) {
  #shopify-section-contact_cards .icon-features__grid {
    grid-template-columns: 1fr !important;
  }
  #shopify-section-contact_cards .icon-features__title {
    letter-spacing: 0.05em;
  }
  #shopify-section-contact_cards .icon-features__tile {
    padding: 1.75rem 1.5rem;
  }
}

/* ========== Affiliate + Collabs application pages (page.affiliate, page.collabs) ========== */
main.content-for-layout[data-template="page.affiliate"],
main.content-for-layout[data-template="page.collabs"] {
  --affiliate-card-max: 720px;
}

/* Hero: tuck under header, stronger type */
#shopify-section-hero_affiliate,
main[data-template="page.affiliate"] .hero,
main[data-template="page.collabs"] .hero {
  margin-top: -48px !important;
}

main[data-template="page.affiliate"] .hero .text-block h1,
main[data-template="page.collabs"] .hero .text-block h1 {
  font-size: clamp(2.35rem, 6.5vw, 3.75rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.08 !important;
  text-wrap: balance;
  text-shadow: 0 2px 28px rgb(0 0 0 / 0.45);
}

main[data-template="page.affiliate"] .hero .text-block p,
main[data-template="page.collabs"] .hero .text-block p {
  text-shadow: 0 1px 16px rgb(0 0 0 / 0.35);
  max-width: 38rem;
  margin-inline: auto;
}

main[data-template="page.affiliate"] .hero .text-block p:has(strong),
main[data-template="page.collabs"] .hero .text-block p:has(strong) {
  font-size: clamp(0.98rem, 2.2vw, 1.15rem) !important;
  line-height: 1.55 !important;
  opacity: 0.96;
}

/* Benefits: heading + card grid */
main[data-template="page.affiliate"] .section.icon-features .icon-features__heading,
main[data-template="page.collabs"] .section.icon-features .icon-features__heading {
  margin-block-end: 2rem;
}

main[data-template="page.affiliate"] .section.icon-features .icon-features__title,
main[data-template="page.collabs"] .section.icon-features .icon-features__title {
  font-size: clamp(1.65rem, 4vw, 2.35rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

main[data-template="page.affiliate"] .section.icon-features .icon-features__grid,
main[data-template="page.collabs"] .section.icon-features .icon-features__grid {
  gap: 1rem 1.25rem !important;
}

@media screen and (min-width: 750px) {
  main[data-template="page.affiliate"] .section.icon-features .icon-features__grid,
  main[data-template="page.collabs"] .section.icon-features .icon-features__grid {
    gap: 1.25rem !important;
  }
}

main[data-template="page.affiliate"] .section.icon-features .icon-features__tile,
main[data-template="page.collabs"] .section.icon-features .icon-features__tile {
  background: #fff !important;
  border-radius: 16px !important;
  border: 1px solid rgb(0 0 0 / 0.08) !important;
  box-shadow: 0 14px 36px rgb(0 0 0 / 0.07) !important;
  padding: 1.35rem 1.15rem !important;
  text-align: center !important;
  align-items: center !important;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}

main[data-template="page.affiliate"] .section.icon-features .icon-features__tile:hover,
main[data-template="page.collabs"] .section.icon-features .icon-features__tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 48px rgb(0 0 0 / 0.1) !important;
  border-color: color-mix(in srgb, var(--color-primary) 35%, rgb(0 0 0 / 0.08)) !important;
}

main[data-template="page.affiliate"] .section.icon-features .icon-features__tile-title,
main[data-template="page.collabs"] .section.icon-features .icon-features__tile-title {
  font-size: 0.95rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

main[data-template="page.affiliate"] .section.icon-features .icon-features__tile-desc,
main[data-template="page.collabs"] .section.icon-features .icon-features__tile-desc {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  opacity: 0.88;
  max-width: 28ch;
  margin-inline: auto;
}

main[data-template="page.affiliate"] .section.icon-features .icon-features__icon,
main[data-template="page.collabs"] .section.icon-features .icon-features__icon {
  width: 2.75rem !important;
  height: 2.75rem !important;
}

/* “How it works” — full card on affiliate; top of split card on Collabs (form continues below) */
main[data-template="page.affiliate"] .section-wrapper:has([data-testid="section-content"]) .section-background,
main[data-template="page.collabs"] .section-wrapper:has([data-testid="section-content"]) .section-background {
  background: transparent !important;
}

main[data-template="page.affiliate"] [data-testid="section-content"] {
  max-width: var(--affiliate-card-max) !important;
  margin-inline: auto !important;
  background: #fff !important;
  border-radius: 20px !important;
  border: 1px solid rgb(0 0 0 / 0.09) !important;
  box-shadow: 0 16px 48px rgb(0 0 0 / 0.08) !important;
  padding-block: 2.5rem 2.25rem !important;
  padding-inline: clamp(1.1rem, 4vw, 2rem) !important;
}

main[data-template="page.collabs"] [data-testid="section-content"] {
  max-width: var(--affiliate-card-max) !important;
  margin-inline: auto !important;
  background: #fff !important;
  border-radius: 20px 20px 0 0 !important;
  border: 1px solid rgb(0 0 0 / 0.09) !important;
  border-bottom: none !important;
  box-shadow: 0 -8px 40px rgb(0 0 0 / 0.06) !important;
  padding-block: 2.5rem 1.75rem !important;
  padding-inline: clamp(1.1rem, 4vw, 2rem) !important;
}

main[data-template="page.collabs"] .section-wrapper:has([data-testid^="apps-section"]) .section-background {
  background: transparent !important;
}

main[data-template="page.collabs"] [data-testid^="apps-section"] .page-width {
  max-width: var(--affiliate-card-max) !important;
  margin-inline: auto !important;
  background: #fff !important;
  border-radius: 0 0 20px 20px !important;
  border: 1px solid rgb(0 0 0 / 0.09) !important;
  border-top: 1px dashed rgb(0 0 0 / 0.12) !important;
  padding-block: 0 2.75rem !important;
  padding-inline: clamp(1.1rem, 4vw, 2rem) !important;
  box-shadow: 0 24px 56px rgb(0 0 0 / 0.09) !important;
}

main[data-template="page.collabs"] [data-testid^="apps-section"] {
  padding-block-end: 3.5rem !important;
}

/* How it works heading */
main[data-template="page.affiliate"] [data-testid="section-content"] .text-block h2,
main[data-template="page.collabs"] [data-testid="section-content"] .text-block h2 {
  font-size: clamp(1.5rem, 3.5vw, 2rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  margin-block: 0 1.25rem !important;
}

/* Numbered steps — RTE allows plain <ol>/<li> only; numbers via CSS counter */
main[data-template="page.affiliate"] [data-testid="section-content"] ol,
main[data-template="page.collabs"] [data-testid="section-content"] ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: affiliate-step;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  text-align: left;
}

main[data-template="page.affiliate"] [data-testid="section-content"] ol li,
main[data-template="page.collabs"] [data-testid="section-content"] ol li {
  counter-increment: affiliate-step;
  position: relative;
  padding: 1rem 1.1rem 1rem 3.55rem;
  background: rgb(0 0 0 / 0.03);
  border-radius: 14px;
  border: 1px solid rgb(0 0 0 / 0.06);
  font-size: 0.94rem !important;
  line-height: 1.55 !important;
}

main[data-template="page.affiliate"] [data-testid="section-content"] ol li::before,
main[data-template="page.collabs"] [data-testid="section-content"] ol li::before {
  content: counter(affiliate-step);
  position: absolute;
  left: 1.1rem;
  top: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 2.5rem;
  text-align: center;
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 14%, transparent);
}

@media (max-width: 749px) {
  main[data-template="page.affiliate"] .section.icon-features .icon-features__tile,
  main[data-template="page.collabs"] .section.icon-features .icon-features__tile {
    padding: 1.1rem 0.9rem !important;
  }
}

/* Optional offset when legacy custom affiliate signup form is present */
@media (min-width: 750px) {
  .shopify-section:has(.affiliate-signup) .section-content-wrapper {
    margin-inline-start: 20% !important;
    margin-inline-end: 0 !important;
  }
}

/* ========== Hero (Story + FAQ): make titles big like About/Home ========== */
#shopify-section-hero_story .text-block > *,
#shopify-section-hero_faq .text-block > * {
  font-size: clamp(2.5rem, 6vw, 4.25rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  line-height: 1.15;
}
@media (min-width: 750px) {
  #shopify-section-hero_story .text-block > *,
  #shopify-section-hero_faq .text-block > * {
    font-size: clamp(3rem, 7vw, 4.75rem) !important;
  }
}

/* ========== Readability: nicer paragraphs, max width, spacing ========== */
#shopify-section-intro_story .text-block,
#shopify-section-section_cta_story .text-block,
#shopify-section-section_email_story .text-block,
#shopify-section-main_story .rte,
#shopify-section-section_faq .text-block,
#shopify-section-section_cta_faq .text-block,
#shopify-section-intro_contact .text-block,
#shopify-section-section_contact_faq .text-block,
#shopify-section-main_about .rte,
#shopify-section-intro_about .text-block,
#shopify-section-passion_about .text-block {
  max-width: 68ch;
}

#shopify-section-intro_story p,
#shopify-section-section_cta_story p,
#shopify-section-section_email_story p,
#shopify-section-section_faq p,
#shopify-section-section_cta_faq p,
#shopify-section-intro_contact p,
#shopify-section-section_contact_faq p {
  font-size: 1.125rem !important;
  line-height: 1.65;
}
@media (min-width: 750px) {
  #shopify-section-intro_story p,
  #shopify-section-section_cta_story p,
  #shopify-section-section_email_story p,
  #shopify-section-section_faq p,
  #shopify-section-section_cta_faq p,
  #shopify-section-intro_contact p,
  #shopify-section-section_contact_faq p {
    font-size: 1.25rem !important;
  }
}

#shopify-section-intro_story .rte p + p,
#shopify-section-section_faq .rte p + p,
#shopify-section-intro_contact .rte p + p,
#shopify-section-section_contact_faq .rte p + p,
#shopify-section-main_story .rte p + p {
  margin-top: 1.15em;
}

/* Lead paragraph: first line gets a little accent */
#shopify-section-intro_story .rte p:first-of-type,
#shopify-section-section_faq .rte p:first-of-type,
#shopify-section-intro_contact .rte p:first-of-type {
  color: color-mix(in srgb, var(--color-primary) 22%, var(--color-foreground));
  font-weight: 600;
}

/* Centered sections: center the text block itself */
#shopify-section-section_cta_faq .text-block,
#shopify-section-section_cta_story .text-block,
#shopify-section-section_email_story .text-block,
#shopify-section-section_email_home .text-block,
#shopify-section-section_contact_faq .text-block {
  margin-inline: auto;
}

/* ========== Accordions: less “plain”, more branded ========== */
#shopify-section-section_faq .accordion .details__header,
#shopify-section-section_contact_faq .accordion .details__header,
#shopify-section-section_nonnegotiables_about .accordion .details__header {
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

#shopify-section-section_faq .accordion .details__header:hover,
#shopify-section-section_contact_faq .accordion .details__header:hover,
#shopify-section-section_nonnegotiables_about .accordion .details__header:hover {
  color: var(--color-primary);
}

#shopify-section-section_faq accordion-custom[open] .details,
#shopify-section-section_contact_faq accordion-custom[open] .details,
#shopify-section-section_nonnegotiables_about accordion-custom[open] .details {
  border-inline-start: 3px solid color-mix(in srgb, var(--color-primary) 70%, transparent);
  padding-inline-start: 0.75rem;
}

/* ========== Icon features: add some color variation on hover ========== */
.icon-features__tile:hover {
  background: color-mix(in srgb, var(--color-primary) 8%, transparent);
}

/* Home page: blue highlight only on hover, no fill change */
main[data-template="index"] .icon-features .icon-features__tile:hover {
  background: transparent !important;
  border-color: var(--color-primary) !important;
}
main[data-template="index"] .icon-features .icon-features__tile:hover .icon-features__tile-title,
main[data-template="index"] .icon-features .icon-features__tile:hover .icon-features__icon {
  color: var(--color-primary) !important;
}

/* ========== Testimonials: quote bar so it doesn’t look flat ========== */
.testimonials__quote {
  position: relative;
}
.testimonials__quote::before {
  content: '';
  position: absolute;
  inset-block: 0.15em;
  inset-inline-start: -0.85rem;
  width: 4px;
  background: var(--color-primary);
  opacity: 0.85;
}

/* ========== Images: simple frame + depth (hero + content images) ========== */
#shopify-section-hero_story img,
#shopify-section-hero_faq img,
#shopify-section-hero_about img,
main[data-template="index"] .hero img,
#shopify-section-section_email_story img,
#shopify-section-section_contact_faq img {
  border-radius: 0 !important;
  box-shadow: 0 6px 28px rgb(0 0 0 / 0.14);
  outline: 1px solid color-mix(in srgb, var(--color-border) 60%, transparent);
  outline-offset: -1px;
}

/* ========== Home page: product showcase – nicer cards ========== */
main[data-template="index"] .section-resource-list {
  --resource-list-column-gap-desktop: 14px;
  --resource-list-row-gap-desktop: 14px;
  padding-block-start: 1.25rem;
  padding-block-end: 1.25rem;
  padding-inline: 0.5rem;
  overflow: visible;
}
main[data-template="index"] .section-resource-list .section-resource-list__content {
  overflow: visible;
}
main[data-template="index"] .section-resource-list .resource-list--grid {
  overflow: visible;
}
/* Slight outer margin on each card so hover lift/scale doesn’t go out of the window */
main[data-template="index"] .section-resource-list .resource-list__item {
  margin: 0.25rem;
}
@media (min-width: 750px) {
  main[data-template="index"] .section-resource-list {
    padding-block-start: 1.5rem;
    padding-block-end: 1.5rem;
    padding-inline: 0.75rem;
  }
}

main[data-template="index"] .section-resource-list__header .text-block h2,
main[data-template="index"] .section-resource-list__header .text-block .h2,
main[data-template="index"] .section-resource-list__header h2 {
  font-size: clamp(1rem, 2.25vw, 1.4rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

main[data-template="index"] .resource-list__item,
main[data-template="index"] .section-resource-list .resource-list__item {
  padding: 0;
  box-sizing: border-box;
}

main[data-template="index"] .section-resource-list .product-card__content,
main[data-template="index"] .section-resource-list .product-card .product-grid__card {
  background: var(--color-background);
  border: 2px solid color-mix(in srgb, var(--color-border) 50%, transparent);
  box-shadow: 0 4px 20px rgb(0 0 0 / 0.08);
  padding: 1.25rem !important;
  transition:
    box-shadow 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
    border-width 0.3s ease,
    border-color 0.3s ease,
    transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Resting blue border for Curry, Teriyaki, Variety cards (first three home products) */
main[data-template="index"] .section-resource-list .resource-list__item:nth-child(-n+3) .product-card__content,
main[data-template="index"] .section-resource-list .resource-list__item:nth-child(-n+3) .product-grid__card {
  border-color: var(--color-primary);
}

main[data-template="index"] .section-resource-list product-card-link:hover .product-card__content,
main[data-template="index"] .section-resource-list .product-card:hover .product-card__content,
main[data-template="index"] .section-resource-list product-card-link:hover .product-grid__card,
main[data-template="index"] .section-resource-list .product-card:hover .product-grid__card {
  border-width: 3px;
  border-color: var(--color-primary);
  box-shadow:
    0 20px 50px rgb(0 0 0 / 0.18),
    0 0 0 1px color-mix(in srgb, var(--color-primary) 25%, transparent),
    0 0 28px -6px color-mix(in srgb, var(--color-primary) 35%, transparent);
  transform: translateY(-10px) scale(1.02);
}

/* No zoom on hover – override theme’s subtle-zoom for home product images */
main[data-template="index"] .section-resource-list .card-gallery,
main[data-template="index"] .section-resource-list .product-card__image,
main[data-template="index"] .section-resource-list product-card-link:hover .card-gallery,
main[data-template="index"] .section-resource-list .product-card:hover .card-gallery {
  transform: none !important;
}

/* Hide overlay quick-add on home product list – we use a clear inline Quick buy instead */
main[data-template="index"] .section-resource-list .quick-add {
  display: none !important;
}

/* White padding around image + contain so it’s not cropped/zoomed */
main[data-template="index"] .section-resource-list .card-gallery {
  padding: 0.5rem;
  background: var(--color-background);
  border-radius: 0;
  overflow: hidden;
}

main[data-template="index"] .section-resource-list .card-gallery img {
  box-shadow: 0 2px 12px rgb(0 0 0 / 0.06);
  object-fit: contain !important;
  object-position: center;
  width: 100%;
  height: 100%;
}

/* Product card title area – layout and base typography */
main[data-template="index"] .section-resource-list .product-card :is(h3, h4, .h4),
main[data-template="index"] .section-resource-list .product-card .product-card__title,
main[data-template="index"] .section-resource-list product-card-link :is(h3, h4, .h4),
main[data-template="index"] .section-resource-list .product-card .text-block,
main[data-template="index"] .section-resource-list product-card-link .text-block {
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1rem, 2vw, 1.2rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
  line-height: 1.3;
}

/* Flashy first word (CURRY, TERIYAKI, VARIETY) – large and bold like the card art */
main[data-template="index"] .section-resource-list .product-card__title-flavor {
  display: block;
  font-size: clamp(3rem, 7vw, 4.2rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  line-height: 1.05;
  color: var(--color-primary);
  text-shadow:
    0 0 2px rgb(0 0 0 / 0.75),
    0 4px 10px rgb(0 0 0 / 0.65);
  text-transform: uppercase;
  transform-origin: left center;
  transition:
    color 0.2s ease,
    transform 0.2s ease,
    text-shadow 0.25s ease;
}

main[data-template="index"] .section-resource-list product-card-link:hover .product-card__title-flavor,
main[data-template="index"] .section-resource-list .product-card:hover .product-card__title-flavor {
  color: var(--color-primary);
  text-shadow:
    0 0 3px rgb(0 0 0 / 0.85),
    0 6px 16px rgb(0 0 0 / 0.8);
  transform: translateY(-1px) scale(1.03) rotate(-1.5deg);
}

/* Second line (e.g. “10 UNITS PACKAGE”) sits under the big flavor word */
main[data-template="index"] .section-resource-list .product-card__title-detail {
  display: block;
  margin-top: 0.15rem;
  font-size: clamp(0.85rem, 1.8vw, 1.05rem) !important;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-foreground);
  text-shadow: 0 1px 3px rgb(0 0 0 / 0.35);
}

/* Extra breathing room between pack text and price */
main[data-template="index"] .section-resource-list .product-card .price,
main[data-template="index"] .section-resource-list .product-card .price__regular,
main[data-template="index"] .section-resource-list product-card-link .price {
  margin-top: 0.65rem;
  font-size: 0.9rem !important;
  font-weight: 500;
}

/* Quick buy directly under the price, aligned to the right of the card content */
main[data-template="index"] .section-resource-list .product-card__quick-buy {
  margin-top: 0.75rem;
  display: flex;
  justify-content: flex-end;
}

main[data-template="index"] .section-resource-list .product-card__quick-buy-button {
  min-width: 10.5rem;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ========== Product page – images shown properly, consistent, no cut, text not cut off ========== */

/* Prevent sticky nav from covering product title when scrolled to top */
main[data-template="product"] {
  padding-top: var(--header-height, 80px);
}

/* Main product gallery: single column so all images same width, consistent aspect */
main[data-template="product"] .product-information__media {
  max-width: min(90vw, 480px);
  margin-inline: auto;
}

main[data-template="product"] .product-information__media media-gallery {
  width: 100%;
  max-width: 100%;
}

/* One column layout so every image has the same width (no mixed sizes) */
main[data-template="product"] .product-information__media .media-gallery__grid {
  grid-template-columns: 1fr !important;
  display: grid !important;
}

main[data-template="product"] .product-information__media .product-media-container:first-child {
  grid-column: span 1 !important;
}

/* Consistent square box for every image – full image visible, no cropping */
main[data-template="product"] .product-information__media .product-media-container {
  --gallery-aspect-ratio: 1 !important;
  aspect-ratio: 1 !important;
  overflow: hidden;
  width: 100%;
}

main[data-template="product"] .product-information__media .product-media-container img {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Slideshow (carousel) view: same treatment */
main[data-template="product"] .product-information__media slideshow-slide.product-media-container {
  --gallery-aspect-ratio: 1 !important;
  aspect-ratio: 1 !important;
}

main[data-template="product"] .product-information__media slideshow-slide.product-media-container img {
  object-fit: contain !important;
  object-position: center !important;
}

/* Hide zoom button (backup if zoom re-enabled in theme editor) */
main[data-template="product"] .product-media-container__zoom-button {
  display: none !important;
}

/* Product details – normal typography, text never cut off */
main[data-template="product"] .product-details .group-block,
main[data-template="product"] .product-information__grid .product-details {
  max-width: 100%;
  overflow: visible;
}

main[data-template="product"] .product-details .group-block *,
main[data-template="product"] .product-details .rte,
main[data-template="product"] .product-details .text-block,
main[data-template="product"] .product-details [class*="text-block"] {
  overflow: visible !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

main[data-template="product"] .product-details h1,
main[data-template="product"] .product-details .heading--display {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem) !important;
  line-height: 1.25;
  font-weight: 700;
}

main[data-template="product"] .product-details .rte,
main[data-template="product"] .product-details .text-block,
main[data-template="product"] .product-details [class*="text"] {
  font-size: 1rem !important;
  line-height: 1.5;
}

main[data-template="product"] .product-details .price {
  font-size: 1.125rem !important;
}

/* ========== Product page – “You may also like” / recommendations: same size, full image visible ========== */
main[data-template="product"] .product-recommendations .section-resource-list .card-gallery {
  --gallery-aspect-ratio: 1 !important;
  aspect-ratio: 1 !important;
  padding: 1rem;
  background: var(--color-background);
  border-radius: 0;
  overflow: hidden;
}

main[data-template="product"] .product-recommendations .section-resource-list .product-card__image {
  aspect-ratio: 1 !important;
  padding: 1rem;
  background: var(--color-background);
  overflow: hidden;
}

main[data-template="product"] .product-recommendations .section-resource-list .card-gallery img,
main[data-template="product"] .product-recommendations .section-resource-list .product-card__image img,
main[data-template="product"] .product-recommendations .section-resource-list .card-gallery .product-media-container img {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}

main[data-template="product"] .product-recommendations .section-resource-list .card-gallery,
main[data-template="product"] .product-recommendations .section-resource-list product-card-link:hover .card-gallery,
main[data-template="product"] .product-recommendations .section-resource-list .product-card:hover .card-gallery {
  transform: none !important;
}

/* ========== Cart page – orient layout and fix alignment ========== */
main[data-template="cart"] .cart-page {
  max-width: var(--page-width, 1200px);
  margin-inline: auto;
  padding-inline: var(--padding-lg);
  gap: var(--padding-2xl) var(--padding-3xl);
}

main[data-template="cart"] .cart-page__title {
  grid-column: 1 / -1;
  margin-bottom: 0.25rem;
}

main[data-template="cart"] .cart-page__items {
  min-width: 0;
}

@media screen and (min-width: 750px) {
  main[data-template="cart"] .cart-page {
    grid-template-rows: auto 1fr;
    align-items: start;
  }

  main[data-template="cart"] .cart-page__summary {
    position: sticky;
    top: calc(var(--header-height, 80px) + var(--padding-lg));
  }
}

/* ========== Collection (Chicken) page – no header, no zoom, better grid, color themes ========== */
main[data-template="collection"] {
  padding-top: var(--header-height, 80px);
  overflow: visible;
}

main[data-template="collection"] .main-collection-grid__title {
  display: none;
}

main[data-template="collection"] .product-grid-container {
  padding-block-start: var(--padding-2xl, 2rem);
  padding-block-end: var(--padding-3xl, 2.5rem);
  padding-inline: var(--padding-lg, 1.5rem);
  max-width: var(--page-width, 1200px);
  margin-inline: auto;
  overflow: visible;
}

main[data-template="collection"] .collection-wrapper {
  gap: var(--padding-xl, 1.5rem) var(--padding-lg, 1.5rem);
  overflow: visible;
}

main[data-template="collection"] .main-collection-grid,
main[data-template="collection"] [product-grid-view] {
  gap: var(--padding-xl, 1.5rem);
  overflow: visible;
}

main[data-template="collection"] .product-grid__item {
  min-width: 0;
  overflow: visible;
}

/* No zoom on collection product cards – override theme hover zoom */
main[data-template="collection"] .card-gallery,
main[data-template="collection"] .product-card__image,
main[data-template="collection"] product-card-link:hover .card-gallery,
main[data-template="collection"] .product-card:hover .card-gallery,
main[data-template="collection"] product-card-link:hover .product-card__image,
main[data-template="collection"] .product-card:hover .product-card__image {
  transform: none !important;
}

main[data-template="collection"] .product-grid__card,
main[data-template="collection"] product-card-link .product-grid__card {
  border: 1px solid color-mix(in srgb, var(--color-border) 60%, transparent);
  border-radius: 0;
  overflow: visible;
  transition: box-shadow 0.3s ease-out, border-color 0.3s ease-out, transform 0.3s ease-out;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

main[data-template="collection"] .card-gallery {
  flex-shrink: 0;
}

main[data-template="collection"] .product-card__content .group-block,
main[data-template="collection"] .product-card [class*="_product-card-group"] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

main[data-template="collection"] .product-card__content {
  flex: 1 1 auto;
  min-height: 0;
}

/* Chicken menu – product card hover: lift, shadow, and theme glow */
main[data-template="collection"] .product-card,
main[data-template="collection"] product-card-link {
  transition: transform 0.3s ease-out;
}

main[data-template="collection"] .product-card:hover,
main[data-template="collection"] product-card-link:hover .product-card {
  transform: translateY(-8px) !important;
}

main[data-template="collection"] product-card-link:hover .product-grid__card,
main[data-template="collection"] .product-card:hover .product-grid__card {
  box-shadow:
    0 16px 48px rgb(0 0 0 / 0.14),
    0 0 0 1px color-mix(in srgb, var(--color-primary) 25%, transparent),
    0 0 24px -4px color-mix(in srgb, var(--color-primary) 28%, transparent);
  border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border));
}

/* Subtle image brighten on hover – keeps focus on the product */
main[data-template="collection"] .card-gallery img {
  transition: filter 0.3s ease-out, box-shadow 0.3s ease-out;
}
main[data-template="collection"] product-card-link:hover .card-gallery img,
main[data-template="collection"] .product-card:hover .card-gallery img {
  filter: brightness(1.04);
  box-shadow: 0 4px 20px rgb(0 0 0 / 0.08);
}

/* Title gets a subtle primary tint on hover – on theme */
main[data-template="collection"] .product-card :is(h3, h4, .h4),
main[data-template="collection"] .product-card .product-card__title,
main[data-template="collection"] product-card-link :is(h3, h4, .h4) {
  transition: color 0.25s ease-out;
}
main[data-template="collection"] product-card-link:hover .product-card :is(h3, h4, .h4),
main[data-template="collection"] product-card-link:hover .product-card .product-card__title,
main[data-template="collection"] .product-card:hover :is(h3, h4, .h4),
main[data-template="collection"] .product-card:hover .product-card__title {
  color: color-mix(in srgb, var(--color-primary) 18%, var(--color-foreground)) !important;
}

/* Image: contain, no crop/zoom, padding using color theme */
main[data-template="collection"] .card-gallery {
  padding: 1rem;
  background: var(--color-background);
  overflow: hidden;
  aspect-ratio: 1;
  border-block-end: 1px solid color-mix(in srgb, var(--color-border) 40%, transparent);
}

main[data-template="collection"] .card-gallery img {
  object-fit: contain !important;
  object-position: center;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 12px rgb(0 0 0 / 0.06);
}

/* Card content – title and price using theme typography */
main[data-template="collection"] .product-card :is(h3, h4, .h4),
main[data-template="collection"] .product-card .product-card__title,
main[data-template="collection"] product-card-link :is(h3, h4, .h4) {
  font-family: 'Oswald', sans-serif !important;
  font-size: clamp(1.05rem, 2vw, 1.3rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
  line-height: 1.25;
}

main[data-template="collection"] .product-card .price,
main[data-template="collection"] .product-card .price__regular,
main[data-template="collection"] product-card-link .price {
  font-size: 1rem !important;
  font-weight: 600;
}

/* Card selling points – one line: 30g protein, no BPAs, convenience */
main[data-template="collection"] .product-card [class*="text_yYkK7E"] p {
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  color: color-mix(in srgb, var(--color-primary) 25%, var(--color-foreground)) !important;
  margin: 0 0 0.25em !important;
  -webkit-line-clamp: 1 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  word-wrap: break-word;
}

main[data-template="collection"] .product-card__description:empty,
main[data-template="collection"] .product-card .group-block p:empty {
  display: none;
}

/* Filters bar – spacing and theme so top row isn’t cramped */
main[data-template="collection"] .facets-block-wrapper,
main[data-template="collection"] .product-grid-container .section-background {
  padding-block-start: var(--padding-md, 1rem);
}

main[data-template="collection"] .product-grid {
  margin-block-start: var(--padding-md, 1rem);
}

/* ========== Product Showcase (Impeccable-style) ========== */
/* Tighter vertical padding for shorter section height */
.section.product-showcase {
  padding-block: 1.5rem;
}
@media (min-width: 750px) {
  .section.product-showcase {
    padding-block: 2rem;
  }
}

.product-showcase__inner {
  max-width: var(--page-width, 1200px);
  margin-inline: auto;
  padding-inline: 2rem;
}
@media (min-width: 750px) {
  .product-showcase__inner {
    padding-inline: 4rem;
  }
}
@media (min-width: 990px) {
  .product-showcase__inner {
    padding-inline: 5rem;
  }
}

.product-showcase__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-block-end: 1.25rem;
  width: 100%;
}

.product-showcase__promo-marquee {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #111;
  color: #fff;
  border-radius: 0;
  overflow: hidden;
  overflow-x: clip;
  line-height: 1;
}

@media (min-width: 750px) {
  main[data-template="index"] .section-product-showcase .product-showcase__promo-marquee,
  main[data-template="index"] .shopify-section.section-bc-health-banner .product-showcase__promo-marquee {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
}

.product-showcase__promo-track {
  display: flex;
  align-items: center;
  width: max-content;
  white-space: nowrap;
  animation: product-showcase-marquee 28s linear infinite;
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1;
  padding: 0;
  min-height: 24px;
  will-change: transform;
}

.product-showcase__promo-track span {
  display: inline-block;
  line-height: 1;
  padding-inline: 3rem;
}

@keyframes product-showcase-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Home page: breathing room above product selection (theme padding was overridden — was 0) */
main[data-template="index"] .section-product-showcase .product-showcase {
  padding-block-start: clamp(2.5rem, 6vw, 4rem) !important;
}

main[data-template="index"] .section-product-showcase .product-showcase__header {
  margin-block-end: 0.9rem;
}

.product-showcase__title {
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  color: var(--color-primary);
}

/* Tagline row: match CTA pill theme */
.product-showcase__tagline-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.9rem 1.15rem;
  margin: 0 auto 1rem;
  background: #f5f0e8;
  border: none;
  border-radius: 999px;
  padding: 0.9rem 1.2rem;
  max-width: 80rem;
  width: 100%;
}

.product-showcase__tagline-cell {
  flex: 1 1 0;
  min-width: 120px;
  padding: 0.2rem 0.45rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.25rem;
}

.product-showcase__tagline-main,
.product-showcase__tagline-sub {
  text-align: center;
  width: 100%;
}

/* Tagline cells: no rotation */
.product-showcase__tagline-cell--1,
.product-showcase__tagline-cell--2,
.product-showcase__tagline-cell--3,
.product-showcase__tagline-cell--4 { transform: none; }

.product-showcase__tagline-main {
  display: block;
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: clamp(2rem, 5.8vw, 3.9rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.04;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: center;
}

.product-showcase__tagline-sub {
  display: block;
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  color: #1a1a1a;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: center;
}

/* 1st: gold (30g) */
.product-showcase__tagline-cell--1 .product-showcase__tagline-main {
  color: #c9a227;
  text-shadow:
    0 1px 0 #e5c868,
    0 2px 0 #e5c868,
    0 3px 0 #d9b84e,
    0 6px 10px rgb(0 0 0 / 0.25);
}

/* 2nd: orange (30 Seconds) */
.product-showcase__tagline-cell--2 .product-showcase__tagline-main {
  color: #d97706;
  text-shadow:
    0 1px 0 #f3a13f,
    0 2px 0 #f3a13f,
    0 3px 0 #e88f25,
    0 6px 10px rgb(0 0 0 / 0.25);
}

/* 3rd: cyan / primary (Real) */
.product-showcase__tagline-cell--3 .product-showcase__tagline-main {
  color: var(--color-primary);
  text-shadow:
    0 1px 0 #5be6f3,
    0 2px 0 #5be6f3,
    0 3px 0 #35d7e7,
    0 6px 10px rgb(0 0 0 / 0.25);
}

/* 4th: olive green (Clean) */
.product-showcase__tagline-cell--4 .product-showcase__tagline-main {
  color: #6b7c3d;
  text-shadow:
    0 1px 0 #9aad67,
    0 2px 0 #9aad67,
    0 3px 0 #879a55,
    0 6px 10px rgb(0 0 0 / 0.25);
}

@media (max-width: 749px) {
  .product-showcase__tagline-row {
    flex-direction: column;
    border-radius: 28px;
    padding: 0.9rem 1rem;
    gap: 0.75rem;
  }
  .product-showcase__tagline-cell {
    min-width: 100%;
    padding: 0.25rem 0.75rem;
  }
}

main[data-template="index"] .product-showcase .product-showcase__header {
  padding-block-start: 0.75rem;
}

/* Home page: tagline wider on desktop/tablet, contained on mobile */
@media (min-width: 750px) {
  main[data-template="index"] .section-product-showcase .product-showcase__tagline-row,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(150px, 220px));
    align-items: center;
    justify-content: center;
    justify-items: center;
    margin: 0 auto 1rem;
    padding: 0.9rem 1.1rem;
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 0;
    background: #f5f0e8;
    gap: 0.75rem 1rem;
    position: static;
    left: auto;
    transform: none;
    box-sizing: border-box;
  }

  main[data-template="index"] .section-product-showcase .product-showcase__tagline-main,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main {
    font-size: clamp(1.8rem, 9vw, 2.7rem);
  }

  main[data-template="index"] .section-product-showcase .product-showcase__tagline-sub,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-sub,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-sub {
    font-size: 0.63rem;
    letter-spacing: 0.085em;
    color: #1a1a1a;
  }

  main[data-template="index"] .section-product-showcase .product-showcase__tagline-cell,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-cell,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-cell {
    min-width: 0;
    width: 100%;
    max-width: 220px;
    padding: 0.18rem 0.4rem;
    gap: 0.22rem;
  }
}

@media (min-width: 901px) {
  main[data-template="index"] .section-product-showcase .product-showcase__tagline-row,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row {
    grid-template-columns: repeat(4, minmax(150px, 220px));
    padding: 1rem 1.75rem;
    gap: 1rem clamp(1rem, 2.6vw, 2.4rem);
  }

  main[data-template="index"] .section-product-showcase .product-showcase__tagline-main,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main {
    font-size: clamp(1.95rem, 4.4vw, 3.6rem);
    font-weight: 800;
    letter-spacing: 0.085em;
  }
}
main[data-template="index"] .product-showcase__grid {
  gap: 1rem;
}
@media (min-width: 990px) {
  main[data-template="index"] .product-showcase__grid {
    gap: 1.35rem;
  }
}

/* Social proof: stars + 5 stars, 50+ reviews, 1000+ sold */
.product-showcase__social-proof {
  display: none !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.6rem 1.35rem;
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  padding: 0.65rem 1.25rem;
  background: #1a1a1a;
  border-radius: 999px;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.product-showcase__stars {
  display: inline-flex;
  gap: 3px;
  font-size: 1.35em;
  line-height: 1;
}

.product-showcase__star {
  color: rgba(255, 255, 255, 0.35);
}

.product-showcase__star--filled {
  color: #ffd54f;
}

.product-showcase__stars-text {
  font-weight: 700;
  font-size: 1.1em;
  color: #fff;
}

.product-showcase__stat {
  font-weight: 700;
  font-size: 1.08em;
  color: rgba(255, 255, 255, 0.92);
}

.product-showcase__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

@media (min-width: 990px) {
  .product-showcase__grid {
    grid-template-columns: 1.1fr 1fr;
    gap: 1.75rem;
    align-items: start;
  }
}

.product-showcase__gallery-card {
  margin-block-end: 1rem;
  padding: 0.9rem;
  background: #faf5ef;
  border: 1px solid var(--color-border);
  border-radius: 12px;
  position: relative;
}

.product-showcase__tag-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  margin-block-end: 0.75rem;
  overflow-x: auto;
  scrollbar-width: none;
}

.product-showcase__tag-row::-webkit-scrollbar {
  display: none;
}

.product-showcase__tag-row .product-showcase__tag,
.product-showcase__tag-row .product-showcase__nutrition-tag {
  flex: 0 0 auto;
}

.product-showcase__tag,
.product-showcase__nutrition-tag {
  display: inline-block;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.42rem 0.82rem;
  background: #f5f0e8;
  border: 2px solid #00bcd4;
  border-radius: 999px;
  color: #1a1a1a;
  white-space: nowrap;
}

.product-showcase__nutrition-tag {
  font-size: 0.65rem;
  padding: 0.42rem 0.82rem;
}

.product-showcase__gallery {
  margin-block-end: 0.5rem;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-background);
}

.product-showcase__nutrition-line {
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0.5rem 0 0;
  color: var(--color-foreground);
  line-height: 1.4;
}


.product-showcase__gallery-main {
  position: relative;
  aspect-ratio: 1;
  background: var(--color-background);
}

.product-showcase__gallery-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.product-showcase__gallery-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-showcase__thumbnails {
  display: flex;
  gap: 0.4rem;
  padding: 0.5rem;
  border-block-start: 1px solid var(--color-border);
  overflow-x: auto;
}

.product-showcase__thumb {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
  background: var(--color-background);
}

.product-showcase__thumb--active {
  border-color: var(--color-primary);
}

.product-showcase__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-showcase__nutrition-btn {
  width: 100%;
  margin-block-end: 0.65rem;
  justify-content: center;
  border-radius: 8px;
}

.product-showcase__shipping-paragraph {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgb(var(--color-foreground-rgb) / 0.85);
  margin-block-end: 0.65rem;
}

.product-showcase__shipping-paragraph p {
  margin: 0 0 0.5em;
}

.product-showcase__shipping-paragraph p:last-child {
  margin-bottom: 0;
}

.product-showcase__shipping {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1.25rem;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: rgb(var(--color-foreground-rgb) / 0.85);
  margin-block-end: 1rem;
}

.product-showcase__shipping-item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 100%;
  min-width: 0;
}

.product-showcase__shipping-text {
  flex: 1 1 auto;
  min-width: 0;
  line-height: inherit;
}

.product-showcase__shipping-icon {
  flex-shrink: 0;
  margin-inline-end: 0;
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}

.product-showcase__shipping-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.product-showcase__accordion {
  margin-block-start: 0.65rem;
}

.product-showcase__accordion .accordion {
  border: none;
  display: grid;
  gap: 0.35rem;
}

.product-showcase__accordion .details {
  border: 1.5px solid #cfd3d6;
  border-block-start: 1.5px solid #cfd3d6 !important;
  border-radius: 14px;
  background: #f5f0e8;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-showcase__accordion .details__header {
  padding: 0.62rem 0.8rem;
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.15;
  color: #1a1a1a;
  transition: color 0.2s ease, background 0.2s ease;
}

.product-showcase__accordion .details__header:hover {
  color: #00bcd4;
  background: #f2ede5;
}

.product-showcase__accordion accordion-custom[open] .details {
  border-color: #00bcd4;
  box-shadow: 0 0 0 2px rgb(0 188 212 / 0.14);
}

.product-showcase__accordion .details-content {
  padding: 0 0.8rem 0.7rem;
}

.product-showcase__accordion .details-content .rte {
  font-size: 0.88rem;
  line-height: 1.45;
  color: rgb(var(--color-foreground-rgb) / 0.85);
}

.product-showcase__accordion summary .svg-wrapper {
  width: 1.5rem;
  height: 1.5rem;
  border: 1.5px solid #00bcd4;
  border-radius: 999px;
  background: #f5f0e8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.product-showcase__accordion summary .icon-plus {
  color: #00bcd4;
}

.product-showcase__accordion summary .icon-plus svg {
  width: 0.78rem;
  height: 0.78rem;
}

.product-showcase__accordion summary .icon-caret svg {
  width: 0.78rem;
  height: 0.78rem;
}

.product-showcase__accordion .accordion--dividers .details + .details {
  border-block-start: 1.5px solid #cfd3d6 !important;
}

/* Strong override: compact branded FAQ inside Product Showcase */
.section-product-showcase .product-showcase__accordion .accordion {
  gap: 0.3rem !important;
}

.section-product-showcase .product-showcase__accordion .details {
  border: 1.5px solid #cfd3d6 !important;
  border-radius: 14px !important;
  background: #f5f0e8 !important;
}

.section-product-showcase .product-showcase__accordion .details__header {
  padding: 0.58rem 0.78rem !important;
  min-height: 2.5rem;
  font-family: var(--font-heading--family), 'Oswald', sans-serif !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}

.section-product-showcase .product-showcase__accordion .details-content {
  padding: 0 0.78rem 0.65rem !important;
}

.section-product-showcase .product-showcase__accordion summary .svg-wrapper {
  width: 1.45rem !important;
  height: 1.45rem !important;
  border: 1.5px solid #00bcd4 !important;
  border-radius: 999px !important;
  background: #f5f0e8 !important;
}

.product-showcase__offer-heading {
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: clamp(1.1rem, 2.2vw, 1.35rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 0.75rem;
  color: var(--color-primary);
  text-align: center;
}

.product-showcase__flavor-label,
.product-showcase__pack-label {
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  color: var(--color-foreground);
}

.product-showcase__flavor-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-block-end: 0.85rem;
}

@media (min-width: 750px) {
  .product-showcase__flavor-cards {
    flex-wrap: nowrap;
  }
}

.product-showcase__flavor-card {
  position: relative;
  flex: 1 1 0;
  min-width: 90px;
  cursor: pointer;
  margin: 0;
}

.product-showcase__flavor-card input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.product-showcase__flavor-card-inner {
  position: relative;
  z-index: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.5rem;
  border: 2px solid #cfd3d6;
  border-radius: 20px;
  background: #f5f0e8;
  transition: transform 0.15s ease, background 0.2s ease, border-color 0.2s ease;
}

.product-showcase__flavor-card:hover .product-showcase__flavor-card-inner {
  transform: translateY(-1px);
  background: #f2ede5;
}

.product-showcase__flavor-card--selected .product-showcase__flavor-card-inner,
.product-showcase__flavor-card.product-showcase__card--selected .product-showcase__flavor-card-inner,
.product-showcase__flavor-card:has(:checked) .product-showcase__flavor-card-inner {
  border: 2px solid var(--color-primary) !important;
  background: #f5f0e8;
  box-shadow: 0 0 0 2px var(--color-primary) !important;
  border-radius: 20px;
}

.product-showcase__flavor-img {
  width: 100%;
  max-width: 80px;
  aspect-ratio: 1;
  object-fit: contain;
}

.product-showcase__flavor-name {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  text-align: center;
}

.product-showcase__autoship-block {
  padding: 0.9rem;
  border: 2px solid var(--color-border);
  border-radius: 10px;
  background: var(--color-background);
  margin-block-end: 1rem;
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.06);
}

.product-showcase__pack-cards {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-block-end: 0.85rem;
}

.product-showcase__pack-card {
  position: relative;
  cursor: pointer;
  margin: 0;
}

.product-showcase__pack-card input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}

.product-showcase__pack-card-inner {
  position: relative;
  z-index: 0;
  pointer-events: none;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title badge"
    "price badge";
  align-items: start;
  gap: 0.35rem 0.65rem;
  padding: 0.65rem 0.9rem;
  border: 2px solid #cfd3d6;
  border-radius: 20px;
  background: #f5f0e8;
  transition: transform 0.15s ease, background 0.2s ease, border-color 0.2s ease;
  box-shadow: none;
}

.product-showcase__pack-price-col {
  grid-area: price;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0.35rem 0.55rem;
  min-width: 0;
}

.product-showcase__pack-card:hover .product-showcase__pack-card-inner {
  border: 2px solid #b8bec4;
  background: #f5f0e8;
  box-shadow: none;
}

/* Selected/checked pack card: theme primary border (keep after hover so it wins) */
.product-showcase__pack-card--selected .product-showcase__pack-card-inner,
.product-showcase__pack-card.product-showcase__card--selected .product-showcase__pack-card-inner,
.product-showcase__pack-card:has(:checked) .product-showcase__pack-card-inner {
  border: 2px solid var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary) !important;
  border-radius: 20px;
}

.product-showcase__pack-card:hover .product-showcase__pack-card-inner {
  transform: translateY(-1px);
  background: #f2ede5;
}

/* Force theme primary border for selected flavor/pack cards (any page; wins over other rules) */
.product-showcase .product-showcase__flavor-card:has(input:checked) .product-showcase__flavor-card-inner,
.product-showcase .product-showcase__flavor-card.product-showcase__card--selected .product-showcase__flavor-card-inner,
.product-showcase .product-showcase__pack-card:has(input:checked) .product-showcase__pack-card-inner,
.product-showcase .product-showcase__pack-card.product-showcase__card--selected .product-showcase__pack-card-inner {
  border: 2px solid var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary) !important;
  border-radius: 20px;
}

/* Same for home/collection when section has section-product-showcase class */
main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__flavor-card.product-showcase__card--selected .product-showcase__flavor-card-inner,
main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__flavor-card:has(input:checked) .product-showcase__flavor-card-inner,
main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__flavor-card.product-showcase__card--selected .product-showcase__flavor-card-inner,
main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__flavor-card:has(input:checked) .product-showcase__flavor-card-inner,
main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__pack-card.product-showcase__card--selected .product-showcase__pack-card-inner,
main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__pack-card:has(input:checked) .product-showcase__pack-card-inner,
main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__pack-card.product-showcase__card--selected .product-showcase__pack-card-inner,
main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__pack-card:has(input:checked) .product-showcase__pack-card-inner {
  border: 2px solid var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary) !important;
  border-radius: 20px;
}

.product-showcase__pack-title {
  grid-area: title;
  font-weight: 700;
  text-transform: none;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
  color: rgb(var(--color-foreground-rgb) / 0.95);
  line-height: 1.2;
}

.product-showcase__pack-price-col .product-showcase__pack-price {
  font-weight: 800;
  font-size: 1.28rem;
  line-height: 1.1;
  /* Same as pack selected border / theme accent (cyan ring) */
  color: var(--color-primary);
}

.product-showcase__pack-price-col .product-showcase__pack-compare {
  text-decoration: line-through;
  text-decoration-color: rgb(var(--color-foreground-rgb) / 0.4);
  font-size: 0.88rem;
  font-weight: 600;
  /* Crossed-out MSRP — neutral gray */
  color: rgb(var(--color-foreground-rgb) / 0.52);
}

.product-showcase__pack-per-pack {
  display: none;
}

.product-showcase__pack-badge {
  grid-area: badge;
  justify-self: end;
  align-self: center;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.2rem 0.5rem;
  background: var(--color-primary);
  color: var(--color-background);
  border-radius: 999px;
}

.product-showcase__pack-badge[hidden],
.product-showcase__pack-compare[hidden] {
  display: none !important;
}

.product-showcase__try-once-per-pack--hidden,
.product-showcase__try-once-compare--hidden {
  display: none !important;
}

.product-showcase__benefits {
  list-style: none;
  margin: 0 0 0.85rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.product-showcase__benefit {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--color-foreground);
}

.product-showcase__benefit-icon {
  flex-shrink: 0;
  color: var(--color-primary);
  font-weight: 800;
  font-size: 1rem;
}

.product-showcase__benefit--lead {
  font-weight: 800;
  letter-spacing: 0.01em;
}

.product-showcase__price-row {
  margin-block-end: 0.65rem;
  font-size: 1.05rem;
}

.product-showcase__cta {
  width: 100%;
  padding: 0.72rem 1.1rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-block-end: 1rem;
  border-radius: 999px;
  border: 2px solid var(--color-primary);
  background: #f5f0e8;
  color: #1a1a1a;
  box-shadow: none;
  transition: transform 0.15s ease, background 0.2s ease, color 0.2s ease;
}

.product-showcase__cta:hover:not(:disabled) {
  transform: translateY(-1px);
  background: var(--color-primary);
  color: var(--color-background);
  box-shadow: none;
}

.product-showcase__cta:disabled {
  opacity: 0.6;
}

/* Try once: pack-style row below autoship; click row → reveal purchase button */
.product-showcase__try-once-outer {
  margin-top: 1rem;
  margin-block-end: 2rem;
  width: 100%;
}

/* Space between form / try-once block and “Why Easy Chicken…” (avoids overlap with CTA-style buttons) */
.product-showcase__right > product-form-component + .product-showcase__premium {
  margin-block-start: 1.5rem;
}

.product-showcase__try-once-pack-row {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.product-showcase__try-once-pack-row:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: 22px;
}

.product-showcase__try-once-pack-row .product-showcase__pack-card-inner {
  transition: transform 0.15s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.product-showcase__try-once-pack-row:hover .product-showcase__pack-card-inner {
  border-color: #b8bec4;
  background: #f2ede5;
  transform: translateY(-1px);
}

.product-showcase__try-once-pack-row.product-showcase__try-once-select--active .product-showcase__pack-card-inner {
  border: 2px solid var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary) !important;
  border-radius: 20px;
  transform: none;
}

.product-showcase__try-once-reveal[hidden] {
  display: none !important;
}

.product-showcase__try-once-reveal {
  margin-top: 0.55rem;
  padding: 0 0.15rem 0.35rem;
}

.product-showcase__try-once-reveal-hint {
  margin: 0 0 0.5rem;
  font-size: 0.82rem;
  line-height: 1.35;
  color: rgb(var(--color-foreground-rgb) / 0.72);
}

.product-showcase__try-once-reveal .product-showcase__try-once-per-pack:not(.product-showcase__try-once-per-pack--hidden) {
  margin: 0 0 0.35rem;
}

.product-showcase__try-once-per-pack {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--color-primary);
}

.product-showcase__try-once-btn {
  margin-top: 0.35rem;
  width: 100%;
}

/* Match “Let’s Get Cookin’” (.product-showcase__cta) — do not use .product-showcase__cta class (JS retargets that text) */
.product-showcase .product-showcase__try-once-btn--3d {
  margin-top: 0.65rem;
  margin-block-end: 1rem;
  padding: 0.72rem 1.1rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 999px;
  border: 2px solid var(--color-primary);
  background: #f5f0e8;
  color: #1a1a1a;
  box-shadow: none;
  transition: transform 0.15s ease, background 0.2s ease, color 0.2s ease;
}

.product-showcase .product-showcase__try-once-btn--3d:hover:not(:disabled) {
  transform: translateY(-1px);
  background: var(--color-primary);
  color: var(--color-background);
  box-shadow: none;
}

.product-showcase .product-showcase__try-once-btn--3d:disabled {
  opacity: 0.6;
}

.product-showcase__try-once-outer--hint {
  margin-top: 1rem;
}

.product-showcase__try-once-hint-card {
  padding: 0.85rem 1rem;
  border: 2px dashed rgb(var(--color-foreground-rgb) / 0.35);
  border-radius: 12px;
  background: rgb(var(--color-foreground-rgb) / 0.03);
}

.product-showcase__try-once-hint-title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 800;
}

.product-showcase__try-once-hint-body {
  margin: 0.45rem 0 0;
  font-size: 0.8rem;
  line-height: 1.4;
  opacity: 0.88;
}

.product-showcase__premium-heading {
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}

.product-showcase__premium-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.product-showcase__premium-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: rgb(var(--color-foreground-rgb) / 0.9);
}

.product-showcase__premium-icon {
  flex-shrink: 0;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-showcase__premium-icon svg {
  width: 20px;
  height: 20px;
}

/* -------------------------------------------------------------------------
   Product showcase: denser scale (gallery + flavor/pack selection + premium)
   Only affects the Product Showcase section (not other pages/components).
   ------------------------------------------------------------------------- */
.shopify-section.section-product-showcase section.product-showcase {
  padding-block: 1.1rem;
}

@media (min-width: 750px) {
  .shopify-section.section-product-showcase section.product-showcase {
    padding-block: 1.45rem;
  }
}

.shopify-section.section-product-showcase .product-showcase__header {
  margin-block-end: 0.85rem;
}

.shopify-section.section-product-showcase .product-showcase__title {
  font-size: clamp(1.45rem, 3.2vw, 2.35rem);
  margin: 0 0 0.4rem;
}

/* Product showcase + benefits split: same inner width & wide gutters as product selection */
.shopify-section.section-product-showcase .product-showcase__inner,
.shopify-section.section-easychicken-benefits-split .product-showcase__inner {
  padding-inline: clamp(2.35rem, 11vw, 7.5rem);
}

@media (min-width: 750px) {
  .shopify-section.section-product-showcase .product-showcase__inner,
  .shopify-section.section-easychicken-benefits-split .product-showcase__inner {
    padding-inline: clamp(3.5rem, 15vw, 12rem);
  }
}

@media (min-width: 990px) {
  .shopify-section.section-product-showcase .product-showcase__inner,
  .shopify-section.section-easychicken-benefits-split .product-showcase__inner {
    padding-inline: clamp(4.5rem, 19vw, 16rem);
  }
}

/* Benefits split (“Protein That Fits Your Life”): wider band than default page-width */
.shopify-section.section-easychicken-benefits-split .product-showcase__inner {
  max-width: min(96vw, 1520px);
}

@media (min-width: 750px) {
  .shopify-section.section-easychicken-benefits-split .product-showcase__inner {
    padding-inline: clamp(2rem, 8.5vw, 6.5rem);
  }
}

@media (min-width: 990px) {
  .shopify-section.section-easychicken-benefits-split .product-showcase__inner {
    padding-inline: clamp(2.75rem, 10vw, 8.5rem);
  }
}

.shopify-section.section-product-showcase .product-showcase__grid {
  gap: 1rem;
}

@media (min-width: 990px) {
  .shopify-section.section-product-showcase .product-showcase__grid {
    grid-template-columns: 1fr 0.94fr;
    gap: 1.3rem;
  }
}

.shopify-section.section-product-showcase .product-showcase__gallery-card {
  padding: 0.7rem;
  margin-block-end: 0.7rem;
}

.shopify-section.section-product-showcase .product-showcase__tag-row {
  margin-block-end: 0.5rem;
}

.shopify-section.section-product-showcase .product-showcase__nutrition-line {
  font-size: 0.8rem;
  margin: 0.4rem 0 0;
}

.shopify-section.section-product-showcase .product-showcase__thumb {
  width: 48px;
  height: 48px;
}

.shopify-section.section-product-showcase .product-showcase__thumbnails {
  padding: 0.4rem;
  gap: 0.35rem;
}

.shopify-section.section-product-showcase .product-showcase__shipping-paragraph {
  font-size: 0.75rem;
  margin-block-end: 0.5rem;
}

.shopify-section.section-product-showcase .product-showcase__shipping {
  font-size: 0.75rem;
  gap: 0.4rem 0.95rem;
  margin-block-end: 0.75rem;
}

.shopify-section.section-product-showcase .product-showcase__accordion {
  margin-block-start: 0.5rem;
}

.shopify-section.section-product-showcase .product-showcase__accordion .details__header {
  padding: 0.5rem 0.65rem;
  font-size: 0.76rem;
}

.shopify-section.section-product-showcase .product-showcase__accordion .details-content {
  padding: 0 0.65rem 0.55rem;
}

.shopify-section.section-product-showcase .product-showcase__accordion .details-content .rte {
  font-size: 0.8rem;
}

.shopify-section.section-product-showcase .product-showcase__offer-heading {
  font-size: clamp(0.92rem, 1.85vw, 1.1rem);
  margin: 0 0 0.5rem;
}

.shopify-section.section-product-showcase .product-showcase__flavor-label,
.shopify-section.section-product-showcase .product-showcase__pack-label {
  font-size: 0.76rem;
  margin: 0 0 0.38rem;
}

.shopify-section.section-product-showcase .product-showcase__flavor-cards {
  gap: 0.3rem;
  margin-block-end: 0.6rem;
}

.shopify-section.section-product-showcase .product-showcase__flavor-card {
  min-width: 72px;
}

.shopify-section.section-product-showcase .product-showcase__flavor-card-inner {
  padding: 0.42rem 0.4rem;
  gap: 0.26rem;
  border-radius: 16px;
}

.shopify-section.section-product-showcase .product-showcase__flavor-img {
  max-width: 62px;
}

.shopify-section.section-product-showcase .product-showcase__flavor-name {
  font-size: 0.7rem;
}

.shopify-section.section-product-showcase .product-showcase__autoship-block {
  padding: 0.65rem;
  margin-block-end: 0.72rem;
  border-radius: 8px;
}

.shopify-section.section-product-showcase .product-showcase__pack-cards {
  gap: 0.3rem;
  margin-block-end: 0.6rem;
}

.shopify-section.section-product-showcase .product-showcase__pack-card-inner {
  gap: 0.26rem 0.48rem;
  padding: 0.48rem 0.68rem;
  border-radius: 16px;
}

.shopify-section.section-product-showcase .product-showcase__pack-title {
  font-size: 0.8rem;
}

.shopify-section.section-product-showcase .product-showcase__pack-price-col .product-showcase__pack-price {
  font-size: 1.05rem;
}

.shopify-section.section-product-showcase .product-showcase__pack-price-col .product-showcase__pack-compare {
  font-size: 0.74rem;
}

.shopify-section.section-product-showcase .product-showcase__pack-badge {
  font-size: 0.56rem;
  padding: 0.15rem 0.4rem;
}

.shopify-section.section-product-showcase .product-showcase__benefits {
  margin: 0 0 0.6rem;
  gap: 0.26rem;
}

.shopify-section.section-product-showcase .product-showcase__benefit {
  font-size: 0.78rem;
  gap: 0.38rem;
}

.shopify-section.section-product-showcase .product-showcase__benefit-icon {
  font-size: 0.85rem;
}

.shopify-section.section-product-showcase .product-showcase__benefit--lead {
  font-weight: 800;
}

.shopify-section.section-product-showcase .product-showcase__cta {
  padding: 0.55rem 0.88rem;
  font-size: 0.7rem;
  margin-block-end: 0.72rem;
}

.shopify-section.section-product-showcase .product-showcase__try-once-outer {
  margin-top: 0.7rem;
  margin-block-end: 1.35rem;
}

.shopify-section.section-product-showcase .product-showcase__try-once-reveal {
  margin-top: 0.45rem;
}

.shopify-section.section-product-showcase .product-showcase__try-once-reveal-hint {
  font-size: 0.74rem;
}

.shopify-section.section-product-showcase .product-showcase .product-showcase__try-once-btn--3d {
  padding: 0.55rem 0.88rem;
  font-size: 0.7rem;
}

.shopify-section.section-product-showcase .product-showcase__premium-heading {
  font-size: 0.76rem;
  margin: 0 0 0.38rem;
}

.shopify-section.section-product-showcase .product-showcase__premium-list {
  gap: 0.28rem;
}

.shopify-section.section-product-showcase .product-showcase__premium-item {
  font-size: 0.8rem;
  gap: 0.38rem;
}

.shopify-section.section-product-showcase .product-showcase__premium-icon svg {
  width: 17px;
  height: 17px;
}

.shopify-section.section-product-showcase .product-showcase__right > product-form-component + .product-showcase__premium {
  margin-block-start: 1.1rem;
}

/* Home / collection: beat template-specific pack-card rules */
main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__grid,
main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__grid {
  gap: 0.85rem;
}

@media (min-width: 990px) {
  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__grid,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__grid {
    gap: 1.15rem;
  }
}

main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__flavor-cards,
main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__flavor-cards {
  gap: 0.28rem;
}

main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__pack-card-inner,
main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__pack-card-inner {
  gap: 0.24rem 0.42rem;
  padding: 0.46rem 0.62rem;
}

.product-showcase__other-products {
  margin-block-start: 3rem;
  padding-block-start: 2rem;
  border-block-start: 1px solid var(--color-border);
}

.product-showcase__other-products-heading {
  font-family: var(--font-heading--family), 'Oswald', sans-serif;
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin: 0 0 1.5rem;
  color: var(--color-primary);
  text-align: center;
}

.product-showcase__other-products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

@media (min-width: 750px) {
  .product-showcase__other-products-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
}

.product-showcase__other-product-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border: 2px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  background: var(--color-background);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-showcase__other-product-card:hover {
  border-color: var(--color-primary);
  box-shadow: 0 2px 8px rgb(0 0 0 / 0.08);
}

.product-showcase__other-product-image {
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--color-background);
}

.product-showcase__other-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.product-showcase__other-product-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-showcase__other-product-info {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.product-showcase__other-product-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-foreground);
}

.product-showcase__other-product-price {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-primary);
}

.product-showcase__empty {
  text-align: center;
  padding: 3rem 1rem;
  color: rgb(var(--color-foreground-rgb) / 0.7);
}

/* Contact form visual parity with home CTA, kept at end for precedence */
main[data-template="page.contact"] .contact-form .contact-form__input {
  background: var(--contact-cta-bg) !important;
  border: 2px solid var(--contact-input-border) !important;
  border-radius: 999px !important;
  color: #1a1a1a !important;
}

main[data-template="page.contact"] .contact-form .contact-form__input--textarea {
  border-radius: 1rem !important;
}

main[data-template="page.contact"] .contact-form .contact-form__input:focus,
main[data-template="page.contact"] .contact-form .contact-form__input:focus-visible {
  border-color: var(--contact-focus-blue) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--contact-focus-blue) 35%, transparent) !important;
  outline: none !important;
}

main[data-template="page.contact"] .contact-form .submit-button {
  border: 2px solid var(--color-primary) !important;
  background: var(--contact-cta-bg) !important;
  color: #1a1a1a !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

main[data-template="page.contact"] .contact-form .submit-button:hover {
  transform: translateY(-1px);
  background: var(--color-primary) !important;
  color: var(--color-background) !important;
}

/* Homepage overflow guard: prevent 100vw-based asymmetry from scrollbar on all viewports */
body:has(main.content-for-layout[data-template="index"]) {
  overflow-x: clip;
}

/* Homepage product showcase: force simple centered layout so theme grid cannot shift it right */
main[data-template="index"] .shopify-section.section-product-showcase .section.product-showcase {
  display: block !important;
  grid-template-columns: unset !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
main[data-template="index"] .shopify-section.section-product-showcase .section.product-showcase > * {
  grid-column: unset !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Promo marquee: full viewport width, edge to edge */
main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__promo-marquee,
main[data-template="index"] .shopify-section.section-bc-health-banner .product-showcase__promo-marquee {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box;
}

/* Tagline row (30G / 30 / REAL / TASTY): full viewport width, edge to edge */
main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-row,
main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row,
main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box;
  border-radius: 0 !important;
}

/* Homepage mobile safety net: prevent section overflow from widening viewport */
@media (max-width: 749px) {
  /* Keep mobile side gutters close to theme defaults */
  main[data-template="index"],
  main[data-template="collection"] {
    --page-margin: 16px !important;
  }

  main[data-template="index"],
  main[data-template="collection"] {
    overflow-x: hidden;
    overflow-x: clip;
  }

  body:has(main.content-for-layout[data-template="index"]),
  body:has(main.content-for-layout[data-template="collection"]) {
    overflow-x: hidden;
  }

  main[data-template="index"] .shopify-section,
  main[data-template="index"] .shopify-section .section {
    max-width: 100%;
  }
}

/* Mobile optimization: homepage + chicken collection product showcase (375px first) */
@media (max-width: 749px) {
  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase {
    overflow-x: hidden;
    overflow-x: clip;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase {
    padding-block-start: clamp(2rem, 5vw, 2.75rem) !important;
    padding-block-end: 1.25rem !important;
  }

  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase {
    padding-block: 1rem 1.25rem;
  }

  /* When product showcase sits directly under BC strip (alternate section order) */
  main[data-template="index"] .shopify-section.section-bc-health-banner + .shopify-section.section-product-showcase .product-showcase {
    padding-block-start: clamp(1.5rem, 4vw, 2.25rem) !important;
    padding-block-end: 1.25rem !important;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__header {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    margin-block-end: 0.75rem;
    box-sizing: border-box;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__inner,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__inner {
    padding-inline: clamp(2.1rem, 12vw, 5.5rem);
  }

  /* Benefits split: room for copy + grid; avoid the heavy 12vw gutters that squeeze “Protein That Fits…” */
  main[data-template="index"] .shopify-section.section-easychicken-benefits-split .product-showcase__inner {
    padding-inline: max(1rem, var(--page-margin, 16px));
    overflow-x: visible;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__promo-marquee,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__promo-marquee,
  main[data-template="index"] .shopify-section.section-bc-health-banner .product-showcase__promo-marquee {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow-x: hidden;
    overflow-x: clip;
    box-sizing: border-box;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__promo-track,
  main[data-template="index"] .shopify-section.section-bc-health-banner .product-showcase__promo-track {
    font-size: 0.62rem;
    letter-spacing: 0.07em;
    min-height: 20px;
    width: max-content;
    max-width: none;
    min-width: max-content;
    animation: product-showcase-marquee 28s linear infinite;
    overflow: hidden;
  }

  main[data-template="index"] .clients-collage,
  main[data-template="index"] .clients-collage__track,
  main[data-template="index"] .testimonials__carousel-track {
    overflow-x: hidden;
    overflow-x: clip;
    max-width: 100%;
  }

  main[data-template="index"] .section-product-showcase,
  main[data-template="index"] .section-product-showcase .section,
  main[data-template="index"] .section-product-showcase .product-showcase,
  main[data-template="index"] .section-product-showcase .product-showcase__inner {
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overflow-x: clip;
  }

  main[data-template="index"] .shopify-section.section-easychicken-benefits-split .product-showcase__inner {
    max-width: 100%;
    min-width: 0;
    overflow-x: visible;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__promo-track span,
  main[data-template="index"] .shopify-section.section-bc-health-banner .product-showcase__promo-track span {
    flex: 0 0 auto;
    min-width: auto;
    padding-inline: 1.1rem;
    overflow: visible;
    text-overflow: clip;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-row,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__tagline-row,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row {
    display: grid;
    grid-template-columns: 1fr;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 0 0.85rem !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0.85rem 0.9rem;
    border-radius: 0 !important;
    gap: 0.65rem;
    box-sizing: border-box;
    min-width: 0;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-cell,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__tagline-cell,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-cell,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-cell {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: 0.15rem 0.25rem;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-main,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__tagline-main,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main {
    font-size: clamp(1.55rem, 9vw, 2.2rem);
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-sub,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-sub,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-sub {
    font-size: 0.6rem;
    letter-spacing: 0.06em;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-main,
  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-sub,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-sub {
    text-shadow: none;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.12;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__grid,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__grid {
    gap: 0.9rem;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__left,
  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__right,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__left,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__right {
    min-width: 0;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__shipping-text,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__shipping-text {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__flavor-cards,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__flavor-cards {
    gap: 0.35rem;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__flavor-card,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__flavor-card {
    flex: 1 1 calc(50% - 0.35rem);
    min-width: 0;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__pack-card-inner,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__pack-card-inner {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "title badge"
      "price badge";
    align-items: start;
    gap: 0.3rem 0.5rem;
    padding: 0.6rem 0.75rem;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__pack-badge,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__pack-badge {
    justify-self: end;
    align-self: center;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__pack-title,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__pack-title {
    overflow-wrap: anywhere;
  }

  /* Chicken collection page general spacing stability */
  main[data-template="collection"] .product-grid-container {
    padding-inline: 0.75rem;
    padding-block-start: 1rem;
    padding-block-end: 1.25rem;
  }

  main[data-template="collection"] .collection-wrapper,
  main[data-template="collection"] .main-collection-grid,
  main[data-template="collection"] [product-grid-view] {
    gap: 0.75rem;
  }

  main[data-template="collection"] .facets-block-wrapper,
  main[data-template="collection"] .product-grid {
    margin-block-start: 0.5rem;
    padding-block-start: 0.5rem;
  }
}

@media (max-width: 389px) {
  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-row,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-row {
    padding: 0.75rem 0.7rem;
    gap: 0.5rem;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-main,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-main {
    font-size: clamp(1.35rem, 8.4vw, 1.85rem);
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__tagline-sub,
  main[data-template="index"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-sub,
  main[data-template="collection"] .shopify-section.section-easychicken-product-tagline .product-showcase__tagline-sub {
    font-size: 0.56rem;
  }

  main[data-template="index"] .shopify-section.section-product-showcase .product-showcase__flavor-card,
  main[data-template="collection"] .shopify-section.section-product-showcase .product-showcase__flavor-card {
    flex-basis: 100%;
  }
}

/* Mobile header drawer contrast fix: black drawer + white labels/icons */
@media (max-width: 989px) {
  #header-group .header__drawer .menu-drawer {
    background: #000 !important;
    background-color: #000 !important;
    --color-background: #000 !important;
    --color-foreground: #fff !important;
    --color-border: rgb(255 255 255 / 0.2) !important;
    color: #fff !important;
  }

  #header-group .header__drawer .menu-drawer__menu-item--mainlist,
  #header-group .header__drawer .menu-drawer__menu-item--parent,
  #header-group .header__drawer .menu-drawer__menu-item--child,
  #header-group .header__drawer .menu-drawer__menu-item-text,
  #header-group .header__drawer .menu-drawer__close-button,
  #header-group .header__drawer .menu-drawer__back-button,
  #header-group .header__drawer .menu-drawer .svg-wrapper,
  #header-group .header__drawer .menu-drawer svg {
    color: #fff !important;
    fill: currentColor;
  }

  #header-group .header__drawer .menu-drawer__list-item--divider,
  #header-group .header__drawer .menu-drawer__menu-container--divider {
    border-color: rgb(255 255 255 / 0.2) !important;
  }
}