/* Minification failed. Returning unminified contents.
(1119,279): run-time error CSS1039: Token not allowed after unary operator: 'xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj'
(1119,463): run-time error CSS1039: Token not allowed after unary operator: 'eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA'
(1119,645): run-time error CSS1039: Token not allowed after unary operator: 'W2'
(1119,648): run-time error CSS1039: Token not allowed after unary operator: 'MnAzMYDAzaX6QjD6'
(1119,708): run-time error CSS1019: Unexpected token, found '/'
(1119,708): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1119,2352): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,4988): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(1119,5117): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(1119,5247): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(1119,5373): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(1119,5489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,5601): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(1119,5648): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(1119,5701): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(1119,5823): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(1119,5853): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(1119,6097): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(1119,7684): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(1119,7721): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(1119,7770): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(1119,7808): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(1119,7900): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color'
(1119,7960): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity'
(1119,8303): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity'
(1119,8357): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(1119,8387): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(1119,8722): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap'
(1119,9433): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(1119,10245): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(1119,10275): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(1119,11440): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(1119,11469): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(1119,11567): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,11626): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* ----------------------------------------------------------------------------
    This files is only used to aggregate variables from the default theme (this)
    and the site theme (eg. Gerdmans 2.0 or Runelandhs 2.0.

    The site theme file is copied by the Less build step
   --------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------
    Add all variables in this file. Make sure to organize variables by type 
    under headers and add new headers to the TOC.

    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. Transitions
        5. Element sizes
        6. Drop shadows
        7. z-indexs
        8. Borders

   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    5. Element sizes
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    6. Drop shadows
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    7. z-indexs
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    8. Borders
------------------------------------------------------------------------------*/
/*Copied from old theme for checkout*/
/* ----------------------------------------------------------------------------
    Add all theme specific variables in this file. Make sure to organize 
    variables by type under headers and add new headers to the TOC. 
   

    (Copy TOC from base theme base-theme-variables.less)
    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. 


   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    0. Local variables
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*@desktop-min: 1310px;*/
/*@tablet-landscape: ~"only screen and (min-width: @{tablet-landscape-min})";*/
/*@desktop: ~"only screen and (min-width: @{@desktop-min})";*/
.invisible-scroll {
  overflow: scroll;
}
.invisible-scroll::-webkit-scrollbar {
  display: none;
}
.invisible-scroll {
  scrollbar-width: none;
}
#minicart__close-btn {
  position: static;
}
@media only screen and (min-width: 768px) {
  #minicart-box {
    width: 395px;
    margin-top: 0;
    z-index: 300;
    padding: 0;
  }
}
@media only screen and (min-width: 1340px) {
  #minicart-box {
    width: 560px;
  }
}
#minicart-box__header {
  height: 80px;
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  #minicart-box__header {
    padding: 30px 30px 0;
    height: 100px;
  }
}
#minicart-box__content {
  padding: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  #minicart-box__content {
    padding: 0;
  }
}
#minicart-box__title {
  font-weight: 600;
}
@media only screen and (min-width: 977px) {
  #minicart-box__title {
    font-size: 15px;
  }
}
#minicart__body {
  height: calc(100% - 80px);
  padding: 0;
}
@media only screen and (min-width: 768px) {
  #minicart__body {
    height: calc(100% - 100px);
  }
}
.minicart-box__content {
  height: calc(100vh - 65px - 50px);
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .minicart-box__content {
    height: 100vh;
  }
}
.minicart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.minicart__products-container {
  overflow-y: scroll;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .minicart__products-container {
    padding: 0 40px;
  }
}
.minicart__product-item {
  border-bottom: 2px solid lightgray;
  padding: 10px 0;
  display: -ms-flexbox;
  display: flex;
}
.minicart__product-item--firstitem {
  border-top: 2px solid lightgray;
}
.minicart__product-picture {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24%;
}
.minicart__product-link {
  display: block;
}
.minicart__item-img {
  max-width: 100%;
}
.minicart__item-info-container {
  width: 76%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10px 0 5px;
}
.minicart__item-info {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.minicart__item-link {
  color: #242424;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  white-space: normal;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.minicart__item-articlenumber,
.minicart__item-orderpermeterlength {
  color: #242424;
  font-weight: 100;
  font-size: 13px;
  letter-spacing: 0px;
}
.minicart__quantity-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-family: "Open sans";
  font-weight: 600;
}
.minicart__quantity-controls {
  width: 50%;
  border: 1px solid black;
  padding: 0px 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.minicart__quantity-change {
  cursor: pointer;
}
.minicart__item-total-price {
  font-weight: 600;
  font-size: 13px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.minicart__item-total-price-text--special {
  color: #C72956;
  font-weight: 700;
}
.minicart__total-container {
  justify-self: flex-end;
  padding: 20px;
  background: #F5F5F5;
}
@media only screen and (min-width: 768px) {
  .minicart__total-container {
    padding: 30px;
  }
}
.minicart__total-pricelabel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 20px;
  font-weight: 600;
}
.minicart__checkout-button {
  font-family: "Lufga";
  color: white;
  font-size: 16px;
  line-height: 23px;
  background-color: #242424;
  padding: 10px;
  width: 100%;
  cursor: pointer;
  border: none;
}
.minicart__payment-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
  margin-top: 20px;
}
.minicart__checkout-invertedbutton {
  font-family: "Lufga";
  color: #242424;
  font-size: 16px;
  line-height: 23px;
  background-color: white;
  padding: 8px;
  width: 100%;
  cursor: pointer;
  border: 2px solid #242424;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .minicart__checkout-invertedbutton {
    display: none;
  }
}
.empty-cart {
  padding: 0 30px;
}
.empty-cart__text {
  font-weight: 600;
}
.quantityInput-js {
  max-width: 65%;
  border: none transparent;
  outline: none;
  text-align: center;
  font-family: "Open sans";
  font-weight: 600;
}
.hidden {
  display: none;
}
.quantity-error {
  font-size: 13px;
  color: #C72956;
}

