@charset "UTF-8";
/*@use 'abstracts/breakpoints'; */
/* variables */
/* tohle je background */
/* mixins loaded 13 */
/* spacing */
body {
  font-size: 12px;
  color: #000;
  background-color: #F4F8F9;
}
body a {
  color: #000;
}
body a:hover {
  color: #02E929;
}
body a:focus {
  color: #4D4D4D;
  text-decoration: none;
}
body #wrapper {
  background-color: white;
}
body p {
  color: #000;
  line-height: 20px;
}
body .row {
  margin-left: 0;
  margin-right: 0;
}
body .container {
  padding-left: 0;
  padding-right: 0;
}
body .only-mobile {
  display: block;
}
@media (min-width: 992px) {
  body .only-mobile {
    display: none;
  }
}
body .only-desktop {
  display: none;
}
@media (min-width: 992px) {
  body .only-desktop {
    display: block;
  }
}
body .noborder {
  border: 0;
}

#blockEmailSubscription_displayFooterBefore {
  margin-bottom: 20px;
}

.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

/* load typo 2*/
body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  font-weight: 500;
}

h1.h1 {
  font: 36px/44px "Inter", sans-serif;
  letter-spacing: -2%;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 24px;
}

h2 {
  font-family: "Inter", sans-serif;
  font-size: 1.885rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 40px 0 10px;
  text-transform: none !important;
}
@media (min-width: 1200px) {
  h2 {
    font-family: "Inter", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2;
    padding: 40px 0 10px;
  }
}
h2.unresponsive {
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
}

h3 {
  font: 30px/38px "Inter", sans-serif;
  font-weight: 600;
}
h5 {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
}

.h4 {
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
}
.h4.pt-0 {
  padding-top: 0 !important;
}

.red {
  color: #D92D20;
}

.green {
  color: #00951A;
}

.btn-text {
  text-align: center;
}

/* mixins text styles classes */
.text-md {
  font: 16px/24px "Inter", sans-serif;
}

.text-md-bold {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}

.text-xs {
  font: 12px/18px "Inter", sans-serif;
}

.text-xs-bold {
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
}

.text-xs-bold-grey {
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
  color: #666;
}

.text-sm {
  font: 14px/20px "Inter", sans-serif;
}

.text-sm-medium {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 500;
}

.text-sm-bold {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
}

.text-sm-bold-grey {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  color: #4D4D4D;
}

.text-sm-grey {
  font: 14px/20px "Inter", sans-serif;
  color: #4D4D4D;
}

.text-md {
  font: 16px/24px "Inter", sans-serif;
}

.text-md-bold {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}

.text-md-bold-grey {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  color: #666;
}

.text-lg {
  font: 18px/28px "Inter", sans-serif;
}

.text-lg-bold {
  font: 18px/28px "Inter", sans-serif;
  font-weight: 600;
}

.text-xl {
  font: 20px/30px "Inter", sans-serif;
}

.text-xl-bold {
  font: 20px/30px "Inter", sans-serif;
  font-weight: 600;
}

.display-xs {
  font: 24px/32px "Inter", sans-serif;
}

.display-xs-bold {
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
}

.display-sm {
  font: 30px/38px "Inter", sans-serif;
}

.display-sm-bold {
  font: 30px/38px "Inter", sans-serif;
  font-weight: 600;
}

.display-md {
  font: 36px/44px "Inter", sans-serif;
  letter-spacing: -2%;
}

.display-md-bold {
  font: 36px/44px "Inter", sans-serif;
  letter-spacing: -2%;
  font-weight: 600;
}

.display-lg {
  font: 48px/60px "Inter", sans-serif;
}

.display-lg-bold {
  font: 48px/60px "Inter", sans-serif;
  font-weight: 600;
}

.display-xl {
  font: 60px/72px "Inter", sans-serif;
}

.display-xl-bold {
  font: 60px/72px "Inter", sans-serif;
  font-weight: 600 !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

/* functions loaded */
/* breakstart*/
/* tohle se zřejmě vůbec nepoužívalo */
.flex-row-between {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.flex-row-between-start {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-row-between-wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}

.flex-row-around {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}

.flex-row-around-wrap {
  flex-flow: row wrap !important;
}

.flex-row-start {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

.flex-row-end {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}

.flex-row-center {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}

.flex-row-start-wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
}

.flex-row-start-column {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

body {
  /* override radio buttonu */
  /* styl náhrady */
  /* override touchspinu */
}
body .form-field-style {
  margin-top: 24px;
  text-align: left;
}
body .form-field-style .inputText {
  width: 100%;
  max-width: 494;
  height: 44px;
  border: solid 1px #DFDFDF;
  border-radius: 0.5rem;
  font: 16px/24px "Inter", sans-serif;
  padding: 10px 14px;
  margin-bottom: 6px;
}
body .form-field-style .inputText:hover, body .form-field-style .inputText:focus {
  border: solid 2px #666;
  outline: 0;
}
body .form-field-style .inputText::-moz-placeholder {
  color: #4D4D4D;
}
body .form-field-style .inputText::placeholder {
  color: #4D4D4D;
}
body .form-field-style .inputTextarea {
  height: -moz-max-content;
  height: max-content;
  min-height: 94px;
}
body .form-field-style .inputLabel,
body .form-field-style .inputLabelRight,
body .form-field-style .inputLabelLeft {
  text-align: left;
  display: block;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 500;
}
body .form-field-style .inputLabel a,
body .form-field-style .inputLabelRight a,
body .form-field-style .inputLabelLeft a {
  text-decoration: underline;
  color: #000;
}
body .form-field-style .inputLabel a:hover,
body .form-field-style .inputLabelRight a:hover,
body .form-field-style .inputLabelLeft a:hover {
  color: #02E929;
}
body .form-field-style .inputLabelRight {
  display: inline-block;
  max-width: calc(100% - 30px);
  margin-top: 2px;
  margin-bottom: 0;
  margin-left: 4px;
}
body .form-field-style .inputLabelLeft {
  display: block;
  width: -moz-max-content;
  width: max-content;
  min-width: 170px;
  margin-bottom: 0;
  margin-right: 4px;
}
body .form-field-style .inputSmall {
  font: 12px/18px "Inter", sans-serif;
  color: #4D4D4D;
}
body .evr-radio input[type=radio] {
  position: relative;
  z-index: 50;
  opacity: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 2px;
}
body .evr-radio input[type=radio]:checked + .checkmark::after {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  top: -1px;
  left: -1px;
  background-color: #000;
  border-radius: 3px;
  border-color: #DFDFDF;
  text-align: center;
}
body .evr-radio input[type=radio]:checked + .checkmark.round::after {
  content: "⚪";
  border-radius: 50%;
  padding: 2px;
  font-size: 8px;
}
body .checkmark {
  display: block;
  height: 20px;
  width: 20px;
  position: relative;
  top: -8px;
  border: 2px solid #666;
  border-radius: 3px;
  margin-right: 16px;
  background-color: #ffffff;
  border-radius: 3px;
  border-color: #DFDFDF;
}
body .checkmark.round {
  border-radius: 50%;
  top: -11px;
}
body .evr-checkbox {
  width: 25px;
}
body .evr-checkbox input[type=checkbox] {
  position: relative;
  z-index: 50;
  opacity: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  top: 15px;
  left: 2px;
}
body .evr-checkbox input[type=checkbox]:checked + .checkmark::after {
  content: url("../images/checkmark.svg");
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  top: -1px;
  left: -1px;
  background-color: #000;
  border-radius: 3px;
  border-color: #DFDFDF;
  text-align: center;
}
body .evr-checkbox .checkmark {
  margin-right: 4px;
}
body .inputSelect {
  position: relative;
  display: inline-block;
  width: 100%; /* makes it responsive */
}
body .inputSelect {
  /* Custom arrow */
}
body .inputSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 8px 40px 8px 12px;
  font-size: 14px;
  color: #4D4D4D;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  margin-bottom: 0;
  background-image: none;
}
body .inputSelect select:not(:has(option[value=""]:checked)) {
  font-weight: 600;
}
body .inputSelect::after {
  pointer-events: none;
  display: block;
  position: relative;
  content: url("../images/chevron-down.svg");
  width: 10px;
  height: 5px;
  left: 93%;
  top: -36px;
}
body .inputSelect::after:focus {
  display: none;
}
body .inputSelect select:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.4);
}
body .multiple-checkbox-lines > div {
  margin-top: 8px;
}
body .custom-touchspin input.form-control {
  padding: 0;
  float: none;
  width: 40px;
}
body .custom-touchspin input.form-control.quantity_wanted {
  text-align: center;
  border: 0;
  outline: none;
  background: none;
  color: #000;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
}
body .custom-touchspin .input-group-btn-horizontal {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 86px;
  height: 36px;
  border: solid 1px #ACBFCF;
  border-radius: 6px;
}
body .custom-touchspin .input-group-btn-horizontal > .btn.btn-touchspin {
  display: block;
  position: relative;
  width: 20px !important;
  height: 20px;
  border: 0 !important;
  border-radius: 0 !important;
  background: none;
  color: #000000;
  padding: 0 !important;
  text-align: center;
  outline: none;
}
body .custom-touchspin .input-group-btn-horizontal .touchspin-up::after,
body .custom-touchspin .input-group-btn-horizontal .touchspin-down::after {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  font: 24px/12px "Inter", sans-serif;
}
body .custom-touchspin .input-group-btn-horizontal .touchspin-up::after {
  content: "+";
  margin-right: 8px;
}
body .custom-touchspin .input-group-btn-horizontal .touchspin-down::after {
  content: "-";
  margin-left: 8px;
}
body .custom-touchspin .custom-touchspin-horizontal-button-wrapper {
  position: relative;
  width: 25px;
  border: none;
}
body .custom-touchspin .default-touchspin-input {
  width: 40px;
  border: 0px;
  text-align: center;
}
body#product .custom-touchspin .input-group-btn-horizontal {
  justify-content: space-around;
  width: 102px;
  height: 48px;
  margin-right: 0px;
  background: #ffffff;
}
body#product .custom-touchspin .input-group-btn-horizontal > .btn.btn-touchspin {
  width: 30px !important;
  height: 30px;
}
@media (min-width: 360px) {
  body#product .custom-touchspin .input-group-btn-horizontal {
    margin-right: 12px;
  }
}
@media (min-width: 576px) {
  body#product .custom-touchspin .input-group-btn-horizontal {
    width: 150px;
  }
}
body#product .custom-touchspin input {
  max-width: 60px;
  text-align: center;
  border: 0;
  padding: 0;
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}
body#product .custom-touchspin .touchspin-up,
body#product .custom-touchspin .touchspin-down {
  display: block;
  width: 100%;
  height: 100%;
}
body#product .custom-touchspin .touchspin-up::after,
body#product .custom-touchspin .touchspin-down::after {
  font-size: 30px;
  font-weight: 200;
  margin-top: 7px;
}
body#product .custom-touchspin .touchspin-down::after {
  font-size: 38px;
  margin-left: 10px;
}
body#product .searchbar-autocomplete .custom-touchspin .input-group-btn-horizontal, body#product .product-carousel .input-group-btn-horizontal {
  justify-content: space-around;
  position: relative;
  width: 86px;
  height: 36px;
  position: relative;
  background: #ffffff;
}
body#product .searchbar-autocomplete .custom-touchspin .input-group-btn-horizontal > .btn.btn-touchspin, body#product .product-carousel .input-group-btn-horizontal > .btn.btn-touchspin {
  width: 20px !important;
  height: 20px;
}
body#product .searchbar-autocomplete .custom-touchspin input, body#product .product-carousel input {
  max-width: 40px;
  text-align: center;
  border: 0;
  padding: 0;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
}
body#product .searchbar-autocomplete .custom-touchspin .touchspin-up::after,
body#product .searchbar-autocomplete .custom-touchspin .touchspin-down::after, body#product .product-carousel .touchspin-up::after,
body#product .product-carousel .touchspin-down::after {
  display: block;
  position: relative;
  width: 12px;
  height: 12px;
  margin-top: 2px;
  font: 24px/12px "Inter", sans-serif;
}
body#product .searchbar-autocomplete .custom-touchspin .touchspin-up::after, body#product .product-carousel .touchspin-up::after {
  content: "+";
  margin-right: 8px;
}
body#product .searchbar-autocomplete .custom-touchspin .touchspin-down::after, body#product .product-carousel .touchspin-down::after {
  content: "-";
  margin-left: 8px;
}
body#product .product-detail-variants .custom-touchspin .input-group-btn-horizontal {
  justify-content: space-around;
  width: 100px;
  height: 36px;
  margin-right: 12px;
  background: #ffffff;
}
body#product .product-detail-variants .custom-touchspin .input-group-btn-horizontal > .btn.btn-touchspin {
  width: 30px !important;
  height: 30px;
}
body#product .product-detail-variants .custom-touchspin input {
  max-width: 60px;
  text-align: center;
  border: 0;
  padding: 0;
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}
body#product .product-detail-variants .custom-touchspin .touchspin-up,
body#product .product-detail-variants .custom-touchspin .touchspin-down {
  display: block;
  width: 100%;
  height: 100%;
}
body#product .product-detail-variants .custom-touchspin .touchspin-up::after,
body#product .product-detail-variants .custom-touchspin .touchspin-down::after {
  font-size: 30px;
  font-weight: 200;
  margin-top: 5px;
}
body#product .product-detail-variants .custom-touchspin .touchspin-down::after {
  font-size: 34px;
  margin-left: 10px;
}

/* load header 8 */
#header {
  width: 100%;
  z-index: 999;
  transition: top 0.3s ease;
}

#header.fixed {
  position: fixed;
  top: 0;
}

#header-placeholder {
  display: none;
}

#header {
  box-shadow: none;
}
#header a:hover {
  color: #02E929;
}
#header #search_widget {
  margin: 0;
}
#header #user-menu {
  justify-content: right;
}
#header .header-top {
  padding: 15px 0;
  border-bottom: 1px solid #DFDFDF;
}
#header .header-top .row + .row {
  margin-top: 10px;
}
#header .header-top .row {
  flex-flow: row wrap;
}
#header .topmenu {
  display: none;
}
#header #search_widget {
  min-width: 100%;
  max-width: 100%;
}
#header #search_widget i {
  margin-top: 5px;
}
@media (min-width: 992px) {
  #header #search_widget {
    min-width: 24rem;
  }
}
@media (min-width: 1200px) {
  #header #search_widget {
    min-width: 30.5rem;
  }
}
@media (min-width: 1400px) {
  #header #search_widget {
    min-width: 40rem;
  }
}
#header #search_widget input {
  border: 1px solid #DFDFDF;
  border-radius: 30px;
  background-color: #ffffff;
  font-size: 14px;
  padding: 15px 20px 15px 40px;
  height: 50px;
  color: #666;
  padding-left: 50px;
}
#header #search_widget input::-moz-placeholder {
  color: #666;
}
#header #search_widget input::placeholder {
  color: #666;
}
#header #search_widget i {
  padding-left: 20px;
  padding-top: 10px;
  color: #DFDFDF;
}
#header .input-search-btn {
  position: absolute;
  border-radius: 30px;
  border: 6px solid #ffffff;
  border: 2px solid #ffffff;
  margin: 1px 0;
  height: 40px;
  text-transform: none;
  background-color: #000;
  transition: background-color ease;
  right: 5px;
  border-radius: 30px;
  top: 5px;
  width: 76px;
  color: #ffffff;
  padding: 8px 0 0 14px;
  cursor: pointer;
}
#header .header-top .row > div#logo {
  margin-top: 5px;
}
@media (min-width: 768px) {
  #header .header-top .row {
    display: flex;
    flex-flow: row nowrap;
  }
  #header .header-top .row > div#logo {
    margin-top: 0;
    order: 1;
    padding-top: 5px;
    padding: 0;
  }
  #header .header-top .row > div#logo h1 {
    margin-bottom: 0;
  }
  #header .header-top .row > div.search {
    order: 2;
    display: flex;
    justify-content: center;
  }
  #header .header-top .row > div#user-menu {
    order: 3;
    justify-content: space-between;
    align-items: center;
  }
  #header .header-top .row > div#user-menu a.account-name, #header .header-top .row > div#user-menu a.card-text {
    padding-left: 6px;
    min-width: 4.5rem;
  }
  #header .header-top {
    border-bottom: 0px none !important;
  }
  #header .container {
    padding-left: 0;
    padding-right: 0;
  }
  #header #user-menu button {
    width: 52px;
    height: 52px;
    font-weight: bold;
    font-size: 18px;
  }
  #header #user-menu .name {
    font-size: 14px;
    font-weight: bold;
  }
  #header #user-menu .info {
    display: inline-block;
  }
  #header #user-menu .info.info-user-info {
    display: none;
  }
  #header #user-menu .blockcart {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
  }
  #header #user-menu .blockcart .cardicon {
    margin-left: 1.5rem;
  }
  #header #user-menu .blockcart .card-text {
    position: relative;
    text-align: right;
    top: -5px;
  }
  #header #user-menu .blockcart .card-text.shifted {
    top: 0px;
  }
  #header #user-menu .blockcart .card-text .info {
    font-weight: 400;
  }
  #header #user-menu .blockcart .card-text .total {
    display: block;
    position: absolute;
    top: 18px;
    right: 0px;
    font-weight: 600;
  }
}
@media (min-width: 992px) {
  #header #user-menu .info.info-user-info {
    display: inline-block;
    padding-left: 10px;
  }
}

#user-menu {
  display: flex;
  justify-content: right;
  font-weight: 600;
}
#user-menu button {
  border-radius: 100%;
  width: 48px;
  height: 48px;
  border: 0 none;
  padding: 14px;
  margin-left: 6px;
}
#user-menu button.personicon {
  background-color: #E9EAEB;
  color: #044A83;
  background-image: url("../images/user-icon.svg");
  background-size: 57% 50%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px;
  cursor: pointer;
}
#user-menu button.personicon:hover {
  background-color: #D5D7DA;
  background-image: url("../images/user-icon.svg");
}
#user-menu button.cardicon {
  background-color: #000;
  color: #ffffff;
  cursor: pointer;
}
#user-menu button.navicon {
  background-color: #000;
  color: #E6EEF4;
}
@media (min-width: 992px) {
  #user-menu button.navicon {
    display: none;
  }
}
#user-menu button.navicon img {
  margin: -1px 0 0 -1px;
}
#user-menu .info,
#user-menu .total {
  display: none;
}

/* navigation start 3 */
@media (min-width: 1200px) {
  .main-nav {
    border-bottom: 1px solid #DFDFDF;
  }
}
.main-nav .potrebujete-poradit {
  display: flex;
  justify-content: left;
  padding: 10px 0;
}
.main-nav ul {
  display: block;
  justify-content: center;
  margin: 0;
}
.main-nav ul li {
  height: 52px;
  border-bottom: 1px solid #DFDFDF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-nav ul li a {
  display: flex;
  justify-content: space-between;
  color: #000 !important;
  font-weight: 600;
  font-size: 14px;
  align-items: center;
  width: 100%;
}
.main-nav ul li a i {
  color: #033B69;
}
.main-nav ul li:last-child {
  border-bottom: 0 none;
}

@media only screen and (min-width: 992px) {
  .main-nav ul {
    display: flex;
  }
  .main-nav ul li {
    padding: 0 1.5rem;
    border-bottom: 0 none;
    justify-content: center;
    align-items: center;
  }
  .main-nav ul li i {
    display: none;
  }
}
main {
  overflow-x: hidden;
}

@media (min-width: 1400px) {
  .container {
    width: 1400px;
    max-width: 100%;
  }
}
@media (min-width: 1550px) {
  .container {
    width: 1550px;
    max-width: 100%;
  }
}
.white-row-container {
  clear: both;
  background-color: #ffffff !important;
}
.white-row-container > .container {
  margin: 0 auto 0;
}

.grey-row-container {
  clear: both;
  background-color: #F7F7F7 !important;
}
.grey-row-container > .container {
  margin: 0 auto 0;
}

