/** Shopify CDN: Minification failed

Line 262:1 Expected "}" to go with "{"

**/
/* ===========================
   GLOBAL: Page titles alignment
   Applies to Shopify "Pages" only
   =========================== */

/* Remove Dawn's narrow wrapper for page templates */
body.template-page #MainContent .page-width.page-width--narrow {
  max-width: var(--page-width) !important;
}

/* Ensure title itself is left aligned */
body.template-page #MainContent .main-page-title.page-title {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
/* Add controlled left gutter back to page titles */
@media (min-width: 990px) {
  body.template-page #MainContent .main-page-title.page-title {
    padding-left: 4.5rem !important;
  }
}
/* ===========================
   HubSpot CTA cards - WhatsApp fix
   =========================== */

/* 1) Make all CTA icon SVGs behave */
.hubspot-cta-card__icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

/* 2) Prevent any text from creeping into the icon circle */
.hubspot-cta-card__icon {
  overflow: hidden !important;
  line-height: 0 !important;
}

/* 3) WhatsApp specific: ensure text is visible and aligned */
.hubspot-two-col__ctas a.hubspot-cta-card[href^="https://wa.me"] .hubspot-cta-card__content {
  display: flex !important;
}

/* 4) WhatsApp specific: if any accidental text nodes end up inside the icon container, hide them */
.hubspot-two-col__ctas a.hubspot-cta-card[href^="https://wa.me"] .hubspot-cta-card__icon {
  font-size: 0 !important;   /* kills "Wh" if it’s coming from text rendering */
}
.hubspot-two-col__ctas a.hubspot-cta-card[href^="https://wa.me"] .hubspot-cta-card__icon svg {
  font-size: initial !important;
}
/* WhatsApp card: force label + helper back on */
.hubspot-two-col__ctas a.hubspot-cta-card[href^="https://wa.me"] .hubspot-cta-card__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.hubspot-two-col__ctas a.hubspot-cta-card[href^="https://wa.me"] .hubspot-cta-card__label,
.hubspot-two-col__ctas a.hubspot-cta-card[href^="https://wa.me"] .hubspot-cta-card__helper {
  display: block !important;
  opacity: 1;
}
/* Normalize all CTA icon circles */
.hubspot-cta-card__icon {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  line-height: 0 !important;
}

/* Normalize SVG size in all three icons */
.hubspot-cta-card__icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

/* WhatsApp icon: slightly bolder/larger, but still contained */
.hubspot-two-col__ctas a.hubspot-cta-card[href^="https://wa.me"] .hubspot-cta-card__icon svg {
  width: 20px !important;
  height: 20px !important;
}
/* ===========================
   HubSpot CTA cards – BIGGER text (corrected)
   =========================== */

/* Main label (WhatsApp / Live Chat / Phone) */
.hubspot-cta-card__label {
  font-size: 1.15em !important;   /* definitely larger */
  font-weight: 600;
  line-height: 1.25;
}

/* Helper text */
.hubspot-cta-card__helper {
  font-size: 1em !important;      /* same size as body text */
  line-height: 1.35;
  opacity: 0.75;
}
/* ===========================
   Contact page: align section headings
   =========================== */

/* Left column heading */
.hubspot-two-col__heading {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin-bottom: 0.75rem;
}

/* Right column card heading */
.hubspot-two-col__form-heading {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin-bottom: 0.75rem;
}
/* Align "Talk to an expert" vertically with "Enquire now" */
@media (min-width: 990px) {
  .hubspot-two-col__left .hubspot-two-col__heading {
    margin-top: 24px; /* matches card padding */
  }
}
/* --- Stop accidental global downsizing: scope CTA typography to the cards only --- */
.hubspot-two-col .hubspot-cta-card__label {
  font-size: 1.1rem !important;
}

.hubspot-two-col .hubspot-cta-card__helper {
  font-size: 0.95rem !important;
}
/* --- Contact section headings: same baseline --- */
@media (min-width: 990px) {
  /* Remove default heading margins that differ by tag */
  .hubspot-two-col__left .hubspot-two-col__heading,
  .hubspot-two-col__card .hubspot-two-col__form-heading {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.25 !important;
  }

  /* Make the right heading sit at the top edge of the card padding */
  .hubspot-two-col__card {
    padding-top: 24px !important; /* keep */
  }

  /* Match left heading to the card padding exactly */
  .hubspot-two-col__left .hubspot-two-col__heading {
    padding-top: 24px !important;
  }
}
/* Ensure the left/right column body text uses theme defaults */
.hubspot-two-col .hubspot-two-col__subheading,
.hubspot-two-col .hubspot-two-col__body,
.hubspot-two-col .hubspot-two-col__form-note {
  font-size: inherit !important;
}
/* ===========================
   HubSpot contact section: increase overall typography
   =========================== */

/* Increase base type just for this section */
.hubspot-two-col {
  font-size: 18px !important;
}

/* Left column */
.hubspot-two-col__subheading,
.hubspot-two-col__body {
  font-size: 1rem !important;      /* now 18px */
  line-height: 1.6 !important;
}

/* Column headings */
.hubspot-two-col__heading,
.hubspot-two-col__form-heading {
  font-size: 22px !important;
  line-height: 1.25 !important;
}

/* CTA cards */
.hubspot-two-col .hubspot-cta-card__label {
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.hubspot-two-col .hubspot-cta-card__helper {
  font-size: 15px !important;
  line-height: 1.35 !important;
}
/* Page titles on Pages: pull back from the edge a bit */
body.template-page #MainContent .page-width.page-width--narrow {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
/* Extra breathing room before footer */
.hubspot-two-col {
  padding-bottom: 64px;
}
 /* PAGE H1 alignment (Pages only) */
@media (min-width: 990px) {
  body.template-page #MainContent .page-width.page-width--narrow {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

  body.template-page #MainContent .page-width.page-width--narrow .main-page-title,
  body.template-page #MainContent .page-width.page-width--narrow .page-title {
    padding-left: 0 !important; /* prevent double padding */
  }
}
/* ===== Pages: make the title wrapper align with page-width gutter ===== */
body.template-page #MainContent .page-width.page-width--narrow {
  max-width: var(--page-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
  box-sizing: border-box !important;
}

/* Ensure the H1 itself doesn't add extra offset */
body.template-page #MainContent .main-page-title.page-title {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Pages: inset the title wrapper so H1 aligns with page content */
body.template-page #MainContent .page-width.page-width--narrow.section-template--27751399227724__main-padding {
  padding-left: 2.5rem !important;
  padding-right: 4.5rem !important;
  box-sizing: border-box !important;
}
body.template-page #MainContent .page-width.page-width--narrow.section-template--27751399227724__main-padding > h1.main-page-title {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* DEBUG: prove we're hitting the page title wrapper */
body.template-page #MainContent .page-width.page-width--narrow {
  outline: 4px solid red !important;
}
/* Reduce padding inside the form card */
.hubspot-two-col__card {
  padding: 18px !important; /* was 24px */
}
/* Collection product grid — 2 columns on mobile */
@media (max-width: 749px) {
  #ProductGridContainer .grid.product-grid .grid__item {
    width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;
    max-width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2) !important;
    flex-shrink: 0 !important;
  }
}