/** Shopify CDN: Minification failed

Line 2890:13 Expected identifier but found "#d9d2c5"
Line 2890:21 Unexpected "!"

**/
/* cw-home-overrides v2 1789934799 + CENTERW-20260921w */
/* cw-home-overrides.css — extracted from cw-grok-home to stay under 256KB */
/* CW-PARALLAX-INK-NUKE */
/* Beat Parallax styles.scss.css: body{color:#fff} and h1–h6{color:#fff} */
html body:has(.cw-grok-home),
html body:has(.cw-grok-home) #content_wrapper,
html body:has(.cw-grok-home) #content,
html body:has(.cw-grok-home) .shopify-section {
  background-color: #efe6d0 !important;
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) h1,
html body:has(.cw-grok-home) h2,
html body:has(.cw-grok-home) h3,
html body:has(.cw-grok-home) h4,
html body:has(.cw-grok-home) h5,
html body:has(.cw-grok-home) h6,
html body:has(.cw-grok-home) .collection_title,
html body:has(.cw-grok-home) .headline,
html body:has(.cw-grok-home) .subtitle p,
html body:has(.cw-grok-home) p,
html body:has(.cw-grok-home) li,
html body:has(.cw-grok-home) blockquote,
html body:has(.cw-grok-home) cite,
html body:has(.cw-grok-home) label,
html body:has(.cw-grok-home) span:not(.cw-cluck-chip-icon):not(.cw-cluck-cover-play):not(.cw-video-play-icon):not(.cw-home-map-gate span) {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-grok-home,
html body:has(.cw-grok-home) .cw-products,
html body:has(.cw-grok-home) .cw-accessories-wrap,
html body:has(.cw-grok-home) .cw-accessories-card,
html body:has(.cw-grok-home) .cw-bstock,
html body:has(.cw-grok-home) .cw-note,
html body:has(.cw-grok-home) .cw-finder,
html body:has(.cw-grok-home) .cw-ugc,
html body:has(.cw-grok-home) .cw-keepers,
html body:has(.cw-grok-home) .cw-videos,
html body:has(.cw-grok-home) .cw-photo-reel,
html body:has(.cw-grok-home) .cw-review-reel,
html body:has(.cw-grok-home) .cw-family,
html body:has(.cw-grok-home) .cw-expogo-teaser,
html body:has(.cw-grok-home) .cw-partners,
html body:has(.cw-grok-home) .cw-hero-copy,
html body:has(.cw-grok-home) .cw-trust {
  background-color: #efe6d0 !important;
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-card,
html body:has(.cw-grok-home) .cw-bstock-card,
html body:has(.cw-grok-home) .cw-note-card,
html body:has(.cw-grok-home) .cw-finder-panel,
html body:has(.cw-grok-home) .cw-cluck-card,
html body:has(.cw-grok-home) .cw-family-box,
html body:has(.cw-grok-home) .cw-photo-card,
html body:has(.cw-grok-home) .cw-video-card,
html body:has(.cw-grok-home) .cw-partner-card,
html body:has(.cw-grok-home) .cw-sister-card {
  background-color: #fffbf5 !important;
  color: #1c1915 !important;
}
/* Dark bands keep white type */
html body:has(.cw-grok-home) .cw-why,
html body:has(.cw-grok-home) .cw-why * {
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-why {
  background-color: #24382c !important;
  background: #24382c !important;
}
html body:has(.cw-grok-home) .cw-why .cw-eyebrow {
  color: #d9cdbb !important;
}
html body:has(.cw-grok-home) .cw-final,
html body:has(.cw-grok-home) .cw-final * {
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-final {
  background-color: #9c3b2c !important;
}
html body:has(.cw-grok-home) .cw-footer,
html body:has(.cw-grok-home) .cw-footer *,
html body:has(.cw-grok-home) .cw-announcement,
html body:has(.cw-grok-home) .cw-announcement * {
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer {
  background-color: #1a241c !important;
}
html body:has(.cw-grok-home) .cw-btn-primary,
html body:has(.cw-grok-home) .cw-menu-toggle,
html body:has(.cw-grok-home) .cw-cluck-card-play,
html body:has(.cw-grok-home) .cw-finder-opts button[aria-pressed="true"] {
  color: #fff !important;
}

/* CW-PARTNERS-MOBILE-FIX */
html body:has(.cw-grok-home) .cw-partners,
html body:has(.cw-grok-home) .cw-partners .cw-section-head,
html body:has(.cw-grok-home) .cw-partners .cw-section-head h2,
html body:has(.cw-grok-home) .cw-partners .cw-section-head p,
html body:has(.cw-grok-home) .cw-partners .cw-partner-overview {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-partners {
  background: linear-gradient(180deg,#e7efe6 0%,#f4efe6 72%) !important;
}
html body:has(.cw-grok-home) .cw-partner-card {
  color: #1c1915 !important;
  background: #fffbf5 !important;
  min-height: 0 !important;
  height: auto !important;
}
html body:has(.cw-grok-home) .cw-partner-card h3,
html body:has(.cw-grok-home) .cw-partner-card li,
html body:has(.cw-grok-home) .cw-partner-card .cw-eyebrow,
html body:has(.cw-grok-home) .cw-partner-card p {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-partner-card .cw-eyebrow {
  color: #24382c !important;
}
html body:has(.cw-grok-home) .cw-partner-card ul {
  flex: 0 1 auto !important;
}
@media (max-width: 800px) {
  html body:has(.cw-grok-home) .cw-partners-grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  html body:has(.cw-grok-home) .cw-partner-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 1.35rem 1.25rem 1.25rem !important;
  }
  html body:has(.cw-grok-home) .cw-partner-actions {
    margin-top: 1rem !important;
    padding-top: 0.85rem !important;
  }
}
/* /CW-PARTNERS-MOBILE-FIX */


/* CW-CAPTIONS-BOLD-FIX */
/* Parallax sets h1–h6 { font-weight:400; color:#fff } — restore bold titles + visible captions */
html body:has(.cw-grok-home) .cw-grok-home h1,
html body:has(.cw-grok-home) .cw-grok-home h2,
html body:has(.cw-grok-home) .cw-grok-home h3,
html body:has(.cw-grok-home) .cw-section-head h2,
html body:has(.cw-grok-home) .cw-section-head h3,
html body:has(.cw-grok-home) #cw-photo-reel-heading,
html body:has(.cw-grok-home) #cw-partners-heading,
html body:has(.cw-grok-home) #cw-why-heading,
html body:has(.cw-grok-home) #cw-ugc-heading,
html body:has(.cw-grok-home) h2,
html body:has(.cw-grok-home) h3 {
  font-weight: 700 !important;
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-section-head p,
html body:has(.cw-grok-home) .cw-photo-reel .cw-section-head p {
  color: #6b6458 !important;
  font-weight: 500 !important;
}
html body:has(.cw-grok-home) .cw-why h2,
html body:has(.cw-grok-home) .cw-why h3,
html body:has(.cw-grok-home) #cw-why-heading {
  color: #fff !important;
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) .cw-final h2 {
  color: #fff !important;
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) .cw-photo-card {
  overflow: visible !important;
  color: #1c1915 !important;
  background: #fffbf5 !important;
}
html body:has(.cw-grok-home) .cw-photo-card-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
  padding: 0.95rem 1.05rem 1.15rem !important;
  background: #fffbf5 !important;
  color: #1c1915 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body:has(.cw-grok-home) .cw-photo-card blockquote,
html body:has(.cw-grok-home) .cw-photo-card-body blockquote {
  display: block !important;
  color: #1c1915 !important;
  font-weight: 500 !important;
  font-size: 1.02rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body:has(.cw-grok-home) .cw-photo-card cite,
html body:has(.cw-grok-home) .cw-photo-card-body cite {
  display: block !important;
  color: #6b6458 !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 0.82rem !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body:has(.cw-grok-home) .cw-photo-card .cw-stars,
html body:has(.cw-grok-home) .cw-photo-card .cw-stars span {
  color: #d4a017 !important;
  font-weight: 700 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body:has(.cw-grok-home) .cw-review-reel-caption,
html body:has(.cw-grok-home) .cw-review-reel-caption strong {
  color: #1c1915 !important;
  font-weight: 600 !important;
}

@media (max-width: 800px) {
  html body:has(.cw-grok-home) .cw-photo-card img {
    aspect-ratio: 1 / 1 !important;
  }
}

/* /CW-CAPTIONS-BOLD-FIX */


/* CW-TITLE-BOLD-LINKS */
/* Force section titles bold (Parallax sets h1–h6 font-weight:400) */
html body #content_wrapper:has(.cw-grok-home) h1,
html body #content_wrapper:has(.cw-grok-home) h2,
html body #content_wrapper:has(.cw-grok-home) h3,
html body:has(.cw-grok-home) h1,
html body:has(.cw-grok-home) h2,
html body:has(.cw-grok-home) h3,
html body:has(.cw-grok-home) .cw-finder h2,
html body:has(.cw-grok-home) .cw-section-head h2,
html body:has(.cw-grok-home) .cw-accessories-card h2,
html body:has(.cw-grok-home) .cw-bstock-clearance,
html body:has(.cw-grok-home) .cw-brand-name {
  font-weight: 700 !important;
  font-family: Lora, Georgia, serif !important;
}
html body:has(.cw-grok-home) .cw-why h1,
html body:has(.cw-grok-home) .cw-why h2,
html body:has(.cw-grok-home) .cw-why h3,
html body:has(.cw-grok-home) .cw-final h2,
html body:has(.cw-grok-home) .cw-footer h2 {
  font-weight: 700 !important;
}
/* Cream-section links must stay dark green, not Parallax white */
html body:has(.cw-grok-home) .cw-finder a,
html body:has(.cw-grok-home) .cw-section a:not(.cw-btn):not(.cw-btn-primary):not(.cw-btn-ghost):not(.cw-btn-light):not(.cw-btn-on-dark),
html body:has(.cw-grok-home) .cw-ugc a:not(.cw-btn),
html body:has(.cw-grok-home) .cw-products a:not(.cw-btn):not(.cw-card),
html body:has(.cw-grok-home) .cw-note a,
html body:has(.cw-grok-home) .cw-keepers a,
html body:has(.cw-grok-home) .cw-photo-reel a:not(.cw-btn):not(.cw-btn-primary),
html body:has(.cw-grok-home) .cw-partners a:not(.cw-btn),
html body:has(.cw-grok-home) .cw-text-link,
html body:has(.cw-grok-home) a[href^="mailto:"] {
  color: #24382c !important;
  font-weight: 700 !important;
  text-decoration:none !important;
}
html body:has(.cw-grok-home) .cw-why a:not(.cw-btn),
html body:has(.cw-grok-home) .cw-final a:not(.cw-btn),
html body:has(.cw-grok-home) .cw-footer a,
html body:has(.cw-grok-home) .cw-announcement a {
  color: #fff !important;
}
/* /CW-TITLE-BOLD-LINKS */


/* CW-HEADINGS-PASS */
html body:has(.cw-grok-home) .cw-finder .cw-eyebrow,
html body:has(.cw-grok-home) #finder .cw-eyebrow {
  font-weight: 800 !important;
  color: #24382c !important;
}
html body:has(.cw-grok-home) .cw-finder h2,
html body:has(.cw-grok-home) #cw-finder-heading {
  font-weight: 800 !important;
  font-family: Lora, Georgia, serif !important;
  color: #1c1915 !important;
  font-size: clamp(2rem, 4.5vw, 3.25rem) !important;
  line-height: 1.1 !important;
}
html body:has(.cw-grok-home) .cw-finder legend {
  font-weight: 800 !important;
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-bstock-clearance,
html body:has(.cw-grok-home) #cw-bstock-heading {
  font-weight: 700 !important;
  text-transform: none !important;
  color: #1c1915 !important; /* black ink — was brand red */
}
html body:has(.cw-grok-home) .cw-bstock-kicker { display: none !important; }
html body:has(.cw-grok-home) .cw-why .cw-eyebrow {
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  font-size: 0.78rem !important;
  color: #d9cdbb !important;
}
html body:has(.cw-grok-home) .cw-why h2,
html body:has(.cw-grok-home) #cw-why-heading {
  font-weight: 800 !important;
  font-family: Lora, Georgia, serif !important;
  font-size: clamp(2.1rem, 5vw, 3.4rem) !important;
  line-height: 1.08 !important;
  color: #fff !important;
  margin: 0.2em 0 0.75em !important;
}
html body:has(.cw-grok-home) .cw-why h3 {
  font-weight: 700 !important;
  font-size: clamp(1.2rem, 2.4vw, 1.45rem) !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-why .cw-feature-grid p {
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  color: #e8dece !important;
}
@media (max-width: 800px) {
  html body:has(.cw-grok-home) .cw-finder h2,
  html body:has(.cw-grok-home) #cw-finder-heading {
    font-size: clamp(2.1rem, 7.5vw, 2.6rem) !important;
    font-weight: 800 !important;
  }
  html body:has(.cw-grok-home) .cw-why h2,
  html body:has(.cw-grok-home) #cw-why-heading {
    font-size: clamp(2.15rem, 8vw, 2.7rem) !important;
    font-weight: 800 !important;
  }
}
/* /CW-HEADINGS-PASS */


/* CW-VOICE-PASS-546 */
/* 1) Cluck lyrics white on green */
html body:has(.cw-grok-home) .cw-cluck-lyric-bar,
html body:has(.cw-grok-home) .cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-lyric-now.is-label-hint,
html body:has(.cw-grok-home) .cw-cluck-lyric,
html body:has(.cw-grok-home) .cw-cluck-lyric.is-active,
html body:has(.cw-grok-home) .cw-cluck-lyric.is-near,
html body:has(.cw-grok-home) .cw-cluck-slide-cite,
html body:has(.cw-grok-home) .cw-cluck-lyric-bar span,
html body:has(.cw-grok-home) .cw-cluck-lyric-now span {
  color: #fffbf5 !important;
}
html body:has(.cw-grok-home) .cw-cluck-lyric-now {
  text-shadow: 0 1px 0 rgba(0,0,0,0.85), 0 2px 8px rgba(0,0,0,0.75) !important;
}
/* If lyric bar is green, keep white type */
html body:has(.cw-grok-home) .cw-cluck-card.has-lyrics:not(.has-slideshow) .cw-cluck-lyric,
html body:has(.cw-grok-home) .cw-cluck-card.has-lyrics:not(.has-slideshow) .cw-cluck-lyric.is-active {
  color: #ffffff !important;
}

/* 3) Headlines always heavier/larger than body */
html body:has(.cw-grok-home) h1,
html body:has(.cw-grok-home) h2,
html body:has(.cw-grok-home) h3 {
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) h2 {
  font-size: clamp(1.95rem, 4.2vw, 3.2rem) !important;
  line-height: 1.1 !important;
}
html body:has(.cw-grok-home) .cw-why h2,
html body:has(.cw-grok-home) #cw-why-heading,
html body:has(.cw-grok-home) .cw-final h2,
html body:has(.cw-grok-home) .cw-footer h2 {
  color: #fff !important;
}

/* 4) Mobile hero — show full branding, less aggressive crop/zoom */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-visual {
    overflow: hidden !important;
  }
  html body:has(.cw-grok-home) .cw-hero-video {
    object-fit: contain !important;
    object-position: center center !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important; /* CW-HERO-DESKTOP-20260920e */
    filter: brightness(1.12) contrast(1.04) !important;
    transform: none !important;
    animation: none !important;
  }
  html body:has(.cw-grok-home) .cw-hero-visual .cw-hero-video {
    transform: none !important;
  }
}

/* 5) Mute/mic button — smaller + ensure clickable */
html body:has(.cw-grok-home) .cw-hero-mute-btn {
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 !important;
  z-index: 30 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 0.92 !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    width: 2.15rem !important;
    height: 2.15rem !important;
    min-width: 2.15rem !important;
    min-height: 2.15rem !important;
    bottom: 0.65rem !important;
    left: 0.65rem !important;
  }
}

/* Our Story / family — readable titles + less aggressive photo crop (baseline; layout may need more) */
html body:has(.cw-grok-home) .cw-family h2,
html body:has(.cw-grok-home) .cw-family-box h2,
html body:has(.cw-grok-home) #our-story h2,
html body:has(.cw-grok-home) .cw-story-road-row h2 {
  font-weight: 800 !important;
  color: #1c1915 !important;
  font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
}
html body:has(.cw-grok-home) .cw-family-box,
html body:has(.cw-grok-home) .cw-family,
html body:has(.cw-grok-home) .cw-story-road-row {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-family-box p,
html body:has(.cw-grok-home) .cw-family-box li,
html body:has(.cw-grok-home) .cw-family-box a {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-family-photo img,
html body:has(.cw-grok-home) .cw-events-photo-wrap img {
  object-fit: cover !important;
  object-position: center 20% !important;
  aspect-ratio: 4 / 3 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
}
/* /CW-VOICE-PASS-546 */


/* CW-VOICE-PASS-548 */
/* Subhead: A new breed… */
html body:has(.cw-grok-home) .cw-hero-subtitle,
html body:has(.cw-grok-home) .cw-hero-copy .cw-hero-subtitle,
html body:has(.cw-grok-home) p.cw-hero-subtitle {
  font-weight: 700 !important;
  color: #24382c !important;
  font-family: Lora, Georgia, serif !important;
  font-size: clamp(1.2rem, 2.6vw, 1.65rem) !important;
  line-height: 1.35 !important;
}
/* Volume button size — beat 64px rules */
html body:has(.cw-grok-home) .cw-hero-mute-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  z-index: 10001 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn svg {
  width: 18px !important;
  height: 18px !important;
}
/* Mobile hero: full branding, no CSS pan/zoom stacking on baked video motion */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    left: 10px !important;
    top: 10px !important;
  }
  html body:has(.cw-grok-home) .cw-hero-video {
    object-fit: contain !important;
    object-position: center center !important;
    animation: none !important;
    transform: none !important;
    scale: none !important;
    min-height: 0 !important; /* CW-HERO-DESKTOP-20260920e */
    aspect-ratio: auto !important;
    width: 100% !important;
    height: auto !important;
    background: #efe6d0 !important;
  }
  html body:has(.cw-grok-home) .cw-hero-visual {
    overflow: hidden !important;
    background: #efe6d0 !important;
  }
}
/* Desktop: one gentle pan, no zoom pulse */
/* cw-hero-pan-lr disabled — seamless camera path in video file */
/* /CW-VOICE-PASS-548 */

/* CW-VOICE-PASS-549 — lyrics + Our Story + headings (preserve 548 hero/volume) */
/* 1) Cluck lyrics WHITE on green bar — carve out ink-nuke */
html body:has(.cw-grok-home) .cw-cluck-lyric-bar,
html body:has(.cw-grok-home) .cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-lyric-now.is-label-hint,
html body:has(.cw-grok-home) .cw-cluck-lyric-bar p,
html body:has(.cw-grok-home) .cw-cluck-lyric-bar span,
html body:has(.cw-grok-home) .cw-cluck-lyric-now span,
html body:has(.cw-grok-home) .cw-cluck-stage .cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-stage .cw-cluck-lyric-bar,
html body:has(.cw-grok-home) #cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-lyric.is-active,
html body:has(.cw-grok-home) .cw-cluck-lyric.is-near {
  color: #fffbf5 !important;
  -webkit-text-fill-color: #fffbf5 !important;
}
html body:has(.cw-grok-home) .cw-cluck-lyric-bar {
  background: linear-gradient(180deg, transparent 0%, rgba(36,56,44,0.75) 40%, rgba(26,36,28,0.92) 100%) !important;
}
html body:has(.cw-grok-home) .cw-cluck-lyric-now {
  text-shadow: 0 1px 0 rgba(0,0,0,0.9), 0 2px 10px rgba(0,0,0,0.8) !important;
  font-weight: 800 !important;
}
/* Non-slideshow lyric list stays dark on cream — leave alone */

/* 2) Our Story — dark readable ink on cream/paper */
html body:has(.cw-grok-home) .cw-family,
html body:has(.cw-grok-home) .cw-family-box,
html body:has(.cw-grok-home) .cw-story-road-row {
  background: #fffbf5 !important;
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-family h2,
html body:has(.cw-grok-home) .cw-family-box h2,
html body:has(.cw-grok-home) #cw-story-heading,
html body:has(.cw-grok-home) #cw-road-heading,
html body:has(.cw-grok-home) .cw-homestead-dates-title {
  color: #1c1915 !important;
  -webkit-text-fill-color: #1c1915 !important;
  font-weight: 800 !important;
}
html body:has(.cw-grok-home) .cw-homestead-dates-title,
html body:has(.cw-grok-home) #cw-road-heading {
  font-size: clamp(2.1rem, 4.8vw, 3.4rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  text-transform: capitalize !important;
  color: #1c1915 !important;
  -webkit-text-fill-color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-family-box p,
html body:has(.cw-grok-home) .cw-family-box li,
html body:has(.cw-grok-home) .cw-family-box a,
html body:has(.cw-grok-home) .cw-story-copy,
html body:has(.cw-grok-home) .cw-story-kate-intro,
html body:has(.cw-grok-home) .cw-events-intro {
  color: #1c1915 !important;
  -webkit-text-fill-color: #1c1915 !important;
}
/* Loosen Kate/Tom + homestead photo crops — show full faces/scene */
html body:has(.cw-grok-home) .cw-family-photo img,
html body:has(.cw-grok-home) .cw-events-photo-wrap img,
html body:has(.cw-grok-home) img.cw-events-photo {
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
  background: #f4efe6 !important;
}
html body:has(.cw-grok-home) .cw-family-photo,
html body:has(.cw-grok-home) .cw-events-photo-wrap {
  background: #f4efe6 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  border-radius: 1rem !important;
}

/* 3) Headlines — extend 700+ / larger than body (keep why/footer white) */
html body:has(.cw-grok-home) .cw-grok-home h1:not(.cw-eyebrow),
html body:has(.cw-grok-home) .cw-grok-home h2:not(.cw-eyebrow),
html body:has(.cw-grok-home) .cw-grok-home h3:not(.cw-eyebrow) {
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) h1 {
  font-size: clamp(2.4rem, 5.5vw, 4.4rem) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) h2 {
  font-size: clamp(1.95rem, 4.2vw, 3.15rem) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) h3 {
  font-size: clamp(1.25rem, 2.2vw, 1.55rem) !important;
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) .cw-eyebrow {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
}
html body:has(.cw-grok-home) .cw-why h2,
html body:has(.cw-grok-home) .cw-why h3,
html body:has(.cw-grok-home) .cw-footer h2,
html body:has(.cw-grok-home) .cw-final h2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* /CW-VOICE-PASS-549 */



/* /CW-PARALLAX-INK-NUKE */

/* CW-SPACE-TIGHT-HOME */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-partner-card {
    min-height: 0 !important;
    height: auto !important;
  }
  html body:has(.cw-grok-home) .cw-partner-card ul {
    flex: 0 1 auto !important;
  }
  html body:has(.cw-grok-home) .cw-section {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }
  html body:has(.cw-grok-home) .cw-bstock {
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
  }
  html body:has(.cw-grok-home) .cw-note {
    padding-top: 1.75rem !important;
    padding-bottom: 1rem !important;
  }
  html body:has(.cw-grok-home) .cw-keepers {
    padding-top: 1.5rem !important;
    padding-bottom: 1.75rem !important;
  }
}
/* /CW-SPACE-TIGHT-HOME */




/* CW-STORY-PILLS-MOBILE */
/* Our Story CTA pills: mobile only — semi-bold, slightly larger, two stacked rows */
@media (max-width: 800px) {
  html body:has(.cw-grok-home) .cw-family .cw-cta-row,
  html body:has(.cw-grok-home) .cw-section.cw-family .cw-cta-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0.65rem !important;
    width: 100% !important;
  }
  html body:has(.cw-grok-home) .cw-family .cw-cta-row .cw-btn,
  html body:has(.cw-grok-home) .cw-family .cw-cta-row .cw-btn-ghost {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: 600 !important;
    font-size: 1.02rem !important;
    min-height: 48px !important;
    padding: 0.85rem 1.15rem !important;
    white-space: normal !important;
    text-align: center !important;
  }
}
/* Desktop unchanged — no rules above 800px */
/* /CW-STORY-PILLS-MOBILE */




/* CW-CLUCK-LYRIC-CONTRAST */
html body:has(.cw-grok-home) .cw-cluck-lyric-bar {
  background: rgba(36, 56, 44, 0.92) !important;
  color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-lyric-now.is-label-hint,
html body:has(.cw-grok-home) .cw-cluck-lyric-now:empty::before,
html body:has(.cw-grok-home) .cw-cluck-lyric-bar *,
html body:has(.cw-grok-home) .cw-cluck-slide-cite {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-cluck-lyric-now {
  text-shadow: 0 1px 2px rgba(0,0,0,0.55) !important;
  font-weight: 800 !important;
}
html body:has(.cw-grok-home) .cw-cluck-card-play {
  background: #24382c !important;
  color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-cluck-card-play * {
  color: #ffffff !important;
}
/* /CW-CLUCK-LYRIC-CONTRAST */





/* CW-FINDER-BTNS-RESTORE — pills + pressed + clickable (beat Parallax + ink overrides) v2-2026-09-20 */
html body:has(.cw-grok-home) .cw-finder-opts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: stretch !important;
}
html body:has(.cw-grok-home) .cw-finder-opts button,
html body:has(.cw-grok-home) .cw-finder-opts button[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  background: #fffbf5 !important;
  background-color: #fffbf5 !important;
  border: 1.5px solid #ddd4c4 !important;
  border-radius: 999px !important;
  padding: 0.7rem 1.05rem !important;
  min-height: 44px !important;
  font-family: Outfit, system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #1c1915 !important;
  -webkit-text-fill-color: #1c1915 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  z-index: 2 !important;
  box-shadow: none !important;
}
html body:has(.cw-grok-home) .cw-finder-opts button:hover {
  border-color: #24382c !important;
}
html body:has(.cw-grok-home) .cw-finder-opts button[aria-pressed="true"],
html body:has(.cw-grok-home) .cw-finder-opts button[aria-pressed="true"]:hover {
  background: #24382c !important;
  background-color: #24382c !important;
  border-color: #24382c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-finder-preview:not([hidden]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 1.35rem !important;
}
html body:has(.cw-grok-home) .cw-finder-preview[hidden] {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-match-card:not([hidden]) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  gap: 1rem !important;
  align-items: center !important;
}
html body:has(.cw-grok-home) .cw-match-card[hidden] {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-finder-result {
  display: block !important;
  visibility: visible !important;
}
/* /CW-FINDER-BTNS-RESTORE */

/* CW-HERO-CTA-TWO-ROWS — wrap hero pills on iPhone instead of clipping */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.45rem 0.5rem !important;
    overflow: visible !important;
    overflow-x: visible !important;
    max-width: 100% !important;
    width: 100% !important;
    white-space: normal !important;
  }
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn {
    flex: 0 1 auto !important;
    white-space: nowrap !important;
    max-width: 100% !important;
  }
}
@media (max-width: 520px) {
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row {
    /* aim for ~2–3 per row */
    gap: 0.4rem 0.45rem !important;
  }
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn {
    padding: 0.5rem 0.72rem !important;
    font-size: 0.82rem !important;
    min-height: 38px !important;
  }
}
/* /CW-HERO-CTA-TWO-ROWS */

/* CW-MAP-STACK — headline tight to map; social below map */
html body:has(.cw-grok-home) .cw-ugc #cw-ugc-heading {
  margin-bottom: 0.55rem !important;
}
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-wrap {
  margin-top: 0.35rem !important;
  margin-bottom: 0.65rem !important;
}
html body:has(.cw-grok-home) .cw-ugc .cw-soc-row {
  margin: 0.35rem 0 0.25rem !important;
  justify-content: center !important;
}
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-note {
  margin-top: 0.55rem !important;
}
/* /CW-MAP-STACK */

/* CW-PRODUCT-SUBHEAD-SIZE — match Accessories h2 */
html body:has(.cw-grok-home) .cw-product-subhead {
  font-family: Lora, Georgia, serif !important;
  font-size: clamp(1.55rem, 2.8vw, 2.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  margin: 0 0 0.65rem !important;
}
/* /CW-PRODUCT-SUBHEAD-SIZE */

/* CW-MAP-SOC-BELOW-NOTE */
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-note {
  margin-top: 0.55rem !important;
  margin-bottom: 0.75rem !important;
}
html body:has(.cw-grok-home) .cw-ugc .cw-soc-row {
  margin: 0.15rem 0 0.85rem !important;
  justify-content: center !important;
}
/* /CW-MAP-SOC-BELOW-NOTE */

/* CW-PRODUCT-REEL-ARROWS — smaller gray circles, larger arrows */
html body:has(.cw-grok-home) .cw-product-reel {
  position: relative !important;
}
html body:has(.cw-grok-home) .cw-product-reel-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  position: absolute !important;
  top: 50% !important;
  z-index: 5 !important;
  width: 1.95rem !important;
  height: 1.95rem !important;
  min-width: 1.95rem !important;
  min-height: 1.95rem !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 999px !important;
  background: #5f5a52 !important;
  background-color: #5f5a52 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(28,25,21,0.18) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  cursor: pointer !important;
  transform: translateY(-50%) !important;
  -webkit-tap-highlight-color: transparent !important;
}
html body:has(.cw-grok-home) .cw-product-reel-btn:hover,
html body:has(.cw-grok-home) .cw-product-reel-btn:focus-visible {
  background: #4a463f !important;
  color: #ffffff !important;
  border: 0 !important;
  outline: 2px solid rgba(255,255,255,0.45) !important;
  outline-offset: 2px !important;
  transform: translateY(-50%) scale(1.06) !important;
}
html body:has(.cw-grok-home) .cw-product-reel-btn-prev { left: 0.3rem !important; right: auto !important; }
html body:has(.cw-grok-home) .cw-product-reel-btn-next { right: 0.3rem !important; left: auto !important; }
html body:has(.cw-grok-home) .cw-product-group .cw-carousel-nav {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-product-group .cw-carousel-dots {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin: 0.65rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body:has(.cw-grok-home) .cw-product-group .cw-carousel-dots button {
  width: 0.55rem !important;
  height: 0.55rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(36,56,44,0.28) !important;
  cursor: pointer !important;
}
html body:has(.cw-grok-home) .cw-product-group .cw-carousel-dots button[aria-current="true"] {
  background: #5f5a52 !important;
  width: 1.15rem !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-product-group .cw-product-grid {
    padding-left: 2.35rem !important;
    padding-right: 2.35rem !important;
  }
  html body:has(.cw-grok-home) .cw-product-reel-btn {
    display: grid !important;
  }
}
@media (min-width: 901px) {
  html body:has(.cw-grok-home) .cw-product-reel-btn {
    display: none !important;
  }
}
html body:has(.cw-grok-home) .cw-video-reel-btn {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 1.95rem !important;
  height: 1.95rem !important;
  min-width: 1.95rem !important;
  min-height: 1.95rem !important;
  background: #5f5a52 !important;
  background-color: #5f5a52 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 2px 8px rgba(28,25,21,0.18) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
html body:has(.cw-grok-home) .cw-video-reel-btn:hover,
html body:has(.cw-grok-home) .cw-video-reel-btn:focus-visible {
  background: #4a463f !important;
  color: #ffffff !important;
}
/* /CW-PRODUCT-REEL-ARROWS */

/* CW-INK-FINAL-LOCK — must win over Parallax after any broken earlier CSS */
html body:has(.cw-grok-home) #content_wrapper,
html body:has(.cw-grok-home) #content,
html body:has(.cw-grok-home) .main-content,
html body:has(.cw-grok-home) .index-sections,
html body:has(.cw-grok-home) .shopify-section,
html body:has(.cw-grok-home) .cw-grok-home,
html body:has(.cw-grok-home) .cw-section:not(.cw-why):not(.cw-final),
html body:has(.cw-grok-home) .cw-partners,
html body:has(.cw-grok-home) .cw-partner-card,
html body:has(.cw-grok-home) .cw-photo-reel,
html body:has(.cw-grok-home) .cw-family,
html body:has(.cw-grok-home) .cw-accessories-wrap,
html body:has(.cw-grok-home) .cw-bstock,
html body:has(.cw-grok-home) .cw-keepers {
  background-color: #efe6d0 !important;
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-partners {
  background: linear-gradient(180deg,#e7efe6 0%,#f4efe6 72%) !important;
}
html body:has(.cw-grok-home) .cw-partner-card {
  background: #fffbf5 !important;
}
html body:has(.cw-grok-home) .cw-partners h2,
html body:has(.cw-grok-home) .cw-partners h3,
html body:has(.cw-grok-home) .cw-partners p,
html body:has(.cw-grok-home) .cw-partners li,
html body:has(.cw-grok-home) .cw-partners .cw-eyebrow,
html body:has(.cw-grok-home) .cw-partners a:not(.cw-btn):not(.cw-btn-primary),
html body:has(.cw-grok-home) .cw-partner-overview,
html body:has(.cw-grok-home) .cw-photo-reel h2,
html body:has(.cw-grok-home) .cw-photo-reel p,
html body:has(.cw-grok-home) .cw-photo-reel blockquote,
html body:has(.cw-grok-home) .cw-photo-reel cite,
html body:has(.cw-grok-home) .cw-family h2,
html body:has(.cw-grok-home) .cw-family p,
html body:has(.cw-grok-home) .cw-accessories-card h2,
html body:has(.cw-grok-home) .cw-accessories-card p,
html body:has(.cw-grok-home) .cw-product-subhead,
html body:has(.cw-grok-home) .cw-card h3,
html body:has(.cw-grok-home) .cw-card p,
html body:has(.cw-grok-home) .cw-card .cw-eyebrow,
html body:has(.cw-grok-home) .cw-keepers-quote,
html body:has(.cw-grok-home) .cw-keepers-meta {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-footer {
  background: #1a241c !important;
}
html body:has(.cw-grok-home) .cw-footer,
html body:has(.cw-grok-home) .cw-footer a,
html body:has(.cw-grok-home) .cw-footer p,
html body:has(.cw-grok-home) .cw-footer h2 {
  color: #e8dece !important;
}
/* /CW-INK-FINAL-LOCK */
/* bust 1789907080 */
/* bust 1789907156 */

/* CW-HERO-CTA-CENTER — center pill buttons on mobile */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: visible !important;
  }
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn {
    flex: 0 1 auto !important;
  }
}
/* /CW-HERO-CTA-CENTER */
/* bust 1789907225 */

/* CW-HERO-CTA-TYPE — larger type, compact pills, softer gray ghosts */
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row {
  gap: 0.4rem !important;
}
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  padding: 0.42rem 0.78rem !important;
  min-height: 34px !important;
  letter-spacing: 0.01em !important;
}
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn-ghost,
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn:not(.cw-btn-primary) {
  color: #3a342c !important;
  border-color: rgba(36,56,44,0.28) !important;
  background: rgba(255,251,245,0.72) !important;
}
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn-ghost:hover,
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn:not(.cw-btn-primary):hover {
  background: rgba(255,251,245,0.95) !important;
  border-color: rgba(36,56,44,0.45) !important;
  color: #1c1915 !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn {
    font-size: 0.88rem !important;
    padding: 0.38rem 0.7rem !important;
    min-height: 32px !important;
  }
}
@media (max-width: 520px) {
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn {
    font-size: 0.84rem !important;
    padding: 0.34rem 0.62rem !important;
    min-height: 30px !important;
  }
}
/* /CW-HERO-CTA-TYPE */
/* bust 1789907313 */
/* bust 1789907354 */
/* bust 1789907435 */
/* gray arrows bust 1789907470 */

/* CW-PRODUCT-REEL-ARROW-ENDS — hide edge arrows */
html body:has(.cw-grok-home) .cw-product-reel-btn[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* /CW-PRODUCT-REEL-ARROW-ENDS */
/* bust 1789907574 */
/* bust 1789907592 */

/* CW-PRODUCT-DOTS-SHOW — dots under photos + side arrows */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-product-group .cw-carousel-dots {
    display: flex !important;
  }
}
@media (min-width: 901px) {
  html body:has(.cw-grok-home) .cw-product-group .cw-carousel-dots {
    display: none !important;
  }
}
/* /CW-PRODUCT-DOTS-SHOW */
/* bust 1789907725 */

/* CW-COMBO-SAVE-BADGE */
html body:has(.cw-grok-home) .cw-card .cw-badge-save {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-combo-special {
  margin: 0 0 0.35rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  font-family: Outfit, system-ui, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: #9c3b2c !important;
  line-height: 1.25 !important;
}
html body:has(.cw-grok-home) .cw-card-save {
  display: block !important;
  margin-top: 0.35rem !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: #9c3b2c !important;
}
/* /CW-COMBO-SAVE-BADGE */
/* bust 1789909002 */
/* bust 1789909902 */

/* CW-WHY-INK-CARVE — permanent: green Why; cream sections dark ink; never white-on-cream */
html body:has(.cw-grok-home) .cw-why,
html body:has(.cw-grok-home) section.cw-why,
html body:has(.cw-grok-home) .cw-section.cw-why {
  background: #24382c !important;
  background-color: #24382c !important;
  color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-why .cw-eyebrow { color: #d9cdbb !important; }
html body:has(.cw-grok-home) .cw-why h2,
html body:has(.cw-grok-home) .cw-why h3,
html body:has(.cw-grok-home) .cw-why p,
html body:has(.cw-grok-home) .cw-why li,
html body:has(.cw-grok-home) .cw-why article,
html body:has(.cw-grok-home) .cw-why .cw-feature-grid p {
  color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-final,
html body:has(.cw-grok-home) section.cw-final {
  background: #9c3b2c !important;
  color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-final h2,
html body:has(.cw-grok-home) .cw-final p { color: #ffffff !important; }
html body:has(.cw-grok-home) .cw-section:not(.cw-why):not(.cw-final),
html body:has(.cw-grok-home) .cw-ugc,
html body:has(.cw-grok-home) .cw-photo-reel,
html body:has(.cw-grok-home) .cw-partners,
html body:has(.cw-grok-home) .cw-family,
html body:has(.cw-grok-home) .cw-products,
html body:has(.cw-grok-home) .cw-finder,
html body:has(.cw-grok-home) .cw-accessories-card,
html body:has(.cw-grok-home) .cw-keepers {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-ugc h2,
html body:has(.cw-grok-home) .cw-photo-reel h2,
html body:has(.cw-grok-home) .cw-partners h2,
html body:has(.cw-grok-home) .cw-partners h3,
html body:has(.cw-grok-home) .cw-partners p,
html body:has(.cw-grok-home) .cw-partners li,
html body:has(.cw-grok-home) .cw-family h2,
html body:has(.cw-grok-home) .cw-family p,
html body:has(.cw-grok-home) .cw-product-subhead,
html body:has(.cw-grok-home) .cw-card h3,
html body:has(.cw-grok-home) .cw-card p,
html body:has(.cw-grok-home) .cw-accessories-card h2,
html body:has(.cw-grok-home) .cw-finder h2,
html body:has(.cw-grok-home) .cw-finder p,
html body:has(.cw-grok-home) .cw-keepers-quote {
  color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-partners {
  background: linear-gradient(180deg,#e7efe6 0%,#f4efe6 72%) !important;
}
/* /CW-WHY-INK-CARVE */
/* permanent-ink bust 1789910175 */

/* CW-CLUCK-FS-LYRICS — fullscreen: lyrics overlay bottom of video, fully visible */
html body:has(.cw-grok-home) .cw-cluck-card:fullscreen .cw-cluck-stage,
html body:has(.cw-grok-home) .cw-cluck-card:-webkit-full-screen .cw-cluck-stage,
html body:has(.cw-grok-home) .cw-cluck-card.is-fullscreen .cw-cluck-stage,
html body:has(.cw-grok-home) .cw-cluck-card.is-fs-pseudo .cw-cluck-stage {
  position: relative !important;
  overflow: hidden !important;
  height: 100% !important;
  /* do not shrink stage for lyrics — lyrics overlay on top */
  padding-bottom: 0 !important;
  display: block !important;
}
html body:has(.cw-grok-home) .cw-cluck-card:fullscreen .cw-cluck-slides,
html body:has(.cw-grok-home) .cw-cluck-card:-webkit-full-screen .cw-cluck-slides,
html body:has(.cw-grok-home) .cw-cluck-card.is-fullscreen .cw-cluck-slides,
html body:has(.cw-grok-home) .cw-cluck-card.is-fs-pseudo .cw-cluck-slides {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  width: 100% !important;
  bottom: 0 !important;
  flex: none !important;
  min-height: 0 !important;
}
html body:has(.cw-grok-home) .cw-cluck-card:fullscreen .cw-cluck-lyric-bar,
html body:has(.cw-grok-home) .cw-cluck-card:-webkit-full-screen .cw-cluck-lyric-bar,
html body:has(.cw-grok-home) .cw-cluck-card.is-fullscreen .cw-cluck-lyric-bar,
html body:has(.cw-grok-home) .cw-cluck-card.is-fs-pseudo .cw-cluck-lyric-bar {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 1.1rem 0.85rem calc(1.25rem + env(safe-area-inset-bottom, 0px)) !important;
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  z-index: 8 !important;
  pointer-events: none !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  /* readable overlay over the picture, not a reserved band */
  background: linear-gradient(180deg, transparent 0%, rgba(18,24,20,0.35) 35%, rgba(18,24,20,0.88) 100%) !important;
}
html body:has(.cw-grok-home) .cw-cluck-card:fullscreen .cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-card:-webkit-full-screen .cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-card.is-fullscreen .cw-cluck-lyric-now,
html body:has(.cw-grok-home) .cw-cluck-card.is-fs-pseudo .cw-cluck-lyric-now {
  position: relative !important;
  font-size: clamp(1.15rem, 4vw, 1.7rem) !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 0.35rem !important;
  margin: 0 !important;
  overflow: visible !important;
  text-overflow: unset !important;
  text-align: center !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.55) !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-cluck-card:fullscreen .cw-cluck-lyric-now,
  html body:has(.cw-grok-home) .cw-cluck-card:-webkit-full-screen .cw-cluck-lyric-now,
  html body:has(.cw-grok-home) .cw-cluck-card.is-fullscreen .cw-cluck-lyric-now,
  html body:has(.cw-grok-home) .cw-cluck-card.is-fs-pseudo .cw-cluck-lyric-now {
    font-size: clamp(1.05rem, 4.6vw, 1.4rem) !important;
    line-height: 1.26 !important;
  }
  html body:has(.cw-grok-home) .cw-cluck-card:fullscreen .cw-cluck-lyric-bar,
  html body:has(.cw-grok-home) .cw-cluck-card:-webkit-full-screen .cw-cluck-lyric-bar,
  html body:has(.cw-grok-home) .cw-cluck-card.is-fullscreen .cw-cluck-lyric-bar,
  html body:has(.cw-grok-home) .cw-cluck-card.is-fs-pseudo .cw-cluck-lyric-bar {
    padding: 0.95rem 0.7rem calc(1.1rem + env(safe-area-inset-bottom, 0px)) !important;
  }
}
/* /CW-CLUCK-FS-LYRICS */
/* bust 1789910690 */
/* bust 1789910719 */

/* CW-CHAT-LANDSCAPE — iPhone landscape: chat overlaps Made in the USA on hero */
@media (orientation: landscape) and (max-height: 520px) {
  html body:has(.cw-grok-home) shopify-chat,
  html body:has(.cw-grok-home) #shopify-chat,
  html body:has(.cw-grok-home) #ShopifyChat,
  html body:has(.cw-grok-home) .shopify-chat-buttongroup,
  html body:has(.cw-grok-home) iframe[id*="chat" i],
  html body:has(.cw-grok-home) iframe[name*="chat" i],
  html body:has(.cw-grok-home) [id*="shopify-chat" i],
  html body:has(.cw-grok-home) [class*="shopify-chat" i],
  html body:has(.cw-grok-home) [class*="chat-button" i],
  html body:has(.cw-grok-home) div[data-testid*="chat" i] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    z-index: -1 !important;
  }
}
/* /CW-CHAT-LANDSCAPE */
/* bust 1789910801 */

/* CW-TOP-BARS-OFF — remove trust strip (Father+daughter / CoopLife) */
html body:has(.cw-grok-home) .cw-trust {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
/* /CW-TOP-BARS-OFF */
/* bust 1789910899 */

/* CW-HERO-MUTE — speaker icons + working unmute */
html body:has(.cw-grok-home) .cw-hero-mute-btn {
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  bottom: auto !important;
  right: auto !important;
  z-index: 10050 !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  border: 2px solid #1a241c !important;
  background: #fff !important;
  color: #1a241c !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn .cw-mute-fallback {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  pointer-events: none !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn .cw-mute-icon-on {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn[aria-pressed="true"] .cw-mute-icon-on,
html body:has(.cw-grok-home) .cw-hero-mute-btn.is-unmuted .cw-mute-icon-on {
  display: block !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn[aria-pressed="true"] .cw-mute-icon-off,
html body:has(.cw-grok-home) .cw-hero-mute-btn.is-unmuted .cw-mute-icon-off {
  display: none !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    left: 10px !important;
    top: 10px !important;
  }
}
/* /CW-HERO-MUTE */
/* bust 1789911062 */

/* CW-HERO-SEAMLESS — camera path lives in video; no CSS pan/zoom on top */
html body:has(.cw-grok-home) .cw-hero-video {
  animation: none !important;
  transform: none !important;
}
@media (min-width: 901px) {
  html body:has(.cw-grok-home) .cw-hero-video {
    animation: none !important;
    transform: none !important;
  }
}
/* /CW-HERO-SEAMLESS */
/* bust 1789911359 */

/* CW-MAP-PHOTO-GAP — slight tighten: social icons → Happy flocks headline */
html body:has(.cw-grok-home) .cw-ugc .cw-soc-row {
  margin-bottom: 0.35rem !important;
  padding-bottom: 0 !important;
}
html body:has(.cw-grok-home) .cw-ugc .cw-cta-row {
  margin-top: 0.55rem !important;
  margin-bottom: 0.15rem !important;
}
html body:has(.cw-grok-home) .cw-photo-reel {
  padding-top: 2.75rem !important;
}
html body:has(.cw-grok-home) .cw-photo-reel .cw-section-head {
  margin-bottom: 1rem !important;
  margin-top: 0 !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-ugc {
    padding-bottom: 1.75rem !important;
  }
  html body:has(.cw-grok-home) .cw-photo-reel {
    padding-top: 1.85rem !important;
  }
  html body:has(.cw-grok-home) .cw-ugc .cw-soc-row {
    margin-bottom: 0.2rem !important;
  }
}
/* /CW-MAP-PHOTO-GAP */
/* bust 1789912591 */

/* CW-STARS-GOLD — force site gold (beat black ink + iOS emoji ★) */
html body:has(.cw-grok-home) .cw-stars,
html body:has(.cw-grok-home) .cw-stars span,
html body:has(.cw-grok-home) .cw-photo-card .cw-stars,
html body:has(.cw-grok-home) .cw-photo-card .cw-stars span,
html body:has(.cw-grok-home) .cw-photo-card-body .cw-stars,
html body:has(.cw-grok-home) .cw-photo-card-body .cw-stars span,
html body:has(.cw-grok-home) .cw-review-reel .cw-stars,
html body:has(.cw-grok-home) .cw-review-reel .cw-stars span,
html body:has(.cw-grok-home) .cw-review-reel-quotes .cw-stars,
html body:has(.cw-grok-home) .cw-review-reel-quotes .cw-stars span {
  color: #d4a017 !important;
  -webkit-text-fill-color: #d4a017 !important;
  fill: #d4a017 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  visibility: visible !important;
  /* Prefer text glyph ★ over emoji so color applies on iPhone */
  font-family: "Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols", Times, serif !important;
  filter: none !important;
}
/* /CW-STARS-GOLD */
/* bust 1789912659 */

/* CW-PARTNERS-GRAPHIC — hero graphic on top, short headline, tight cards */
html body:has(.cw-grok-home) .cw-partners .cw-partners-hero {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.85rem !important;
  max-width: 960px !important;
  margin: 0 auto 1.15rem !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partners-graphic-link {
  display: block !important;
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  border: 2px solid #24382c !important;
  box-shadow: 0 14px 32px rgba(36,56,44,0.14) !important;
  order: 0 !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partners-graphic {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partners-copy {
  text-align: center !important;
  margin: 0 auto !important;
  max-width: 28rem !important;
  order: 1 !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partners-copy h2 {
  font-size: clamp(1.25rem, 3vw, 1.65rem) !important;
  line-height: 1.25 !important;
  margin: 0.15rem 0 0 !important;
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partners-grid {
  max-width: 900px !important;
  margin: 0 auto !important;
  gap: 1rem !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-card {
  min-height: 0 !important;
  padding: 1.05rem 1.05rem 1rem !important;
  box-shadow: 0 6px 16px rgba(36,56,44,0.07) !important;
  border-width: 1.5px !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-card .cw-eyebrow {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-card h3 {
  margin: 0 0 0.55rem !important;
  font-size: clamp(1.2rem, 2.2vw, 1.45rem) !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-card li {
  margin: 0.35rem 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-actions {
  padding-top: 0.75rem !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-card .cw-btn {
  min-height: 44px !important;
  font-size: 0.95rem !important;
  padding: 0.7rem 1.1rem !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partners-more {
  text-align: center !important;
  margin: 0.85rem 0 0 !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-overview {
  display: inline-block !important;
  font-size: 0.92rem !important;
  font-weight: 700 !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-partners .cw-partners-hero {
    gap: 0.7rem !important;
    margin-bottom: 0.95rem !important;
  }
  html body:has(.cw-grok-home) .cw-partners .cw-partners-copy h2 {
    font-size: clamp(1.15rem, 4.8vw, 1.35rem) !important;
  }
  html body:has(.cw-grok-home) .cw-partners .cw-partner-card {
    padding: 0.95rem 0.95rem 0.9rem !important;
  }
}
/* Force stacked hero (graphic on top) even on desktop — not side-by-side */
@media (min-width: 900px) {
  html body:has(.cw-grok-home) .cw-partners .cw-partners-hero {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }
}
/* /CW-PARTNERS-GRAPHIC */
/* bust 1789913155 */
/* bust 1789913198 */

/* CW-CLUCK-PLAYBAR-OFF — remove dead Lyrics pill above Cluck card */
html body:has(.cw-grok-home) .cw-cluck-play-bar,
html body:has(.cw-grok-home) #cw-cluck-play-bar,
html body:has(.cw-grok-home) .cw-cluck-card-lyrics-link {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
}
/* /CW-CLUCK-PLAYBAR-OFF */
/* bust 1789913264 */

/* CW-FAMILY-THROUGHLINE — Tom & Kate above Live The CoopLife */
html body:has(.cw-grok-home) .cw-final .cw-final-signoff {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin: 0 auto 1.35rem !important;
  max-width: 20rem !important;
}
html body:has(.cw-grok-home) .cw-final .cw-final-family {
  width: 8.5rem !important;
  height: 8.5rem !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 3px solid rgba(255,251,245,0.55) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.22) !important;
  display: block !important;
}
html body:has(.cw-grok-home) .cw-final .cw-final-family-label { display: none !important; }
@media (max-width: 640px) {
  html body:has(.cw-grok-home) .cw-final .cw-final-family {
    width: 7.1rem !important;
    height: 7.1rem !important;
  }
}
/* /CW-FAMILY-THROUGHLINE */
/* bust 1789913983 */
/* bust 1789915268 */

/* CW-STORY-ROAD-GAP — pull homestead photo up under Talk to Tom */
html body:has(.cw-grok-home) .cw-section.cw-family:not(.cw-on-the-road) {
  padding-bottom: 0.35rem !important;
  margin-bottom: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family:not(.cw-on-the-road) .cw-family-box {
  margin-bottom: 0 !important;
  padding-bottom: 1.15rem !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family:not(.cw-on-the-road) .cw-cta-row {
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family.cw-on-the-road {
  padding-top: 0.35rem !important;
  margin-top: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family.cw-on-the-road .cw-family-box {
  margin-top: 0 !important;
  padding-top: 1rem !important;
}
html body:has(.cw-grok-home) .cw-on-the-road .cw-events-photo-wrap,
html body:has(.cw-grok-home) .cw-on-the-road .cw-family-photo {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
}
/* kill contain letterbox that stacked empty cream above the road photo */
html body:has(.cw-grok-home) .cw-on-the-road .cw-events-photo-wrap img,
html body:has(.cw-grok-home) .cw-on-the-road img.cw-events-photo {
  object-fit: cover !important;
  object-position: center 18% !important;
  aspect-ratio: 4 / 3 !important;
  width: 100% !important;
  height: auto !important;
}
/* /CW-STORY-ROAD-GAP */
/* bust 1789915392 */
/* bust 1789915440 */
/* bust 1789915475 */

/* CW-FINAL-SUB — Backyard Strong under Live the CoopLife */
html body:has(.cw-grok-home) .cw-final .cw-final-sub {
  margin: 0.35rem auto 1rem !important;
  max-width: 32rem !important;
  color: #fff !important;
  font-family: Lora, Georgia, serif !important;
  font-size: clamp(1.15rem, 2.4vw, 1.45rem) !important;
  font-weight: 500 !important;
  font-style: italic !important;
  line-height: 1.3 !important;
  opacity: 0.92 !important;
}
html body:has(.cw-grok-home) .cw-final .cw-final-body {
  margin: 0 auto 1.5rem !important;
}
html body:has(.cw-grok-home) .cw-final h2#cw-final-heading {
  margin-bottom: 0.15rem !important;
}
/* /CW-FINAL-SUB */
/* bust 1789915574 */
/* bust 1789915776 */
/* bust 1789915866 */

/* CW-FOOTER-CLEAN — tighter orange CTA, visible social icons, contact bottom line */
html body:has(.cw-grok-home) .cw-final {
  padding: 2.6rem 1.2rem 2.2rem !important;
}
@media (max-width: 640px) {
  html body:has(.cw-grok-home) .cw-final {
    padding: 2.1rem 1rem 1.85rem !important;
  }
  html body:has(.cw-grok-home) .cw-final .cw-final-signoff {
    margin-bottom: 1rem !important;
  }
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social .cw-soc-icon {
  background: #fffbf5 !important;
  color: #1a241c !important;
  border: 1px solid rgba(255,251,245,0.35) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  opacity: 1 !important;
  padding: 0 !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social .cw-soc-svg {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  opacity: 1 !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social .cw-soc-svg path {
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
}
/* Brand colors — icons fill most of the circle */
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Instagram" i] {
  background: linear-gradient(45deg, #f58529, #dd2a7b 50%, #8134af 75%, #515bd4) !important;
  border-color: transparent !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Instagram" i] .cw-soc-svg,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Instagram" i] .cw-soc-svg path {
  fill: #fff !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="YouTube" i] {
  background: #ff0000 !important;
  border-color: transparent !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="YouTube" i] .cw-soc-svg,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="YouTube" i] .cw-soc-svg path {
  fill: #fff !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Facebook" i] {
  background: #1877f2 !important;
  border-color: transparent !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Facebook" i] .cw-soc-svg,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Facebook" i] .cw-soc-svg path {
  fill: #fff !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label^="X" i],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[href*="x.com"] {
  background: #0f1419 !important;
  border-color: transparent !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label^="X" i] .cw-soc-svg,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label^="X" i] .cw-soc-svg path,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[href*="x.com"] .cw-soc-svg,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[href*="x.com"] .cw-soc-svg path {
  fill: #fff !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-copy {
  color: #cfc6b8 !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-copy a {
  color: #fffbf5 !important;
  text-decoration:none !important;
}
/* /CW-FOOTER-CLEAN */
/* bust 1789916000 */

/* CW-FOOTER-CONTACT-FLUSH */
html body:has(.cw-grok-home) .cw-footer .cw-footer-copy {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
  text-indent: 0 !important;
}
html body:has(.cw-grok-home) .cw-footer .cw-footer-copy::before,
html body:has(.cw-grok-home) .cw-footer .cw-footer-copy li::before {
  content: none !important;
  display: none !important;
}
/* /CW-FOOTER-CONTACT-FLUSH */
/* bust 1789916200 */
/* bust 1789916240 */

/* CW-FINAL-SIGNOFF-TIGHT — toast circle directly on Live the CoopLife stack */
html body:has(.cw-grok-home) .cw-final .cw-final-signoff {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 auto 0.55rem !important;
  max-width: 20rem !important;
}
html body:has(.cw-grok-home) .cw-final .cw-final-family-label {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-final h2#cw-final-heading {
  margin-top: 0 !important;
  margin-bottom: 0.15rem !important;
}
html body:has(.cw-grok-home) .cw-final .cw-final-sub {
  margin-top: 0.2rem !important;
}
/* /CW-FINAL-SIGNOFF-TIGHT */
/* bust 1789916511 */

/* CW-FOOTER-LLC-ONCE */
html body:has(.cw-grok-home) .cw-footer .cw-footer-copy {
  display: none !important;
}
/* /CW-FOOTER-LLC-ONCE */
/* bust 1789916567 */

/* bust 1789916696 */
/* bust 1789916897 */

/* CW-HEADER-SOC-BRAND */
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="instagram.com"] {
  background: linear-gradient(45deg, #f58529, #dd2a7b 50%, #8134af 75%, #515bd4) !important;
  border: none !important;
  color: #fff !important;
  width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important;
  border-radius: 999px !important;
}
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="youtube.com"] {
  background: #ff0000 !important; border: none !important; color: #fff !important;
  width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important;
  border-radius: 999px !important;
}
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="facebook.com"] {
  background: #1877f2 !important; border: none !important; color: #fff !important;
  width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important;
  border-radius: 999px !important;
}
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="x.com"] {
  background: #0f1419 !important; border: none !important; color: #fff !important;
  width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important;
  border-radius: 999px !important;
}
html body .cw-grok-home .cw-social-strip a.cw-soc-icon .cw-soc-svg {
  width: 28px !important; height: 28px !important;
}
html body .cw-grok-home .cw-social-strip a.cw-soc-icon .cw-soc-svg path {
  fill: #ffffff !important;
}
/* /CW-HEADER-SOC-BRAND */

/* bust 1789916914 */

/* CW-FEATURED-SIX-20260920 — 3-col desktop, stack on mobile */
html body:has(.cw-grok-home) .cw-video-featured-pair {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.15rem !important;
  margin-bottom: 2.25rem !important;
}
@media (min-width: 641px) and (max-width: 899px) {
  html body:has(.cw-grok-home) .cw-video-featured-pair {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.15rem !important;
  }
}
@media (min-width: 900px) {
  html body:has(.cw-grok-home) .cw-video-featured-pair {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
  }
}
html body:has(.cw-grok-home) .cw-video-featured-pair .cw-video-featured {
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* /CW-FEATURED-SIX-20260920 */
/* bust 1789917564 */

/* CW-SILO-CARD-CLEAN — one heading, ZERO underlines, tight specs */
html body:has(.cw-grok-home) .cw-products a.cw-card,
html body:has(.cw-grok-home) .cw-products a.cw-card:link,
html body:has(.cw-grok-home) .cw-products a.cw-card:visited,
html body:has(.cw-grok-home) .cw-products a.cw-card:hover,
html body:has(.cw-grok-home) .cw-products a.cw-card:focus,
html body:has(.cw-grok-home) .cw-products a.cw-card:active,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured:link,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured:visited,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured:hover,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured:focus,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured:active {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration-line: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card *,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured *,
html body:has(.cw-grok-home) .cw-products a.cw-card h3,
html body:has(.cw-grok-home) .cw-products a.cw-card p,
html body:has(.cw-grok-home) .cw-products a.cw-card span,
html body:has(.cw-grok-home) .cw-products a.cw-card div,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured h3,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured p,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured span,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured div {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration-line: none !important;
  border-bottom: 0 !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-name,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-name,
html body:has(.cw-grok-home) .cw-products a.cw-card h3.cw-card-name {
  font-family: Outfit, system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.35rem, 2.4vw, 1.75rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 0.35rem !important;
  min-height: 0 !important;
  color: #1c1915 !important;
  text-decoration: none !important;
  text-wrap: balance !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card > p,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured > p {
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  margin: 0 0 0.4rem !important;
  min-height: 0 !important;
  color: #6b6458 !important;
  text-decoration: none !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-meta,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-meta {
  font-family: Outfit, system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  color: #24382c !important;
  margin: 0 0 0.55rem !important;
  text-decoration: none !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-eyebrow {
  display: none !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-combo-special {
  text-decoration: none !important;
  font-weight: 700 !important;
}
/* /CW-SILO-CARD-CLEAN */
/* bust 1789918539 */
/* bust 1789918611 */
/* bust 1789918644 */

/* bust 1789918886 */

/* CW-NO-UNDERLINE-PRODUCTS-FINAL */
html body .cw-grok-home .cw-products a.cw-card,
html body .cw-grok-home .cw-products a.cw-card:hover,
html body .cw-grok-home .cw-products a.cw-card:focus,
html body .cw-grok-home .cw-products a.cw-card *,
html body .cw-grok-home #content_wrapper .cw-products a.cw-card,
html body .cw-grok-home #content_wrapper .cw-products a.cw-card * {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
  border-bottom: none !important;
}
/* /CW-NO-UNDERLINE-PRODUCTS-FINAL */
/* bust 1789919017 */
/* bust 1789919038 */
/* bust 1789919080 */
/* bust 1789919119 */

/* CW-CLUCK-IDLE-PREVIEW — show real image before play, not black */
html body:has(.cw-grok-home) .cw-cluck-stage {
  background-color: #1a241c !important;
  background-image: url('/cdn/shop/files/cw-review-photo-anna.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
}
html body:has(.cw-grok-home) .cw-cluck-card.is-playing .cw-cluck-stage {
  background-image: none !important;
}
html body:has(.cw-grok-home) .cw-cluck-slide.is-active {
  opacity: 1 !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}
/* /CW-CLUCK-IDLE-PREVIEW */

/* CW-NO-UNDERLINE-GLOBAL — strip every underline on Grok Build storefront */
html body:has(.cw-grok-home) a,
html body:has(.cw-grok-home) a:link,
html body:has(.cw-grok-home) a:visited,
html body:has(.cw-grok-home) a:hover,
html body:has(.cw-grok-home) a:focus,
html body:has(.cw-grok-home) a:active,
html body:has(.cw-grok-home) a *,
html body:has(.cw-grok-home) u,
html body:has(.cw-grok-home) span,
html body:has(.cw-grok-home) p,
html body:has(.cw-grok-home) h1,
html body:has(.cw-grok-home) h2,
html body:has(.cw-grok-home) h3,
html body:has(.cw-grok-home) h4,
html body:has(.cw-grok-home) li,
html body:has(.cw-grok-home) button,
html body:has(.cw-grok-home) .cw-grok-home,
html body:has(.cw-grok-home) .cw-grok-home * {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  text-underline-offset: 0 !important;
  text-decoration-thickness: 0 !important;
}
html body:has(.cw-grok-home) a,
html body:has(.cw-grok-home) a * {
  border-bottom: none !important;
  box-shadow: none !important;
}
/* Also cover About / other Grok pages that use cw-grok-* */
html body:has(.cw-grok-about) a,
html body:has(.cw-grok-about) a:link,
html body:has(.cw-grok-about) a:visited,
html body:has(.cw-grok-about) a:hover,
html body:has(.cw-grok-about) a:focus,
html body:has(.cw-grok-about) a:active,
html body:has(.cw-grok-about) .cw-grok-about,
html body:has(.cw-grok-about) .cw-grok-about * {
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration: none !important;
  border-bottom: none !important;
}
/* /CW-NO-UNDERLINE-GLOBAL */
/* underline-bust 1789922420 */
/* bust-u 1789922458 */
/* CW-KATE-TIGHT */
html body:has(.cw-grok-home) .cw-kate-lead p {
  margin: 0 0 0.7rem !important;
  line-height: 1.45 !important;
}
html body:has(.cw-grok-home) .cw-invent-closer {
  margin: 1.2rem 0 0.55rem !important;
}
html body:has(.cw-grok-about) .cw-kate-letter p {
  margin: 0 0 0.7rem !important;
  line-height: 1.45 !important;
}
html body:has(.cw-grok-about) .cw-invent-closer h2 {
  font-size: clamp(1.35rem, 2.8vw, 1.85rem) !important;
  margin-bottom: 0.45rem !important;
}
/* /CW-KATE-TIGHT */

/* CW-HERO-CENTER-LOOP — true ping-pong returns to center; no CSS pan/zoom */
html body:has(.cw-grok-home) .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero-visual video {
  animation: none !important;
  transform: none !important;
  object-position: center center !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-video {
    animation: none !important;
    transform: none !important;
  }
}
/* /CW-HERO-CENTER-LOOP */

/* CW-CHAT-OFF-USA — raise chat clear of Made in the USA / hero corner */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) #shopify-chat,
  html body:has(.cw-grok-home) shopify-chat,
  html body:has(.cw-grok-home) #ShopifyChat,
  html body:has(.cw-grok-home) .ShopifyChat {
    bottom: 5.5rem !important;
    right: 0.85rem !important;
  }
}
@media (orientation: landscape) and (max-height: 520px) {
  html body:has(.cw-grok-home) #shopify-chat,
  html body:has(.cw-grok-home) shopify-chat,
  html body:has(.cw-grok-home) #ShopifyChat,
  html body:has(.cw-grok-home) .ShopifyChat {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* /CW-CHAT-OFF-USA */

/* bust 1789930506 */

/* CW-FINDER-CLICK-FIX — ensure picks show a result and stay clickable */
html body:has(.cw-grok-home) .cw-finder-panel,
html body:has(.cw-grok-home) .cw-finder-opts,
html body:has(.cw-grok-home) .cw-finder-opts button{
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
html body:has(.cw-grok-home) .cw-finder-result{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 2.5rem !important;
}
html body:has(.cw-grok-home) .cw-match-card:not([hidden]){
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #fffbf5 !important;
  color: #1c1915 !important;
  border: 1.5px solid #ddd4c4 !important;
  border-radius: 1rem !important;
  padding: 1rem !important;
  margin-top: 0.75rem !important;
}
html body:has(.cw-grok-home) .cw-match-card:not([hidden]) strong,
html body:has(.cw-grok-home) .cw-match-card:not([hidden]) p,
html body:has(.cw-grok-home) .cw-match-card:not([hidden]) a{
  color: #1c1915 !important;
  -webkit-text-fill-color: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-match-card:not([hidden]) a.cw-btn,
html body:has(.cw-grok-home) .cw-match-card:not([hidden]) a.cw-btn-primary{
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* CW-HERO-LINES-TRUE-CENTER — each line centers on the same axis (line1 was left-pinned by max-width overflow) */
html body:has(.cw-grok-home) .cw-hero .cw-hero-copy{
  text-align: center !important;
}
html body:has(.cw-grok-home) .cw-hero .cw-hero-copy h1.cw-hero-headline,
html body:has(.cw-grok-home) .cw-hero h1.cw-hero-headline,
html body:has(.cw-grok-home) h1.cw-hero-headline{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 0.08em !important;
  line-height: 1.08 !important;
  font-size: clamp(1.7rem, 5.6vw, 3.2rem) !important;
  letter-spacing: -0.02em !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body:has(.cw-grok-home) h1.cw-hero-headline .cw-hero-line,
html body:has(.cw-grok-home) h1.cw-hero-headline .cw-hero-line-1,
html body:has(.cw-grok-home) h1.cw-hero-headline .cw-hero-line-2{
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
  box-sizing: border-box !important;
  float: none !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
@media (max-width: 420px){
  html body:has(.cw-grok-home) h1.cw-hero-headline{
    font-size: clamp(1.45rem, 6.8vw, 1.95rem) !important;
    letter-spacing: -0.035em !important;
  }
}
/* CW-ACCESSORIES-ALIGN-20260920 — Accessories matches Combos size + card left edge */
html body:has(.cw-grok-home) .cw-accessories-wrap{
  max-width: 72rem !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
html body:has(.cw-grok-home) .cw-accessories-wrap .cw-accessories-heading,
html body:has(.cw-grok-home) h3.cw-product-subhead.cw-accessories-heading,
html body:has(.cw-grok-home) h3.cw-accessories-heading{
  display: block !important;
  margin: 0 0 0.65rem !important;
  
  font-family: Lora, Georgia, serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.55rem, 2.8vw, 2.35rem) !important;
  line-height: 1.12 !important;
  letter-spacing: 0.01em !important;
  color: var(--green, #24382c) !important;
  -webkit-text-fill-color: var(--green, #24382c) !important;
  text-align: left !important;
}
html body:has(.cw-grok-home) .cw-accessories-wrap .cw-accessories-card{
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}
/* CW-FINDER-DUAL-MATCH — show both 80 + 40 results for 8–20 */
html body:has(.cw-grok-home) .cw-finder-matches{
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  width: 100% !important;
}
html body:has(.cw-grok-home) .cw-finder-matches .cw-match-card:not([hidden]){
  display: flex !important;
  width: 100% !important;
}

/* CW-HERO-SINGLE-KB — motion baked in mp4; CSS must not crop silo branding */
html body:has(.cw-grok-home) .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero-visual video{
  transform: none !important;
  animation: none !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* CW-COAST-SPLIT-20260920g — restore two-column flex row (revert V3f column-only) */
html body:has(.cw-grok-home) .cw-section.cw-ugc{
  display: block !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-split{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 2rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy{
  order: 1 !important;
  flex: 0 1 40% !important;
  width: 40% !important;
  max-width: 40% !important;
  min-width: 0 !important;
  z-index: 2 !important;
  margin: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap{
  order: 2 !important;
  flex: 1 1 58% !important;
  width: 58% !important;
  max-width: 60% !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  z-index: 1 !important;
}
@media (max-width: 700px){
  html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-split{
    flex-direction: column !important;
  }
  html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
  html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap{
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }
}

/* CW-PHOTO-REEL-SCROLL-12 — all 12 cards scroll fully; no early cutoff */
html body:has(.cw-grok-home) .cw-section.cw-photo-reel{
  overflow: visible !important;
  max-width: 100% !important;
}
html body:has(.cw-grok-home) .cw-photo-reel .cw-section-head{
  max-width: 100% !important;
}
html body:has(.cw-grok-home) .cw-photo-reel-track{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-inline: 1rem !important;
  padding: 0.25rem 1.5rem 1.25rem 0.15rem !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  touch-action: pan-x pan-y !important;
}
html body:has(.cw-grok-home) .cw-photo-reel-track .cw-photo-card{
  flex: 0 0 min(78vw, 280px) !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  width: min(78vw, 280px) !important;
  min-width: min(78vw, 280px) !important;
  max-width: min(78vw, 280px) !important;
  scroll-snap-align: start !important;
  box-sizing: border-box !important;
}
html body:has(.cw-grok-home) .cw-photo-reel-track::after{
  content: "" !important;
  flex: 0 0 1.5rem !important;
  min-width: 1.5rem !important;
  width: 1.5rem !important;
  height: 1px !important;
  pointer-events: none !important;
}

/* CW-PHOTO-REEL-SCROLL-12 bust 20260920b */

/* CW-PARTNER-BTN-WHITE — green pills need white labels (ink rules were painting buttons dark) */
html body:has(.cw-grok-home) .cw-partners a.cw-btn,
html body:has(.cw-grok-home) .cw-partners a.cw-btn-primary,
html body:has(.cw-grok-home) .cw-partner-card a.cw-btn,
html body:has(.cw-grok-home) .cw-partner-card a.cw-btn-primary,
html body:has(.cw-grok-home) .cw-partners .cw-partner-actions a{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #24382c !important;
  background-color: #24382c !important;
  border-color: #24382c !important;
}
html body:has(.cw-grok-home) .cw-partners a.cw-btn:hover,
html body:has(.cw-grok-home) .cw-partners a.cw-btn-primary:hover,
html body:has(.cw-grok-home) .cw-partner-card a.cw-btn:hover{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #1a2a20 !important;
  border-color: #1a2a20 !important;
}

/* CW-HERO-LOCK-20260920 — beat earlier cover/crop; motion is baked into mp4 only */
html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual video{
  transform: none !important;
  animation: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* CW-SOC-CENTER-20260920c */
html body:has(.cw-grok-home) .cw-social-strip,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social,
html body:has(.cw-grok-home) .cw-soc-row{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  float: none !important;
}
@media (min-width: 961px){
  html body:has(.cw-grok-home) .cw-social-strip{
    justify-content: center !important;
  }
}




/* CW-TYPE-MATCH-20260920 — Setup finder & Coast to Coast share headline + eyebrow treatment */
html body:has(.cw-grok-home) .cw-finder .cw-eyebrow,
html body:has(.cw-grok-home) #finder .cw-eyebrow {
  font-family: Outfit, system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #24382c !important;
  text-align: left !important;
  margin: 0 0 0.65rem !important;
}
html body:has(.cw-grok-home) .cw-finder h2,
html body:has(.cw-grok-home) #cw-finder-heading {
  font-family: Lora, Georgia, serif !important;
  font-weight: 800 !important;
  font-size: clamp(2rem, 4.5vw, 3.25rem) !important;
  line-height: 1.1 !important;
  color: #1c1915 !important;
  text-align: center !important;
  letter-spacing: normal !important;
}
@media (max-width: 800px) {
  html body:has(.cw-grok-home) .cw-finder h2,
  html body:has(.cw-grok-home) #cw-finder-heading {
    font-size: clamp(2.1rem, 7.5vw, 2.6rem) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }
}

/* CW-HERO-DESKTOP-20260920e — kill min-height/aspect thrash; baked motion MP4 only */
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual{
  overflow: visible !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  line-height: 0 !important;
  background: #efe6d0 !important;
}
html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual video{
  transform: none !important;
  animation: none !important;
  filter: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  background: #efe6d0 !important;
}
@media (min-width: 901px){
  html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
  html body:has(.cw-grok-home) .cw-hero .cw-hero-visual video{
    min-height: 0 !important;
    aspect-ratio: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
  }
}
@media (max-width: 900px){
  html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
  html body:has(.cw-grok-home) .cw-hero .cw-hero-visual video{
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    transform: none !important;
    animation: none !important;
    filter: none !important;
  }
}

/* CW-FEATURED-SIX-20260920 — demos strip removed; keep Carolina reel card sizing */
html body:has(.cw-grok-home) .cw-videos .cw-demos-grid{
  display: none !important;
}
html body:has(.cw-grok-home) .cw-videos .cw-demos-under-story{
  display: none !important;
}
html body:has(.cw-grok-home) .cw-videos .cw-video-reel-track .cw-video-card{
  flex: 0 0 min(78%, 300px) !important;
  max-width: 300px !important;
  width: min(78%, 300px) !important;
}

/* CW-COAST-SPLIT-20260920g — CDN column override removed; row split above wins */


/* CW-FLOCKS-SCROLL-20260920 */
html body:has(.cw-grok-home) .cw-photo-reel-track{
  overflow-x: auto !important;
  overflow-y: visible !important;
  overscroll-behavior-x: contain !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-x pan-y !important;
}

/* CW-CLUCK-SIZE-20260920 */
html body:has(.cw-grok-home) .cw-cluck-card{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: min(42rem, 100%) !important;
}

/* CW-HERO-NUCLEAR-20260920 */
html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual video{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* CW-STORY-ALIGN-20260920 — unify How/Why + Homestead dates headlines; align photo tops */
/* Differed: #cw-road-heading / .cw-homestead-dates-title used clamp(2.1rem,4.8vw,3.4rem)
   while #cw-story-heading / .cw-story-road-row h2 used clamp(1.85rem,4vw,2.75rem).
   CW-STORY-ROAD-GAP also gave road box padding-top:1rem vs story asymmetric bottoms. */
html body:has(.cw-grok-home) .cw-story-road-row {
  align-items: start !important;
}
html body:has(.cw-grok-home) .cw-story-road-row > .cw-section.cw-family {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
html body:has(.cw-grok-home) .cw-story-road-row .cw-family-box {
  padding-top: 1.15rem !important;
  display: flex !important;
  flex-direction: column !important;
}
html body:has(.cw-grok-home) .cw-story-road-row #cw-story-heading,
html body:has(.cw-grok-home) .cw-story-road-row #cw-road-heading,
html body:has(.cw-grok-home) .cw-story-road-row .cw-homestead-dates-title,
html body:has(.cw-grok-home) .cw-story-road-row h2 {
  font-size: clamp(1.85rem, 4vw, 2.75rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  margin: 0.15em 0 0.45em !important;
  text-transform: none !important;
}
html body:has(.cw-grok-home) .cw-story-road-row .cw-family-photo,
html body:has(.cw-grok-home) .cw-story-road-row .cw-events-photo-wrap {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  width: 100% !important;
  order: 0 !important;
  flex-shrink: 0 !important;
  background: #f4efe6 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  border-radius: 1rem !important;
}
html body:has(.cw-grok-home) .cw-story-road-row .cw-family-photo img,
html body:has(.cw-grok-home) .cw-story-road-row .cw-events-photo-wrap img,
html body:has(.cw-grok-home) .cw-story-road-row img.cw-events-photo {
  object-fit: cover !important;
  object-position: center 20% !important;
  aspect-ratio: 4 / 3 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
  display: block !important;
}
/* /CW-STORY-ALIGN-20260920 */

/* CW-FOOTER-HEAD-20260920 — Shop/Company/Help were inflated by global h2 clamp(1.95rem…3.2rem) */
html body:has(.cw-grok-home) .cw-footer h2,
html body:has(.cw-grok-home) .cw-footer .cw-footer-col h2,
html body:has(.cw-grok-home) footer.cw-footer h2 {
  font-family: Lora, Georgia, serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.1em !important;
  text-transform: none !important;
  margin: 0 0 1.4rem !important;
  color: #e8dece !important;
  -webkit-text-fill-color: #e8dece !important;
}
/* /CW-FOOTER-HEAD-20260920 */


/* CW-FEATURED-SIX-20260920g — durable 3×2; thumb|caption cards; kill demos strip */
html body:has(.cw-grok-home) .cw-video-featured-pair{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.15rem !important;
  margin-bottom: 2.25rem !important;
}
@media (min-width: 700px){
  html body:has(.cw-grok-home) .cw-video-featured-pair{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html body:has(.cw-grok-home) .cw-video-featured-pair .cw-video-featured{
    display: grid !important;
    grid-template-columns: 1.2fr 1fr !important;
    align-items: center !important;
    gap: 1rem !important;
  }
}
@media (min-width: 960px){
  html body:has(.cw-grok-home) .cw-video-featured-pair{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
  }
}
html body:has(.cw-grok-home) .cw-videos .cw-demos-grid,
html body:has(.cw-grok-home) .cw-videos .cw-demos-under-story,
html body:has(.cw-grok-home) .cw-videos [data-cw-demos],
html body:has(.cw-grok-home) .cw-videos .cw-video-more-demos{
  display: none !important;
}


/* CW-HERO-SAFE-20260920g — durable video visibility; no dangling selectors */
html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual video{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn .cw-mute-icon-on{
  display: none !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn.is-unmuted .cw-mute-icon-on,
html body:has(.cw-grok-home) .cw-hero-mute-btn[aria-pressed="true"] .cw-mute-icon-on{
  display: block !important;
}
html body:has(.cw-grok-home) .cw-hero-mute-btn.is-unmuted .cw-mute-icon-off,
html body:has(.cw-grok-home) .cw-hero-mute-btn[aria-pressed="true"] .cw-mute-icon-off{
  display: none !important;
}


/* CW-COAST-CENTER-20260920i — centered Coast; larger map (wins over V3 split) */
html body:has(.cw-grok-home) .cw-section.cw-ugc{ display:block !important; text-align:center !important; }
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-split{
  display:flex !important; flex-direction:column !important; align-items:center !important;
  gap:1.25rem !important; width:100% !important; max-width:100% !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-head{
  flex:none !important; width:100% !important; max-width:42rem !important;
  margin-left:auto !important; margin-right:auto !important; text-align:center !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap{
  flex:none !important; width:min(100%, 1100px) !important; max-width:1100px !important;
  margin-left:auto !important; margin-right:auto !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map{
  width:100% !important; height:clamp(360px, 48vw, 520px) !important;
  min-height:360px !important; max-height:560px !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-soc-row{ justify-content:center !important; }

/* CW-ACCESSORIES-SIZE-LOCK-20260920i — Accessories === Combos (.cw-product-subhead) */
html body:has(.cw-grok-home) .cw-accessories-wrap h3.cw-product-subhead.cw-accessories-heading,
html body:has(.cw-grok-home) .cw-accessories-wrap .cw-product-subhead,
html body:has(.cw-grok-home) h3.cw-product-subhead.cw-accessories-heading{
  font-family: Lora, Georgia, serif !important;
  font-size: clamp(1.55rem, 2.8vw, 2.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.01em !important;
  color: var(--green, #24382c) !important;
  -webkit-text-fill-color: var(--green, #24382c) !important;
}


/* CW-COAST-CENTER-20260920j — headline + map + under-map text centered */
html body:has(.cw-grok-home) .cw-section.cw-ugc{ text-align:center !important; }
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-split{
  display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-head,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-note,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-cta-row{
  text-align:center !important; margin-left:auto !important; margin-right:auto !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-head{ max-width:42rem !important; width:100% !important; }
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap{ width:min(100%,1100px) !important; max-width:1100px !important; }
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map{
  width:100% !important; height:clamp(360px,48vw,520px) !important; min-height:360px !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-cta-row{ justify-content:center !important; }
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-soc-row{ justify-content:center !important; }

/* CW-SEE-ALL-REVIEWS-20260920k — visible CTA under Happy Flocks */
html body:has(.cw-grok-home) .cw-photo-reel .cw-photo-reel-all-reviews,
html body:has(.cw-grok-home) .cw-photo-reel-all-reviews{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  margin:1.35rem auto 0.25rem !important;
  padding:0 1rem !important;
  text-align:center !important;
}
html body:has(.cw-grok-home) .cw-photo-reel-all-reviews .cw-btn{
  display:inline-flex !important;
  min-height:48px !important;
  padding:0.85rem 1.5rem !important;
  font-size:1.05rem !important;
  font-weight:700 !important;
}

/* CW-COAST-CENTER-20260920k — headline, map, under-map text centered */
html body:has(.cw-grok-home) .cw-section.cw-ugc{ text-align:center !important; }
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-split{
  display:flex !important; flex-direction:column !important; align-items:center !important;
  gap:1.25rem !important; width:100% !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-head{
  width:100% !important; max-width:42rem !important; margin:0 auto !important; text-align:center !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-eyebrow,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-coast-heading,
html body:has(.cw-grok-home) .cw-section.cw-ugc #cw-ugc-heading,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy p,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-note{
  text-align:center !important; margin-left:auto !important; margin-right:auto !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap{
  width:min(100%,1100px) !important; max-width:1100px !important; margin:0 auto !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map{
  width:100% !important; height:clamp(360px,48vw,520px) !important; min-height:360px !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-cta-row,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-soc-row{ justify-content:center !important; }

/* CW-FINAL-BTN-BLACK-20260920b — Shop the silos / Live CoopLife: black pill, white text */
html body:has(.cw-grok-home) .cw-final .cw-cta-row a.cw-btn,
html body:has(.cw-grok-home) .cw-final .cw-cta-row a.cw-btn-primary,
html body:has(.cw-grok-home) section.cw-final a.cw-btn.cw-btn-primary{
  background:#111111 !important;
  background-color:#111111 !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:2px solid #111111 !important;
  box-shadow:none !important;
  opacity:1 !important;
  font-weight:700 !important;
}
html body:has(.cw-grok-home) .cw-final .cw-cta-row a.cw-btn:hover,
html body:has(.cw-grok-home) .cw-final a.cw-btn-primary:hover{
  background:#000000 !important;
  background-color:#000000 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:#000000 !important;
}

/* CW-FOOTER-HEAD-MATCH-20260920c — Shop/Company/Help = CoopWorx brand size (1.4rem), bolder */
html body:has(.cw-grok-home) .cw-footer .cw-footer-brand{
  font-family: Lora, Georgia, serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
}
html body:has(.cw-grok-home) .cw-footer h2,
html body:has(.cw-grok-home) .cw-footer .cw-footer-col h2,
html body:has(.cw-grok-home) footer.cw-footer h2{
  font-family: Lora, Georgia, serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  margin: 0 0 1.4rem !important;
  color: #e8dece !important;
  -webkit-text-fill-color: #e8dece !important;
}

/* CW-FOOTER-SIZE-LOCK-20260920d */
html body:has(.cw-grok-home) .cw-footer .cw-footer-brand,
html body:has(.cw-grok-home) footer.cw-footer .cw-footer-brand {
  font-family: Lora, Georgia, serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
}
html body:has(.cw-grok-home) .cw-footer h2,
html body:has(.cw-grok-home) .cw-footer > div > h2,
html body:has(.cw-grok-home) footer.cw-footer h2 {
  font-family: Lora, Georgia, serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #e8dece !important;
  -webkit-text-fill-color: #e8dece !important;
  margin: 0 0 1.4rem !important;
}

/* CW-FOOTER-SIZE-LOCK-20260920e */
html body:has(.cw-grok-home) .cw-footer .cw-footer-brand,
html body:has(.cw-grok-home) .cw-footer h2 {
  font-family: Lora, Georgia, serif !important;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}
html body:has(.cw-grok-home) .cw-footer h2 {
  color: #e8dece !important;
  -webkit-text-fill-color: #e8dece !important;
}

/* CW-COAST-CENTER-LOCK-20260920b */
html body:has(.cw-grok-home) .cw-section.cw-ugc,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-head,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-eyebrow,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-coast-heading,
html body:has(.cw-grok-home) .cw-section.cw-ugc #cw-ugc-heading,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-note {
  text-align: center !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-note,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-head {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 42rem !important;
}

/* CW-MAP-REPAIR-20260920 — force tiles visible; stable map box; no 58% split clip */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-split{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:100% !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap{
  flex:none !important;
  width:min(100%,1100px) !important;
  max-width:1100px !important;
  margin:0 auto !important;
  overflow:visible !important;
  isolation:auto !important;
}
/* superseded by CW-MAP-CROP-20260920 */
  background:#d9d2c5 !important;
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
}
html body:has(.cw-grok-home) .cw-home-map .leaflet-container{
  width:100% !important;
  height:100% !important;
  min-height:420px !important;
  background:#d9d2c5 !important;
}
html body:has(.cw-grok-home) .cw-home-map .leaflet-tile-pane,
html body:has(.cw-grok-home) .cw-home-map .leaflet-map-pane{
  opacity:1 !important;
  visibility:visible !important;
}
html body:has(.cw-grok-home) .cw-home-map img.leaflet-tile{
  max-width:none !important;
  max-height:none !important;
  width:256px !important;
  height:256px !important;
  opacity:1 !important;
  visibility:visible !important;
}
html body:has(.cw-grok-home) .cw-home-map canvas.cw-home-map-dots{
  pointer-events:none !important;
  background:transparent !important;
}

/* CW-SCRATCH-DENT-RESTORE-20260921 removed CW-BSTOCK-BTN-20260920 narrowing */

/* CW-HERO-PLAY-20260920i — hide native play button; keep video autoplaying */
html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
html body:has(.cw-grok-home) #cw-hero-video{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:auto !important;
  min-height:200px !important;
  object-fit:contain !important;
  background:#1a241c !important;
}
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls,
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-enclosure,
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-panel,
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-start-playback-button,
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-overlay-play-button{
  display:none !important;
  -webkit-appearance:none !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  pointer-events:none !important;
}
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-overlay-enclosure{
  display:none !important;
}

/* CW-FINDER-LEFT-20260920 — Find Your Silo headline + copy flush left */
html body:has(.cw-grok-home) .cw-finder,
html body:has(.cw-grok-home) #finder,
html body:has(.cw-grok-home) .cw-section.cw-finder{
  text-align:left !important;
}
html body:has(.cw-grok-home) .cw-finder .cw-eyebrow,
html body:has(.cw-grok-home) #finder .cw-eyebrow,
html body:has(.cw-grok-home) .cw-finder h2,
html body:has(.cw-grok-home) #cw-finder-heading,
html body:has(.cw-grok-home) .cw-finder p,
html body:has(.cw-grok-home) .cw-finder .cw-finder-lead{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}


/* CW-MAP-CROP-20260920b — landscape frame like reference photo */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map,
html body:has(.cw-grok-home) #cw-home-map.cw-home-map{
  width:100% !important;
  aspect-ratio:2.05 / 1 !important;
  height:clamp(210px, 46vw, 460px) !important;
  min-height:210px !important;
  max-height:480px !important;
}
@media (max-width:640px){
  html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map,
  html body:has(.cw-grok-home) #cw-home-map.cw-home-map{
    aspect-ratio:1.7 / 1 !important;
    height:clamp(190px, 56vw, 320px) !important;
  }
}

/* CW-BTN-LABELS-20260920 — never invisible button text */
html body:has(.cw-grok-home) a.cw-btn-primary,
html body:has(.cw-grok-home) .cw-btn.cw-btn-primary,
html body:has(.cw-grok-home) button.cw-btn-primary{
  background:#1a241c !important;
  background-color:#1a241c !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:2px solid #1a241c !important;
  opacity:1 !important;
  visibility:visible !important;
}
html body:has(.cw-grok-home) a.cw-btn-ghost,
html body:has(.cw-grok-home) .cw-btn.cw-btn-ghost{
  background:transparent !important;
  color:#1a241c !important;
  -webkit-text-fill-color:#1a241c !important;
  border:2px solid #1a241c !important;
  opacity:1 !important;
}
html body:has(.cw-grok-home) .cw-final a.cw-btn,
html body:has(.cw-grok-home) .cw-final a.cw-btn-primary{
  background:#111111 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:#111111 !important;
}
html body:has(.cw-grok-home) .cw-photo-reel-all-reviews .cw-btn{
  background:#1a241c !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body:has(.cw-grok-home) .cw-partners a.cw-btn,
html body:has(.cw-grok-home) .cw-sister-card a.cw-btn-primary{
  background:#1a241c !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body:has(.cw-grok-home) .cw-partners a.cw-btn-ghost,
html body:has(.cw-grok-home) .cw-sister-card a.cw-btn-ghost{
  color:#1a241c !important;
  -webkit-text-fill-color:#1a241c !important;
  border-color:#1a241c !important;
}



/* CW-MAP-FIX-20260920c */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map,
html body:has(.cw-grok-home) #cw-home-map{
  width:100% !important;
  height:clamp(240px, 42vw, 440px) !important;
  min-height:240px !important;
  aspect-ratio:auto !important;
}
html body:has(.cw-grok-home) .cw-home-map .leaflet-container{
  width:100% !important;
  height:100% !important;
  min-height:240px !important;
}
html body:has(.cw-grok-home) .cw-home-map .leaflet-tile-pane{ opacity:1 !important; visibility:visible !important; }
html body:has(.cw-grok-home) .cw-home-map img.leaflet-tile{
  max-width:none !important; max-height:none !important;
  width:256px !important; height:256px !important; opacity:1 !important;
}

/* CW-FIX-PASS-20260920 — blank CTAs + iOS hero play */
html body:has(.cw-grok-home) .cw-photo-reel a.cw-btn,
html body:has(.cw-grok-home) .cw-photo-reel a.cw-btn-primary,
html body:has(.cw-grok-home) .cw-photo-reel-all-reviews a,
html body:has(.cw-grok-home) .cw-photo-reel-all-reviews a.cw-btn,
html body:has(.cw-grok-home) .cw-photo-reel-all-reviews a.cw-btn-primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#1a241c !important;
  background-color:#1a241c !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:2px solid #1a241c !important;
  font-size:1.05rem !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  opacity:1 !important;
  visibility:visible !important;
  text-indent:0 !important;
  font-family:Outfit,system-ui,sans-serif !important;
}
/* Exclude buttons from generic photo-reel link color */
html body:has(.cw-grok-home) .cw-photo-reel a:not(.cw-btn):not(.cw-btn-primary){
  color:#1c1915 !important;
  -webkit-text-fill-color:#1c1915 !important;
}

/* iOS: kill native big play; keep muted autoplay */
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-start-playback-button,
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-overlay-play-button,
html body:has(.cw-grok-home) #cw-hero-video::-webkit-media-controls-start-playback-button{
  display:none !important;
  -webkit-appearance:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
}

/* CW-PASS-20260920e — flocks wrap, flush-left, map mobile height, chat clear */
html body:has(.cw-grok-home) .cw-photo-reel .cw-section-head,
html body:has(.cw-grok-home) #cw-photo-reel-heading{
  max-width:100% !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding-right:0.5rem !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  text-align:left !important;
}
html body:has(.cw-grok-home) #cw-photo-reel-heading{
  font-size:clamp(1.55rem, 6.2vw, 2.35rem) !important;
  line-height:1.15 !important;
  white-space:normal !important;
}
html body:has(.cw-grok-home) .cw-photo-reel .cw-section-head p{
  text-align:left !important;
}



/* Finder left — last word wins */
html body:has(.cw-grok-home) .cw-finder,
html body:has(.cw-grok-home) #finder,
html body:has(.cw-grok-home) .cw-finder .cw-eyebrow,
html body:has(.cw-grok-home) .cw-finder h2,
html body:has(.cw-grok-home) #cw-finder-heading,
html body:has(.cw-grok-home) .cw-finder p,
html body:has(.cw-grok-home) .cw-finder .cw-finder-lead{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
  max-width:none !important;
}

/* Homepage map mobile: taller usable frame, no fighting aspect-ratio */
@media (max-width:800px){
  html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map,
  html body:has(.cw-grok-home) #cw-home-map.cw-home-map,
  html body:has(.cw-grok-home) #cw-home-map{
    aspect-ratio:auto !important;
    width:100% !important;
    height:280px !important;
    min-height:260px !important;
    max-height:320px !important;
  }
  html body:has(.cw-grok-home) .cw-home-map .leaflet-container{
    min-height:260px !important;
    height:100% !important;
  }
}

/* Keep chat clear of CTAs on the right */
html body:has(.cw-grok-home) #ShopifyChat,
html body:has(.cw-grok-home) iframe#ShopifyChat,
html body:has(.cw-grok-home) .shopify-chat,
html body:has(.cw-grok-home) button[aria-label*="Chat"],
html body:has(.cw-grok-home) .chat-toggle{
  bottom: 5.5rem !important;
}


/* keep CTAs wrapping; left-pack on mobile, still ok centered row on desktop */
@media (max-width:800px){
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row{
    justify-content:flex-start !important;
  }
}

/* CW-HERO-CENTER-RESTORE-20260920 — Tom: keep hero copy centered */
html body:has(.cw-grok-home) .cw-hero-copy,
html body:has(.cw-grok-home) .cw-hero .cw-hero-copy{
  align-items:center !important;
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body:has(.cw-grok-home) .cw-hero-copy .cw-eyebrow,
html body:has(.cw-grok-home) .cw-hero-copy h1,
html body:has(.cw-grok-home) .cw-hero-copy h1.cw-hero-headline,
html body:has(.cw-grok-home) .cw-hero-copy .cw-hero-subtitle,
html body:has(.cw-grok-home) .cw-hero-copy p,
html body:has(.cw-grok-home) .cw-hero-copy .cw-hero-line,
html body:has(.cw-grok-home) .cw-hero-copy .cw-hero-line-1,
html body:has(.cw-grok-home) .cw-hero-copy .cw-hero-line-2{
  text-align:center !important;
  justify-content:center !important;
  align-items:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row{
  justify-content:center !important;
}


/* Keep native iOS play glyph hidden */
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-start-playback-button,
html body:has(.cw-grok-home) .cw-hero-video::-webkit-media-controls-overlay-play-button,
html body:has(.cw-grok-home) #cw-hero-video::-webkit-media-controls-start-playback-button{
  display:none !important;
  -webkit-appearance:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
}



/* CW-ACCESSORIES-INSET-20260920n — heading + card share wrap padding */
@media (max-width:900px){
  html body:has(.cw-grok-home) #accessories.cw-accessories-wrap,
  html body:has(.cw-grok-home) .cw-accessories-wrap#accessories,
  html body:has(.cw-grok-home) .cw-accessories-wrap{
    padding-left:1.15rem !important;
    padding-right:1.15rem !important;
    box-sizing:border-box !important;
  }
  html body:has(.cw-grok-home) #accessories .cw-accessories-heading,
  html body:has(.cw-grok-home) .cw-accessories-wrap > h3.cw-accessories-heading,
  html body:has(.cw-grok-home) .cw-accessories-wrap > h3.cw-product-subhead{
    margin-left:0 !important;
    padding-left:0 !important;
    max-width:100% !important;
  }
}

/* CW-HERO-SEAMLESS-20260920n — ping-pong file; contain so logos never crop */
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual{
  overflow:visible !important;
}
html body:has(.cw-grok-home) .cw-hero-motion-frame{
  display:block !important;
  overflow:visible !important;
  width:100% !important;
  animation:none !important;
  transform:none !important;
}
html body:has(.cw-grok-home) .cw-hero-motion-frame .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero #cw-hero-video.cw-hero-video,
html body:has(.cw-grok-home) .cw-hero .cw-hero-video{
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  animation:none !important;
  margin:0 !important;
  display:block !important;
}

/* CW-MENU-FIXED-20260920p — open menu is fixed under sticky header (visible when scrolled) */
html body:has(.cw-grok-home) .cw-header{
  position: sticky !important;
  top: 0 !important;
  z-index: 10120 !important;
  pointer-events: auto !important;
}
html body:has(.cw-grok-home) #cw-menu-toggle.cw-menu-toggle,
html body:has(.cw-grok-home) .cw-menu-toggle{
  position: relative !important;
  z-index: 10130 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
html body:has(.cw-grok-home) #cw-mobile-nav.cw-mobile-nav.is-open,
html body:has(.cw-grok-home) .cw-mobile-nav.is-open{
  display: grid !important;
  gap: 0.25rem !important;
  pointer-events: auto !important;
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  max-height: min(78vh, 640px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: calc(0.35rem + var(--cw-header-h, 68px)) 1rem 1.25rem !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e5dfd4 !important;
  box-shadow: 0 14px 32px rgba(0,0,0,0.2) !important;
  z-index: 10110 !important;
}
html.cw-nav-open,
html.cw-nav-open body{
  overflow: hidden !important;
}


/* CW-CREAM-FULLBLEED-20260921 — sitewide warm tan #efe6d0 edge-to-edge
   Match homepage Feed Silos page fill. White/paper cards stay #fff / #fffbf5.
   Fixes: Instructions & other Grok pages stuck on #faf6ef; white gutters from
   #content_wrapper (shop_bg #ffffff) and max-width cream wrappers. */
html {
  --cw-cream: #efe6d0;
  --cream: #efe6d0;
}
html,
html body,
html body.template-index,
html body.template-page,
html body.template-product,
html body.template-collection,
html body.template-cart,
html body.template-blog,
html body.template-article,
html body.template-list-collections,
html body.template-search {
  background-color: #efe6d0 !important;
}
html #content_wrapper,
html body #content_wrapper,
html .global-wrapper,
html body .global-wrapper,
html body .main-content,
html body #content,
html body .shopify-section:has([class*="cw-grok"]),
html body .shopify-section:has(.cw-how-works),
html body .shopify-section:has(.cw-across-shell),
html body .shopify-section:has(.cw-mag),
html body .shopify-section:has(.cw-expo) {
  background-color: #efe6d0 !important;
  background-image: none !important;
  width: 100% !important;
  max-width: none !important;
}

/* Grok / CW page shells — full viewport cream (content stays max-width inside) */
.cw-grok-home,
.cw-grok-about,
.cw-grok-instructions,
.cw-grok-product,
.cw-grok-collection,
.cw-grok-acc,
.cw-grok-gallery,
.cw-grok-faq,
.cw-grok-reviews,
.cw-grok-cart,
.cw-grok-compare-silos,
.cw-grok-wtb,
.cw-grok-pwl,
.cw-grok-press,
.cw-grok-warranty,
.cw-grok-shipping-returns,
.cw-grok-login,
.cw-grok-account,
.cw-grok-affiliate-signup,
.cw-grok-dealer-signup,
.cw-grok-dealer-recruit,
.cw-grok-dealer-thank-you,
.cw-affiliate-dealer,
.cw-dealer-portal,
.cw-how-works,
.cw-across-shell,
.cw-mag,
.cw-expo,
html:has(.cw-grok-home),
html:has(.cw-grok-about),
html:has(.cw-grok-instructions),
html:has(.cw-grok-product),
html:has(.cw-grok-collection),
html:has(.cw-grok-acc),
html:has(.cw-grok-gallery),
html:has(.cw-grok-faq),
html:has(.cw-grok-reviews),
html:has(.cw-grok-cart),
html:has(.cw-how-works),
html:has(.cw-across-shell),
body:has(.cw-grok-home),
body:has(.cw-grok-about),
body:has(.cw-grok-instructions),
body:has(.cw-grok-product),
body:has(.cw-grok-collection),
body:has(.cw-grok-acc),
body:has(.cw-grok-gallery),
body:has(.cw-grok-faq),
body:has(.cw-grok-reviews),
body:has(.cw-grok-cart),
body:has(.cw-how-works),
body:has(.cw-across-shell) {
  --cream: #efe6d0 !important;
  --cw-cream: #efe6d0 !important;
  background-color: #efe6d0 !important;
}

/* Remap leftover washed page fills if any inline style still paints them */
html body [style*="background-color:#faf6ef"],
html body [style*="background-color: #faf6ef"],
html body [style*="background:#faf6ef"],
html body [style*="background: #faf6ef"] {
  background-color: #efe6d0 !important;
}


/* CW-CREAM-GUTTER-KILL-20260921 — Tom screenshot: white L/R beside tan column
   Force every Parallax outer shell to warm tan; cream must not live only on inner max-width. */
html,
html body,
body.index,
body.feature_image,
body.template-index,
body.template-page,
body.template-product,
body.template-collection {
  background: #efe6d0 !important;
  background-color: #efe6d0 !important;
  background-image: none !important;
}
html #content_wrapper,
html body #content_wrapper,
html .global-wrapper,
html body .global-wrapper,
html body .shopify-section,
html body .shopify-section.cw-section-home,
html #shopify-section-cw-grok-home,
html body #shopify-section-cw-grok-home,
html body .main-content,
html body #content,
html body .index-sections,
html body .content-wrapper,
html body .container.main,
html body .row-container,
html body .grid-container {
  background: #efe6d0 !important;
  background-color: #efe6d0 !important;
  background-image: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
html body .cw-grok-home,
html body:has(.cw-grok-home) .cw-grok-home,
html body .cw-hero,
html body:has(.cw-grok-home) .cw-hero,
html body:has(.cw-grok-home) .cw-social-strip {
  background-color: #efe6d0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
/* Hero video letterbox: never white sides */
html body:has(.cw-grok-home) .cw-hero-visual,
html body:has(.cw-grok-home) .cw-hero-motion-frame {
  background: #efe6d0 !important;
  background-color: #efe6d0 !important;
}
/* MagSlide: cream full-bleed; constrain only inner .wrap */
html body .cw-mag,
html body:has(.cw-mag) #content_wrapper,
html body:has(.cw-mag) .global-wrapper {
  background: #efe6d0 !important;
  width: 100% !important;
  max-width: none !important;
}


/* CW-SOCIAL-COLOR-20260921 — brand-colored rounded squares + white logos (beat tan/transparent) */
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon,
html body:has(.cw-grok-home) .cw-hero-copy .cw-social-strip a.cw-soc-icon,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a.cw-soc-icon,
html body .cw-grok-home .cw-social-strip a.cw-soc-icon,
html body .cw-grok-home .cw-footer .cw-footer-social a.cw-soc-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: none !important;
  background-clip: padding-box !important;
}
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon .cw-soc-svg,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a.cw-soc-icon .cw-soc-svg,
html body .cw-grok-home .cw-social-strip a.cw-soc-icon .cw-soc-svg,
html body .cw-grok-home .cw-footer .cw-footer-social a.cw-soc-icon .cw-soc-svg {
  width: 26px !important;
  height: 26px !important;
  display: block !important;
  color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon .cw-soc-svg path,
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a.cw-soc-icon .cw-soc-svg path,
html body .cw-grok-home .cw-social-strip a.cw-soc-icon .cw-soc-svg path,
html body .cw-grok-home .cw-footer .cw-footer-social a.cw-soc-icon .cw-soc-svg path {
  fill: #ffffff !important;
  color: #ffffff !important;
}
/* Instagram */
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon[href*="instagram.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a.cw-soc-icon[href*="instagram.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Instagram" i],
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="instagram.com"] {
  background: linear-gradient(45deg, #f58529, #dd2a7b 50%, #8134af 75%, #515bd4) !important;
  background-color: #dd2a7b !important;
  color: #ffffff !important;
}
/* YouTube */
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon[href*="youtube.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a.cw-soc-icon[href*="youtube.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="YouTube" i],
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="youtube.com"] {
  background: #ff0000 !important;
  background-color: #ff0000 !important;
  color: #ffffff !important;
}
/* Facebook */
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon[href*="facebook.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a.cw-soc-icon[href*="facebook.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label*="Facebook" i],
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="facebook.com"] {
  background: #1877f2 !important;
  background-color: #1877f2 !important;
  color: #ffffff !important;
}
/* X / Twitter */
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon[href*="x.com"],
html body:has(.cw-grok-home) .cw-social-strip a.cw-soc-icon[href*="twitter.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a.cw-soc-icon[href*="x.com"],
html body:has(.cw-grok-home) .cw-footer .cw-footer-social a[aria-label^="X" i],
html body .cw-grok-home .cw-social-strip a.cw-soc-icon[href*="x.com"] {
  background: #0f1419 !important;
  background-color: #0f1419 !important;
  color: #ffffff !important;
}
/* /CW-SOCIAL-COLOR-20260921 */

/* bust CW-FIXES-20260921 */
/* CW-SILO-CARDS-TIGHT-20260921 — compact white silo cards; kill equal-height stretch empty space */
html body:has(.cw-grok-home) .cw-products .cw-product-grid,
html body:has(.cw-grok-home) .cw-product-group .cw-product-grid,
html body:has(.cw-grok-home) .cw-section.cw-products .cw-product-grid {
  align-items: flex-start !important;
  align-content: flex-start !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured,
html body:has(.cw-grok-home) .cw-product-group .cw-card,
html body:has(.cw-grok-home) .cw-product-group .cw-card-featured {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: flex-start !important;
  flex-grow: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 1.05rem 1.05rem 1rem !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card h3,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured h3,
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-name,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-name,
html body:has(.cw-grok-home) .cw-products a.cw-card > p,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured > p,
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-meta,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-meta,
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-eyebrow,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-eyebrow {
  min-height: 0 !important;
  height: auto !important;
}
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-price,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-price {
  margin-top: 0.55rem !important;
  margin-bottom: 0 !important;
}
/* Photo well: ALWAYS contain — full unit visible */
html body:has(.cw-grok-home) .cw-products a.cw-card img,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured img,
html body:has(.cw-grok-home) .cw-product-group .cw-card img,
html body:has(.cw-grok-home) .cw-product-group .cw-card-featured img,
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-photo,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-photo {
  aspect-ratio: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: 18rem !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  border-radius: 0.75rem !important;
  margin: 0.45rem 0 0.55rem !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: stretch !important;
}
/* /CW-SILO-CARDS-TIGHT-20260921 */


/* CW-PDP-GALLERY-BOX-20260921 — PDP main media: kill forced square white tower */
html body:has(.cw-grok-product) .cw-gallery-main,
html body .cw-grok-product .cw-gallery-main {
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  overflow: hidden !important;
}
html body:has(.cw-grok-product) .cw-gallery-main img,
html body .cw-grok-product .cw-gallery-main img {
  width: 100% !important;
  height: auto !important;
  max-height: min(70vh, 34rem) !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #fff !important;
}
html body:has(.cw-grok-product) .cw-gallery,
html body .cw-grok-product .cw-gallery {
  align-self: start !important;
}
html body:has(.cw-grok-product) .cw-thumb,
html body .cw-grok-product .cw-thumb {
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px !important;
  background: #fff !important;
  overflow: hidden !important;
}
html body:has(.cw-grok-product) .cw-thumb img,
html body .cw-grok-product .cw-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}
/* /CW-PDP-GALLERY-BOX-20260921 */


/* CW-VIDEO-FEATURED-UI-20260921d — one play control; even 3-card row tops */
html body:has(.cw-grok-home) .cw-video-play-label,
html body .cw-grok-home .cw-video-play-label {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html body:has(.cw-grok-home) .cw-video-play,
html body .cw-grok-home .cw-video-play {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  background: #1c1915 !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
}
html body:has(.cw-grok-home) .cw-video-play img,
html body .cw-grok-home .cw-video-play img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  max-height: none !important;
  background: #1c1915 !important;
}
html body:has(.cw-grok-home) .cw-video-play-icon,
html body .cw-grok-home .cw-video-play-icon,
html body:has(.cw-grok-home) .cw-videos .cw-video-play-icon {
  position: relative !important;
  z-index: 2 !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(26, 36, 28, 0.88) !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
  opacity: 1 !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
html body:has(.cw-grok-home) .cw-video-play:hover .cw-video-play-icon,
html body:has(.cw-grok-home) .cw-video-play:focus-visible .cw-video-play-icon {
  background: #24382c !important;
  color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-video-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  background: #1c1915 !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
}
/* Even tops: stretch cards in the row (center-align was staggering short vs long blurbs) */
html body:has(.cw-grok-home) .cw-video-featured-pair {
  display: grid !important;
  gap: 1.15rem !important;
  margin-bottom: 2.25rem !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  align-content: start !important;
}
@media (min-width: 700px) {
  html body:has(.cw-grok-home) .cw-video-featured-pair {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
}
@media (min-width: 900px) {
  html body:has(.cw-grok-home) .cw-video-featured-pair {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    align-items: stretch !important;
  }
}
html body:has(.cw-grok-home) .cw-video-featured-pair .cw-video-featured,
html body:has(.cw-grok-home) .cw-videos .cw-video-featured {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-self: stretch !important;
  justify-content: flex-start !important;
  gap: 0.85rem !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 1.15rem !important;
  height: 100% !important;
  min-height: 0 !important;
  grid-template-columns: none !important;
  transform: none !important;
}
html body:has(.cw-grok-home) .cw-video-featured-pair .cw-video-featured > div:not(.cw-video-frame) {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
html body:has(.cw-grok-home) .cw-video-featured-pair .cw-video-featured .cw-video-frame {
  order: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
html body:has(.cw-grok-home) .cw-video-reel-btn {
  color: #fff !important;
  background: #5f5a52 !important;
}
/* /CW-VIDEO-FEATURED-UI-20260921d */

/* CW-PDP-VIDEO-THUMB-20260921e — play badge on PDP video thumbs */
html body:has(.cw-grok-product) .cw-thumb-video,
html body .cw-grok-product .cw-thumb-video {
  position: relative !important;
}
html body:has(.cw-grok-product) .cw-thumb-play,
html body .cw-grok-product .cw-thumb-play {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  width: 1.55rem !important;
  height: 1.55rem !important;
  margin: auto !important;
  border-radius: 999px !important;
  background: rgba(26, 36, 28, 0.88) !important;
  color: #ffffff !important;
  font-size: 0.65rem !important;
  line-height: 1 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  opacity: 1 !important;
}
html body:has(.cw-grok-product) .cw-gallery-video,
html body .cw-grok-product .cw-gallery-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: #1c1915 !important;
  border-radius: 0.85rem !important;
  overflow: hidden !important;
}
html body:has(.cw-grok-product) .cw-gallery-video iframe,
html body:has(.cw-grok-product) .cw-gallery-video video,
html body .cw-grok-product .cw-gallery-video iframe,
html body .cw-grok-product .cw-gallery-video video {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}
/* /CW-PDP-VIDEO-THUMB-20260921e */

/* CW-STORY-SISTERS-GAP-20260921g — stop Our Story white well overlapping Three Brands */
/* Row itself must not paint a full-bleed white slab behind both columns */
html body:has(.cw-grok-home) .cw-story-road-row {
  background: transparent !important;
  background-color: transparent !important;
  align-items: start !important;
  gap: 1.5rem !important;
  margin: 0 0 2.75rem !important;
  padding: 0 4.5vw !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 800px) {
  html body:has(.cw-grok-home) .cw-story-road-row {
    padding: 0 1.15rem !important;
    margin-bottom: 2.25rem !important;
    gap: 1.25rem !important;
  }
}
html body:has(.cw-grok-home) .cw-story-road-row > .cw-section.cw-family {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}
html body:has(.cw-grok-home) .cw-story-road-row .cw-family-box {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 1.35rem 1.35rem 1.4rem !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
  background: #fffbf5 !important;
  border-radius: 1.2rem !important;
  box-sizing: border-box !important;
}
/* Restore breathing room under invent CTAs (CW-STORY-ROAD-GAP had collapsed this) */
html body:has(.cw-grok-home) .cw-section.cw-family:not(.cw-on-the-road) {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family:not(.cw-on-the-road) .cw-family-box {
  padding-bottom: 1.4rem !important;
  margin-bottom: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family:not(.cw-on-the-road) .cw-cta-row {
  margin-top: 1.15rem !important;
  margin-bottom: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family.cw-on-the-road {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-family.cw-on-the-road .cw-family-box {
  margin-top: 0 !important;
  padding-top: 1.15rem !important;
}
/* Three Brands sits cleanly below the story/road row — no pull-up, cream wins */
html body:has(.cw-grok-home) .cw-expogo-teaser {
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
  background: #efe6d0 !important;
  background-color: #efe6d0 !important;
  border-top: 1px solid rgba(36, 56, 44, 0.14) !important;
  overflow: visible !important;
}
@media (max-width: 800px) {
  html body:has(.cw-grok-home) .cw-expogo-teaser {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
}
/* /CW-STORY-SISTERS-GAP-20260921g */


/* CW-SILO-PHOTO-FULL-20260921i — URGENT full revert: no cover-crop on any homepage product card */
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card img,
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card-featured img,
html body:has(.cw-grok-home) .cw-products a.cw-card img,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card-featured img,
html body:has(.cw-grok-home) .cw-products .cw-card-photo,
html body:has(.cw-grok-home) .cw-product-group .cw-card-photo,
html body .cw-grok-home .cw-products a.cw-card img,
html body .cw-grok-home .cw-product-group .cw-card img {
  aspect-ratio: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: 18rem !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #ffffff !important;
  transform: none !important;
}
/* Explicitly kill prior crop selectors including wall-mount cover exception */
html body:has(.cw-grok-home) .cw-product-group a.cw-card[href*="wall-mount"] img,
html body:has(.cw-grok-home) .cw-products a.cw-card[href*="wall-mount"] img {
  object-fit: contain !important;
  object-position: center center !important;
  aspect-ratio: auto !important;
  max-height: 18rem !important;
}
/* /CW-SILO-PHOTO-FULL-20260921i */

/* bust-silo-full-1790019291 */

/* renamed-deploy-1790019309 */


/* CW-VIDEO-RESTORE-20260921j — fire-first: play overlays must win AFTER ink + silo blocks */
html body:has(.cw-grok-home) .cw-video-card,
html body:has(.cw-grok-home) .cw-video-featured,
html body .cw-grok-home .cw-video-card,
html body .cw-grok-home .cw-video-featured {
  /* keep card ink for blurbs, but never inherit onto play chrome */
  isolation: isolate !important;
}
html body:has(.cw-grok-home) .cw-video-play-label,
html body .cw-grok-home .cw-video-play-label {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
html body:has(.cw-grok-home) .cw-video-play,
html body .cw-grok-home .cw-video-play,
html body:has(.cw-grok-home) .cw-videos .cw-video-play {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  background: #1c1915 !important;
  display: grid !important;
  place-items: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body:has(.cw-grok-home) .cw-video-play img,
html body .cw-grok-home .cw-video-play img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 !important;
  aspect-ratio: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  background: #1c1915 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
html body:has(.cw-grok-home) .cw-video-play-icon,
html body .cw-grok-home .cw-video-play-icon,
html body:has(.cw-grok-home) .cw-video-card .cw-video-play-icon,
html body:has(.cw-grok-home) .cw-video-featured .cw-video-play-icon,
html body:has(.cw-grok-home) .cw-videos .cw-video-play-icon,
html body:has(.cw-grok-home) .cw-video-play .cw-video-play-icon {
  position: relative !important;
  z-index: 4 !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(26, 36, 28, 0.92) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1.15rem !important;
  line-height: 1 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
}
html body:has(.cw-grok-home) .cw-video-play:hover .cw-video-play-icon,
html body:has(.cw-grok-home) .cw-video-play:focus-visible .cw-video-play-icon {
  background: #24382c !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body:has(.cw-grok-home) .cw-video-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #1c1915 !important;
  min-height: 140px !important;
}
html body:has(.cw-grok-home) .cw-video-featured-pair {
  align-items: stretch !important;
}
html body:has(.cw-grok-home) .cw-video-featured-pair .cw-video-featured {
  align-items: stretch !important;
  height: 100% !important;
}
/* /CW-VIDEO-RESTORE-20260921j */


/* CW-VIDEO-KB-SMOOTH-20260921k — one pan-in + slow zoom + ease-out; kill mid-loop hitch
   Root hitch: Cluck used alternating cw-cluck-kb-in-left / out-right / in-up / out-down
   (zoom-in then next slide zoom-out felt like “backs out half a foot, zooms in again”).
   Featured thumbs had no CSS KB; apply the same single smooth pass there. */
@keyframes cw-video-kb-smooth {
  0%   { transform: scale(1.05) translate3d(1.6%, 0.5%, 0); }
  55%  { transform: scale(1.16) translate3d(-3.4%, -1.2%, 0); }
  100% { transform: scale(1.05) translate3d(0, 0, 0); }
}
/* Alias/replace hitchy Cluck directional keyframes with the same smooth pass */
@keyframes cw-cluck-kb-in-left {
  0%   { transform: scale(1.05) translate3d(1.6%, 0.5%, 0); }
  55%  { transform: scale(1.16) translate3d(-3.4%, -1.2%, 0); }
  100% { transform: scale(1.05) translate3d(0, 0, 0); }
}
@keyframes cw-cluck-kb-out-right {
  0%   { transform: scale(1.05) translate3d(1.6%, 0.5%, 0); }
  55%  { transform: scale(1.16) translate3d(-3.4%, -1.2%, 0); }
  100% { transform: scale(1.05) translate3d(0, 0, 0); }
}
@keyframes cw-cluck-kb-in-up {
  0%   { transform: scale(1.05) translate3d(1.6%, 0.5%, 0); }
  55%  { transform: scale(1.16) translate3d(-3.4%, -1.2%, 0); }
  100% { transform: scale(1.05) translate3d(0, 0, 0); }
}
@keyframes cw-cluck-kb-out-down {
  0%   { transform: scale(1.05) translate3d(1.6%, 0.5%, 0); }
  55%  { transform: scale(1.16) translate3d(-3.4%, -1.2%, 0); }
  100% { transform: scale(1.05) translate3d(0, 0, 0); }
}

html body:has(.cw-grok-home) .cw-video-featured .cw-video-play img,
html body:has(.cw-grok-home) .cw-videos .cw-video-card .cw-video-play img,
html body .cw-grok-home .cw-video-featured .cw-video-play img {
  animation: cw-video-kb-smooth 11s ease-in-out infinite !important;
  transform-origin: center center !important;
  will-change: transform;
}
html body:has(.cw-grok-home) .cw-video-frame.is-playing .cw-video-play img,
html body:has(.cw-grok-home) .cw-video-frame.is-playing img {
  animation: none !important;
  transform: none !important;
}
/* Cluck active slides: same smooth pass, longer, ease-in-out (override ease-out forwards hitch) */
html body:has(.cw-grok-home) .cw-cluck-card.is-playing .cw-cluck-slide.is-active:not(.is-logo):not(.is-still) img {
  animation-name: cw-video-kb-smooth !important;
  animation-duration: 8s !important;
  animation-timing-function: ease-in-out !important;
  animation-iteration-count: 1 !important;
  animation-fill-mode: forwards !important;
}
@media (prefers-reduced-motion: reduce) {
  html body:has(.cw-grok-home) .cw-video-featured .cw-video-play img,
  html body:has(.cw-grok-home) .cw-videos .cw-video-card .cw-video-play img,
  html body:has(.cw-grok-home) .cw-cluck-card.is-playing .cw-cluck-slide.is-active img {
    animation: none !important;
    transform: none !important;
  }
}
/* /CW-VIDEO-KB-SMOOTH-20260921k */



/* CW-CARD-40-UNIFORM-20260921n — lock shared square photo wells; trim 40lb baked side padding
   Root: 40_XBASE.jpg is 2048² with ~24% white side padding (content ~51% wide / 93% tall) while
   80lb PNG fills ~76% width and 35-wall is full-bleed; k's aspect-ratio:auto + max-height:18rem
   left wells non-locked so the skinny 40lb silhouette reads shorter/narrower than neighbors.
   Fix: shared 1:1 well + contain for ALL homepage product cards; object-view-box only on 40lb
   feed (not combo) to zoom past baked white without cropping the unit. Video selectors untouched. */
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card > img,
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card-featured > img,
html body:has(.cw-grok-home) .cw-products a.cw-card > img,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured > img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card > img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card-featured > img,
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-photo,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-photo,
html body:has(.cw-grok-home) .cw-product-group a.cw-card .cw-card-photo,
html body:has(.cw-grok-home) .cw-product-group a.cw-card-featured .cw-card-photo,
html body .cw-grok-home .cw-products a.cw-card > img,
html body .cw-grok-home .cw-product-group a.cw-card > img,
html body .cw-grok-home .cw-products a.cw-card .cw-card-photo {
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  height: auto !important;
  max-height: 17rem !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #ffffff !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: stretch !important;
  transform: none !important;
}

/* 40 lb. Feed Silo only (href 40-lb-feed-silo*) — trim baked white L/R; keep full product height */
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card[href*="40-lb-feed-silo"] > img,
html body:has(.cw-grok-home) .cw-products a.cw-card[href*="40-lb-feed-silo"] > img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card[href*="40-lb-feed-silo"] > img,
html body .cw-grok-home .cw-products a.cw-card[href*="40-lb-feed-silo"] > img,
html body .cw-grok-home .cw-product-group a.cw-card[href*="40-lb-feed-silo"] > img {
  object-view-box: inset(2% 20% 2% 20%);
  object-fit: contain !important;
  object-position: center center !important;
}

/* Same locked well for 40 lb combo tile (image already fuller — no view-box crop) */
html body:has(.cw-grok-home) .cw-products a.cw-card[href*="40-feed-and-water"] > img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card[href*="40-feed-and-water"] > img,
html body .cw-grok-home .cw-products a.cw-card[href*="40-feed-and-water"] > img {
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  max-height: 17rem !important;
}
/* /CW-CARD-40-UNIFORM-20260921n */


/* CW-PILL-RESTORE-20260921o — hero CTAs sit OUTSIDE .cw-grok-home wrapper, so section
   rule `.cw-grok-home .cw-btn { border-radius:999px }` never matches (computed 0px).
   Force pills via :has(.cw-grok-home) scope used by other override CTA rules. */
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn,
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row a.cw-btn,
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row button.cw-btn,
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn-primary,
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn-ghost,
html body .cw-hero-copy .cw-cta-row .cw-btn,
html body .cw-hero-copy .cw-cta-row a.cw-btn,
html body .cw-hero-copy .cw-cta-row button.cw-btn {
  border-radius: 9999px !important;
  -webkit-border-radius: 9999px !important;
}

/* Also restore pills on other homepage CTA rows that may sit outside .cw-grok-home */
html body:has(.cw-grok-home) .cw-cta-row .cw-btn,
html body:has(.cw-grok-home) .cw-cta-row a.cw-btn,
html body:has(.cw-grok-home) .cw-cta-row button.cw-btn,
html body:has(.cw-grok-home) a.cw-btn,
html body:has(.cw-grok-home) button.cw-btn {
  border-radius: 9999px !important;
  -webkit-border-radius: 9999px !important;
}

/* CW-PHOTO-TIGHT-20260921o — n locked 1/1 + width:100% !important so max-height could not
   shrink width (live ~310×272 wells with contain white). Keep square uniformity + 40lb
   view-box; size the well by max-height and let width follow aspect-ratio. */
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card > img,
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card-featured > img,
html body:has(.cw-grok-home) .cw-products a.cw-card > img,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured > img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card > img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card-featured > img,
html body:has(.cw-grok-home) .cw-products a.cw-card .cw-card-photo,
html body:has(.cw-grok-home) .cw-products a.cw-card-featured .cw-card-photo,
html body:has(.cw-grok-home) .cw-product-group a.cw-card .cw-card-photo,
html body:has(.cw-grok-home) .cw-product-group a.cw-card-featured .cw-card-photo,
html body .cw-grok-home .cw-products a.cw-card > img,
html body .cw-grok-home .cw-product-group a.cw-card > img,
html body .cw-grok-home .cw-products a.cw-card .cw-card-photo,
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card img,
html body:has(.cw-grok-home) .cw-products a.cw-card img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card img {
  aspect-ratio: 1 / 1 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 14.5rem !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #ffffff !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  transform: none !important;
}

/* Keep 40 lb feed trim from n (baked side padding) */
html body:has(.cw-grok-home) .cw-section.cw-products a.cw-card[href*="40-lb-feed-silo"] > img,
html body:has(.cw-grok-home) .cw-products a.cw-card[href*="40-lb-feed-silo"] > img,
html body:has(.cw-grok-home) .cw-product-group a.cw-card[href*="40-lb-feed-silo"] > img,
html body:has(.cw-grok-home) .cw-products a.cw-card[href*="40-lb-feed-silo"] img,
html body .cw-grok-home .cw-products a.cw-card[href*="40-lb-feed-silo"] > img,
html body .cw-grok-home .cw-product-group a.cw-card[href*="40-lb-feed-silo"] > img {
  object-view-box: inset(2% 20% 2% 20%);
  object-fit: contain !important;
  object-position: center center !important;
}
/* /CW-PILL-PHOTO-20260921o */



/* CW-PILL-SMALL-20260921q — compact centered hero CTA pills; allow row wrapping */
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  align-content: center !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  gap: 0.45rem 0.5rem !important;
}
html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row > .cw-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border-radius: 9999px !important;
  -webkit-border-radius: 9999px !important;
  font-size: 0.88rem !important;
  line-height: 1.15 !important;
  padding: 0.38rem 0.72rem !important;
  min-height: 32px !important;
}
@media (max-width: 520px) {
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row > .cw-btn {
    font-size: 0.84rem !important;
    padding: 0.34rem 0.62rem !important;
    min-height: 30px !important;
  }
}
/* /CW-PILL-SMALL-20260921q */

/* CW-AFFILIATE-DEALER-PILLS-20260921r — smaller, centered card CTAs only */
html body:has(.cw-grok-home) .cw-partners .cw-partner-card .cw-partner-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
html body:has(.cw-grok-home) .cw-partners .cw-partner-card .cw-partner-actions > a.cw-btn,
html body:has(.cw-grok-home) .cw-partners .cw-partner-card .cw-partner-actions > a.cw-btn-primary {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0.55rem 1rem !important;
  min-height: 36px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 9999px !important;
}

/* CW-MAP-HOME-ONLY-20260921s — constrained Coast copy + tighter map stage (one homepage map) */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-head,
html body:has(.cw-grok-home) .cw-ugc .cw-ugc-head,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-note,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-note,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-teaser,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-teaser,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-cta,
html body:has(.cw-grok-home) .cw-ugc .cw-ugc-cta,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-cta-row.cw-ugc-cta,
html body:has(.cw-grok-home) .cw-ugc .cw-cta-row.cw-ugc-cta {
  max-width: 34rem !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-teaser,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-teaser {
  text-align: center !important;
  font-family: Outfit, system-ui, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #1c1915 !important;
  margin: 0.35rem auto 0.55rem !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-teaser-link,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-teaser-link {
  color: #24382c !important;
  text-decoration: underline !important;
  text-underline-offset: 0.15em !important;
  font-weight: 700 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-privacy,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-privacy {
  margin-top: 0.25rem !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-wrap,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-wrap,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map-stage,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map-stage,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map {
  max-width: 52rem !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
/* Keep homepage map interactive — this IS the one map */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map,
html body:has(.cw-grok-home) .cw-ugc .cw-home-map,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-map.leaflet-container {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  z-index: 5 !important;
}
/* /CW-MAP-HOME-ONLY-20260921s */


/* CW-MAP-HOME-ONLY-20260921s — compact ZIP bar + coast count on homepage map */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbar,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipbar{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.4rem !important;
  max-width: 18rem !important;
  width: 100% !important;
  margin: 0.55rem auto 0.25rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-ziplabel,
html body:has(.cw-grok-home) .cw-ugc .cw-home-ziplabel{
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important;
  overflow: hidden !important; clip: rect(0,0,0,0) !important;
  white-space: nowrap !important; border: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zip,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zip{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 9.5rem !important;
  height: 2.15rem !important;
  min-height: 2.15rem !important;
  padding: 0.35rem 0.65rem !important;
  border: 1.5px solid rgba(36,56,44,0.28) !important;
  border-radius: 999px !important;
  background: #fffbf5 !important;
  color: #1a241c !important;
  font-family: Outfit,system-ui,sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zip::placeholder{
  color: #6b6458 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbtn,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipbtn{
  flex: 0 0 auto !important;
  height: 2.15rem !important;
  min-height: 2.15rem !important;
  padding: 0 0.95rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #24382c !important;
  color: #fff !important;
  font-family: Outfit,system-ui,sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbtn:hover{
  background: #1a241c !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipmsg,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipmsg{
  margin: 0.2rem auto 0 !important;
  max-width: 22rem !important;
  font-size: 0.78rem !important;
  color: #8b1e14 !important;
  text-align: center !important;
  min-height: 1em !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-ugc-copy,
html body:has(.cw-grok-home) .cw-ugc .cw-ugc-copy{
  text-align: center !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc #cw-ugc-heading .cw-coast-line1,
html body:has(.cw-grok-home) .cw-section.cw-ugc #cw-ugc-heading .cw-coast-line2{
  font-weight: 800 !important;
}
/* Harden homepage Leaflet tiles (same fix as Across page; prevent blue empty tiles) */
html body:has(.cw-grok-home) .cw-home-map img.leaflet-tile,
html body:has(.cw-grok-home) #cw-home-map img.leaflet-tile{
  max-width: none !important;
  max-height: none !important;
  width: 256px !important;
  height: 256px !important;
}
html body:has(.cw-grok-home) .cw-home-map,
html body:has(.cw-grok-home) .cw-home-map.leaflet-container{
  text-align: left !important;
  background: #e8e0d4 !important;
}
/* /CW-MAP-HOME-ONLY-20260921s */


/* CW-MUTE-BELOW-CHROME-20260921s — mute is sibling of .cw-hero-visual; must NOT
   position against .cw-grok-home (that puts top:10px over the green announcement).
   Anchor to .cw-hero so it sits on the video, below announcement + header. */
html body:has(.cw-grok-home) .cw-hero {
  position: relative !important;
}
html body:has(.cw-grok-home) .cw-hero .cw-hero-mute-btn,
html body:has(.cw-grok-home) .cw-hero-mute-btn {
  position: absolute !important;
  left: 12px !important;
  top: 12px !important; /* relative to .cw-hero = top of video frame */
  right: auto !important;
  bottom: auto !important;
  z-index: 40 !important; /* inside hero stacking; below sticky header 10050 */
  pointer-events: auto !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero .cw-hero-mute-btn,
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    left: 10px !important;
    top: 10px !important;
    right: auto !important;
    bottom: auto !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    z-index: 40 !important;
  }
}
@media (max-width: 480px) {
  html body:has(.cw-grok-home) .cw-hero .cw-hero-mute-btn,
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    left: 8px !important;
    top: 8px !important;
    bottom: auto !important;
  }
}
/* /CW-MUTE-BELOW-CHROME-20260921s */
/* CW-MUTE-CLEAR-BAND-20260921s — mobile mute clear of baked CoopWorxUSA.com band */
html body:has(.cw-grok-home) .cw-hero-visual .cw-hero-mute-btn,
html body:has(.cw-grok-home) .cw-hero-mute-btn {
  position: absolute !important;
  left: 12px !important;
  top: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 10050 !important;
  pointer-events: auto !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-visual .cw-hero-mute-btn,
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    left: 10px !important;
    top: 10px !important;
    right: auto !important;
    bottom: auto !important; /* kill legacy bottom:0.65rem that covered brand band */
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
}
@media (max-width: 480px) {
  html body:has(.cw-grok-home) .cw-hero-visual .cw-hero-mute-btn,
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    left: 8px !important;
    top: 8px !important;
    bottom: auto !important;
  }
}
/* /CW-MUTE-CLEAR-BAND-20260921s */

/* CW-MOBILE-NOSCROLL-20260921v — kill horizontal slide; center hero; Cluck=featured width; mute clear of green bar */
/* bust noscrollv */

/* 1) Page: hide x-overflow on mobile AND shrink known wideners */
@media (max-width: 900px) {
  html:has(.cw-grok-home),
  html:has(.cw-grok-home) body,
  body:has(.cw-grok-home),
  html body:has(.cw-grok-home) #content_wrapper,
  html body:has(.cw-grok-home) .global-wrapper,
  html body:has(.cw-grok-home) .cw-grok-home,
  html body:has(.cw-grok-home) .shopify-section {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  html body:has(.cw-grok-home) .cw-grok-home,
  html body:has(.cw-grok-home) .cw-grok-home * {
    box-sizing: border-box !important;
  }
}

/* Announcement nowrap was expanding the document past the viewport */
html body:has(.cw-grok-home) .cw-announcement {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  overflow-x: hidden !important;
}

/* Hero CTA: wrap, never force a horizontal scroller that grows the page */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row,
  html body:has(.cw-grok-home) .cw-hero .cw-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow: visible !important;
  }
  html body:has(.cw-grok-home) .cw-hero-copy .cw-cta-row .cw-btn {
    flex: 0 1 auto !important;
    max-width: 100% !important;
  }
}

/* 2) Hero video: full content width, centered, no cream strip on the right */
html body:has(.cw-grok-home) .cw-hero,
html body:has(.cw-grok-home) section.cw-hero {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: hidden !important;
}
html body:has(.cw-grok-home) .cw-hero-visual,
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual,
html body:has(.cw-grok-home) .cw-hero-motion-frame,
html body:has(.cw-grok-home) #cw-hero-motion-frame {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important; /* was visible — let letterbox stay inside */
  line-height: 0 !important;
  background: #efe6d0 !important;
  box-sizing: border-box !important;
}
html body:has(.cw-grok-home) .cw-hero .cw-hero-video,
html body:has(.cw-grok-home) .cw-hero .cw-hero-visual video,
html body:has(.cw-grok-home) .cw-hero-visual img,
html body:has(.cw-grok-home) #cw-hero-video {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  animation: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* 3) Mute: containing block MUST be .cw-hero (not .cw-grok-home). Sit on the video
   below announcement+header in document flow; z below sticky header so it never
   paints over the green "CoopWorx USA.com" bar. */
html body:has(.cw-grok-home) .cw-hero .cw-hero-mute-btn,
html body:has(.cw-grok-home) section.cw-hero > .cw-hero-mute-btn,
html body:has(.cw-grok-home) .cw-hero-mute-btn {
  position: absolute !important;
  left: 12px !important;
  top: 12px !important; /* relative to .cw-hero = top of video, already below chrome */
  right: auto !important;
  bottom: auto !important;
  z-index: 35 !important; /* header sticky is ~10120; announcement stays readable */
  pointer-events: auto !important;
  transform: none !important;
}
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-hero .cw-hero-mute-btn,
  html body:has(.cw-grok-home) section.cw-hero > .cw-hero-mute-btn,
  html body:has(.cw-grok-home) .cw-hero-mute-btn {
    left: 10px !important;
    /* Extra clearance on the video face so mute never crowds baked USA.com band;
       still relative to .cw-hero (below announcement+header in flow). */
    top: 14px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    z-index: 35 !important;
  }
}

/* 4) Map: never let Leaflet panes expand the page */
html body:has(.cw-grok-home) .cw-home-map-wrap,
html body:has(.cw-grok-home) .cw-home-map-stage,
html body:has(.cw-grok-home) .cw-home-map,
html body:has(.cw-grok-home) .cw-home-map.leaflet-container {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
html body:has(.cw-grok-home) .cw-home-map .leaflet-container {
  overflow: hidden !important;
}

/* 5) Cluck & Roll — same width + center as featured video cards on mobile */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-videos,
  html body:has(.cw-grok-home) section.cw-videos {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  html body:has(.cw-grok-home) .cw-cluck-card,
  html body:has(.cw-grok-home) #cw-cluck-card,
  html body:has(.cw-grok-home) .cw-cluck-card.has-lyrics,
  html body:has(.cw-grok-home) .cw-cluck-card.has-slideshow {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  html body:has(.cw-grok-home) .cw-cluck-stage,
  html body:has(.cw-grok-home) #cw-cluck-stage,
  html body:has(.cw-grok-home) .cw-cluck-slides {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  /* Featured cards already 100% of grid; keep Cluck stage aspect readable like frames */
  html body:has(.cw-grok-home) .cw-video-featured-pair,
  html body:has(.cw-grok-home) .cw-video-featured {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Partners / reels: contain horizontal tracks without growing page width */
@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-photo-reel,
  html body:has(.cw-grok-home) .cw-video-reel,
  html body:has(.cw-grok-home) .cw-partners {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  html body:has(.cw-grok-home) .cw-photo-reel-track,
  html body:has(.cw-grok-home) .cw-video-reel-track {
    max-width: 100% !important;
    overscroll-behavior-x: contain !important;
  }
}
/* /CW-MOBILE-NOSCROLL-20260921v */


/* ==========================================================================
   CW-MOBILE-CENTER-20260921w
   ROOT CAUSE: stray </div> after hero mute closed .cw-grok-home early, ejecting
   .cw-hero-copy (and most homepage sections) outside the wrapper. Those nodes
   then kept box-sizing:content-box + width:100% + horizontal padding → ~430px
   on a 390px viewport (content clipped right; CTAs/social looked left-shifted).
   HTML fixed in sections/cw-grok-home.liquid. CSS below is belt-and-suspenders:
   target hero-copy WITHOUT requiring .cw-grok-home ancestry; force border-box.
   bust centerw
   ========================================================================== */

/* Page chrome: never allow x-slide */
html:has(.cw-grok-home),
html:has(.cw-hero-copy),
html:has(.cw-grok-home) body,
html:has(.cw-hero-copy) body,
body:has(.cw-grok-home),
body:has(.cw-hero-copy),
html body #content_wrapper,
html body .global-wrapper,
html body #PageContainer,
html body .page-container,
html body main,
html body .main,
html body #MainContent,
html body .shopify-section,
html body .cw-grok-home,
html body .cw-hero,
html body .cw-hero-copy {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  html:has(.cw-grok-home),
  html:has(.cw-hero-copy),
  html:has(.cw-grok-home) body,
  html:has(.cw-hero-copy) body,
  body:has(.cw-grok-home),
  body:has(.cw-hero-copy),
  html body #content_wrapper,
  html body .global-wrapper,
  html body #PageContainer,
  html body .page-container,
  html body main,
  html body #MainContent,
  html body .shopify-section,
  html body .cw-grok-home,
  html body .cw-hero,
  html body section.cw-hero,
  html body .cw-hero-copy {
    overflow-x: clip !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Every direct homepage band: never wider than parent */
  html body .cw-grok-home > *,
  html body #shopify-section-cw-grok-home > *,
  html body .cw-hero > *,
  html body section.cw-hero > *,
  html body .cw-section,
  html body .cw-products,
  html body .cw-accessories-wrap,
  html body .cw-bstock,
  html body .cw-finder,
  html body .cw-why,
  html body .cw-videos,
  html body .cw-ugc,
  html body .cw-family,
  html body .cw-partners,
  html body .cw-final,
  html body .cw-note,
  html body .cw-announcement,
  html body .cw-header {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* THE culprits: hero copy + children — border-box kills width:100%+padding overflow */
  html body .cw-hero-copy,
  html body .cw-hero .cw-hero-copy,
  html body .cw-grok-home .cw-hero-copy,
  html body #shopify-section-cw-grok-home > .cw-hero-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
    min-width: 0 !important;
  }

  html body .cw-hero-copy *,
  html body .cw-hero-copy *::before,
  html body .cw-hero-copy *::after {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  html body .cw-hero-copy h1,
  html body .cw-hero-copy h1.cw-hero-headline,
  html body .cw-hero-copy .cw-hero-subtitle,
  html body .cw-hero-copy > p,
  html body .cw-hero-copy .cw-microproof,
  html body .cw-hero-copy .cw-hero-range {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* CTA pills: wrap + center; never nowrap scroller that grows page */
  html body .cw-hero-copy .cw-cta-row,
  html body .cw-cta-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
  html body .cw-hero-copy .cw-cta-row .cw-btn,
  html body .cw-cta-row .cw-btn {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Social icons: center, never overflow */
  html body .cw-social-strip,
  html body .cw-hero-copy .cw-social-strip,
  html body .cw-soc-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Hero video/visual: full width, centered */
  html body .cw-hero-visual,
  html body .cw-hero-motion-frame,
  html body .cw-hero-video,
  html body .cw-hero-visual video,
  html body .cw-hero-visual img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Announcement: allow wrap (kill leftover nowrap) */
  html body .cw-announcement {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Mute: stay on video face, never widen layout */
  html body .cw-hero-mute-btn,
  html body .cw-hero .cw-hero-mute-btn {
    position: absolute !important;
    left: 10px !important;
    top: 14px !important;
    right: auto !important;
    bottom: auto !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    box-sizing: border-box !important;
    z-index: 35 !important;
    transform: none !important;
  }
}
/* /CW-MOBILE-CENTER-20260921w */


/* CW-MAP-FIND-UNDER-ZIP-20260921x — ZIP full-width row; FIND centered underneath */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbar,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipbar{
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.55rem !important;
  max-width: 20rem !important;
  width: 100% !important;
  margin: 0.65rem auto 0.35rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zip,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zip{
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 18rem !important;
  min-width: 0 !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  margin: 0 auto !important;
  text-align: center !important;
  padding: 0.4rem 0.85rem !important;
  box-sizing: border-box !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbtn,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipbtn{
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 5.5rem !important;
  max-width: none !important;
  margin: 0 auto !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 1.35rem !important;
  align-self: center !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipmsg,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipmsg{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* /CW-MAP-FIND-UNDER-ZIP-20260921x */


/* CW-MAP-FIX-20260921y — map container seam + ensure tiles visible after integer-zoom fix */
html body:has(.cw-grok-home) #cw-home-map.cw-home-map.leaflet-container,
html body:has(.cw-grok-home) .cw-home-map.leaflet-container {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}
html body:has(.cw-grok-home) #cw-home-map-wrap,
html body:has(.cw-grok-home) .cw-home-map-stage {
  border: 0 !important;
  outline: 0 !important;
}


/* CW-MAP-FIX-20260921z — ZIP/FIND above map chrome; keep FIND stacked under ZIP */
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbar,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipbar{
  position: relative !important;
  z-index: 1200 !important;
  pointer-events: auto !important;
  flex-direction: column !important;
  align-items: center !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zip,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zip,
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbtn,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipbtn{
  position: relative !important;
  z-index: 1201 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-user-select: text !important;
}
html body:has(.cw-grok-home) .cw-section.cw-ugc .cw-home-zipbtn,
html body:has(.cw-grok-home) .cw-ugc .cw-home-zipbtn{
  -webkit-user-select: none !important;
  cursor: pointer !important;
}


/* ==========================================================================
   CW-HOMEBLEED-20260921ab
   Carolina Coops / Video Chicken Live: heading + swipe hint overflowed right
   edge on iPhone (~390). Constrain subhead/hint/reel to viewport; allow wrap.
   bust homebleed
   ========================================================================== */

html body:has(.cw-grok-home) .cw-videos,
html body:has(.cw-grok-home) #videos,
html body:has(.cw-grok-home) .cw-videos .cw-videos-subhead,
html body:has(.cw-grok-home) .cw-videos-subhead {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  min-width: 0 !important;
}

html body:has(.cw-grok-home) .cw-videos-subhead h3,
html body:has(.cw-grok-home) .cw-videos .cw-videos-subhead h3,
html body:has(.cw-grok-home) .cw-videos-subhead p,
html body:has(.cw-grok-home) .cw-videos-expand-hint {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

html body:has(.cw-grok-home) .cw-videos-expand-hint {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body:has(.cw-grok-home) .cw-videos .cw-video-reel,
html body:has(.cw-grok-home) .cw-video-reel[data-cw-video-reel="carolina"] {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  min-width: 0 !important;
}

html body:has(.cw-grok-home) .cw-videos .cw-video-reel-track,
html body:has(.cw-grok-home) #cw-video-reel-carolina {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

@media (max-width: 900px) {
  html body:has(.cw-grok-home) .cw-videos,
  html body:has(.cw-grok-home) #videos,
  html body:has(.cw-grok-home) .cw-videos-subhead,
  html body:has(.cw-grok-home) .cw-video-reel[data-cw-video-reel="carolina"] {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  html body:has(.cw-grok-home) .cw-videos .cw-video-reel-track,
  html body:has(.cw-grok-home) #cw-video-reel-carolina {
    /* keep horizontal swipe INSIDE the track without widening page */
    overflow-x: auto !important;
    max-width: 100% !important;
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  html body:has(.cw-grok-home) .cw-videos-subhead h3 {
    font-size: clamp(1.05rem, 5.2vw, 1.35rem) !important;
    line-height: 1.25 !important;
  }
}

/* /CW-HOMEBLEED-20260921ab */