#wrapper .container {
  padding-bottom: 40px;
}
#wrapper .grey-row-container {
  position: relative;
  max-width: 100vw;
  width: 100vw;
}
#wrapper .grey-row-container.container {
  margin: 0;
}

body.page-index #wrapper {
  padding-top: 0;
}
@media (min-width: 992px) {
  body.page-index #wrapper {
    padding-top: 25px;
  }
}

#notifications .container {
  padding: 0;
}

.w100 {
  width: 100% !important;
}

.left-column {
  width: 260px;
}

#category .left-column {
  width: 100%;
}
@media (min-width: 992px) {
  #category .left-column {
    width: 260px;
  }
}

.grid-wrapper {
  flex-flow: row wrap !important;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .grid-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    align-items: flex-start;
  }
}
.grid-wrapper .grid-item-fullwidth {
  width: 100% !important;
  display: block;
}
.grid-wrapper .grid-body {
  width: 100%;
  margin: 0;
}
@media (min-width: 992px) {
  .grid-wrapper .grid-body {
    width: calc(100% - 390px);
    margin-right: 25px;
  }
}
@media (min-width: 1200px) {
  .grid-wrapper .grid-body {
    width: 1011px;
  }
}
.grid-wrapper .grid-right {
  width: 100%;
}
@media (min-width: 768px) {
  .grid-wrapper .grid-right {
    max-width: 364px;
  }
}

.nudle {
  width: 100%;
  max-width: 493px;
  margin: 36px 0 0;
}
.nudle-wide {
  max-width: 752px;
  margin: 36px auto 36px;
}
@media (min-width: 768px) {
  .nudle {
    max-width: 493px;
    margin: 0 auto 0;
  }
}

#category .content-wrapper-category {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  position: relative;
}
@media (min-width: 992px) {
  #category .content-wrapper-category {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    align-items: flex-start;
    padding: 0;
  }
}

#footer {
  background-color: #EDEDED;
  padding-bottom: 20px;
  padding-top: 0;
}
#footer .payment-methods {
  padding-top: 40px;
}
#footer .payment-methods h4 {
  font-size: 1.3125rem;
  font-weight: 600;
  margin-bottom: 25px;
}
#footer .methods {
  display: flex;
  justify-content: left;
  align-items: center;
}
#footer .methods .method {
  border: 1px solid #DFDFDF;
  padding: 0.375rem;
  border-radius: 3px;
  margin: 0 0.375rem 0.375rem 0;
  height: 36px;
  display: flex;
  align-items: center;
  font-weight: bold;
  background-color: #ffffff;
}
#footer .bottcontent {
  background-color: white;
}
#footer .container.footer {
  padding-top: 30px;
}
#footer .container.bottom {
  padding-bottom: 20px;
  background-color: white;
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  #footer .row {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
#footer .row.bottom-info {
  display: flex;
  flex-flow: wrap;
  margin-top: 60px;
}
#footer .row.bottom-info > div {
  margin-bottom: 40px;
}
#footer .row.bottom-info .logo {
  margin-bottom: 10px;
}
#footer .row.bottom-info .more {
  font-weight: 500;
}
#footer .row.bottom-info .address p {
  margin-top: 18px;
  font: 16px/24px "Inter", sans-serif;
}
#footer .row.bottom-info .infomenu {
  line-height: 20px;
  font-weight: bolder;
}
#footer .row.bottom-info .infomenu ul {
  margin-top: 22px;
}
#footer .row.bottom-info .infomenu ul li {
  margin-bottom: 10px;
}
#footer .row.bottom-info .infomenu ul li a {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}
#footer .row.bottom-info .whyus-block {
  line-height: 35px;
}
#footer .row.bottom-info .whyus-block:first-of-type {
  margin-top: 24px;
}
#footer .row.bottom-info .whyus-block span {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}
#footer .row.bottom-info .whyus-block i {
  padding-right: 2.25rem;
}
#footer .row.bottom-info .didntfind .box {
  border-radius: 6px;
  background: #DFDFDF;
  padding: 20px;
}
#footer .row.bottom-info .didntfind .box h4 {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 16px;
}
#footer .row.bottom-info .didntfind .box img {
  margin-right: 8px;
  padding: 0 10px 0 0;
}
#footer .row.bottom-info .didntfind .box p {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  font: 14px/20px "Inter", sans-serif;
}
#footer .row.bottom-info .didntfind .box .button {
  background-color: #044A83;
  border-radius: 6px;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  transition: background-color ease;
  background-color: #000;
  color: #ffffff;
  width: 100%;
  display: block;
}
#footer .row.bottom-info .didntfind .box .button:hover {
  background: #02E929;
}
#footer .row.help-brands > div {
  margin: 30px 0;
}
#footer .row.help-brands > div:last-child {
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  #footer .row.help-brands .help .line {
    display: flex;
    align-items: center;
  }
}
#footer .row.help-brands .help .green {
  color: #02E929;
  font-weight: 500;
}
#footer .row.help-brands .help .phone, #footer .row.help-brands .help .mail {
  margin: 20px 1.5rem 0 0;
  display: flex;
  align-items: center;
}
#footer .row.help-brands .help .phone .phoneicon, #footer .row.help-brands .help .phone .mailicon, #footer .row.help-brands .help .mail .phoneicon, #footer .row.help-brands .help .mail .mailicon {
  border-radius: 100%;
  width: 48px;
  height: 48px;
  border: 0 none;
  padding: 14px;
  background-color: #E6EEF4;
  background-color: white;
  border: 1px solid #DFDFDF;
  box-shadow: 1px 1px 5px #cccccc;
  padding: 15px;
  width: 56px;
  height: 56px;
}
#footer .row.help-brands .help .phone i, #footer .row.help-brands .help .mail i {
  margin-right: 1.125rem;
  color: #000;
}
#footer .row.help-brands .help .phone a, #footer .row.help-brands .help .mail a {
  font-size: 21px;
  display: block;
  padding-top: 5px;
  font-weight: 500;
  color: #000;
}
#footer .row.help-brands .brands h3 {
  font-size: 1.3125rem;
  margin-bottom: -5px;
}
#footer .row.help-brands .brands .brands-images {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#footer .row.help-brands .brands .brands-images a {
  padding: 1.5rem 0.75rem 0 0;
}
#footer .row.help-brands .brands .brands-images a.more {
  font-weight: bold;
  padding-left: 1.5rem;
  color: #000;
}
#footer .row.copyright {
  padding-top: 30px;
  border-top: 1px solid #DFDFDF;
}
#footer .row.copyright .copyright-text {
  font-size: 16px;
  margin-left: 0.75rem;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 768px) {
  #footer .row.copyright .copyright-text {
    float: left;
  }
}
#footer .row.copyright .socials {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
#footer .row.copyright .socials img {
  margin: 0 0.75rem;
}
#footer .row.copyright .socials img.insta {
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%);
}
@media (min-width: 768px) {
  #footer .row.copyright .socials {
    display: block;
    text-align: right;
    margin-top: 0;
  }
}

/* components */
@media (min-width: 992px) {
  .mm__level1 > ul > .mm__item {
    padding: 0;
    margin: 0 35px;
  }
  .mm__item--has-children:hover > .mm__link {
    border-bottom: solid 4px #000;
  }
}
.mm__panel .potrebujete-poradit {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
  padding: 16px;
}
@media (min-width: 992px) {
  .mm__panel .potrebujete-poradit {
    padding: 16px 0;
  }
}

.mm__top {
  display: flex;
  width: 361px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px 13px;
}
.mm.is-open .mm__panel {
  display: block;
}
.mm.is-open .item-active > .mm__link {
  flex: 0 0 0;
  width: 0;
  font-size: 0;
  color: transparent;
}
.mm.is-open .item-active > svg {
  display: none;
}
.mm.is-open .mm__item.mm__item--has-children.item-active {
  border: 0 !important;
}
.mm__panel {
  display: none;
}
@media (min-width: 992px) {
  .mm__panel {
    display: block;
  }
}
.mm__help-text, .mm__help-info {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
}
.mm__content {
  display: flex;
  padding: 0 16px;
  flex-direction: column;
  justify-content: center;
}
.mm__list {
  list-style: none;
}
.mm__list.mm__list-root {
  padding: 0 16px;
}
.mm__item {
  display: flex;
  padding: 10px 0;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #DFDFDF;
}
.mm__link {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  flex: 1 0 0;
  text-decoration: none;
}
.mm__badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 14px;
  border-radius: 9999px;
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  background: #FEDF89;
  color: #B54708;
}
.mm__level1 {
  margin-bottom: 100px;
}
.mm.show-level2 .mm__level1 {
  display: none;
}
.mm.show-level2 .mm__level2 {
  display: block;
}
@media (min-width: 992px) {
  .mm.show-level2 .mm__level2 {
    display: none;
  }
}

.mm__level2 {
  display: block;
}
@media (min-width: 992px) {
  .mm__level2 {
    box-shadow: -2px 13px 18px -5px rgba(65, 70, 81, 0.75);
    display: none;
    max-height: calc(100vh - 9.75rem);
    overflow-y: auto;
  }
}

