@charset "UTF-8";
/*
VARIABLER

Variabler som återkommer. Framförallt responsiva storlekar.

 */
/*
MIXINS

Här samlas olika SCSS-funktioner som kan inkluderas i övriga filer med @include.
https://sass-lang.com/documentation/at-rules/mixin

*/
@media all and (min-width: 64rem) {
  .layout-woocommerce #primary {
    padding-left: 2rem;
  }
}
@media all and (min-width: 85.375rem) {
  .layout-woocommerce #primary {
    padding-left: 3.125rem;
  }
}
@media all and (min-width: 99rem) {
  .layout-woocommerce #primary {
    padding-left: 5rem;
  }
}

@media all and (min-width: 99rem) {
  ul.products li.product {
    margin-bottom: 4.5rem;
  }
}

.woocommerce-LoopProduct-link,
.woocommerce-loop-product__link {
  color: inherit;
}

.woocommerce-loop-product__thumbnail {
  background: #fff;
  position: relative;
}

.woocommerce ul.products li.product a img {
  margin: 0;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background-color: #E84E0E;
  border-radius: 0;
  font-size: 0.875rem;
  font-weight: 400;
  left: auto;
  line-height: 150%;
  margin: 2.5rem 0 0 0;
  min-height: 0;
  min-width: 0;
  padding: 0.5rem 0.625rem;
  right: 0;
  top: 0;
}

.woocommerce span.onsale {
  left: 0;
  right: auto;
}

.woocommerce-loop-product__excerpt {
  padding: 1.875rem 0.9375rem 0.9375rem 0.9375rem;
}

.woocommerce-loop-product__brand {
  font-size: 1rem;
  line-height: 150%;
  margin-bottom: 0.675rem;
  text-transform: uppercase;
}

.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1.25rem;
  margin-bottom: 0.675rem;
}

.woocommerce-loop-product__description {
  margin-bottom: 1.625rem;
}
.woocommerce-loop-product__description p {
  font-size: 1rem;
  line-height: 150%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__price,
p.price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #E84E0E;
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.625rem;
}
.woocommerce ul.products li.product .woocommerce-loop-product__price ins,
p.price ins {
  text-decoration: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__price ins bdi,
p.price ins bdi {
  font-weight: 700;
}
.woocommerce ul.products li.product .woocommerce-loop-product__price del,
p.price del {
  color: #828282;
  margin-left: 0.625rem;
  order: 2;
}
.woocommerce ul.products li.product .woocommerce-loop-product__price del bdi,
p.price del bdi {
  font-weight: 400;
}

.woocommerce-loop-product .product_meta {
  margin-bottom: 0;
}

.product_meta__item {
  line-height: 1.5;
  padding: 0.25rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.product_meta__label {
  -webkit-box-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 6.75rem;
}

.product-meta__categories {
  font-size: 0;
  list-style: none;
  margin-bottom: 0 !important;
}
.product-meta__categories li {
  display: inline;
}
.product-meta__categories li a {
  font-size: 1rem;
}
.product-meta__categories li::after {
  content: ", ";
  font-size: 1rem;
}
.product-meta__categories li:last-child::after {
  content: none;
}

.added_to_cart.wc-forward,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.woocommerce div.product form.cart .button {
  background: transparent;
  border: 1px solid;
  border-radius: 0;
  color: inherit;
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1rem;
  font-weight: 700;
  line-height: normal;
  padding: 0.625rem 2.5rem 0.625rem 0.9375rem;
  position: relative;
  width: 100%;
}
.added_to_cart.wc-forward::after,
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart::after,
.woocommerce div.product form.cart .button::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  position: absolute;
  right: 0.9375rem;
}

.added_to_cart.wc-forward {
  margin-top: 0.5rem;
}

.wc-forward::after {
  content: "\f061";
  padding-top: 1px;
}

.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart::after,
.woocommerce div.product form.cart .button::after {
  content: "\e0af";
}

.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  width: 100%;
}

.facetwp-facet-wc_load_more {
  text-align: center;
}

@media all and (min-width: 99rem) {
  .layout-woocommerce:first-child {
    padding-top: calc(var(--main-menu-height) + 6.25rem);
  }
}

