/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/critical.scss ***!
  \*************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "Usual";
  src: url(4fc222d3d93bb2c021c9.otf) format("opentype");
  font-weight: 400; /* Regular */
  font-style: normal;
}
@font-face {
  font-family: "Usual";
  src: url(63241b5614dc712c36a6.otf) format("opentype");
  font-weight: 500; /* Medium */
  font-style: normal;
}
@font-face {
  font-family: "Usual";
  src: url(1bbab28c664ac7ecb6b2.otf) format("opentype");
  font-weight: 700; /* Bold */
  font-style: normal;
}
:root {
  interpolate-size: allow-keywords;
}

:root {
  --color-black: #161617;
  --color-white: #ffffff;
  --color-gray: #d6d5d6;
  --color-font: #fff;
  --color-font-secondary: #706e6f;
  --color-font-tertiary: #fff;
  --color-font-fourth: #474446;
  --color-border: #f5f4f4;
  --color-border-2: #ebebeb;
  --color-border-3: rgba(255, 255, 255, 0.5);
  --color-bg-main: #080e17;
  --gradient: linear-gradient(270deg, #e80c7a 0%, #650ce8 100%);
  --gradient-blue: linear-gradient(180deg, #9e6504 0%, #c4984c 100%);
  --color-primary: #c4984c;
  --color-transparent: rgba(255, 255, 255, 0.1);
}

html {
  font-size: 14px;
  scroll-behavior: smooth;
}

body {
  padding: 0;
  margin: 0;
  color: var(--color-white);
  font-family: "Usual", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.7142857143em;
  background-color: var(--color-bg-main);
}

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

img {
  display: block;
  max-width: 100%;
  height: auto;
}

input {
  font-family: "Usual", sans-serif;
}

a {
  text-decoration: none;
  transition: all 0.15s ease-in;
  color: var(--color-secondary);
}

p {
  margin: 1.1428571429em 0;
}

button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  font-size: 1rem;
}

.content-wrapper.container,
.container {
  width: 100%;
  max-width: calc(1440px + 4rem);
  margin: 0 auto;
  padding: 0 2rem;
}
@media (max-width: 767px) {
  .content-wrapper.container,
  .container {
    padding: 0 16px;
  }
}

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

.js-hidden.visible,
.js-hidden.visible-permanent {
  display: block;
}

.js-not-visible {
  opacity: 0;
  visibility: hidden;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.extended-banner-title {
  font-family: Usual, sans-serif;
  font-weight: 700;
  color: var(--color-white);
}

h1 {
  font-size: 3rem;
  line-height: 1.3571428571em;
}
@media (max-width: 767px) {
  h1 {
    font-size: 2.1428571429rem;
    line-height: 1.3666666667em;
  }
}

h2 {
  font-size: 2.5714285714rem;
  line-height: 1.3611111111em;
}
@media (max-width: 767px) {
  h2 {
    font-size: 1.8571428571rem;
    line-height: 1.3461538462em;
  }
}

h3 {
  font-size: 2.2857142857rem;
  line-height: 1.375em;
}
@media (max-width: 767px) {
  h3 {
    font-size: 1.7142857143rem;
    line-height: 1.375em;
  }
}

h4 {
  font-size: 2rem;
  line-height: 1.3571428571em;
}
@media (max-width: 767px) {
  h4 {
    font-size: 1.5714285714rem;
    line-height: 1.3636363636em;
  }
}

h5 {
  font-size: 1.7142857143rem;
  line-height: 1.3333333333em;
}
@media (max-width: 767px) {
  h5 {
    font-size: 1.4285714286rem;
    line-height: 1.3em;
  }
}

h6 {
  font-size: 1.4285714286rem;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  h6 {
    font-size: 1.2857142857rem;
    line-height: 1.4444444444em;
  }
}

.carousel-control.left,
.carousel-control.right,
.slick-arrow {
  opacity: 1;
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: 0;
  line-height: 0;
  color: transparent;
  padding: 0;
}
.carousel-control.left:before,
.carousel-control.right:before,
.slick-arrow:before {
  content: "";
  position: static;
  width: 44px;
  height: 44px;
  margin: 0;
  background-image: url(assets/arrow-white.svg), linear-gradient(180deg, #9e6504 0%, #c4984c 100%);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto;
  border: 1px solid var(--Neutral-01, #fcfcfc);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  transition: all 0.15s ease-in;
}
.carousel-control.left:hover:before,
.carousel-control.right:hover:before,
.slick-arrow:hover:before {
  background-color: var(--color-primary);
}
.carousel-control.left.slick-disabled:before,
.carousel-control.right.slick-disabled:before,
.slick-arrow.slick-disabled:before {
  /* вместо var(--color-bg-main) подставляем в градиент */
  background-image: url(assets/arrow-white.svg), linear-gradient(180deg, var(--color-bg-main) 0%, var(--color-bg-main) 100%);
}

.carousel-control.left {
  left: -22px;
}
@media (max-width: 767px) {
  .carousel-control.left {
    left: -4px;
    height: fit-content;
    top: 32.8vw;
    transform: translateY(-20%);
  }
}

.carousel-control.right {
  right: -22px;
}
@media (max-width: 767px) {
  .carousel-control.right {
    right: -4px;
    height: fit-content;
    top: 32.8vw;
    transform: translateY(-20%);
  }
}

.carousel-control.left:before,
.slick-arrow.slick-prev:before {
  transform: rotate(180deg);
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.slick-arrow.slick-prev {
  left: 7px;
}
.slick-arrow.slick-next {
  right: 7px;
}

.btn,
a.btn,
.extended-banner-link,
.akce-banner__timer-perex,
.akce-banner__btn,
.toggle-top-products,
.category-second-desc-link-back,
.toggle-filters,
#clear-filters .close-after,
.btn.btn-sm,
a.btn.btn-sm,
.btn.btn-xs,
a.btn.btn-xs,
.btn.btn-conversion {
  padding: 8px 16px;
  border-radius: 6px;
  width: fit-content;
  font-family: "Usual", sans-serif;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 700;
  text-transform: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  transition: all 0.15s ease-in;
  position: relative;
  overflow: hidden;
}
.btn::before, .btn::after,
a.btn::before,
a.btn::after,
.extended-banner-link::before,
.extended-banner-link::after,
.akce-banner__timer-perex::before,
.akce-banner__timer-perex::after,
.akce-banner__btn::before,
.akce-banner__btn::after,
.toggle-top-products::before,
.toggle-top-products::after,
.category-second-desc-link-back::before,
.category-second-desc-link-back::after,
.toggle-filters::before,
.toggle-filters::after,
#clear-filters .close-after::before,
#clear-filters .close-after::after,
.btn.btn-sm::before,
.btn.btn-sm::after,
a.btn.btn-sm::before,
a.btn.btn-sm::after,
.btn.btn-xs::before,
.btn.btn-xs::after,
a.btn.btn-xs::before,
a.btn.btn-xs::after,
.btn.btn-conversion::before,
.btn.btn-conversion::after {
  line-height: 0;
  transition: all 0.15s ease-in;
}
.btn:after,
a.btn:after,
.extended-banner-link:after,
.akce-banner__timer-perex:after,
.akce-banner__btn:after,
.toggle-top-products:after,
.category-second-desc-link-back:after,
.toggle-filters:after,
#clear-filters .close-after:after,
.btn.btn-sm:after,
a.btn.btn-sm:after,
.btn.btn-xs:after,
a.btn.btn-xs:after,
.btn.btn-conversion:after {
  content: "";
  position: absolute;
  height: 300px;
  width: 20px;
  background-color: #f3f3f3;
  box-shadow: 0 0 10px #fff;
  filter: blur(1px);
  top: -50px;
  left: -40px;
  transition: 2s;
  transform: rotate(-20deg);
}
.btn:hover::after,
a.btn:hover::after,
.extended-banner-link:hover::after,
.akce-banner__timer-perex:hover::after,
.akce-banner__btn:hover::after,
.toggle-top-products:hover::after,
.category-second-desc-link-back:hover::after,
.toggle-filters:hover::after,
#clear-filters .close-after:hover::after,
.btn.btn-sm:hover::after,
a.btn.btn-sm:hover::after,
.btn.btn-xs:hover::after,
a.btn.btn-xs:hover::after,
.btn.btn-conversion:hover::after {
  transform: rotate(-20deg) translate(800px, 155px);
}

.extended-banner-texts .extended-banner-link {
  height: unset;
}

a.blog__link,
.toggle-top-products {
  padding-right: 62px;
  padding-left: 62px;
}

#content .btn.unveil-button {
  display: inline-flex;
}

.btn.btn-primary,
a.btn.btn-primary,
.advanced-order .btn.btn-conversion,
#continue-order-button.btn.btn-conversion {
  color: var(--color-bg-main);
  border: none;
  text-transform: uppercase;
  background-color: var(--color-primary);
}
.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.advanced-order .btn.btn-conversion:hover,
#continue-order-button.btn.btn-conversion:hover {
  color: var(--color-bg-main) !important;
  background-color: var(--color-primary) !important;
}

.btn.btn-cart,
a.btn.btn-cart,
.navigation-btn,
.favourite-brands__btn,
.btn.btn-conversion,
a.btn.unveil-button {
  color: var(--color-bg-main) !important;
  text-transform: uppercase;
  border: none;
  background: linear-gradient(270deg, #9e6504 0%, #be9652 100%);
}
.banner-wrapper .extended-banner-texts .extended-banner-link,
.banner-category .extended-banner-link,
.akce-banner__btn,
.toggle-top-products,
.btn.load-products,
.category-second-desc-link-back {
  color: var(--color-white) !important;
  border: 2px solid #9e6504;
  background: rgba(88, 92, 97, 0.5);
  backdrop-filter: blur(6.0999999046px);
  text-transform: uppercase;
  padding: 12px 32px;
}
.banner-wrapper .extended-banner-texts .extended-banner-link:hover,
.banner-category .extended-banner-link:hover,
.akce-banner__btn:hover,
.toggle-top-products:hover,
.btn.load-products:hover,
.category-second-desc-link-back:hover {
  border-color: #9e6504;
  background: rgba(88, 92, 97, 0.5);
}

.category-second-desc-link-back {
  text-decoration: none !important;
}

.blog__link,
.toggle-filters,
#clear-filters .close-after {
  color: var(--color-font);
  border-color: var(--color-font);
  background-color: transparent;
}
.blog__link:visited,
.toggle-filters:visited,
#clear-filters .close-after:visited {
  color: var(--color-font);
}
.blog__link:hover,
.toggle-filters:hover,
#clear-filters .close-after:hover {
  color: var(--color-white);
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
}