.mm2__back {
  display: flex;
  padding: 16px;
  align-items: center;
  align-self: stretch;
  color: #404040;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  text-decoration: none;
}
.mm2__chev {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6.015037594px;
}
.mm2__group {
  display: flex;
  padding: 20px 16px;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
.mm2__image {
  margin: 20px 0px;
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  height: 95px;
  background-position: center;
  background-repeat: no-repeat;
}
.mm2__title {
  font: 20px/30px "Inter", sans-serif;
  font-weight: 600;
  color: #000;
  padding: 0;
}
.mm2__item {
  align-items: flex-start;
}
.mm2__item.mm__item:last-of-type {
  border: none;
}
.mm2__item .mm__item {
  border: none;
}
.mm2__link-wrapper {
  margin: 20px 0px 20px 16px;
  width: calc(100% - 100px);
}
.mm2__links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mm2__links li {
  padding: 2px 0;
  gap: 7px;
}
.mm2__links a {
  font: 14px/20px "Inter", sans-serif;
  color: #000;
  font-weight: 500;
  text-decoration: none;
}

.mm__grey-logos-wrapper {
  width: 100%;
  flex-flow: row wrap;
  padding: 30px 0;
  border-top: solid 2px #DFDFDF;
}
@media (min-width: 768px) {
  .mm__grey-logos-wrapper {
    margin-top: 60px;
  }
}
.mm__grey-logos-wrapper img {
  margin: 15px 0;
  max-width: 85px;
}
@media (min-width: 768px) {
  .mm__grey-logos-wrapper img {
    max-width: 130px;
    margin: 0;
  }
}

@media (min-width: 992px) {
  .mm__panel .potrebujete-poradit {
    display: none !important;
  }
  .mm {
    height: 49px;
    position: relative;
    border-bottom: solid 1px #DFDFDF;
  }
  .mm__content {
    padding: 0;
  }
  .mm__root {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
  }
  .mm__root .mm__link {
    margin: 0;
  }
  .mm__panel {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 0;
  }
  .mm__item {
    border: 0;
  }
  .mm__item.only_mobile {
    display: none !important;
  }
  .mm__link {
    font: 14px/20px "Inter", sans-serif;
    font-weight: 600;
    text-align: center;
    width: -moz-max-content;
    width: max-content;
    margin: 0 8px;
    border-bottom: solid 4px #ffffff;
    padding: 5px 0 12px;
  }
  .mm__link:hover, .mm__link:focus, .mm__link.active {
    color: #000 !important;
    border-bottom: solid 4px #000;
  }
  .mm__link_badge:hover, .mm__link_badge:focus, .mm__link_badge.active {
    border-bottom: solid 4px #ffffff !important;
  }
  .mm__level1 {
    margin-bottom: 0;
  }
  .mm__level1 svg {
    display: none !important;
  }
  .mm__level1 > ul > .mm__item {
    padding: 0;
  }
  .mm__level1 .mm__link:hover {
    color: #4D4D4D !important;
  }
  .mm__level2 {
    position: absolute;
    top: 41px;
    left: 0;
    background: #ffffff;
    width: 100%;
    padding: 28px 0 0;
    border-top: solid 1px #DFDFDF;
  }
  .mm__level2 .mm2__body {
    max-width: 1150px;
    margin: 0 auto 0;
  }
  .mm__level2 .mm2__back {
    display: none;
  }
  .mm__level2 .mm2__link-wrapper {
    margin-left: 0;
    margin: 20px 0px 4px 16px;
  }
  .mm__level2 .mm2__link {
    text-align: left;
    border: 0;
  }
  .mm__level2 .mm2__link h3 {
    padding: 0;
    margin-bottom: 4px;
  }
  .mm__level2 .mm2__link h3:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: #4D4D4D;
  }
  .mm__level2 .mm2__links {
    -moz-column-count: 4;
         column-count: 4;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .mm__level2 .mm2__links > .mm__item {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .mm__level2 .mm2__links > .mm__item .mm__link {
    font: 14px/20px "Inter", sans-serif;
    font-weight: 600;
    text-align: left;
    padding: 0;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 234px;
    margin: 0 10px;
  }
  .mm__level2 .mm2__image {
    display: none;
  }
  .mm__level3 .mm__link {
    border: 0;
  }
  .mm__level3 .mm__link:hover {
    color: #4D4D4D !important;
  }
  .mm__grey-logos-wrapper {
    flex-flow: row nowrap;
  }
  .mm__grey-logos-wrapper img {
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .mm__panel {
    max-width: 1040px;
  }
  .mm__level2 .mm2__body {
    max-width: 1350px;
    margin: 0 auto 0;
  }
  .mm__level2 .mm2__link-wrapper {
    margin: 16px 0px 4px 8px;
  }
  .mm__level2 .mm2__image {
    display: block;
    min-width: 50px;
    max-width: 50px;
    max-height: 50px;
    background-size: contain;
  }
}
@media (min-width: 1400px) {
  .mm__panel {
    max-width: 1380px;
  }
  .mm__level2 .mm2__body {
    max-width: 1527px;
    margin: 0 auto 0;
  }
  .mm__level2 .mm2__link-wrapper {
    margin: 20px 0px 4px 16px;
  }
  .mm__level2 .mm2__image {
    display: block;
    min-width: 75px;
    max-width: 75px;
    max-height: 75px;
    background-size: cover;
  }
}
/** hp  menu - okuchané*/
@media (min-width: 1200px) {
  .mm__panel-hp {
    display: none !important;
  }
}
.mm__panel-hp .mm__level.mm__level1 {
  margin-bottom: 16px;
}
.mm__panel-hp .mm__item.servis-menu-hp, .mm__panel-hp .mm__item.technologie-menu-hp, .mm__panel-hp .mm__item.vzdelavani-menu-hp, .mm__panel-hp .mm__item.o-nas-menu-hp, .mm__panel-hp .mm__item.kontakty-menu-hp {
  display: none !important;
}
.mm__panel-hp .mm__item.vyhodna-baleni-menu-hp, .mm__panel-hp .mm__item.akce-menu-hp {
  border: 0;
}

body .ui-autocomplete.searchbar-autocomplete {
  width: 100%;
  box-shadow: -2px 13px 18px -5px rgba(65, 70, 81, 0.75);
}
@media (min-width: 1200px) {
  body .ui-autocomplete.searchbar-autocomplete {
    max-width: calc(100% - 40px);
    margin-left: 20;
  }
}
@media (min-width: 1200px) {
  body .ui-autocomplete.searchbar-autocomplete {
    max-width: 800px;
    margin-left: 0;
  }
}
body .ui-autocomplete.searchbar-autocomplete .ui-state-focus {
  background: none !important;
  color: inherit !important;
  border: 0;
}
body .ui-autocomplete.searchbar-autocomplete li {
  padding: 12px 20px;
  border-bottom: solid 1px #EDEDED;
}
body .ui-autocomplete.searchbar-autocomplete li:hover {
  background: #ffffff;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  display: flex !important;
}
@media (min-width: 1200px) {
  body .ui-autocomplete.searchbar-autocomplete .product-line-grid {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .autocomplete-add-to-cart.add-to-cart-btn {
  width: 36px;
  height: 36px;
  margin: 0 0 0 12px !important;
  background: #000 !important;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .autocomplete-add-to-cart.add-to-cart-btn:hover {
  background: #02E929 !important;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .autocomplete-add-to-cart.add-to-cart-btn.black::before {
  display: block;
  width: 19px;
  height: 19px;
  margin: 0;
  top: 9px;
  left: 8px;
  background-size: cover;
  background-position: center;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .autocomplete-variants {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  width: 132px;
  height: 36px;
  margin-right: 12px;
  background: #000 !important;
  color: #ffffff;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .autocomplete-variants:hover {
  background: #02E929 !important;
  color: #000;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .autocomplete-variants:before {
  display: block;
  position: relative;
  content: url("../images/chevron-down-white.svg");
  background-image: none !important;
  width: 10px;
  height: 5px;
  top: 4px;
  left: 20px;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-buy-block {
  width: 100%;
  border: solid 1px #ffffff;
}
@media (min-width: 768px) {
  body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-buy-block {
    width: 228px;
    justify-content: space-between !important;
  }
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-buy-block .pli-price {
  font: 14px/20px "Inter", sans-serif;
  width: 80px;
  text-align: right;
  font-weight: 500;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-buy-block .pli-price .regular-price {
  margin-right: 0;
  font-weight: 400;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-buy-block .pli-quantity {
  width: -moz-max-content;
  width: max-content;
  max-width: 84px;
  height: 36px;
  font-weight: 600;
  margin: 0;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-buy-block .pli-quantity .pli-quantity-input {
  width: 40px;
  border: 0;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info {
  display: block;
  margin-right: 20px;
  color: #000;
  font: 14px/20px "Inter", sans-serif;
  text-align: left;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  display: flex !important;
  border-radius: 0;
}
@media (min-width: 992px) {
  body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border: 0 !important;
    border-bottom: solid 1px #fff !important;
  }
  body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info-wrapper:hover, body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info-wrapper:focus {
    bacgground: #fff;
    border: 0 !important;
    border-bottom: solid 1px #000 !important;
  }
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-img {
  width: 64px;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-img img {
  max-width: 100%;
  max-height: 100%;
  margin: 8px 0;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-name {
  width: 100%;
  max-width: 440px;
  font-weight: 600;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-code {
  width: 132px;
  font: 12px/18px "Inter", sans-serif;
  color: #4D4D4D;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-price {
  width: 80px;
  text-align: right;
  font-weight: 500;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-price .regular-price {
  margin-right: 0;
  font-weight: 400;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-quantity {
  width: -moz-max-content;
  width: max-content;
  max-width: 84px;
  height: 36px;
  font-weight: 600;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-quantity .pli-quantity-input {
  width: 40px;
  border: 0;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-stock {
  width: 128px;
  font-weight: 600;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-stock .stock-quantity {
  color: #666;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-line-total {
  text-align: right;
  width: calc(100% - 80px);
  margin-right: 40px;
}
@media (min-width: 992px) {
  body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-line-total {
    width: 84px;
    margin-right: 20px;
  }
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-line-total .product-price {
  color: #000;
  font-weight: 600;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-action {
  width: 36px;
  margin-right: 0;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-action img {
  width: 20px;
  position: relative;
  top: -3px;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-labels {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-labels > span {
  margin-right: 4px;
}
body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-info {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
@media (min-width: 992px) {
  body .ui-autocomplete.searchbar-autocomplete .product-line-grid .product-line-info.pli-info {
    width: 440px;
  }
}
body .ui-autocomplete.searchbar-autocomplete li .autocomplete-manufacturers a.manufacturer-link,
body .ui-autocomplete.searchbar-autocomplete li .autocomplete-categories a.category-link {
  padding: 4px 10px;
  border: solid 1px #DFDFDF;
  border-radius: 0.5rem;
  margin: 8px 8px 0 0 !important;
  font-weight: 600;
}
body .ui-autocomplete.searchbar-autocomplete li .autocomplete-manufacturers a.manufacturer-link:hover,
body .ui-autocomplete.searchbar-autocomplete li .autocomplete-categories a.category-link:hover {
  background-color: #000 !important;
  border-color: #000;
  color: #02E929;
}
body .ui-autocomplete.searchbar-autocomplete .arrowAfter {
  padding-right: 25px !important;
}
body .ui-autocomplete.searchbar-autocomplete .arrowAfter:hover, body .ui-autocomplete.searchbar-autocomplete .arrowAfter.ui-state-focus {
  padding-right: 25px !important;
}
body .ui-autocomplete.searchbar-autocomplete .arrowAfter:after {
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 4px;
  content: url("../images/small_grey_arrow.svg");
  position: relative;
  top: -20px;
  left: 107%;
}
body .ui-autocomplete.searchbar-autocomplete .autocomplete-button-line {
  padding-top: 16px;
  border-bottom: none;
  padding: 12px 20px 20px;
}
body .ui-autocomplete.searchbar-autocomplete .show-all-results,
body .ui-autocomplete.searchbar-autocomplete .show-all-results:hover,
body .ui-autocomplete.searchbar-autocomplete .show-all-results.ui-state-focus {
  font-weight: 600;
  text-transform: none;
  width: 287px;
  height: 44px;
  padding-top: 10px !important;
}
body .ui-autocomplete.searchbar-autocomplete .show-all-results:after,
body .ui-autocomplete.searchbar-autocomplete .show-all-results:hover:after,
body .ui-autocomplete.searchbar-autocomplete .show-all-results.ui-state-focus:after {
  content: url("../images/big_black_arrow.svg");
  margin-left: 10px;
  top: 2px;
  position: relative;
}
body .ui-autocomplete.searchbar-autocomplete .autocomplete-button-line a.show-all-results:hover,
body .ui-autocomplete.searchbar-autocomplete .autocomplete-button-line a.show-all-results.ui-state-focus {
  border: solid 1px #2DFB4F !important;
  background: #2DFB4F !important;
}
body .ui-autocomplete.searchbar-autocomplete .back-to-btn,
body .ui-autocomplete.searchbar-autocomplete .back-to-btn:hover,
body .ui-autocomplete.searchbar-autocomplete .back-to-btn.ui-state-focus {
  font-weight: 600;
  width: 82px;
  height: 44px;
  padding-top: 10px !important;
  background-color: #ffffff !important;
}
body .ui-autocomplete.searchbar-autocomplete .back-to-btn:before,
body .ui-autocomplete.searchbar-autocomplete .back-to-btn:hover:before,
body .ui-autocomplete.searchbar-autocomplete .back-to-btn.ui-state-focus:before {
  content: "";
  display: none !important;
}
body .ui-autocomplete.searchbar-autocomplete .back-to-btn:hover,
body .ui-autocomplete.searchbar-autocomplete .back-to-btn.ui-state-focus {
  border: solid 1px #DFDFDF !important;
  background-color: #E9EAEB !important;
}

body #wrapper .breadcrumb {
  padding: 0;
  background: transparent;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  body #wrapper .breadcrumb {
    padding: 0 0.75rem;
  }
}
body #wrapper .breadcrumb[data-depth="1"] {
  display: none;
}
body #wrapper .breadcrumb ol {
  padding-left: 0;
  margin-bottom: 0;
}
body #wrapper .breadcrumb li {
  display: inline;
  position: relative;
}
body #wrapper .breadcrumb li::after {
  margin: 0 0.3125rem;
  content: url("../images/breadcrumb-right.svg");
  position: relative;
  top: 3px;
}
body #wrapper .breadcrumb li:first-of-type {
  bottom: 1px;
}
body #wrapper .breadcrumb li:first-of-type img {
  position: relative;
  top: -2px;
}
body #wrapper .breadcrumb li a {
  color: #404040;
}

.pagination {
  padding: 0 16px;
}
@media (min-width: 992px) {
  .pagination {
    padding: 0;
  }
}
.pagination .next,
.pagination .previous {
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  text-decoration: none;
  float: none;
}
@media (min-width: 992px) {
  .pagination .next,
  .pagination .previous {
    display: block;
    min-width: 115px;
  }
}
.pagination .next .pagination-text-link,
.pagination .previous .pagination-text-link {
  display: none;
}
@media (min-width: 992px) {
  .pagination .next .pagination-text-link,
  .pagination .previous .pagination-text-link {
    font: 14px/20px "Inter", sans-serif;
    display: inline-block;
  }
}
.pagination .next:hover,
.pagination .previous:hover {
  text-decoration: none;
  background: none;
  color: #02E929;
}
.pagination .next:hover > *,
.pagination .previous:hover > * {
  color: #404040;
}
.pagination .next .material-icons,
.pagination .previous .material-icons {
  font-size: 14px/16px;
  position: relative;
  top: -3px;
}
.pagination .next {
  margin-left: -12px;
}
.pagination .next .material-icons {
  margin-left: 12px;
}
.pagination .previous {
  margin-right: -12px;
}
.pagination .previous .material-icons {
  margin-right: 12px;
}
.pagination .page-list {
  margin-top: 10px;
  width: -moz-max-content;
  width: max-content;
}
.pagination .page-list li {
  font: 14px/20px "Inter", sans-serif;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ffffff;
  text-align: center;
}
.pagination .page-list li:hover {
  background: #DFDFDF;
  border-radius: 4px;
}
.pagination .page-list li a {
  display: block;
  width: 100%;
  height: 100%;
  font: 14px/20px "Inter", sans-serif;
  padding: 10px 0;
  color: #000;
}
.pagination .page-list li.current {
  background: #EDEDED;
  border-radius: 4px;
}
.pagination .page-list li.current a {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  color: #000;
}
.pagination .spacer {
  line-height: 42px;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  width: 24px;
  height: 24px;
  border: solid 1px #000;
  border-radius: 4px;
  background: url("../images/chevron-left.svg") no-repeat center;
  background-size: 16px 16px;
  background-color: #ffffff;
  top: 40%;
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
  content: "";
}
.swiper .swiper-button-next {
  transform: rotate(180deg);
}

.swiper-wrapper {
  flex-wrap: nowrap !important; /* prevent wrapping */
}

.swiper-blog-pagination {
  position: relative;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  justify-content: center;
  transform: translateX(0) !important;
  margin-top: 24px;
}

.swiper-pagination-bullet {
  border-radius: 50%;
  background: #DFDFDF;
  width: 8px;
  height: 8px;
  border: 0;
  margin: 0 8px;
  opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000 !important;
}

body .product-carousel {
  padding: 10px 0 23px;
}

body .product-carousel .productlist-item,
body .product-carousel .productlist-item.swiper-slide {
  width: 269px;
  border-bottom: 0;
}
@media (min-width: 1600px) {
  body .product-carousel .productlist-item,
  body .product-carousel .productlist-item.swiper-slide {
    width: 305px;
  }
}

.cat-bestsel .swiper-slide {
  width: 287px;
}
.cat-bestsel .swiper-button-next,
.cat-bestsel .swiper-button-prev {
  display: none;
}

.productlist-list h2 {
  width: -moz-max-content !important;
  width: max-content !important;
}

.product-carousel-variants .swiper-button-next,
.product-carousel-variants .swiper-button-prev {
  display: none;
}
.product-carousel-variants .swiper-wrapper {
  margin-bottom: 52px;
}
.product-carousel-variants .swiper-pagination {
  top: 24px;
}

#cart .product-carousel-featured .swiper-wrapper,
#product .product-carousel-featured .swiper-wrapper {
  margin-bottom: 52px;
}

section.welcome_confirm-backdrop {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999999999;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: none;
  max-height: 100vh;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog {
  background-color: #fff;
  border-radius: 10px;
  max-width: 700px;
  width: 100%;
  padding: 30px;
  position: relative;
  max-height: 95vh;
  overflow-y: auto;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
@media (max-width: 600px) {
  section.welcome_confirm-backdrop .welcome_confirm-dialog {
    padding: 20px;
  }
  section.welcome_confirm-backdrop .welcome_confirm-dialog h2 {
    font-size: 24px;
  }
  section.welcome_confirm-backdrop .welcome_confirm-dialog p, section.welcome_confirm-backdrop .welcome_confirm-dialog .hidden-text {
    font-size: 13px;
  }
}
section.welcome_confirm-backdrop .welcome_confirm-dialog h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 15px;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog p {
  font-size: 14px;
  line-height: 1.5em;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .hidden-text-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  opacity: 0;
  margin-top: 10px;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .hidden-text-wrapper .hidden-text {
  font-size: 14px !important;
  line-height: 1.5em !important;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .hidden-text-wrapper.expanded {
  max-height: 500px;
  opacity: 1;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .toggle-text {
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #0A0D12;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 10px;
  width: 100%;
  justify-content: center;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .toggle-text:active {
  outline: none;
  border: none;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .toggle-text:focus {
  outline: none;
  border: none;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .toggle-text .arrow {
  display: inline-block;
  width: 14px;
  height: 14px;
  content: url("../images/chevron-down.svg");
  transition: transform 0.3s ease;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .toggle-text.active .arrow {
  transform: rotate(180deg);
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .welcome_confirm-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 30px;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .welcome_confirm-buttons button {
  width: 100%;
  border: 0;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  padding: 15px;
  color: #0A0D12;
  cursor: pointer;
  letter-spacing: 1px;
  transition: background 0.3s ease, color 0.3s ease;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .welcome_confirm-buttons button:hover {
  background-color: #0A0D12;
  color: white;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .welcome_confirm-buttons .welcome_confirm_true {
  background-color: #02E929;
}
section.welcome_confirm-backdrop .welcome_confirm-dialog .welcome_confirm-buttons .welcome_confirm_false {
  background-color: #ccc;
}

@media (min-width: 1400px) {
  .block_newsletter form .col-xs-12 {
    max-width: 100% !important;
  }
}
.bottcontent {
  background: url(/themes/classic/assets/images/user-account/heartpng.png) no-repeat center bottom;
  background-size: 31.25rem;
  height: 200px !important;
}
.bottcontent .bottom {
  background-color: transparent !important;
}

.block_newsletter {
  border-bottom: 0 none;
  margin-bottom: 20px;
  background: none;
}
.block_newsletter .alert {
  font-size: 0.8125rem;
  display: flex;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .block_newsletter {
    padding: 24px 0 0;
  }
}
@media (min-width: 1200px) {
  .block_newsletter {
    background-position: left bottom;
    padding: 60px 0 0px 0px;
    max-width: 90%;
    margin-bottom: 0 !important;
  }
}
@media (min-width: 1400px) {
  .block_newsletter {
    background-position: 130px bottom;
  }
}
@media (min-width: 768px) {
  .block_newsletter p#block-newsletter-label {
    width: 100%;
    margin-right: 0;
    font-size: 1.3125rem;
    font-weight: 600 !important;
    color: black;
  }
}
@media (min-width: 1400px) {
  .block_newsletter > .row {
    margin-left: 175px;
  }
}
.block_newsletter > .row .newsletter-texts {
  margin: 0;
  width: calc(100% - 8px);
  float: none;
  text-align: left;
}
@media (min-width: 768px) {
  .block_newsletter > .row .newsletter-texts {
    padding-left: 0;
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .block_newsletter > .row .newsletter-texts {
    float: none;
    max-width: 100%;
    margin: 0 auto 0;
  }
}
@media (min-width: 1400px) {
  .block_newsletter > .row .newsletter-texts {
    float: left;
    max-width: 355px;
    margin: 0;
    text-align: left;
  }
}
.block_newsletter > .row .form-block {
  width: 100%;
  max-width: 395px;
  float: left;
}
@media (min-width: 768px) {
  .block_newsletter > .row .form-block {
    float: none;
    margin: 0 auto 24px;
  }
}
@media (min-width: 1400px) {
  .block_newsletter > .row .form-block {
    float: left;
    margin: 0;
  }
}
.block_newsletter .col-xs-12 {
  padding: 0px;
}
.block_newsletter form input[type=email]:focus {
  border: solid 3px #02E929;
}
@media (min-width: 1400px) {
  .block_newsletter form .col-xs-12 {
    max-width: 100%;
  }
}
.block_newsletter .input-wrapper input {
  border: 1px solid #DFDFDF;
  border-radius: 30px;
  background-color: #ffffff;
  font-size: 14px;
  padding: 15px 20px 15px 40px;
  height: 50px;
  max-width: 100%;
}
.block_newsletter .btn {
  position: absolute;
  border-radius: 30px;
  border: 6px solid #ffffff;
  border: 2px solid #ffffff;
  margin: 1px 0;
  height: 48px;
  text-transform: none;
  background-color: #000;
  transition: background-color ease;
  right: 6px;
  height: auto !important;
  top: 4px;
  border-radius: 30px;
}
.block_newsletter .btn:hover {
  color: #000;
  background-color: #02E929;
}
.block_newsletter p#block-newsletter-description {
  font: 16px/24px "Inter", sans-serif;
  color: #000;
  padding-bottom: 20px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .block_newsletter p#block-newsletter-description {
    padding-bottom: 30px;
  }
}
.block_newsletter p#block-newsletter-label {
  font: 30px/38px "Inter", sans-serif;
  font-weight: 600;
  color: #4D4D4D;
  font-weight: 600 !important;
  padding-left: 0;
  font-size: 1.3125rem;
  color: black;
}

/* load button 2 */
.everyButton {
  background-color: #044A83;
  border-radius: 6px;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  transition: background-color ease;
  text-align: center;
  border: 0;
  cursor: pointer;
  padding: 0 9px;
  transition: background-color ease;
}
.everyButton.light {
  background-color: #E9EAEB;
}
.everyButton.light::hover {
  background-color: #DFDFDF;
}
.everyButton.dark {
  background-color: #044A83;
  color: #ffffff;
}
.everyButton.green {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  background-color: #02E929;
  color: #000;
}
.everyButton.green:hover {
  background-color: #2DFB4F;
}
.everyButton.white {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  background-color: #ffffff;
  color: #000;
}
.everyButton.white:hover {
  background-color: #E9EAEB;
}
.everyButton.anchor {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  background-color: #ffffff;
  color: #666;
  padding: 8px 12px;
}
.everyButton.anchor:hover, .everyButton.anchor.active {
  background-color: #EDEDED;
  color: #000;
}
.everyButton.black {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  background-color: #000;
  color: #ffffff;
  padding: 12px 24px;
}
.everyButton.black:hover {
  background-color: #02E929;
  color: #000000;
}
.everyButton.black:hover:before {
  background: url("../images/shopping-cart.svg");
}
.everyButton.grey {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  background-color: #E9EAEB;
  color: #000;
  padding: 12px 24px;
}
.everyButton.grey:hover {
  background-color: #D5D7DA;
}
.everyButton.circle {
  border-radius: 100%;
}
.everyButton.bordered {
  border: solid 1px #DFDFDF;
}
.everyButton:focus {
  outline: 0;
}

.add-to-cart-btn {
  width: calc(100% - 95px);
  height: 36px;
  padding: 0;
  color: #000;
  text-align: center;
  border-radius: 0.5rem;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: background-color ease;
}
.add-to-cart-btn:before {
  content: "";
  background: url("../images/shopping-cart.svg");
  background-size: contain;
  display: inline-block;
  position: relative;
  top: 2px;
  width: 16px;
  height: 16px;
  margin-right: 7px;
}
.add-to-cart-btn.black:before {
  background: url("../images/shopping-cart-bila.svg");
  margin-right: 4px;
}
.add-to-cart-btn:hover {
  background-color: #DFDFDF;
}
.add-to-cart-btn:hover:before {
  background-size: contain;
}

#jp_user_vatcheck:hover {
  background-color: #000;
  color: #ffffff;
}

.proceed-btn {
  width: 100%;
  height: 60px;
  font: 18px/28px "Inter", sans-serif;
  font-weight: 600;
  padding: 18px;
  position: relative;
  text-transform: none;
}
.proceed-btn:after {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 0.5em;
  content: url("../images/big_black_arrow.svg");
  position: relative;
  top: 2px;
}
.proceed-btn.disabled {
  background-color: #DFDFDF !important;
}
.proceed-btn:hover {
  background: #2DFB4F;
  color: #000;
}
.proceed-btn span {
  position: relative;
  left: -5%;
}

.back-to-btn {
  width: 100%;
  min-height: 40px;
  padding: 10px 14px 10px;
  text-transform: none;
  background: #ffffff !important;
  border: solid 1px #DFDFDF;
}
.back-to-btn:hover {
  background: #FAFAFA !important;
  border: solid 1px #DFDFDF;
}
.back-to-btn:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 0.5em;
  content: url("../images/big_black_arrow.svg");
  position: relative;
  transform: rotate(180deg);
  top: 10px;
}
.back-to-btn span {
  position: relative;
  right: -1%;
}

.select-variant {
  width: 100%;
  height: 36px;
  text-align: center;
  border-radius: 0.5rem;
  font-weight: 600;
  color: #000;
  font: 16px/24px "Inter", sans-serif;
}

.show-more-from-carousel {
  display: block;
  width: -moz-max-content;
  width: max-content;
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
  border: solid 1px #000;
  color: #000;
  padding: 2px 10px;
  border-radius: 9999px;
  position: relative;
  bottom: 20px;
  margin-left: auto;
  margin-right: 15px;
  min-width: 95px;
}
.show-more-from-carousel:hover, .show-more-from-carousel:focus {
  color: #000;
  background: #E9EAEB;
  text-decoration: none;
}
@media (min-width: 576px) {
  .show-more-from-carousel {
    display: block;
    font: 14px/20px "Inter", sans-serif;
    font-weight: 600;
    padding: 8px 16px;
    border: solid 2px #000;
    margin-left: 32px;
    margin-right: 0;
    bottom: -10px;
  }
}

#jpLoadMoreBtn {
  display: inline-block;
}

/* load slider */
/* need help loaded 11 */
.potrebujete-poradit {
  color: red;
  display: flex;
  justify-content: right;
  align-items: center;
}
.potrebujete-poradit img {
  margin-right: 0.75rem;
}
.potrebujete-poradit .text {
  padding-right: 1.5rem;
  color: #000;
  font-weight: 600;
}
.potrebujete-poradit .phone, .potrebujete-poradit .phone a {
  color: #000 !important;
}

.need-help {
  display: none;
  gap: 1rem;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
@media (min-width: 1200px) {
  .need-help {
    display: flex;
  }
}
.need-help .second {
  display: flex;
  flex-direction: column;
}
.need-help .second span.text {
  font-weight: 600 !important;
  color: black;
  padding-bottom: 3px;
}
.need-help .second span.phone {
  font-weight: 600 !important;
  color: #4D4D4D !important;
}
.need-help .second span.phone a {
  font-weight: 600 !important;
  color: #4D4D4D !important;
}

body .mainbanner.container {
  width: calc(100% - 8px);
  position: relative;
}
body .mainbanner.container.only-mobile {
  margin-top: 16px;
}
@media (min-width: 992px) {
  body .mainbanner.container.only-desktop {
    width: 100%;
    display: block;
  }
}
@media (min-width: 1600px) {
  body .mainbanner.container.only-desktop {
    width: 1550px;
    max-width: 1550px;
  }
}
body .mainbanner.container .swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  justify-content: center;
  background: #ffffff;
}
body .mainbanner.container .swiper-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  background: #DFDFDF;
  width: 8px;
  height: 8px;
  border: 0;
  margin: 0 8px;
  opacity: 1;
}
body .mainbanner.container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000 !important;
}
body .mainbanner.container .row > div {
  padding: 0;
}
@media (min-width: 992px) {
  body .mainbanner.container .row > div:first-child {
    padding-right: 12px;
  }
}
body .mainbanner.container .row > div:last-child .hpbann3 {
  margin-bottom: 0;
}
body .mainbanner.container [class^=hpbann] {
  display: block;
  height: 379px;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  margin-bottom: 10px;
  background-color: #DFDFDF;
  width: 100%;
  margin: 0;
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  body .mainbanner.container [class^=hpbann] {
    width: 100%;
  }
}
body .mainbanner.container [class^=hpbann] .text,
body .mainbanner.container [class^=hpbann] .subtext,
body .mainbanner.container [class^=hpbann] .button,
body .mainbanner.container [class^=hpbann] .label {
  position: absolute;
  z-index: 10;
  left: 0;
  margin: 20px;
}
body .mainbanner.container [class^=hpbann] .text {
  font: 36px/44px "Inter", sans-serif;
  letter-spacing: -2%;
  font-weight: 600;
  bottom: 22%;
}
@media (min-width: 992px) {
  body .mainbanner.container [class^=hpbann] .text {
    left: 30px;
    bottom: 36px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
  }
}
body .mainbanner.container [class^=hpbann] .subtext {
  font: 14px/20px "Inter", sans-serif;
  bottom: 12%;
}
body .mainbanner.container [class^=hpbann] .button {
  bottom: 0;
}
body .mainbanner.container [class^=hpbann] img {
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  body .mainbanner.container [class^=hpbann] img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  body .mainbanner.container [class^=hpbann] img {
    width: auto;
    height: 100%;
  }
}
body .mainbanner.container [class^=hpbann] a.btn {
  background-color: #000;
  color: #ffffff;
  border-radius: 0.5rem;
  text-align: center;
  vertical-align: middle;
  display: block;
  background: #000;
  padding: 8px 13px;
  color: #ffffff;
  margin: 20px;
  position: absolute;
  right: 0;
  bottom: 5%;
  z-index: 30;
}
body .mainbanner.container [class^=hpbann] a.btn:hover {
  color: #ffffff;
  background-color: #000;
}
body .mainbanner.container .opacity-bg {
  background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(255, 255, 255, 0.8));
  width: 100%;
  height: 65%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  body .mainbanner.container .opacity-bg {
    height: 80%;
  }
}
@media (min-width: 992px) {
  body .mainbanner.container .opacity-bg {
    display: none;
  }
}
body .mainbanner.container .hpbann1 .button {
  position: absolute;
  background-color: #044A83;
  border-radius: 6px;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  transition: background-color ease;
  background-color: #000;
  color: #ffffff;
  z-index: 100;
  background-color: #000;
}
body .mainbanner.container .hpbann1 .button:hover {
  background: #02E929;
}
body .mainbanner.container .hpbann1 .button:hover {
  color: #ffffff;
  background-color: #000;
}
body .mainbanner.container .hpbann1 .text,
body .mainbanner.container .hpbann1 .subtext {
  color: #ffffff;
  text-shadow: 1px 1px 5px #000;
}
body .mainbanner.container .hpbann2 .text,
body .mainbanner.container .hpbann3 .text {
  max-width: 80%;
  bottom: 5%;
}
body .mainbanner.container .hpbann2 img,
body .mainbanner.container .hpbann3 img {
  left: 50%;
  transform: translateX(-50%);
}
body .mainbanner.container .hpbann3 .text {
  color: #ffffff;
  text-shadow: 1px 1px 5px #000;
}
body .mainbanner.container .label.blue {
  padding: 0.375rem;
  border-radius: 6px;
  font-size: 12px;
  line-height: 8px;
  width: -moz-max-content;
  width: max-content;
  color: #175CD3;
  border: 1px solid #B2DDFF;
  background-color: #EFF8FF;
  position: absolute;
  left: calc(95% - 100px);
  top: 0;
}
@media (min-width: 992px) {
  body .mainbanner.container .hpbann1 {
    height: 525px;
  }
  body .mainbanner.container .hpbann1 .label.blue {
    left: 1.875rem;
    top: 40px;
  }
  body .mainbanner.container .hpbann1 .button {
    bottom: 0;
    margin-bottom: 30px;
    margin-left: 2.25rem;
  }
  body .mainbanner.container .hpbann1 .text {
    color: #000;
    position: absolute;
    right: 2.25rem;
    max-width: 460px;
    text-shadow: none;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  body .mainbanner.container .hpbann1 .text {
    left: 2.25rem;
    bottom: 150px;
    font: 36px/44px "Inter", sans-serif;
    letter-spacing: -2%;
    font-weight: 600;
  }
}
@media (min-width: 992px) {
  body .mainbanner.container .hpbann1 .subtext {
    color: #000;
    text-shadow: none;
    position: absolute;
    right: 2.25rem;
    left: 1.125rem;
    left: 2.25rem;
    bottom: 110px;
    max-width: 460px;
    font: 16px/24px "Inter", sans-serif;
  }
  body .mainbanner.container .hpbann1 img {
    display: block;
    width: auto;
    height: 100%;
    float: right;
    margin-right: 0;
    margin-top: 0;
  }
  body .mainbanner.container .hpbann2,
  body .mainbanner.container .hpbann3 {
    height: 255px;
  }
  body .mainbanner.container .hpbann2 img,
  body .mainbanner.container .hpbann3 img {
    height: 255px;
    left: 0;
    transform: none;
  }
  body .mainbanner.container .hpbann2 .text,
  body .mainbanner.container .hpbann3 .text {
    width: 297px;
    font: 24px/32px "Inter", sans-serif;
    font-weight: 600;
  }
  body .mainbanner.container .hpbann2 .text + a,
  body .mainbanner.container .hpbann3 .text + a {
    background-color: #000;
    color: #ffffff;
    border-radius: 0.5rem;
    text-align: center;
    vertical-align: middle;
    display: block;
    position: absolute;
    right: 0;
    bottom: 36px;
    margin-right: 2.25rem;
    margin-left: 0;
  }
  body .mainbanner.container .hpbann2 .text {
    color: #000;
    position: absolute;
    top: 25px;
    font-size: 30px;
    line-height: 2.5rem;
    width: 20px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  body .mainbanner.container .hpbann2 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  body .mainbanner.container .hpbann2 + .hpnann3 {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  body .mainbanner.container .hpbann3 {
    margin-top: 16px;
  }
}

.benefits-mobile .benefits {
  display: block !important;
  padding-top: 32px;
}
@media (min-width: 768px) {
  .benefits-mobile .benefits {
    display: none !important;
  }
}

.benefits {
  display: none !important;
}
@media (min-width: 768px) {
  .benefits {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .benefits > .row {
    display: flex;
    justify-content: center;
  }
}
.benefits .benefit {
  text-align: center;
  line-height: 20px;
}
.benefits .benefit img {
  border-radius: 100%;
  width: 48px;
  height: 48px;
  border: 0 none;
  padding: 14px;
  background-color: #02E929;
  margin-bottom: 8px;
}
.benefits .benefit h3 {
  font-weight: 500;
  margin-bottom: 10px;
  padding-top: 0;
}
.benefits .benefit h3, .benefits .benefit .text {
  font-size: 14px;
}

#cart .benefits {
  display: block !important;
}

.favcategories .container {
  margin: 0 auto 0 !important;
  padding: 0 !important;
}
.favcategories .infomenu:nth-child(even) {
  padding-right: 0;
}
.favcategories .infomenu:nth-child(odd) {
  padding-left: 0;
}
@media (min-width: 768px) {
  .favcategories .infomenu:nth-child(odd) {
    padding-right: 0;
    padding-left: 12px;
  }
}
.favcategories .categorylist-list {
  margin-top: 10px;
}
.favcategories .categorylist-list .categorylist-box {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  margin-top: 5px;
}
.favcategories .categorylist-list .categorylist-box .catblock {
  background-color: #ffffff;
  display: block;
  float: left;
  margin: 0 0.75rem 0.75rem 0;
  border-radius: 8px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: 100%;
  margin-right: 0;
}
.favcategories .categorylist-list .categorylist-box .catblock:first-child {
  margin-left: 0;
}
.favcategories .categorylist-list .categorylist-box .catblock .imagewrap {
  height: 80%;
  padding-top: 24px;
}
.favcategories .categorylist-list .categorylist-box .catblock * {
  text-align: center;
}
.favcategories .categorylist-list .categorylist-box .catblock img {
  height: 70px;
}
.favcategories .categorylist-list .categorylist-box .catblock .title {
  font-weight: 500;
  font-size: 14px;
  padding: 20px 4px;
  height: 70px;
}
.favcategories .favcategories-more-btn {
  width: 100%;
  max-width: 360px;
  margin: 8px auto 0;
}
.favcategories .favcategories-more-btn a {
  padding: 9px 0;
  color: #ffffff;
}
.favcategories .favcategories-more-btn a:hover {
  background-color: #000;
  color: #ffffff;
}
.favcategories .favcategories-more-btn .arrowhead {
  font-size: 18px;
  line-height: px;
  bottom: 2px;
  position: relative;
  margin-left: 8px;
}
.favcategories .favcategories-more-btn .active .arrowhead {
  bottom: -5px;
}

.hpblog {
  background-color: #F7F7F7;
  padding: 20px 0 0;
}
.hpblog .container {
  padding: 0 16px 16px !important;
}
@media (min-width: 1200px) {
  .hpblog .container {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .hpblog .article {
    width: calc(25% - 16px);
    margin-left: 0 !important;
  }
  .hpblog .article:last-child {
    margin-right: 0;
    margin-left: 0;
  }
}
.hpblog .swiper-blog-pagination {
  position: relative;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  justify-content: center;
  transform: translateX(0) !important;
  margin-top: 24px;
}
.hpblog .swiper-blog-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  background: #DFDFDF;
  width: 8px;
  height: 8px;
  border: 0;
  margin: 0 8px;
  opacity: 1;
}
.hpblog .swiper-blog-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000 !important;
}
.hpblog .article {
  margin-bottom: 10px;
  background-color: white;
  border-radius: 6px;
  padding: 0 0 10px;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.hpblog .article.swiper-slide {
  width: 270px;
  height: 272px;
}
.hpblog .article img {
  width: 100%;
}
.hpblog .article .text {
  padding: 12px;
}
.hpblog .article .text a.more {
  display: block;
  clear: both;
  width: auto;
  float: left;
  background-color: #044A83;
  border-radius: 6px;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  transition: background-color ease;
  border: 1px solid #000;
  background-color: #ffffff;
  color: #000;
  font-size: 14px;
  height: 36px;
  line-height: 35px;
  padding: 0 24px;
  display: block;
}
.hpblog .article .text a.more:hover {
  background-color: #000000;
  color: #ffffff;
}
.hpblog .article .text a.title {
  font-size: 16px;
  font-weight: 600;
  display: block;
  padding: 10px 0 20px;
  min-height: 30px;
}
.hpblog .only-desktop .article {
  margin-right: 16px;
}

.duoarticles {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
.duoarticles .row {
  margin: 0 16px 16px;
  width: calc(100% - 32px);
}
@media (min-width: 992px) {
  .duoarticles .row {
    margin: 0;
    width: 100%;
  }
}
.duoarticles .row > div {
  height: 217px;
  display: block;
  width: 100%;
  background-color: #F7F7F7;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 0;
  border-radius: 0.5rem;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .duoarticles .row > div {
    width: calc(50% - 12px);
    margin-bottom: 10px;
  }
}
.duoarticles .row > div .title {
  max-width: 300px;
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
  position: relative;
  z-index: 10;
  margin: 0 10px 0 15px;
  position: absolute;
  float: left;
  bottom: 160px;
}
@media (min-width: 992px) {
  .duoarticles .row > div .title {
    position: relative;
    margin: 34px 10px 0 40px;
    bottom: 0;
    float: none;
  }
}
.duoarticles .row > div .text {
  display: none;
}
@media (min-width: 992px) {
  .duoarticles .row > div .text {
    display: block;
    top: 0;
    float: none;
  }
}
.duoarticles .row > div > img {
  height: 216px;
  float: right;
  margin-left: -100%;
}
.duoarticles .row > div a.btn {
  position: absolute;
  background-color: #000;
  color: #ffffff;
  border-radius: 0.5rem;
  text-align: center;
  vertical-align: middle;
  display: block;
  padding: 8px 13px;
  float: left;
  font-weight: 600;
  display: block;
  bottom: 25px;
  margin: 25px 0 0 15px;
}
.duoarticles .row > div a.btn:hover {
  color: #000;
  background-color: #02E929;
}
@media (min-width: 992px) {
  .duoarticles .row > div a.btn {
    margin: 45px 0 0 40px;
    bottom: 48px;
  }
}
.duoarticles .row .first {
  margin-right: 24px;
}
.duoarticles .row > div.second .title {
  bottom: 70px;
}
@media (min-width: 992px) {
  .duoarticles .row > div.second .title {
    bottom: 0;
  }
}
.duoarticles .oneLineButton {
  margin-top: 65px !important;
}
.duoarticles.durr-banner {
  display: block;
  width: 100%;
  background-color: #000000;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 0;
  margin: 0 16px;
  width: calc(100% - 32px);
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  .duoarticles.durr-banner {
    margin: 0 0 8px;
  }
}
.duoarticles.durr-banner .title {
  max-width: 300px;
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
  position: relative;
  z-index: 10;
  font: 36px/44px "Inter", sans-serif;
  letter-spacing: -2%;
  font-weight: 600;
  color: #ffffff;
  max-width: 450px;
  margin: 40px 10px 15px 40px;
  top: 24px;
}
@media (min-width: 992px) {
  .duoarticles.durr-banner .title {
    top: 0px;
  }
}
.duoarticles.durr-banner .text {
  font: 16px/24px "Inter", sans-serif;
  color: #ffffff;
  max-width: 365px;
  margin: 0;
}
@media (min-width: 992px) {
  .duoarticles.durr-banner .text {
    margin: 0 10px 40px 40px;
  }
}
.duoarticles.durr-banner > img {
  height: 216px;
  float: right;
  margin-left: -100%;
  height: 311px;
  float: right;
}
.duoarticles.durr-banner a.btn {
  background-color: #000;
  color: #ffffff;
  border-radius: 0.5rem;
  text-align: center;
  vertical-align: middle;
  display: block;
  padding: 8px 13px;
  float: left;
  font-weight: 600;
  background: #ffffff;
  color: #000;
  margin: 32px 0 32px 40px;
}
.duoarticles.durr-banner a.btn:hover {
  color: #000;
  background-color: #02E929;
}
@media (min-width: 992px) {
  .duoarticles.durr-banner a.btn {
    margin: 65px 0 0 40px;
  }
}
.duoarticles.durr-banner .durr-logo-block {
  display: block;
  width: 236px;
  height: 132px;
  padding: 32px;
  border-radius: 3px;
  background-color: #ffffff;
  position: relative;
  float: right;
  margin-right: calc(50% - 118px);
  top: 90px;
}
.duoarticles.durr-banner .durr-logo-block img {
  width: 171px;
  height: 71px;
}

.ordinace {
  padding: 20px;
}
.ordinace .image {
  overflow: hidden;
  border-radius: 3px;
  float: right;
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 1200px) {
  .ordinace .image {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .ordinace .info {
    width: 380px;
  }
}
.ordinace .morebutton {
  background-color: #044A83;
  border-radius: 6px;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  transition: background-color ease;
  background-color: #000;
  color: #ffffff;
  float: left;
  margin-top: 30px;
}
.ordinace .morebutton:hover {
  background: #02E929;
}
.ordinace h3 {
  font-family: "Inter", sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 46px;
  padding: 40px 0 10px;
  letter-spacing: -2px;
  padding-top: 20px;
}
.ordinace .years {
  border-radius: 3px;
  background-color: #02E929;
  width: 120px;
  height: 120px;
  color: #000;
  padding: 0 0.75rem;
  text-align: center;
  position: absolute;
  right: 85px;
  bottom: 270px;
  padding-top: 35px;
  line-height: 24px;
}
.ordinace .years strong {
  font-size: 72px;
}
@media (min-width: 768px) {
  .ordinace .years {
    bottom: 240px;
  }
}
@media (min-width: 1200px) {
  .ordinace .years {
    bottom: 70px;
  }
}

.jp-product-labels-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 0;
  z-index: 70;
  width: 100%;
  margin: 0 auto 0;
}

.jp-product-labels .jp-product-label {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
}
.jp-product-labels .jp-product-label.jp-product-label-ambasador {
  padding: 0.375rem;
  border-radius: 6px;
  font-size: 12px;
  line-height: 8px;
  width: -moz-max-content;
  width: max-content;
  color: #404040;
  border: solid 1px #DFDFDF;
  background-color: #FAFAFA;
}
.jp-product-labels .jp-product-label.jp-product-label-new {
  padding: 0.375rem;
  border-radius: 6px;
  font-size: 12px;
  line-height: 8px;
  width: -moz-max-content;
  width: max-content;
  color: #175CD3;
  border: 1px solid #B2DDFF;
  background-color: #EFF8FF;
}
.jp-product-labels .jp-product-label.jp-product-label-combinations {
  padding: 0.375rem;
  border-radius: 6px;
  font-size: 12px;
  line-height: 8px;
  width: -moz-max-content;
  width: max-content;
  color: #B54708;
  border: solid 1px #FEDF89;
  background-color: #FFFAEB;
}
.jp-product-labels .jp-product-label.jp-product-label-in_stock {
  padding: 0.375rem;
  border-radius: 6px;
  font-size: 12px;
  line-height: 8px;
  width: -moz-max-content;
  width: max-content;
  color: #06751A;
  border: solid 1px #71FF8A;
  background-color: #edffef;
}
.jp-product-labels .jp-product-label.jp-product-label-out_of_stock {
  padding: 0.375rem;
  border-radius: 6px;
  font-size: 12px;
  line-height: 8px;
  width: -moz-max-content;
  width: max-content;
  color: #B42318;
  border: solid 1px #FECDCA;
  background-color: #fef3f2;
}
.jp-product-labels .jp-product-label.jp-product-label-external_stock {
  padding: 0.375rem;
  border-radius: 6px;
  font-size: 12px;
  line-height: 8px;
  width: -moz-max-content;
  width: max-content;
  color: #404040;
  border: solid 1px #DFDFDF;
  background-color: #FAFAFA;
}
.jp-product-labels.jp-product-label-stock {
  float: right;
}

.productlist-item {
  border-right: 0;
  border-bottom: solid 1px #EDEDED;
  transition: box-shadow 0.5s ease;
}
@media (min-width: 992px) {
  .productlist-item {
    border-right: solid 1px #EDEDED;
  }
}
.productlist-item:hover {
  border-right: 0;
  border-bottom: solid 1px transparent;
  z-index: 200;
  box-shadow: 0px 5px 15px 0px rgba(65, 70, 81, 0.3);
}
@media (min-width: 992px) {
  .productlist-item:hover {
    border-right: solid 1px transparent;
  }
}
.productlist-item.last-line {
  border-bottom: 0 !important;
}

.product .product-miniature {
  padding: 24px 12px 32px;
}
.product .product-miniature .thumbnail-top {
  display: block;
  height: 248px;
  width: 100%;
}
.product .product-miniature .product-thumbnail img {
  max-width: 100%;
  width: auto;
  max-height: 200px;
}
.product .product-miniature .thumbnail-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: column nowrap;
  margin-bottom: 0;
  height: 444px;
}
.product .product-miniature .thumbnail-container:hover .product-description::after {
  border: 0 !important;
}
.product .product-miniature .product-description {
  display: block;
  height: 150px;
}
.product .product-miniature .product-description .sku-reference {
  color: #666;
}
.product .product-miniature .product-description h3.product-title {
  text-align: left;
  padding: 0;
  margin-top: 5;
}
.product .product-miniature .product-description h3.product-title a {
  color: #000;
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.product .product-miniature .product-description .description-body {
  font: 12px/18px "Inter", sans-serif;
  color: #000;
}
.product .product-miniature .price_spacer {
  display: block;
  height: 24px;
}
.product .product-miniature .btn {
  position: absolute;
  border-radius: 100%;
  width: 48px;
  height: 48px;
  border: 0 none;
  padding: 14px;
  background-color: #E6EEF4;
  right: 2px;
  border-radius: 30px;
}
.product .product-miniature .btn .fullw {
  width: 100%;
}
.product .product-miniature .add-to-cart-block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: column nowrap;
  height: 102px;
  width: 100%;
  /* tyhle úpravy ovlivněj karusely, proto je nenasazuju
  	    	@include mixins.breakpoint(large){
  	    		height: 180px;
  	    	}

  	    	@include mixins.breakpoint(xlarge){
  	    		height: 102px;;

  	    	}*/
}
.product .product-miniature .add-to-cart-block .product-price-and-shipping {
  display: block;
  font: 16px/24px "Inter", sans-serif;
  color: #00951A;
  font-weight: 600;
  text-align: left;
  width: 100%;
  /*
  		    	@include mixins.breakpoint(large){
  		    		@include mixins.flex-row-center-wrap;
  		    		text-align: center;
  		    		margin: variables.$spacer*2 0 variables.$spacer*0.75;
  		    	}

  		    	@include mixins.breakpoint(xlarge){
  		    		@include mixins.flex-row-between;
  		    		text-align: left;
  		    		margin: 0;
  		    	}*/
}
.product .product-miniature .add-to-cart-block .product-price-and-shipping .regular-price {
  display: block;
}
.product .product-miniature .add-to-cart-block .add-to-cart-form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /*		    	@include mixins.breakpoint(large){
  		    		@include mixins.flex-row-center-wrap;
  		    	}

  		    	@include mixins.breakpoint(xlarge){
  		    		@include mixins.flex-row-between;
  		    	}

  		    	.add-to-cart-btn {

  		    		@include mixins.breakpoint(large){
  		    			width: 100%;
  		    			margin-top: variables.$spacer*0.75;
  		    		}

  		    		@include mixins.breakpoint(xlarge){
  		    			width: calc(100% - 95px);
  		    			margin-top: 0;

  		    		}
  		    	}*/
}
.product .product-miniature .wishlist-button-add {
  display: none;
}

/* společný */
.sidebar-column-banner {
  display: block;
  height: 302px;
  width: 100%;
  padding: 24px;
  margin-bottom: 48px;
}
.sidebar-column-banner h5 {
  margin-bottom: 24px;
}
.sidebar-column-banner .info-wrapper-outer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.sidebar-column-banner .phoneicon,
.sidebar-column-banner .mailicon {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0901960784);
}
.sidebar-column-banner .phoneicon {
  background: #ffffff url("../images/phonecall.svg") no-repeat center;
}
.sidebar-column-banner .mailicon {
  background: #ffffff url("../images/mailicon.svg") no-repeat center;
}
.sidebar-column-banner .info-wrapper-inner {
  width: calc(100% - 34px);
  margin-left: 12px;
}
.sidebar-column-banner .info-wrapper-inner .openinghours {
  font: 12px/18px "Inter", sans-serif;
  width: 100%;
}
.sidebar-column-banner .info-wrapper-inner .callus,
.sidebar-column-banner .info-wrapper-inner .mailus {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  width: 100%;
}
.sidebar-column-banner .info-wrapper-inner .callus:hover,
.sidebar-column-banner .info-wrapper-inner .mailus:hover {
  color: #02E929;
}

/*  v kategorii "Jsme připravení Vám kdykoliv poradit" */
.left-column-banner {
  min-width: 235px;
  width: 96%;
  margin-top: 36px;
  background: #F7F7F7 url("../images/left_column_banner.png") no-repeat bottom right;
  border-radius: 0.5rem;
}
.left-column-banner h5 {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  padding: 0;
  margin-bottom: 24px;
}
.left-column-banner .info-wrapper-outer {
  width: 130px;
}

/* u produktu "Rádi Vám ještě poradíme" */
.right-column-banner {
  min-width: 100%;
  background: #F7F7F7 url("../images/right_column_banner.png") no-repeat bottom right;
  border-radius: 0.5rem;
  max-width: 340px;
  margin: 0 auto 32px;
}
@media (min-width: 420px) {
  .right-column-banner {
    min-width: 364px;
  }
}
@media (min-width: 768px) {
  .right-column-banner {
    margin: 0 auto 48px;
  }
}
.right-column-banner h5 {
  font: 18px/28px "Inter", sans-serif;
  font-weight: 500;
  padding: 0;
  max-width: 302px;
}
.right-column-banner .info-wrapper-outer {
  width: 200px;
}
.right-column-banner-user {
  background: #F7F7F7 url("../images/right_column_banner_user.png") no-repeat bottom right;
  height: 425px;
  margin-top: 160px;
}
.right-column-banner-user h5,
.right-column-banner-user h6 {
  color: #000;
  font-weight: 600;
}

#filter-block .left-column-banner {
  padding: 24px;
  margin: 0 auto 8px;
  width: 100%;
  max-width: 370px;
  height: 235px;
}

#index .container .row h2 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (min-width: 1200px) {
  #index .productmod .col-lg-2 {
    float: left;
    width: 20%;
  }
}
#index .favcategories .container {
  margin: 0;
}
@media (min-width: 768px) {
  #index .ordinace .col-sm-12 {
    padding: 0;
  }
  #index .productmod .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.subcategories .subcategories-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
}
@media (min-width: 1200px) {
  .subcategories .subcategories-list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
  }
}
.subcategories .subcategory-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  height: 68px;
  margin: 0 0 16px;
  background-color: #ffffff;
  width: calc(50% - 8px);
  border-radius: 8px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media (min-width: 768px) {
  .subcategories .subcategory-item {
    width: calc(33.3% - 8px);
  }
}
@media (min-width: 992px) {
  .subcategories .subcategory-item {
    margin: 0 16px 16px 0;
    width: 290px;
  }
}
.subcategories .subcategory-item.no-image-name {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.subcategories .subcategory-item picture {
  min-height: 44px;
}
.subcategories .subcategory-item img.img-fluid {
  max-width: 44px;
  height: auto;
  margin: 12px 13px;
}
.subcategories .subcategory-item h5 {
  height: 68px;
  max-width: calc(100% - 55px);
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}
.subcategories .subcategory-item h5 span {
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
  margin-right: 12px;
  max-width: 206px;
  padding: 0 8px 0 0;
}
@media (min-width: 992px) {
  .subcategories .subcategory-item h5 span {
    font: 14px/20px "Inter", sans-serif;
    font-weight: 600;
  }
}
.subcategories .subcategory-item h5.no-image-name {
  width: calc(100% - 24px);
  text-align: center;
}
.subcategories .subcategory-item h5.no-image-name a.subcategory-name {
  margin: 0 auto 0;
  padding: 0;
}

body#category #left-column #search_filters_wrapper {
  margin: 0;
}

body #left-column #search_filters {
  margin: 0 25px 0 0;
  padding: 0;
  border: 0 !important;
}
body #left-column #search_filters .h6 {
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
}
body #left-column #search_filters .h6.facet-title {
  font: 18px/28px "Inter", sans-serif;
  font-weight: 600;
  padding: 16px 16px 8px !important;
  text-transform: none !important;
}
body #left-column #search_filters .facet-label .evr-checkbox {
  display: inline-block;
  top: -7px;
  margin-top: 0;
}
body #left-column #search_filters .facet-label .evr-checkbox .checkmark {
  top: -5px;
}
body #left-column #search_filters .facet-label a {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  position: relative;
  top: -5px;
}
body #left-column #search_filters .facet {
  border: 0 !important;
}
body #left-column #search_filters .facet ul {
  margin-top: 0;
}
@media (min-width: 1200px) {
  body #left-column #search_filters .facet ul {
    margin-top: 16px;
  }
}
body #left-column #search_filters .facet ul li {
  padding: 0 16px !important;
  line-height: 16px;
  height: 35px;
  border: 0 !important;
}

.search_filter_controls {
  padding: 8px 16px 550px;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .search_filter_controls {
    padding-bottom: 24px;
  }
}

.filter-toggle {
  width: 100%;
  max-width: 360px;
  margin: 8px auto 0;
}
.filter-toggle a {
  padding: 9px 0;
  color: #ffffff !important;
}
.filter-toggle a:hover {
  background-color: #000 !important;
  color: #ffffff;
}
.filter-toggle a img {
  margin-right: 8px;
}

.filter-block {
  display: none;
}
@media (min-width: 992px) {
  .filter-block {
    display: block;
  }
}
.filter-block .filter-close {
  cursor: pointer;
}
.filter-block .filter-close span {
  position: relative;
  top: 3px;
  margin-left: 12px;
  color: #404040;
}

.filter-heading {
  padding: 16px 16px 0;
}

.show-all-filters {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
}
.show-all-filters img {
  position: relative;
  bottom: 2px;
  margin-right: 8px;
}

@media (max-width: 991px) {
  .active_filters {
    display: none;
  }
}
.cat-bestsel {
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 992px) {
  .cat-bestsel {
    padding: 0;
  }
}
.cat-bestsel h2 {
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
}
.cat-bestsel_wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 35px auto 50px;
}
.cat-bestsel_item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex !important;
  align-items: flex-start;
  width: 287px;
  margin-right: 24px;
}
.cat-bestsel_thumbnail {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: 16px;
}
.cat-bestsel_thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.cat-bestsel_text {
  display: block;
}
.cat-bestsel_name {
  width: 100%;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
}
.cat-bestsel_price {
  width: 100%;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  color: #02E929;
  margin-top: 8px;
}
.cat-bestsel .swiper-wrapper {
  margin-bottom: 32px;
}

/* subcategories zatim nechávam v hlavnim - budou ještě někde potřeba? */
#category #wrapper,
#manufacturer #wrapper {
  padding: 16px 16px 0;
}
@media (min-width: 992px) {
  #category #wrapper,
  #manufacturer #wrapper {
    padding: 1.563rem 0 0;
  }
}
#category #wrapper .container,
#manufacturer #wrapper .container {
  padding-bottom: 0;
}
#category .product-list-wrapper,
#manufacturer .product-list-wrapper {
  width: 100%;
}
@media (min-width: 992px) {
  #category .product-list-wrapper,
  #manufacturer .product-list-wrapper {
    width: calc(100% - 260px);
  }
}
@media (min-width: 1400px) {
  #category .product-list-wrapper,
  #manufacturer .product-list-wrapper {
    width: 1165px;
  }
}
@media (min-width: 1550px) {
  #category .product-list-wrapper,
  #manufacturer .product-list-wrapper {
    width: 1300px;
  }
}
#category .block-category,
#manufacturer .block-category {
  min-height: 20px;
  background: #F7F7F7;
  margin-bottom: 10px;
}
#category .block-category h1,
#manufacturer .block-category h1 {
  font: 48px/60px "Inter", sans-serif;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 0;
}
#category .product-list-order,
#manufacturer .product-list-order {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
  margin-top: 16px;
}
@media (min-width: 992px) {
  #category .product-list-order,
  #manufacturer .product-list-order {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
  }
}
@media (min-width: 1200px) {
  #category .product-list-order,
  #manufacturer .product-list-order {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
  }
}
#category .product-list-order a,
#manufacturer .product-list-order a {
  background-color: #044A83;
  border-radius: 6px;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  transition: background-color ease;
  color: #000;
  background-color: #ffffff;
  margin-right: 4px;
}
#category .product-list-order a:hover, #category .product-list-order a.active,
#manufacturer .product-list-order a:hover,
#manufacturer .product-list-order a.active {
  background-color: #E9EAEB;
}
#category .js-product-list-footer,
#manufacturer .js-product-list-footer {
  margin-bottom: 100px;
}

