@font-face {
  font-family: Lexend;
  /* src: url("https://cdn.shopify.com/s/files/1/0911/8482/4667/files/Lexend.ttf?v=1753727010"); */
  src: url("./Lexend.woff");
  font-display: swap;
}

:root {
  --shafely---green---light: rgba(230, 246, 244, 1);
  --shafely---green---light-hover: rgba(217, 242, 239, 1);
  --shafely---green---light-active: rgba(176, 228, 221, 1);
  --shafely---green---normal: rgba(0, 169, 145, 1);
  --shafely---green---normal-hover: rgba(0, 152, 131, 1);
  --shafely---green---normal-active: rgba(0, 135, 116, 1);
  --shafely---green---dark: rgba(0, 127, 109, 1);
  --shafely---green---dark-hover: rgba(0, 101, 87, 1);
  --shafely---green---dark-active: rgba(0, 76, 65, 1);
  --shafely---green---darker: rgba(0, 59, 51, 1);


  --shafely---grey---light: rgba(253, 253, 253, 1);
  --shafely---grey---light-hover: rgba(251, 251, 251, 1);
  --shafely---grey---light-active: rgba(247, 247, 247, 1);
  --shafely---grey---normal: rgba(230, 230, 230, 1);
  --shafely---grey---normal-hover: rgba(207, 207, 207, 1);
  --shafely---grey---normal-active: rgba(184, 184, 184, 1);
  --shafely---grey---dark: rgba(173, 173, 173, 1);
  --shafely---grey---dark-hover: rgba(138, 138, 138, 1);
  --shafely---grey---dark-active: rgba(103, 103, 103, 1);
  --shafely---grey---darker: rgba(81, 81, 81, 1);

  --shafely---blue---light: rgba(231, 233, 236, 1);
  --shafely---blue---light-hover: rgba(218, 222, 227, 1);
  --shafely---blue---light-active: rgba(179, 187, 196, 1);
  --shafely---blue---normal: rgba(10, 35, 66, 1);
  --shafely---blue---normal-hover: rgba(9, 32, 59, 1);
  --shafely---blue---normal-active: rgba(8, 28, 53, 1);
  --shafely---blue---dark: rgba(8, 26, 50, 1);
  --shafely---blue---dark-hover: rgba(6, 21, 40, 1);
  --shafely---blue---dark-active: rgba(5, 16, 30, 1);
  --shafely---blue---darker: rgba(4, 12, 23, 1);

  --shafely--white: #ffffff;
  --shafely--black: #1a1a1a;

  --ff: Lexend;

  --ff-regular: 400;
  --ff-medium: 500;
  --ff-semibold: 600;
  --ff-bold: 700;

  --step--2: 0.75rem; /* 12px */
  --step--1: 0.875rem; /* 14px */
  --step-0: 1rem; /* 16px */
  --step-1: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem); /* 20px */
  --step-2: clamp(1.25rem, 1.163rem + 0.4348vw, 1.5rem); /* 24px */
  --step-3: clamp(1.625rem, 1.4946rem + 0.6522vw, 2rem); /* 32px */
  --step-4: clamp(1.875rem, 1.7446rem + 0.6522vw, 2.25rem); /* 36px */
  --step-5: clamp(2.5rem, 2.3261rem + 0.8696vw, 3rem); /* 48px */
  --step-6: clamp(3rem, 2.6522rem + 1.7391vw, 4rem); /* 64px */
}

body {
  font-family: var(--ff);
  background: #fffdfe;
}

img {
  border-radius: 0 !important;
}

/* Announcement Bar */
height-observer > .announcement-bar {
  padding-block: 0.5rem;

  p.bold.text-base {
    font-size: var(--step--1);
    font-weight: 500;
    letter-spacing: -0.03rem;
  }
}

/* Header Navigation */
store-header.header {
  .header__icon-list {
    gap: 1rem;

    .header__link-list.wrap {
      gap: var(--step--2);
    }
  }

  /* Heading  */
  .header__wrapper {
    padding-block: 8px !important;
  }

  .contents > li > a {
    font-size: var(--step--2);
    text-transform: uppercase;
    letter-spacing: -0.03em;
  }

  /* Sticky Version of Header */
  &[sticky] {
    border-bottom: 1px solid var(--shafely---grey---normal);
    box-shadow: 0px 17px 17px rgba(219, 219, 219, 0.25);

    &[allow-transparency] {
      border-bottom: none;
      box-shadow: none;

      &.is-filled {
        border-bottom: 1px solid var(--shafely---grey---normal);
        box-shadow: 0px 17px 17px rgba(219, 219, 219, 0.25);
      }
    }
  }
}