.p-tools .btn.btn-primary::before {
  content: url(assets/search-white.svg);
  filter: invert(1);
}

.btn.btn-cart::before,
.advanced-order .btn.btn-conversion::before {
  content: url(assets/cart-white.svg);
  filter: invert(1);
  margin-right: 0;
}

.navigation-btn::before {
  content: url(assets/menu-white.svg);
}

.load-products::before,
.category-second-desc-link-back::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid var(--color-font);
  border-right: 1px solid var(--color-font);
  transform: rotate(45deg);
  margin-bottom: 3px;
}
.load-products:hover::before,
.category-second-desc-link-back:hover::before {
  border-color: var(--color-white);
}

.category-second-desc-link-back:before {
  transform: rotate(225deg);
}

.banner a {
  display: block;
}
.banner img {
  min-height: 210px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .banner img {
    min-height: 180px;
    object-position: right 10% top 50%;
  }
}

.extended-banner-texts {
  padding: 24px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .extended-banner-texts {
    padding: 16px;
  }
}

.extended-banner-title,
.extended-banner-text,
.extended-banner-link {
  position: static;
  background-color: transparent;
  box-shadow: none;
}

.extended-banner-link {
  position: relative;
  top: unset;
}

.extended-banner-title,
.extended-banner-text {
  display: block;
  padding: 0;
  border: none;
}

.extended-banner-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  color: var(--color-white);
  font-size: 2.2857142857rem;
  line-height: 1.375em;
}
@media (max-width: 767px) {
  .extended-banner-title {
    font-size: 1.5714285714rem;
    line-height: 1.3636363636em;
  }
}
.extended-banner-title small {
  font-family: "Usual", sans-serif;
  font-size: 1.2857142857rem;
  line-height: 1.6666666667em;
  font-weight: 500;
}
@media (max-width: 767px) {
  .extended-banner-title small {
    font-size: 0.8571428571rem;
    line-height: 1.25em;
  }
}

.extended-banner-text {
  font-weight: 500;
  color: var(--color-bg-main);
  margin-bottom: 36px;
}

.carousel .extended-banner-text {
  color: var(--color-white);
}

.extended-banner-link {
  margin: 0;
  margin-top: auto;
}
@media (max-width: 767px) {
  .extended-banner-link {
    margin-top: 16px;
  }
}

.dkLabVisitedContainer {
  margin-bottom: 40px;
}

#header {
  background-color: transparent;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 767px) {
  #header {
    position: static;
    top: 0;
    margin: 0;
  }
}

.top-navigation-bar {
  display: none;
}