.jpLoadMore {
  margin-top: 25px;
}

#jpLoadMoreBtn {
  background: #02E929;
  color: #000;
  padding: 10px 25px;
  border-radius: 8px;
  font-size: 16px;
  margin-top: 15px;
  font-weight: 700;
}

.back-to-top {
  margin: 25px auto 30px;
}

#manufacturer body .js-product-list-footer {
  margin-bottom: 100px;
}
#manufacturer #jpLoadMoreBtn {
  display: block;
  margin: 15px auto 100px;
  width: -moz-max-content;
  width: max-content;
}
#manufacturer .left-column {
  display: none;
}

.jp-product-discount {
  margin-top: 7px;
}
.jp-product-discount .jp-discount-wrapper {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.jp-product-discount .jp-discount-hover {
  display: none;
  position: absolute;
  width: 218px;
  background: #0A0D12;
  color: #ffffff;
  padding: 12px;
  border-radius: 0.5rem;
  right: -16px;
  bottom: 56px;
}
@media (min-width: 992px) {
  .jp-product-discount .jp-discount-hover {
    bottom: 52px;
  }
}
@media (min-width: 1200px) {
  .jp-product-discount .jp-discount-hover {
    right: -32px;
    bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .jp-product-discount .jp-discount-hover {
    right: -32px;
    bottom: 54px;
  }
}
@media (min-width: 1700px) {
  .jp-product-discount .jp-discount-hover {
    right: -25%;
  }
}
.jp-product-discount .jp-discount-hover::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 46px;
  bottom: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0A0D12;
}
@media (min-width: 768px) {
  .jp-product-discount .jp-discount-hover::before {
    right: 46px;
  }
}
@media (min-width: 992px) {
  .jp-product-discount .jp-discount-hover::before {
    right: 31px;
  }
}
@media (min-width: 1200px) {
  .jp-product-discount .jp-discount-hover::before {
    right: 50px;
  }
}
@media (min-width: 1700px) {
  .jp-product-discount .jp-discount-hover::before {
    right: calc(50% - 16px);
  }
}
.jp-product-discount .jp-discount-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2px;
}
.jp-product-discount .jp-discount-item-total {
  margin: 8px 0;
}
.jp-product-discount .jp-discount-quantity, .jp-product-discount .jp-discount-price {
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
}
.jp-product-discount .jp-discount-info-circle,
.jp-product-discount .jp-discount-info-circle-mobile {
  display: none;
  border: 0;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  background: #DFDFDF url("../images/info-circle.svg") center no-repeat;
  cursor: pointer;
}
@media (min-width: 991px) and (max-width: 1199px) {
  .jp-product-discount .jp-discount-info-circle,
  .jp-product-discount .jp-discount-info-circle-mobile {
    height: 38px;
  }
}
@media (min-width: 768px) {
  .jp-product-discount .jp-discount-info-circle,
  .jp-product-discount .jp-discount-info-circle-mobile {
    display: block !important;
  }
}
.jp-product-discount .jp-discount-info-circle-mobile {
  display: block;
}
@media (min-width: 768px) {
  .jp-product-discount .jp-discount-info-circle-mobile {
    display: none !important;
  }
}

