@charset "UTF-8";
/*-------------------------------------- PRODUCTS BLOCKS */
/*-------------------------------------- Hide for now */
.admin-bar {
  display: flex;
  background-color: #484848;
  border-color: #333;
  color: white;
  z-index: 999999;
  position: relative;
  font-size: 12px;
  max-width: none;
  padding: 0 10px;
  justify-content: center;
  overflow: visible;
}
.admin-bar ul {
  list-style: none;
  padding: 0;
}
.admin-bar #bar-menu {
  display: flex;
  flex-direction: row;
  column-gap: 0;
  margin: 0;
}
.admin-bar #bar-menu > li {
  border-right: solid 1px var(--color-gray-600);
}
.admin-bar #bar-menu > li:first-child {
  border-left: solid 1px var(--color-gray-600);
}
.admin-bar #bar-menu > li > a {
  color: white;
  text-decoration: none;
}
.admin-bar #bar-menu > li > a:hover, .admin-bar #bar-menu > li > a:focus {
  text-decoration: underline;
}
.admin-bar #bar-menu li {
  min-width: max-content;
  padding: 10px;
  position: relative;
}
.admin-bar #bar-menu li ul {
  left: 0;
  top: calc(100% - 1px);
  width: 100%;
  position: absolute;
  display: none;
  border: solid 1px var(--color-primary);
}
.admin-bar #bar-menu li:hover ul {
  display: flex;
  flex-direction: column;
  background: var(--color-gray-400);
}
.admin-bar #bar-menu li:hover ul li {
  min-width: auto;
  max-width: 100%;
  padding: 0;
}
.admin-bar #bar-menu li:hover ul li a {
  padding: 10px;
  display: block;
  border-bottom: solid 1px var(--color-gray-500);
}
.admin-bar #bar-menu li:hover ul li a:hover, .admin-bar #bar-menu li:hover ul li a:focus {
  background: white;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .admin-bar {
    font-size: 10px;
  }
  .admin-bar #bar-menu {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .admin-bar #bar-menu li {
    padding: 5px;
  }
  .admin-bar #bar-menu li ul a {
    padding: 5px !important;
  }
}

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

/*-------------------------------------- Body styles */
.content-hidden .content-wrapper,
.content-hidden .breadcrumbs-wrapper,
.content-hidden #footer {
  visibility: hidden;
}

.scroll-lock {
  overflow: hidden;
}

/* .overall-wrapper > * {
	@include body-max-width;
} */
.display-none {
  display: none !important;
}

.sr-only {
  display: none;
}

.no-display {
  display: none;
}

.hidden {
  display: none;
}

.show-on-mobile {
  display: none;
}

.show-on-pc {
  display: block;
}

.scroll-wrapper {
  overflow: auto;
}
.scroll-wrapper::-webkit-scrollbar {
  height: 4px;
}

@media screen and (max-width: 767px) {
  .show-on-mobile {
    display: block;
  }
  .show-on-pc {
    display: none;
  }
}
.in-index .latest-contribution-box {
  display: none;
}

.overall-wrapper > .content-wrapper > .content-wrapper-in {
  /* @include body-max-width; */
}

.type-page:not(.in-o-znacce-natios) #content-wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.type-page:not(.in-o-znacce-natios) #content-wrapper div[itemprop=about] {
  padding-top: 30px;
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .type-page:not(.in-o-znacce-natios) #content-wrapper div[itemprop=about] {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/*css reset*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin in favour of better control in authored CSS */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin-block-end: 0;
  margin-block-start: 0;
  line-height: 1.4;
  color: black;
}

/* Set core body defaults */
body {
  min-height: 101vh;
  font-family: var(--ff-m);
  background: white;
  margin: 0;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
}

p,
span,
li,
ol,
a,
ul,
input,
button,
textarea {
  font-family: inherit !important;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-wrap: balance;
  font-family: var(--ff-h);
}

h1,
.h1 {
  font-size: var(--fs-32);
  font-weight: 700;
  line-height: 1.2;
  padding-top: 0.625em;
  padding-bottom: 0.375em;
}
@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: var(--fs-26);
    padding-bottom: 0.5em;
  }
}

p {
  padding-bottom: 0.9375em;
}

/* Balance text wrapping on headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-wrap: balance;
  font-family: var(--ff-h);
}

/* A elements that don't have a class get default styles */
a {
  text-decoration-skip-ink: auto;
  text-decoration: none;
  color: var(--color-primary);
}
a:hover, a:focus-within {
  color: var(--color-primary-hover);
}

b {
  font-weight: 700;
}

/* Make images easier to work with */
img,
picture,
iframe {
  height: auto;
  display: block;
  vertical-align: middle;
  user-select: none;
  max-width: 100%;
}

img,
a {
  -webkit-user-drag: none; /* Non-standard, but some browsers support */
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

fieldset {
  padding: 0;
  margin: 0;
  border-style: none;
}

input,
textarea,
select {
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  padding: 1.5em 1em;
  transition: border-color 0.2s ease-out;
}
input:focus,
textarea:focus,
select:focus {
  outline: solid 2px var(--color-primary);
}

input[type=submit] {
  background-color: var(--color-primary);
  border-radius: 8px;
  color: white;
  font-size: var(--fs-18);
  font-weight: 700;
  padding: 1.1667em;
  transition: background-color 0.2s ease-out;
  text-align: center;
  cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:focus-within {
  background-color: var(--color-primary-hover);
}

input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: var(--fs-18);
  height: var(--fs-18);
  min-width: var(--fs-18);
  min-height: var(--fs-18);
  cursor: pointer;
  margin: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  border-color: var(--color-tertiary-hover);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-tertiary-hover);
  padding: 0;
}
input[type=checkbox]:checked::after {
  content: "✔";
  font-size: 0.75em;
}
input[type=checkbox]:focus {
  outline: solid 1px var(--color-primary);
}

input[type=checkbox]:disabled {
  background-color: var(--color-gray-400);
  border-color: var(--color-gray-600);
  opacity: 0.5;
  cursor: not-allowed;
}

input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  font-size: var(--fs-20);
  width: 1em;
  height: 1em;
  cursor: pointer;
  margin: 0;
  border-style: solid;
  border-width: 1px;
  border-radius: 50%;
  border-color: var(--color-tertiary-hover);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
input[type=radio]:checked {
  border: none;
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
}
input[type=radio]:checked::before {
  position: absolute;
  content: "";
  width: 35%;
  height: 35%;
  background: white;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
input[type=radio]:focus {
  outline: solid 1px var(--color-primary);
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

button {
  all: unset;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/*-------------------------------------- Scrollbar */
/* Custom scrollbar styles */
::-webkit-scrollbar {
  width: 0.5rem; /* 8px */
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent; /* Transparent background */
}

@media screen and (min-width: 1280px) {
  ::-webkit-scrollbar-track {
    background-color: var(--color-gray-blue-400);
  }
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
  --angle: 45deg;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  cursor: grab;
}

/*variables*/
:root {
  --ff-m: "Poppins", sans-serif;
  --ff-h: "Poppins", sans-serif;
  --fs-10: 0.625rem;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-22: 1.375rem;
  --fs-24: 1.5rem;
  --fs-26: 1.625rem;
  --fs-28: 1.75rem;
  --fs-30: 1.875rem;
  --fs-32: 2rem;
  --fs-34: 2.125rem;
  --fs-36: 2.25rem;
  --fs-38: 2.375rem;
  --fs-40: 2.5rem;
  --fs-42: 2.625rem;
  --fs-48: 3rem;
  --fs-62: 3.875rem;
  --fs-64: 4rem;
  --color-white-o-10: hsla(0, 0%, 100%, 0.1);
  --color-white-o-20: hsla(0, 0%, 100%, 0.2);
  --color-white-o-60: hsla(0, 0%, 100%, 0.6);
  --color-white-o-70: hsla(0, 0%, 100%, 0.7);
  --color-white-o-80: hsla(0, 0%, 100%, 0.8);
  --color-black-o-20: hsla(0, 0%, 0%, 0.2);
  --color-black-o-40: hsla(0, 0%, 0%, 0.4);
  --color-black-o-60: hsla(0, 0%, 0%, 0.6);
  --color-black-o-80: hsla(0, 0%, 0%, 0.8);
  --color-black-300: #272727;
  --color-gray-blue-400: #d1d9eb;
  --color-primary-200: #eff4ff;
  --color-primary-300: var(--color-gray-blue-400);
  --color-gray-blue-400-o-50: hsla(222, 39%, 87%, 0.5);
  --color-gray-200: #f8f8f8;
  --color-gray-300: #f5f5f5;
  --color-gray-400: #f2f2f2;
  --color-gray-500: #e7e7e7;
  --color-gray-600: #808080;
  --color-gray-700: #4f4f4f;
  --color-green-100: #eaffe5;
  --color-green-200: #e1ffda;
  --color-green-300: #d1ffc7;
  --color-green-400: #419f1f;
  --color-green-500: #008609;
  --color-red-200: #ffe4eb;
  --color-red-300: #ff7d66;
  --color-red-400: #d44b6c;
  --padding-sides: 40px;
}
@media screen and (max-width: 1679px) {
  :root {
    --padding-sides: 30px;
  }
}
@media screen and (max-width: 1279px) {
  :root {
    --padding-sides: 20px;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --padding-sides: 15px;
  }
}

.breadcrumbs-wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  padding-top: 20px !important;
  color: var(--color-gray-600);
}
.breadcrumbs-wrapper .navigation-home-icon:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 2px;
  width: 1em;
  height: 1em;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_home_primary.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.1s ease-out;
}
.breadcrumbs-wrapper .navigation-home-icon:hover:before {
  transform: scale(1.15);
}
.breadcrumbs-wrapper .navigation-bullet {
  font-size: 0;
  margin: 0 10px;
}
.breadcrumbs-wrapper .navigation-bullet:after {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 5px;
  height: 1em;
  content: "";
  font-size: var(--fs-14);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_gray_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.breadcrumbs-wrapper a {
  color: black;
}
.breadcrumbs-wrapper a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .breadcrumbs.only-home {
    display: flex;
    align-items: center;
  }
  .breadcrumbs.only-home #navigation-first {
    padding-right: 0;
  }
  .breadcrumbs.only-home #navigation-first a {
    display: flex;
    align-items: center;
  }
  .breadcrumbs.only-home #navigation-first a::before {
    content: "";
    display: block;
    width: 0.75em;
    height: 1em;
    margin-right: 0.57em;
    background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_left.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    position: relative;
    top: -2px;
  }
  .breadcrumbs.only-home span {
    border-left-style: none;
  }
  .breadcrumbs.only-home #navigation-1 {
    padding-left: 0;
  }
  .breadcrumbs.shortened > span:not(:nth-last-child(2)) {
    display: none;
  }
  .breadcrumbs.shortened > span:nth-last-child(2) {
    border-left-style: none;
  }
  .breadcrumbs.shortened > span:nth-last-child(2) a {
    display: flex;
    align-items: center;
  }
  .breadcrumbs.shortened > span:nth-last-child(2) a::before {
    content: "";
    display: block;
    width: 0.75em;
    height: 1em;
    margin-right: 0.57em;
    background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_left.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    position: relative;
    top: -2px;
  }
  .breadcrumbs .navigation-bullet {
    display: none !important;
  }
}
#colorbox {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: hsla(var(--color-primary-hover-h), var(--color-primary-hover-s), var(--color-primary-hover-l), 0.5);
  z-index: 10000;
}
#colorbox #cboxMiddleLeft,
#colorbox #cboxMiddleRight {
  display: none !important;
}
#colorbox #cboxWrapper {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#colorbox #cboxWrapper > div {
  width: 100% !important;
  display: flex;
  justify-content: center;
}
#colorbox #cboxWrapper > div > #cboxContent {
  width: auto !important;
  max-width: calc(100% - var(--padding-sides) * 2) !important;
  height: auto !important;
  position: relative !important;
}
#colorbox #cboxWrapper > div #cboxLoadedContent {
  width: 100% !important;
  height: auto !important;
  max-height: 80vh;
  max-height: 80svh;
  overflow: auto !important;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 45deg;
  --start: 0%;
  --end: 100%;
  border-radius: 8px;
  padding: 25px 30px 25px 30px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  #colorbox #cboxWrapper > div #cboxLoadedContent {
    padding: 15px 20px 15px 20px;
  }
}
#colorbox #cboxWrapper > div #cboxClose {
  position: absolute !important;
  font-size: 0;
  top: 0px;
  right: 20px;
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  #colorbox #cboxWrapper > div #cboxClose {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  #colorbox #cboxWrapper > div #cboxClose {
    width: 42px;
    height: 36px;
  }
}
#colorbox #cboxWrapper > div #cboxClose {
  cursor: pointer !important;
  z-index: 10001 !important;
}
#colorbox #cboxWrapper > div #cboxClose::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#colorbox #cboxWrapper > div #cboxClose::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27.5%;
  transition: transform 0.2s ease-out;
}
#colorbox #cboxWrapper > div #cboxClose:hover::after {
  transform: scale(1.15);
}
#colorbox #cboxWrapper > div #cboxClose {
  display: flex;
  top: 5px;
  right: 5px;
  transform: translate(50%, -50%);
}
#colorbox #cboxCurrent {
  display: none !important;
}
#colorbox #cboxPrevious,
#colorbox #cboxNext {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  #colorbox #cboxPrevious,
  #colorbox #cboxNext {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  #colorbox #cboxPrevious,
  #colorbox #cboxNext {
    width: 42px;
    height: 36px;
  }
}
#colorbox #cboxPrevious,
#colorbox #cboxNext {
  display: grid;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  transform: scale(1);
}
#colorbox #cboxPrevious:before,
#colorbox #cboxNext:before {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
  background-size: 20%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 2px;
}
#colorbox #cboxPrevious.left, #colorbox #cboxPrevious#cboxPrevious,
#colorbox #cboxNext.left,
#colorbox #cboxNext#cboxPrevious {
  left: var(--padding-sides);
  left: 5px;
  transform: translate(-50%, -50%) scale(1);
}
#colorbox #cboxPrevious.left:after, #colorbox #cboxPrevious#cboxPrevious:after,
#colorbox #cboxNext.left:after,
#colorbox #cboxNext#cboxPrevious:after {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_left.svg");
  margin-left: -2px;
}
#colorbox #cboxPrevious.left:hover, #colorbox #cboxPrevious#cboxPrevious:hover,
#colorbox #cboxNext.left:hover,
#colorbox #cboxNext#cboxPrevious:hover {
  transform: translate(-50%, -50%) scale(1.15);
}
#colorbox #cboxPrevious.left.hidden-control, #colorbox #cboxPrevious#cboxPrevious.hidden-control,
#colorbox #cboxNext.left.hidden-control,
#colorbox #cboxNext#cboxPrevious.hidden-control {
  transform: translate(-50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  #colorbox #cboxPrevious.left, #colorbox #cboxPrevious#cboxPrevious,
  #colorbox #cboxNext.left,
  #colorbox #cboxNext#cboxPrevious {
    left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #colorbox #cboxPrevious.left, #colorbox #cboxPrevious#cboxPrevious,
  #colorbox #cboxNext.left,
  #colorbox #cboxNext#cboxPrevious {
    left: 12px;
  }
}
#colorbox #cboxPrevious.right, #colorbox #cboxPrevious#cboxNext,
#colorbox #cboxNext.right,
#colorbox #cboxNext#cboxNext {
  right: var(--padding-sides);
  right: 5px;
  transform: translate(50%, -50%) scale(1);
}
#colorbox #cboxPrevious.right:hover, #colorbox #cboxPrevious#cboxNext:hover,
#colorbox #cboxNext.right:hover,
#colorbox #cboxNext#cboxNext:hover {
  transform: translate(50%, -50%) scale(1.15);
}
#colorbox #cboxPrevious.right.hidden-control, #colorbox #cboxPrevious#cboxNext.hidden-control,
#colorbox #cboxNext.right.hidden-control,
#colorbox #cboxNext#cboxNext.hidden-control {
  transform: translate(50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  #colorbox #cboxPrevious.right, #colorbox #cboxPrevious#cboxNext,
  #colorbox #cboxNext.right,
  #colorbox #cboxNext#cboxNext {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  #colorbox #cboxPrevious.right, #colorbox #cboxPrevious#cboxNext,
  #colorbox #cboxNext.right,
  #colorbox #cboxNext#cboxNext {
    right: 12px;
  }
}
#colorbox #cboxPrevious,
#colorbox #cboxNext {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  font-size: 0;
}

.content-modal .required-asterisk:after {
  content: "*";
  color: var(--color-red-400);
  padding-left: 2px;
}
.content-modal form {
  border-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.content-modal form fieldset {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.content-modal form .form-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-bottom: 10px;
}
.content-modal h1,
.content-modal h2,
.content-modal h3 {
  font-size: var(--fs-24);
  font-weight: 700;
  line-height: 1.2;
}
.content-modal h1 strong,
.content-modal h2 strong,
.content-modal h3 strong {
  font-weight: 700;
}
.content-modal .disclaimer {
  font-size: var(--fs-12);
  color: var(--color-black-o-60);
  font-style: italic;
}
.content-modal #watchdog-form {
  gap: 0;
}
.content-modal .watchdog-row {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding: 20px 0;
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color-black-o-20);
}
.content-modal .watchdog-action-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.content-modal #watchdog-reset {
  display: flex;
  justify-content: flex-end;
  text-align: center !important;
  padding: 1em 0.5em;
  margin-top: 10px !important;
  margin-bottom: 10px;
  background: rgba(0, 0, 0, 0) !important;
  border-style: solid !important;
  border-color: black;
  border-radius: 8px;
  border-width: 1px;
  color: black !important;
}
.content-modal .shipping-options-popup {
  padding-bottom: 20px;
}
.content-modal .shipping-row {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  flex-direction: row;
  gap: 10px;
  padding: 15px 0;
  align-items: center;
}
.content-modal .shipping-row .payment-info {
  grid-column: 2;
  grid-row: 1;
}
.content-modal .shipping-row .payment-logo {
  grid-column: 1;
  grid-row: 1;
}
.content-modal .shipping-row .payment-shipping-price {
  grid-column: 3;
  grid-row: 1;
}
@media screen and (max-width: 767px) {
  .content-modal .shipping-row {
    grid-template-columns: 70px 1fr auto;
    gap: 5px;
  }
}
.content-modal .shipping-row .for-free {
  color: var(--color-secondary);
}
.content-modal .shipping-row .show-tooltip {
  font-size: var(--fs-13);
  font-weight: 700;
  color: var(--color-primary);
  width: 1.385em;
  height: 1.385em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary-200);
  border-radius: 50%;
}
.content-modal .extra.delivery {
  margin-top: 10px;
  position: relative;
  padding-bottom: 20px;
}
.content-modal .price-range {
  position: absolute;
  width: 100%;
  height: 6px;
  background: var(--color-gray-500);
  border-radius: 8px;
  bottom: 0;
  left: 0;
}
.content-modal .price-range > div {
  position: absolute;
  height: 6px;
  background: var(--color-primary);
  border-radius: 8px;
  bottom: 0;
  left: 0;
}
.content-modal .delivery-point-form {
  padding-bottom: 10px;
}
.content-modal .delivery-point-form .table tr {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .content-modal .delivery-point-form .table tr {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .content-modal .delivery-point-form .table tr td {
    width: 100%;
  }
  .content-modal .delivery-point-form .table tr td input {
    width: 100%;
  }
}
.content-modal .delivery-point-logos {
  max-width: 200px;
  margin: 0 auto;
}
.content-modal .pickup-point-opening-hours {
  display: none;
}
.content-modal .pickup-point-opening-hours.active {
  display: table;
}
.content-modal .ui-menu,
.content-modal .delivery-point-result-table-wrap {
  list-style: none;
  max-height: 240px;
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  position: relative !important;
  inset: 0 !important;
  width: 100% !important;
}
.content-modal .ui-menu li,
.content-modal .delivery-point-result-table-wrap li {
  margin: 0;
  padding: 15px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color-black-o-20);
  cursor: pointer;
}
.content-modal .ui-menu li:hover, .content-modal .ui-menu li:focus-within,
.content-modal .delivery-point-result-table-wrap li:hover,
.content-modal .delivery-point-result-table-wrap li:focus-within {
  background: var(--color-primary-200);
}
.content-modal .delivery-point-result-table td {
  padding: 10px 0;
}
.content-modal .delivery-point-result-table .btn {
  width: 100%;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  display: none !important;
}

#colorbox.productDetail #cboxLoadedContent {
  padding: 50px 60px !important;
}
@media screen and (max-width: 1279px) {
  #colorbox.productDetail #cboxLoadedContent {
    padding: 30px 20px !important;
  }
}
#colorbox.productDetail #cboxLoadedContent img {
  border-radius: 8px;
  width: 100% !important;
  height: auto !important;
  pointer-events: none !important;
}

#dkLabComparerMainDiv h1 {
  font-size: var(--fs-28);
  padding-bottom: 1.2857em;
}
@media screen and (max-width: 1279px) {
  #dkLabComparerMainDiv h1 {
    font-size: var(--fs-24);
    padding-bottom: 0.625em;
  }
}

#dkLabComparerTable {
  display: none !important;
}

#dkLabComparerTableDiv {
  overflow-x: auto;
  padding-bottom: 4px;
}
#dkLabComparerTableDiv .dklab-comparer-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 58px;
  height: 58px;
  cursor: pointer;
  z-index: 10;
}
#dkLabComparerTableDiv .dklab-comparer-control::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#dkLabComparerTableDiv .dklab-comparer-control::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  margin-left: 2px;
  transition: transform 0.2s ease-out;
}
#dkLabComparerTableDiv .dklab-comparer-control:hover::after {
  transform: scale(1.15);
}
#dkLabComparerTableDiv .dklab-comparer-control.right {
  right: -20px;
}
#dkLabComparerTableDiv .dklab-comparer-control.left {
  left: -20px;
}
#dkLabComparerTableDiv .dklab-comparer-control.left::after {
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20%;
  margin-left: -2px;
}
#dkLabComparerTableDiv::-webkit-scrollbar {
  height: 8px;
}
#dkLabComparerTableDiv .dklab-comparer-grid {
  display: grid;
  grid-template-columns: auto, 1fr;
  font-size: var(--fs-16);
  color: black;
}
@media screen and (max-width: 1279px) {
  #dkLabComparerTableDiv .dklab-comparer-grid {
    font-size: var(--fs-13);
  }
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item {
  background: white;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  padding: 14px 27px;
  --margin: 4px;
  margin: 0 var(--margin);
  position: relative;
}
@media screen and (max-width: 1279px) {
  #dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item {
    padding: 10px 14px;
  }
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(0px - var(--margin) - 4px);
  width: calc(100% + 2 * (var(--margin) + 1px));
  height: 1px;
  background: var(--color-gray-blue-400);
  pointer-events: none;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage {
  position: relative;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage > span {
  font-size: 0;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: transform 0.2s ease-out;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage > span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_black.svg");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage > span:hover {
  transform: scale(1.1);
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage a img {
  margin-top: 28px;
  transition: transform 0.2s ease-out;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage a:hover img {
  transform: scale(1.05);
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-product-name a {
  font-size: var(--fs-13);
  color: var(--color-primary);
  color: var(--color-tertiary-hover);
  text-decoration: underline;
  font-weight: 700;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-product-name a:hover, #dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-product-name a:focus {
  color: var(--color-primary);
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-product-name {
  padding: 14px 34px 7px;
}
@media screen and (max-width: 1279px) {
  #dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-product-name {
    padding: 10px 14px 5px;
  }
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-price {
  font-weight: 700;
  padding: 7px 34px 14px;
}
@media screen and (max-width: 1279px) {
  #dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-price {
    padding: 5px 14px 10px;
  }
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button {
  display: flex;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button span, #dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button {
  width: 100%;
  padding-top: 0.8125em;
  padding-bottom: 0.8125em;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button button span {
  font-size: var(--fs-16);
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.no-bg {
  background: none;
  border-left-style: none;
  border-right-style: none;
  padding-left: 0;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.no-bg::before {
  left: 0;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button {
  border-top-style: none;
  border-bottom-style: solid;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button.no-bg {
  border-style: none;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-button:before {
  display: none;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-style: solid;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage.no-bg {
  border-style: none;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dkLabComparerImage:before {
  display: none;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.first-parameter:before {
  display: none;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-product-name:before {
  display: none;
}
#dkLabComparerTableDiv .dklab-comparer-grid .dklab-comparer-grid-item.dklab-comparer-price:before {
  display: none;
}

.siteCookies {
  bottom: 0;
  color: var(--cookies-notice-color);
  font-size: 16px;
  left: 0;
  position: fixed;
  right: 0;
  transition: all 0.4s;
  z-index: 100000001;
}

@media (min-width: 768px) {
  .siteCookies--top {
    background-color: var(--cookies-notice-background);
    bottom: auto;
    top: 0;
  }
  .siteCookies--left {
    bottom: 30px;
    left: 30px;
    right: auto;
  }
  .siteCookies--right {
    bottom: 30px;
    left: auto;
    right: 30px;
  }
  .siteCookies--bottom {
    left: 50%;
    margin-left: -335px;
    width: 670px;
  }
  .siteCookies--bottom.siteCookies--scrolled {
    background-color: var(--cookies-notice-background);
    box-shadow: 0 0 30px rgba(27, 25, 57, 0.5);
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  .siteCookies--bottom.siteCookies--scrolled .siteCookies__form {
    box-shadow: unset;
  }
  .siteCookies--center {
    bottom: auto;
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
  }
}
.siteCookies__form {
  background-color: var(--cookies-notice-background);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 0 30px rgba(27, 25, 57, 0.5);
  padding: 20px 15px 25px;
}

@media (min-width: 768px) {
  .siteCookies__form {
    display: flex;
    margin: 0 auto;
    max-width: 670px;
    padding: 24px;
  }
  .siteCookies--top .siteCookies__form {
    max-width: 800px;
  }
  .siteCookies--left .siteCookies__form,
  .siteCookies--right .siteCookies__form {
    border-radius: 8px;
  }
  .siteCookies--center .siteCookies__form {
    border-radius: 8px;
    flex-direction: column;
    position: relative;
  }
}
.siteCookies__content {
  flex: 1;
}

.siteCookies__text {
  line-height: 22px;
  margin-bottom: 16px;
}

.siteCookies__text a,
.siteCookies__text p {
  color: var(--cookies-notice-color);
}

.siteCookies__text a {
  text-decoration: underline;
}

.siteCookies__text a:hover {
  text-decoration: none;
}

.siteCookies__text a:focus,
.siteCookies__text a:hover {
  color: var(--cookies-notice-color);
}

@media (min-width: 768px) {
  .siteCookies__text {
    margin-right: 30px;
  }
  .siteCookies--center .siteCookies__text {
    margin-right: 0;
  }
}
.siteCookies__links {
  margin-bottom: 16px;
  text-align: center;
  width: 100%;
}

@media (min-width: 768px) {
  .siteCookies__links {
    margin-bottom: 0;
    text-align: left;
  }
  .siteCookies--center .siteCookies__links {
    bottom: 24px;
    max-width: 30%;
    position: absolute;
  }
}
.siteCookies__link {
  background: none;
  border: 2px solid var(--cookies-notice-color);
  border-radius: 4px;
  color: var(--cookies-notice-color);
  display: block;
  font-weight: 700;
  line-height: 44px;
  padding: 0 15px;
  text-decoration: none;
  width: 100%;
  cursor: pointer;
}

@media (hover: hover) {
  .siteCookies__link:hover {
    background: var(--cookies-notice-link-hover);
    color: #fff;
  }
}
@media (min-width: 768px) {
  .siteCookies__link {
    display: inline-block;
    width: auto;
  }
}
.siteCookies__buttonWrap {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}

@media (min-width: 768px) {
  .siteCookies--center .siteCookies__buttonWrap {
    align-self: flex-end;
    max-width: 67%;
  }
}
.siteCookies__button {
  background-color: var(--cookies-notice-color);
  border: 0;
  border-radius: 4px;
  color: var(--cookies-notice-background);
  display: block;
  font-weight: 700;
  line-height: 48px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
}

.siteCookies__button:hover {
  background-color: var(--cookies-notice-button-hover);
  color: var(--cookies-notice-background);
}

@media (min-width: 768px) {
  .siteCookies__button:hover {
    opacity: 0.8;
  }
  .siteCookies--center .siteCookies__button {
    margin: 0;
    width: auto;
  }
}
@media (min-width: 992px) {
  .siteCookies__button {
    transition: all 0.4s;
  }
  .siteCookies__button:hover {
    background-color: var(--cookies-notice-button-hover);
  }
}
#cboxContent.cookiesDialog {
  background-color: #f8fafb;
  border-radius: 8px;
}

.template-14 #cboxContent.cookiesDialog .colorbox-html-content {
  border: 1px solid #e5e8ea;
}

.template-14 #cboxContent.cookiesDialog #cboxClose {
  right: 2px;
  top: 2px;
}

.cookiesSetting__form {
  padding: 10px;
}

.cookiesSetting__title {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
}

.cookiesSetting__perex {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}

.cookiesSetting__item {
  border-bottom: 1px solid #e5e8ea;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .cookiesSetting__item {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
}
.cookiesSetting__item:last-child {
  border-bottom: 0;
}

@media (min-width: 768px) {
  .cookiesSetting__item__col2 {
    margin-left: 10px;
  }
}
.cookiesSetting__item__name {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}

.cookiesSetting__item__text {
  color: #000;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .cookiesSetting__item__text {
    margin-bottom: 0;
  }
}
.cookiesSetting__item__status {
  border: 1px solid #e5e8ea;
  border-radius: 8px;
  display: block;
  font-size: 16px;
  margin: 20px 0;
  padding: 10px 20px 10px 35px;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}

.cookiesSetting__item__status:hover {
  background: #f8fafb;
  border: 1px solid #e5e8ea;
  color: #252525;
}

@media (min-width: 768px) {
  .cookiesSetting__item__status {
    margin: 0;
    padding: 10px 15px;
  }
}
.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state {
  padding-left: 40px;
}

.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:before {
  left: 10px;
}

.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
  left: 12px;
}

.template-07 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
  left: 13px;
}

.template-10 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after,
.template-13 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after,
.template-14 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
  left: 11px;
}

.cookiesDialog #cboxClose {
  background-color: #f8fafb !important;
  border-radius: 8px;
}

.cookiesSetting__data {
  background-color: #fff;
  border: 1px solid #e5e8ea;
  border-radius: 4px;
  padding: 0 20px;
}

.cookiesSetting__bottom {
  text-align: center;
}

@media (min-width: 768px) {
  .cookiesSetting__bottom {
    align-items: flex-start;
    display: flex;
    margin-top: 20px;
    text-align: left;
  }
}
.cookiesSetting__uncheck {
  display: block;
  margin: 10px 0;
}

@media (min-width: 768px) {
  .cookiesSetting__uncheck {
    flex: 1;
    margin: 0;
  }
}
.cookiesSetting__uncheckLink {
  background-color: transparent;
  border: 2px solid #11111f;
  border-radius: 4px;
  color: #11111f;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 44px;
  padding: 0 15px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.cookiesSetting__uncheckLink:hover {
  background: #e5e8ea;
  color: #383742;
}

@media (min-width: 768px) {
  .cookiesSetting__uncheckLink {
    display: inline-block;
    text-align: left;
    width: auto;
  }
}
.cookiesSetting__button {
  border: 0;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 48px;
  padding: 0 15px;
  width: 100%;
}

.cookiesSetting__button,
.cookiesSetting__button:hover {
  background-color: #11111f;
  color: #fff;
}

@media (min-width: 768px) {
  .cookiesSetting__button:hover {
    opacity: 0.9;
  }
  .cookiesSetting__button {
    display: inline-block;
    width: auto;
  }
}
.cookiesSetting__button--green {
  background-color: #007c47;
  margin-top: 10px;
}

.cookiesSetting__button--green:hover {
  background-color: #007c47;
  color: #fff;
}

@media (min-width: 768px) {
  .cookiesSetting__button--green {
    margin-left: 15px;
    margin-top: 0;
  }
}
#cboxOverlay.siteAgreement {
  z-index: 100000002;
}

#colorbox.siteAgreement {
  z-index: 100000003;
}

@media (max-width: 767px) {
  #colorbox.cookiesDialogWrapper {
    top: 0 !important;
  }
}
#footer {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 30deg;
  --start: 0%;
  --end: 50%;
  padding-top: 62px;
}
@media screen and (max-width: 1279px) {
  #footer {
    padding-top: 46px;
  }
}
#footer .site-name {
  display: none;
}
#footer .custom-footer__instagram {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
#footer .custom-footer__instagram h4 {
  color: white;
  text-align: center;
}
#footer .custom-footer__instagram h4 a {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-bottom: 2.5em;
}
@media screen and (max-width: 767px) {
  #footer .custom-footer__instagram h4 a {
    flex-direction: column;
    gap: 10px;
  }
}
#footer .custom-footer__instagram h4 a .ig-follow-text {
  font-size: var(--fs-24);
  font-weight: 700;
}
#footer .custom-footer__instagram h4 a .ig-account-name {
  font-size: var(--fs-18);
  font-weight: 400;
  display: flex;
  gap: 5px;
  align-items: center;
}
#footer .custom-footer__instagram h4 a .ig-account-name:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_instagram_primary.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
#footer .custom-footer__instagram h4 a:hover {
  text-decoration: underline;
}
#footer .custom-footer__instagram h4 a:hover .ig-account-name:before {
  filter: brightness(0) invert(1);
}
#footer .custom-footer__instagram .instagram-widget {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  gap: 20px;
}
@media screen and (max-width: 1439px) {
  #footer .custom-footer__instagram .instagram-widget {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  #footer .custom-footer__instagram .instagram-widget {
    gap: 8px;
  }
}
#footer .custom-footer__instagram .instagram-widget .instagram-follow-btn {
  display: none;
}
#footer .custom-footer__instagram .instagram-widget a {
  transition: opacity 0.2s ease-out;
  max-height: none;
  aspect-ratio: 4/5;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
