@charset "UTF-8";

:root {

  --primaryFont: "Poppins";

  --primaryColor: #8fba1b;

  --primaryColor_Darken: #717974;

  --primaryColor_Darken2: #6d9814;

  --lightBgColor: #edf0ee;

  --lightBgColor_Darker: #f4f7f3;

  --textColor: #7f7f7f;

  --benefitSectionBg: #f8ffe4;

  --benefitSectionColor: var(--primaryColor);

}



.viewport-information {

  position: fixed;

  left: 20px;

  bottom: 20px;

  padding: 0.35rem 0.75rem 0.39rem 0.75rem;

  background: #f9f9f9;

  border-radius: 2px;

  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);

  color: #222;

  font-family: "Arial";

  font-size: 0.75rem;

  font-weight: 700;

  text-align: center;

  z-index: 9999999999;

}

.viewport-information::after {

  content: "screen retina min";

}

@media (max-width: 1499px) {

  .viewport-information::after {

    content: "screen xl max";

  }

}

@media (max-width: 1339px) {

  .viewport-information::after {

    content: "screen lg max";

  }

}

@media (max-width: 1199px) {

  .viewport-information::after {

    content: "screen md max";

  }

}

@media (max-width: 991px) {

  .viewport-information::after {

    content: "screen sm max";

  }

}

@media (max-width: 767px) {

  .viewport-information::after {

    content: "screen xs max";

  }

}

@media (max-width: 499px) {

  .viewport-information::after {

    content: "screen xxs max";

  }

}

@media (max-width: 375px) {

  .viewport-information::after {

    content: "screen iphone 13 mini";

  }

}

@media (max-width: 360px) {

  .viewport-information::after {

    content: "screen for Samsung Galaxy S5";

  }

}

@media (max-width: 320px) {

  .viewport-information::after {

    content: "screen for iPhone SE";

  }

}



.container-big {

  margin: 0 auto;

  padding: 0 2rem;

  width: 100%;

  max-width: 1510px;

}

@media (max-width: 499px) {

  .container-big {

    padding: 0 1.5rem;

  }

}

@media (max-width: 375px) {

  .container-big {

    padding: 0 1.25rem;

  }

}

@media (max-width: 360px) {

  .container-big {

    padding: 0 1.125rem;

  }

}

@media (max-width: 320px) {

  .container-big {

    padding: 0 1rem;

  }

}



.container-small {

  margin: 0 auto;

  padding: 0 2rem;

  width: 100%;

  max-width: 880px;

}

@media (max-width: 499px) {

  .container-small {

    padding: 0 1.5rem;

  }

}

@media (max-width: 375px) {

  .container-small {

    padding: 0 1.25rem;

  }

}

@media (max-width: 360px) {

  .container-small {

    padding: 0 1.125rem;

  }

}

@media (max-width: 320px) {

  .container-small {

    padding: 0 1rem;

  }

}



.container {

  margin: 0 auto;

  padding: 0 2rem;

  width: 1250px;

}

@media (max-width: 1339px) {

  .container {

    width: 1140px;

  }

}

@media (max-width: 1199px) {

  .container {

    width: 960px;

  }

}

@media (max-width: 991px) {

  .container {

    width: 700px;

  }

}

@media (max-width: 767px) {

  .container {

    width: 100%;

  }

}

@media (max-width: 499px) {

  .container {

    padding: 0 1.5rem;

  }

}

@media (max-width: 375px) {

  .container {

    padding: 0 1.25rem;

  }

}

@media (max-width: 360px) {

  .container {

    padding: 0 1.125rem;

  }

}

@media (max-width: 320px) {

  .container {

    padding: 0 1rem;

  }

}



* {

  box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

}



html,

body {

  margin: 0;

  padding: 0;

  background: #fff;

  color: #000;

  font-size: 100%;

  font-family: var(--primaryFont);

  overflow-x: hidden;

}



.obs-hidden {

  opacity: 0;

}



.obs-show {

  opacity: 1;

}



header {

  --logoSize: 90px;

  --searchSize: 1fr;

  --contactsBox: 150px;

  --accountBox: 130px;

  --cartBox: 80px;

  position: relative;

  z-index: 5;

  padding: 0.5rem 0;

  background: #fff;

}

@media (max-width: 991px) {

  header {

    --contactsBox: 50px;

    --accountBox: 50px;

    --cartBox: 50px;

    padding: 0.75rem 0;

    background-image: linear-gradient(-88deg, #9bc62a 0%, #77b01a 100%);

  }

}

header .container {

  display: grid;

  align-items: center;

  grid-column-gap: 1rem;

  grid-template-areas: "logo search contacts account cart";

  grid-template-columns: var(--logoSize) var(--searchSize) var(--contactsBox) var(--accountBox) var(--cartBox);

}

@media (max-width: 991px) {

  header .container {

    grid-row-gap: 0.75rem;

    grid-template-areas: "logo contacts account cart" "search search search navToggler";

    grid-template-columns: var(--logoSize) var(--searchSize) var(--accountBox) var(--cartBox);

  }

}

header .container::before, header .container::after {

  display: none;

}

header .container .logo {

  grid-area: logo;

}

header .container .search-wrapper {

  grid-area: search;

}

header .container .contact-box {

  grid-area: contacts;

}

header .container .account-box {

  grid-area: account;

}

header .container .cart-box {

  grid-area: cart;

}

header .container .nav-toggler {

  grid-area: navToggler;

}

header .logo {

  position: relative;

  margin: 0 0 -1rem 0;

}

@media (max-width: 991px) {

  header .logo {

    margin: 0;

  }

}

@media (max-width: 767px) {

  header .logo img {

    width: 70px;

    height: 70px;

  }

}

header .search-wrapper {

  --submitSize: 66px;

  justify-self: center;

}

@media (max-width: 991px) {

  header .search-wrapper {

    justify-self: stretch;

  }

}

header .search-wrapper form {

  display: flex;

  align-items: center;

  gap: 0;

}

@media (max-width: 767px) {

  header .search-wrapper form {

    display: grid;

    grid-template-columns: 1fr var(--submitSize);

  }

}

header .search-wrapper input[type=search],

header .search-wrapper input[type=submit] {

  margin: 0;

  height: 44px;

}

header .search-wrapper input[type=search] {

  transition: 0.26s all;

  padding: 0.125rem 0.75rem;

  width: 480px;

  font-size: 0.8125rem;

  border: 1px solid var(--lightBgColor);

  border-right: 0;

  border-radius: 0.625rem 0 0 0.625rem;

}

@media (max-width: 991px) {

  header .search-wrapper input[type=search] {

    width: 500px;

  }

}

@media (max-width: 767px) {

  header .search-wrapper input[type=search] {

    width: 100%;

  }

}

@media (hover: hover) {

  header .search-wrapper input[type=search]:hover {

    box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);

  }

}

header .search-wrapper input[type=submit] {

  padding: 0 2rem;

  background: url("components/layout/header/find.svg") no-repeat;

  background-size: 16px;

  background-position: center center;

  border: 1px solid var(--lightBgColor);

  border-radius: 0 0.625rem 0.625rem 0;

}

@media (max-width: 991px) {

  header .search-wrapper input[type=submit] {

    background: #fff url("components/layout/header/find.svg") no-repeat;

    background-size: 16px;

    background-position: center center;

    border-left: 0;

  }

}

header .contact-box {

  --iconSize: 22px;

  --contentSize: 1fr;

  display: grid;

  align-items: center;

  grid-column-gap: 0.75rem;

  grid-template-areas: "icon email" "icon phone";

  grid-template-columns: var(--iconSize) var(--contentSize);

}

@media (max-width: 991px) {

  header .contact-box {

    grid-template-columns: 1fr;

    justify-self: end;

    background: var(--primaryColor_Darken2);

    border-radius: 50%;

    width: calc(var(--iconSize) + 22px);

    height: calc(var(--iconSize) + 22px);

    display: flex;

    align-items: center;

    justify-content: center;

  }

}

header .contact-box--icon {

  grid-area: icon;

  width: var(--iconSize);

  height: var(--iconSize);

}

header .contact-box--icon svg {

  object-fit: contain;

  width: var(--iconSize);

  height: var(--iconSize);

}

@media (max-width: 991px) {

  header .contact-box--icon svg g[id="bestbody-hp@2x"] {

    stroke: #fff;

  }

}

@media (max-width: 991px) {

  header .contact-box--email, header .contact-box--phone {

    display: none;

  }

}

header .contact-box--email {

  grid-area: email;

  font-size: 0.75rem;

  font-weight: 400;

}

header .contact-box--phone {

  grid-area: phone;

  font-size: 0.875rem;

  font-weight: 700;

}

header .contact-box a {

  color: #000;

  text-decoration: none;

}

@media (hover: hover) {

  header .contact-box a:hover {

    text-decoration: underline;

  }

}

header .account-box {

  --iconSize: 24px;

  --contentSize: 1fr;

  display: grid;

  align-items: center;

  grid-column-gap: 0.75rem;

  grid-template-areas: "icon login" "icon register";

  grid-template-columns: calc(var(--iconSize) + 4px) var(--contentSize);

}

@media (max-width: 991px) {

  header .account-box {

    grid-template-columns: 1fr;

    justify-self: end;

    background: var(--primaryColor_Darken2);

    border-radius: 50%;

    width: calc(var(--iconSize) + 22px);

    height: calc(var(--iconSize) + 22px);

    display: flex;

    align-items: center;

    justify-content: center;

  }

}

header .account-box--icon {

  grid-area: icon;

  width: var(--iconSize);

  height: var(--iconSize);

}

header .account-box--icon svg {

  object-fit: contain;

  width: var(--iconSize);

  height: var(--iconSize);

}

@media (max-width: 991px) {

  header .account-box--icon svg g[id="bestbody-hp@2x"] {

    stroke: #fff;

  }

}

@media (max-width: 991px) {

  header .account-box--login, header .account-box--register {

    display: none;

  }

}

header .account-box--login {

  grid-area: login;

  font-size: 0.75rem;

  font-weight: 400;

}

header .account-box--register {

  grid-area: register;

  font-size: 0.875rem;

  font-weight: 700;

}

header .account-box a {

  color: #000;

  text-decoration: none;

}

@media (hover: hover) {

  header .account-box a:hover {

    text-decoration: underline;

  }

}

header .cart-box {

  --iconSize: 24px;

  justify-self: end;

}

@media (max-width: 991px) {

  header .cart-box {

    background: #fff6ac;

    border-radius: 50%;

    width: calc(var(--iconSize) + 22px);

    height: calc(var(--iconSize) + 22px);

    display: flex;

    align-items: center;

    justify-content: center;

  }

}

header .cart-box--icon {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: calc(var(--iconSize) + 0.25rem);

  height: calc(var(--iconSize) + 0.25rem);

}

header .cart-box--icon svg {

  width: var(--iconSize);

  height: var(--iconSize);

  object-fit: contain;

}

header .cart-box--items {

  --itemsInCartSizeWrapper: 1.25rem;

  position: absolute;

  top: -0.5rem;

  right: -0.625rem;

  display: flex;

  align-items: center;

  justify-content: center;

  width: var(--itemsInCartSizeWrapper);

  height: var(--itemsInCartSizeWrapper);

  background: #77b01a;

  border-radius: 100%;

  color: #fff;

  font-size: 0.75rem;

  font-weight: 700;

}

header .nav-toggler {

  transition: 0.26s all;

  display: none;

  padding: 0.75rem;

  align-items: center;

  justify-content: center;

  border-radius: 0.425rem;

}

@media (hover: hover) {

  header .nav-toggler {

    cursor: pointer;

  }

  header .nav-toggler:hover {

    background: rgba(0, 0, 0, 0.1);

  }

}

@media (max-width: 991px) {

  header .nav-toggler {

    display: flex;

  }

}



nav#nav-wrapper {

  position: relative;

  z-index: 4;

  background-image: linear-gradient(-88deg, #9bc62a 0%, #77b01a 100%);

  box-shadow: 0 0.125rem 3.125rem 0 rgba(123, 172, 43, 0.53);

}

@media (max-width: 991px) {

  nav#nav-wrapper {

    display: none;

    padding: 1rem 0;

  }

  nav#nav-wrapper.opened {

    display: block;

    background: #fff;

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .container-big {

    padding: 0;

  }

}

@media (min-width: 992px) {

  nav#nav-wrapper .nav-list > ul > li.haveSubmenu::after {

    transition: 0.26s all;

    position: absolute;

    content: "";

    width: 100%;

    height: 60vh;

    background-image: linear-gradient(180deg, rgba(143, 186, 27, 0.75) 0%, rgba(143, 186, 27, 0.5) 50%, rgba(143, 186, 27, 0) 100%);

    left: 0;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

    display: none !important;

  }

}

nav#nav-wrapper .nav-list ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  display: flex;

  gap: 0.25rem;

  align-items: center;

  justify-content: center;

}

@media (max-width: 1499px) {

  nav#nav-wrapper .nav-list ul {

    gap: 0.125rem;

  }

}

@media (max-width: 1430px) {

  nav#nav-wrapper .nav-list ul {

    gap: 0.075rem;

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul {

    flex-direction: column;

    align-items: stretch;

  }

}

nav#nav-wrapper .nav-list ul li {

  display: block;

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li {

    padding: 0.5rem 2rem;

  }

  nav#nav-wrapper .nav-list ul li:not(:last-of-type) {

    border-bottom: 1px solid #f0f0f0;

  }

}

@media (max-width: 499px) {

  nav#nav-wrapper .nav-list ul li {

    --containerPadding: 1.5rem;

    --anchorPadding: .75rem;

    padding: 0.5rem var(--containerPadding) 0.5rem calc(var(--containerPadding) - var(--anchorPadding));

  }

}

nav#nav-wrapper .nav-list ul li.active a {

  border-left: 0.625rem solid var(--lightBgColor);

  padding-left: 0.125rem;

}

nav#nav-wrapper .nav-list ul li.active > a {

  background: var(--lightBgColor);

}

nav#nav-wrapper .nav-list ul li a {

  margin: 0.5rem 0;

  padding: 0.125rem 0.75rem;

  align-items: center;

  height: 46px;

  border-radius: 0.375rem;

  color: #fff;

  font-family: var(--primaryFont);

  font-size: 0.875rem;

}

