/* global wrapper - shop home and default text size*/

.woocommerce-page .site-content {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

@media (min-width: 600px) {
    .woocommerce-page .site-content {
      max-width: 600px;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
    }
  }

@media (min-width: 728px) {
    .woocommerce-page .site-content {
      max-width: 728px;
    }
  }

@media (min-width: 984px) {
    .woocommerce-page .site-content {
      max-width: 984px;
      padding-right: 0rem;
      padding-left: 0rem;
    }
  }

@media (min-width: 1240px) {
    .woocommerce-page .site-content {
      max-width: 1240px;
    }
  }

.woocommerce-page .site-content {
    margin-left: auto;
    margin-right: auto;
  }

.woocommerce-page .site-content {
    width: 100%;
  }

.woocommerce-page .site-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

@media (min-width: 640px) {
    .woocommerce-page .site-content {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  }

@media (min-width: 768px) {
    .woocommerce-page .site-content {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }

@media (min-width: 1024px) {
    .woocommerce-page .site-content {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
  }

@media (min-width: 1280px) {
    .woocommerce-page .site-content {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
    }
  }

@media (min-width: 1024px) {
  .woocommerce-cart .site-content {
    max-width: 72rem;
  }
}

@media (min-width: 1280px) {
  .woocommerce-cart .site-content {
    max-width: 80rem;
  }
}

/* button styling */

.woocommerce-page .button, .woocommerce-page .submit, .woocommerce-page .reset_variations {
  display: inline-block;
  max-height: 3rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.woocommerce-page .button:hover, .woocommerce-page .submit:hover, .woocommerce-page .reset_variations:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.dark .woocommerce-page .button, .dark .woocommerce-page .submit, .dark .woocommerce-page .reset_variations {
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(33, 33, 33, var(--tw-text-opacity));
}

.dark .woocommerce-page .button:hover, .dark .woocommerce-page .submit:hover, .dark .woocommerce-page .reset_variations:hover {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.woocommerce-cart .button {
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
  }

/* products grid and card */

.woocommerce-page ul.products:not(.related > ul) {
    display: grid;
  }

.woocommerce-page ul.products:not(.related > ul) {
    width: 100%;
  }

.woocommerce-page ul.products:not(.related > ul) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

.woocommerce-page ul.products:not(.related > ul) {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

.woocommerce-page ul.products:not(.related > ul) {
    row-gap: 2.5rem;
  }

.woocommerce-page ul.products:not(.related > ul) {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

@media (min-width: 640px) {
    .woocommerce-page ul.products:not(.related > ul) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

@media (min-width: 768px) {
    .woocommerce-page ul.products:not(.related > ul) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

@media (min-width: 768px) {
    .woocommerce-page ul.products:not(.related > ul) {
      row-gap: 3rem;
    }
  }

@media (min-width: 1280px) {
    .woocommerce-page ul.products:not(.related > ul) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

.woocommerce-page ul.products li.product {
      position: relative;
    }

.woocommerce-page ul.products li.product {
      display: flex;
    }

.woocommerce-page ul.products li.product {
      flex-direction: column;
    }

.woocommerce-page ul.products li.product {
      align-items: center;
    }

.woocommerce-page ul.products li.product .woocommerce-loop-product__link {
        display: flex;
      }

.woocommerce-page ul.products li.product .woocommerce-loop-product__link {
        width: 100%;
      }

.woocommerce-page ul.products li.product .woocommerce-loop-product__link {
        flex-direction: column;
      }

.woocommerce-page ul.products li.product .woocommerce-loop-product__link {
        align-items: center;
      }

.woocommerce-page ul.products li.product picture {
        width: 100%;
      }

.woocommerce-page ul.products li.product picture img {
          margin-bottom: 1.25rem;
        }

.woocommerce-page ul.products li.product picture img {
          height: auto;
        }

.woocommerce-page ul.products li.product picture img {
          width: 100%;
        }

.woocommerce-page ul.products li.product picture img {
          -o-object-fit: cover;
             object-fit: cover;
        }

.woocommerce-page ul.products li.product picture img {
          aspect-ratio: 1/1;
        }

.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        text-align: center;
      }

.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        font-family: 'Karla', sans-serif;
      }

.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        font-size: 1rem;
        line-height: 1.5rem;
      }

.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
        font-weight: 400;
      }

.woocommerce-page ul.products li.product .dark .woocommerce-loop-product__title {
        --tw-text-opacity: 1 !important;
        color: rgba(239, 68, 68, var(--tw-text-opacity)) !important;
      }

@media (min-width: 1024px) {
        .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
          font-size: 1.125rem;
          line-height: 1.75rem;
        }
      }

.woocommerce-page ul.products li.product .price {
        display: flex;
      }

.woocommerce-page ul.products li.product .price {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }

.woocommerce-page ul.products li.product .price {
        font-weight: 700;
      }

@media (min-width: 1024px) {
        .woocommerce-page ul.products li.product .price {
          font-size: 1.5rem;
          line-height: 2rem;
        }
      }

.woocommerce-page ul.products li.product .price bdi {
          display: flex;
        }

.woocommerce-page ul.products li.product .price ins {
          text-decoration: none;
        }

.woocommerce-page ul.products li.product .price small {
          margin-top: auto;
        }

.woocommerce-page ul.products li.product .price small {
          margin-bottom: 0.125rem;
        }

.woocommerce-page ul.products li.product .price small {
          padding-left: 0.25rem;
        }

.woocommerce-page ul.products li.product .price small {
          font-size: 0.75rem;
          line-height: 1rem;
        }

.woocommerce-page ul.products li.product .price small {
          font-weight: 300;
        }

.woocommerce-page ul.products li.product .price small {
          font-style: italic;
        }

@media (min-width: 1024px) {
          .woocommerce-page ul.products li.product .price small {
            margin-bottom: 0.25rem;
          }
        }

@media (min-width: 1024px) {
          .woocommerce-page ul.products li.product .price small {
            padding-left: 0.5rem;
          }
        }

@media (min-width: 1024px) {
          .woocommerce-page ul.products li.product .price small {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }
        }

.woocommerce-page ul.products li.product .price del {
          padding-right: 0.25rem;
        }

@media (min-width: 1024px) {
          .woocommerce-page ul.products li.product .price del {
            padding-right: 0.75rem;
          }
        }

.woocommerce-page ul.products li.product .button {
        margin-top: 1rem;
      }

@media (min-width: 1024px) {
        .woocommerce-page ul.products li.product .button {
          margin-top: 1.75rem;
        }
      }

.woocommerce-page ul.products li.product .added_to_cart {
        font-family: 'Karla', sans-serif;
      }

.woocommerce-page ul.products li.product .added_to_cart {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }

.woocommerce-page ul.products li.product .added_to_cart {
        font-weight: 400;
      }

.woocommerce-page ul.products li.product .added_to_cart {
        --tw-text-opacity: 1;
        color: rgba(14, 165, 233, var(--tw-text-opacity));
      }

.woocommerce-page ul.products li.product .onsale {
        position: absolute;
      }

.woocommerce-page ul.products li.product .onsale {
        top: 0px;
      }

.woocommerce-page ul.products li.product .onsale {
        right: 0px;
      }

.woocommerce-page ul.products li.product .onsale {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
      }

.woocommerce-page ul.products li.product .onsale {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
      }

.woocommerce-page ul.products li.product .onsale {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }

.woocommerce-page ul.products li.product .onsale {
        font-weight: 700;
      }

.woocommerce-page ul.products li.product .onsale {
        --tw-text-opacity: 1;
        color: rgba(14, 165, 233, var(--tw-text-opacity));
      }

/* global breadcrumb */

.woocommerce-breadcrumb {
  padding-bottom: 0.5rem;
}

@media (min-width: 640px) {
  .woocommerce-breadcrumb {
    padding-bottom: 1rem;
  }
}

@media (min-width: 1024px) {
  .woocommerce-breadcrumb {
    padding-bottom: 1.5rem;
  }
}

/* woocommerce pagination */

.woocommerce-pagination {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  min-width: 100%;
  max-width: 32rem;
  justify-content: flex-end;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-bottom: 2.5rem;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  .woocommerce-pagination {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .woocommerce-pagination {
    padding-bottom: 6rem;
  }

  .woocommerce-pagination {
    padding-top: 2.5rem;
  }
}

.woocommerce-pagination ul {
    display: flex;
  }

.woocommerce-pagination ul {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

.woocommerce-pagination ul {
    font-weight: 700;
  }

.woocommerce-pagination ul li a, .woocommerce-pagination ul span {
      margin-left: 0.25rem;
      margin-right: 0.25rem;
    }

.woocommerce-pagination ul li a, .woocommerce-pagination ul span {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 196, 196, var(--tw-bg-opacity));
    }

.woocommerce-pagination ul li a, .woocommerce-pagination ul span {
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
    }

.woocommerce-pagination ul li a, .woocommerce-pagination ul span {
      padding-left: 13px;
      padding-right: 13px;
    }

.woocommerce-pagination ul li a:last-child, .woocommerce-pagination ul span:last-child {
        margin-left: 0.5rem;
      }

.woocommerce-pagination ul li a:last-child, .woocommerce-pagination ul span:last-child {
        margin-right: 0px;
      }

.woocommerce-pagination ul li a {
      transition-property: background-color, border-color, color, fill, stroke;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.woocommerce-pagination ul li span {
      --tw-bg-opacity: 1;
      background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
    }

.woocommerce-pagination ul li span {
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

.woocommerce-pagination ul li:not(.active) a:hover {
      border-width: 1px;
    }

.woocommerce-pagination ul li:not(.active) a:hover {
      --tw-border-opacity: 1;
      border-color: rgba(14, 165, 233, var(--tw-border-opacity));
    }

.woocommerce-pagination ul li:not(.active) a:hover {
      padding-top: 5px;
      padding-bottom: 5px;
    }

.woocommerce-pagination ul li:not(.active) a:hover {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }

.woocommerce-pagination ul li:not(.active) a:hover {
      --tw-text-opacity: 1;
      color: rgba(14, 165, 233, var(--tw-text-opacity));
    }

/* woocommerce info */

.woocommerce-notices-wrapper, .woocommerce-NoticeGroup, .form-notice {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .woocommerce-notices-wrapper, .woocommerce-NoticeGroup, .form-notice {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    margin: 0px;
  }

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    display: flex;
  }

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    flex-direction: column;
  }

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    justify-content: space-between;
  }

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    border-radius: 1rem;
  }

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    --tw-bg-opacity: 1;
    background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
  }

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
    padding: 0.75rem;
  }

@media (min-width: 768px) {
    .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
      flex-direction: row;
    }
  }

@media (min-width: 768px) {
    .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
      align-items: center;
    }
  }

@media (min-width: 768px) {
    .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-message, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-message, .form-notice .woocommerce-error {
      padding: 1.5rem;
    }
  }

.woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-notices-wrapper .woocommerce-error .button, .woocommerce-NoticeGroup .woocommerce-message .button, .woocommerce-NoticeGroup .woocommerce-error .button, .form-notice .woocommerce-message .button, .form-notice .woocommerce-error .button {
      order: 9999;
    }

.woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-notices-wrapper .woocommerce-error .button, .woocommerce-NoticeGroup .woocommerce-message .button, .woocommerce-NoticeGroup .woocommerce-error .button, .form-notice .woocommerce-message .button, .form-notice .woocommerce-error .button {
      margin-top: 1rem;
    }

@media (min-width: 768px) {
      .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-notices-wrapper .woocommerce-error .button, .woocommerce-NoticeGroup .woocommerce-message .button, .woocommerce-NoticeGroup .woocommerce-error .button, .form-notice .woocommerce-message .button, .form-notice .woocommerce-error .button {
        margin-left: 1.5rem;
      }
    }

@media (min-width: 768px) {
      .woocommerce-notices-wrapper .woocommerce-message .button, .woocommerce-notices-wrapper .woocommerce-error .button, .woocommerce-NoticeGroup .woocommerce-message .button, .woocommerce-NoticeGroup .woocommerce-error .button, .form-notice .woocommerce-message .button, .form-notice .woocommerce-error .button {
        margin-top: 0px;
      }
    }

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-error {
    display: flex;
  }

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-error {
    flex-direction: column;
  }

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-error {
    align-items: flex-start;
  }

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-error {
    border-width: 2px;
  }

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-error {
    --tw-border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--tw-border-opacity));
  }

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-error {
    background-color: transparent;
  }