#footer .custom-footer__instagram .instagram-widget a img {
  max-width: none;
  width: 100%;
}
#footer .custom-footer__instagram .instagram-widget a::after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_instagram_primary.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
  opacity: 0;
}
#footer .custom-footer__instagram .instagram-widget a:hover {
  opacity: 0.8;
}
#footer .custom-footer__instagram .instagram-widget a:hover::after {
  opacity: 1;
}
#footer .footer-final-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1279px) {
  #footer .footer-final-block {
    grid-template-columns: 1fr;
    padding-top: 35px;
    padding-bottom: 30px;
  }
}
#footer .footer-final-block h4 {
  color: white;
  font-weight: 700;
  font-size: var(--fs-22);
  padding-bottom: 1.41em;
}
@media screen and (max-width: 1279px) {
  #footer .footer-final-block h4 {
    padding-bottom: 0.5em;
  }
}
#footer .footer-final-block .footer-newsletter h4 {
  padding-bottom: 1.09em;
}
#footer .footer-final-block > * {
  padding-right: 5% !important;
}
#footer .footer-final-block > *:not(:first-child) {
  padding-left: 15% !important;
  position: relative;
}
#footer .footer-final-block > *:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--color-white-o-10);
}
#footer .footer-final-block > *:last-child {
  padding-right: 0 !important;
}
@media screen and (max-width: 1279px) {
  #footer .footer-final-block > *:nth-child(1) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-top-style: solid;
    border-width: 1px;
    border-color: var(--color-white-o-10);
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #footer .footer-final-block > *:nth-child(1):before {
    display: none;
  }
  #footer .footer-final-block > *:nth-child(2) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-top-style: solid;
    border-width: 1px;
    border-color: var(--color-white-o-10);
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #footer .footer-final-block > *:nth-child(2):before {
    display: none;
  }
  #footer .footer-final-block > *:nth-child(3) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-top-style: solid;
    border-width: 1px;
    border-color: var(--color-white-o-10);
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #footer .footer-final-block > *:nth-child(3):before {
    display: none;
  }
  #footer .footer-final-block > *:nth-child(4) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    grid-column: 1/-1;
    border-top-style: solid;
    border-width: 1px;
    border-color: var(--color-white-o-10);
    padding-top: 30px;
    padding-bottom: 20px;
  }
  #footer .footer-final-block > *:nth-child(4):before {
    display: none;
  }
}
#footer .footer-final-block .customer-links ul,
#footer .footer-final-block .about-us-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer .footer-final-block .customer-links ul a,
#footer .footer-final-block .about-us-links ul a {
  display: block;
  color: var(--color-white-o-80);
  font-size: var(--fs-16);
  text-decoration: none;
  line-height: 1.4;
  padding: 0.375em 0;
}
#footer .footer-final-block .customer-links ul a:hover,
#footer .footer-final-block .about-us-links ul a:hover {
  color: white;
  text-decoration: underline;
}
#footer .footer-final-block .footer-contacts .footer-contacts-blocks {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media screen and (max-width: 1279px) {
  #footer .footer-final-block .footer-contacts .footer-contacts-blocks {
    padding-top: 10px;
  }
}
#footer .footer-final-block .footer-contacts .footer-contacts-blocks .footer-contacts-block {
  display: flex;
  align-items: center;
  gap: 14px;
}
#footer .footer-final-block .footer-contacts .footer-contacts-blocks .footer-contacts-block .footer-customer-support-icon {
  --width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--width);
  height: var(--width);
  border-radius: 8px;
  background-color: var(--color-white-o-10);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-white-o-20);
}
#footer .footer-final-block .footer-contacts .footer-contacts-blocks .footer-contacts-block .footer-customer-support-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#footer .footer-final-block .footer-contacts .footer-contacts-blocks .footer-contacts-block .footer-customer-support-text a {
  font-size: var(--fs-18);
  font-weight: 700;
  color: white;
  text-decoration: none;
}
#footer .footer-final-block .footer-contacts .footer-contacts-blocks .footer-contacts-block .footer-customer-support-text a:hover {
  text-decoration: underline;
}
#footer .footer-final-block .footer-contacts .footer-contacts-blocks .footer-contacts-block .footer-customer-support-text p {
  margin: 0;
  padding: 0;
  font-size: var(--fs-12);
  color: var(--color-white-o-70);
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner .newsletter-header {
  position: relative;
  padding-right: 35%;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner .newsletter-image {
  position: absolute;
  right: 0;
  top: 0px;
  width: 35%;
  height: auto;
  max-width: 120px;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner form {
  max-width: 500px;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner form .newsletter-input {
  position: relative;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner form .newsletter-input button {
  position: absolute;
  --margin: 6px;
  height: calc(100% - var(--margin) * 2);
  top: 50%;
  right: var(--margin);
  font-size: var(--fs-14);
  font-weight: 700;
  padding: 0 1em;
  transform: translateY(-50%);
  border-radius: 4px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner form .newsletter-input button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner form .newsletter-input button {
  color: white;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner form .newsletter-input button .sr-only {
  display: block;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner form .newsletter-input input {
  font-size: var(--fs-16);
  padding: 1em 7.5em 1em 1em;
  width: 100%;
  background: var(--color-white-o-10);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-white-o-20);
  border-radius: 8px;
  color: white;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner .gdpr-compliance {
  display: block;
  padding-top: 12px;
  font-size: var(--fs-12);
  color: var(--color-white-o-70);
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner .gdpr-compliance a {
  color: var(--color-white-o-70);
  text-decoration: underline;
}
#footer .footer-final-block .footer-newsletter .footer-newsletter-wrapper-inner .gdpr-compliance a:hover {
  color: white;
}
#footer .footer-delivery-payment {
  display: flex;
  background: white;
  gap: 130px;
  justify-content: center;
  align-items: center;
  padding: 46px var(--padding-sides) 50px;
}
@media screen and (max-width: 1279px) {
  #footer .footer-delivery-payment {
    flex-direction: column;
    gap: 30px;
    padding: 20px var(--padding-sides) 25px;
  }
}
#footer .footer-delivery-payment .footer-deliveries,
#footer .footer-delivery-payment .footer-online-payments {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  #footer .footer-delivery-payment .footer-deliveries,
  #footer .footer-delivery-payment .footer-online-payments {
    justify-content: center;
  }
}
@media screen and (max-width: 1279px) {
  #footer .footer-delivery-payment .footer-deliveries a,
  #footer .footer-delivery-payment .footer-online-payments a {
    width: 100%;
    text-align: center;
  }
}
#footer .footer-delivery-payment .footer-deliveries a:hover, #footer .footer-delivery-payment .footer-deliveries a:focus,
#footer .footer-delivery-payment .footer-online-payments a:hover,
#footer .footer-delivery-payment .footer-online-payments a:focus {
  text-decoration: underline;
}
#footer .footer-delivery-payment .footer-deliveries a h4,
#footer .footer-delivery-payment .footer-online-payments a h4 {
  font-size: var(--fs-18);
  font-weight: 700;
  color: black;
  padding-right: 15px;
}
#footer .footer-delivery-payment .footer-deliveries .delivery-service,
#footer .footer-delivery-payment .footer-online-payments .delivery-service {
  width: 100px;
}
#footer .footer-socials {
  display: none;
}
#footer .footer-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  padding-top: 48px;
  padding-bottom: 58px;
}
@media screen and (max-width: 1279px) {
  #footer .footer-bottom {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px;
    padding-top: 35px;
    padding-bottom: 25px;
  }
}
#footer .footer-bottom .footer-socials {
  display: flex;
  order: 2;
  gap: 20px;
  margin: auto;
}
@media screen and (max-width: 1279px) {
  #footer .footer-bottom .footer-socials {
    order: 1;
  }
}
#footer .footer-bottom .footer-socials a {
  --width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--width);
  height: var(--width);
  border-radius: 8px;
  background-color: var(--color-white-o-10);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-white-o-20);
}
#footer .footer-bottom .footer-socials a img {
  height: 28px;
  width: auto;
  transition: transform 0.2s ease-out;
}
#footer .footer-bottom .footer-socials a:hover {
  border-color: var(--color-tertiary-hover);
}
#footer .footer-bottom .footer-socials a:hover img {
  transform: scale(1.1);
}
#footer .footer-bottom #signature {
  order: 3;
  margin-left: auto;
}
@media screen and (max-width: 1279px) {
  #footer .footer-bottom #signature {
    margin: auto;
    margin-bottom: 20px;
  }
}
#footer .footer-bottom #signature .image {
  display: inline-block;
  vertical-align: middle;
}
#footer .footer-bottom #signature .image img {
  filter: brightness(0) invert(1);
  display: block;
  vertical-align: middle;
}
#footer .footer-bottom #signature span,
#footer .footer-bottom #signature a {
  color: var(--color-white-o-60);
  text-decoration: none;
  font-size: var(--fs-14);
}
#footer .footer-bottom #signature a:hover {
  color: white;
  text-decoration: underline;
}
#footer .footer-bottom #signature .title {
  margin-left: 8px;
}
#footer .footer-bottom .copyright {
  order: 1;
  max-width: 15em;
  color: var(--color-white-o-60);
}
@media screen and (max-width: 1279px) {
  #footer .footer-bottom .copyright {
    margin: auto;
    text-align: center;
    margin-top: 40px;
  }
}

body:has(#header .menu-level-1 > li.ext:hover)::before,
body:has(#header .menu-level-1 > li.ext:focus-within)::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(var(--color-primary-hover-h), var(--color-primary-hover-s), var(--color-primary-hover-l), 0.5);
  z-index: 999;
  pointer-events: none;
  backdrop-filter: blur(5px);
}

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

body.sticky-header-hidden #header {
  transform: translateY(-100%);
}

body.sticky-header-hidden #header {
  transform: translateY(-100%);
}

#header {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 90deg;
  --start: 5%;
  --end: 50%;
  --component-max-height: 52px;
  position: sticky;
  top: 0;
  z-index: 1000;
  transition: transform 0.3s ease-in-out;
}
#header > .container {
  position: relative;
  z-index: 8;
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  padding: 27px var(--padding-sides) 0;
}
#header .header-top {
  display: flex;
  align-items: center;
  height: var(--component-max-height);
  --margin-on-components: 15px;
  /*empty block na margin*/
}
#header .header-top::before {
  content: "";
  order: 50;
  margin: auto;
}
#header .header-top .site-name-wrapper {
  order: 1;
  margin-right: 58px;
}
@media screen and (max-width: 1439px) {
  #header .header-top .site-name-wrapper {
    margin-right: 38px;
  }
}
@media screen and (max-width: 1279px) {
  #header .header-top .site-name-wrapper {
    margin-right: 24px;
  }
}
#header .header-top .site-name-wrapper {
  flex-basis: 177px;
  max-width: 177px;
  min-width: 126px;
}
#header .header-top .site-name-wrapper .site-name {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 !important;
}
#header .header-top .site-name-wrapper .site-name a {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
#header .header-top .site-name-wrapper .site-name a img {
  display: none;
}
#header .header-top .site-name-wrapper .site-name a:before {
  content: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/logo_natios_bez_pozadi.svg");
  height: auto;
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  transition: filter 0.2s ease-in-out;
}
#header .header-top .site-name-wrapper .site-name:hover a::before, #header .header-top .site-name-wrapper .site-name:focus-within a::before {
  filter: brightness(1.25) contrast(1.2);
}
#header .header-top .search {
  order: 2;
  height: 100%;
  margin-right: 54px;
}
@media screen and (max-width: 1439px) {
  #header .header-top .search {
    margin-right: 34px;
  }
}
@media screen and (max-width: 1279px) {
  #header .header-top .search {
    margin-right: 24px;
  }
}
@media screen and (max-width: 1023px) {
  #header .header-top .search {
    display: none;
  }
}
#header .header-top .search form {
  height: 100%;
}
#header .header-top .search form fieldset {
  height: 100%;
  display: flex;
  position: relative;
}
#header .header-top .search form fieldset::before {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_search_white.svg");
  background-size: cover;
}
#header .header-top .search form fieldset input[type=search] {
  width: clamp(300px, 28.5vw, 548px);
  background: var(--color-white-o-10);
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-white-o-20);
  display: flex;
  font-size: var(--fs-13);
  color: white;
  padding: 0 10px 0 53px;
}
#header .header-top .search form fieldset input[type=search]::placeholder {
  color: white;
  opacity: 1;
}
#header .header-top .search form fieldset input[type=search]:focus {
  outline: solid 2px var(--color-tertiary);
  outline-offset: 1px;
}
#header .header-top .search form fieldset button {
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
#header .header-top .search form fieldset button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
#header .header-top .search form fieldset button {
  border-style: none;
  border-radius: 4px;
  color: white;
  padding: 0 14px;
  font-size: var(--fs-14);
  font-weight: 700;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 6px;
  height: calc(100% - 12px);
}
@media screen and (max-width: 767px) {
  #header .header-top .search form fieldset button {
    display: none;
  }
}
#header .header-top .search .search-whisperer {
  display: none;
}
#header .header-top .project-phone {
  order: 3;
  display: grid;
  grid-template-rows: 1fr 1fr;
  column-gap: var(--margin-on-components);
  row-gap: 4px;
}
#header .header-top .project-phone::before {
  grid-column: 1;
  grid-row: 1/-1;
  content: "";
  display: block;
  width: var(--component-max-height);
  height: var(--component-max-height);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_phone_primary.svg");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--color-white-o-10);
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-white-o-20);
}
@media screen and (max-width: 1279px) {
  #header .header-top .project-phone {
    grid-template-columns: 0px 1fr;
    column-gap: 0;
  }
  #header .header-top .project-phone::before {
    display: none;
  }
}
#header .header-top .project-phone span {
  width: max-content;
  margin-top: auto;
  grid-row: 1;
  grid-column: 2;
  color: white;
  font-size: var(--fs-14);
  font-weight: 700;
  line-height: 1;
}
#header .header-top .project-phone span.opening-hours {
  margin-top: 0;
  margin-bottom: auto;
  grid-row: 2;
  grid-column: 2;
  font-size: var(--fs-12);
  font-weight: 400;
  color: var(--color-white-o-70);
}
#header .header-top .project-phone:hover span:not(.opening-hours), #header .header-top .project-phone:focus-within span:not(.opening-hours) {
  text-decoration: underline;
}
#header .header-top .top-nav-button {
  order: 99;
  display: flex;
  align-items: center;
  gap: 4px;
}
#header .header-top .top-nav-button span {
  display: none;
  color: white;
  font-size: var(--fs-12);
}
#header .header-top .top-nav-button::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_user_primary.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#header .header-top .top-nav-button::after {
  display: block;
  color: white;
  font-size: var(--fs-12);
}
#header .header-top .top-nav-button:hover::after, #header .header-top .top-nav-button:focus-within::after {
  text-decoration: underline;
}
#header .header-top .top-nav-button.top-nav-button-account span {
  display: block;
}
#header .header-top .top-nav-button.top-nav-button-account::after {
  display: none !important;
}
#header .header-top .top-nav-button.top-nav-button-account:hover span, #header .header-top .top-nav-button.top-nav-button-account:focus-within span {
  text-decoration: underline;
}
#header #dkLabFavHeaderWrapper {
  order: 98;
  display: flex;
  font-size: var(--fs-12);
  margin-right: var(--margin-on-components);
}
#header #dkLabFavHeaderWrapper.no-count {
  display: none;
}
#header #dkLabFavHeaderWrapper a {
  display: flex;
  align-items: center;
  gap: 4px;
}
#header #dkLabFavHeaderWrapper a:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_favorites_empty.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#header #dkLabFavHeaderWrapper a {
  color: white;
}
#header #dkLabFavHeaderWrapper a:hover span, #header #dkLabFavHeaderWrapper a:focus-within span {
  text-decoration: underline;
}
#header #dkLabFavHeaderWrapper em {
  font-style: normal;
}
#header #dkLabFavHeaderWrapper em:before {
  content: "(";
}
#header #dkLabFavHeaderWrapper em:after {
  content: ")";
}
#header #dkLabComparerHeaderWrappper {
  order: 97;
  display: flex;
  font-size: var(--fs-12);
  margin-right: var(--margin-on-components);
}
#header #dkLabComparerHeaderWrappper.no-count {
  display: none;
}
#header #dkLabComparerHeaderWrappper .dkLabComparerHeaderIconBtn {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
#header #dkLabComparerHeaderWrappper .dkLabComparerHeaderIconBtn:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_compare_empty.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#header #dkLabComparerHeaderWrappper .dkLabComparerHeaderIconBtn {
  color: white;
}
#header #dkLabComparerHeaderWrappper .dkLabComparerHeaderIconBtn:hover span, #header #dkLabComparerHeaderWrappper .dkLabComparerHeaderIconBtn:focus-within span {
  text-decoration: underline;
}
#header #dkLabComparerHeaderWrappper em {
  font-style: normal;
}
#header #dkLabComparerHeaderWrappper em:before {
  content: "(";
}
#header #dkLabComparerHeaderWrappper em:after {
  content: ")";
}
#header .menu-helper {
  display: none;
}
#header .navigation-close {
  display: none;
}
#header .navigation-buttons {
  display: none;
}
#header #navigation {
  display: grid;
  grid-template-columns: calc(100% - 22em) 22em;
  max-width: 100%;
  align-items: center;
  padding-top: 18px;
}
@media screen and (max-width: 1279px) {
  #header #navigation {
    grid-template-columns: calc(100% - 15em) 15em;
  }
}
#header #navigation .navigation-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: -10px;
}
#header #navigation .navigation-buttons .header-free-shipping-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: white;
  font-size: var(--fs-12);
  text-align: right;
  padding-right: 22px;
  width: max-content;
}
#header #navigation .navigation-buttons .header-free-shipping-info * {
  width: max-content;
}
@media screen and (max-width: 1279px) {
  #header #navigation .navigation-buttons .header-free-shipping-info {
    display: none;
  }
}
#header #navigation .navigation-buttons .cart-count {
  padding: 15px;
  color: black;
  background: white;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  --component-width: 22px;
  outline: none !important;
}
#header #navigation .navigation-buttons .cart-count .cart-price {
  font-weight: 700;
  font-size: var(--fs-16);
  line-height: 1;
  width: max-content;
}
#header #navigation .navigation-buttons .cart-count:before {
  content: "";
  display: block;
  width: var(--component-width);
  height: var(--component-width);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_cart_primary.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#header #navigation .navigation-buttons .cart-count i {
  position: absolute;
  top: calc(var(--component-width) + var(--component-width) / 6);
  left: calc(var(--component-width) + var(--component-width) / 5);
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-secondary) var(--start), var(--color-secondary-hover) var(--end));
  color: black;
  font-size: var(--fs-11);
  font-weight: 600;
  font-style: normal;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
@media screen and (max-width: 1023px) {
  #header #navigation .navigation-buttons .cart-count i {
    top: 50%;
    left: 50%;
  }
}
#header #navigation .navigation-buttons .cart-count:hover {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-secondary) var(--start), var(--color-secondary-hover) var(--end));
}
#header #navigation .navigation-buttons .cart-count:hover i {
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
  color: white;
}
#header #navigation .navigation-buttons .cart-count:focus {
  outline: solid 2px var(--color-secondary);
  outline-offset: 1px;
}
#header .menu-helper-custom {
  display: none;
  border-radius: 8px 8px 0 0;
  position: relative;
}
#header .menu-helper-custom.active {
  display: flex;
}
#header .menu-helper-custom .menu-helper-custom-submenu {
  display: none;
}
#header .menu-helper-custom:hover, #header .menu-helper-custom:focus-within {
  background: white;
  color: black;
}
#header .menu-helper-custom:hover .menu-helper-custom-submenu, #header .menu-helper-custom:focus-within .menu-helper-custom-submenu {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  right: 0;
  background: linear-gradient(180deg, #ffffff 0%, var(--color-primary-200) 100%);
  width: 16.5em;
  gap: 16px;
  padding: 2em 1em 1.75em 2em;
  z-index: 8;
  border-radius: 8px 0 8px 8px;
  box-shadow: 0px 9px 14px rgba(0, 0, 0, 0.1);
}
#header .menu-helper-custom:hover .menu-helper-custom-submenu a, #header .menu-helper-custom:focus-within .menu-helper-custom-submenu a {
  color: black;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
#header .menu-helper-custom:hover .menu-helper-custom-submenu a:hover, #header .menu-helper-custom:hover .menu-helper-custom-submenu a:focus-within, #header .menu-helper-custom:focus-within .menu-helper-custom-submenu a:hover, #header .menu-helper-custom:focus-within .menu-helper-custom-submenu a:focus-within {
  color: var(--color-primary);
}
#header .menu-level-1,
#header .menu-level-1 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#header .menu-level-1 li {
  padding: 0;
  margin: 0;
}
#header .menu-level-1 {
  display: flex;
  font-size: var(--fs-16);
  flex-direction: row;
  flex-wrap: nowrap;
  color: white;
}
#header .menu-level-1 strong,
#header .menu-level-1 b {
  font-weight: inherit;
}
#header .menu-level-1 a {
  display: block;
}
#header .menu-level-1 > li > a,
#header .menu-level-1 .menu-helper-custom > span {
  color: inherit;
  font-weight: 600;
  width: max-content;
  padding: 1em 1.8125em 1.75em;
  display: flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 1439px) {
  #header .menu-level-1 > li > a,
  #header .menu-level-1 .menu-helper-custom > span {
    padding: 1em 1.25em 1.75em;
  }
}
@media screen and (max-width: 1279px) {
  #header .menu-level-1 > li > a,
  #header .menu-level-1 .menu-helper-custom > span {
    padding: 1em 1em 1.75em;
  }
}
#header .menu-level-1 > li:first-child > a {
  padding-left: 1.375em;
}
#header .menu-level-1 > li > a .submenu-arrow,
#header .menu-level-1 .menu-helper-custom > span::after {
  content: "";
  display: block;
  width: 0.625em;
  height: 100%;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_down.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#header .menu-level-1 {
  /* 	> li:hover .submenu-arrow,
  > li:focus-within .submenu-arrow,
  .menu-helper-custom:hover span::after,
  .menu-helper-custom:focus-within span::after {
  	transform: rotate(180deg);
  } */
}
#header .menu-level-1 > li {
  border-radius: 8px 8px 0 0;
}
#header .menu-level-1 > li:hover, #header .menu-level-1 > li:focus-within {
  background: white;
  color: black;
}
#header .menu-level-1 > li:hover .menu-level-2, #header .menu-level-1 > li:focus-within .menu-level-2 {
  display: grid;
}
#header .menu-level-1 .menu-level-2 {
  display: none;
  position: absolute;
  background: linear-gradient(180deg, #ffffff 0%, var(--color-primary-200) 100%);
  left: 0;
  top: 100%;
  width: calc(100% - var(--padding-sides) * 2);
  z-index: 9;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: minmax(6.8125em, 1fr);
  margin: 0 var(--padding-sides);
  column-gap: 20px;
  row-gap: 22px;
  padding: 27px 22px 30px;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
@media screen and (max-width: 1679px) {
  #header .menu-level-1 .menu-level-2 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1439px) {
  #header .menu-level-1 .menu-level-2 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1279px) {
  #header .menu-level-1 .menu-level-2 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1023px) {
  #header .menu-level-1 .menu-level-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
#header .menu-level-1 .menu-level-2 > li {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 25px;
  align-items: center;
  color: black;
  background: white;
  border-radius: 8px;
  border-style: solid;
  border-color: var(--color-gray-blue-400);
  border-width: 1px;
  padding: 23px 10px 23px 25px;
  cursor: pointer;
  font-size: var(--fs-18);
}
#header .menu-level-1 .menu-level-2 > li:hover, #header .menu-level-1 .menu-level-2 > li:focus-within {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  cursor: pointer;
  color: white;
  border-color: transparent;
}
#header .menu-level-1 .menu-level-2 > li:hover img[src$=".svg"], #header .menu-level-1 .menu-level-2 > li:focus-within img[src$=".svg"] {
  filter: brightness(0) invert(1);
}
#header .menu-level-1 .menu-level-2 > li {
  position: relative;
}
#header .menu-level-1 .menu-level-2 > li > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#header .menu-level-1 .menu-level-2 > li > div > a {
  color: black;
}
#header .menu-level-1 .menu-level-2 > li:hover > div > a, #header .menu-level-1 .menu-level-2 > li:focus-within > div > a {
  color: white;
}
#header .menu-level-1 .menu-level-2 > li {
  /* display: grid;
  grid-template-columns: 64px 1fr;
  gap: 30px;
  align-items: center;
  color: black;
  position: relative;
  background: white;
  border-radius: 8px;
  border-style: solid;
  border-color: var(--color-gray-blue-400);
  border-width: 1px;
  padding: 0 10px 0 25px;

  > a {
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	cursor: pointer;
  	&:hover,
  	&:focus-within {
  		background: hsla(
  			var(--color-tertiary-hover-h),
  			var(--color-tertiary-hover-s),
  			var(--color-tertiary-hover-l),
  			0.05
  		);
  	}
  }
  img {
  	background-color: red;
  }
  > div {
  	> a {
  		color: inherit;
  		font-size: var(--fs-18);
  	}
  } */
}
#header .menu-level-1 .menu-level-3 {
  display: none;
}

