/** Shopify CDN: Minification failed

Line 464:3 Cannot use type selector "--desktop" directly after nesting selector "&"
Line 473:3 Cannot use type selector "--mobile" directly after nesting selector "&"

**/
/* Variables */
:root {
  --alpha-link: 1;
  --color-white: #FFFFFF;
  --color-blue: #364F53;
  --color-purple: #993D81;
}


/*
 * GLOBAL STYLES
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
  height: 100%;
}

body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100%;
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5 {
  letter-spacing: calc(var(--font-heading-scale) * 0.01rem);
}

.hxxl {
  font-size: clamp(calc(var(--font-heading-scale) * 3em), 14vw, calc(var(--font-heading-scale) * 4rem));
  line-height: 1.1;
}

.hxl {
  font-size: calc(var(--font-heading-scale) * 3rem);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}

@media only screen and (min-width: 750px) {
  .hxl {
    font-size: calc(var(--font-heading-scale) * 3.6rem);
  }
}

.h0 {
  font-size: calc(var(--font-heading-scale) * 2.4rem);
}

@media only screen and (min-width: 750px) {
  .h0 {
    font-size: calc(var(--font-heading-scale) * 3rem);
  }
}

h1,
.h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

@media only screen and (min-width: 750px) {
  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 2.6rem);
  }
}

h2,
.h2 {
  font-size: calc(var(--font-heading-scale) * 2rem);
}

@media only screen and (min-width: 750px) {
  h2,
  .h2 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }
}

h3,
.h3 {
  font-size: calc(var(--font-heading-scale) * 1.8rem);
}

@media only screen and (min-width: 750px) {
  h3,
  .h3 {
    font-size: calc(var(--font-heading-scale) * 2rem);
  }
}

h4,
.h4 {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.6rem);
}

@media only screen and (min-width: 750px) {
  h4,
  .h4 {
    font-size: calc(var(--font-heading-scale) * 1.8rem);
  }
}

h5,
.h5 {
  font-size: calc(var(--font-heading-scale) * 1.4rem);
}

@media only screen and (min-width: 750px) {
  h5,
  .h5 {
    font-size: calc(var(--font-heading-scale) * 1.6rem);
  }
}

h6,
.h6 {
  color: rgba(var(--color-foreground), 1);
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}

@media only screen and (min-width: 750px) {
  h6,
  .h6 {
    font-size: calc(var(--font-heading-scale) * 1.2rem);
  }
}

.button, .shopify-challenge__button, .customer button {
  white-space: nowrap;
  width: 100%;
}

.button--link {
  font-weight: bold;
  color: rgb(var(--color-foreground));
  margin-bottom: 1rem;
}

.caption-with-letter-spacing {
  text-transform: capitalize;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: var(--text-boxes-radius);
  }
  .content-container--full-width-mobile:after {
    display: block;
  }
}

main {
  section {
    &:last-child {
      > div {
        margin-bottom: 0;
      }
      .section-edge-bottom {
        display: none;
      }
    }
  }
}

.button,
.button-label,
.shopify-challenge__button,
.customer button {
  font-size: 16px;
}

/*
* PAGE STYLES
*/

 /* Home Page */
.template-index {
  .content-container {
    &:not(.collapsible-content):not(.accordion) {
      max-width: 520px;
    }
  }
}

/* Trade Landing */
.page-welcome {
  .fg-image-banner.banner {
    .banner__box {
      padding: 4rem 3.5rem;
      margin: 2.5rem;
    }

    .content-container {
      max-width: 600px;
    }
  }
}

/*
  * HEADER STYLES
*/

.header__menu-item {
  font-weight: bold;
  color: rgba(var(--color-foreground));
  &:hover {
    color: rgb(var(--color-foreground), .75);
    & span {
      text-decoration: none;
    }
  }
}

.header__icon {
  width: 4rem;
  height: 4rem;
  &.header__icon--cart .svg-wrapper {
    width: 28px;
    height: 26px;
  }
  &.header__icon--account .svg-wrapper {
    width: 22px;
    height: 22px;
  }
  &.header__icon--search .svg-wrapper {
    width: 17px;
    height: 17px;
  }
}