.woocommerce-notices-wrapper .woocommerce-error, .woocommerce-NoticeGroup .woocommerce-error, .form-notice .woocommerce-error {
    --tw-text-opacity: 1;
    color: rgba(239, 68, 68, var(--tw-text-opacity));
  }

.woocommerce-info {
  margin: 0px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
  padding: 0.75rem;
}

@media (min-width: 768px) {
  .woocommerce-info {
    padding: 1.5rem;
  }
}

:root {
  --input-color: #00000040;
  --input-color-focus: #00000080;
}

/* global for all inputs */

.woocommerce-page input:not([type="checkbox"]):not(#submit):not([type="radio"]), textarea, .select2-selection {
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgba(33, 33, 33, var(--tw-text-opacity));
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

@media (min-width: 768px) {
  .woocommerce-page input:not([type="checkbox"]):not(#submit):not([type="radio"]), textarea, .select2-selection {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

/* inputs */

.woocommerce-page
  input:not([type="checkbox"]):not([type="radio"]):not(#submit) {
  height: 2rem;
  padding: 0.75rem;
}

@media (min-width: 768px) {
  .woocommerce-page
  input:not([type="checkbox"]):not([type="radio"]):not(#submit) {
    height: 40px;
  }
}

@media (min-width: 1440px) {
  .woocommerce-page
  input:not([type="checkbox"]):not([type="radio"]):not(#submit) {
    max-height: 50px;
  }
}

.woocommerce-page input:not([type="checkbox"]):not([type="radio"]):not(#submit),
textarea {
  border: 1px solid var(--input-color);
}

/* textarea */

.woocommerce-page textarea {
  min-height: 96px;
  width: 100%;
  padding: 0.75rem;
}

@media (min-width: 768px) {
  .woocommerce-page textarea {
    min-height: 120px;
  }
}

@media (min-width: 1440px) {
  .woocommerce-page textarea {
    min-height: 144px;
  }
}

/* focus for inputs */

.woocommerce-page
  input:not([type="checkbox"]):not([type="radio"]):not([type="number"]):not(#submit):focus,
textarea:focus {
  border: 2px solid var(--input-color-focus) !important;
  padding: 11px;
}

.woocommerce-page input[type="number"] {
  max-width: 60px !important;
  padding-top: 23px !important;
  padding-bottom: 23px !important;
  padding-right: 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  .woocommerce-page input[type="number"] {
    max-width: 64px !important;
  }
}

@media (min-width: 1024px) {
  .woocommerce-page input[type="number"] {
    padding-right: 0.25rem !important;
  }
}

.woocommerce-page input[type="number"]:focus {
    border: 2px solid var(--input-color-focus) !important;
  }

.woocommerce-page input[type="number"]:focus {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

.woocommerce-page input[type="number"]:focus {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

@media (min-width: 1024px) {
    .woocommerce-page input[type="number"]:focus {
      padding-right: 3px !important;
    }
  }

/* select arrow */

.woocommerce-page select,
.select2-dropdown {
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%2300000080'><polygon points='0,0 100,0 50,50'/></svg>")
    no-repeat;
  background-size: 10px;
  background-position: calc(100% - 10px) 55%;
  background-repeat: no-repeat;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.woocommerce-page select, .select2-selection, .select2-dropdown {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  padding-right: 1.5rem !important;
  --tw-text-opacity: 1;
  color: rgba(33, 33, 33, var(--tw-text-opacity));
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  border: 1px solid var(--input-color);
}

.woocommerce-page
  .select2-container--default
  .select2-results__option--highlighted[data-selected] {
  --tw-bg-opacity: 1;
  background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
}

.woocommerce-page .select2-search__field {
  height: 2rem !important;
  width: calc(100% - 4px) !important;
}

/* custom radio input */

.woocommerce-page input[type="radio"] {
  width: auto;
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
  height: 20px;
  width: 20px;
  padding: 4px !important;
  vertical-align: -5px;
  cursor: pointer;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid var(--input-color);
  border-width: 1px;
  border-style: solid
}

.dark .woocommerce-page input[type="radio"] {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}

.woocommerce-page input[type="radio"] {
  border-radius: 50%;
  background-color: transparent;
}

.dark .woocommerce-page input[type="radio"]:checked {
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

.dark .woocommerce-page input[type="radio"]:checked {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.woocommerce-page input[type="radio"]:checked {
    border-color: var(--input-color-focus);
    background-color: var(--input-color-focus);
  }

.woocommerce-page input[type="radio"]:focus {
    box-shadow: none !important;
  }

@media (max-width: 1024px) {

.woocommerce-page input[type="radio"] {
    height: 15px;

    width: 15px;

    padding: 2px !important;

    vertical-align: -3px
}
  }

.woocommerce-page input[type="radio"].dark-mode {
    border-color: white !important;
  }

/* select at top of the shop home */

.woocommerce-ordering select.orderby {
    position: relative;
  }

.woocommerce-ordering select.orderby {
    z-index: 50;
  }

.woocommerce-ordering select.orderby {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

.woocommerce-ordering select.orderby {
    display: flex;
  }

.woocommerce-ordering select.orderby {
    height: 2rem;
  }

.woocommerce-ordering select.orderby {
    align-items: center;
  }

.woocommerce-ordering select.orderby {
    justify-content: flex-start;
  }

.woocommerce-ordering select.orderby {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

@media (min-width: 768px) {
    .woocommerce-ordering select.orderby {
      height: 2.5rem;
    }
  }

@media (min-width: 1440px) {
    .woocommerce-ordering select.orderby {
      height: 3rem;
    }
  }

.woocommerce-ordering select.orderby:focus {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

.woocommerce-ordering select.orderby:focus {
    border-color: 2px solid var(--input-color-focus) !important;
  }

/* selects on checkout page */

.woocommerce-page .select2-selection, .woocommerce-page .select2-dropdown {
  max-width: 640px;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

@media (min-width: 768px) {
  .woocommerce-page .select2-selection, .woocommerce-page .select2-dropdown {
    min-width: 300px;
  }
}

.woocommerce-page .select2-selection,
.woocommerce-page .select2-dropdown {
  border: 1px solid var(--input-color);
}

.woocommerce-page .select2-search--dropdown {
  margin-top: 0.25rem;
  padding-bottom: 1rem;
}

.woocommerce-page
  .select2-container--default
  .select2-results__option--highlighted[data-selected] {
  --tw-bg-opacity: 1;
  background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
}

.woocommerce-page .select2-search__field {
  height: 2rem !important;
  width: calc(100% - 4px) !important;
}

.woocommerce-page .selection {
  padding-bottom: 1rem;
}

.woocommerce-page .selection .select2-selection {
    position: relative;
  }

.woocommerce-page .selection .select2-selection {
    display: flex;
  }

.woocommerce-page .selection .select2-selection {
    height: 2rem;
  }

.woocommerce-page .selection .select2-selection {
    align-items: center;
  }

.woocommerce-page .selection .select2-selection {
    justify-content: flex-start;
  }

.woocommerce-page .selection .select2-selection {
    border-radius: 0px;
  }

.woocommerce-page .selection .select2-selection {
    padding: 0.75rem;
  }

@media (min-width: 768px) {
    .woocommerce-page .selection .select2-selection {
      height: 2.5rem;
    }
  }

@media (min-width: 1440px) {
    .woocommerce-page .selection .select2-selection {
      height: 2.5rem;
    }
  }

.woocommerce-page .selection .select2-selection__rendered {
      --tw-text-opacity: 1 !important;
      color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
    }

.woocommerce-page .selection .select2-selection {
    outline: 1px solid var(--input-color);
}

.woocommerce-page .selection .select2-selection__arrow {
    position: absolute;
  }

.woocommerce-page .selection .select2-selection__arrow {
    top: 50%;
  }

.woocommerce-page .selection .select2-selection__arrow {
    --tw-translate-y: -50%;
    transform: var(--tw-transform);
  }

.woocommerce-page .page-title {
    font-size: clamp(1.875rem, 1.45rem + 2.125vw, 4rem);
    line-height: 1.1;
  }

.woocommerce-page .woocommerce-result-count {
    padding-top: 1rem;
  }

.woocommerce-page .woocommerce-result-count {
    padding-bottom: 0px !important;
  }

/*additional spacing when cart is empty*/

.woocommerce-cart article {
    min-height: 64vh;
  }

@media (min-width: 1280px) {
    .woocommerce-cart article {
      min-height: 74vh;
    }
  }

/* Cart products table + Coupon section and update cart button */

.woocommerce-cart .woocommerce-cart-form {
    display: block;
  }

.woocommerce-cart .woocommerce-cart-form .shop_table {
      display: block;
    }

.woocommerce-cart .woocommerce-cart-form .shop_table {
      width: 100%;
    }

/* Table Header container */

.woocommerce-cart .woocommerce-cart-form .shop_table thead {
        margin-bottom: 1rem;
      }

.woocommerce-cart .woocommerce-cart-form .shop_table thead {
        display: none;
      }

.woocommerce-cart .woocommerce-cart-form .shop_table thead {
        border-bottom-width: 1px;
      }

.woocommerce-cart .woocommerce-cart-form .shop_table thead {
        --tw-border-opacity: 1;
        border-color: rgba(196, 196, 196, var(--tw-border-opacity));
      }

@media (min-width: 1024px) {
        .woocommerce-cart .woocommerce-cart-form .shop_table thead {
          display: block;
        }
      }

/* Table headers arranged on a grid */

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr {
          width: 100%;
        }

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr {
          grid-template-columns: repeat(12, minmax(0, 1fr));
        }

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr {
          justify-content: space-between;
        }

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
        }

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr {
          text-transform: uppercase;
        }

@media (min-width: 1024px) {
          .woocommerce-cart .woocommerce-cart-form .shop_table thead tr {
            display: grid;
          }
        }

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr th {
            grid-column: span 2 / span 2;
          }

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr th {
            text-align: center;
          }

/* Close */

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr th:first-child {
            order: 1;
          }

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr th:first-child {
            grid-column: span 1 / span 1;
          }

/* Product */

.woocommerce-cart .woocommerce-cart-form .shop_table thead tr th:nth-child(2) {
            grid-column: span 3 / span 3;
          }

/* Products table */

.woocommerce-cart tbody {
    display: block;
  }

/* Table row - product */

.woocommerce-cart tbody .cart_item {
      display: grid;
    }

.woocommerce-cart tbody .cart_item {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

.woocommerce-cart tbody .cart_item {
      border-bottom-width: 1px;
    }

.woocommerce-cart tbody .cart_item {
      --tw-border-opacity: 1;
      border-color: rgba(196, 196, 196, var(--tw-border-opacity));
    }

.woocommerce-cart tbody .cart_item {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

@media (min-width: 1024px) {
      .woocommerce-cart tbody .cart_item {
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
    }

.woocommerce-cart tbody .cart_item .product-thumbnail {
        grid-column: span 3 / span 3;
      }

.woocommerce-cart tbody .cart_item .product-thumbnail {
        display: flex;
      }

.woocommerce-cart tbody .cart_item .product-thumbnail {
        padding-bottom: 1rem;
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-thumbnail {
          padding-bottom: 0px;
        }
      }

.woocommerce-cart tbody .cart_item .product-thumbnail img {
          margin-bottom: 1rem;
        }

.woocommerce-cart tbody .cart_item .product-thumbnail img {
          max-height: 180px;
        }

.woocommerce-cart tbody .cart_item .product-thumbnail img {
          width: 100%;
        }

.woocommerce-cart tbody .cart_item .product-thumbnail img {
          -o-object-fit: cover;
             object-fit: cover;
        }

@media (min-width: 1024px) {
          .woocommerce-cart tbody .cart_item .product-thumbnail img {
            margin: 0px;
          }
        }

.woocommerce-cart tbody .cart_item .product-thumbnail img {
          aspect-ratio: 2/1.5;
        }

/* Overall style for every cell in the table*/

.woocommerce-cart tbody .cart_item .product-name, .woocommerce-cart tbody .cart_item .product-price, .woocommerce-cart tbody .cart_item .product-quantity, .woocommerce-cart tbody .cart_item .product-subtotal, .woocommerce-cart tbody .cart_item .product-remove {
        display: flex;
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-name, .woocommerce-cart tbody .cart_item .product-price, .woocommerce-cart tbody .cart_item .product-quantity, .woocommerce-cart tbody .cart_item .product-subtotal, .woocommerce-cart tbody .cart_item .product-remove {
          align-items: center;
        }
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-name, .woocommerce-cart tbody .cart_item .product-price, .woocommerce-cart tbody .cart_item .product-quantity, .woocommerce-cart tbody .cart_item .product-subtotal, .woocommerce-cart tbody .cart_item .product-remove {
          justify-content: center;
        }
      }

/* Single cells */

.woocommerce-cart tbody .cart_item .product-name {
        grid-column: span 6 / span 6;
      }

.woocommerce-cart tbody .cart_item .product-name {
        flex-direction: column;
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-name {
          grid-column: span 2 / span 2;
        }
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-name {
          text-align: center;
        }
      }

.woocommerce-cart tbody .cart_item .product-price {
        grid-column: span 6 / span 6;
      }

.woocommerce-cart tbody .cart_item .product-price {
        padding-bottom: 1rem;
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-price {
          grid-column: span 2 / span 2;
        }
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-price {
          padding-bottom: 0px;
        }
      }

.woocommerce-cart tbody .cart_item .product-quantity {
        grid-column: span 2 / span 2;
      }

.woocommerce-cart tbody .cart_item .product-subtotal {
        grid-column: span 3 / span 3;
      }

@media (min-width: 1024px) {
        .woocommerce-cart tbody .cart_item .product-subtotal {
          grid-column: span 2 / span 2;
        }
      }

.woocommerce-cart tbody .cart_item .product-subtotal small {
          padding-left: 0.25rem;
        }

@media (min-width: 1024px) {
          .woocommerce-cart tbody .cart_item .product-subtotal small {
            padding-left: 6px;
          }
        }

.woocommerce-cart tbody .cart_item .product-remove {
        order: 1;
      }

.woocommerce-cart tbody .cart_item .product-remove {
        grid-column: span 1 / span 1;
      }

.woocommerce-cart tbody .cart_item .product-remove {
        --tw-text-opacity: 1;
        color: rgba(239, 68, 68, var(--tw-text-opacity));
      }

/* Coupon section and update cart button */

.woocommerce-cart tbody .actions {
      display: flex;
    }

.woocommerce-cart tbody .actions {
      flex-direction: column;
    }

.woocommerce-cart tbody .actions {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }

.woocommerce-cart tbody .actions .coupon {
        flex-direction: column;
      }

.woocommerce-cart tbody .actions .coupon {
        padding-bottom: 0.75rem;
      }

@media (min-width: 768px) {
        .woocommerce-cart tbody .actions .coupon {
          display: flex;
        }
      }

.woocommerce-cart tbody .actions .coupon .button-wrap {
          display: flex;
        }

.woocommerce-cart tbody .actions .coupon .button-wrap {
          flex-direction: column;
        }

.woocommerce-cart tbody .actions .coupon .button-wrap {
          gap: 1rem;
        }

@media (min-width: 640px) {
          .woocommerce-cart tbody .actions .coupon .button-wrap {
            flex-direction: row;
          }
        }

.woocommerce-cart tbody .actions .coupon input {
          margin-bottom: 0.75rem;
        }

/* Coupon code input (same height as button) */

.woocommerce-cart .coupon > input {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

.woocommerce-cart .coupon > input:focus {
      border: 2px solid #00000040 !important;
    }

.woocommerce-cart .coupon > input:focus {
      padding-left: 11px !important;
      padding-right: 11px !important;
    }

.woocommerce-cart .coupon > input:focus {
      padding-top: 21px !important;
      padding-bottom: 21px !important;
    }

/* Cart totals - summary */

.cart-collaterals {
  display: flex;
  justify-content: flex-end;
}

/* Summary container */

.cart-collaterals .cart_totals {
    display: flex;
  }

.cart-collaterals .cart_totals {
    width: 100%;
  }

.cart-collaterals .cart_totals {
    flex-direction: column;
  }

.cart-collaterals .cart_totals {
    align-items: flex-start;
  }

.cart-collaterals .cart_totals {
    border-top-width: 1px;
  }

.cart-collaterals .cart_totals {
    --tw-border-opacity: 1;
    border-top-color: rgba(196, 196, 196, var(--tw-border-opacity));
  }

.cart-collaterals .cart_totals {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

@media (min-width: 768px) {
    .cart-collaterals .cart_totals {
      width: 50%;
    }
  }

@media (min-width: 768px) {
    .cart-collaterals .cart_totals {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  }

/* Table with prices (Subtotal and total) */

.cart-collaterals .cart_totals .shop_table {
      display: flex;
    }

.cart-collaterals .cart_totals .shop_table {
      width: 100%;
    }

.cart-collaterals .cart_totals .shop_table {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }

@media (min-width: 768px) {
      .cart-collaterals .cart_totals .shop_table {
        justify-content: flex-end;
      }
    }

.cart-collaterals .cart_totals .shop_table tbody small {
          padding-left: 0.125rem;
        }

@media (min-width: 1024px) {
          .cart-collaterals .cart_totals .shop_table tbody small {
            padding-left: 0.25rem;
          }
        }

.cart-collaterals .cart_totals .shop_table tbody tr {
          display: flex;
        }

.cart-collaterals .cart_totals .shop_table tbody tr {
          justify-content: space-between;
        }

.cart-collaterals .cart_totals .shop_table tbody tr {
          padding-bottom: 0.75rem;
        }

.cart-collaterals .cart_totals .shop_table tbody tr th {
            padding-right: 0.75rem;
          }

@media (min-width: 768px) {
            .cart-collaterals .cart_totals .shop_table tbody tr th {
              padding-right: 1.25rem;
            }
          }

/* Total: */

.cart-collaterals .cart_totals .shop_table tbody tr:last-child {
            padding-bottom: 0px;
          }

/* Summary header*/

.cart-collaterals .cart_totals h2 {
      font-family: 'Karla', sans-serif;
    }

.cart-collaterals .cart_totals h2 {
      font-size: 1.5rem;
      line-height: 2rem;
    }

/* Summary Button */

.cart-collaterals .cart_totals .wc-proceed-to-checkout {
      display: flex;
    }

.cart-collaterals .cart_totals .wc-proceed-to-checkout {
      width: 100%;
    }

.cart-collaterals .cart_totals .wc-proceed-to-checkout {
      justify-content: flex-end;
    }

.single-product .product {
    /* product grid setup */
  }

.single-product .product {
    position: relative;
  }

.single-product .product {
    display: grid;
  }

.single-product .product {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

.single-product .product {
    gap: 2rem;
  }

@media (min-width: 1280px) {
    .single-product .product {
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  }

.single-product .product .woocommerce-tabs {
      grid-column: span 2 / span 2;
    }

/* resetting gap on related products  */

.single-product .product .related {
      grid-column: span 2 / span 2;
    }

.single-product .product .related {
      overflow: hidden;
    }

.single-product .product .related > h2 {
        padding-bottom: 2rem;
      }

.single-product .product .related .product {
        gap: 0px !important;
      }

/* summary - right section on single product */

.single-product .product .summary {
      grid-column: span 2 / span 2;
    }

.single-product .product .summary {
      display: flex;
    }

.single-product .product .summary {
      flex-direction: column;
    }

@media (min-width: 768px) {
      .single-product .product .summary {
        grid-column: span 1 / span 1;
      }
    }

@media (min-width: 768px) {
      .single-product .product .summary {
        padding-top: 2rem;
      }
    }

.single-product .product .summary .product_title {
        font-size: clamp(1.5rem, 1rem + 2.5vw, 4rem);
        line-height: 1.08;
      }

.single-product .product .summary .woocommerce-product-rating {
        padding-top: 0.5rem;
      }

@media (min-width: 768px) {
        .single-product .product .summary .woocommerce-product-rating {
          padding-top: 1rem;
        }
      }

.single-product .product .summary .price {
        padding-top: 1rem;
      }

.single-product .product .summary .price {
        font-size: 1.25rem;
        line-height: 1.75rem;
      }

.single-product .product .summary .price {
        font-weight: 700;
      }

@media (min-width: 768px) {
        .single-product .product .summary .price {
          padding-top: 1.5rem;
        }
      }

@media (min-width: 1024px) {
        .single-product .product .summary .price {
          padding-top: 3.5rem;
        }
      }

@media (min-width: 1024px) {
        .single-product .product .summary .price {
          font-size: 1.875rem;
          line-height: 2.25rem;
        }
      }

.single-product .product .summary .price ins {
          text-decoration: none;
        }

.single-product .product .summary .cart {
        display: flex;
      }

.single-product .product .summary .cart {
        align-items: center;
      }

.single-product .product .summary .cart {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }

@media (min-width: 1024px) {
        .single-product .product .summary .cart {
          padding-top: 1.5rem;
        }
      }

.single-product .product .summary .cart button {
          margin-left: 1.25rem;
        }

/* woocommerce gallery */

.single-product .product .woocommerce-product-gallery {
      grid-column: span 2 / span 2;
    }

@media (min-width: 768px) {
      .single-product .product .woocommerce-product-gallery {
        grid-column: span 1 / span 1;
      }
    }

@media (min-width: 768px) {
      .single-product .product .woocommerce-product-gallery {
        padding-right: 0.5rem;
      }
    }

@media (min-width: 1024px) {
      .single-product .product .woocommerce-product-gallery {
        padding-right: 1.25rem;
      }
    }

.single-product .product .woocommerce-product-gallery a span {
          display: block;
        }

.single-product .product .woocommerce-product-gallery a span {
          height: 100%;
        }

.single-product .product .woocommerce-product-gallery a span {
          width: 100%;
        }

.single-product .product .woocommerce-product-gallery a img {
          height: 100%;
        }

.single-product .product .woocommerce-product-gallery a img {
          width: 100%;
        }

.single-product .product .woocommerce-product-gallery a img {
          -o-object-fit: cover;
             object-fit: cover;
        }

.single-product .product .product_meta {
      display: none;
    }

.single-product .product .product_meta {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
    }

.single-product .product .product_meta {
      border-radius: 1rem;
    }

.single-product .product .product_meta {
      --tw-bg-opacity: 1;
      background-color: rgba(46, 87, 70, var(--tw-bg-opacity));
    }

.single-product .product .product_meta {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }

.single-product .product .product_meta {
      padding-left: 1rem;
      padding-right: 1rem;
    }

.single-product .onsale {
    position: absolute;
  }

.single-product .onsale {
    top: 0px;
  }

.single-product .onsale {
    right: 0px;
  }

.single-product .onsale {
    z-index: 40;
  }

.single-product .onsale {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.single-product .onsale {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

.single-product .onsale {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

.single-product .onsale {
    font-weight: 700;
  }

.single-product .onsale {
    --tw-text-opacity: 1;
    color: rgba(14, 165, 233, var(--tw-text-opacity));
  }

.woocommerce-product-gallery {
  grid-column: span 2 / span 2;
}

@media (min-width: 768px) {
  .woocommerce-product-gallery {
    grid-column: span 1 / span 1;
  }
}

.woocommerce-product-gallery .flex-viewport {
    position: relative;
  }

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    position: relative;
  }

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    position: absolute;
  }

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    top: 0px;
  }

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    left: 0px;
  }

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    z-index: 20;
  }

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    padding: 0.5rem;
  }

@media (min-width: 768px) {
    .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
      padding: 0.75rem;
    }
  }

.woocommerce-product-gallery .flex-control-nav {
    display: flex;
  }

.woocommerce-product-gallery .flex-control-nav {
    margin-left: auto;
    margin-right: auto;
  }

.woocommerce-product-gallery .flex-control-nav {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

.woocommerce-product-gallery .flex-control-nav {
    row-gap: 1.5rem;
  }

.woocommerce-product-gallery .flex-control-nav {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

.woocommerce-product-gallery .flex-control-nav {
    padding-top: 1.5rem;
  }

.woocommerce-product-gallery .flex-control-nav li {
      cursor: pointer;
    }

.woocommerce-product-gallery .flex-control-nav li img {
        opacity: 0.8;
      }

.woocommerce-product-gallery .flex-control-nav li .flex-active {
        border-width: 2px;
      }

.woocommerce-product-gallery .flex-control-nav li .flex-active {
        --tw-border-opacity: 1;
        border-color: rgba(14, 165, 233, var(--tw-border-opacity));
      }

.woocommerce-product-gallery .flex-control-nav li .flex-active {
        opacity: 1 !important;
      }

/* to remove tabs you need to disable in woocommerce settings and remove additional info from the products and comment this styles.woocommerce-tabs  */

.woocommerce-tabs .wc-tabs {
    display: flex;
  }

.woocommerce-tabs .wc-tabs {
    width: 100%;
  }

.woocommerce-tabs .wc-tabs li {
      width: 100%;
    }

.woocommerce-tabs .wc-tabs li {
      border-width: 1px;
    }

.woocommerce-tabs .wc-tabs li {
      border-color: transparent;
    }

.woocommerce-tabs .wc-tabs li {
      --tw-border-opacity: 1;
      border-bottom-color: rgba(14, 165, 233, var(--tw-border-opacity));
    }

.woocommerce-tabs .wc-tabs li {
      --tw-bg-opacity: 1;
      background-color: rgba(196, 196, 196, var(--tw-bg-opacity));
    }

.woocommerce-tabs .wc-tabs li a {
        display: block;
      }

.woocommerce-tabs .wc-tabs li a {
        width: 100%;
      }

.woocommerce-tabs .wc-tabs li a {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
      }

.woocommerce-tabs .wc-tabs li a {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
      }

@media (min-width: 1024px) {
        .woocommerce-tabs .wc-tabs li a {
          padding-left: 1.25rem;
          padding-right: 1.25rem;
        }
      }

/* fix until dark theme won't work */

.woocommerce-tabs .wc-tabs li:not(.active) {
      --tw-text-opacity: 1;
      color: rgba(33, 33, 33, var(--tw-text-opacity));
    }

.woocommerce-tabs .wc-tabs li.active {
      --tw-border-opacity: 1;
      border-color: rgba(14, 165, 233, var(--tw-border-opacity));
    }

.woocommerce-tabs .wc-tabs li.active {
      border-bottom-color: transparent;
    }

.woocommerce-tabs .wc-tabs li.active {
      background-color: transparent;
    }

.woocommerce-tabs .woocommerce-Tabs-panel {
    border-width: 1px;
  }

.woocommerce-tabs .woocommerce-Tabs-panel {
    border-top-width: 0px;
  }

.woocommerce-tabs .woocommerce-Tabs-panel {
    --tw-border-opacity: 1;
    border-color: rgba(14, 165, 233, var(--tw-border-opacity));
  }

.woocommerce-tabs .woocommerce-Tabs-panel {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }

.woocommerce-tabs .woocommerce-Tabs-panel {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

@media (min-width: 1024px) {
    .woocommerce-tabs .woocommerce-Tabs-panel {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }

.woocommerce-tabs h2 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

@media (min-width: 768px) {
    .woocommerce-tabs h2 {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

/* single product with variants */

.woocommerce-page .variations_form {
  display: flex;
  flex-direction: column;
}

.woocommerce-page .variations_form table.variations {
    width: 100%;
  }

.woocommerce-page .variations_form table.variations tbody {
      display: flex;
    }

.woocommerce-page .variations_form table.variations tbody {
      flex-direction: column;
    }

.woocommerce-page .variations_form table.variations tbody {
      gap: 0.5rem;
    }

@media (min-width: 1024px) {
      .woocommerce-page .variations_form table.variations tbody {
        gap: 0.75rem;
      }
    }

.woocommerce-page .variations_form table.variations tbody tr {
        display: flex;
      }

.woocommerce-page .variations_form table.variations tbody tr {
        flex-direction: column;
      }

.woocommerce-page .variations_form table.variations tbody tr th {
          display: flex;
        }

.woocommerce-page .variations_form table.variations tbody tr td {
          display: flex;
        }

.woocommerce-page .variations_form table.variations tbody tr td {
          gap: 1.25rem;
        }

.woocommerce-page .variations_form table.variations tbody tr td select {
            width: 100%;
          }

.woocommerce-page .variations_form table.variations tbody tr td select {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
          }

.woocommerce-page .variations_form table.variations tbody tr td select {
            padding-left: 0.25rem;
            padding-right: 0.25rem;
          }

.woocommerce-page .variations_form table.variations tbody tr td select {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }

.woocommerce-page .variations_form table.variations tbody tr td select {
            outline: 2px solid transparent !important;
            outline-offset: 2px !important;
          }

@media (min-width: 768px) {
            .woocommerce-page .variations_form table.variations tbody tr td select {
              font-size: 1rem;
              line-height: 1.5rem;
            }
          }

.woocommerce-page .variations_form table.variations tbody tr td select {
            border: 1px solid #00000040;
          }

.woocommerce-page .variations_form table.variations tbody tr td select:focus {
            padding-top: 9px;
            padding-bottom: 9px;
          }

.woocommerce-page .variations_form table.variations tbody tr td select:focus {
            padding-left: 3px;
            padding-right: 3px;
          }

.woocommerce-page .variations_form table.variations tbody tr td select:focus {
            border: 2px solid #00000040;
          }

.woocommerce-page .variations_form .single_variation_wrap {
    width: 100%;
  }

.woocommerce-page .variations_form .single_variation_wrap {
    padding-top: 1rem;
  }

@media (min-width: 1024px) {
    .woocommerce-page .variations_form .single_variation_wrap {
      padding-top: 1.5rem;
    }
  }

.woocommerce-page .variations_form .single_variation_wrap .woocommerce-variation-description {
      padding-bottom: 0.5rem;
    }

@media (min-width: 1024px) {
      .woocommerce-page .variations_form .single_variation_wrap .woocommerce-variation-description {
        padding-bottom: 0.75rem;
      }
    }

.woocommerce-page .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
      display: flex;
    }

.woocommerce-page .variations_form .single_variation_wrap .woocommerce-variation-add-to-cart {
      width: 100%;
    }

.woocommerce-page .variations_form .single_variation_wrap .single_variation {
      padding-bottom: 1rem;
    }

@media (min-width: 1024px) {
      .woocommerce-page .variations_form .single_variation_wrap .single_variation {
        padding-bottom: 1.5rem;
      }
    }

.woocommerce-page .grouped_form {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
}

.woocommerce-page .grouped_form tbody .woocommerce-grouped-product-list-item__quantity {
        order: 9999;
      }

.woocommerce-page .grouped_form tbody .woocommerce-grouped-product-list-item__label {
        font-weight: 700;
      }

.woocommerce-page .grouped_form tbody .woocommerce-grouped-product-list-item .grouped-product-label {
        display: flex;
      }

.woocommerce-page .grouped_form tbody .woocommerce-grouped-product-list-item .grouped-product-label {
        flex-direction: column;
      }

.woocommerce-page .grouped_form .button {
    margin-left: 0px !important;
  }

.woocommerce-page .grouped_form .button {
    margin-top: 1rem;
  }

@media (min-width: 1024px) {
    .woocommerce-page .grouped_form .button {
      margin-top: 1.5rem;
    }
  }

/* reviews */

.woocommerce-Reviews #reply-title {
    display: block;
  }

.woocommerce-Reviews #reply-title {
    padding-top: 0.75rem;
  }

.woocommerce-Reviews #reply-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }

.woocommerce-Reviews #reply-title {
    font-weight: 700;
  }

@media (min-width: 768px) {
    .woocommerce-Reviews #reply-title {
      padding-top: 1.5rem;
    }
  }

@media (min-width: 768px) {
    .woocommerce-Reviews #reply-title {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

.woocommerce-Reviews #commentform > .form-submit {
    display: flex;
  }

.woocommerce-Reviews #commentform > .form-submit {
    justify-content: flex-end;
  }

.woocommerce-Reviews .stars {
    font-size: 1.5rem;
    line-height: 2rem;
  }

.woocommerce-Reviews .author-form-inputs {
    display: grid;
  }

.woocommerce-Reviews .author-form-inputs {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

.woocommerce-Reviews .author-form-inputs {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

@media (min-width: 768px) {
    .woocommerce-Reviews .author-form-inputs {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

@media (min-width: 1024px) {
    .woocommerce-Reviews .author-form-inputs {
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  }

@media (min-width: 1280px) {
    .woocommerce-Reviews .author-form-inputs {
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  }

/* stars styles from woocommerce stylesheet */

.woocommerce p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
}

.woocommerce p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: WooCommerce;
  content: "\e021";
  text-indent: 0;
}

.woocommerce p.stars a:hover ~ a::before {
  content: "\e021";
}

.woocommerce p.stars:hover a::before {
  content: "\e020";
}

.woocommerce p.stars.selected a.active::before {
  content: "\e020";
}

.woocommerce p.stars.selected a.active ~ a::before {
  content: "\e021";
}

.woocommerce p.stars.selected a:not(.active)::before {
  content: "\e020";
}

/* ^stars styles from woocommerce stylesheet */

/* reviews in comment (created in JS) */

.star-rating {
  font-family: WooCommerce;
}

.star-rating span:not(.active_star):not(.inactive_star) {
    display: none;
  }

.star-rating .active_star:before {
      content: "\e020";
    }

.star-rating .inactive_star:before {
      content: "\e021";
    }

/* comments */

.woocommerce-Reviews .commentlist {
    display: flex;
  }

.woocommerce-Reviews .commentlist {
    flex-direction: column;
  }

.woocommerce-Reviews .commentlist {
    gap: 0.5rem;
  }

.woocommerce-Reviews .commentlist {
    padding-top: 0.5rem;
  }

@media (min-width: 768px) {
    .woocommerce-Reviews .commentlist {
      gap: 1rem;
    }
  }

.woocommerce-Reviews .comment-form-cookies-consent {
    padding-top: 1rem;
  }

.woocommerce-Reviews .comment_container {
    display: flex;
  }

.woocommerce-Reviews .comment_container {
    min-height: 88px;
  }

.woocommerce-Reviews .comment_container {
    gap: 1rem;
  }

.woocommerce-Reviews .comment_container img {
      border-radius: 9999px;
    }

.woocommerce-Reviews .comment_container img {
      border-width: 1px;
    }

.woocommerce-Reviews .comment_container img {
      --tw-border-opacity: 1;
      border-color: rgba(14, 165, 233, var(--tw-border-opacity));
    }

.woocommerce-Reviews .comment_container img {
      padding: 0.125rem;
    }

.woocommerce-Reviews .comment_container img {
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content;
      aspect-ratio: 1/1;
    }

.woocommerce-Reviews .comment_container .comment-text {
      display: flex;
    }

.woocommerce-Reviews .comment_container .comment-text {
      flex-direction: column;
    }

.woocommerce-Reviews .comment_container .comment-text .meta {
        order: -9999;
      }

.woocommerce-Reviews .comment_container .comment-text .meta {
        padding: 0px !important;
      }

.woocommerce-Reviews .comment_container .comment-text .meta strong {
          --tw-text-opacity: 1;
          color: rgba(14, 165, 233, var(--tw-text-opacity));
        }

.woocommerce-Reviews .comment_container .description {
      font-size: 1rem;
      line-height: 1.5rem;
    }

@media (min-width: 768px) {
      .woocommerce-Reviews .comment_container .description {
        font-size: 1.125rem;
        line-height: 1.75rem;
      }
    }

/* arrows for sliders */

.dark .single-product .related-navigation svg > line, .dark .single-product .related-navigation svg > path {
  stroke: white !important;
}

/* related custom navigation (created in JS) */

.single-product .related-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2rem;
}

.single-product .related-navigation .arrow-wrap {
    display: flex;
  }

.single-product .related-navigation .arrow-wrap {
    align-items: center;
  }

.single-product .related-navigation .arrow-wrap {
    gap: 0.5rem;
  }

@media (min-width: 768px) {
    .single-product .related-navigation .arrow-wrap {
      gap: 1rem;
    }
  }

@media (min-width: 768px) {
    .single-product .related-navigation .arrow-wrap {
      padding-right: 0.5rem;
    }
  }

.single-product .related-navigation .arrow-wrap .next_arrow, .single-product .related-navigation .arrow-wrap .prev_arrow {
      width: 1.5rem;
    }

.single-product .related-navigation .arrow-wrap .next_arrow, .single-product .related-navigation .arrow-wrap .prev_arrow {
      cursor: pointer;
    }

.single-product .related-navigation .arrow-wrap .next_arrow, .single-product .related-navigation .arrow-wrap .prev_arrow {
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.single-product .related-navigation .arrow-wrap .next_arrow, .single-product .related-navigation .arrow-wrap .prev_arrow {
      transition-duration: 300ms;
    }

.single-product .related-navigation .arrow-wrap .next_arrow, .single-product .related-navigation .arrow-wrap .prev_arrow {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }

@media (min-width: 768px) {
      .single-product .related-navigation .arrow-wrap .next_arrow, .single-product .related-navigation .arrow-wrap .prev_arrow {
        width: 3rem;
      }
    }

@media (min-width: 768px) {
      .single-product .related-navigation .arrow-wrap .next_arrow:hover, .single-product .related-navigation .arrow-wrap .prev_arrow:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: var(--tw-transform);
      }
    }

@media (min-width: 1280px) {
      .single-product .related-navigation .arrow-wrap .next_arrow, .single-product .related-navigation .arrow-wrap .prev_arrow {
        width: 4rem;
      }
    }

.single-product .related-navigation .arrow-wrap .next_arrow svg, .single-product .related-navigation .arrow-wrap .prev_arrow svg {
        width: 100%;
      }

.single-product .related-navigation .arrow-wrap .next_arrow {
      --tw-rotate: 180deg;
      transform: var(--tw-transform);
    }

/* Resetting the global woocommerce padding wrapper (needed for the order review grey table to have full width)  */

.woocommerce-checkout div.woocommerce {
  padding-left: 0px;
  padding-right: 0px;
}

.woocommerce-checkout div.woocommerce div#customer_details {
    margin-left: auto;
    margin-right: auto;
  }

.woocommerce-checkout div.woocommerce div#customer_details {
    width: 100%;
  }

.woocommerce-checkout div.woocommerce div#customer_details {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

@media (min-width: 1024px) {
    .woocommerce-checkout div.woocommerce div#customer_details {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }

/* hidding the error popup */

.woocommerce-NoticeGroup-checkout {
  flex: 0 0 100%;
}

/* Checkout form */

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper,
.woocommerce-additional-fields {
  /* spacing for whole container */
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  width: 100%
}

@media (min-width: 768px) {
  .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper, .woocommerce-additional-fields {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

/* general spacings between containers(p element) and between the label and the field */

.woocommerce-billing-fields__field-wrapper p, .woocommerce-shipping-fields__field-wrapper p, .woocommerce-additional-fields__field-wrapper p, .woocommerce-additional-fields p {
    margin-bottom: 0.5rem;
  }

.woocommerce-billing-fields__field-wrapper p, .woocommerce-shipping-fields__field-wrapper p, .woocommerce-additional-fields__field-wrapper p, .woocommerce-additional-fields p {
    display: flex;
  }

.woocommerce-billing-fields__field-wrapper p, .woocommerce-shipping-fields__field-wrapper p, .woocommerce-additional-fields__field-wrapper p, .woocommerce-additional-fields p {
    flex-direction: column;
  }

@media (min-width: 1024px) {
    .woocommerce-billing-fields__field-wrapper p, .woocommerce-shipping-fields__field-wrapper p, .woocommerce-additional-fields__field-wrapper p, .woocommerce-additional-fields p {
      margin-bottom: 1.25rem;
    }
  }

.woocommerce-billing-fields__field-wrapper p label abbr, .woocommerce-shipping-fields__field-wrapper p label abbr, .woocommerce-additional-fields__field-wrapper p label abbr, .woocommerce-additional-fields p label abbr {
        text-decoration: none;
      }

/* highlighting the labels when there's an error */

.woocommerce-billing-fields__field-wrapper p.woocommerce-invalid label, .woocommerce-shipping-fields__field-wrapper p.woocommerce-invalid label, .woocommerce-additional-fields__field-wrapper p.woocommerce-invalid label, .woocommerce-additional-fields p.woocommerce-invalid label {
      font-weight: 700;
    }

.woocommerce-billing-fields__field-wrapper p.woocommerce-invalid label, .woocommerce-shipping-fields__field-wrapper p.woocommerce-invalid label, .woocommerce-additional-fields__field-wrapper p.woocommerce-invalid label, .woocommerce-additional-fields p.woocommerce-invalid label {
      --tw-text-opacity: 1;
      color: rgba(239, 68, 68, var(--tw-text-opacity));
    }

.woocommerce-billing-fields__field-wrapper p.woocommerce-invalid input:not([type="checkbox"]):not([type="radio"]),
    .woocommerce-billing-fields__field-wrapper p.woocommerce-invalid textarea,
    .woocommerce-billing-fields__field-wrapper p.woocommerce-invalid select.orderby,
    .woocommerce-shipping-fields__field-wrapper p.woocommerce-invalid input:not([type="checkbox"]):not([type="radio"]),
    .woocommerce-shipping-fields__field-wrapper p.woocommerce-invalid textarea,
    .woocommerce-shipping-fields__field-wrapper p.woocommerce-invalid select.orderby,
    .woocommerce-additional-fields__field-wrapper p.woocommerce-invalid input:not([type="checkbox"]):not([type="radio"]),
    .woocommerce-additional-fields__field-wrapper p.woocommerce-invalid textarea,
    .woocommerce-additional-fields__field-wrapper p.woocommerce-invalid select.orderby,
    .woocommerce-additional-fields p.woocommerce-invalid input:not([type="checkbox"]):not([type="radio"]),
    .woocommerce-additional-fields p.woocommerce-invalid textarea,
    .woocommerce-additional-fields p.woocommerce-invalid select.orderby {
      border: 2px solid #ef4444 !important;
    }

/* Grid form structure, with max width at 640px, gap-x-10 is bigger than the actual gap, it's used just to get a justify:space-between effect */

.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  justify-content: space-between;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

@media (min-width: 768px) {
  .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}

@media (min-width: 1280px) {
  .woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
}

/* Form having a flex layout which results on 2 columns on the desktop*/

form.woocommerce-checkout {
  margin-bottom: 2.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  form.woocommerce-checkout {
    margin-bottom: 5rem;
  }
}

@media (min-width: 768px) {
    form.woocommerce-checkout #customer_details, form.woocommerce-checkout .woocommerce-checkout-review-order {
      margin-left: auto;
      margin-right: auto;
    }
  }

@media (min-width: 1280px) {
    form.woocommerce-checkout #customer_details, form.woocommerce-checkout .woocommerce-checkout-review-order {
      margin-left: 0px;
      margin-right: 0px;
    }
  }

/* checkbox */

.checkbox-legal {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

.checkbox-legal label {
    display: flex;
  }

.checkbox-legal label {
    flex-direction: column;
  }

.checkbox-legal input {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

/* ship-to-different-address - checkbox */

@media (min-width: 768px) {
    #ship-to-different-address input {
      height: 1.25rem !important;
    }
  }

@media (min-width: 768px) {
    #ship-to-different-address input {
      width: 1.25rem !important;
    }
  }

/* setting up width of the fields */

.woocommerce-billing-fields__field-wrapper input:not(p#billing_address_1_field, p#billing_address_2_field, p#billing_email_field) {
  }

.woocommerce-billing-fields__field-wrapper p#billing_company_field {
    order: -9999;
  }

@media (min-width: 768px) {
    .woocommerce-billing-fields__field-wrapper p#billing_company_field {
      grid-column: span 2 / span 2;
    }
  }

@media (min-width: 768px) {
    .woocommerce-billing-fields__field-wrapper p#billing_company_field {
      padding-right: 2.5rem;
    }
  }

@media (min-width: 1024px) {
    .woocommerce-billing-fields__field-wrapper p#billing_company_field {
      padding-right: 1rem;
    }
  }

@media (min-width: 1280px) {
    .woocommerce-billing-fields__field-wrapper p#billing_company_field {
      padding-right: 2.5rem;
    }
  }

.woocommerce-billing-fields__field-wrapper p#billing_company_field input {
      width: 100% !important;
    }

@media (min-width: 768px) {
      .woocommerce-billing-fields__field-wrapper p#billing_company_field input {
        width: 50% !important;
      }
    }

/* Moving down second address field*/

.woocommerce-billing-fields__field-wrapper p#billing_address_2_field {
    margin-top: 0.25rem;
  }

.woocommerce-billing-fields__field-wrapper p#billing_country_field {
    order: 2;
  }

.woocommerce-billing-fields__field-wrapper p#billing_phone_field {
    order: 4;
  }

.woocommerce-billing-fields__field-wrapper p#billing_email_field {
    order: 5;
  }

.woocommerce-billing-fields__field-wrapper p#billing_state_field {
    visibility: visible;
  }

.woocommerce-billing-fields__field-wrapper p#billing_state_field {
    order: 3;
  }

.woocommerce-billing-fields__field-wrapper p#billing_state_field {
    display: block !important;
  }

/* Hiding the "Do you have a coupon code" prompt */

.woocommerce-form-coupon-toggle {
  display: none;
}

.wc-gzd-checkbox-placeholder {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.woocommerce-checkout-review-order-table {
  /* Styling order review footer (subtotal, total) */
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  display: block;
  text-align: left !important
}

@media (min-width: 768px) {
  .woocommerce-checkout-review-order-table {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

/* Moving the (subtotal, total) fields to the right*/

.woocommerce-checkout-review-order-table thead, .woocommerce-checkout-review-order-table tbody {
    display: block;
  }

.woocommerce-checkout-review-order-table thead, .woocommerce-checkout-review-order-table tbody {
    width: 100%;
  }

.woocommerce-checkout-review-order-table thead tr, .woocommerce-checkout-review-order-table tbody tr {
      display: flex;
    }

.woocommerce-checkout-review-order-table thead tr, .woocommerce-checkout-review-order-table tbody tr {
      width: 100%;
    }

.woocommerce-checkout-review-order-table thead tr, .woocommerce-checkout-review-order-table tbody tr {
      justify-content: space-between;
    }

.woocommerce-checkout-review-order-table thead tr td, .woocommerce-checkout-review-order-table tbody tr td {
        display: flex;
      }

.woocommerce-checkout-review-order-table thead tr td, .woocommerce-checkout-review-order-table tbody tr td {
        gap: 0.125rem;
      }

@media (min-width: 768px) {
        .woocommerce-checkout-review-order-table thead tr td, .woocommerce-checkout-review-order-table tbody tr td {
          gap: 0.25rem;
        }
      }

.woocommerce-checkout-review-order-table thead tr td .variation, .woocommerce-checkout-review-order-table tbody tr td .variation {
          display: flex;
        }

.woocommerce-checkout-review-order-table tfoot {
    margin-top: 1rem;
  }

.woocommerce-checkout-review-order-table tfoot {
    margin-left: auto;
  }

.woocommerce-checkout-review-order-table tfoot {
    display: block;
  }

.woocommerce-checkout-review-order-table tfoot {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

.woocommerce-checkout-review-order-table tfoot {
    font-weight: 700;
  }

.woocommerce-checkout-review-order-table tfoot tr {
      margin-left: auto;
    }

.woocommerce-checkout-review-order-table tfoot tr {
      display: flex;
    }

.woocommerce-checkout-review-order-table tfoot tr td {
        margin-left: auto;
      }

.woocommerce-checkout-review-order-table tfoot tr td {
        padding-left: 1rem;
      }

/* Alinging the product prices to the right */

.woocommerce-checkout-review-order-table td.product-total {
    text-align: right;
  }

/* Centering the row with photo, product name and price */

.woocommerce-checkout-review-order-table td.product-name {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

.woocommerce-checkout-review-order-table td.product-name {
    display: flex;
  }

.woocommerce-checkout-review-order-table td.product-name {
    align-items: center;
  }

.woocommerce-checkout-review-order-table td.product-name {
    justify-content: flex-start;
  }

.woocommerce-checkout-review-order-table td.product-name {
    letter-spacing: -0.05em;
  }

/* ship-to-different-address-checkbox fix - wtihout that width:100% */

.woocommerce-form__label {
  display: flex;
  align-items: center;
}

.woocommerce-form__label input {
    margin-right: 0.5rem !important;
  }

.woocommerce-form__label input {
    width: auto !important;
  }

/* Order notes and header (ship to different address) order reversed */

.woocommerce-checkout .col-2 {
  display: flex;
  flex-direction: column;
}

.woocommerce-checkout .col-2 .woocommerce-shipping-fields {
    order: 1;
  }

/* class added in JS */

.woocommerce-checkout .header-checkout {
  display: block !important;
}

/* hidding placeholders */

.woocommerce-checkout #billing_address_1::-moz-placeholder, .woocommerce-checkout #billing_address_2::-moz-placeholder {
    color: transparent;
  }

.woocommerce-checkout #billing_address_1:-ms-input-placeholder, .woocommerce-checkout #billing_address_2:-ms-input-placeholder {
    color: transparent;
  }

.woocommerce-checkout #billing_address_1::placeholder,
  .woocommerce-checkout #billing_address_2::placeholder {
    color: transparent;
  }

/* spacing between section of inputs */

.woocommerce-checkout #billing_address_1_field, .woocommerce-checkout #billing_address_2_field, .woocommerce-checkout #billing_phone_field, .woocommerce-checkout #billing_email_field, .woocommerce-checkout #project_notes_field {
    padding-top: 1rem;
  }

@media (min-width: 768px) {
    .woocommerce-checkout #billing_address_1_field, .woocommerce-checkout #billing_address_2_field, .woocommerce-checkout #billing_phone_field, .woocommerce-checkout #billing_email_field, .woocommerce-checkout #project_notes_field {
      padding-top: 2rem;
    }
  }

@media (min-width: 1280px) {
    .woocommerce-checkout #billing_address_1_field, .woocommerce-checkout #billing_address_2_field, .woocommerce-checkout #billing_phone_field, .woocommerce-checkout #billing_email_field, .woocommerce-checkout #project_notes_field {
      padding-top: 4rem;
    }
  }

.woocommerce-checkout #project_notes_field {
    padding-bottom: 1rem;
  }

@media (min-width: 768px) {
    .woocommerce-checkout #project_notes_field {
      padding-bottom: 2rem;
    }
  }

@media (min-width: 1280px) {
    .woocommerce-checkout #project_notes_field {
      padding-bottom: 4rem;
    }
  }

/* project inputs aligment according to layout */

@media (min-width: 768px) {
    .woocommerce-checkout #custom_projectname_field {
      display: block;
    }
  }