.header-top {
  padding-top: 32px;
  padding-bottom: 32px;
  height: auto;
  align-items: center;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
}
.header-top > div {
  flex: unset;
}
@media (max-width: 767px) {
  .header-top {
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
    border: none;
  }
}

.site-name-wrapper {
  margin-right: 24px;
  width: 228px;
}
.site-name-wrapper a {
  display: block !important;
}
@media (max-width: 767px) {
  .site-name-wrapper {
    width: 120px;
    height: auto;
    margin-right: 16px;
  }
}

#header .site-name {
  position: static;
}
#header .site-name a {
  height: auto !important;
}
#header .site-name a img {
  width: auto;
  max-width: 100%;
  padding: 0;
}

.navigation-open .navigation-btn::before {
  line-height: 0;
}

.navigation-btn {
  margin-left: auto;
  margin-right: 24px;
}
.navigation-btn::before {
  content: url(assets/menu-white.svg);
  filter: invert(1);
  line-height: 0;
}
@media (max-width: 1200px) {
  .navigation-btn {
    padding: 8px !important;
  }
  .navigation-btn span {
    display: none;
  }
}
@media (max-width: 921px) {
  .navigation-btn {
    margin-left: 24px;
    margin-right: auto;
  }
  .navigation-btn span {
    display: block;
  }
}
@media (max-width: 767px) {
  .navigation-btn {
    order: 10;
    margin: 0;
    padding: 8px !important;
  }
  .navigation-btn span {
    display: none;
  }
}

.search {
  z-index: 1;
  flex: 1 !important;
  margin-right: auto;
  max-width: 600px;
  margin-left: auto;
}
@media (max-width: 921px) {
  .search {
    display: none;
    padding: 14px 16px 19px !important;
    background-color: var(--color-bg-main) !important;
    left: 0 !important;
  }
}

#formSearchForm fieldset {
  display: flex;
  align-items: center;
  background: linear-gradient(270deg, #9e6504 -0.09%, #be9652 99.86%);
  border-radius: 11px;
  transition: all 0.15s ease-in;
  overflow: hidden;
}
#formSearchForm fieldset:hover {
  background: linear-gradient(270deg, #9e6504 -0.09%, #be9652 99.86%);
}

.compact-form .form-control {
  padding: 6px 14px;
  border: 2px solid var(--color-primary);
  border-radius: 11px;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 700;
  color: var(--color-white);
  background-color: #474c52;
  height: auto;
  transition: all 0.15s ease-in;
}
.compact-form .form-control::placeholder {
  color: var(--color-white);
}

#formSearchForm .form-control {
  border: none;
  position: relative;
  left: 2px;
}

.compact-form .btn {
  position: static;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background-color: transparent;
  height: 40px;
  width: 72px;
  background-image: url(assets/search-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  border-radius: 11px;
  flex-shrink: 0;
  transition: all 0.15s ease-in;
}
.compact-form .btn:after {
  display: none;
}
.compact-form .btn:hover {
  background-color: transparent;
}

.top-navigation-tools {
  display: flex;
  align-items: center;
  margin-left: 24px;
}
@media (max-width: 767px) {
  .top-navigation-tools {
    margin-left: auto;
  }
}

@media (max-width: 1200px) {
  .languagesMenu {
    order: 1;
  }
}
@media (max-width: 767px) {
  .languagesMenu {
    display: none;
  }
}

.languagesMenu__content {
  background-color: var(--color-bg-main);
}

.top-navigation-tools--language .dropdown {
  color: white;
}
.top-navigation-tools--language .dropdown > span {
  display: none;
}
.top-navigation-tools--language .dropdown .dropdown-menu {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  color: white;
}

.languagesMenu__header,
.top-nav-button-login,
.top-nav-button-account,
#header .header-top .btn.cart-count {
  padding: 8px 0;
  margin: 0;
  margin-right: 8px;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 400;
  color: var(--color-white);
  text-transform: none;
  display: flex;
  align-items: center;
  gap: 8px;
  border: none;
}
.languagesMenu__header:hover,
.top-nav-button-login:hover,
.top-nav-button-account:hover,
#header .header-top .btn.cart-count:hover {
  color: var(--color-primary);
}
.languagesMenu__header .caret,
.top-nav-button-login .caret,
.top-nav-button-account .caret,
#header .header-top .btn.cart-count .caret {
  margin: 0;
}
@media (max-width: 767px) {
  .languagesMenu__header,
  .top-nav-button-login,
  .top-nav-button-account,
  #header .header-top .btn.cart-count {
    margin-right: 0;
  }
}

.languagesMenu__header--name {
  display: none;
}

.languagesMenu__flags {
  padding: 0;
}
.languagesMenu__flags .shp-flag {
  margin: 0;
}
.languagesMenu__flags .caret {
  display: none;
}

.top-nav-button-login,
.top-nav-button-account {
  transition: none;
}
.top-nav-button-login::before,
.top-nav-button-account::before {
  mask-image: url(assets/login-black.svg);
  line-height: 0;
  width: 24px;
  height: 24px;
  content: "";
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: var(--color-white);
}
.top-nav-button-login:hover, .top-nav-button-login:focus,
.top-nav-button-account:hover,
.top-nav-button-account:focus {
  color: var(--color-primary-hover);
}
.top-nav-button-login:hover::before, .top-nav-button-login:focus::before,
.top-nav-button-account:hover::before,
.top-nav-button-account:focus::before {
  background-color: var(--color-primary-hover);
}
@media (max-width: 1200px) {
  .top-nav-button-login,
  .top-nav-button-account {
    order: 3;
    width: 40px;
    height: 40px;
    justify-content: center;
  }
  .top-nav-button-login span,
  .top-nav-button-account span {
    display: none;
  }
}

.in-login .top-nav-button-login::before,
.in-login .top-nav-button-account::before,
.in-klient .top-nav-button-login::before,
.in-klient .top-nav-button-account::before {
  content: "";
  mask-image: url(assets/login-black.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.in-login .top-nav-button-login span,
.in-login .top-nav-button-account span,
.in-klient .top-nav-button-login span,
.in-klient .top-nav-button-account span {
  color: var(--color-primary-hover);
}

.navigation-buttons {
  padding: 0;
}

#header .header-top .btn.cart-count {
  margin-right: 0;
}
#header .header-top .btn.cart-count .cart-price {
  font-family: "Montserrat", sans-serif;
}
#header .header-top .btn.cart-count i {
  left: 8px !important;
  top: 19px !important;
  width: 20px;
  height: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  #header .header-top .btn.cart-count i {
    left: 16px !important;
    top: 21px !important;
  }
}
#header .header-top .btn.cart-count::before {
  content: "";
  mask-image: url(assets/cart-white.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  font-size: 0;
  line-height: 0;
  margin: 0;
  vertical-align: unset;
  width: 24px;
  height: 24px;
  background-color: var(--color-white);
}
#header .header-top .btn.cart-count:hover::before, #header .header-top .btn.cart-count:focus::before {
  background-color: var(--color-primary-hover);
}
@media (max-width: 1200px) {
  #header .header-top .btn.cart-count {
    width: 40px;
    height: 40px;
    justify-content: center;
  }
  #header .header-top .btn.cart-count .cart-price {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #header .header-top .btn.cart-count {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    margin-right: 16px;
  }
}