/* Cookie Banner Alert */
section[role="alertdialog"] {
  background: var(--shafely---blue---normal);

  h2,
  p {
    color: var(--shafely---blue---light);
  }

  a,
  button > span {
    color: var(--shafely---green---light);
  }
}

/* Product Hero */
safe-sticky {
  .product-info-star__ratings {
    text-transform: uppercase;
    font-size: var(--step--1);
    letter-spacing: 0;
    color: var(--shafely---blue---normal);
    font-weight: var(--ff-medium);

    span:first-child {
      svg path {
        fill: var(--shafely---blue---normal);
      }
    }
  }

  .product-info__title {
    font-weight: var(--ff-bold);
    font-size: var(--step-4);
    text-transform: uppercase;
    font-family: var(--ff);
    color: var(--shafely---blue---normal);
  }

  .product-info__price {
    price-list {
      align-items: center;

      sale-price,
      compare-at-price {
        font-weight: var(--ff-bold);
        color: var(--shafely---blue---light-active);
      }

      sale-price {
        color: var(--shafely---blue---normal);
      }

      p {
        background: var(--shafely---green---normal) !important;
        background: #dd5711 !important;
        padding: 4px 10px !important;
        border-radius: 0 !important;
        font-weight: var(--ff-regular) !important;
        letter-spacing: 0 !important;
      }
    }
  }

  .product-info__text {
    .prose > p {
      max-width: 360px;
      font-size: var(--step--1);
      font-weight: var(--ff-regular);
      color: var(--shafely---grey---darker);
    }
  }

  .product-feature_highlight {
    span:first-child {
      border: none !important;
    }

    span:nth-child(2) {
      font-size: var(--step--1);
      font-weight: var(--ff-regular);
      color: var(--shafely---blue---normal);
    }
  }

  /* First Offer: Dermatologist Says */
  .product-info__variant-picker + .offer.bg-custom.text-custom {
    border: 1px solid var(--shafely---green---normal);
    border-radius: 0;
    padding-block: 32px 16px;
    padding-inline: 20px;
    position: relative;

    &::before {
      content: "dermatologists RECOMMENDS";
      text-transform: uppercase;
      display: inline-block;
      padding: 4px 10px;
      font-size: var(--step--2);
      background: var(--shafely---green---normal);
      color: var(--shafely---green---light);
      position: absolute;
      top: 0;
      left: 0;
    }
  }

  .product-info__buy-buttons {
    buy-buttons {
      button {
        border-radius: 0;
        text-transform: uppercase;
      }
    }

    .free-shipping-div {
      background: none;
      font-weight: var(--ff-regular);
      font-size: var(--step-0);
      padding-inline-start: 24px;
      padding-block: 0;
      text-align: start;
      color: var(--shafely---green---normal);
      position: relative;

      &::before {
        content: url("https://cdn.shopify.com/s/files/1/0911/8482/4667/files/local_shipping.svg?v=1753735600");
        width: 20px;
        height: 20px;
        position: absolute;
        left: 0;
        top: 3px;
      }
    }
  }

  .product-info__threepoints {
    padding-inline: 0;
    gap: 1rem;
    justify-content: space-between;

    .product-info__threepoint {
      flex: 1 1 0;

      img {
        /* margin: 0; */
        width: 24px;
        height: 24px;
      }

      p {
        /* text-align: start; */
        font-size: var(--step--1);
        font-weight: var(--ff-regular);
        color: var(--shafely---blue---normal);
        margin-block-start: 4px;
      }
    }
  }

  /* Second Offer */
  .product-info__threepoints + .offer {
    padding: 8px;
    padding-inline-end: 12px;
    border-radius: 32px;
    background: none;
    border: 2px solid var(--shafely---blue---normal);
    display: flex;
    align-items: center;
    justify-content: center;

    .text-with-icon {
      display: grid;
      place-content: center;
      width: 32px;
      height: 32px;
      background: var(--shafely---blue---normal);
      border-radius: 50%;

      img {
        width: 16px;
        height: 16px;
      }
    }

    .prose.text-sm h6 {
      font-family: var(--ff);
      font-size: var(--step--1);
      font-weight: var(--ff-regular);
      color: var(--shafely---blue---normal);
    }
  }

  .product-info__reviews {
    review-dialog {
      button.product-info-review {
        padding: 0;
        position: relative;
        align-items: stretch;

        .product-info-review-image {
          flex: 1 1 0;
          max-width: 140px;

          img {
            height: 100%;
            width: 100%;
          }
        }

        .product-info-review-content {
          flex: 2.5 1 0;
          padding-block: 16px 32px;

          div {
            display: grid;
            gap: 4px;

            span svg path {
              fill: var(--shafely---blue---normal);
            }
          }

          & > p {
            margin-block-start: 4px;
            color: var(--shafely---grey---darker);
          }
        }

        &::after {
          position: absolute;
          display: inline-block;
          padding: 4px 10px;
          background: var(--shafely---grey---normal);
          color: var(--shafely---grey---darker);
          text-transform: uppercase;
          bottom: 0;
          right: 0;
          font-size: var(--step--2);
        }
      }
    }
  }

  details.product-info__accordion.accordion.group {
    summary {
      .accordion__toggle.bold {
        span:first-child {
          font-size: var(--step--1);
          color: var(--shafely---grey---darker);
          text-transform: uppercase;
          font-weight: var(--ff-regular);
        }
      }
    }

    .accordion__content .prose {
      font-size: var(--step--1);
      color: var(--shafely---grey---darker);
    }

    span.circle-chevron {
      background: none;
      svg {
        & > path {
          stroke: var(--shafely---grey---darker);
        }
      }
    }

    &:hover,
    &[open] {
      span.circle-chevron {
        background: none;

        svg {
          & > path {
            stroke: var(--shafely---blue---normal);
          }
        }
      }
    }
  }

  .ugc-video-block {
    h3 {
      text-align: start !important;
      text-transform: uppercase;
      font-weight: var(--ff-regular) !important;
      color: var(--shafely---blue---normal);
      font-size: var(--step--1);
    }

    .swiper-wrapper {
      div {
        border-radius: 0;
      }
    }
  }

  dialog.product-info-dialog {
    .product-info-dialog-content {
      svg path {
        fill: var(--shafely---blue---normal);
      }
      p {
        font-size: var(--step-0);
      }
    }
  }
}