@media screen and (max-width: 1023px) {
  #header {
    --component-max-height: 40px;
    --space-between-components: 8px;
  }
  #header #dkLabFavHeaderWrapper,
  #header #dkLabComparerHeaderWrappper {
    display: none !important;
  }
  #header .top-nav-button span, #header .top-nav-button::after {
    display: none !important;
  }
  #header .project-phone {
    display: none !important;
  }
  #header .cart-price {
    display: none !important;
  }
  #header .navigation-in.menu {
    display: none !important;
  }
  #header .navigation-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #header .header-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    flex-grow: 1;
  }
  #header .header-top .site-name-wrapper {
    margin-right: auto !important;
    max-width: 126px;
    flex-basis: 126px;
    width: 126px;
    position: relative;
    top: 3px;
  }
  #header .header-top .site-name-wrapper .site-name {
    padding: 0;
    max-height: var(--component-max-height);
  }
  #header .header-top::before {
    display: none !important;
  }
  #header .header-top .top-nav-button {
    padding-right: var(--space-between-components);
  }
  #header #navigation {
    display: flex;
    padding: 0;
    padding-right: var(--space-between-components);
    padding-left: var(--space-between-components);
  }
  #header #navigation .navigation-buttons {
    margin-top: 0;
  }
  #header #navigation .navigation-buttons .cart-count {
    padding: 0;
    width: var(--component-max-height);
    height: var(--component-max-height);
    justify-content: center;
  }
  #header .menu-helper {
    display: block;
  }
  #header .menu-helper > span {
    font-size: 0;
    display: block;
    position: relative;
    width: var(--component-max-height);
    height: var(--component-max-height);
    --angle: 270deg;
    --start: 0%;
    --end: 100%;
    background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
    border-radius: 8px;
    cursor: pointer;
  }
  #header .menu-helper > span::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_hamburger_menu.svg");
    background-size: 45%;
    background-position: center;
    background-repeat: no-repeat;
  }
  #header .menu-helper .menu-level-1 {
    display: none !important;
    position: absolute;
    width: 100%;
    height: 100vh;
    height: calc(100vh - var(--header-height));
    height: 100svh;
    height: calc(100svh - var(--header-height));
    overflow-y: auto;
    left: 0;
    top: 100%;
    --angle: 90deg;
    --start: 0%;
    --end: 100%;
    background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
    --angle: 90deg;
    z-index: 10000;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 4px;
    padding: 24px 20px 60px !important;
  }
  #header .menu-helper .menu-level-1 .submenu-arrow {
    display: none !important;
  }
  #header .menu-helper .menu-level-1 > li {
    width: 100% !important;
  }
  #header .menu-helper .menu-level-1 li {
    order: 1;
    background: transparent !important;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
  }
  #header .menu-helper .menu-level-1 li a {
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-gray-blue-400);
    border-radius: 8px;
    padding: 1.143em;
    background: white;
    width: 100%;
  }
  #header .menu-helper .menu-level-1 li > .show-more-ext-li {
    background: white;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-gray-blue-400);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left-style: none;
    height: 100%;
    position: relative;
    cursor: pointer;
  }
  #header .menu-helper .menu-level-1 li > .show-more-ext-li::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--color-gray-blue-400);
  }
  #header .menu-helper .menu-level-1 li > .show-more-ext-li::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_right.svg");
    background-size: 20%;
    background-position: center;
    background-repeat: no-repeat;
  }
  #header .menu-helper .menu-level-1 li > .go-back-ext-li {
    display: none;
  }
  #header .menu-helper .menu-level-1 li.ext {
    display: grid;
    grid-template-columns: 1fr 50px;
    align-items: center;
  }
  #header .menu-helper .menu-level-1 li.ext a {
    border-right-style: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #header .menu-helper .menu-level-1 a,
  #header .menu-helper .menu-level-1 strong {
    color: black;
    font-size: var(--fs-14);
    font-weight: 700;
  }
  #header .menu-helper .menu-level-1 #dkLabFavHeaderWrapper,
  #header .menu-helper .menu-level-1 #dkLabComparerHeaderWrappper {
    display: flex !important;
    width: 45%;
    margin-top: 8px;
    order: 3;
  }
  #header .menu-helper .menu-level-1 #dkLabFavHeaderWrapper > a,
  #header .menu-helper .menu-level-1 #dkLabFavHeaderWrapper > span,
  #header .menu-helper .menu-level-1 #dkLabComparerHeaderWrappper > a,
  #header .menu-helper .menu-level-1 #dkLabComparerHeaderWrappper > span {
    width: 100%;
    background: white;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-gray-blue-400);
    border-radius: 8px;
    justify-content: center;
    padding: 1.143em 0;
    color: black;
    font-weight: 400;
    font-size: var(--fs-12);
  }
  #header .menu-helper .menu-level-1 #dkLabComparerHeaderWrappper {
    margin-left: auto;
  }
  #header .menu-helper .menu-level-1 .customer-links,
  #header .menu-helper .menu-level-1 .about-us-links {
    margin-top: 1.5em;
    order: 9;
    width: 100%;
  }
  #header .menu-helper .menu-level-1 .customer-links ul,
  #header .menu-helper .menu-level-1 .about-us-links ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
  }
  #header .menu-helper .menu-level-1 .customer-links ul li a,
  #header .menu-helper .menu-level-1 .about-us-links ul li a {
    background: none;
    border-style: none !important;
    width: max-content;
    padding: 0.25em 0;
    color: black;
    font-weight: 400;
    font-size: var(--fs-12);
  }
  #header .menu-helper .menu-level-1 .customer-links ul li a:hover, #header .menu-helper .menu-level-1 .customer-links ul li a:focus-within,
  #header .menu-helper .menu-level-1 .about-us-links ul li a:hover,
  #header .menu-helper .menu-level-1 .about-us-links ul li a:focus-within {
    text-decoration: underline;
    color: var(--color-primary);
  }
  #header .menu-helper .menu-level-2 {
    display: none !important;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li:not(.opened-ext-li) {
    display: none !important;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li > a {
    border-style: none;
    background: transparent;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li > .show-more-ext-li {
    display: none !important;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li {
    display: flex !important;
    flex-direction: column;
    cursor: pointer;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li > a {
    padding-left: 0;
    gap: 1em;
    position: relative;
    display: flex;
    pointer-events: none;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li > a:before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_left.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li .menu-level-2 {
    position: initial !important;
    display: flex !important;
    flex-direction: column;
    background: transparent !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0;
    border-radius: 0;
    gap: 4px;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li .menu-level-2 > li {
    font-size: var(--fs-14);
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 0;
    padding: 0;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-gray-blue-400);
    border-radius: 8px;
    background: white !important;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li .menu-level-2 > li img {
    padding: 12px;
    margin-left: 6px;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li .menu-level-2 > li > a {
    background: transparent;
    padding: 0;
    width: 100%;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li .menu-level-2 > li a {
    border-style: none !important;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li .menu-level-2 > li span {
    color: black !important;
    font-weight: 400;
  }
  #header .menu-helper.has-opened-menu-level-1 .menu-level-1 > li.opened-ext-li .menu-level-2 > li img {
    filter: none !important;
  }
  #header .menu-helper .menu-level-3 {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  body:has(#header .menu-level-1 > li.ext:hover)::before,
  body:has(#header .menu-level-1 > li.ext:focus-within)::before {
    display: none !important;
  }
  html:has(body.has-opened-hamburger-menu) {
    overflow-y: hidden;
  }
  body.has-opened-hamburger-menu #header .menu-helper > span::before {
    background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
  }
  body.has-opened-hamburger-menu #header .menu-helper .menu-level-1 {
    display: flex !important;
  }
}
.benefitBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 52px var(--padding-sides) 48px;
  flex-wrap: wrap;
  --gap: 70px;
  --items-number: 4;
  gap: var(--gap);
}
.benefitBanner > * {
  width: calc(100% / var(--items-number) - var(--gap) * (var(--items-number) - 1) / var(--items-number));
  max-width: 400px;
}
@media screen and (max-width: 1679px) {
  .benefitBanner {
    --gap: 40px;
  }
}
@media screen and (max-width: 1279px) {
  .benefitBanner {
    --items-number: 3;
  }
}
@media screen and (max-width: 1023px) {
  .benefitBanner {
    padding: 38px var(--padding-sides) 38px;
    --items-number: 2;
    --gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .benefitBanner {
    --items-number: 1;
    --gap: 20px;
  }
}
.benefitBanner .benefitBanner__item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.benefitBanner .benefitBanner__picture {
  position: relative;
  display: flex;
  min-width: 83px;
  width: 83px;
  height: 73px; /*matematicky 72 ale 73 vypadá líp*/
  align-items: center;
  justify-content: center;
}
.benefitBanner .benefitBanner__picture::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_primary_with_border.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.benefitBanner .benefitBanner__picture img {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
}
.benefitBanner > .benefitBanner__item:first-child .benefitBanner__picture img {
  width: 28px;
  height: 28px;
  max-width: 40%;
}

.in-index .benefitBanner {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}

.type-category .benefitBanner {
  margin-top: 70px;
  padding-top: 100px;
  padding-bottom: 105px;
  border-top-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
@media screen and (max-width: 1279px) {
  .type-category .benefitBanner {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 90px;
  }
}

.type-product .benefitBanner {
  padding-top: 80px;
  padding-bottom: 75px;
}

.listingControls .itemsTotal {
  display: none !important;
}
.listingControls {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .listingControls {
    flex-direction: column;
    gap: 25px;
  }
}
.listingControls > * {
  flex-basis: 33.33%;
}
@media screen and (max-width: 767px) {
  .listingControls > * {
    flex-basis: 100%;
  }
}
.listingControls .goToTop {
  order: 1;
}
@media screen and (max-width: 767px) {
  .listingControls .goToTop {
    order: 99;
    margin-top: 20px;
  }
}
.listingControls .goToTop a {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  .listingControls .goToTop a {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .listingControls .goToTop a {
    width: 42px;
    height: 36px;
  }
}
.listingControls .goToTop a {
  width: fit-content;
  padding-left: 70px;
}
.listingControls .goToTop a::before {
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  .listingControls .goToTop a::before {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .listingControls .goToTop a::before {
    width: 42px;
    height: 36px;
  }
}
.listingControls .goToTop a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_border.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.listingControls .goToTop a::after {
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  .listingControls .goToTop a::after {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .listingControls .goToTop a::after {
    width: 42px;
    height: 36px;
  }
}
.listingControls .goToTop a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_up.svg");
  background-repeat: no-repeat;
  background-size: 25%;
  background-position: center;
  transition: transform 0.2s ease-out;
}
.listingControls .goToTop a:hover::after {
  transform: scale(1.25);
}
.listingControls .loadMore {
  order: 2;
  display: flex;
  justify-content: center;
}
.listingControls .loadMore button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.listingControls .loadMore button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.listingControls .loadMore button {
  background: white;
  color: var(--color-tertiary-hover);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  width: max-content;
}
.listingControls .loadMore button:hover, .listingControls .loadMore button:focus {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  color: white;
  filter: none;
}
.listingControls .pagination {
  order: 3;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .listingControls .pagination {
    justify-content: center;
    margin-left: 0;
  }
}
.listingControls .pagination .pagination__list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;
  padding: 0;
}
.listingControls .pagination .pagination__currentPage {
  font-weight: 500;
}
.listingControls .pagination .pagination__link--next,
.listingControls .pagination .pagination__link--prev {
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  .listingControls .pagination .pagination__link--next,
  .listingControls .pagination .pagination__link--prev {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .listingControls .pagination .pagination__link--next,
  .listingControls .pagination .pagination__link--prev {
    width: 42px;
    height: 36px;
  }
}
.listingControls .pagination .pagination__link--next,
.listingControls .pagination .pagination__link--prev {
  display: block;
  position: relative;
}
.listingControls .pagination .pagination__link--next::before,
.listingControls .pagination .pagination__link--prev::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_border.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.listingControls .pagination .pagination__link--next::after,
.listingControls .pagination .pagination__link--prev::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_right.svg");
  background-repeat: no-repeat;
  background-size: 17.5%;
  background-position: center;
  transition: transform 0.2s ease-out;
}
.listingControls .pagination .pagination__link--next:hover::after,
.listingControls .pagination .pagination__link--prev:hover::after {
  transform: scale(1.25);
}
.listingControls .pagination .pagination__link--prev::after {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_left.svg");
}

body .messages .msg {
  position: fixed;
  top: calc(var(--header-height) + 10px);
  right: 0;
  z-index: 1000;
  animation: slideInFromTop 0.2s ease-out forwards;
  color: white;
  font-size: var(--fs-14);
  border-radius: 8px;
  max-width: 100%;
  width: 17em;
  text-wrap: balance;
  padding: 1em 2em;
  transition: top 0.2s ease-in-out;
}
body .messages .msg a {
  color: white;
  font-size: var(--fs-14);
  font-weight: 700;
  text-decoration: underline;
}
body .messages .msg-success {
  background: var(--color-green-500);
}
body .messages .msg-error {
  background: var(--color-red-400);
}
body .messages > * {
  top: calc(var(--header-height) + 10px);
}
body.sticky-header-hidden .messages > * {
  top: 20px;
}
@keyframes slideInFromTop {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(calc(var(--padding-sides) / -1));
    opacity: 1;
  }
}

.natios-brand-block {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 45deg;
  --start: 5%;
  --end: 50%;
  min-height: 670px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-top: 26px;
}
.natios-brand-block .natios-brand-left-image {
  position: absolute;
  left: 0;
  top: -40%;
  height: 150%;
  width: 20%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .natios-brand-block .natios-brand-left-image {
    left: auto;
    right: 0;
    height: 300px;
    top: 0;
    width: auto;
    transform: translate(25%, -50%);
  }
}
.natios-brand-block .natios-brand-left-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: right;
}
.natios-brand-block .natios-brand-left-image::before {
  content: "";
  position: absolute;
  top: 32%;
  left: -5%;
  width: 170%;
  height: 90%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/natios_dots_webp_800.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .natios-brand-block .natios-brand-left-image::before {
    display: none;
  }
}
.natios-brand-block .natios-brand-content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .natios-brand-block .natios-brand-content {
    grid-template-columns: 1fr;
  }
}
.natios-brand-block .natios-brand-texts {
  padding-left: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .natios-brand-block .natios-brand-texts {
    padding-left: 40%;
  }
}
@media screen and (max-width: 767px) {
  .natios-brand-block .natios-brand-texts {
    padding-left: 5px;
    padding-right: 0;
  }
  .natios-brand-block .natios-brand-texts ul {
    padding-right: 35%;
  }
}
.natios-brand-block .natios-brand-right-image {
  padding-left: 10%;
  padding-right: 27%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1279px) {
  .natios-brand-block .natios-brand-right-image {
    padding-right: 10%;
  }
}
@media screen and (max-width: 767px) {
  .natios-brand-block .natios-brand-right-image {
    position: absolute;
    padding: 0;
    bottom: 0;
    right: -10%;
    width: 250px;
    max-width: 60%;
    height: auto;
    display: block;
  }
  .natios-brand-block .natios-brand-right-image img {
    width: 100%;
    height: auto;
  }
}
.natios-brand-block .natios-brand-header {
  font-size: var(--fs-62);
  color: white;
  font-weight: 700;
  line-height: 1.4;
  padding-top: 0;
}
@media screen and (max-width: 1279px) {
  .natios-brand-block .natios-brand-header {
    font-size: var(--fs-48);
  }
}
.natios-brand-block .natios-brand-title {
  font-size: var(--fs-30);
  color: white;
  font-weight: 400;
  line-height: 1.45;
}
@media screen and (max-width: 1279px) {
  .natios-brand-block .natios-brand-title {
    font-size: var(--fs-24);
  }
}
.natios-brand-block .natios-brand-list {
  list-style: none;
  margin: 0;
  padding: 1em 0;
}
.natios-brand-block .natios-brand-list li {
  padding: 0.375em 0 0.375em 1.25em;
  position: relative;
}
.natios-brand-block .natios-brand-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5625em;
  height: 0.5625em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.natios-brand-block .natios-brand-list {
  color: white;
  padding: 1.625em 0 2.375em 0;
}
.natios-brand-block .natios-brand-list li {
  padding-left: 1.875em;
}
.natios-brand-block .natios-brand-list li::before {
  width: 0.625em;
  height: 0.625em;
}
.natios-brand-block .natios-brand-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.natios-brand-block .natios-brand-link:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.natios-brand-block .natios-brand-link {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.products-block {
  --number-of-columns: 5;
  --gap: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media screen and (max-width: 1679px) {
  .products-block {
    --number-of-columns: 4;
    --gap: 24px;
  }
}
@media screen and (max-width: 1279px) {
  .products-block {
    --number-of-columns: 3;
    --gap: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .products-block {
    --number-of-columns: 2;
    --gap: 14px;
  }
}
.products-block .product {
  flex-basis: calc((100% - var(--gap) * (var(--number-of-columns) - 1)) / var(--number-of-columns));
  min-width: calc((100% - var(--gap) * (var(--number-of-columns) - 1)) / var(--number-of-columns));
  position: relative;
  /* 		--angle: 150deg;
  @include whiteBlueGrayGradient; */
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  overflow: hidden;
  font-size: var(--fs-16);
  line-height: 1.4;
  /* padding: 0 1em 1em; */
}
.products-block .product:not(:has(.availability-amount)) {
  opacity: 0.65;
}
@media screen and (min-width: 1024px) {
  .products-block .product.custom-swap-images-added:hover .custom-first-image, .products-block .product.custom-swap-images-added:focus-within .custom-first-image {
    display: none;
  }
  .products-block .product.custom-swap-images-added:hover .custom-second-image, .products-block .product.custom-swap-images-added:focus-within .custom-second-image {
    display: block;
  }
  .products-block .product.custom-swap-images-added:hover .image img, .products-block .product.custom-swap-images-added:focus-within .image img {
    padding: 0;
  }
  .products-block .product:not(.custom-swap-images-added) .image img {
    transition: transform 0.1s ease-out;
  }
  .products-block .product:not(.custom-swap-images-added):hover .image img, .products-block .product:not(.custom-swap-images-added):focus-within .image img {
    transform: scale(1.05);
  }
}
.products-block .product .custom-first-image {
  display: block;
}
.products-block .product .custom-second-image {
  display: none;
}
.products-block .product .image img {
  width: 100%;
  padding: 13%;
}
.products-block .product .p {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
}
.products-block .product .p .image {
  position: relative;
  display: block;
  overflow: hidden;
}
.products-block .product .p .image img {
  background: white;
}
.products-block .product .p .image .flags-default {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  left: 11px;
  top: 11px;
  gap: 4px;
}
.products-block .product .p .image .flags-default .flag {
  border-radius: 8px;
  font-size: var(--fs-11);
  font-weight: 700;
  line-height: 1.4;
  color: white;
  --start: 5%;
  --end: 105%;
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
  padding: 2px 6px;
  order: 50;
}
.products-block .product .p .image .flags-default .flag-cesky-produkt {
  background: white !important;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  color: black;
  order: 1;
  display: flex;
  align-items: center;
}
.products-block .product .p .image .flags-default .flag-cesky-produkt::before {
  content: "";
  position: relative;
  margin-right: 6px;
  height: var(--fs-12);
  width: var(--fs-12);
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/banners/cz.svg?691de754");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.products-block .product .p .image .flags-default .dkLabComparerFlagProduct,
.products-block .product .p .image .flags-default .dkLabFavFlagProduct {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-red-400) var(--start), var(--color-red-300) var(--end));
  order: 99;
}
.products-block .product .p .image .flags-extra {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  right: 11px;
  top: 11px;
  gap: 4px;
}
.products-block .product .p .image .flags-extra .flag {
  display: none;
}
.products-block .product .p .image .flags-extra .flag-discount {
  display: grid;
  position: relative;
  font-size: var(--fs-16);
  font-weight: 700;
  line-height: 1.4;
  color: white;
  justify-items: center;
  align-items: center;
}
.products-block .product .p .image .flags-extra .flag-discount::before {
  grid-column: 1;
  grid-row: 1;
  content: "";
  width: 5em;
  height: 4.3125em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_red.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.products-block .product .p .image .flags-extra .flag-discount .price-save {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
}
.products-block .product .p .image .flags-extra .flag-discount .price-standard {
  display: none;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .image .flags-extra {
    left: 11px;
    bottom: 11px;
    top: auto;
    right: auto;
  }
  .products-block .product .p .image .flags-extra .flag-discount {
    font-size: var(--fs-12);
  }
}
@media screen and (max-width: 767px) {
  .products-block .product .p .image .dkLabFavFlagProduct,
  .products-block .product .p .image .dkLabComparerFlagProduct {
    display: none;
  }
}
.products-block .product .p .p-in {
  padding: 1em;
  border-top-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  display: grid;
  grid-row: 1;
  grid-column: 1;
  grid-template-columns: 1fr;
  row-gap: 12px;
  max-width: 100%;
  --padding-capsules-vertical: 2px;
  --rating-wrapper-height: calc(0.6875em * 1.4 + var(--padding-capsules-vertical) * 2);
  --name-number-of-lines: 2;
  --name-height: calc(1em * var(--name-number-of-lines) * 1.4);
  --desc-number-of-lines: 2;
  --desc-height: calc(0.8125em * var(--desc-number-of-lines) * 1.4);
  --availability-height: calc(0.875em + 3px * 2);
  --prices-height: calc((1em + 0.8125em) * 1.4);
  --add-to-cart-button-height: calc(1.125em * 1.4 + 1.3125em * 2);
  grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--prices-height) var(--add-to-cart-button-height);
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in {
    row-gap: 6px;
    --name-number-of-lines: 3;
    --name-height: calc(0.875em * var(--name-number-of-lines) * 1.4);
    --desc-number-of-lines: 4;
    --desc-height: calc(0.75em * var(--desc-number-of-lines) * 1.4);
    grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--availability-height) var(--prices-height) var(--add-to-cart-button-height);
  }
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in {
    padding: 0.5em;
  }
}
.products-block .product .p .p-in-in {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  grid-template-columns: 1fr;
  row-gap: 12px;
  max-width: 100%;
  --padding-capsules-vertical: 2px;
  --rating-wrapper-height: calc(0.6875em * 1.4 + var(--padding-capsules-vertical) * 2);
  --name-number-of-lines: 2;
  --name-height: calc(1em * var(--name-number-of-lines) * 1.4);
  --desc-number-of-lines: 2;
  --desc-height: calc(0.8125em * var(--desc-number-of-lines) * 1.4);
  --availability-height: calc(0.875em + 3px * 2);
  --prices-height: calc((1em + 0.8125em) * 1.4);
  --add-to-cart-button-height: calc(1.125em * 1.4 + 1.3125em * 2);
  grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--prices-height) var(--add-to-cart-button-height);
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in {
    row-gap: 6px;
    --name-number-of-lines: 3;
    --name-height: calc(0.875em * var(--name-number-of-lines) * 1.4);
    --desc-number-of-lines: 4;
    --desc-height: calc(0.75em * var(--desc-number-of-lines) * 1.4);
    grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--availability-height) var(--prices-height) var(--add-to-cart-button-height);
  }
}
.products-block .product .p .p-in-in > a {
  grid-row: 2;
  display: -webkit-box;
  -webkit-line-clamp: var(--name-number-of-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 700;
  color: black;
}
.products-block .product .p .p-in-in > a:hover, .products-block .product .p .p-in-in > a:focus-within {
  text-decoration: underline;
  color: var(--color-primary);
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in > a {
    font-size: var(--fs-14);
  }
}
.products-block .product .p .p-in-in > a {
  max-height: calc(1em * var(--name-number-of-lines) * 1.4 - 2px);
}
.products-block .product .p .p-in-in .ratings-wrapper {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  grid-template-columns: 1fr;
  row-gap: 12px;
  max-width: 100%;
  --padding-capsules-vertical: 2px;
  --rating-wrapper-height: calc(0.6875em * 1.4 + var(--padding-capsules-vertical) * 2);
  --name-number-of-lines: 2;
  --name-height: calc(1em * var(--name-number-of-lines) * 1.4);
  --desc-number-of-lines: 2;
  --desc-height: calc(0.8125em * var(--desc-number-of-lines) * 1.4);
  --availability-height: calc(0.875em + 3px * 2);
  --prices-height: calc((1em + 0.8125em) * 1.4);
  --add-to-cart-button-height: calc(1.125em * 1.4 + 1.3125em * 2);
  grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--prices-height) var(--add-to-cart-button-height);
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .ratings-wrapper {
    row-gap: 6px;
    --name-number-of-lines: 3;
    --name-height: calc(0.875em * var(--name-number-of-lines) * 1.4);
    --desc-number-of-lines: 4;
    --desc-height: calc(0.75em * var(--desc-number-of-lines) * 1.4);
    grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--availability-height) var(--prices-height) var(--add-to-cart-button-height);
  }
}
.products-block .product .p .p-in-in .ratings-wrapper {
  grid-template-columns: auto auto;
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-placeholder {
  display: none;
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper {
  grid-row: 1;
  grid-column: 1;
  display: flex;
  align-items: center;
  width: max-content;
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list {
  display: flex;
  align-items: center;
  gap: 3px;
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list .star {
  width: 0.693em;
  height: 0.693em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list .star.star-on {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_full.svg");
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list .star.star-half {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_half.svg");
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list .star.star-off {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_empty.svg");
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list {
  gap: 3px;
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list .star {
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .star-list .star {
    width: 11px;
    height: 11px;
    gap: 2px;
  }
}
.products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .reviews-number {
  font-size: 0.6875em;
  color: var(--color-black-o-60);
  padding-left: 7px;
  line-height: 1;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .ratings-wrapper .stars-wrapper .reviews-number {
    padding-left: 5px;
  }
}
.products-block .product .p .p-in-in .ratings-wrapper .product-measure-unit {
  grid-row: 1;
  grid-column: 2;
  font-size: 0.6875em;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  background: linear-gradient(white, white) padding-box, linear-gradient(to right, var(--color-tertiary-hover), var(--color-tertiary)) border-box;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  max-width: max-content;
  width: max-content;
  margin-left: auto;
  padding: var(--padding-capsules-vertical) 8px;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .ratings-wrapper .product-measure-unit {
    font-size: 0.625em;
    padding: var(--padding-capsules-vertical) 6px;
  }
}
.products-block .product .p .p-in-in .ratings-wrapper .availability {
  grid-row: 4;
  grid-column: 1;
  color: var(--color-green-400);
  background: var(--color-green-200);
  font-size: 0.8125em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: max-content;
  padding: 2px 8px;
  border-radius: 8px;
}
.products-block .product .p .p-in-in .ratings-wrapper .availability span:not(.availability-amount) {
  font-weight: 700;
}
.products-block .product .p .p-in-in .ratings-wrapper .availability:not(:has(.availability-amount)) {
  background: var(--color-red-200);
  color: var(--color-red-400) !important;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .ratings-wrapper .availability {
    flex-direction: row;
    gap: 4px;
    position: relative;
    left: -4px;
    line-height: 1;
    padding: 3px 8px;
    grid-column: 1/-1;
  }
}
.products-block .product .p .p-in-in .dkLabComparerProductDiv,
.products-block .product .p .p-in-in .dkLabFavouriteProductDiv {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  grid-template-columns: 1fr;
  row-gap: 12px;
  max-width: 100%;
  --padding-capsules-vertical: 2px;
  --rating-wrapper-height: calc(0.6875em * 1.4 + var(--padding-capsules-vertical) * 2);
  --name-number-of-lines: 2;
  --name-height: calc(1em * var(--name-number-of-lines) * 1.4);
  --desc-number-of-lines: 2;
  --desc-height: calc(0.8125em * var(--desc-number-of-lines) * 1.4);
  --availability-height: calc(0.875em + 3px * 2);
  --prices-height: calc((1em + 0.8125em) * 1.4);
  --add-to-cart-button-height: calc(1.125em * 1.4 + 1.3125em * 2);
  grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--prices-height) var(--add-to-cart-button-height);
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .dkLabComparerProductDiv,
  .products-block .product .p .p-in-in .dkLabFavouriteProductDiv {
    row-gap: 6px;
    --name-number-of-lines: 3;
    --name-height: calc(0.875em * var(--name-number-of-lines) * 1.4);
    --desc-number-of-lines: 4;
    --desc-height: calc(0.75em * var(--desc-number-of-lines) * 1.4);
    grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--availability-height) var(--prices-height) var(--add-to-cart-button-height);
  }
}
.products-block .product .p .p-in-in .dkLabComparerProductDiv,
.products-block .product .p .p-in-in .dkLabFavouriteProductDiv {
  pointer-events: none;
  --element-width: 32px;
  --bg-size: 62.5%;
  position: relative;
  height: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .dkLabComparerProductDiv,
  .products-block .product .p .p-in-in .dkLabFavouriteProductDiv {
    --element-width: 26px;
    --bg-size: 76.9231%;
  }
}
.products-block .product .p .p-in-in .dkLabFavProductSpan,
.products-block .product .p .p-in-in .dkLabComparerProductSpan {
  position: absolute;
  top: calc((27px + var(--element-width)) * -1);
  z-index: 99;
  right: 0;
  display: block;
  width: var(--element-width);
  height: var(--element-width);
  background-size: var(--bg-size);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-in-in .dkLabFavProductSpan,
  .products-block .product .p .p-in-in .dkLabComparerProductSpan {
    top: calc((22px + var(--element-width)) * -1);
  }
}
.products-block .product .p .p-in-in .dkLabComparerProductSpan {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_compare_empty.svg");
}
.products-block .product .p .p-in-in .dkLabComparerProductSpan.dkLabComparerRemoveProduct {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_compare_full.svg");
}
.products-block .product .p .p-in-in .dkLabFavProductSpan {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_favorites_empty.svg");
}
.products-block .product .p .p-in-in .dkLabFavProductSpan.dkLabFavouriteProductLinkRemove {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_favorites_full.svg");
}
.products-block .product .p .p-in-in .dkLabComparerProductSpan {
  right: 0px;
  transform: translateX(calc((100% - var(--bg-size)) / 2));
}
.products-block .product .p .p-in-in .dkLabComparerProductSpan:hover {
  transform: translateX(calc((100% - var(--bg-size)) / 2)) scale(1.35);
  transition: transform 0.2s ease-out;
}
.products-block .product .p .p-in-in .dkLabFavProductSpan {
  right: var(--element-width);
  transform: translateX(calc((100% - var(--bg-size)) / 2));
}
.products-block .product .p .p-in-in .dkLabFavProductSpan:hover {
  transform: translateX(calc((100% - var(--bg-size)) / 2)) scale(1.35);
  transition: transform 0.2s ease-out;
}
.products-block .product .p .p-bottom {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  grid-template-columns: 1fr;
  row-gap: 12px;
  max-width: 100%;
  --padding-capsules-vertical: 2px;
  --rating-wrapper-height: calc(0.6875em * 1.4 + var(--padding-capsules-vertical) * 2);
  --name-number-of-lines: 2;
  --name-height: calc(1em * var(--name-number-of-lines) * 1.4);
  --desc-number-of-lines: 2;
  --desc-height: calc(0.8125em * var(--desc-number-of-lines) * 1.4);
  --availability-height: calc(0.875em + 3px * 2);
  --prices-height: calc((1em + 0.8125em) * 1.4);
  --add-to-cart-button-height: calc(1.125em * 1.4 + 1.3125em * 2);
  grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--prices-height) var(--add-to-cart-button-height);
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-bottom {
    row-gap: 6px;
    --name-number-of-lines: 3;
    --name-height: calc(0.875em * var(--name-number-of-lines) * 1.4);
    --desc-number-of-lines: 4;
    --desc-height: calc(0.75em * var(--desc-number-of-lines) * 1.4);
    grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--availability-height) var(--prices-height) var(--add-to-cart-button-height);
  }
}
.products-block .product .p .p-bottom > div {
  display: grid;
  grid-row: 1;
  grid-column: 1;
  grid-template-columns: 1fr;
  row-gap: 12px;
  max-width: 100%;
  --padding-capsules-vertical: 2px;
  --rating-wrapper-height: calc(0.6875em * 1.4 + var(--padding-capsules-vertical) * 2);
  --name-number-of-lines: 2;
  --name-height: calc(1em * var(--name-number-of-lines) * 1.4);
  --desc-number-of-lines: 2;
  --desc-height: calc(0.8125em * var(--desc-number-of-lines) * 1.4);
  --availability-height: calc(0.875em + 3px * 2);
  --prices-height: calc((1em + 0.8125em) * 1.4);
  --add-to-cart-button-height: calc(1.125em * 1.4 + 1.3125em * 2);
  grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--prices-height) var(--add-to-cart-button-height);
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-bottom > div {
    row-gap: 6px;
    --name-number-of-lines: 3;
    --name-height: calc(0.875em * var(--name-number-of-lines) * 1.4);
    --desc-number-of-lines: 4;
    --desc-height: calc(0.75em * var(--desc-number-of-lines) * 1.4);
    grid-template-rows: var(--rating-wrapper-height) var(--name-height) var(--desc-height) var(--availability-height) var(--prices-height) var(--add-to-cart-button-height);
  }
}
.products-block .product .p .p-bottom > div .p-desc {
  grid-row: 3;
  display: -webkit-box;
  -webkit-line-clamp: var(--desc-number-of-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.8125em;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-bottom > div .p-desc {
    font-size: 0.75em;
  }
}
.products-block .product .p .p-bottom > div .p-desc {
  max-height: calc(1em * var(--desc-number-of-lines) * 1.4 - 2px);
}
.products-block .product .p .p-bottom > div .prices {
  grid-row: 4;
  padding-left: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-bottom > div .prices {
    grid-row: 5;
    padding-left: 0;
    align-items: flex-start;
  }
}
.products-block .product .p .p-bottom > div .prices .product-price-per-unit {
  font-size: 0.8125em;
  color: var(--color-black-o-60);
}
.products-block .product .p .p-bottom > div .prices .price-final {
  display: flex;
  align-items: center;
  gap: 4px;
}
.products-block .product .p .p-bottom > div .prices .price-final strong {
  font-weight: 700;
  font-size: 1em;
}
.products-block .product .p .p-bottom > div .prices .price-final .price-standard {
  color: var(--color-red-400);
  text-decoration: line-through;
  font-size: 0.8125em;
}
.products-block .product .p .p-bottom > div .p-tools {
  grid-row: 5;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-bottom > div .p-tools {
    grid-row: 6;
  }
}
.products-block .product .p .p-bottom > div .p-tools form {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
}
.products-block .product .p .p-bottom > div .p-tools .quantity {
  order: 1;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.products-block .product .p .p-bottom > div .p-tools .quantity label {
  height: 100%;
  order: 2;
}
.products-block .product .p .p-bottom > div .p-tools .quantity label input {
  -moz-appearance: textfield; /* For Firefox */
  -webkit-appearance: none; /* For WebKit browsers like Chrome and Safari */
  appearance: none; /* Standard property */
  /* Prevent controls from showing on hover or focus */
}
.products-block .product .p .p-bottom > div .p-tools .quantity label input::-webkit-inner-spin-button, .products-block .product .p .p-bottom > div .p-tools .quantity label input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.products-block .product .p .p-bottom > div .p-tools .quantity label input {
  padding: 0;
  font-size: var(--fs-16);
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 0;
  height: 100%;
  text-align: center;
  width: 3.625em;
}
.products-block .product .p .p-bottom > div .p-tools .quantity .increase,
.products-block .product .p .p-bottom > div .p-tools .quantity .decrease {
  cursor: pointer;
  height: 100%;
  padding: 0px 0.75em;
  font-weight: 600;
  color: var(--color-tertiary-hover);
  font-size: 1.25em;
  line-height: 1;
  background: white;
  transition: background-color 0.2s ease;
}
.products-block .product .p .p-bottom > div .p-tools .quantity .increase:hover,
.products-block .product .p .p-bottom > div .p-tools .quantity .decrease:hover {
  color: white;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
}
.products-block .product .p .p-bottom > div .p-tools .quantity .increase {
  order: 3;
  border-radius: 0 8px 8px 0;
}
.products-block .product .p .p-bottom > div .p-tools .quantity .decrease {
  order: 1;
  border-radius: 8px 0 0 8px;
}
@media screen and (max-width: 767px) {
  .products-block .product .p .p-bottom > div .p-tools .quantity {
    display: none;
  }
}
.products-block .product .p .p-bottom > div .p-tools .btn-primary {
  order: 2;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.products-block .product .p .p-bottom > div .p-tools .btn-primary:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.products-block .product .p .p-bottom > div .p-tools .btn-primary {
  flex: 1;
  padding-left: 0.5em;
  padding-right: 0.5em;
  opacity: 0.7;
  min-width: 100%;
  text-align: center;
  justify-content: center;
}
.products-block .product .p .p-bottom > div .p-tools .add-to-cart-button {
  order: 2;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
.products-block .product .p .p-bottom > div .p-tools .add-to-cart-button span, .products-block .product .p .p-bottom > div .p-tools .add-to-cart-button::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
.products-block .product .p .p-bottom > div .p-tools .add-to-cart-button {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.products-block .product .p .p-bottom > div .p-tools .add-to-cart-button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
.products-block .product .p .p-bottom > div .p-tools .add-to-cart-button:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
.products-block .product .p .p-bottom > div .p-tools .add-to-cart-button {
  flex: 1;
  padding-left: 0.5em;
  padding-right: 0.5em;
  width: max-content;
}
.products-block .product .p .p-code {
  display: none;
}
.products-block {
  /* .product {
  	.p-in {
  		line-height: var(--lh-1-4); //When it changes, you need to change it in mixin products-block-grid-layout!
  		font-size: var(--fs-13);
  		margin-top: calc(var(--add-to-cart-button-height) * -1);
  		@include products-block-grid-layout;

  		.p-in-in {
  			@include products-block-grid-layout;
  			.name {
  				grid-row: 3;
  				color: var(--color-black);
  				font-weight: var(--fw-700);
  				display: -webkit-box;
  				-webkit-line-clamp: var(--name-number-of-lines);
  				-webkit-box-orient: vertical;
  				overflow: hidden;

  				@media screen and (min-width: $desktop-min) {
  					font-size: 1.231em;
  				}

  				&:hover,
  				&:focus-within {
  					text-decoration: underline;
  				}

  				.product-appendix {
  					display: none !important;
  				}
  			}
  			.ratings-wrapper {
  				@include products-block-grid-layout;
  				grid-template-columns: 1fr 1fr;
  				.stars-wrapper {
  					grid-row: 2;
  					grid-column: 1;
  					display: flex;
  					align-items: center;
  					&[data-micro-rating-count="0"] {
  						display: none;
  					}
  				}
  				.star-list {
  					@include star-list;
  					gap: 3px;

  					.star {
  						width: 15px;
  						height: 15px;
  						@media screen and (max-width: $mobile-max) {
  							width: 11px;
  							height: 11px;
  						}
  					}
  				}
  				.reviews-number {
  					font-size: 0.846em;
  					color: var(--color-black-o-60);
  					padding-left: 7px;
  					@media screen and (max-width: $mobile-max) {
  						padding-left: 5px;
  					}
  				}
  				.product-measure-unit {
  					grid-row: 2;
  					grid-column: 2;
  					font-size: 0.846em;
  					border-style: solid;
  					border-width: 1px;

  					border-color: var(--color-primary);
  					display: flex;
  					align-items: center;
  					padding: var(--padding-capsules);
  					max-width: fit-content;
  					margin-left: auto;
  				}
  				.availability {
  					grid-row: 5;
  					grid-column: 1 / 3;
  					display: flex;
  					align-items: center;
  					padding: var(--padding-capsules);

  					max-width: fit-content;

  					span {
  						font-weight: var(--fw-700);
  					}

  					.availability-amount {
  						font-weight: var(--fw-400);
  						padding-left: 0.231em;
  						padding-right: 1px;
  					}
  					&:not(:has(.availability-amount)) {
  						background: var(--color-red-200);
  						color: var(--color-red-400) !important;
  						white-space: nowrap;
  						overflow: hidden;
  						@media screen and (max-width: 380px) {
  							font-size: calc(1em - 2px);
  						}
  					}
  				}
  			}
  		}
  		.p-bottom {
  			@include products-block-grid-layout;
  			> div {
  				@include products-block-grid-layout;
  				.prices {
  					@include products-block-grid-layout;
  					.price-final {
  						grid-row: 6;
  						display: flex;
  						align-items: center;
  						gap: 0.31em;
  						strong {
  							font-weight: var(--fw-700);
  							font-size: 1.231em;
  						}
  						.price-standard {
  							color: var(--color-red-400);
  							text-decoration: line-through;
  						}
  					}
  					.product-price-per-unit {
  						grid-row: 7;
  						font-size: 0.846em;
  						color: var(--color-black-o-60);
  					}
  				}
  				.p-tools {
  					grid-row: 1;
  					grid-column: 1;
  					display: flex;
  					margin-left: auto;
  					margin-right: var(--gap-7);
  					margin-top: calc(var(--gap-8) * -1);
  					button,
  					.increase-decrease-wrapper {
  						width: var(--add-to-cart-button-width);
  						height: var(--add-to-cart-button-height);
  						background-color: var(--color-secondary);
  						border-radius: var(--br-16);
  						position: relative;
  						cursor: pointer;

  						@media screen and (max-width: $mobile-max) {
  							border-radius: var(--br-8);
  						}

  						&:hover,
  						&:focus-within {
  							background-color: var(--color-secondary-hover);
  						}

  						span {
  							font-size: 0px;
  						}

  						&::after {
  							content: "";
  							display: block;
  							position: absolute;
  							left: 0;
  							top: 0;
  							width: 100%;
  							height: 100%;
  							background-image: url("https://cdn.myshoptet.com/usr/www.natima.cz/user/documents/upload/assets/icon_add_to_cart.svg");
  							background-position: center;
  							background-repeat: no-repeat;
  							background-size: 60%;
  						}
  					}
  					//nedostupný produkt - detail
  					> a {
  						width: var(--add-to-cart-button-width);
  						height: var(--add-to-cart-button-height);
  						background-color: var(--color-primary);
  						color: var(--color-primary);
  						border-radius: var(--br-8);
  						position: relative;
  						cursor: pointer;

  						transition: transform 0.2s ease-out;
  						overflow: hidden;
  						&:hover,
  						&:focus-within {
  							transform: scale(1.1);
  						}
  						&:focus-within {
  							outline: solid 3px var(--color-black);
  							outline-offset: 1px;
  						}
  						&::after {
  							content: "";
  							display: block;
  							position: absolute;
  							left: 0;
  							top: 0;
  							width: 100%;
  							height: 100%;
  							background-image: url("https://cdn.myshoptet.com/usr/www.natima.cz/user/documents/upload/assets/icon_search_glass_white.svg");
  							background-position: center;
  							background-repeat: no-repeat;
  							background-size: 60%;
  						}
  					}

  					@media screen and (min-width: $tablet-min) {
  						margin-top: 0;
  						margin-right: var(--gap-11);
  						button,
  						.increase-decrease-wrapper {
  							height: auto;
  							width: auto;
  							transition: background-color 0.1s ease;
  							padding: 1em 2.231em;

  							span {
  								font-size: 1.231em;
  								color: var(--color-white);
  								font-weight: var(--fw-700);
  								line-height: 1;
  							}
  							&:hover {
  								transform: none;
  								background-color: var(--color-secondary-hover);
  							}
  							&:focus-within {
  								transform: none;
  								outline: none;
  							}

  							&::after {
  								display: none;
  							}
  						}
  						> a {
  							width: auto;
  							height: 2.65em;
  							height: max-content;
  							transition: background-color 0.1s ease;
  							padding: 0.8125em 1.5625em;
  							border-radius: var(--br-16);
  							font-size: 1.231em;
  							color: var(--color-white);
  							font-weight: var(--fw-700);
  							line-height: 1;
  							&::after {
  								display: none;
  							}
  							&:hover,
  							&:focus-within {
  								transform: none;
  								background-color: var(--color-primary-500);
  							}
  						}
  					}
  				}
  				.increase-decrease-wrapper {
  					z-index: 1;
  					display: flex;
  					padding: 0 !important;
  					border-radius: var(--br-16);
  					&:hover,
  					&:focus-within {
  						background-color: var(--color-secondary) !important;
  					}
  					.increase-button,
  					.decrease-button {
  						flex: 1;
  						padding: 1em calc(2.231em / 2);
  						color: white;
  						transition: background-color 0.1s ease;
  						display: flex;
  						align-items: center;
  					}
  					.increase-button {
  						border-radius: 0 var(--br-16) var(--br-16) 0;
  						@media screen and (max-width: $mobile-max) {
  							border-radius: 0 var(--br-8) var(--br-8) 0;
  						}
  						&:hover,
  						&:focus-within {
  							background-color: var(--color-secondary-hover);
  						}
  					}
  					.decrease-button {
  						border-radius: var(--br-16) 0 0 var(--br-16);
  						@media screen and (max-width: $mobile-max) {
  							border-radius: var(--br-8) 0 0 var(--br-8);
  						}
  						&:hover,
  						&:focus-within {
  							background-color: var(--color-secondary-hover);
  						}
  					}
  					input {
  						margin: 0;
  						padding: 0;
  						border-style: none;
  						background: var(--color-secondary);
  						color: white;
  						font-size: var(--fs-16);
  						display: flex;
  						text-align: center;
  						width: 3em;
  						min-width: 3em;
  						border-radius: 0;
  						@include disable-input-controls;
  						transition: background-color 0.1s ease;
  						&:hover,
  						&:focus-within {
  							background-color: var(--color-secondary-hover);
  							outline: none;
  						}
  						@media screen and (max-width: $mobile-max) {
  							font-size: 14px;
  							width: 2em;
  						}
  					}
  					&:hover,
  					&:focus-within {
  						background-color: var(--color-secondary);
  					}
  					@media screen and (max-width: $mobile-max) {
  						width: auto !important;
  						width: min-content !important;
  						&::after {
  							display: none !important;
  						}
  					}
  				}

  				.p-desc {
  					grid-row: 4;
  					padding: 0;
  					font-size: inherit;
  					line-height: inherit;
  					display: -webkit-box;
  					-webkit-line-clamp: var(--desc-number-of-lines);
  					-webkit-box-orient: vertical;
  					overflow: hidden;
  					.product-appendix {
  						font-weight: 700;
  					}
  				}
  			}
  		}
  	}
  	.p-code {
  		display: none;
  	}
  	@media screen and (min-width: $tablet-min) {
  		&:not(.product-in-cart) {
  			.p-tools {
  				display: none !important;
  				.increase-decrease-wrapper {
  					display: none !important;
  				}
  			}
  		}
  		&:hover,
  		&:focus-within {
  			.p-tools {
  				display: flex !important;
  			}
  		}
  		&.product-in-cart {
  			button {
  				display: none !important;
  			}
  		}
  	}
  	@media screen and (max-width: $mobile-max) {
  		&.product-in-cart {
  			button {
  				display: none !important;
  			}
  		}
  	}
  	&:not(:has(.availability-amount)) {
  		opacity: 0.65;
  	}
  } */
}

.tooltip[role=tooltip] {
  width: 250px;
  font-size: var(--fs-13);
  padding-bottom: 0.5em;
  z-index: 10000;
}
.tooltip[role=tooltip] .tooltip-inner {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  color: black;
  border-radius: 16px;
  padding: 1em 1em 0.75em;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-black-o-40);
  filter: drop-shadow(2px 2px 6px var(--color-black-o-20));
}
.tooltip[role=tooltip] .tooltip-arrow {
  display: none;
}

.active-table-explanation {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  color: black;
  border-radius: 16px;
  padding: 1em 1em 0.75em;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-black-o-40);
  filter: drop-shadow(2px 2px 6px var(--color-black-o-20));
}

/* .add-to-cart-button span {
	display: none;
} */
/* .cs .products-block .add-to-cart-button::before {
	content: "Přidat do košíku" / "Přidat do košíku";
	user-select: text;
} */
.cs #header .top-nav-button::after {
  content: "Příhlásit / Registrovat"/"Příhlásit nebo Registrovat";
  user-select: text;
}
@media screen and (max-width: 1279px) {
  .cs #header .top-nav-button::after {
    content: "Přihlásit"/"Přihlásit";
  }
}

.sk #header .top-nav-button::after {
  content: "Prihlásiť / Registrovať"/"Prihlásiť alebo Registrovať";
  user-select: text;
}
@media screen and (max-width: 1279px) {
  .sk #header .top-nav-button::after {
    content: "Prihlásiť"/"Prihlásiť";
  }
}

.pl #header .top-nav-button::after {
  content: "Zaloguj się / Zarejestruj"/"Zaloguj się lub Zarejestruj";
  user-select: text;
}
@media screen and (max-width: 1279px) {
  .pl #header .top-nav-button::after {
    content: "Zaloguj się"/"Zaloguj się";
  }
}

body #cart-widget,
body .login-widget {
  display: none;
}
body.cart-window-visible.ajax-pending::before {
  content: none !important;
}
body.cart-window-visible.ajax-pending #cart-widget {
  display: none;
}
body.cart-window-visible.ajax-pending.cart-widget-has-loaded::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(var(--color-primary-hover-h), var(--color-primary-hover-s), var(--color-primary-hover-l), 0.5);
  z-index: 999;
  pointer-events: none;
  backdrop-filter: blur(5px);
}
body.cart-window-visible.ajax-pending.cart-widget-has-loaded #cart-widget {
  display: block;
}
body.cart-window-visible::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(var(--color-primary-hover-h), var(--color-primary-hover-s), var(--color-primary-hover-l), 0.5);
  z-index: 999;
  pointer-events: none;
  backdrop-filter: blur(5px);
}
body.cart-window-visible #cart-widget {
  display: block;
  position: fixed;
  top: 100px;
  right: 40px;
  --pad-top: 5px;
  padding-top: var(--pad-top);
  background: transparent;
  z-index: 1001;
  border-radius: 8px;
  overflow: hidden;
  max-width: calc(100% - var(--padding-sides) * 2);
  --first-column-width: 460px;
  --second-column-width: 320px;
}
@media screen and (max-width: 1279px) {
  body.cart-window-visible #cart-widget {
    --first-column-width: 350px;
  }
}
body.cart-window-visible #cart-widget .cart-widget-inner {
  background: white;
  display: grid;
  align-items: center;
  grid-template-columns: var(--first-column-width) calc(var(--second-column-width));
  grid-template-rows: auto minmax(8em, auto);
}
@media screen and (max-width: 767px) {
  body.cart-window-visible #cart-widget .cart-widget-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
body.cart-window-visible #cart-widget {
  /* &:after {
  	content: "";
  	--arrow-height: 24px;
  	width: var(--arrow-height);
  	height: var(--arrow-height);
  	background: white;
  	position: absolute;
  	right: 40px;
  	top: calc(var(--arrow-height) / -2 - 1px);
  	transform: rotate(45deg);
  	border-left-style: solid;
  	border-top-style: solid;
  	border-color: var(--color-gray-500);
  	border-width: 1px;
  	@media screen and (max-width: $tablet-max) {
  		right: 14px;
  	}
  	@media screen and (max-width: $mobile-max) {
  		right: 4.75em;
  	}
  } */
}
body.cart-window-visible #cart-widget .cart-widget-products {
  grid-row: 1;
  grid-column: 1/-1;
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  padding: 0 20px 0 15px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color-gray-blue-400);
}
body.cart-window-visible #cart-widget .cart-widget-products::-webkit-scrollbar {
  width: 8px;
}
body.cart-window-visible #cart-widget .cart-widget-products::-webkit-scrollbar-track {
  margin-top: 27px;
  margin-right: 20px;
  margin-bottom: 15px;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-products-inner {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 15px;
  padding-top: 27px;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product {
  background: white;
  border-style: solid;
  border-color: var(--color-gray-blue-400);
  border-width: 1px;
  border-radius: 8px;
  display: grid;
  --image-width: 80px;
  grid-template-columns: var(--image-width) calc(var(--first-column-width) - var(--image-width)) var(--second-column-width);
  min-height: var(--image-width);
  align-items: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 20px;
    row-gap: 10px;
    padding-bottom: 20px;
  }
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-image {
  grid-column: 1;
  grid-row: 1;
  display: flex;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-image a img {
  width: var(--image-width);
  height: auto;
  padding: 5% 15%;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name {
  grid-column: 2;
  grid-row: 1;
  font-size: var(--fs-13);
  padding-left: 1em;
  padding-right: 10%;
}
@media screen and (max-width: 767px) {
  body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name {
    grid-column: 2;
    grid-row: 1;
    padding-left: 0;
    padding-right: 0;
    max-width: 95%;
  }
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name strong a {
  font-weight: 400;
  color: black;
  line-height: 1.4;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name strong a:hover {
  text-decoration: underline;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name .product-appendix {
  display: none;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name span[data-testid=cartWidgetProductPrice] {
  position: absolute;
  right: 3rem;
  left: auto;
  top: 50%;
  transform: translatey(-50%);
  font-size: var(--fs-16);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-name span[data-testid=cartWidgetProductPrice] {
    top: auto;
    bottom: 47px;
    transform: translateY(50%);
    font-size: var(--fs-14);
  }
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount {
  grid-column: 3;
  grid-row: 1;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount {
    grid-column: 1/-1;
    grid-row: 2;
    margin-left: 0;
  }
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  display: flex;
  align-items: center;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity label {
  height: 100%;
  order: 2;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity label input {
  -moz-appearance: textfield; /* For Firefox */
  -webkit-appearance: none; /* For WebKit browsers like Chrome and Safari */
  appearance: none; /* Standard property */
  /* Prevent controls from showing on hover or focus */
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity label input::-webkit-inner-spin-button, body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity label input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity label input {
  padding: 0;
  font-size: var(--fs-16);
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 0;
  height: 100%;
  text-align: center;
  width: 3.625em;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .increase,
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .decrease {
  cursor: pointer;
  height: 100%;
  padding: 0px 0.75em;
  font-weight: 600;
  color: var(--color-tertiary-hover);
  font-size: 1.25em;
  line-height: 1;
  background: white;
  transition: background-color 0.2s ease;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .increase:hover,
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .decrease:hover {
  color: white;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .increase {
  order: 3;
  border-radius: 0 8px 8px 0;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity .decrease {
  order: 1;
  border-radius: 8px 0 0 8px;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-amount .quantity {
  height: 42px;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-unit {
  display: none;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete {
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: 10px;
  left: auto;
}
@media screen and (max-width: 767px) {
  body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete {
    left: auto;
    top: auto;
    bottom: 22px;
    transform: translateY(-50%);
  }
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete .sr-only {
  display: none;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button {
  --component-width: 1.315rem;
  --component-padding-for-click: 0.5rem;
  width: calc(var(--component-width) + var(--component-padding-for-click));
  height: calc(var(--component-width) + var(--component-padding-for-click));
  cursor: pointer;
  display: flex;
  transition: transform 0.1s ease;
  justify-content: center;
  align-items: center;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: var(--component-width);
  height: var(--component-width);
  transform: translateY(-50%);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_black.svg");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button:hover, body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button:focus-within {
  transform: scale(1.1);
}
body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button:hover:after, body.cart-window-visible #cart-widget .cart-widget-products .cart-widget-product .cart-widget-product-delete button:focus-within:after {
  opacity: 1;
}
body.cart-window-visible #cart-widget .cart-widget-button {
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  padding-top: 35px;
  padding-left: 20px;
  padding-bottom: 28px;
  width: calc(var(--second-column-width) - 30px);
}
body.cart-window-visible #cart-widget .cart-widget-button a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
body.cart-window-visible #cart-widget .cart-widget-button a span, body.cart-window-visible #cart-widget .cart-widget-button a::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
body.cart-window-visible #cart-widget .cart-widget-button a {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
body.cart-window-visible #cart-widget .cart-widget-button a:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
body.cart-window-visible #cart-widget .cart-widget-button a:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
body.cart-window-visible #cart-widget .cart-widget-button .cart-total-price-wrapper {
  width: 100%;
  padding-bottom: var(--fs-18);
  display: flex;
  justify-content: space-between;
  font-size: var(--fs-20);
}
body.cart-window-visible #cart-widget .header-free-shipping-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: black;
  font-size: var(--fs-16);
  text-align: left;
  padding-bottom: 25px;
}
body.cart-window-visible #cart-widget .cart-free-shipping {
  font-size: var(--fs-16);
  margin-left: 24px;
  margin-right: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 9px;
  position: relative;
}
@media screen and (max-width: 767px) {
  body.cart-window-visible #cart-widget .cart-free-shipping {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
  }
}
body.cart-window-visible #cart-widget .cart-free-shipping:before {
  content: "";
  display: block;
  width: 2.875em;
  height: 2.875em;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_cart_delivery_progress.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 3px;
  left: calc(var(--free-shipping-progress));
  transform: translate(-50%, 50%);
  z-index: 1;
}
body.cart-window-visible #cart-widget .cart-free-shipping > div:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: var(--color-gray-blue-400);
  border-radius: 8px;
}
body.cart-window-visible #cart-widget .cart-free-shipping > div:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--free-shipping-progress);
  height: 6px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 90deg;
  border-radius: 8px;
}
body.cart-window-visible.has-free-shipping #cart-widget .cart-free-shipping {
  margin-right: auto !important;
  padding-left: 3.75em !important;
}
body.cart-window-visible.has-free-shipping #cart-widget .cart-free-shipping:before {
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
}
body.cart-window-visible.has-free-shipping #cart-widget .header-free-shipping-info {
  font-size: var(--fs-20) !important;
  font-weight: 700 !important;
  padding-bottom: 0 !important;
}
body.cart-window-visible.has-free-shipping #cart-widget .header-free-shipping-info::before, body.cart-window-visible.has-free-shipping #cart-widget .header-free-shipping-info::after {
  display: none !important;
}
body.login-window-visible .login-widget {
  display: block;
  position: fixed;
  margin-top: 20px;
  top: 80px;
  right: 40px;
  z-index: 1001;
  overflow: hidden;
  width: 90%;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-primary-hover-h), var(--color-primary-hover-s), var(--color-primary-hover-l), 0.4));
}
@media screen and (max-width: 767px) {
  body.login-window-visible .login-widget {
    left: auto;
    width: calc(100% - 4px);
    right: 2px !important;
    margin-top: 20px;
    max-width: 100%;
  }
}
body.login-window-visible .login-widget h2 {
  text-align: center;
  padding-bottom: 1em;
  font-size: var(--fs-24);
}
@media screen and (max-width: 767px) {
  body.login-window-visible .login-widget h2 {
    font-size: var(--fs-18);
    padding-bottom: 0.75em;
  }
}
body.login-window-visible .login-widget .login-widget-close-btn {
  position: absolute !important;
  font-size: 0;
  top: 0px;
  right: 20px;
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  body.login-window-visible .login-widget .login-widget-close-btn {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  body.login-window-visible .login-widget .login-widget-close-btn {
    width: 42px;
    height: 36px;
  }
}
body.login-window-visible .login-widget .login-widget-close-btn {
  cursor: pointer !important;
  z-index: 10001 !important;
}
body.login-window-visible .login-widget .login-widget-close-btn::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
body.login-window-visible .login-widget .login-widget-close-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 27.5%;
  transition: transform 0.2s ease-out;
}
body.login-window-visible .login-widget .login-widget-close-btn:hover::after {
  transform: scale(1.15);
}
body.login-window-visible .login-widget .login-widget-close-btn {
  top: 25px;
  right: 15px;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  body.login-window-visible .login-widget .login-widget-close-btn {
    top: 15px;
    right: 10px;
    width: 34px;
    height: 34px;
  }
}

.login-widget,
#register-form,
#formLogin {
  padding: 30px 50px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  max-width: 550px;
}
@media screen and (max-width: 767px) {
  .login-widget,
  #register-form,
  #formLogin {
    padding: 20px 20px 15px;
  }
}
.login-widget .form-group,
#register-form .form-group,
#formLogin .form-group {
  width: 100%;
  margin: 10px 0;
}
.login-widget .form-group input:not([type=radio]):not([type=checkbox]),
#register-form .form-group input:not([type=radio]):not([type=checkbox]),
#formLogin .form-group input:not([type=radio]):not([type=checkbox]) {
  width: 100%;
  font-size: var(--fs-14);
}
.login-widget .login-wrapper,
#register-form .login-wrapper,
#formLogin .login-wrapper {
  display: flex;
  flex-direction: column-reverse;
  gap: 23px;
  padding-top: 15px;
}
.login-widget .login-wrapper .password-helper,
#register-form .login-wrapper .password-helper,
#formLogin .login-wrapper .password-helper {
  display: flex;
  justify-content: space-evenly;
}
.login-widget .login-wrapper .password-helper a,
#register-form .login-wrapper .password-helper a,
#formLogin .login-wrapper .password-helper a {
  font-size: var(--fs-14);
  text-decoration: underline;
}
.login-widget .btn-login,
#register-form .btn-login,
#formLogin .btn-login {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.login-widget .btn-login:hover,
#register-form .btn-login:hover,
#formLogin .btn-login:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.login-widget .btn-login,
#register-form .btn-login,
#formLogin .btn-login {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  display: block;
}
.login-widget .social-login-buttons-divider,
#register-form .social-login-buttons-divider,
#formLogin .social-login-buttons-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--color-gray-600);
  font-size: var(--fs-13);
  margin-bottom: 20px;
  margin-top: 20px;
}
.login-widget .social-login-buttons-divider::before, .login-widget .social-login-buttons-divider::after,
#register-form .social-login-buttons-divider::before,
#register-form .social-login-buttons-divider::after,
#formLogin .social-login-buttons-divider::before,
#formLogin .social-login-buttons-divider::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background-color: var(--color-gray-500);
}
.login-widget .login-btn,
#register-form .login-btn,
#formLogin .login-btn {
  position: relative;
  display: block;
  padding: 1em 4em;
  width: 100%;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-tertiary-hover);
  color: var(--color-black);
  font-size: var(--fs-13);
  font-weight: 400;
  text-align: center;
  transition: background-color 0.1s ease, border-color 0.1s ease;
}
.login-widget .login-btn strong,
#register-form .login-btn strong,
#formLogin .login-btn strong {
  font-weight: 400;
}
.login-widget .login-btn:hover, .login-widget .login-btn:focus-within,
#register-form .login-btn:hover,
#register-form .login-btn:focus-within,
#formLogin .login-btn:hover,
#formLogin .login-btn:focus-within {
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
  border-color: transparent;
  color: white;
}
.login-widget .login-btn::before,
#register-form .login-btn::before,
#formLogin .login-btn::before {
  content: "";
  display: block;
  width: 1.715em;
  height: 100%;
  position: absolute;
  left: 1.715em;
  top: 50%;
  transform: translateY(-50%);
}
.login-widget .login-btn.facebook::before,
#register-form .login-btn.facebook::before,
#formLogin .login-btn.facebook::before {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_login_facebook.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.login-widget .login-btn.google::before,
#register-form .login-btn.google::before,
#formLogin .login-btn.google::before {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_login_google.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.login-widget .login-btn.seznam::before,
#register-form .login-btn.seznam::before,
#formLogin .login-btn.seznam::before {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_login_seznam.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.login-widget .co-registration .form-group:has(input[name=customerGroupId]), .login-widget .co-registration .form-group:has(input[name=doNotSendNewsletter]),
#register-form .co-registration .form-group:has(input[name=customerGroupId]),
#register-form .co-registration .form-group:has(input[name=doNotSendNewsletter]),
#formLogin .co-registration .form-group:has(input[name=customerGroupId]),
#formLogin .co-registration .form-group:has(input[name=doNotSendNewsletter]) {
  display: flex;
  gap: 10px;
}