/* Header Search */

.search-modal__form {
  .field {
    z-index: 5;
    &:after {
      box-shadow: none;
    }
    &:hover.field:after {
      box-shadow: none;
    }
    .field__label {
      display: none;
    }
    .field__input {
      border-radius: 25px;
      background-color: #EDF2F2;
      font-size: calc(1.4 * var(--font-body-scale));
      &:focus,
      &:not(:placeholder-shown) {
        padding: 1.5rem;
        box-shadow: none;
      }
    }
    .field__button:not(.reset__button) {
      width: 17px;
      height: 17px;
      top: 50%;
      transform: translateY(-50%);
      right: 17px;
    }
  }
  .predictive-search {
    width: calc(100% - 0.4rem);
    top: calc(100% - 3rem);
    padding-top: 1rem;
    right: 0;
    left: 0;
    margin: auto;
    border: none;
    box-shadow: 0px 0px 5px #00000021;
    .predictive-search__results-groups-wrapper {
      padding: 3rem;
      border: none;
      .predictive-search__heading {
        margin: 0;
      }
      .predictive-search__results-list {
        li {
          a {
            padding: 1rem 0;
          }
        }
      }
    }
    .predictive-search__search-for-button {
      padding: 1rem 3rem 0;
      button {
        padding: 2.25rem 0;
        border-top: .2rem solid rgba(var(--color-foreground), .08);
        &:hover {
          background: none;
        }
      }
    }
  }
  .predictive-search__result-group {
    .predictive-search__heading {
      font-size: 20px;
      font-weight: bold;
      border: none;
      color: rgb(var(--color-foreground));
    }
    .predictive-search__item {
      .predictive-search__item-content {
        .predictive-search__item-heading {
          font-size: 16px;
          font-weight: bold;
        }
        .price__container {
          font-size: 14px;
        }
      }
      &:hover {
        background: none;
      }
    }
    .predictive-search__item--link-with-thumbnail {
      grid-template-columns: 95px 1fr;
    }
  }
  button.predictive-search__item {
    font-size: 18px;
    text-decoration: underline;
    .svg-wrapper {
      width: 15px;
      height: 15px;
      transform: matrix(0, 1, 1, .2, 0, 0);
    }
  }
}

/*
  * FOOTER STYLES
*/

.footer {
  .footer__content-top {
    display: grid;
    padding-bottom: 3rem;
    @media only screen and (min-width:768px){
      grid-template-columns: repeat(12,1fr);
    }
    .grid {
      row-gap: 0;
    }
    .footer__blocks-wrapper {
      margin: 0;
      display: grid;
      @media only screen and (min-width:768px){
        grid-column: 1 / span 6;
      }
      @media only screen and (min-width:769px){
        grid-template-columns: 45% auto auto;
      }
    }
    .footer-block {
      width: 100%;
      margin: 0 auto;
      @media only screen and (max-width:768px){
        margin: 1rem auto;
        &:first-of-type {
          grid-column: span 2;
        }
      }
      @media only screen and (max-width:1024px){
        margin: 1rem auto;
      }
    }
    .footer-block__brand-info {
      img {
        filter: brightness(0) invert(1);
      }
      .list-social__link {
        padding-top: 0;
        padding-left: 0;
        padding-right: 2rem;
      }
    }
    .footer-block--menu {
      .footer-block__heading {
        font-size: 1.4rem;
      }
      .footer-block__details-content {
        margin-bottom: 0;
        .list-menu__item--link {
          padding-bottom: 0;
          font-size: 1.2rem;
        }
      }
    }
    .footer-block--newsletter {
      margin-top: 2rem;
      align-items: flex-start;
      @media only screen and (min-width:768px){
        margin-top: 0;
        grid-column: 8 / span 5;
        padding-left: 4rem;
        border-left: 1px solid #ECF1F1;
      }
      .footer-block__heading {
        font-size: 1.6rem;
      }
      .footer-block__newsletter {
        text-align: left;
      }
    }
  }
}

