/** Shopify CDN: Minification failed

Line 2479:22 Unexpected "/"
Line 2771:76 Expected identifier but found "*"

**/
/*
* Testament Shopify theme
* Copyright 2024, We are Underground
* www.weareunderground.com
*/







*,
*:before,
*:after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

@media (pointer: coarse) {
  *:focus {
    outline: none;
  }
}

/* ---- CSS grid ---- */
.grid__wrapper {
  margin: 0 auto;
  padding-left: 3%;
  padding-right: 3%;
  max-width: 92%;
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  font-size: var(--font-size);
}

.grid__wrapper-nest {
  display: grid !important;
}

.grid__wrapper.aflow {
  grid-auto-flow: dense;
}

.grid__wrapper.narrow {
  padding-left: 7%;
  padding-right: 7%;
}

.grid__wrapper.full {
  padding-left: 1.25%;
  padding-right: 1.25%;
  max-width: unset;
  width: 100%;
}

.grid__wrapper.edge {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: unset;
}

@media (min-width: 980px) {
  .grid__wrapper--five-columns {
    grid-template-columns: repeat(5, 1fr);
  }
}

.grid__wrapper > .first {
  order: 1;
}

.grid__wrapper > .last {
  order: 2;
}

/* ---- 5 column grid ---- */
@media screen and (min-width: 741px) {
  .grid__wrapper.five--columns {
      grid-template-columns: repeat(5, 1fr);
  }
}

.span-1 {
  width: 8.3333333%;
}
.span-2 {
  width: 16.666666%;
}
.span-3 {
  width: 25%;
}
.span-4 {
  width: 33.333333%;
}
.span-5 {
  width: 41.666666%;
}
.span-6 {
  width: 50%;
}
.span-7 {
  width: 58.333333%;
}
.span-8 {
  width: 66.666666%;
}
.span-9 {
  width: 75%;
}
.span-10 {
  width: 83.33333%;
}
.span-11 {
  width: 91.666667%;
}
.span-12 {
  width: 100%;
}

/* ---- Grid Row Template ---- */
.grid__wrapper.gtr1 {
  grid-template-rows: 1fr;
}
.grid__wrapper.gtr2 {
  grid-template-rows: 1fr 1fr;
}
.grid__wrapper.gtr3 {
  grid-template-rows: 1fr 1fr 1fr;
}
.grid__wrapper.gtr4 {
  grid-template-rows: 1fr 1fr 1fr 1fr;
}
.gr1 { grid-row: 1; }
.gr2 { grid-row: 2; }
.gr3 { grid-row: 3; }
.gr4 { grid-row: 4; }

/* ---- Grid Gap ---- */
.cg0 { grid-column-gap: 0 !important; }
.cg1 { grid-column-gap: 6px; }
.cg2 { grid-column-gap: 9px; }
.cg3 { grid-column-gap: 12px; }
.cg4 { grid-column-gap: 15px; }
.cg5 { grid-column-gap: 18px; }
.cg6 { grid-column-gap: 21px; }
.cg7 { grid-column-gap: 24px; }
.cg8 { grid-column-gap: 27px; }
.cg9 { grid-column-gap: 30px; }

.grid__wrapper.rg0, .rg0 { grid-row-gap: 0; }
.rg1 { grid-row-gap: 6px; }
.rg2 { grid-row-gap: 9px; }
.rg3 { grid-row-gap: 12px; }
.rg4 { grid-row-gap: 15px; }
.rg5 { grid-row-gap: 18px; }
.rg6 { grid-row-gap: 21px; }
.rg7 { grid-row-gap: 24px; }
.rg8 { grid-row-gap: 27px; }
.rg9 { grid-row-gap: 30px; }

/* ---- Align Text ---- */
.a-left { text-align: left; }
.a-right { text-align: right; }
.a-center { text-align: center; }

@media screen and (max-width: 740px) {
  .m-center { text-align: center; }
}

/* ---- Align Self ---- */
.v-start { align-self: start; vertical-align: top; }
.v-center { align-self: center; vertical-align: middle; }
.v-end { align-self: end; vertical-align: bottom; }
.v-stretch { align-self: stretch; }
.vi-center { display: inline;  vertical-align: middle; }
.vib-center { display: inline-block;  vertical-align: middle; }

/* ---- Justify Self ---- */
.h-start { justify-self: start; }
.h-center { justify-self: center; }
.h-end { justify-self: end; }
.h-stretch { justify-self: stretch; }

/* ---- Place Self ---- */
.vh-start { place-self: start; }
.vv-center { place-self: center; }
.vh-end { place-self: end; }
.vh-stretch { place-self: stretch; }

