:root {
  --ev-vellum-white: #f1efeb;
  --ev-blue: #120e27;
  --ev-dark-mist: #8b867e;
  --ev-mist: #d7d2cb;
  --white: white;

  --font-body-scale: 1.0;
  --font-heading-scale: 1.0;
}

html.js {
  overflow-x: hidden;
  height: -webkit-fill-available;
}

body {
  background-color: var(--ev-vellum-white);
  color: var(--ev-blue);
  font-family: "futura-pt", sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  padding-top: var(--header-height, 60px);
}

a {text-decoration: none;}
.rte a {color: var(--ev-blue);}

.ev-left {text-align: left;}
.ev-center {text-align: center;}
.ev-right {text-align: right;}
.ev-text-normal {text-transform: none;}
.ev-text-uppercase {text-transform: uppercase;}
.ev-light {color: var(--ev-dark-mist);}
.ev-dark-mist {color: var(--ev-dark-mist);}
.ev-blue {color: var(--ev-blue);}

h1, h2, h3, .h1, .h2, .h3, .ev-heading, .ev-heading-large {
  font-family: "Schnyder Light", Times New Roman, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 400; color: rgb(43, 44, 45);}

.ev-default-page h4, .ev-default-page .h4, .shopify-policy__body h4, .shopify-policy__body .h4 {font-family: "futura-pt", sans-serif; font-size: 16px; font-weight: 500; margin-top: 2em; margin-bottom: .5em; text-transform: none;}

.ev-heading {font-family: "Schnyder Light", Times New Roman, sans-serif; font-size: 24px; font-weight: 300; line-height: 1em;}
.ev-heading-large {font-family: "Schnyder Light", Times New Roman, sans-serif; font-size: 40px; font-weight: 300; line-height: 1em;}
@media screen and (max-width: 767px) {.ev-heading {font-size: 20px;} .ev-heading-large {font-size: 32px;} .rich-text .ev-heading-large {font-size: 24px;}}
@media screen and (max-width: 479px) {.ev-heading {font-size: 18px;}}

.ev-small-caps {
  font-family: "futura-pt", sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
}
@media screen and (max-width: 767px) {.ev-small-caps.ev-dark-mist {font-size: 9px;}}

.ev-text, .ev-text p {font-family: "futura-pt", sans-serif;}
.ev-quote-text {width: 36ch; max-width: 90%; margin-bottom: 0; margin-left: auto; margin-right: auto; font-family: "Schnyder Light", Times New Roman, sans-serif; font-size: 36px; font-weight: 300; line-height: 140%;}
.ev-byline {line-height: 140%;}

.ev-button, button.ev-button, a.ev-button {font-family: "futura-pt", sans-serif; cursor: pointer;}
.ev-button-blue, button.ev-button-blue, a.ev-button-blue {background-color: var(--ev-blue); color: var(--white);}
.ev-button-mist, button.ev-button-mist, a.ev-button-mist {background-color: var(--ev-mist); color: var(--ev-blue);}
.small-caps-button {
  background-color: var(--ev-mist);
  color: var(--ev-blue);
  text-align: center;
  letter-spacing: .2em;
  text-transform: uppercase;
  padding: 16px 32px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
  border-radius: 0;
}

.ev-link {color: var(--ev-blue); text-decoration: none;}

.ev-align-start {display: flex; justify-content: flex-start;}
.ev-align-end {display: flex; justify-content: flex-end;}
.ev-align-end-col {flex-direction: column;}

.ev-mt0, .collection-hero__description.ev-mt0 {margin-top: 0;}
.ev-mt24, .card--card.card--media>.card__content.ev-mt24 {margin-top: 24px;}
.ev-mt32 {margin-top: 32px;}
.ev-mt120, .page-title.ev-mt120 {margin-top: 120px;}
.ev-mb16, .page-title.ev-mb16, .collection__title .title:not(:only-child).ev-mb16, .collection-hero__title.ev-mb16, .related-products__heading.ev-mb16 {margin-bottom: 16px;}
.ev-mb24 {margin-bottom: 24px;}
.ev-mb32 {margin-bottom: 32px;}
.ev-mb40 {margin-bottom: 40px;}
.ev-pt40 {padding-top: 40px;}
.ev-pb40 {padding-bottom: 40px;}

