body.language-sk .cz,
body.language-sk .en,
body.language-sk .pl,
body.language-sk .de {
  display: none !important;
}
body.language-cz .sk,
body.language-cz .en,
body.language-cz .pl,
body.language-cz .de {
  display: none !important;
}
body.language-en .sk,
body.language-en .cz,
body.language-en .pl,
body.language-en .de {
  display: none !important;
}
body.language-de .sk,
body.language-de .cz,
body.language-de .pl,
html[lang="hu"] .sk,
html[lang="hu"] .cz,
html[lang="hu"] .pl,
html[lang="ro"] .sk,
html[lang="ro"] .cz,
html[lang="ro"] .pl{
  display: none !important;
}

body.language-de .subcategories-wrap {
  display: none !important;
}
body.language-pl .sk,
body.language-pl .cz,
body.language-pl .en,
body.language-pl .de {
  display: none !important;
}
body.language-en #HcCalculater {
  display: none !important;
}
body.id-749 .md-nav {
  display: none !important;
}
body > .skiptranslate {
  display: none !important;
}
body {
  top: 0 !important;
}
#google_translate_element {
  margin-bottom: 2rem;
  width: 100%;
}
div#\:0\.targetLanguage {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.product-top .quantity + .tooltip {
  position: absolute;
  transform: translate(-25%, -50%);
}
input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}
img[src*="autorizovany_predajca"],
.recenzie {
  display: none;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
  border-width: 2px;
  border-color: rgb(0 0 0 / 38%);
}
#rate-form .col-xs-12:last-of-type {
  flex: 100%;
}
#rate-form .col-xs-12:last-of-type textarea {
  width: 100% !important;
}
/*
.form-group > input.form-control, .form-group > select.form-control {
	width: 100%;
}
*/
.watchdog-row input#hasPromotion,
.watchdog-row label[for="hasPromotion"],
.watchdog-row label[for="hasPromotion"] + span.disclaimer {
  display: none !important;
}
.watchdog-row {
  min-height: auto;
}
#watchdog-form > .watchdog-row:nth-of-type(3) {
  margin: 2rem 0 0rem !important;
}
.subcategories li a::after {
  pointer-events: none;
}
#variants + #description {
  display: block;
}
.variant-table {
  margin: 2rem 0 1rem;
}
.variant-name {
  font-size: 14px;
}
.variant-name-wrapper {
  font-size: 13px;
}
.variant-price-wrap .price-final {
  font-size: 15px;
}
.ordering-process .checkout-box-wrapper,
.ordering-process .checkout-box,
.ordering-process .cart-empty .col-md-4 .cart-content {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: var(--md-ref-palette-primary50) !important;
  border-radius: 56px;
  padding: 0 !important;
}
.box.box-sm.box-bg-default {
  width: 100% !important;
}
.ordering-process .checkout-box-wrapper .contact-box ul li,
.ordering-process .checkout-box .contact-box ul li,
.ordering-process .cart-empty .col-md-4 .cart-content .contact-box ul li {
  text-align: center;
  width: auto !important;
}
.ordering-process .checkout-box-wrapper .contact-box ul,
.ordering-process .checkout-box .contact-box ul,
.ordering-process .cart-empty .col-md-4 .cart-content .contact-box ul {
  justify-content: space-evenly;
}
.ordering-process .checkout-box-wrapper .contact-box ul li span.tel:before,
.ordering-process .checkout-box .contact-box ul li span.tel:before,
.ordering-process
  .cart-empty
  .col-md-4
  .cart-content
  .contact-box
  ul
  li
  span.tel:before,
.ordering-process .checkout-box-wrapper .contact-box ul li span.mail:before,
.ordering-process .checkout-box .contact-box ul li span.mail:before,
.ordering-process
  .cart-empty
  .col-md-4
  .cart-content
  .contact-box
  ul
  li
  span.mail:before {
  position: relative;
  top: auto;
  width: auto;
  height: auto;
  margin-right: 8px;
}
.ordering-process .checkout-box-wrapper .contact-box ul li span.tel,
.ordering-process .checkout-box .contact-box ul li span.tel,
.ordering-process
  .cart-empty
  .col-md-4
  .cart-content
  .contact-box
  ul
  li
  span.tel,
.ordering-process .checkout-box-wrapper .contact-box ul li span.mail,
.ordering-process .checkout-box .contact-box ul li span.mail,
.ordering-process
  .cart-empty
  .col-md-4
  .cart-content
  .contact-box
  ul
  li
  span.mail {
  padding-left: 0;
}

#checkoutSidebar .cart-content,
.sidebar-in-cart .cart-content {
  background: var(--md-ref-palette-neutral95);
  border: 0;
  padding-top: 8px;
  border-radius: 16px;
}
#checkoutContent .cart-content,
#cart-wrapper .cart-content {
  border-radius: 16px;
  border: 1px solid var(--md-ref-palette-neutral90);
  overflow: hidden;
}

#checkoutSidebar .next-step {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cart-content.summary-wrapper {
  padding: 20px 20px 8px !important;
}

.bestseller_tag {
  background: var(--md-ref-palette-error60);
  color: #fff !important;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5rem;
  border-radius: 14px;
  font-weight: 500;
  max-width: unset;
  font-size: 12px;
  height: 28px;
  padding: 0 6px;
  pointer-events: none;
}
.lottie {
  display: flex;
  margin: 3rem;
  justify-content: center;
}
div#gtx-trans {
  display: none;
}
.footer-links-icons {
  display: block;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: inset 0 0 0 20px var(--md-sys-color-secondary-container-light);
}
h4.order-icon.order-delivery span {
  font-size: 13px;
  letter-spacing: 0;
  color: rgb(0 0 0 / 38%);
  clear: both;
  display: block;
  margin: 4px 0;
}
body.admin-logged {
  padding-top: 40px;
}
.admin-bar {
  position: fixed;
  top: 0;
}
.admin-bar ul li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-bar a,
.admin-bar span {
  line-height: normal !important;
}

.reca-payment-wrap {
  text-align: center;
}
#onlinePaymentButton {
  height: 64px !important;
  border-radius: 32px !important;
  font-size: 18px !important;
}
.row {
  margin: 0;
}
.wide-carousel {
  width: 100%;
  padding: 0 !important;
  display: flex;
  border-radius: 16px;
  moz-border-radius: 16px;
  webkit-border-radius: 16px;
}
.box.box-sm.box-bg-default.co-box.co-basic-information .row {
  padding: 0px 15px;
}

.content-wrapper.container .row > div {
  /*padding: 0!important;*/
}
.oznam {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 16px;
  background: var(--md-ref-palette-error80);
  color: var(--md-ref-palette-error40);
  font-size: 13px;
  font-family: "Lexend";
}
.oznamClose {
  background: var(--md-ref-palette-error70);
  display: flex;
  height: 24px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  padding: 0 8px 0 4px;
  margin-left: 16px;
  cursor: pointer;
}
.oznamClose:hover {
  background: var(--md-ref-palette-error90);
}
.oznamClose span {
  font-size: 18px;
  margin-right: 4px;
}

.odporucame-banner {
  border: 1px solid var(--md-ref-palette-neutral-variant50);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  font-family: "Lexend";
  position: relative;
  overflow: hidden;
  max-width: 800px;
  margin: 0 auto;
}
.odporucame-banner::before {
  content: "Odporúčame";
  color: var(--md-ref-palette-tertiary60);
  font-size: 16px;
}
body.language-cz .odporucame-banner::before {
  content: "Doporučujeme";
}
.odporucame-banner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0 0 0 / 0%);
  pointer-events: none;
}
.odporucame-banner:hover::after {
  background: rgb(0 0 0 / 6%);
}
.odporucame-banner a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.odporucame-banner span {
  margin: 48px 0 0;
}
.odporucame-banner h3 {
  font-size: 28px;
  font-weight: 500;
  margin: 8px 0 0;
}
.odporucame-banner img {
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%) rotate(-10deg);
  height: 105% !important;
  left: 50%;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.odporucame-banner:hover img {
  transform: translateY(-50%) rotate(-5deg) scale(1.1);
}

@keyframes ldio-3zt3v5e3ej7 {
  0% {
    transform: scale(1.4000000000000001);
  }
  100% {
    transform: scale(1);
  }
}
.ldio-3zt3v5e3ej7 div {
  position: absolute;
  width: 28.799999999999997px;
  height: 28.799999999999997px;
  top: 20.799999999999997px;
  left: 20.799999999999997px;
  background: var(--md-ref-palette-primary70);
  animation: ldio-3zt3v5e3ej7 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation-delay: -0.3s;
}
.ldio-3zt3v5e3ej7 div:nth-child(2) {
  top: 20.799999999999997px;
  left: 70.4px;
  background: var(--md-ref-palette-tertiary70);
  animation-delay: -0.2s;
}
.ldio-3zt3v5e3ej7 div:nth-child(3) {
  top: 70.4px;
  left: 20.799999999999997px;
  background: var(--md-ref-palette-neutral70);
  animation-delay: 0s;
}
.ldio-3zt3v5e3ej7 div:nth-child(4) {
  top: 70.4px;
  left: 70.4px;
  background: var(--md-ref-palette-secondary70);
  animation-delay: -0.1s;
}
.top-navigation-bar .languagesMenu{
  z-index: 99;
}
.loadingio-spinner-cube-v86znni9gw {
  visibility: visible !important;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  justify-content: center;
  align-items: center;
}
.ldio-3zt3v5e3ej7 {
  width: 120px;
  height: 120px;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
.ldio-3zt3v5e3ej7 div {
  box-sizing: content-box;
  border-radius: 6px;
}

.site-name a {
  display: flex;
  background: url(https://www.atria.sk/user/documents/img/logo/atria-logo.svg);
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position-y: center;
}
#header .site-name img {
  max-height: 50px;
  visibility: hidden;
  height: 50px !important;
  width: auto !important;
  min-width: 195px !important;
  max-height: unset !important;
}

.p-detail .p-image-wrapper img{
  height: 500px!important;
  object-fit: contain;
}

#discussion-form form::after {
  content: "Zvyčajne reagujeme do 24 hodín. Pre prečítanie odpovede prosím navštívte túto stránku.";
  margin: 4px 32px;
  display: block;
  font-size: 12px;
  color: rgb(0 0 0 / 54%);
}

#rate-form input,
#rate-form textarea,
#rate-form .star-wrap,
#discussion-form input,
#discussion-form textarea {
  margin: 8px;
}
#rate-form .star-wrap .stars {
  width: auto;
  height: auto;
}
#rate-form .star-wrap .stars span {
  width: 24px;
  height: 24px;
}
#rate-form .star-wrap .stars span::before {
  font-size: 24px;
  line-height: normal !important;
}

.basic-description h3 + * h3 {
  font-size: 1.5em !important;
}
.basic-description h3 + * h4 {
  font-size: 1.5em !important;
  text-transform: none;
  margin: 32px 0 24px !important;
  padding: 0;
}
.basic-description h3 + * h4::after {
  display: none;
}

.vote-wrap span[itemprop="text"] {
  overflow-wrap: anywhere;
}

.payment-info {
  display: flex;
  align-items: center;
}
.cart-content .order-summary .cart-items .cart-item {
  padding: 8px 0;
}
.rate-wrapper.unveil-wrapper .rate-wrap {
  margin-bottom: 16px;
}
/*
.rate-wrapper.unveil-wrapper .rate-block {
	padding-right: 0;
}
*/
#colorbox.shoptet-modal-lg {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  max-height: 80vh !important;
  max-width: 80%;
  overflow-y: auto !important;
  background: #fff;
  border-radius: 12px;
}
#colorbox.shoptet-modal-lg.productDetail {
  max-height: 90vh;
  max-width: unset;
}
#colorbox.shoptet-modal-lg #cboxWrapper {
}
#colorbox.shoptet-modal-lg #cboxContent {
  margin-top: 0;
}
#colorbox.shoptet-modal-lg * {
  max-width: 100%;
  box-sizing: border-box;
}
#colorbox[role="dialog"] #cboxLoadedContent {
  overflow: hidden !important;
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box;
}
#colorbox[role="dialog"] form input,
#colorbox[role="dialog"] form textarea {
  max-width: 100%;
}
#cboxContent form .form-group {
  margin-top: 12px;
}
#colorbox.shoptet-modal-lg::-webkit-scrollbar {
  width: 24px;
  cursor: pointer;
}
#colorbox.shoptet-modal-lg::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 0 12px 12px 0;
}
#colorbox.shoptet-modal-lg::-webkit-scrollbar-thumb {
  background-color: var(--md-ref-palette-primary80);
  border-radius: 32px;
  border: 8px solid #fff;
  box-sizing: content-box;
}
#colorbox.shoptet-modal-lg::-webkit-scrollbar-thumb:hover {
  background: var(--md-ref-palette-primary70);
}
#colorbox[role="dialog"] #cboxLoadedContent .h1 {
  font-family: "Lexend";
  font-size: 18px !important;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
#colorbox[role="dialog"] #cboxLoadedContent .h1::before {
  content: "\e86c";
  font-family: "Material Icons Outlined";
  font-size: 24px;
  margin-right: 8px;
}
#colorbox[role="dialog"]
  #cboxLoadedContent
  .h1.advanced-order-suggestion::before {
  content: none;
}
#colorbox[role="dialog"] #cboxLoadedContent .h2 {
  font-size: 18px;
  color: rgb(0 0 0 / 54%);
  font-family: "Lexend";
}
#colorbox.shoptet-modal-lg .btn-conversion {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 40px !important;
  width: auto !important;
  min-width: 64px !important;
  border-radius: 20px !important;
  margin: 8px !important;
  font-family: "Lexend", sans-serif;
  line-height: normal !important;
  font-size: 0 !important;
  letter-spacing: 0.1px !important;
  font-weight: 500 !important;
  overflow: hidden;
  text-transform: none;
  text-decoration: none !important;
  border: 0 !important;
  white-space: nowrap;
  padding: 0 24px 0 16px !important;
  background: var(--md-sys-color-primary-light);
  color: var(--md-sys-color-on-primary-light);
}
#colorbox.shoptet-modal-lg .btn-conversion:hover {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
#colorbox.shoptet-modal-lg .btn-conversion::before {
  content: "\f1cc";
  margin-right: 8px;
  font-size: 24px;
  font-family: "Material Icons Outlined" !important;
  font-style: normal;
}
#colorbox.shoptet-modal-lg .btn-conversion::after {
  content: "Zobraziť nákupný košík";
  font-size: 14px !important;
}
/* #colorbox.shoptet-modal-lg .browse-p {
  display: none;
}
#colorbox.shoptet-modal-lg .products-block.products .product .prices {
  flex: 1 1 100%;
}
#colorbox.shoptet-modal-lg .products-block.products .product .p-desc {
  display: none !important;
}
#colorbox.shoptet-modal-lg .products-block.products .product .p-tools {
  display: none;
}
 */
#colorbox .advanced-order .products-block.products .product {
  border: 1px solid rgb(0 0 0 / 12%) !important;
}
#cboxOverlay {
  background: rgb(0 0 0 / 54%);
}

#colorbox.shoptet-modal-lg .product .p-in {
  padding: 0.5rem !important;
}
#colorbox.shoptet-modal-lg .product .p .name {
  -webkit-line-clamp: 3;
}
#colorbox.shoptet-modal-lg .product .p-desc {
  -webkit-line-clamp: 2;
}
#colorbox.shoptet-modal-lg #cboxClose {
  background-color: var(--md-sys-color-secondary-container-light) !important;
  color: var(--md-sys-color-on-secondary-container-light) !important;
  display: flex;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
  font-size: 0 !important;
}
#colorbox.shoptet-modal-lg #cboxClose:hover {
}
#colorbox.shoptet-modal-lg #cboxClose::before {
  top: unset;
  left: unset;
  position: relative !important;
  line-height: normal;
}

#checkoutSidebar {
  top: unset !important;
  margin-bottom: 16px;
}

.basic-description > h3 + p > strong > span {
  color: #000 !important;
}
.ordering-process #content-wrapper {
  margin-bottom: 2rem;
}
footer {
  margin-top: 2rem;
  padding-bottom: 64px;
  background: rgb(0 0 0 / 80%);
}
#manufacturerDescription iframe {
  max-width: 100%;
  max-height: 700px;
}
a.glossary {
  color: var(--md-ref-palette-primary60);
  font-weight: 600;
}
.produktNahradenyNovym {
  display: none;
}
form[action*="setStockFilter"] {
  display: none !important;
}
div#manufacturer-filter {
  display: none !important;
}
.cart-content .order-summary .recapitulation-single {
  padding: 16px 0 8px;
}
.recapitulation-shipping-billing-label {
  color: rgb(0 0 0 / 87%);
  flex: 0 0 150px !important;
}
.recapitulation-shipping-billing-info {
  flex: 1 1 100%;
}
.order-summary-item.helper {
  margin: 12px 0;
}

.p-main-image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-perex ul.discussion {
  display: none;
}
/*
.content-wrapper-in { 
	flex-flow: row wrap;
}


#content + ul.discussion {
	flex: 0 0 100%;
	width: 100%;
	margin-left: auto;
	padding-left: 295px;
} 
*/

.bottomBar {
  position: fixed;
  right: 81pt;
  bottom: 18pt;
  left: 18pt;
  height: 45pt;
  display: flex;
  flex-flow: row-reverse;
  pointer-events: none;
  z-index: 3;
}
.materialContactInfo {
  display: flex;
  background: #fff;
  height: 45pt;
  padding: 0 0.5rem;
  border-radius: 45pt;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  z-index: 2;
  align-items: center;
  justify-content: space-evenly;
  pointer-events: all;
  flex-shrink: 0;
  flex-grow: 0;
  margin-left: 18pt;
}
.materialContactInfoP {
  color: rgba(0, 0, 0, 0.54) !important;
  font-size: 0.8rem;
  font-weight: 500;
  width: auto;
  display: flex;
  height: 2.5rem;
  border-radius: 2.5rem;
  padding: 0 0.5rem 0 0.25rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  text-decoration: none !important;
  margin: 0 4px;
}
.country-flags{
  margin-bottom: 0;
}
.materialContactInfoP:hover {
  background: rgba(0, 0, 0, 0.06);
}
.materialContactInfoP i {
  background: var(--md-ref-palette-primary70);
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  margin-right: 0.5rem;
  font-weight: 400;
}

.notMessenger {
  display: none;
  position: fixed;
  right: 81pt;
  bottom: 70pt;
  background: var(--md-ref-palette-primary70);
  color: #fff;
  height: 2rem;
  padding: 0 1rem;
  border-radius: 1rem;
  align-items: center;
}
#openMdChat:hover + .notMessenger {
  display: flex;
}

.jednotkaNaTrhu {
  display: flex;
  align-items: center;
  background: var(--md-ref-palette-error90);
  color: var(--md-ref-palette-error50);
  position: absolute;
  z-index: 2;
  top: -6px;
  right: 6px;
  height: 24px;
  border-radius: 12px;
  padding: 0 2px 0 8px;
  font-family: "Lexend";
  font-size: 12px;
  font-weight: 500;
  pointer-events: none;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.jednotkaNaTrhu::before {
  content: "Jednotka na trhu";
}
.jednotkaNaTrhu::after {
  content: "\e8dc";
  font-family: "Material Icons Outlined";
  background: var(--md-ref-palette-error50);
  color: var(--md-ref-palette-error90);
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin-left: 4px;
}

.availability span,
span.availability-amount {
  color: rgb(0 0 0 / 54%) !important;
}
pagination,
.pagination-loader,
.pagination-top {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0 !important;
}
.pagination-top {
  padding: 0 !important;
}
.unveil-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 40px !important;
  width: auto !important;
  border-radius: 20px !important;
  padding: 0 24px;
  margin: 8px;
  font-family: "Lexend", sans-serif;
  line-height: normal !important;
  font-size: 14px !important;
  letter-spacing: 0.1px !important;
  font-weight: 500 !important;
  overflow: hidden;
  background: var(--md-sys-color-secondary-container-light);
  color: var(--md-sys-color-on-secondary-container-light);
}
a.pagination-link.up.js-scroll-top {
  display: none;
}
strong.js-scroll-top {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 40px !important;
  width: auto !important;
  border-radius: 20px !important;
  padding: 0 24px;
  margin: 8px;
  font-family: "Lexend", sans-serif;
  line-height: normal !important;
  font-size: 14px !important;
  letter-spacing: 0.1px !important;
  font-weight: 500 !important;
  overflow: hidden;
  background: var(--md-ref-palette-neutral95);
  color: var(--md-sys-color-on-secondary-container-light);
  text-transform: none;
}
strong.js-scroll-top::before {
  content: "\e5d8";
  margin-right: 8px;
  font-size: 24px;
  font-family: "Material Icons Outlined" !important;
  font-style: normal;
}
.pagination > a,
.pagination > strong {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 4px;
  background: var(--md-ref-palette-neutral95);
  color: var(--md-sys-color-on-secondary-container-light);
  font-weight: 600;
  line-height: normal;
}
.pagination strong.current {
  background: none;
  border: 1px solid rgb(0 0 0 / 12%);
}
.pagination > a:hover,
.pagination-top > a:hover,
.pagination > strong:hover,
.pagination-top > strong:hover {
  background: var(--md-ref-palette-neutral90);
}
.pagination,
.pagination-top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-link.prev::before {
  content: "\e408";
  font-family: "Material Icons Outlined" !important;
  font-size: 18px;
}
.pagination-link.next::before {
  content: "\e409";
  font-family: "Material Icons Outlined" !important;
  font-size: 18px;
}

#content .filter-section fieldset div {
  width: auto;
  clear: none !important;
}