/*Registration and login page*/
.id--8 h1,
.id--4 h1 {
  text-align: center;
}
.id--8 #register-form,
.id--8 #formLogin,
.id--4 #register-form,
.id--4 #formLogin {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

/*-------------------------------------------------------------------------404 not found */
.id-404 #content {
  max-width: 1000px;
  margin: 0 auto;
}

/*404 not found*/
.not-found-grid {
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  grid-template-rows: 1fr;
  color: black;
  margin-bottom: 100px;
}
.not-found-grid .not-found-image {
  grid-column: 1/3;
  grid-row: 1;
}
.not-found-grid .not-found-image img {
  border-radius: 8px;
}
.not-found-grid .not-found-text {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0 20px 40px;
}
.not-found-grid .not-found-text h2 {
  font-size: 76px;
  margin: 0 0 0.2em;
  font-weight: 700;
}
.not-found-grid .not-found-text p {
  font-size: var(--fs-16);
  margin: 0.5em;
}
.not-found-grid .not-found-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  font-weight: 700;
  font-size: var(--fs-14);
  margin-top: var(--fs-16);
}
.not-found-grid .not-found-buttons > * {
  display: block;
  padding: 20px 40px;
  border-radius: 8px;
  transition: color 0.2s ease, background 0.2s ease;
}
.not-found-grid .not-found-home-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
.not-found-grid .not-found-home-button span, .not-found-grid .not-found-home-button::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
.not-found-grid .not-found-home-button {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.not-found-grid .not-found-home-button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
.not-found-grid .not-found-home-button:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
.not-found-grid .not-found-registration-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.not-found-grid .not-found-registration-button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
@media screen and (max-width: 767px) {
  .not-found-grid {
    display: flex;
    flex-direction: column-reverse;
  }
  .not-found-grid .not-found-text {
    padding-bottom: 20px;
  }
}

.customer-page #content {
  overflow: hidden;
}
.customer-page #content-wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.customer-page .content-wrapper-in {
  display: grid;
  grid-template-columns: 290px 1fr;
  gap: 60px;
  align-items: start;
  padding-top: 60px;
}
.customer-page .content-wrapper-in .sidebar {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 10px 20px;
  margin-bottom: 60px;
}
.customer-page .content-wrapper-in .sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.customer-page .content-wrapper-in .sidebar ul li.active a {
  font-weight: 700;
}
.customer-page .content-wrapper-in .sidebar ul li a {
  color: black;
}
.customer-page .content-wrapper-in .sidebar ul li a:hover {
  color: var(--color-primary);
  text-decoration: underline;
}
.customer-page .content-wrapper-in .sidebar ul li {
  font-size: var(--fs-14);
  padding: 10px 0;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  order: 1;
}
.customer-page .content-wrapper-in .sidebar ul li.logout {
  order: 99;
  border-bottom: none;
}
.customer-page .content-wrapper-in .sidebar ul li.logout a {
  color: var(--color-red-400);
}
.customer-page .content-wrapper-in .content-inner {
  padding-bottom: 100px;
}
.customer-page .content-wrapper-in .content-inner h1 {
  padding-top: 0;
  padding-bottom: 1em;
}
.customer-page .content-wrapper-in .content-inner #register-form .country-flag {
  display: none;
  min-width: 18px;
  height: 18px;
  width: max-content;
}
.customer-page .content-wrapper-in .content-inner #register-form .country-flag.selected {
  display: flex;
}
.customer-page .content-wrapper-in .content-inner #register-form .country-flag svg {
  min-width: 18px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.customer-page .content-wrapper-in .content-inner #register-form .country-flag:not(.country-flag-CZ) {
  position: relative;
}
.customer-page .content-wrapper-in .content-inner #register-form .country-flag:not(.country-flag-CZ)::after {
  content: "Pro doručení zásilky je nutno zadat české číslo, jinak nebude možno zásilku odeslat.";
  display: block;
  font-size: var(--fs-16);
  position: absolute;
  left: 0;
  top: -20px;
  transform: translateY(-100%);
  background: white;
  border-style: solid;
  border-color: var(--color-red-400);
  border-radius: 8px;
  border-width: 1px;
  width: 18em;
  padding: 10px;
}
.customer-page .content-wrapper-in .content-inner #register-form .shp-flag-name {
  display: none;
}
.customer-page .content-wrapper-in .content-inner #register-form .js-phone-code {
  display: none;
}
.customer-page .content-wrapper-in .content-inner #register-form .phone-combined-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .customer-page .content-wrapper-in .content-inner #register-form .phone-combined-input {
    width: 100%;
  }
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group.smart-label-wrapper {
  display: grid;
  grid-template-columns: 33.33% 1fr;
  margin-bottom: 8px;
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group.smart-label-wrapper input,
.customer-page .content-wrapper-in .content-inner #register-form .form-group.smart-label-wrapper select {
  width: 100%;
  padding: 1em 1em;
}
@media screen and (max-width: 767px) {
  .customer-page .content-wrapper-in .content-inner #register-form .form-group.smart-label-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .customer-page .content-wrapper-in .content-inner #register-form .form-group.smart-label-wrapper label {
    padding-top: 16px;
  }
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group.form-group-hasTooltip label {
  grid-row: 1;
  grid-column: 1;
  text-decoration: underline;
  text-decoration-style: dashed;
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group.form-group-hasTooltip .show-tooltip {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  opacity: 0;
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group.form-group-hasTooltip .vatId-description {
  display: none;
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group.submit-wrapper p {
  width: 100%;
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group:has(#billCountryId) select {
  background: var(--color-gray-blue-400);
  opacity: 0.5;
}
.customer-page .content-wrapper-in .content-inner #register-form .form-group.consents {
  margin-bottom: 0;
}
.customer-page .content-wrapper-in .content-inner #register-form .js-hidden {
  display: none;
}
.customer-page .content-wrapper-in .content-inner #register-form .js-hidden.visible {
  display: block;
}
.customer-page .content-wrapper-in .content-inner #register-form .js-validator-msg.msg-error {
  color: var(--color-red-400);
  grid-row: 1;
  grid-column: 1/-1;
  text-align: left;
  padding-right: 10px;
  text-align: right;
}
.customer-page .content-wrapper-in .content-inner #register-form .js-validated-element-wrapper:has(.msg-error) input {
  outline: solid 2px var(--color-red-400);
}
.customer-page .content-wrapper-in .content-inner #register-form .required-asterisk {
  position: relative;
}
.customer-page .content-wrapper-in .content-inner #register-form .required-asterisk::after {
  content: "*";
  color: var(--color-red-400);
  position: absolute;
  right: -0.75em;
  top: 0;
}
.customer-page .content-wrapper-in .content-inner #register-form .box-sm {
  margin-bottom: 20px;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper {
  overflow-x: auto;
  max-width: 100%;
  width: 100%;
  margin-bottom: 40px;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper.grabbing {
  cursor: grabbing;
  user-select: none;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper.grabbing * {
  user-select: none;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper::-webkit-scrollbar {
  height: 6px;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table {
  font-size: var(--fs-14);
  min-width: 850px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  padding-bottom: 6px;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table thead {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table thead tr:first-child th {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  text-align: left;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table thead tr:first-child th:first-child {
  border-left-style: solid;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table thead tr:first-child th:last-child {
  border-right-style: solid;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table td,
.customer-page .content-wrapper-in .content-inner .table-wrapper table th {
  padding: 1.5em 0.5em;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table td {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .client-table-heading {
  display: none;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .p-name {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .p-name a {
  width: 100%;
  color: black;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .p-name a:hover, .customer-page .content-wrapper-in .content-inner .table-wrapper table .p-name a:focus {
  color: var(--color-primary);
  text-decoration: underline;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .p-name .p-name__codeLabel,
.customer-page .content-wrapper-in .content-inner .table-wrapper table .p-name .p-name__code {
  font-size: var(--fs-12);
  color: var(--color-black-o-60);
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .p-name .p-name__code {
  padding-left: 0.1em;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .list-summary {
  text-align: right;
  display: grid;
  grid-template-columns: 250px 150px;
  column-gap: 20px;
  gap: 16px;
  max-width: max-content;
  margin-left: auto;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .list-summary dd {
  margin: 0;
}
.customer-page .content-wrapper-in .content-inner .table-wrapper table .list-summary > :nth-child(1),
.customer-page .content-wrapper-in .content-inner .table-wrapper table .list-summary > :nth-child(2) {
  font-size: var(--fs-18);
}
.customer-page .content-wrapper-in .content-inner h2 {
  font-size: var(--fs-18);
  padding-bottom: 1em;
}
.customer-page .content-wrapper-in .content-inner .row {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  gap: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 20px;
  line-height: 2;
}
.customer-page .content-wrapper-in .content-inner .row h4 {
  font-size: var(--fs-18);
  padding-bottom: 1.5em;
}
.customer-page .content-wrapper-in .content-inner .btn-primary {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
.customer-page .content-wrapper-in .content-inner .btn-primary span, .customer-page .content-wrapper-in .content-inner .btn-primary::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
.customer-page .content-wrapper-in .content-inner .btn-primary {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.customer-page .content-wrapper-in .content-inner .btn-primary:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
.customer-page .content-wrapper-in .content-inner .btn-primary:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
.customer-page .content-wrapper-in .content-inner .btn-primary {
  width: fit-content;
}
.customer-page .content-wrapper-in .content-inner .pagination-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
.customer-page .content-wrapper-in .content-inner .pagination-wrapper p {
  padding: 0;
}

.in-natios-pomaha-hematoonkologii-v-ostrave #content {
  width: 100%;
  max-width: 1280px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.in-natios-pomaha-hematoonkologii-v-ostrave #content h2,
.in-natios-pomaha-hematoonkologii-v-ostrave #content .h2,
.in-natios-pomaha-hematoonkologii-v-ostrave #content h3,
.in-natios-pomaha-hematoonkologii-v-ostrave #content .h3 {
  font-size: var(--fs-28);
  font-weight: 700;
  line-height: 1.4;
  padding-top: 0.75em;
  padding-bottom: 0.5em;
}
.in-natios-pomaha-hematoonkologii-v-ostrave #content h2 strong,
.in-natios-pomaha-hematoonkologii-v-ostrave #content .h2 strong,
.in-natios-pomaha-hematoonkologii-v-ostrave #content h3 strong,
.in-natios-pomaha-hematoonkologii-v-ostrave #content .h3 strong {
  font-weight: 700;
}

.in-o-znacce-natios .breadcrumbs-wrapper {
  display: none;
}
.in-o-znacce-natios #content header h1 {
  display: none;
}

.brand-page .gradient-background {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
}
.brand-page .primary-background {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 30deg;
  --end: 50%;
  color: white;
}
.brand-page .primary-background p,
.brand-page .primary-background h1,
.brand-page .primary-background h2,
.brand-page .primary-background h3,
.brand-page .primary-background h4 {
  color: white;
}
.brand-page .border-bottom {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
.brand-page .border-top {
  border-top-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
.brand-page .full-width-wrapper {
  position: relative;
}
.brand-page .full-width-wrapper > * {
  width: 100%;
  max-width: 1200px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.brand-page .centered-content {
  text-align: center;
}
.brand-page .arrow-section-down {
  display: block;
  position: absolute;
  --width: 5.5em;
  bottom: calc(-1 * var(--width) / 2);
  left: 50%;
  transform: translateX(-50%);
  width: var(--width);
  height: var(--width);
  cursor: pointer;
  z-index: 3;
  padding: 0;
  margin: 0;
}
.brand-page .arrow-section-down::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_primary_with_border.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.brand-page .arrow-section-down::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_down.svg);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.2s ease;
}
.brand-page .arrow-section-down:hover {
  transform: translateX(-50%) scale(1.05);
  transition: transform 0.2s ease;
}
.brand-page h3,
.brand-page .h3 {
  font-size: var(--fs-28);
  font-weight: 700;
  line-height: 1.4;
  padding-top: 0;
  padding-bottom: 1em;
}
.brand-page h4,
.brand-page .h4 {
  font-size: var(--fs-18);
  font-weight: 700;
  line-height: 1.4;
  padding: 0;
}
.brand-page p {
  font-size: var(--fs-18);
  line-height: 1.5;
  padding-top: 0;
  padding-bottom: 1.5em;
}
.brand-page .full-width-wrapper:first-child::before {
  content: "";
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/product_background.svg);
  pointer-events: none;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.brand-page .first-block {
  width: 100%;
  max-width: 700px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  text-align: center;
  padding-top: 4.25em;
  padding-bottom: 12em;
  position: relative;
  z-index: 2;
}
.brand-page .first-block img {
  max-width: 200px;
  margin: 0 auto 2.5em auto;
}
.brand-page .first-block h1 {
  font-size: var(--fs-48);
  padding-bottom: 0.54em;
  padding-top: 0;
  line-height: 1.4;
  font-weight: 700;
}
.brand-page .first-block ul {
  list-style: none;
  margin: 0;
  padding: 1em 0;
}
.brand-page .first-block ul li {
  padding: 0.375em 0 0.375em 1.25em;
  position: relative;
}
.brand-page .first-block ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5625em;
  height: 0.5625em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.brand-page .first-block ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--fs-18);
  font-weight: 700;
}
.brand-page .first-block ul li {
  padding: 1em 0 1em 2.75em;
}
.brand-page .first-block ul li::before {
  width: 2em;
  height: 2em;
  background: url(https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_questionmark_primary.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.brand-page .first-block h2 {
  font-size: var(--fs-28);
  padding-top: 0.892em;
  padding-bottom: 0;
  display: flex;
  line-height: 1.4;
  flex-direction: column;
}
.brand-page .images-on-sides {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}
.brand-page .images-on-sides .content-center {
  width: 100%;
  max-width: 700px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  text-align: center;
  padding-top: 17em;
  padding-bottom: 17em;
}
.brand-page .images-on-sides h3 {
  padding-bottom: 1.7143em;
}
.brand-page .content-with-image {
  display: flex;
  --text-width: 45%;
}
.brand-page .content-with-image .text {
  width: var(--text-width);
  padding: 5em 2em 5em 2em;
}
.brand-page .content-with-image .text.text-on-left {
  padding-left: 0;
  padding-right: 2em;
}
.brand-page .content-with-image .text.text-on-right {
  padding-left: 2em;
  padding-right: 0;
}
.brand-page .content-with-image .image {
  width: calc(100% - var(--text-width));
}
.brand-page .full-width-wrapper:nth-child(3) {
  padding-top: 9em;
  padding-bottom: 12em;
}
.brand-page .full-width-wrapper:nth-child(4) {
  padding-top: 10em;
  padding-bottom: 3.75em;
}
.brand-page .full-width-wrapper:nth-child(5) {
  padding-top: 3.75em;
  padding-bottom: 8em;
}
.brand-page .hexagon-points {
  padding-top: 5.3125em;
  padding-bottom: 5.3125em;
}
.brand-page .hexagon-points h3 {
  padding-bottom: 3.75em;
}
.brand-page .cross-points {
  padding-top: 0;
  padding-bottom: 6.375em;
}
.brand-page .cross-points h3 {
  padding-bottom: 2.5em;
}
.brand-page .hexagon-points,
.brand-page .cross-points,
.brand-page .image-points {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  text-align: center;
}
.brand-page .hexagon-points h3,
.brand-page .cross-points h3,
.brand-page .image-points h3 {
  grid-column: 1/-1;
}
.brand-page .hexagon-points > *,
.brand-page .cross-points > *,
.brand-page .image-points > * {
  display: flex;
  flex-direction: column;
  gap: var(--fs-12);
}
.brand-page .hexagon-points > * img,
.brand-page .cross-points > * img,
.brand-page .image-points > * img {
  margin-bottom: var(--fs-12);
}
.brand-page .image-points {
  grid-template-columns: repeat(4, 1fr);
}
.brand-page .image-points h3 {
  padding-top: 6em;
  padding-bottom: 6em;
}
.brand-page .image-on-bottom {
  padding-top: 7em;
}
.brand-page .image-on-bottom .centered-content.thin {
  width: 100%;
  max-width: 540px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  margin-bottom: 1em;
}
.brand-page .full-width-wrapper:last-child {
  padding-top: 7em;
  padding-bottom: 7em;
}
.brand-page .full-width-wrapper:last-child .centered-content.thin {
  width: 100%;
  max-width: 700px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.brand-page .full-width-wrapper:last-child #natios-categories {
  margin-top: 3em;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.brand-page .full-width-wrapper:last-child #natios-categories h4 {
  text-align: center;
}
.brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 25px;
  align-items: center;
  color: black;
  background: white;
  border-radius: 8px;
  border-style: solid;
  border-color: var(--color-gray-blue-400);
  border-width: 1px;
  padding: 23px 10px 23px 25px;
  cursor: pointer;
  font-size: var(--fs-18);
}
.brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li:hover, .brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li:focus-within {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  cursor: pointer;
  color: white;
  border-color: transparent;
}
.brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li:hover img[src$=".svg"], .brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li:focus-within img[src$=".svg"] {
  filter: brightness(0) invert(1);
}
.brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li a {
  color: black;
}
.brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li:hover a, .brand-page .full-width-wrapper:last-child #natios-categories .menu-level-2 li:focus a {
  color: white;
}

.filters-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.filters-wrapper .filters-unveil-button-wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  display: none;
}
.filters-wrapper .filter-section-button {
  display: none !important;
}
.filters-wrapper .filter-total-count {
  display: none;
}
.filters-wrapper #manufacturer-filter {
  display: none;
}
.filters-wrapper #price-filter-form {
  display: none !important;
}
.filters-wrapper #filters {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  display: flex;
  --gap: 24px;
  --overlap-height: 16px;
  gap: var(--gap);
  width: 100%;
}
.filters-wrapper .filter-sections {
  display: flex;
}
.filters-wrapper #category-filter-hover {
  display: flex;
  gap: var(--gap);
}
.filters-wrapper .slider-wrapper,
.filters-wrapper .filter-section {
  display: flex;
  position: relative;
  --enf-of-gradient: 200px;
  z-index: 1;
}
.filters-wrapper .slider-wrapper h4,
.filters-wrapper .filter-section h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  z-index: 9;
  font-size: var(--fs-16);
  font-weight: 400;
  padding: 0.3125em 10px 0.3125em 0.625em;
  gap: 10px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --end: var(--enf-of-gradient);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  cursor: pointer;
  border-radius: 8px;
  user-select: none;
}
.filters-wrapper .slider-wrapper h4::after,
.filters-wrapper .filter-section h4::after {
  display: flex;
  content: "";
  margin-top: 2px;
  width: 0.625em;
  height: 1em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_down.svg");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
}
.filters-wrapper .slider-section:first-child {
  display: none;
}
.filters-wrapper .filter-section {
  font-size: var(--fs-14);
}
.filters-wrapper .filter-section form {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + var(--overlap-height) - 2px);
  min-width: 100%;
  width: max-content;
  z-index: 8;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --end: var(--enf-of-gradient);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  border-top-left-radius: 0;
  padding: 10px 10px 14px 0.72em;
  max-height: 20.7em;
  overflow-y: auto;
}
.filters-wrapper .filter-section form fieldset {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.filters-wrapper .filter-section form fieldset .advanced-filters-wrapper {
  display: none !important;
}
.filters-wrapper .filter-section form fieldset > div {
  display: flex;
  align-items: center;
  gap: 6px;
  order: 1;
}
.filters-wrapper .filter-section form fieldset > div:has(label.disabled) {
  order: 2;
}
.filters-wrapper .filter-section form fieldset > div:has(input[type=checkbox]:checked) label {
  font-weight: 700;
}
.filters-wrapper .filter-section form fieldset > div:has(label.disabled) input {
  opacity: 0.3;
  pointer-events: none !important;
}
.filters-wrapper .filter-section form fieldset > div label.disabled {
  opacity: 0.3;
  pointer-events: none;
  text-decoration: line-through;
}
.filters-wrapper .filter-section form .filter-count::before {
  content: "(";
}
.filters-wrapper .filter-section form .filter-count::after {
  content: ")";
}
.filters-wrapper .filter-section:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: var(--overlap-height);
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  z-index: 9;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --end: var(--enf-of-gradient);
}
.filters-wrapper .filter-section.expanded {
  filter: drop-shadow(0px 8px 20px var(--color-gray-blue-400-o-50));
}
.filters-wrapper .filter-section.expanded:before {
  display: block;
}
.filters-wrapper .filter-section.expanded h4 {
  border-bottom-style: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--color-tertiary-hover);
}
.filters-wrapper .filter-section.expanded h4::after {
  transform: rotate(180deg);
}
.filters-wrapper .filter-section.expanded form {
  display: block;
}
.filters-wrapper .slider-wrapper {
  position: relative;
}
.filters-wrapper .slider-wrapper .slider-header {
  display: none;
  font-size: var(--fs-14);
  position: absolute;
  left: 0;
  top: calc(100% + var(--overlap-height) - 2px + 4.25em);
  min-width: 290px;
  width: max-content;
  background: transparent;
  z-index: 9;
  justify-content: space-between;
  padding: 0 1em;
}
.filters-wrapper .slider-wrapper .slider-header > span {
  background: white;
  padding: 7px 5px 5px 5px;
  min-width: 90px;
  text-align: center;
  border-radius: 8px;
  border-style: solid;
  border-color: var(--color-gray-blue-400);
  border-width: 1px;
}
.filters-wrapper .slider-wrapper .slider-content {
  display: none;
  --width: 1.714em;
  font-size: var(--fs-14);
  position: absolute;
  left: 0;
  top: calc(100% + var(--overlap-height) - 2px);
  min-width: 290px;
  width: max-content;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --end: var(--enf-of-gradient);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  border-top-left-radius: 0;
  padding: 20px 1em 5.5em 1em;
}
.filters-wrapper .slider-wrapper .slider-content #slider {
  background-color: var(--color-gray-blue-400);
  border-color: inherit;
  height: 4px;
  position: relative;
  text-align: left;
  width: calc(100% - var(--width));
  margin: auto;
  z-index: 9;
}
.filters-wrapper .slider-wrapper .slider-content #slider .ui-slider-range {
  height: 4px;
  position: relative;
  background-color: var(--color-tertiary-hover);
}
.filters-wrapper .slider-wrapper .slider-content #slider span {
  width: var(--width);
  height: var(--width);
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_primary.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: -9px;
  outline: none !important;
  display: block;
  position: absolute;
  cursor: grab;
  margin-left: calc(var(--width) / -2);
}
.filters-wrapper .slider-wrapper .slider-content #slider span:focus {
  cursor: grabbing;
}
.filters-wrapper .slider-wrapper:before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: var(--overlap-height);
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  z-index: 9;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --end: var(--enf-of-gradient);
}
.filters-wrapper .slider-wrapper.expanded h4 {
  border-bottom-style: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--color-tertiary-hover);
}
.filters-wrapper .slider-wrapper.expanded h4::after {
  transform: rotate(180deg);
}
.filters-wrapper .slider-wrapper.expanded {
  filter: drop-shadow(0px 8px 20px var(--color-gray-blue-400-o-50));
}
.filters-wrapper .slider-wrapper.expanded:before {
  display: block;
}
.filters-wrapper .slider-wrapper.expanded .slider-header {
  display: flex;
}
.filters-wrapper .slider-wrapper.expanded .slider-content {
  display: block;
}

.selected-filters-wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  width: 100%;
}
.selected-filters-wrapper .selected-filters-content {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 16px 22px 16px 30px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.selected-filters-wrapper .selected-filters-heading {
  padding-right: 1.5em;
  font-size: var(--fs-18);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
.selected-filters-wrapper .selected-filters-heading::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_filter.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.selected-filters-wrapper #clear-filters {
  padding: 0;
  margin-left: auto;
  font-weight: 700;
}
.selected-filters-wrapper #clear-filters a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: black;
}
.selected-filters-wrapper #clear-filters a:after {
  content: "";
  --width: 8.25px;
  display: block;
  width: var(--width);
  height: var(--width);
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.selected-filters-wrapper .selected-filter-container {
  background: white;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  font-size: var(--fs-16);
  padding: var(--fs-16);
  line-height: 1;
  display: flex;
  gap: 14px;
}
.selected-filters-wrapper .selected-filters-list {
  display: flex;
  gap: 14px;
  font-weight: 700;
}
.selected-filters-wrapper .selected-filter-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
.selected-filters-wrapper .selected-filter-item:after {
  content: "";
  --width: 8.25px;
  display: block;
  width: var(--width);
  height: var(--width);
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.selected-filters-wrapper .selected-filter-item.price-range-item {
  cursor: default;
}
.selected-filters-wrapper .selected-filter-item.price-range-item:after {
  display: none;
}

.custom-filter-toggle-btn {
  display: none;
}

@media screen and (max-width: 1279px) {
  .filters-wrapper {
    padding: 25px 0 35px;
    gap: 24px;
  }
  .filters-wrapper #filters {
    --angle: 90deg;
    --start: 0%;
    --end: 100%;
    background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
    --angle: 135deg;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-gray-blue-400);
    border-radius: 8px;
    padding: 16px 22px 16px 30px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: calc(100% - var(--padding-sides) * 2);
  }
  .filters-wrapper #filters > * {
    display: none;
  }
  .filters-wrapper #filters .custom-filter-toggle-btn {
    padding-right: 0;
    font-size: var(--fs-18);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }
  .filters-wrapper #filters .custom-filter-toggle-btn::before {
    content: "";
    width: 1em;
    height: 1em;
    background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_filter.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .filters-wrapper #filters .custom-filter-toggle-btn::after {
    display: flex;
    content: "";
    margin-left: auto;
    width: 0.625em;
    height: 1em;
    background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_down.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(0deg);
  }
  .filters-wrapper #filters.active > * {
    display: flex;
    width: 100%;
  }
  .filters-wrapper #filters.active .custom-filter-toggle-btn::after {
    transform: rotate(180deg);
  }
  .filters-wrapper #filters .slider-wrapper {
    width: 100%;
    flex-direction: column;
    margin-top: 10px;
  }
  .filters-wrapper #filters .slider-wrapper:before {
    display: none;
  }
  .filters-wrapper #filters .slider-wrapper h4 {
    width: 100%;
    gap: 6px;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .filters-wrapper #filters .slider-wrapper h4::after {
    margin-top: 0;
    background-size: 85%;
  }
  .filters-wrapper #filters .slider-wrapper .slider-header {
    position: relative;
    padding-top: 10px;
    inset: 0;
    width: 100%;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
    border-color: var(--color-gray-blue-400);
    --angle: 90deg;
    --start: 0%;
    --end: 100%;
    background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
    --end: var(--enf-of-gradient);
  }
  .filters-wrapper #filters .slider-wrapper .slider-content {
    position: relative;
    inset: 0;
    padding: 20px 1em 10px 1em;
    height: 60px;
    min-width: none;
    width: 100%;
    border-top-style: none;
    border-top-right-radius: 0;
  }
  .filters-wrapper #filters #category-filter-hover {
    flex-direction: column;
    width: 100%;
    gap: 16px;
  }
  .filters-wrapper #filters #category-filter-hover > * {
    width: 100%;
  }
  .filters-wrapper #filters #category-filter-hover > * > * {
    width: 100%;
  }
  .filters-wrapper #filters .filter-section {
    flex-direction: column;
  }
  .filters-wrapper #filters .filter-section:before {
    display: none;
  }
  .filters-wrapper #filters .filter-section form {
    border-top-style: none;
    position: initial;
    inset: 0;
  }
  .filters-wrapper #filters .filter-section h4 {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 6px;
  }
  .filters-wrapper #filters .filter-section h4::after {
    margin-top: 0;
    background-size: 85%;
  }
  .selected-filters-wrapper .selected-filters-content {
    background: transparent;
    border-style: none;
    padding: 0;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .selected-filters-wrapper .selected-filters-heading {
    order: 1;
  }
  .selected-filters-wrapper #clear-filters {
    order: 2;
  }
  .selected-filters-wrapper .selected-filter-container {
    order: 5;
  }
  .selected-filters-wrapper .selected-filters-heading {
    width: 50%;
  }
  .selected-filters-wrapper .selected-filters-heading::before {
    display: none;
  }
  .selected-filters-wrapper #clear-filters {
    margin-left: auto;
    width: 45%;
    justify-content: flex-end;
    padding-right: 10px;
  }
  .selected-filters-wrapper #clear-filters a {
    justify-content: flex-end;
  }
  .selected-filters-wrapper .selected-filter-container {
    padding: 12px;
    flex-wrap: wrap;
  }
  .selected-filters-wrapper .selected-filters-list {
    flex-wrap: wrap;
  }
}
.type-category .category-content-wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.type-category .category__secondDescription {
  padding-top: 75px;
}
@media screen and (max-width: 1279px) {
  .type-category .category__secondDescription {
    padding-top: 30px;
  }
}
.type-category .category-content-wrapper {
  display: flex;
  flex-direction: column;
}
.type-category .category-content-wrapper .filters-wrapper {
  order: 2;
}
.type-category .category-content-wrapper .category-header {
  order: 4;
}
.type-category .category-content-wrapper .products {
  order: 6;
}
.type-category .category-content-wrapper .listingControls {
  order: 8;
}
.type-category .category-content-wrapper .category__secondDescription {
  order: 10;
}
.type-category .category-content-wrapper #filters {
  width: 100%;
}
.type-category .category-content-wrapper .selected-filters-wrapper {
  padding: 0;
}

