/* START_SECTION:newsletter-popup (INDEX:51) */
.hdt-modal-u {
    --w-u: 10.2rem;
    --h-u: 3rem;
    --padding: 2.2rem;
    padding: var(--padding);
    background-color: transparent;
    transform: none!important;
    [ref=closeButton] {
      position: absolute;
      width: 4rem;
      height: 4rem;
      left: 50%;
      transform: translate(-50%);
      top: 5px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgb(var(--color-background-rgb) / 70%);
      border: 1px solid rgb(var(--color-text-rgb) / 30%);
      -webkit-backdrop-filter: blur(70px);
      backdrop-filter: blur(70px);
    }
    .hdt-modal-u__top {
      position: relative;
      display: grid;
      grid-template-columns: [start] minmax(0,1fr) 9rem [end] minmax(0,1fr);
      border-top-left-radius: var(--rounded-sm);
      border-top-right-radius: var(--rounded-sm);
      padding-top: 2.2rem;
      height: calc(var(--h-u) + 1.9rem);
      overflow: hidden;
      flex: none;
      &:before, &:after {
        content: "";
        display: block;
        height: var(--h-u);
        width: 100%;
        background-color: rgb(var(--color-background-rgb) / 60%);
        border-top: 1px solid rgb(var(--color-text-rgb) / 30%);
      }
      &:before {
        grid-area: start;
        border-start-start-radius: var(--rounded-sm);
        border-inline-start: 1px solid rgb(var(--color-text-rgb) / 30%);
      }
      &:after {
        grid-area: end;
        border-start-end-radius: var(--rounded-sm);
        border-inline-end: 1px solid rgb(var(--color-text-rgb) / 30%);
      }
    }
    .hdt-icon-u {
      color: rgb(var(--color-background-rgb) / 60%);
      width: var(--w-u);
      height: var(--h-u);
      position: absolute;
      left: 50%;
      transform: translate(-50%);
    }
    .hdt-icon-u--2 {
      .hdt-notch__stroke {
        fill: none;
        stroke: var(--notch-stroke, color-mix(in srgb,var(--color-foreground),transparent 70%));
        stroke-width: 1.8px;
        vector-effect: non-scaling-stroke;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
    }
    .hdt-modal__body {
      background-color: rgb(var(--color-background-rgb) / 60%);
      border-inline: 1px solid rgb(var(--color-text-rgb) / 30%);
      border-bottom: 1px solid rgb(var(--color-text-rgb) / 30%);
      border-bottom-left-radius: var(--rounded-sm);
      border-bottom-right-radius: var(--rounded-sm);
    }
  }
  .hdt-newsletter-popup {
    --max-width: 45rem;
    --padding: 2.2rem 0;
    width: calc(100% - 3rem);
    max-width: var(--max-width);
    font-weight: var(--font-medium);
    transform: translateX(var(--x)) !important;
    .hdt-modal-u__top {
      grid-template-columns: [start] calc(50% - 4.5rem) [mid] 9rem [end] minmax(0,1fr);
      .hdt-icon-u, [ref=closeButton] {
        position: relative;
        left: auto;
        transform: none;
        grid-area: mid;
        place-self: start center;
      }
      .hdt-icon-u--2 {
        top: -1px;
        .hdt-notch__stroke {
          stroke-width: 1px;
        }
      }
      [ref=closeButton] {
        pointer-events: auto;
        top: -2.1rem;
      }
    }
    .hdt-modal__body {
      margin-top: 0;
      z-index: 1;
      padding: 1.5rem;
      overflow-x: hidden;
      overflow-y: auto;
    }
    .hdt-newsletter-popup__group {
      display: flex;
      flex-direction: column;
      gap: 0;
      justify-content: space-between;
      align-items: center;
      .hdt-newsletter-popup__image {
        width: 100%;
        img {
          width: 100%;
          height: auto;
          border-radius: calc(var(--rounded-sm) * .7);
        }
      }
      .hdt-newsletter-popup__content {
        padding-block-start: 2rem;
        padding-inline: 0;
        .hdt-newsletter-form__field-wrapper {
          display: flex;
          flex-direction: column;
          gap: 1.2rem;
          margin-top: 2rem;
          padding-block-end: 2rem;
          .hdt-privacy-terms-notice {
            margin-top: .5rem;
          }
        }
        .hdt-newsletter-popup__description {
          margin-top: 1.6rem;
        }
        .hdt-field--newsletter {
          padding: .4rem 2rem;
          background-color: color-mix(in srgb, var(--color-foreground), transparent 96%);
          -webkit-backdrop-filter: blur(70px);
          backdrop-filter: blur(70px);
          .hdt-field__input {
            background: none;
           }
        }
        .hdt-newsletter-form__button {
          --height-btn: 4.6rem;
          --font-size-button: var(--text-lg);
          overflow: hidden;
        }
        .hdt-form__alert {
          margin-block: 1.5rem 4rem;
        }
        .hdt-form__alert--success {
          margin-block: 2.5rem 4rem;
        }
      }
    }
    .hdt-form__alert {
      background-color: color-mix(in srgb,var(--hdt-alert-color, var(--color-success-text)), #fff 90%);
    }
    &::backdrop {
      background-color: var(--color-background);
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
    }
    @media (min-width: 768px) {
      .hdt-newsletter-popup__group {
        .hdt-newsletter-popup__content {
          max-height: min(calc(80vh - 11rem),60rem);
        }
      }
      &.hdt-newsletter-popup--ver {
        .hdt-newsletter-popup__group {
          .hdt-newsletter-popup__content {
            padding-block-start: 2rem;
            padding-inline: 0;
            .hdt-newsletter-form__field-wrapper{
              padding-block-end: 2rem;
            }
          }
        }
      }
      &.hdt-newsletter-popup--hor {
        --max-width: 70.5rem;
        .hdt-modal-u__top {
          grid-template-columns: [start] calc(75% - 4.5rem) [mid] 9rem [end] minmax(0,1fr);
        }
        .hdt-modal__body {
          padding: 0 1.5rem 1.5rem 1.5rem;
          overflow: visible;
        }
        .hdt-newsletter-popup__group {
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          gap: 2rem 1.5rem;
          .hdt-newsletter-popup__image {
            width: 100%;
            height: calc(100% + 1.1rem);
            position: relative;
            overflow: hidden;
            text-align: center;
            margin-top: -1.1rem;
            img {
              object-fit: cover;
              height: 100%;
              min-height: 100%;
              max-height: 100%;
              min-width: 100%;
              max-width: 100%;
              position: absolute;
              inset: 0;
            }
          }
          .hdt-newsletter-popup__content {
            padding: 2rem 1.5rem;
            overflow: hidden auto;
            .hdt-newsletter-form__field-wrapper{
              padding-block-end: 0;
            }
          }
        }
      }
    }
  }
/* END_SECTION:newsletter-popup */
/* START_BLOCK:_pickup-availability (INDEX:147) */
hdt-pickup {
    display: block !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
  }
  .hdt-pickup-availability {
    padding: 1.3rem 1.6rem;
    background: var(--color-background2);
    @media screen and (min-width: 1150px) {
      padding: 1.3rem 1.6rem;
    }
    .hdt-caption-large + .hdt-caption{
      margin-block-start: 0.2rem;
    }
    .hdt-btn-link{
      justify-content: flex-end;
      margin-block-end: 0;
      margin-block-start: 0.8rem;
    }
    .hdt-pickup-availability__preview{
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      width: 100%;
      > svg{
        margin-block-start: 0.3rem;
        width: 14px;
        height: auto;
      }
      >svg[class*=hdt-icon-checked] {
        color: var(--color-success-text);
      }
      .hdt-pickup-availability__info{
        flex: 1;
      }
    }
  }
  .hdt-link-noline-icon{
    padding: 0;
    span:first-child{
      padding-block: 0.2rem;
    }
  }
  .hdt-drawer-pickup-availability .hdt-pickup-availability__preview {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 1rem;
    padding: 0.8rem 1.6rem;
    border-radius: var(--rounded-full);
    font-size: var(--text-sm);
    color: var(--hdt-color-pickup);
    background-color: color-mix(in srgb, var(--hdt-color-pickup), #fff 85%);
    >svg{
      margin-block-start: 0; flex-shrink: 0;
    }
    &.hdt-pickup-availability__preview--success {
      --hdt-color-pickup:  var(--color-success-text)
    }
    &.hdt-pickup-availability__preview--error{
      --hdt-color-pickup: var(--color-error-text);
    }
    .hdt-pickup-availability__info{
      flex: 1;
    }
  }
  .hdt-drawer--blur .hdt-pickup-availability__preview > svg[class*=hdt-icon-checked] .hdt-path-check{
     fill: var(--color-foreground)!important;
  }
  .hdt-drawer-pickup-availability{
    .hdt-drawer__inner{
      padding: 1rem 0;
      display: flex;
      flex-direction: column;
    }
    .hdt-pickuplist-wrapper{
      flex: 1;
      padding-bottom: 1rem;
      overscroll-behavior-y: contain;
      overflow-y: auto;
    }
    .hdt-pickup-availability-product {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      padding: 1rem var(--padding-y, 2.4rem) 2.2rem;
      .hdt-pickup-availability__media {
        overflow: hidden;
        flex: none;
        width: 9rem;
        place-self: flex-start;
        @media (min-width: 480px) {
            width: 12rem;
        }
      }
      .hdt-pickup-availability__variant{
        display: flex;
        align-items: center;
        margin-block-start: 0.7rem;
        .hdt-line-vertical{
          display: inline-flex;
          width: 1px;
          height: 1.4rem;
          margin-inline: 0.8rem;
          background: color-mix(in srgb, var(--color-foreground), transparent 70%);
        }
      }
    }
    .hdt-pickup-availability-list {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-inline: var(--padding-y, 2.4rem);
      gap: 2.2rem;
      .hdt-pickup-availability-list__item {
        background-color: color-mix(in srgb, var(--color-foreground), transparent 95%);
        padding: 1.8rem;
        overflow: hidden;
        &>*:not(:first-child) {
          margin-top: 1.4rem;
        }
      }
      .hdt-pickup-availability-address{
        display: flex;
        flex-direction: column;
        font-style: normal;
        .hdt-line-address{
          gap: 1.2rem;
          margin-block-end: 1rem;
          svg{
            flex-shrink: 0;
            margin-block-start: 0.3rem;
            width: auto;
            height: 1.4rem;
          }
        }
        .hdt-pickup-availability-map-link{
          align-self: flex-end;
        }
      }
    }
    &.hdt-drawer--blur{
      .hdt-pickup-availability-list .hdt-pickup-availability-list__item {
        background-color: color-mix(in srgb, var(--color-foreground), transparent 80%);
        border: 1px solid color-mix(in srgb, var(--color-foreground), transparent 80%);
      }
    }
    @media (max-width: 768px) {
      .hdt-pickup-availability-list{
        gap: 1.8rem;
        .hdt-pickup-availability-list__item {
          padding: 1.8rem 2.2rem;
        }
      }
    }
  }
/* END_BLOCK:_pickup-availability */
/* START_SNIPPET:shopify-account (INDEX:274) */
.hdt-account-button{
    cursor: pointer;
  }
/* END_SNIPPET:shopify-account */