.absolute-center {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

/* ---- Align content ---- */
.ac-center { align-content: center; }
.ac-start { align-content: start; }
.ac-end { align-content: end; }

@supports (display: grid) {
  /* ---- Grid Columns ---- */
  .span-1 { grid-column: 1; width: 100%; }
  .span-2 { grid-column: 1 / 3; width: 100%; }
  .span-3 { grid-column: 1 / 4; width: 100%; }
  .span-4, .span-third { grid-column: 1 / 5; width: 100%; }
  .span-5 { grid-column: 1 / 6; width: 100%; }
  .span-6 { grid-column: 1 / 7; width: 100%; }
  .span-7 { grid-column: 1 / 8; width: 100%; }
  .span-8 { grid-column: 1 / 9; width: 100%; }
  .span-9 { grid-column: 1 / 10; width: 100%; }
  .span-10 { grid-column: 1 / 11; width: 100%; }
  .span-11 { grid-column: 1 / 12; width: 100%; }
  .span-12 { grid-column: 1 / 13; width: 100%; }

  .span-6.first { grid-column: 1 / 7; width: 100%; }
  .span-6.last { grid-column: 7 / 13; width: 100%; }
  .span-8.first { grid-column: 1 / 9; width: 100%; }
  .span-4.last { grid-column: 9 / 13; width: 100%; }
  .span-4.first { grid-column: 1 / 5; width: 100%; }
  .span-8.last { grid-column: 5 / 13; width: 100%; }
  .span-9.first { grid-column: 1 / 10; width: 100%; }
  .span-3.last { grid-column: 10 / 13; width: 100%; }
  .span-3.first { grid-column: 1 / 4; width: 100%; }
  .span-9.last { grid-column: 4 / 13; width: 100%; }

  /* ---- Grid Auto Columns ---- */
  .span-1.auto { grid-column: auto / span 1; width: 100%; }
  .span-2.auto { grid-column: auto / span 2; width: 100%; }
  .span-3.auto { grid-column: auto / span 3; width: 100%; }
  .span-4.auto, .span-third.auto { grid-column: auto / span 4; width: 100%; }
  .span-5.auto { grid-column: auto / span 5; width: 100%; }
  .span-6.auto { grid-column: auto / span 6; width: 100%; }
  .span-7.auto { grid-column: auto / span 7; width: 100%; }
  .span-8.auto { grid-column: auto / span 8; width: 100%; }
  .span-9.auto { grid-column: auto / span 9; width: 100%; }
  .span-10.auto { grid-column: auto / span 10; width: 100%; }
  .span-11.auto { grid-column: auto / span 11; width: 100%; }
  .span-12.auto { grid-column: auto / span 12; width: 100%; }

  /* ---- Grid Push Columns ---- */
  .span-1.push-1 { grid-column: 2 / 3; width: 100%; }
  .span-1.push-2 { grid-column: 3 / 4; width: 100%; }
  .span-1.push-3 { grid-column: 4 / 5; width: 100%; }
  .span-1.push-4 { grid-column: 5 / 6; width: 100%; }
  .span-1.push-5 { grid-column: 6 / 7; width: 100%; }
  .span-1.push-6 { grid-column: 7 / 8; width: 100%; }
  .span-1.push-7 { grid-column: 8 / 9; width: 100%; }
  .span-1.push-8 { grid-column: 9 / 10; width: 100%; }
  .span-1.push-9 { grid-column: 10 / 11; width: 100%; }
  .span-1.push-10 { grid-column: 11 / 12; width: 100%; }
  .span-1.push-11 { grid-column: 12 / 13; width: 100%; }

  .span-2.push-1 { grid-column: 2 / 4; width: 100%; }
  .span-2.push-2 { grid-column: 3 / 5; width: 100%; }
  .span-2.push-3 { grid-column: 4 / 6; width: 100%; }
  .span-2.push-4 { grid-column: 5 / 7; width: 100%; }
  .span-2.push-5 { grid-column: 6 / 8; width: 100%; }
  .span-2.push-6 { grid-column: 7 / 9; width: 100%; }
  .span-2.push-7 { grid-column: 8 / 10; width: 100%; }
  .span-2.push-8 { grid-column: 9 / 11; width: 100%; }
  .span-2.push-9 { grid-column: 10 / 12; width: 100%; }
  .span-2.push-10 { grid-column: 11 / 13; width: 100%; }

  .span-3.push-1 { grid-column: 2 / 5; width: 100%; }
  .span-3.push-2 { grid-column: 3 / 6; width: 100%; }
  .span-3.push-3 { grid-column: 4 / 7; width: 100%; }
  .span-3.push-4 { grid-column: 5 / 8; width: 100%; }
  .span-3.push-5 { grid-column: 6 / 9; width: 100%; }
  .span-3.push-6 { grid-column: 7 / 10; width: 100%; }
  .span-3.push-7 { grid-column: 8 / 11; width: 100%; }
  .span-3.push-8 { grid-column: 9 / 12; width: 100%; }
  .span-3.push-9 { grid-column: 10 / 13; width: 100%; }

  .span-4.push-1 { grid-column: 2 / 6; width: 100%; }
  .span-4.push-2 { grid-column: 3 / 7; width: 100%; }
  .span-4.push-3 { grid-column: 4 / 8; width: 100%; }
  .span-4.push-4 { grid-column: 5 / 9; width: 100%; }
  .span-4.push-5 { grid-column: 6 / 10; width: 100%; }
  .span-4.push-6 { grid-column: 7 / 11; width: 100%; }
  .span-4.push-7 { grid-column: 8 / 12; width: 100%; }
  .span-4.push-8 { grid-column: 9 / 13; width: 100%; }

  .span-5.push-1 { grid-column: 2 / 7; width: 100%; }
  .span-5.push-2 { grid-column: 3 / 8; width: 100%; }
  .span-5.push-3 { grid-column: 4 / 9; width: 100%; }
  .span-5.push-4 { grid-column: 5 / 10; width: 100%; }
  .span-5.push-5 { grid-column: 6 / 11; width: 100%; }
  .span-5.push-6 { grid-column: 7 / 12; width: 100%; }
  .span-5.push-7 { grid-column: 8 / 13; width: 100%; }

  .span-6.push-1 { grid-column: 2 / 8; width: 100%; }
  .span-6.push-2 { grid-column: 3 / 9; width: 100%; }
  .span-6.push-3 { grid-column: 4 / 10; width: 100%; }
  .span-6.push-4 { grid-column: 5 / 11; width: 100%; }
  .span-6.push-5 { grid-column: 6 / 12; width: 100%; }
  .span-6.push-6 { grid-column: 7 / 13; width: 100%; }

  .span-7.push-1 { grid-column: 2 / 9; width: 100%; }
  .span-7.push-2 { grid-column: 3 / 10; width: 100%; }
  .span-7.push-3 { grid-column: 4 / 11; width: 100%; }
  .span-7.push-4 { grid-column: 5 / 12; width: 100%; }
  .span-7.push-5 { grid-column: 6 / 13; width: 100%; }

  .span-8.push-1 { grid-column: 2 / 10; width: 100%; }
  .span-8.push-2 { grid-column: 3 / 11; width: 100%; }
  .span-8.push-3 { grid-column: 4 / 12; width: 100%; }
  .span-8.push-4 { grid-column: 5 / 13; width: 100%; }

  .span-9.push-1 { grid-column: 2 / 11; width: 100%; }
  .span-9.push-2 { grid-column: 3 / 12; width: 100%; }
  .span-9.push-3 { grid-column: 4 / 13; width: 100%; }

  .span-10.push-1 { grid-column: 2 / 12; width: 100%; }
  .span-10.push-2 { grid-column: 3 / 13; width: 100%; }

  .span-11.push-1 { grid-column: 2 / 13; width: 100%; }

  @media (min-width: 981px){
    .desktop-hide {
      display: none !important;
    }
  }

  /* ----Mobile Grid Columns---- */
  @media (max-width: 739px) {
    .sm-span-1.auto { grid-column: auto / span 1 !important; width: 100%; }
    .sm-span-2.auto { grid-column: auto / span 2 !important; width: 100%; }
    .sm-span-3.auto { grid-column: auto / span 3 !important; width: 100%; }
    .sm-span-4.auto, .sm-span-third.auto { grid-column: auto / span 4 !important; width: 100%; }
    .sm-span-5.auto { grid-column: auto / span 5 !important; width: 100%; }
    .sm-span-6.auto { grid-column: auto / span 6 !important; width: 100%; }
    .sm-span-7.auto { grid-column: auto / span 7 !important; width: 100%; }
    .sm-span-8.auto { grid-column: auto / span 8 !important; width: 100%; }
    .sm-span-9.auto { grid-column: auto / span 9 !important; width: 100%; }
    .sm-span-10.auto { grid-column: auto / span 10 !important; width: 100%; }
    .sm-span-11.auto { grid-column: auto / span 11 !important; width: 100%; }
    .sm-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }

    .sm-cg0 { grid-column-gap: 0; }
    .sm-cg1 { grid-column-gap: 6px; }
    .sm-cg2 { grid-column-gap: 9px; }
    .sm-cg3 { grid-column-gap: 12px; }
    .sm-cg4 { grid-column-gap: 15px; }
    .sm-cg5 { grid-column-gap: 18px; }
    .sm-cg6 { grid-column-gap: 21px; }
    .sm-cg7 { grid-column-gap: 24px; }
    .sm-cg8 { grid-column-gap: 27px; }
    .sm-cg9 { grid-column-gap: 30px; }

    .sm-rg0 { grid-row-gap: 0; }
    .sm-rg1 { grid-row-gap: 6px; }
    .sm-rg2 { grid-row-gap: 9px; }
    .sm-rg3 { grid-row-gap: 12px; }
    .sm-rg4 { grid-row-gap: 15px; }
    .sm-rg5 { grid-row-gap: 18px; }
    .sm-rg6 { grid-row-gap: 21px; }
    .sm-rg7 { grid-row-gap: 24px; }
    .sm-rg8 { grid-row-gap: 27px; }
    .sm-rg9 { grid-row-gap: 30px; }

    .mobile-hide,
    .sm-hide {
      display: none !important;
    }
    /* ---- Align Text ---- */
    .sm-a-left { text-align: left; }
    .sm-a-right { text-align: right; }
    .sm-a-center { text-align: center; }

    /* ---- Align Self ---- */
    .sm-v-start { align-self: start; vertical-align: top; }
    .sm-v-center { align-self: center; vertical-align: middle; }
    .sm-v-end { align-self: end; vertical-align: bottom; }
    .sm-v-stretch { align-self: stretch; }

    /* ---- Justify Self ---- */
    .sm-h-start { justify-self: start; }
    .sm-h-center { justify-self: center; }
    .sm-h-end { justify-self: end; }
    .sm-h-stretch { justify-self: stretch; }

    /* ---- Place Self ---- */
    .sm-vh-start { place-self: start; }
    .sm-vv-center { place-self: center; }
    .sm-vh-end { place-self: end; }
    .sm-vh-stretch { place-self: stretch; }
  }

  /* ---- Tablet Grid ---- */
  @media (min-width: 740px) and (max-width: 980px) {
    .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }
    .md-span-1.auto { grid-column: auto / span 1 !important; width: 100%; }
    .md-span-2.auto { grid-column: auto / span 2 !important; width: 100%; }
    .md-span-3.auto { grid-column: auto / span 3 !important; width: 100%; }
    .md-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; }
    .md-span-5.auto { grid-column: auto / span 5 !important; width: 100%; }
    .md-span-6.auto { grid-column: auto / span 6 !important; width: 100%; }
    .md-span-7.auto { grid-column: auto / span 7 !important; width: 100%; }
    .md-span-8.auto { grid-column: auto / span 8 !important; width: 100%; }
    .md-span-9.auto { grid-column: auto / span 9 !important; width: 100%; }
    .md-span-10.auto { grid-column: auto / span 10 !important; width: 100%; }
    .md-span-11.auto { grid-column: auto / span 11 !important; width: 100%; }
    .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }
    .md-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }

    .md-cg0 { grid-column-gap: 0; }
    .md-cg1 { grid-column-gap: 6px; }
    .md-cg2 { grid-column-gap: 9px; }
    .md-cg3 { grid-column-gap: 12px; }
    .md-cg4 { grid-column-gap: 15px; }
    .md-cg5 { grid-column-gap: 18px; }
    .md-cg6 { grid-column-gap: 21px; }
    .md-cg7 { grid-column-gap: 24px; }
    .md-cg8 { grid-column-gap: 27px; }
    .md-cg9 { grid-column-gap: 30px; }

    .md-rg0 { grid-row-gap: 0; }
    .md-rg1 { grid-row-gap: 6px; }
    .md-rg2 { grid-row-gap: 9px; }
    .md-rg3 { grid-row-gap: 12px; }
    .md-rg4 { grid-row-gap: 15px; }
    .md-rg5 { grid-row-gap: 18px; }
    .md-rg6 { grid-row-gap: 21px; }
    .md-rg7 { grid-row-gap: 24px; }
    .md-rg8 { grid-row-gap: 27px; }
    .md-rg9 { grid-row-gap: 30px; }

    .tablet-hide {
      display: none !important;
    }
    /* ---- Align Text ---- */
    .md-a-left { text-align: left; }
    .md-a-right { text-align: right; }
    .md-a-center { text-align: center; }

    /* ---- Align Self ---- */
    .md-v-start { align-self: start; vertical-align: top; }
    .md-v-center { align-self: center; vertical-align: middle; }
    .md-v-end { align-self: end; vertical-align: bottom; }
    .md-v-stretch { align-self: stretch; }

    /* ---- Justify Self ---- */
    .md-h-start { justify-self: start; }
    .md-h-center { justify-self: center; }
    .md-h-end { justify-self: end; }
    .md-h-stretch { justify-self: stretch; }

    /* ---- Place Self ---- */
    .md-vh-start { place-self: start; }
    .md-vv-center { place-self: center; }
    .md-vh-end { place-self: end; }
    .md-vh-stretch { place-self: stretch; }
  }

  /* ---- Mobile & Tablet Grid ---- */
  @media (max-width: 980px) {
    .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }
    .dv-span-1.auto { grid-column: auto / span 1 !important; width: 100%; }
    .dv-span-2.auto { grid-column: auto / span 2 !important; width: 100%; }
    .dv-span-3.auto { grid-column: auto / span 3 !important; width: 100%; }
    .dv-span-4.auto, .md-span-third.auto { grid-column: auto / span 4 !important; width: 100%; }
    .dv-span-5.auto { grid-column: auto / span 5 !important; width: 100%; }
    .dv-span-6.auto { grid-column: auto / span 6 !important; width: 100%; }
    .dv-span-7.auto { grid-column: auto / span 7 !important; width: 100%; }
    .dv-span-8.auto { grid-column: auto / span 8 !important; width: 100%; }
    .dv-span-9.auto { grid-column: auto / span 9 !important; width: 100%; }
    .dv-span-10.auto { grid-column: auto / span 10 !important; width: 100%; }
    .dv-span-11.auto { grid-column: auto / span 11 !important; width: 100%; }
    .dv-span-12.auto { grid-column: auto / span 12 !important; width: 100%; }

    .dv-cg0 { grid-column-gap: 0; }
    .dv-cg1 { grid-column-gap: 6px; }
    .dv-cg2 { grid-column-gap: 9px; }
    .dv-cg3 { grid-column-gap: 12px; }
    .dv-cg4 { grid-column-gap: 15px; }
    .dv-cg5 { grid-column-gap: 18px; }
    .dv-cg6 { grid-column-gap: 21px; }
    .dv-cg7 { grid-column-gap: 24px; }
    .dv-cg8 { grid-column-gap: 27px; }
    .dv-cg9 { grid-column-gap: 30px; }

    .dv-rg0 { grid-row-gap: 0; }
    .dv-rg1 { grid-row-gap: 6px; }
    .dv-rg2 { grid-row-gap: 9px; }
    .dv-rg3 { grid-row-gap: 12px; }
    .dv-rg4 { grid-row-gap: 15px; }
    .dv-rg5 { grid-row-gap: 18px; }
    .dv-rg6 { grid-row-gap: 21px; }
    .dv-rg7 { grid-row-gap: 24px; }
    .dv-rg8 { grid-row-gap: 27px; }
    .dv-rg9 { grid-row-gap: 30px; }

    .device-hide {
      display: none !important;
    }

    /* ---- Align Text ---- */
    .dv-a-left { text-align: left; }
    .dv-a-right { text-align: right; }
    .dv-a-center { text-align: center; }

    /* ---- Align Self ---- */
    .dv-v-start { align-self: start; vertical-align: top; }
    .dv-v-center { align-self: center; vertical-align: middle; }
    .dv-v-end { align-self: end; vertical-align: bottom; }
    .dv-v-stretch { align-self: stretch; }

    /* ---- Justify Self ---- */
    .dv-h-start { justify-self: start; }
    .dv-h-center { justify-self: center; }
    .dv-h-end { justify-self: end; }
    .dv-h-stretch { justify-self: stretch; }

    /* ---- Place Self ---- */
    .dv-vh-start { place-self: start; }
    .dv-vv-center { place-self: center; }
    .dv-vh-end { place-self: end; }
    .dv-vh-stretch { place-self: stretch; }
  }
}