#category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  --pad-bottom: 24px;
  padding-bottom: var(--pad-bottom);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--color-gray-blue-400);
  font-size: var(--fs-16);
}
@media screen and (max-width: 1279px) {
  #category-header {
    align-items: flex-start;
  }
}
#category-header .listSorting .listSorting__controls {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 50px;
}
#category-header .listSorting .listSorting__controls button {
  cursor: pointer;
  position: relative;
}
#category-header .listSorting .listSorting__controls button:hover {
  color: var(--color-primary);
}
#category-header .listSorting .listSorting__controls button.listSorting__control--current {
  font-weight: 700;
  cursor: default;
  color: black;
}
#category-header .listSorting .listSorting__controls button.listSorting__control--current:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
  bottom: calc(var(--pad-bottom) * -1 - 1px);
  left: 0;
}
#category-header .listItemsTotal {
  color: var(--color-black-o-60);
}
#category-header .listItemsTotal strong {
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  #category-header {
    padding-bottom: 0;
    border-style: none;
    font-size: var(--fs-14);
  }
  #category-header .listSorting .listSorting__controls {
    display: flex;
    flex-direction: column;
    gap: 15px;
    user-select: none;
  }
  #category-header .listSorting .listSorting__controls li {
    cursor: pointer;
  }
  #category-header .listSorting .listSorting__controls li.active {
    order: 1;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    pointer-events: auto;
  }
  #category-header .listSorting .listSorting__controls li.active button {
    cursor: pointer;
  }
  #category-header .listSorting .listSorting__controls li.active:after {
    margin-left: 6px;
    margin-top: 3px;
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_down.svg");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
  }
  #category-header .listSorting .listSorting__controls li:not(.active) {
    display: none;
    order: 99;
  }
  #category-header .listSorting .listSorting__controls.active li {
    display: flex;
  }
  #category-header .listSorting .listSorting__controls.active li.active:after {
    transform: rotate(180deg);
  }
  #category-header .listSorting .listSorting__controls button.listSorting__control--current::after {
    display: none;
  }
}

#listSortingControl-name {
  display: none;
}

.listSorting li:has(> button#listSortingControl-name) {
  display: none !important;
}

.type-category .products-block {
  padding-top: 52px;
  padding-bottom: 70px;
}
@media screen and (max-width: 1279px) {
  .type-category .products-block {
    padding-top: 24px;
    padding-bottom: 50px;
  }
}

.type-category .category-top > * {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.type-category .category-top {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--color-gray-blue-400);
}
.type-category .category-top h1 {
  font-size: var(--fs-32);
  font-weight: 700;
  line-height: 1.4;
  color: black;
  padding-top: 0.625em;
  padding-bottom: 0.8125em;
  margin-top: 0;
  margin-bottom: 0;
}
.type-category .category-top .category-perex {
  font-size: var(--fs-16);
  line-height: 1.6;
  color: var(--color-black-300);
  padding-bottom: 1.25em;
}
.type-category .category-top .category-perex p {
  line-height: 1.6;
}
.type-category .category-top .category-perex a:hover {
  text-decoration: underline;
}
.type-category .category-top .subcategories {
  list-style: none;
  padding-top: 0;
  padding-bottom: 38px;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 26px;
}
.type-category .category-top .subcategories li a {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 25px;
  align-items: center;
  color: black;
  background: white;
  border-radius: 8px;
  border-style: solid;
  border-color: var(--color-gray-blue-400);
  border-width: 1px;
  padding: 23px 10px 23px 25px;
  cursor: pointer;
  font-size: var(--fs-18);
}
.type-category .category-top .subcategories li a:hover, .type-category .category-top .subcategories li a:focus-within {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  cursor: pointer;
  color: white;
  border-color: transparent;
}
.type-category .category-top .subcategories li a:hover img[src$=".svg"], .type-category .category-top .subcategories li a:focus-within img[src$=".svg"] {
  filter: brightness(0) invert(1);
}
.type-category .category-top .subcategories li a {
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .type-category .category-top .subcategories li a {
    gap: 20px;
    grid-template-columns: 40px 1fr;
    padding: 15px 8px 15px 10px;
    font-size: var(--fs-14);
  }
}
@media screen and (max-width: 767px) {
  .type-category .category-top .subcategories li a {
    gap: 10px;
    grid-template-columns: 34px 1fr;
    padding: 15px 6px 15px 8px;
    font-size: var(--fs-14);
  }
}
@media screen and (max-width: 1679px) {
  .type-category .category-top .subcategories {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1439px) {
  .type-category .category-top .subcategories {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 1279px) {
  .type-category .category-top .subcategories {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .type-category .category-top .subcategories {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.category-perex.category-perex-has-shortened > * {
  display: none;
}
.category-perex.category-perex-has-shortened .category-perex-shortened {
  display: block;
}
.category-perex.category-perex-has-shortened.active .category-perex-shortened {
  display: none;
}
.category-perex.category-perex-has-shortened.active > * {
  display: block;
}
.category-perex .read-more-perex {
  cursor: pointer;
  color: var(--color-primary);
  padding: 0 0.35em;
  text-decoration: underline;
}

.contact-page .contact-page-blocks {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr 1fr;
  --gap: 20px;
  gap: var(--gap);
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-blocks {
    grid-template-columns: 1fr 1fr;
    row-gap: calc(var(--gap) * 3);
  }
}
@media screen and (max-width: 1023px) {
  .contact-page .contact-page-blocks {
    grid-template-columns: 1fr;
    gap: var(--gap);
  }
}
.contact-page .contact-page-block {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-block {
    gap: 16px;
  }
}
.contact-page .contact-page-block p {
  max-width: 300px;
  padding: 0;
}
.contact-page .contact-page-block a {
  color: var(--color-tertiary-hover);
}
.contact-page .contact-page-block a:hover {
  color: var(--color-tertiary-hover);
  text-decoration: underline;
}
.contact-page .contact-page-block img {
  min-width: 30px;
  width: 30px;
  height: auto;
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-block img {
    min-width: 24px;
    width: 24px;
  }
}
.contact-page .contact-page-block.large {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 52px 32px 52px 52px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-block.large {
    padding: 32px 10px 32px 24px;
  }
}
.contact-page .contact-page-block.large .contact-customer-support-icon {
  padding: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-block.large .contact-customer-support-icon {
    padding: 16px;
  }
}
.contact-page .contact-page-block.large a {
  font-size: var(--fs-22);
  word-break: break-word;
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-block.large a {
    font-size: var(--fs-18);
  }
}
.contact-page .contact-page-block.large p {
  font-size: var(--fs-14);
  color: var(--color-black-o-60);
}
.contact-page .contact-page-block.small {
  justify-content: center;
  padding: 10px;
  gap: 14px;
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-block.small {
    gap: 10px;
  }
}
.contact-page .contact-page-block.small img {
  min-width: 24px;
  width: 24px;
  height: auto;
}
@media screen and (max-width: 1279px) {
  .contact-page .contact-page-block.small img {
    min-width: 20px;
    width: 20px;
  }
}
.contact-page .contact-page-block.small a {
  font-size: var(--fs-18);
}
.contact-page .contact-customer-support-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.contact-page .contact-page-invoice-info-block-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding: 80px 0px;
  margin: auto;
  --gap: 20px;
  gap: var(--gap);
  justify-items: center;
}
@media screen and (max-width: 1023px) {
  .contact-page .contact-page-invoice-info-block-wrapper {
    grid-template-columns: 1fr;
    gap: var(--gap);
    text-align: center;
  }
}
.contact-page .contact-page-invoice-info-block-wrapper > div {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.contact-page .contact-page-invoice-info-block-wrapper span {
  max-width: 300px;
  font-size: var(--fs-14);
  color: var(--color-black-o-60);
}
.contact-page .contact-page-invoice-info-block-wrapper h3 {
  font-size: var(--fs-18);
}
.contact-page .osobni-odber-wrapper {
  text-align: center;
}
.contact-page .osobni-odber-wrapper h3 {
  padding-bottom: 0.5em;
}
.contact-page .osobni-odber-wrapper p {
  font-size: var(--fs-14);
  color: var(--color-black-o-60);
}

.in-doprava-a-platba h1 {
  display: none;
}

.page-deliveries-and-payments {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  --gap: 60px;
  gap: var(--gap);
}
@media screen and (max-width: 767px) {
  .page-deliveries-and-payments {
    padding-bottom: 40px;
    grid-template-columns: 1fr;
  }
}
.page-deliveries-and-payments h2 {
  font-size: var(--fs-28);
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  .page-deliveries-and-payments h2 {
    font-size: var(--fs-22);
  }
}
.page-deliveries-and-payments .list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-deliveries-and-payments .item {
  display: grid;
  grid-template-columns: 0.75fr 0.25fr;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 24px 16px 24px 16px;
  align-items: center;
  column-gap: 16px;
  cursor: pointer;
  font-size: var(--fs-14);
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  --start: 0%;
  --end: 150%;
}
@media screen and (max-width: 767px) {
  .page-deliveries-and-payments .item {
    padding: 16px 12px 16px 12px;
  }
}
.page-deliveries-and-payments .item > h3 {
  grid-column: 1;
  grid-row: 1;
  line-height: 1.4;
  font-size: var(--fs-22);
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.page-deliveries-and-payments .item > h3::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_primary_down.svg);
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
@media screen and (max-width: 767px) {
  .page-deliveries-and-payments .item > h3 {
    font-size: var(--fs-18);
  }
}
.page-deliveries-and-payments .item > img {
  grid-column: 2;
  grid-row: 1;
}
.page-deliveries-and-payments .item > .ul-wrapper {
  grid-column: 1/span 2;
  grid-row: 2;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
  overflow: hidden;
}
.page-deliveries-and-payments .item ul {
  height: auto;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 1em 0;
}
.page-deliveries-and-payments .item ul li {
  padding: 0.375em 0 0.375em 1.25em;
  position: relative;
}
.page-deliveries-and-payments .item ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5625em;
  height: 0.5625em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page-deliveries-and-payments .item ul {
  padding: 0;
  padding-left: 10px;
  transition: padding 0.3s ease;
  cursor: text;
}
.page-deliveries-and-payments .item.expanded {
  background: white;
}
.page-deliveries-and-payments .item.expanded .ul-wrapper {
  grid-template-rows: 1fr;
}
.page-deliveries-and-payments .item.expanded ul {
  padding-top: 1em;
}
.page-deliveries-and-payments .item.expanded h3::before {
  transform: rotate(180deg);
}

#dkLabFavPageWrapper .product {
  opacity: 1 !important;
}
#dkLabFavPageWrapper .products-block {
  padding: 40px 0;
}
#dkLabFavPageWrapper .p-tools {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 10px;
}
#dkLabFavPageWrapper .p-tools .quantity {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  display: flex;
  align-items: center;
}
#dkLabFavPageWrapper .p-tools .quantity label {
  height: 100%;
  order: 2;
}
#dkLabFavPageWrapper .p-tools .quantity label input {
  -moz-appearance: textfield; /* For Firefox */
  -webkit-appearance: none; /* For WebKit browsers like Chrome and Safari */
  appearance: none; /* Standard property */
  /* Prevent controls from showing on hover or focus */
}
#dkLabFavPageWrapper .p-tools .quantity label input::-webkit-inner-spin-button, #dkLabFavPageWrapper .p-tools .quantity label input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#dkLabFavPageWrapper .p-tools .quantity label input {
  padding: 0;
  font-size: var(--fs-16);
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 0;
  height: 100%;
  text-align: center;
  width: 3.625em;
}
#dkLabFavPageWrapper .p-tools .quantity .increase,
#dkLabFavPageWrapper .p-tools .quantity .decrease {
  cursor: pointer;
  height: 100%;
  padding: 0px 0.75em;
  font-weight: 600;
  color: var(--color-tertiary-hover);
  font-size: 1.25em;
  line-height: 1;
  background: white;
  transition: background-color 0.2s ease;
}
#dkLabFavPageWrapper .p-tools .quantity .increase:hover,
#dkLabFavPageWrapper .p-tools .quantity .decrease:hover {
  color: white;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
}
#dkLabFavPageWrapper .p-tools .quantity .increase {
  order: 3;
  border-radius: 0 8px 8px 0;
}
#dkLabFavPageWrapper .p-tools .quantity .decrease {
  order: 1;
  border-radius: 8px 0 0 8px;
}
#dkLabFavPageWrapper .p-tools .quantity {
  height: 100%;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  #dkLabFavPageWrapper .p-tools .quantity {
    display: none !important;
  }
}
#dkLabFavPageWrapper .p-tools .btn-cart {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
#dkLabFavPageWrapper .p-tools .btn-cart span, #dkLabFavPageWrapper .p-tools .btn-cart::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
#dkLabFavPageWrapper .p-tools .btn-cart {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
#dkLabFavPageWrapper .p-tools .btn-cart:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
#dkLabFavPageWrapper .p-tools .btn-cart:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
#dkLabFavPageWrapper .dkLabFavDeleteBtn {
  position: absolute;
  right: 0;
  top: 0;
}
#dkLabFavPageWrapper .dkLabFavDeleteBtn:after {
  content: "";
  margin-left: 4px;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_black.svg");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}
#dkLabFavPageWrapper #dkLabFavPageBtnShareListUnregistered {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
#dkLabFavPageWrapper #dkLabFavPageBtnShareListUnregistered:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
#dkLabFavPageWrapper #dkLabFavPageBtnShareListUnregistered {
  margin-top: 20px;
  margin-left: auto;
}
#dkLabFavPageWrapper #dkLabFavouritePageMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}
#dkLabFavPageWrapper #dkLabFavouritePageMenu > li {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 10px 20px;
}

.in-index .overall-wrapper > .content-wrapper > .content-wrapper-in {
  max-width: none;
  padding: 0;
  margin: 0 auto;
}

.banners-row {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}

.in-index .homepage-group-title {
  font-size: var(--fs-28);
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
  padding-top: 2.2857em;
  padding-bottom: 1em;
}
@media screen and (max-width: 1279px) {
  .in-index .homepage-group-title {
    font-size: var(--fs-24);
    padding-top: 1.25em;
    padding-bottom: 0.7083em;
  }
}

