/** Shopify CDN: Minification failed

Line 11:28 Unexpected "{"
Line 11:37 Expected ":"
Line 11:43 Unexpected "-"
Line 11:45 Unexpected "{"
Line 11:54 Expected ":"

**/
/* ===== Center featured collection items when less than full row ===== */
#shopify-section-template--{{ section.id }}-{{ section.type }} .product-grid,
.featured-collection .grid {
  justify-content: center !important;
}

/* Prevent weird stretching */
.featured-collection .grid__item {
  float: none !important;
}

/* ===== Smaller headings for policy & standard pages ===== */
.shopify-policy__title h1 {
  font-size: 28px !important;   /* adjust size */
  line-height: 1.3 !important;
  font-weight: 700 !important;
  text-align: center;           /* optional: keep them centered */
  margin-bottom: 20px !important;
}

/* ✅ Center align Multicolumn section headings */
.multicolumn .title-wrapper-with-link {
  text-align: center !important;
  justify-content: center !important;
}
.multicolumn .title-wrapper-with-link h2 {
  margin-left: auto;
  margin-right: auto;
}

/* === CENTER THE RELATED/RECOMMENDED HEADING (Ride/Dawn and friends) === */
.related-products .title-wrapper-with-link,
.product-recommendations .title-wrapper-with-link,
section[id*="related"] .title-wrapper-with-link,
section[data-section-type*="related"] .title-wrapper-with-link {
  display: flex;
  justify-content: center !important;
  align-items: center;
  width: 100%;
  text-align: center;
}

/* Center the title itself no matter what class name it uses */
.related-products__heading,
.product-recommendations__heading,
.related-products .section-header__title,
.product-recommendations .section-header__title,
.related-products .title-wrapper-with-link h2,
.product-recommendations .title-wrapper-with-link h2,
section[id*="related"] h2,
section[data-section-type*="related"] h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Sometimes the wrapper has leftover space-between; override it */
.related-products .section-header,
.product-recommendations .section-header {
  justify-content: center !important;
  text-align: center !important;
  width: 100%;
}

/* =========================
   PAGE TITLES (H1) – TIDY + RESPONSIVE
   ========================= */

/* Desktop defaults (applies to most templates) */
.main-page-title,
.page-title,
h1.title,
h1.page-title {
  text-align: center !important;
  margin-bottom: 20px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  /* Smooth responsive sizing without going huge */
  font-size: clamp(36px, 5vw, 56px) !important;
}

/* Mobile: keep strong but readable */
@media (max-width: 749px) {
  .main-page-title,
  .page-title,
  h1.title,
  h1.page-title {
    font-size: 24px !important;
    line-height: 1.15 !important;
    margin-bottom: 16px !important;
  }
}

/* =========================
   MULTICOLUMN CAROUSEL ON MOBILE – 1 SLIDE PER SCREEN
   ========================= */
@media (max-width: 749px) {
  .multicolumn .slider {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: flex-start !important;
  }
  .multicolumn .slider__slide {
    flex: 0 0 100vw !important;   /* each slide fills the viewport */
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: center;
  }
  /* Center the actual card *inside* the 100vw slide */
  .multicolumn .multicolumn-card {
    max-width: 75% !important;    /* tweak to 80–90% if you prefer bigger */
    margin: 0 auto !important;
    float: none !important;
    text-align: center !important;
  }
  .multicolumn .multicolumn-card__info,
  .multicolumn .multicolumn-card__content {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }
  /* First/last slide shouldn’t add extra gutters */
  .multicolumn .slider__slide:first-child,
  .multicolumn .slider__slide:last-child {
    margin: 0 !important;
  }
}

/* =========================
   FOOTER HEADINGS – MOBILE ONLY
   ========================= */
@media (max-width: 749px) {
  .footer h2,
  .footer .footer-block__heading {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
  }
}

/* =========================
   BRUSH SECTION BODY COPY
   ========================= */
.md-brush-section .md-text {
  font-size: 16px !important;      /* desktop */
  line-height: 1.8 !important;
}
@media (max-width: 749px) {
  .md-brush-section .md-text {
    font-size: 13px !important;    /* mobile */
    line-height: 1.5 !important;
  }
}

/* =========================
   H2 SIZING – TARGETED + RESPONSIVE
   (Footer rules above remain as-is)
   ========================= */