.type-category #content h4,
.type-category #content h4 span {
  font-family: "Lexend", sans-serif !important;
  font-size: 16px;
  text-transform: none;
}
.type-category #content h4:after,
.type-category #content h4 span:after {
  display: none;
}

.sidebar .box {
  padding: 0;
  margin-bottom: 0;
}
.box-topProducts,
.box-productRating,
.box-newsletter {
  padding: 32px 0 16px !important;
}
.box-newsletter input.m3.button {
  text-align: left;
}

.box-newsletter button.m3.button {
  margin: 8px 0 !important;
}

.sidebar .box-newsletter form,
.sidebar .box-login form {
  padding: 0;
}

.filter-sections .filter-label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  height: 32px !important;
  width: auto !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  margin: 4px !important;
  font-family: "Inter", sans-serif;
  line-height: 12px !important;
  font-size: 14px !important;
  letter-spacing: 0.1px !important;
  font-weight: 500 !important;
  overflow: hidden;
  background: var(--md-sys-color-surface-light);
  color: var(--md-sys-color-on-surface-variant-light);
  border: 1px solid var(--md-ref-palette-neutral-variant60);
}
.filter-sections .filter-label.active {
  border: 0;
  background: var(--md-sys-color-secondary-container-light) !important;
  color: var(--md-sys-color-on-secondary-container-light) !important;
}
.filter-sections .filter-label::before {
  margin-right: 8px !important;
  font-size: 18px !important;
  font-family: "Material Icons Outlined" !important;
  width: 18px !important;
  height: auto !important;
  margin: 0 8px 0 0 !important;
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0;
  background: none;
  line-height: 32px !important;
}
input[type="checkbox"] + .filter-label::before {
  content: none;
}
input[type="checkbox"]:checked + .filter-label::before {
  content: "\e876";
}
input[type="checkbox"]:checked + .filter-label {
  padding: 0 16px 0 8px !important;
}
input[type="checkbox"] + .filter-label::after {
  display: none;
}
label.disabled {
  opacity: 0.38;
}

.filter-sections .filter-count {
  position: relative;
  color: var(--md-sys-color-on-surface-variant-light);
  font-size: 12px;
  padding: 0;
  margin-left: 8px;
  font-weight: 400;
}
.filter-sections .filter-count::before {
  content: "(";
}
.filter-sections .filter-count::after {
  content: ")";
}
#filters .filter-section form {
  margin: 0px -6px;
}
#filters .filter-section {
  display: flex;
  flex-direction: column;
}
.filter-section-count {
  margin-left: auto !important;
  justify-content: end;
}
#clear-filters {
  margin-bottom: 6px;
}
#filters .filter-section {
  margin: 6px;
}
#category-filter-hover {
  display: flex !important;
  flex-flow: row wrap;
  margin: 0 -6px;
}

.slider-wrapper {
  margin: 10px !important;
  max-width: unset;
}
.slider-header * {
  padding-bottom: 16px;
  font-family: "Lexend" !important;
}
.slider-content {
  padding: 0 32px;
  background: var(--md-ref-palette-neutral-variant90);
  border-radius: 3px;
}
.slider-header span.from::before {
  content: "od ";
}
.slider-header span.to::before {
  content: "do ";
}
#filters .ui-slider-horizontal {
  background: none;
  height: 6px;
}
.ui-slider-horizontal .ui-slider-range {
  height: 24px;
  margin-top: -10px;
  border-radius: 12px;
}
.ui-slider-horizontal .ui-slider-handle {
  background: var(--md-ref-palette-primary70);
  border: 0;
  height: 24px;
  top: 0;
  margin-top: -10px;
  width: 40px;
  border-radius: 12px;
  margin-left: -20px;
}
.ui-slider-horizontal .ui-slider-handle:hover {
  background: var(--md-ref-palette-primary70);
}
span.availability-amount {
  order: 6;
  margin-left: 4px;
}
.p-detail .p-info-wrapper span.availability-amount {
  margin-left: 4px;
}

#filters {
  background: var(--md-ref-palette-neutral99) !important;
  border: 0 !important;
  border-radius: 12px !important;
}

#filters #clear-filters a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 40px !important;
  width: auto !important;
  border-radius: 20px !important;
  padding: 0 24px 0 16px !important;
  margin: 8px !important;
  font-family: "Lexend", sans-serif;
  line-height: normal !important;
  font-size: 14px !important;
  letter-spacing: 0.1px !important;
  font-weight: 500 !important;
  overflow: hidden;
  text-transform: none;
  text-decoration: none !important;
  background: var(--md-sys-color-secondary-container-light);
  color: var(--md-sys-color-on-secondary-container-light);
}

#filters #clear-filters a::before {
  content: "\e888";
  margin-right: 8px;
  font-size: 24px;
  font-family: "Material Icons Outlined" !important;
  font-style: normal;
}
#filters #clear-filters a:hover {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.sidebar .box.client-center-box ul {
  display: flex;
  flex-direction: column;
}
.sidebar .box.client-center-box ul .logout {
  position: relative;
  order: 1;
}
.sidebar .box.client-center-box ul li {
  order: 2;
}

.product-top .detail-parameters td {
  position: relative;
  width: 180px;
  flex: 0 0 180px;
}
.product-top .detail-parameters td::after {
  content: "\e5c5";
  display: block;
  font-family: "Material Icons Outlined";
  position: absolute;
  right: 8px;
  top: 50%;
  font-size: 24px;
  transform: translateY(-50%);
  pointer-events: none;
}
.product-top .detail-parameters td select {
  background: var(--md-ref-palette-neutral-variant90);
  border: 0;
  height: 40px;
  border-radius: 20px;
  cursor: pointer;
  padding: 0 12px;
  font-size: 12px;
  font-family: "Lexend";
  font-weight: 400;
  letter-spacing: 0;
}
.product-top .detail-parameters td select:hover {
  background: var(--md-ref-palette-neutral-variant80);
}
tr.surcharge-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.type-detail .detail-parameters tr:last-child th,
.type-detail .detail-parameters tr:last-child td {
  border-bottom: none;
}
.product-top .detail-parameters th {
  width: auto;
  padding-right: 16px !important;
  min-width: unset;
  display: flex;
  align-items: center;
  letter-spacing: 0;
  flex: 1 1 auto;
  justify-content: space-between;
}

span.main-link-surcharges {
  font-size: 11px;
  color: rgb(0 0 0 / 54%);
  line-height: normal;
}

div.fancy-title {
  display: none;
  position: fixed;
  background: var(--md-sys-color-surface-variant-dark);
  color: var(--md-sys-color-on-surface-variant-dark);
  padding: 16px;
  border-radius: 12px;
  z-index: 999;
  transform: translate(-50%, 8px);
  width: 360px;
}
.fancy-title-helper {
  cursor: help;
}
.fancy-title-helper:hover + .fancy-title {
  display: block;
}

.top-navigation-bar .languagesMenu {
  width: auto;
  height: auto;
  padding: 0;
}
.top-navigation-bar .languagesMenu #topNavigationDropdown {
  align-items: center;
  padding: 0;
}
#topNavigationDropdown {
  height: 30px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
  font-family: "Inter";
  font-weight: 500;
  font-size: 13px;
  color: var(--md-ref-palette-neutral40);
}

#topNavigationDropdown .caret:before {
  display: inline-block;
  speak: none;
  vertical-align: middle;
  font-family: "shoptet" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 0;
  text-transform: none;
  color: #000;
  margin-left: 8px;
  font-size: 10px;
  text-decoration: none;
  content: "\e90e" !important;
}
.top-navigation-bar .top-navigation-tools .dropdown button:before {
  content: none;
}
.top-navigation-bar .top-navigation-tools .dropdown span {
  display: inline-block;
}
.top-navigation-bar .top-navigation-tools .dropdown > span:first-of-type {
  display: none;
}
.top-navigation-bar .top-navigation-tools .dropdown {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-navigation-bar .top-navigation-tools .dropdown:before {
  height: 50px;
  top: 0;
}

#checkoutContent .cart-content .form-group,
#register-form .form-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 4px 0;
  z-index: auto;
}
.form-group label {
  margin-bottom: 0;
}
form .validator-msg,
form .js-validator-msg {
  transform: none;
  position: relative;
  right: 0;
  flex: 1 1 100%;
  padding: 0 0 0 165px;
  border: 0;
  margin: 4px 0;
  left: 0;
}
.box-newsletter form .validator-msg,
.box-newsletter form .js-validator-msg {
  padding: 0;
}

form .validator-msg:before,
form .js-validator-msg:before {
  left: -6px;
  bottom: 8px;
  border-right: 0;
  border-bottom: 1px solid;
  border-left: 1px solid;
  display: none;
}

.mobileLang,
.mobileAccount {
  display: none;
}

.overall-wrapper {
  padding-bottom: 0;
  overflow: visible;
}
a.link-icon.print {
  display: none !important;
}
/*
.fb_dialog_content iframe {
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 3px 3px -2px rgba(0, 0, 0, 0.12),inset 0 0 0 28px #3fcdb5!important;
    height: 96px!important;
    width: 96px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 18px!important;
    bottom: 16px!important;
    right: 16px!important;
    border-radius: 28px!important;
    margin: 0!important;
}
*/

.mobile-search-icon,
.mobile-navigation-icon {
  display: none;
}

#return-to-top {
  right: 15px;
  bottom: 72pt;
}
.basic-description table,
.category-perex table {
  width: 100% !important;
  max-width: 100% !important;
  background: var(--md-ref-palette-neutral95);
  padding: 16px;
  border: 0;
  border-radius: 12px;
  margin: 16px 0;
  border-spacing: 0;
  display: block;
  height: auto !important;
  overflow-x: auto;
  /*white-space: nowrap;*/
}
.basic-description tbody,
.category-perex tbody {
  display: table;
  min-width: 100%;
}
.basic-description table td,
.basic-description table th,
.category-perex table td {
  border: 0;
  border-bottom: 1px solid rgb(0 0 0 / 12%);
  text-align: initial;
  padding: 8px 4px;
}
.basic-description table tr:last-of-type td,
.basic-description table tr:last-of-type th,
.category-perex table tr:last-of-type td {
  border-bottom: 0;
}
a.p-main-image.cbox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shp-tab span.tab-manufacturer-name {
  margin-left: 0.25rem;
  font-family: "Lexend";
}
.latest-contribution-wrapper {
  display: none;
}
.price-measure {
  display: none;
}
.popup-widget.login-widget:before,
.popup-widget.cart-widget::before {
  content: none;
}
.password-helper {
  margin: 0 -8px;
}
.password-helper::before {
  content: "Nákup možný aj bez registrácie • Registrácia slúži na uľahčenie nákupu, prehľad histórie objednávok, predvyplnenie kontaktných a doručovacích údajov.";
  font-size: 0.7rem;
  text-align: center;
  color: rgb(0 0 0 / 38%);
  font-weight: 500;
  display: inline-flex;
  padding: 8px;
}
#header .navigation-buttons .btn {
  flex-direction: row;
  align-items: center;
  padding: 0;
}
#header .header-top .top-nav-button-login {
  align-items: center;
  position: relative;
  top: unset;
  right: unset;
  padding: 0;
}
.dklabDetailZakoupil {
  background: var(--md-sys-color-surface-variant-light) !important;
  border-radius: 24px;
  padding: 24px !important;
  height: 64px;
  min-width: 280px;
  top: calc(100% - 165px);
}
.dklabDetailZakoupil br {
  display: none;
}
.dklabDetailZakoupil strong {
  margin-left: 8px;
}
.in-index .sidebar .box-productRating {
  display: none;
}
.in-index .sidebar .box-topProducts {
  display: none;
}
.sidebar .box-productRating .rate-wrapper {
  padding: 0;
}
.sidebar .vote-wrap:first-child {
  border-top-style: solid;
  padding-top: 16px;
}

#content .box-productRating {
  margin: 32px 0;
}
#content .box-productRating h4 {
  text-transform: none;
  color: rgb(0 0 0 / 54%);
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}
#content .box-productRating h4::after {
  display: none;
}
#content .box-productRating .votes-wrap {
  flex-direction: row;
}
.box-productRating .vote-wrap {
  background: var(--md-sys-color-surface-light);
  flex: 1 1 100%;
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--md-ref-palette-neutral-variant50);
  margin: 0;
}
.sidebar .top-products {
  padding: 0;
  display: flex;
  flex-direction: column;
}
ol.top-products li a {
  text-decoration: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 50%;
  width: 50%;
}
ol.top-products li a strong {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}
.sidebar h4 span {
  font-family: "Lexend";
  text-transform: none;
  font-size: 18px;
}
.sidebar .box-productRating .vote-wrap,
.sidebar ol.top-products li {
  background: none !important;
  border-radius: 0;
  border: 0;
  padding: 16px 0;
  margin: 0;
}
.sidebar .box-productRating .vote-wrap + .vote-wrap,
.sidebar ol.top-products li + li {
  border-top: 1px solid rgb(0 0 0 / 12%);
  margin-top: 0;
  margin-bottom: 0;
}

.sidebar ol.top-products li:last-child {
  border-top: 1px solid rgb(0 0 0 / 12%);
}

#content .box-productRating .vote-wrap {
  flex: 1 1 30%;
  width: 30%;
  margin: 4px;
}
.box-productRating .vote-wrap:hover {
  background: var(--md-sys-color-surface-variant-light);
}
.box-productRating .vote-wrap a {
  text-decoration: none !important;
}
.box-productRating .vote-pic,
.sidebar ol.top-products li .top-products-image {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 48px !important;
  width: 48px !important;
  flex: 0 0 48px;
  margin-right: 16px;
}
.box-productRating .vote-pic img,
.sidebar ol.top-products li .top-products-image img {
  max-width: 90%;
  position: relative;
  height: auto;
}
.box-productRating .vote-pic::before,
.sidebar ol.top-products li .top-products-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(var(--md-sys-color-primary-opacity), 0.08);
  z-index: 2;
}

.box-productRating .vote-product-name,
ol.top-products li a .top-products-name {
  color: var(--md-sys-color-on-surface-variant-light) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  margin-bottom: 3px;
  letter-spacing: 0;
}
#content .box-productRating .star::before {
  font-size: 13px;
}
.box-productRating .vote-rating {
  flex-direction: column;
  align-items: flex-start;
}
.sidebar .box-productRating .rate-wrapper .votes-wrap .vote-product-name {
  margin-bottom: 3px;
}
.sidebar .vote-name {
  padding-left: 0;
  margin-bottom: 5px;
}

.box-productRating .vote-name {
  font-size: 13px;
  color: var(--md-ref-palette-neutral-variant60);
  order: 1;
}
.box-productRating .stars {
  order: 2;
}
.box-productRating .vote-content {
  color: rgb(0 0 0 / 54%);
  font-size: 13px;
  font-weight: 400;
}

#content .box-topProducts h4 {
  text-transform: none;
  color: rgb(0 0 0 / 54%);
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}
#content .box-topProducts h4::after {
  display: none;
}
#content ol.top-products {
  display: flex;
  flex-flow: row wrap;
}
#content ol.top-products li {
  margin: 6px;
  flex: 1 1 48%;
  border-radius: 12px;
  background: var(--md-sys-color-surface-variant-light);
  color: var(--md-sys-color-on-surface-variant-light);
  overflow: hidden;
}
#content ol.top-products li a.top-products-image {
  width: 56px;
  background: #fff;
  border-radius: 0;
  height: 56px;
  flex: 0 0 56px;
  max-width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 6px;
}
#content ol.top-products li a.top-products-image::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0 0 0 / 5%);
}
#content ol.top-products li a {
  padding-right: 0 16px 0 8px;
}
#content ol.top-products li a .top-products-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px !important;
  height: auto;
  white-space: normal;
  line-height: 13px;
  padding: 0 8px;
  margin-bottom: 0;
}
#content ol.top-products li a strong {
  font-size: 13px;
  color: var(--md-ref-palette-primary50) !important;
  margin-top: 3px;
  position: relative;
  display: inline-block;
  padding: 0 8px;
}
#content ol.top-products li a {
  max-height: 56px;
}