.bcorp-container {
  align-items: center;
  display: grid;
  /* grid-template-columns: repeat(2,auto); */
  grid-template-columns: 50px auto;
  gap: 15px;
  div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--primary-color);
    .b-corp_logo {
      width: 50px;
    }
    h4 {
      font-family: "Sue Ellen Francisco";
      font-weight: normal;
    }
  }
  &--desktop {
    @media only screen and (max-width:640px){
      display: none;
    }
    h4 {
      font-size: 21px;
      line-height: 25px;
    }
  }
  &--mobile {
    @media only screen and (max-width:640px){
      display: none;
    }
    grid-template-columns: repeat(1,1fr);
    gap: 0;
    margin: 30px 0 0;
    padding: 15px 0;
    background-color: #284734;
    @media only screen and (max-width:375px){
      grid-template-columns: repeat(2,auto);
      gap: 15px;
      div {
        &:first-of-type {
          justify-self: flex-end;
        }
        &:last-of-type {
          justify-self: flex-start;
        }
      }
    }
    div {
      justify-content: center;
      text-align: center;
      color: #ffffff;
      &:last-of-type {
        padding: 1rem;
      }
      .b-corp_logo {
        width: 75px;
      }
      h4 {
        font-size: 36px;
        line-height: 62px;
      }
    }
  }
}

/* Footer Newsletter Form */

#newsletter_form {
  max-width: 100%;
  .newsletter-form__field-wrapper {
    max-width: 100%;
    margin-bottom: 2rem;
  }
  .newsletter-form__field-wrapper-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem;
    margin-bottom: 0;
    .form__field {
      &:first-of-type {
        grid-column: span 2;
      }
    }
    .form__field--terms {
      display: flex;
      align-items: center;
      gap: 8px;
      span {
        font-size: 9px;
      }
    }
    @media only screen and (min-width:768px) and (max-width: 1023px){
      grid-template-columns: 100%;
    }
  }
  input[type=email]{
    width: 100%;
    padding: 1rem;
    border: 0;
    background-color: #ffffff;
    border-radius: 20px;
  }
  input[type=checkbox]{
    display: none;
    & ~ label {
      flex: 1 0 30px;
      height: 30px;
      display: block;
      border-radius: 30px;
      background-color: #ffffff;
    }
    &:checked ~ label {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 70%;
    }
  }
  button {
    width: 100%;
    padding: 0 1rem;
  }
}

.newsletter-form__message {
  width: 100%;
  padding: .25rem .5rem;
  margin: 1rem 0 0;
  font-size: 12px;
  &:empty {
    display: none;
  }
  &.inSuccess {
    border: 1px solid lightgreen;
  }
  &.inError {
    border: 1px solid red;
  }
}

/*
* SECTION STYLES
*/