@media (max-width: 1430px) {

  nav#nav-wrapper .nav-list ul li a {

    padding: 0.125rem 0.5rem;

    font-size: 0.8125rem;

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li a {

    margin: 0;

    padding: 0.5rem 0.75rem;

    border-radius: 0 0.375rem 0.375rem 0;

    color: #000;

    font-size: 1rem;

  }

}

@media (hover: hover) {

  nav#nav-wrapper .nav-list ul li a:hover {

    text-decoration: none;

  }

}

nav#nav-wrapper .nav-list ul li a .img {

  display: none;

}

@media (hover: hover) {

  nav#nav-wrapper .nav-list ul li:hover > a {

    background: rgba(0, 0, 0, 0.075);

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu {

    --navTogglerSize: 36px;

    display: grid;

    align-items: center;

    justify-content: start;

    grid-column-gap: 0.425rem;

    grid-template-columns: 1fr var(--navTogglerSize);

  }

  nav#nav-wrapper .nav-list ul li.haveSubmenu .toggle_submenu {

    transition: 0.26s all;

    display: block;

    width: var(--navTogglerSize);

    height: var(--navTogglerSize);

    border-radius: 0.425rem;

  }

}

@media (max-width: 991px) and (hover: hover) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu .toggle_submenu {

    cursor: pointer;

  }

  nav#nav-wrapper .nav-list ul li.haveSubmenu .toggle_submenu:hover {

    background: rgba(0, 0, 0, 0.1);

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu .toggle_submenu::after {

    transition: 0.26s all;

    content: "";

    background: url("components/layout/header/submenu-toggler.svg") no-repeat;

    background-size: 14px 8px;

    background-position: center center;

    width: var(--navTogglerSize);

    height: var(--navTogglerSize);

    display: flex;

    align-items: center;

    justify-content: center;

  }

  nav#nav-wrapper .nav-list ul li.haveSubmenu .toggle_submenu.active::after {

    transform: scaleY(-1);

  }

  nav#nav-wrapper .nav-list ul li.haveSubmenu .toggle_submenu + ul {

    grid-column: 1/3;

  }

}

@media (min-width: 992px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu a {

    --navTogglerSize: 10px;

    display: grid;

    grid-column-gap: 0.425rem;

    grid-template-columns: 1fr var(--navTogglerSize);

  }

}

@media (min-width: 992px) and (max-width: 1499px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu a {

    grid-column-gap: 0.25rem;

  }

}

@media (min-width: 992px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu a::after {

    content: "";

    background: url("components/layout/header/submenu-toggler.svg") no-repeat;

    background-size: 10px 5px;

    width: 10px;

    height: 5px;

    display: block;

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu a {

    display: flex;

    align-items: center;

  }

}

nav#nav-wrapper .nav-list ul li.haveSubmenu ul {

  transition: 0.26s all;

  --navigationSize: 1510px;

  --itemsInRow: 4;

  opacity: 0;

  visibility: hidden;

  z-index: 2;

  position: absolute;

  left: calc((100vw - var(--navigationSize)) / 2);

  width: var(--navigationSize);

  margin: 0.5rem 0 0 0;

  padding: 1.5rem;

  background: #fff;

  border-radius: 0 0 1rem 1rem;

  display: grid;

  grid-column-gap: 1rem;

  grid-row-gap: 0.25rem;

  grid-template-columns: repeat(var(--itemsInRow), minmax(0, 1fr));

  box-shadow: 0 20px 300px rgba(143, 186, 27, 0.3);

}

@media (max-width: 1560px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu ul {

    --navigationSize: 1480px;

  }

}

@media (max-width: 1499px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu ul {

    --navigationSize: 98%;

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu ul {

    position: static;

    width: 100%;

    display: none;

    opacity: 1;

    visibility: visible;

    margin: 0 0 1.25rem 0;

    padding: 0;

    border-radius: 0;

  }

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu ul li {

    padding: 0;

    border-bottom: 0;

  }

}

nav#nav-wrapper .nav-list ul li.haveSubmenu ul li a {

  --photoSize: 52px;

  margin: 0;

  padding: 0.5rem 0.75rem;

  display: grid;

  height: auto;

  grid-column-gap: 1rem;

  grid-template-columns: var(--photoSize) 1fr;

  color: #000;

}

@media (max-width: 991px) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu ul li a {

    --photoSize: 42px;

    padding: 0.375rem 0.5rem;

    font-size: 0.875rem;

  }

}

@media (hover: hover) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu ul li a:hover {

    background: var(--lightBgColor);

  }

}

nav#nav-wrapper .nav-list ul li.haveSubmenu ul li a::after {

  display: none;

}

nav#nav-wrapper .nav-list ul li.haveSubmenu ul li a .img {

  display: flex;

  align-items: center;

  justify-content: center;

}

nav#nav-wrapper .nav-list ul li.haveSubmenu ul li a .img img {

  display: block;

  width: var(--photoSize);

  height: var(--photoSize);

  object-fit: contain;

}

nav#nav-wrapper .nav-list ul li.haveSubmenu.active .toggle_submenu.active + ul {

  display: block;

}

@media (min-width: 992px) and (hover: hover) {

  nav#nav-wrapper .nav-list ul li.haveSubmenu:hover::after {

    opacity: 1;

    visibility: visible;

  }

  nav#nav-wrapper .nav-list ul li.haveSubmenu:hover ul {

    margin: 0;

    opacity: 1;

    visibility: visible;

  }

  nav#nav-wrapper .nav-list ul li.haveSubmenu:hover ul li.haveSubmenu ul {

    display: none;

  }

}



body.homepage .information-box {

  background: var(--lightBgColor);

}

@media (max-width: 767px) {

  body.homepage .information-box {

    background: var(--boxBackground);

  }

}



.information-box {

  --boxBackground: #ffed7c;

  padding: 0 0 1rem 0;

}

@media (max-width: 767px) {

  .information-box {

    padding: 0;

    background: var(--boxBackground);

  }

}

.information-box.information .container {

  --iconSize: 24px;

  --contentSize: 1fr;

  --togglerSize: 20px;

  position: relative;

  background: var(--boxBackground);

  height: 61px;

  display: grid;

  align-items: center;

  grid-column-gap: 1rem;

  grid-template-columns: var(--iconSize) var(--contentSize) var(--togglerSize);

}

@media (max-width: 767px) {

  .information-box.information .container {

    height: auto;

    background: transparent;

  }

}

.information-box.information .container::before, .information-box.information .container::after {

  --size: 232px;

  position: absolute;

  content: "";

  top: 0;

  width: var(--size);

  height: 61px;

  background: url("components/layout/header/information-box-background.svg") no-repeat;

}

@media (max-width: 767px) {

  .information-box.information .container::before, .information-box.information .container::after {

    display: none;

  }

}

.information-box.information .container::before {

  left: calc(var(--size) * -1 + 1px);

}

.information-box.information .container::after {

  right: calc(var(--size) * -1 + 1px);

  transform: scaleX(-1);

}

.information-box--icon, .information-box--toggler {

  display: flex;

  align-items: center;

  justify-content: center;

}

.information-box--text {

  padding: 1rem 0;

  font-size: 0.75rem;

}

@media (max-width: 991px) {

  .information-box--text {

    padding: 0.625rem 0;

  }

}

.information-box--text a {

  color: #000;

  text-decoration: underline;

}

@media (hover: hover) {

  .information-box--text a:hover {

    text-decoration: none;

  }

}

.information-box--toggler {

  transition: 0.35s all;

  cursor: pointer;

}

@media (hover: hover) {

  .information-box--toggler:hover {

    transform: scale(1.2);

  }

}



body .panel-multicomplete-results {

  margin: 0.25rem 0 0 0;

  border: 1px solid var(--lightBgColor);

  border-radius: 0.375rem;

  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.1);

}

body .panel-multicomplete-results .group-title {

  padding: 0 0 10px 10px;

}

body .panel-multicomplete-results .result .name {

  font-family: var(--primaryFont);

}

@media (hover: hover) {

  body .panel-multicomplete-results .result:hover {

    background: var(--lightBgColor);

  }

}



footer .footer-top--wrapper {

  padding: 1rem 0;

  background-image: linear-gradient(-86deg, #9bc62a 0%, #77b01a 100%);

}

@media (max-width: 767px) {

  footer .footer-top--wrapper {

    padding: 1.25rem 0 2rem 0;

  }

}

footer .footer-top--wrapper .container {

  display: flex;

  gap: 8rem;

  align-items: center;

  justify-content: center;

}

footer .footer-top--wrapper .container::before, footer .footer-top--wrapper .container::after {

  display: none;

}

@media (max-width: 991px) {

  footer .footer-top--wrapper .container {

    gap: 6rem;

  }

}

@media (max-width: 767px) {

  footer .footer-top--wrapper .container {

    gap: 2rem;

  }

}

@media (max-width: 499px) {

  footer .footer-top--wrapper .container {

    flex-direction: column;

    gap: 0.25rem;

  }

}

footer .footer-top--wrapper .contact-item {

  transition: 0.26s all;

  --iconSize: 26px;

  padding: 0.75rem 1.125rem;

  border-radius: 0.375rem;

  display: grid;

  grid-column-gap: 0.75rem;

  grid-template-columns: var(--iconSize) 1fr;

  text-decoration: none;

}

@media (hover: hover) {

  footer .footer-top--wrapper .contact-item:hover {

    background: rgba(0, 0, 0, 0.075);

  }

}

footer .footer-top--wrapper .contact-item .contact-icon {

  width: var(--iconSize);

  display: flex;

  align-items: center;

  justify-content: center;

}

footer .footer-top--wrapper .contact-item .contact-icon svg {

  max-width: var(--iconSize);

  max-height: var(--iconSize);

  object-fit: contain;

}

footer .footer-top--wrapper .contact-item .contact-value span,

footer .footer-top--wrapper .contact-item .contact-value small {

  color: #fff;

  display: block;

}

footer .footer-top--wrapper .contact-item .contact-value span {

  font-family: var(--primaryFont);

  font-size: 1rem;

  font-weight: 700;

}

footer .footer-top--wrapper .contact-item .contact-value small {

  color: #daf986;

}

footer .footer-content--wrapper {

  padding: 3rem 0;

  border-bottom: 1px solid var(--lightBgColor);

}

@media (max-width: 991px) {

  footer .footer-content--wrapper {

    padding: 1.75rem 0;

  }

}

footer .footer-content--wrapper .container {

  --logoSize: 100px;

  --newsletterSize: 340px;

  --navigationSize: 1fr;

  display: grid;

  grid-column-gap: 2rem;

  grid-template-areas: "logo navigation" "newsletter navigation";

  grid-template-columns: var(--newsletterSize) var(--navigationSize);

  grid-template-rows: 120px 1fr;

}

@media (max-width: 1199px) {

  footer .footer-content--wrapper .container {

    grid-column-gap: 4rem;

    grid-row-gap: 2rem;

    grid-template-areas: "logo navigation" "newsletter newsletter";

    grid-template-columns: var(--logoSize) var(--navigationSize);

    grid-template-rows: 1fr 140px;

  }

}

@media (max-width: 991px) {

  footer .footer-content--wrapper .container {

    grid-column-gap: 4rem;

    grid-row-gap: 2rem;

    grid-template-areas: "logo" "navigation" "newsletter";

    grid-template-columns: 1fr;

    grid-template-rows: 30px 1fr 140px;

  }

}

footer .footer-content--wrapper .container::before, footer .footer-content--wrapper .container::after {

  display: none;

}

footer .footer-content--wrapper .logo {

  grid-area: logo;

}

footer .footer-content--wrapper .newsletter {

  grid-area: newsletter;

}

footer .footer-content--wrapper .menu-list {

  grid-area: navigation;

}

@media (max-width: 991px) {

  footer .footer-content--wrapper .logo {

    margin: -4rem 0 0 0;

    justify-self: center;

  }

}

@media (max-width: 767px) {

  footer .footer-content--wrapper .logo {

    margin: -3rem 0 0 0;

  }

}

footer .footer-content--wrapper .newsletter--title {

  color: #888;

  font-size: 0.8125rem;

  font-weight: 700;

}

footer .footer-content--wrapper .newsletter--form {

  padding: 1rem 0 0 0;

}

footer .footer-content--wrapper .newsletter--form form {

  --buttonSize: 100px;

  display: grid;

  grid-column-gap: 0.5rem;

  grid-row-gap: 1rem;

  grid-template-areas: "input button" "gdpr gdpr";

  grid-template-columns: 1fr var(--buttonSize);

}

footer .footer-content--wrapper .newsletter--form form input[type=email] {

  grid-area: input;

}

footer .footer-content--wrapper .newsletter--form form input[type=submit] {

  grid-area: button;

}

footer .footer-content--wrapper .newsletter--form form .gdpragreements.newsletter {

  grid-area: gdpr;

}

footer .footer-content--wrapper .newsletter--form form input[type=email] {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.75rem 1rem;

  height: auto;

  background: #ffffff;

  border: 1px solid #dae2d8;

  border-radius: 100px;

  font-size: 0.875rem;

}

@media (hover: hover) {

  footer .footer-content--wrapper .newsletter--form form input[type=email]:hover {

    border: 1px solid #beccbb;

    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);

  }

}

footer .footer-content--wrapper .newsletter--form form input[type=email]:focus {

  border: 1px solid #b0c1ad;

  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);

}

footer .footer-content--wrapper .newsletter--form form input[type=submit] {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.625rem 2rem;

  background: var(--primaryColor);

  border: 1px solid var(--primaryColor);

  border-radius: 100px;

  color: #fff;

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

}

@media (hover: hover) {

  footer .footer-content--wrapper .newsletter--form form input[type=submit]:hover {

    background: var(--primaryColor_Darken2);

    border: 1px solid var(--primaryColor_Darken2);

  }

}

footer .footer-content--wrapper .newsletter--form form input[type=email],

footer .footer-content--wrapper .newsletter--form form input[type=submit] {

  padding: 0.5rem 0.75rem;

}

footer .footer-content--wrapper .newsletter--form form .gdpragreements.newsletter {

  font-size: 0.875rem;

}