.image360 {
  border-radius: 16px;
  overflow: hidden;
}
.image360::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*background: rgba(var(--md-sys-color-tertiary-opacity), 0.08);*/
  display: block;
  z-index: 6;
  pointer-events: none;
}
.image360::after {
  display: none !important;
}
.image360-navigation {
  margin: 16px 0;
  height: 36px;
  display: flex;
  justify-content: center;
  display: none;
}
span.image360-fullscreen.shoptet-icon.icon-expand {
  display: none;
}
.image360-holder::before {
  content: "\e577";
  font-family: "Material Icons Outlined";
  position: absolute;
  top: 16px;
  left: 50%;
  font-size: 3rem;
  transform: translateX(-50%);
  color: rgb(0 0 0 / 54%);
}
span.image360-prev.shoptet-icon.icon-previous {
  order: 1;
}
span.image360-play.shoptet-icon.icon-play {
  order: 2;
}
span.image360-play.shoptet-icon.icon-pause {
  order: 2;
}
span.image360-next.shoptet-icon.icon-next {
  order: 3;
}
.icon-play::before {
  content: "\e1c4";
  font-family: "Material Icons Outlined";
  font-size: 36px;
}
.icon-pause::before {
  content: "\e1a2";
  font-family: "Material Icons Outlined";
  font-size: 36px;
}
.icon-previous::before {
  content: "\eaa7";
  font-family: "Material Icons Outlined";
  font-size: 36px;
}
.icon-next::before {
  content: "\eaaa";
  font-family: "Material Icons Outlined";
  font-size: 36px;
}
.product-top .p-thumbnails-wrapper .p-thumbnails-inner a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-top .p-thumbnails-wrapper .p-thumbnails-inner a img {
  top: unset;
  left: unset;
  transform: none;
}
.image360::after,
.show360image::after {
}
a.show360image::after {
  content: "\e577";
  font-family: "Material Icons Outlined" !important;
  color: rgb(0 0 0 / 38%);
  font-size: 42px;
  background-color: rgb(255 255 255 / 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0 !important;
  top: unset;
  left: unset;
  position: absolute;
  border-radius: 50%;
}

.pr-list-unit::after {
  content: "s DPH";
}
body.language-en .pr-list-unit::after {
  content: "incl. VAT";
}
.question-tooltip {
  font-size: 0;
  height: 1rem;
  width: 1rem;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
}
.question-tooltip::before {
  content: "\e88e" !important;
  font-family: "Material Icons Outlined";
  display: block;
  font-size: 1.3rem;
  color: var(--md-ref-palette-neutral-variant70);
}
/*
.row-header-label {
    display: flex;
    align-items: center;
}
*/
.type-detail .tab-content .detail-parameters th,
.type-detail .tab-content .detail-parameters td {
  padding-bottom: 10px;
  color: var(--md-ref-palette-neutral40) !important;
  overflow-wrap: anywhere;
}
.type-detail .tab-content .detail-parameters tr th,
.type-detail .detail-parameters tr td {
  padding: 10px 10px;
}
p.docasnyNazov {
  text-align: center;
  background: rgb(0 0 0 / 12%);
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  margin: 0.5rem;
}
.shp-tabs-holder ul.shp-tabs li a,
.products-block.products .product .p .name,
.shp-tabs-holder ul.shp-tabs li a,
.category-header input[type="radio"] + label {
  font-family: "Lexend", sans-serif !important;
}

.show-related {
  outline: 0 !important;
}

.products-block.products .product .p {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.products-block.products .product {
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid rgb(0 0 0 / 12%) !important;
}
.products-block.products .product:hover {
  /*background: #b2dfdb;*/
}
.products-block.products .product .p-in {
  /*background: #fafafa;*/
  padding: 2.5rem 0.5rem 0.5rem !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.products-block.products .product:hover .p-in {
  /*background: #f5f5f5;*/
}
.product .p-in-in {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.p-main-image:hover::before {
  content: "\f1ce";
  font-family: "Material Icons Outlined" !important;
  display: block;
  right: 16px;
  top: 16px;
  position: absolute;
  z-index: 9;
  color: rgb(0 0 0 / 38%);
  font-size: 36px;
}
.products-block.products .product .image {
  margin: 0;
  /*background: #e0f2f1;*/
  overflow: hidden;
  border-radius: 0.5rem;
  display: flex;
}
.products-block.products .product a img {
  border-radius: 0.375rem;
  padding: 1rem;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.products-block.products .product:hover a img {
  /*transform: scale(1.3);*/
}
.products-block.products .product:hover .p {
  box-shadow: none;
}
.products-block.products .product .p-in:before {
  display: none;
}

.product .flag.flag.flag-discount {
  display: none !important;
}
.products-block.products .product .p .name {
  justify-content: flex-start;
  margin: 0;
  font-weight: 500;
  text-align: left;
  margin-bottom: 0.5rem;
  letter-spacing: 0.5px;
}
.products-block.products .product .p .name span {
  font-family: "Lexend";
}
.products-block.products .product .stars-placeholder,
.products-block.products .product .p .stars-wrapper {
  transform: none;
  left: unset;
  position: absolute;
  top: 1rem;
  margin-left: -2px;
}
/*
.product-top .p-detail-info .stars-wrapper .stars-label::before {
	content: "(";
}
.product-top .p-detail-info .stars-wrapper .stars-label::after {
	content: ")";
}
*/
.ratingNumber {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 700;
  color: var(--md-ref-palette-error60);
}
.products-block.products .product .ratings-wrapper {
  align-items: flex-start;
  margin-top: auto;
}
.products-block.products .product .ratings-wrapper .stars .star:before {
  font-size: 21px;
}

.product-top h1::after {
  display: none;
}
.p-znacka {
  order: 4;
  color: rgb(0 0 0 / 38%) !important;
  line-height: 1rem;
  font-size: 14px !important;
}
.p-znacka > a {
  color: var(--md-sys-color-primary-light) !important;
  font-size: 14px;
  line-height: 18px;
}
.product-top .price-line {
  flex-direction: column;
}
.p-final-price-wrapper {
  flex-direction: column;
}

.p-image-wrapper span.flag.flag-discount {
  display: none !important;
}
.product-top .price-line .price-standard {
  text-decoration: none;
  order: 4;
  color: rgb(0 0 0 / 38%);
  font-size: 14px;
  flex: 1 1 100%;
}

.product-top .price-line .price-standard span {
  color: var(--md-sys-color-primary-light);
  line-height: 1rem;
  order: 4;
  text-decoration: line-through;
  font-weight: 600;
}
.product-top .price-line .price-standard::before {
  content: "Cenníková cena: ";
}

.p-final-price-wrapper span.price-save {
  color: var(--md-ref-palette-error60);
  font-weight: 800;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  order: 2;
  margin-left: auto;
  line-height: 24px;
}
.p-final-price-wrapper span.price-save::before {
  content: "Zľava:";
  font-family: "Inter";
  font-weight: 600;
  font-size: 14px;
  color: rgb(0 0 0 / 38%);
  line-height: 18px;
}
.popup-widget.cart-widget .cart-widget-button .btn {
  background: var(--md-sys-color-primary-light);
}
.sidebar ol.top-products li .top-products-image img {
  top: 0;
  left: 0;
}

.product-top .add-to-cart button[type="submit"],
.product-top .add-to-cart .btn[type="submit"],
.product-top #choose-variant {
  font-family: "Lexend";
  font-size: 14px;
  font-weight: 400;
  width: 180px;
  /*flex: 0 1 180px;*/
  height: 3rem;
  border-radius: 3rem !important;
  background: var(--md-ref-palette-primary70);
  letter-spacing: 0.5px;
  display: inline-flex !important;
  line-height: 20px;
  margin-left: 16px;
}
.product-top .add-to-cart button[type="submit"]::before {
  content: "\e8cc";
  font-family: "Material Icons Outlined" !important;
  margin-right: 0.5em;
  font-size: 1.3rem;
  font-weight: 400;
}
.product-top .add-to-cart button:hover,
.product-top .add-to-cart .btn:hover,
.product-top #choose-variant:hover {
  background: var(--md-ref-palette-primary60);
}
.product-top .add-to-cart {
  justify-content: space-between;
  border-top: 0;
  padding-top: 1rem;
}
.quantity {
  height: 48px !important;
  border-radius: 8px !important;
  min-width: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px 0 26px;
  background: var(--md-sys-color-surface-variant-light);
  border: 0;
}

.product-top .quantity {
  border-radius: 8px !important;
}
.quantity input {
  height: 48px !important;
  width: 80px;
  flex: 1 1 auto;
  border-radius: 4px;
  background: none;
  font-family: "Lexend" !important;
  font-weight: 500;
  font-size: 18px;
  color: rgb(0 0 0 / 54%);
  border: 0 !important;
  outline: none !important;
  order: 2;
  font-size: 14px !important;
}
.quantity .decrease,
.quantity .increase {
  background: var(--md-ref-palette-neutral-variant80);
}
.quantity .decrease:hover,
.quantity .increase:hover {
  background: var(--md-ref-palette-neutral-variant70);
}
.quantity .increase {
  right: unset;
  order: 3;
  top: 4px !important;
  left: 4px;
}
.quantity .decrease {
  left: unset;
  order: 1;
  top: unset !important;
  bottom: 4px;
  left: 4px;
}
.quantity .increase,
.quantity .decrease {
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  border-radius: 4px;
}
.quantity .increase:before,
.quantity .decrease:before {
  margin: 0 !important;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
}
.cart-table .p-quantity .quantity input{
  width: fit-content;
}
.quantity button .decrease__sign, .quantity button .increase__sign{
  display: inline-block!important
}
.product-top .quantity button .decrease__sign{
  display: block;
}
.availability-value::before {
  content: "Dostupnosť:";
  color: rgb(0 0 0 / 38%);
  margin-right: 0.5rem;
}
.availability-value {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  line-height: 24px;
}
.product-top .price-line .availability-label {
  color: var(--md-sys-color-primary-light) !important;
  line-height: 1rem;
  order: 4;
  text-decoration: none;
  font-size: 14px;
}
.p-final-price-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.product-top .price-line .price-final {
  /*flex: 100%;*/
  order: 1;
}
.product-top .price-line {
  padding: 16px 0 0 0 !important;
}
.product-top .price-line .price-final {
  line-height: normal;
  margin-bottom: 4px;
}
span.price-final-holder {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-family: "Lexend";
  font-weight: 500;
  padding: 0.5rem 0;
  letter-spacing: 0;
}
span.price-final-holder span {
  font-family: "Lexend";
}
span.price-final-holder span.nowrap {
  margin-left: 8px;
}
.product-top .price-line .price-additional {
  font-weight: 400;
  width: 100%;
  color: var(--md-ref-palette-neutral60);
  margin-bottom: 8px;
}

.type-detail .detail-parameters tr:last-child th,
.type-detail .detail-parameters tr:last-child td {
  color: inherit;
  overflow-wrap: anywhere;
}

.product-top .price-line .price-final .pr-list-unit {
  color: rgb(0 0 0 / 38%);
  top: 0;
  margin-left: 0.5rem;
  font-size: 14px;
}
.product-top .p-detail-info .stars-wrapper .stars .star:before {
  font-size: 1.3rem;
}

.p-code {
  /*visibility: visible!important;*/
  padding: 8px 0 !important;
}
.p-info-wrapper:hover .p-code {
  /*visibility: visible!important;*/
}

.product-top .social-buttons-wrapper {
  /*display: none;*/
  margin-top: 0;
}
.product-top .add-to-cart {
  border-bottom: none;
  padding-bottom: 0;
}
.product-top .add-to-cart + p {
  display: none;
}

.custom-buttons-wrapper {
  display: flex;
  flex-direction: column;
  float: right;
  padding: 0 16px !important;
}
.custom-buttons-wrapper .button {
  margin: 8px 0 !important;
}
/*
a#obchodna-spolupraca::before {
    content: "\f233";
}
#dailyBought::before {
    content: "\ea12";
}
*/
#dailyBought {
  background: var(--md-ref-palette-neutral95);
  cursor: default;
  pointer-events: none;
  color: var(--md-ref-palette-neutral50);
  margin: 0 0 16px !important;
  border-radius: 8px !important;
  height: 52px !important;
  width: 100% !important;
}
#dailyBought label {
  font-family: "Inter";
}
.product-top .p-detail-info .stars-wrapper {
  margin-bottom: 16px;
}
/*
#lacnejsie::before {
    content: "\ea15";
}
*/
#lacnejsie {
  background: var(--md-sys-color-tertiary-container-light) !important;
}

.stars a.star-on::before,
.stars span.star-on::before {
  content: "\e838";
  font-family: "Material Icons" !important;
}
.stars a.star-half::before,
.stars span.star-half::before {
  content: "\e839";
  font-family: "Material Icons" !important;
}
.stars a.star-off::before,
.stars span.star-off::before {
  content: "\f06f";
  font-family: "Material Icons" !important;
}
.stars a.star::before,
.stars span.star::before {
  color: #ff5722 !important;
}
#checkoutContent .cart-content .box .form-group .btn {
  background: var(--md-sys-color-primary-light);
  color: var(--md-sys-color-on-primary-light) !important;
}
.products-block.products .product .availability {
  font-size: 0.75rem;
}

#formProductQuestion #phone,
#formProductQuestion label[for="phone"] {
  display: none;
}

/*
.products-block.products .product.nas-tip {
	background: #3fc7e2;	
}
*/
.products-block.products .product.nas-tip {
  border: 1px solid var(--md-ref-palette-error80) !important;
}
.products-block.products .product.nas-tip .p-in {
  background: var(--md-ref-palette-secondary95);
}
.products-block .p .flags-default {
  top: unset;
  bottom: 0;
}
.product-top .p-detail-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: unset;
  padding-top: 0;
}
#colorbox.shoptet-modal-lg .products-block.products .product .p .name span {
  text-align: center;
  font-size: 13px;
  letter-spacing: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#colorbox.shoptet-modal-lg .products-block.products .product .ratings-wrapper {
  display: none;
}
#colorbox.shoptet-modal-lg .products-block.products .product .p-bottom div {
  justify-content: center !important;
}

#colorbox.shoptet-modal-lg .products-block.products .product .p-bottom form {
  display: flex;
  justify-content: center !important;
}
.product-top .p-detail-info .flags {
  margin: 0 0 0.5rem;
  position: absolute;
  left: 0;
  top: 0;
}
.product-top .p-detail-info .flags .flag {
  margin-right: 0;
}
.flags .flag-action {
  background: var(--md-ref-palette-error60);
  color: #fff;
  margin-bottom: 0.5rem;
  height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.5rem;
  border-radius: 20px;
  padding: 0 6px;
  font-weight: 500;
  max-width: unset;
  font-size: 0;
}
.flags .flag-action::before {
  content: "\e8dc";
  font-family: "Material Icons Outlined" !important;
  font-size: 18px;
  margin-left: 16px;
  order: 2;
  color: var(--md-ref-palette-error60);
  background: var(--md-ref-palette-error90);
  height: 28px;
  width: 28px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flags .flag-action::after {
  content: "Najpredávanejší";
  font-size: 12px;
  text-transform: none;
  font-family: "Lexend";
  letter-spacing: normal;
  font-weight: 400;
}

.product .flags .flag-action {
  height: 28px;
  border-radius: 0 14px 14px 0;
  padding: 0 12px 0 6px;
}
.product .flags .flag-action::before {
  order: 0;
  margin-left: 0;
  color: var(--md-ref-palette-error90);
  background: none;
}
#productsAlternative .flags {
  display: none;
}
/*
.products-block.products .product.nas-tip button, .products-block.products .product.nas-tip .btn{
	background: #03a9f4;	
}
*/
.products-block.products .product.nas-tip .prices .price-final strong {
  color: var(--md-ref-palette-error60);
}

.discount {
  position: absolute;
  right: 0.5rem;
  color: #ff5722;
  top: 0.65rem;
  font-size: 0.85rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  background: rgb(255 87 34 / 12%);
  height: 1.5rem;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
}
.discount::before {
  content: "\e54e";
  font-family: "Material Icons";
  font-weight: 500;
  font-size: 1rem;
  margin-right: 0.25rem;
}
.products-block.products .product .p-bottom > div {
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  /*justify-content: center;*/
}

.products-block.products .product .p-desc,
.products-block.products .product .p-desc + p {
  order: 1;
  background: none;
  text-align: left;
  margin: 0;
  padding: 0;
  color: rgb(0 0 0 / 54%);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0;
}
.products-block.products .product .p-desc + p {
  margin: -16px 0 16px;
}
.products-block.products .product .prices {
  order: 2;
  flex-grow: 1;
  text-align: unset;
  margin: 0.25rem auto 0.25rem 0;
  height: 36px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.products-block.products .product .prices .price-final strong {
  font-family: "Lexend";
  font-weight: 500;
}
.products-block.products .product .prices .price-additional {
  width: 100%;
  text-align: left;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: rgb(0 0 0 / 54%);
}

.products-block .p-bottom .p-tools {
  order: 3;
  margin: 0.25rem 0;
}
.products-block.products .product button,
.products-block.products .product .btn {
  padding: 0 0.75rem !important;
  margin: 0 !important;
  font-family: "Lexend";
  font-weight: 500 !important;
  background: var(--md-ref-palette-primary70);
  color: #fff;
  height: 36px !important;
  border-radius: 36px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-width: auto;
  width: auto !important;
  letter-spacing: 0;
  line-height: 36px;
}
.products-block.products .product .btn.nonBuyable {
  /*background: var(--md-ref-palette-neutral80);*/
  font-size: 0 !important;
}
.products-block.products .product .btn.nonBuyable::after {
  content: "Zobraziť";
  font-size: 14px !important;
}
.products-block.products .product button:hover,
.products-block.products .product .btn:hover {
  background: var(--md-ref-palette-primary60);
  color: #fff;
}
.products-block.products .product button span,
.products-block.products .product .btn span {
  white-space: nowrap;
  font-family: "Lexend";
}
.products-block.products .product .prices .price-final {
  margin-bottom: 0;
}
.products-block .p-bottom .prices,
.products-block .p-bottom .p-tools {
  flex-basis: unset;
}
.multiple-columns-body .products-block.products .product {
  width: calc(33.33% - 12px);
}
.content .has-text-banner {
  display: none;
}
.sidebar + .content .has-text-banner {
  display: flex !important;
}

@media only screen and (min-width: 1500px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(25% - 12px);
  }
}
@media only screen and (max-width: 1280px) {
  #carousel .item {
    height: 250px;
  }
}
@media only screen and (max-width: 992px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 767px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(33.33% - 12px);
  }
}
@media only screen and (max-width: 600px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(50% - 12px);
  }
}
@media only screen and (max-width: 480px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(100% - 12px);
  }
}

.products-block.products .product {
  margin: 6px;
}

.regInfo {
  margin: 2rem 0 4rem;
}

#submitted {
  border: 0;
  width: 0;
  height: 0;
}

.h4,
.content h4,
.category-title,
.p-detail-inner h1,
h1,
h4.homepage-group-title,
.h4.homepage-group-title,
.products-related-header,
.in-klient h1 {
  font-family: "Lexend", sans-serif !important;
  font-weight: 500;
  font-size: 1.75rem;
}
.cart-widget-button {
  padding: 0;
}
.empty-content-category {
  display: none;
}
.type-detail .shp-tabs-wrapper h3 {
  display: flex;
  font-size: 32px;
  font-weight: 500 !important;
  align-items: center;
  margin: 32px 0 24px;
  font-family: "Lexend", sans-serif !important;
  color: var(--md-sys-color-on-background-light);
}

.shp-tabs-holder,
.shp-tabs,
.category-header {
  border: 0;
  display: flex !important;
  background: none;
  width: auto;
  border-radius: 0;
  padding: 0.25rem !important;
  justify-content: center;
  flex-flow: row wrap;
}
.shp-tabs {
  border-bottom: 1px solid rgb(0 0 0 / 12%);
  width: 100%;
}
.category-header form {
  flex: 1 1 100%;
  border-bottom: 1px solid rgb(0 0 0 / 12%);
  overflow: hidden;
}
.category-header div {
  background: rgb(0 0 0 / 6%);
  flex: 0;
  white-space: nowrap;
  margin: 1rem auto 0;
  height: 2rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 16px;
}
.category-header div strong {
  margin-right: 0.5rem;
}

.kalkulacka-zdroj p {
  display: flex;
  align-items: center;
  justify-content: left;
}

.shp-tab-link-count {
  position: absolute;
  background: #e43c07;
  color: #fff;
  border-radius: 1rem;
  left: 1.5rem;
  top: 0.25rem;
  font-size: 0.7rem;
  min-width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  padding: 0 0.25rem;
  transform: translateX(-100%);
}
.category-header fieldset {
  padding: 0.25rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}
.shp-tabs-holder ul.shp-tabs li a {
  display: flex;
  flex-direction: row;
  margin: 0.25rem;
  position: relative;
  font-weight: 400;
  line-height: normal;
  color: #011c17;
  background: none;
  height: 2.75rem;
  border-radius: 2rem;
  padding: 0 0.75rem;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.shp-tabs-holder ul.shp-tabs li a:hover {
  color: #011c17;
  background-color: rgb(25 42 41 / 10%);
}
.shp-tabs-holder ul.shp-tabs li.active a {
  color: #011c17;
  background-color: rgb(1 114 95 / 14%);
}
.shp-tabs-holder ul.shp-tabs li.active a::before {
  /*background: #b2dfdb;*/
}
.shp-tabs-holder ul.shp-tabs li:hover a::before {
  /*background: rgb(0 0 0 / 6%);*/
}
/*
.shp-tabs-holder ul.shp-tabs li.active a::after, .shp-tabs-holder ul.shp-tabs li:hover a::after, .category-header input[type="radio"]:checked + label::after, .category-header input[type="radio"]:hover + label::after  {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 3px;
    right: 3px;
    height: 6px;
    background: #00bfa5;
    border-radius: 3px 3px 0 0;
    top: unset;
    width: unset;
}*/
.category-header input[type="radio"]:checked + label::after,
.category-header input[type="radio"]:hover + label::after {
  bottom: -6px;
}

.shp-tabs .shp-tab-link:hover {
  color: unset;
}

.shp-tabs-holder ul.shp-tabs.showIcons li a::before,
.category-header input[type="radio"] + label::before {
  font-family: "Material Icons Outlined";
  display: flex;
  height: auto;
  width: auto;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-right: 0.5rem;
  border: 0;
  position: relative;
  transform: none;
  top: unset;
  background: none;
}
.shp-tabs-holder ul.shp-tabs.showIcons li a[href*="description"]::before {
  content: "\e873";
}
.shp-tabs-holder
  ul.shp-tabs.showIcons
  li
  a[href*="productsAlternative"]::before {
  content: "\f232";
}
.shp-tabs-holder ul.shp-tabs.showIcons li a[href*="relatedFiles"]::before {
  content: "\e2c8";
}
.shp-tabs-holder ul.shp-tabs.showIcons li a[href*="productVideos"]::before {
  content: "\e04b";
}
.shp-tabs-holder ul.shp-tabs.showIcons li a[href*="ratingTab"]::before {
  content: "\e838";
}
.shp-tabs-holder ul.shp-tabs.showIcons li a[href*="productDiscussion"]::before {
  content: "\e0bf";
}
.shp-tabs-holder ul.shp-tabs.showIcons li a.autPreProtherm::before {
  content: "\e876";
  background-color: var(--md-ref-palette-tertiary70);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  padding: 2px;
  border: 4px solid var(--md-ref-palette-tertiary90);
}

.category-header input[type="radio"] + label[for="order1"]::before {
  content: "\e9d2";
}
.category-header input[type="radio"] + label[for="order2"]::before {
  content: "\e8e5";
}
.category-header input[type="radio"] + label[for="order3"]::before {
  content: "\e8e3";
}
.category-header input[type="radio"] + label[for="order4"]::before {
  content: "\e838";
}
.category-header input[type="radio"] + label[for="order5"]::before {
  content: "\e053";
}

.odporucenyLink {
  display: none;
  text-decoration: none !important;
}

.odporuceny {
  margin: 8pt 0.5rem 2rem !important;
  letter-spacing: 0.5px !important;
}
.odporuceny:hover .odporuceny-slide {
  top: -9rem;
}

.kalkulackaUHP {
  clear: both;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 15px;
  position: relative;
  display: inline-block;
  margin: 15px 0;
  width: 100%;
  box-sizing: border-box;
}
.kalkulackaUHP a,
.kalkulackaUHP sup {
  margin: 0 8px;
}
.math {
  width: 28px;
  text-align: center;
  padding: 0;
  margin: 0 4px;
}
.math-2 {
  background: none;
  border: none;
  margin: -1px 0 0 0;
  color: #c30000;
  width: 27px;
  text-align: right;
}
.kalkulackaInfo {
  text-align: right;
  font-size: 10px;
  color: #adadad;
}

.subcategories.with-image li a .image img {
  max-height: 52px;
  max-width: 52px !important;
}

.subcategories.with-image.larger {
  align-items: stretch;
  justify-content: center;
}
.subcategories.with-image.larger li {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 600px) {
  .subcategories.with-image.larger li {
    width: 50%;
  }
}
@media only screen and (min-width: 600px) {
  .subcategories.with-image.larger li {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .subcategories.with-image.larger li {
    width: 33.333%;
  }
}
@media only screen and (min-width: 992px) {
  .subcategories.with-image.larger li {
    width: 25%;
  }
}
@media only screen and (min-width: 1200px) {
  .subcategories.with-image.larger li {
    width: 20%;
  }
}

.subcategories.with-image.larger li a {
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: start;
}
.subcategories.with-image.larger li a::before {
  display: none !important;
}
.subcategories.with-image.larger li a .image {
  order: 1;
  height: auto;
  min-height: 128px;
  flex: 1 1 auto;
  width: 100%;
  padding: 16px;
}
.subcategories.with-image.larger li a .image img {
  max-height: 100%;
  max-width: 100% !important;
}
.subcategories.with-image.larger li a .text {
  margin: 16px !important;
  flex: 100 0 auto;
  font-size: 14px;
}
.subcategories.with-image.larger li a .text:first-letter {
  text-transform: uppercase !important;
}

.product-top .flags-extra {
  bottom: unset;
  right: unset;
  left: 1rem;
  padding: 0;
}
.p-image-wrapper .flags-extra .flag.flag.flag-discount,
.flags-extra .flag.flag.flag-discount {
  background: #ff8a50 !important;
  display: flex;
  flex-direction: row;
  height: 3rem;
  border-radius: 3rem;
  padding: 0 1rem;
  width: auto;
  align-items: center;
  justify-content: center;
  max-width: unset;
}
.p-image-wrapper .flags-extra .flag.flag.flag-discount::before,
.flags-extra .flag.flag.flag-discount::before {
  content: "\e54e";
  font-family: "Material Icons Outlined";
  text-transform: none;
  font-size: 1.3rem;
}
.flags-extra .flag .price-standard,
.flags-extra .flag .price-save,
.flags-extra .flag.flag-discount .price-standard span {
  /*font-size: 0.8rem!important;*/
}
.flag-discount .price-standard {
  margin: 0 0.25rem;
  opacity: 0.7;
}

.product-top .price-line > div {
  width: 100%;
}
.product-top .social-buttons-wrapper .link-icons {
  width: calc(100% + 8px);
  justify-content: space-between;
  margin: 0 -4px;
}
.product-top .social-buttons-wrapper a,
.product-top .social-buttons-wrapper a span {
  margin-right: 0;
  margin-top: 0;
  color: var(--md-sys-color-primary-light) !important;
  font-size: 14px;
  cursor: pointer;
}
#HcCalculater::before {
  content: "";
  background-image: url(https://shoptet-plugin.homecredit.cz/hc_2lines_logo.svg);
  height: 32px !important;
  display: flex;
  width: 40px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px !important;
}
#HcCalculater img {
  display: none;
}
#order-billing-methods #HcCalculater {
  margin: 16px 8px !important;
}
#order-billing-methods #HcCalculater + div {
  display: none;
}