/* Announcement Bar */
.fg-announcement-bar-section {
  .announcement-bar {
    --font-size-modifier: 1.4rem;
    font-size: calc(var(--font-body-scale) * var(--font-size-modifier));
    font-weight: normal;
    .slider-button {
      .icon {
        height: calc(var(--font-body-scale) * var(--font-size-modifier));
      }
    }
    &.announcement-bar--x-large {
      --font-size-modifier: 1.8rem;
      font-size: calc(var(--font-body-scale) * var(--font-size-modifier));
      .slider-button {
        .icon {
          height: calc(var(--font-body-scale) * var(--font-size-modifier));
        }
      }
      .announcement-bar__message-icon {
        width: 30px;
      }
    }
    &.announcement-bar--large {
      --font-size-modifier: 1.6rem;
      font-size: calc(var(--font-body-scale) * var(--font-size-modifier));
      .slider-button {
        .icon {
          height: calc(var(--font-body-scale) * var(--font-size-modifier));
        }
      }
      .announcement-bar__message-icon {
        width: 25px;
      }
    }
    &.announcement-bar--small {
      --font-size-modifier: 1.2rem;
      font-size: calc(var(--font-body-scale) * var(--font-size-modifier));
      .slider-button {
        .icon {
          height: calc(var(--font-body-scale) * var(--font-size-modifier));
        }
      }
      .announcement-bar__message-icon {
        width: 20px;
      }
    }
    &.announcement-bar--lighter {
      font-weight: lighter;
    }
    &.announcement-bar--bold {
      font-weight: bold;
    }
  }
  .announcement-bar__message {
    min-height: 3rem;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
  }
  .announcement-bar__message-icon {
    width: 22px;
    height: 100%;
    display: block;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  @media screen and (min-width: 990px) {
    .announcement-bar .slider-button {
      height: 3rem;
    }
  }
}

/* Breadcrumbs */
nav.breadcrumbs {
  margin: 20px 0 40px;
  ul {
    padding: 0;
    margin: 0;
    li {
      display: inline-block;
      position: relative;
      padding: 4px;
      color: #40372D;
      font-size: 11px;
      &:first-of-type {
        padding-left: 0;
      }
      a {
        font-size: 11px;
        text-transform: capitalize;
        text-decoration: none;
        color: #40372D;
        &[aria-current="page"] {
          font-weight: bold;
        }
        &:hover {
          text-decoration: underline;
        }
      }
      &:nth-of-type(n+2) {
        &:before {
          content: "/";
          position: absolute;
          left: -5px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 11px;
        }
      }
    }
  }
}

/* Image Banner */
.fg-image-banner.banner {
  &:after {
    background: var(--color-blue);
  }

  h1,
  .h1 {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
  }

  @media only screen and (min-width: 750px) {
    h1,
    .h1 {
      font-size: calc(var(--font-heading-scale) * 2.4rem);
    }
  }

  &.banner--full:not(.banner--adapt) {
    height: 100%;
    min-height: 100vh;
  }

  .banner__media--mask {
    position: absolute;
    top: unset;
    bottom: -1px;
    left: 0;
    height: auto;
  }

  .banner__image {
    padding: 1rem;
    img {
      height: auto;
      max-width: 100%;
    }
  }

  .banner__image + .banner__text {
    margin: 0;
    font-size: 1.6rem;
  }

  .banner__box {
    padding: 2rem 3.5rem;
    margin: 2.5rem;
  }

  @media screen and (max-width: 749px) {
    &.banner--mobile-bottom .banner__media, .banner--stacked:not(.banner--mobile-bottom) .banner__media {
        position: absolute;
    }
  }

  @media screen and (max-width: 749px) {
    &.banner--mobile-bottom::after,
    &.banner--mobile-bottom .banner__media::after {
      display: block;
    }
  }

  @media screen and (max-width: 749px) {
    &.banner--content-align-mobile-center .banner__buttons {
      justify-content: center;
    }

    .banner__buttons--multiple > * {
      flex-grow: 0;
    }
  }

  @media screen and (min-width: 750px) {
    &.banner--content-align-center .banner__buttons {
      justify-content: center;
    }

    .banner__buttons--multiple > * {
      flex-grow: 0;
    }
  }

  @media screen and (min-width: 750px) {
    .banner__box {
      padding: 4.5rem 5rem;
      margin: 0;
    }

    .banner__content {
      padding: 5rem 0;
    }

    /* .banner--small:not(.banner--adapt) {
      min-height: 42rem;
    } */

    .banner--medium:not(.banner--adapt) {
      min-height: 53rem;
    }

    /* .banner--large:not(.banner--adapt) {
      min-height: 72rem;
    } */

    .banner__content.banner__content--top-left,
    .banner__content.banner__content--middle-left,
    .banner__content.banner__content--bottom-left {
      .content-container {
        border-radius: 0 var(--text-boxes-radius) var(--text-boxes-radius) 0;
        &:after {
          width: 100vw;
          background: rgb(var(--color-background));
          transform: translate(-100%);
          border-radius: var(--text-boxes-radius) 0 0 var(--text-boxes-radius);
        }
      }
    }

    .banner__content.banner__content--top-right,
    .banner__content.banner__content--middle-right,
    .banner__content.banner__content--bottom-right {
      .content-container {
        border-radius: var(--text-boxes-radius) 0 0 var(--text-boxes-radius);
        &:after {
          width: 100vw;
          background: rgb(var(--color-background));
          border-radius: var(--text-boxes-radius) 0 0 var(--text-boxes-radius);
        }
      }
    }
  }

  @media screen and (min-width: 749px) {

    .banner__content.header-width {
      margin: 0 0;
    }

    .banner__content .header-textbox-container {
      margin-left: 0;
      max-width: 520px;
      border-radius: var(--text-boxes-radius);
      border-radius: 0 var(--text-boxes-radius) var(--text-boxes-radius) 0;
      padding: 6rem 3.5rem;
    }
  }

  @media (min-width: 1600px) {

    .banner__content.header-width {
      margin-left: max(calc((100% - 1300px) / 2), 1rem);
      padding: 4.5rem 5rem;
    }

    .banner__content .header-textbox-container {
      max-width: 520px;
      border-radius: var(--text-boxes-radius);
      padding: 6rem 3.5rem;
    }
  }
}

/* Featured Collection */
.collection {
  .collection__title {
    text-align: center;
  }
}

/* Collection List */
.collection-list-wrapper {
  .title-wrapper-with-link {
    justify-content: center;
  }

  .collection-list__item {
    .collection-card-wrapper {
      .card {
        @media screen and (min-width: 750px) {
          .card__information {
            padding-bottom: 2rem;
            padding-top: 2rem;
          }
        }
        .card__caption {
          display: block;
        }
      }
    }
  }
}

/* Image Slider With Text */
.fg-image-slider-with-text {
  margin: 50px 0;

  slideshow-component {
    width: 100%;
    height: 100%;

    .slideshow {
      width: 100%;

      .slideshow__slide {
        width: 100%;
      }
    }
  }
}

/* Image With Text */


@media screen and (max-width: 989px) {
  .faq-list {
    justify-content: center;
  }

  .faq-list  .faq-list-items  {
    display: contents;
  }
}

.fg-image-with-text {
  @media screen and (max-width: 990px) {
    .image-with-text__grid,
    .image-with-text__grid--reverse {
      gap: 8rem;
    }
  }

  .image-with-text__media {
    aspect-ratio: 1;
    margin: auto;
  }

  .image-with-text__media-item {
    .image-with-text__media-svg-bg {
      width: 100%;
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      left: 0;
      margin: auto;
    }
  }

  .image-with-text__heading {
    font-size: calc(var(--font-heading-scale) * 2.4rem);
    font-size: 30px;
  }

  .image-with-text__text {
    font-size: calc(var(--font-body-scale) * 1.6rem);
    margin-bottom: 3rem;
  }

  .image-with-text__text p {
    margin-bottom:10px;
  }

  .image-with-text__content {
    margin: auto;
    padding: 1rem;
    border-radius: 0;
    margin-top: 0;
  }

  .image-with-text__content[class*="color-scheme"] {
    padding: 2.5rem;
    box-sizing: border-box;
  }

  @media screen and (min-width: 1024px) {
    .image-with-text__content {
      padding-left:50px;
    }
  }

  .image-with-text .image-with-text__media-item > .image-with-text__media--rounded,
  .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__media--rounded {
    border-radius: 50%;
  }

  .image-with-text.collapse-corners:not(.image-with-text--overlap) .grid:not(.image-with-text__grid--reverse) .image-with-text__content,
  .image-with-text.collapse-corners:not(.image-with-text--overlap) .image-with-text__grid--reverse .image-with-text__content {
    max-width: 100%;
    border-radius: 40px;
  }

  .image-with-text .image-with-text__text-item>* {
    border-radius: 0;
  }

  @media screen and (min-width: 750px) {
    .image-with-text__media--small {
      height: 23.4rem;
    }
    .image-with-text__media--medium {
      height: 38rem;
    }
    .image-with-text__media--large {
      height: 61.5rem;
    }
    /* .image-with-text__content {
      margin: 45px 0 0 0;
    } */
  }

  @media screen and (min-width: 990px) {

    .image-with-text__media {
      margin-top:-40px;
    }

    .image-with-text__content {
      padding: 0;
    }
  }


  @media screen and (min-width: 990px) {
    .image-with-text-border {
      padding: 90px;
    }
  }

  @media screen and (max-width: 1024px) {
    .image-with-text__content {
      max-width: fit-content!important;
    }
  }

  .image-with-text-border {
    .global-media-settings {
      border: none;
    }

    img {
      border-radius: 20px;
    }
  }
}

.image-with-text-border .global-media-settings {
  border: none;
}

.image-with-text-border img {
  border-radius: 20px;
}


/* Blog Posts */
.blog {
  .title-wrapper-with-link {
    justify-content: center;
  }

  .article-card-wrapper {
    .article-card {
      .card__content {
        padding: 0;

        .article-card__excerpt {
          font-size: calc(var(--font-heading-scale) * 1.2rem);
          &.rte-width {
            margin-bottom: 1rem;
          }
        }

        .article-card__info {
          display: flex;
          justify-content: space-between;
          font-weight: normal;
          margin: 0;

          .button--link {
            margin: 0;
            text-decoration: underline;
          }
        }
      }
    }
  }
}

/* Multicolumn */
.fg-multicolumn {
  .title-wrapper-with-link {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;

    .subheading {
      max-width: 830px;
      text-align: center;
    }

    @media screen and (min-width: 990px) {
      margin: 5rem 0 1rem;
    }
  }

  &.background-none {
    .multicolumn-card {
      .multicolumn-card__image-wrapper {
        @media screen and (min-width: 750px) {
          margin: 0;
        }

        .media--square {
          border-radius: var(--collection-card-corner-radius);
        }
      }
    }

    .multicolumn-card>.multicolumn-card__image-wrapper--full-width:not(.multicolumn-card-spacing) {
      border-radius: var(--collection-card-corner-radius);
    }
  }
}

/* Collection Hero */
.collection-hero {
  .collection-hero__inner {
    padding: 3rem 0;

    @media only screen and (min-width: 750px) {
      padding: 5rem 0;
    }
  }

  .collection-hero__text-wrapper {
    text-align: center;

    .collection-hero__title {
      font-size: calc(var(--font-heading-scale) * 3rem);
      line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));

      @media only screen and (min-width: 750px) {
        font-size: calc(var(--font-heading-scale) * 3.6rem);
      }
    }

    .collection-hero__description {
      margin-left: auto;
      margin-right: auto;
      font-size: 1.4rem;
    }
  }
}