@media (max-width: 921px) {
  .responsive-tools {
    order: 2;
    display: flex;
    padding: 0;
  }
  .responsive-tools > a[data-target=search] {
    margin: 0;
    margin-right: 8px;
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .responsive-tools > a[data-target=search]::before {
    content: url(assets/search-white.svg);
    mix-blend-mode: exclusion;
    font-size: 0;
    line-height: 0;
    width: auto;
  }
}
@media (max-width: 921px) and (max-width: 767px) {
  .responsive-tools > a[data-target=search] {
    margin-right: 0;
  }
}
@media (max-width: 921px) {
  .responsive-tools > a[data-target=navigation] {
    display: none;
  }
}

.top-navigation-menu {
  height: auto;
  padding: 0;
  border-radius: 12px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.04);
  border: 2px solid var(--color-bg-main);
  background-color: var(--color-bg-main);
}
@media (max-width: 767px) {
  .top-navigation-menu {
    display: none;
  }
}

.top-navigation-bar-menu {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}
.top-navigation-bar-menu li a {
  padding: 12px;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 400;
  color: var(--color-white);
  text-transform: none;
  transition: all 0.15s ease-in;
  font-weight: 500;
}
.top-navigation-bar-menu li a:hover {
  color: var(--color-primary);
}
.top-navigation-bar-menu li::before {
  display: none;
}

.top-navigation-bar-menu-helper {
  top: 48px;
}
.top-navigation-bar-menu-helper li a {
  color: var(--color-font);
}

.top-navigation-menu-trigger {
  width: 36px;
  height: 100%;
  align-items: center;
  justify-content: center;
  bottom: 0;
}
.top-navigation-menu-trigger::before {
  color: var(--color-font);
}

.top-menu-trigger-visible .top-navigation-menu-trigger {
  display: flex;
}

.navigation-open {
  overflow: hidden;
}
.navigation-open #navigation .navigation-in {
  display: block;
}
.navigation-open.submenu-visibled .navigation-in > ul > li.ext.expo > ul {
  display: flex;
}

#navigation {
  position: relative;
  margin: 0;
  height: auto;
  overflow: visible;
  z-index: 10;
}
#navigation .navigation-in {
  display: none;
  position: absolute;
  top: -32px;
  left: calc(720px - 50 * var(--vw));
  width: calc(100 * var(--vw));
  padding: 32px calc(50 * var(--vw) - 720px);
  padding-bottom: 96px;
  z-index: 10;
  background-color: var(--color-bg-main);
  height: calc(100 * var(--vh) - 80px);
  overflow: auto;
}
@media (max-width: 1496px) {
  #navigation .navigation-in {
    left: -2rem;
    padding: 32px 2rem;
  }
}
#navigation .navigation-in .menu-level-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 340px;
  width: 100%;
}
@media (max-width: 991px) {
  #navigation .navigation-in .menu-level-1 {
    max-width: 240px;
  }
}
#navigation .navigation-in .menu-level-1 > li {
  width: 100%;
  border: none;
}
#navigation .navigation-in .menu-level-1 > li > a {
  color: var(--color-font);
  padding: 12px 16px;
  padding-right: 24px;
  border-radius: 8px;
  border: none;
  transition: all 0s;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
#navigation .navigation-in .menu-level-1 > li > a .submenu-arrow {
  margin-left: auto;
  padding: 0;
  transform: rotate(-90deg);
}
#navigation .navigation-in .menu-level-1 > li > a .submenu-arrow::after {
  font-weight: 700;
}
#navigation .navigation-in .menu-level-1 > li > a b {
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 700;
}
#navigation .navigation-in .menu-level-1 > li > a:hover {
  margin: 0;
  background-color: var(--color-transparent);
  border: 2px solid var(--color-border);
  padding: 10px 14px;
  padding-right: 22px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.04);
}
#navigation .navigation-in .menu-level-1 > li > a:hover b {
  color: var(--color-primary);
  text-decoration: underline;
}
#navigation .navigation-in .menu-level-1 > li:first-child > a {
  background: var(--gradient-blue);
}
#navigation .navigation-in .menu-level-1 > li:nth-child(2) > a {
  background: linear-gradient(90deg, #3b4148 3.48%, #77797c 100%);
}
#navigation .navigation-in .menu-level-1 > li:first-child > a b, #navigation .navigation-in .menu-level-1 > li:nth-child(2) > a b {
  color: var(--color-white);
}
#navigation .navigation-in .menu-level-1 > li:first-child > a .submenu-arrow::after, #navigation .navigation-in .menu-level-1 > li:nth-child(2) > a .submenu-arrow::after {
  color: var(--color-white);
}
#navigation .navigation-in .menu-level-1 > li:first-child > a:hover, #navigation .navigation-in .menu-level-1 > li:nth-child(2) > a:hover {
  padding: 12px 16px;
  padding-right: 24px;
  border: none;
}
#navigation .navigation-in .menu-level-1 > li:first-child > a:hover b, #navigation .navigation-in .menu-level-1 > li:nth-child(2) > a:hover b {
  color: var(--color-white);
  text-decoration: underline;
}
#navigation .navigation-in .menu-level-1 li.ext > a > span {
  display: block;
}

.custom-submenu-container {
  width: 100%;
  height: 100%;
  margin-left: 36px;
  border: 2px solid var(--color-border-3);
  border-radius: 12px;
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.04);
  overflow: auto;
  padding: 36px 48px;
  background-color: var(--color-transparent);
}

.admin-logged .navigation-in ul.menu-level-2 {
  top: 136px !important;
  height: calc(100% - 136px - 72px);
}
@media (max-width: 991px) {
  .admin-logged .navigation-in ul.menu-level-2 {
    top: 112px !important;
    height: calc(100% - 112px - 72px);
  }
}

.submenu-visible li.exp > a .submenu-arrow::after {
  --webkit-transform: translateY(10px);
  transform: translateY(10px);
}