/*
.product-top .social-buttons-wrapper a {
    margin: .25rem;
    height: 2rem;
    flex-direction: row;
    text-align: unset;
    align-items: center;
    color: rgb(0 0 0 / 54%)!important;
    background: rgb(0 0 0 / 6%);
    border-radius: 2rem;
    padding: 0 .75rem;
}
.product-top .social-buttons-wrapper a:hover {
    color: rgb(0 0 0 / 87%)!important;
}
.product-top .social-buttons-wrapper a span {
    color: rgb(0 0 0 / 54%)!important;
}
.product-top .social-buttons-wrapper a:hover span {
    color: rgb(0 0 0 / 87%)!important;
}
.product-top .social-buttons-wrapper a:hover::before {
    color: rgb(0 0 0 / 87%)!important;
}
*/
/*
.product-top .social-buttons-wrapper .link-icon.chat:before, .product-top .social-buttons-wrapper .link-icon.print:before, .product-top .social-buttons-wrapper .link-icon.share::before, .product-top .social-buttons-wrapper .link-icon.watchdog:before {
    margin: 0 .5rem 0 0;
    width: auto;
    height: auto;
    font-family: 'Material Icons Outlined'!important;
    opacity: 1!important;
    font-size: 1.3rem;
    color: rgb(0 0 0 / 54%)!important;
}
*/
.product-top .social-buttons-wrapper .link-icon.print:before {
  content: "\e8ad";
}
.product-top .social-buttons-wrapper .link-icon.chat:before {
  content: "\e94c";
}
.link-icon.watchdog::before {
  content: "\e7f7";
  color: var(--md-ref-palette-primary40) !important;
}
.product-top .social-buttons-wrapper .link-icon.share::before {
  content: "\e80d";
}

a.chevron-after.chevron-down-after[href*="description"] {
  display: none !important;
}
a.chevron-after.chevron-down-after[href*="description"] {
  font-size: 0 !important;
}
a.chevron-after.chevron-down-after[href*="description"]::before {
  content: "Podrobný popis";
  font-size: 14px !important;
}
.p-detail .p-info-wrapper {
  padding: 0 !important;
  position: unset;
  margin-bottom: 8px;
}
.p-detail .p-info-in {
  background: rgb(0 0 0 / 3%);
  padding: 1rem !important;
  border-radius: 1rem;
  position: unset;
  display: flex;
  flex-direction: column;
}

.product-top .p-detail-inner-header {
  order: 1;
}
.product-top .p-detail-info {
  position: unset;
  order: 2;
}
.product-top .detail-parameters {
  width: 100%;
  order: 3;
}
.product-top .add-to-cart {
  order: 4;
}
.product-top .add-to-cart + p {
  order: 5;
}
.product-top .social-buttons-wrapper {
  order: 6;
}
.product-top .p-detail-info + p {
  order: 3;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 16px -8px 0;
}
.product-top .p-short-description {
  order: 4;
  color: var(--md-ref-palette-neutral60);
  font-size: 13px;
}
.product-top .p-short-description + p {
  order: 5;
}

.content {
  position: relative;
}
.tooltip-inner {
  max-width: 300px;
  padding: 1rem;
}

#productsAlternative .slick-track,
.products-related .slick-track {
  transform: none !important;
  width: 100% !important;
  display: flex;
  flex-flow: row wrap;
  margin: -0.5rem;
  padding: 0.25rem;
}
#productsAlternative .slick-arrow,
.products-related .slick-arrow {
  display: none !important;
}
#productsAlternative .slick-track .product,
.products-related .slick-track .product {
  width: calc(20% - 0.5rem) !important;
  flex: 0 0 calc(20% - 0.5rem);
  box-sizing: border-box;
  margin: 0.25rem !important;
  height: auto;
}

.cart-row .col-md-8 #productsAlternative .slick-track {
  width: calc(100% + 1rem) !important;
}
#productsAlternative .slick-track .product .discount,
.products-related .slick-track .product .discount {
  display: none;
}
#productsAlternative .slick-track .product .p-tools,
.products-related .slick-track .product .p-tools {
  display: none;
}
#productsAlternative .slick-track .product .p-in,
.products-related .slick-track .product .p-in {
  padding: 0.5rem !important;
}
#productsAlternative .slick-track .product .p .name,
.products-related .slick-track .product .p .name {
  font-size: 0.8rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#productsAlternative .slick-track .product .p-desc,
.products-related .slick-track .product .p-desc {
  -webkit-line-clamp: 2;
}
#productsAlternative .slick-track .product .prices,
.products-related .slick-track .product .prices {
  height: auto;
}
#productsAlternative .slick-track .product .image,
.products-related .slick-track .product .image {
  height: 96px;
  justify-content: center;
}
#productsAlternative .slick-track .product a img,
.products-related .slick-track .product a img {
  width: auto;
  padding: 8px;
  object-fit: contain;
}
.type-detail .products-alternative,
.type-detail .products-related {
  margin-top: 16px;
}
.products-related .flags {
  display: none;
}

.type-detail .description-inner {
  padding: 0 !important;
}

.extended-description {
  flex: 1 0 auto;
  width: 100%;
}

#tab-content {
  display: flex;
  flex-direction: column;
}
#description {
  order: 1;
}
#productsAlternative {
  order: 3;
  display: block !important;
}
/*#relatedFiles.active, */
#productVideos.active,
#productDiscussion.active {
  display: flex;
}
#relatedFiles,
.relatedFiles {
  /*background: #e0f2f1;*/
  flex-direction: column;
  margin: 0;
  padding: 0;
  border-radius: 2rem;
  list-style: none;
  order: 2;
}
.extended-description .relatedFiles {
  display: flex !important;
}
#relatedFiles h3 {
  /*color: #004d40;*/
}
/*
#relatedFiles h3::before, .relatedFiles h3::before {
    content: "folder";
    font-family: 'Material Icons';
    height: 3rem;
    display: flex;
    align-items: center;
    border-radius: 2rem;
    margin-right: 1rem;
    font-size: 2.25rem;
}
*/
#relatedFiles li img,
.relatedFiles li img {
  display: none;
}
#relatedFiles li a::before,
.relatedFiles li a::before {
  content: "\e415";
  font-family: "Material Icons";
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: rgb(0 0 0 / 54%);
}
#relatedFiles li a,
.relatedFiles li a {
  display: flex;
  flex-direction: column;
  font-size: 0.95rem;
  border-radius: 0.75rem;
  text-decoration: none;
  line-height: 1.25rem;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  position: relative;
  margin: 0.25rem 0;
  color: rgb(0 0 0 / 87%);
}
#relatedFiles li a:hover,
.relatedFiles li a:hover {
  background: #b2dfdb;
  color: rgb(0 0 0 / 100%);
}
#relatedFiles li a span,
.relatedFiles li a span {
  font-size: 0.7rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#productVideos {
  /*
    background: #e3f2fd;
    padding: 0 1rem 1rem;
	*/
  flex-direction: column;
  margin: 1rem 0;
  border-radius: 2rem;
  order: 4;
  display: flex !important;
}

#productVideos.active {
  order: 2;
}

/*
#productVideos h3 {
	color: #002171;
}
*/
#productVideos h3:nth-of-type(1n + 2) {
  display: none;
}
/*
#productVideos h3::before {
    content: "videocam";
    font-family: 'Material Icons';
    background: #bbdefb;
    height: 3rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    border-radius: 2rem;
    margin-right: 1rem;
    font-size: 2.25rem;
}
*/

#productDiscussion {
  order: 5;
  flex-direction: column;
  margin: 1rem 0;
  /*
    background: #e0f7fa;
    padding: 0 1rem 1rem;
    border-radius: 2rem;
	*/
  display: flex !important;
}
/*
#productDiscussion h3 {
	color: #006064;
}
#productDiscussion h3::before {
    content: "forum";
    font-family: 'Material Icons';
    background: #b2ebf2;
    height: 3rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    border-radius: 2rem;
    margin-right: 1rem;
    font-size: 2.25rem;
}
*/
.votes-wrap,
ul.discussion {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.discussion .vote-wrap,
.discGroup {
  background: #fff;
  border: 0;
  padding: 1rem;
  margin: 0.5rem 0;
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.vote-pic {
  position: relative;
  min-width: 3rem;
  height: 3rem;
  padding-right: 0;
  margin-right: 1rem;
  pointer-events: none;
  cursor: pointer;
}
.vote-initials {
  /*background: rgb(0 0 0 / 12%)!important;*/
  border: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  position: relative;
  font-family: "Inter";
  font-size: 1.25rem;
  font-weight: 600;
  opacity: 0.87;
}
.discussion .vote-wrap .vote-wrap {
  background: #ffffff;
  margin-right: 0;
}
.discussion .vote-wrap .vote-wrap:before {
  width: 0;
  height: 0;
  border-left: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 0.75rem solid #ffffff;
  transform: none;
  background: none;
  top: -0.75rem;
  left: 1.75rem;
}
.vote-wrap a {
  color: #03a9f4;
}
.vote-wrap a:hover {
  color: #03a9f4;
  text-decoration: underline;
}
.vote-content {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
/*
.votes-wrap.discussion .btn {
    background: #e0f7fa;
    height: 2.75rem!important;
    line-height: normal!important;
    color: #000;
    border-radius: 2rem;
    padding: 0 1.5rem;
    display: flex!important;
    align-items: center;
    margin-top: 1rem;
}
.votes-wrap.discussion .btn {
    background: #e0f7fa;
    height: 2.75rem!important;
    line-height: normal!important;
    color: #000;
    border-radius: 2rem;
    padding: 0 1.5rem 0 1rem;
    display: flex!important;
    align-items: center;
    margin-top: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    font-size: .85rem;
    position: absolute;
    right: 1rem;
    top: 0rem;
}

.votes-wrap.discussion .btn:hover {
	background:#aec4c7;
}
*/
.votes-wrap.discussion .btn {
  line-height: normal !important;
  height: 40px !important;
  display: inline-flex !important;
  position: absolute;
  top: 8px;
  right: 8px;
}
.votes-wrap.discussion .btn::before {
  content: "\e15e";
  font-family: "Material Icons";
  font-size: 1.3rem;
  margin-right: 0.5rem;
}
.discussion .vote-title {
  display: none;
}
.votes-wrap .votes-wrap {
  padding-left: 4rem;
  margin-top: 1rem;
  flex-direction: column-reverse !important;
}
.discussion.votes-wrap .votes-wrap {
  flex-direction: column;
}
.discussion .vote-wrap .vote-wrap + .vote-wrap {
  margin-top: 1rem;
  background: #ffffff !important;
}
ul.discussion {
  margin: 0;
  padding: 0;
}
ul.discussion li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
ul.discussion li dl dt {
  display: none;
}
ul.discussion li dl {
  margin: unset;
}
ul.discussion li dl dd {
  margin: unset;
  margin-bottom: 5px;
}
.discussion .vote-time {
  margin: 0;
}
span.vote-pic.atriaUser {
  background-image: url(https://468714.myshoptet.com/user/documents/icons/icon-g.svg);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.vote-product-name,
.vote-title,
.vote-name {
  display: flex;
  align-items: center;
}
span.material-icons.verifiedComment {
  pointer-events: none;
  cursor: pointer;
  color: #008e76;
  font-size: 1rem;
  margin-left: 0.5rem;
}
input#title {
  display: none;
}
.p-main-image img {
  transform: scale(0.8);
}

.saleEnd {
  background: #ffebee;
  height: 6rem;
  border-radius: 3rem;
  color: #b71c1c;
  font-size: 1rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  font-family: "Lexend";
  font-weight: 500;
}
.saleEnd::before {
  content: "\e928";
  font-family: "Material Icons Outlined";
  font-size: 2rem;
  margin-right: 1rem;
}

.vote-wrap {
  border-top-color: rgb(0 0 0 / 12%);
}
.stars a::before,
.stars span::before {
  font-size: 14px;
}
.add-comment span::before {
  content: "\e145";
  font-family: "Material Icons Outlined";
}
.rate-wrapper.unveil-wrapper .rate-list .star::before {
  content: "\e838";
}

.rate-wrapper.unveil-wrapper .add-comment {
  display: flex !important;
}
.rate-bar {
  background-color: var(--md-ref-palette-primary80);
}
#rate-form {
  margin-bottom: 16px;
}
.current .rate-bar {
  background-color: var(--md-ref-palette-primary60);
}

.youtubeCard {
  overflow: hidden;
}

.youtubeCard .ytv-list {
  margin-top: 0;
  padding: 8px;
}
.youtubeCard .ytv-list ul li {
  margin: 4px;
  height: 100%;
}
.youtubeCard .ytv-list .ytv-thumb {
  height: 100%;
}
.youtubeCard .ytv-list .ytv-thumb img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  object-fit: cover;
}
.youtubeCard .ytv-list .ytv-thumb span {
  font-size: 9px;
  padding: 1px 4px;
  font-weight: 500;
}
.youtubeCard .ytv-list .ytv-thumb-stroke {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  outline: 0;
  background: rgb(0 0 0 / 0%);
}
.youtubeCard .ytv-list li:hover .ytv-thumb-stroke {
  background: rgb(0 0 0 / 12%);
}
.youtubeCard .ytv-list a {
  padding: 0;
  height: 100%;
}

.card.wholesale {
  height: 200px;
  display: flex;
  padding: 0 8px;
}
.wholesalePage {
  flex: 1 1 33%;
  display: flex;
  flex-direction: column;
}
.wholesaleCountry {
  height: 35%;
  padding: 16px;
}
.wholesaleCountry img {
  height: 100% !important;
}
.wholesaleScreenshot {
  height: 65%;
  padding: 0 8px 16px;
  display: flex;
}
.wholesaleScreenshot a {
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wholesaleScreenshot a img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  opacity: 0.7;
}
.wholesaleScreenshot a:hover img {
  opacity: 1;
}

.dkLabFavDiv {
  display: inline-block;
  margin: 0 !important;
}
div a[href="/oblubene/"]:before,
.dkLabFavouriteControls strong.heart:before,
.dklabFavHead:before,
.flag-dklabFav .heart:before {
  content: "\e87e" !important;
  font-family: "Material Icons Outlined" !important;
}
.dkFavSmazat#dkLabRemoveFavourite strong.heart:before {
  content: "\e87d" !important;
}

.dkLabFavouriteControls {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  height: 32px !important;
  width: auto !important;
  border-radius: 8px !important;
  padding: 0 16px !important;
  margin: 4px !important;
  font-family: "Inter", sans-serif;
  line-height: 32px !important;
  font-size: 14px !important;
  letter-spacing: 0.1px !important;
  font-weight: 500 !important;
  overflow: hidden;
}
.dkLabFavouriteControls {
  padding: 0 16px 0 8px !important;
}
.dkLabFavouriteControls strong {
  margin-right: 0 !important;
}
.dkLabFavouriteControls strong::before {
  margin-right: 8px !important;
  font-size: 18px !important;
  font-family: "Material Icons Outlined" !important;
  width: 18px !important;
  height: auto !important;
  margin: 0 8px 0 0 !important;
  opacity: 1 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dkLabFavouriteControls {
  background: var(--md-ref-palette-error95) !important;
  color: var(--md-ref-palette-error40) !important;
}

.dkLabFavouriteControls:hover {
  background: var(--md-ref-palette-error90) !important;
  box-shadow: none !important;
}
.product-top .social-buttons-wrapper .link-icon.chat {
  background: rgb(0 0 0 / 6%) !important;
}

.variant-table .standard-price-wrap {
  display: none;
}
.variant-price-wrap .price-final {
  font-weight: 600;
  font-size: 16px;
}
.variant-price-wrap .price-final .pr-list-unit + div {
  display: none;
}
.variant-table .table-row .btn.btn-cart {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 8px;
  background-image: none;
}
.variant-table .table-row .btn-cart::before {
  content: "\e54c" !important;
  background-image: none;
  font-family: "Material Icons Outlined" !important;
  font-size: 28px;
}
/*
.variant-table .table-row .table-col.cart {
	min-width: 170px;
}
*/
.variant-table .table-row .table-col.variant-name-wrapper {
  flex: 1;
}

input#order5,
label[for="order5"].m3.button {
  display: none !important;
}

.variant-table .table-row .table-col.cart fieldset {
  display: flex;
}

.ekTable td {
  width: 50% !important;
  padding-right: 1rem !important;
  vertical-align: baseline;
}

.ekTable td p img {
  border-radius: 16px;
  width: 100% !important;
  max-width: 300px !important;
}

#carousel .carousel-slide-caption .button {
  display: flex !important;
  min-width: unset;
  padding: 0 24px;
}
.template-11 #oblibeneBtn {
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 0 12px;
  height: 40px;
  width: 40px;
  background: var(--md-ref-palette-error95);
  border-radius: 12px;
}
.header-top .oblibeneBtn::before {
  content: "\e87e" !important;
  font-family: "Material Icons Outlined" !important;
  color: var(--md-ref-palette-error50);
  margin: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  position: absolute !important;
}
.in-kosik h2.dklabFavHead,
.template-12 .cart-window h2.dklabFavHead,
.template-09 .cart-window h2.dklabFavHead,
.template-07 .cart-window h2.dklabFavHead {
  color: var(--md-sys-color-primary-light) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
}
div a[href="/oblubene/"]:before,
.dklabFavHead:before,
.flag-dklabFav .heart:before {
  margin-right: 16px !important;
}

span.unregToo {
  display: block;
  margin-bottom: 1rem;
}
#checkoutContent .cart-content .box .form-group .btn {
  line-height: normal;
  margin: 8px 0 !important;
}
#checkoutContent .cart-content .form-group div {
  text-align: center;
}
#checkoutContent .cart-content .box .form-group .btn:hover {
  text-decoration: underline;
}
/*
.tab-content > .tab-pane {
    display: block;
}

.responsive-nav {
    display: none;
}
*/
#productVideos .overlay.spinner {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  border: 0;
  margin-bottom: 1rem;
}
#productVideos .overlay.spinner iframe {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#header {
  z-index: 9 !important;
}
.flex {
  display: flex !important;
}
.visible {
  visibility: visible;
}
.filters.visible,
#category-filter-hover.visible {
  visibility: inherit !important;
}
#header.fixed-menu {
  background: none;
  box-shadow: none;
}
.stareDiskusieUzPridane {
  display: flex;
  width: 100%;
  background: rgb(255 87 34 / 38%);
  padding: 0 1rem;
  margin-top: 4rem;
  height: 3rem;
  border-radius: 3rem;
  align-items: center;
  font-weight: 500;
}

.stareDiskusieUzPridane::before {
  content: "\e92d";
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  color: #ff5722;
  margin-right: 1rem;
}
.stareDiskusieUzPridane::after {
  content: "Diskusie z Atria.sk importované";
}

.homepage-box.welcome-wrapper {
  background: none;
  padding: 0;
}

#header .site-name img {
  max-height: 50px;
}
.top-navigation-bar
  .nav-part
  .top-navigation-menu
  > ul
  li.top-navigation-menu-item-yt
  a,
.top-navigation-bar
  .nav-part
  .top-navigation-menu
  > ul
  li.top-navigation-menu-item-fb
  a {
  font-size: 0;
  width: 3.5rem;
}
.top-navigation-bar
  .nav-part
  .top-navigation-menu
  > ul
  li.top-navigation-menu-item-yt
  a::before {
  content: "\f167";
  font-family: "Font Awesome 5 Brands";
  color: #ff0000;
  font-size: 1.25rem;
}

.top-navigation-bar
  .nav-part
  .top-navigation-menu
  > ul
  li.top-navigation-menu-item-fb
  a::before {
  content: "\f09a";
  font-family: "Font Awesome 5 Brands";
  color: #4267b2;
  font-size: 1.25rem;
}
.top-navigation-bar .nav-part .top-navigation-menu > ul li:before {
  margin-top: -7px;
}

.menu-helper,
#header .top-navigation-contacts {
  display: none;
}

#header_categories ul {
  padding: 2px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  overflow: hidden;
  height: 92px;
  background: var(--md-sys-color-surface-variant-light);
  border-radius: 1rem;
  align-items: baseline;
  margin-top: 0;
}

.subcategories-wrap {
  display: none;
}
#header_categories ul li.level1 {
  list-style-type: none;
}
/*
#header_categories ul li.level1 > a {
    color: #01725f;
    text-decoration: none;
    font-weight: 600;
    font-size: .75rem;
    height: 2.5rem;
    display: flex;
    margin: .25rem .25rem 0;
    justify-content: center;
    align-items: center;
    padding: 0 .5rem;
    border-radius: 2rem;
    font-family: 'Lexend';
}
#header_categories ul li.level1 > a:hover {
    background: rgb(1 114 95 / 14%);
}
#header_categories ul li.level1 > a i {
    color: #01725f;
    font-size: 18px;
}
*/
#header_categories ul li.level1 > a {
  margin: 2px !important;
  font-family: "Inter";
  font-size: 12px !important;
  font-weight: 600 !important;
}
/*
#header_categories ul li.level1:hover .subcategories-wrap {
	display: block;
}*/