/* ----------------------------------------------------------------------------
    This files is only used to aggregate variables from the default theme (this)
    and the site theme (eg. Gerdmans 2.0 or Runelandhs 2.0.

    The site theme file is copied by the Less build step
   --------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------
    Add all variables in this file. Make sure to organize variables by type 
    under headers and add new headers to the TOC.

    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. Transitions
        5. Element sizes
        6. Drop shadows
        7. z-indexs
        8. Borders

   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    5. Element sizes
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    6. Drop shadows
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    7. z-indexs
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    8. Borders
------------------------------------------------------------------------------*/
/*Copied from old theme for checkout*/
/* ----------------------------------------------------------------------------
    Add all theme specific variables in this file. Make sure to organize 
    variables by type under headers and add new headers to the TOC. 
   

    (Copy TOC from base theme base-theme-variables.less)
    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. 


   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    0. Local variables
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*@desktop-min: 1310px;*/
/*@tablet-landscape: ~"only screen and (min-width: @{tablet-landscape-min})";*/
/*@desktop: ~"only screen and (min-width: @{@desktop-min})";*/
.modal {
  position: fixed;
  top: 0;
  right: -100vw;
  width: 100vw;
  height: calc(100vh - 65px - 50px);
  padding-top: 65px;
  background-color: #929292;
  z-index: 211;
  transition: right 0.1s linear;
}
@media only screen and (min-width: 768px) {
  .modal {
    width: 395px;
    background-color: white;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 977px) {
  .modal {
    height: 100vh;
    right: -560px;
    width: 560px;
    margin-top: 0;
  }
}
.modal--minicart {
  height: calc(100vh - 50px);
}
.modal--open {
  right: unset;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .modal--open {
    left: unset;
    right: 0;
  }
}
.modal__content {
  position: relative;
  padding: 20px 20px 20px 20px;
  background-color: white;
}
@media only screen and (min-width: 977px) {
  .modal__content {
    padding: 0 60px;
  }
}
.modal__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1340px) {
  .modal__header {
    padding: 60px 0;
  }
}
.modal__title {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
@media only screen and (min-width: 977px) {
  .modal__title {
    font-size: 20px;
    text-transform: uppercase;
  }
}
.modal__close {
  top: 20px;
  cursor: pointer;
}
@media only screen and (min-width: 977px) {
  .modal__close {
    position: unset;
  }
}
.modal__body-title {
  font-weight: 700;
  padding-bottom: 10px;
}
.modal__body {
  overflow-y: auto;
  height: calc(100vh - 20px - 65px - 50px);
  padding-bottom: 60px;
  line-height: 24px;
}
.modal__body h2 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}
.modal__body p {
  padding-bottom: 40px;
}
.modal__body__full-description {
  padding-bottom: 25px;
}
.modal__body__attachment {
  padding-top: 25px;
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
}
.modal__body__attachment__header {
  font-weight: 600;
}
.modal__body__attachment__items {
  padding-top: 10px;
}
.modal__body__attachment__row {
  display: -ms-flexbox;
  display: flex;
  gap: 0px;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 977px) {
  .modal__body__attachment__row {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 15px;
  }
}
.modal__body__attachment__row__details {
  width: 100%;
  font-size: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 977px) {
  .modal__body__attachment__row__details {
    width: 50%;
  }
}
.modal__body__attachment__item {
  gap: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.modal__body__attachment__url {
  color: inherit;
  text-decoration: none;
}
.modal__background {
  display: none;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  right: -100vw;
  background-color: rgba(36, 36, 37, 0.5);
  z-index: calc(211 - 1);
}
@media only screen and (min-width: 768px) {
  .modal__background.modal--open {
    right: 0;
    display: block;
  }
}
.modal__background--show-on-all-sizes {
  right: 0;
  display: block;
}

/* ----------------------------------------------------------------------------
    This files is only used to aggregate variables from the default theme (this)
    and the site theme (eg. Gerdmans 2.0 or Runelandhs 2.0.

    The site theme file is copied by the Less build step
   --------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------
    Add all variables in this file. Make sure to organize variables by type 
    under headers and add new headers to the TOC.

    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. Transitions
        5. Element sizes
        6. Drop shadows
        7. z-indexs
        8. Borders

   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    5. Element sizes
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    6. Drop shadows
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    7. z-indexs
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    8. Borders
------------------------------------------------------------------------------*/
/*Copied from old theme for checkout*/
/* ----------------------------------------------------------------------------
    Add all theme specific variables in this file. Make sure to organize 
    variables by type under headers and add new headers to the TOC. 
   

    (Copy TOC from base theme base-theme-variables.less)
    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. 


   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    0. Local variables
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*@desktop-min: 1310px;*/
/*@tablet-landscape: ~"only screen and (min-width: @{tablet-landscape-min})";*/
/*@desktop: ~"only screen and (min-width: @{@desktop-min})";*/
.invisible-scroll {
  overflow: scroll;
}
.invisible-scroll::-webkit-scrollbar {
  display: none;
}
.invisible-scroll {
  scrollbar-width: none;
}
.product-pictures-swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  font-size: 18px;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.picture-thumbs ul {
  list-style: none;
}
.picture-thumbs li {
  display: inline;
  border: 1px solid gray;
  margin-left: 5px;
}
.productimages-slider__navigation-icon {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: visible;
  transition: opacity 0.25s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .productimages-slider__navigation-icon {
    width: 16px;
    height: 16px;
    top: calc(50% - (16px / 2));
  }
  .productimages-slider__navigation-icon--prev {
    left: 8px;
  }
  .productimages-slider__navigation-icon--next {
    right: 8px;
  }
}
@media only screen and (min-width: 977px) {
  .productimages-slider__navigation-icon {
    width: 20px;
    height: 20px;
    top: calc(50% - (20px / 2));
  }
  .productimages-slider__navigation-icon--prev {
    left: 10px;
  }
  .productimages-slider__navigation-icon--next {
    right: 10px;
  }
}
@media only screen and (min-width: 1340px) {
  .productimages-slider__navigation-icon {
    width: 30px;
    height: 30px;
    top: calc(50% - (30px / 2));
  }
  .productimages-slider__navigation-icon--prev {
    left: 20px;
  }
  .productimages-slider__navigation-icon--next {
    right: 20px;
  }
}
.productimages-slider__navigation-icon--prev {
  display: none;
  transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
  .productimages-slider__navigation-icon--prev {
    display: -ms-flexbox;
    display: flex;
  }
}
.productimages-slider__navigation-icon--next {
  display: none;
}
@media only screen and (min-width: 768px) {
  .productimages-slider__navigation-icon--next {
    display: -ms-flexbox;
    display: flex;
  }
}
.productimages-slider__navigation-icon--hidden {
  opacity: 0;
}

/* ----------------------------------------------------------------------------
    This files is only used to aggregate variables from the default theme (this)
    and the site theme (eg. Gerdmans 2.0 or Runelandhs 2.0.

    The site theme file is copied by the Less build step
   --------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------
    Add all variables in this file. Make sure to organize variables by type 
    under headers and add new headers to the TOC.

    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. Transitions
        5. Element sizes
        6. Drop shadows
        7. z-indexs
        8. Borders

   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    5. Element sizes
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    6. Drop shadows
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    7. z-indexs
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    8. Borders
------------------------------------------------------------------------------*/
/*Copied from old theme for checkout*/
/* ----------------------------------------------------------------------------
    Add all theme specific variables in this file. Make sure to organize 
    variables by type under headers and add new headers to the TOC. 
   

    (Copy TOC from base theme base-theme-variables.less)
    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. 


   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    0. Local variables
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*@desktop-min: 1310px;*/
/*@tablet-landscape: ~"only screen and (min-width: @{tablet-landscape-min})";*/
/*@desktop: ~"only screen and (min-width: @{@desktop-min})";*/
.product-pictures__gallery {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.product-pictures__thumbs {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 10px;
}
.product-pictures__thumbitem {
  margin-right: 10px;
  box-shadow: 0px 0px 1px #00000033;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.product-pictures__thumbitem:first-child {
  box-shadow: 0px 0px 6px #00000080;
}
.product-pictures__thumbitem img {
  object-fit: contain;
}
.product-pictures__slider-container {
  display: none;
  position: fixed;
  left: 50vw;
  top: 30%;
  transform: translate(-50%, -30%);
  height: 90vw;
  width: 90vw;
  z-index: 5000;
}
@media only screen and (min-width: 768px) {
  .product-pictures__slider-container {
    max-height: 80vh;
    max-width: 80vh;
  }
}
.product-pictures__slider-container .swiper {
  height: 90vw;
  width: 90vw;
}
@media only screen and (min-width: 768px) {
  .product-pictures__slider-container .swiper {
    max-width: 100%;
    max-height: 100%;
  }
}
.product-pictures__slider-container .swiper-slide {
  margin: 0;
}
.product-pictures__slider-container .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-pictures__slider-close-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding: 0 0 10px 0;
}
.product-pictures__slider-close-btn #closebtn {
  fill: white;
  stroke: white;
}
.variantimageslider-container {
  height: 100%;
}