/* Cart */
cart-items {
  &.is-empty {
    h1 {
      font-size: calc(var(--font-heading-scale) * 3.6rem);
    }
    &:after {
      content: "";
      display: block;
      width: 100%;
      max-width: 1200px;
      margin: 70px auto;
      border-top: 3px solid #ECF1F1;
    }
  }
}

/*
* SNIPPETS STYLES
*/

/* Cart & Cart Drawer */
.cart-items {
  .cart-item {
    .cart-item__name,
    .cart-item__totals {
      font-size: calc(var(--font-heading-scale) * 1.4rem);
    }
    .cart-item__details {
      .product-option {
        font-size: calc(var(--font-heading-scale) * 1.2rem);
      }
    }
    .cart-item__quantity {
      .quantity-popover-container {
        max-width: 10rem;
      }
      .quantity {
        min-height: 27px;
        background-color: #EDF2F2;
        border-radius: 14px;
        .quantity__button {
          width: calc(3rem / var(--font-body-scale));
        }
        .quantity__input {
          width: calc(3rem / var(--font-body-scale));
          padding: 0;
        }
        &:after {
          box-shadow: none;
        }
      }
    }
    cart-remove-button {
      .svg-wrapper {
        color: var(--color-purple);
        svg {
          width: 1.7rem;
          height: 1.7rem;
        }
      }
    }
  }
}