@media (min-width: 768px) {
    .woocommerce-checkout #custom_projectname_field {
      width: calc(50% - 20px);
    }
  }

@media (min-width: 768px) {
    .woocommerce-checkout #datepicker_rent_from_field, .woocommerce-checkout #datepicker_rent_to_field {
      display: inline-block;
    }
  }

@media (min-width: 768px) {
    .woocommerce-checkout #datepicker_rent_from_field, .woocommerce-checkout #datepicker_rent_to_field {
      width: calc(50% - 20px);
    }
  }

@media (min-width: 1024px) {
    .woocommerce-checkout #datepicker_rent_from_field, .woocommerce-checkout #datepicker_rent_to_field {
      width: calc(50% - 16px);
    }
  }

@media (min-width: 1280px) {
    .woocommerce-checkout #datepicker_rent_from_field, .woocommerce-checkout #datepicker_rent_to_field {
      width: calc(50% - 20px);
    }
  }

@media (min-width: 768px) {
    .woocommerce-checkout #datepicker_rent_to_field {
      margin-left: 2.5rem;
    }
  }

@media (min-width: 1024px) {
    .woocommerce-checkout #datepicker_rent_to_field {
      margin-left: 1rem;
    }
  }

@media (min-width: 1280px) {
    .woocommerce-checkout #datepicker_rent_to_field {
      margin-left: 2.5rem;
    }
  }