footer .custom-footer > div {
  width: 20%;
}
body footer .container.footer-bottom .copyright a {
  display: inline-block;
}
.footerIcons {
  order: 1;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: center;
  margin-bottom: 1rem;
  padding: 0 16px;
  gap: 20px;
}
.footerIcon {
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  max-width: 8rem;
  opacity: 0.7;
  flex: 1 0 auto;
}
.footerIcon:hover {
  opacity: 1;
}
.footerIcon img {
  max-height: 100%;
  max-width: 100%;
  height: 100%;
}
.footerIcon img[src*="visa"] {
  max-height: 80%;
}

.langVersions {
  display: flex;
}
.langVersion {
  display: flex;
  overflow: hidden;
  opacity: 0.7;
  align-items: center;
  margin-left: 8px;
  height: 24px;
  width: 24px;
  border-radius: 8px;
}
.langVersion:hover {
  opacity: 1;
}
.langVersion img {
  width: 24px;
  height: 24px;
}
.top-navigation-bar-menu2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
  flex-flow: row wrap;
}
.top-navigation-bar-menu2 ul {
  list-style-type: none;
}
.top-navigation-bar-menu li:nth-of-type(1n + 6),
.top-navigation-bar-menu2 li:nth-of-type(1n + 6) {
  display: none;
}
.top-navigation-bar-menu2 li {
  position: relative;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
}
.top-navigation-bar .nav-part .top-navigation-menu2 > ul li a {
  padding: 6px 16px;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0.5px;
}
.top-navigation-bar-menu2 li::before {
  content: "|";
  position: absolute;
  left: -3px;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
  line-height: 1;
}
.top-navigation-bar-menu2 li:first-of-type::before {
  display: none;
}

.top-navigation-menu-visible .top-navigation-bar-menu-helper {
  display: flex;
}
.top-navigation-menu-trigger:hover ~ .top-navigation-bar-menu-helper,
.top-navigation-bar-menu-helper:hover {
  display: flex;
}
.top-navigation-menu-trigger:hover ~ .top-navigation-bar-menu-helper2,
.top-navigation-bar-menu-helper2:hover {
  display: flex;
}
.top-navigation-bar-menu-helper {
  display: none !important;
}
.top-navigation-bar-menu-helper,
.top-navigation-bar-menu-helper2 {
  padding: 1rem 0;
  border-radius: 1rem;
  border: 0;
  background-color: #eee !important;
  top: 2rem !important;
  box-shadow: 0px 5px 5px -3px rgb(0 0 0 / 20%),
    0px 8px 10px 1px rgb(0 0 0 / 14%), 0px 3px 14px 2px rgb(0 0 0 / 12%);
  flex-direction: column;
  /*overflow: hidden;*/
  position: absolute;
  right: 0;
  display: none;
  z-index: 9999;
  margin: 0;
  width: auto !important;
  text-align: left !important;
}
.top-navigation-bar-menu-helper::before,
.top-navigation-bar-menu-helper2::before {
  content: "" !important;
  display: block;
  width: 100%;
  height: 0.5rem;
  position: absolute;
  top: -0.5rem;
}
.top-navigation-bar-menu-helper2 ul {
}
.top-navigation-bar-menu-helper2 li {
  list-style-type: none;
}
.top-navigation-bar-menu-helper2 li:hover {
  background: rgb(255 255 255 / 50%);
}
.top-navigation-bar-menu-helper2 li:nth-child(-n + 3) {
  display: none;
}
.top-navigation-bar-menu-helper2 li a {
  display: flex;
  letter-spacing: 0 !important;
  padding: 8px 16px !important;
  text-transform: uppercase;
  justify-content: normal !important;
}
.top-navigation-bar .nav-part .top-navigation-menu > ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
  color: var(--md-ref-palette-neutral40);
}
.top-navigation-bar .nav-part .top-navigation-menu {
  display: flex;
  padding: 0 !important;
  justify-content: end;
  align-items: center;
  min-width: unset;
  max-width: 100%;
  height: auto;
}
.top-navigation-bar .nav-part {
  margin-top: 0;
  flex: 1 0 auto;
}
.top-navigation-bar .nav-part .top-navigation-tools {
  display: flex;
  margin: 0 8px;
  align-items: center;
}

#header .top-navigation-contacts,
.top-navigation-bar .top-navigation-contacts {
  display: none !important;
}
.top-navigation-bar .container {
  justify-content: right;
}

.top-navigation-bar .msg-part .text {
  font-size: 13px !important;
  white-space: nowrap;
  padding: 0;
}
.top-navigation-bar .msg-part {
  max-width: unset;
  width: auto;
  flex: 0 1 auto;
  display: flex;
  margin-right: auto;
}

.top-navigation-menu-trigger {
  position: relative;
  right: unset;
  bottom: unset;
  display: flex !important;
  background: rgb(0 0 0 / 12%);
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  order: 2;
  padding: 0 0.5rem;
}
.top-navigation-menu-trigger:hover {
  background: rgb(0 0 0 / 24%);
}
.top-navigation-bar .nav-part .top-navigation-menu-trigger:before {
  content: "\e5cf";
  font-family: "Material Icons Outlined" !important;
  line-height: normal;
  margin: 0 !important;
  font-size: 1.2rem;
  color: rgb(0 0 0 / 54%);
  height: auto;
  order: 2;
}
.top-navigation-bar .nav-part .top-navigation-menu-trigger:after {
  /*content: "Všetko o nákupe";*/
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px;
  order: 1;
}

.login-btn.m3.button {
  margin: 8px 0 !important;
  width: 100% !important;
}
.login-btn.facebook {
}
.login-btn.google {
}
.login-btn::before {
}
.login-btn.facebook.m3.button.with-icon::before {
  content: "\f09a";
  font-family: "Font Awesome 5 Brands" !important;
  color: #4267b2;
  font-size: 18px;
  margin-right: 12px;
}/*
.login-btn.google.m3.button.with-icon::before {
  content: "\f1a0";
  font-family: "Font Awesome 5 Brands" !important;
  color: #4267b2;
  font-size: 18px;
  margin-right: 12px;
  background: #4285f4;
  background: conic-gradient(
      from -45deg,
      #ea4335 110deg,
      #4285f4 90deg 180deg,
      #34a853 180deg 270deg,
      #fbbc05 270deg
    )
    73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}*/

.social-login-buttons-divider {
  text-align: center;
  color: rgb(0 0 0 / 54%);
}
.popup-widget.login-widget {
  max-width: 380px;
}
.popup-widget.login-widget .login-wrapper {
  text-align: center;
}
input.form-control.m3.button {
  margin: 8px 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}

#left-links {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
}
#left-links a {
  margin: 0.25rem 0;
  height: 2.75rem;
  border-radius: 2rem;
  color: rgb(0 0 0 / 54%);
  font-family: "Lexend";
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  padding: 0 0.25rem;
  background: rgb(0 0 0 / 3%);
}
#left-links a:hover {
  background: rgb(0 0 0 / 6%);
}
#left-links a i {
  font-size: 1.3rem;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-widget-inner {
  background: none;
}
#cboxContent p {
  display: none;
}
#cboxContent .consents {
  display: none !important;
}
.kotly3tabs {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.box-categories h4 {
  display: none;
}
.sidebar #categories,
.sidebar #filters,
.sidebar .box-onlinePayments p,
.sidebar .box-login form,
.sidebar .top-products,
.sidebar .box.client-center-box,
.sidebar .box-articles ul,
.sidebar .banner ul,
.sidebar .box-newsletter form,
.sidebar .box-productRating .rate-wrapper,
.sidebar .box-cartButton .cart-overview,
.sidebar .box-poll,
.sidebar .box-section1,
.sidebar .search form,
.sidebar .box-contact .contact-box ul {
  border: none !important;
}
.categories .topic {
  padding: 0;
}
/*
a:hover, #header .navigation-buttons .btn .cart-price, .products .product .ratings-wrapper .stars .star, .product-top .p-detail-info .stars-wrapper .stars .star, .products .product .prices .price-final strong, .hp-middle-banner .middle-banner-caption h2, ol.top-products li a strong, .categories .topic.active > a, .categories ul.expanded li.active a, .product-top .p-detail-info > div:last-child a, ol.cart-header li.active strong span, ol.cart-header li.completed a span, #checkoutSidebar .next-step .next-step-back, ul.manufacturers h2 {
    color: #00bfa5!important;
}
*/
#categories {
  padding: 0;
}
.categories a {
  border: 0;
  background: var(--md-ref-palette-neutral99);
  height: 2.25rem;
  border-radius: 2.25rem;
  line-height: 2.25rem;
  padding: 0 0.5rem 0 0.75rem !important;
  margin: 0.25rem 0;
  font-size: 13px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(0 0 0 / 87%);
  min-width: 0;
  text-transform: none;
}
.categories a strong {
  font-family: "Lexend";
  font-weight: 400 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 0.25rem;
}
.categories a.categoryNa {
  background: rgb(0 0 0 / 2%);
}
.categories a.categoryNa .categoryNaInfo {
  display: none;
}
.categories a.categoryNa:hover .categoryNaInfo {
  display: flex;
  position: absolute;
  background: #eeeeee;
  z-index: 2;
  border-radius: 2rem;
  right: 2.25rem;
  transform: translateX(100%);
  padding: 0 0.625rem;
  justify-content: center;
  align-items: center;
}
.categories a.categoryNa .categoryNaInfo::before {
  content: "\e000";
  font-family: "Material Icons";
  font-size: 1.3rem;
  margin: 0 0.75rem 0 0;
  background: #fff;
  height: 1rem;
  width: 1rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.categories ul.expanded li.active > a,
.categories .topic.active > a {
  background: var(--md-ref-palette-primary70) !important;
  color: #fff !important;
  font-weight: 600;
}
.categories ul.expanded li.active > a strong,
.categories .topic.active > a strong {
  color: #fff !important;
}
.categories a:hover {
  background: var(--md-ref-palette-neutral90);
}
.categories ul.expanded li a {
  font-weight: 500;
  background: var(--md-ref-palette-error99);
  color: rgb(0 0 0 / 87%) !important;
}
.categories ul.expanded li a:hover {
  background: var(--md-ref-palette-neutral90);
}
.categories ul.expanded li a + ul.expanded li a {
  background: #fff;
  color: rgb(0 0 0 / 54%) !important;
}
.categories ul.expanded li a + ul.expanded li a:hover {
  background: var(--md-ref-palette-neutral95);
}
.categories ul.expanded li a + ul.expanded li a + ul.expanded li a {
  margin-left: 1.75rem;
}
.categories
  ul.expanded
  li
  a
  + ul.expanded
  li
  a
  + ul.expanded
  li
  a
  + ul.expanded
  li
  a {
  margin-left: 3.5rem;
}
.categories ul.expanded {
  margin: 0;
  border: 0;
}
.categories ul.expanded li a strong {
  font-weight: unset;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-right: 0.25rem;
}
#categories .expandable > a > span,
#categories .expandable > .topic > a > span {
  position: relative;
  top: unset !important;
  right: unset !important;
  margin-left: auto;
  opacity: 1;
  background: rgb(0 0 0 / 6%);
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 0;
  flex-shrink: 0;
}
#categories .expandable > .topic > a > span:hover {
  background: rgb(0 0 0 / 12%);
}

#categories .expandable > .topic > a > span::before,
#categories .expandable > a > span::before {
  font-family: "Material Icons Outlined" !important;
  content: "\e5cf";
  position: relative;
  top: unset;
  left: unset;
  width: unset;
  height: unset;
  font-size: 1rem;
}
#categories .expandable.expanded > .topic > a > span::before,
#categories .expandable.expanded > a > span::before {
  content: "\e5ce";
}
/*
ul.active.expanded ul.active.expanded ul.active.expanded li.expandable.expanded > a::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: red;
}
*/

.categories a::before {
  content: none !important;
  height: 1.75rem !important;
  width: 1.75rem !important;
  display: flex !important;
  background-color: rgb(255 255 255);
  border-radius: 1.75rem;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem !important;
  line-height: normal !important;
  margin-left: -0.5rem;
  flex-shrink: 0;
}
.categories li ul a::before {
  display: none !important;
}
.categories a.kotly::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/1.webp) !important;
}
.categories a.kotly2::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/2.webp) !important;
}
.categories a.zasobniky::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/3.webp) !important;
}
.categories a.ohrievace::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/4.webp) !important;
}
.categories a.termostaty::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/5.webp) !important;
}
.categories a.polystyren::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/6.webp) !important;
}
.categories a.spojky::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/7.webp) !important;
}
.categories a.potrubia::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/8.webp) !important;
}
.categories a.solar::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/9.webp) !important;
}
.categories a.kupelna::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/10.webp) !important;
}
.categories a.cerpadla::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/11.webp) !important;
}
.categories a.radiatory::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/12.webp) !important;
}
.categories a.rebriky::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/13.webp) !important;
}
.categories a.ivar::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/14.webp) !important;
}
.categories a.hep2o::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/15.webp) !important;
}
.categories a.nerezove::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/16.webp) !important;
}
.categories a.mosadzne::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/17.webp) !important;
}
.categories a.kotlovky::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/18.webp) !important;
}
.categories a.klimy::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/19.webp) !important;
}
.categories a.zalozne::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/20.webp) !important;
}
.categories a.tepelne::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/21.webp) !important;
}
.categories a.odporove::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/22.webp) !important;
}
.categories a.akumulacne::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/23.webp) !important;
}
.categories a.skrinky::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/24.webp) !important;
}
.categories a.mosadzne-fitingy::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/25.webp) !important;
}
.categories a.prislusenstvo-kurenie::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/26.webp) !important;
}
.categories a.fotovoltaika::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/29.png) !important;
}
.categories a.vodarne::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/28.png) !important;
}
.categories a.tlakove::before {
  content: url(https://468714.myshoptet.com/user/documents/img/left-nav/27.png) !important;
}
.categories a.clanky::before {
  content: "\ef42" !important;
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  color: rgb(0 0 0 / 38%);
}
.categories a.montazni::before {
  content: "\ef48" !important;
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  color: rgb(0 0 0 / 38%);
}
.topic a::before {
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  color: var(--md-ref-palette-primary70);
}
/*elektro*/
#cat-8825 .topic a::before {
  content: "\e3e7" !important;
}
/*tools*/
#cat-740 .topic a::before {
  content: "\f10b" !important;
}
/*zahrada*/
#cat-707 .topic a::before {
  content: "\e545" !important;
}
/*domace*/
#cat-1502 .topic a::before {
  content: "\eb47" !important;
}
/*male domace*/
#cat-968 .topic a::before {
  content: "\efe3" !important;
}
/*kuchyna*/
#cat-1169 .topic a::before {
  content: "\f1f7" !important;
}
/*elektronaradie*/
#cat-41648 .topic a::before {
  content: "\f102" !important;
}
/*cyklistika*/
#cat-20174 .topic a::before {
  content: "\e52f" !important;
}
/*hodinky*/
#cat-42941 .topic a::before {
  content: "\e334" !important;
}
/*pc notebooky*/
#cat-9791 .topic a::before {
  content: "\e1b1" !important;
}
#cat-53441 .topic a::before {
  content: "\e333" !important;
}
.subcategories-wrap {
  width: 100%;
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  border-top: 0.25rem solid transparent;
  position: absolute;
  left: 50%;
  z-index: 6;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1200px) {
  .subcategories-wrap {
    padding: 0 20px;
  }
}
.subcategories-wrap a {
  text-decoration: none;
}

.redMenuCard {
  width: 100%;
  max-width: 1440px;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  display: flex;
  margin: auto;
  position: relative;
  z-index: 10;
  background: #fff;
  padding: 0.5rem;
  box-sizing: border-box;
}
.redMenuCard.redMenuCardFull {
  flex-flow: row wrap;
}
.redMenuCardLeft {
  width: 55%;
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
}
.redMenuCardRight {
  width: 45%;
  display: flex;
  flex-flow: row wrap;
  align-content: space-between;
}
.redMenuCardGroup {
  margin: 0.5rem;
  width: calc(20% - 1rem);
  display: flex;
  flex-flow: column;
}
.redMenuCardLeft a {
  background: rgba(0, 0, 0, 0.06);
  padding: 0.5rem;
  border-radius: 0.25rem;
  margin: 0.5rem;
  width: calc(50% - 2rem);
  height: auto;
  display: flex;
  flex-flow: column;
  align-items: center;
  color: rgb(0 0 0 / 87%);
}
.redMenuCardRight a {
  background: rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  margin: 0.5rem;
  width: calc(50% - 2rem);
  position: relative;
  overflow: hidden;
  /*border: 1px solid rgba(0, 0, 0, 0.12);*/
  box-sizing: border-box;
  height: 3.5rem;
  display: flex;
  flex: 1 1 45%;
  align-items: center;
  color: rgb(0 0 0 / 54%);
}
.redMenuCardGroup a.mainlink {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  height: 3.5rem;
  display: flex;
  align-items: center;
}

.redMenuCardGroup a.mainlink img {
  flex: none;
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.redMenuCardGroup a.mainlink .redMenuRightImg {
  height: 2.5rem;
  width: 2.5rem;
  margin: 0 0.5rem 0 0;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
}
.redMenuCardGroup a.mainlink span.title {
  font-size: 0.8rem;
  font-weight: 500;
  flex: 1;
  padding: 0 0.5rem;
  order: 1;
  color: rgb(0 0 0 / 87%);
}
.redMenuCardGroup a.sublink {
  margin: 0.25rem 0 0;
  font-size: 0.7rem !important;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  border-radius: 0.25rem;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 500;
}
.redMenuCardGroup a.sublink:hover {
  background: rgba(0, 0, 0, 0.03);
}
.redMenuCardGroup .sublinkImage {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.redMenuCardGroup .sublinkImage img {
  max-width: 60%;
}

.redMenuCardLeft a:hover {
  background: rgba(0, 0, 0, 0.03);
}
.redMenuCardRight a:hover:before {
  content: "";
  background: rgba(0, 0, 0, 0.03);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
/*.redMenuCardRight a:after {
    content: "";
    background: #000;
    position: absolute;
    height: 2.5rem;
    width: 2.5rem;
    left: .5rem;
    border-radius: .3rem;
}*/

.redMenuImg {
  margin-top: 0.25rem;
  height: 3rem;
  width: 5.3333rem;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}
.hp05 {
  padding: 0 0.5rem;
}
.hp1 {
  padding: 0 1rem;
}
.redMenuImg.redMenuImgYT:before,
.redMenuRightImg.redMenuImgYT:before {
  content: "\f167";
  font-family: "Font Awesome 5 Brands" !important;
  position: absolute;
  color: #ff0000;
  font-size: 1.25rem;
  z-index: 2;
}
.redMenuImg.redMenuImgWifi:before {
  content: "\e63e";
  font-family: "Material Icons";
  position: absolute;
  color: #039be5;
  font-size: 1.5rem;
  z-index: 2;
  right: 0.25rem;
  bottom: 0.25rem;
}
.redMenuImg.redMenuImgWireless:before {
  content: "\e0e5";
  font-family: "Material Icons";
  position: absolute;
  color: #039be5;
  font-size: 1.5rem;
  z-index: 2;
  right: 0.25rem;
  bottom: 0.25rem;
}
.redMenuImg.redMenuImgYT:after,
.redMenuRightImg.redMenuImgYT:after {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: #fff;
}
.redKotly .redMenuImg {
  height: 5rem;
}
.redMenuCardLeft a img {
  flex: none;
  max-width: 100%;
}
.redMenuCardRight a img {
  flex: none;
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.redMenuRightImg {
  height: 2.5rem;
  width: 2.5rem;
  margin: 0 0.5rem;
  border-radius: 0.25rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.redMenuCardRight a img {
}
.redMenuCardLeft a span.title {
  font-size: 0.85rem;
  padding: 0.5rem 0 0;
  font-weight: 500;
  line-height: 1rem;
  text-align: center;
}
.redMenuCardRight a span.title {
  font-size: 0.8rem;
  font-weight: 500;
  flex: 1;
}
.redMenuCardLeft a span.subtitle,
.redMenuCardRight a span.subtitle {
  font-size: 0.75rem;
  padding: 0;
  font-weight: 400;
  line-height: 1.25rem;
}

div[itemprop="about"] table {
  width: 100% !important;
}
.category-perex img,
.custom-footer .banner img,
.body-banners img {
  max-width: 100% !important;
  height: auto !important;
}
img[usemap] {
  max-width: 100% !important;
}
#header.fixed-menu {
  position: relative;
  top: 0 !important;
}
.overall-wrapper {
  padding-top: 0 !important;
}
#header {
  border-bottom: 0;
  box-shadow: inset 0 14rem 6rem -10rem rgb(255 255 255);
}

#carousel .carousel-slide-caption h2:before {
  display: none;
}

#carousel {
  margin: 0 0 16px;
}

#carousel,
.carousel-inner {
  border-radius: 16px !important;
  moz-border-radius: 16px !important;
  webkit-border-radius: 16px !important;
  overflow: hidden !important;
  display: block;
  position: relative;
  z-index: 1;
}
#carousel .item {
  z-index: -1;
}
.carousel-inner::before {
  content: "";
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: 16px;
  outline: 16px solid #fff;
  pointer-events: none;
}
#carousel .carousel-slide-caption h2,
#carousel .carousel-slide-caption p {
  text-shadow: 0px 2px 4px #000;
  color: #fff;
  margin: 8px;
  line-height: normal;
}
.carousel-slide-box {
  display: flex;
}
#carousel .carousel-slide-caption {
  background: rgb(0 0 0 / 20%);
  width: 100%;
  height: 100%;
  left: 0 !important;
  padding-left: 30px;
}