/* Why Shafely */
.shopify-section.shopify-section--product-highlights {
  .product-highlight-section {
    grid-template-columns: 1fr;

    .highlight-section-text {
      h2 > p {
        font-family: var(--ff);
        text-transform: uppercase;
        color: var(--shafely---blue---normal);
        font-size: var(--step-3);
        font-weight: var(--ff-bold);
        text-align: center;
      }

      & > p {
        text-align: center;
        color: var(--shafely---grey---darker);
      }
    }

    .highlight-section-row {
      gap: 0;
      max-width: 41rem;

      .highlight-section-row-col-1 {
        background: none;
        border-top: 1px solid var(--shafely---blue---light-hover);
        color: var(--shafely---blue---normal);
        max-width: 335px;
        width: 100%;
      }

      .highlight-section-row-col-2 {
        & > span {
          background: none !important;

          svg {
            width: 24px;
            height: 24px;
          }

          svg > g > path {
            fill: var(--shafely---blue---light);
          }
        }
      }
    }
  }
}

.shopify-section.shopify-section--rich-text {
  .section.section-blends.section-full {
    padding-block-start: 0;

    p {
      max-width: 440px;
      color: var(--shafely---grey---dark-hover);
    }
  }
}

/* Product Callout */
.shopify-section.shopify-section--rich-text
  + .shopify-section.shopify-section--product-callout,
.shopify-section.shopify-section--impact-text
  + .shopify-section.shopify-section--product-callout {
  .three-column-callout {
    gap: 1rem;

    h2 {
      font-family: var(--ff);
      font-size: var(--step-4);
      font-weight: var(--ff-bold);
      text-transform: uppercase;
      color: var(--shafely---blue---normal);
      margin-block-end: 48px !important;
      max-width: 520px;
      margin-inline: auto;
    }

    .three-column-callout-callout {
      background: none;
      padding: 0;

      & > * {
        text-align: start;
        color: var(--shafely---blue---normal);
        letter-spacing: -0.03em;
      }

      h3 {
        font-size: var(--step-6);
      }

      p:first-of-type {
        text-transform: uppercase;
        font-size: var(--step-2);
      }

      p:last-of-type {
        font-size: var(--step-1);
      }
    }
  }

  .three-column-callout-callouts.mobile {
    .swiper-wrapper {
      margin-inline-start: -16px;
    }

    .three-column-callout-swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal
      > .swiper-pagination-progressbar-fill {
      background: var(--shafely---blue---normal);
    }
  }
}