.in-index #carousel .item > span > a,
.in-index #carousel .footer-banner > span > a,
.in-index .footer-banners .item > span > a,
.in-index .footer-banners .footer-banner > span > a {
  position: relative;
}
.in-index #carousel .item > span > a::before,
.in-index #carousel .footer-banner > span > a::before,
.in-index .footer-banners .item > span > a::before,
.in-index .footer-banners .footer-banner > span > a::before {
  content: "";
  width: 100%;
  height: 100%;
  background: hsla(231, 67%, 12%, 0.4);
  background: linear-gradient(90deg, hsla(231, 67%, 12%, 0.6) 0%, hsla(231, 67%, 12%, 0) 55%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 1279px) {
  .in-index #carousel .item > span > a::before,
  .in-index #carousel .footer-banner > span > a::before,
  .in-index .footer-banners .item > span > a::before,
  .in-index .footer-banners .footer-banner > span > a::before {
    background: hsla(231, 67%, 12%, 0.4);
    background: linear-gradient(110deg, hsla(231, 67%, 12%, 0.6) 0%, hsla(231, 67%, 12%, 0) 120%);
  }
}

@media screen and (min-width: 1024px) {
  .in-index #carousel {
    position: relative;
    min-height: 600px;
    display: flex;
  }
  .in-index #carousel .carousel-inner {
    display: grid;
  }
  .in-index #carousel .item.previous {
    display: block;
    pointer-events: none;
    animation: fadeOut 0.3s ease-in-out forwards;
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
      z-index: 7;
    }
    to {
      opacity: 0;
      z-index: 0;
    }
  }
  .in-index #carousel .item.previous * {
    pointer-events: none;
  }
  .in-index #carousel .carousel-thumbnails-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    top: 0;
    right: 39px;
    gap: 14px;
    z-index: 8;
    max-width: 40%;
    width: 360px;
  }
  .in-index #carousel .carousel-thumbnails-wrapper .item-thumbnail {
    width: 100%;
    display: flex;
    padding: 25px 18px;
    background: white;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    outline-style: solid;
    outline-color: transparent;
    outline-width: 1px;
    align-items: center;
    gap: 20px;
  }
  .in-index #carousel .carousel-thumbnails-wrapper .item-thumbnail img {
    width: 72px;
  }
  .in-index #carousel .carousel-thumbnails-wrapper .item-thumbnail:hover, .in-index #carousel .carousel-thumbnails-wrapper .item-thumbnail:focus-within {
    outline-color: var(--color-primary);
  }
  .in-index #carousel .carousel-thumbnails-wrapper .item-thumbnail.active {
    border-radius: 0 8px 8px 0;
    background: linear-gradient(135deg, var(--color-primary-200) 0%, white 100%);
  }
  .in-index #carousel .carousel-thumbnails-wrapper .item-thumbnail.active::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--color-primary);
    border-radius: 8px 0 0 8px;
  }
  .in-index #carousel .carousel-thumbnails-wrapper .item-thumbnail.active::after {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    background: var(--color-primary);
  }
  .in-index #carousel .item {
    display: none;
  }
  .in-index #carousel .item.active {
    display: block;
  }
  .in-index #carousel .item.active .extended-banner-texts {
    z-index: 3;
  }
  .in-index #carousel .item {
    grid-column: 1;
    grid-row: 1;
  }
  .in-index #carousel .item {
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    position: relative;
  }
  .in-index #carousel .item > span {
    display: block;
    height: 100%;
  }
  .in-index #carousel .item > span > a {
    display: block;
    height: 100%;
    overflow: hidden;
  }
  .in-index #carousel .item > span > a img {
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
  }
  .in-index #carousel .item .small {
    display: none;
  }
  .in-index #carousel .item .extended-banner-texts {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    max-width: 30em;
    margin-left: 76px;
    z-index: 2;
  }
  .in-index #carousel .item .extended-banner-title {
    font-size: var(--fs-32);
    font-weight: 700;
    color: white;
    line-height: 1.25;
    text-shadow: 1px 1px 3px var(--color-black-o-80);
  }
  .in-index #carousel .item .extended-banner-text {
    font-size: var(--fs-20);
    color: white;
    line-height: 1.4;
    padding-top: 0.65em;
    padding-bottom: 1.25em;
    text-shadow: 1px 1px 3px var(--color-black-o-80);
  }
  .in-index #carousel .item .extended-banner-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: white;
    max-width: max-content;
    font-size: var(--fs-18);
    line-height: 1.2;
    font-weight: 700;
    padding: 1.235em 2.882em;
    border-radius: 8px;
    --angle: 270deg;
    --start: 0%;
    --middle: 45%;
    --end: 100%;
    background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
    background-size: 200%;
    background-position: right;
    transition: background-position 0.2s ease-out;
    cursor: pointer;
  }
  .in-index #carousel .item .extended-banner-link:hover {
    background-position: left;
    filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
  }
  .in-index #carousel .item .item-thumbnail {
    display: none;
  }
  .in-index #carousel .item:hover img {
    transform: scale(1.025);
  }
}
@media screen and (max-width: 1023px) {
  .in-index .before-carousel {
    padding-top: 0;
  }
  .in-index .banners-row {
    padding: 0;
  }
  .in-index #carousel {
    position: relative;
  }
  .in-index #carousel .carousel-inner {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .in-index #carousel .carousel-inner > * {
    flex: 0 0 100%;
    scroll-snap-align: start;
  }
  .in-index #carousel .carousel-inner::-webkit-scrollbar {
    display: none;
  }
  .in-index #carousel .large {
    display: none;
  }
  .in-index #carousel .small {
    display: block;
    position: relative;
  }
  .in-index #carousel .small img {
    width: 100%;
  }
  .in-index #carousel .extended-banner-texts {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 5em;
    text-wrap: balance;
    z-index: 2;
  }
  .in-index #carousel .item:not(:first-child) .extended-banner-texts {
    padding-left: 4.5em;
  }
  .in-index #carousel .extended-banner-title {
    font-size: var(--fs-24);
    font-weight: 700;
    color: white;
    line-height: 1.45;
    text-shadow: 1px 1px 3px var(--color-black-o-80);
  }
  .in-index #carousel .extended-banner-text {
    font-size: var(--fs-16);
    color: white;
    line-height: 1.4;
    padding-top: 0.65em;
    padding-bottom: 1.45em;
    text-shadow: 1px 1px 3px var(--color-black-o-80);
  }
  .in-index #carousel .extended-banner-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: white;
    max-width: max-content;
    font-size: var(--fs-18);
    line-height: 1.2;
    font-weight: 700;
    padding: 1.235em 2.882em;
    border-radius: 8px;
    --angle: 270deg;
    --start: 0%;
    --middle: 45%;
    --end: 100%;
    background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
    background-size: 200%;
    background-position: right;
    transition: background-position 0.2s ease-out;
    cursor: pointer;
  }
  .in-index #carousel .extended-banner-link:hover {
    background-position: left;
    filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
  }
  .in-index #carousel .extended-banner-link {
    font-size: var(--fs-16);
    padding: 1em 2em;
  }
  .in-index #carousel .carousel-thumbnails-wrapper {
    display: none;
  }
  .in-index #carousel .carousel-control {
    position: absolute;
    top: 50%;
    width: 56px;
    height: 49px;
    display: grid;
    cursor: pointer;
    transition: transform 0.2s ease-out;
    transform: scale(1);
    max-height: none !important;
    left: auto !important;
    right: 10px !important;
    z-index: 5 !important;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1279px) {
  .in-index #carousel .carousel-control {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .in-index #carousel .carousel-control {
    width: 42px;
    height: 36px;
  }
}
@media screen and (max-width: 1023px) {
  .in-index #carousel .carousel-control:before {
    content: "";
    display: block;
    grid-row: 1;
    grid-column: 1;
    background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .in-index #carousel .carousel-control::after {
    content: "";
    display: block;
    grid-row: 1;
    grid-column: 1;
    background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
    background-size: 20%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-left: 2px;
  }
  .in-index #carousel .carousel-control.left, .in-index #carousel .carousel-control#cboxPrevious {
    left: var(--padding-sides);
    left: 5px;
    transform: translate(-50%, -50%) scale(1);
  }
  .in-index #carousel .carousel-control.left:after, .in-index #carousel .carousel-control#cboxPrevious:after {
    background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_left.svg");
    margin-left: -2px;
  }
  .in-index #carousel .carousel-control.left:hover, .in-index #carousel .carousel-control#cboxPrevious:hover {
    transform: translate(-50%, -50%) scale(1.15);
  }
  .in-index #carousel .carousel-control.left.hidden-control, .in-index #carousel .carousel-control#cboxPrevious.hidden-control {
    transform: translate(-50%, -50%) scale(0);
  }
}
@media screen and (max-width: 1023px) and (max-width: 1279px) {
  .in-index #carousel .carousel-control.left, .in-index #carousel .carousel-control#cboxPrevious {
    left: 10px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .in-index #carousel .carousel-control.left, .in-index #carousel .carousel-control#cboxPrevious {
    left: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .in-index #carousel .carousel-control.right, .in-index #carousel .carousel-control#cboxNext {
    right: var(--padding-sides);
    right: 5px;
    transform: translate(50%, -50%) scale(1);
  }
  .in-index #carousel .carousel-control.right:hover, .in-index #carousel .carousel-control#cboxNext:hover {
    transform: translate(50%, -50%) scale(1.15);
  }
  .in-index #carousel .carousel-control.right.hidden-control, .in-index #carousel .carousel-control#cboxNext.hidden-control {
    transform: translate(50%, -50%) scale(0);
  }
}
@media screen and (max-width: 1023px) and (max-width: 1279px) {
  .in-index #carousel .carousel-control.right, .in-index #carousel .carousel-control#cboxNext {
    right: 10px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .in-index #carousel .carousel-control.right, .in-index #carousel .carousel-control#cboxNext {
    right: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .in-index #carousel .carousel-control::after {
    transform: none !important;
  }
  .in-index #carousel .carousel-control.right {
    transform: translate(0%, -50%) scale(1) !important;
  }
  .in-index #carousel .carousel-control.left {
    left: 10px !important;
    right: auto !important;
    transform: translate(0%, -50%) scale(1) !important;
  }
  .in-index #carousel .carousel-control.hidden {
    display: none !important;
  }
}
.in-index .footer-banners {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  position: relative;
  padding-bottom: 80px;
  padding-top: 80px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
@media screen and (max-width: 1279px) {
  .in-index .footer-banners {
    grid-template-columns: 1fr;
    padding-bottom: 40px;
    padding-top: 30px;
  }
}
.in-index .footer-banners .footer-banner {
  min-height: 500px;
  width: calc(100% - var(--padding-sides));
  max-width: 910px;
  overflow: hidden;
  border-radius: 8px;
  height: 100%;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .in-index .footer-banners .footer-banner {
    max-width: 100%;
    margin: auto !important;
    width: 100%;
    padding: 0 var(--padding-sides);
  }
  .in-index .footer-banners .footer-banner a::before {
    border-radius: 8px;
  }
}
.in-index .footer-banners .footer-banner:first-child {
  margin-left: auto;
}
.in-index .footer-banners .footer-banner:last-child {
  margin-right: auto;
}
.in-index .footer-banners .footer-banner > span {
  display: block;
  height: 100%;
}
.in-index .footer-banners .footer-banner > span > a {
  display: block;
  height: 100%;
  overflow: hidden;
}
.in-index .footer-banners .footer-banner > span > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-in-out;
  border-radius: 8px;
}
.in-index .footer-banners .footer-banner .small {
  display: none;
}
@media screen and (max-width: 767px) {
  .in-index .footer-banners .footer-banner .large {
    display: none;
  }
  .in-index .footer-banners .footer-banner .small {
    display: block;
  }
}
.in-index .footer-banners .footer-banner .extended-banner-texts {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  max-width: 30em;
  margin-left: 76px;
  z-index: 2;
}
.in-index .footer-banners .footer-banner .extended-banner-title {
  font-size: var(--fs-32);
  font-weight: 700;
  color: white;
  line-height: 1.25;
  text-shadow: 1px 1px 3px var(--color-black-o-80);
}
.in-index .footer-banners .footer-banner .extended-banner-text {
  font-size: var(--fs-20);
  color: white;
  line-height: 1.4;
  padding-top: 0.65em;
  padding-bottom: 1.25em;
  text-shadow: 1px 1px 3px var(--color-black-o-80);
}
.in-index .footer-banners .footer-banner .extended-banner-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.in-index .footer-banners .footer-banner .extended-banner-link:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.in-index .footer-banners .footer-banner .item-thumbnail {
  display: none;
}
.in-index .footer-banners .footer-banner:hover img {
  transform: scale(1.025);
}
@media screen and (max-width: 1023px) {
  .in-index .footer-banners .footer-banner .extended-banner-texts {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 5em;
    text-wrap: balance;
    margin: 0 var(--padding-sides);
    z-index: 2;
  }
  .in-index .footer-banners .footer-banner .extended-banner-title {
    font-size: var(--fs-24);
    font-weight: 700;
    color: white;
    line-height: 1.45;
    text-shadow: 1px 1px 3px var(--color-black-o-80);
  }
  .in-index .footer-banners .footer-banner .extended-banner-text {
    font-size: var(--fs-16);
    color: white;
    line-height: 1.4;
    padding-top: 0.65em;
    padding-bottom: 1.45em;
    text-shadow: 1px 1px 3px var(--color-black-o-80);
  }
  .in-index .footer-banners .footer-banner .extended-banner-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: white;
    max-width: max-content;
    font-size: var(--fs-18);
    line-height: 1.2;
    font-weight: 700;
    padding: 1.235em 2.882em;
    border-radius: 8px;
    --angle: 270deg;
    --start: 0%;
    --middle: 45%;
    --end: 100%;
    background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
    background-size: 200%;
    background-position: right;
    transition: background-position 0.2s ease-out;
    cursor: pointer;
  }
  .in-index .footer-banners .footer-banner .extended-banner-link:hover {
    background-position: left;
    filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
  }
  .in-index .footer-banners .footer-banner .extended-banner-link {
    font-size: var(--fs-16);
    padding: 1em 2em;
  }
}

/* @media screen and (max-width: $mobile-max) {
	.in-index {
		.footer-banners {
			display: flex;
			flex-direction: column;
			gap: 10px;

			> * {
				flex: 0 0 100%;
			}
			.large {
				display: none;
			}
			.small {
				display: block;
				position: relative;
				img {
					width: 100%;
				}
			}
			.extended-banner-texts {
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				display: flex;
				align-items: flex-start;
				justify-content: center;
				flex-direction: column;
				max-width: 100%;
				padding-left: 20px;
				padding-right: 5em;
				text-wrap: pretty;
			}
			.extended-banner-title {
				font-size: var(--fs-24);
				font-weight: 700;
				color: white;
				line-height: 1.45;
			}
			.extended-banner-text {
				font-size: var(--fs-16);
				color: white;
				line-height: 1.4;
				padding-top: 0.65em;
				padding-bottom: 1.45em;
			}
			.extended-banner-link {
				@include primaryButton;
				font-size: var(--fs-16);
				padding: 1em 2em;
			}
			.carousel-thumbnails-wrapper {
				display: none;
			}
			.carousel-control {
				display: none;
			}
		}
	}
} */
.before-carousel {
  padding-top: 40px;
  padding-bottom: 42px;
  --angle: 135deg;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}

.blog-wrapper {
  display: none;
}

.in-index .products-slider {
  width: min(100% - var(--padding-sides) * 2, 1920px - var(--padding-sides) * 2);
  max-width: 1920px;
  padding: 0;
  margin: 0 auto;
  position: relative; /*carousel inner, .products-block*/
  user-select: none;
  display: block;
}
.in-index .products-slider > * {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.in-index .products-slider > *.grabbing, .in-index .products-slider > *.grabbing * {
  cursor: grabbing !important;
}
.in-index .products-slider > *::-webkit-scrollbar {
  display: none;
}
.in-index .products-slider .carousel-control {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  .in-index .products-slider .carousel-control {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .in-index .products-slider .carousel-control {
    width: 42px;
    height: 36px;
  }
}
.in-index .products-slider .carousel-control {
  display: grid;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  transform: scale(1);
}
.in-index .products-slider .carousel-control:before {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.in-index .products-slider .carousel-control::after {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
  background-size: 20%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 2px;
}
.in-index .products-slider .carousel-control.left, .in-index .products-slider .carousel-control#cboxPrevious {
  left: var(--padding-sides);
  left: 5px;
  transform: translate(-50%, -50%) scale(1);
}
.in-index .products-slider .carousel-control.left:after, .in-index .products-slider .carousel-control#cboxPrevious:after {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_left.svg");
  margin-left: -2px;
}
.in-index .products-slider .carousel-control.left:hover, .in-index .products-slider .carousel-control#cboxPrevious:hover {
  transform: translate(-50%, -50%) scale(1.15);
}
.in-index .products-slider .carousel-control.left.hidden-control, .in-index .products-slider .carousel-control#cboxPrevious.hidden-control {
  transform: translate(-50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  .in-index .products-slider .carousel-control.left, .in-index .products-slider .carousel-control#cboxPrevious {
    left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .in-index .products-slider .carousel-control.left, .in-index .products-slider .carousel-control#cboxPrevious {
    left: 12px;
  }
}
.in-index .products-slider .carousel-control.right, .in-index .products-slider .carousel-control#cboxNext {
  right: var(--padding-sides);
  right: 5px;
  transform: translate(50%, -50%) scale(1);
}
.in-index .products-slider .carousel-control.right:hover, .in-index .products-slider .carousel-control#cboxNext:hover {
  transform: translate(50%, -50%) scale(1.15);
}
.in-index .products-slider .carousel-control.right.hidden-control, .in-index .products-slider .carousel-control#cboxNext.hidden-control {
  transform: translate(50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  .in-index .products-slider .carousel-control.right, .in-index .products-slider .carousel-control#cboxNext {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .in-index .products-slider .carousel-control.right, .in-index .products-slider .carousel-control#cboxNext {
    right: 12px;
  }
}
.in-index .products-block {
  width: 100%;
  padding-bottom: 64px;
}
@media screen and (max-width: 1279px) {
  .in-index .products-block {
    padding-bottom: 32px;
  }
}

.index-top-categories {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index-top-categories h2 {
  font-size: var(--fs-28);
  line-height: 1.4;
  font-weight: 700;
  padding-top: 1.25em;
  padding-bottom: 1em;
}
@media screen and (max-width: 1279px) {
  .index-top-categories h2 {
    font-size: var(--fs-24);
  }
}
.index-top-categories .index-top-categories-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  --gap: 20px;
  --items-number: 6;
  gap: var(--gap);
}
.index-top-categories .index-top-categories-list > * {
  width: calc(100% / var(--items-number) - var(--gap) * (var(--items-number) - 1) / var(--items-number));
}
@media screen and (max-width: 1679px) {
  .index-top-categories .index-top-categories-list {
    --items-number: 4;
  }
}
@media screen and (max-width: 1439px) {
  .index-top-categories .index-top-categories-list {
    --items-number: 3;
  }
}
@media screen and (max-width: 1023px) {
  .index-top-categories .index-top-categories-list {
    --items-number: 2;
    --gap: 10px;
    padding-left: var(--padding-sides);
    padding-right: var(--padding-sides);
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 570px) {
  .index-top-categories .index-top-categories-list {
    --items-number: 1;
  }
}
.index-top-categories .index-top-category {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 25px;
  align-items: center;
  color: black;
  background: white;
  border-radius: 8px;
  border-style: solid;
  border-color: var(--color-gray-blue-400);
  border-width: 1px;
  padding: 23px 10px 23px 25px;
  cursor: pointer;
  font-size: var(--fs-18);
}
.index-top-categories .index-top-category:hover, .index-top-categories .index-top-category:focus-within {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  cursor: pointer;
  color: white;
  border-color: transparent;
}
.index-top-categories .index-top-category:hover img[src$=".svg"], .index-top-categories .index-top-category:focus-within img[src$=".svg"] {
  filter: brightness(0) invert(1);
}

.ordering-process:not(.id--15) #header #navigation,
.ordering-process:not(.id--15) #header #dkLabFavHeaderWrapper,
.ordering-process:not(.id--15) #header #dkLabComparerHeaderWrappper {
  display: none;
}
.ordering-process:not(.id--15) #header > .container {
  padding-bottom: 27px;
}
@media screen and (max-width: 1279px) {
  .ordering-process:not(.id--15) #header > .container {
    padding-bottom: 15px;
  }
}
.ordering-process:not(.id--15) .cart-inner {
  width: 100%;
  max-width: 1280px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  padding-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  .ordering-process:not(.id--15) .cart-inner {
    padding-bottom: 30px;
  }
}
.ordering-process:not(.id--15) .free-gifts-wrapper {
  width: 100%;
  max-width: 1280px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}

.ordering-process.id--15 .navigation-buttons {
  display: none !important;
}

.ordering-process .cart-table {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-collapse: separate;
  border-radius: 8px;
}
.ordering-process .cart-table tbody tr:nth-last-child(n+3) td {
  border-bottom: 1px solid var(--color-gray-blue-400);
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table tbody tr:nth-last-child(n+3) td {
    border-bottom: none;
  }
}
.ordering-process .cart-table tbody tr td {
  padding: 26px 0;
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table tbody tr.removeable {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    align-items: center;
    padding: 15px;
    --row-gap: 20px;
    row-gap: var(--row-gap);
    position: relative;
  }
  .ordering-process .cart-table tbody tr td {
    padding: 0;
  }
}
.ordering-process .cart-table .cart-p-image {
  min-width: 100px;
  width: 100px;
  padding: 20px;
}
@media screen and (max-width: 1279px) {
  .ordering-process .cart-table .cart-p-image {
    min-width: 80px;
    width: 80px;
    padding: 10px 10px 10px 20px;
  }
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .cart-p-image {
    grid-row: 1;
    grid-column: 1;
    padding: 10px;
  }
}
.ordering-process .cart-table .p-name {
  width: 370px;
  padding-right: 40px;
  padding-left: 10px;
}
.ordering-process .cart-table .p-name a {
  color: black;
}
.ordering-process .cart-table .p-name a:hover {
  color: var(--color-tertiary-hover);
  text-decoration: underline;
}
@media screen and (max-width: 1279px) {
  .ordering-process .cart-table .p-name {
    width: 240px;
    padding-right: 30px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-name {
    grid-row: 1;
    grid-column: 2/-1;
    width: 100%;
    padding-left: 0px;
    padding-right: 20px;
  }
}
.ordering-process .cart-table .p-availability .availability-label {
  display: flex;
  gap: 0.25em;
  background-color: var(--color-green-200);
  border-radius: 8px;
  width: max-content;
  padding: 6px 8px;
  line-height: 1;
}
.ordering-process .cart-table .p-availability .availability-label .availability-amount {
  font-weight: 400;
}
.ordering-process .cart-table .p-availability .availability-and-delivery-wrapper {
  padding-top: 4px;
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-availability .availability-and-delivery-wrapper {
    padding-top: 0;
    display: flex;
    align-items: center;
  }
}
.ordering-process .cart-table .p-availability .availability-and-delivery-wrapper .show-tooltip {
  font-weight: 400;
  cursor: help;
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-availability {
    grid-row: 2;
    grid-column: 1/-1;
  }
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-availability {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }
}
.ordering-process .cart-table .p-quantity {
  width: 160px;
}
.ordering-process .cart-table .p-quantity form {
  width: max-content;
}
.ordering-process .cart-table .p-quantity .quantity {
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.ordering-process .cart-table .p-quantity .quantity label {
  height: 100%;
  order: 2;
}
.ordering-process .cart-table .p-quantity .quantity label input {
  -moz-appearance: textfield; /* For Firefox */
  -webkit-appearance: none; /* For WebKit browsers like Chrome and Safari */
  appearance: none; /* Standard property */
  /* Prevent controls from showing on hover or focus */
}
.ordering-process .cart-table .p-quantity .quantity label input::-webkit-inner-spin-button, .ordering-process .cart-table .p-quantity .quantity label input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ordering-process .cart-table .p-quantity .quantity label input {
  padding: 0;
  font-size: var(--fs-16);
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 0;
  height: 100%;
  text-align: center;
  width: 3.625em;
}
.ordering-process .cart-table .p-quantity .quantity .increase,
.ordering-process .cart-table .p-quantity .quantity .decrease {
  cursor: pointer;
  height: 100%;
  padding: 0px 0.75em;
  font-weight: 600;
  color: var(--color-tertiary-hover);
  font-size: 1.25em;
  line-height: 1;
  background: white;
  transition: background-color 0.2s ease;
}
.ordering-process .cart-table .p-quantity .quantity .increase:hover,
.ordering-process .cart-table .p-quantity .quantity .decrease:hover {
  color: white;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
}
.ordering-process .cart-table .p-quantity .quantity .increase {
  order: 3;
  border-radius: 0 8px 8px 0;
}
.ordering-process .cart-table .p-quantity .quantity .decrease {
  order: 1;
  border-radius: 8px 0 0 8px;
}
.ordering-process .cart-table .p-quantity .quantity {
  height: 67px;
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-quantity {
    grid-row: 3/-1;
    grid-column: 1/3;
  }
}
.ordering-process .cart-table .p-price {
  padding-left: 40px;
}
@media screen and (max-width: 1279px) {
  .ordering-process .cart-table .p-price {
    padding-left: 20px;
  }
}
.ordering-process .cart-table .p-price strong {
  font-weight: 400;
}
.ordering-process .cart-table .p-price .show-tooltip {
  position: relative;
  cursor: help;
  text-decoration: dashed underline;
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-price {
    grid-row: 3;
    grid-column: 3/-1;
    padding-left: 0;
    text-align: right;
    margin-bottom: calc(var(--row-gap) / -2);
  }
}
.ordering-process .cart-table .p-total {
  position: relative;
  padding-right: 1em;
}
.ordering-process .cart-table .p-total .remove-item {
  position: absolute;
  right: 10px;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_close_black.svg");
  background-size: 0.875em;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  cursor: pointer;
}
.ordering-process .cart-table .p-total .remove-item:hover {
  opacity: 1;
  background-size: 1em;
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-total .remove-item {
    top: 10px;
    right: 10px;
    transform: translateY(0);
  }
}
@media screen and (max-width: 1023px) {
  .ordering-process .cart-table .p-total {
    grid-row: 4;
    grid-column: 3/-1;
    position: initial;
    padding-right: 0;
    text-align: right;
    margin-top: calc(var(--row-gap) / -2);
  }
}
.ordering-process .sidebar-in-cart {
  display: grid;
  grid-template-columns: 1fr var(--width-of-right-column);
  gap: var(--gap);
  padding-top: 40px;
}
@media screen and (max-width: 1023px) {
  .ordering-process .sidebar-in-cart {
    --gap: 30px;
    display: flex;
    flex-direction: column-reverse;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 1280px;
    padding: 0 var(--padding-sides);
    margin: 0 auto;
    padding-top: 35px;
  }
}
.ordering-process .sidebar-in-cart .cart-summary {
  grid-row: 1;
  grid-column: 1;
}
.ordering-process .sidebar-in-cart .cart-summary .coupon-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 15px;
  cursor: pointer;
  user-select: none;
}
@media screen and (max-width: 1023px) {
  .ordering-process .sidebar-in-cart .cart-summary .coupon-checkbox-wrapper {
    display: none !important;
  }
}
.ordering-process .sidebar-in-cart .cart-summary .coupon-checkbox-wrapper label {
  font-size: var(--fs-14);
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .ordering-process .sidebar-in-cart .cart-summary .extras-wrapper {
    display: flex;
    flex-direction: column-reverse;
    gap: 50px;
  }
}
.ordering-process .sidebar-in-cart .cart-summary .discount-coupon {
  padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .ordering-process .sidebar-in-cart .cart-summary .discount-coupon {
    padding-bottom: 0;
  }
}
.ordering-process .sidebar-in-cart .cart-summary .discount-coupon.disabled form {
  display: none;
}
@media screen and (max-width: 1023px) {
  .ordering-process .sidebar-in-cart .cart-summary .discount-coupon.disabled form {
    display: flex;
  }
  .ordering-process .sidebar-in-cart .cart-summary .discount-coupon.disabled form input {
    flex: 1;
    padding: 1em;
  }
}
.ordering-process .sidebar-in-cart .cart-summary .discount-coupon form {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
.ordering-process .sidebar-in-cart .cart-summary .discount-coupon button {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.ordering-process .sidebar-in-cart .cart-summary .discount-coupon button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.ordering-process .sidebar-in-cart .cart-summary .discount-coupon button {
  padding: 0.5em 3em;
  font-size: var(--fs-16);
}
.ordering-process .sidebar-in-cart .cart-summary .extra.delivery {
  position: relative;
  padding-bottom: 26px;
  max-width: 80%;
}
@media screen and (max-width: 1023px) {
  .ordering-process .sidebar-in-cart .cart-summary .extra.delivery {
    max-width: 450px;
  }
}
.ordering-process .sidebar-in-cart .cart-summary .extra.delivery:before {
  content: "";
  display: block;
  width: 2.875em;
  height: 2.875em;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_cart_delivery_progress.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 3px;
  left: calc(var(--free-shipping-progress));
  transform: translate(-50%, 50%);
  z-index: 1;
}
.ordering-process .sidebar-in-cart .cart-summary .extra.delivery > span {
  font-size: var(--fs-18);
}
@media screen and (max-width: 1023px) {
  .ordering-process .sidebar-in-cart .cart-summary .extra.delivery > span {
    font-size: var(--fs-16);
  }
}
.ordering-process .sidebar-in-cart .cart-summary .extra.delivery > span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: var(--color-gray-blue-400);
  border-radius: 8px;
}
.ordering-process .sidebar-in-cart .cart-summary .extra.delivery > span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--free-shipping-progress);
  height: 6px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 90deg;
  border-radius: 8px;
}
.ordering-process .sidebar-in-cart .summary-wrapper {
  grid-row: 1;
  grid-column: 2;
}
.ordering-process .sidebar-in-cart .summary-wrapper .box {
  display: flex;
  flex-direction: column;
}
.ordering-process.has-free-shipping .extra.delivery {
  font-size: var(--fs-22);
  margin-top: 20px;
  padding-bottom: 0 !important;
  padding-left: 3em;
}
.ordering-process.has-free-shipping .extra.delivery span:before, .ordering-process.has-free-shipping .extra.delivery span:after {
  display: none;
}
.ordering-process.has-free-shipping .extra.delivery:before {
  width: 2.5em !important;
  height: 2.5em !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.ordering-process .free-gift {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 45deg;
  padding-bottom: 100px;
  padding-top: 40px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
@media screen and (max-width: 1023px) {
  .ordering-process .free-gift {
    padding-bottom: 35px;
    padding-top: 28px;
  }
}
.ordering-process .free-gift .free-gifts-header {
  font-size: var(--fs-18);
  padding-bottom: 1em;
  position: relative;
  --icon-width: var(--fs-24);
  padding-left: calc(var(--icon-width) + 6px);
}
.ordering-process .free-gift .free-gifts-header::before {
  content: "";
  display: block;
  width: var(--icon-width);
  height: var(--icon-width);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_gift_primary.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  transform: translateY(-50%);
}
.ordering-process .free-gift form {
  padding-top: 30px;
}
.ordering-process .free-gift form ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}
@media screen and (max-width: 1024px) {
  .ordering-process .free-gift form ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .ordering-process .free-gift form ul {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 15px;
    max-width: 100%;
    padding: 20px 0 10px 0;
  }
  .ordering-process .free-gift form ul::-webkit-scrollbar {
    height: 6px;
  }
  .ordering-process .free-gift form ul > li {
    flex-basis: 300px;
    min-width: 300px;
  }
}
.ordering-process .free-gift form ul li {
  display: flex;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 10px 16px;
  min-height: 70px;
  position: relative;
  background: white;
  cursor: pointer;
}
.ordering-process .free-gift form ul li * {
  cursor: inherit;
}
.ordering-process .free-gift form ul li label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--fs-13);
  line-height: 1.2;
}
.ordering-process .free-gift form ul li label .free-gifts-img {
  width: 45px;
  min-width: 45px;
}
.ordering-process .free-gift form ul li input {
  display: none;
}
.ordering-process .free-gift form ul li:hover, .ordering-process .free-gift form ul li:focus-within {
  border-color: var(--color-primary);
}
.ordering-process .free-gift form ul li.active {
  border-color: var(--color-tertiary-hover);
}
.ordering-process .free-gift form ul li.active:before {
  content: "Vybráno";
  display: block;
  font-size: var(--fs-11);
  font-weight: 700;
  color: white;
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
  border-radius: 16px;
  padding: 4px 10px;
  position: absolute;
  top: 0px;
  left: 15px;
  transform: translateY(-50%);
}
.ordering-process .free-gift .extra.gift {
  position: relative;
}
.ordering-process .free-gift .extra.gift .price-range {
  position: relative;
  max-width: 450px;
  padding-top: 12px;
}
.ordering-process .free-gift .extra.gift .price-range:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: var(--color-gray-blue-400);
  border-radius: 8px;
}
.ordering-process .free-gift .extra.gift .price-range div {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: var(--free-shipping-progress);
  height: 6px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 90deg;
  border-radius: 8px;
}

/*Hiding thing*/
.ordering-process .related,
.ordering-process .sidebar-in-cart .checkout-box-wrapper,
.ordering-process .show-related,
.ordering-process .p-label,
.ordering-process .free-gifts-img-hover,
.ordering-process .delivery-time,
.ordering-process .free-gift-trigger,
.ordering-process .cart-summary h4 {
  display: none;
}