@media all and (min-width: 64rem) {
  .container--woocommerce {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

#primary {
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media all and (min-width: 99rem) {
  #primary {
    padding-left: 5rem;
  }
}
#primary:first-child:last-child {
  padding: 0;
}

#secondary {
  -webkit-box-flex: 0 0 22.5rem;
  -webkit-flex: 0 0 22.5rem;
  -ms-flex: 0 0 22.5rem;
  flex: 0 0 22.5rem;
}

@media all and (min-width: 64rem) and (max-width: 85.374rem) {
  .woocommerce #primary ul.products[class*=columns-],
  .woocommerce-page #primary ul.products[class*=columns-] {
    margin-left: -1.5rem;
  }
}
@media all and (max-width: 35.49rem) {
  .woocommerce #primary ul.products[class*=columns-] li.product,
  .woocommerce #primary ul.products[class*=columns-] li.product,
  .woocommerce-page #primary ul.products[class*=columns-] li.product,
  .woocommerce-page #primary ul.products[class*=columns-] li.product {
    margin: 0;
    width: 100%;
  }
}
@media all and (min-width: 64rem) and (max-width: 85.374rem) {
  .woocommerce #primary ul.products[class*=columns-] li.product,
  .woocommerce #primary ul.products[class*=columns-] li.product,
  .woocommerce-page #primary ul.products[class*=columns-] li.product,
  .woocommerce-page #primary ul.products[class*=columns-] li.product {
    clear: none;
    float: left;
    margin: 0 0 2.992em;
    padding-left: 1.5rem;
    width: 50%;
  }
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
  float: none;
  max-width: 700px;
}
@media all and (min-width: 48rem) {
  .woocommerce #content div.product div.images, .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    -webkit-box-flex: 0 0 43.75%;
    -webkit-flex: 0 0 43.75%;
    -ms-flex: 0 0 43.75%;
    flex: 0 0 43.75%;
  }
}

@media all and (min-width: 48rem) {
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    -webkit-box-flex: 0 0 48%;
    -webkit-flex: 0 0 48%;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
  }
}
@media all and (min-width: 64rem) {
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    padding-left: 2.5rem;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media all and (min-width: 99rem) {
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    padding-left: 4.375rem;
  }
}

#primary > div.product {
  float: none;
}
@media all and (min-width: 48rem) {
  #primary > div.product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

.product-summary__wrapper {
  max-width: 500px;
}

.shop-header .facetwp-facet {
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1.875rem;
}
@media all and (min-width: 35.5rem) {
  .shop-header .facetwp-facet {
    font-size: 1.25rem;
  }
}
@media all and (min-width: 48rem) {
  .shop-header .facetwp-facet {
    font-size: 1.5rem;
  }
}

.sorting {
  margin-bottom: 2.5rem;
}
@media all and (min-width: 48rem) {
  .sorting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
}

.sorting ul li {
  background-color: #fff;
  background-image: none !important;
  font-family: "Neue Haas Grotesk Display Pro";
  font-weight: 700;
  line-height: normal;
  margin-right: 0.675rem;
  padding: 0.675rem 2.5rem 0.675rem 0.9375rem;
  position: relative;
}
.sorting .facetwp-facet {
  margin-bottom: 0;
}
.sorting .facetwp-selections .facetwp-selection-label {
  font-weight: 300;
}
.sorting .facetwp-selections li[data-facet=wc_cat] .facetwp-selection-label {
  display: none;
}
.sorting .facetwp-selections .facetwp-selection-value {
  background: none;
  margin: 0;
  padding: 0;
}
.sorting .facetwp-selections .facetwp-selection-value::after {
  content: "\f00d";
  display: block;
  font-size: 1.25rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.sorting__sortby {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.sorting__sortby select {
  background: transparent;
  color: inherit;
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 0.5rem;
  padding: 0.675rem 0.675rem 0.675rem 0;
}

.sorting__label {
  background: none;
  color: inherit;
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1.25rem;
  font-weight: 300;
}

.wc-filter__heading {
  font-size: 1.25rem;
  margin-bottom: 1.25rem;
}

.facetwp-checkbox,
div.facetwp-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: none !important;
  justify-content: space-between;
  line-height: 1.5;
  padding: 0.25rem 0 0.25rem 1.5rem;
  position: relative;
}
.facetwp-checkbox::before,
div.facetwp-checkbox::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  content: "\f0c8";
  font-size: 1.125rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
}

.facetwp-checkbox.checked::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  content: "\f14a";
}