#header .search {
  margin-left: 0 !important;
  max-width: 380px;
}

#header .search fieldset {
  height: 2.75rem;
  border-radius: 2.75rem;
  display: flex;
  align-items: center;
  padding: 0 0.25rem;
}
#header .search fieldset:hover {
}

#header .search fieldset input {
  height: 100%;
  font-family: "Inter";
  border: 0;
  background: none;
  flex: 1;
  max-width: unset !important;
}
#header .search fieldset button {
  width: auto;
  height: 2.25rem;
  border-radius: 2.25rem;
  padding: 0rem;
  font-size: 0;
  min-width: 2.25rem;
  justify-content: center;
  font-family: "Inter";
  font-weight: 600;
  letter-spacing: 0;
}
#header .search fieldset button:hover {
  font-size: 0;
  padding: 0;
}
#header .search fieldset button::before {
  content: "search";
  font-family: "Material Icons Outlined";
  font-size: 1.5rem;
  position: relative;
  font-weight: 400;
}
/*
#header .search fieldset button:hover::before {
    position: relative;
	margin-right: .5rem;
}
*/
#header .header-top .top-nav-button-login:before {
  content: "\e7fd";
  background-image: none;
  background-color: var(--md-ref-palette-tertiary90);
  color: var(--md-ref-palette-tertiary50);
  font-family: "Material Icons Outlined";
  text-transform: none;
  font-size: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  background: var(--md-sys-color-tertiary-container-light);
  top: unset;
  position: relative;
  margin-right: 8px;
}
#header .navigation-buttons .btn:before {
  content: "\e54c";
  background-image: none;
  font-family: "Material Icons Outlined" !important;
  color: #fff;
  text-transform: none;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  background: var(--md-ref-palette-tertiary50);
  position: relative;
  margin-right: 8px;
}
.cart-table .p-price {
  min-width: 80px;
}
.cart-table .p-discount,
.cart-table .p-price,
.cart-table .p-availability {
  text-align: center;
  font-size: 12px;
}
.cart-table .p-total {
  text-align: right;
  min-width: 115px;
  margin-right: 0px;
}
.cart-table tr > td.p-quantity.p-cell {
  padding: 8px 4px;
}
.cart-table tr td.p-total form {
  margin-top: 0;
}
.cart-table .p-total {
  flex: 0;
}

.cart-content .cart-summary h4 {
  display: none;
}
.form-control {
  margin-bottom: 0;
}

.cart-content .discount-coupon form {
  align-items: center;
}
.cart-content .discount-coupon .applied-coupon form {
  width: 24px;
  margin-left: auto;
}
.cart-content .delivery-time,
.cart-content .cart-summary {
  padding: 16px !important;
}
.cart-content .discount-coupon form input {
  height: 38px;
  max-width: 150px;
  margin-right: 16px;
}
.cart-content .discount-coupon form .btn {
  background: var(--md-sys-color-primary-light);
  color: var(--md-sys-color-on-primary-light);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 40px !important;
  width: auto !important;
  min-width: 64px !important;
  border-radius: 20px !important;
  padding: 0 24px !important;
  margin: 0 !important;
  font-family: "Lexend", sans-serif;
  line-height: normal !important;
  font-size: 14px !important;
  letter-spacing: 0.1px !important;
  font-weight: 500 !important;
  overflow: hidden;
  text-transform: none;
  text-decoration: none !important;
  border: 0 !important;
  white-space: nowrap;
}

form[action*="deleteCartItem"] .btn,
.cart-content .discount-coupon form[action*="deleteCartItem"] .btn,
.cart-table .remove-item {
  height: 24px !important;
  width: 24px !important;
  flex: 0 0 24px;
  padding: 0 !important;
  min-width: unset !important;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: var(--md-ref-palette-error90);
  color: var(--md-ref-palette-error50);
  font-family: "Lexend";
  line-height: normal !important;
  font-size: 0 !important;
}
form[action*="deleteCartItem"] fieldset.inline {
  display: flex;
  align-items: center;
  justify-content: center;
}
form[action*="deleteCartItem"] .btn::before,
.cart-content .discount-coupon form[action*="deleteCartItem"] .btn::before,
.cart-table .remove-item::before,
form[action*="deleteCartItem"] fieldset.inline::before {
  width: auto;
  height: auto;
  top: unset;
  left: unset;
  position: absolute;
  line-height: normal;
  color: var(--md-ref-palette-error50);
  content: "\e5cd";
  font-family: "Material Icons Outlined" !important;
  font-size: 14px;
  z-index: 2;
  pointer-events: none;
  font-weight: 600;
}
.cart-content .extras-wrapper .extras-col {
  width: 100% !important;
}
.cart-content .discount-coupon {
  width: 100%;
}
.cart-content .extras-wrapper {
  max-width: unset;
}

#header .navigation-buttons .btn .cart-price {
  color: var(--md-ref-palette-tertiary50);
  font-weight: 600;
  font-family: "Lexend";
  font-size: 14px;
  letter-spacing: 0.5px;
}
#header .header-top .top-nav-button-login {
  color: var(--md-ref-palette-tertiary60);
}
#header .header-top .top-nav-button-login span {
  font-family: "Lexend";
  font-weight: 400;
  letter-spacing: 0.25px;
}
body.blank-mode .container.breadcrumbs-wrapper:before,
.breadcrumbs-wrapper:before {
  content: unset;
}
body.blank-mode .container.breadcrumbs-wrapper,
.breadcrumbs-wrapper {
  background: rgb(0 0 0 / 3%);
  border-radius: 1rem 1rem 0 0;
  display: flex;
  margin-bottom: -1rem;
  padding: 17px 15px 15px 15px !important;
}
.breadcrumbs-wrapper .breadcrumbs {
  margin: -10px 0 8px 0;
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}
.breadcrumbs-wrapper .breadcrumbs > span {
  display: flex;
  align-items: center;
}
.breadcrumbs-wrapper .navigation-home-icon-wrapper #navigation-first a {
  padding: 0 0.5rem 0 0;
  margin: 0;
  text-decoration: none;
}
.breadcrumbs-wrapper .breadcrumbs .sr-only {
  font-size: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.breadcrumbs-wrapper .breadcrumbs .sr-only::before {
  content: "\e88a";
  font-family: "Material Icons";
  font-size: 1.2rem;
  color: rgb(0 0 0 / 54%);
}
.breadcrumbs-wrapper .breadcrumbs > span > a,
.breadcrumbs-wrapper .breadcrumbs > span > span {
  font-size: 0.75rem;
  color: rgb(0 0 0 / 54%);
  text-decoration: none !important;
}
.breadcrumbs-wrapper .breadcrumbs > span > span {
  color: rgb(0 0 0 / 87%);
}
.breadcrumbs-wrapper .breadcrumbs > span > a:hover {
  color: #03a9f4;
}
.cart-widget-button .btn::before {
  content: "\eb88";
  font-family: "Material Icons Outlined";
  font-size: 18px;
}
.popup-widget.cart-widget {
  position: absolute !important;
}
/*
.popup-widget.cart-widget::before {
	content: "";
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(var(--md-sys-color-primary-opacity), 0.08);
	position: absolute;
	width: unset;
	height: unset;
	border: 0;
	transform: none;
}
*/
/*
.quantity {
	background: var(--md-sys-color-surface-variant-light);
	border: 0;
	border-radius: 20px;
	width: 96px;
}
*/
.quantity input {
  font-size: 13px;
  font-family: "Inter";
  outline: 0;
}
.navigation-buttons > a[data-target="cart"] i,
.header-top .oblibeneBtn em {
  background: var(--md-ref-palette-error60) !important;
  height: 16px !important;
  min-width: 16px !important;
  width: unset !important;
  border-radius: 8px !important;
  padding: 0 2px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  position: absolute !important;
  left: 23px !important;
  right: auto !important;
  top: -5px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.cart-widget-product-amount {
  width: 116px;
}

/*



#content {
	display: flex;
	flex-direction: column;
}
h1 {
	order: 1;
}
.category-perex {
	order: 2;
}
h4 {
	order: 3;
}
#productsTop {
	order: 4;
}
#category-header {
	order: 5;
}
#products {
	order: 6;
}


*/

/* admin top bar */
.admin-bar {
  background: #ff5722;
  height: 2.5rem;
  line-height: 2.5rem;
}
.admin-bar .container > ul {
  height: 2.5rem;
}
.admin-bar .container > ul > li > ul {
  top: 2.5rem;
}

/* titula */

#material {
  margin: 0 -0.5rem;
  display: flex;
  flex-flow: row wrap;
}
.main-menu-cards {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
#material #carousel {
  width: 632px;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  margin: 0.5rem;
  height: 216px;
  overflow: hidden;
  background-color: #fff;
  float: left;
  transition: all 0.1s linear;
}
#material #carousel .car-icons a,
#material #matinfobox {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
#material #matinfobox,
#material #random-product .bestseller {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  margin: 0.5rem;
}
/* .best-one + .best-one {
	display:none;
} */
#carousel i {
  color: rgba(0, 0, 0, 0.54);
}
#material #carousel .car-banplace {
  width: 100%;
  height: 171px;
  overflow: hidden;
  float: left;
}
#material #carousel .car-banplace .car-banner a img {
  width: 100%;
}
#material #carousel .car-icons {
  float: right;
  padding: 3px 17px 3px 3px;
}
#material #carousel .car-icons a {
  display: inline-block;
  transition: all 0.1s linear;
  padding: 8px;
}
#material #carousel .car-icons a:hover {
  display: inline-block;
  opacity: 0.5;
}
#material #matinfobox {
  float: left;
  width: 176px;
  height: 216px;
  border: none;
  border-radius: 0.5rem;
  background-color: #fff;
  transition: all 0.1s linear;
}
#material #random-product .bestseller,
#material #random-product .bestseller a img {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
#matinfobox .title {
  padding: 10px 14px;
  font-weight: 500;
  font-size: 13px;
}
#matinfobox a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  float: right;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 11px;
}
#matinfobox a:first-of-type {
  padding-top: 11px !important;
}
#matinfobox .list {
  font-size: 0.7rem;
  color: rgba(0, 0, 0, 0.54);
  padding: 0 1rem;
  line-height: 1.5rem;
  border-top: 1px solid #f0f0f0;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
#material #random-product {
  width: 131px;
  float: left;
}
#material #random-product .bestseller {
  width: 115px;
  overflow: hidden;
  position: relative;
  height: 100px;
  border: none;
  border-radius: 0.5rem;
  float: left;
  transition: all 0.1s linear;
}
#material #random-product .bestseller:hover {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
#komentare .in h2::after,
#to-top {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
#material #random-product .bestseller a img {
  opacity: 1;
  position: absolute;
  transition: all 0.1s linear;
}
#material #random-product .bestseller:hover a img {
  opacity: 0.6;
}
#material #random-product .bestseller a span {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 11px;
  padding: 7px 3px;
  display: inline-block;
  font-weight: 400;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.noborder {
  border: none !important;
}

.homepage-group-title.homepage-products-heading-5.h4,
.homepage-group-title.homepage-products-heading-6.h4 {
  font-family: "Inter" !important;
  text-transform: none;
  font-size: 14px;
  letter-spacing: normal;
  margin: 0;
  height: 72px;
  width: 100%;
  padding: 16px;
  display: flex;
  align-items: center;
}
.homepage-group-title.homepage-products-heading-5.h4::after,
.homepage-group-title.homepage-products-heading-6.h4::after {
  display: none;
}
.homepage-group-title.homepage-products-heading-5.h4::before,
.homepage-group-title.homepage-products-heading-6.h4::before {
  content: "\e54e";
  font-family: "Material Icons Outlined";
  background: var(--md-ref-palette-error60);
  height: 36px;
  display: flex;
  width: 36px;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: 100%;
  margin-right: 8px;
}
.homepage-products-5,
.homepage-products-6 {
  display: none;
}
.card-bestsellers {
  height: 416px;
  overflow: hidden;
  display: flex;
  flex-flow: row wrap;
  padding: 8px 0 8px 8px;
  background: var(--md-ref-palette-error99) !important;
}

.card-bestsellers .product {
  height: 160px !important;
  margin: 0 8px 8px 0 !important;
  display: flex !important;
  flex-direction: column;
  flex: 1 1 40%;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgb(0 0 0 / 12%);
}
.card-bestsellers .product .p {
  height: 100% !important;
  display: block;
  display: flex;
  flex-direction: column;
}
.card-bestsellers .product .p-in {
  padding: 8px;
  font-size: 12px !important;
  flex: 1 1 50% !important;
  display: flex;
  flex-direction: column;
}
.card-bestsellers .product .flags,
.card-bestsellers .product .p-desc,
.card-bestsellers .product .p-tools,
.card-bestsellers .product .ratings-wrapper {
  display: none !important;
}
.card-bestsellers .product .prices .price-final strong {
  font-size: 14px;
}
.card-bestsellers .product span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-family: "Lexend";
  font-weight: 500;
}

.card-bestsellers .product .name {
  margin-bottom: 4px !important;
}

.card-bestsellers .product .image {
  height: 50%;
  flex: 1 1 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-bestsellers .product .image img {
  max-height: 85%;
  width: auto;
  object-fit: contain;
}

.card-bestsellers .product .no-display {
  display: none !important;
}

@media only screen and (min-width: 1500px) {
  .card-bestsellers {
    flex: 1 1 calc(66% - 16px) !important;
  }
  .card-bestsellers .product {
    flex: 1 1 20%;
  }
}

#vykurovanie {
  float: left;
  position: absolute;
  margin-top: -47px;
  background-color: #fff;
  overflow: hidden;
  width: 308px;
  height: 0;
  transition: all 0.2s linear;
  display: none;
}
#vykurovanie:hover,
.celevyk:hover + #vykurovanie {
  margin-top: -325px;
  height: 285px;
}

#material .main-menu-cards .card .action #vykurovanie a {
  text-decoration: none;
  padding: 0;
  display: block;
  color: #4d4d4d;
  font-weight: 0;
  font-size: 0;
  border-top: 0;
  width: auto;
  box-sizing: none;
}

#material .main-menu-cards .card {
  flex: 1 1 calc(33% - 16px);
  min-width: 300px;
  border: none;
  border-radius: 16px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  float: left;
  margin: 8px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
  background: var(--md-sys-color-surface-variant-light);
  box-shadow: none;
  order: 2;
}
#material .main-menu-cards .card.alternateCard {
  background: var(--md-ref-palette-neutral99) !important;
  border: 1px solid var(--md-ref-palette-neutral80);
}

#material .main-menu-cards .card.alternateCard h1.category-title {
  text-transform: none;
  text-align: initial;
  padding: 20px 16px;
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 500;
  margin: 0;
}
#material .main-menu-cards .card.alternateCard h1.category-title::after {
  display: none;
}
.card.alternateCard .subcategories {
  margin: 0;
}
.card.alternateCard .subcategories li {
  width: 50%;
  max-width: 50%;
}
.card.alternateCard a.m3.card.dense.filled {
  min-width: unset !important;
  flex: 100% !important;
  width: 100%;
  margin: 0 !important;
}
.card.alternateCard .categories a {
  display: inline-flex;
}
.card.alternateCard .categories {
  display: flex;
  padding: 8px;
}
.card.alternateCard .categories a::before {
  color: var(--md-ref-palette-primary100);
  background: var(--md-ref-palette-secondary60);
}
.card.alternateCard .m3.card.dense::before {
  display: none !important;
}
.card.alternateCard .m3.card.dense .text {
  padding-left: 16px;
}
.card.card-bestsellers.pageNotFound {
  background-image: url(https://www.atria.sk/user/documents/img/404/confused.gif) !important;
  background-position: center bottom !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  order: 1 !important;
}
#material #carousel:hover,
#material .main-menu-cards .card:hover {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
#material .main-menu-cards .card .media .square a img,
#material .main-menu-cards .card .media .square a span {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  position: absolute;
}
#material .main-menu-cards .card .header {
  float: left;
  position: relative;
  padding: 1rem;
}
#material .main-menu-cards .card .header .icon {
  overflow: hidden;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}
#material .main-menu-cards .card .header .icon img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  object-fit: cover;
}
#material .main-menu-cards .card .header .title {
  float: left;
  font-size: 0.9rem;
  font-weight: 500;
  color: #4d4d4d;
  padding-left: 1rem;
  width: calc(100% - 40px);
  line-height: 1.25rem;
  text-align: left;
}
#material .main-menu-cards .card .header .title a {
  color: rgba(0, 0, 0, 0.87) !important;
  text-decoration: none;
}
#material .main-menu-cards .card .header .subhead {
  float: left;
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
  padding-left: 1rem;
  width: auto;
  line-height: 1.25rem;
}
#material .main-menu-cards .card .media {
  float: left;
  padding: 0.25rem;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

#material .main-menu-cards .card .media .square {
  overflow: hidden;
  position: relative;
  width: 20%;
  flex: 1 1 20%;
  height: 4rem;
  float: left;
  margin: 0.25rem;
  border-radius: 12px;
}
#material .main-menu-cards .card .media .square a {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
#material .main-menu-cards .card .media .square a img {
  transition: all 0.1s linear;
  opacity: 1;
  width: 100%;
  height: auto;
  flex: none;
  max-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
#material .main-menu-cards .card .media .square:hover a img {
  /*opacity: .6*/
}
#material .main-menu-cards .card .media .square a span {
  width: 100%;
  min-height: 5%;
  transition: all 0.1s linear;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 0.7rem;
  padding: 0.25rem;
  font-weight: 500;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
#material #carousel,
#material .main-menu-cards .card .media .bigsquare a span {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}
#material .main-menu-cards .card .media .square:hover a span {
  min-height: 100%;
}
#material .main-menu-cards .card .media .bigsquare a span {
  position: absolute;
  min-height: 30px;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 11px;
  padding: 6px 9px;
  font-weight: 300;
  display: inline-block;
  transition: all 0.1s linear;

}
#material .main-menu-cards .card .media .bigsquare:hover a span {
  padding: 16px 9px;
}
#material .main-menu-cards .card .action {
  float: left;
  width: 100%;
}
#material .main-menu-cards .card .action a {
  text-decoration: none;
  padding: 1rem;
  display: inline-block;
  color: rgba(0, 0, 0, 0.54);
  font-weight: 400;
  font-size: 0.8rem;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  width: 100%;
  box-sizing: border-box;
  line-height: 1rem;
  height: 3rem;
}
.bigsquare {
  flex: 1 1 40% !important;
  height: 5.5rem !important;
}
.bigsquare img {
  margin-top: -6px;
}
.middleaction {
  border-bottom: 1px solid #ddd;
  margin-bottom: 4px;
}

/* material menus */

.md-imageNav {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  font-size: 0;
  width: calc(100% + 1rem);
  margin: 1rem -0.5rem;
  height: auto;
}
.md-imageNav .navItem {
  border: 0;
  border-radius: 12px;
  margin: 6px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  position: relative;
  display: flex;
  flex-flow: column;
  text-decoration: none;
  background: var(--md-sys-color-surface-variant-light);
  color: var(--md-sys-color-on-surface-variant-light);
}