/* Cart */
cart-items {
  &:has(.free-delivery-status) {
    .title-wrapper-with-link {
      margin-bottom: 1rem;
    }
  }
  &.is-empty {
    h1 {
      font-size: calc(var(--font-heading-scale) * 3.6rem);
    }
    &:after {
      content: "";
      display: block;
      width: 100%;
      max-width: 1200px;
      margin: 70px auto;
      border-top: 3px solid #ECF1F1;
    }
  }
}

.cart__footer {
  .min-order {
    text-align: right;
  }

  @media only screen and (max-width: 750px) {
    .min-order {
      text-align: center;
    }
  }
}



/* Cart Drawer */
.cart-drawer {
  .drawer__header {
    h2 {
      font-size: calc(var(--font-heading-scale) * 2rem);;
    }
    .drawer__close {
      top: 7px;
      .svg-wrapper {
        width: 3.25rem;
        height: 3.25rem;
      }
    }
  }
  .drawer__footer {
    .totals > * {
      font-size: calc(var(--font-heading-scale) * 1.4rem);
    }
    .min-order,
    .tax-note {
      text-align: center;
      font-size: 12px;
    }
  }
  .cart__ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    & > * + * {
      margin: 0;
    }
    .button {
      flex: 1 0 100%;
      &.cart__shopping-basket {
        background-color: #368FB0;
        &:hover {
          &:after {
            box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(54, 143, 176,var(--alpha-button-background));
          }
        }
      }
    }
  }
}