.facetwp-type-slider .facetwp-slider-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  justify-content: space-between;
}
.facetwp-type-slider .slider-min,
.facetwp-type-slider .slider-max {
  font-size: 1rem;
}
.facetwp-type-slider .facetwp-slider-wrap {
  padding-bottom: 1.5rem;
}
.facetwp-type-slider .noUi-horizontal {
  height: 6px;
}
.facetwp-type-slider .facetwp-slider-reset {
  display: none !important;
}
.facetwp-type-slider .noUi-target {
  background: rgba(0, 0, 0, 0.2);
  border: 0;
}
.facetwp-type-slider .noUi-horizontal .noUi-tooltip {
  background: none;
  border: 0;
  bottom: -1.5rem;
  color: black;
  font-size: 0.675rem;
}
.facetwp-type-slider .noUi-horizontal .noUi-handle {
  background: black;
  border: 1px solid #fff;
  border-radius: 50%;
  height: 1.125rem;
  top: -7px;
  width: 1.125rem;
}
.facetwp-type-slider .noUi-connect {
  background: black;
}

.toggle-wc-sidebar,
.wc-filter__heading {
  border-bottom: 1px solid;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-right: 3rem;
  position: relative;
}
@media all and (max-width: 63.99rem) {
  .toggle-wc-sidebar,
  .wc-filter__heading {
    cursor: pointer;
  }
}
.toggle-wc-sidebar::after,
.wc-filter__heading::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-style: normal;
  content: "\f078";
  position: absolute;
  right: 0;
}
@media all and (min-width: 64rem) {
  .toggle-wc-sidebar::after,
  .wc-filter__heading::after {
    content: none;
  }
}
.toggle-wc-sidebar.open::after,
.wc-filter__heading.open::after {
  content: "\f077";
}

@media all and (min-width: 64rem) {
  .toggle-wc-sidebar {
    display: none;
  }
}

.wc-sidebar,
.wc-filter__filter-wrapper {
  display: none;
}
@media all and (min-width: 64rem) {
  .wc-sidebar,
  .wc-filter__filter-wrapper {
    display: block !important;
  }
}

.wc-filter__heading {
  border: 0;
  padding: 0;
}

.woocommerce-product-gallery__wrapper {
  background: #fff;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color: #E84E0E;
  margin-bottom: 2.5rem;
}

.woocommerce-product-details__short-description {
  margin-bottom: 1.875rem;
}
.woocommerce-product-details__short-description p {
  font-size: 1.25rem;
}