.navigation-in ul.menu-level-2 {
  top: 112px !important;
  height: calc(100% - 112px - 96px);
  position: fixed !important;
  left: calc(50 * var(--vw) - 720px + 340px);
  width: 1100px;
  border: none !important;
  background-color: transparent;
}
@media (max-width: 1496px) {
  .navigation-in ul.menu-level-2 {
    width: calc(100 * var(--vw) - 4rem - 340px);
    left: calc(2rem + 340px);
  }
}
@media (max-width: 991px) {
  .navigation-in ul.menu-level-2 {
    width: calc(100 * var(--vw) - 4rem - 240px);
    left: calc(2rem + 240px);
  }
}
.navigation-in ul.menu-level-2 .custom-submenu-wrap {
  align-content: flex-start;
}

.navigation-in > ul > li.ext > ul > li > div > ul {
  display: flex;
  flex-direction: column;
  max-height: unset;
  align-items: flex-start;
  gap: 10px;
}

.custom-submenu-wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
}
@media (max-width: 991px) {
  .custom-submenu-wrap {
    flex-direction: column;
  }
}

.custom-submenu-header {
  margin: 0;
  margin-bottom: 24px;
  font-size: 2.2857142857rem;
  line-height: 1.375em;
  width: 100%;
}

.submenu-wrap--no-banner .custom-submenu-list {
  columns: 4;
}
@media (max-width: 1300px) {
  .submenu-wrap--no-banner .custom-submenu-list {
    columns: 3;
  }
}
@media (max-width: 1100px) {
  .submenu-wrap--no-banner .custom-submenu-list {
    columns: 2;
  }
}
@media (max-width: 767px) {
  .submenu-wrap--no-banner .custom-submenu-list {
    columns: 1;
  }
}

.custom-submenu-list {
  flex: 1;
  columns: 3;
  display: block !important;
  gap: 24px;
}
@media (max-width: 1300px) {
  .custom-submenu-list {
    columns: 2;
  }
}
@media (max-width: 1100px) {
  .custom-submenu-list {
    columns: 1;
  }
}
@media (max-width: 991px) {
  .custom-submenu-list {
    columns: 2;
  }
}
@media (max-width: 767px) {
  .custom-submenu-list {
    columns: 1;
  }
}
.custom-submenu-list > li {
  break-inside: avoid;
  margin-bottom: 8px;
}
.custom-submenu-list > li > a.menu-image {
  display: none;
}
.custom-submenu-list > li > a,
.custom-submenu-list > li > div > a {
  padding: 8px !important;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 700;
  color: var(--color-font) !important;
  transition: all 0s;
}
.custom-submenu-list > li > a:hover,
.custom-submenu-list > li > div > a:hover {
  color: var(--color-primary) !important;
  text-decoration: underline;
}
.custom-submenu-list > li > div > ul.menu-level-3 {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
}
.custom-submenu-list > li > div > ul.menu-level-3 > li {
  width: 100%;
}
.custom-submenu-list > li > div > ul.menu-level-3 > li > a {
  padding: 4px 8px;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 400;
  color: var(--color-font-tertiary) !important;
  transition: all 0s;
}
.custom-submenu-list > li > div > ul.menu-level-3 > li > a:hover {
  color: var(--color-primary) !important;
}

.menu-no-image {
  padding: 0;
}

.submenu-banner__wrapper {
  flex: 0 0 294px;
}
.submenu-banner__wrapper .banner {
  margin: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 3/4;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .submenu-banner__wrapper .banner {
    aspect-ratio: 3/2;
  }
}
.submenu-banner__wrapper .banner .banner-wrapper {
  height: 100%;
  margin: 0;
}
.submenu-banner__wrapper .banner a {
  padding: 0;
  height: 100%;
}
.submenu-banner__wrapper .banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.submenu-banner__wrapper .banner .extended-banner-texts {
  justify-content: flex-end;
}
.submenu-banner__wrapper .banner .extended-banner-title {
  margin: 0;
  font-size: 1.5714285714rem;
  line-height: 1.3636363636em;
}
.submenu-banner__wrapper .banner .extended-banner-title small {
  font-size: 0.8571428571rem;
  line-height: 1.25em;
}
.submenu-banner__wrapper .banner .extended-banner-link {
  margin-top: 24px;
}

@media (max-width: 767px) {
  #navigation .navigation-in {
    top: 0;
    left: -16px;
    height: calc(100 * var(--vh) - 74px);
    border-top: 1px solid var(--color-border);
    padding: 36px 16px;
  }
  #navigation .navigation-in .menu-level-1 {
    max-width: unset;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #navigation .navigation-in .menu-level-1 > li > a > b {
    padding: 0;
  }
  #navigation .navigation-in .menu-level-1 > li > a > span.submenu-arrow {
    transform: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
  }
  #navigation .navigation-in .menu-level-1 > li > ul.menu-level-2 {
    position: static !important;
    height: auto;
    width: 100%;
    background-color: var(--color-white);
  }
  #navigation .navigation-in .menu-level-1 > li > ul.menu-level-2 > .custom-submenu-container {
    margin: 0;
    border: none;
    padding: 16px;
  }
  #navigation .navigation-in .menu-level-1 > li > ul.menu-level-2 > .custom-submenu-container .custom-submenu-header {
    display: none;
  }
  #navigation .navigation-in .menu-level-1 > li > ul.menu-level-2 > .custom-submenu-container .menu-level-3 {
    display: none;
  }
  #navigation .navigation-in .menu-level-1 > li > ul.menu-level-2 > .custom-submenu-container .custom-submenu-list > li {
    margin: 0;
  }
  #navigation .navigation-in .menu-level-1 > li > ul.menu-level-2 > .custom-submenu-container .custom-submenu-list > li > div > a {
    padding: 8px 0 !important;
  }
  #navigation .navigation-in .menu-level-1 > li > ul.menu-level-2 > .custom-submenu-container .submenu-banner__wrapper {
    flex: unset;
    margin-top: 8px;
  }
  #navigation .navigation-in > ul.navigationActions > li {
    border: none;
  }
  #navigation .navigation-in > ul.navigationActions > li:last-child > a {
    border-bottom: 2px solid var(--color-border);
  }
  #navigation .navigation-in > ul.navigationActions > li > a {
    padding: 0 16px;
    padding-right: 24px;
    display: flex;
    justify-content: space-between;
    border-top: 2px solid var(--color-border);
  }
  #navigation .navigation-in > ul.navigationActions > li > a > span {
    font-size: 1rem;
    line-height: 1.7142857143em;
    font-weight: 700;
    color: var(--color-font);
    padding: 12px 0;
  }
  #navigation .navigation-in > ul.navigationActions > li > a > span.submenu-arrow {
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #navigation .navigation-in > ul.navigationActions > li > a > span.submenu-arrow::after {
    color: var(--color-font);
    font-weight: 700;
    font-size: 12px;
  }
  #navigation .navigation-in > ul.navigationActions > li > a > .navigationActions__flagWrapper {
    padding: 12px 0;
    color: var(--color-font);
    font-weight: 700;
  }
  .navigation-in ul.menu-level-2.navigationActions__submenu {
    position: static !important;
  }
  .submenu-banner__link .submenu-banner__btn {
    margin-top: 16px;
  }
  .navigation-in ul.navigationActions__submenu.menu-level-2 {
    width: 100% !important;
    border-top: 2px solid var(--color-border) !important;
  }
  .navigation-in ul.navigationActions__submenu.menu-level-2 > li > ul {
    border-bottom: 2px solid var(--color-border);
  }
  .navigation-in ul.navigationActions__submenu.menu-level-2 > li > ul:last-child {
    border-bottom: none;
  }
  .navigation-in ul.navigationActions__submenu.menu-level-2 > li > ul > li > a {
    border: none !important;
  }
}
.p-detail-inner > .p-detail-inner-header {
  display: none;
}