.ordering-process .order-delivery-payment-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
@media screen and (max-width: 1023px) {
  .ordering-process .order-delivery-payment-form {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.ordering-process .co-delivery-method h4,
.ordering-process .co-payment-method h4 {
  font-size: var(--fs-18);
  padding-bottom: var(--fs-16);
  line-height: 1;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 11px;
  padding: 14px 18px 14px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-bottom: 1px solid var(--color-gray-blue-400);
  border-top-style: none;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper,
  .ordering-process .co-payment-method .shipping-billing-table .radio-wrapper {
    align-items: start;
  }
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper *,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper * {
  cursor: pointer;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper:last-child,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper:first-child,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper:first-child {
  border-top-style: solid;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper input,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper input {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper input,
  .ordering-process .co-payment-method .shipping-billing-table .radio-wrapper input {
    margin-top: 5px;
  }
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper label,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper label {
  display: grid;
  grid-template-columns: 80px 1fr 5em;
  align-items: center;
  gap: 13px;
}
@media screen and (max-width: 767px) {
  .ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper label,
  .ordering-process .co-payment-method .shipping-billing-table .radio-wrapper label {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    position: relative;
    align-items: start;
  }
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-logo,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-logo {
  grid-column: 1;
  grid-row: 1;
}
@media screen and (max-width: 767px) {
  .ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-logo,
  .ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-logo {
    width: 82px;
  }
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-info,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-info {
  font-size: var(--fs-14);
  grid-column: 2;
  grid-row: 1;
}
@media screen and (max-width: 767px) {
  .ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-info,
  .ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-info {
    grid-column: 1/-1;
    grid-row: 2;
  }
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-info b,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-info b {
  font-weight: 400;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-info .sublabel,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-info .sublabel {
  display: block;
  font-size: var(--fs-13);
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-info .sublabel a,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-info .sublabel a {
  text-decoration: underline;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-shipping-price,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-shipping-price {
  font-size: var(--fs-14);
  text-align: right;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-shipping-price.for-free,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-shipping-price.for-free {
  color: var(--color-green-400);
}
@media screen and (max-width: 767px) {
  .ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .payment-shipping-price,
  .ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .payment-shipping-price {
    grid-column: 2;
    grid-row: 1;
  }
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper.active, .ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper:hover,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper.active,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper:hover {
  outline: 1px solid var(--color-tertiary-hover);
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper.active,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper.active {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  --end: 200%;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper.active .shipping-billing-name,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper.active .shipping-billing-name {
  font-weight: 700 !important;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .show-tooltip,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .show-tooltip {
  background: var(--color-primary-200);
  color: var(--color-primary);
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  border-radius: 50%;
  cursor: help;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper .not-possible-info,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper .not-possible-info {
  display: none;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper.inactive-child,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper.inactive-child {
  opacity: 0.4;
  pointer-events: none;
}
.ordering-process .co-delivery-method .shipping-billing-table .radio-wrapper.inactive-child .not-possible-info,
.ordering-process .co-payment-method .shipping-billing-table .radio-wrapper.inactive-child .not-possible-info {
  display: block;
  color: var(--color-red-400);
}

/*Hiding thing*/
.ordering-process {
  /* 	#checkoutSidebar, */
}
.ordering-process .checkout-box {
  display: none;
}

.ordering-process.id--17 #order-form {
  display: block;
}
.ordering-process.id--17 .custom-grid-system-order-three {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  font-size: var(--fs-14);
}
@media screen and (max-width: 1023px) {
  .ordering-process.id--17 .custom-grid-system-order-three {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.ordering-process.id--17 .custom-grid-element-order-three.shipping {
  grid-column: 2;
}
.ordering-process.id--17 h4 {
  font-size: var(--fs-18);
  padding-bottom: var(--fs-16);
  line-height: 1;
}
.ordering-process.id--17 .co-box {
  padding: 14px 18px 14px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
}
.ordering-process.id--17 .co-box-additional,
.ordering-process.id--17 .stay-in-touch,
.ordering-process.id--17 fieldset {
  padding: 0;
  margin: 0;
  border-style: none;
}
.ordering-process.id--17 .form-group:has(label[for=login]) {
  display: grid;
  grid-template-columns: 33.33% max(45%, 300px);
  margin-bottom: 14px;
}
.ordering-process.id--17 .form-group:has(label[for=login]) a {
  text-decoration: underline;
  color: var(--color-primary);
  font-size: var(--fs-14);
}
.ordering-process.id--17 .form-group:has(label[for=login]) a:hover {
  color: var(--color-tertiary-hover);
}
@media screen and (max-width: 767px) {
  .ordering-process.id--17 .form-group:has(label[for=login]) {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
  }
}
.ordering-process.id--17 .form-group {
  display: flex;
  column-gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}
.ordering-process.id--17 .form-group.smart-label-wrapper {
  display: grid;
  grid-template-columns: 33.33% 1fr;
  margin-bottom: 8px;
}
.ordering-process.id--17 .form-group.smart-label-wrapper input,
.ordering-process.id--17 .form-group.smart-label-wrapper select {
  width: 100%;
  padding: 1em 1em;
}
@media screen and (max-width: 767px) {
  .ordering-process.id--17 .form-group.smart-label-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 0;
  }
  .ordering-process.id--17 .form-group.smart-label-wrapper label {
    padding-top: 16px;
  }
}
.ordering-process.id--17 .form-group.form-group-hasTooltip label {
  grid-row: 1;
  grid-column: 1;
  text-decoration: underline;
  text-decoration-style: dashed;
}
.ordering-process.id--17 .form-group.form-group-hasTooltip .show-tooltip {
  grid-row: 1;
  grid-column: 1;
  width: 100%;
  height: 100%;
  cursor: help;
  opacity: 0;
}
.ordering-process.id--17 .form-group.form-group-hasTooltip .vatId-description {
  display: none;
}
.ordering-process.id--17 .form-group:has(#billCountryId) select {
  background: var(--color-gray-blue-400);
  opacity: 0.5;
}
.ordering-process.id--17 .form-group.consents {
  margin-bottom: 0;
}
.ordering-process.id--17 .co-shipping-address {
  padding: 0;
  border-style: none;
  margin-top: 40px;
}
.ordering-process.id--17 .co-shipping-address > .form-group {
  display: none;
}
.ordering-process.id--17 .js-hidden {
  display: none;
}
.ordering-process.id--17 .js-hidden.visible {
  display: block;
}
.ordering-process.id--17 .js-validator-msg.msg-error {
  color: var(--color-red-400);
  grid-row: 1;
  grid-column: 1/-1;
  text-align: left;
  padding-right: 10px;
  text-align: right;
}
.ordering-process.id--17 .js-validated-element-wrapper:has(.msg-error) input {
  outline: solid 2px var(--color-red-400);
}
.ordering-process.id--17 .required-asterisk {
  position: relative;
}
.ordering-process.id--17 .required-asterisk::after {
  content: "*";
  color: var(--color-red-400);
  position: absolute;
  right: -0.75em;
  top: 0;
}
.ordering-process.id--17 textarea {
  width: 100%;
}
.ordering-process.id--17 .country-flag {
  display: none;
  min-width: 18px;
  height: 18px;
  width: max-content;
}
.ordering-process.id--17 .country-flag.selected {
  display: flex;
}
.ordering-process.id--17 .country-flag svg {
  min-width: 18px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.ordering-process.id--17 .shp-flag-name {
  display: none;
}
.ordering-process.id--17 .js-phone-code {
  display: none;
}
.ordering-process.id--17 .phone-combined-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .ordering-process.id--17 .phone-combined-input {
    width: 100%;
  }
}

.ordering-process.id--17.cs #checkoutContent .country-flag:not(.country-flag-CZ) {
  position: relative;
}
.ordering-process.id--17.cs #checkoutContent .country-flag:not(.country-flag-CZ)::after {
  content: "Pro doručení zásilky je nutno zadat české číslo, jinak nebude možno zásilku odeslat.";
  display: block;
  font-size: var(--fs-16);
  position: absolute;
  left: 0;
  top: -20px;
  transform: translateY(-100%);
  background: white;
  border-style: solid;
  border-color: var(--color-red-400);
  border-radius: 8px;
  border-width: 1px;
  width: 18em;
  padding: 10px;
}

.ordering-process .cart-header {
  list-style: none;
  display: flex;
  margin: auto;
  padding: 0;
  padding-top: 40px;
  padding-bottom: 50px;
  justify-content: center;
  --gap: 40px;
  gap: var(--gap);
}
@media screen and (max-width: 767px) {
  .ordering-process .cart-header {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
.ordering-process .cart-header .step-1:after {
  content: "1";
}
.ordering-process .cart-header .step-2:after {
  content: "2";
}
.ordering-process .cart-header .step-3:after {
  content: "3";
}
.ordering-process .cart-header .step {
  position: relative;
  --hexagon-size: 56px;
  --offset: 8px;
  --arrow-width: 78px;
  padding-left: calc(var(--hexagon-size) + var(--offset));
  font-size: var(--fs-16);
}
.ordering-process .cart-header .step a {
  color: black;
}
.ordering-process .cart-header .step a:hover {
  text-decoration: underline;
  color: var(--color-tertiary-hover);
}
.ordering-process .cart-header .step strong {
  font-weight: 400;
}
.ordering-process .cart-header .step::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: var(--hexagon-size);
  height: var(--hexagon-size);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ordering-process .cart-header .step::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--hexagon-size);
  height: var(--hexagon-size);
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_white_blue_border.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.ordering-process .cart-header .step.active strong {
  font-weight: 700;
  color: var(--color-tertiary-hover);
}
.ordering-process .cart-header .step.active::after {
  font-weight: 700;
  color: white;
}
.ordering-process .cart-header .step.active::before {
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ordering-process .cart-header .step:not(:last-child) strong,
.ordering-process .cart-header .step:not(:last-child) a {
  display: flex;
  gap: var(--gap);
  align-items: center;
}
.ordering-process .cart-header .step:not(:last-child) strong::after,
.ordering-process .cart-header .step:not(:last-child) a::after {
  content: "";
  display: block;
  min-width: var(--arrow-width);
  width: var(--arrow-width);
  height: 1em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_gray_arrow_long_right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1279px) {
  .ordering-process .cart-header {
    --gap: 20px;
  }
  .ordering-process .cart-header .step:not(:last-child) strong::after,
  .ordering-process .cart-header .step:not(:last-child) a::after {
    width: 15px;
    background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_gray_arrow_short_right.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 767px) {
  .ordering-process .cart-header .step {
    padding-left: 0;
    --arrow-width: 15px;
    --hexagon-size: 42px;
    text-align: center;
    padding-top: calc(var(--hexagon-size) + var(--offset));
    font-size: var(--fs-13);
  }
  .ordering-process .cart-header .step::after {
    position: absolute;
    left: calc(50% - var(--arrow-width) / 2 - var(--gap) / 2);
    top: 0;
    transform: translateX(-50%);
    width: var(--hexagon-size);
    height: var(--hexagon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-16);
  }
  .ordering-process .cart-header .step::before {
    content: "";
    position: absolute;
    left: calc(50% - var(--arrow-width) / 2 - var(--gap) / 2);
    top: 0;
    transform: translateX(-50%);
    width: var(--hexagon-size);
    height: var(--hexagon-size);
    background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_white_blue_border.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
  }
  .ordering-process .cart-header .step:last-child {
    padding-bottom: 0;
  }
  .ordering-process .cart-header .step:last-child::after {
    left: 50%;
  }
  .ordering-process .cart-header .step:last-child::before {
    left: 50%;
  }
}

.ordering-process {
  --width-of-right-column: 400px;
  --gap: 75px;
}
.ordering-process .summary-wrapper,
.ordering-process .cart-summary-wrapper {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 45deg;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 27px;
}
.ordering-process .price-wrapper {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  padding-bottom: 30px;
}
.ordering-process .price-wrapper .price {
  text-align: right;
}
.ordering-process .price-wrapper .price-primary {
  font-size: var(--fs-18);
  padding-bottom: 0.25em;
}
.ordering-process .price-wrapper .price-secondary {
  font-size: var(--fs-13);
  font-weight: 400;
  color: var(--color-black-o-80);
}
.ordering-process .next-step {
  display: flex;
  flex-direction: column;
  gap: 26px;
  align-items: center;
}
.ordering-process .next-step > * {
  order: 50;
}
.ordering-process .next-step #continue-order-button,
.ordering-process .next-step .next-step-forward,
.ordering-process .next-step .next-step-finish {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
.ordering-process .next-step #continue-order-button span, .ordering-process .next-step #continue-order-button::before,
.ordering-process .next-step .next-step-forward span,
.ordering-process .next-step .next-step-forward::before,
.ordering-process .next-step .next-step-finish span,
.ordering-process .next-step .next-step-finish::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
.ordering-process .next-step #continue-order-button,
.ordering-process .next-step .next-step-forward,
.ordering-process .next-step .next-step-finish {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.ordering-process .next-step #continue-order-button:hover,
.ordering-process .next-step .next-step-forward:hover,
.ordering-process .next-step .next-step-finish:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
.ordering-process .next-step #continue-order-button:focus-visible,
.ordering-process .next-step .next-step-forward:focus-visible,
.ordering-process .next-step .next-step-finish:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
.ordering-process .next-step #continue-order-button,
.ordering-process .next-step .next-step-forward,
.ordering-process .next-step .next-step-finish {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  order: 1;
  gap: 5px;
  flex-wrap: wrap;
}
.ordering-process .next-step .next-step-back {
  font-weight: 700;
  color: var(--color-tertiary-hover);
  cursor: pointer;
  display: flex;
  text-transform: uppercase;
  font-size: var(--fs-14);
  order: 99;
}
.ordering-process .next-step .next-step-back:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_back_cart.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 6px;
  transition: transform 0.2s ease;
}
.ordering-process .next-step .next-step-back:hover {
  text-decoration: underline;
  color: var(--color-primary);
}
.ordering-process .next-step .next-step-back:hover:before {
  transform: scale(1.25);
}
.ordering-process .cart-item {
  display: grid;
  grid-template-columns: 60px 1fr 3em 5em;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  padding: 15px 5px;
  align-items: center;
}
.ordering-process .cart-item:first-child {
  border-top-style: solid;
}
.ordering-process .cart-item .image-block {
  grid-row: 1;
  grid-column: 1;
  padding: 10px;
}
.ordering-process .cart-item .cart-item-name {
  grid-row: 1;
  grid-column: 2;
  padding-right: 3em;
  max-width: 500px;
}
.ordering-process .cart-item .cart-item-name a {
  font-size: var(--fs-13);
  color: black;
  line-height: 1.2;
}
.ordering-process .cart-item .cart-item-name a:hover {
  text-decoration: underline;
  color: var(--color-primary);
}
@media screen and (max-width: 767px) {
  .ordering-process .cart-item .cart-item-name {
    padding-right: 0.25em;
  }
}
.ordering-process .cart-item .cart-item-amount {
  grid-row: 1;
  grid-column: 3;
  text-align: right;
  font-size: var(--fs-13);
}
.ordering-process .cart-item .cart-item-price {
  grid-row: 1;
  grid-column: 4;
  text-align: right;
  font-size: var(--fs-13);
  font-weight: 700;
}
.ordering-process #checkoutSidebar {
  position: initial !important;
}
.ordering-process #checkoutSidebar .cart-content {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr var(--width-of-right-column);
  padding-top: 40px;
  gap: var(--gap);
}
@media screen and (max-width: 1023px) {
  .ordering-process #checkoutSidebar .cart-content {
    padding-top: 48px;
    display: flex;
    flex-direction: column;
    --gap: 25px;
  }
}
.ordering-process #checkoutSidebar h4 {
  font-size: var(--fs-18);
  padding-bottom: var(--fs-16);
  line-height: 1;
}
.ordering-process #checkoutSidebar .cart-summary-wrapper {
  font-size: var(--fs-13);
}
@media screen and (max-width: 1023px) {
  .ordering-process #checkoutSidebar .cart-summary-wrapper {
    width: 100%;
  }
}
.ordering-process #checkoutSidebar .cart-summary-wrapper .recapitulation-single {
  position: relative;
  padding-right: 6em;
  padding-bottom: 0.725em;
}
.ordering-process #checkoutSidebar .cart-summary-wrapper .recapitulation-single strong {
  font-weight: 400;
}
.ordering-process #checkoutSidebar .cart-summary-wrapper .recapitulation-single strong span {
  position: absolute;
  right: 0;
  top: 0;
}
.ordering-process #checkoutSidebar .cart-summary-wrapper .order-summary-item.helper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.725em;
}
.ordering-process #checkoutSidebar .cart-summary-wrapper .order-summary-item.helper strong {
  font-weight: 400;
}
.ordering-process #checkoutSidebar .cart-summary-wrapper .order-summary-item.price {
  border-top-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  padding-top: 10px;
  margin-top: 2px;
}

.type-product .products-alternative {
  display: none !important;
}

.type-product #tab-content {
  display: flex;
  flex-direction: column;
}
.type-product #tab-content #relatedFiles {
  display: none;
}
.type-product #tab-content #description {
  order: 1;
}
.type-product #tab-content #ratingTab {
  order: 8;
}
.type-product #tab-content .extended-description {
  order: 10;
}
.type-product #tab-content #manufacturerDescription {
  order: 14;
}
.type-product #tab-content .natios-support-wrapper {
  order: 15;
}
.type-product #tab-content .products-related-header {
  order: 20;
}
.type-product #tab-content .products-related-list {
  order: 21;
}
.type-product #tab-content > * {
  order: 99;
}
.type-product #description .basic-description > h3 {
  display: none;
}
.type-product #description .product-widgets {
  --ff-m: "Poppins", sans-serif;
  --ff-h: "Poppins", sans-serif;
  --fs-10: 0.625rem;
  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-22: 1.375rem;
  --fs-24: 1.5rem;
  --fs-26: 1.625rem;
  --fs-28: 1.75rem;
  --fs-30: 1.875rem;
  --fs-32: 2rem;
  --fs-34: 2.125rem;
  --fs-36: 2.25rem;
  --fs-38: 2.375rem;
  --fs-40: 2.5rem;
  --fs-42: 2.625rem;
  --fs-48: 3rem;
  --fs-62: 3.875rem;
  --fs-64: 4rem;
  --color-white-o-10: hsla(0, 0%, 100%, 0.1);
  --color-white-o-20: hsla(0, 0%, 100%, 0.2);
  --color-white-o-60: hsla(0, 0%, 100%, 0.6);
  --color-white-o-70: hsla(0, 0%, 100%, 0.7);
  --color-white-o-80: hsla(0, 0%, 100%, 0.8);
  --color-black-o-20: hsla(0, 0%, 0%, 0.2);
  --color-black-o-40: hsla(0, 0%, 0%, 0.4);
  --color-black-o-60: hsla(0, 0%, 0%, 0.6);
  --color-black-o-80: hsla(0, 0%, 0%, 0.8);
  --color-black-300: #272727;
  --color-gray-blue-400: #d1d9eb;
  --color-primary-200: #eff4ff;
  --color-primary-300: var(--color-gray-blue-400);
  --color-gray-blue-400-o-50: hsla(222, 39%, 87%, 0.5);
  --color-gray-200: #f8f8f8;
  --color-gray-300: #f5f5f5;
  --color-gray-400: #f2f2f2;
  --color-gray-500: #e7e7e7;
  --color-gray-600: #808080;
  --color-gray-700: #4f4f4f;
  --color-green-100: #eaffe5;
  --color-green-200: #e1ffda;
  --color-green-300: #d1ffc7;
  --color-green-400: #419f1f;
  --color-green-500: #008609;
  --color-red-200: #ffe4eb;
  --color-red-300: #ff7d66;
  --color-red-400: #d44b6c;
  --padding-sides: 40px;
}
@media screen and (max-width: 1679px) {
  .type-product #description .product-widgets {
    --padding-sides: 30px;
  }
}
@media screen and (max-width: 1279px) {
  .type-product #description .product-widgets {
    --padding-sides: 20px;
  }
}
@media screen and (max-width: 767px) {
  .type-product #description .product-widgets {
    --padding-sides: 15px;
  }
}
.type-product #description .product-widgets {
  max-width: none;
  row-gap: 0;
}
.type-product #description .product-widgets h2,
.type-product #description .product-widgets h3,
.type-product #description .product-widgets h4 {
  font-size: var(--fs-28);
}
@media screen and (max-width: 1279px) {
  .type-product #description .product-widgets h2,
  .type-product #description .product-widgets h3,
  .type-product #description .product-widgets h4 {
    font-size: var(--fs-24);
  }
}
.type-product #description .product-widgets p {
  color: var(--color-black-300);
}
.type-product #description .product-widgets ul p {
  color: black;
}
.type-product #description .product-widgets .natios-compare-wrapper p {
  color: white;
}
.type-product #description .product-widget {
  padding: 64px var(--padding-sides);
}
@media screen and (max-width: 767px) {
  .type-product #description .product-widget {
    padding: 32px var(--padding-sides);
  }
}
.type-product #description .widget-content:not(.natios-icons-flex) {
  margin: auto;
  max-width: 1220px;
  padding: 0;
}
.type-product #description .natios-compare-wrapper,
.type-product #description .natios-analysis {
  margin: auto;
  max-width: 1220px;
}
.type-product #description .natios-analysis .show-tests-button {
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.type-product #description .natios-analysis .show-tests-button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.type-product #description .natios-analysis .show-tests-button {
  border-style: none;
  color: white;
}
.type-product #description .natios-analysis .show-tests-button img {
  filter: brightness(0) invert(1);
}
.type-product #description .natios-analysis #relatedFiles {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  background: transparent;
  padding: 0;
}
.type-product #description .natios-analysis #relatedFiles h3 {
  display: none;
}
.type-product #description .natios-analysis #relatedFiles li {
  background: transparent;
  padding: 0;
}
.type-product #description .natios-analysis #relatedFiles li > img {
  display: none;
}
.type-product #description .natios-analysis #relatedFiles li::before {
  display: none;
}
.type-product #description .natios-analysis #relatedFiles a {
  font-size: var(--fs-14) !important;
  padding: 1em 2em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-left: 0 !important;
  background: white;
  color: var(--color-black-300);
  font-weight: 500 !important;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
}
.type-product #description .natios-analysis #relatedFiles a span {
  font-weight: 400;
  color: inherit;
  padding-left: 0.25em;
}
.type-product #description .natios-analysis #relatedFiles a:before {
  content: "";
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_protocol_download.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.type-product #description .natios-analysis #relatedFiles a:hover, .type-product #description .natios-analysis #relatedFiles a:focus-within {
  color: white !important;
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}
.type-product #description .natios-analysis #relatedFiles a:hover span, .type-product #description .natios-analysis #relatedFiles a:focus-within span {
  color: white !important;
}
.type-product #description .natios-analysis #relatedFiles a:hover::before, .type-product #description .natios-analysis #relatedFiles a:focus-within::before {
  filter: brightness(0) invert(1);
}
.type-product #description .natios-analysis a.btn {
  display: none !important;
}
.type-product #description .widget-gray-background {
  background: transparent;
  padding: 0;
}
.type-product #description .natios-lifestyle-product-image {
  --description-widget-gap: 20px;
}
.type-product #description .natios-lifestyle-product-image.image-on-left .widget-gray-background {
  padding-left: 60px;
}
@media screen and (max-width: 1279px) {
  .type-product #description .natios-lifestyle-product-image.image-on-left .widget-gray-background {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .type-product #description .natios-lifestyle-product-image.image-on-left .widget-gray-background {
    padding-left: 0;
  }
}
.type-product #description .natios-lifestyle-product-image.image-on-right .widget-gray-background {
  padding-right: 60px;
}
@media screen and (max-width: 1279px) {
  .type-product #description .natios-lifestyle-product-image.image-on-right .widget-gray-background {
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .type-product #description .natios-lifestyle-product-image.image-on-right .widget-gray-background {
    padding-right: 0;
  }
}
.type-product #description .product-widget:first-child,
.type-product #description .product-widget:nth-child(2) {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --start: -20%;
  --end: 150%;
  --angle: 90deg;
}
.type-product #description .product-widget:first-child .natios-icons-flex,
.type-product #description .product-widget:nth-child(2) .natios-icons-flex {
  max-width: 1220px;
  padding: 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .type-product #description .natios-icons-flex {
    margin-left: 10px !important;
  }
}
.type-product #description .product-widget:nth-child(2) {
  padding-top: 0;
  border-top-style: none !important;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
.type-product #description .product-widget:nth-child(even):not(:last-child) {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --start: -20%;
  --end: 150%;
  --angle: 135deg;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
}
.type-product #description {
  /* 		.product-widget:nth-child(even):has(.natios-compare),
  .product-widget:nth-child(even):has(.natios-analysis) {
  	background: none !important;
  	border-style: none !important;
  } */
}
.type-product #description .product-widget[widget-type=directions] {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --start: -20%;
  --end: 150%;
  --angle: 135deg;
  padding: 32px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 10px;
  width: calc(100% - var(--padding-sides) * 2);
  max-width: 1220px;
  margin: 16px auto;
}
@media screen and (max-width: 1279px) {
  .type-product #description .product-widget[widget-type=directions] {
    padding-left: var(--padding-sides);
    padding-right: var(--padding-sides);
  }
}
.type-product #description .product-widget[widget-type=ingredients] {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --start: -20%;
  --end: 150%;
  --angle: 135deg;
  padding: 32px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 10px;
  width: calc(100% - var(--padding-sides) * 2);
  max-width: 1220px;
  margin: 16px auto;
  margin-bottom: 32px;
}
@media screen and (max-width: 1279px) {
  .type-product #description .product-widget[widget-type=ingredients] {
    padding-left: var(--padding-sides);
    padding-right: var(--padding-sides);
  }
}
.type-product #description .product-widget[widget-type=ingredients] .widget-ingredients {
  color: black;
  background: transparent;
}
.type-product #description .product-widget[widget-type=ingredients] .widget-ingredients th {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 180deg;
}
.type-product #description .product-widget[widget-type=ingredients] .widget-ingredients table {
  background: white;
  border: 1px solid var(--color-gray-blue-400);
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
.type-product #description .product-widget[widget-type=ingredients] .widget-ingredients td,
.type-product #description .product-widget[widget-type=ingredients] .widget-ingredients th {
  border-bottom: 1px solid var(--color-gray-blue-400);
}
.type-product #description .product-widget[widget-type=ingredients] .widget-ingredients tr:last-child td {
  border-bottom: none;
}
.type-product #description .product-widget[widget-type=ingredients] .widget-ingredients tr:nth-child(2) td {
  padding-top: 1.75em;
}
.type-product #description .product-icon-svg-wrapper {
  background: none;
  position: relative;
}
.type-product #description .product-icon-svg-wrapper::before {
  content: "";
  position: absolute;
  top: -15%;
  left: -15%;
  width: 130%;
  height: 130%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_primary_with_border.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.type-product #description .product-icon-svg-wrapper img {
  position: relative;
  z-index: 2;
  padding: 5%;
}
.type-product #description .product-widgets {
  /* --icon-section-size */
}
.type-product #description .product-widgets .with-icon.widget-directions h2::before,
.type-product #description .product-widgets .with-icon.widget-directions h3::before {
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_description_dosage.svg") no-repeat center center;
  background-size: contain;
}
.type-product #description .product-widgets .with-icon.widget-ingredients h2::before,
.type-product #description .product-widgets .with-icon.widget-ingredients h3::before {
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_description_ingredients.svg") no-repeat center center;
  background-size: contain;
  filter: none !important;
}
.type-product #tab-content .extended-description {
  padding: 64px var(--padding-sides);
}
@media screen and (max-width: 767px) {
  .type-product #tab-content .extended-description {
    padding: 32px var(--padding-sides);
  }
}
.type-product #tab-content .extended-description {
  margin: auto;
  max-width: 1220px;
  width: 100%;
}
.type-product #tab-content .extended-description h3 {
  font-size: var(--fs-28);
  padding-bottom: 1em;
  text-align: center;
}
.type-product #tab-content .extended-description table.detail-parameters {
  font-size: var(--fs-14);
  width: 90%;
  max-width: 350px;
  margin: auto;
  background: white;
  border: 1px solid var(--color-gray-blue-400);
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  padding: 0.25em 1em;
}
.type-product #tab-content .extended-description table.detail-parameters td,
.type-product #tab-content .extended-description table.detail-parameters th {
  border-bottom: 1px solid var(--color-gray-blue-400);
  padding: 0.75em;
}
.type-product #tab-content .extended-description table.detail-parameters tr:last-child td,
.type-product #tab-content .extended-description table.detail-parameters tr:last-child th {
  border-bottom: none;
}
.type-product #tab-content .extended-description table.detail-parameters th {
  text-align: left;
  font-weight: 400;
}
.type-product #tab-content .extended-description table.detail-parameters td {
  text-align: right;
  font-weight: 700;
}
.type-product #ratingTab {
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --start: -20%;
  --end: 150%;
  --angle: 135deg;
  padding: 64px 0;
}
@media screen and (max-width: 767px) {
  .type-product #ratingTab {
    padding: 32px 0;
  }
}
.type-product #ratingTab #ratingWrapper,
.type-product #ratingTab #ratingsList {
  padding: 0px var(--padding-sides);
  margin: auto;
  max-width: 1220px;
}
.type-product #ratingTab #ratingWrapper {
  padding-top: 35px;
  padding-bottom: 35px;
  background: white;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 10px;
  width: calc(100% - var(--padding-sides) * 2);
  max-width: 1220px;
}
@media screen and (max-width: 767px) {
  .type-product #ratingTab #ratingWrapper {
    padding: 20px var(--padding-sides);
  }
}
.type-product #ratingTab #ratingWrapper .rate-wrap {
  display: grid;
  grid-template-columns: 0.75fr 1fr;
  grid-template-rows: auto auto;
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .type-product #ratingTab #ratingWrapper .rate-wrap {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    padding-right: 0;
    gap: 20px;
  }
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 20px;
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list {
  font-size: var(--fs-16);
  display: flex;
  align-items: center;
  gap: 3px;
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list .star {
  width: 0.693em;
  height: 0.693em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list .star.star-on {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_full.svg");
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list .star.star-half {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_half.svg");
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list .star.star-off {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_empty.svg");
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list .stars {
  display: grid;
  grid-template-columns: 0.75em 0.75em;
  gap: 6px;
  align-items: center;
  text-align: center;
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list .star {
  position: relative;
  top: -2px;
  display: block;
  width: 1em;
  height: 1em;
}
.type-product #ratingTab #ratingWrapper .rate-wrap > .col-xs-12:not(.rate-average-wrap) .rate-list .star.star-off {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_full.svg");
}
.type-product #ratingTab #ratingWrapper .rate-wrap .rate-block {
  width: calc(100% - 5em);
  padding-left: 1.5em;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
.type-product #ratingTab #ratingWrapper .rate-wrap .rate-block:before {
  grid-row: 1;
  grid-column: 1;
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background-color: white;
  border-radius: 5px;
}
.type-product #ratingTab #ratingWrapper .rate-wrap .rate-block .rate-bar {
  grid-row: 1;
  grid-column: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
}
.type-product #ratingTab #ratingWrapper .rate-wrap .rate-block .rate-count {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 1em);
  color: var(--color-black-o-60);
  text-align: left;
}
.type-product #ratingTab .rate-average-wrap h3 {
  font-size: var(--fs-28);
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 26px;
}
@media screen and (max-width: 767px) {
  .type-product #ratingTab .rate-average-wrap .rate-average-inner {
    justify-content: space-between;
  }
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .rate-average {
  font-size: var(--fs-48);
  font-weight: 700;
  line-height: 2;
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .rate-average::after {
  content: "/ 5";
  font-size: var(--fs-32);
  color: var(--color-gray-600);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .type-product #ratingTab .rate-average-wrap .rate-average-inner .rate-average {
    font-size: var(--fs-32);
  }
  .type-product #ratingTab .rate-average-wrap .rate-average-inner .rate-average::after {
    font-size: var(--fs-26);
  }
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .rate-star-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .star-list {
  display: flex;
  align-items: center;
  gap: 3px;
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .star-list .star {
  width: 0.693em;
  height: 0.693em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .star-list .star.star-on {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_full.svg");
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .star-list .star.star-half {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_half.svg");
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .star-list .star.star-off {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_empty.svg");
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .star-list {
  gap: 6px;
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .star-list .star {
  pointer-events: none;
  width: 20px;
  height: 20px;
}
.type-product #ratingTab .rate-average-wrap .rate-average-inner .stars-label {
  pointer-events: none;
  font-size: var(--fs-13);
  color: black;
}
.type-product #ratingTab .rate-average-wrap .add-comment {
  margin-top: 13px;
  cursor: pointer;
  color: var(--color-tertiary-hover);
  text-decoration: underline;
}
.type-product #ratingTab .rate-average-wrap .add-comment:hover {
  color: var(--color-primary);
}
.type-product #ratingTab .rate-average-wrap .add-comment:before {
  content: "+ ";
}
.type-product #ratingTab #rate-form {
  display: none;
  grid-column: 1/-1;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .type-product #ratingTab #rate-form {
    padding-top: 10px;
  }
}
.type-product #ratingTab #rate-form.visible {
  display: block;
}
.type-product #ratingTab #rate-form input,
.type-product #ratingTab #rate-form textarea {
  width: 100%;
  margin: 8px 0;
}
.type-product #ratingTab #rate-form .btn {
  margin-top: 20px;
  border-style: none;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.type-product #ratingTab #rate-form .btn:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}