.woocommerce-tabs {
  margin-bottom: 1.875rem;
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin-bottom: 0;
  padding: 1.875rem 0;
}
.woocommerce div.product .woocommerce-tabs .panel:last-child {
  padding-bottom: 0;
}
@media all and (min-width: 64rem) {
  .woocommerce div.product .woocommerce-tabs .panel p {
    font-size: 1rem;
  }
}
.woocommerce div.product .woocommerce-tabs .panel p:last-child {
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information {
  padding-top: 0;
}

.woocommerce-tabs__heading {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  font-size: 1rem;
  padding: 0.675rem 0;
  position: relative;
}
.woocommerce-tabs__heading::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  position: Absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.woocommerce-tabs__heading.is-open::after {
  content: "\f077";
}

.woocommerce table.shop_attributes {
  margin: 0;
}
.woocommerce table.shop_attributes a {
  text-decoration: none;
}
@media all and (pointer: fine) {
  .woocommerce table.shop_attributes a:hover {
    text-decoration: underline;
  }
}

.woocommerce table.shop_attributes th {
  font-family: "Neue Haas Grotesk Display Pro";
  padding-left: 0;
  text-align: left;
}

.woocommerce table.shop_attributes td {
  font-style: normal;
}

.woocommerce div.product form.cart {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.woocommerce div.product form.cart .button {
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: left;
}

.quantity-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 0.625rem 0.75rem;
  width: 6rem;
  /* Dölj number input */
  /* Firefox */
}
.quantity-container .input-text.qty {
  background: none;
  border: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1rem;
  padding: 0;
  width: 1.75rem;
}
.quantity-container .input-text.qty,
.quantity-container .minus,
.quantity-container .plus {
  display: block;
  font-family: "Neue Haas Grotesk Display Pro";
  font-weight: 700;
  height: 1.5rem;
}
.quantity-container .minus,
.quantity-container .plus {
  background: transparent;
  color: inherit;
  line-height: 1;
  padding: 0;
  text-align: center;
  width: 1.5rem;
}
.quantity-container input[type=number]::-webkit-inner-spin-button,
.quantity-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity-container input[type=number] {
  -moz-appearance: textfield !important;
}

.product-meta__categories li a {
  text-decoration: none;
}
@media all and (pointer: fine) {
  .product-meta__categories li a:hover {
    text-decoration: underline;
  }
}

.woocommerce-info {
  background: #fff;
}

@media all and (min-width: 48rem) {
  .woocommerce-account .layout > .container .woocommerce {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  padding-top: 0.25rem;
  width: 100%;
}
@media all and (min-width: 48rem) {
  .woocommerce-account .woocommerce-MyAccount-content {
    padding-left: 2rem;
    width: 70%;
  }
}
@media all and (min-width: 85.375rem) {
  .woocommerce-account .woocommerce-MyAccount-content {
    padding-left: 3.125rem;
    padding-top: 0.5rem;
    -webkit-box-flex: 0 0 calc(100% - 22.5rem);
    -webkit-flex: 0 0 calc(100% - 22.5rem);
    -ms-flex: 0 0 calc(100% - 22.5rem);
    flex: 0 0 calc(100% - 22.5rem);
    width: calc(100% - 22.5rem);
  }
}
@media all and (min-width: 99rem) {
  .woocommerce-account .woocommerce-MyAccount-content {
    padding-left: 5rem;
  }
}
.woocommerce-account .woocommerce-MyAccount-content p {
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.woocommerce-account .woocommerce-MyAccount-content h3, .woocommerce-account .woocommerce-MyAccount-content h2.legend {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
@media all and (min-width: 35.5rem) {
  .woocommerce-account .woocommerce-MyAccount-content h3, .woocommerce-account .woocommerce-MyAccount-content h2.legend {
    font-size: 1.875rem;
    line-height: 140%;
  }
}
.woocommerce-account .woocommerce-MyAccount-content .form-row span em {
  font-size: 0.75rem;
  font-style: normal;
  opacity: 0.7;
  padding-top: 0.25rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none;
  margin-bottom: 2.5rem;
  width: 100%;
}
@media all and (min-width: 48rem) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 30%;
  }
}
@media all and (min-width: 85.375rem) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    -webkit-box-flex: 0 0 22.5rem;
    -webkit-flex: 0 0 22.5rem;
    -ms-flex: 0 0 22.5rem;
    flex: 0 0 22.5rem;
  }
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  padding: 0.25rem 0;
}
@media all and (min-width: 85.375rem) {
  .woocommerce-account .woocommerce-MyAccount-navigation li {
    padding: 0.5rem 0;
  }
}
.woocommerce-account .woocommerce-MyAccount-navigation a {
  font-family: "Neue Haas Grotesk Display Pro";
  font-weight: 700;
  text-decoration: none;
}
@media all and (min-width: 85.375rem) {
  .woocommerce-account .woocommerce-MyAccount-navigation a {
    font-size: 1rem;
  }
}
@media all and (min-width: 99rem) {
  .woocommerce-account .woocommerce-MyAccount-navigation a {
    font-size: 1.25rem;
  }
}