/* ---- Margin ---- */
.m0  { margin:        0 !important; }
.mt0 { margin-top:    0 !important; }
.mr0 { margin-right:  0 !important; }
.mb0 { margin-bottom: 0 !important; }
.ml0 { margin-left:   0 !important; }
.mx0 { margin-left:   0 !important; margin-right:  0 !important; }
.my0 { margin-top:    0 !important; margin-bottom: 0 !important; }
.mb30 { margin-bottom: 30px !important; }

.m-auto  { margin: auto !important; }
.mt-auto { margin-top: auto !important; }
.mr-auto { margin-right: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* ---- Padding ---- */
.p0  { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pl0 { padding-left: 0 !important; }
.px0 { padding-left: 0 !important; padding-right:  0 !important; }
.py0 { padding-top: 0 !important;  padding-bottom: 0 !important; }

@media  (min-width: 741px) and (max-width: 980px) {
  .md-m0  { margin:        0 !important; }
  .md-mt0 { margin-top:    0 !important; }
  .md-mr0 { margin-right:  0 !important; }
  .md-mb0 { margin-bottom: 0 !important; }
  .md-ml0 { margin-left:   0 !important; }
  .md-mx0 { margin-left:   0 !important; margin-right:  0 !important; }
  .md-my0 { margin-top:    0 !important; margin-bottom: 0 !important; }

  .md-m-auto  { margin: auto !important; }
  .md-mt-auto { margin-top: auto !important; }
  .md-mr-auto { margin-right: auto !important; }
  .md-mb-auto { margin-bottom: auto !important; }
  .md-ml-auto { margin-left: auto !important; }
  .md-mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .md-my-auto { margin-top: auto !important; margin-bottom: auto !important; }

  /* ---- Padding ---- */
  .md-p0  { padding: 0 !important; }
  .md-pt0 { padding-top: 0 !important; }
  .md-pr0 { padding-right: 0 !important; }
  .md-pb0 { padding-bottom: 0 !important; }
  .md-pl0 { padding-left: 0 !important; }
  .md-px0 { padding-left: 0 !important; padding-right:  0 !important; }
  .md-py0 { padding-top: 0 !important;  padding-bottom: 0 !important; }
}

@media (max-width: 740px) {
  .sm-m0  { margin:        0 !important; }
  .sm-mr0 { margin-right:  0 !important; }
  .sm-mb0 { margin-bottom: 0 !important; }
  .sm-ml0 { margin-left:   0 !important; }
  .sm-mx0 { margin-left:   0 !important; margin-right:  0 !important; }
  .sm-my0 { margin-top:    0 !important; margin-bottom: 0 !important; }

  .sm-m-auto  { margin: auto; }
  .sm-mt-auto { margin-top: auto; }
  .sm-mr-auto { margin-right: auto; }
  .sm-mb-auto { margin-bottom: auto; }
  .sm-ml-auto { margin-left: auto; }
  .sm-mx-auto { margin-left: auto; margin-right: auto; }
  .sm-my-auto { margin-top: auto; margin-bottom: auto; }

  /* ---- Padding ---- */
  .sm-p0  { padding: 0; }
  .sm-pt0 { padding-top: 0; }
  .sm-pr0 { padding-right: 0; }
  .sm-pb0 { padding-bottom: 0; }
  .sm-pl0 { padding-left: 0; }
  .sm-px0 { padding-left: 0; padding-right:  0; }
  .sm-py0 { padding-top: 0;  padding-bottom: 0; }
}

@media (max-width: 980px) {
  .dv-m0  { margin:        0; }
  .dv-mt0 { margin-top:    0; }
  .dv-mr0 { margin-right:  0; }
  .dv-mb0 { margin-bottom: 0; }
  .dv-ml0 { margin-left:   0; }
  .dv-mx0 { margin-left:   0; margin-right:  0; }
  .dv-my0 { margin-top:    0; margin-bottom: 0; }

  .dv-m-auto  { margin: auto; }
  .dv-mt-auto { margin-top: auto; }
  .dv-mr-auto { margin-right: auto; }
  .dv-mb-auto { margin-bottom: auto; }
  .dv-ml-auto { margin-left: auto; }
  .dv-mx-auto { margin-left: auto; margin-right: auto; }
  .dv-my-auto { margin-top: auto; margin-bottom: auto; }

  /* ---- Padding ---- */
  .dv-p0  { padding: 0; }
  .dv-pt0 { padding-top: 0; }
  .dv-pr0 { padding-right: 0; }
  .dv-pb0 { padding-bottom: 0; }
  .dv-pl0 { padding-left: 0; }
  .dv-px0 { padding-left: 0; padding-right:  0; }
  .dv-py0 { padding-top: 0;  padding-bottom: 0; }
}

/* ---- Width ---- */
.w100 { width: 100% !important; }
.w75 { width: 75% !important; }
.w50 { width: 50% !important; }
.w25 { width: 25% !important; }

/* ---- Quick Inline Grid ---- */
.inline__wrapper {
  list-style: none;
  width: 100%;
}
.inline__wrapper > * {
  width: auto;
  margin: 0;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

html,
body {
  height: 100%;
  box-sizing: border-box !important;
}

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

body {
  color: var(--text-color);
  background: var(--background);
  font-size: var(--font-size);
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  letter-spacing: var(--main-spacing);
  line-height: 1.6em;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; /* ---- For Chrome and Safari ---- */
  -moz-osx-font-smoothing: grayscale; /* ---- For Firefox ---- */
  text-rendering: optimizeSpeed;
  /* ---- Without this, the body has excess horizontal scroll when the menu is open ---- */
  overflow-x: hidden;
}

body .slideout-panel {
  background: var(--background);
}

/* ---- Typography ---- */
h1,
h2,
h3,
h4,
h5 {
  color: var(--text-color);
  font-family:var(--heading-family);
  font-weight: var(--heading-weight);
  font-style: var(--heading-style);
  margin-top: 0;
  margin-bottom: 10px;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  letter-spacing: var(--heading-spacing);
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  font-weight: inherit;
  color: var(--text-color) !important;
}

h1, .h1 {
  font-size: var(--h1-size);
}

h2, .h2 {
  font-size: var(--h2-size);
}

h3, .h3 {
  font-size: var(--h3-size);
}

h4, .h4 {
  font-size: calc(var(--font-size) + 2px);
}

h5, .h5 {
  font-size: calc(var(--font-size) + 1px);
}

h1,
h2,
h3,
h4,
h5,
p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
  margin-bottom: 10px;
}

p {
  font-size: var(--font-size);
  margin-bottom: 10px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

pre {
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  font-weight: bold;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.inline-block-auto {
  display: inline-block;
  width: auto;
}

a {
text-decoration: none;
color: var(--text-color);
}

a:hover {
  color: var(--text-color);
}

a:visited {
  color:var(--text-color);
}

dt {
  font-weight: bold;
}

ol {
  padding: 0;
  margin-left: 0;
  margin-bottom: 20px;
  text-indent: 0;
  list-style-position: inside;
}

ul {
  padding: 0;
  margin: 0 0 20px 0;
  list-style: disc inside;
}

blockquote {
  font-family: Georgia, "Times New Roman", Times, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-style: italic;
  padding-left: 35px;
  color: #999;
  margin: 20px 0;
}

hr {
  background: var(--dotted-color);
  border: none;
  color: var(--dotted-color);
  display: block;
  height: 1px;
  margin-top: 20px;
  width: 100%;
}

/* ---- Images ---- */
img {
  height: auto;
  width: 100%;
  max-width: 100%;
  border: 0;
}

.box-ratio {
  display: block;
  height: 0;
  width: 100%;
  overflow: hidden;
  background-color: var(--background);
}

.box-ratio img {
  background-color: var(--background);
}

/* ---- Image aspect ratios ---- */

.image_natural .box-ratio,
.image_square .box-ratio,
.image_landscape .box-ratio,
.image_portrait .box-ratio {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}

.image_square .box-ratio {
  padding-bottom: 100% !important;
}

.image_landscape .box-ratio {
  padding-bottom: 75% !important;
}

.image_portrait .box-ratio {
  padding-bottom: 150% !important;
}

.box-ratio .placeholder-svg {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image_natural .box-ratio img,
.image_square .box-ratio img,
.image_landscape .box-ratio img,
.image_portrait .box-ratio img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}



/* ---- Image zoom effect ---- */
.theme-image-effect .article-content img,
.theme-image-effect .textWithImage__column-image img,
.theme-image-effect .imageText__column-image img,
.theme-image-effect .collection__list-item img,
.theme-image-effect .gallery__item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: -webkit-transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    transition: transform 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
    -webkit-transform: 7s cubic-bezier(0.25, 0.5, 0.8, 0.65);
}

.theme-image-effect .article-content:hover img,
.theme-image-effect .textWithImage__column-image:hover img,
.theme-image-effect .imageText__column-image:hover img,
.theme-image-effect .collection__list-item:hover img,
.theme-image-effect .gallery__item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}


/* ---- Helpers ---- */

.clear:not(.color) {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hide {
  display: none;
}

.right {
  float: right;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.mb0 {
  margin-bottom: 0;
}

.first {
  clear: left;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.visually-hidden--inline {
  margin: 0;
  height: 1em;
}

.visually-hidden--static {
  position: static !important;
}

.hr-or {
  border: none;
  border-top: 1px solid var(--dotted-color);
  width: 14.375rem;
  margin: 1.5625rem auto;
  overflow: visible;
  margin: 16px 0;
  width: 100%;
}

.hr-or:after {
  content: attr(data-content);
  position: relative;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 2.5rem;
  font-weight: 500;
  background-color: var(--background);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  letter-spacing: .2px;
  text-align: center;
  display: inline-block;
}

.display-none { display: none !important;}

.or-divider {
  position: relative;
  font-size: var(--font-size);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.6;
}
.or-divider span:before {
  content: "";
  background: var(--dotted-color);
  height: 1px;
  width: 40%;
  position: absolute;
  left: 0;
  top: 50%;
}
.or-divider span:after {
  content: "";
  background: var(--dotted-color);
  height: 1px;
  width: 40%;
  position: absolute;
  right: 0;
  top: 50%;
}

.note {
  padding: 20px;
  border: 1px solid var(--dotted-color);
  margin-bottom: 20px;
}
.note .underline {
  text-decoration: underline;
}

/* ---- No Js ---- */
.js-focus-hidden:focus {
  outline: none;
}

.no-js .box-ratio {
  display: none;
}

.no-js #slider .carousel-cell {
 opacity: 1 !important;
 visibility: visible;
}

.no-js #slider .carousel-cell img {
  margin-bottom: 20px;
}

.no-js .zoom_btn,
.no-js .swatches__container,
.no-js .no-js-hidden {
  display: none;
}

.no-js .product__variants-single-option-label,
.no-js .vantage-accordion .product-accordion-content {
  display: block !important;
}

.no-js #AddToCartForm .product__variants-select {
  display: block !important;
}

.no-js #AddToCartForm .product__variants-select select {
  float: unset;
  min-width: 240px;
}

.no-js .shifter-navigation {
  display: none;
}

.no-js #shopify-section-mobile-navigation {
  display: none;
}