/* Pagination */
.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  margin-bottom: 40px;

  .w-pagination-previous, .w-pagination-next {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }
}

/* Layout */
.page-width {
  padding-left: 5%;
  padding-right: 5%;
}
.content-for-layout {
  .page-width--narrow {
    max-width: 640px;
    padding-left: 0;
    padding-right: 0;
    .ev-default-page {margin: 80px auto;}
  }
}
/*@media screen and (min-width: 1680px) {.page-width {padding-left: 0; padding-right: 0;}}*/
@media screen and (min-width: 992px) {
  .page-width {/*padding: 0;*/}
}
.ev-default-page {margin: 80px auto; width: 90%; max-width: 640px;}

/* Header */
header {height: 60px;}
@media screen and (max-width: 767px) {.header__heading-logo {height: 16px;}}

.header__icons {
  padding-right: 0;

  .header__search, .header__enquire {
    display: inline-flex;
    align-items: center;

    .ev-search, .ev-enquire {color: var(--ev-blue); font-size: 12px; font-weight: 500;}

    .ev-enquire {
      cursor: pointer;
      padding-left: 32px;
    }
  }

  .header__icon {
    width: 4rem;
    height: 4rem;

    &.hide-cart-if-empty {display: none;}
  }
  @media screen and (max-width: 991px) {
    .header__icon {
      width: 3rem;
      height: 3rem;

      .svg-wrapper {
        img {
          width: 20px;
          height: 20px;
        }
      }

      /*&.hide-cart-if-empty {display: flex;}*/
      &.header__icon--cart {
        img {
          width: 20px;
          height: 20px;
        }
      }
    }
  }
  @media screen and (max-width: 767px) {
    .header__icon {
      .svg-wrapper {
        img {
          width: 16px;
          height: 16px;
        }
      }

      &.header__icon--cart {
        img {
          width: 16px;
          height: 16px;
        }
        .cart-count-bubble {
          width: 1.5rem;
          height: 1.5rem;
          left: 2rem;
        }
      }
    }
  }

  @media screen and (max-width: 479px) {
    .header__icon {
      width: 2rem;
      height: 2rem;

      &.header__icon--cart {
        img {}
        .cart-count-bubble {
          width: 1.5rem;
          height: 1.5rem;
          left: 1.5rem;
        }
      }
    }
  }
}

@media screen and (max-width: 767px) {
  .header__icons {
    .header__enquire {display: none;}
  }
}

@media screen and (max-width: 991px) {
  .header__icons {
    gap: 0;
    padding-right: 0;

    .header__search {justify-content: flex-end; margin-right: 0; display: flex;}
  }
}

/* Product Grid */
ul.grid {margin-top: 0;}

.section-alternative-colourways .grid.product-grid,
.section-style-with .grid.product-grid,
.section-featured-collection .grid.product-grid {
  overflow: hidden;
  --line-offset: var(--grid-desktop-horizontal-spacing);
  --line-thickness: 1px;
  --line-color: var(--ev-mist);
  column-gap: calc(var(--grid-desktop-horizontal-spacing) * 2);
  --new-grid-spacing: calc(var(--grid-desktop-horizontal-spacing) * 2);
  
  .grid__item {
    position: relative;
    margin-bottom: 80px;

    &:before,
    &:after {
      content: '';
      position: absolute;
      background-color: var(--line-color);
      z-index: 1;
    }

    &:before {
      inline-size: var(--line-thickness);
      block-size: 100vh;
      inset-inline-start: calc(var(--line-offset) * -1);
    }
    
    @media screen and (max-width: 991px) {
      &:before {
        block-size: 40vh;
        inset-block-start: 0;
      }
    }

    @media screen and (max-width: 749px) {
      &:before {
        block-size: 34vh;
        inset-block-start: 0;
      }
    }

    @media screen and (max-width: 467px) {
      &:before {
        block-size: 34vh;
        inset-block-start: 0;
      }
    }
  }
}