footer .footer-content--wrapper .newsletter--form form .gdpragreements.newsletter label {

  position: relative;

  padding: 0 0 0 1.625rem;

}

footer .footer-content--wrapper .newsletter--form form .gdpragreements.newsletter label input[type=checkbox] {

  position: absolute;

  left: 0.25rem;

}

footer .footer-content--wrapper .newsletter--form form .gdpragreements.newsletter label a {

  color: var(--primaryColor_Darken2);

}

footer .footer-content--wrapper .menu-list {

  display: grid;

  grid-column-gap: 1.5rem;

  grid-template-columns: 0.7fr 1fr 0.6fr;

}

@media (max-width: 1199px) {

  footer .footer-content--wrapper .menu-list {

    grid-column-gap: 1rem;

  }

}

@media (max-width: 767px) {

  footer .footer-content--wrapper .menu-list {

    grid-column-gap: 0;

    grid-template-columns: 1fr;

    grid-row-gap: 2rem;

  }

}

footer .footer-content--wrapper .menu-list .box .title {

  padding: 0 0 1rem 0;

  color: var(--primaryColor);

  font-size: 1.125rem;

  font-weight: 700;

  text-transform: uppercase;

}

footer .footer-content--wrapper .menu-list .box .content ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}

footer .footer-content--wrapper .menu-list .box .content ul li {

  margin: 0;

  padding: 0.375rem 0;

}

footer .footer-content--wrapper .menu-list .box .content ul li a {

  transition: 0.26s all;

  --iconSize: 8px;

  --contentSize: 1fr;

  display: grid;

  grid-template-columns: var(--iconSize) var(--contentSize);

  align-items: center;

  gap: 0.75rem;

  color: var(--textColor);

  font-size: 0.875rem;

  line-height: 1.3;

}

footer .footer-content--wrapper .menu-list .box .content ul li a::before {

  display: block;

  content: "";

  width: var(--iconSize);

  height: 10px;

  background: url("components/layout/footer/footer-anchor-chevron.svg") no-repeat;

  background-position: center center;

}

@media (hover: hover) {

  footer .footer-content--wrapper .menu-list .box .content ul li a:hover {

    gap: 0.85rem;

    text-decoration: none;

    color: #000;

  }

}

footer .footer-bottom--wrapper {

  padding: 2rem 0;

}

footer .footer-bottom--wrapper .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 767px) {

  footer .footer-bottom--wrapper .container {

    flex-direction: column;

    gap: 1rem;

  }

}

footer .footer-bottom--wrapper .container::before, footer .footer-bottom--wrapper .container::after {

  display: none;

}

footer .footer-bottom--wrapper .payment-list ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  display: flex;

  gap: 2rem;

  align-items: center;

}

@media (max-width: 767px) {

  footer .footer-bottom--wrapper .payment-list ul {

    gap: 1rem;

  }

}

@media (max-width: 499px) {

  footer .footer-bottom--wrapper .payment-list ul {

    flex-wrap: wrap;

    justify-content: center;

  }

}

footer .footer-bottom--wrapper .payment-list ul li {

  margin: 0;

  padding: 0;

}

footer .footer-bottom--wrapper .payment-list ul li a {

  display: block;

}

footer .footer-bottom--wrapper .payment-list ul li a img {

  display: block;

  object-fit: contain;

  height: 30px;

}

footer .footer-bottom--wrapper .payment-list ul li a img[src*=visa] {

  height: 24px;

}

footer .footer-bottom--wrapper .payment-list ul li a img[src*=maestro], footer .footer-bottom--wrapper .payment-list ul li a img[src*=mastercard] {

  height: 38px;

}

footer .footer-bottom--wrapper .created-by a {

  transition: 0.26s all;

  color: #888;

  font-size: 0.8125rem;

  font-weight: 400;

  text-decoration: none;

}

@media (hover: hover) {

  footer .footer-bottom--wrapper .created-by a:hover {

    color: #000;

  }

}



.breadcrumb {

  margin: 1rem 0 0 0;

  padding: 0 0 0.75rem 0;

  border-bottom: 1px solid var(--lightBgColor);

}

@media (max-width: 767px) {

  .breadcrumb {

    padding: 0.75rem 0;

  }

}

.breadcrumb ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  display: flex;

  gap: 0.5rem;

  align-items: center;

  justify-content: center;

}

.breadcrumb ul li {

  margin: 0;

  padding: 0;

  font-size: 0.75rem;

  display: flex;

  gap: 0.5rem;

  align-items: center;

  justify-content: center;

}

.breadcrumb ul li:not(:last-of-type)::after {

  --separatorSize: 10px;

  content: "";

  display: block;

  width: var(--separatorSize);

  height: var(--separatorSize);

  background: url("components/layout/breadcrumb/arrow.svg?v1") no-repeat;

  background-position: center center;

  background-size: var(--separatorSize);

}

.breadcrumb ul li a {

  transition: 0.26s all;

  position: relative;

  color: #808080;

  text-decoration: none;

}

.breadcrumb ul li a::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  height: 1px;

  background-color: #000;

  visibility: hidden;

  transition: all 0.3s ease-in-out 0s;

}

.breadcrumb ul li a:hover::before {

  visibility: visible;

}

.breadcrumb ul li a::before {

  width: 100%;

  transform: scaleX(0);

}

.breadcrumb ul li a:hover::before {

  transform: scaleX(1);

}

@media (hover: hover) {

  .breadcrumb ul li a:hover {

    color: #000;

  }

}



.favorite-categories {

  padding: 0 0 2rem 0;

}

@media (max-width: 767px) {

  .favorite-categories {

    padding: 0;

  }

}

.favorite-categories .container {

  display: flex;

  flex-direction: column;

  grid-gap: 3rem;

}

.favorite-categories--title h2 {

  margin: 0;

  padding: 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

}

@media (max-width: 767px) {

  .favorite-categories--title h2 {

    font-size: 1.5rem;

  }

}

.favorite-categories--list ul {

  --categoriesInRow: 4;

  margin: 0;

  padding: 0;

  list-style-type: none;

  display: grid;

  grid-gap: 1.875rem;

  grid-template-columns: repeat(var(--categoriesInRow), minmax(0, 1fr));

}

@media (max-width: 1339px) {

  .favorite-categories--list ul {

    grid-gap: 1.25rem;

  }

}

@media (max-width: 1199px) {

  .favorite-categories--list ul {

    --categoriesInRow: 3;

  }

}

@media (max-width: 991px) {

  .favorite-categories--list ul {

    --categoriesInRow: 2;

  }

}

@media (max-width: 499px) {

  .favorite-categories--list ul {

    --categoriesInRow: 1;

  }

}

.favorite-categories--list ul li {

  margin: 0;

  padding: 0;

}

.favorite-categories--list ul li a {

  transition: 0.3s all;

  padding: 1.5rem 0.5rem;

  display: block;

  background: #fff;

  border: 1px solid var(--lightBgColor);

  border-radius: 0.625rem;

  color: var(--primaryColor);

  font-family: var(--primaryFont);

  font-size: 1.25rem;

  font-weight: 700;

  text-align: center;

  text-decoration: none;

}

@media (max-width: 1339px) {

  .favorite-categories--list ul li a {

    font-size: 1.125rem;

  }

}

@media (hover: hover) {

  .favorite-categories--list ul li a:hover {

    border: 1px solid var(--primaryColor);

  }

}

.favorite-categories--list ul li a img {

  width: 100%;

  height: 200px;

  object-fit: contain;

}

.favorite-categories--list ul li a .text {

  padding: 1rem 0 0 0;

  display: block;

}



.best-offer {

  padding: 7rem 0 0 0;

}

@media (max-width: 767px) {

  .best-offer {

    padding: 4rem 0 0 0;

  }

}

.best-offer .container {

  display: flex;

  flex-direction: column;

  grid-gap: 3rem;

}

.best-offer .container::before, .best-offer .container::after {

  display: none;

}

.best-offer--title h2 {

  margin: 0;

  padding: 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

}

@media (max-width: 767px) {

  .best-offer--title h2 {

    font-size: 1.5rem;

  }

}

.best-offer--list {

  --productsInRow: 4;

  margin: 0;

  padding: 0;

  list-style-type: none;

  display: grid;

  grid-gap: 0.5rem;

  grid-template-columns: repeat(var(--productsInRow), minmax(0, 1fr));

}

@media (max-width: 1339px) {

  .best-offer--list {

    grid-gap: 1.25rem;

  }

}

@media (max-width: 1199px) {

  .best-offer--list {

    --productsInRow: 3;

  }

}

@media (max-width: 991px) {

  .best-offer--list {

    --productsInRow: 2;

  }

}

@media (max-width: 499px) {

  .best-offer--list {

    --productsInRow: 1;

  }

}



.blog--wrapper {

  padding: 4.5rem 0;

  background: var(--lightBgColor);

}

.blog--title h2 {

  margin: 0;

  padding: 0 0 2rem 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

}

@media (max-width: 767px) {

  .blog--title h2 {

    font-size: 1.5rem;

  }

}

.blog--list {

  --articlesInRow: 3;

  display: grid;

  grid-column-gap: 1.5rem;

  grid-template-columns: repeat(var(--articlesInRow), minmax(0, 1fr));

}

@media (max-width: 991px) {

  .blog--list {

    --articlesInRow: 1;

    grid-row-gap: 3rem;

  }

}

.blog-item--photo, .blog-item--title, .blog-item--desc, .blog-item--cta {

  display: block;

}

.blog-item--photo img {

  display: block;

  background: #ddd;

  border-radius: 1.25rem;

  width: 100%;

  height: 170px;

  object-fit: cover;

}

.blog-item--desc, .blog-item--title, .blog-item--cta {

  text-align: center;

}

@media (max-width: 991px) {

  .blog-item--desc, .blog-item--title, .blog-item--cta {

    text-align: left;

  }

}

