/** Shopify CDN: Minification failed

Line 24:16 Unexpected "__container"
Line 82:16 Unexpected "__grid"
Line 256:16 Unexpected "__tabs"
Line 265:16 Unexpected "__tabs"
Line 267:16 Unexpected "__tab"

**/
/* ═══════════════════════════════════════════
   cycleWASH® V3 — Mobile Responsive Fixes
   Breakpoints: 375px (phone), 768px (tablet), 1024px (desktop)
   ═══════════════════════════════════════════ */

/* ── Global section spacing on mobile ── */
@media screen and (max-width: 768px) {
  .cw-section,
  [class*="cw-"] section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .cw-container,
  .cw2-container,
  [class*="cw-"]__container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* ── Hero sections ── */
@media screen and (max-width: 768px) {
  .cw-hero-v3__heading,
  [class*="cw-hero"] h1 {
    font-size: clamp(1.5rem, 6vw, 2rem) !important;
    line-height: 1.2 !important;
  }
  .cw-hero-v3__tagline,
  [class*="cw-hero"] .tagline {
    font-size: 0.95rem !important;
  }
  .cw-hero-v3__usp-chips {
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
  }
  .cw-hero-v3__usp-chip {
    font-size: 0.7rem !important;
    padding: 4px 10px !important;
  }
  .cw-hero-v3__products {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .cw-hero-v3__product-card {
    max-width: 100% !important;
  }
}

/* ── Page navigation ── */
@media screen and (max-width: 768px) {
  .cw-page-nav__links {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    padding: 0 8px !important;
  }
  .cw-page-nav__links::-webkit-scrollbar { display: none; }
  .cw-page-nav__link {
    white-space: nowrap !important;
    font-size: 0.75rem !important;
    padding: 6px 12px !important;
    flex-shrink: 0 !important;
  }
}

/* ── Card grids ── */
@media screen and (max-width: 768px) {
  .cw-eco__grid,
  .cw-acc__grid,
  [class*="cw-"]__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .cw-eco__grid,
  .cw-acc__grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

/* ── Trust badges ── */
@media screen and (max-width: 768px) {
  .cw-trust__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .cw-trust__badge {
    padding: 16px !important;
  }
  .cw-trust__badge-icon {
    width: 48px !important;
    height: 48px !important;
  }
}

/* ── ROI Calculator ── */
@media screen and (max-width: 768px) {
  .cw-roi__form-grid {
    grid-template-columns: 1fr !important;
  }
  .cw-roi__result-grid {
    grid-template-columns: 1fr !important;
  }
  .cw-roi__chart-container {
    height: 250px !important;
  }
}

/* ── Image dividers ── */
@media screen and (max-width: 768px) {
  .cw-divider {
    height: 200px !important;
  }
  .cw-divider__text {
    font-size: 1.25rem !important;
  }
}

/* ── CTA sections ── */
@media screen and (max-width: 768px) {
  .cw-cta__panel {
    padding: 40px 20px !important;
  }
  .cw-cta__title {
    font-size: clamp(1.5rem, 5vw, 2rem) !important;
  }
  .cw-cta__buttons {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
  }
  .cw-cta__btn {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ── Comparison tables ── */
@media screen and (max-width: 768px) {
  .cw-comparison table {
    font-size: 0.8rem !important;
  }
  .cw-comparison th,
  .cw-comparison td {
    padding: 8px 6px !important;
  }
  .cw-comparison__table-wrapper {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* ── FAQ / Accordion ── */
@media screen and (max-width: 768px) {
  .cw-faq__question {
    font-size: 0.95rem !important;
    padding: 14px 16px !important;
  }
  .cw-faq__answer {
    padding: 0 16px 14px !important;
    font-size: 0.9rem !important;
  }
}

/* ── Press cards ── */
@media screen and (max-width: 768px) {
  .cw2-press-grid {
    grid-template-columns: 1fr !important;
  }
  .cw2-press-card {
    padding: 20px 16px !important;
  }
}

/* ── Downloads grid ── */
@media screen and (max-width: 768px) {
  .cw-downloads__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* ── Admin page ── */
@media screen and (max-width: 768px) {
  .cw-admin-sidebar {
    width: 100% !important;
    position: relative !important;
    height: auto !important;
  }
  .cw-admin-main {
    margin-left: 0 !important;
  }
  .cw-admin-topbar {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

/* ── Gallery / Best practice ── */
@media screen and (max-width: 768px) {
  .cw-gallery__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  .cw-gallery__item img {
    border-radius: 8px !important;
  }
}

@media screen and (max-width: 375px) {
  .cw-gallery__grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Product recommendations ── */
@media screen and (max-width: 480px) {
  .related-products__slide {
    flex: 0 0 150px !important;
    max-width: 150px !important;
    min-width: 140px !important;
  }
}

/* ── General typography on small screens ── */
@media screen and (max-width: 375px) {
  h1, .h0, .hxl, .hxxl {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
  }
  h2, .h1 {
    font-size: 1.25rem !important;
  }
  body {
    font-size: 14px !important;
  }
}

/* ── Tabs overflow scroll on mobile ── */
@media screen and (max-width: 768px) {
  .cw-eco__tabs,
  [class*="cw-"]__tabs {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding-bottom: 4px !important;
  }
  .cw-eco__tabs::-webkit-scrollbar,
  [class*="cw-"]__tabs::-webkit-scrollbar { display: none; }
  .cw-eco__tab,
  [class*="cw-"]__tab {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 0.8rem !important;
    padding: 8px 14px !important;
  }
}

/* ── Contact form ── */
@media screen and (max-width: 768px) {
  .cw-contact__layout {
    grid-template-columns: 1fr !important;
  }
  .cw-contact__sidebar {
    order: 2 !important;
  }
  .cw-contact__form-row {
    grid-template-columns: 1fr !important;
  }
}

/* ── Spec tables ── */
@media screen and (max-width: 768px) {
  .cw-specs__grid {
    grid-template-columns: 1fr !important;
  }
  .cw-specs__row {
    flex-direction: column !important;
    gap: 4px !important;
  }
}

/* ── Use case grid ── */
@media screen and (max-width: 768px) {
  .cw-uc__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}
@media screen and (max-width: 375px) {
  .cw-uc__grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Smooth scroll for anchors ── */
html {
  scroll-behavior: smooth;
}

/* ── Prevent content overflow ── */
img, video, iframe {
  max-width: 100%;
  height: auto;
}