.product-top {
  display: grid;
  grid-template-columns: calc(50% - 20px) calc(50% - 20px);
  gap: 40px;
}
@media (max-width: 991px) {
  .product-top {
    grid-template-columns: 100%;
  }
}
.product-top > .col-xs-12:not(.p-image-wrapper):not(.p-info-wrapper) {
  display: none;
}
.product-top::before, .product-top::after {
  display: none;
}
@media (max-width: 767px) {
  .product-top {
    gap: 0 !important;
  }
}

.p-image-wrapper {
  max-width: 710px;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  aspect-ratio: 700/580;
  overflow: hidden;
}
@media (max-width: 991px) {
  .p-image-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .p-image-wrapper {
    overflow: visible;
    aspect-ratio: unset;
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .p-image-wrapper {
    position: sticky;
    top: 20px;
  }
}

.image360 {
  order: 2;
  width: calc(85.7142857143% - 20px);
  margin: 0;
  margin-left: auto;
}
.image360 .image360-holder {
  border-radius: 8px;
  border: 2px solid var(--color-border);
  overflow: hidden;
  display: block;
}
@media (max-width: 767px) {
  .image360 .image360-holder {
    margin: 0 4px;
  }
}

.p-image {
  order: 2;
  width: calc(85.7142857143% - 20px);
  margin: 0;
  margin-left: auto;
}
.p-image .p-main-image {
  border-radius: 8px;
  border: 2px solid var(--color-border);
  overflow: hidden;
  display: block;
}
@media (max-width: 767px) {
  .p-image .p-main-image {
    margin: 0 4px;
  }
}
@media (max-width: 767px) {
  .p-image {
    width: 100%;
  }
  .p-image .custom-slider-wrapper {
    width: calc(100% + 32px);
    margin: 0 -16px;
  }
  .p-image .custom-slider-wrapper .slick-list {
    padding: 0 12px;
    padding-right: 15vw;
  }
  .p-image .custom-slider-wrapper .slick-arrow {
    display: none;
  }
}
.p-image .flags-extra {
  display: none;
}

.p-thumbnails-wrapper {
  order: 1;
  width: 14.2857142857%;
  margin-top: -1.4285714286%;
  margin-bottom: -1.4285714286%;
}
@media (max-width: 767px) {
  .p-thumbnails-wrapper {
    display: none;
  }
}

.p-thumbnails {
  height: auto;
  margin-bottom: 0;
}
.p-thumbnails > div {
  position: static;
  height: auto;
  width: 100%;
}
.p-thumbnails > div > div {
  display: flex;
  flex-direction: column;
}
.p-thumbnails > div > div::before, .p-thumbnails > div > div::after {
  display: none;
}
.p-thumbnails .slick-arrow {
  left: 0;
  transform: unset !important;
  width: 100%;
  height: 44px;
  transition: all 0.15s ease-in;
}
.p-thumbnails .slick-arrow::before {
  position: absolute;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid var(--color-black);
}
.p-thumbnails .slick-arrow:hover::before {
  background-color: rgb(255, 255, 255);
}
.p-thumbnails .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.p-thumbnails .slick-prev.slick-arrow {
  top: 15px;
}
.p-thumbnails .slick-prev.slick-arrow::before {
  transform: translateX(-50%) rotate(-90deg) !important;
}
.p-thumbnails .slick-next.slick-arrow {
  top: unset;
  bottom: 15px;
}
.p-thumbnails .slick-next.slick-arrow::before {
  transform: translateX(-50%) rotate(90deg) !important;
}

.p-thumbnail {
  margin: 10% 0 !important;
}
.p-thumbnail img {
  border-radius: 8px;
  border: 2px solid var(--color-border) !important;
  overflow: hidden;
  transition: all 0.15s ease-in;
}
.p-thumbnail:hover img, .p-thumbnail.highlighted img {
  border-color: var(--color-primary) !important;
}
.p-thumbnail:hover::before, .p-thumbnail.highlighted::before {
  display: none;
}

.thumbnail-prev,
.thumbnail-next {
  display: none;
}

.p-info-wrapper {
  max-width: 700px;
  width: 100%;
  padding: 0 10%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991px) {
  .p-info-wrapper {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.p-info-wrapper .flags {
  order: 1;
}
.p-info-wrapper .p-detail-inner-header {
  order: 2;
}
.p-info-wrapper .col-xs-12 {
  order: 3;
}
.p-info-wrapper .p-gifts-wrapper {
  order: 4;
}
.p-info-wrapper .p-brand {
  order: 5;
}
.p-info-wrapper .p-code {
  order: 6;
}
.p-info-wrapper .p-short-description {
  order: 7;
}
.p-info-wrapper .p-short-description > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .p-info-wrapper .p-short-description > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.p-info-wrapper .p-short-description > div a {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 32px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--Neutral-Bright, #fff);
  border-bottom: 1px solid var(--Neutral-Bright, #fff);
  cursor: pointer;
}
.p-info-wrapper .p-short-description > div a:after {
  display: inline-block;
  align-self: center;
  content: url(assets/link.svg);
  width: 16px;
  height: 16px;
  margin-left: 8px;
  line-height: 32px;
  font-size: 0;
}
.p-info-wrapper .p-short-description > div a.showroom::before {
  content: url(assets/showroom.svg);
  width: 24px;
  height: 24px;
  margin-left: 0;
  margin-right: 8px;
}
.p-info-wrapper p[data-testid=productCardDescr] {
  margin-top: 16px;
  order: 8;
}
.p-info-wrapper p[data-testid=productCardDescr] a {
  color: var(--Neutral-Bright, #fff);
}
.p-info-wrapper .availability-value {
  order: 10;
}
.p-info-wrapper .detail-parameters {
  order: 9;
}
.p-info-wrapper #variants {
  order: 11;
}
.p-info-wrapper .add-to-cart-wrapper {
  order: 12;
}
.p-info-wrapper .quantity-discounts {
  order: 13;
}

.quantity-discounts {
  color: var(--color-font);
  margin-top: 40px;
}
.quantity-discounts.visible .quantity-discounts__table {
  height: auto;
}
.quantity-discounts.visible .quantity-discounts__headline::after {
  transform: rotate(180deg);
}

.quantity-discounts__headline {
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 8px 16px;
  border: 2px solid var(--color-font);
  border-radius: 6px;
  color: var(--color-font);
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.quantity-discounts__headline:hover {
  background-color: rgba(var(--color-primary), 0.5);
}
.quantity-discounts__headline::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.15s ease-in-out;
}

.quantity-discounts__table {
  height: 0;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
  margin-top: 8px;
}

.quantity-discounts__item {
  padding: 8px 16px;
  font-size: 1rem;
  font-weight: 500;
  border: 2px solid var(--color-tertiary);
}
.quantity-discounts__item--highlighted {
  outline-color: var(--color-primary-hover);
  background-color: transparent;
}
.quantity-discounts__item:first-of-type {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.quantity-discounts__item:last-of-type {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.quantity-discounts__save {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  padding: 8px 16px;
}

.p-info-wrapper .flags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.p-info-wrapper .flags .flag {
  margin: 0;
}
.p-info-wrapper .flags::before, .p-info-wrapper .flags::after {
  display: none;
}
.p-info-wrapper .flags .flag-discount .price-standard {
  display: none;
}

.p-detail-inner-header h1 {
  margin: 0;
  font-size: 3rem;
  line-height: 1.3571428571em;
}
@media (max-width: 767px) {
  .p-detail-inner-header h1 {
    font-size: 2.1428571429rem;
    line-height: 1.3666666667em;
  }
}

.p-info-wrapper .col-xs-12 {
  float: unset;
  padding: 0;
  margin-bottom: 12px;
}

.p-detail-info {
  margin: 0;
}
.p-detail-info .stars-wrapper .stars-label {
  display: none;
}

.p-gifts-wrapper {
  margin: 0;
  margin-bottom: 12px;
}
.p-gifts-wrapper .p-gifts-heading,
.p-gifts-wrapper .p-gift-name,
.p-gifts-wrapper .p-gift-name a {
  color: var(--color-font);
  font-size: 0.8571428571rem;
  line-height: 1.25em;
  margin: 0;
}
.p-gifts-wrapper .p-gift-name a:hover {
  color: var(--color-primary);
}
.p-gifts-wrapper .p-gifts-heading {
  margin-bottom: 8px;
}
.p-gifts-wrapper .p-gift-name {
  margin-left: 12px;
}
.p-gifts-wrapper .p-gift-image {
  border-radius: 8px;
  border: 2px solid var(--color-border);
  overflow: hidden;
}

.p-brand {
  font-size: 1rem;
  line-height: 1.7142857143em;
}
.p-brand a {
  color: var(--color-font);
  font-weight: 700;
}
.p-brand a:hover {
  color: var(--color-primary);
}
.p-brand a span {
  font-weight: 400;
}

.p-info-wrapper .p-code {
  padding: 0;
}
.p-info-wrapper .p-code .p-code-label,
.p-info-wrapper .p-code .parameter-dependent,
.p-info-wrapper .p-code .choose-variant,
.p-info-wrapper .p-code span {
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 700;
  color: var(--color-font);
  text-transform: none;
}
.p-info-wrapper .p-code .parameter-dependent,
.p-info-wrapper .p-code .choose-variant,
.p-info-wrapper .p-code span {
  font-weight: 400;
  color: var(--color-font);
}

.p-short-description p {
  margin: 12px 0;
  color: var(--color-font);
}

p[data-testid=productCardDescr] {
  margin-top: 0;
  margin-bottom: 0;
}
p[data-testid=productCardDescr] a {
  text-decoration: underline;
}
p[data-testid=productCardDescr] a::after {
  display: none;
}

.availability-value {
  margin-top: 24px;
  margin-bottom: 36px;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: space-between;
  /* .availability-label[style] {
  	color: var(--color-font-tertiary) !important;
  	&::before {
  		content: '';
  		width: 24px;
  		height: 24px;
  		display: block;
  		background-size: cover !important;
  		background-position: center;
  		background-repeat: no-repeat;
  	}
  }
  .availability-label[style='color: #2cb53a']:before {
  	background: url(/assets/icons/icon-in-stock.svg);
  }
  .availability-label[style='color: #cb0000']:before {
  	background: url(/assets/icons/icon-sold.svg);
  }
  .availability-label[style='color: #ff0000']:before {
  	background: url(/assets/icons/icon-currently-unavailable.svg);
  }
  .availability-label[style='color: #0000ff']:before {
  	background: url(/assets/icons/icon-upon-request.svg);
  }
  .availability-label[style='color: #800080']:before {
  	background: url(/assets/icons/icon-ordered.svg);
  }
  .availability-label[style='color: #800080']:before {
  	background: url(/assets/icons/icon-ordered.svg);
  }
  .availability-label[style='color: #800000']:before {
  	background: url(/assets/icons/icon-temporarily-unavailable.svg);
  }
  .availability-label[style='color: #ff0080']:before {
  	background: url(/assets/icons/icon-on-order.svg);
  } */
}
.availability-value .parameter-dependent,
.availability-value .choose-variant {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-font) !important;
}
.availability-value .availability-label,
.availability-value .availability-amount {
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  text-transform: none;
  text-decoration: none;
  color: var(--color-font) !important;
}
.availability-value .availability-label {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--color-font);
}
.availability-value .availability-amount {
  margin-right: auto;
}
@media (max-width: 767px) {
  .availability-value .availability-amount {
    display: none;
  }
}
@media (max-width: 767px) {
  .availability-value {
    flex-direction: column;
    gap: 12px;
  }
}

.p-info-wrapper .detail-parameters {
  margin: 16px 0 0;
}
.p-info-wrapper .detail-parameters tr {
  display: flex;
  flex-direction: column;
}
.p-info-wrapper .detail-parameters td {
  padding: 0;
}
.p-info-wrapper .detail-parameters td > div:not([data-parameter-name=Barva]) .advanced-parameter-inner {
  width: fit-content;
  padding-left: 8px;
  padding-right: 8px;
  height: 40px;
  border-radius: 8px;
  border: 2px solid var(--color-border-2);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  color: var(--color-font);
  box-shadow: none;
}
.p-info-wrapper .detail-parameters td > div:not([data-parameter-name=Barva]) .advanced-parameter-inner.yes-before {
  border-color: var(--color-primary);
}
.p-info-wrapper .detail-parameters td > div:not([data-parameter-name=Barva]) .advanced-parameter-inner.yes-before::before {
  display: none;
}
.p-info-wrapper .detail-parameters td > div[data-parameter-name=Barva] .advanced-parameter-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-white);
}
.p-info-wrapper .detail-parameters td > div[data-parameter-name=Barva] .advanced-parameter-inner.yes-before {
  border: 2px solid var(--color-primary);
  box-shadow: none;
}
.p-info-wrapper .detail-parameters td > div[data-parameter-name=Barva] .advanced-parameter-inner.yes-before::before {
  content: url(assets/checkt.svg);
  width: 24px;
  height: 24px;
  display: block;
  background: none;
  position: static;
}
.p-info-wrapper .detail-parameters .advanced-parameter {
  width: fit-content;
}
.p-info-wrapper .detail-parameters th {
  padding: 0;
  margin-bottom: 12px;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 700;
  color: var(--color-font);
}
.p-info-wrapper .detail-parameters th:last-child {
  margin-bottom: 0;
}
.p-info-wrapper .detail-parameters #simple-variants {
  margin-bottom: 12px;
}
.p-info-wrapper .detail-parameters #simple-variants select {
  width: 100%;
  max-width: 100%;
}
.p-info-wrapper .detail-parameters .delivery-time-label,
.p-info-wrapper .detail-parameters .delivery-time {
  padding: 0;
  font-weight: 400;
}
.p-info-wrapper .detail-parameters .delivery-time-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #999798;
}