/* pro modul jp_variantlist */
@media (max-width: 991px) {
  #product .grey-row-container-variants .container {
    width: 100% !important;
  }
}
#product .product-detail-variants {
  margin-top: 54px;
  background: #F7F7F7;
}
#product .product-detail-variants .h2 {
  text-align: center;
  padding-top: 66px;
}
#product .product-detail-variants .productlist-list h2 {
  text-align: center;
}
#product .product-detail-variants .swiper-slide {
  background: #ffffff;
}
#product .jp_variantlist-wrapper {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  #product .jp_variantlist-wrapper {
    margin-bottom: 58px;
  }
}
#product .jp_variantlist-wrapper .variant-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  margin-bottom: 6px;
  text-align: left;
}
#product .jp_variantlist-wrapper .variant-item > * {
  margin-right: 20px;
}
#product .jp_variantlist-wrapper .variant-image {
  width: 68px;
  height: 68px;
  text-align: center;
  margin: 0 20px;
}
#product .jp_variantlist-wrapper .variant-image img {
  max-width: 68px;
  max-height: 68px;
}
#product .jp_variantlist-wrapper .variant-code {
  font: 12px/18px "Inter", sans-serif;
  color: #4D4D4D;
  width: 132px;
  margin-right: 20px;
}
#product .jp_variantlist-wrapper .variant-name, #product .jp_variantlist-wrapper .variant-price {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}
#product .jp_variantlist-wrapper .variant-name {
  width: calc(100% - 800px);
}
#product .jp_variantlist-wrapper .variant-price {
  width: 140px;
  text-align: right;
}
#product .jp_variantlist-wrapper .variant-price .amnt {
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
}
#product .jp_variantlist-wrapper .variant-quantity {
  width: 100px;
}
#product .jp_variantlist-wrapper .variant-stock {
  width: 100px;
  text-align: center;
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
}
#product .jp_variantlist-wrapper .variant-submit {
  width: 150px;
}
#product .jp_variantlist-wrapper .variant-submit .add-to-cart-btn {
  width: 100%;
  height: 48px;
}
#product .jp_variantlist-wrapper .variant-submit .add-to-cart-btn:before {
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: left center;
}

body#product .product-detail-review #spr .spr_product_page_top_block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
body#product .product-detail-review #spr .spr_product_page_top_block > * {
  flex: unset;
  border-bottom: 0;
}
body#product .product-detail-review #spr .tabs {
  margin-top: 24px;
}
body#product .product-detail-review #spr .review_container::last-of-type {
  border-bottom: 0 !important;
}
body#product .product-detail-review #spr .spr_product_page_reviews {
  margin: 16px 0;
}
body#product .product-detail-review #spr .spr_product_page_reviews .review-customer-name {
  display: block;
  font-weight: 600;
}
body#product .product-detail-review #spr .spr_product_page_reviews .review-date {
  display: block;
  margin-top: 6px;
  color: #4D4D4D;
}
body#product .product-detail-review #spr .spr_product_page_reviews .col-md-3 > div {
  position: relative;
  left: calc(100% - 110px);
  bottom: 35px;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 768px) {
  body#product .product-detail-review #spr .spr_product_page_reviews .col-md-3 > div {
    left: 0;
    bottom: 0;
    margin-top: 24px;
  }
}
body#product .product-detail-review #spr .spr_product_page_reviews .review_title {
  display: none;
}
body#product .product-detail-review #spr .spr_product_page_reviews .review_text {
  font: 14px/20px "Inter", sans-serif;
  border: 0;
  padding-left: 0;
}
body#product .product-detail-review .sprEveryButton {
  width: -moz-max-content;
  width: max-content;
  padding: 10px 14px;
}
body#product .product-detail-review .spr_btn_rating_wrapper {
  display: block;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  padding-top: 35px;
}
body#product .product-detail-review #spr_reviews_list_footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  top: 0;
  background: #F7F7F7;
  padding: 26px 20px;
  margin-top: -10px;
}
@media (min-width: 576px) {
  body#product .product-detail-review #spr_reviews_list_footer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    padding: 26px 60px;
  }
}
@media (min-width: 768px) {
  body#product .product-detail-review #spr_reviews_list_footer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
  }
}
@media (min-width: 992px) {
  body#product .product-detail-review #spr_reviews_list_footer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
  }
}
@media (min-width: 1200px) {
  body#product .product-detail-review #spr_reviews_list_footer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
  }
}
body#product .product-detail-review #spr_reviews_list_footer .avg_block {
  width: 100%;
  min-width: 150px;
  max-width: 230px;
  margin-bottom: 24px;
  margin-left: 32px;
}
@media (min-width: 768px) {
  body#product .product-detail-review #spr_reviews_list_footer .avg_block {
    margin-bottom: 0;
    margin-left: 12px;
    width: 30%;
  }
}
@media (min-width: 992px) {
  body#product .product-detail-review #spr_reviews_list_footer .avg_block {
    width: 100%;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  body#product .product-detail-review #spr_reviews_list_footer .avg_block {
    margin-bottom: 0;
    width: 30%;
  }
}
body#product .product-detail-review #spr_reviews_list_footer .avg_block .average_text {
  font: 60px/72px "Inter", sans-serif;
  font-size: 60px !important;
  font-weight: 500;
}
body#product .product-detail-review #spr_reviews_list_footer .avg_block .reviews_count {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 500;
}
body#product .product-detail-review #spr_reviews_list_footer .graph_block {
  width: 100%;
  border: 0;
  border-top: solid 1px #DFDFDF;
  padding-top: 16px;
}
@media (min-width: 768px) {
  body#product .product-detail-review #spr_reviews_list_footer .graph_block {
    width: 70%;
    min-width: 295px;
    border: 0;
    border-left: solid 1px #DFDFDF;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  body#product .product-detail-review #spr_reviews_list_footer .graph_block {
    border-left: 0;
  }
}
@media (min-width: 1200px) {
  body#product .product-detail-review #spr_reviews_list_footer .graph_block {
    border-left: solid 1px #DFDFDF;
  }
}
body#product .product-detail-review #spr_reviews_list_footer .spr_reviews_content {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
  margin: 0 auto 0;
  position: relative;
}
@media (min-width: 576px) {
  body#product .product-detail-review #spr_reviews_list_footer .spr_reviews_content {
    min-width: 90%;
  }
}
@media (min-width: 768px) {
  body#product .product-detail-review #spr_reviews_list_footer .spr_reviews_content {
    left: 0;
  }
}
body#product .product-detail-review #spr_reviews_list_footer .spr_reviews_content .progress-distrib {
  height: 4px;
}
body#product .product-detail-review .spr_product_page_distribution_block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  font: 14px/20px "Inter", sans-serif;
  font-weight: 500;
  margin-bottom: 12px;
}
body#product .product-detail-review .spr_product_page_distribution_block:last-of-type {
  margin-bottom: 0;
}
body#product .product-detail-review .spr_product_page_distribution_block > * {
  flex: unset;
}
body#product .product-detail-review .spr_product_page_distribution_block .star_level {
  text-align: right;
  width: 48px;
  margin-right: 12px;
}
@media (min-width: 576px) {
  body#product .product-detail-review .spr_product_page_distribution_block .star_level {
    margin-right: 28px;
  }
}
body#product .product-detail-review .spr_product_page_distribution_block .count {
  width: 120px;
  text-align: right;
  margin: 0 0 0 16px;
}
@media (min-width: 576px) {
  body#product .product-detail-review .spr_product_page_distribution_block .count {
    margin: 0 0 0 28px;
  }
}
body#product .product-detail-review .spr_product_page_distribution_block .progress-distrib {
  flex: 1;
  margin: 0;
}
@media (min-width: 576px) {
  body#product .product-detail-review .spr_product_page_distribution_block .progress-distrib {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 768px) {
  body#product .product-detail-review .spr_product_page_distribution_block .progress-distrib {
    width: calc(100% - 224px);
  }
}
body#product .product-detail-review .spr_product_page_distribution_block .progress-distrib .progress_custom_color {
  background-color: #000 !important;
}
.bt_see_more_product {
  text-transform: capitalize;
}

