/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/index.scss ***!
  \**********************************************************************************************************************************************************/
:root {
  --color-one: #E4F0F9;
  --color-two: #AFB67F;
  --color-three: #D02C88;
  --color-four: #2F2F2F;
  --color-five: #F6F6F6;
  --color-six: #FFF;
}

@media (min-width: 990px) {
  :root {
    --standard-heading-size: calc(3 * 1rem);
    --feature-heading-size: calc(3 * 1rem);
  }
}

/* Allow Shopify Theme Customiser typography settings to control fonts */
h1.font-heading,
h2.font-heading,
h3.font-heading,
h4.font-heading,
h5.font-heading,
h6.font-heading,
.font-heading,
.font-heading strong,
.product-tile a h3,
.product-tile a h3 strong {
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

/* Keep spacing only, but do not override font choice */
p {
  letter-spacing: 0.02ex;
  line-height: 1.5;
}

.splide__slide .media__shape-wrapper {
  clip-path: unset !important;
}

@media (min-width: 990px) {
  .custom-contact-link {
    font-size: 15px;
    padding-left: 1ex;
    padding-right: 1ex;
  }
}

.custom-contact-link span {
  display: none;
}

@media (min-width: 990px) {
  .custom-contact-link span {
    display: block;
  }
}

.custom-contact-link svg {
  display: block;
}

@media (min-width: 990px) {
  .custom-contact-link svg {
    display: none;
  }
}

@media (min-width: 990px) {
  #headerContainer .grow nav li a {
    font-size: 15px;
    padding-left: 1ex;
    padding-right: 1ex;
  }
}

footer a[href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore"] {
  display: none !important;
}

.comparison-table td .theme-icon--check_mark,
.comparison-table span:has(.theme-icon--check_mark) {
  color: var(--color-six);
}

.product-content .add-to-cart-btn {
  cursor: pointer;
}

.product-content .add-to-cart-btn > span {
  background-color: var(--color-six);
  color: var(--color-three);
  box-shadow: unset;
  cursor: pointer;
}

.product-content .add-to-cart-btn:hover span {
  background-color: var(--color-three) !important;
  color: var(--color-six) !important;
}