.add-to-cart-wrapper {
  margin-top: 24px;
  padding: 24px 36px;
  border-radius: 12px;
  border: 0.5px solid rgba(245, 244, 244, 0.5);
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%) top right/50% 50% no-repeat, rgba(255, 255, 255, 0.15);
  /* Drop_shadow */
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .add-to-cart-wrapper {
    padding: 16px 24px;
    gap: 16px;
  }
}
.add-to-cart-wrapper .p-final-price-wrapper {
  margin: 0;
  display: flex;
  align-items: center;
  column-gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .add-to-cart-wrapper .p-final-price-wrapper {
    width: calc(100% - 120px);
  }
}
.add-to-cart-wrapper .p-final-price-wrapper .price-standard {
  order: 2;
  font-family: Usual, sans-serif;
  font-size: 0.8571428571rem;
  line-height: 1.25em;
  font-weight: 600;
  color: var(--color-font);
  margin: 0;
}
.add-to-cart-wrapper .p-final-price-wrapper .price-save,
.add-to-cart-wrapper .p-final-price-wrapper .price-measure {
  display: none;
}
.add-to-cart-wrapper .p-final-price-wrapper .price-final {
  order: 1;
  font-size: 2rem;
  line-height: 1.3571428571em;
  color: var(--color-white);
}
.add-to-cart-wrapper .p-final-price-wrapper .price-final .pr-list-unit {
  display: none;
}
.add-to-cart-wrapper .p-final-price-wrapper .price-additional {
  width: 100%;
  order: 3;
  font-family: Usual, sans-serif;
  font-size: 0.8571428571rem;
  line-height: 1.25em;
  font-weight: 400;
  color: #d5d5d5;
}
.add-to-cart-wrapper .add-to-cart {
  width: 100%;
  margin: 0;
}
.add-to-cart-wrapper .add-to-cart .btn {
  width: 100%;
  line-height: inherit;
}
.add-to-cart-wrapper .add-to-cart .btn::before {
  display: none;
}
.add-to-cart-wrapper .social-buttons-wrapper {
  margin: 0;
}
.add-to-cart-wrapper .quantity {
  margin-left: auto;
}
.add-to-cart-wrapper .social-buttons-wrapper {
  width: 100%;
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icons {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon.chat {
  order: -1;
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon {
  flex: 1;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon span {
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 500;
  color: var(--color-font);
  text-transform: none;
  transition: all 0.15s ease-in-out;
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon:hover span {
  color: var(--color-primary);
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon::before {
  margin: 0;
  width: 24px;
  height: 24px;
  font-size: 0;
  content: "";
  background-color: var(--color-font);
  line-height: 0;
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon.print::before {
  content: "";
  mask-image: url(assets/print.svg);
  background-color: var(--color-font);
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon.watchdog::before {
  mask-image: url(assets/watch.svg);
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon.share::before {
  mask-image: url(assets/share.svg);
}
.add-to-cart-wrapper .social-buttons-wrapper .link-icon.chat::before {
  mask-image: url(assets/chat.svg);
}

.quantity-form .quantity,
.quantity {
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 0;
}
.quantity-form .quantity label:has(.amount),
.quantity label:has(.amount) {
  order: 2;
}
.quantity-form .quantity .amount,
.quantity .amount {
  width: 64px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border: 2px solid var(--color-border);
  border-radius: 6px;
  background-color: var(--color-white);
  text-align: center;
  color: var(--color-bg-main);
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.7142857143em;
  font-weight: 500;
}
.quantity-form .quantity .increase,
.quantity-form .quantity .decrease,
.quantity .increase,
.quantity .decrease {
  position: relative;
  left: unset;
  right: unset;
  top: unset;
  bottom: unset;
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: none;
  color: inherit;
}
.quantity-form .quantity .increase::before,
.quantity-form .quantity .decrease::before,
.quantity .increase::before,
.quantity .decrease::before {
  content: "";
  width: 8px;
  height: 2px;
  background-color: var(--color-font);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.15s ease-in-out;
}
.quantity-form .quantity .increase::after,
.quantity-form .quantity .decrease::after,
.quantity .increase::after,
.quantity .decrease::after {
  transition: all 0.15s ease-in-out;
}
.quantity-form .quantity .increase:hover::before,
.quantity-form .quantity .decrease:hover::before,
.quantity .increase:hover::before,
.quantity .decrease:hover::before {
  background-color: var(--color-primary);
}
.quantity-form .quantity .increase:hover::after,
.quantity-form .quantity .decrease:hover::after,
.quantity .increase:hover::after,
.quantity .decrease:hover::after {
  background-color: var(--color-primary);
}
.quantity-form .quantity .decrease,
.quantity .decrease {
  order: 1;
  border: none !important;
}
.quantity-form .quantity .increase,
.quantity .increase {
  order: 3;
}
.quantity-form .quantity .increase::after,
.quantity .increase::after {
  content: "";
  width: 2px;
  height: 8px;
  background-color: var(--color-font);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*# sourceMappingURL=scss-critical.css.map*/