.blog-item--title {

  margin: 1rem 0;

  padding: 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 1.125rem;

  font-weight: 700;

  --rows: 2;

  --lineHeight: 1.5rem;

  line-height: var(--lineHeight);

  height: calc(var(--rows) * var(--lineHeight));

  max-height: calc(var(--rows) * var(--lineHeight));

  display: -webkit-box;

  line-clamp: var(--rows);

  -webkit-line-clamp: var(--rows);

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

@media (max-width: 991px) {

  .blog-item--title {

    --rows: 1;

  }

}

.blog-item--desc {

  margin: 0;

  padding: 0;

  color: var(--textColor);

  font-family: var(--primaryFont);

  font-size: 0.8125rem;

  --rows: 3;

  --lineHeight: 1.25rem;

  line-height: var(--lineHeight);

  max-height: calc(var(--rows) * var(--lineHeight));

  display: -webkit-box;

  line-clamp: var(--rows);

  -webkit-line-clamp: var(--rows);

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

@media (max-width: 1199px) {

  .blog-item--desc {

    --rows: 4;

  }

}

@media (max-width: 991px) {

  .blog-item--desc {

    font-size: 0.875rem;

    --lineHeight: 1.375rem;

  }

}

.blog-item--cta {

  padding: 1.5rem 0 0;

}

@media (max-width: 991px) {

  .blog-item--cta {

    padding: 1rem 0 0 0;

  }

}

.blog-item--cta .fake-cta {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.625rem 2rem;

  background: #fff;

  border-radius: 100px;

  color: var(--primaryColor_Darken);

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

}

@media (hover: hover) {

  .blog-item:hover {

    text-decoration: none;

  }

  .blog-item:hover .blog-item--cta .fake-cta {

    background: var(--primaryColor);

    color: #fff;

  }

}



.main_slider_holder {

  padding: 1rem 0;

  background: var(--lightBgColor);

}

.main_slider_holder .main_slider {

  position: relative;

  margin: 0 0 -5rem 0;

}

@media (max-width: 767px) {

  .main_slider_holder .main_slider {

    margin: 0 0 -2.5rem 0;

  }

}

.main_slider_holder .main_slider .arrow-prev,

.main_slider_holder .main_slider .arrow-next {

  --iconSize: 30px;

  --iconSliderOffset: 3rem;

  --iconWrapper: 1.75rem;

  position: absolute;

  top: calc(50% - (var(--iconSize) + var(--iconWrapper)) / 2);

  cursor: pointer;

  width: calc(var(--iconSize) + var(--iconWrapper));

  height: calc(var(--iconSize) + var(--iconWrapper));

  border: 1px solid rgba(0, 0, 0, 0);

  border-radius: 100%;

  display: flex !important;

  align-items: center;

  justify-content: center;

}

@media (max-width: 1499px) {

  .main_slider_holder .main_slider .arrow-prev,

  .main_slider_holder .main_slider .arrow-next {

    --iconSliderOffset: 1rem;

  }

}

@media (max-width: 991px) {

  .main_slider_holder .main_slider .arrow-prev,

  .main_slider_holder .main_slider .arrow-next {

    --iconSliderOffset: .625rem;

    --iconWrapper: 1.125rem;

  }

}

@media (hover: hover) {

  .main_slider_holder .main_slider .arrow-prev,

  .main_slider_holder .main_slider .arrow-next {

    transition: 0.3s all;

  }

  .main_slider_holder .main_slider .arrow-prev:hover,

  .main_slider_holder .main_slider .arrow-next:hover {

    background: #fff;

    border: 1px solid rgba(0, 0, 0, 0.2);

  }

}

.main_slider_holder .main_slider .arrow-prev svg,

.main_slider_holder .main_slider .arrow-next svg {

  width: var(--iconSize);

  height: var(--iconSize);

  object-fit: contain;

}

.main_slider_holder .main_slider .arrow-prev {

  left: calc((var(--iconSize) + var(--iconSliderOffset)) * -1);

}

.main_slider_holder .main_slider .arrow-prev svg {

  transform: translateX(-0.075rem);

}

.main_slider_holder .main_slider .arrow-next {

  right: calc((var(--iconSize) + var(--iconSliderOffset)) * -1);

}

.main_slider_holder .main_slider .arrow-next svg {

  transform: translateX(0.075rem);

}

.main_slider_holder .main_slider img {

  width: 100%;

  height: auto;

  object-fit: contain;

  border-radius: 0.625rem;

}



.new-contact-page .main-sections a.main-sections--item {

  border: 1px solid #ccc;

  border-radius: 0.5rem;

  overflow: hidden;

}

.new-contact-page .main-sections a.main-sections--item h2 {

  justify-content: start;

  border: 0;

  background: linear-gradient(180deg, #f9f9f9, #f0f0f0);

  font-size: 1rem;

  text-align: left;

  text-transform: none;

  line-height: 1.3;

}

.new-contact-page .main-sections a.main-sections--item h2::before {

  background: var(--primaryColor);

}

.new-contact-page .main-sections a.main-sections--item p {

  background: #f9f9f9;

  text-align: left;

  line-height: 1.35;

}

.new-contact-page .content-of-sections .goods-question .contacts-form form .buttonsBox .form_input.left input[type=submit] {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.625rem 2rem;

  background: var(--primaryColor);

  border: 1px solid var(--primaryColor);

  border-radius: 100px;

  color: #fff;

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

}

@media (hover: hover) {

  .new-contact-page .content-of-sections .goods-question .contacts-form form .buttonsBox .form_input.left input[type=submit]:hover {

    background: var(--primaryColor_Darken2);

    border: 1px solid var(--primaryColor_Darken2);

  }

}



.store-list .content .another-text p, .store-list .content .another-text span, .store-list .content .another-text table, .store-list .content .another-text ul li {

  font-size: initial;

}



.new-contact-page .container {

  padding: 0;

}

.new-contact-page .container .headquarters .contact-informations h2,

.new-contact-page .container .headquarters .contact-informations p {

  text-align: center;

}

.new-contact-page .container .headquarters .contact-informations table {

  margin: 0 auto;

  max-width: 370px;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list {

  display: block;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts {

  padding: 0 0 2rem 0;

  display: flex;

  gap: 2rem;

  align-items: center;

  justify-content: center;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .email,

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .phone {

  --iconSize: 30px;

  display: grid;

  align-items: center;

  grid-column-gap: 0.75rem;

  grid-template-columns: var(--iconSize) 1fr;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .email .icon,

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .phone .icon {

  display: flex;

  align-items: center;

  justify-content: center;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .email .icon img,

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .phone .icon img {

  width: var(--iconSize);

  height: var(--iconSize);

  object-fit: contain;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .email .value a,

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail .store-contacts .phone .value a {

  color: #000;

  font-size: 1rem;

  font-weight: 700;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail--admin-text, .new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail--admin-text-2 {

  margin: 0 auto;

  max-width: 760px;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail--admin-text p, .new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail--admin-text-2 p {

  font-size: 0.9375rem;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail--admin-map {

  padding: 1.5rem 0 0 0;

}

.new-contact-page .container .content-of-sections .contact-stores .store-list .store--item-detail--admin-map iframe {

  width: 100%;

}



div.container section.popUpLogin {

  padding: 2rem 0 3rem 0;

}

div.container section.popUpLogin form h2 {

  margin: 0;

  padding: 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

  padding: 0 0 2rem 0;

  text-align: left;

}

@media (max-width: 767px) {

  div.container section.popUpLogin form h2 {

    font-size: 1.5rem;

  }

}

@media (max-width: 991px) {

  div.container section.popUpLogin form h2 {

    font-size: 1.5rem;

  }

}

div.container section.popUpLogin form label {

  display: block;

  padding: 1.125rem 0 0 0.5rem;

}

div.container section.popUpLogin form input[type=text],

div.container section.popUpLogin form input[type=password] {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.75rem 1rem;

  height: auto;

  background: #ffffff;

  border: 1px solid #dae2d8;

  border-radius: 100px;

  font-size: 0.875rem;

}

@media (hover: hover) {

  div.container section.popUpLogin form input[type=text]:hover,

  div.container section.popUpLogin form input[type=password]:hover {

    border: 1px solid #beccbb;

    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);

  }

}

div.container section.popUpLogin form input[type=text]:focus,

div.container section.popUpLogin form input[type=password]:focus {

  border: 1px solid #b0c1ad;

  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);

}

div.container section.popUpLogin form input[type=submit] {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.625rem 2rem;

  background: var(--primaryColor);

  border: 1px solid var(--primaryColor);

  border-radius: 100px;

  color: #fff;

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

}

@media (hover: hover) {

  div.container section.popUpLogin form input[type=submit]:hover {

    background: var(--primaryColor_Darken2);

    border: 1px solid var(--primaryColor_Darken2);

  }

}

@media (max-width: 767px) {

  div.container section.popUpLogin .login {

    padding: 0 0 1rem 0;

  }

}

div.container section.popUpLogin .login input[type=submit] {

  margin: 0 0 1rem 0;

}

@media (max-width: 767px) {

  div.container section.popUpLogin .register {

    padding: 0;

  }

}

@media (max-width: 767px) {

  div.container section.popUpLogin .register form {

    padding: 2rem 0 0 0;

  }

}



.formError div.formErrorArrowBottom .line1,

.formError div.formErrorArrowBottom .line2,

.formError div.formErrorArrowBottom .line3,

.formError div.formErrorArrowBottom .line4,

.formError div.formErrorArrowBottom .line5,

.formError div.formErrorArrowBottom .line6,

.formError div.formErrorArrowBottom .line7,

.formError div.formErrorArrowBottom .line8,

.formError div.formErrorArrowBottom .line9,

.formError div.formErrorArrowBottom .line10 {

  display: none;

}



.formError div.formErrorContent {

  padding: 0.5rem 0.75rem;

  width: 190px;

  background: #c82e2e;

  border: 1px solid #ab2727;

  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);

  font-family: "Arial";

  font-size: 11px;

  font-weight: 700;

}



.category-seo {

  padding: 2.5rem 0;

  border-bottom: 1px solid var(--lightBgColor);

}

.category-seo h1 {

  margin: 0;

  padding: 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 2.625rem;

  font-weight: 700;

  text-align: center;

}

@media (max-width: 767px) {

  .category-seo h1 {

    font-size: 1.5rem;

  }

}

.category-seo--content {

  margin: 0 auto;

  padding: 1.75rem 0 0 0;

  max-width: 800px;

  color: var(--textColor);

  font-size: 0.8125rem;

  text-align: center;

}

.category-seo--content p {

  color: var(--textColor);

  font-size: 0.8125rem;

  text-align: center;

}

.category-seo--content p img {

  max-width: 100%;

  height: auto;

}



.subcategory-list--wrapper {

  padding: 2.5rem 0;

}

.subcategory-list ul.subCategories {

  --categoriesInRow: 4;

  margin: 0;

  padding: 0;

  list-style-type: none;

  display: grid;

  grid-column-gap: 1.25rem;

  grid-row-gap: 0.75rem;

  grid-template-columns: repeat(var(--categoriesInRow), minmax(0, 1fr));

}

@media (max-width: 1199px) {

  .subcategory-list ul.subCategories {

    --categoriesInRow: 3;

    grid-row-gap: 0.5rem;

  }

}

@media (max-width: 991px) {

  .subcategory-list ul.subCategories {

    --categoriesInRow: 2;

    grid-column-gap: 0.75rem;

  }

}

@media (max-width: 499px) {

  .subcategory-list ul.subCategories {

    --categoriesInRow: 1;

  }

}

.subcategory-list ul.subCategories li {

  display: block;

  margin: 0;

  padding: 0;

}

.subcategory-list ul.subCategories li a {

  transition: 0.26s all;

  --photoSize: 44px;

  display: grid;

  align-items: center;

  grid-column-gap: 0.75rem;

  grid-template-columns: var(--photoSize) 1fr;

  padding: 0.5rem;

  border: 1px solid var(--lightBgColor);

  border-radius: 5px;

  color: #000;

  font-size: 0.875rem;

  text-decoration: none;

}

@media (hover: hover) {

  .subcategory-list ul.subCategories li a:hover {

    border: 1px solid var(--primaryColor);

  }

}

.subcategory-list ul.subCategories li a .img img {

  width: var(--photoSize);

  height: var(--photoSize);

  object-fit: contain;

}



@media (max-width: 767px) {

  div#contentFilter > form > ul {

    position: static;

  }

}

div#contentFilter > form > ul > li.active {

  padding: 0 0.625rem 1rem 0.625rem;

}

div#contentFilter > form > ul > li.active ul {

  --leftSideSize: 221px;

  padding: 0.25rem 2.5rem 1rem 2.5rem;

  background: transparent;

  width: calc(100% - var(--leftSideSize));

}

@media (max-width: 767px) {

  div#contentFilter > form > ul > li.active ul {

    position: static;

    padding: 0.75rem;

    width: 100%;

    background: #fff;

    border-left: 1px solid #ebf0e6;

    border-right: 1px solid #ebf0e6;

    border-bottom: 2px solid #ebf0e6;

  }

}

@media (max-width: 767px) {

  div#contentFilter > form > ul > li.active ul li {

    float: none;

  }

}

@media (max-width: 767px) {

  div#contentFilter > form > ul > li.active ul li.header {

    padding: 1.25rem 0.5rem 0.75rem 0.5rem !important;

  }

}

@media (max-width: 767px) {

  div#contentFilter > form > ul > li.active ul li.f_item {

    padding: 0 0 0.25rem 0.5rem;

    width: 100%;

  }

}

@media (max-width: 767px) {

  div#contentFilter > form > ul > li.active ul li.f_item input[type=checkbox] {

    position: static;

  }

}

@media (max-width: 767px) {

  div#contentFilter > form > ul > li.active ul li.f_item label {

    padding: 0;

  }

}

div#contentFilter > form > ul > li.active ul li.slider-content {

  display: grid;

  grid-column-gap: 2rem;

  align-items: center;

  grid-template-columns: 130px 1fr 130px;

}

div#contentFilter > form > ul > li.active ul li.slider-content .ui-slider-horizontal .ui-slider-range {

  background: #658410;

}

div#contentFilter > form > ul > li.active ul li.slider-content .ui-slider-horizontal .ui-slider-handle {

  --handleSize: 26px;

  top: -7px;

  background: var(--primaryColor);

  border-radius: 50%;

  width: var(--handleSize);

  height: var(--handleSize);

}

div#contentFilter > form > ul > li.active ul li.slider-content .ui-slider {

  width: 100%;

}

div#contentFilter > form > ul > li.active ul li.slider-content .slider-from,

div#contentFilter > form > ul > li.active ul li.slider-content .slider-to {

  padding: 0;

  width: auto;

  font-size: 1.125rem;

}

@media (max-width: 499px) {

  div#contentFilter > form > ul > li.active ul li.slider-content .slider-from,

  div#contentFilter > form > ul > li.active ul li.slider-content .slider-to {

    font-size: 1rem;

  }

}

div#contentFilter > form > ul > li.active ul li.slider-content .slider-to {

  text-align: left;

}

div#contentFilter > form > ul > li > span {

  padding: 0.625rem 0.75rem;

  font-size: 0.875rem;

  line-height: 1.3;

}



div#contentFilter > form > ul > li {

  border-right: 1px solid var(--lightBgColor);

}

@media (hover: hover) {

  div#contentFilter > form > ul > li:hover {

    background: #fff;

  }

}

@media (max-width: 767px) {

  div#contentFilter > form > ul > li {

    width: 100%;

  }

}



div#contentFilter > form > ul > li.active ul li .filtrItem {

  display: flex;

  align-items: center;

  gap: 0.25rem;

}

div#contentFilter > form > ul > li.active ul li .filtrItem label {

  margin: 0;

  font-size: 0.875rem;

}



div#contentFilter > form > ul > li.active {

  background: var(--lightBgColor_Darker);

  border-top: 1px solid var(--lightBgColor);

  border-bottom: 1px solid var(--lightBgColor);

}



@media (max-width: 991px) {

  div#contentFilter div.filterTop div.filterCell.slider #slider-range.ui-slider {

    width: 140px;

  }

}



div#contentFilter {

  background: var(--lightBgColor_Darker);

  border: 0;

  border-radius: 0.625rem;

}

div#contentFilter div.filterTop {

  padding: 1.5rem;

  background: transparent;

  border: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 767px) {

  div#contentFilter div.filterTop {

    flex-direction: column;

    gap: 1.5rem;

  }

}

div#contentFilter div.filterTop div.filterCell {

  float: none;

}

div#contentFilter div.filterTop div.filterCell a.btnFilter {

  background-image: linear-gradient(-79deg, #9bc62a 0%, #77b01a 100%);

  border-radius: 0.5rem;

  font-size: 0.9375rem;

  text-transform: none;

}

div#contentFilter div.filterTop div.slider-content {

  display: grid;

  grid-column-gap: 2rem;

  align-items: center;

  grid-template-columns: 130px 1fr 130px;

}

div#contentFilter div.filterTop div.slider-content .ui-slider-horizontal .ui-slider-range {

  background: #658410;

}

div#contentFilter div.filterTop div.slider-content .ui-slider-horizontal .ui-slider-handle {

  --handleSize: 30px;

  top: -9px;

  background: var(--primaryColor);

  border-radius: 50%;

  width: var(--handleSize);

  height: var(--handleSize);

}

div#contentFilter div.filterTop div.slider-content .slider-from,

div#contentFilter div.filterTop div.slider-content .slider-to {

  padding: 0;

  width: auto;

  font-size: 1.5rem;

}

@media (max-width: 991px) {

  div#contentFilter div.filterTop div.slider-content .slider-from,

  div#contentFilter div.filterTop div.slider-content .slider-to {

    font-size: 1.25rem;

  }

}

@media (max-width: 767px) {

  div#contentFilter div.filterTop div.slider-content .slider-from,

  div#contentFilter div.filterTop div.slider-content .slider-to {

    font-size: 1.125rem;

  }

}

@media (max-width: 499px) {

  div#contentFilter div.filterTop div.slider-content .slider-from,

  div#contentFilter div.filterTop div.slider-content .slider-to {

    font-size: 1rem;

  }

}

div#contentFilter div.filterTop div.slider-content .slider-to {

  text-align: left;

}



.accept-button-phone {

  padding: 1rem;

  display: none !important;

}

.accept-button-phone a {

  transition: 0.26s all;

  padding: 1rem 3rem;

  display: inline-block;

  background: var(--primaryColor);

  border-radius: 0.375rem;

  color: #fff;

  font-size: 0.875rem;

  font-weight: 700;

  text-decoration: none;

}