/* ---- Desktop (≥750px) ---- */
@media (min-width: 750px) {
  /* Big hero / image-with-text headings */
  .image-with-text__heading,
  .banner__heading {
    font-size: clamp(44px, 5.5vw, 84px) !important;
    line-height: 1.05 !important;
  }

  /* Section titles (featured collections, related products, generic section titles) */
  .title-wrapper-with-link .title,
  .section-header .title,
  .featured-collection .title,
  .related-products__heading {
    font-size: 32px !important;
    line-height: 1.15 !important;
  }

  /* Multicolumn card titles */
  .multicolumn-card__title {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }

  /* Rich text content H2s (page content blocks) */
  .rte h2 {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
}  /* <-- ✅ close desktop media block */

/* ---- Mobile (<750px) ---- */
@media (max-width: 749px) {
  /* Big hero / image-with-text headings */
  .image-with-text__heading,
  .banner__heading {
    font-size: 50px !important;
    line-height: 1.1 !important;
  }

  /* Section titles (featured collections, related products, generic section titles) */
  .title-wrapper-with-link .title,
  .section-header .title,
  .featured-collection .title,
  .related-products__heading {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  /* Multicolumn card titles */
  .multicolumn-card__title {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  /* Rich text content H2s (page content blocks) */
  .rte h2 {
    font-size: 20px !important;
    line-height: 1 !important;
  }
}


/* =========================
   CONTACT FORM — TITLE + BUTTON CENTER ONLY
   ========================= */

/* Center the form heading/title */
.contact h1,
.contact h2,
.contact-form h1,
.contact-form h2,
.form-vertical h1,
.form-vertical h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the submit button */
.contact button,
.contact-form button,
.form-vertical button {
  display: block !important;
  margin: -20px auto 0 auto !important;
}

/* =========================================
   FIX: All Brush Wrappers vs Overlay Menu
   ========================================= */

/* Kill z-index/transform/filter on ALL brush sections/wrappers */
[id*="brush"],
.md-brush-wrap,
.md-brush-section {
  position: relative !important;
  z-index: 0 !important;
  transform: none !important;
  filter: none !important;
  will-change: auto !important;
}

/* Make sure decorative ::before/::after don’t block clicks */
[id*="brush"]::before,
[id*="brush"]::after,
.md-brush-wrap::before,
.md-brush-wrap::after,
.md-brush-section::before,
.md-brush-section::after {
  z-index: 0 !important;
  pointer-events: none !important;
}

/* =========================================
   MULTICOLUMN HEADING SIZE FIX (Desktop)
   ========================================= */
@media (min-width: 750px) {
  /* Reset override so theme utilities apply */
  .multicolumn .title-wrapper-with-link .title {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  /* Map Dawn/Sense utilities back to real sizes */
  .multicolumn .title-wrapper-with-link .title.h0 { 
    font-size: clamp(44px, 5.5vw, 84px) !important; 
    line-height: 1.05 !important;
  }  /* XXL */

  .multicolumn .title-wrapper-with-link .title.h1 { 
    font-size: 48px !important; 
    line-height: 1.1 !important;
  }  /* XL */

  .multicolumn .title-wrapper-with-link .title.h2 { 
    font-size: 36px !important; 
    line-height: 1.15 !important;
  }  /* Large */

  .multicolumn .title-wrapper-with-link .title.h3 { 
    font-size: 28px !important; 
    line-height: 1.2 !important;
  }  /* Medium */

  .multicolumn .title-wrapper-with-link .title.h4,
  .multicolumn .title-wrapper-with-link .title:not(.h0):not(.h1):not(.h2):not(.h3):not(.h4) {
    font-size: 22px !important; 
    line-height: 1.25 !important;
  }  /* Small (default fallback) */
}
/* ==============================
   MOBILE: Taller Image Banners
   (Only these 2 sections)
   ============================== */
@media (max-width: 749px) {
  /* Top banner (lures) */
  #shopify-section-template--18350562345013__image_banner_Crr3UV .banner__media {
    min-height: 40vh !important;   /* adjust 70–90vh as you like */
    object-fit: cover !important;
  }

  /* Second banner (shorts) */
  #shopify-section-template--18350562345013__image_banner_M7kcR7 .banner__media {
    min-height: 40vh !important;
    object-fit: cover !important;
  }
}