#spr .alert {
  max-width: 60%;
  margin: 0 auto 16px;
  border-radius: 0.5rem;
}
#spr .alert .alert-info {
  color: #B42318;
  border-color: #FECDCA;
  background: #fef3f2;
}
#spr .alert .alert-success {
  color: #06751A;
  border-color: #71FF8A;
  background: #edffef;
}

body .ui-dialog.ui-widget-content {
  border-radius: 0.5rem;
  border: 0;
  box-shadow: 1px 1px 5px #cccccc;
}

body .ui-widget-header {
  background: none;
  border: 0;
}

body .ui-dialog-title {
  text-align: center;
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
}

body .ui-dialog p.alert-success {
  background: none;
  border: 0;
  text-align: center;
  font: 24px/32px "Inter", sans-serif !important;
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
  font-weight: 600;
}

body .ui-dialog .ui-dialog-buttonpane {
  border: 0;
  text-align: center;
}

body .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
}

body .ui-dialog-buttonset .btn {
  background: #000;
  color: #fff;
  padding: 12px 24px;
  border-radius: 0.5rem;
  font: 16px/24px "Inter", sans-serif !important;
  font-weight: 600;
  text-transform: none;
}

body .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 21px;
  height: 20px;
  margin: -10px 0 0 0;
  cursor: pointer;
  background: none;
  border: none;
}

body .ui-dialog-titlebar-close::before,
body .ui-dialog-titlebar-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 100%;
  background-color: black;
  transform-origin: center;
}

body .ui-dialog-titlebar-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

body .ui-dialog-titlebar-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

#product #wrapper .container {
  padding-bottom: 0;
}
#product h1.h1 {
  font: 36px/44px "Inter", sans-serif;
  letter-spacing: -2%;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 24px;
}
#product p {
  font: 14px/20px "Inter", sans-serif;
}
#product h2.h2 {
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
  text-transform: none;
  padding-top: 20px;
}
#product h2.main {
  font: 30px/38px "Inter", sans-serif;
  font-weight: 600;
  text-transform: none;
}
#product .images-container .product-cover {
  margin-bottom: 16px;
}
#product .product-wrapper {
  width: 100%;
  margin: 0 auto 0;
}
#product .product-wrapper .desc-block {
  padding: 0 4px;
}
@media (min-width: 992px) {
  #product .product-wrapper .desc-block {
    padding: 0 12px;
  }
}
#product .product-wrapper .image-block-mobile {
  float: none;
  background: #ffffff;
}
#product .product-wrapper .product-parameters {
  font: 12px/18px "Inter", sans-serif;
  color: #4D4D4D;
  margin: 20px 0 32px;
}
#product .product-wrapper .product-prices-box,
#product .product-wrapper .product-actions {
  background: #F4F8F9;
  padding: 24px 18px;
}
#product .product-wrapper .product-prices-box {
  margin-top: 16px;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  #product .product-wrapper .product-prices-box {
    margin-top: 0;
  }
  #product .product-wrapper .product-prices-box .col-md-5 {
    padding-right: 0;
  }
}
#product .product-wrapper .product-prices-box .product-prices {
  margin-top: 10px;
}
#product .product-wrapper .product-prices-box .product-prices div {
  margin-bottom: 0;
}
#product .product-wrapper .product-prices-box .current-price {
  font: 20px/30px "Inter", sans-serif;
  font-weight: 600;
  color: #00951A;
  text-transform: none;
  margin-bottom: 0;
}
#product .product-wrapper .product-prices-box .product-discount {
  margin-bottom: 5px;
}
#product .product-wrapper .product-prices-box .regular-price {
  font: 12px/18px "Inter", sans-serif;
  color: #1A1A1A;
}
#product .product-wrapper .product-prices-box .skladem {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  color: #00951A;
}
#product .product-wrapper .product-prices-box .skladem-ks {
  color: #666;
  margin-left: 7px;
}
#product .product-wrapper .product-prices-box .skladem-neni {
  color: #B42318;
}
#product .product-wrapper .product-prices-box .product-prices-variant {
  font: 12px/18px "Inter", sans-serif;
  color: #1A1A1A;
  text-align: left;
}
@media (min-width: 992px) {
  #product .product-wrapper .product-prices-box .product-prices-variant {
    text-align: right;
  }
}
#product .product-wrapper .product-prices-box .product-prices-variant .selected-attribute {
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
}
#product .product-wrapper .jp-discount-wrapper > div:first-of-type {
  margin-right: 8px;
}
#product .product-wrapper .product-actions {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  margin-bottom: 10px;
  padding-top: 10px;
}
#product .product-wrapper .product-actions .product-quantity {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  flex-flow: row wrap;
}
@media (min-width: 360px) {
  #product .product-wrapper .product-actions .product-quantity {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
#product .product-wrapper .product-actions .product-quantity:after {
  display: none;
}
#product .product-wrapper .product-actions .product-add-to-cart {
  height: -moz-max-content;
  height: max-content;
}
@media (min-width: 360px) {
  #product .product-wrapper .product-actions .product-add-to-cart {
    height: 48px;
  }
}
#product .product-wrapper .product-actions .add {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 360px) {
  #product .product-wrapper .product-actions .add {
    width: calc(100% - 114px);
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 576px) {
  #product .product-wrapper .product-actions .add {
    width: calc(100% - 162px);
    max-width: 350px;
  }
}
#product .product-wrapper .product-actions .add .add-to-cart {
  font: 16px/24px "Inter", sans-serif;
  font-weight: 600;
  text-transform: none;
  padding: 12px;
  width: 100%;
  height: 48px;
}
#product .product-wrapper .product-actions .product-minimal-quantity {
  margin-bottom: 0;
}
#product .product-wrapper .product-tabs-sidebar-right {
  width: 100%;
  margin-left: 0;
}
@media (min-width: 992px) {
  #product .product-wrapper .product-tabs-sidebar-right {
    width: 364px;
    margin-left: 154px;
    float: right;
  }
}
#product .product-wrapper .product-tabs-main {
  width: 100%;
}
@media (min-width: 992px) {
  #product .product-wrapper .product-tabs-main {
    width: calc(100% - 518px);
    float: left;
  }
}
#product .product-wrapper .product-description .rozsireny-popis {
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}
#product .product-wrapper .product-description .rozsireny-popis.collapsed {
  overflow: hidden;
  position: relative;
}
#product .product-wrapper .product-description .rozsireny-popis h2 {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  #product .product-wrapper .product-description .rozsireny-popis h2 {
    margin-bottom: 8px;
  }
}
#product .product-wrapper .product-description .rozsireny-popis li p {
  display: inline-block;
  margin-bottom: 0.25rem;
}
#product .product-wrapper .product-description .toggle-description {
  padding: 7px 40px 2px 10px;
}
#product .product-wrapper .product-description .toggle-description::after {
  display: block;
  position: relative;
  content: url("../images/chevron-down.svg");
  width: 10px;
  height: 5px;
  left: 115%;
  top: -22px;
}
#product .product-wrapper .product-description .toggle-description.see {
  padding: 7px 45px 2px 10px;
}
#product .product-wrapper .product-description .toggle-description.see::after {
  transform: rotate(180deg);
  top: -6px;
}
#product .product-wrapper .product-delivery-info {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 24px;
}
@media (min-width: 768px) {
  #product .product-wrapper .product-delivery-info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
  }
}
#product .product-wrapper .product-delivery-info .pdi-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 225px;
  margin: 0 16px 12px 0;
}
@media (min-width: 768px) {
  #product .product-wrapper .product-delivery-info .pdi-item {
    width: 30%;
    margin: 0;
  }
}
#product .product-wrapper .product-delivery-info .pdi-item .pdi-img {
  width: 48px;
  height: 48px;
}
#product .product-wrapper .product-delivery-info .pdi-item .pdi-text {
  font: 14px/20px "Inter", sans-serif;
  margin-left: 15px;
}
#product .product-wrapper .product-detail-anchors {
  margin: 16px 0 16px 16px;
}
@media (min-width: 992px) {
  #product .product-wrapper .product-detail-anchors {
    margin: 79px 0 36px;
  }
}
@media (max-width: 991px) {
  #product .product-wrapper .product-detail-anchors {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  #product .product-wrapper .product-detail-anchors::-webkit-scrollbar {
    display: none;
  }
  #product .product-wrapper .product-detail-anchors .anchor {
    flex: 0 0 auto; /* zabrání zalamování, všechny položky vedle sebe */
  }
}
#product .product-wrapper .tab {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  #product .product-wrapper .tab {
    margin-bottom: 68px;
  }
}
#product .product-wrapper .product-attachments .attachment {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  border: solid 1px #DFDFDF;
  border-radius: 0.5rem;
  padding: 16px;
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  #product .product-wrapper .product-attachments .attachment {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
#product .product-wrapper .product-attachments .attachment .icon {
  margin-right: 12px;
  width: 40px;
  height: 40px;
}
#product .product-wrapper .product-attachments .attachment .icon img {
  max-width: 100%;
  max-height: 100%;
}
#product .product-wrapper .product-attachments .attachment .name-wrapper {
  width: calc(100% - 52px);
  text-align: left;
}
@media (min-width: 576px) {
  #product .product-wrapper .product-attachments .attachment .name-wrapper {
    width: calc(100% - 262px);
  }
}
#product .product-wrapper .product-attachments .attachment .name,
#product .product-wrapper .product-attachments .attachment .filesize {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 500;
  color: #333;
}
#product .product-wrapper .product-attachments .attachment .filesize {
  font-weight: 400;
}
#product .product-wrapper .product-attachments .attachment .button-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
}
@media (min-width: 576px) {
  #product .product-wrapper .product-attachments .attachment .button-container {
    margin-top: 0;
  }
}
#product .product-wrapper .product-attachments .attachment .button-container .attachment-download {
  margin-left: 0;
}
@media (min-width: 576px) {
  #product .product-wrapper .product-attachments .attachment .button-container .attachment-download {
    margin-left: 12px;
  }
}
#product .product-wrapper .product-attachments .attachment .everyButton {
  padding: 10px 14px;
  margin-left: 12px;
}
#product .product-wrapper .product-description-tab {
  display: block;
  width: 100%;
  margin: 0 0 24px;
}
@media (min-width: 992px) {
  #product .product-wrapper .product-description-tab {
    margin: 170px 0 24px;
  }
}
#product .product-wrapper .product-description-tab .pdesc-line {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  height: 42px;
  border-bottom: solid 1px #EDEDED;
}
#product .product-wrapper .product-description-tab .pdesc-name,
#product .product-wrapper .product-description-tab .pdesc-value {
  font: 12px/18px "Inter", sans-serif;
  color: #4D4D4D;
  width: 45%;
}
#product .product-wrapper .product-description-tab .pdesc-name {
  margin-right: 5%;
  text-align: left;
}
#product .product-wrapper .product-description-tab .pdesc-value {
  font-weight: 600;
  margin-left: 5%;
  text-align: right;
}
#product .product-wrapper .product-tabs-labels {
  margin-bottom: 48px;
}
#product .product-wrapper .product-tabs-labels.inline-grey .jp-product-labels-wrapper {
  position: relative !important;
  justify-content: flex-start !important;
}
#product .product-wrapper .product-tabs-labels.inline-grey > * {
  margin: 0;
}
#product .product-wrapper .product-tabs-labels.inline-grey > * .jp-product-label {
  margin-right: 4px;
  color: #404040 !important;
  border-color: #DFDFDF !important;
  background-color: #FAFAFA !important;
}
#product .product-wrapper .product-tabs-labels .jp-product-labels {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  position: relative !important;
}
#product .rating-star-display {
  padding-left: 0 !important;
  margin-bottom: 4px;
}
#product #buy-block-block.stuck-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff; /* aby nepřebíral pozadí */
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
}
@media (min-width: 992px) {
  #product #buy-block-block.stuck-bottom {
    left: inherit;
    right: inherit;
    width: inherit;
    right: 5%;
    max-width: 450px;
    border-radius: 0.5rem;
    border-radius-left-bottom: 0;
    border-radius-right-bottom: 0;
  }
}
#product #buy-block-block.stuck-bottom .product-prices-box {
  margin-top: 0;
  padding-top: 12px;
  width: 100%;
  max-width: 100%;
  padding: 12px 4px;
}
#product #buy-block-block.stuck-bottom .product-prices-box .col-md-5 {
  padding-left: 0 !important;
}
#product #buy-block-block.stuck-bottom .jp-discount-wrapper {
  justify-content: flex-end;
  position: relative;
}
#product #buy-block-block.stuck-bottom .jp-product-discount .jp-discount-hover {
  position: absolute;
  left: auto;
  right: 18px;
  bottom: 53px;
}
@media (min-width: 768px) {
  #product #buy-block-block.stuck-bottom .jp-product-discount .jp-discount-hover {
    right: 11px;
    bottom: 40px;
  }
}
@media (min-width: 992px) {
  #product #buy-block-block.stuck-bottom .jp-product-discount .jp-discount-hover {
    right: -6px;
    bottom: 38px;
  }
}
#product #buy-block-block.stuck-bottom .jp-product-discount .jp-discount-hover:before {
  left: auto;
  right: 13px;
}
@media (min-width: 768px) {
  #product #buy-block-block.stuck-bottom .jp-product-discount .jp-discount-hover:before {
    right: 12px;
  }
}
@media (min-width: 992px) {
  #product #buy-block-block.stuck-bottom .jp-product-discount .jp-discount-hover:before {
    right: 18px;
  }
}
#product #buy-block-block.stuck-bottom .jp-discount-info-circle {
  width: 34px;
  height: 32px;
}
#product #buy-block-block.stuck-bottom .product-actions {
  margin-bottom: 0;
}
#product .product-carousel-crosselling .swiper-pagination {
  display: none !important;
}

.cart-steps,
.registration-steps {
  width: calc(100% - 84px);
  margin: 22px auto 24px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .cart-steps,
  .registration-steps {
    width: calc(100% - 280px);
    margin: 44px auto 46px;
  }
}
.cart-steps .cart-steps-wrapper,
.registration-steps .cart-steps-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 5;
}
.cart-steps .step,
.registration-steps .step {
  display: block;
  width: 40px;
  height: 40px;
  overflow: visible;
  text-align: center;
}
.cart-steps .step.step-cart,
.registration-steps .step.step-cart {
  background: url("../images/steps-icons/cart-active.svg");
}
.cart-steps .step.step-delivery,
.registration-steps .step.step-delivery {
  background: url("../images/steps-icons/doprava-inactive.svg");
}
.cart-steps .step.step-delivery.active,
.registration-steps .step.step-delivery.active {
  background: url("../images/steps-icons/doprava-active.svg");
}
.cart-steps .step.step-delivery.step-done,
.registration-steps .step.step-delivery.step-done {
  background: url("../images/steps-icons/doprava-active.svg");
}
.cart-steps .step.step-address,
.registration-steps .step.step-address {
  background: url("../images/steps-icons/address-inactive.svg");
}
.cart-steps .step.step-address.active,
.registration-steps .step.step-address.active {
  background: url("../images/steps-icons/address-active.svg");
}
.cart-steps .step.step-zaklad,
.registration-steps .step.step-zaklad {
  background: url("../images/steps-icons/zaklad-icon.svg");
}
.cart-steps .step.step-zaklad.active,
.registration-steps .step.step-zaklad.active {
  background: url("../images/steps-icons/zaklad-icon-active.svg");
}
.cart-steps .step.step-spolecnost,
.registration-steps .step.step-spolecnost {
  background: url("../images/steps-icons/address-icon.svg");
}
.cart-steps .step.step-spolecnost.active,
.registration-steps .step.step-spolecnost.active {
  background: url("../images/steps-icons/address-icon-active.svg");
}
.cart-steps .step.step-hotovo,
.registration-steps .step.step-hotovo {
  background: url("../images/steps-icons/hotovo-icon.svg");
}
.cart-steps .step .step-text,
.registration-steps .step .step-text {
  margin-top: 50px;
  width: 150px;
  position: relative;
  left: -60px;
  color: #4D4D4D;
  font: 12px/18px "Inter", sans-serif;
}
@media (min-width: 576px) {
  .cart-steps .step .step-text,
  .registration-steps .step .step-text {
    font: 14px/20px "Inter", sans-serif;
    font-weight: 600;
  }
}
.cart-steps .step.active .step-text, .cart-steps .step.step-done .step-text,
.registration-steps .step.active .step-text,
.registration-steps .step.step-done .step-text {
  color: #000;
}
.cart-steps .cart-steps-line,
.registration-steps .cart-steps-line {
  width: calc(100% - 50px);
  margin: 0 auto 0;
  background: #EDEDED;
  height: 2px;
  display: block;
  position: relative;
  top: -19px;
}
.cart-steps .cart-steps-line .progress-half,
.cart-steps .cart-steps-line .progress-full,
.registration-steps .cart-steps-line .progress-half,
.registration-steps .cart-steps-line .progress-full {
  background: #000;
  width: 50%;
  height: 100%;
  margin: 0 50% 0 0;
  display: none;
}
.cart-steps .cart-steps-line .progress-full,
.registration-steps .cart-steps-line .progress-full {
  width: 100%;
  display: block;
}
#cart h1.h1 {
  font: 36px/44px "Inter", sans-serif;
  letter-spacing: -2%;
  font-weight: 600;
  text-transform: none;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  #cart .productmod .col-lg-2 {
    float: left;
    width: 20%;
  }
  #cart .productmod .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#cart .cart-grid.row {
  flex-flow: row wrap !important;
  align-items: flex-start;
}
@media (min-width: 768px) {
  #cart .cart-grid.row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start;
  }
}
#cart .cart-grid.row .cart-grid-body {
  width: 100%;
}
@media (min-width: 768px) {
  #cart .cart-grid.row .cart-grid-body {
    width: 1011px;
    margin-right: 153px;
  }
}
#cart .cart-grid.row .cart-grid-right {
  width: 100%;
}
@media (min-width: 768px) {
  #cart .cart-grid.row .cart-grid-right {
    width: 364px;
  }
}
#cart .cart-grid.row .cart-grid-right .cart-detailed-totals {
  background-color: #F7F7F7;
  border-radius: 0.5rem;
}
#cart .cart-item {
  padding: 0;
}
#cart .cart-summary {
  margin-top: 56px;
}
@media (min-width: 992px) {
  #cart .cart-summary {
    margin-top: 156px;
  }
}
#cart .cart-summary-totals {
  padding: 24px;
}
#cart .cart-summary-totals h3 {
  font: 24px/32px "Inter", sans-serif;
  font-weight: 600;
  margin: 0 0 24px;
  padding: 0;
}
#cart .cart-summary-totals .cart-summary-line {
  padding: 0;
  margin-bottom: 4px;
}
#cart .cart-summary-totals .cart-summary-line:last-of-type {
  margin-bottom: 8px;
}
#cart .cart-summary-totals .cart-summary-line .excluding-tax-label {
  font: 12px/18px "Inter", sans-serif;
}
#cart .cart-summary-totals .cart-summary-line .excluding-tax-value {
  font: 12px/18px "Inter", sans-serif;
  font-weight: 600;
}
#cart .promo-code {
  padding: 1rem 0;
}
#cart .promo-code-button.display-promo {
  text-align: left;
  margin: 24px 0;
}
#cart .promocode-icon {
  margin-right: 5px;
}
#cart .promo-code-form form {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-between;
}
#cart .promo-code-form .promo-input {
  width: 60%;
  margin-right: 5%;
}
#cart .promo-code-form button {
  width: 35%;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 44px;
  border: 0;
  top: 0;
}
#cart .promo-code-form button:hover {
  background: #000;
  color: #ffffff;
}
#cart .promo-code-form .promo-code-button.cancel-promo {
  text-align: right;
  color: #000;
}
#cart .promo-code-form .promo-code-button.cancel-promo:before {
  content: url("../images/close-icon-grey.svg");
  position: relative;
  top: 2px;
}
#cart .checkout.cart-detailed-actions {
  padding: 0 0 28px;
}