.md-imageNav.col4 .navItem {
  width: 100%;
}
.md-imageNav.col5 .navItem {
  width: calc(20% - 1rem);
}
.md-imageNav.col6 .navItem {
  width: calc(16.66% - 1rem);
}
.md-imageNav .navItem:hover {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.md-imageNav.noDesc .itemDesc {
  display: none;
}
.md-imageNav.noIcons .itemIcon {
  display: none;
}
.navItem .itemTop {
  height: 6rem;
  padding: 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.navItem .itemBottom {
}
.navItem .itemBottom a {
  display: inline-block;
}
.navItem .itemImgFrame {
  width: 100%;
  padding: 8px;
  pointer-events: none;
  box-sizing: border-box;
  height: 100%;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  background: #fff;
}
/*.navItem:hover .itemImgFrame {box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);}*/

.navItem .itemImgFrame::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.06);
}
.navItem:hover .itemImgFrame::before {
  background: rgba(0, 0, 0, 0);
}
.navItem .itemImgFrame img {
  max-width: 100% !important;
  max-height: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.navItem .itemIcon {
}
.navItem .itemIcon i {
  color: var(--md-ref-palette-neutral-variant60);
  margin: 16px 0 0;
}
.navItem .itemTitle {
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.85rem;
  font-weight: 500;
  position: relative;
  margin: 0.5rem;
}
.navItem .itemDesc {
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.75rem;
  position: relative;
  margin: 0.5rem 0.5rem 1rem;
}
.navItem .itemTitle a {
  color: rgba(0, 0, 0, 0.87);
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 108px 8px 16px;
  margin-top: -100px;
  display: block;
  text-decoration: none;
}
.navItem .itemDesc a {
  color: rgba(0, 0, 0, 0.54);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 8px 24px;
  display: block;
  text-decoration: none;
}
.md-imageNav.noDesc .navItem .itemTitle a {
  padding-bottom: 24px;
}

/* youtube video desc */

.yt-video {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  margin: 18px 0;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.yt-video.expandable {
  padding-bottom: 220px !important;
}
.yt-video.expandable::before {
  content: "";
  background: rgba(0, 0, 0, 0);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
.yt-video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.itemImgFrame i {
  display: inline-block;
  top: 35%;
  position: relative;
}

/*material you*/

form.material-you {
  display: flex;
  max-width: 100% !important;
  justify-content: space-between;
}
input[type="number"].material-you {
  display: flex;
  width: 2.25rem;
  font-size: 0.75rem;
  font-weight: 800;
  height: 1.5rem;
  background: transparent;
  border: 0;
  margin-left: 0.25rem;
  text-align: right;
  padding: 0;
}
.material-you.wrap.input {
  height: 2rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  padding: 0 0.25rem 0 0.5rem;
}
.material-you.blue {
  background: rgb(3 169 244 / 100%) !important;
  color: #fff !important;
}
.material-you.blue:hover {
  background: rgb(3 169 244 / 87%) !important;
}
.material-you.blue-light {
  background: rgb(3 169 244 / 24%) !important;
  color: #03a9f4 !important;
}
.material-you.blue-light:hover {
  background: rgb(3 169 244 / 38%) !important;
}
.material-you.wrap.input.number {
}
.material-you.wrap.input.number.basket::before {
  content: "\e8cb";
  font-family: "Material Icons Outlined";
  font-size: 1.3rem;
} /*
.button.material-you {
    cursor: pointer;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    height: 2rem!important;
    border: 0;
    border-radius: 2rem;
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    align-items: center;
    padding: 0 .375rem;
    box-shadow: none!important;
}
.button.material-you span[class*="icons"] {
    font-size: 1.6rem;
    margin-right: .25rem;
}
*/

span.material-you.note {
  font-size: 0.7rem;
  color: rgb(0 0 0 / 54%);
  display: flex;
}
span.material-you.note::before {
  content: "*";
  font-size: 1rem;
  margin-right: 0.25rem;
}

.md-section-title {
  color: #03a9f4;
  background: rgb(3 169 244 / 12%);
  border-radius: 0.5rem;
  height: 2.75em;
  margin: 1rem 0;
  font-weight: 500;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.md-section.narrow {
  width: 25%;
  margin: 0.5rem auto;
}
.thermostatsWall {
  width: 100%;
  height: 10rem;
  background-image: url(https://www.atria.sk/img/konfigurator/wall.jpg);
  border-radius: 1rem;
  border: 1px solid rgb(0 0 0 / 12%);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.thermostatWall {
}

.md-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1rem -0.5rem;
}
.md-nav .md-nav-item {
  flex: 0 0 calc(100% / 5 - 1rem);
  box-sizing: border-box;
  background: #fff;
  margin: 0.5rem 0.5rem;
  border: 1px solid rgb(0 0 0 / 12%);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  text-decoration: none;
}
.md-nav.col4 .md-nav-item {
  flex: 0 0 calc(100% / 4 - 1rem);
}
.md-nav.md-nav-bold {
  margin: 1rem -0.25rem;
}
.md-nav.md-nav-bold .md-nav-item {
  flex: 0 0 calc(100% / 5 - 0.5rem);
  margin: 0.5rem 0.25rem;
}
/*
@media only screen and (max-width: 1200px) {
.md-nav .md-nav-item {
    flex: 0 0 calc( 100%/5 - 1rem );
}
.md-nav.md-nav-bold .md-nav-item {
    flex: 0 0 calc( 100%/4 - .5rem );
}
}
@media only screen and (max-width: 992px) {
.md-nav .md-nav-item {
    flex: 0 0 calc( 100%/5 - 1rem );
}
.md-nav.md-nav-bold .md-nav-item {
    flex: 0 0 calc( 100%/4 - .5rem );
}
}
@media only screen and (max-width: 768px) {
.md-nav .md-nav-item {
    flex: 0 0 calc( 100%/4 - 1rem );
}
.md-nav.md-nav-bold .md-nav-item {
    flex: 0 0 calc( 100%/3 - .5rem );
}
}
@media only screen and (max-width: 600px) {
.md-nav .md-nav-item {
    flex: 0 0 calc( 100%/3 - 1rem );
}
.md-nav.md-nav-bold .md-nav-item {
    flex: 0 0 calc( 100%/2 - .5rem );
}
}*/
@media only screen and (max-width: 480px) {
  .md-nav .md-nav-item {
    flex: 0 0 calc(100% / 2 - 1rem);
  }
  .md-nav.md-nav-bold .md-nav-item {
    flex: 0 0 calc(100% / 1 - 0.5rem);
  }
}

.md-nav .md-nav-item:hover {
  border: 1px solid #03a9f4;
}
.md-nav .md-nav-item:hover .md-nav-item-title,
.md-nav .md-nav-item:hover .md-nav-item-info {
  /*background: rgba(0 87 153 / 6%);*/
}
.md-nav .md-nav-item .md-nav-item-image {
  position: relative;
  box-sizing: border-box;
  height: 5.5rem;
  padding: 0.5rem 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.md-nav.md-nav-bold .md-nav-item .md-nav-item-image {
  height: 6.5rem;
}
.md-nav .md-nav-item .md-nav-item-image::before {
  content: "";
  background: rgb(0 0 0 / 6%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.md-nav .md-nav-item:hover .md-nav-item-image::before {
  background: rgba(0 87 153 / 0%);
}
.md-nav .md-nav-item .md-nav-item-image img {
  max-height: 100%;
  max-width: 100%;
  border-radius: 0.25rem;
}
.md-nav .md-nav-item .md-nav-item-title {
  padding: 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(0 0 0 / 87%);
  flex: 1;
  text-align: left;
}
.md-nav.md-nav-bold .md-nav-item .md-nav-item-title {
  padding: 0.75rem 0.5rem;
}
.md-nav .md-nav-item .md-nav-item-title:first-letter {
  text-transform: uppercase;
}
.md-nav .md-nav-item .md-nav-item-info {
  padding: 0 0.75rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 500;
  color: rgb(0 0 0 / 54%);
  flex: 6;
  text-align: left;
}

.md-nav.md-nav-bold .md-nav-item .md-nav-item-info {
  padding: 0 0.5rem 0.75rem;
}

.md-nav .md-nav-item .md-nav-item-info.spec {
  padding: 4px 10px;
  font-size: 0.7rem;
  font-weight: 500;
  color: rgb(0 0 0 / 54%);
  flex: 0;
  display: flex;
  align-items: center;
}

a.md-nav-item-info.spec {
  border-radius: 0.375rem;
  box-sizing: border-box;
  margin: 0 0.25rem 0.25rem;
  padding: 0.25rem 0.5rem !important;
}
a.md-nav-item-info.spec:hover {
  background: rgba(0, 0, 0, 0.12);
}

.md-nav-item-info a {
  width: calc(100% + 8px);
  margin: 0 -4px;
  display: flex;
  height: 32px;
  align-items: center;
  padding: 0 4px;
  border-radius: 6px;
  color: rgb(0 0 0 / 54%);
}

.md-nav-item-info a:hover {
  background: rgba(0, 0, 0, 0.12);
}

.md-nav .md-nav-item .md-nav-item-info.spec span {
  margin-right: 0.5rem;
  width: 1.5rem;
  display: flex;
  justify-content: center;
}
.md-nav .md-nav-item .md-nav-item-info.spec i.fab {
  margin-right: 0.5rem;
  font-size: 1.3rem;
  width: 1.5rem;
  display: flex;
  justify-content: center;
  color: #ff0000;
  width: 1.5rem;
  font-family: "Font Awesome 5 Brands" !important;
}

.md-nav .md-nav-item .md-nav-item-buy {
  padding: 0.5rem 0.5rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 500;
  color: rgb(0 0 0 / 54%);
}

.md-nav-item-buy .add-to-cart {
  display: flex;
  flex-flow: row wrap;
}
.md-nav-item-buy .add-to-cart .quantity {
  width: 100%;
  margin-bottom: 8px;
}
.md-nav-item-buy .add-to-cart .m3.button {
  margin: 0 !important;
}

.md-nav .md-nav-item .md-nav-item-sub {
  padding: 0 0.75rem 0.75rem;
  display: flex;
  flex-flow: row wrap;
}

.md-nav.md-nav-bold .md-nav-item .md-nav-item-sub {
  padding: 0 0.5rem 0.75rem;
}
.md-nav .md-nav-item .md-nav-item-sub hr {
  margin: 0 0 0.75rem;
  background: rgb(0 0 0 / 6%);
  flex: 1 0 100%;
}
.md-nav .md-nav-item .md-nav-item-sub .md-nav-item-subtitle {
  font-size: 0.7rem;
  font-weight: 700;
  color: rgb(0 0 0 / 87%);
  flex: 1 0 100%;
}
.md-nav .md-nav-item .md-nav-item-sub .md-nav-item-subitem {
  background: rgb(0 87 155 / 12%);
  margin: 0.375rem 0.375rem 0 0;
  padding: 0 0.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(0 0 0 / 54%);
  font-weight: 600;
}
.md-nav .md-nav-item .md-nav-item-sub .md-nav-item-subitem:hover {
  background: rgb(0 87 155 / 24%);
  color: rgb(0 87 155 / 100%);
}
.md-nav-add {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.md-nav-add .md-nav-add-item {
  border: 1px solid rgb(0 0 0 / 12%);
  display: flex;
  align-items: center;
  height: 3.5rem;
  border-radius: 3.5rem;
  margin: 0.5rem;
  padding-right: 1rem;
  overflow: hidden;
}
.md-nav-add .md-nav-add-item:hover {
  border: 1px solid #03a9f4;
}
.md-nav-add .md-nav-add-item .md-nav-add-item-image {
  position: relative;
  display: flex;
  height: 3rem;
  width: 3rem;
  border-radius: 3rem;
  align-items: center;
  justify-content: center;
  margin: 0 0.75rem 0 0.25rem;
  overflow: hidden;
}
.md-nav-add .md-nav-add-item .md-nav-add-item-image::before {
  content: "";
  background: rgb(0 0 0 / 6%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.md-nav-add .md-nav-add-item:hover .md-nav-add-item-image::before {
  background: rgb(0 0 0 / 0%);
}
.md-nav-add .md-nav-add-item .md-nav-add-item-image img {
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  object-fit: cover;
}
.md-nav-add .md-nav-add-item .md-nav-add-item-title {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(0 0 0 / 87%);
}
.md-nav-item-image.youtubeThumb::after {
  content: "\f167";
  color: #ff0000;
  background: #fff;
  height: 10px;
  width: 10px;
  display: flex;
  font-size: 1.6rem;
  font-family: "Font Awesome 5 Brands" !important;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.md-nav-item-image.calcThumb::after {
  content: "\ea5f";
  color: #03a9f4;
  background: rgb(255 255 255 / 50%);
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;
  display: flex;
  font-size: 2rem;
  font-family: "Material Icons Outlined" !important;
  position: absolute;
  align-items: center;
  justify-content: center;
}

.label-cards-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1rem 0;
}
.label-card {
  display: flex;
  flex-direction: column;
  background: rgb(3 169 244 / 12%);
  border: 1px solid #03a9f4;
  border-radius: 0.5rem;
  flex: 0 0 calc(100% / 5 - 1rem);
  margin: 0.5rem;
}
.label-card span {
  display: flex;
  height: 4rem;
  align-items: center;
  justify-content: center;
  color: rgb(0 0 0 / 54%);
  font-size: 2.25rem;
  margin-top: 0.5rem;
}
.label-card p {
  padding: 0.5rem 0.5rem 1rem;
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 0.75rem;
  color: rgb(0 0 0 / 54%);
  font-weight: 400;
}
.label-card-spacer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.label-card-spacer::before {
  content: "\f1b9";
  font-family: "Material Icons Outlined";
  font-size: 2.25rem;
  color: rgb(0 0 0 / 54%);
  margin: 0.5rem;
}

.md-tree {
}
.md-tree-row {
  display: flex;
  flex-flow: row wrap;
  margin: 1rem -0.5rem;
}
.md-tree-item {
  margin: 0.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.md-tree-item.span1 {
  width: calc(20% - 1rem);
  flex: 1 1 calc(20% - 1rem);
}
.md-tree-item.span2 {
  width: calc(40% - 1rem);
  flex: 1 1 calc(40% - 1rem);
}
.md-tree-item.span3 {
  width: calc(60% - 1rem);
  flex: 1 1 calc(60% - 1rem);
}
.md-tree-item.span4 {
  width: calc(80% - 1rem);
  flex: 1 1 calc(80% - 1rem);
}
.md-tree-item.span5 {
  width: calc(100% - 1rem);
  flex: 1 1 calc(100% - 1rem);
}
.md-tree-item-title {
  font-size: 1rem;
  color: rgb(0 0 0 / 54%);
  margin: 0.5rem 0 0.75rem;
}

.md-tree-large {
  width: 100%;
  flex: 0 0 100%;
  height: 11.5rem;
  position: relative;
  border: 1px solid rgb(0 0 0 / 12%);
  box-sizing: border-box;
  border-radius: 1rem;
  overflow: hidden;
}
.md-tree-medium {
  width: calc(50% - 0.5rem);
  flex: 0 0 calc(50% - 0.5rem);
  height: 11.5rem;
  position: relative;
  border: 1px solid rgb(0 0 0 / 12%);
  box-sizing: border-box;
  border-radius: 1rem;
  overflow: hidden;
}
.md-tree-large-img,
.md-tree-medium-img {
  width: 100%;
  height: 100%;
  display: flex;
}
.md-tree-large-img img,
.md-tree-medium-img img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
.md-tree-large-title,
.md-tree-medium-title {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  background: rgb(255 255 255 / 38%);
  display: flex;
  height: 2rem;
  padding: 0 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.8rem;
  color: rgb(0 0 0 / 54%);
  font-weight: 500;
  align-items: center;
}
.md-tree-large:hover .md-tree-large-title {
  background: rgb(255 255 255 / 100%);
}
.md-tree-medium:hover .md-tree-large-title {
  background: rgb(255 255 255 / 100%);
}
.md-tree-small:hover .md-tree-small-title {
  background: rgb(255 255 255 / 100%);
}
.md-tree-large-title::after,
.md-tree-medium-title::after {
  font-family: "Material Icons Outlined";
  content: "\e675";
  font-size: 1.3rem;
  margin-left: 0.5rem;
}
.md-tree-small {
  height: 3.5rem;
  overflow: hidden;
  border-radius: 0.5rem;
  margin: 0.25rem 0;
  position: relative;
  width: calc(50% - 0.5rem);
}
.md-tree-small::before {
  content: "";
  background: rgb(0 0 0 / 12%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.md-tree-small:hover::before {
  background: rgb(0 0 0 / 0%);
}
.md-tree-item.pipes .md-tree-small {
  height: 5.5rem;
}
.md-tree-item.pipes .md-tree-small:last-of-type {
  width: 100%;
}
.md-tree-small-img {
  height: 100%;
  width: 100%;
  display: flex;
}
.md-tree-small-img img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
.md-tree-small-title {
  position: absolute;
  bottom: 0;
  background: rgb(255 255 255 / 50%);
  font-size: 0.8rem;
  color: rgb(0 0 0 / 54%);
  font-weight: 500;
  right: 0;
  padding: 0.25rem 0.375rem;
  margin: 0.25rem 0.375rem;
  border-radius: 0.375rem;
}
.md-tree-small-title.small {
  font-size: 0.75rem;
}

/**************************** montazni partneri ************************************/

.servList {
  margin-top: 5rem;
  display: flex;
  flex-flow: row wrap;
  padding: 0.5rem;
}
.servListItem {
  flex: 0 0 calc(33.33% - 1rem);
  width: calc(33.33% - 1rem);
  background: rgb(0 0 0 / 0.06);
  border-radius: 0.5rem;
  margin: 0.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
  font-size: 0.9rem;
}
.servListMap {
  padding: 0.5rem;
  position: relative;
}
.servListMap img {
  opacity: 0.12;
}
.servListMapDot {
  position: absolute;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background: #03a9f4;
  border-radius: 50%;
}
.servListName {
  padding: 1rem 0.5rem 0.5rem;
  font-weight: 500;
  color: rgb(0 0 0 / 0.87);
}
.servListPhone,
.servListLocation {
  padding: 0.25rem 0.5rem;
  color: rgb(0 0 0 / 0.54);
  display: flex;
  align-items: center;
}
.servListPhone span,
.servListLocation span {
  background: rgb(0 0 0 / 0.38);
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  color: rgb(255 255 255 / 0.87);
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 0.5rem;
  line-height: normal;
}

.montList {
  margin-top: 1rem;
  display: flex;
  flex-flow: row wrap;
  padding: 0.5rem;
  align-items: flex-start;
}
.montList h3 {
  flex: 1 1 100%;
  padding: 0.5rem;
  margin: 0.5rem 0 0;
  font-size: 1rem;
  font-weight: 500;
  color: rgb(0 0 0 / 0.87);
}
.montListItem {
  flex: 0 0 calc(33.33% - 1rem);
  width: calc(33.33% - 1rem);
  background: rgb(0 0 0 / 0.06);
  border-radius: 0.5rem;
  margin: 0.5rem;
  padding: 0.5rem 0.25rem;
  box-sizing: border-box;
  font-size: 0.9rem;
}

@media only screen and (min-width: 1500px) {
  .montListItem {
    flex: 0 0 calc(25% - 1rem);
    width: calc(25% - 1rem);
  }
}
@media only screen and (max-width: 1200px) {
  .montListItem {
    flex: 0 0 calc(33.33% - 1rem);
    width: calc(33.33% - 1rem);
  }
}
@media only screen and (max-width: 992px) {
  .montListItem {
    flex: 0 0 calc(50% - 1rem);
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 767px) {
  .montListItem {
    flex: 0 0 calc(50% - 1rem);
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 600px) {
  .montListItem {
    flex: 0 0 calc(100% - 1rem);
    width: calc(100% - 1rem);
  }
}

.montListMap {
  padding: 0.5rem;
  position: relative;
}
.montListMap img {
  opacity: 0.12;
}
.montListMapDot {
  position: absolute;
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background: #03a9f4;
  border-radius: 50%;
}
.montListLocation {
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  color: var(--md-ref-palette-primary70);
  height: 40px;
}
.montListName {
  padding: 0.5rem 0.5rem 0.25rem;
  font-weight: 500;
  color: rgb(0 0 0 / 0.87);
  height: 32px;
}
.montListPhone,
.montListEmail {
  padding: 0.125rem 0.5rem;
  color: rgb(0 0 0 / 0.54);
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
  height: 24px;
  line-break: anywhere;
}
.montListPhone::before {
  font-family: "Material Icons";
  content: "phone";
}
.montListEmail::before {
  font-family: "Material Icons";
  content: "mail_outline";
}
.montListPhone::before,
.montListEmail::before,
.montListPhone span,
.montListEmail span {
  background: rgb(0 0 0 / 0.38);
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
  color: rgb(255 255 255 / 0.87);
  font-size: 0.8rem;
  display: flex;
  flex: 0 0 1.25rem;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 0.5rem;
}
.montMap {
  padding: 1rem;
  position: relative;
}
.montMap img {
  opacity: 0.12;
}

.montMap .montMapPlace {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: default;
}
.montMap .montMapPlaceDot {
  width: 0.75rem;
  height: 0.75rem;
  background: var(--md-ref-palette-secondary50);
  border-radius: 50%;
  margin: 0.125rem;
}

.montMap .montMapPlace span {
  font-size: 0.7rem;
  font-weight: 500;
  color: rgb(0 0 0 / 0.54);
  background: rgb(255 255 255 / 38%);
  box-shadow: 0px 1px 4px -2px rgb(0 0 0 / 0.54);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  margin-left: 0.125rem;
}
.montMap .montMapPlace span:hover {
  background: rgb(255 255 255 / 87%);
}

/************* MATERIAL CONTATS *****************/

#material_contacts {
  display: block;
  padding: 18px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  margin: 18px 0;
}
#material_contacts h1 {
  font-size: 20px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
#material_contacts p {
  padding-top: 9px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
}
#material_contact_info {
  display: flex;
  flex-flow: row wrap;
  padding: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 1rem;
  margin: 1rem 0;
}

#material_contact_info p {
  margin: 0.5rem;
  flex: 1 1 40%;
  display: flex;
  flex-flow: column nowrap;
  text-align: center;
}
#material_contact_info i {
  font-size: 26px;
  color: #039be5 !important;
  display: inline-block;
  vertical-align: middle;
}
#material_contact_info span {
  line-height: 32px;
  padding-left: 13px;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 500;
}
#material_contact_icons {
  margin: 2rem 0;
  display: flex;
  justify-content: center;
}
#material_contact_icons a {
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  width: 6rem;
  align-items: center;
  text-decoration: none;
}
#material_contact_icons a i {
  font-size: 1.8rem;
  background: rgba(3, 155, 229, 0.12);
  border: 1px solid #039be5;
  color: #039be5;
  height: 3.5rem;
  width: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  border-radius: 100%;
}
#material_contact_icons a span {
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #039be5;
  padding-top: 0.75rem;
}
#material_contact_staff,
#contact-maps {
  display: flex;
  flex-flow: row wrap;
}
#material_contact_staff {
  padding: 0.5rem;
}
#contact-maps {
}
#material_contact_staff .person {
  margin: 0.5rem;
  padding-bottom: 0.5rem;
  flex: 1 1 30%;
  flex-flow: row;
  display: flex;
}
#material_contact_staff .person i {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 0.5rem;
  float: left;
  margin-right: 1rem;
  display: flex;
}
#material_contact_staff .person p {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.54);
  line-height: 18px;
}
#material_contact_staff .person .name + p {
  font-weight: 500;
}
#material_contact_staff .person .name {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 500;
  font-size: 14px;
}
.socials {
  flex: 1 1 66.66%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.socials div a i {
  font-size: 2rem;
  color: rgb(0 0 0 / 0.54);
  border: 1px solid rgb(0 0 0 / 0.12);
  border-radius: 0.75rem;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.person-lang {
  border-radius: 1rem;
  height: 1rem;
  width: 1rem;
  border: 1px solid rgb(0 0 0 / 0.12);
  margin-right: 0.5rem;
}
#material_contact_staff .person p {
  display: flex;
  align-items: center;
}

.contact-maps-left,
.contact-maps-right {
  height: 12rem;
  border-radius: 1rem;
  margin: 0.5rem;
  flex: 1;
}

#contact-infos {
  display: block;
  padding: 1rem;
  float: left;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 1rem;
  margin: 1rem 0;
}
#contact-infos p {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.54);
  display: flex;
  margin: 0.5rem 0;
}
#contact-infos p i {
  margin-right: 1rem;
}
#contact-eng-info {
  display: flex;
  padding: 1rem;
  float: left;
  width: 100%;
  box-sizing: border-box;
  background: rgb(0 0 0 / 0.06);
  border-radius: 1rem;
  margin: 1rem 0 0.5rem;
  align-items: center;
}
#contact-eng-info img {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  margin-right: 1rem;
}
#contact-eng-info span {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.54);
  margin: 0.5rem 0;
  display: inline-block;
}
#contact-eng-info span a {
  color: #1bbc9b;
  font-weight: 500;
  margin: 0 0.25rem;
}