.three-column-callout {
    gap: 1rem;

    h2 {
      font-family: var(--ff);
      font-size: var(--step-4);
      font-weight: var(--ff-bold);
      text-transform: uppercase;
      color: var(--shafely---blue---normal);
      margin-block-end: 48px !important;
      max-width: 520px;
      margin-inline: auto;
    }

    .three-column-callout-callout {
      background: none;
      padding: 0;

      & > * {
        text-align: start;
        color: var(--shafely---blue---normal);
        letter-spacing: -0.03em;
      }

      h3 {
        font-size: var(--step-6);
      }

      p:first-of-type {
        text-transform: uppercase;
        font-size: var(--step-2);
      }

      p:last-of-type {
        font-size: var(--step-1);
      }
    }
  }

  .three-column-callout-callouts.mobile {
    .swiper-wrapper {
      margin-inline-start: -16px;
    }

    .three-column-callout-swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal
      > .swiper-pagination-progressbar-fill {
      background: var(--shafely---blue---normal);
    }
  }

.shopify-section.shopify-section--impact-text
  + .shopify-section.shopify-section--product-callout {
  .section.section-blends.section-full {
    padding-block: 120px;
  }
}

/* Reviews */
.section.section-blends.section-full:has(.custom-product-reviews) {
  .swiper-wrapper {
    .swiper-slide {
      & > div {
        padding: 0 !important;
        gap: 8px !important;

        img {
          width: 100%;
        }

        & > div {
          align-items: start !important;
          flex-direction: column;
          gap: 8px;

          h4.h6 {
            font-family: var(--ff);
            color: var(--shafely---blue---normal);
            font-size: var(--step-1);
            font-weight: var(--ff-medium);
          }

          span svg path {
            fill: var(--shafely---blue---normal);
          }
        }

        & > p {
          font-size: var(--step--2);
          color: var(--shafely---grey---darker);
          text-align: start;
        }
      }
    }
  }

  .swiper-scrollbar-drag {
    background: var(--shafely---blue---normal);
  }
}

/* FAQ */
.shopify-section.shopify-section--faq {
  .section-stack.section-stack--center {
    .section-stack__intro {
      h2.h2 {
        font-family: var(--ff);
        text-transform: uppercase;
        font-size: var(--step-5);
        color: var(--shafely---blue---normal);
        letter-spacing: -0.03em;
        font-weight: var(--ff-bold);
        max-width: 520px;
        margin-inline: auto;
      }
    }

    .section-stack__main {
      max-width: 1080px;
      width: 100% !important;

      details.accordion.group {
        summary {
          .accordion__toggle.bold {
            span:first-child {
              font-size: var(--step--1);
              color: var(--shafely---grey---darker);
              text-transform: uppercase;
              font-weight: var(--ff-regular);
            }
          }
        }

        .accordion__content .prose {
          font-size: var(--step--1);
          color: var(--shafely---grey---darker);
        }

        span.circle-chevron {
          background: none;
          svg {
            & > path {
              stroke: var(--shafely---grey---darker);
            }
          }
        }

        &:hover,
        &[open] {
          span.circle-chevron {
            background: none;

            svg {
              & > path {
                stroke: var(--shafely---blue---normal);
              }
            }
          }
        }
      }
    }
  }
}

/* Footer */
footer {
  .footer {
    .v-stack.gap-6 {
      p.h3 {
        font-family: var(--ff);
        max-width: 520px;
      }

      input {
        border-radius: 0;
      }
    }

    .footer__block.footer__block--menu {
      a.inline-block {
        color: var(--shafely--white);
        font-size: var(--step--1);
      }
    }
  }
}