.woocommerce-account .layout .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses a.edit {
  display: flex;
  float: none !important;
  position: relative;
  text-align: left;
  text-decoration: none;
}
.woocommerce-account .layout .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses a.edit::after {
  content: "\f044";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  margin-left: auto;
}
.woocommerce-account .layout .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses address {
  font-style: normal;
  line-height: 1.5;
  padding: 1.25rem 0;
}

.edit-account fieldset + fieldset {
  margin-top: 2.5rem;
}

.woocommerce-cart .layout .container {
  max-width: calc(1280px + 7.5rem + 7.5rem);
}
.woocommerce-cart table.cart.shop_table {
  background: none;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before,
.woocommerce-cart table.cart th,
.product-name > a,
.woocommerce-Price-amount {
  font-family: "Neue Haas Grotesk Display Pro";
  font-weight: 700;
  text-decoration: none;
}

.woocommerce-cart-form__cart-item {
  border: 0;
  margin-bottom: 0.5rem;
}

.woocommerce table.shop_table {
  border: 0;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  background-color: transparent !important;
  padding-left: 0;
  padding-right: 0;
}
@media all and (min-width: 48rem) {
  .woocommerce table.shop_table td,
  .woocommerce table.shop_table th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media all and (max-width: 47.95rem) {
  .woocommerce table.shop_table.cart tr {
    margin-bottom: 1.25rem;
  }
}
@media all and (max-width: 47.95rem) {
  .woocommerce table.shop_table.cart td {
    border-bottom: 0 !important;
    padding-top: 0;
  }
}
.woocommerce table.shop_table.cart td.product-remove {
  border-bottom: 1px solid;
}
@media all and (max-width: 47.95rem) {
  .woocommerce table.shop_table.cart td.product-remove {
    padding-bottom: 1.25rem;
  }
}

@media all and (min-width: 48rem) {
  .woocommerce .product-remove {
    width: 3rem;
  }
}
.woocommerce .product-remove a.remove {
  border-radius: 0;
  font-size: 1rem;
  height: auto;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  width: 100%;
}
@media all and (min-width: 48rem) {
  .woocommerce .product-remove a.remove {
    background: none;
    color: inherit !important;
    display: block;
    font-size: 0;
    min-height: 1rem;
    padding: 1rem 0 1rem 1rem;
    width: auto;
  }
}
.woocommerce .product-remove a.remove::after {
  content: "\f1f8";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  font-size: 1rem;
}
@media all and (pointer: fine) {
  .woocommerce .product-remove a.remove:hover::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-style: normal;
  }
}

@media all and (min-width: 64rem) {
  .woocommerce-cart .product-thumbnail {
    width: calc(6rem + 24px);
  }
}
@media all and (min-width: 64rem) {
  .woocommerce-cart table.cart img {
    width: 6rem;
  }
}

@media all and (min-width: 48rem) {
  td.product-quantity,
  th.product-quantity {
    text-align: center;
    width: calc(6rem + 24px);
  }
}

@media all and (min-width: 48rem) {
  th.product-subtotal,
  td.product-subtotal {
    padding-right: 1.25rem !important;
    text-align: right;
    width: 7rem;
  }
}

@media all and (min-width: 48rem) {
  th.product-price,
  td.product-price {
    width: 7rem;
  }
}

.quantity-container.quantity-container--cart {
  border: 1px solid;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  border: 0;
}

@media all and (min-width: 25.75rem) {
  .actions button {
    text-align: left;
  }
}
.actions button::after {
  content: "\f021";
  float: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
}
@media all and (max-width: 25.749rem) {
  .actions button::after {
    content: none;
  }
}
@media all and (min-width: 48rem) {
  .actions button::after {
    padding-left: 2em;
  }
}

.coupon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: none;
}
@media all and (min-width: 48rem) {
  .coupon {
    min-width: 360px;
  }
}
@media all and (min-width: 85.375rem) {
  .coupon {
    min-width: 500px;
  }
}
.coupon input, .coupon button {
  flex: 1 0 0;
  float: none !important;
}
@media all and (min-width: 25.75rem) {
  .coupon input, .coupon button {
    text-align: left;
    white-space: nowrap;
  }
}
.coupon .input-text {
  border-radius: 0 !important;
  border-right: 0 !important;
  margin: 0 !important;
  padding: 6px 12px !important;
}
@media all and (min-width: 85.375rem) {
  .coupon .input-text {
    padding: 6px 1rem !important;
  }
}
.coupon button::after {
  float: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
}
@media all and (min-width: 25.75rem) {
  .coupon button::after {
    content: "+";
  }
}
@media all and (min-width: 48rem) {
  .coupon button::after {
    padding-left: 2em;
  }
}