.no-js [data-aos^=fade][data-aos^=fade] {
  opacity: 1 !important;
}

.no-js [data-aos^=fade][data-aos^=fade] {
  transform: unset;
}

.no-js [data-aos] {
  pointer-events: unset !important;
}

.no-js .loading-wrapper,
.no-js .product-listing__quickview-trigger {
  display: none !important;
}

/* ---- No Js Cart ----*/
.cart-type--no_js_cart .ajax-cart__item-remove--no-js,
.no-js .ajax-cart__item-remove--no-js {
  display: block !important;
  position: absolute;
  top: 10px;
  right: 10px;
}
.cart-type--no_js_cart  .ajax-cart__item-remove--js,
.no-js .ajax-cart__item-remove--js {
  display: none;
}
.cart-type--no_js_cart .ajax-cart__qty-control--down,
.cart-type--no_js_cart .ajax-cart__qty-control--up,
.no-js .ajax-cart__qty-control--down,
.no-js .ajax-cart__qty-control--up {
  display: none;
}
.cart-type--no_js_cart .ajax-cart__item-quantity,
.no-js .ajax-cart__item-quantity {
  text-align: center !important;
}
.cart-type--no_js_cart .ajax-cart__qty-input--no-js,
.no-js .ajax-cart__qty-input--no-js {
  max-width: 90px;
  margin: 0;
}
.cart-type--no_js_cart .ajax-cart__item-update--no-js,
.no-js .ajax-cart__item-update--no-js {
  display: block !important;
  margin-top: 8px;
  text-decoration: underline;
  font-size: 13px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.no-js .ajax-cart__accordion--shipping-calc {
  display: none;
}
.cart-type--no_js_cart .ajax-cart__form-wrapper--nojs,
.no-js .ajax-cart__accordion .accordion-content {
  display: block !important;
}
.no-js .loading-wrapper,
.cart-type--no_js_cart .loading-wrapper {
  display: none;
}

/* ---- Buttons ---- */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: 100%;
  max-width: 100%;
  background: var(--button-color);
  color: var(--button-text);
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  letter-spacing: var(--main-spacing);
  text-decoration: none;
  border: none;
  -webkit-transition: background .5s ease,color .5s ease;
  -moz-transition: background .5s ease,color .5s ease;
  -o-transition: background .5s ease,color .5s ease;
  transition: background .5s ease,color .5s ease;
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 15px;
  line-height: 1em;
  height: 50px;
}

.theme-buttons-curved .button,
.theme-buttons-curved button,
.theme-buttons-curved input[type="submit"],
.theme-buttons-curved input[type="reset"],
.theme-buttons-curved input[type="button"] {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: var(--button-text);
  background: var(--button-hover);
}

button.button-as-link,
a.button-as-link,
input.button-as-link {
  border: none;
  background: none;
  color: var(--text-color);
  text-decoration: underline;
  font-size: var(--font-size);
  height: auto;
  display: inline-block;
  width: auto;
}
button.button-as-link:hover,
a.button-as-link:hover,
input.button-as-link:hover {
  background: none;
  color: var(--text-color);
}

.secondary-button {
  background: var(--secondary-button-color) !important;
  color: var(--secondary-button-text) !important;
}

.secondary-button:hover {
  color: var(--secondary-button-text) !important;
  background: var(--secondary-button-hover) !important;
}

/* ---- Fix for odd Mozilla border & padding issues ---- */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.btn,
.content-btn,
.rte .btn,
.rte .content {
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  letter-spacing: var(--main-spacing);
  text-decoration: none;
  -webkit-transition: background .5s ease,color .5s ease;
  -moz-transition: background .5s ease,color .5s ease;
  -o-transition: background .5s ease,color .5s ease;
  transition: background .5s ease,color .5s ease;
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1em;
  height: 50px;
  padding: 0 20px;
  background: var(--button-color);
  color: var(--button-text);
  border: 1px solid var(--button-color);
}