#cart .cart-grid .product-line-grid {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  border-bottom: solid 1px #EDEDED;
  padding: 16px 0;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
}
#cart .cart-grid .product-line-grid:first-of-type {
  border-top: solid 1px #EDEDED;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid:first-of-type {
    border-top: 0;
  }
}
#cart .cart-grid .product-line-grid:first-of-type.header-line {
  display: none;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid:first-of-type.header-line {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}
#cart .cart-grid .product-line-grid:first-of-type.header-line > * {
  font: 12px/18px "Inter", sans-serif;
  color: #4D4D4D !important;
  font-weight: 400 !important;
  padding-bottom: 10px;
}
#cart .cart-grid .product-line-grid .product-line-info {
  display: block;
  margin-right: 20px;
  color: #000;
  font: 14px/20px "Inter", sans-serif;
  text-align: left;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-img {
  width: 64px;
  order: 1;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-img img {
  max-width: 100%;
  max-height: 100%;
  margin: 8px 0;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-name {
  width: 100%;
  max-width: 187px;
  font-weight: 600;
  order: 2;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-code {
  font: 12px/18px "Inter", sans-serif;
  color: #4D4D4D;
  width: 100%;
  margin: 8px 0 8px;
  order: 3;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid .product-line-info.pli-code {
    width: 132px;
    margin-top: 0;
  }
}
#cart .cart-grid .product-line-grid .product-line-info.pli-code br {
  display: none !important;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid .product-line-info.pli-code br {
    display: block !important;
  }
}
#cart .cart-grid .product-line-grid .product-line-info.pli-price {
  width: 100%;
  text-align: right;
  order: 4;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid .product-line-info.pli-price {
    width: 104px;
  }
}
#cart .cart-grid .product-line-grid .product-line-info.pli-price .regular-price {
  margin-right: 0;
  font-weight: 400;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-quantity {
  width: 132px;
  font-weight: 600;
  order: 6;
  margin: 8px 0 8px;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid .product-line-info.pli-quantity {
    margin: 0;
    order: 5;
  }
}
#cart .cart-grid .product-line-grid .product-line-info.pli-quantity .pli-quantity-input {
  width: 40px;
  border: 0;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-stock {
  width: 128px;
  font-weight: 600;
  order: 5;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid .product-line-info.pli-stock {
    order: 6;
  }
}
#cart .cart-grid .product-line-grid .product-line-info.pli-stock .stock-quantity {
  color: #666;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-line-total {
  text-align: right;
  width: calc(100% - 50px);
  margin-right: 10px;
  margin-top: 8px;
  order: 6;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid .product-line-info.pli-line-total {
    width: 84px;
    margin-right: 20px;
    margin-top: 0;
  }
}
#cart .cart-grid .product-line-grid .product-line-info.pli-line-total .product-price {
  color: #000;
  font-weight: 600;
}
#cart .cart-grid .product-line-grid .product-line-info.pli-action {
  width: 36px;
  margin-right: 0;
  order: 7;
  margin-top: 8px;
}
@media (min-width: 992px) {
  #cart .cart-grid .product-line-grid .product-line-info.pli-action {
    margin-top: 0;
  }
}
#cart .cart-grid .product-line-grid .product-line-info.pli-action img {
  width: 20px;
  position: relative;
  top: -3px;
}
#cart .jp-product-discount-incart.jp-product-discount .jp-discount-hover {
  left: auto;
  right: 0;
  bottom: 40px;
}
@media (min-width: 768px) {
  #cart .jp-product-discount-incart.jp-product-discount .jp-discount-hover {
    right: -40px;
    bottom: 42px;
  }
}
#cart .jp-product-discount-incart.jp-product-discount .jp-discount-hover:before {
  left: auto;
  right: 11px;
}
@media (min-width: 768px) {
  #cart .jp-product-discount-incart.jp-product-discount .jp-discount-hover:before {
    right: 58px;
  }
}
#cart .jp-discount-info-circle-mobile {
  width: 34px;
  height: 34px;
}

/* scss for small cart START */
#_desktop_cart #jp-blockcart {
  border-radius: 6px;
  border: 1px solid #EDEDED;
  background: #FFF;
  /* Dent shadows/Big card hover */
  box-shadow: 0 111px 31px 0 rgba(65, 70, 81, 0), 0 71px 28px 0 rgba(65, 70, 81, 0.01), 0 40px 24px 0 rgba(65, 70, 81, 0.02), 0 18px 18px 0 rgba(65, 70, 81, 0.04), 0 4px 10px 0 rgba(65, 70, 81, 0.05);
  width: 364px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: absolute;
  top: 60px;
  right: -6px;
  z-index: 999;
}
#_desktop_cart #jp-blockcart .jp-blockcart-product img {
  width: 64px;
  height: 64px;
  float: left;
  padding-right: 10px;
}
#_desktop_cart #jp-blockcart .jp-blockcart-product .productName {
  font: 12px "Inter", sans-serif;
  font-weight: 600;
  color: #000;
  margin-bottom: 4px;
  text-align: left;
}
#_desktop_cart #jp-blockcart .jp-blockcart-product .jp-blockcart-product-price {
  color: #000;
  position: absolute;
  right: 30px;
}
#_desktop_cart #jp-blockcart .jp-blockcart-product.hidden {
  display: none;
}
#_desktop_cart #jp-blockcart .more {
  border-radius: 8px;
  border: 1px solid #D5D7DA;
  background: #FFF;
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
#_desktop_cart #jp-blockcart .next {
  border-radius: 8px;
  background: #000;
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  color: #fff;
}
#_desktop_cart #jp-blockcart .withoutTax,
#_desktop_cart #jp-blockcart .withTax {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#_desktop_cart #jp-blockcart .withTax {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 8px;
}
#_desktop_cart #jp-blockcart .freeShipping {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  margin: 16px 0 0;
}
#_desktop_cart #jp-blockcart .bg-success {
  background-color: #02E929 !important;
}

#module-jp_order-step1 h2,
#module-jp_order-step2 h2,
#module-jp_order-step3 h2 {
  text-transform: none;
  margin: 36px 0 20px;
}
#module-jp_order-step1 .radio-box-item,
#module-jp_order-step2 .radio-box-item,
#module-jp_order-step3 .radio-box-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
  height: auto;
  padding: 16px;
  border: solid 1px #DFDFDF;
  border-radius: 0.5rem;
  text-align: left;
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  #module-jp_order-step1 .radio-box-item,
  #module-jp_order-step2 .radio-box-item,
  #module-jp_order-step3 .radio-box-item {
    height: 76px;
    flex-flow: row nowrap;
  }
}
#module-jp_order-step1 .radio-box-item .flex-row-end,
#module-jp_order-step2 .radio-box-item .flex-row-end,
#module-jp_order-step3 .radio-box-item .flex-row-end {
  margin-left: auto; /* pushes it to the right edge */
}
#module-jp_order-step1 .radio-box-wrapper,
#module-jp_order-step2 .radio-box-wrapper,
#module-jp_order-step3 .radio-box-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
}
#module-jp_order-step1 .radio-box-wrapper.delivery-country > div,
#module-jp_order-step2 .radio-box-wrapper.delivery-country > div,
#module-jp_order-step3 .radio-box-wrapper.delivery-country > div {
  justify-content: center;
  width: calc(50% - 24px);
}
@media (min-width: 576px) {
  #module-jp_order-step1 .radio-box-wrapper.delivery-country > div,
  #module-jp_order-step2 .radio-box-wrapper.delivery-country > div,
  #module-jp_order-step3 .radio-box-wrapper.delivery-country > div {
    justify-content: space-between;
  }
}
#module-jp_order-step1 .radio-box-wrapper.delivery-country > div > div,
#module-jp_order-step2 .radio-box-wrapper.delivery-country > div > div,
#module-jp_order-step3 .radio-box-wrapper.delivery-country > div > div {
  justify-content: center;
}
@media (min-width: 576px) {
  #module-jp_order-step1 .radio-box-wrapper.delivery-country > div > div,
  #module-jp_order-step2 .radio-box-wrapper.delivery-country > div > div,
  #module-jp_order-step3 .radio-box-wrapper.delivery-country > div > div {
    justify-content: flex-start;
  }
}
#module-jp_order-step1 .radio-box-wrapper.delivery, #module-jp_order-step1 .radio-box-wrapper.payment,
#module-jp_order-step2 .radio-box-wrapper.delivery,
#module-jp_order-step2 .radio-box-wrapper.payment,
#module-jp_order-step3 .radio-box-wrapper.delivery,
#module-jp_order-step3 .radio-box-wrapper.payment {
  flex-flow: column nowrap;
}
#module-jp_order-step1 .radio-box-wrapper.delivery > div, #module-jp_order-step1 .radio-box-wrapper.payment > div,
#module-jp_order-step2 .radio-box-wrapper.delivery > div,
#module-jp_order-step2 .radio-box-wrapper.payment > div,
#module-jp_order-step3 .radio-box-wrapper.delivery > div,
#module-jp_order-step3 .radio-box-wrapper.payment > div {
  margin-bottom: 12px;
}
#module-jp_order-step1 .radio-box-wrapper.delivery .icon, #module-jp_order-step1 .radio-box-wrapper.payment .icon,
#module-jp_order-step2 .radio-box-wrapper.delivery .icon,
#module-jp_order-step2 .radio-box-wrapper.payment .icon,
#module-jp_order-step3 .radio-box-wrapper.delivery .icon,
#module-jp_order-step3 .radio-box-wrapper.payment .icon {
  width: 100px;
  text-align: center;
  margin-right: 16px;
}
#module-jp_order-step1 .radio-box-wrapper.delivery .icon img, #module-jp_order-step1 .radio-box-wrapper.payment .icon img,
#module-jp_order-step2 .radio-box-wrapper.delivery .icon img,
#module-jp_order-step2 .radio-box-wrapper.payment .icon img,
#module-jp_order-step3 .radio-box-wrapper.delivery .icon img,
#module-jp_order-step3 .radio-box-wrapper.payment .icon img {
  max-width: 100%;
  max-height: 24px;
}
#module-jp_order-step1 .radio-box-wrapper.delivery .price, #module-jp_order-step1 .radio-box-wrapper.payment .price,
#module-jp_order-step2 .radio-box-wrapper.delivery .price,
#module-jp_order-step2 .radio-box-wrapper.payment .price,
#module-jp_order-step3 .radio-box-wrapper.delivery .price,
#module-jp_order-step3 .radio-box-wrapper.payment .price {
  width: 80px;
  margin-right: 20px;
  text-align: right;
}
#module-jp_order-step1 .radio-box-wrapper.delivery .delivery-time,
#module-jp_order-step2 .radio-box-wrapper.delivery .delivery-time,
#module-jp_order-step3 .radio-box-wrapper.delivery .delivery-time {
  margin-right: 16px;
}
#module-jp_order-step1 .delivery-vlajka,
#module-jp_order-step2 .delivery-vlajka,
#module-jp_order-step3 .delivery-vlajka {
  margin-right: 16px;
}
#module-jp_order-step1 .btn-row,
#module-jp_order-step2 .btn-row,
#module-jp_order-step3 .btn-row {
  margin-bottom: 48px;
  align-items: flex-start;
  justify-content: center;
  flex-flow: row wrap;
}
#module-jp_order-step1 .btn-row .back-to-btn,
#module-jp_order-step1 .btn-row .proceed-btn,
#module-jp_order-step2 .btn-row .back-to-btn,
#module-jp_order-step2 .btn-row .proceed-btn,
#module-jp_order-step3 .btn-row .back-to-btn,
#module-jp_order-step3 .btn-row .proceed-btn {
  width: 100% !important;
  max-width: 290px;
  margin-bottom: 24px;
}
@media (min-width: 576px) {
  #module-jp_order-step1 .btn-row,
  #module-jp_order-step2 .btn-row,
  #module-jp_order-step3 .btn-row {
    justify-content: space-between;
    flex-flow: row nowrap;
  }
  #module-jp_order-step1 .btn-row .back-to-btn,
  #module-jp_order-step2 .btn-row .back-to-btn,
  #module-jp_order-step3 .btn-row .back-to-btn {
    width: 165px !important;
  }
  #module-jp_order-step1 .btn-row .proceed-btn,
  #module-jp_order-step2 .btn-row .proceed-btn,
  #module-jp_order-step3 .btn-row .proceed-btn {
    width: 320px !important;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #module-jp_order-step1 .btn-row,
  #module-jp_order-step2 .btn-row,
  #module-jp_order-step3 .btn-row {
    margin-bottom: 150px;
  }
}
#module-jp_order-step1 .order-step1 .disabled,
#module-jp_order-step1 .order-step1 .disabled *,
#module-jp_order-step2 .order-step1 .disabled,
#module-jp_order-step2 .order-step1 .disabled *,
#module-jp_order-step3 .order-step1 .disabled,
#module-jp_order-step3 .order-step1 .disabled * {
  pointer-events: none;
  opacity: 0.7;
}
#module-jp_order-step1 .order-step2 .address-detail,
#module-jp_order-step1 .order-step3 .address-detail,
#module-jp_order-step2 .order-step2 .address-detail,
#module-jp_order-step2 .order-step3 .address-detail,
#module-jp_order-step3 .order-step2 .address-detail,
#module-jp_order-step3 .order-step3 .address-detail {
  height: 95px;
}
#module-jp_order-step1 .order-step2 .btn-row,
#module-jp_order-step1 .order-step3 .btn-row,
#module-jp_order-step2 .order-step2 .btn-row,
#module-jp_order-step2 .order-step3 .btn-row,
#module-jp_order-step3 .order-step2 .btn-row,
#module-jp_order-step3 .order-step3 .btn-row {
  margin-top: 36px;
  align-items: flex-start;
}
#module-jp_order-step1 .order-step2 .btn-row .back-to-btn,
#module-jp_order-step1 .order-step3 .btn-row .back-to-btn,
#module-jp_order-step2 .order-step2 .btn-row .back-to-btn,
#module-jp_order-step2 .order-step3 .btn-row .back-to-btn,
#module-jp_order-step3 .order-step2 .btn-row .back-to-btn,
#module-jp_order-step3 .order-step3 .btn-row .back-to-btn {
  margin-bottom: 20px !important;
}
#module-jp_order-step1 .order-step2 .btn-row .everyButton.black,
#module-jp_order-step1 .order-step3 .btn-row .everyButton.black,
#module-jp_order-step2 .order-step2 .btn-row .everyButton.black,
#module-jp_order-step2 .order-step3 .btn-row .everyButton.black,
#module-jp_order-step3 .order-step2 .btn-row .everyButton.black,
#module-jp_order-step3 .order-step3 .btn-row .everyButton.black {
  padding: 8px;
  text-transform: none;
}
#module-jp_order-step1 .order-step3 .success-icon-green,
#module-jp_order-step2 .order-step3 .success-icon-green,
#module-jp_order-step3 .order-step3 .success-icon-green {
  margin-bottom: 48px;
}
#module-jp_order-step1 .order-step3 .h2.text-xl-bold,
#module-jp_order-step2 .order-step3 .h2.text-xl-bold,
#module-jp_order-step3 .order-step3 .h2.text-xl-bold {
  margin-top: 0;
  text-align: left !important;
}
#module-jp_order-step1 .registered-info,
#module-jp_order-step1 .success-info,
#module-jp_order-step2 .registered-info,
#module-jp_order-step2 .success-info,
#module-jp_order-step3 .registered-info,
#module-jp_order-step3 .success-info {
  width: 100%;
  padding: 16px;
  background: #F7F7F7;
}
#module-jp_order-step1 .registered-info p,
#module-jp_order-step1 .success-info p,
#module-jp_order-step2 .registered-info p,
#module-jp_order-step2 .success-info p,
#module-jp_order-step3 .registered-info p,
#module-jp_order-step3 .success-info p {
  margin-bottom: 0 !important;
  color: #333;
}
#module-jp_order-step1 .registered-info .info-outlined-icon,
#module-jp_order-step1 .success-info .info-outlined-icon,
#module-jp_order-step2 .registered-info .info-outlined-icon,
#module-jp_order-step2 .success-info .info-outlined-icon,
#module-jp_order-step3 .registered-info .info-outlined-icon,
#module-jp_order-step3 .success-info .info-outlined-icon {
  display: block;
  width: 38px;
  height: 38px;
  background: url("../images/cart-icons/info-outlined.svg") center no-repeat;
  background-size: cover;
  margin-right: 16px;
  padding: 22px;
}
#module-jp_order-step1 .registered-info a,
#module-jp_order-step1 .success-info a,
#module-jp_order-step2 .registered-info a,
#module-jp_order-step2 .success-info a,
#module-jp_order-step3 .registered-info a,
#module-jp_order-step3 .success-info a {
  padding: 8px 16px;
  margin-left: 32px;
  text-transform: none;
}
#module-jp_order-step1 .success-info,
#module-jp_order-step2 .success-info,
#module-jp_order-step3 .success-info {
  height: 126px;
  margin: 40px 0 64px;
  background: #F7F7F7 url("../images/heart.svg") 100% 110% no-repeat;
  border-radius: 0.5rem;
}
#module-jp_order-step1 .success-info .info-wrapper-outer,
#module-jp_order-step2 .success-info .info-wrapper-outer,
#module-jp_order-step3 .success-info .info-wrapper-outer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 16px 16px 0;
}
#module-jp_order-step1 .success-info .phoneicon,
#module-jp_order-step1 .success-info .mailicon,
#module-jp_order-step2 .success-info .phoneicon,
#module-jp_order-step2 .success-info .mailicon,
#module-jp_order-step3 .success-info .phoneicon,
#module-jp_order-step3 .success-info .mailicon {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.0901960784);
}
#module-jp_order-step1 .success-info .phoneicon,
#module-jp_order-step2 .success-info .phoneicon,
#module-jp_order-step3 .success-info .phoneicon {
  background: #ffffff url("../images/phonecall.svg") no-repeat center;
}
#module-jp_order-step1 .success-info .mailicon,
#module-jp_order-step2 .success-info .mailicon,
#module-jp_order-step3 .success-info .mailicon {
  background: #ffffff url("../images/mailicon.svg") no-repeat center;
}
#module-jp_order-step1 .success-info .info-wrapper-outer,
#module-jp_order-step2 .success-info .info-wrapper-outer,
#module-jp_order-step3 .success-info .info-wrapper-outer {
  max-width: 300px;
}
#module-jp_order-step1 .success-info .info-wrapper-inner,
#module-jp_order-step2 .success-info .info-wrapper-inner,
#module-jp_order-step3 .success-info .info-wrapper-inner {
  text-align: center;
}
#module-jp_order-step1 .success-info .info-wrapper-inner .callus,
#module-jp_order-step1 .success-info .info-wrapper-inner .mailus,
#module-jp_order-step2 .success-info .info-wrapper-inner .callus,
#module-jp_order-step2 .success-info .info-wrapper-inner .mailus,
#module-jp_order-step3 .success-info .info-wrapper-inner .callus,
#module-jp_order-step3 .success-info .info-wrapper-inner .mailus {
  font: 14px/20px "Inter", sans-serif;
  font-weight: 600;
  width: 100%;
  margin: 0;
}
#module-jp_order-step1 .success-info .info-wrapper-inner .callus:hover,
#module-jp_order-step1 .success-info .info-wrapper-inner .mailus:hover,
#module-jp_order-step2 .success-info .info-wrapper-inner .callus:hover,
#module-jp_order-step2 .success-info .info-wrapper-inner .mailus:hover,
#module-jp_order-step3 .success-info .info-wrapper-inner .callus:hover,
#module-jp_order-step3 .success-info .info-wrapper-inner .mailus:hover {
  color: #02E929;
}