/* spacing for */

.woocommerce-checkout #my_custom_checkout_field > h3 {
    margin-bottom: 1rem;
  }

@media (min-width: 768px) {
    .woocommerce-checkout #my_custom_checkout_field > h3 {
      margin-bottom: 1.5rem;
    }
  }

.woocommerce-checkout #my_custom_checkout_field > h4 {
    display: none;
  }

.woocommerce-checkout .place-order {
    padding-top: 1rem;
  }

/* light blue box spacing - (full screen) */

.woocommerce-checkout-review-order {
  margin-top: 1.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(196, 196, 196, var(--tw-border-opacity));
  padding-top: 0.75rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .woocommerce-checkout-review-order {
    padding-top: 1.5rem;
  }

  .woocommerce-checkout-review-order {
    padding-bottom: 5rem;
  }
}

@media (min-width: 1024px) {
  .woocommerce-checkout-review-order {
    margin-top: 3rem;
  }
}

.woocommerce-checkout-review-order table, .woocommerce-checkout-review-order h3, .woocommerce-checkout-review-order .woocommerce-checkout-payment {
    margin-left: auto;
    margin-right: auto;
  }

.woocommerce-checkout-review-order table, .woocommerce-checkout-review-order h3, .woocommerce-checkout-review-order .woocommerce-checkout-payment {
    width: 100%;
  }