/* ----------------------------------------------------------------------------
    This files is only used to aggregate variables from the default theme (this)
    and the site theme (eg. Gerdmans 2.0 or Runelandhs 2.0.

    The site theme file is copied by the Less build step
   --------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------
    Add all variables in this file. Make sure to organize variables by type 
    under headers and add new headers to the TOC.

    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. Transitions
        5. Element sizes
        6. Drop shadows
        7. z-indexs
        8. Borders

   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    5. Element sizes
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    6. Drop shadows
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    7. z-indexs
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    8. Borders
------------------------------------------------------------------------------*/
/*Copied from old theme for checkout*/
/* ----------------------------------------------------------------------------
    Add all theme specific variables in this file. Make sure to organize 
    variables by type under headers and add new headers to the TOC. 
   

    (Copy TOC from base theme base-theme-variables.less)
    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. 


   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    0. Local variables
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*@desktop-min: 1310px;*/
/*@tablet-landscape: ~"only screen and (min-width: @{tablet-landscape-min})";*/
/*@desktop: ~"only screen and (min-width: @{@desktop-min})";*/
.invisible-scroll {
  overflow: scroll;
}
.invisible-scroll::-webkit-scrollbar {
  display: none;
}
.invisible-scroll {
  scrollbar-width: none;
}
/*Slider defaults*/
.swiper-slide {
  margin-right: 16px;
}
.product-slider__container {
  position: relative;
}
.product-slider__header {
  font-family: "Lufga";
  font-size: 20px;
  font-weight: 100;
  line-height: 24px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1340px) {
  .product-slider__header {
    font-size: 30px;
    line-height: 48px;
    padding-bottom: 20px;
  }
}
.product-slider__wrapper.swiper-wrapper {
  box-sizing: border-box;
}
.product-slider__wrapper .swiper-slide {
  width: 240px;
}
@media only screen and (min-width: 768px) {
  .product-slider__wrapper .swiper-slide {
    width: 262px;
  }
}
@media only screen and (min-width: 1340px) {
  .product-slider__wrapper .swiper-slide {
    width: 315px;
  }
}
.product-slider__navigation {
  display: none;
  position: relative;
  /*@media @desktop {
            width: calc(@screen-sm-min + @navigation-icon-height);
        }*/
  margin: 0 auto;
}
.product-slider__navigation-container {
  position: absolute;
  width: 100%;
  top: calc(50% - 40px / 2);
}
@media only screen and (min-width: 1340px) {
  .product-slider__navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.product-slider__navigation-icon {
  width: 40px;
  height: 40px;
  z-index: 10;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  transition: opacity 0.25s ease-in-out;
}
.product-slider__navigation-icon--prev {
  position: absolute;
  left: calc(-40px / 2);
  transform: rotate(180deg);
}
.product-slider__navigation-icon--next {
  position: absolute;
  right: calc(-40px / 2);
}
.product-slider__navigation-icon--hidden {
  opacity: 0;
}

/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 7, 2022
 */

@font-face{font-family:swiper-icons;src:url(/Themes/Gerdmans2.0/content/dist/libs/swiperjs/data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj/wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4/Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE/P/5/f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH/wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
/* ----------------------------------------------------------------------------
    This files is only used to aggregate variables from the default theme (this)
    and the site theme (eg. Gerdmans 2.0 or Runelandhs 2.0.

    The site theme file is copied by the Less build step
   --------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------
    Add all variables in this file. Make sure to organize variables by type 
    under headers and add new headers to the TOC.

    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. Transitions
        5. Element sizes
        6. Drop shadows
        7. z-indexs
        8. Borders

   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    5. Element sizes
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    6. Drop shadows
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    7. z-indexs
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    8. Borders
------------------------------------------------------------------------------*/
/*Copied from old theme for checkout*/
/* ----------------------------------------------------------------------------
    Add all theme specific variables in this file. Make sure to organize 
    variables by type under headers and add new headers to the TOC. 
   

    (Copy TOC from base theme base-theme-variables.less)
    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. 


   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    0. Local variables
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*@desktop-min: 1310px;*/
/*@tablet-landscape: ~"only screen and (min-width: @{tablet-landscape-min})";*/
/*@desktop: ~"only screen and (min-width: @{@desktop-min})";*/
.invisible-scroll {
  overflow: scroll;
}
.invisible-scroll::-webkit-scrollbar {
  display: none;
}
.invisible-scroll {
  scrollbar-width: none;
}
html {
  scroll-behavior: smooth;
}
.variantpage-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}
@media only screen and (min-width: 768px) {
  .variantpage-header {
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.variantpage-header__top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.variantpage-header__texts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  font-family: "Lufga", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 977px) {
  .variantpage-header__texts {
    width: 100%;
    padding: 0 20px 0 30px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__texts {
    width: 690px;
  }
}
.variantpage-header__title {
  line-height: 36px;
  font-size: 30px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__title {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 977px) {
  .variantpage-header__title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__title {
    line-height: 50px;
    font-size: 45px;
    padding-bottom: 20px;
  }
}
.variantpage-header__description-abbreviated {
  display: none;
  font-size: 15px;
  color: #646464;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__description-abbreviated {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    white-space: normal;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    font-size: 15px;
    line-height: 20px;
    padding-top: unset;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__description-abbreviated {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    white-space: normal;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 20px;
  }
}
.variantpage-header__bottom {
  justify-self: flex-end;
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.variantpage-header__show-more-block {
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
}
.variantpage-header__read-more + .variantpage-header__read-more {
  padding-left: 40px;
}
.variantpage-header__read-more {
  font-weight: 600;
}
.variantpage-header__images {
  display: none;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
  }
}
.variantpage-header__image img {
  object-fit: contain;
  mix-blend-mode: multiply;
}
@media only screen and (min-width: 977px) {
  .variantpage-header__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
  }
}
.variantpage-header__image--first {
  height: 183px;
  aspect-ratio: 1.5952381;
  margin-right: 16px;
}
@media only screen and (min-width: 977px) and (max-width: 1339px) {
  .variantpage-header__image--first {
    height: 183px;
    aspect-ratio: 1.5952381;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__image--first {
    height: 285px;
    aspect-ratio: 1.5952381;
  }
}
@media only screen and (min-width: 1680px) {
  .variantpage-header__image--first {
    height: 336px;
    aspect-ratio: 1.5952381;
  }
}
.variantpage-header__image--second {
  display: none;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__image--second {
    display: block;
    height: 183px;
    aspect-ratio: 1.18452381;
  }
}
@media only screen and (min-width: 977px) and (max-width: 1339px) {
  .variantpage-header__image--second {
    height: 183px;
    aspect-ratio: 1.18452381;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__image--second {
    height: 285px;
    aspect-ratio: 1.18452381;
  }
}
@media only screen and (min-width: 1680px) {
  .variantpage-header__image--second {
    height: 336px;
    aspect-ratio: 1.18452381;
  }
}
.variantpage-header__variantlist {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.variantpage-header__variantlistselecteditem {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #242424;
  cursor: pointer;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 20px;
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__variantlistselecteditem {
    height: 123px;
  }
}
.variantpage-header__variantlistitem {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #eaeaea;
  cursor: pointer;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 20px;
  transition: all 0.3s 0.1s ease-out;
}
.variantpage-header__variantlistitem:hover {
  background-color: #f5f5f580;
  border: 1px solid #24242480;
}
.variantpage-header__variantlistitem:hover .variantpage-header__variantlistitemselect {
  opacity: 1;
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__variantlistitem {
    height: 123px;
  }
}
.variantpage-header__variantlistitemimage {
  width: 75px;
  height: 75px;
  object-fit: contain;
}
.variantpage-header__variantlistitemnameandprice {
  width: 170px;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 5px;
  line-height: 18px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__variantlistitemnameandprice {
    width: 185px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__variantlistitemnameandprice {
    width: 220px;
    line-height: 22px;
    font-size: 16px;
  }
}
.variantpage-header__variantlistitemprice {
  font-weight: bold;
}
.variantpage-header__variantlistitem__name {
  font-weight: 600;
}
.variantpage-header__variantlistitem__articlenumber {
  line-height: 24px;
  font-size: 14px;
}
.variantpage-header__variantlistitemselected {
  padding-left: 5px;
  max-width: 65px;
  word-wrap: break-word;
  text-transform: uppercase;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__variantlistitemselected {
    max-width: 75px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__variantlistitemselected {
    font-size: 16px;
  }
}
.variantpage-header__variantlistitemselect {
  padding-left: 5px;
  max-width: 65px;
  word-wrap: break-word;
  text-transform: uppercase;
  opacity: 0.5;
  font-size: 13px;
  transition: all 0.3s 0.1s ease-out;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__variantlistitemselect {
    max-width: 75px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__variantlistitemselect {
    font-size: 16px;
  }
}
.variantpage-header__selectedicon {
  width: 15px;
  height: 12px;
  margin-top: 5px;
}
.variantpage-header__thumbs {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 10px;
}
.variantpage-header__thumbitem:first-child {
  box-shadow: 0px 0px 6px #00000080;
}
.variantpage-header__thumbitem {
  margin-right: 10px;
  box-shadow: 0px 0px 1px #00000033;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.variantpage-header__gallery {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.variantpage-header__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  margin: 0px auto;
  margin-top: 2px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__container {
    -ms-flex-flow: row;
    flex-flow: row;
    margin-top: 10px;
    width: auto;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__container {
    margin-top: 0px;
    max-width: 1500px;
  }
}
.variantpage-header__containertextsmobile {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  font-family: "Lufga";
}
@media only screen and (min-width: 768px) {
  .variantpage-header__containertextsmobile {
    display: none;
  }
}
.variantpage-header__containertexts {
  display: none;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__containertexts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    font-family: "Lufga";
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .variantpage-header__maininfo {
    -ms-flex-preferred-size: 359px;
    flex-basis: 359px;
  }
}
@media only screen and (min-width: 977px) {
  .variantpage-header__maininfo {
    -ms-flex-preferred-size: 404px;
    flex-basis: 404px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__maininfo {
    -ms-flex-preferred-size: 536px;
    flex-basis: 536px;
  }
}
.variantpage-header__discount {
  display: inline;
  top: 5px;
}
.variantpage-header__discountparent {
  position: absolute;
  z-index: 1;
}
.variantpage-header__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__actions {
    -ms-flex-preferred-size: 359px;
    flex-basis: 359px;
  }
}
@media only screen and (min-width: 977px) {
  .variantpage-header__actions {
    -ms-flex-preferred-size: 404px;
    flex-basis: 404px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__actions {
    -ms-flex-preferred-size: 536px;
    flex-basis: 536px;
  }
}
.variantpage-header__containerimageandactions {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-flow: column;
  flex-flow: column;
  font-family: "Lufga";
}
@media only screen and (min-width: 768px) {
  .variantpage-header__containerimageandactions {
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
@media only screen and (min-width: 977px) {
  .variantpage-header__containerimageandactions {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
.variantpage-header__addtocartcontainer {
  display: none;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__addtocartcontainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.variantpage-header__addtocartsoldpermetercontainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__shipping-info {
    padding-top: 10px;
  }
}
.variantpage-header__buy-button {
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 8px;
}
.variantpage-header__payment-option-logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
  margin: 20px 0;
}
.variantpage-header__mobileprice {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: bold;
  font-size: 15px;
}
.variantpage-header__addtocartcontainermobile {
  position: fixed;
  bottom: 50px;
  z-index: 100;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px;
  background-color: #fafafa;
  padding: 10px 20px;
  border-top: 2px solid #ededed;
  border-bottom: 2px solid #ededed;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__addtocartcontainermobile {
    display: none;
  }
}
.variantpage-header__addtocartcontainermobile .button {
  line-height: 15px;
}
.variantpage-header__imagecontainer {
  -ms-flex-preferred-size: 335px;
  flex-basis: 335px;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__imagecontainer {
    -ms-flex-preferred-size: 359px;
    flex-basis: 359px;
  }
}
@media only screen and (min-width: 977px) {
  .variantpage-header__imagecontainer {
    -ms-flex-preferred-size: 404px;
    flex-basis: 404px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__imagecontainer {
    -ms-flex-preferred-size: 634px;
    flex-basis: 634px;
    padding-top: 0px;
  }
}
.variantpage-header__price {
  padding-top: 20px;
  margin-bottom: 20px;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 977px) {
  .variantpage-header__price {
    font-size: 30px;
  }
}
.variantpage-header__currentprice {
  margin-right: 20px;
}
.variantpage-header__lowest30daysprice {
  font-size: 16px;
  font-weight: 400;
  font-family: "Open sans";
}
.variantpage-header__ringforpricecontainer {
  margin-top: 20px;
  background-color: #f5f5f5;
  height: 45px;
  padding-left: 10px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-pack: left;
  justify-content: left;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}
.variantpage-header__ringforprice {
  margin-right: 20px;
  font-size: 16px;
  font-weight: bold;
}
.variantpage-header__description-abbreviated {
  font-family: Open Sans;
  font-weight: 100;
  font-size: 15px;
  display: none;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1340px) {
  .variantpage-header__description-abbreviated {
    font-size: 16px;
  }
}
.variantpage-header__articlenumber {
  color: #242424;
  font-weight: 100;
  margin: 5px 0px;
  font-size: 13px;
  letter-spacing: 0px;
}
.variantpage-header__detail-links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  padding-top: 15px;
}
.variantpage-header__detail-links .link {
  color: #646464;
  font-size: 18px;
}
.variantpage-header__detail-links a:first-child {
  padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__detail-links a:first-child {
    padding-bottom: 20px;
  }
}
.variantpage-header__variantslink {
  background-color: #f5f5f5;
  margin-top: 25px;
  cursor: pointer;
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__variantslink {
    height: 35px;
    margin-top: 35px;
  }
}
.variantpage-header__oldprice {
  text-decoration: line-through;
  font-style: italic;
}
.variantpage-header__vatnotice {
  color: #c6c6c6;
  font-size: 14px;
  font-style: italic;
}
.variantpage-header__addtocartquantitycontrols {
  border: 2px solid #9c9c9c;
  padding: 6px 5px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__addtocartquantitycontrols {
    padding: 10px 5px;
  }
}
.variantpage-header__addtocartquantitycontrolsmobile {
  height: 33px;
}
.variantpage-header__changequantity {
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
}
@media only screen and (min-width: 977px) {
  .variantpage-header__changequantity {
    transform: unset;
  }
}
.variantpage-header__quantityinputwrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 60px;
}
.variantpage-header__quantityinput {
  -ms-flex: 1;
  flex: 1;
  border: none transparent;
  outline: none;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  background: none;
  width: 60px;
  font-family: "Open sans";
}
.variantpage-header__quantityinputsuffix {
  font-size: 13px;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.variantpage-header__savebutton {
  display: inline-block;
  width: 70%;
  float: right;
  text-align: center;
}
.variantpage-header__mainpicture {
  width: 100%;
}
.variantpage-header__show-more-block {
  margin-top: 10px;
  color: #242424;
  letter-spacing: 0.65px;
}
@media only screen and (min-width: 768px) {
  .variantpage-header__show-more-block {
    margin-top: 0px;
  }
}
.variantpage-header__oldprice {
  text-decoration: line-through;
  font-style: italic;
}
.variantpage-header__vatnotice {
  color: #acacac;
  font-weight: 100;
  font-style: italic;
  margin: 5px 0px;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  #variant-details {
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
@media only screen and (min-width: 977px) {
  #variant-details {
    -ms-flex-flow: row;
    flex-flow: row;
  }
}
@media only screen and (min-width: 977px) {
  #variant-details .variant-details__title {
    display: none;
  }
}
@media only screen and (min-width: 977px) {
  #variant-details #product-specifications {
    display: none;
  }
}
.variant-details {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .variant-details {
    -ms-flex-flow: row;
    flex-flow: row;
  }
}
.variant-details__block {
  -ms-flex: 1;
  flex: 1;
  border: 1px solid rgba(36, 36, 36, 0.1);
  padding: 20px 40px;
}
.variant-details__block:first-child {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .variant-details__block:first-child {
    margin-bottom: 0;
    margin-right: 20px;
  }
}
.variant-details__info-block {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .variant-details__info-block {
    margin: 5px;
  }
}
@media only screen and (min-width: 977px) {
  .variant-details__info-block {
    -ms-flex-order: 1;
    order: 1;
    margin-right: 30px;
  }
}
.variant-details__list-block {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-order: 1;
  order: 1;
  background-color: #f7f7f7;
}
@media only screen and (min-width: 977px) {
  .variant-details__list-block {
    -ms-flex-order: 2;
    order: 2;
  }
}
.variant-details__list-blockheader {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .variant-details__list-blockheader {
    font-size: 24px;
    line-height: 32px;
    padding: 23px;
  }
}
@media only screen and (min-width: 977px) {
  .variant-details__list-blockheader {
    font-size: 20px;
    line-height: 16px;
  }
}
@media only screen and (min-width: 1340px) {
  .variant-details__list-blockheader {
    line-height: 32px;
    padding: 16px;
  }
}
.variant-details__title {
  font-size: 15px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .variant-details__title {
    font-size: 20px;
  }
}
.variant-details__name {
  font-size: 15px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .variant-details__name {
    font-size: 20px;
  }
}
.variant-details__body {
  font-size: 15px;
}
.variant-details--with-background {
  background-color: #f7f7f7;
}
.variant-details input {
  height: 2.5em;
  visibility: hidden;
}
.variant-details label {
  cursor: pointer;
  display: block;
  float: left;
  line-height: 2.5em;
  margin-right: 0.25em;
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  padding: 0 1em;
}
@media only screen and (min-width: 768px) {
  .variant-details label {
    padding: 0px 5px;
  }
}
.variant-details input:hover + label {
  text-decoration: underline;
}
.variant-details input:checked + label {
  color: #444;
  text-decoration: underline;
}
.variant-details__block-content {
  background: white;
  border-radius: 0 0.25em 0.25em 0.25em;
  min-height: 20em;
  position: relative;
  width: 100%;
  z-index: 5;
}
.variant-details__block-content-container {
  padding: 1.5em;
  z-index: -100;
  border: 1px solid rgba(36, 36, 36, 0.1);
}
@media only screen and (min-width: 977px) {
  .variant-details__block-content-container {
    border: none;
  }
}
.variant-details__attachment {
  border-top: 1px solid #909090;
  padding-top: 25px;
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0px;
}
.variant-details__attachment__header {
  font-weight: 600;
}
.variant-details__attachment__items {
  padding-top: 10px;
}
.variant-details__attachment__item {
  gap: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.variant-details__attachment__url {
  color: inherit;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .variant-details .product-slider__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
.variant-details .swiper-slide {
  -ms-flex-pack: normal;
  justify-content: normal;
  width: 228px;
}
@media only screen and (min-width: 768px) {
  .variant-details .swiper-slide {
    width: 331px;
    margin-bottom: 20px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 977px) {
  .variant-details .swiper-slide {
    width: 216px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1340px) {
  .variant-details .swiper-slide {
    width: 331px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .variant-details .product-slider__navigation-container {
    display: none;
  }
}
#variant-details__blockheader {
  display: none;
}
@media only screen and (min-width: 977px) {
  #variant-details__blockheader {
    display: block;
    padding: 10px;
  }
}
#js-variant-swiper {
  display: block;
}
@media only screen and (min-width: 768px) {
  #js-variant-swiper {
    display: none;
  }
}
.modal-variant-listcontainer.modal--open {
  padding-top: 33px;
  height: 100vh;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open {
    height: auto;
  }
}
.modal-variant-listcontainer.modal--open .modal__body {
  height: 475px;
  overflow-y: scroll;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal__body {
    height: 650px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal__body {
    height: 450px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal__body {
    height: 650px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open {
    padding-top: 0px;
    top: 141px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 753px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open {
    top: 171px;
    width: 960px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open {
    width: 98%;
    max-width: 1796px;
  }
}
.modal-variant-listcontainer.modal--open .modal__header {
  padding: 0px;
}
.modal-variant-listcontainer.modal--open .modal__subheader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal__subheader {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal__subheader {
    margin-bottom: 30px;
  }
}
.modal-variant-listcontainer.modal--open .modal__title {
  margin: 0px auto;
  padding-left: 30px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal__title {
    padding-left: 61px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal__title {
    padding-left: 51px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal__title {
    padding-left: 91px;
  }
}
.modal-variant-listcontainer.modal--open .menu__icon-close {
  margin: 10px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .menu__icon-close {
    margin: 20px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .menu__icon-close {
    margin: 15px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .menu__icon-close {
    margin: 35px;
  }
}
.modal-variant-listcontainer.modal--open .modal__content {
  background-color: #f7f7f7;
  padding: 10px 0px;
}
.modal-variant-listcontainer.modal--open .modal-variant__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant__list {
    padding: 0 17px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant__list {
    padding: 0 20px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .swiper-slide {
  -ms-flex-pack: normal;
  justify-content: normal;
  width: unset;
  margin: 0px 0px 10px 0px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .swiper-slide {
    width: 350px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .swiper-slide {
    width: unset;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .swiper-slide {
    width: 403px;
    margin-bottom: 20px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .variantselector-card {
  width: 172px;
  height: 220px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card {
    width: 331px;
    height: 425px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card {
    width: 215px;
    height: 275px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card {
    width: 403px;
    height: 514px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__name {
  font-size: 10px;
  line-height: 11px;
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__name {
    font-size: 15px;
    line-height: normal;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__name {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__name {
    font-size: 15px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__price {
  font-size: 11px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__price {
    font-size: 16px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__price {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__price {
    font-size: 16px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .product-card__sku {
  font-size: 10px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .product-card__sku {
    font-size: 13px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .product-card__sku {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .product-card__sku {
    font-size: 13px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .product-card__bottom {
  padding: 3px 10px;
  line-height: 18px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .product-card__bottom {
    padding: 10px 0px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .product-card__bottom {
    padding: 5px 25px;
    line-height: 17px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .product-card__bottom {
    line-height: 24px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .variant-shipping-info__stockstatus {
  font-size: 10px;
  line-height: 11px;
  margin-top: 0px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variant-shipping-info__stockstatus {
    font-size: 13px;
    line-height: 18px;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variant-shipping-info__stockstatus {
    font-size: 10px;
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variant-shipping-info__stockstatus {
    font-size: 13px;
    margin-top: 5px;
  }
}
.modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__image {
  width: 120px;
  height: 100px;
}
@media only screen and (min-width: 768px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__image {
    width: 242px;
    height: 190px;
  }
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__image {
    width: 155px;
    height: 122px;
  }
}
@media only screen and (min-width: 1340px) {
  .modal-variant-listcontainer.modal--open .modal-variant .variantselector-card__image {
    width: 290px;
    height: 227px;
  }
}
.modal-variants-js {
  text-decoration: underline;
  cursor: pointer;
}
.scaled-prices {
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (min-width: 768px) {
  .scaled-prices {
    margin-top: 20px;
    -ms-flex-order: 0;
    order: 0;
  }
}
.scaled-prices__header {
  padding-top: 20px;
  color: #646464;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}
@media only screen and (min-width: 977px) {
  .scaled-prices__header {
    font-size: 20px;
    text-align: left;
  }
}
.scaled-prices__table {
  border: 1px solid rgba(36, 36, 36, 0.1);
  color: #646464;
}
.scaled-prices__table-header,
.scaled-prices__table-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(36, 36, 36, 0.1);
}
.scaled-prices__table-header {
  font-weight: 600;
  padding: 10px 0;
}
.scaled-prices__table-row {
  font-weight: 400;
  padding: 20px 0;
}
.scaled-prices__table-row:nth-child(even) {
  background-color: #f7f7f7;
}
.scaled-prices__col {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-align: center;
  align-items: center;
}
.scaled-prices__price--current {
  font-weight: 700;
  text-decoration: underline;
}
.scaled-prices__discount-percent {
  color: #C72956;
  text-decoration: none;
  padding-bottom: 2px;
  background: linear-gradient(#242424, #242424) center bottom;
  background-size: 0% 2px;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.variantselector-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 228px;
  height: 297px;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .variantselector-card {
    width: 331px;
    height: 425px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card {
    width: 216px;
    height: 275px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card {
    width: 331px;
    height: 425px;
  }
}
.variantselector-card__selected {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  left: 14px;
}
@media only screen and (min-width: 768px) {
  .variantselector-card__selected {
    width: 45px;
    height: 45px;
    top: 17px;
    left: 15px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card__selected {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card__selected {
    width: 45px;
    height: 45px;
    top: 17px;
    left: 15px;
  }
}
.variantselector-card__select {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 20px;
  left: 14px;
}
@media only screen and (min-width: 768px) {
  .variantselector-card__select {
    width: 45px;
    height: 45px;
    top: 17px;
    left: 15px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card__select {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card__select {
    width: 45px;
    height: 45px;
    top: 17px;
    left: 15px;
  }
}
.variantselector-card__image {
  width: 160px;
  height: 125px;
  object-fit: contain;
  display: block;
  margin-top: 14px;
  margin-left: 45px;
}
@media only screen and (min-width: 768px) {
  .variantselector-card__image {
    width: 242px;
    height: 190px;
    margin-top: 17px;
    margin-left: 60px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card__image {
    width: 155px;
    height: 122px;
    margin-top: 16px;
    margin-left: 46px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card__image {
    width: 242px;
    height: 190px;
    margin-top: 17px;
    margin-left: 60px;
  }
}
.variantselector-card__name {
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .variantselector-card__name {
    font-size: 15px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card__name {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card__name {
    font-size: 15px;
  }
}
.variantselector-card__price {
  font-size: 13px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .variantselector-card__price {
    font-size: 16px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card__price {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card__price {
    font-size: 16px;
  }
}
.variantselector-card .product-card__bottom {
  padding: 10px 0px;
  margin-left: 45px;
  max-width: 160px;
  line-height: 17px;
}
@media only screen and (min-width: 768px) {
  .variantselector-card .product-card__bottom {
    margin-left: 60px;
    max-width: 242px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card .product-card__bottom {
    margin-left: 46px;
    max-width: 242px;
    line-height: 17px;
    padding: 5px 0px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card .product-card__bottom {
    margin-left: 60px;
    max-width: 242px;
    line-height: 24px;
  }
}
.variantselector-card .product-card__text-box {
  padding-left: 0px;
}
.variantselector-card .product-card__text-box {
  font-weight: normal;
}
.variantselector-card .product-card__link {
  height: unset;
}
.variantselector-card .product-card__info {
  padding: 0px;
}
.variantselector-card .variant-shipping-info__stockstatus {
  margin-top: 5px;
  font-style: normal;
  font-size: 12px;
  padding: 0px 20px;
  margin-left: auto;
  margin-right: auto;
  font-style: italic;
}
@media only screen and (min-width: 768px) {
  .variantselector-card .variant-shipping-info__stockstatus {
    font-size: 13px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card .variant-shipping-info__stockstatus {
    font-size: 10px;
    padding: 0px 10px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card .variant-shipping-info__stockstatus {
    font-size: 13px;
  }
}
.variantselector-card .product-card__buy {
  padding-left: 0px;
}
.variantselector-card .product-card__sku {
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .variantselector-card .product-card__sku {
    font-size: 13px;
  }
}
@media only screen and (min-width: 977px) {
  .variantselector-card .product-card__sku {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1340px) {
  .variantselector-card .product-card__sku {
    font-size: 13px;
  }
}
.modal-variant-listcontainer .variantselector-card__selected,
.modal-variant-listcontainer .variantselector-card__select {
  display: none;
}
.modal-variant-listcontainer .variantselector-card__image {
  margin-left: auto;
  margin-right: auto;
}
.modal-variant-listcontainer .product-card__bottom {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 977px) {
  .modal-variant-listcontainer .product-card__bottom {
    padding: 5px 25px;
  }
}

/* ----------------------------------------------------------------------------
    This files is only used to aggregate variables from the default theme (this)
    and the site theme (eg. Gerdmans 2.0 or Runelandhs 2.0.

    The site theme file is copied by the Less build step
   --------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------
    Add all variables in this file. Make sure to organize variables by type 
    under headers and add new headers to the TOC.

    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. Transitions
        5. Element sizes
        6. Drop shadows
        7. z-indexs
        8. Borders

   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    5. Element sizes
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    6. Drop shadows
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    7. z-indexs
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    8. Borders
------------------------------------------------------------------------------*/
/*Copied from old theme for checkout*/
/* ----------------------------------------------------------------------------
    Add all theme specific variables in this file. Make sure to organize 
    variables by type under headers and add new headers to the TOC. 
   

    (Copy TOC from base theme base-theme-variables.less)
    Table of contents:
        1. Colors
        2. Spacing
        3. Fonts
        4. 


   --------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    0. Local variables
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    1. Colors
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    2. Spacing
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    3. Fonts
------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
    4. Transitions
------------------------------------------------------------------------------*/
/*@desktop-min: 1310px;*/
/*@tablet-landscape: ~"only screen and (min-width: @{tablet-landscape-min})";*/
/*@desktop: ~"only screen and (min-width: @{@desktop-min})";*/
html {
  scroll-behavior: smooth;
}
.product-page {
  scroll-behavior: smooth;
}
.product-page__top {
  padding-bottom: 20px;
  scroll-behavior: smooth;
}
@media only screen and (min-width: 1340px) {
  .product-page__top {
    padding-bottom: 40px;
  }
}
.product-page__product-grid {
  width: 100%;
}
.product-page__center {
  display: -ms-flexbox;
  display: flex;
}
.product-page__footer {
  scroll-margin-top: 65px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 50px;
}
@media only screen and (min-width: 1340px) {
  .product-page__footer {
    scroll-margin-top: 150px;
  }
}
.product-page__footer__title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 1em;
}
.product-page__footer__content {
  color: #242424;
}
.product-page__footer__content p {
  padding: 0 0 1em;
}
.product-page__footer__content h2 {
  font-size: 16px;
}
.product-page__footer__icon {
  padding: 0.5em 0 2em;
  color: #242424;
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.product-page__footer__icon-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (min-width: 1340px) {
  .product-page__footer__icon-container--hidden-on-desktop {
    display: none;
  }
}
.product-page__read-more-link {
  text-decoration: none;
  color: #242424;
}
.invisible-scroll {
  overflow: scroll;
}
.invisible-scroll::-webkit-scrollbar {
  display: none;
}
.invisible-scroll {
  scrollbar-width: none;
}
.productpage-header > * {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.productpage-header__gallery {
  display: none;
}
@media only screen and (min-width: 768px) {
  .productpage-header__gallery {
    display: block;
  }
}
.productpage-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}
@media only screen and (min-width: 768px) {
  .productpage-header {
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.productpage-header__top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.productpage-header__texts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  font-family: "Lufga", Arial, Helvetica, sans-serif;
}
@media only screen and (min-width: 977px) {
  .productpage-header__texts {
    width: 100%;
    padding: 0 20px 0 30px;
  }
}
@media only screen and (min-width: 1340px) {
  .productpage-header__texts {
    width: 690px;
  }
}
.productpage-header__title {
  line-height: 36px;
  font-size: 30px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .productpage-header__title {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 977px) {
  .productpage-header__title {
    font-size: 30px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1340px) {
  .productpage-header__title {
    line-height: 50px;
    font-size: 45px;
    padding-bottom: 20px;
  }
}
.productpage-header__description-abbreviated {
  display: none;
  font-size: 15px;
  color: #646464;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .productpage-header__description-abbreviated {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    white-space: normal;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    font-size: 15px;
    line-height: 20px;
    padding-top: unset;
  }
}
@media only screen and (min-width: 1340px) {
  .productpage-header__description-abbreviated {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    white-space: normal;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 20px;
  }
}
.productpage-header__bottom {
  justify-self: flex-end;
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.productpage-header__show-more-block {
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
}
.productpage-header__read-more + .productpage-header__read-more {
  padding-left: 40px;
}
.productpage-header__read-more {
  font-weight: 600;
}
.productpage-header__images {
  display: none;
}
@media only screen and (min-width: 768px) {
  .productpage-header__images {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
  }
}
.productpage-header__image img {
  object-fit: contain;
  mix-blend-mode: multiply;
}
@media only screen and (min-width: 977px) {
  .productpage-header__image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
  }
}
.productpage-header__image--first {
  height: 183px;
  aspect-ratio: 1.5952381;
  margin-right: 16px;
}
@media only screen and (min-width: 977px) and (max-width: 1339px) {
  .productpage-header__image--first {
    height: 183px;
    aspect-ratio: 1.5952381;
  }
}
@media only screen and (min-width: 1340px) {
  .productpage-header__image--first {
    height: 285px;
    aspect-ratio: 1.5952381;
  }
}
@media only screen and (min-width: 1680px) {
  .productpage-header__image--first {
    height: 336px;
    aspect-ratio: 1.5952381;
  }
}
.productpage-header__image--second {
  display: none;
}
@media only screen and (min-width: 768px) {
  .productpage-header__image--second {
    display: block;
    height: 183px;
    aspect-ratio: 1.18452381;
  }
}
@media only screen and (min-width: 977px) and (max-width: 1339px) {
  .productpage-header__image--second {
    height: 183px;
    aspect-ratio: 1.18452381;
  }
}
@media only screen and (min-width: 1340px) {
  .productpage-header__image--second {
    height: 285px;
    aspect-ratio: 1.18452381;
  }
}
@media only screen and (min-width: 1680px) {
  .productpage-header__image--second {
    height: 336px;
    aspect-ratio: 1.18452381;
  }
}
@media only screen and (min-width: 768px) {
  .productpage-header__title {
    font-size: 30px;
    padding-bottom: 0;
  }
}
.productpage-header__description-abbreviated {
  font-size: 22px;
  padding-bottom: 10px;
}
.productpage-header__full-description-abbreviated {
  display: none;
}
@media only screen and (min-width: 768px) {
  .productpage-header__full-description-abbreviated {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    white-space: normal;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.productpage-header__show-more-block {
  padding-bottom: 20px;
}
.productpage-header__read-more {
  font-size: 24px;
  font-weight: 400;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .productpage-header__read-more {
    font-size: 18px;
  }
}
.productpage-header__image--second {
  display: none;
}
@media only screen and (min-width: 977px) {
  .productpage-header__image--second {
    display: block;
  }
}
.productpage-header__usps {
  display: none;
}
@media only screen and (min-width: 768px) {
  .productpage-header__usps {
    display: block;
    padding-left: 20px;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 20px;
  }
}
.productpage-header__price {
  padding-top: 20px;
  margin-bottom: 20px;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 977px) {
  .productpage-header__price {
    font-size: 30px;
  }
}
.productpage-header__description-abbreviated {
  display: block;
}
@media only screen and (min-width: 768px) {
  .productpage-header__description-abbreviated {
    display: none;
  }
}
.productpage-header__description-abbreviated--second {
  display: none;
}
@media only screen and (min-width: 1680px) {
  .productpage-header__description-abbreviated--second {
    object-fit: scale-down;
    display: block;
    width: 398px;
    height: 150px;
    mix-blend-mode: multiply;
  }
}
.product-specification {
  background: #fff;
}
.product-specification__data-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  color: #000;
}
.product-specification table {
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
  border-color: grey;
}
@media only screen and (min-width: 1340px) {
  .product-specification table {
    display: block;
  }
}
.product-card__name {
  font-size: 18px;
}
.product-specification {
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  line-height: 24px;
  border-bottom: 2px solid rgba(36, 36, 36, 0.1);
  line-height: 32px;
}
.product-specification__name {
  width: 50%;
  overflow-wrap: break-word;
  padding-right: 3px;
}
.product-specification__option {
  width: 50%;
}