.featured-collection-container {

  .collection-quick-add-bulk {
     width:80%;
     margin: 0 auto;
  }

  .slider-component-container {

    display:flex;
    border-bottom:3px solid #ECF1F1;

    .scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
      margin: 0 auto;
    }

    .product-grid {
      margin-left: 5%;
    }

    @media screen and (max-width: 749px) {
      .product-grid {
        margin-left: 0;
      }
    }

    .svg-wrapper>svg {
      height:auto;
    }

    .slider-button--next {
      position:relative;
      right:-50px;
    }

    .slider-button--prev {
      top:45%;
      position: absolute;
      left: -50px;
    }

    .svg-wrapper {
      position: absolute;
      background-color: #FFF;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;

      /* Drop shadow */
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

    .slider-buttons {
      justify-content: space-evenly;
    }

    .slider-counter {
      display: none;
    }

    .slider--desktop.grid--5-col-desktop .grid__item {
      width:auto;
    }

    .slider--desktop .slider__slide:first-child {
      margin-left: 0;
      scroll-margin-left: var(--desktop-margin-left-first-item);
    }

    .card--card.gradient, .card__inner.gradient {
      max-height: 100%;
      overflow: hidden;
    }

    @media screen and (max-width: 749px) {
      .slider-button--prev {
        top:0;
        position: relative;
        left: 0;
        z-index: 100;
      }

      .slider-button--next {
        position:relative;
        right:0;
      }
    }
  }

  @media screen and (min-width: 750px) {
    .section-template--26186460397911__featured_collection1-padding {
      margin-left: auto;
      margin-right: auto;
    }
  }
}

.free-delivery-status {
  box-sizing: border-box;
  margin: 0 0 1.5rem;
  padding: 8px;
  background-color: var(--color-blue);
  color: var(--color-white);
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  min-height: 35px;
}

.cart-drawer:has(.free-delivery-status){
  .drawer__header {
    padding-bottom: 0;
  }
}

/* Product Form */
.product {
  /* Custom styles for Pill display type */
  .product-form__input--pill input[type='radio'] + label {
    font-weight: bold;
    padding: 1.1rem 2rem;
    letter-spacing: 0.05rem;
    border-color: var(--color-blue);
  }

  .product-form__input--pill input[type='radio'] + label:before {
    content: '';
    position: absolute;
    top: calc(var(--variant-pills-border-width) * -1);
    right: calc(var(--variant-pills-border-width) * -1);
    bottom: calc(var(--variant-pills-border-width) * -1);
    left: calc(var(--variant-pills-border-width) * -1);
    z-index: -1;
    border-radius: var(--variant-pills-radius);
    box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset)
      var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow), var(--variant-pills-shadow-opacity));
  }

  .product-form__input--pill input[type='radio'] + label:hover {
    border-color: var(--color-blue);
  }

  .product-form__input--pill input[type='radio']:checked + label {
    background-color: var(--color-blue);
    color: rgb(var(--color-background));
    border-color: var(--color-blue);
  }

  .price .price-item {
    font-size: 16px;
    font-weight: bold;
    color: #364F53;
  }

  .price-excl-tax {
    color: #364F53;
  }

  .product__tax {
    color: #364F53;
  }

  .quantity {
    width: calc(13rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
    border-radius: 26px;
    background: #ECF1F1;
    min-height: 40px;

    &:after {
      display: none;
    }
  }

  .quantity__button {
    background: #ECF1F1;

    &:first-child {
      border-radius: 26px 0 0 26px;
    }
    &:last-child {
      border-radius: 0 26px 26px 0;
    }
  }

  .quantity__button:not(:focus-visible):not(.focused), .quantity__input:not(:focus-visible):not(.focused) {
    background: #ECF1F1;
    opacity: 1;
  }

  .product-form__buttons {
    max-width: 100%;
  }

  .caption-large, .customer .field input, .customer select, .field__input, .form__label, .select__select {
    font-size: 1.6rem;
    font-weight: bold;
  }

  .custom-volume-pricing {
    border-bottom: 2px solid #ECF1F1;

    .pricing-tiers {
      width: 100%;
      border: 0;

      tr {
        &:nth-child(odd) {
          background: #ECF1F1;
        }

        td {
          padding: 8px 12px;

          &:last-child {
            text-align: right;
          }
        }
      }
    }
  }
}