/********** BLOG ***************/

.blog-grid {
  margin: 1rem -0.5rem;
  display: flex;
  flex-flow: row wrap;
}
.grid-item {
  width: calc(33.33% - 1rem);
  flex: 0 1 calc(33.33% - 1rem);
  margin: 0.5rem;
  box-sizing: border-box;
}
.grid-item {
  background: #fff;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /*height: 100%;*/
}
.grid-item:hover {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
a.grid-item-in {
  display: flex;
}
.grid-sizer {
  width: calc(33.33% - 10px);
}
.grid-item-title {
  padding: 1.5rem 1rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}
.grid-item-subtitle {
  padding: 0.5rem 1rem;
  color: rgba(0, 0, 0, 0.54);
  font-size: 0.75rem;
  line-height: 1rem;
  flex: 1 1 auto;
}
.grid-item-button a {
  display: block;
  background: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.54);
  margin: 0 1rem 0.5rem auto;
  padding: 0 1rem;
  height: 2rem;
  line-height: 2rem;
  font-weight: 600;
  font-size: 0.8rem;
  border-radius: 0.25rem;
  text-transform: uppercase;
  float: right;
}
.grid-item-button a:hover {
  background: rgba(0, 0, 0, 0.12);
}
.grid-item-button {
  margin-top: auto;
}
.grid-item-image img {
  width: 100%;
}

/************* kalkulacka doskyyyy *******************/
.clear,
.UHPDclear,
.UHPclear {
  clear: both;
  margin: 15px 0;
  display: block;
  content: "";
}
.block {
  display: block !important;
}
h15 {
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 16px;
}
.dalsie .coho p {
  font-size: 16px;
  padding: 10px 0;
}
.floorplan {
  background-size: contain;
  box-sizing: border-box;
  display: flex;
  width: 100%;
}
.kalkGray {
  background-color: rgba(0, 0, 0, 0.12);
  vertical-align: middle;
  text-align: center;
  border-radius: 12px;
  width: 200px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 16px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.kalkGray.kolkoInfo {
  flex: 1;
}
.zadajte {
  margin-bottom: 15px;
}
.zadajteInput input,
.pocet input {
  border: 0;
  color: #03a9f4 !important;
  font-weight: 600;
  outline: none !important;
  width: 60px !important;
  font-size: 16px !important;
  background: transparent;
  text-align: center;
  line-height: normal !important;
  height: auto !important;
}
.pocet input {
  width: 50px !important;
  text-align: center;
}
.zadajteInput,
.pocet {
  background: #eee;
  box-shadow: rgba(0, 0, 0, 0.42) 0px -16px 0px -14px inset;
  background: rgba(0, 0, 0, 0.06);
  display: inline-block;
  padding: 5px 10px !important;
  border-radius: 3px;
  width: 64px;
}
.zadajteInput {
  width: 108px;
}
.zadajteInput:hover,
.pocet:hover {
  box-shadow: rgba(0, 0, 0, 0.87) 0px -16px 0px -14px inset;
}
.pocet {
  font-size: 14px !important;
  padding: 5px !important;
}
.zadajteInput span {
  vertical-align: super;
  font-size: small;
}
.inputFoc {
  box-shadow: #03a9f4 0px -16px 0px -14px inset !important;
  color: #03a9f4 !important;
}
.inputFoc span {
  color: #03a9f4 !important;
}
.kolko {
  width: 30%;
  margin-right: 15px;
}
.dosky {
  background: #eee;
  margin-bottom: 15px;
  box-shadow: none;
  width: 25%;
}
.doskyWrap,
.tovarWrap {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.kalkDosky {
  cursor: pointer;
  width: calc(25% - 16px);
  flex: 0 1 calc(25% - 16px);
  text-align: center;
  float: left;
  background: #eee;
  padding: 16px 8px 8px;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 8px;
}
.kalkProdukt input {
  width: 20px;
  float: left !important;
}
.pocet input {
  font-size: 14px;
  pointer-events: none;
  width: 32px;
  float: none;
}
.kalkDosky.active {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.kalkDosky:hover {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.doskyVyberInfo {
  margin-left: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: default;
  box-shadow: none !important;
  /*pointer-events:none;*/
  font-size: 16px;
  width: 100%;
  flex: 1 1 100%;
  margin: 0;
  padding: 16px;
}
.radioDosky {
  padding-bottom: 10px;
}
.radioDosky i {
  color: rgba(0, 0, 0, 0.54);
  font-size: 22px;
  font-weight: 500;
}
.doskyButtons a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  border-radius: 3px;
  padding: 5px 10px;
  display: block;
}
.doskyButtons a:hover {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.doskyButtons i {
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.kalkProdukt p {
  margin: 10px 0;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}
.kalkProdukt span {
  vertical-align: 14px;
  font-size: 12px;
}
.active .kalkProdukt span {
  color: #03a9f4;
}
.kalkDosky img {
  width: 100%;
  margin-bottom: 10px;
}
.kalkProdukt {
  margin-bottom: 15px;
}
.tovarWrap span {
  font-size: 16px;
}
.vypocet,
.dalsie {
  display: flex;
  flex-flow: row wrap;
}
.kalkulUHP55 {
}
.kalkulUHP53 {
}
.kalkulUHPD {
}
.tovar,
.roztecUHPD,
.UHPDclear,
.UHPclear {
  display: none;
}
.tovar p {
  font-size: 12px;
  padding: 12px 0 !important;
}
.roztec {
  margin: 15px 0 0;
}
.doskyButtons.nadomiet {
  margin-top: 8px;
}
.radioRoztec {
  line-height: 35px;
  cursor: pointer;
  display: inline-block;
}
.material-icons {
  font-family: "Material Icons" !important;
}
.radioRoztec i {
  line-height: 35px;
  color: rgba(0, 0, 0, 0.54);
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.radioRoztec.active,
.active i {
  color: #03a9f4;
}
.UHPDclear.block + .tovar,
.UHPclear.block + .tovar {
  margin-left: 0;
}
.lenInfo {
  color: rgba(0, 0, 0, 0.38);
  display: inline-block;
  vertical-align: -7px;
}

.client {
  border: 2px solid rgb(0 0 0 / 12%);
  border-radius: 1rem;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 1rem;
}
.client::before {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  width: 50%;
  height: 200%;
  top: -50%;
  left: -10%;
  transform: rotate(15deg);
  z-index: -1;
}
.client.clientEn::before {
  background-image: url(https://atria.sk/user/documents/img/flags/4x3/gb.svg);
}
.client.clientDe::before {
  background-image: url(https://atria.sk/user/documents/img/flags/4x3/de.svg);
}
.client.clientCz::before {
  background-image: url(https://atria.sk/user/documents/img/flags/4x3/cz.svg);
}
.client.clientSk::before {
  background-image: url(https://atria.sk/user/documents/img/flags/4x3/sk.svg);
}
.client.clientEu::before {
  background-image: url(https://atria.sk/user/documents/img/flags/4x3/eu.svg);
}
.client.clientPl::before {
  background-image: url(https://atria.sk/user/documents/img/flags/4x3/pl.svg);
}
.client.clientHu::before {
  background-image: url(https://atria.sk/user/documents/img/flags/4x3/hu.svg);
}
.client.clientHu {
  margin-bottom: 64px;
}
.client::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(
    315deg,
    rgba(255, 255, 255, 1) 65%,
    rgba(255, 255, 255, 0.75) 100%
  );
}
.client p {
  font-size: 0.9rem;
  margin: 0 0 1rem;
}
.client a {
  color: #00a892;
}
.client a:hover {
  text-decoration: underline;
}
a.clientLink {
  float: right;
  border: 1px solid rgb(0 0 0 / 24%);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  display: flex;
  text-decoration: none !important;
  font-size: 0.9rem;
  color: rgb(0 0 0 / 54%);
  align-items: center;
}
a.clientLink:hover {
  background: rgb(0 0 0 / 6%);
}
.client a.clientLink::before {
  background-size: cover;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  content: "";
  margin-right: 0.75rem;
}
.client.clientEn a.clientLink::before {
  background-image: url(https://atria.sk/user/documents/img/flags/1x1/gb.svg);
}
.client.clientDe a.clientLink::before {
  background-image: url(https://atria.sk/user/documents/img/flags/1x1/de.svg);
}
.client.clientCz a.clientLink::before {
  background-image: url(https://atria.sk/user/documents/img/flags/1x1/cz.svg);
}
.client.clientSk a.clientLink::before {
  background-image: url(https://atria.sk/user/documents/img/flags/1x1/sk.svg);
}

.clientEU {
  display: flex;
  align-items: center;
  color: #1d9f85;
  font-size: 0.85rem;
  font-weight: 500;
  justify-content: center;
  margin: 0 0 1rem 0;
}
.clientLinkEU {
  float: right;
  border: 1px solid rgb(0 0 0 / 24%);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  display: flex;
  text-decoration: none !important;
  font-size: 0.9rem;
  color: rgb(0 0 0 / 54%) !important;
  font-weight: 400 !important;
  align-items: center;
  margin: 0 26px 0 0.75rem;
}
.clientLinkEU:hover {
  background: rgb(0 0 0 / 6%);
}
.clientLinkEU::before {
  content: url(https://www.atria.sk/user/documents/data/a-icon.svg);
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-right: 0.75rem;
}

.product.additional {
  display: none !important;
}
.product.additional.flex {
  display: flex !important;
}
.showAdditional .inpand {
  display: none;
}
.showAdditional.shownAdditional .expand {
  display: none;
}
.showAdditional.shownAdditional .inpand {
  display: flex;
}
.product.additional .p-in-in a div {
  margin-top: 16px !important;
  text-align: center !important;
}

/******************** ENGLISH **********************/

body.language-en .pr-list-unit::after {
  content: "incl. VAT";
}
body.language-en .product-top .price-line .price-standard::before {
  content: "List price: ";
}
body.language-en .availability-value::before {
  content: "Availability:";
}
body.language-en #dkLabAddFavourite span {
  font-size: 0;
}
body.language-en #dkLabAddFavourite span::before,
body.language-cz #dkLabRemoveFavourite span {
  content: "Add to favourites";
  font-size: 14px;
  line-height: 32px;
}
body.language-cz #dkLabRemoveFavourite span::before {
  content: "Remove from favourites";
}
body.language-en #obchodna-spolupraca label {
  font-size: 0;
}
body.language-en #obchodna-spolupraca label::before {
  content: "Are you interested in business cooperation?";
  font-size: 14px;
}
body.language-en #lacnejsie {
  display: none !important;
}
body.language-en #lacnejsie label {
  font-size: 0;
}
body.language-en #lacnejsie label::before {
  content: "Did you find the product cheaper elsewhere?";
  font-size: 14px;
}
body.language-en ul.tab-pane.fade.relatedFiles h3 {
  font-size: 0;
}

body.language-en ul.tab-pane.fade.relatedFiles h3::before {
  content: "Downloads";
  font-size: 32px;
}
body.language-en #productDiscussion h3 {
  font-size: 0;
}
body.language-en #productDiscussion h3::before {
  content: "Discussion";
  font-size: 32px;
}

body.language-en #productsAlternative h3 {
  font-size: 0;
}
body.language-en #productsAlternative h3::before {
  content: "Similar products";
  font-size: 32px;
}

body.language-en #productVideos h3 {
  font-size: 0;
}
body.language-en #productVideos h3::before {
  content: "Videos";
  font-size: 32px;
}

body.language-en span.expand {
  font-size: 0;
}
body.language-en span.expand::before {
  content: "Show more";
  font-size: 14px;
}
body.language-en span.inpand {
  font-size: 0;
}
body.language-en span.inpand::before {
  content: "Show less";
  font-size: 14px;
}
.flags {
  padding-top: 0;
}

body.language-en .p-final-price-wrapper span.price-save::before {
  content: "Discount:";
}
body.language-en .flags .flag-action::after {
  content: "Bestseller";
}

body.language-en #discussion-form form::after {
  content: "We usually respond within 24 hours. Please visit this page to find the answer.";
}

/******************** CZECH **********************/

body.language-cz .product-top .price-line .price-standard::before {
  content: "Ceníková cena:: ";
}
body.language-cz .availability-value::before {
  content: "Dostupnost:";
}
body.language-cz #dkLabAddFavourite span,
body.language-cz #dkLabRemoveFavourite span {
  font-size: 0;
}
body.language-cz #dkLabAddFavourite span::before {
  content: "Přidat do oblíbených";
  font-size: 14px;
  line-height: 32px;
}
body.language-cz #dkLabRemoveFavourite span::before {
  content: "Smazat z oblíbených";
}
body.language-cz #obchodna-spolupraca label {
  font-size: 0;
}
body.language-cz #obchodna-spolupraca label::before {
  content: "Máte zájem o obchodní spolupráci?";
  font-size: 14px;
}
body.language-cz #lacnejsie {
  display: none !important;
}
body.language-cz #lacnejsie label {
  font-size: 0;
}
body.language-cz #lacnejsie label::before {
  content: "Našli jste výrobek někde levněji?";
  font-size: 14px;
}
body.language-cz ul.tab-pane.fade.relatedFiles h3 {
  font-size: 0;
}

body.language-cz ul.tab-pane.fade.relatedFiles h3::before {
  content: "Na stažení";
  font-size: 32px;
}
body.language-cz #productDiscussion h3 {
  font-size: 0;
}
body.language-cz #productDiscussion h3::before {
  content: "Diskuze";
  font-size: 32px;
}

body.language-cz span.expand {
  font-size: 0;
}
body.language-cz span.expand::before {
  content: "Zobrazit více";
  font-size: 14px;
  line-height: 30px;
}
body.language-cz span.inpand {
  font-size: 0;
}
body.language-cz span.inpand::before {
  content: "Zobrazit méně";
  font-size: 14px;
  line-height: 30px;
}

body.language-cz .p-final-price-wrapper span.price-save::before {
  content: "Sleva:";
}
body.language-cz .flags .flag-action::after {
  content: "Nejprodávanější";
}

body.language-cz #discussion-form form::after {
  content: "Obvykle reagujeme do 24 hodin. Pro přečtení odpovědi prosím navštivte tuto stránku.";
}
.kalkulacka-zdroj.m3.card {
  padding: 12px !important;
}
.kalkulacka-zdroj {
  display: inline-block;
}
.kalkulacka-zdroj p {
  margin: 0 0 12px;
}
.kalkulacka-zdroj p:last-of-type {
  margin: 0;
}
.kalkulacka-zdroj p span:first-of-type {
  margin-right: 8px;
}
.m3.chip.math {
  margin-left: auto !important;
}
span#zdrojAh::after {
  content: "Ah";
  margin-left: 4px;
  opacity: 0.54;
  pointer-events: none;
}
span#zdrojW::after {
  content: "W";
  margin-left: 4px;
  opacity: 0.54;
  pointer-events: none;
}
span#zdrojHod::after {
  content: "h";
  margin-left: 4px;
  opacity: 0.54;
  pointer-events: none;
}

#fb-messanger-fake-button {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 100;
  transition: opacity 0.3s;
}

/**************** NEW TEPLATE CHANGE FIXES ***********************/

#header .header-top .top-nav-button-login > span {
  display: block !important;
}
#header .header-top .top-nav-button-login {
  margin: 0 !important;
}

/**************** OBLUBENE PRODUKTY **************************/

a.favProducts {
  position: relative;
}
#header .navigation-buttons .favProducts:before {
  content: "\e87e";
  background-image: none;
  font-family: "Material Icons Outlined" !important;
  color: var(--md-ref-palette-error50);
  text-transform: none;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  background: var(--md-ref-palette-error90);
  position: relative;
  margin-right: 8px;
}
#header .navigation-buttons .favProducts i {
  bottom: auto;
  font-style: normal;
  line-height: 11px;
  z-index: 999;
  color: #fff;
  background: var(--md-ref-palette-error60) !important;
  height: 16px !important;
  min-width: 16px !important;
  width: unset !important;
  border-radius: 8px !important;
  padding: 0 2px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  position: absolute !important;
  left: 23px !important;
  right: auto !important;
  top: -5px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.favoriteLoader {
  width: 40px;
  height: 40px;
  background-color: var(--md-ref-palette-primary70);
  border-radius: 12px;
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
} /*
.favoriteLoader::before {
	content: "\e87e";
	font-family: 'Material Icons Outlined'!important;
}*/
@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*retino badge */

.retino-badge-icon img {
  opacity: 0.7;
  -webkit-filter: hue-rotate(295deg) brightness(1.3) saturate(160%);
  -moz-filter: hue-rotate(295deg) brightness(1.3) saturate(160%);
  -ms-filter: hue-rotate(295deg) brightness(1.3) saturate(160%);
  -o-filter: hue-rotate(295deg) brightness(1.3) saturate(160%);
  margin: 18px 0 0;
}
.retino-badge-icon img:hover {
  opacity: 1;
}
.retino-badge-container-icon.in-article {
  float: right;
  width: 250px;
  top: 0;
  position: absolute;
  right: 0;
}

@media only screen and (max-width: 767px) {
  .in-index #header + #content-wrapper {
    padding-top: 0 !important;
  }
  #material .main-menu-cards .card .media {
    display: grid;
	grid-template-columns: 1fr 1fr;
  }
  #material .main-menu-cards .card .media .square{
	width: unset;
	height: 8rem;
  }
  #material .main-menu-cards .card .media .square a span{
	height: 100%;
	align-items: center;
    justify-content: center;
	font-size: 1rem;
  }
  .mobile-hide{
    display: none;
  }
  #header #navigation{
    height: 100svh;
    position: absolute;
  }
  .ordering-process .overall-wrapper #content-wrapper{
    padding-top: 30px!important;
  }
  .cboxPhoto{
    width: 100vw!important;
    height: 100%!important;
  }
}
.flag.flag-naparovana-cena-na-magic{
  display: none;
}

#cboxContent:has(.cboxPhoto){
  display: flex;
  align-items: center;
}
.youtubeCard{
  display: flex;
  flex-direction: column;
}
.naparovana-flag-circle{
  width: 8px;
  height: 8px;
  background-color: var(--md-ref-palette-primary70);
  border-radius: 100%;
  cursor: pointer;
  position: relative
}
.p-detail .p-code{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
}
.flag-tooltip{
  position: absolute;
  color: white;
  background: black;
  padding: 5px;
  border-radius: 3px;
  top: -55px;
  right: -30px;
}
@media (max-width:768px){
  ul.manufacturers > li{
    flex-direction: column;
  }
  ul.manufacturers > li ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    padding-inline-start: 0;
    width: 100%;
  }
  #discussion-form.visible-permanent{
    padding-left: 0;
  }
  .cart-table tr{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .cart-table .quantity{
    min-width: unset;
  }
}
@media (min-width: 768px){
  .cart-table tr{
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 1fr 1fr;
  }
  #colorbox .advanced-order .products-block.products .product{
    width: 19%!important;
  }
  .cboxPhoto{
    width: 50vw!important;
    height: 100%!important;
  }
}
.discussion-not-expanded{
  position: relative;
  max-height: 800px;
  overflow: hidden;
}
.discussion-not-expanded::after{
  content: '';
  position: absolute;
  background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#expandDiscussion{
  border-radius: 18px;
}
#filters .filter-section form{
  max-height: unset;
  overflow: unset
}

#colorbox, #cboxWrapper, #cboxContent{
  min-height: 90vh;
  min-width: 80vw;
}
#navigation-first>.navigation-bullet{
  display: none;
}
#material .main-menu-cards .youtubeCard .header .icon{
  border-radius: 0;
}
#material .main-menu-cards .youtubeCard .header .icon{
  object-fit: contain;
}
 .shoproku>img{
  max-height: 40px;
 }
 @media (max-width: 767px){
   .shoproku{
     display: none;
   }
   .advancedOrder__buttons{
    flex-direction: column;
   }
  .qrcode{
    margin: auto;
  }
 }
 @media (min-width: 768px){
  .shoproku-mobile{
    display: none;
  }
}
.shoproku-mobile{
  margin: auto;
}
.quantity .increase:before, .quantity .decrease:before{
  content: unset;
}
.siteCookies{
  box-shadow: none;
}