/* Three Features Grid */
.shopify-section.shopify-section--main-product
  + .shopify-section.shopify-section--product-callout {
  margin-block-start: 72px;

  .three-column-callout {
    h2 {
      text-align: start !important;
      font-family: var(--ff);
      color: var(--shafely---blue---normal);
      font-size: var(--step-5);
      font-weight: var(--ff-bold);
      text-transform: uppercase;
      max-width: 680px;
    }

    .three-column-callout-callouts {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 420px 420px;
      gap: 16px;

      @media (width <= 860px) {
        grid-template-columns: 1fr;

        .three-column-callout-callout:first-child {
          display: none;
        }

        .three-column-callout-callout:last-child {
          background-position: center;
        }
      }

      .three-column-callout-callout {
        justify-content: space-between;
        padding: 24px;
        border-radius: 0;

        h3 {
          display: none;
        }

        p {
          color: var(--shafely---blue---light);
        }

        & > * {
          text-align: start;
        }
      }

      .three-column-callout-callout:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        background: url("https://cdn.shopify.com/s/files/1/0911/8482/4667/files/product-shoot-skin.png?v=1753786033");
        grid-row: 1/-1;

        p:first-of-type {
          font-size: var(--step-4);
          font-weight: var(--ff-medium) !important;
          max-width: 360px;
          line-height: 1.25;
        }
      }

      .three-column-callout-callout:nth-child(2) {
        border-top-right-radius: 8px;
        background: url("https://cdn.shopify.com/s/files/1/0911/8482/4667/files/Scherm_afbeelding_2025-03-12_om_15.50.47.png?v=1745325761");
        background-position: center -150px;
        background-size: cover;

        p:first-of-type {
          text-transform: uppercase;
          font-weight: var(--ff-medium) !important;
          font-size: var(--step--1);
        }

        p:last-of-type {
          text-transform: uppercase;
          font-size: var(--step-3);
          font-weight: var(--ff-medium) !important;
          line-height: 1.25;
        }
      }

      .three-column-callout-callout:last-child {
        border-bottom-right-radius: 8px;
        background: url("https://cdn.shopify.com/s/files/1/0911/8482/4667/files/product-shoot-model-female.png?v=1753786030");
        position: relative;

        p:first-of-type {
          position: absolute;
          top: 0;
          left: 0;
          font-size: var(--step--2);
          font-weight: var(--ff-regular) !important;
          background: var(--shafely---green---normal);
          color: var(--shafely---green---light);
          padding: 4px 10px;
          text-transform: uppercase;
        }

        p:last-of-type {
          margin-block-start: auto;
        }
      }

      &.mobile {
        display: none;
      }
    }
  }
}

/* Cart */
cart-drawer {
  .empty-state.align-self-center {
    p.h5 {
      font-family: var(--ff);
      color: var(--shafely---blue---normal);
    }

    a.button {
      border-radius: 0;
    }
  }

  &.cart-drawer {
    &.drawer::part(content) {
      border-radius: 0;
      /* clip-path: inset(0 0 0 0 round 0) !important; */
      --rounded-sm: 0;
    }
  }
}

/* Navigation Drawer */
navigation-drawer.navigation-drawer {
  &.drawer::part(content) {
    border-radius: 0;
    /* clip-path: inset(0 0 0 0 round 0) !important; */
    --rounded-sm: 0;
  }
}

.panel-list__wrapper {
  li.h3 span.reversed-link {
    font-family: var(--ff);
    font-weight: var(--ff-medium);
    letter-spacing: -0.03em;
  }
}

/* Homepage */
/* Hero */
slideshow-carousel {
  .prose {
    p.bold {
      text-transform: uppercase;
      font-weight: var(--ff-regular);
    }

    p.h0 {
      text-transform: uppercase;
      font-weight: var(--ff-bold);
      font-size: var(--step-4);
      margin-block-start: 16px !important;
      font-family: var(--ff);
    }

    a.button {
      border-radius: 0;
      margin-block-start: 24px !important;
      color: var(--shafely---blue---normal);
      text-transform: uppercase;
    }
  }

  .prose .h0 + .button {
    margin-block-start: 24px !important;
  }
}

/* Section with Image Overlay */
.shopify-section.shopify-section--image-with-text-overlay {
  image-banner {
    p.h1 {
      font-family: var(--ff);
      font-size: var(--step-3);
      color: var(--shafely---blue---light);
      text-transform: uppercase;
      font-weight: var(--ff-bold);
    }
  }
}