/* Product Card */
.card {

  &:not(.ratio) {
    margin:0 5px;
  }

  .card__tags {
    position: absolute;
    z-index: 9;
    top: 1rem;
    left: 1rem;
    display: flex;
    gap: .25rem;
    flex-wrap: wrap;
  }

  .card__information {
    padding-left: 0;
    padding-right: 0;

    .card__information-variant-sizes {
      font-size: calc(var(--font-heading-scale) * 1.2rem);;

      .variant-sizes {
        font-weight: bold;
      }
    }

    .button--primary {
      width: 100%;
      max-width: 185px;
      padding: 0 1rem;
      color: rgb(var(--color-button-text));
    }

    .card__heading {
      text-transform: capitalize;
    }

    .price {
      letter-spacing: 0.05rem;
    }

    .price--on-sale .price-item--regular {
      text-decoration: none;
    }

    .price-item--saved {
      color: var(--color-purple);
    }

    .price__regular .price-item--regular {
      font-weight: bold;
    }

    .price-item.price-item--sale.price-item--last {
      display: block;
      padding-top: .5rem;
      font-weight: bold;
    }

    .card-information>*:not(.visually-hidden:first-child)+*:not(.rating):not(.card__information-volume-pricing-note) {
      margin-top: 1rem;
    }

    .card-information {
      .trustpilot-widget {
        margin-top:10px;
      }

      .button.button--primary {
        pointer-events: none;
      }
      .button--disabled {
        background: #686D6E;
      }
    }
  }
}

.product__info-container {
  .trustpilot-widget {
        margin-top:10px;
      }
}

/* Related Products */
.related-products {
  .related-products__heading {
    text-align: center;
  }
}

/* Filters */
.facets__form {
  .facets__wrapper {
    .facets__heading {
      font-size: 1.6rem;
      font-weight: bold;
      color: rgb(var(--color-foreground));
    }
    .facets__summary {
      font-size: 1.6rem;
      color: rgb(var(--color-foreground));
    }
  }
  .facet-filters.sorting {
    .facet-filters__label {
      font-size: 1.6rem;
      font-weight: bold;
      color: rgb(var(--color-foreground));
    }
    .facet-filters__field .select__select, .mobile-facets__sort .select__select {
      font-size: 1.6rem;
      color: rgb(var(--color-foreground));
    }
  }
  .product-count {
    .product-count__text {
      font-size: 1.6rem;
      color: rgb(var(--color-foreground));
    }
  }
}

/* Collapsible Content */

.fg-collapsible-content {
  .collapsible-row-layout .accordion summary,
  .collapsible-row-layout .accordion .accordion__content {
    padding: 1.5rem 2.8rem;
    .accordion__title {
      flex: 1 0 auto;
      max-width: 100%;
      font-size: 17px;
    }
  }
  .accordion summary:hover {
    background: transparent;
    .accordion__title {
      text-decoration: none;
    }
  }
  .accordion details {
    & > summary .icon-fg-chevron {
      width: 16px;
    }
    /* & > .accordion__content {
      max-height: 0;
      transition: max-height .35s;
    } */
  }
  .accordion details[open] {
    & > summary .icon-fg-chevron {
      transform: rotate(180deg);
    }
    /* & > .accordion__content {
      max-height: 25vh;
    } */
  }
}