.woocommerce-checkout-review-order table button, .woocommerce-checkout-review-order h3 button, .woocommerce-checkout-review-order .woocommerce-checkout-payment button {
      margin-top: 1rem;
    }

.woocommerce-checkout-review-order table button, .woocommerce-checkout-review-order h3 button, .woocommerce-checkout-review-order .woocommerce-checkout-payment button {
      margin-left: auto;
    }

.woocommerce-checkout-review-order table button, .woocommerce-checkout-review-order h3 button, .woocommerce-checkout-review-order .woocommerce-checkout-payment button {
      display: flex;
    }

/*box for the whole content*/

.woocommerce-order {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
}

.woocommerce-order h2, .woocommerce-order p:first-child {
    padding-top: 1rem;
  }

.woocommerce-order h2, .woocommerce-order p:first-child {
    font-size: 3rem;
    line-height: 1;
  }

.woocommerce-order h2, .woocommerce-order p:first-child {
    font-weight: 700;
  }

@media (min-width: 1024px) {
    .woocommerce-order h2, .woocommerce-order p:first-child {
      padding-top: 2rem;
    }
  }

.woocommerce-order ul.woocommerce-order-overview {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

.woocommerce-order ul.woocommerce-order-overview {
    display: grid;
  }

.woocommerce-order ul.woocommerce-order-overview {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

.woocommerce-order ul.woocommerce-order-overview {
    row-gap: 0.25rem;
  }

@media (min-width: 768px) {
    .woocommerce-order ul.woocommerce-order-overview {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

@media (min-width: 768px) {
    .woocommerce-order ul.woocommerce-order-overview {
      row-gap: 0.5rem;
    }
  }

/*spacing for top and bottom section*/

.woocommerce-order-overview, .woocommerce-table {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

@media (min-width: 1024px) {
  .woocommerce-order-overview, .woocommerce-table {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
}

/* bottom box (order details) */

.woocommerce-order-details {
  margin-top: 2.5rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(196, 196, 196, var(--tw-border-opacity));
}

@media (min-width: 1024px) {
  .woocommerce-order-details {
    margin-top: 4rem;
  }
}

.woocommerce-order-details table {
    margin-left: auto;
    margin-right: auto;
  }

.woocommerce-order-details table {
    display: block;
  }

.woocommerce-order-details table {
    width: 100%;
  }

.woocommerce-order-details table {
    padding-bottom: 2.5rem;
  }

@media (min-width: 768px) {
    .woocommerce-order-details table {
      margin-bottom: 6rem;
    }
  }

/* product total header hidden */

.woocommerce-order-details table thead {
      display: none;
    }

/* products list */

.woocommerce-order-details table tbody {
      display: block;
    }

.woocommerce-order-details table tbody {
      width: 100%;
    }

.woocommerce-order-details table tbody {
      padding-bottom: 2rem;
    }

.woocommerce-order-details table tbody tr {
        display: flex;
      }

.woocommerce-order-details table tbody tr {
        width: 100%;
      }

.woocommerce-order-details table tbody tr {
        flex-direction: column;
      }

.woocommerce-order-details table tbody tr {
        justify-content: space-between;
      }

@media (min-width: 640px) {
        .woocommerce-order-details table tbody tr {
          flex-direction: row;
        }
      }

@media (min-width: 640px) {
        .woocommerce-order-details table tbody tr {
          padding-top: 0px;
        }
      }

.woocommerce-order-details table tbody td {
        display: inline-block;
      }

/* subtotal */

.woocommerce-order-details table tfoot {
      display: flex;
    }

.woocommerce-order-details table tfoot {
      width: 100%;
    }

.woocommerce-order-details table tfoot {
      flex-direction: column;
    }

.woocommerce-order-details table tfoot {
      align-items: flex-end;
    }

.woocommerce-order-details table tfoot tr {
        display: flex;
      }

.woocommerce-order-details table tfoot tr {
        width: 100%;
      }

.woocommerce-order-details table tfoot tr {
        flex-direction: column;
      }

.woocommerce-order-details table tfoot tr {
        align-items: flex-start;
      }

.woocommerce-order-details table tfoot tr {
        justify-content: space-between;
      }

.woocommerce-order-details table tfoot tr {
        padding-top: 0.5rem;
      }

@media (min-width: 640px) {
        .woocommerce-order-details table tfoot tr {
          flex-direction: row;
        }
      }

@media (min-width: 640px) {
        .woocommerce-order-details table tfoot tr {
          padding-top: 0px;
        }
      }

.woocommerce-order-details table tfoot tr td {
          position: relative;
        }

.woocommerce-order-details table tfoot tr td {
          display: flex;
        }

.woocommerce-order-details table tfoot tr td {
          flex-direction: column;
        }

.woocommerce-order-details table tfoot tr td {
          align-items: flex-end;
        }

/* left side (subtotal, total etc.) */

.woocommerce-order-details table tfoot tr th, .woocommerce-order-details table tfoot tr td, .woocommerce-order-details table tfoot tr .woocommerce-Price-amount {
          font-weight: 400;
        }