/* Scrolling text */
.shopify-section.shopify-section--scrolling-text {
  .scrolling-text.scrolling-text--auto .scrolling-text__text {
    font-family: var(--ff);
    font-weight: var(--ff-bold);
    text-transform: uppercase;
    font-size: var(--step-1);
    color: var(--shafely---blue---normal);
  }
}

/* Reviews */
/* Reviews Section */
.section.section-blends.section-full:has(.auto-play-reviews) {
  background: var(--sv-grey-normal);
  /* padding: 0; */
}

.section.section-blends.section-full:has(.custom-product-reviews) {
  background: var(--sv-grey-normal);
  padding-block-end: 176px;
}

.swiper-slide {
  & > .auto-play-review {
    background: none;
    border-radius: 0;
    border: none;

    & > img {
      aspect-ratio: 256/210;
    }

    .auto-play-review-content {
      padding-inline: 0;
      padding-block: 12px;

      .auto-play-review-avatar {
        img {
          display: none;
        }

        h4 {
          font-family: var(--ff);
          font-weight: var(--ff-medium);
          font-size: var(--step-2);
          color: var(--shafely---blue---normal);
        }
      }

      & > div > span > svg > path {
        fill: var(--shafely---blue---normal);
      }

      p {
        font-style: normal;
        font-weight: var(--ff-regular);
        font-size: var(--step--1);
        color: var(--shafely---grey---darker);
      }
    }
  }
}

/* FAQ Home */
.shopify-section.shopify-section--faq {
  margin-block-start: 48px;
}

/* Quick Buy */
product-quick-add {
  border-radius: 0 !important;

  .product-quick-add__variant {
    .v-stack {
      & > price-list > p {
        background: var(--shafely---green---normal) !important;
        color: var(--shafely---green---light) !important;
        border-radius: 0 !important;
        padding: 4px 10px !important;
        font-weight: var(--ff-regular) !important;
        font-size: var(--step--2) !important;
        margin-inline-start: 0 !important;
      }

      a {
        color: var(--shafely---blue---normal);
        text-transform: uppercase;
      }

      & > price-list {
        gap: 0.5rem;

        sale-price {
          color: var(--shafely---blue---normal);
          font-weight: var(--ff-bold);
        }

        compare-at-price {
          color: var(--shafely---blue---light-active);
          font-weight: var(--ff-bold);
        }
      }
    }

    buy-buttons button {
      border-radius: 0;
    }
  }
}

/* About Us */
.prose > p.h1.hyphenate {
  font-family: var(--ff);
  font-weight: var(--ff-bold);
  color: var(--shafely---blue---normal) !important;
  text-transform: uppercase;
}

.prose:has(p.h1.hyphenate) {
  margin-block-start: 64px;
}

/* Contact Us */
.shopify-section.shopify-section--contact {
  .prose > h2.h2 {
    font-family: var(--ff);
    font-weight: var(--ff-bold);
    color: var(--shafely---blue---normal) !important;
    text-transform: uppercase;
  }

  .prose > p {
    color: var(--shafely---grey---darker);
    max-width: 520px;
    margin-block-start: 16px;
  }

  .contact-form {
    padding: 0;

    input,
    textarea {
      border-radius: 0;
    }

    button.button.button--xl {
      border-radius: 0;
      background: var(--shafely---blue---normal);
      color: var(--shafely---blue---light);
      text-transform: uppercase;
      font-size: var(--step--1);
    }
  }
}

/* Privacy Policies */
.shopify-section.shopify-section--rich-text
  .rich-text.justify-center
  > .rich-text__wrapper
  > .prose.justify-items-center.text-center
  > div {
  & > * {
    text-align: center;
    margin-inline: auto;
    max-width: 520px;
    color: var(--shafely--black);
  }

  & > h3 {
    font-family: var(--ff);
    text-transform: uppercase;
    color: var(--shafely---blue---normal);
    font-weight: var(--ff-semibold);
  }
}

/* Terms of Service */
.shopify-section.shopify-section--main-page {
  span {
    font-family: var(--ff) !important;
  }

  .h1.text-center {
    font-family: var(--ff);
    text-transform: uppercase;
    color: var(--shafely---blue---normal);
    font-weight: var(--ff-semibold);
  }

  .prose {
    max-width: 520px;
    margin-inline: auto;

    hr {
      display: none;
    }

    h1,
    h3 {
      font-family: var(--ff);
      text-transform: uppercase;
      color: var(--shafely---blue---normal);
      font-weight: var(--ff-semibold);
    }
  }
}