.cart_totals {
  margin-top: 1.5rem;
}

.cart_totals h2 {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
@media all and (min-width: 35.5rem) {
  .cart_totals h2 {
    font-size: 1.875rem;
    line-height: 140%;
  }
}
@media all and (min-width: 85.375rem) {
  .cart_totals h2 {
    font-size: 2.75rem;
  }
}

.cart_totals table.shop_table {
  background: none !important;
  border: 0;
  border-radius: 0;
}
.cart_totals table.shop_table th,
.cart_totals table.shop_table td {
  background: none !important;
  font-family: "Neue Haas Grotesk Display Pro";
}
.cart_totals table.shop_table td {
  text-align: right;
}

.wc-forward {
  border-radius: 0 !important;
  text-align: left !important;
}
.wc-forward::After {
  content: "\f061";
  float: right;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
}

a.button.wc-backward {
  border: 1px solid;
  border-radius: 0 !important;
  display: inline-block;
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0.75em 1em;
  text-align: left !important;
  text-decoration: none;
  transition: all 0.3s ease;
}
a.button.wc-backward::before {
  content: "\f060";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  padding-right: 0.5em;
}

.woocommerce-checkout .layout .container {
  max-width: calc(1280px + 7.5rem + 7.5rem);
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  background: none;
  border: 0;
  border-radius: 0;
}

@media all and (min-width: 85.375rem) {
  .woocommerce-form-coupon-toggle {
    width: 48%;
  }
}
.woocommerce-form-coupon-toggle .woocommerce-info {
  margin: 0;
}

.woocommerce form.checkout_coupon {
  padding: 0;
}
@media all and (min-width: 85.375rem) {
  .woocommerce form.checkout_coupon {
    width: 48%;
  }
}
.woocommerce form.checkout_coupon .checkout_coupon__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.woocommerce form.checkout_coupon p:first-child {
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  -webkit-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.woocommerce form.checkout_coupon p.form-row {
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media all and (min-width: 25.75rem) {
  .woocommerce form.checkout_coupon p.form-row {
    height: 2.875rem;
    text-align: left;
    white-space: nowrap;
  }
}
@media all and (min-width: 35.5rem) {
  .woocommerce form.checkout_coupon p.form-row {
    -webkit-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media all and (min-width: 48rem) {
  .woocommerce form.checkout_coupon p.form-row {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 20rem;
  }
}
.woocommerce form.checkout_coupon input[type=text] {
  border-radius: 0;
  height: 100%;
  padding: 6px 12px !important;
}
@media all and (min-width: 85.375rem) {
  .woocommerce form.checkout_coupon input[type=text] {
    padding: 6px 1rem !important;
  }
}
.woocommerce form.checkout_coupon button {
  border-radius: 0;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 1em;
  text-align: left;
  width: 100%;
}
@media all and (min-width: 35.5rem) {
  .woocommerce form.checkout_coupon button {
    height: 100%;
  }
}
.woocommerce form.checkout_coupon button::after {
  content: "+";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  float: right;
}
@media all and (min-width: 48rem) {
  .woocommerce form.checkout_coupon button::after {
    padding-left: 2em;
  }
}

.woocommerce-additional-fields,
.woocommerce-billing-fields,
#order_review_heading {
  margin-top: 2.5rem;
}

.woocommerce-additional-fields h3,
.woocommerce-billing-fields h3,
h3#order_review_heading {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
@media all and (min-width: 35.5rem) {
  .woocommerce-additional-fields h3,
  .woocommerce-billing-fields h3,
  h3#order_review_heading {
    font-size: 1.875rem;
    line-height: 140%;
  }
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  border-radius: 0;
}

.woocommerce table.shop_table {
  border: 0;
  border-collapse: collapse;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: 0;
}
@media all and (min-width: 85.375rem) {
  .woocommerce table.shop_table th,
  .woocommerce table.shop_table td {
    font-size: 1.25rem;
  }
}
@media all and (min-width: 85.375rem) {
  .woocommerce table.shop_table tbody td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
    padding: 1.25rem 0;
  }
}
@media all and (min-width: 85.375rem) {
  .woocommerce table.shop_table thead th {
    padding: 0 0 1.25rem 0;
  }
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: none;
  border-radius: 0;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
  border: 0;
}

.woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 1.5rem;
}
@media all and (min-width: 85.375rem) {
  .woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 3rem;
  }
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  border-radius: 0;
  font-size: 1.125rem;
  font-weight: 700;
  padding: 0.75em 1em;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media all and (min-width: 64rem) {
  .woocommerce #payment #place_order,
  .woocommerce-page #payment #place_order {
    font-size: 1.375rem;
  }
}
@media all and (min-width: 99rem) {
  .woocommerce #payment #place_order,
  .woocommerce-page #payment #place_order {
    font-size: 2rem;
  }
}
.woocommerce #payment #place_order::After,
.woocommerce-page #payment #place_order::After {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  font-size: 0.75em;
  margin: auto 0 auto auto;
  padding-left: 0.75em;
}