@media (hover: hover) {

  .accept-button-phone a:hover {

    background: var(--primaryColor_Darken2);

  }

}



.search_product_area #categoryProducts {

  --productInRow: 3;

}

@media (max-width: 1199px) {

  .search_product_area #categoryProducts {

    --productInRow: 2;

  }

}

@media (max-width: 620px) {

  .search_product_area #categoryProducts {

    --productInRow: 1;

  }

}



#categoryProducts {

  --productInRow: 4;

  display: grid;

  grid-gap: 1rem;

  grid-template-columns: repeat(var(--productInRow), minmax(0, 1fr));

}

@media (max-width: 1199px) {

  #categoryProducts {

    --productInRow: 3;

  }

}

@media (max-width: 991px) {

  #categoryProducts {

    --productInRow: 2;

  }

}

@media (max-width: 620px) {

  #categoryProducts {

    --productInRow: 1;

  }

}



.pagination {

  padding: 1rem 0 2rem 0;

}

.pagination p.pagination {

  display: flex;

  gap: 0.375rem;

  align-items: center;

  justify-content: center;

  float: none;

}

.pagination p.pagination strong,

.pagination p.pagination a {

  padding: 0.75rem 1rem;

  border-radius: 0.3125rem;

  font-size: 1rem;

}

.pagination p.pagination strong {

  background-image: linear-gradient(-40deg, #9bc62a 0%, #77b01a 100%);

  color: #fff;

}

.pagination p.pagination a {

  background: #fff;

  border: 1px solid var(--lightBgColor);

  text-decoration: none;

}

@media (hover: hover) {

  .pagination p.pagination a:hover {

    background: var(--lightBgColor);

    text-decoration: none;

  }

}



@media (max-width: 767px) {

  .orderBox {

    padding: 0.75rem 0 0 0;

  }

}

.orderBox .showItem {

  font-size: 0.75rem;

}

@media (max-width: 991px) {

  .orderBox .showItem {

    display: none;

  }

}

.orderBox .orderItem ul li a {

  background: var(--lightBgColor);

  border-radius: 0.5rem 0.5rem 0 0;

}

.orderBox .orderItem ul li a.active {

  background: var(--lightBgColor_Darker);

}

@media (hover: hover) {

  .orderBox .orderItem ul li a:hover {

    background: var(--lightBgColor_Darker);

  }

}



.doporucujemeBest {

  --productsInRow: 4;

  padding: 2.5rem 0 0.75rem 0;

  display: grid;

  grid-template-columns: repeat(var(--productsInRow), minmax(0, 1fr));

}

@media (max-width: 767px) {

  .doporucujemeBest {

    display: none;

  }

}

.doporucujemeBest .product-item--small {

  position: relative;

  border-radius: 0;

  border-top: 1px solid var(--lightBgColor);

  border-bottom: 1px solid var(--lightBgColor);

}

.doporucujemeBest .product-item--small .info {

  margin: -2rem auto 0.5rem auto;

  width: 210px;

  height: 35px;

  border-radius: 2.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 0.6875rem;

  font-weight: 700;

  text-align: center;

}

@media (max-width: 1199px) {

  .doporucujemeBest .product-item--small .info {

    width: 180px;

  }

}

@media (max-width: 991px) {

  .doporucujemeBest .product-item--small .info {

    margin: -2.5rem auto 0.5rem auto;

    padding: 0.125rem 1rem;

    width: auto;

    line-height: 1.3;

    height: 40px;

  }

}

@media (max-width: 991px) {

  .doporucujemeBest .product-item--small .actions {

    flex-direction: column;

    gap: 0.5rem;

  }

}

@media (max-width: 1199px) {

  .doporucujemeBest .product-item--small .actions .fake-cta {

    padding: 0.625rem 1.25rem;

  }

}

.doporucujemeBest .product-item--small:first-child {

  border-radius: 1.0625rem 0 0 1.0625rem;

  border-left: 1px solid var(--lightBgColor);

  border-right: 1px solid var(--lightBgColor);

}

.doporucujemeBest .product-item--small:first-child .info {

  background-image: linear-gradient(270deg, #58c7ff 0%, #2c95ff 100%);

}

.doporucujemeBest .product-item--small:last-child {

  border-radius: 0 1.0625rem 1.0625rem 0;

  border-left: 1px solid var(--lightBgColor);

  border-right: 1px solid var(--lightBgColor);

}

.doporucujemeBest .product-item--small:last-child .info {

  background-image: linear-gradient(270deg, #ffce21 0%, #ffaf2c 100%);

}

.doporucujemeBest .product-item--small:nth-child(2) {

  border-right: 1px solid var(--lightBgColor);

}

.doporucujemeBest .product-item--small:nth-child(2) .info {

  background-image: linear-gradient(270deg, #34d78c 0%, #03c2d2 100%);

}

.doporucujemeBest .product-item--small:nth-child(3) .info {

  background-image: linear-gradient(270deg, #dbbc00 0%, #00cc47 100%);

}



.product-item--small {

  transition: 0.3s all;

  display: flex;

  gap: 0.5rem;

  flex-direction: column;

  padding: 1.25rem;

  border-radius: 1.0625rem;

  text-decoration: none;

}

@media (hover: hover) {

  .product-item--small:hover {

    text-decoration: none;

    box-shadow: 0 2px 34px 0 rgba(69, 88, 18, 0.1);

  }

}

.product-item--small .photo img {

  width: 100%;

  height: 210px;

  object-fit: contain;

}

.product-item--small .content .availability {

  color: #8fba1b;

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

}

.product-item--small .content h3 {

  margin: 0.25rem 0 0.5rem 0;

  padding: 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 1.125rem;

  font-weight: 700;

  --rows: 2;

  --lineHeight: 1.25rem;

  line-height: var(--lineHeight);

  max-height: calc(var(--rows) * var(--lineHeight) + 3px);

  height: calc(var(--rows) * var(--lineHeight) + 3px);

  display: -webkit-box;

  line-clamp: var(--rows);

  -webkit-line-clamp: var(--rows);

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.product-item--small .content p {

  color: var(--textColor);

  font-family: var(--primaryFont);

  font-size: 0.8125rem;

  --rows: 4;

  --lineHeight: 1.1875rem;

  line-height: var(--lineHeight);

  max-height: calc(var(--rows) * var(--lineHeight));

  display: -webkit-box;

  line-clamp: var(--rows);

  -webkit-line-clamp: var(--rows);

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}

.product-item--small .actions {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.product-item--small .actions .prices .price-actual {

  color: var(--primaryColor);

  font-family: var(--primaryFont);

  font-size: 1.125rem;

  font-weight: 700;

}

.product-item--small .actions .fake-cta {

  padding: 0.625rem 2rem;

  background: var(--lightBgColor);

  border-radius: 100px;

  color: var(--primaryColor_Darken);

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

}



.product_detail {

  padding: 1.75rem 0 0 0;

}

@media (max-width: 1199px) {

  .product_detail .product_gallery {

    width: 440px;

  }

}

@media (max-width: 991px) {

  .product_detail .product_gallery {

    width: 100%;

  }

}

@media (max-width: 1339px) {

  .product_detail .product_content {

    width: 560px;

  }

}

@media (max-width: 1199px) {

  .product_detail .product_content {

    width: 430px;

  }

}

@media (max-width: 991px) {

  .product_detail .product_content {

    width: 100%;

  }

}



.product_detail .params_box table tr td:first-child,

.product_detail .params_box table tr td:last-child,

.product_detail .vyhody_box_pravy ul li,

.product_detail .avalibility_box table tr td:first-child {

  font-size: 0.875rem;

}



.product_detail .buybox_holder {

  background: var(--lightBgColor_Darker);

}

.product_detail .buybox_holder.noGift {

  border-radius: 0.625rem;

}

.product_detail .buybox_holder.is_gift_sale {

  border-radius: 0 0 0.625rem 0.625rem;

}

@media (max-width: 991px) {

  .product_detail .buybox_holder.is_gift_sale {

    position: relative;

  }

}

@media (max-width: 991px) {

  .product_detail .buybox_holder.is_gift_sale .gift_sale {

    margin: 0;

    position: absolute;

    top: 45px;

    right: 1rem;

  }

}



.links_holder ul li.porovnani a,

.links_holder ul li.dotaz a {

  color: #808080;

  font-size: 0.875rem;

  font-weight: 400;

  text-transform: none;

}



.homepage-benefits {

  margin: 1.5rem 0 0 0;

  background: var(--benefitSectionBg);

}

.homepage-benefits .container {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 0.25rem;

}

@media (max-width: 991px) {

  .homepage-benefits .container {

    justify-content: space-evenly;

    flex-wrap: wrap;

    gap: 0.75rem;

  }

}

@media (max-width: 767px) {

  .homepage-benefits .container {

    display: flex;

    gap: 1.5rem;

  }

}

.homepage-benefits .container .benefit-item {

  align-items: center;

  grid-column-gap: 0.625rem;

  grid-row-gap: 0.25rem;

}

.homepage-benefits .container .benefit-item__icon {

  display: flex;

  align-items: center;

  justify-content: center;

}

.homepage-benefits .container .benefit-item__text, .homepage-benefits .container .benefit-item__subtext {

  display: block;

  line-height: 1.3;

}

.homepage-benefits .container .benefit-item__content {

  color: var(--benefitSectionColor);

}



body.product-page .tabs_navigation {

  background: var(--lightBgColor);

  padding: 0;

  margin: 0;

  box-shadow: none;

}

body.product-page .tabs_navigation.fixed {

  position: initial;

  width: 100%;

}

body.product-page .tabs_navigation ul.nav-tabs {

  background: transparent;

  display: flex;

  gap: 0.5rem;

  align-items: center;

  justify-content: start;

  overflow-y: auto;

}

body.product-page .tabs_navigation ul.nav-tabs li {

  border: 0 !important;

}

@media (hover: hover) {

  body.product-page .tabs_navigation ul.nav-tabs li:hover a {

    background: transparent !important;

  }

}

body.product-page .tabs_navigation ul.nav-tabs li a {

  padding: 0.75rem 0 0 !important;

}

body.product-page .tabs_navigation ul.nav-tabs li a span {

  padding: 1.5rem 2rem !important;

  font-weight: 400;

  border-radius: 0.625rem 0.625rem 0 0;

}

@media (max-width: 991px) {

  body.product-page .tabs_navigation ul.nav-tabs li a span {

    padding: 1rem 1.25rem !important;

    font-size: 0.875rem;

    white-space: nowrap;

  }

}

@media (max-width: 991px) {

  body.product-page .tabs_navigation ul.nav-tabs li:not(.active) a span {

    background: rgba(255, 255, 255, 0.3);

  }

}

@media (hover: hover) {

  body.product-page .tabs_navigation ul.nav-tabs li:not(.active) a:hover span {

    background: rgba(0, 0, 0, 0.025);

  }

}

body.product-page .tabs_navigation ul.nav-tabs li.active a[role=tab] {

  background: transparent !important;

}

body.product-page .tabs_navigation ul.nav-tabs li.active a[role=tab] span {

  font-weight: 700;

  background: #fff;

}



.detail_param_holder {

  padding: 2rem 0;

}

.detail_param_holder table {

  margin: 0 auto;

  max-width: 640px;

}

.detail_param_holder table:not(:first-child) {

  margin: 1.75rem auto 0 auto;

}

.detail_param_holder table tr th {

  padding: 1.75rem 0 0.75rem 0;

  font-size: 1.125rem;

  font-weight: 700;

  text-transform: none;

}

.detail_param_holder table tr td:first-child {

  border-radius: 40px 0 0 40px;

  font-weight: 400;

}

.detail_param_holder table tr td:last-child {

  border-radius: 0 40px 40px 0;

  font-weight: 700;

}

.detail_param_holder table tr:nth-child(even) td {

  background: #fff;

}

.detail_param_holder table tr:nth-child(odd) td {

  background: var(--lightBgColor);

}



#prislusenstvi_1,

.manufacturerSimilarProducts {

  padding: 3rem 0;

}

#prislusenstvi_1 > h2,

.manufacturerSimilarProducts > h2 {

  margin: 0;

  padding: 0 0 1.5rem 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

}

@media (max-width: 767px) {

  #prislusenstvi_1 > h2,

  .manufacturerSimilarProducts > h2 {

    font-size: 1.5rem;

  }

}



.manufacturerSimilarProducts {

  padding-top: 0;

}



.small_products_holder.smaller_product .product {

  border: 1px solid var(--lightBgColor);

  border-radius: 0.5rem;

}

.small_products_holder.smaller_product .product .img a {

  border: 0;

}

.small_products_holder.smaller_product .product .productPrice {

  border-top: 1px solid var(--lightBgColor);

  background: transparent;

}

.small_products_holder.smaller_product .product .btnMore {

  padding: 0.625rem 1.75rem;

  background: linear-gradient(-78deg, #444 0%, #333 100%);

  border-radius: 1rem;

  font-family: var(--primaryFont);

}

@media (hover: hover) {

  .small_products_holder.smaller_product .product .btnMore:hover {

    color: var(--primaryColor);

    background: linear-gradient(-78deg, #444 0%, #333 100%);

  }

}

.small_products_holder.smaller_product .product form .btnBuyIt {

  padding: 0.625rem 1.75rem;

  background: linear-gradient(-78deg, #9bc62a 0%, #77b01a 100%);

  border-radius: 1rem;

}



.manufacturerSimilarProducts .doporucujemeBest.productDetailAlternative .product {

  border: 1px solid var(--lightBgColor);

  border-radius: 0.5rem;

  box-shadow: none;

}

.manufacturerSimilarProducts .doporucujemeBest.productDetailAlternative .product .availability {

  padding: 0.5rem 0.625rem;

  font-size: 0.8125rem;

  font-weight: 700;

}

.manufacturerSimilarProducts .doporucujemeBest.productDetailAlternative .product .bottom {

  background: var(--lightBgColor);

}

.manufacturerSimilarProducts .doporucujemeBest.productDetailAlternative .product .bottom a.detail {

  padding: 0.5rem 1.125rem;

  background: linear-gradient(-78deg, #444 0%, #333 100%);

  border-radius: 1rem;

  font-family: var(--primaryFont);

}



.tab-pane#kestazeni {

  padding: 3rem 0;

}

.tab-pane#kestazeni h2 {

  margin: 0;

  padding: 0 0 1.5rem 0;

  color: #000;

  font-family: var(--primaryFont);

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

  text-transform: none;

}

@media (max-width: 767px) {

  .tab-pane#kestazeni h2 {

    font-size: 1.5rem;

  }

}



.product_detail .avalibility_box table tr td span.green {

  color: var(--primaryColor);

}



.product_detail {

  --edgeSize: 1rem;

}

.product_detail .free_giftbox {

  background: var(--lightBgColor_Darker);

  border: 0;

  border-radius: 0.625rem 0.625rem 0 0;

}

.product_detail .free_giftbox div.tit {

  padding: 0 0 0 calc(var(--edgeSize) * 2);

  font-size: 0.875rem;

  background: url("../images/black_gift_icon.svg") right 21px center no-repeat;

}

@media (max-width: 1199px) {

  .product_detail .free_giftbox div.tit {

    border: 0;

  }

}

@media (max-width: 767px) {

  .product_detail .maybe-reverse {

    display: block;

  }

}

@media (max-width: 767px) {

  .product_detail .maybe-reverse > .responsive-phone-visible h3.for-gifts {

    margin: 2rem 0 1rem 0 !important;

  }

}

@media (max-width: 767px) {

  .product_detail .buybox_holder {

    padding: 0.625rem !important;

  }

}

.product_detail .buybox_holder .buy_submit input {

  display: block;

  padding: 0.25rem;

  width: 100%;

  background: linear-gradient(-78deg, #9bc62a 0%, #77b01a 100%);

  border-radius: 1.4375rem;

  color: #fff;

  font-size: 0.875rem;

  font-weight: 600;

  text-transform: none;

}

.product_detail .buybox_holder.noGift,

.product_detail .buybox_holder.is_gift_sale {

  padding: 0;

  display: grid;

  align-items: center;

  grid-template-areas: "title quantityBox buyCta" "priceBox quantityBox buyCta" "installmentCompanies installmentCompanies installmentCompanies";

  grid-template-columns: 1fr 110px 0.75fr;

  grid-column-gap: 1.25rem;

}

.product_detail .buybox_holder.noGift .title,

.product_detail .buybox_holder.is_gift_sale .title {

  grid-area: title;

}

.product_detail .buybox_holder.noGift .price,

.product_detail .buybox_holder.is_gift_sale .price {

  grid-area: priceBox;

}

.product_detail .buybox_holder.noGift .splatky,

.product_detail .buybox_holder.is_gift_sale .splatky {

  grid-area: installmentCompanies;

}

.product_detail .buybox_holder.noGift .quantity,

.product_detail .buybox_holder.is_gift_sale .quantity {

  grid-area: quantityBox;

}

.product_detail .buybox_holder.noGift .buy_submit,

.product_detail .buybox_holder.is_gift_sale .buy_submit {

  grid-area: buyCta;

}

@media (max-width: 1199px) {

  .product_detail .buybox_holder.noGift,

  .product_detail .buybox_holder.is_gift_sale {

    grid-template-areas: "title title" "priceBox priceBox" "quantityBox buyCta" "installmentCompanies installmentCompanies";

    grid-template-columns: 110px 1fr;

  }

}

@media (max-width: 991px) {

  .product_detail .buybox_holder.noGift,

  .product_detail .buybox_holder.is_gift_sale {

    grid-template-areas: "title title" "priceBox priceBox" "quantityBox buyCta" "installmentCompanies installmentCompanies";

    grid-template-columns: 110px 1fr;

  }

}

@media (max-width: 767px) {

  .product_detail .buybox_holder.noGift,

  .product_detail .buybox_holder.is_gift_sale {

    grid-template-areas: "title title" "priceBox priceBox" "quantityBox buyCta" "installmentCompanies installmentCompanies";

    grid-template-columns: 110px 1fr;

  }

}

.product_detail .buybox_holder.noGift span.title,

.product_detail .buybox_holder.noGift .price,

.product_detail .buybox_holder.noGift .splatky,

.product_detail .buybox_holder.noGift .quantity,

.product_detail .buybox_holder.is_gift_sale span.title,

.product_detail .buybox_holder.is_gift_sale .price,

.product_detail .buybox_holder.is_gift_sale .splatky,

.product_detail .buybox_holder.is_gift_sale .quantity {

  display: block;

  width: auto;

  float: none;

}

.product_detail .buybox_holder.noGift span.title,

.product_detail .buybox_holder.is_gift_sale span.title {

  padding: var(--edgeSize) 0 0 calc(var(--edgeSize) * 2);

  font-size: 0.75rem;

}

@media (max-width: 767px) {

  .product_detail .buybox_holder.noGift span.title,

  .product_detail .buybox_holder.is_gift_sale span.title {

    padding: var(--edgeSize) 0 0 0.375rem;

  }

}

.product_detail .buybox_holder.noGift .price,

.product_detail .buybox_holder.is_gift_sale .price {

  padding: 0.25rem 0 var(--edgeSize) calc(var(--edgeSize) * 2);

  color: var(--primaryColor);

  font-size: 1.5rem;

  text-align: left;

}

@media (max-width: 767px) {

  .product_detail .buybox_holder.noGift .price,

  .product_detail .buybox_holder.is_gift_sale .price {

    padding: 0.25rem 0 var(--edgeSize) 0.375rem;

  }

}

.product_detail .buybox_holder.noGift .price .dph,

.product_detail .buybox_holder.is_gift_sale .price .dph {

  display: none;

}

.product_detail .buybox_holder.noGift .price-per-unit,

.product_detail .buybox_holder.is_gift_sale .price-per-unit {

  padding: 6px 0 0 0;

  color: #999;

  font-size: 11px;

  font-weight: 700;

}

.product_detail .buybox_holder.noGift .splatky,

.product_detail .buybox_holder.is_gift_sale .splatky {

  border-top: 1px solid #e8ede7;

  padding: 0.625rem 0.25rem;

  text-align: center;

}

@media (max-width: 1199px) {

  .product_detail .buybox_holder.noGift .splatky,

  .product_detail .buybox_holder.is_gift_sale .splatky {

    margin-top: 1rem;

  }

}

@media (max-width: 767px) {

  .product_detail .buybox_holder.noGift .splatky,

  .product_detail .buybox_holder.is_gift_sale .splatky {

    position: static;

  }

}

.product_detail .buybox_holder.noGift .splatky a,

.product_detail .buybox_holder.is_gift_sale .splatky a {

  transition: 0.26s all;

  position: relative;

  color: #c82e2e;

  text-decoration: none;

}

.product_detail .buybox_holder.noGift .splatky a::before,

.product_detail .buybox_holder.is_gift_sale .splatky a::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  height: 1px;

  background-color: #c82e2e;

  visibility: hidden;

  transition: all 0.3s ease-in-out 0s;

}

.product_detail .buybox_holder.noGift .splatky a:hover::before,

.product_detail .buybox_holder.is_gift_sale .splatky a:hover::before {

  visibility: visible;

}

.product_detail .buybox_holder.noGift .splatky a::before,

.product_detail .buybox_holder.is_gift_sale .splatky a::before {

  width: 100%;

  transform: scaleX(0);

}

.product_detail .buybox_holder.noGift .splatky a:hover::before,

.product_detail .buybox_holder.is_gift_sale .splatky a:hover::before {

  transform: scaleX(1);

}

@media (max-width: 767px) {

  .product_detail .buybox_holder.noGift .splatky a,

  .product_detail .buybox_holder.is_gift_sale .splatky a {

    float: none;

    width: auto;

  }

}

@media (max-width: 767px) {

  .product_detail .buybox_holder.noGift .quantity,

  .product_detail .buybox_holder.is_gift_sale .quantity {

    position: relative;

    bottom: auto;

    left: auto;

  }

}

.product_detail .buybox_holder.noGift .quantity .quantity_inner input[type=text],

.product_detail .buybox_holder.noGift .quantity .quantity_inner input[type=number],

.product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner input[type=text],

.product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner input[type=number] {

  padding: 0.125rem 1rem;

  width: 100%;

  border-radius: 100px;

  font-weight: 400;

  text-align: center;

}

.product_detail .buybox_holder.noGift .quantity .quantity_inner span.plus,

.product_detail .buybox_holder.noGift .quantity .quantity_inner span.minus,

.product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner span.plus,

.product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner span.minus {

  top: 0.65rem;

  border-left: 0;

  border-bottom: 0;

  border-radius: 4px;

}

@media (hover: hover) {

  .product_detail .buybox_holder.noGift .quantity .quantity_inner span.plus:hover,

  .product_detail .buybox_holder.noGift .quantity .quantity_inner span.minus:hover,

  .product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner span.plus:hover,

  .product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner span.minus:hover {

    background: var(--lightBgColor);

  }

}

.product_detail .buybox_holder.noGift .quantity .quantity_inner span.minus,

.product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner span.minus {

  left: 0.5rem;

  right: auto;

  bottom: auto;

}

.product_detail .buybox_holder.noGift .quantity .quantity_inner span.plus,

.product_detail .buybox_holder.is_gift_sale .quantity .quantity_inner span.plus {

  right: 0.5rem;

}

.product_detail .buybox_holder.noGift .buy_submit,

.product_detail .buybox_holder.is_gift_sale .buy_submit {

  padding: 0 calc(var(--edgeSize) * 2) 0 0;

}

@media (max-width: 767px) {

  .product_detail .buybox_holder.noGift .buy_submit,

  .product_detail .buybox_holder.is_gift_sale .buy_submit {

    padding: 0 0.375rem 0 0;

    position: static;

  }

}



.product_detail .vyhody_box_pravy ul li {

  background: url("components/eshop/product/checked-benefit-icon.svg") left top 5px no-repeat;

  background-size: 20px 20px;

  padding: 6px 0px;

  padding-left: 1.875rem;

  font-size: 0.875rem;

  font-weight: 700;

}



.links_holder ul li.porovnani a {

  background: url("components/eshop/product/comparison-icon.svg") left center no-repeat;

  padding: 0 0 0 1.75rem;

}



.links_holder ul li.dotaz a {

  background: url("components/eshop/product/envelope-icon.svg") left center no-repeat;

  padding: 0 0 0 1.75rem;

}



.product_detail .product_gallery .thumb_gallery ul li a:hover {

  border: 2px solid var(--primaryColor);

}



@media (min-width: 992px) and (max-width: 1259px) {

  .product_detail .buybox_holder span.title {

    margin-left: 0 !important;

  }

}



.product_detail .detail_info_holder.noGift.alternative-detail-holder {

  padding: 0 0 2rem 0;

  height: auto;

}

@media (max-width: 767px) {

  .product_detail .detail_info_holder.noGift.alternative-detail-holder {

    padding: 0;

  }

}

.product_detail .detail_info_holder.noGift.alternative-detail-holder .alternative-products {

  background: #fff8f7;

  border: 1px solid #ffe7e6;

  border-radius: 0.5rem;

}

.product_detail .detail_info_holder.noGift.alternative-detail-holder .alternative-products--items ul li a {

  color: var(--primaryColor_Darken2);

}

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.hidden-xs.hidden-sm,

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.visible-xs {

  text-align: center;

}

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.hidden-xs.hidden-sm a,

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.visible-xs a {

  margin: 0 auto;

  display: flex;

  gap: 0.5rem;

  align-items: center;

  justify-content: center;

}

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.hidden-xs.hidden-sm a .dog-icon,

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.visible-xs a .dog-icon {

  display: flex;

  align-items: center;

  justify-content: center;

}

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.hidden-xs.hidden-sm {

  padding: 0.75rem 0 0 0;

}

.product_detail .detail_info_holder.noGift.alternative-detail-holder .dog.visible-xs {

  padding: 1rem 0;

}



div.overlayBox div.dog-popup form.adminform .buttonsBox .form_input.left input[type=submit] {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.625rem 2rem;

  background: var(--primaryColor);

  border: 1px solid var(--primaryColor);

  border-radius: 100px;

  color: #fff;

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

  margin-block: 1rem 0;

}

@media (hover: hover) {

  div.overlayBox div.dog-popup form.adminform .buttonsBox .form_input.left input[type=submit]:hover {

    background: var(--primaryColor_Darken2);

    border: 1px solid var(--primaryColor_Darken2);

  }

}



.action-box--wrapper {

  --buyBoxBackground: var(--lightBgColor_Darker);

  --buyBoxBorder: #e0e0e0;

  --availabilityColor__Custom: #222;

  --availabilityColor__Green: #379618;

  --availabilityColor__Red: #e03507;

  --priceLabelColor: #777;

  --priceBeforeColor: #777;

  --priceActualColor: #ff3702;

  --priceInformationColor: #999;

  --buyButtonBackground: #57ba36;

  --buyButtonBackgroundDarken: #44922b;

  padding: 15px 0;

}

.action-box--wrapper .product-buy-action input[type=submit],

.action-box--wrapper .product-buy-action button {

  transition: 0.26s all;

  display: inline-block;

  padding: 0.625rem 2rem;

  background: var(--primaryColor);

  border: 1px solid var(--primaryColor);

  border-radius: 100px;

  color: #fff;

  font-family: var(--primaryFont);

  font-size: 0.875rem;

  font-weight: 700;

}

@media (hover: hover) {

  .action-box--wrapper .product-buy-action input[type=submit]:hover,

  .action-box--wrapper .product-buy-action button:hover {

    background: var(--primaryColor_Darken2);

    border: 1px solid var(--primaryColor_Darken2);

  }

}

.action-box--wrapper .product-buy-action.align-end {

  padding: 15px 0 0 0;

  display: flex;

  justify-content: end;

}

.action-box--wrapper .product-buy-action.align-end input[type=submit],

.action-box--wrapper .product-buy-action.align-end button {

  padding: 1rem 3rem;

  font-size: 1rem;

}

.action-box--wrapper .buy-box--wrapper {

  padding: 20px;

  background: var(--buyBoxBackground, #f8f8f8);

  border: 0;

  border-radius: 0.625rem;

}

.action-box--wrapper .buy-box--wrapper:not(:last-of-type) {

  margin: 0 0 0.5rem 0;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant] {

  --priceSize: 275px;

  --quantitySize: 100px;

  --actionsSize: 200px;

  display: grid;

  grid-row-gap: 3px;

  grid-column-gap: 10px;

  grid-template-areas: "productName productName productName" "productStoreInfo productStoreInfo productInstallment" "priceBox productQuantity buyAction";

  grid-template-columns: minmax(var(--priceSize), 1fr) var(--quantitySize) var(--actionsSize);

}

@media (min-width: 992px) and (max-width: 1259px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-variant] {

    grid-template-areas: "productName productName" "productStoreInfo productStoreInfo" "priceBox priceBox" "productInstallment productInstallment" "buyAction buyAction";

    grid-template-columns: var(--quantitySize) 1fr;

  }

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-variant] {

    grid-template-areas: "productName" "productStoreInfo" "priceBox" "productInstallment" "buyAction";

    grid-template-columns: 1fr;

  }

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant] .product-quantity {

  display: none;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] {

  --productNameSize: 1fr;

  --quantitySize: 110px;

  --priceSize: 130px;

  padding: 10px 15px;

  display: grid;

  align-items: center;

  grid-row-gap: 3px;

  grid-column-gap: 15px;

  grid-template-areas: "productName productQuantity priceBox" "productStoreInfo productQuantity priceBox";

  grid-template-columns: var(--productNameSize) var(--quantitySize) var(--priceSize);

}

@media (min-width: 1260px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] {

    padding: 10px 20px;

  }

}

@media (min-width: 992px) and (max-width: 1259px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] {

    --quantitySize: 90px;

    --priceSize: 120px;

    grid-column-gap: 10px;

    grid-template-areas: "productName productQuantity priceBox" "productStoreInfo productQuantity priceBox";

    grid-template-columns: 1fr var(--quantitySize) var(--priceSize);

  }

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] {

    grid-template-areas: "productName productName" "productStoreInfo productStoreInfo" " productQuantity priceBox";

    grid-template-columns: var(--quantitySize) 1fr;

  }

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-buy-action {

  display: none;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-installment {

  display: none;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-name {

  padding: 0 10px 0 0;

  font-size: 16px;

}

@media (min-width: 992px) and (max-width: 1259px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-name {

    padding: 0;

    font-size: 15px;

  }

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity {

  align-self: center;

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity {

    justify-self: end;

  }

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity input[type=text],

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity input[type=size],

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity input[type=number] {

  padding: 6px 15px;

  border-radius: 100px;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity .plus,

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity .minus {

  top: 6px;

  bottom: 6px;

  border-radius: 50%;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity .plus {

  right: 5px;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-quantity .minus {

  left: 5px;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box {

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 5px;

  align-items: end;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-before,

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-actual {

  display: block;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-before .price-label,

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-actual .price-label {

  display: none;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-before.is-empty {

  display: none;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-before .price-value {

  font-size: 16px;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-actual .price-value {

  display: flex;

  flex-direction: column;

  gap: 3px;

  font-size: 20px;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-per-unit {

  padding: 4px 0 0 0;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-variant-quantity] .product-price-box .price-per-unit .price-label {

  display: none;

}

.action-box--wrapper .buy-box--wrapper[product-type=product-classic] {

  --priceSize: 275px;

  --quantitySize: 100px;

  --actionsSize: 200px;

  display: grid;

  grid-row-gap: 3px;

  grid-column-gap: 10px;

  grid-template-areas: "productInstallment productInstallment productInstallment" "priceBox productQuantity buyAction";

  grid-template-columns: minmax(var(--priceSize), 1fr) var(--quantitySize) var(--actionsSize);

}

@media (min-width: 992px) and (max-width: 1259px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-classic] {

    grid-template-areas: "priceBox priceBox" "productInstallment productInstallment" "productQuantity buyAction";

    grid-template-columns: var(--quantitySize) 1fr;

  }

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-classic] {

    grid-template-areas: "priceBox priceBox" "productInstallment productInstallment" "productQuantity buyAction";

    grid-template-columns: var(--quantitySize) 1fr;

  }

}

.action-box--wrapper .buy-box--wrapper[product-type=product-classic] .product-name,

.action-box--wrapper .buy-box--wrapper[product-type=product-classic] .product-store-info,

.action-box--wrapper .buy-box--wrapper[product-type=product-classic] .product-availability,

.action-box--wrapper .buy-box--wrapper[product-type=product-classic] .product-watchdog {

  display: none;

}

@media (min-width: 1260px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-classic] .product-installment {

    padding: 0 0 15px 0;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .action-box--wrapper .buy-box--wrapper[product-type=product-classic] .product-installment {

    justify-content: start;

    padding: 0 0 15px 0;

  }

}

.action-box--wrapper .buy-box--wrapper[product-type=product-classic] .product-price-box {

  padding-top: 0;

}

.action-box--wrapper .buy-box--wrapper .product-name {

  grid-area: productName;

  font-size: 18px;

  font-weight: 700;

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper .product-name {

    line-height: 1.3;

  }

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-name {

    font-size: 17px;

  }

}

.action-box--wrapper .buy-box--wrapper .product-store-info {

  grid-area: productStoreInfo;

}

.action-box--wrapper .buy-box--wrapper .product-availability {

  color: var(--availabilityColor__Custom, #222);

  font-size: 14px;

  font-weight: 700;

}

.action-box--wrapper .buy-box--wrapper .product-availability[availability-style=nosklad], .action-box--wrapper .buy-box--wrapper .product-availability[availability-style=not-available] {

  color: var(--availabilityColor__Red, red);

}

.action-box--wrapper .buy-box--wrapper .product-availability[availability-style=green], .action-box--wrapper .buy-box--wrapper .product-availability[availability-style=skladem], .action-box--wrapper .buy-box--wrapper .product-availability[availability-style=sklad], .action-box--wrapper .buy-box--wrapper .product-availability[availability-style=available] {

  color: var(--availabilityColor__Green, green);

}

.action-box--wrapper .buy-box--wrapper .product-exposed .productVariant .exposed-product {

  padding: 0.75rem 0 0 0;

  display: inline-block;

}

.action-box--wrapper .buy-box--wrapper .product-watchdog {

  --iconSize: 16px;

  padding: 5px 0 0 0;

  display: grid;

  align-items: center;

  grid-column-gap: 5px;

  grid-template-columns: var(--iconSize) 1fr;

  color: #000;

  text-decoration: none;

}

@media (hover: hover) {

  .action-box--wrapper .buy-box--wrapper .product-watchdog {

    text-decoration: underline;

  }

  .action-box--wrapper .buy-box--wrapper .product-watchdog:hover {

    text-decoration: none;

  }

}

.action-box--wrapper .buy-box--wrapper .product-watchdog--icon {

  display: flex;

  align-items: center;

  justify-content: center;

}

.action-box--wrapper .buy-box--wrapper .product-watchdog--value {

  font-size: 14px;

}

.action-box--wrapper .buy-box--wrapper .product-price-box {

  --textEdge: -1px;

  grid-area: priceBox;

  padding: 15px 0 5px 0;

  display: flex;

  gap: 5px;

  flex-direction: column;

  line-height: 1;

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box {

    gap: 8px;

  }

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-before,

.action-box--wrapper .buy-box--wrapper .product-price-box .price-actual,

.action-box--wrapper .buy-box--wrapper .product-price-box .price-per-unit {

  --labelSize: 110px;

  display: grid;

  align-items: end;

  grid-column-gap: 10px;

  grid-template-columns: var(--labelSize) 1fr;

}

@media (min-width: 992px) and (max-width: 1259px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-before,

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-actual,

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-per-unit {

    --labelSize: 140px;

  }

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-before,

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-actual,

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-per-unit {

    --labelSize: 150px;

  }

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-before,

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-actual,

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-per-unit {

    --labelSize: 100px;

  }

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-before .price-label,

.action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-label,

.action-box--wrapper .buy-box--wrapper .product-price-box .price-per-unit .price-label {

  color: var(--priceLabelColor, #111);

  font-size: 13px;

  font-weight: 700;

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-before .price-value,

.action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-value {

  font-weight: 700;

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-before .price-value {

  color: var(--priceBeforeColor, #999);

  font-size: 17px;

  text-decoration: line-through;

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-before .price-value.is-empty {

  text-decoration: none;

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-before .price-value {

    font-size: 15px;

    text-align: right;

  }

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-label::after {

    padding: 3px 0 0 0;

    content: attr(phone-info);

    display: block;

    font-size: 11px;

    opacity: 0.7;

  }

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-value {

  display: flex;

  gap: 7px;

  align-items: end;

  color: var(--priceActualColor, #000);

  font-size: 26px;

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-value {

    font-size: 22px;

    justify-content: end;

  }

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-value span {

  display: block;

  margin: 0 0 var(--textEdge) 0;

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-info {

  color: var(--priceInformationColor, #bbb);

  font-size: 11px;

  font-weight: 700;

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-actual .price-info {

    display: none;

  }

}

.action-box--wrapper .buy-box--wrapper .product-price-box .price-per-unit .price-value {

  line-height: 1;

  color: #999;

  font-size: 11px;

  font-weight: 700;

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper .product-price-box .price-per-unit .price-value {

    text-align: right;

  }

}

.action-box--wrapper .buy-box--wrapper .product-installment {

  grid-area: productInstallment;

  display: flex;

  align-items: end;

  gap: 5px;

}

@media (min-width: 992px) and (max-width: 1259px) {

  .action-box--wrapper .buy-box--wrapper .product-installment {

    padding: 15px 0 0 0;

  }

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper .product-installment {

    padding: 15px 0 0 0;

  }

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-installment {

    margin: 10px 0;

    padding: 10px 0;

    justify-content: center;

    background: #f0f0f0;

    border-radius: 3px;

  }

}

.action-box--wrapper .buy-box--wrapper .product-installment--title {

  display: inline-block;

  color: #ff3702;

  font-size: 13px;

}

.action-box--wrapper .buy-box--wrapper .product-installment--list a {

  display: inline-block;

  color: #ff3702;

  font-size: 13px;

  text-decoration: none;

}

@media (hover: hover) {

  .action-box--wrapper .buy-box--wrapper .product-installment--list a {

    text-decoration: underline;

  }

  .action-box--wrapper .buy-box--wrapper .product-installment--list a:hover {

    text-decoration: none;

  }

}

.action-box--wrapper .buy-box--wrapper .product-quantity {

  grid-area: productQuantity;

  position: relative;

  align-self: end;

}

.action-box--wrapper .buy-box--wrapper .product-quantity input[type=text],

.action-box--wrapper .buy-box--wrapper .product-quantity input[type=size],

.action-box--wrapper .buy-box--wrapper .product-quantity input[type=number] {

  display: block;

  width: 100%;

  font-size: 16px;

  padding: 15px;

  background: #fff;

  border-radius: 3px;

  border: 1px solid #e0e0e0;

  text-align: center;

}

.action-box--wrapper .buy-box--wrapper .product-quantity .minus,

.action-box--wrapper .buy-box--wrapper .product-quantity .plus {

  transition: 0.26s all;

  position: absolute;

  background: var(--lightBgColor);

  width: 24px;

  top: 4px;

  bottom: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

}

@media (hover: hover) {

  .action-box--wrapper .buy-box--wrapper .product-quantity .minus:hover,

  .action-box--wrapper .buy-box--wrapper .product-quantity .plus:hover {

    background: var(--primaryColor_Darken2);

  }

  .action-box--wrapper .buy-box--wrapper .product-quantity .minus:hover svg,

  .action-box--wrapper .buy-box--wrapper .product-quantity .plus:hover svg {

    fill: #fff;

  }

}

.action-box--wrapper .buy-box--wrapper .product-quantity .minus svg,

.action-box--wrapper .buy-box--wrapper .product-quantity .plus svg {

  transition: 0.26s all;

}

.action-box--wrapper .buy-box--wrapper .product-quantity .minus {

  left: 4px;

}

.action-box--wrapper .buy-box--wrapper .product-quantity .plus {

  right: 4px;

}

.action-box--wrapper .buy-box--wrapper .product-buy-action {

  grid-area: buyAction;

  align-self: end;

}

@media (min-width: 992px) and (max-width: 1259px) {

  .action-box--wrapper .buy-box--wrapper .product-buy-action {

    padding: 15px 0 0 0;

  }

}

@media (max-width: 767px) {

  .action-box--wrapper .buy-box--wrapper .product-buy-action {

    padding: 15px 0 0 0;

  }

}

@media (max-width: 600px) {

  .action-box--wrapper .buy-box--wrapper .product-buy-action {

    padding: 0;

  }

}



.porovnavaciLista {

  background: var(--primaryColor);

}

.porovnavaciLista .listaContent {

  background: transparent;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL {

  background: #fff;

  border-radius: 6px;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem {

  border: 1px solid var(--lightBgColor);

  border-radius: 0.625rem;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .productItem_title {

  font-family: var(--primaryFont) !important;

  line-height: 1.3;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .product_Item_info .product_Item_left .product_Item_price,

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .product_Item_info .product_Item_left .product_Item_oldPrice {

  font-family: var(--primaryFont) !important;

  text-align: left;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .product_Item_info .product_Item_left .product_Item_price {

  color: var(--primaryColor);

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .product_Item_info .product_Item_right .product_Item_avalibility {

  color: var(--primaryColor);

  font-family: var(--primaryFont) !important;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .product_Item_descHover {

  font-family: var(--primaryFont) !important;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .product_Item_descHover .product_Item_descHover_detail {

  padding: 0.5rem 2rem;

  width: auto;

  height: auto;

  background: var(--primaryColor);

  border-radius: 40px;

  color: #fff;

  font-family: var(--primaryFont) !important;

  font-size: 0.875rem;

  font-weight: 700;

}

.porovnavaciLista .listaContent .listaThumbnail .thumbL .productItemObal .productItem .productBottomArrow {

  opacity: 0;

}

.porovnavaciLista .listaPorovnat a {

  padding: 0.5rem 2rem;

  width: auto;

  height: auto;

  background: #fff;

  border-radius: 40px;

  color: #000;

  font-size: 0.875rem;

  font-weight: 700;

}

.porovnavaciLista .listaPorovnat a::before {

  content: "Porovnať produkty";

}

.porovnavaciLista .zrusitPorovnani a {

  transition: 0.26s all;

  position: relative;

  color: #000;

  text-decoration: none;

}

.porovnavaciLista .zrusitPorovnani a::before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  height: 1px;

  background-color: #000;

  visibility: hidden;

  transition: all 0.3s ease-in-out 0s;

}

.porovnavaciLista .zrusitPorovnani a:hover::before {

  visibility: visible;

}

.porovnavaciLista .zrusitPorovnani a::before {

  width: 100%;

  transform: scaleX(0);

}

.porovnavaciLista .zrusitPorovnani a:hover::before {

  transform: scaleX(1);

}



.porovnavani.fullPage .float-right .print {

  display: none;

}

.porovnavani.fullPage .float-right .back {

  transition: 0.26s all;

  padding: 0.5rem 2rem;

  width: auto;

  height: auto;

  background: #333;

  border-radius: 40px;

  color: #fff;

  font-family: var(--primaryFont) !important;

  font-size: 0.875rem;

  font-weight: 700;

  text-decoration: none;

}

@media (hover: hover) {

  .porovnavani.fullPage .float-right .back:hover {

    background: var(--primaryColor);

  }

}



.product_detail .free_giftbox {

  position: relative;

}

@media (max-width: 1259px) {

  .product_detail .free_giftbox {

    height: 74px !important;

  }

}

@media (max-width: 1199px) {

  .product_detail .free_giftbox {

    display: flex;

    flex-direction: column;

    gap: 1rem;

    height: 125px !important;

  }

}

@media (max-width: 991px) {

  .product_detail .free_giftbox {

    margin: 0;

  }

}

@media (max-width: 767px) {

  .product_detail .free_giftbox {

    height: 74px !important;

  }

}



.gift_ul_holder_select {

  position: absolute;

  top: 0;

  right: 0;

  padding: 0.75rem;

}

@media (max-width: 1199px) {

  .gift_ul_holder_select {

    position: static;

    order: 2;

    padding: 0 0.75rem;

  }

}

@media (max-width: 991px) {

  .gift_ul_holder_select {

    padding: 0.75rem;

  }

}

.gift_ul_holder_select ul {

  transition: 0.26s all;

  margin: 0;

  padding: 0.25rem 2.5rem 0.25rem 1.125rem;

  list-style-type: none;

  background: #fff url("components/eshop/product/arrow.svg") no-repeat;

  background-position: top 18px right 15px;

  display: flex;

  flex-direction: column-reverse;

  height: auto;

  position: relative;

  z-index: 1;

  border-radius: 1rem;

  overflow: hidden;

}

@media (hover: hover) {

  .gift_ul_holder_select ul:hover {

    box-shadow: 0 0.625rem 2rem rgba(0, 0, 0, 0.1);

    background-position: top 22px right 15px;

  }

}

.gift_ul_holder_select ul.opened li label {

  padding: 0.25rem 1rem;

  height: auto;

  opacity: 1;

  background: #fff;

  border-radius: 0.625rem;

  border-bottom: 1px solid var(--lightBgColor);

}

@media (hover: hover) {

  .gift_ul_holder_select ul.opened li:hover label {

    color: #000;

    background: var(--lightBgColor);

  }

}

.gift_ul_holder_select ul.opened li a {

  color: #666;

}

@media (min-width: 768px) {

  .gift_ul_holder_select ul:hover li label {

    padding: 0.25rem 1rem;

    height: auto;

    opacity: 1;

    background: #fff;

    border-radius: 0.625rem;

    border-bottom: 1px solid var(--lightBgColor);

  }

}

@media (min-width: 768px) and (hover: hover) {

  .gift_ul_holder_select ul:hover li:hover label {

    color: #000;

    background: var(--lightBgColor);

  }

}

@media (min-width: 768px) {

  .gift_ul_holder_select ul:hover li a {

    color: #666;

  }

}

.gift_ul_holder_select ul li:has(input[type=radio]:checked) {

  order: 1;

}

.gift_ul_holder_select ul li input[type=radio] {

  display: none;

}

.gift_ul_holder_select ul li input[type=radio]:checked + label {

  height: auto;

  opacity: 1;

  order: 1;

  color: var(--primaryColor);

}

.gift_ul_holder_select ul li label {

  transition: 0.26s all;

  margin: 0;

  padding: 0 1rem;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 0;

  opacity: 0;

  font-size: 13px;

  color: #666;

  --imgSize: 48px;

  margin: 0;

  width: 100%;

  display: grid;

  align-items: center;

  grid-column-gap: 0.75rem;

  grid-template-columns: var(--imgSize) 1fr;

}

.gift_ul_holder_select ul li label img {

  width: var(--imgSize);

  height: var(--imgSize);

  object-fit: contain;

}

.gift_ul_holder_select ul li a {

  transition: 0.26s all;

  color: #ccc;

  text-decoration: none;

  display: block;

  padding: 5px;

}

.gift_ul_holder_select ul li a:hover {

  background: #dedede;

}

.gift_ul_holder_select span {

  transition: 0.26s all;

  padding: 5px;

  display: inline-block;

  cursor: pointer;

  color: #777;

  font-size: 13px;

}

.gift_ul_holder_select span:hover {

  background: #333;

  color: #fff;

}



@media (min-width: 992px) and (max-width: 1259px) {

  .product_detail .buybox_holder div.gift_sale {

    margin-top: -40px;

  }

}

@media (max-width: 1199px) {

  .product_detail .buybox_holder div.gift_sale {

    margin-top: -96px;

  }

}

.product_detail .buybox_holder div.gift_sale span {

  margin-left: 180px;

}

@media (min-width: 992px) and (max-width: 1259px) {

  .product_detail .buybox_holder div.gift_sale span {

    margin-left: 170px;

  }

}



.product_detail .buybox_holder .achjoproc,

.product_detail .buybox_holder .slgmcsk,

.product_detail .buybox_holder .gmccesle {

  width: 170px !important;

  text-align: left;

}



.achjoproc.mamslevu::before,

.slgmcsk.mamslevu::before,

.gmccesle.mamslevu::before {

  display: inline-block;

  padding: 0.25rem 0 var(--edgeSize) calc(var(--edgeSize) * 2);

  color: var(--primaryColor);

  font-size: 1.5rem;

  text-align: left;

}

@media (max-width: 767px) {

  .achjoproc.mamslevu::before,

  .slgmcsk.mamslevu::before,

  .gmccesle.mamslevu::before {

    padding: 0.25rem 0 var(--edgeSize) 0.375rem;

  }

}

.achjoproc.mamslevu .dph,

.slgmcsk.mamslevu .dph,

.gmccesle.mamslevu .dph {

  padding: 0 0 0 2rem;

  text-align: left !important;

  display: none !important;

}



.product_detail .free_giftbox div.tit.selected i {

  color: var(--primaryColor);

}

@media (max-width: 1259px) {

  .product_detail .free_giftbox div.tit.selected i {

    display: block;

    margin-left: 0;

  }

}



div.container.kosik aside.rightCart div.rightItems, .payment-error div.container aside.rightCart div.rightItems, div.container.kosik .recapitulation-order-as-cart div.rightItems, .payment-error div.container .recapitulation-order-as-cart div.rightItems {

  border: 6px solid var(--lightBgColor);

  border-radius: 0.5rem;

}



div.container.kosik aside.rightCart div.rightItems h2,

.payment-error div.container aside.rightCart div.rightItems h2,

div.container.kosik .recapitulation-order-as-cart div.rightItems h2,

.payment-error div.container .recapitulation-order-as-cart div.rightItems h2,

div.container.kosik aside.leftOrderInfo section.zakaznik div.content div.zpusobPrihlaseni, .payment-error div.container aside.leftOrderInfo section.zakaznik div.content div.zpusobPrihlaseni {

  background: var(--lightBgColor);

}



div.container.kosik aside.rightCart div.rightItems div.vysypat-kosik, .payment-error div.container aside.rightCart div.rightItems div.vysypat-kosik, div.container.kosik .recapitulation-order-as-cart div.rightItems div.vysypat-kosik, .payment-error div.container .recapitulation-order-as-cart div.rightItems div.vysypat-kosik {

  width: 70%;

  margin: 0 auto 0.5rem auto;

  padding: 0;

  background: transparent;

}

div.container.kosik aside.rightCart div.rightItems div.vysypat-kosik span, .payment-error div.container aside.rightCart div.rightItems div.vysypat-kosik span, div.container.kosik .recapitulation-order-as-cart div.rightItems div.vysypat-kosik span, .payment-error div.container .recapitulation-order-as-cart div.rightItems div.vysypat-kosik span {

  transition: 0.26s all;

  padding: 0.625rem 0.25rem;

  border-radius: 1.25rem;

  background: var(--lightBgColor);

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0.375rem;

}

@media (hover: hover) {

  div.container.kosik aside.rightCart div.rightItems div.vysypat-kosik span:hover, .payment-error div.container aside.rightCart div.rightItems div.vysypat-kosik span:hover, div.container.kosik .recapitulation-order-as-cart div.rightItems div.vysypat-kosik span:hover, .payment-error div.container .recapitulation-order-as-cart div.rightItems div.vysypat-kosik span:hover {

    background: var(--lightBgColor_Darker);

  }

}



div.container.kosik p, .payment-error div.container p {

  color: var(--textColor);

  font-size: 0.8125rem;

  line-height: 1.3;

}



div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy {

  padding: 1rem 0;

}



div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table thead tr th,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table thead tr th {

  padding: 0 0 1rem 0;

}



div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr {

  display: block;

  width: 100%;

}



div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td {

  width: 100%;

  padding: 0.25rem 0;

  display: grid;

  grid-template-columns: 100px 1fr 10px;

  align-items: center;

  grid-gap: 0.5rem;

}

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td label,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td label {

  width: auto;

  font-size: 0.875rem;

}

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td input[type=text],

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td select,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td input[type=text],

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td select {

  width: auto;

  padding: 0.25rem 1rem;

  background: #fff;

  border: 1px solid #c0c0c0;

  border-radius: 40px;

  font-size: 0.875rem;

}

@media (hover: hover) {

  div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td input[type=text]:hover,

  div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td select:hover,

  .payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td input[type=text]:hover,

  .payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td select:hover {

    border: 1px solid var(--primaryColor);

  }

}

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td select,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.adresy table tbody tr td select {

  padding: 0.25rem 1rem;

  margin: 0;

  line-height: 1.3;

  height: auto;

}



div.gdpragreements.objednavka_dotaznik,

div.gdpragreements.marketing_objednavka {

  font-size: 14px;

  font-weight: 400;

}

div.gdpragreements.objednavka_dotaznik label,

div.gdpragreements.marketing_objednavka label {

  font-size: 14px;

  font-weight: 400;

  display: flex;

  grid-gap: 0.25rem;

  align-items: start;

}

div.gdpragreements.objednavka_dotaznik label input[type=checkbox],

div.gdpragreements.marketing_objednavka label input[type=checkbox] {

  margin-right: 0.25rem;

}



div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon {

  --buttonSize: 120px;

  padding: 1rem;

  background: var(--lightBgColor_Darker);

  border: 1px solid var(--lightBgColor);

  border-radius: 0.75rem;

  display: grid;

  grid-column-gap: 0.5rem;

  grid-row-gap: 0.5rem;

  grid-template-areas: "title title" "inputText inputSubmit";

  grid-template-columns: 1fr var(--buttonSize);

}

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon label,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon label {

  grid-area: title;

  font-size: 0.875rem;

  text-transform: none;

}

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input[type=text],

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input[type=text] {

  grid-area: inputText;

  padding: 0.375rem 0.75rem;

  width: 100%;

  height: auto;

  border-radius: 30px;

}

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input[type=submit],

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input[type=submit] {

  grid-area: inputSubmit;

  padding: 0.375rem 0.75rem;

  width: 100%;

  height: auto;

  border-radius: 30px;

}



div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish input.btnObjednej,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish input.btnObjednej {

  transition: 0.26s all;

  background: var(--primaryColor);

  border: 1px solid var(--primaryColor);

  border-radius: 40px;

  font-family: var(--primaryFont);

}

@media (hover: hover) {

  div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish input.btnObjednej:hover,

  .payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish input.btnObjednej:hover {

    background: var(--primaryColor_Darken2);

  }

}



.overlayBox {

  border-radius: 0.625rem;

}



div.popUpBox div.productAdd {

  background: transparent;

  border: 0;

}

div.popUpBox div.links {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

div.popUpBox div.links a.goBack,

div.popUpBox div.links a.goToKosik {

  transition: 0.26s all;

  position: static;

  border-radius: 40px;

  border: 0;

}

div.popUpBox div.links a.goBack {

  background: var(--lightBgColor);

}

@media (hover: hover) {

  div.popUpBox div.links a.goBack:hover {

    background: var(--lightBgColor_Darker);

  }

}

div.popUpBox div.links a.goToKosik {

  background: var(--primaryColor);

  color: #fff;

}

@media (hover: hover) {

  div.popUpBox div.links a.goToKosik:hover {

    background: var(--primaryColor_Darken2);

  }

}



.search_left_side,

.article_left_content {

  margin: 1.5rem 0 0 0;

}

.search_left_side ul.menu li a,

.article_left_content ul.menu li a {

  background: var(--primaryColor_Darken2);

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  color: #fff;

}

@media (hover: hover) {

  .search_left_side ul.menu li a:hover,

  .article_left_content ul.menu li a:hover {

    background: #333;

  }

}



article h1.bokPrechod {

  margin: 1.75rem 0 1rem 0;

}



div.searchContent div#searchForm form.searchBox div.search div.searchInput input.button,

div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button,

.payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button {

  background: #333;

  border: 1px solid #181818;

  color: #fff;

}

@media (hover: hover) {

  div.searchContent div#searchForm form.searchBox div.search div.searchInput input.button,

  div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button,

  .payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button {

    transition: 0.3s all;

  }

  div.searchContent div#searchForm form.searchBox div.search div.searchInput input.button:hover,

  div.container.kosik aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button:hover,

  .payment-error div.container aside.leftOrderInfo section.zakaznik div.content section.finish div.slevovyKupon input.button:hover {

    background: #181818;

    border: 1px solid #181818;

  }

}