.grid.product-grid {
  .grid__item {
    margin-bottom: 68px; /* Deducting 12px for the row-gap theme setting */
  }
}
.related-products .grid.product-grid .grid__item {margin-bottom: 0;}

@media screen and (max-width: 749px) {
  .section-alternative-colourways,
  .section-style-with,
  .section-featured-collection,
  .section-featured-blog {
    .grid--2-col-tablet-down .grid__item {
      width: calc(50% - var(--new-grid-spacing) / 2);
    }
  }
}

@media screen and (min-width: 750px) {
  .section-alternative-colourways,
  .section-style-with,
  .section-featured-collection,
  .section-featured-blog {
    .grid--2-col .grid__item {width: calc(50% - var(--new-grid-spacing) / 2);}
    .grid--4-col-tablet .grid__item {width: calc(25% - var(--new-grid-spacing) * 3 / 4);}
    .grid--3-col-tablet .grid__item {width: calc(33.33% - var(--new-grid-spacing) * 2 / 3);}
    .grid--2-col-tablet .grid__item {width: calc(50% - var(--new-grid-spacing) / 2);}
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .section-alternative-colourways,
  .section-style-with,
  .section-featured-collection,
  .section-featured-blog {
    .slider--tablet.grid--peek .grid__item {width: calc(25% - var(--new-grid-spacing) - 3rem);}
    .slider--tablet.grid--peek.grid--3-col-tablet .grid__item {width: calc(33.33% - var(--new-grid-spacing) - 3rem);}
    .slider--tablet.grid--peek.grid--2-col-tablet .grid__item,
    .slider--tablet.grid--peek.grid--2-col-tablet-down .grid__item {width: calc(50% - var(--new-grid-spacing) - 3rem);}
    .grid--2-col-tablet-down .grid__item {width: calc(50% - var(--new-grid-spacing) / 2);}
    .grid--1-col-tablet-down.grid--peek .grid__item {width: calc(100% - var(--new-grid-spacing) - 3rem);}
  }
}

@media screen and (min-width: 990px) {
  .section-alternative-colourways,
  .section-style-with,
  .section-featured-collection,
  .section-featured-blog {
    .grid--6-col-desktop .grid__item {width: calc(16.66% - var(--new-grid-spacing) * 5 / 6); max-width: calc(16.66% - var(--new-grid-spacing) * 5 / 6);}
    .grid--5-col-desktop .grid__item {width: calc(20% - var(--new-grid-spacing) * 4 / 5); max-width: calc(20% - var(--new-grid-spacing) * 4 / 5);}
    .grid--4-col-desktop .grid__item {width: calc(25% - var(--new-grid-spacing) * 3 / 4); max-width: calc(25% - var(--new-grid-spacing) * 3 / 4);}
    .grid--3-col-desktop .grid__item {width: calc(33.33% - var(--new-grid-spacing) * 2 / 3); max-width: calc(33.33% - var(--new-grid-spacing) * 2 / 3);}
    .grid--2-col-desktop .grid__item {width: calc(50% - var(--new-grid-spacing) / 2); max-width: calc(50% - var(--new-grid-spacing) / 2);}
  }
}

/* Product Card */
.card {
  .card__media {
    .media {

      &.throw {
        img {object-fit: contain;}
      }
    }
  }
  
  .card__content {
    padding: 0;
    
    .card__information {
      padding: 0;
    
      .card__heading {
        margin-bottom: 16px;
      }

      .ev-sku {
        margin-top: 0 !important;
      }
    }

    .card__badge {display: none;}
  }

  &.card--placeholder {
    .card__inner {
      .card__media {
        .media {
          background-color: transparent;
          
          .coming-soon {
            color: var(--ev-dark-mist);
            letter-spacing: .2em;
            text-transform: uppercase;
            justify-content: center;
            align-items: center;
            margin-top: 0;
            margin-bottom: 0;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.5em;
            display: flex;
            position: absolute;
            inset: 0%;
          }
        }
      }
    }
  }
}