@charset "UTF-8";
/*
Theme Name:   Generation Theme Child
Theme URI:    https://thegeneration.se/
Author:       The Generation
Author URI:   https://thegeneration.se/
Description:  Generation Theme Child Theme
Template:     generation-theme
Version:      2.4.3
Text Domain:  generation-theme-child
*/
:root {
  --box-width: 100vw;
  --row-standard: calc((var(--box-width) - ((20px + (143 - 20) * (var(--box-width) - 320px) / 1120) * 2)));
  --row-medium: calc((var(--box-width) - ((20px + (341 - 20) * (var(--box-width) - 320px) / 1120) * 2)));
  --row-large: calc((var(--box-width) - ((20px + (242 - 20) * (var(--box-width) - 320px) / 1120) * 2)));
  --row-table-size: calc((var(--box-width) - ((20px + (242 - 20) * (var(--box-width) - 320px) / 1120) * 2)));
  --trns-base: all 0.2s ease-in-out;
  --black: #000;
  --white: #fff;
  --dark-navy-blue: #000729;
  --light-blue: #f5f7ff;
  --green: #09a59d;
  --blue: #0090e9;
  --hover-green: #06726d;
  --hover-blue: #005d96;
  --hover-turquoise: #92f1ff;
  --shadow: rgba(0, 7, 41, 0.17);
  --shadow-50: rgba(0, 7, 41, 0.5);
  --shadow-30: rgba(0, 7, 41, 0.3);
  --shadow-20: rgba(0, 7, 41, 0.2);
  --shadow-table: rgba(0, 7, 41, 0.7);
  --shadow-17: rgba(0, 7, 41, 0.17);
  --shadow-10: rgba(0, 7, 41, 0.1);
  --shadow-5: rgba(0, 7, 41, 0.05);
  --gradient-blue-dark: #002bff;
  --gradient-blue-light: #00a5e5;
  --gradient-purple: #8263ff;
  --gradient-pink: #ff92ff;
  --dgen-color-background-main-level-1: var(--light-blue, #f5f7ff);
  --dgen-color-background-main-level-2: var(--blue, #0090e9);
  --dgen-color-background-main-level-3: var(--dark-navy-blue, #000729);
  --ff-base: sofia-pro, sans-serif;
  --ff-fa: Font Awesome 5 Pro;
  --fs-base: calc(14px + (20 - 14) * (var(--box-width) - 320px) / (1440 - 320));
  --fs-h1: 300%;
  --fs-h2: 210%;
  --fs-h3: 175%;
  --fs-h4: 150%;
  --fs-h5: 100%;
  --fs-h6: 90%;
  --fs-large: calc(var(--fs-base) * 1.3);
  --fs-small: max(14px, calc(var(--fs-base) * 0.9));
  --fs-xsmall: max(12px, calc(var(--fs-base) * 0.8));
  --fs-xxsmall: max(12px, calc(var(--fs-base) * 0.7));
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --size-40: calc(35px + (40 - 35) * (var(--box-width) - 320px) / (1440 - 320));
  --size-30: calc(25px + (30 - 25) * (var(--box-width) - 320px) / (1440 - 320));
  --size-25: calc(20px + (25 - 20) * (var(--box-width) - 320px) / (1440 - 320));
  --size-20: calc(15px + (20 - 15) * (var(--box-width) - 320px) / (1440 - 320));
  --size-15: calc(10px + (15 - 10) * (var(--box-width) - 320px) / (1440 - 320));
  --size-10: calc(5px + (10 - 5) * (var(--box-width) - 320px) / (1440 - 320));
  --section-padding: calc(40px + (70 - 40) * (var(--box-width) - 320px) / (1440 - 320));
  --row-padding: calc(20px + (30 - 20) * (var(--box-width) - 320px) / (1440 - 320));
  --mod-margin: calc(25px + (40 - 25) * (var(--box-width) - 320px) / (1440 - 320));
  --gutter: calc(5px + (34 - 5) * (var(--box-width) - 320px) / (1440 - 320));
}

@media only screen and (min-width: 2560px) {
  :root {
    --box-width: 2560px;
  }
}
.product-listing-wrapper .product-listing-items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.product-listing-wrapper .product-listing-items-wrapper .product-listing-category-group {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product-listing-wrapper .product-listing-items-wrapper .product-listing-category-group .product-listing-category-title {
  display: flex;
  font-size: var(--fs-h5);
  margin: 16px 0;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}
.product-listing-wrapper .product-listing-items-wrapper .product-listing-category-group[hidden] {
  display: none;
}
.product-listing-wrapper .product-listing-items-wrapper .product-listing-category-title {
  margin: 0 0 16px;
}
.product-listing-wrapper .product-listing-items-wrapper .product-listing-category-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(25% - 16px), 1fr));
  grid-gap: 16px;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0);
  transition: box-shadow 300ms;
  border: 1px solid #ddd;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post.out-of-stock {
  background-color: #f4f4f4;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post.out-of-stock .product-listing-inner {
  opacity: 1;
  filter: grayscale(100%);
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post:hover:not(.out-of-stock) {
  background-color: white;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner {
  position: relative;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .listing-item-image-wrapper {
  background-color: #f4f4f4;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: var(--fs-base);
  padding: 16px;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info .title {
  margin-top: 8px;
  text-transform: uppercase;
  font-size: var(--fs-h5) !important;
  font-weight: bolder;
  letter-spacing: 0.02em;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info .description {
  font-size: var(--fs-h5) !important;
  font-weight: 300;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info div.price {
  display: flex;
  justify-content: center;
  padding: 16px;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info div.price span.price {
  background-color: var(--green);
  color: var(--white);
  padding: 6px 16px 8px 16px;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info .usp-text {
  margin-top: 8px;
  margin-bottom: 8px;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info .usp-text .usps ul {
  padding: 0 0 0 1.15em;
  margin: 0;
  list-style: none;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info .usp-text .usps ul > li {
  font-size: var(--fs-xsmall);
  margin-bottom: 8px;
  line-height: 130%;
  font-weight: 300;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .product-info .usp-text .usps ul > li:before {
  content: "›";
  display: inline-block;
  margin-right: 0.5em;
  margin-left: -1.25em;
  color: rgb(9, 165, 157);
  font-weight: 600;
}
.product-listing-wrapper .product-listing-items-wrapper .listing-post .product-listing-inner .listing-item-overlay-link {
  display: block;
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
}

.filter-active-tags-wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: 8px;
  background-color: #f5f7ff;
}
.filter-active-tags-wrapper span.listing-filter-item-name {
  color: #000729;
  font-size: var(--fs-xsmall);
  padding: 8px;
}
.filter-active-tags-wrapper button.listing-active-filter-item-remove {
  font-size: var(--fs-xxsmall);
  background-color: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
}
.filter-active-tags-wrapper button.listing-active-filter-item-remove:before {
  content: "+";
  transform: rotate(45deg);
  display: inline-block;
  color: #09a59d;
  font-size: var(--fs-small);
  padding: 4px;
}

.product-listing-filter-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-listing-filter-wrapper .listing-search-wrapper .listing-search-form {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.product-listing-filter-wrapper .listing-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.product-listing-filter-wrapper .listing-filter a.listing-filter-item, .product-listing-filter-wrapper .listing-filter a.module-listing-filter-all {
  display: block;
  align-items: center;
  color: #000729;
  font-size: var(--fs-xsmall);
  padding: 4px 8px 6px 8px;
  transition: border 300ms;
  border: 1px solid transparent;
}
.product-listing-filter-wrapper .listing-filter a.listing-filter-item.current-listing-filter, .product-listing-filter-wrapper .listing-filter a.listing-filter-item:hover, .product-listing-filter-wrapper .listing-filter a.module-listing-filter-all.current-listing-filter, .product-listing-filter-wrapper .listing-filter a.module-listing-filter-all:hover {
  border: 1px solid #000729;
}
.product-listing-filter-wrapper .listing-filter a.module-listing-filter-all {
  display: block;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.product-listing-filter-wrapper .listing-filter .dropdown-inner {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 16px;
}
.product-listing-filter-wrapper .listing-filter .dropdown-inner .dropdown-wrapper .filter-dropdown {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.dynamic-gravity-form-back {
  display: inline-block;
  margin-bottom: 24px;
  background-color: #000729;
  color: white;
  padding: 6px 18px;
  font-size: var(--fs-xsmall);
  text-transform: uppercase;
}

.related-products-field__header {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  padding-bottom: 8px;
  width: 100%;
  margin-bottom: 24px;
}
.related-products-field__header .related_title {
  width: 100%;
  margin: 0 0 16px 0;
  padding: 0 0 8px 0;
  color: #09a59d;
  border-bottom: 1px solid #09a59d;
  text-align: center;
}
.related-products-field__header .related-product-card__description {
  margin: 0;
  padding: 0;
}

.dynamic-gravity-form-selected-product {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 24px;
  padding: 16px;
  border: 1px solid #ddd;
}
.dynamic-gravity-form-selected-product .selected-product-image {
  width: 192px;
  height: 192px;
  object-fit: contain;
  flex-shrink: 0;
}
.dynamic-gravity-form-selected-product .selected-product-details {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1px;
  align-items: flex-start;
}
.dynamic-gravity-form-selected-product .selected-product-details .selected-product-brand {
  margin: 0;
  text-transform: uppercase;
  font-size: var(--fs-xsmall);
  color: #000729;
  padding-bottom: 0;
}
.dynamic-gravity-form-selected-product .selected-product-details .selected-product-name {
  margin: 0;
}
.dynamic-gravity-form-selected-product .selected-product-details .selected-product-description {
  margin: 0;
  font-weight: 300;
}
.dynamic-gravity-form-selected-product .selected-product-details .selected-product-price {
  margin: 0;
  font-weight: bolder;
  display: inline-block;
  background-color: var(--green);
  color: var(--white);
  padding: 6px 16px 8px 16px;
  height: auto;
}
.dynamic-gravity-form-selected-product .selected-product-details .selected-product-out-of-stock {
  margin: 0;
  color: #000;
}

.related-products-field__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}

.related-product-card {
  cursor: pointer;
  display: block;
  position: relative;
}
.related-product-card .related-product-card__usp {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  font-size: var(--fs-xsmall);
  color: #000;
}
.related-product-card .related-product-card__usp ul {
  padding: 0;
  margin: 0;
  font-size: inherit;
}
.related-product-card .related-product-card__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.related-product-card .related-product-card__input:checked + .related-product-card__inner {
  border-color: #09a59d;
  border-width: 2px;
}
.related-product-card .related-product-card__input:focus-visible + .related-product-card__inner {
  outline: 2px solid #09a59d;
  outline-offset: 2px;
}
.related-product-card .related-product-card__inner {
  border: 1px solid #ddd;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 16px;
  transition: border-color 0.2s ease-in-out, border-width 0.2s ease-in-out;
}
.related-product-card .related-product-card__inner .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--light-blue);
  padding: 12px 0;
}
.related-product-card .related-product-card__inner .header .related-product-card__title {
  margin: 0;
  padding: 0;
}
.related-product-card .related-product-card__inner .header span.related-product-card__price_information {
  font-size: var(--fs-xxsmall);
}
.related-product-card .related-product-card__image {
  aspect-ratio: 1/1;
  object-fit: contain;
  width: 100%;
}
.related-product-card .related-product-card__title {
  font-weight: bolder;
}
.related-product-card .related-product-card__description {
  font-size: var(--fs-small);
  font-weight: 300;
}

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