.totals-block {
  min-width: 364px;
  background: #F7F7F7;
  padding: 24px;
  border-radius: 0.5rem;
  margin: 16px 0 32px;
}
@media (min-width: 992px) {
  .totals-block {
    margin: 160px 0 24px;
  }
}
.totals-block hr {
  margin: 32px 0;
}
.totals-block-product-wrapper {
  margin: 24px 0 16px;
}
.totals-block-product-item {
  margin-bottom: 8px;
  width: 100%;
}
.totals-block-product-item .name {
  width: calc(100% - 130px);
}
.totals-block-product-item .quantity {
  width: 40px;
  margin-left: 8px;
}
.totals-block-product-item .price {
  width: 72px;
  margin-left: 8px;
}
.totals-block-product-totals-inclvat {
  margin-bottom: 4px;
}
.only-mobile .totals-block {
  width: 100%;
  min-width: 100%;
}

@media (max-width: 576px) {
  body#module-jp_order-step2 .registered-info {
    flex-flow: row wrap;
  }
  body#module-jp_order-step2 .registered-info .info-outlined-icon {
    width: 55px;
  }
  body#module-jp_order-step2 .registered-info .registered-text {
    width: calc(100% - 85px);
  }
  body#module-jp_order-step2 .registered-info .btn-primary {
    margin: 24px auto 8px;
  }
}
@media (max-width: 576px) {
  body#module-jp_order-step3 .confirmation-contact {
    flex-flow: row wrap;
    justify-content: center;
  }
  body#module-jp_order-step3 .success-info {
    height: 226px;
  }
}
.page-registration hr {
  margin-top: 36px;
  color: #DFDFDF;
}
.page-registration h2 {
  text-transform: none;
  margin: 36px 0 20px;
}
.page-registration #content {
  max-width: 100% !important;
}
.page-registration #content .container:first-of-type {
  margin-bottom: 160px;
}
.page-registration .multiple-checkbox-lines {
  margin-bottom: 36px;
}
.page-registration .delivery-address-checkbox .inputLabelRight {
  margin-top: 4px;
}
.page-registration .proceed-btn {
  margin-top: 16px;
}
.page-registration .proceed-btn ::after {
  left: 62%;
}

.registration-role-form-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  flex-flow: column nowrap;
}
.registration-role-form-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 495px;
  height: 76px;
  padding: 16px;
  border: solid 1px #DFDFDF;
  border-radius: 0.5rem;
  text-align: left;
  margin-bottom: 8px;
}
.registration-role-form-item.manager {
  background: url("../images/user-account/portrait-manager.png") 90% bottom no-repeat;
}
.registration-role-form-item.praktik {
  background: url("../images/user-account/portrait-praktik.png") 90% bottom no-repeat;
}
.registration-role-form-item.admin {
  background: url("../images/user-account/portrait-administrace.png") 90% bottom no-repeat;
}
.registration-role-form-item.hygienik .right-block {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 25px;
}
.registration-role-form-item.partner {
  background: url("../images/user-account/checkmark.svg");
}
.registration-role-form-item .evr-checkbox {
  position: relative;
  top: -3px;
  margin-right: 10px;
}
.registration-role-form-item strong {
  color: #000;
}

.user-benefits-wrapper .user-benefits {
  margin-top: 16px;
}
.user-benefits-wrapper .user-benefits-item {
  width: 100%;
  margin-bottom: 16px;
}
.user-benefits-wrapper .user-benefits-item img {
  margin-right: 16px;
}
.user-benefits-wrapper .user-benefits-item span {
  color: #000;
}

[id^=module-jp_user-] .page-content ul li a {
  display: flex;
  height: 36px;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
[id^=module-jp_user-] .page-content ul li a:hover, [id^=module-jp_user-] .page-content ul li a.active {
  border-left: 2px solid #4D4D4D;
  font-weight: 700;
}
[id^=module-jp_user-] .breadcrumb {
  margin-left: 50px;
}
[id^=module-jp_user-] .jp-user-account-permission {
  color: #000;
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
  position: relative;
}
[id^=module-jp_user-] .jp-user-account-permission span {
  position: absolute;
  left: 75px;
}
[id^=module-jp_user-] .jp-user-account-permission.success, [id^=module-jp_user-] .jp-user-account-permission.danger {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
}
[id^=module-jp_user-] .jp-user-account-permission.success {
  background: #D6FFDD;
}
[id^=module-jp_user-] .jp-user-account-permission.danger {
  background: #FEE4E2;
}
[id^=module-jp_user-] .jp-user-welcome-title {
  color: #000;
  font-family: "Inter";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: -0.72px;
}
[id^=module-jp_user-] .jp-user-dentist-info,
[id^=module-jp_user-] .jp-user-stats-row {
  border-radius: 6px;
  background: #F7F7F7;
  padding: 32px;
  min-height: 200px;
}
[id^=module-jp_user-] .jp-user-stats-row {
  padding-left: 0;
}
[id^=module-jp_user-] .jp-user-stat-item .card {
  border-radius: 8px;
  background-color: #fff;
}
[id^=module-jp_user-] .jp-user-stat-item .card-body {
  padding: 24px;
}
[id^=module-jp_user-] .jp-user-stat-label {
  font-size: 14px;
}
[id^=module-jp_user-] .btn-outline-default {
  border: 1px solid #000;
  padding: 10px 15px;
}
[id^=module-jp_user-] .jp-user-stat-number {
  color: #000;
  font-family: "Inter";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.96px;
}
[id^=module-jp_user-] .jp-user-stat-icon {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background: #DFDFDF;
  position: absolute;
  right: 20px;
  top: 20px;
}
[id^=module-jp_user-] .jp-user-addresses-row {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #F7F7F7;
  padding: 32px;
  border-top: 1px solid #DFDFDF;
}
[id^=module-jp_user-] .jp-bg {
  background: #F7F7F7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
[id^=module-jp_user-] .jp-user-dentist-info h2 {
  padding: 0 !important;
}
[id^=module-jp_user-] .jp-user-address-col {
  color: #000;
  /* Text md/Regular */
  font-family: "Inter";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
[id^=module-jp_user-] .jp-user-address-col .h4 {
  color: #333;
  /* Text lg/Semibold */
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 155.556% */
}
[id^=module-jp_user-] .jp-user-address-col .card {
  border: none !important;
  background: none !important;
  padding: 0;
  margin: 0;
}
[id^=module-jp_user-] .jp-user-address-col .card .card-header {
  padding-left: 0;
  padding-bottom: 10px;
  border: none;
  background: none;
}
[id^=module-jp_user-] #main .page-content {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
[id^=module-jp_user-] #main .page-footer {
  margin-top: 0px;
  padding-top: 0px;
  display: none;
}

#login-form .js-input-column {
  width: 100%;
}
#login-form .form-control {
  border: solid 1px #DFDFDF;
  outline: 0;
  width: 100%;
  max-width: 494px;
  height: 44px;
  border-radius: 0.5rem;
  font: 16px/24px "Inter", sans-serif;
  padding: 10px 14px;
  margin-bottom: 6px;
  background-color: #fff;
}
#login-form .form-control:hover {
  border: solid 2px #666;
}
#login-form .form-group label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  width: 100%;
  text-align: left;
}
#login-form .loginButton {
  color: #fff;
  background: #000;
  border-radius: 8px;
  padding: 12px 24px;
  width: 100%;
}
#login-form .eye-password {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#login-form .js-password-container {
  position: relative;
}

#authentication h1 {
  font-weight: 800;
  font-size: 32px;
  color: #000;
}

.forgotten-password {
  max-width: 460px;
  margin: 0 auto;
}
.forgotten-password .loginButton {
  color: #fff;
  background: #000;
  border-radius: 8px;
  padding: 12px 24px;
  width: 100%;
}
.forgotten-password .form-control {
  border: solid 1px #DFDFDF;
  outline: 0;
  width: 100%;
  max-width: 494px;
  height: 44px;
  border-radius: 0.5rem;
  font: 16px/24px "Inter", sans-serif;
  padding: 10px 14px;
  margin-bottom: 6px;
  background-color: #fff;
}
.forgotten-password .form-control:hover {
  border: solid 2px #666;
}

.progress .bg-success {
  background-color: #000 !important;
}

.blackButton {
  padding: 10px 25px;
  background: #000;
  color: #fff;
  border-radius: 8px;
  font-weight: 700;
}

.greenButton:hover,
.blackButton:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
}

.spr_product_review_form input,
.spr_product_review_form textarea {
  background: none;
  border-radius: 8px;
  border: 1px solid #DFDFDF;
  padding: 10px;
}

.spr_product_review_form input:hover .spr_product_review_form textarea:hover,
.form-control:focus {
  border: 2px solid #666;
  outline: 0.1875rem solid #666;
}

/* cms */
.aboutus-hero,
.aboutus-stats,
.aboutus-history,
.missing-product-block,
.contact-page,
.page-express-delivery,
.missing-product {
  display: flex;
  max-width: var(--container-max-width-desktop, 1280px);
  flex-direction: column;
  gap: 12px;
  align-self: stretch;
  margin: 0 auto;
}

.aboutus-hero .left {
  color: #000;
  /* Display lg/Medium */
  font-family: "Inter";
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px; /* 125% */
  letter-spacing: -0.96px;
}

.aboutus-hero .right {
  color: #1A1A1A;
  /* Text lg/Medium */
  font-family: "Inter";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 155.556% */
}

.missing-product-block {
  padding: 60px 0;
  border-radius: var(--radius-sm, 6px);
  background: var(--Colors-Background-bg-secondary, #FAFAFA);
}

.missing-product-block .row {
  align-items: center;
}

.missing-product-block .text-col {
  padding-right: 40px;
}

.missing-product-block .yellow-label {
  display: inline-block;
  background-color: #FFD700;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 20px;
}

.missing-product-block .title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}

.missing-product-block p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 20px;
}

.missing-product-block .btn-black {
  background-color: #000;
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}

.missing-product-block .image-col {
  position: relative;
  padding-left: 40px;
}

.missing-product-block .main-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.missing-product-block .voucher-label {
  width: 100px;
  background: #000;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 30px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.missing-product-block .voucher-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
}

.missing-product-block .voucher-text h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}

.missing-product-block .heart-icon {
  font-size: 18px;
  vertical-align: middle;
}

.aboutus-stats p {
  color: var(--colors-text-text-tertiary-600, #4D4D4D);
  /* Text sm/Semibold */
  font-family: var(--Font-family-font-family-body, Inter);
  font-size: var(--Font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-sm, 20px); /* 142.857% */
}

.contact-page .contact-title p {
  color: var(--colors-text-text-primary-900, #000);
  /* Text md/Semibold */
  font-family: var(--Font-family-font-family-body, Inter);
  font-size: var(--Font-size-text-md, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-md, 24px); /* 150% */
}

.contact-page .contact-title h1 {
  color: var(--colors-text-text-primary-900, #000);
  text-align: center;
  /* Display lg/Medium */
  font-family: var(--Font-family-font-family-display, "Inter");
  font-size: var(--Font-size-display-lg, 48px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-display-lg, 60px); /* 125% */
  letter-spacing: -0.96px;
}

.contact-page .contact-quick {
  border-radius: var(--radius-sm, 6px);
  background: var(--Colors-Brand-25, #F7F7F7);
  padding: 40px;
  gap: 10px;
}

.contact-quick li {
  color: #404040;
  /* Display sm/Semibold NEW */
  font-family: "Inter";
  font-size: 1.5em;
  font-style: normal;
  font-weight: 600;
  line-height: 38px; /* 126.667% */
}

.contact-quick .nameBlock {
  background-color: #fff;
  padding: 24px;
}

.contact-quick .nameBlock p {
  color: var(--colors-text-text-primary-900, #000);
  /* Display xs/Semibold NEW */
  font-family: var(--Font-family-font-family-display, "Inter");
  font-size: var(--Font-size-display-xs, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-display-xs, 32px); /* 133.333% */
  margin: 0;
}

.contact-quick .nameBlock span {
  color: var(--colors-text-text-brand-tertiary-600, #4D4D4D);
  /* Text xs/Regular */
  font-family: var(--Font-family-font-family-body, Inter);
  font-size: var(--Font-size-text-xs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-text-xs, 18px); /* 150% */
}

.contact-quick .btn-dark {
  background: #000;
  color: #fff;
  padding: 5px 20px;
  border-radius: 8px;
}

.contact-info .card {
  color: var(--colors-text-text-primary-900, #000);
  /* Display xs/Semibold NEW */
  font-family: var(--Font-family-font-family-display, "Inter");
  font-size: var(--Font-size-display-xs, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-display-xs, 32px); /* 133.333% */
  border-radius: var(--radius-sm, 6px);
  border: 1px solid var(--Colors-Border-border-secondary, #EDEDED);
}

.contact-info h2 {
  color: var(--colors-text-text-primary-900, #000);
  text-align: center;
  /* Display md/Semibold NEW */
  font-family: var(--Font-family-font-family-display, "Inter");
  font-size: var(--Font-size-display-md, 36px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-display-md, 44px); /* 122.222% */
  letter-spacing: -0.72px;
}

.contact-info .icon {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--radius-full, 9999px);
  background: var(--Colors-Background-bg-brand-solid, #4D4D4D);
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
  margin-bottom: 36px;
}

.contact-form {
  border-radius: var(--radius-sm, 6px);
  background: var(--Colors-Brand-25, #F7F7F7);
  color: #000;
}

.contact-form input,
.contact-form textarea {
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--Colors-Border-border-primary, #DFDFDF);
  background: var(--Colors-Background-bg-primary, #FFF);
  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 var(--Colors-Effects-Shadows-shadow-xs, rgba(10, 13, 18, 0.05));
}

.contact-form .btn-dark.btn-lg {
  background-color: #000;
  color: #fff;
  width: 100%;
}

.page-return .page-header {
  margin-bottom: 40px;
}

.page-return .page-title {
  color: var(--colors-text-text-primary-900, #000);
  text-align: center;
  /* Display lg/Medium */
  font-family: var(--Font-family-font-family-display, "Inter");
  font-size: var(--Font-size-display-lg, 48px);
  font-style: italic;
  font-weight: 600;
  line-height: var(--Line-height-display-lg, 60px); /* 125% */
  letter-spacing: -0.96px;
}

.page-return .heart-icon {
  font-size: 24px;
  vertical-align: middle;
}

.page-return .page-subtitle {
  color: var(--colors-text-text-brand-primary-900, #1A1A1A);
  text-align: center;
  /* Text lg/Medium */
  font-family: var(--Font-family-font-family-body, Inter);
  font-size: var(--Font-size-text-lg, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-text-lg, 28px); /* 155.556% */
}

.page-return .intro-block {
  max-width: 600px;
  margin: 0 auto 50px auto;
  font-size: 16px;
  line-height: 1.6;
  color: #555;
}

.page-return .intro-block p {
  margin-bottom: 20px;
}

.page-return .steps-block {
  margin-bottom: 60px;
}

.page-return .steps-title {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  margin-bottom: 30px;
}

.page-return .steps-list {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
  text-align: center;
}

.page-return .step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 180px;
}

.page-return .step-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.page-return .step-item p {
  font-size: 14px;
  color: #555;
}

@media (max-width: 768px) {
  .page-return .steps-list {
    flex-direction: column;
    align-items: center;
  }
}
.page-express-delivery .page-header {
  margin-bottom: 40px;
}

.page-express-delivery .page-title,
.missing-product .page-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
}

.page-express-delivery .page-subtitle,
.missing-product .page-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
}

.page-express-delivery .intro-block {
  margin: 0 auto 60px auto;
}

.page-express-delivery .delivery-hero {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  border-radius: 8px;
  padding: 30px;
}

.page-express-delivery .delivery-image-container {
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  max-width: 400px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.page-express-delivery .delivery-image {
  width: 100%;
  height: auto;
  display: block;
}

.page-express-delivery .delivery-text {
  flex: 1;
  text-align: left;
}

.page-express-delivery .delivery-text h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}

.page-express-delivery .delivery-text p {
  font-size: 16px;
  line-height: 1.6;
}

.page-express-delivery .product-selection-block {
  max-width: 800px;
  margin: 0 auto;
}

.page-express-delivery .product-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}

.page-express-delivery .btn-black {
  background-color: #000;
  color: #fff;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
}

@media (max-width: 768px) {
  .page-express-delivery .delivery-hero {
    flex-direction: column;
    text-align: center;
  }
  .page-express-delivery .delivery-text {
    text-align: center;
  }
}
.page-training .page-header {
  margin-bottom: 40px;
}

.page-training .page-title {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
}

.page-training .page-subtitle {
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
}

.page-training .intro-block {
  margin-bottom: 60px;
}

.page-training .image-col {
  padding-right: 40px;
}

.page-training .training-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.page-training .image-caption {
  font-size: 10px;
  color: #888;
  margin-top: 10px;
}

.page-training .text-col {
  padding-left: 40px;
}

.page-training .text-col h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.2;
}

.page-training .text-col p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .page-training .image-col {
    padding-right: 15px;
  }
  .page-training .text-col {
    padding-left: 15px;
    margin-top: 30px;
  }
}
.subtitleIndividual {
  color: var(--colors-text-text-brand-primary-900, #1A1A1A);
  text-align: center;
  /* Text lg/Medium */
  font-family: var(--Font-family-font-family-body, Inter);
  font-size: var(--Font-size-text-lg, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-text-lg, 28px); /* 155.556% */
}/*# sourceMappingURL=everydent.css.map */