@media all and (min-width: 85.375rem) {
  #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 1.25rem 0;
  }
}

#add_payment_method #payment ul.payment_methods li input[type=radio], .woocommerce-cart #payment ul.payment_methods li input[type=radio], .woocommerce-checkout #payment ul.payment_methods li input[type=radio] {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute;
  white-space: nowrap !important;
  width: 1px !important;
}
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
  font-family: "Neue Haas Grotesk Display Pro";
  padding-left: 2rem;
  position: relative;
}
@media all and (min-width: 85.375rem) {
  #add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
    font-size: 1.25rem;
  }
}
#add_payment_method #payment ul.payment_methods li label::before, .woocommerce-cart #payment ul.payment_methods li label::before, .woocommerce-checkout #payment ul.payment_methods li label::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  content: "\f0c8" !important;
  display: block;
  font-size: 1.125rem;
  left: 0;
  position: absolute;
  top: 0.125rem;
}
#add_payment_method #payment ul.payment_methods li input:checked + label::before, .woocommerce-cart #payment ul.payment_methods li input:checked + label::before, .woocommerce-checkout #payment ul.payment_methods li input:checked + label::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-style: normal;
  content: "\f14a" !important;
}

.form-row.place-order {
  padding: 1.25rem 0 !important;
}

.woocommerce-thankyou-order-received,
.woocommerce-thankyou-order-failed {
  font-family: "Neue Haas Grotesk Display Pro";
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.woocommerce ul.order_details {
  background: none;
  margin-bottom: 2.5rem;
  padding: 1rem 0;
}
.woocommerce ul.order_details::Before {
  content: none !important;
}
@media all and (min-width: 48rem) {
  .woocommerce ul.order_details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.woocommerce ul.order_details li {
  border: 0;
  margin: 0.25rem 0;
  width: 100%;
}
@media all and (min-width: 48rem) {
  .woocommerce ul.order_details li {
    width: auto;
  }
}
@media all and (min-width: 64rem) {
  .woocommerce ul.order_details li {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.woocommerce ul.order_details strong {
  font-family: "Neue Haas Grotesk Display Pro";
}

.payment-info-heading {
  margin-bottom: 0.5rem;
}

.woocommerce-order-details__title {
  display: none;
}

.woocommerce-order-details,
.woocommerce-customer-details {
  margin-top: 2.5rem;
}

.woocommerce-column__title {
  margin-bottom: 1.25rem;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  font-family: "Neue Haas Grotesk Display Pro";
}

.woocommerce .woocommerce-customer-details address {
  background: none;
  border: 0;
  line-height: 1.5;
  padding: 0;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
  padding: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
  content: none;
}

/*# sourceMappingURL=woocommerce.css.map */