.theme-buttons-curved .btn,
.theme-buttons-curved .content-btn {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.btn:visited,
.content-btn:visited,
.rte .btn:visited,
.rte .content:visited {
  color: var(--button-text);
}

.btn:hover,
.content-btn:hover,
.rte .btn:hover,
.rte .content:hover {
  color: var(--button-color);
  background: var(--button-text);
}

:focus, .focus-visible {
  outline: var(--keyboard-focus-color) var(--keyboard-focus-border-style) calc(var(--keyboard-focus-border-weight) * 1px) !important;
  outline-offset: calc(var(--keyboard-focus-border-weight) * -1px) !important;
  }

/* ---- Forms ----*/
form {
  margin-bottom: 0;
}

fieldset {
  margin-bottom: 20px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="phone"],
textarea,
select {
  border: 1px solid #ccc;
  height: 50px;
  outline: none;
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  color: var(--text-color);
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: var(--background);
  box-sizing: border-box;
  letter-spacing: var(--main-spacing);
}

select {
  padding: 0 9px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  box-shadow:  0 0 3px rgba(0,0,0,.2);
}

label,
legend {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

input[type="checkbox"] {
  display: inline;
}

label span,
legend span {
  font-weight: normal;
}

::-webkit-input-placeholder { /* ----WebKit browsers---- */
  color: #aaa;
}
:-moz-placeholder { /* ----Mozilla Firefox 4 to 18---- */
  color: #aaa;
}
::-moz-placeholder { /* ----Mozilla Firefox 19+---- */
  color: #aaa;
}
:-ms-input-placeholder { /* ----Internet Explorer 10+---- */
  color: #aaa;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
  width: 100%;
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  font-size: var(--font-size);
  color: var(--text-color);
  border: 1px solid var(--dotted-color);
  height: 50px;
  margin: 0px;
  margin-bottom: 20px;
  max-width: 100%;
  text-indent: 10px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

textarea {
  width: 100%;
  background: #fff;
  border: 1px solid var(--dotted-color);
  height: 135px;
  margin: 0 0 20px 0;
  max-width: 100%;
  padding: 10px;
  outline: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  min-height: 60px;
  min-width: 300px;
  letter-spacing: var(--main-spacing);
}

.notice {
  border: 3px dashed var(--dotted-color);
  padding: 10px;
  background: var(--background);
  margin: 20px 0;
}

.errorForm.feedback {
  background: mistyrose;
  padding: 15px 0 5px;
  text-align: center;
  font-weight: 600;
  color: firebrick;
  margin: 0 1.1%;
}

input.required-error,
textarea.required-error {
  outline: 1px solid var(--error-color);
}

/* ---- Iframe & Responsive video ---- */

iframe {
  width: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed, .videoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---- Theme animations ---- */
.global__section{animation:fadeIn;animation-duration:3s}.loading-wrapper{width:100%;height:100%;position:fixed;background:var(--background);z-index:200;margin:0 auto;text-align:center;opacity:0.9;left:0;top:0}.loading-ripple{display:inline-block;width:80px;height:80px;top:50%;position:absolute;transform:translate(-50%,-50%);left:50%}.loading-ripple div{position:absolute;border:4px solid var(--dotted-color);opacity:1;border-radius:50%;animation:loadingRipple 1s cubic-bezier(0,0.2,0.8,1) infinite}.loading-ripple div:nth-child(2){animation-delay:-.5s}@keyframes loadingRipple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}
/* ---- CSS Animate ----*/
.animate-hide,.animate-show{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{0%,100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}

/* ---- onboarding styles for new theme install ---- */

.onboard {
  background: #ddd! important;
  border: 1px solid #ccc;
}

.image-with-text-overlay .onboard {
  text-align: center;
}

.image-with-text-overlay .onboard svg {
  fill: #d0d0d0;
  height: 430px;
}

.gallery__item .onboard .placeholder-svg,
.ci.onboard .placeholder-svg, .onboard svg,
.slideshow__slide-onboard .placeholder-svg,
.onboard-slide svg, .article-image .placeholder-svg {
  fill: rgba(28,29,29,0.2);
  background-color: transparent;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.no-blocks .desktop-12 {
  font-size: 15px;
  text-align: center;
  padding: 20px 0;
  border: 1px dashed #eee;
  background: #f7f7f7;
  margin-top: 20px;
  margin-bottom: 50px;
  font-weight: normal;
}

.content-onboard {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}

.panel:before {
  content: '';
  display: block;
  background-color: rgba(0,0,0,0);
  transition: background-color 0.5s ease-in-out;
}

/* ---- Rich text editor ---- */

.rte a {
  text-decoration: underline;
}

.rte img {
  width: auto;
}

.rte ul {
  list-style-position: outside;
  margin-left: 20px;
}

/* ---- Tabbed Content ---- */

.tabbed__content-section {
  padding: 40px 0;
  background: var(--background);
  color: var(--text-color);
}

.rte-tab > input,
.rte-tab section > div {
  display: none;
}

.rte-tab {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.rte-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rte-tab ul.tabbed {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--dotted-color);
}

.rte-tab ul li label {
  background: transparent;
  cursor: pointer;
  position: relative;
  font-weight: var(--main-weight);
  margin-bottom: 0;
  padding: 10px 5px;
}

.rte-tab section {
  clear: both;
}
.rte-tab section div {
  padding: 20px 0;
  width: 100%;
  line-height: 1.5em;
  letter-spacing: var(--main-spacing);
}
.rte-tab section div h2 {
  margin: 0;
  color: var(--text-color);
}

.rte-tab .tabbed-block.rte ul {
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 15px !important;
}

.rte-tab .tabbed-block.rte ul li {
  margin-left: 20px;
}

/* ---- Sections ---- */

/* ---- Prevent margin collapse ---- */
.shopify-section {
  display: flex;
  flex-direction: column;
}

.global__section {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: calc(var(--section-margins) / 2);
  margin-bottom: calc(var(--section-margins) / 2);
  width: 100%;
}

.global__section.padded__section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: calc(var(--section-margins) / 2);
  padding-bottom: calc(var(--section-margins) / 2);
}

.main__section {
  position: relative;
  z-index: 0;
}

body:not(.template-index) .main__section {
  margin-top: calc(var(--section-margins) / 2);
  margin-bottom: calc(var(--section-margins) / 2);
}

/* ---- Section titles ---- */

.section-title {
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}

.section-title.lines h1,
.section-title.lines h2,
.section-title.lines h3 {
  display: inline-block;
  padding: 8px 23px;
  margin: 0;
  background-color: var(--background);
  position: relative;
  z-index: 1;
}

.section-title.lines:after {
  content: '';
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid var(--dotted-color);
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
}

.section-title.btm_border:after {
  content: "";
  border-bottom: 2px solid var(--dotted-color);
  width: 80px;
  height: 0;
  position: absolute;
  top: 95%;
  left: calc(50% - 40px);
}


/* ---- CSS Slideouts ---- */
.slideout {
  list-style: none;
  background: var(--background);
  width: 550px;
  height: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: unset;
  right: unset;
  z-index: 31;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/* ---- Popover Slideout ---- */
.slideout {
/* ---- --slideout-background: var(--background, white);*/
/* ---- --slideout-border-color: var(--dotted-color, #888);*/
  --slideout-width: 550px;
  --slideout-transition-duration: 0.2s;
  --slideout-backdrop: rgba(0,0,0,0.5);
/* ---- background: var(--slideout-background, --background);*/
/* ---- width: var(--slideout-width);*/
  border: 0;
  opacity: 0;
  padding: 0;
  display: none;
}

/* ---- If no prefers reduced motion ---- */
@media screen and (prefers-reduced-motion: no-preference) {
  .slideout {
    transition-property: display opacity;
    transition-duration: 0.2s;
    transition-behavior: allow-discrete;
  }
  .slideout {
    transition-duration: var(--slideout-transition-duration);
  }
}

/* ----Slideout backdrop---- */
.slideout::backdrop {
  background: var(--slideout-backdrop, rgba(0,0,0,0.5));
}

.no-popover .slideout {
  display: block;
  opacity: 1;
}

.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 30;
  visibility: hidden;
  opacity: 0;
  background: rgb(30, 30, 30);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.slideout__drawer-right {
  transform: translateX(550px);
  right: 0;
}
.slideout__drawer-right {
  display: none;
  opacity: 0;
}
.slideout__drawer-right:popover-open {
  transform: translateX(0);
  display: block;
  opacity: 1;

  @starting-style {
    transform: translateX(var(--slideout-width));
  }
}
.no-popover .slideout__drawer-right {
  transform: translateX(var(--slideout-width));
}
.no-popover .slideout__drawer-right.\:popover-open {
  transform: translateX(0);
}
.slideout__drawer-left {
  transform: translateX(-550px);
  left: 0;
}
.slideout__drawer-left {
  display: none;
  opacity: 0;
}
.slideout__drawer-left:popover-open {
  transform: translateX(0);
  display: block;
  opacity: 1;

  @starting-style {
    transform: translateX(calc(calc(var(--slideout-width) * -1)));
  }
}
.no-popover .slideout__drawer-left {
  transform: translateX(calc(calc(var(--slideout-width) * -1)));
}
.no-popover .slideout__drawer-left.\:popover-open {
  transform: translateX(0);
}
@media (max-width: 740px) {
  .slideout {
    width: 350px;
  }
  .slideout__drawer-right {
    transform: translateX(350px);
    right: 0;
  }
  .slideout__drawer-left {
    transform: translateX(-350px);
    left: 0;
  }
}
.slideout-left--open .slideout--active.slideout__drawer-left {
  transform: translateX(0);
}
.slideout-right--open .slideout--active.slideout__drawer-right {
  transform: translateX(0);
}
.slideout-left--open,
.slideout-right--open {
  overflow: hidden;
}
.slideout-left--open .js-slideout-overlay,
.slideout-right--open .js-slideout-overlay,
.modal--open .js-modal-overlay {
  opacity: 0.8;
  visibility: visible;
}
.slideout__trigger--open {
  z-index: 2;
  margin-bottom: 0;
  cursor: pointer;
}
.slideout__trigger--open .slideout__trigger-mobile-menu i,
.slideout__trigger--open .slideout__trigger-password i {
  font-size: 20px;
  text-align: left;
}
.slideout__trigger--close {
  position: fixed;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  padding: 0;
  margin-bottom: 0;
  color: black;
  background: unset;
}
.slideout__trigger--close button {
  background: transparent;
  height: 100%;
  line-height: 0;
  margin: 0;
  display: block;
  padding: 0;
  width: 100%;
}
#slideout-ajax-cart .slideout__trigger--close {
  position: unset;
}
.slideout__trigger--open .slideout__trigger-drawer-sidebar,
.slideout__trigger--open .slideout__trigger-mobile-menu,
.slideout__trigger--open .slideout__trigger-store-availability,
.slideout__trigger--open .slideout__trigger-password {
  background: unset;
  margin-bottom: 0;
}
.slideout__trigger-drawer-sidebar:hover,
.slideout__trigger-mobile-menu:hover,
.slideout__trigger-store-availability:hover,
.slideout__trigger-password:hover,
.slideout__trigger-ajax-cart:hover,
.slideout__trigger-quickview:hover,
.slideout__trigger-general-modal:hover {
  background: unset;
}
.slideout__trigger--open .slideout__trigger-store-availability,
.slideout__trigger--open .slideout__trigger-password {
  color: var(--text-color);
  height: auto;
  text-align: left;
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
.slideout__trigger-password,
.slideout__trigger-ajax-cart,
.slideout__trigger-quickview,
.slideout__trigger-drawer-sidebar,
.slideout__trigger-general-modal {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
}
.slideout__trigger--open .slideout__trigger-store-availability:hover,
.slideout__trigger--open .slideout__trigger-password:hover {
  opacity: 0.8;
}
.slideout__trigger-store-availability .icn-close:before,
.slideout__trigger-store-availability .icn-close:after,
.slideout__trigger-password .icn-close:before,
.slideout__trigger-password .icn-close:after,
.slideout__trigger-drawer-sidebar .icn-close:before,
.slideout__trigger-drawer-sidebar .icn-close:after,
.slideout__trigger-ajax-cart .icn-close:before,
.slideout__trigger-quickview .icn-close:before,
.slideout__trigger-ajax-cart .icn-close:after,
.slideout__trigger-quickview .icn-close:after,
.slideout__trigger-general-modal .icn-close:before,
.slideout__trigger-general-modal .icn-close:after {
  border-color: var(--text-color);
}
.modal__general-modal__wrapper {
  padding: 60px !important;
}
.slideout-left--closed .slideout__drawer-left,
.slideout-right--closed .slideout__drawer-right {
  visibility: hidden;
  opacity: 0;
  -webkit-animation:slideoutFadeout 0.4s linear;
}
.slideout-left--open .slideout__drawer-left,
.slideout-right--open .slideout__drawer-right {
  visibility: visible;
  opacity: 1;
  -webkit-animation:slideoutFadein 0.4s linear;
}
@-webkit-keyframes slideoutFadeout {
  0%{opacity:1;visibility:visible;}
  99%{opacity:0;}
  100%{opacity:0;visibility: hidden;}
}
@-webkit-keyframes slideoutFadein {
  0%{opacity:0;visibility:visible;}
  100%{opacity:1;}
}
/* ----Custom Icons---- */
.icn-close {
  width: 20px;
  height: 20px;
  position: relative;
}
.icn-close:after {
  content: '';
  height: 20px;
  border-left: 1px solid #fff;
  position: absolute;
  transform: rotate(45deg);
  left: 8px;
}
.icn-close:before {
  content: '';
  height: 20px;
  border-left: 1px solid #fff;
  position: absolute;
  transform: rotate(-45deg);
  left: 8px;
}

/* ---- Social Icons ---- */
.social-icons__list {
  list-style: none;
  margin: 0;
}
.social-icons__list li {
  display: inline-block;
}
.social-icons__list li a {
  display: inline-block;
  padding: 0 5px;
  width: auto;
  height: 48px;
  line-height: 48px !important;
}

/* ---- Skip link ---- */

.skip-link {
  display: inline-block;
  width: max-content;
  line-height: 50px;
  padding: 0 20px;
  background-color: var(--button-color);
  color: var(--button-text);
}

.skip-link:focus {
  z-index: 9999;
  position: inherit;
  overflow: auto;
  width: auto;
  height: auto;
  clip: auto;
  background-color: var(--button-color);
  color: var(--button-text);
}

/* ---- Section captions ---- */
.section--caption h1,
.section--caption h2,
.section--caption h3,
.section--caption h4,
.section--caption p,
.section--caption .btn,
.section--caption span.subheading {
  margin-bottom: var(--section-caption-space);
}

.section--caption .rte > * {
  line-height: 1.4;
}

.section--caption:last-child,
.section--caption .rte p:last-child {
  margin-bottom: 0;
}

.section--caption .rte {
  margin-bottom: var(--section-caption-space);
  position: relative;
  z-index: 1;
}

.section--caption span.subheading {
  font-size: calc(var(--font-size) + 1px);
  color: var(--text-color);
  display: block;
}

.section--caption .btn {
  font-size: var(--font-size-reset);
}

/* ---- Breadcrumbs ---- */

#breadcrumb,
#breadcrumb a {
  font-size: 13px;
}

#breadcrumb {
  margin-top: 20px;
  margin-bottom:20px;
  text-align: center;
}



/* ---- Page titles ---- */

h1.page-title {
  margin-bottom: 40px;
  text-align: center;
}



/* ---- Global styled selects ---- */

.styled-select {
  border: 1px solid #ddd;
  border-radius: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 12px;
  font-size: var(--font-size);
  height: 48px;
  line-height: 46px;
  min-width: 165px;
  margin-bottom: 10px;
  background: var(--select-arrow-bg) no-repeat right #fff;
}

.styled-select::-ms-expand {
  display: none;
}

/* ----Scrollbar Styles---- */
.modal__container ::-webkit-scrollbar ,
.slideout ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.modal__container ::-webkit-scrollbar-button,
.slideout ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.modal__container ::-webkit-scrollbar-thumb ,
.slideout ::-webkit-scrollbar-thumb {
  background: var(--text-color);
  border: 0px none #ffffff;
  border-radius: 50px;
}
.modal__container ::-webkit-scrollbar-thumb:hover,
.slideout ::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.modal__container ::-webkit-scrollbar-thumb:active,
.slideout ::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.modal__container ::-webkit-scrollbar-track,
.slideout ::-webkit-scrollbar-track {
  background: var(--dotted-color);
  border: 0px none #ffffff;
  border-radius: 50px;
}
.modal__container ::-webkit-scrollbar-track:hover,
.slideout ::-webkit-scrollbar-track:hover {
  background: var(--dotted-color);
}
.modal__container ::-webkit-scrollbar-track:active,
.slideout ::-webkit-scrollbar-track:active {
  background: #333333;
}
.modal__container ::-webkit-scrollbar-corner,
.slideout ::-webkit-scrollbar-corner {
  background: transparent;
}

.drawer-sidebar {
  padding: 0.5rem 1rem 1rem 1rem;
}
.sidebar--drawer_content {
  margin-top: 10px;
  padding: 25px;
}


/* ---- Modal Styles ---- */
.modal__container {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 30;
  left: 50%;
  top: 50%;
  border: 0;
  transform: translate(-50%, -50%);
  webkit-transition: opacity 1.2s ease-in-out;
  transition: opacity 1.2s ease-in-out;
}
.modal__inner-wrapper {
  width: unset;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .modal__container {
    transition-property: display opacity;
    transition-duration: 0.2s;
    transition-behavior: allow-discrete;
    transition-timing-function: ease-in-out;
  }
  .modal__container:popover-open {
    display: block;
    opacity: 1;

    @starting-style {
      opacity: 0;
    }
  }
  .modal__container.\:popover-open {
    display: block;
    opacity: 1;
  }
}
.modal__container::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
.modal__inner-content-container {
  max-height: 560px;
  overflow-y: auto;
  padding-right: 5px;
  margin: 10px;
}
/* ----Modal Content/Box---- */
.modal__inner-wrapper {
  background-color: var(--background);
  padding: 20px;
  border: 1px solid #888;
  max-height: 800px;
  overflow-y: hidden;
  position: relative;
}
@media (max-width: 739px) {
  .modal__inner-wrapper {
    max-height: unset;
    overflow-y: unset;
  }
}
.modal__inner-wrapper .loading-wrapper {
  height: 100%;
}
@media (min-width: 980px) {
  .modal__inner-wrapper,
  .modal__container {
    width: 880px;
  }
}
@media (min-width: 740px) and (max-width: 979px) {
  .modal__inner-wrapper,
  .modal__container {
    width: 90%;
  }
}
@media (max-width: 739px) {
  .modal__inner-wrapper,
  .modal__container {
    width: 100%;
  }
  .modal__inner-wrapper {
    max-height: unset;
    padding: 50px 10px 20px 10px !important;
  }
}
.modal__container.modal--active {
  display: block;
  opacity: 1;
}

/* ---- PhotoSwipe ---- */
.pswp,.pswp__bg,.pswp__scroll-wrap{height:100%;width:100%}.pswp__container,.pswp__item,.pswp__zoom-wrap{right:0;bottom:0;top:0;left:0;position:absolute}.pswp__bg,.pswp__img--placeholder--blank{background:#fff}.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover,.pswp__button:focus,.pswp__button:hover{background-color:var(--direction-hover)}.pswp,.pswp__bg,.pswp__button,.pswp__container,.pswp__error-msg,.pswp__img,.pswp__item,.pswp__preloader,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute}.pswp,.pswp__bg,.pswp__container,.pswp__img--placeholder,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp--animate_opacity,.pswp__bg,.pswp__preloader{will-change:opacity}.pswp__link{display:block}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license---- */.pswp{display:none;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{left:0;top:0;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.pswp__scroll-wrap{left:0;top:0;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);transition:transform 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__bg{-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__item{overflow:hidden}.pswp__img{width:auto;height:auto;top:0;left:0}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:45px;height:45px;margin:0;padding:0;border:1px solid var(--direction-hover);border-radius:50%!important;opacity:1;background-color:var(--direction-background);overflow:visible;-webkit-appearance:none;-webkit-transition:opacity .2s;transition:opacity .2s}.pswp--zoom-allowed .pswp__button--zoom,.pswp__button.pswp__button--zoom,.pswp__element--disabled,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__button svg{pointer-events:none;height:12px}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp__ui.pswp__ui--hidden{transform:translateY(200%);transition:none}.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;transform:translateY(-50%)}.pswp__button--arrow--left{left:15%}.pswp__button--arrow--right{right:15%}.pswp__button.pswp__button--close{top:10px;right:10px}.pswp__preloader{width:44px;height:44px;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;direction:ltr}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active,.pswp__ui{opacity:1}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) no-repeat}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:.5s linear infinite clockwise;animation:.5s linear infinite clockwise}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate;animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;z-index:1550;animation:2.5s fadeIn}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__caption,.pswp__top-bar{background-color:#fff}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}

/* ---- Policy pages ----*/
​.shopify-policy__container{margin-top: 30px;margin-bottom: 50px;}

/* ----Unit Pricing Update---- */
.price {
  display: flex;
  flex-direction: column;
  align-items: left;
  margin-top: 0;
  margin-bottom: 0;
}

.price dl {
  margin: 0;
}
.price dd {
  margin: 0 0.5em 0 0;
}

.price--unavailable {
  visibility: hidden;
}

.price--compare-price-hidden .price__compare {
  display: none;
}

.price__pricing-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.price__regular {
  display: block;
}

.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price__availability {
  display: none;
  color: var(--text-color);
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.price--sold-out .price__availability {
  display: block;
}

.price__sale {
  display: none;
}

.price--on-sale .price__sale {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
}

.price__vendor {
  color: var(--text-color);
  font-size: 0.9em;
  text-transform: uppercase;
  margin: 5px 0 10px;
  width: 100%;
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
}

.price__vendor--listing {
  margin: 0 0 4px;
}

.price__unit {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  flex-basis: 100%;
  display: none;
}
.price--unit-available .price__unit {
  display: block;
}

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

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

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

.price-unit-price {
  color: var(--price-unit-price) !important;
  font-size: 0.8em;
  font-style: italic;
}

.price-item__label {
  display: inline-block;
  white-space: nowrap;
}

.price__badges {
  display: none;
  margin-top: 0;
}

.price__badge {
  display: none;
  align-self: center;
  text-align: center;
  font-size: 0.5em;
  line-height: 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid var(--text-color);
  border-radius: 2px;
  padding: 0.2rem 0.5rem;
}

.price__badge--sale {
  color: var(--sale-color);
  border-color: var(--sale-color);
}
.price--on-sale .price__badge--sale {
  display: flex;
}
.price--sold-out .price__badge--sale {
  display: none;
}
.price--on-sale .price__badges,
.price--sold-out .price__badges {
  display: flex;
}
.price__badge--sold-out {
  color: var(--text-color);
  border-color: var(--text-color);
}
.price--sold-out .price__badge--sold-out {
  display: flex;
}

.price__badges--listing {
  margin-top: 0.5rem;
}

.price__badges--listing .price__badge {
  font-size: 0.6em;
  padding: 0.25rem 0.55rem;
}

/* ---- Misc ---- */
.content-wrapper {
  background: var(--background);
}

/* ---- Section caption accents ---- */
@keyframes wipeIn {
  from {
    width: 0;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}

.highlight {
  position: relative;
  display: inline-block;
  overflow: visible;
  z-index: 1;
  color: var(--accent-text-color);
}

.highlight.accent--underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--accent-color);
  padding: 2px;
  width: 0;
  opacity: 0;
  border-radius: 12px;
  clip-path: ellipse(100% 100% at 50% 100%);
  transform: rotate(-2.5deg);
  z-index: -1;
}

.highlight.accent--highlight::after {
  content: "";
  position: absolute;
  left: -1px;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--accent-color);
  padding: 2px;
  width: 0;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  clip-path: ellipse(100% 100% at 50% 100%);
  transform: rotate(-2.5deg);
  z-index: -1;
}

.highlight svg {
  display: none;
}

.highlight.accent--circle svg.elipse {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 105%;
  overflow: visible;
  fill: var(--accent-color);
  z-index: -1;
}

.highlight.animated::after {
  animation: wipeIn 1s ease-out forwards;
}

* ---- Flickity ---- */
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;border:none;color:var(--direction-color);background-color:var(--direction-background);width:45px;height:45px;border:1px solid var(--direction-hover);border-radius:50%!important;margin:0;display:flex;align-items: center;justify-content:center;}.flickity-button:hover{cursor:pointer;background-color: var(--direction-hover);}.flickity-button:focus{outline:0;box-shadow:0 0 0 1px var(--keyboard-focus-color)}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-prev-next-button{top:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{height:12px;color:var(--direction-color);fill:var(--direction-color);}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 5px;border:1px solid #fff;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.flickity-slider {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}


































/* ✅ เนื้อหา Details / คำอธิบายสินค้า */
.product__description p {
  line-height: 1.8em;
  margin-bottom: 15px;
  color: #333;
  font-size: clamp(12px, 1.45vw, 13.5px);
}

.breadcrumb {
  background-color: #f9f9f9;
  padding: 12px 20px;
  border-radius: 8px;
  font-family: "HelveticaNowText Regular", "Inter", sans-serif;
  font-weight: 400;
  font-size: clamp(12px, 1.35vw, 13px);
  opacity: 0.7;
  color: #333;
  letter-spacing: 0.1px;
  line-height: 1.6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
  max-width: 1200px;
  margin: 0 auto 24px auto;
  box-sizing: border-box;
  margin-top: -12px;
}

.breadcrumb a {
  color: #444;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.2s ease;
  white-space: nowrap;
}

.breadcrumb a:hover {
  color: #000;
  text-decoration: underline;
}

.breadcrumb span.separator {
  margin: 0 8px;
  color: #bbb;
  font-weight: 400;
  white-space: nowrap;
}

.breadcrumb .separator::before {
  content: "\27A4";
}

@media (max-width: 768px) {
  .breadcrumb {
    display: none;
  }
}

/* ปรับขนาดคอนเทนต์หน้า policy */
.shopify-policy__container {
  margin: 0 auto;
  padding: 10px 20px;
  line-height: 1.85;
  font-size: clamp(14.5px, 1.55vw, 15.8px);
  font-family: 'IBM Plex Sans Thai', sans-serif;
  color: #1A1A1A;
}

.shopify-policy__container h1,
.shopify-policy__container h2 {
  font-size: clamp(22px, 2vw, 24px);
  font-weight: 600;
  margin-bottom: 28px;
  color: #111111;
}

.shopify-policy__container ol,
.shopify-policy__container ul {
  padding-left: 28px;
  margin-bottom: 24px;
}

.shopify-policy__container li {
  margin-bottom: 12px;
}

.shopify-policy__container a {
  color: #555;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.shopify-policy__container a:hover {
  color: #000;
}


.slideshow__slide:nth-child(1) h1,
.slideshow__slide:nth-child(1) .slideshow__heading {
  font-weight: 300 !important;
  letter-spacing: 0.1px;
}

.slideshow__slide:nth-child(1) .slideshow__subheading,
.slideshow__slide:nth-child(1) .slideshow__text-content p {
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.8);
}

.slideshow__slide:nth-child(1) .slideshow__button {
  font-weight: 600 !important;
  letter-spacing: 0.25px;
}




.product-image-container {

    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

@media screen and (max-width: 1200px) {
  .product-main-images {
    width: 100vw !important;         /* เต็มความกว้างของจอจริง ๆ */
    margin-left: calc(-50vw + 50%) !important; /* ดึงออกจาก padding/container ให้ตรงกลาง */
    max-width: 100vw !important;
    box-sizing: border-box;
  }
}

/*


.product-image-container {
  background: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
  border-radius: 16px;
  padding: 32px 32px 44px;
  box-shadow:
    inset 0 0.3px 0.8px rgba(0,0,0,0.015),
    0 12px 30px rgba(0,0,0,0.04); /* soft flat shadow เหมือนถ่ายบน table 
  position: relative;
  overflow: hidden;
}

.product-image-container::after {
  content: "";
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  width: 86%;
  height: 22px;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.045) 0%, transparent 85%);
  z-index: 0;
  opacity: 0.8;
}

.product-image-container:hover {
  transform: translateY(-1.5px);
  box-shadow:
    inset 0 0.5px 1px rgba(0, 0, 0, 0.02),
    0 12px 28px rgba(0, 0, 0, 0.06); เงานวลขึ้นเวลาชี้ 
}


*/



















.c-accordion__inner p,
.c-accordion__inner li,
.c-accordion__inner span {
 /* font-family: 'HelveticaNowText Regular', 'IBM Plex Sans Thai', 'IBM Plex Sans', sans-serif; */
  font-size: clamp(12.5px, 1.45vw, 14px);
  line-height: 1.75;
  letter-spacing: 0.2px;
  color: #1a1a1a;
  margin-bottom: 1.2em;
}

.c-accordion__inner strong {
  font-weight: 600;
  color: #000;
}

.c-accordion__inner em {
  font-style: italic;
  color: #5e5e5e;
}

.c-accordion__inner ul {
  padding-left: 1.25rem;
  list-style-type: disc;
}

.c-accordion__inner a {
  color: #111;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: all 0.2s ease;
}

.c-accordion__inner a:hover {
  color: #000;
}

.slideshow__btn-wrapper .btn {
  padding: 11px 26px;
  font-size: clamp(13px, 1.45vw, 15px);
  border-radius: 12px;

  letter-spacing: 0.4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  text-transform: uppercase;
  font-family: 'HelveticaNowText Regular', 'IBM Plex Sans Thai', sans-serif;*/
  backdrop-filter: blur(3px);
  transition: all 0.2s ease-in-out;
}

.slideshow__btn-wrapper .btn:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.slideshow__nav-item--active {
  background-color: #ffffffcc;
}

.slideshow__nav {
  bottom: 55px !important;
}

footer {
  padding: 80px 80px 60px;
  background-color: #fff;
}

footer a {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: clamp(10px, 1.2vw, 12px);
  font-weight: 500;
  color: #111;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

footer a:hover {
  opacity: 0.6;
}

footer p , footer a {
  font-size: clamp(10px, 1.2vw, 11px);
  line-height: 1.8;
  color: #222;
  max-width: 520px;
  margin: 0 auto 10px;
  font-weight: 300;
  text-align: center;
}

footer .h4 {
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #000;
}

footer small {
  display: block;
  margin-top: 60px;
  font-size: 9px;
  text-align: center;
  color: #999;
}


.slideshow__slide:nth-child(1)
p {
font-family: "HelveticaNeueLTPro-Cn", sans-serif !important;
  letter-spacing: 0.8px;
}


  .slideout.slideout__drawer-left {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    padding: -24px 24px;
    background-color: rgba(170, 170, 170, 0.25) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    z-index: 9999 !important;
    color: white !important;
    overflow-y: auto !important;
    flex-direction: column;
    justify-content: flex-start;
  }

  .slideout__drawer-left .menu-item,
  .slideout__drawer-left li,
  .slideout__drawer-left a {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.15em;
    font-size: clamp(11px, 1.4vw, 12px);
    padding: 20px 0;
    display: block;
    color: white !important;
    border-bottom: none !important;
    background: transparent !important;
      font-family: "HelveticaNeueLTPro-Cn", "Arial", "IBM Plex Sans Thai",
    sans-serif !important;
  }

  .slideout__drawer-left .menu-item:hover,
  .slideout__drawer-left a:hover {
    opacity: 0.7;
  }

  .slideout__drawer-left * {
    background: transparent !important;
    box-shadow: none !important;
  }



.background-fade {
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 20px;
}

.dropdown__menuitem:hover > .dropdown--nested.dropdown,
.dropdown__menuitem.dropdown__menuitem--active > .dropdown--nested.dropdown {
  background-color: rgba(170, 170, 170, 0.25) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: white !important;
  border-radius: 8px !important;
}


.prod-title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left !important;
  gap: 2px;

  overflow: hidden;
}

/* 🔲 ชื่อแบรนด์ – 1 บรรทัดเท่านั้น */
.prod-subtitle {
  display: block;
  font-family: "Optima-Medium", sans-serif !important;
  font-size: clamp(10px, 1vw, 15.5px);
  font-weight: 400;
  color: #000000 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1.2;
  text-align: left !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 🔲 ชื่อสินค้า – ได้ 2 บรรทัด */
.prod-title-main {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Optima-Medium", sans-serif !important;
  font-size: clamp(10px, 1vw, 15.5px);
  font-weight: 400;
  color: #000000 !important;
  letter-spacing: 0.5px;
  line-height: 1.2;
  text-align: left !important;
  overflow: hidden;
  min-height: calc(1.2em * 2);
}


.price--listing {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.price-item--regular {
  font-family: "HelveticaNeueLTPro-Cn", sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(11px, 0.9vw, 13px) !important;
  letter-spacing: 1.2px;
  color: #757575 !important;
  text-align: left !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.3;
  margin-top: 3px !important;
}


.price-item--sale
{

font-family: "HelveticaNeueLTPro-Cn", sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(11px, 0.9vw, 13px) !important;
  letter-spacing: 1.2px;
  
  text-align: left !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.3;
  margin-top: 3px !important;
  
}



.product__section-content .price-item--regular {

  letter-spacing: 0.25px !important;

}

.product__section-content .price-item--sale {

  letter-spacing: 0.25px !important;

}



/* ลบปุ่ม buy it now */
.shopify-payment-button__button,
.shopify-payment-button {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0 !important;
}



/*
.product__section-content .price-item--regular {
  font-weight: 300 !important;
  margin-top: 10px !important;
  margin-bottom: 6px !important;
  font-size: clamp(13px, 1.4vw, 14px) !important;
  letter-spacing: 0.25px !important;
}



.search__section .price-item--regular {
  font-family: "HelveticaNeueLTPro-Cn", sans-serif !important;
  font-weight: 300 !important;
  margin-top: 10px !important;
  margin-bottom: 6px !important;
  font-size: clamp(10px, 1vw, 12px) !important;
  letter-spacing: 1.8px !important;
  text-align: left !important;
  color: #757575 !important;
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
   align-items: flex-start !important;
}  */

.contact__form-section {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.contact__form-section .field__input,
.contact__form-section textarea {
  width: 100%;
  max-width: 100%;
  padding: 14px 16px;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: clamp(14px, 1.5vw, 15px);
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: #111;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.contact__form-section .field__label {
  display: block;
  margin-bottom: 6px;
  color: #444;
  text-transform: uppercase;
  font-size: clamp(12px, 1.35vw, 13px);
  letter-spacing: 0.5px;
}

.contact__form-section input[type="submit"],
.contact__form-section button {
  padding: 14px 24px;
  font-size: clamp(13px, 1.4vw, 14px);
  background-color: #111;
  color: #fff;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 10px;
}

.contact__form-section input[type="submit"]:hover,
.contact__form-section button:hover {
  background-color: #333;
}

.select,
.select-wrapper,
.product-form__input {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.js-variant-selector.styled-select {
  width: 100%;

  padding: 6px 12px;
  font-size: 13px;
  color: #111;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 6px;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='30,50 70,90 110,50' stroke='%23111' stroke-width='10' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
}

.js-variant-selector.styled-select {
  padding: 8px 14px;
  line-height: 1.2;
  height: 36px;
  display: flex;
  align-items: center;
}


.product-form__input {
  display: flex;
  flex-direction: column;
  justify-content: center;
}



.product-form__input--dropdown label {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #111;
  margin-bottom: 4px !important; /* ลดช่องว่างลง */
  line-height: 1.3;
}

.js-variant-selector.styled-select {
  padding: 10px 14px;
  font-size: 13px;
  height: 40px;
  line-height: 1.2;
  font-family: 'HelveticaNowText Regular', sans-serif;
}




/* ADD TO CART — Primary Button */
.AddtoCart.js-ajax-submit.secondary-button {
  background-color: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  border-radius: 4px !important;
  font-size: clamp(11px, 1.1vw, 12.5px) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  font-family: "Helvetica Now", "Neue Montreal", sans-serif !important;
  padding: 14px 18px !important;
  width: 100% !important;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

.AddtoCart.js-ajax-submit.secondary-button:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
  cursor: pointer;
}

/* PRIMARY BUTTON – ADD TO CART */
.AddtoCart.js-ajax-submit.secondary-button {
  background-color: #111 !important;
  color: #fff !important;
  border: none;
  border-radius: 6px;
  padding: 14px 24px;
  font-size: 14px;
  font-family: 'HelveticaNowText Regular', sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: background 0.35s ease, box-shadow 0.3s ease, transform 0.15s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0); /* smooth default */
}

/* HOVER — ฟีลแพง หรู ไม่ตะโกน */
.AddtoCart.js-ajax-submit.secondary-button:hover {
  background-color: #000 !important;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08); /* subtle luxury shadow */
  transform: translateY(-1px); /* ยกขึ้นเบา ๆ */
}

/* ACTIVE — ตอนคลิก กดแล้วรู้สึกมั่นใจ */
.AddtoCart.js-ajax-submit.secondary-button:active {
  background-color: #1a1a1a !important;
  transform: scale(0.98);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}


.swatches__container .swatch.disabled::after,
.swatches__container .swatch.disabled::before,
.swatches__container .swatch[disabled]::after,
.swatches__container .swatch[disabled]::before,
label.label-unavailable::before,
label.label-unavailable::after {
  display: none !important;
  content: none !important;
}


label.label-unavailable,
label.label-unavailable.visually-hidden {
  display: none !important;
  content: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(100%) !important;

}

.swatch.disabled svg,
.swatch.disabled span,
label.label-unavailable svg,
label.label-unavailable span {
  display: none !important;
}

/* ล้าง ❌ ที่อาจถูกใส่มาด้วย ::after หรือ icon span */
.swatch-element.soldout::after,
.swatch-element.soldout::before,
.swatch-element.soldout span,
.swatch-element.soldout svg,
.swatch-element.soldout .swatch__icon,
.swatch-element.soldout [class*="icon"] {
  display: none !important;
  content: none !important;
}

/* ป้องกันกรณี theme ใส่ ❌ ผ่าน label หรือ pseudo tag อื่น */
.swatch-element.soldout label::before,
.swatch-element.soldout label::after {

}

/* ลดความเด่นของปุ่มแบบ sold out ให้จางลง (แทน ❌) */
.swatch-element.soldout {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
  border-color: #eee !important;
  color: #aaa !important;
  text-decoration: line-through;

}






@media (max-width: 749px) {
  /* ย่อขนาด SVG ใน header section บนมือถือ */
  .header-section.js-header svg {
    width: 14px !important;
    height: 14px !important;
  }

  /* ย่อขนาดปุ่มล้อมรอบ (กรณีมี padding เยอะ) */
  .header-section.js-header a,
  .header-section.js-header button {
    padding: 4px 6px !important;
  }

  /* กรณีมี badge (จุดแดงของ cart) */
  .header-section.js-header .icon__badge {
    transform: scale(0.75);
    top: 3px;
    right: 2px;
  }

  /* ลดความสูงโลโก้ถ้าอยู่ใน header-section ด้วย */
  .header-section.js-header .site-header__logo img {
    max-height: 14px !important;
  }
}


@media (min-width: 750px) {

  
  /* ซ่อนไอคอนทั้งหมด */
  .shopping__cart-links svg,
  .icon__badge,
  .js-cart-count {
    display: none !important;
  }


@media (max-width: 1365px) {
  .slideout__trigger-search::before,
  .cart-links__link-account a::before,
  .cart-links__link-logout a::before,
  .cart-links__link-cart button::before
  {
     font-size: 9px !important;
    
  }
}

  

  /* SEARCH */
  .slideout__trigger-search::before {
    content: "SEARCH";
   /* font-family: 'HelveticaNowText Regular', 'IBM Plex Sans Thai', 'IBM Plex Sans', sans-serif;*/
    letter-spacing: 0.8;
    text-transform: uppercase;

  }
  .slideout__trigger-search {
    text-decoration: none !important;
  }
  .slideout__trigger-search:hover {
    text-decoration: none !important;
  }

  /* ACCOUNT */
  .cart-links__link-account a::before {
    content: "ACCOUNT";
 /* font-family: 'HelveticaNowText Regular', 'IBM Plex Sans Thai', 'IBM Plex Sans', sans-serif;*/
    font-size: 12px;
    letter-spacing: 0.8;
    text-transform: uppercase;

  }

  .cart-links__link-logout a::before {
    content : "LOGOUT";
  /*  font-family: 'HelveticaNowText Regular', 'IBM Plex Sans Thai', 'IBM Plex Sans', sans-serif; */
    font-size: 12px;
    letter-spacing: 0.8;
    text-transform: uppercase;

  }    

  /* BAG */
  .cart-links__link-cart button::before {
    content: "BAG";
  /* font-family: 'HelveticaNowText Regular', 'IBM Plex Sans Thai', 'IBM Plex Sans', sans-serif; */
    font-size: 12px;
    letter-spacing: 0.8;
    text-transform: uppercase;

  }

  /* เพิ่มช่องไฟระหว่างเมนู SEARCH / ACCOUNT / BAG ให้ห่างเท่าเมนูหลัก */
  .shopping__cart-links li + li {
    margin-left: 24px; /* ปรับจาก 18 → 24px เพื่อให้บาลานซ์กับเมนูซ้าย */
  }
}  


.zoom_btn {

  display: none !important;
}


@media screen and (min-width: 768px) {
  /* ลดระยะห่างด้านล่างของกล่อง size */
  .product-form__input--dropdown {
    margin-bottom: 8px !important;
  }

  /* ขนาดของ select dropdown */
  .product-form__input--dropdown select {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff;
  }

  /* ปุ่ม Add to Cart */
  .product__form-buttons button {
    width: 100%;
    padding: 14px 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
  }
}

.product-form__input--dropdown select {
  appearance: none; /* ลบลูกศรดั้งเดิม */
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  padding: 12px 16px;
  font-size: 13px;
  font-weight: 400;
  font-family: "HelveticaNowText Regular", "IBM Plex Sans Thai", sans-serif;

  color: #111;
  background-color: #c6c6c6;
  border: 1px solid #e0e0e0;
  border-radius: 4px;

  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 12px;

  transition: border-color 0.2s ease;
}

.product-form__input--dropdown select:hover,
.product-form__input--dropdown select:focus {
  border-color: #999;
  outline: none;
}

select.styled-select option:disabled {
  color: #000 !important;
  opacity: 0.6;
}

select.styled-select option:disabled {
  color: #bbb !important;
  opacity: 0.2;
}

#viewer-count {
  align-self: flex-start !important;
}

/* ให้ body มี padding กันโดนบัง */

.add.AddtoCart.disabled {
  background-color: #b3b3b3 !important;
  color: #fff !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 1 !important;
  border: none !important; /* << ลบขอบดำตรงนี้ */
  box-shadow: none !important; /* กันพวกธีมแอบใส่เงา */
  transition: all 0.3s ease;
  font-weight: 500;
  letter-spacing: 0.1em;
}





/* ปรับข้อความ Only X left ให้ดูเบา พรีเมียม */
option:contains("Only") {
  font-style: italic;
  color: #666666; /* สีเทาหรู ไม่เด่นเกิน */
  letter-spacing: 0.3px;
}

/* สำหรับบาง browser ที่ไม่รองรับ :contains() */
option.low-stock {
  font-style: italic;
  color: #666666;
  letter-spacing: 0.3px;
}