.type-product #ratingTab #rate-form .star-wrap {
  display: flex;
  align-items: center;
  gap: 3px;
}
.type-product #ratingTab #rate-form .star-wrap .star {
  width: 0.693em;
  height: 0.693em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.type-product #ratingTab #rate-form .star-wrap .star.star-on {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_full.svg");
}
.type-product #ratingTab #rate-form .star-wrap .star.star-half {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_half.svg");
}
.type-product #ratingTab #rate-form .star-wrap .star.star-off {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_empty.svg");
}
.type-product #ratingTab #rate-form .star-wrap {
  gap: 6px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.type-product #ratingTab #rate-form .star-wrap .star {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.type-product #ratingTab #rate-form .star-wrap .star.current {
  transform: scale(1.25);
}
.type-product #ratingTab #ratingsList {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.type-product #ratingTab #ratingsList .vote-wrap {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  padding: 20px;
}
.type-product #ratingTab #ratingsList .vote-header .vote-pic,
.type-product #ratingTab #ratingsList .vote-header .vote-delimeter {
  display: none;
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary {
  display: flex;
  flex-direction: column;
  position: relative;
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .stars {
  display: flex;
  align-items: center;
  gap: 3px;
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .stars .star {
  width: 0.693em;
  height: 0.693em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .stars .star.star-on {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_full.svg");
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .stars .star.star-half {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_half.svg");
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .stars .star.star-off {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_empty.svg");
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .stars {
  gap: 6px;
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .vote-name {
  font-size: var(--fs-18);
  font-weight: 700;
  margin-bottom: 0.35em;
}
.type-product #ratingTab #ratingsList .vote-header .vote-summary .vote-time {
  position: absolute;
  top: 0;
  right: 0;
  font-size: var(--fs-13);
  color: var(--color-gray-600);
}
.type-product #ratingTab #ratingsList .vote-content {
  font-size: var(--fs-16);
  padding-top: 0.75em;
}
.type-product #ratingTab .listingControls .loadMore {
  margin: 40px auto auto auto;
}
.type-product .natios-brand-block-in-product {
  justify-items: center;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 0.55fr;
  width: calc(100% - var(--padding-sides) * 2);
  max-width: 1220px;
  margin: auto;
  padding: 64px var(--padding-sides);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 10px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --start: -20%;
  --end: 150%;
  --angle: 135deg;
}
@media screen and (max-width: 767px) {
  .type-product .natios-brand-block-in-product {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 32px var(--padding-sides);
  }
}
.type-product .natios-brand-block-in-product .natios-brand-block-in-product-image img {
  position: relative;
  left: calc(var(--padding-sides) * -3);
}
@media screen and (max-width: 767px) {
  .type-product .natios-brand-block-in-product .natios-brand-block-in-product-image img {
    left: 0;
  }
}
.type-product .natios-brand-block-in-product .natios-brand-block-in-product-text {
  padding-right: 20px;
  margin-left: calc(var(--padding-sides) * -1);
}
@media screen and (max-width: 767px) {
  .type-product .natios-brand-block-in-product .natios-brand-block-in-product-text {
    margin-left: 0;
    padding-right: 0;
  }
}
.type-product .natios-brand-block-in-product h3 {
  font-size: var(--fs-28);
  margin-bottom: 0.5em;
}
.type-product .natios-support-wrapper {
  display: flex;
  gap: 48px;
  border-radius: var(--br-16);
  padding: 60px var(--padding-sides);
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1279px) {
  .type-product .natios-support-wrapper {
    gap: 24px;
    padding: 48px var(--padding-sides);
    align-items: center;
    flex-direction: column;
  }
}
.type-product .natios-support-wrapper .natios-support-wrapper-content-title {
  font-size: var(--fs-24);
  padding-bottom: 0.833em;
}
.type-product .natios-support-wrapper .natios-support-wrapper-content-title > * {
  display: inline;
  font-size: inherit;
  font-weight: 700;
  color: black;
}
.type-product .natios-support-wrapper .natios-support-wrapper-content {
  max-width: 775px;
}
.type-product .natios-support-wrapper .natios-support-wrapper-content a {
  color: var(--color-tertiary-hover);
  font-size: var(--fs-14);
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  --width: 1.25em;
  padding-right: calc(var(--width) + 4px);
}
.type-product .natios-support-wrapper .natios-support-wrapper-content a:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: var(--width);
  height: var(--width);
}
.type-product .natios-support-wrapper .natios-support-wrapper-content a::after {
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
  background-size: 25%;
  background-position: center;
  background-repeat: no-repeat;
  width: var(--width);
  height: var(--width);
}
.type-product .natios-support-wrapper .natios-support-wrapper-content a:hover {
  color: var(--color-primary);
}

.product-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 1023px) {
  .product-top {
    grid-template-columns: 1fr;
  }
}
.product-top > .col-xs-12:first-child {
  display: none;
}

/*info wrapper*/
.product-top .p-info-wrapper {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  border-left-style: solid;
  border-bottom-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-bottom-left-radius: 8px;
  padding: 20px 0 57px 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper {
    border-left: none;
    border-top-style: solid;
    border-top-left-radius: 0;
    margin-top: 24px;
    padding: 29px 0 33px 0;
  }
}
.product-top .p-info-wrapper > * {
  max-width: 910px;
  padding-left: calc(var(--padding-sides) + 7px) !important;
  padding-right: var(--padding-sides) !important;
}
.product-top .p-info-wrapper .detail-parameters,
.product-top .p-info-wrapper .p-final-price-wrapper {
  display: none;
}
.product-top .p-info-wrapper > * {
  order: 99;
}
.product-top .p-info-wrapper .breadcrumbs-wrapper {
  order: 1;
}
.product-top .p-info-wrapper h1 {
  order: 3;
}
.product-top .p-info-wrapper .review-and-code-wrapper {
  order: 5;
}
.product-top .p-info-wrapper .p-short-description {
  order: 7;
}
.product-top .p-info-wrapper .detail-parameters-top {
  order: 10;
}
.product-top .p-info-wrapper .p-code {
  order: 12;
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper {
  order: 13;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper {
  order: 16;
}
.product-top .p-info-wrapper .product-image-support-element {
  order: 18;
}
.product-top .p-info-wrapper .social-buttons-wrapper {
  order: 20;
}
.product-top .p-info-wrapper .breadcrumbs-wrapper {
  padding-top: 0 !important;
  margin: 0 !important;
}
.product-top .p-info-wrapper .p-short-description {
  padding: 28px 0 32px 0;
  font-size: var(--fs-22);
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper .p-short-description {
    font-size: var(--fs-20);
    padding: 0 0 16px 0;
  }
}
.product-top .p-info-wrapper .p-short-description h2,
.product-top .p-info-wrapper .p-short-description h3,
.product-top .p-info-wrapper .p-short-description > p {
  font-size: inherit;
  font-weight: 700;
  padding: 0;
  padding-bottom: 0.9375em;
  margin: 0;
}
.product-top .p-info-wrapper .p-short-description ul {
  font-size: var(--fs-16);
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper .p-short-description ul {
    font-size: var(--fs-14);
  }
}
.product-top .p-info-wrapper .p-short-description ul {
  list-style: none;
  margin: 0;
  padding: 1em 0;
}
.product-top .p-info-wrapper .p-short-description ul li {
  padding: 0.375em 0 0.375em 1.25em;
  position: relative;
}
.product-top .p-info-wrapper .p-short-description ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5625em;
  height: 0.5625em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.product-top .p-info-wrapper .p-short-description ul {
  padding: 0;
}
.product-top .p-info-wrapper .p-short-description ul li {
  padding: 0.375em 0 0.375em 1.25em;
}
.product-top .p-info-wrapper .p-short-description ul li:before {
  top: 0.375em;
  transform: translateY(75%);
}
.product-top .p-info-wrapper .p-short-description ul p {
  padding: 0 !important;
  margin: 0 !important;
}
.product-top .p-info-wrapper .detail-parameters-top {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper .detail-parameters-top {
    gap: 5px;
  }
}
.product-top .p-info-wrapper .detail-parameters-top .parameter-wrapper {
  font-size: var(--fs-14);
  flex-basis: 11em;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-400);
  border-radius: 8px;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 5px 10px;
  min-height: 5.7142em;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper .detail-parameters-top .parameter-wrapper {
    width: 100%;
    flex-basis: 100%;
    flex-direction: row;
    justify-content: space-between;
    min-height: 3.4286em;
    text-align: left;
  }
}
.product-top .p-info-wrapper .detail-parameters-top .parameter-value {
  font-weight: 700;
  font-size: var(--fs-18);
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper .detail-parameters-top .parameter-value {
    font-size: var(--fs-16);
  }
}
.product-top .p-info-wrapper .detail-parameters-top .parameter-value {
  color: var(--color-tertiary-hover);
  background: linear-gradient(270deg, var(--color-tertiary), var(--color-tertiary-hover));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.product-top .p-info-wrapper .p-code {
  font-size: var(--fs-13);
  color: var(--color-gray-600);
  padding-top: 6px;
  margin-left: 2px;
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper {
  padding-top: 52px;
  padding-bottom: 15px;
  font-size: var(--fs-16);
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper .availability-and-delivery-wrapper {
    gap: 8px;
    padding-top: 28px;
    padding-bottom: 28px;
  }
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper .availability-value {
  display: flex;
  align-items: center;
  gap: 0.3em;
  padding: 5px 10px 4px;
  border-radius: 8px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-red-400) var(--start), var(--color-red-300) var(--end));
  --angle: 270deg;
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper .availability-value:has(.availability-amount) {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-green-300) var(--start), var(--color-green-100) var(--end));
  --angle: 270deg;
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper .availability-value:has(.availability-amount) .availability-label {
  color: var(--color-green-500);
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper .availability-value .availability-label {
  font-weight: 700;
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper .availability-value .availability-amount {
  color: var(--color-green-500);
}
.product-top .p-info-wrapper .availability-and-delivery-wrapper .delivery-time {
  color: var(--color-tertiary-hover);
  text-decoration: underline;
  font-size: var(--fs-13);
  cursor: help;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper {
  width: 100%;
  background: white;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  padding: 26px 29px !important;
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-items: start;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto;
    gap: 0;
  }
}
@media screen and (max-width: 1023px) {
  .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper {
    padding: 15px !important;
  }
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .price-standard {
  grid-column: 1;
  grid-row: 1;
  font-size: var(--fs-16);
  text-decoration: line-through;
  color: var(--color-red-400);
  padding-bottom: 5px;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .price-final {
  grid-column: 1;
  grid-row: 2;
  font-size: var(--fs-24);
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  line-height: 1;
  gap: 7px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .price-final {
    margin-bottom: 16px;
    padding-right: 10px;
  }
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .price-final .with-vat-info {
  font-size: var(--fs-13);
  color: var(--color-black-o-60);
  font-weight: 400;
  padding-bottom: 2px;
  margin-right: 7px;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .price-final .product-price-per-unit {
  display: flex;
  font-size: var(--fs-13);
  color: var(--color-black-o-80);
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  font-weight: 400;
  padding: 5px 10px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  margin-left: 0px;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper.no-standard-price .price-final {
  grid-row: 1/-1;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper.no-standard-price .price-final {
    grid-row: 1/3;
  }
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity {
  grid-column: 3;
  grid-row: 1/-1;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity label {
  height: 100%;
  order: 2;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity label input {
  -moz-appearance: textfield; /* For Firefox */
  -webkit-appearance: none; /* For WebKit browsers like Chrome and Safari */
  appearance: none; /* Standard property */
  /* Prevent controls from showing on hover or focus */
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity label input::-webkit-inner-spin-button, .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity label input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity label input {
  padding: 0;
  font-size: var(--fs-16);
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 0;
  height: 100%;
  text-align: center;
  width: 3.625em;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity .increase,
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity .decrease {
  cursor: pointer;
  height: 100%;
  padding: 0px 0.75em;
  font-weight: 600;
  color: var(--color-tertiary-hover);
  font-size: 1.25em;
  line-height: 1;
  background: white;
  transition: background-color 0.2s ease;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity .increase:hover,
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity .decrease:hover {
  color: white;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity .increase {
  order: 3;
  border-radius: 0 8px 8px 0;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity .decrease {
  order: 1;
  border-radius: 8px 0 0 8px;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity {
  margin-left: auto;
  height: 100%;
  margin-right: 9px;
  max-height: 67px;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .quantity {
    grid-column: 2;
    grid-row: 1/3;
    margin-left: auto;
    margin-bottom: 16px;
    margin-right: 0;
  }
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button {
  font-size: var(--fs-18);
  grid-column: 4;
  grid-row: 1/-1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  border-radius: 8px;
  font-weight: 700;
  padding: 1.3125em 1.833em;
  cursor: pointer;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button span, .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button::before {
  font-size: var(--fs-18);
  line-height: 1.4;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button {
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button:focus-visible {
  outline: 3px solid var(--color-secondary-hover);
  outline-offset: 2px;
}
.product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button {
  width: calc(100% - 1em);
  height: 100%;
  max-height: 67px;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0.5em;
  padding-right: 0.5em;
  min-height: 3.75em;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .price-and-button-wrapper-wrapper .price-and-button-wrapper .add-to-cart-button {
    grid-column: 1/-1;
    grid-row: 3;
  }
}
.product-top .p-info-wrapper .social-buttons-wrapper {
  padding-top: 38px;
  display: flex;
  gap: 48px;
  --icon-width: 20px;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .social-buttons-wrapper {
    padding-top: 28px;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.product-top .p-info-wrapper .social-buttons-wrapper .dkLabComparerDiv {
  order: 1;
  display: flex;
  gap: 4px;
  align-items: center;
}
.product-top .p-info-wrapper .social-buttons-wrapper .dkLabComparerDiv:before {
  content: "";
  display: block;
  width: var(--icon-width);
  height: var(--icon-width);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_social_wrapper_compare.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .social-buttons-wrapper .dkLabComparerDiv {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.product-top .p-info-wrapper .social-buttons-wrapper .link-icons {
  order: 2;
  display: flex;
  flex-direction: row-reverse;
  gap: 48px;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .social-buttons-wrapper .link-icons {
    gap: 24px;
    align-items: flex-start;
  }
}
.product-top .p-info-wrapper .social-buttons-wrapper .link-icons a {
  display: flex;
  gap: 4px;
  align-items: center;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .social-buttons-wrapper .link-icons a {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.product-top .p-info-wrapper .social-buttons-wrapper .link-icons .watchdog:before {
  content: "";
  display: block;
  width: var(--icon-width);
  height: var(--icon-width);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_social_wrapper_watchdog.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.product-top .p-info-wrapper .social-buttons-wrapper .link-icons .chat:before {
  content: "";
  display: block;
  width: var(--icon-width);
  height: var(--icon-width);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_social_wrapper_question.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.product-top .p-info-wrapper .social-buttons-wrapper .link-icons .print:before {
  content: "";
  display: block;
  width: var(--icon-width);
  height: var(--icon-width);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_social_wrapper_print.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.product-top .p-info-wrapper .social-buttons-wrapper p[data-testid=productCardDescr] {
  order: 3;
  padding: 0;
}
.product-top .p-info-wrapper .social-buttons-wrapper p[data-testid=productCardDescr] a {
  text-decoration: underline;
  display: flex;
  gap: 4px;
  align-items: center;
}
.product-top .p-info-wrapper .social-buttons-wrapper p[data-testid=productCardDescr] a:before {
  content: "";
  display: block;
  width: var(--icon-width);
  height: var(--icon-width);
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_social_wrapper_readmore.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1439px) {
  .product-top .p-info-wrapper .social-buttons-wrapper p[data-testid=productCardDescr] a {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.product-top .p-info-wrapper .social-buttons-wrapper span,
.product-top .p-info-wrapper .social-buttons-wrapper a {
  color: var(--color-tertiary-hover);
  font-size: var(--fs-14);
  font-weight: 400;
  cursor: pointer;
}
.product-top .p-info-wrapper .social-buttons-wrapper span:hover,
.product-top .p-info-wrapper .social-buttons-wrapper a:hover {
  color: var(--color-primary);
}
.product-top .p-info-wrapper .social-buttons-wrapper span {
  text-decoration: underline;
}
.product-top .p-info-wrapper .social-buttons-wrapper .share {
  display: none !important;
}

.type-product .overall-wrapper h1 {
  font-size: var(--fs-32);
  line-height: 1.4;
  padding-top: 56px;
  padding-bottom: 0.375em;
}
@media screen and (max-width: 1023px) {
  .type-product .overall-wrapper h1 {
    font-size: var(--fs-26);
    width: 100%;
    max-width: 1920px;
    padding: 0 var(--padding-sides);
    margin: 0 auto;
    padding-top: 18px;
    padding-bottom: 0.5em;
  }
}
.type-product .overall-wrapper h1 .product-name-addition {
  color: var(--color-black-o-40);
  font-weight: 400;
}

.review-and-code-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .review-and-code-wrapper {
    width: 100%;
    max-width: 1920px;
    padding: 0 var(--padding-sides);
    margin: 0 auto;
  }
}
.review-and-code-wrapper .stars-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  pointer-events: auto;
  cursor: pointer;
}
.review-and-code-wrapper .stars-wrapper .star-list {
  order: 1;
  display: flex;
  align-items: center;
  gap: 3px;
}
.review-and-code-wrapper .stars-wrapper .star-list .star {
  width: 0.693em;
  height: 0.693em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.review-and-code-wrapper .stars-wrapper .star-list .star.star-on {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_full.svg");
}
.review-and-code-wrapper .stars-wrapper .star-list .star.star-half {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_half.svg");
}
.review-and-code-wrapper .stars-wrapper .star-list .star.star-off {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_star_empty.svg");
}
.review-and-code-wrapper .stars-wrapper .star-list {
  gap: 8px;
  padding-right: 4px;
  position: relative;
  top: -2px;
}
.review-and-code-wrapper .stars-wrapper .star-list .star {
  pointer-events: none;
  width: 21px;
  height: 21px;
}
.review-and-code-wrapper .stars-wrapper .stars-score {
  order: 2;
  color: var(--color-gray-600);
  font-size: var(--fs-11);
  line-height: 1;
  position: relative;
}
.review-and-code-wrapper .stars-wrapper .stars-score .stars-score-text {
  font-weight: 700;
  color: black;
  font-size: var(--fs-16);
}
.review-and-code-wrapper .stars-wrapper .stars-label {
  order: 3;
  padding-left: 2px;
  font-size: var(--fs-13);
  text-decoration: underline;
  pointer-events: none;
}
.review-and-code-wrapper .stars-wrapper:hover .stars-label {
  color: var(--color-primary-hover);
}
.review-and-code-wrapper .p-code {
  font-size: var(--fs-13);
  color: var(--color-gray-600);
}

/*image wrapper*/
.product-top .p-image-wrapper {
  padding-top: 30px;
  padding-right: 56px;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: var(--padding-sides);
  max-width: 960px;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  .product-top .p-image-wrapper {
    padding-right: var(--padding-sides);
    margin-left: 0;
    max-width: 100%;
    overflow: hidden;
  }
}
.product-top .p-image-wrapper .p-image {
  position: relative;
  padding: 3% 15%;
}
.product-top .p-image-wrapper .p-image .p-main-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-top .p-image-wrapper .p-image .p-main-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/product_background.svg");
  pointer-events: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.product-top .p-image-wrapper .p-image .p-main-image.no-first-image:before {
  display: none;
}
.product-top .p-image-wrapper .p-image .p-main-image img {
  position: relative;
  mix-blend-mode: multiply;
  padding: 4%;
  border-radius: 8px;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper {
    margin-top: 10px;
  }
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner {
  position: relative; /*carousel inner, .products-block*/
  user-select: none;
  display: block;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner > * {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner > *.grabbing, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner > *.grabbing * {
  cursor: grabbing !important;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner > *::-webkit-scrollbar {
  display: none;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control {
    width: 42px;
    height: 36px;
  }
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control {
  display: grid;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  transform: scale(1);
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control:before {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control::after {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
  background-size: 20%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 2px;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.left, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxPrevious {
  left: var(--padding-sides);
  left: 5px;
  transform: translate(-50%, -50%) scale(1);
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.left:after, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxPrevious:after {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_left.svg");
  margin-left: -2px;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.left:hover, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxPrevious:hover {
  transform: translate(-50%, -50%) scale(1.15);
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.left.hidden-control, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxPrevious.hidden-control {
  transform: translate(-50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.left, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxPrevious {
    left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.left, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxPrevious {
    left: 12px;
  }
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.right, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxNext {
  right: var(--padding-sides);
  right: 5px;
  transform: translate(50%, -50%) scale(1);
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.right:hover, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxNext:hover {
  transform: translate(50%, -50%) scale(1.15);
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.right.hidden-control, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxNext.hidden-control {
  transform: translate(50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.right, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxNext {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control.right, .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .carousel-control#cboxNext {
    right: 12px;
  }
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner {
  --gap: 16px;
}
@media screen and (max-width: 1023px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner {
    --gap: 10px;
  }
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner > div {
  --gap: 16px;
  gap: var(--gap);
}
@media screen and (max-width: 1023px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner > div {
    --gap: 10px;
  }
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .p-thumbnail {
  position: relative;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 8px;
  min-width: 130px;
  max-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .p-thumbnail {
    min-width: 80px;
    max-height: 65px;
  }
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .p-thumbnail::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  z-index: -1;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .p-thumbnail img {
  position: relative;
  mix-blend-mode: multiply;
  height: auto;
  max-height: 100%;
  width: auto;
}
.product-top .p-image-wrapper .p-thumbnails-wrapper .p-thumbnails-inner .cbox-gal {
  display: none;
}
.product-top .p-image-wrapper .dkLabFavouriteDiv {
  --element-width: 38px;
  --bg-size: 75%;
  position: absolute;
  bottom: 5%;
  right: 12px;
}
.product-top .p-image-wrapper .dkLabFavouriteDiv .dkLabFavDetailSpan {
  display: block;
  width: var(--element-width);
  height: var(--element-width);
  cursor: pointer;
  background-size: var(--bg-size);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_favorites_empty.svg");
  transition: transform 0.2s ease-out;
}
.product-top .p-image-wrapper .dkLabFavouriteDiv .dkLabFavDetailSpan.dkLabFavouriteDetailLinkRemove {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_favorites_full.svg");
}
.product-top .p-image-wrapper .dkLabFavouriteDiv .dkLabFavDetailSpan:hover {
  transform: scale(1.2);
}
.product-top .p-image-wrapper .dkLabFavouriteDiv .dkLabFavDetailSpan span {
  display: none;
}
.product-top .p-image-wrapper .flags-default {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  left: 11px;
  top: 11px;
  gap: 4px;
}
.product-top .p-image-wrapper .flags-default .flag {
  border-radius: 8px;
  font-size: var(--fs-11);
  font-weight: 700;
  line-height: 1.4;
  color: white;
  --start: 5%;
  --end: 105%;
  --angle: 270deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--end));
  padding: 2px 6px;
  order: 50;
}
.product-top .p-image-wrapper .flags-default .flag-cesky-produkt {
  background: white !important;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  color: black;
  order: 1;
  display: flex;
  align-items: center;
}
.product-top .p-image-wrapper .flags-default .flag-cesky-produkt::before {
  content: "";
  position: relative;
  margin-right: 6px;
  height: var(--fs-12);
  width: var(--fs-12);
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/banners/cz.svg?691de754");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-top .p-image-wrapper .flags-default .dkLabComparerFlagProduct,
.product-top .p-image-wrapper .flags-default .dkLabFavFlagProduct {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-red-400) var(--start), var(--color-red-300) var(--end));
  order: 99;
}
.product-top .p-image-wrapper .flags-default {
  top: 0;
  left: 0;
}
.product-top .p-image-wrapper .flags-default .flag {
  font-size: var(--fs-13);
}
.product-top .p-image-wrapper .flags-extra {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  right: 11px;
  top: 11px;
  gap: 4px;
}
.product-top .p-image-wrapper .flags-extra .flag {
  display: none;
}
.product-top .p-image-wrapper .flags-extra .flag-discount {
  display: grid;
  position: relative;
  font-size: var(--fs-16);
  font-weight: 700;
  line-height: 1.4;
  color: white;
  justify-items: center;
  align-items: center;
}
.product-top .p-image-wrapper .flags-extra .flag-discount::before {
  grid-column: 1;
  grid-row: 1;
  content: "";
  width: 5em;
  height: 4.3125em;
  background: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_red.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.product-top .p-image-wrapper .flags-extra .flag-discount .price-save {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
}
.product-top .p-image-wrapper .flags-extra .flag-discount .price-standard {
  display: none;
}
@media screen and (max-width: 767px) {
  .product-top .p-image-wrapper .flags-extra {
    left: 11px;
    bottom: 11px;
    top: auto;
    right: auto;
  }
  .product-top .p-image-wrapper .flags-extra .flag-discount {
    font-size: var(--fs-12);
  }
}
.product-top .p-image-wrapper .flags-extra {
  top: 0;
  right: 0;
}
@media screen and (max-width: 1023px) {
  .product-top .p-image-wrapper .flags-extra {
    top: 0;
    left: auto;
  }
}
.product-top .p-image-wrapper .flags-extra .flag-discount {
  font-size: var(--fs-24);
}
@media screen and (max-width: 1023px) {
  .product-top .p-image-wrapper .flags-extra .flag-discount {
    font-size: var(--fs-16);
  }
}

.product-image-support-element {
  margin-top: 52px;
  text-align: center;
  font-size: var(--fs-16);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .product-image-support-element {
    margin-top: 32px;
    font-size: var(--fs-14);
    text-align: left;
  }
}
.product-image-support-element .support-text {
  padding-left: 32px;
  position: relative;
}
.product-image-support-element .support-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/icon_heart_red.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.product-image-support-element .support-link {
  color: var(--color-tertiary-hover);
  font-size: var(--fs-14);
  margin-left: 16px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  --width: 1.25em;
  padding-right: calc(var(--width) + 4px);
}
.product-image-support-element .support-link:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: var(--width);
  height: var(--width);
}
.product-image-support-element .support-link::after {
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
  background-size: 25%;
  background-position: center;
  background-repeat: no-repeat;
  width: var(--width);
  height: var(--width);
}
.product-image-support-element .support-link:hover {
  color: var(--color-primary);
}

.type-product .products-related-header {
  border-top-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  padding-top: 62px;
  font-size: var(--fs-28);
  padding-bottom: 1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .type-product .products-related-header {
    padding-top: 32px;
    padding-bottom: 0.5em;
  }
}
.type-product .products-slider {
  width: min(100% - var(--padding-sides) * 2, 1920px - var(--padding-sides) * 2);
  max-width: 1920px;
  padding: 0;
  margin: 0 auto;
  position: relative; /*carousel inner, .products-block*/
  user-select: none;
  display: block;
}
.type-product .products-slider > * {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  flex-wrap: nowrap;
}
.type-product .products-slider > *.grabbing, .type-product .products-slider > *.grabbing * {
  cursor: grabbing !important;
}
.type-product .products-slider > *::-webkit-scrollbar {
  display: none;
}
.type-product .products-slider .carousel-control {
  position: absolute;
  top: 50%;
  width: 56px;
  height: 49px;
}
@media screen and (max-width: 1279px) {
  .type-product .products-slider .carousel-control {
    width: 46px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .type-product .products-slider .carousel-control {
    width: 42px;
    height: 36px;
  }
}
.type-product .products-slider .carousel-control {
  display: grid;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  transform: scale(1);
}
.type-product .products-slider .carousel-control:before {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/hexagon_blue.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.type-product .products-slider .carousel-control::after {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1;
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_right.svg");
  background-size: 20%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 2px;
}
.type-product .products-slider .carousel-control.left, .type-product .products-slider .carousel-control#cboxPrevious {
  left: var(--padding-sides);
  left: 5px;
  transform: translate(-50%, -50%) scale(1);
}
.type-product .products-slider .carousel-control.left:after, .type-product .products-slider .carousel-control#cboxPrevious:after {
  background-image: url("https://cdn.myshoptet.com/usr/740472.myshoptet.com/user/documents/upload/assets/arrow_white_left.svg");
  margin-left: -2px;
}
.type-product .products-slider .carousel-control.left:hover, .type-product .products-slider .carousel-control#cboxPrevious:hover {
  transform: translate(-50%, -50%) scale(1.15);
}
.type-product .products-slider .carousel-control.left.hidden-control, .type-product .products-slider .carousel-control#cboxPrevious.hidden-control {
  transform: translate(-50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  .type-product .products-slider .carousel-control.left, .type-product .products-slider .carousel-control#cboxPrevious {
    left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .type-product .products-slider .carousel-control.left, .type-product .products-slider .carousel-control#cboxPrevious {
    left: 12px;
  }
}
.type-product .products-slider .carousel-control.right, .type-product .products-slider .carousel-control#cboxNext {
  right: var(--padding-sides);
  right: 5px;
  transform: translate(50%, -50%) scale(1);
}
.type-product .products-slider .carousel-control.right:hover, .type-product .products-slider .carousel-control#cboxNext:hover {
  transform: translate(50%, -50%) scale(1.15);
}
.type-product .products-slider .carousel-control.right.hidden-control, .type-product .products-slider .carousel-control#cboxNext.hidden-control {
  transform: translate(50%, -50%) scale(0);
}
@media screen and (max-width: 1279px) {
  .type-product .products-slider .carousel-control.right, .type-product .products-slider .carousel-control#cboxNext {
    right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .type-product .products-slider .carousel-control.right, .type-product .products-slider .carousel-control#cboxNext {
    right: 12px;
  }
}
.type-product .products-block {
  width: 100%;
  padding-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .type-product .products-block {
    padding-bottom: 32px;
  }
}
.type-product .browse-p {
  display: none;
}

.type-product .navigation-btn {
  display: none;
}
.type-product .shop-tap-row-wrapper {
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-primary) var(--start), var(--color-primary-hover) var(--end));
  --angle: 90deg;
  --start: 5%;
  --end: 50%;
}
@media screen and (max-width: 1023px) {
  .type-product .shop-tap-row-wrapper {
    position: sticky;
    top: calc(var(--header-height) - 1px);
    z-index: 10;
    transition: top 0.3s ease-in-out;
  }
  .type-product.sticky-header-hidden .shop-tap-row-wrapper {
    top: 0;
  }
}
.type-product .shp-tabs-row {
  width: 100%;
  max-width: 1920px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  transition: top 0.3s ease-in-out;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .type-product .shp-tabs-row {
    position: initial;
  }
}
.type-product .shp-tabs-row::-webkit-scrollbar {
  height: 6px;
}
.type-product .shp-tabs-row .navigation-btn {
  display: none !important;
}
.type-product .shp-tabs-row ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.type-product .shp-tabs-row ul li {
  padding: 1.5em 1.5em;
}
@media screen and (max-width: 1440px) {
  .type-product .shp-tabs-row ul li {
    padding: 1.5em 1em;
  }
}
.type-product .shp-tabs-row ul li {
  position: relative;
  cursor: pointer;
  width: max-content;
}
.type-product .shp-tabs-row ul li a,
.type-product .shp-tabs-row ul li span {
  font-size: var(--fs-16);
  color: white;
  line-height: 2;
  font-weight: 400;
  transition: color 0.2s ease-out;
  display: flex;
  align-items: center;
}
.type-product .shp-tabs-row ul li a:hover,
.type-product .shp-tabs-row ul li span:hover {
  text-decoration: underline;
}
.type-product .shp-tabs-row ul li.shp-tab[data-testid=tabAlternativeProducts], .type-product .shp-tabs-row ul li.shp-tab[data-testid=tabBrand] {
  display: none;
}
.type-product .shp-tabs-row ul li .number-of-reviews {
  font-size: var(--fs-11);
  padding: 0.5em 0.5em;
  border-radius: 6px;
  background-color: var(--color-white-o-20);
  line-height: 1;
  color: white;
  margin-left: 7px;
}
.type-product .shp-tabs-row .product-thumbnail {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 2px;
  padding-right: 50px;
  min-width: max-content;
}
@media screen and (max-width: 1440px) {
  .type-product .shp-tabs-row .product-thumbnail {
    padding-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .type-product .shp-tabs-row .product-thumbnail {
    padding-right: 10px;
  }
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-image-wrapper {
  border-radius: 8px;
  overflow: hidden;
  margin: auto 0;
  background: white;
  height: 80%;
  display: block;
  width: 82px;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-image-wrapper img {
  display: block;
  margin: auto;
  width: auto;
  height: auto;
  max-height: 100%;
  padding: 10%;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper {
  display: flex;
  flex-direction: column;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-name {
  color: white;
  font-size: var(--fs-13);
  max-width: 20em;
  text-wrap: balance;
  margin-bottom: 0.5em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2.8em;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-name .product-appendix {
  display: none;
}
@media screen and (max-width: 767px) {
  .type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-name {
    max-width: 45vw;
  }
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-price-button-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-price {
  font-size: var(--fs-16);
  font-weight: 700;
  color: white;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-price .pr-list-unit,
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-price .with-vat {
  display: none;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-buttons > div {
  display: none;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-buttons .product-thumbnail-add-to-cart-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: var(--fs-13);
  border-radius: 8px;
  color: black;
  --angle: 90deg;
  --start: 0%;
  --middle: 40%;
  --end: 90%;
  background: linear-gradient(var(--angle), var(--color-secondary-hover) var(--start), var(--color-secondary) var(--middle), var(--color-secondary-hover) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-buttons .product-thumbnail-add-to-cart-button:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-secondary-hover-h), var(--color-secondary-hover-s), var(--color-secondary-hover-l), 0.4));
}
.type-product .shp-tabs-row .product-thumbnail .product-thumbnail-info-wrapper .product-thumbnail-buttons .product-thumbnail-add-to-cart-button {
  padding: 0.25em 0.75em;
  cursor: pointer;
}

.id--15 .content-inner {
  width: 100%;
  max-width: 910px;
  padding: 0 var(--padding-sides);
  margin: 0 auto;
}
.id--15 .summary-thx {
  font-size: var(--fs-42);
  text-align: center;
  font-weight: 700;
  padding-top: 1em;
}
.id--15 .order-summary-heading {
  width: max-content;
  margin: 1em auto;
  text-align: center;
  font-size: var(--fs-18);
  padding: 10px 20px;
  background-color: var(--color-green-200);
  color: var(--color-green-400);
  border-radius: 8px;
}
.id--15 .recapitulation-wrapper {
  display: flex;
  flex-direction: column;
}
.id--15 .recapitulation-wrapper .reca-number {
  order: 1;
  text-align: center;
  font-size: var(--fs-14);
}
.id--15 .recapitulation-wrapper h4 {
  font-size: var(--fs-24);
  padding-bottom: 1.25em;
  text-align: center;
}
.id--15 .recapitulation-wrapper .co-order {
  order: 2;
  padding-top: 50px;
  padding-bottom: 50px;
}
.id--15 .recapitulation-wrapper .co-order .cart-table {
  border-style: none;
}
.id--15 .recapitulation-wrapper .co-order .cart-table tr td {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--color-gray-blue-400);
}
.id--15 .recapitulation-wrapper .co-order .cart-table tr:last-child td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--color-gray-blue-400);
}
.id--15 .recapitulation-wrapper .co-order .cart-table .p-quantity strong {
  font-weight: 400;
}
.id--15 .recapitulation-wrapper .co-order .cart-table .p-price {
  font-weight: 700;
}
.id--15 .recapitulation-wrapper .co-payment-method {
  order: 3;
}
.id--15 .recapitulation-wrapper .co-payment-method .row {
  padding: 20px 25px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-gray-blue-400);
  border-radius: 10px;
  --angle: 90deg;
  --start: 0%;
  --end: 100%;
  background: linear-gradient(var(--angle), white var(--start), var(--color-primary-200) var(--end));
  --angle: 135deg;
  max-width: 450px;
  margin: 0 auto;
}
.id--15 .recapitulation-wrapper .co-payment-method .row tr {
  font-size: var(--fs-14);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 5px 0;
}
.id--15 .recapitulation-wrapper .co-payment-method .row tr th {
  font-weight: 400;
  text-align: left;
}
.id--15 .recapitulation-wrapper .co-payment-method .row tr td {
  font-weight: 700;
  text-align: right;
}
.id--15 .recapitulation-wrapper .co-payment-method .row tr td strong {
  font-weight: 700;
}
.id--15 .recapitulation-wrapper .co-payment-method .row tr td strong[data-testid=orderTotalPrice] {
  font-size: var(--fs-22);
}
.id--15 .recapitulation-wrapper .order-summary-item.total {
  padding-top: 50px;
  text-align: center;
  font-size: var(--fs-16);
  padding-bottom: 1em;
}
.id--15 .recapitulation-wrapper .order-complete-links {
  display: flex;
  justify-content: center;
}
.id--15 .recapitulation-wrapper .order-complete-links p {
  padding: 0;
}
.id--15 .recapitulation-wrapper .order-complete-links p a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: white;
  max-width: max-content;
  font-size: var(--fs-18);
  line-height: 1.2;
  font-weight: 700;
  padding: 1.235em 2.882em;
  border-radius: 8px;
  --angle: 270deg;
  --start: 0%;
  --middle: 45%;
  --end: 100%;
  background: linear-gradient(var(--angle), var(--color-tertiary) var(--start), var(--color-tertiary-hover) var(--middle), var(--color-tertiary) var(--end));
  background-size: 200%;
  background-position: right;
  transition: background-position 0.2s ease-out;
  cursor: pointer;
}
.id--15 .recapitulation-wrapper .order-complete-links p a:hover {
  background-position: left;
  filter: drop-shadow(2px 2px 6px hsla(var(--color-tertiary-h), var(--color-tertiary-s), var(--color-tertiary-l), 0.4));
}

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