/* VARIABLES */

:root {
  /* Colors */
  --base: #ffffff;
  --subtle: #F5ECE9;
  --light: #E5CDC6;
  --lighter: #CB9D8F;
  --secondary: #4A5466;
  --accent: #CC5500;
  --hover: #CB9D8F;
  --light-grey: #EAEBED;
  --html: #4F5669;
  --white: white;
  --neutral-subtle: #F3F3F3;
  --neutral-light: #B6BBC8;
  --neutral-lighter: #717A94;
  --neutral-default: #4F5669;
  --neutral-darker: #1C1F25;

  /* Typography */
  --body-normal: 16px;
  --body-small: 14px;
  --body-smaller: 12px;
  --heading-font: 'Noto Serif', sans-serif;
  --body-font: 'Poppins', sans-serif;
  --subheading: 18px;
  --p-title: 56px;
  --hero: 96px;
  --h1: 56px;
  --h2: 48px;
  --h3: 32px;
  --h4: 24px;
  --h1-sm: 44px;
  --h2-sm: 40px;
  --h3-sm: 32px;
  --h4-sm: 22px;

  /* Other Styles */
  --header-height: 52px;
  --header-height-sm: 40px;
  --transition: all .3s ease;
  --box-shadow: 0 0 30px rgba(0, 0, 0, .07);
  --m9: 9rem;
  --m5: 5rem;
  --m4: 4rem;
  --m3: 3rem;
  --m2: 2rem;
  --m1: 1rem;
  --m05: 0.5rem;
}
* {
  scroll-behavior: smooth;
  box-sizing: border-box;
}
html {
  overflow-x: hidden;
}
body {
  background-color: var(--base);
  font-size: var(--body-normal);
  font-family: var(--body-font);
  color: var(--html);
  font-weight: var(--font-300);
}
img {
  max-width: 100%;
}
/* GENERAL TYPOGRAPHY */
p {
  color: var(--html);
}
b,strong {
  font-weight: 600 !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--heading-font);
  font-weight: var(--font-400);
  color: var(--neutral-darker);
  line-height: 1.2;
}
h1, .h1 {
  font-size: var(--h1);
  font-weight: 400;
}
h2, .h2, .homepage-group-title {
  font-size: var(--h2);
}
h3, .h3 {
  font-size: var(--h3);
}
h4, .h4 {
  font-size: var(--h4);
}
p {
  line-height: 1.7;
}
@media (max-width: 992px) {
  body {
    padding-top: 60px;
  }
  h1 {
    font-size: var(--h1-sm);
  }
  h2 {
    font-size: var(--h2-sm);
  }
  h3 {
    font-size: var(--h3-sm);
  }
  h4 {
    font-size: var(--h4-sm);
  }
}
.accent {
  color: var(--accent);
}
.subtitle {
  font-size: var(--h3);
}
.center {
  text-align: center !important;
}
.section-heading, .homepage-group-title {
  text-align: center;
  margin-top: var(--m5);
  margin-bottom: var(--m3);
  font-size: var(--h2);
}
a, .link-like, a.link-icon {
  color: var(--accent);
  text-decoration: underline;
}
a:hover, .link-like:hover, a.link-icon:hover,
a:focus, .link-like:focus, a.link-icon:focus {
  color: var(--accent);
}
@media (max-width: 552px) {
  .section-heading {
    margin-top: 3rem;
  }
  .section-heading, .homepage-group-title {
    font-size: var(--h2-sm);
  }
}
.welcome-wrapper h1 {
  display: none;
}

/* SPACES STYLES */

.m-2 {margin: var(--m2); } .mt-2 {margin-top: var(--m2); } .mb-2 {margin-bottom: var(--m2); } .ml-2 {margin-left: var(--m2); } .mr-2 {margin-right: var(--m2); } .mx-2 {margin-left: var(--m2); margin-right: var(--m2); } .my-2 {margin-top: var(--m2); margin-bottom: var(--m2); } .m-5 {margin: var(--m5); } .mt-5 {margin-top: var(--m5); } .mb-5 {margin-bottom: var(--m5); } .ml-5 {margin-left: var(--m5); } .mr-5 {margin-right: var(--m5); } .mx-5 {margin-left: var(--m5); margin-right: var(--m5); } .my-5 {margin-top: var(--m5); margin-bottom: var(--m5); } .m-10 {margin: var(--m9); } .mt-10 {margin-top: var(--m9); } .mb-10 {margin-bottom: var(--m9); } .ml-10 {margin-left: var(--m9); } .mr-10 {margin-right: var(--m9); } .mx-10 {margin-left: var(--m9); margin-right: var(--m9); } .my-10 {margin-top: var(--m9); margin-bottom: var(--m9); } 
.p-2 {padding: var(--m2); } .pt-2 {padding-top: var(--m2); } .pb-2 {padding-bottom: var(--m2); } .pl-2 {padding-left: var(--m2); } .pr-2 {padding-right: var(--m2); } .px-2 {padding-left: var(--m2); padding-right: var(--m2); } .py-2 {padding-top: var(--m2); padding-bottom: var(--m2); } .p-5 {padding: var(--m5); } .pt-5 {padding-top: var(--m5); } .pb-5 {padding-bottom: var(--m5); } .pl-5 {padding-left: var(--m5); } .pr-5 {padding-right: var(--m5); } .px-5 {padding-left: var(--m5); padding-right: var(--m5); } .py-5 {padding-top: var(--m5); padding-bottom: var(--m5); } .p-10 {padding: var(--m9); } .pt-10 {padding-top: var(--m9); } .pb-10 {padding-bottom: var(--m9); } .pl-10 {padding-left: var(--m9); } .pr-10 {padding-right: var(--m9); } .px-10 {padding-left: var(--m9); padding-right: var(--m9); } .py-10 {padding-top: var(--m9); padding-bottom: var(--m9); }

/* LAYOUT STYLES */

.container, #header .container {
  padding-left: var(--m1);
  padding-right: var(--m1);
  max-width: 100%;
}
@media (min-width: 480px) and (max-width: 1200px) {
  .breadcrumbs, .index-content-wrapper, .ordering-process .content-wrapper-in, .type-search .content-wrapper-in, .type-manufacturers-listing .content-wrapper-in, .type-manufacturer-detail .content-wrapper-in, .type-posts-listing .content-wrapper-in, .type-post .content-wrapper-in, .type-page .content-wrapper-in, .type-glossary .content-wrapper-in, .next-to-carousel-banners, .type-category .content, .p-detail-inner, .p-detail-tabs-wrapper,
  #carousel .extended-banner-texts {
    max-width: 100% !important;
  }
  .container, #header .container {
    width: 100%;
  }
}
@media (min-width: 1201px) and (max-width: 1600px) {
   #header .container, .breadcrumbs, .index-content-wrapper, .ordering-process .content-wrapper-in, .type-search .content-wrapper-in, .type-manufacturers-listing .content-wrapper-in, .type-manufacturer-detail .content-wrapper-in, .type-posts-listing .content-wrapper-in, .type-post .content-wrapper-in, .type-page .content-wrapper-in, .type-glossary .content-wrapper-in, .next-to-carousel-banners, .type-category .content, .p-detail-inner, .p-detail-tabs-wrapper,
  #carousel .extended-banner-texts {
    max-width: 1400px; 
  }
  .container {
    width: 1400px;
  }
}@media (min-width: 1600px) {
   #header .container, .breadcrumbs, .index-content-wrapper, .ordering-process .content-wrapper-in, .type-search .content-wrapper-in, .type-manufacturers-listing .content-wrapper-in, .type-manufacturer-detail .content-wrapper-in, .type-posts-listing .content-wrapper-in, .type-post .content-wrapper-in, .type-page .content-wrapper-in, .type-glossary .content-wrapper-in, .next-to-carousel-banners, .type-category .content, .p-detail-inner, .p-detail-tabs-wrapper,
  #carousel .extended-banner-texts {
    max-width: 1500px; 
  }
  .container {
    width: 1500px;
  }
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
  padding: 0 var(--m1);
}
.row {
  margin: 0;
}
.content-wrapper {
  background-color: transparent;
}
.content {
  padding-left: 0;
  padding-right: 0;
}
.content {
  padding-left: var(--m1);
  padding-right: var(--m1);
}
.type-page #content {
  padding: var(--m5) var(--m2);
}
.in-index #content,
.in-kontakt #content,
.in-reference #content,
.in-slozeni-synouvelle #content {
  padding: 0px;
}
.in-index #content .banners-row {
  margin: 0;
}
.type-category .content {
  padding-top: var(--m5);
}
section {
  padding: var(--m9) 0;
}
@media (max-width: 768px) {
  section {
    padding: var(--m5) 0;
  }
}
.headline {
  max-width: 640px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--m2);
  margin-bottom: var(--m4);
}
.headline *,
.headline h2,
.headline p {
  margin: 0;
}

/* BUTTONS STYLES */

.btn, a.btn {
  font-weight: 400 !important;
  text-transform: none;
  letter-spacing: 0px;
  padding: 8px 20px;
  font-size: var(--body-normal);
  border-radius: 999px;
}
/* BUTTON - Primary */
.btn.btn-primary, a.btn.btn-primary, .btn.btn-conversion, a.btn.btn-conversion,
.in-stroje .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart,
.products-block>div .p .p-bottom>div .p-tools .btn, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart,
.products-block .btn-cart {
  color: var(--base);
  border-color: var(--accent);
  background-color: var(--accent);
}
/* BUTTON - Secondary */
.btn.btn-primary:hover, a.btn.btn-primary:hover, .btn.btn-conversion:hover, a.btn.btn-conversion:hover,
.in-stroje .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart:hover,
.products-block>div .p .p-bottom>div .p-tools .btn:hover, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart:hover,
.products-block .btn-cart:hover {
  color: var(--base);
  border-color: var(--hover);
  background-color: var(--hover);
}
/* BUTTON - Default */
.btn.btn-default,  a.btn.btn-default, .btn.btn-secondary, a.btn.btn-secondary,
.products-block>div .p .p-bottom>div .p-tools .btn-default {
  color: var(--neutral-darker);
  border-width: 1px;
  border-color:  var(--lighter);
  background-color: transparent;
}
.btn.btn-default:hover, a.btn.btn-default:hover, .btn.btn-secondary:hover, a.btn.btn-secondary:hover,
.products-block>div .p .p-bottom>div .p-tools .btn-default:hover {
  color: var(--accent);
  border-color: var(--accent);
  background-color: var(--subtle);
}
.btn-arrow::after {
  content: '\e90c';
  font-family: 'shoptet';
  font-size: 14px;
  margin-left: var(--m1);
  transition: var(--transition);
}
.btn-arrow:hover::after {
  margin-left: var(--m2);
}

/* GLOBAL ELEMENTS */

.c-accent, .highlight {
  color: var(--accent);
}
.light-bg {
  background-color: var(--subtle);
}
/* Truncate Text */
.truncated {
    /* Skryje obsah, který přesahuje výšku */
    overflow: hidden; 
    
    /* Všechny změny max-height budou trvat 0.4s a budou plynulé */
    transition: max-height 0.4s ease-in-out; 
    
    /* Počáteční výška je nastavena v JS (např. 100px) */
    /* Zde ji nemusíme definovat, protože JS ji nastaví hned při načtení (if) */
}
.show-more,
.show-less {
  cursor: pointer;
  color: var(--accent);
  display: block;
  margin-top: var(--m1);
  text-decoration: underline;
}
.contact-mail,
.contact-phone {
  padding: 6px 16px 12px 16px;
  border: 1px solid var(--lighter);
  border-radius: 100px;
  display: flex;
  align-items:center;
}
.contact-mail:before,
.contact-phone:before {
  bottom: 0px;
  position: relative;
}
.contact-mail:before {
  content: url('/user/documents/upload/media/icons/icon-envelope.svg');
}
.contact-phone:before {
  content: url('/user/documents/upload/media/icons/icon-phone.svg');
}
.contact-mail:hover,
.contact-phone:hover {
  background-color: rgba(188, 127, 108, 0.15);;
  text-decoration: none !important;
}

/* Pop Ups */
.content-window-in {
  background-color: var(--subtle);
  color: var(--html);
}
.content-window-in a {
  text-decoration: underline;
}
.content-window-in a:hover {
  color: var(--accent);
}
.content-window-in p, .content-window-in a,
.cart-heading, .cart-heading.h1, .content-window-in h2, .content-window-in h3, .content-window-in h4 {
}
.content-window-in h3 {
  font-size: 20px;
}

/* Tabs */
.shp-tabs-holder, .shp-tabs,
.category-header {
  border-bottom: 1px solid var(--neutral-subtle);
}
.active .shp-tab-link,
.shp-tab-link:hover,
.category-header input[type="radio"]:checked+label,
.category-header input[type="radio"]+label:hover {
  background-color: none;
  border: none;
  color: var(--accent);
}
.shp-tab-link,
.category-header input[type="radio"]+label {
  background-color: transparent;
  border-color: var(--neutral-light);
  color: var(--html);
  border-radius: 100px;
}
.shp-tabs-holder ul.shp-tabs {
  margin: auto;
  display: flex;
  gap: var(--m3);
}
.responsive-nav .navigation-btn {
  right: 8px;
}
@media (max-width: 768px){
  .shp-tabs-holder {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  .shp-tabs-holder ul.shp-tabs li a, .shp-tab-link, .category-header input[type="radio"]+label {
    font-size: var(--body-small);
  }
}

/* Container Full-width */

.full-width {
  /* margin-right: -1rem; */
  /* margin-left: -1rem; */
}
@media (min-width: 768px) {
  .full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
  }
}

/* Forms  */

.form-group {
  margin-bottom: var(--m1);
}
.form-group label {
  line-height: 32px;
}
.form-control, select {
  border-color: var(--lighter);
  color: var(--html);
  background-color: white;
  border-radius: 24px;
}
.form-control:focus, select:focus {
}
input[type=checkbox]:checked+label:before, input[type=radio]:checked+label:before,
input[type=checkbox]:checked+label:after, input[type=radio]:checked+label:after {
  border-color: var(--accent);
}
input[type=checkbox]:checked+label:after, input[type=radio]:checked+label:after {
  background-color: var(--accent);
  color: var(--accent);
}
input[type=checkbox]+label:before, input[type=radio]+label:before {
  background-color: white;
  border-color: var(--lighter);
  
}
.question-tooltip {
  background-color: transparent;
  color: var(--white);
  border-color: var(--white);
}
.form-group .form-group-tooltip {
  left: unset;
  top: unset;
  left: calc(100% - 26px);
  top: calc(100% - 24px);
}
.js-validator-msg {
  margin-left: 0;
}
@media (min-width: 480px) {
  .form-group label {
    max-width: 100%;
    width: 100%;
  }
}

/* Topbar */
.topbar {
  background-color: var(--neutral-darker);
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--body-small);
  padding: 4px var(--m2);
  height: 30px;
}
.topbar a {
  margin-right: var(--m2);
  color: var(--neutral-light);
  text-decoration: none;
}
.topbar p {
  margin: 0;
  color: var(--neutral-light);
}
.topbar a .icon {
  font-size: var(--body-small);
  height: 14px;
  display: inline-block;
  margin-right: 4px;
}
@media (max-width: 768px){
  .topbar {
    padding: 4px var(--m1);
  }
  .topbar a {
    font-size: 0;
  }
  .topbar a.faq {
    display: none;
  }
  .topbar a:last-child {
    margin-right: 0;
  }
  .topbar a .icon {
    height: 16px;
  }
}

/* 404 page */

.in-404 .page-title,
.empty-content h2:after {
  display: none;
}
.empty-content h1 {
  color: var(--neutral-darker);
  margin: var(--m2) 0;
}
.empty-content h2 {
  font-size: var(--h3);
}
.in-404 .img-404 {
  max-width: 350px;
  border-radius: 300px;
}


.site-name {
    display: none;
}
.navigation-buttons {
display: none;
}
.changed-header .site-name {
    display: block;
}
.changed-header .navigation-buttons {
display: flex;
}

/* HEADER AND NAVIGATION */

#header {
  position: relative;
  border: none;
  background-color: var(--base);
  padding: var(--m1);
  z-index: 10;
}
#navigation.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: all ease-in .3s;
  z-index: 500;
  background-color: var(--base);
}
#header .container {
  min-height: var(--header-height-sm);
}
#header, #header .site-name a,
.navigation-buttons .dropdown>button {
  color: var(--neutral-darker);
}
#header .contacts {
  display: flex;
  gap: var(--m1);
}
@media (min-width: 480px) {
    #header .site-name a img {
        max-height: 78px;
    }
}
@media (min-width: 992px) {
    .navigation-in ul li.splitted,
    .navigation-in ul li.exp {
        visibility: visible !important; 
        display: flex !important;
    }
}
.container.navigation-wrapper .site-name {
  flex: 1 0 0;
}
.navigation-buttons {
  gap: var(--m05);
  position: static;
}
.navigation-buttons a,
.top-nav-button-login {
  width: 48px;
  height: 48px;
  line-height: var(--header-height-sm);
  border-radius: 999px;
  transition: var(--transition);
}
.navigation-buttons .contact-mail, 
.navigation-buttons .contact-phone {
  width: auto;
  height: 48px;
  font-size: var(--body-normal);
  display: flex;
  gap: var(--m05);
  padding: 8px 16px;
  color: var(--neutral-darker);
  text-decoration: none;
}
.navigation-buttons a[data-target="search"]::before,
.navigation-buttons a[data-target="login"]::before,
.navigation-buttons a[data-target="cart"]::before,
.navigation-buttons .top-nav-button-login:before {
  content: '.';
  font-size: 0;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}
.navigation-buttons a[data-target="search"]::before {
  background-image: url('/user/documents/upload/media/icons/icon-search.svg');
}
.navigation-buttons a[data-target="login"]::before,
.navigation-buttons .top-nav-button-login::before {
  background-image: url('/user/documents/upload/media/icons/icon-user.svg');
}
.navigation-buttons a[data-target="cart"]::before {
  background-image: url('/user/documents/upload/media/icons/icon-cart.svg');
}
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="login"],
.navigation-buttons a[data-target="cart"],
.top-nav-button-login {
  background-color: var(--subtle);
  color: var(--base);
}
.navigation-buttons a[data-target="cart"]{
  background-color: var(--light);
}
.navigation-buttons a[data-target="search"]:hover,
.navigation-buttons a[data-target="login"]:hover,
.navigation-buttons a[data-target="cart"]:hover,
.top-nav-button-login:hover,
.navigation-in>ul>li>a:hover {
  background-color: var(--light);
  color: var(--base);
}
.navigation-buttons a[data-target="search"]:hover,
.navigation-buttons a[data-target="login"]:hover,
.navigation-in>ul>li>a:hover {
  background-color: var(--light);
  color: var(--base);
}
@media (min-width: 992px) {
    .navigation-in,
    #navigation {
        /* position: relative; */
        /* display: flex; */
        /* justify-content: center; */
    }
  .navigation-in {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: var(--m05) 0;
  }
  .navigation-buttons {
    flex-grow: 1;
  }
}
@media (max-width: 992px) {
  .navigation-buttons a:before {
    width: 24px;
  }
  .navigation-buttons a[data-target="login"] {
    display: none;
  }
  #header .site-name a img {
    max-height: 40px;
  }
  .navigation-buttons .contact-mail, 
  .navigation-buttons .contact-phone {
    display: none;
  }
  .navigation-buttons a[data-target=navigation] {
    z-index: 999;
    background-color: var(--accent);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.navigation-in ul li a {
  font-size: var(--subheading);
  letter-spacing: 0;
  border-radius: var(--m1);
}
.navigation-in ul.menu-level-2 li a {
    padding: var(--m2) var(--m5);
    font-size: var(--body-normal);
}
.submenu-arrow {
  position: relative;
  top: -4px;
}
.navigation-buttons>a[data-target=cart] i {
  background-color: var(--accent);
  color: white;
}
.navbar {
  width: 100%;
  height: var(--header-height);
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .container.navigation-wrapper {
    width: 100%;
    min-height: var(--header-height);
    padding: 0 var(--m2);
  }
  #header .container {
    min-height: var(--header-height);
    justify-content: space-between;
  }
   #navigation {
    height: var(--header-height);
    border-top: 1px solid var(--neutral-light);
    border-bottom: 1px solid var(--neutral-light);
    background-color: var(--base);
    /* padding: var(--m05); */
    display: flex;
    align-items: center;
  }
  .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a, .navigation-in>ul>li>a:hover {
    color: var(--html);
  }
  .navigation-in ul.menu-level-2 {
    top:calc(100% - 0px);
    background-color: var(--white);
    border: none;
    box-shadow: 16px 16px 40px rgba(0,0,0,.1);
  }
  .navigation-in ul.menu-level-2 li a {
    padding: 14px var(--m2);
    font-size: var(--html);
    color: var(--html);
  }
  .navigation-in ul.menu-level-2 li a:hover {
    color: var(--accent);
  }
  .navigation-buttons>a[data-target=cart] i {
    bottom: 14px;
  }
  .menu-helper {
    height: var(--header-height);
    display: none;
  }
  .navigation-buttons a[data-target="cart"]:hover {
    background-color: var(--hover);
  }
  .fitted .navigation-in {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--m05);
  }
  .navigation-in ul {

  }
  .navigation-in>ul>li>a {
    padding: 12px 16px;
    border-radius: 999px;
    margin-right: 8px;
    border: none;
  }
  .navigation-in ul li a b {
    text-transform: uppercase;
    font-size: var(--body-normal);
    color: var(--neutral-darker);
  }
  .navigation-in>ul>li.exp>a, 
  .navigation-in>ul>li>a:hover {
    background-color: var(--accent);
    color: var(--base);
  }
  .navigation-in>ul>li>a:hover b {
    color: var(--base);
  }
  .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover b {
    color: var(--white);
  }
}
@media (max-width: 992px) {
  .topbar {
    display: none;
  }
  #header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: var(--m1);
  }
  #navigation {
    background-color: transparent;
    padding-top: 60px;
    top: 0;
  }
  .navigation-in.menu {
    background-color: var(--subtle);
    padding: var(--m1);
  }
  .navigation-window-visible .navigation-buttons, .scrolled .navigation-buttons {
    top: 30px;
  }
  #header.sticky #navigation, #header.sticky .navigation-buttons {
    top: 0!important;
  }
  .navigation-close {
    display: flex;
    background-color: var(--accent);
    border-radius: 100%;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    top: 10px;
    right: 20px;
    color: var(--white);
  }
  .navigation-in ul li a {
    font-size: var(--subheading);
    letter-spacing: 0;
    padding: var(--m1) var(--m2);
    background-color: var(--white);
    margin-bottom: var(--m05);
    border-radius: var(--m1);
  }
  .navigation-in ul li a:hover {
    color: var(--accent);
  }
  .navigation-in ul li a b {
    font-weight: 400!important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .navigation-in ul li a b:after {
    content: url('/user/documents/upload/media/icons/icon-arrow-subtle-mini.svg');
  }
  .navigation-in>ul>li.ext a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .navigation-in>ul>li.ext a .submenu-arrow {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--subtle);
    border-radius: 40px;
    position: relative;
    top: unset;
  }
  .navigation-in>ul>li.ext a .submenu-arrow:after {
    /* bottom: -2px; */
    /* position: relative; */
  }
  .navigation-in>ul>li.ext b:after {
    display: none;
  }
}
#header .site-name {
  /* padding-left: var(--m1); */
  flex: auto 0 0;
}
@media (max-width: 768px) {
  #header .contacts,
  .topbar .right-content {
      display: block;
  }
  .navigation-in .right-content,
  .navigation-in .contacts {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: var(--m2);
    margin-top: var(--m2);
  }
  .navigation-in .contacts a {
    text-decoration: none;
  }
  .contact-mail:before, .contact-phone:before {
    bottom: -6px;
    margin-right: var(--m05);
  }
  .navigation-in .right-content .social {
    display: none;
  }
  #header .site-name {
    padding-left: 0;
  }
  .navigation-buttons a,
  .top-nav-button-login {
    width: 40px;
    height: 40px;
  }
  .navigation-buttons a[data-target="search"]::before,
  .navigation-buttons a[data-target="login"]::before,
  .navigation-buttons a[data-target="cart"]::before {
    background-size: 20px;
  }
  .navigation-buttons a.faq {
    display: none;
  }
}

/* PAGE TITLE */

.page-title {
  padding: var(--m5) 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--m2);
  background-color: var(--subtle);
}
.page-title h1 {
  margin: 0;
  text-align: center;
  font-size: var(--p-title);
}
.perex, .category-perex {
}
.page-title .breadcrumbs {
}
.page-title .breadcrumbs:before {
  display: none;
}
.breadcrumbs a, .breadcrumbs span {
  position: relative;
  font-size: var(--body-small);
  color: var(--html);
}
@media (min-width: 992px){
  .breadcrumbs>span>a::after {
    color: var(--accent);
  }
}
@media (max-width: 992px){
  .page-title {
    padding: var(--m5) var(--m1);
  }
  .page-title h1,
  .page-title .headline h1 {
    font-size: var(--h1-sm);
  }
  .perex, .category-perex  {
    font-size: var(--html);
  }
}

/* HOME CAROUSEL STYLES */

#carousel {
  margin: 0;
}
#carousel .extended-banner-texts {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  padding: 6rem 2rem;
  margin: 0 auto;
}
#carousel .carousel-inner>.item>a>img {
  width: 100%;
}
#carousel .extended-banner-title, #carousel .extended-banner-text, #carousel .extended-banner-link {
  position: relative;
  box-shadow: none;
}
#carousel h2 {
  font-family: var(--heading-font);
  font-size: var(--hero);
  color: var(--white);
  font-weight: normal;
  margin: 0rem 0 2rem 0;
}
#carousel .extended-banner-title {
  font-size: 3rem;
  font-family: var(--heading-font);
  color: var(--white);
  text-transform: uppercase;
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 2rem;
}
#carousel .extended-banner-text {
  background: none;
  border: none;
  color: var(--white);
  font-size: 1.8rem;
  margin-bottom: 2rem;
  padding: 0;
  max-width: 600px;
}
#carousel .extended-banner-text .btn {
  margin-right: 1rem;
}
/*#carousel .extended-banner-text .btn::after {
  content: '\e90c';
  font-family: 'shoptet';
  font-size: 14px;
  margin-left: 1rem;
}*/
#carousel .extended-banner-text p {
  margin-bottom: 3rem;
  font-weight: var(--font-300);
}
#carousel .extended-banner-link {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--subtle);
  text-transform: uppercase;
  font-size: 2rem;
  margin: 0;
  padding: 2rem 3rem;
  height: auto;
  top: 0;
  line-height: 1;
}
#carousel .extended-banner-link:hover {
  background-color: var(--hover);
  border-color: var(--hover);
  transition: var(--transition);
}
@media (max-width: 1200px) {
  #carousel h2 {
    font-size: var(--h1-sm);
  }
}
@media (max-width: 768px) {
  #carousel .carousel-inner>.item {
    overflow: hidden;
  }
  #carousel .carousel-inner>.item>a {
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  #carousel .extended-banner-title {
    font-size: var(--h3-sm);
  }
  #carousel .extended-banner-texts {
    padding: 3rem 1rem;
    position: relative;
    align-items: center;
    text-align: center;
    background-color: transparent;
  }
  #carousel .extended-banner-text .btn {
    margin-bottom: var(--m1);
    width: 100%;
  }
}
.product-slider-holder.has-navigation {
  padding: 0;
}
.in-index .product-slider-holder .product-slider-navigation {
  display: none;
}

/* BENEFITS BANNERS */

.benefitBanner {
  gap: 1rem;
}
.benefitBanner__item {
  padding: var(--m2);
  flex: 1 0 24%;
  margin-bottom: 0;
  font-size: var(--body-small);
  flex-direction: column;
  text-align: center;
}
.benefitBanner__link {
  text-align: center;
}
.benefitBanner__link:hover {
  color: var(--accent);
}
.benefitBanner__title {
  font-size: var(--subheading);
  color: var(--neutral-darker);
  margin: 0 0 var(--m1) 0;
  display: block;
}
@media (max-width: 992px) {
  .benefitBanner {
    display: flex;
    flex-wrap: wrap;
  }
  .benefitBanner__item {
    flex: 100%;;
    width: 100%;
  }
  .benefitBanner__picture {
    flex: 0 0 56px;
    max-width: 56px;
  }
}
@media (max-width: 552px) {
  .benefitBanner {
    flex-direction: column;
    gap: 0;
  }
  .benefitBanner__item {
    margin-bottom: var(--m1);
    padding: var(--m1);
    flex-direction: row;
    text-align: left;
    gap: var(--m1);
    margin-bottom: 0;
  }
  .benefitBanner__title {
    font-size: var(--body-small);
    margin-bottom: var(--m05);
  }
}

/* HOME BANNER WRAPPER */

@media (min-width: 768px) {
  .banner-wrapper {
      max-width: 100%;
  }
}
.footer-banners {
  display: flex;
  flex-direction: column;
}
.footer-banner {
  width: 100% !important;
}

/* PRODUCT CAROUSEL */


/* INGREDIENTS SECTION */

.ingredients {
  background-color: var(--subtle);
  text-align: center;
}
.ingredients .content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ingredients h2,
.ingredients p, 
.ingredients .icon-boxes {
  margin: 0;
  margin-bottom: var(--m3);
}
.ingredients .icon-boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--m05);
  flex: 1 0 0;
  flex-wrap: wrap;
  max-width: 768px;
}
.ingredients .icon-boxes .box {
  align-self: stretch;
  display: flex;
  padding: var(--m1);
  background-color: white;
  flex-direction: column;
  align-items: center;
  gap: var(--m1);
  flex: 14% 0 0;
  min-width: 88px;
  font-family: var(--body-font);
  text-align: center;
  border-radius: 8px;
  color: var(--html);
}
.ingredients .icon-boxes .box p {
  font-size: var(--body-smaller);
  color: var(--neutral-default);
  line-height: 1.4;
  margin:0;
}
.ingredients .icon-boxes .box img {
  border-radius: 100%;
  max-width: 56px;
}
@media (min-width: 1200px){
  .ingredients .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ingredients .row>div {
    flex: 1;
  }
}
@media (max-width: 768px){
  .ingredients .icon-boxes .box {
    flex: 1 0 0;
  }
}
@media (min-width: 992px){
  .ingredients .col-lg-5 {
    flex-basis: 40%;
    padding-right: var(--m5);
  }
}
@media (max-width: 1200px) {
    .ingredients .icon-boxes {
    display: flex;
    align-items: center;
    align-content: center;
    gap: var(--m05);
    flex-wrap: wrap;
  }
  .ingredients .promo-img img {
    max-width: 100%;
    width: 540px;
    margin-top: var(--m4);
  }
  .ingredients .icon-boxes .box {
    display: flex;
    padding: var(--m1);
    flex-direction: column;
    align-items: center;
    gap: var(--m1);
  }
}
@media (max-width: 768px){
  .ingredients {
    padding: var(--m5) 0;
    padding-bottom: 0;
  }
  .ingredients .promo-img {
    max-height: 300px;
    overflow-y: hidden;
  }
}

/* CTA STRIPE */

.cta-stripe {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--base);
  background-color: var(--accent);
  padding: 2.5rem;
  margin-top: var(--m5);
  flex-wrap: wrap;
}
.cta-stripe img:first-child {
  margin-bottom: 2rem;
}
@media(max-width: 1200px) {
  .cta-stripe .cta-foto {
    display: none;
  }
}
@media(max-width: 992px) {
  .cta-stripe {
    margin-top: 0;
  }
}
@media(max-width: 768px) {
  .cta-stripe {
    flex-direction: column;
    gap: var(--m2);
    text-align: center;
  }
}
.cta-stripe .cta-foto {
  margin: -130px 0;
}
.cta-stripe .cta-content h3,
.cta-stripe .cta-content p {
  font-weight: 700;
  margin: 0;
  color: var(--base);
}


/* HOMEPAGE TEXTS */

.homepage-texts-wrapper .top-products-wrapper {
  display: none;
}
.homepage-group-title {
  display: block;
  margin-top: 0;
}

/* HOMEPAGE VIDEO STYLES */

.video-container {
    width: 100%; 
    height: 640px; 
    overflow: hidden;
    position: relative;
    margin-bottom: var(--m5);
}
.video-element {
    object-fit: cover; 
    width: 100%;
    height: 100%; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .video-container {
    height: 320px;
  }
}

/* PRODUCT BOXES */

.p:hover .flag {
  opacity: 1;
}
#products-3 .flags {
  display: none;
}
.product-slider {
  padding-top: 0;
}
.product-slider .product-slider-navigation.navigation-next {
  right: -10px;
}
.product-slider .product-slider-navigation.navigation-prev {
  left: -10px;
}
.products-block .parameter-table {
  display: none;
}
.products-block,
.tab-pane .products-block {
  margin: 0;
  justify-content: center;
}
.products-block>div {
  padding: .5rem !important;
}
.products-block>div:hover {
  box-shadow: none;
}
.products-block>div .p {
  padding: 5px;
  background-color: var(--white);
  border: 1px solid var(--neutral-subtle);
  box-shadow: 0 16px 32px -4px rgba(62, 52, 69, 0.10), 0 2px 4px 0 rgba(62, 52, 69, 0.04);
}
.products-block>div .p:hover {
  border: 1px solid var(--accent);
}
.products-block .p>a {
  padding: var(--m4);
}
.products-block>div .p .p-bottom .p-desc {
  display: none;
}
.products-block>div .p .name {
  font-weight: 600;
  font-size: var(--body-normal);
  color: var(--neutral-darker);
}
.products-block .p-bottom .prices {
  color: var(--html);
}
.products-block .p-bottom .prices strong {
  font-weight: 300;
}
.products-block>div .p .availability {
  color: var(--html);
  font-size: var(--body-small);
}
.products-block>div .p .p-bottom {
  padding: 0 10px 0;
}
.products-block>div .p .p-bottom>div .prices .price-final strong {
  font-size: 17px;
  font-weight: 400 !important;
}
.products-block>div .p .p-bottom>div .p-tools .pr-action {
  margin-bottom: var(--m1);
}
.p-final-price-wrapper>strong {
  font-family: var(--heading-font);
  color: var(--neutral-darker);
  font-weight: 400!important;
}
.p-to-cart-block .p-final-price-wrapper .price-final-holder {
  font-weight: var(--font-500);
}
.products-block>div .p .p-bottom>div .p-tools .btn, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
  font-weight: var(--font-400);
  padding: 8px 16px;
  /*width: 100%;*/
}
.products-block .btn-cart {
  line-height: inherit;
  padding: 6px 16px;
}
.products-block > div .p .p-bottom > div .p-tools .btn.btn-primary, 
.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart.btn-primary {
  line-height: 22px;
}
.products-block > div .p .p-bottom > div .p-tools .btn.btn-primary:hover, 
.products-block > div .p .p-bottom > div .p-tools .btn.btn-cart.btn-primary:hover {
  text-decoration: none;
}
.products-block>div .p .stars-wrapper, .products-block>div .p .stars-placeholder,
.p-param-block {
  display: none;
}
.in-kosik .quantity {
  display: inline-block;
}
@media(max-width: 552px){
  .products-block>div .p .p-in {
    display: flex;
    flex-direction: column;
  }
}

/* PRODUCT SLIDER */

.navigationWrap {
}

/* CATEGORIES BOXES */

.categories-boxes {
  padding: var(--m5) 0;
  padding-bottom: 0;
}
.categories-boxes .container {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  gap: var(--m1);
  align-self: stretch;
  flex-wrap: wrap;
}
.categories-boxes .container:before {
  display: none;
}
@media (min-width: 769px) {
  .categories-boxes .container {
      grid-template-columns: repeat(4, 1fr); 
  }
}
.categories-boxes a {
  background-color: var(--lighter);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
}
.categories-boxes a.cat-1 {
  background-image: url("/user/documents/upload/media/category-bg-1-3.jpg");
}
.categories-boxes a.cat-2 {
  background-image: url("/user/documents/upload/media/category-bg-2.jpg");
}
.categories-boxes a.cat-3 {
  background-image: url("/user/documents/upload/media/category-bg-3.jpg");
}
.categories-boxes a.cat-4 {
  background-image: url("/user/documents/upload/media/category-bg-4-4.jpg");
}
.categories-boxes a h3.tag {
  display: flex;
  padding: var(--m1);
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  font-size: var(--body-small);
  color: var(--neutral-darker);
  font-weight: bold;
  font-family: var(--body-font);
  margin: 24px;
}
.categories-boxes a .cat-perex {
  display: flex;
  min-height: 400px;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
  background: linear-gradient(153deg, rgba(0, 0, 0, 0.00) 46.94%, rgba(0, 0, 0, 0.50) 82.91%);
  padding: 24px;
}
.categories-boxes a .cat-perex p {
  color: var(--white);
  font-size: var(--h4);
  font-family: var(--heading-font);
  line-height: 1.2;
}
@media (max-width: 768px){
  .categories-boxes a {
    min-height: 320px;
    justify-content: flex-end;
    align-items: center;
    padding: var(--m05);
  }
  .categories-boxes a .cat-perex {
    min-height: 400px;
    padding: var(--m1);
    display: none;
  }
  .categories-boxes a h3.tag {
    margin: var(--m1);
    font-size: var(--body-small);
    padding: 8px;
  }
}
@media (max-width: 552px){
  .categories-boxes a {
    min-height: 280px;
    justify-content: flex-end;
    align-items: center;
    padding: var(--m05);
  }
}

/* SLOZENI SECTION */

.home-about {
}
.home-about .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.home-about .row > div {
  padding: 0;
}
.home-about .about-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--m2);
}
.home-about .logo {
  width: 400px;
  max-width: 100%;
}
.home-about .img-full {
  width: 100%;
}
.home-about .symbol {
  width: 100px;
}
.home-about h2,
.home-about h3 {
  margin: 0;
}
.home-about .btn {
  align-self: baseline;
}
@media (min-width: 1200px) {
  .home-about.v-1 .about-content {
    padding-left: var(--m9);
  }
  .home-about.v-2 .about-content {
    padding-right: var(--m9);
  }
}
@media (max-width: 1200px) {
  .home-about .row {
    flex-direction: column;
  }
  .home-about.v-1 .row {
    flex-direction: column-reverse;
  }
  .home-about .row > div {
    align-self: stretch;
  }
  .home-about .about-content {
     margin-bottom: var(--m5); 
  }
}
@media (max-width: 768px){
  .home-about {
    padding: var(--m5) 0;
    margin: 0;
  }
  .home-about .logo {
    width: 260px;
    margin-bottom: var(--m2);
  }
  .home-about .row>div {
    padding: 0;
  }
}

/* REFERENCES SECTION */

.references-boxes {
  text-align: center;
  padding-bottom: 0;
}
.references-boxes .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.references-boxes .boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--m1);
  align-self: stretch;
  margin-bottom: var(--m3);
  max-width: 100%;
}
.references-boxes .boxes>a {
  position: relative;
  background-color: var(--lighter);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  flex: 1 0 0;
  /* min-width: 240px; */
}
.references-boxes .boxes>a span {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(153deg, rgba(0, 0, 0, 0.00) 46.94%, rgba(0, 0, 0, 0.50) 82.91%);
  padding: 24px;
  font-size: var(--h4);
  font-family: var(--heading-font);
  color: white;
}
@media (max-width: 992px) {
  .references-boxes .boxes {
    flex-wrap: wrap;
  }
  .references-boxes .boxes>a {
    flex: 320px 0 0;
  }
}
@media (max-width: 768px) {
  .references-boxes .boxes>a {
    flex: 48% 0 0;
    min-width: unset;
  }
  .references-boxes .boxes>a span {
    font-size: var(--h4-sm);
  }
}
/* WHY SYNOUVELLE SECTION */

.why {
}
.why .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.why .content {
  display: flex;
  gap: var(--m5);
  align-items: center;
  padding: 0 var(--m1);
}
.why .boxes {
  display: flex;
  flex-direction: column;
}
.why .boxes .box {
  width: 100%;
  display: flex;
  gap: var(--m2);
}
.why .boxes .box div {
  flex: 100%;
}
.why .boxes .box .icon {
  flex: 40px;
}
.why .boxes p {
  font-size: var(--body-normal);
  margin-bottom: var(--m05);
  text-align: right;
}
.why .boxes p.perex {
  font-size: var(--body-small);
  margin-bottom: var(--m2);
}
.why .boxes.right p {
  text-align: left;
}
.why .boxes.right .box {
  flex-direction: row-reverse;
}
.why .boxes p.title {
  color: var(--neutral-darker);
  font-weight: bold;
}
@media (max-width: 992px){
  .why .content{
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--m1);
  }
  .why .content .main-img img {
    width: 400px;
  }
  .why .boxes.left .box {
    flex-direction: row-reverse;
  }
  .why .boxes.left .box p {
    text-align: left;
  }
  .why .boxes .icon {
    width: 24px;
  }
}

/* TESTIMONIALS - SECTION */

.testimonials {
  background-color: var(--subtle);
}
.testimonials .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--m3);
}
.testimonials .headline {
  margin-bottom: 0;
}
.testimonials .row .col-md-4 {

}
.testimonials .box {
  padding: var(--m4);
  background: var(--white);
  margin-bottom: var(--m1);
}
.testimonials .box .date {
  font-size: var(--body-small);
}
.testimonials .box .name {
  font-weight: 700;
  color: var(--neutral-darker);
}
.testimonials .box .text {
  font-size: var(--body-small);
}

/* CATEGORY ENTRY STYLES */

.type-category {
}
.products-top-wrapper {
  display: none;
}
.category-top-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.category-top-content>div {
  flex: 1 0 0;
}
.category-top-content>div.image {
  flex:45% 0 0;
  padding: 0 var(--m4);
}
.category-top h1,
.category-top .popis {
  text-align: left;
}
.category-top .popis {
  display: flex;
  flex-direction: column;
}
.category-top h1 {
  margin-bottom: var(--m3);
}
.category-top .benefits {
  text-align: left;
}
.category-top .benefits p {
  font-weight: bold;
  color: var(--neutral-darker);
  font-size: var(--subheading);
  margin-bottom: var(--m2);
}
.category-top .benefits ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.category-top .benefits ul li {
  display: flex;
  justify-content: flex-start;
  margin-bottom: var(--m1);
  color: var(--neutral-darker);
}
.category-top .benefits ul li * {
  flex: 1 0 0;
}
.category-top .benefits ul li:before {
  content: "";
  background-image: url("/user/documents/upload/media/icons/icon-check-small.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: var(--m1);
  flex: 20px 0 0;
}
main .category-top {
  display: none;
}
.category-top {
  display: flex;
  flex-direction: column;
  gap: var(--m2);
}
.category-top h4,
#productsTop {
  display: none;
}
@media(max-width: 768px) {
  .category-top-content {
    flex-direction: column;
    gap: var(--m2);
  }
}
.sub-navigation {
  padding: var(--m3) 0;
}
.subcategories {
  justify-content: center;
  gap: var(--m1);
  margin: 0;
}
.subcategories li {
  flex: 1;
  padding: 0;
  width: 100%;
}
.subcategories li:before {
  display: none;
}
.subcategories li a {
  font-size: var(--subheading);
  text-decoration: none;
  background-color: var(--subtle);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  padding: var(--m1) var(--m2);
  color: var(--neutral-darker);
  width: 100%;
  border-radius: 56px;
}
.subcategories li a:hover {
  text-decoration: none;  
  background-color: var(--accent);
  color: var(--base);
}
.subcategories li a .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.subcategories li a .text:after {
  content: url("/user/documents/upload/media/icons/icon-subcat-arrow.svg");
  position: relative;
  bottom: -2px;
  align-self: flex-end;
}
.category-perex, .category__secondDescription {
  text-align: center;
  margin: 0 auto;
}
.type-category .category-header {
  padding-top: 0;
  display: none;
}
.subcategories.with-image li a .image {
  height: auto;
}
@media (max-width: 1200px){
}
@media (max-width: 552px){
  .subcategories {
    flex-direction: column;
  }
}

/* PRODUCT DETAIL */

.wide .image360::after, .wide .p-image::after {
  display: none;
}
.p-detail-inner .p-data-wrapper, .p-detail-inner .p-image-wrapper {
  flex: 1 1 auto;
  align-self: auto;
  width: 50%;
}
.p-detail-inner .p-image-wrapper {
  width: 50%;
}
.type-detail #content {
  padding: 0;
}
.type-detail .breadcrumbs {
  padding: 0 var(--m2);
}
.type-detail .breadcrumbs a, .type-detail .breadcrumbs span {
  font-size: var(--body-small);
}
 .wide .p-detail .flags.flags-extra {
   bottom: var(--m3);  
   right: var(--m3);
 }
.p-thumbnails {
  height: 44px;
}
.p-thumbnails.overflow-next:after,
.p-thumbnails.overflow-next:before {
  margin-top: -2px;
  height: 44px;
}
.p-thumbnails.overflow-next:after {
  background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #000 50%);
  background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #000 50%);
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #000 50%);
}
.p-thumbnails.overflow-prev:before {
  background-image: -webkit-linear-gradient(left, #000 50%, hsla(0, 0%, 100%, 0));
  background-image: -o-linear-gradient(left, #000 50%, hsla(0, 0%, 100%, 0) 100%);
  background-image: linear-gradient(90deg, #000 50%, hsla(0, 0%, 100%, 0));
}
.p-thumbnails .thumbnail-next, .p-thumbnails .thumbnail-prev {
  color: var(--white);
}
.p-thumbnails>div {
  position: relative;
  top: unset;
  left: unset;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
}
.p-thumbnails>div>div {
  display: flex;
  gap: var(--m2);
}
.p-thumbnails>div>div>a {
  border-color: var(--secondary);
  border-radius: 0;
  overflow: hidden;
}
.p-thumbnails a img {
  border-color: nonne;
  max-width: 4rem;
}
.type-detail .benefitBanner__item {
  flex-direction: row;
  align-items: center;
  text-align: left;
  gap: var(--m2);
}
.benefitBanner__picture {
  margin: 0;
  margin-bottom: var(--m1);
}
.p-benefits {
  margin-top: var(--m5);
  padding: var(--m1) 0;
  background-color: var(--subtle);
}
.p-detail-inner {
  padding-top: 6rem;
}
.stars {
  width: auto;
  display: flex;
  gap: 2px;
}
.stars a:before, .stars span:before {
  font-size: 16px;
}
.stars .star, .stars .star:hover {
  height: 16px;
  line-height: 16px;
  width: 16px;
  color: var(--accent);
}
.type-detail h1 {
  margin: 0;
  margin-bottom: var(--m2);
  font-size: var(--h2);
}
.availability-label {
  font-weight: 600;
}
.availability-label:after {
  content: ',';
}
.availability-label:before {
  content: url('/user/documents/upload/media/icons/icon-avalaibility.svg');
  position: relative;
  bottom: -6px;
}
.p-variants-block table.detail-parameters {
  width: 100%;
}
.delivery-info-content {
  color: #009901;
}
.delivery-flex-container,
table.detail-parameters tbody tr th {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: var(--body-small);
}
.p-variants-block table.detail-parameters .shipping-options-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  bottom: -4px;
}
.p-variants-block table.detail-parameters .shipping-options-wrap:before {
  font-family: shoptet!important;
  content: '\e92e';
  text-decoration: none;
  font-size: 24px;
  line-height: 24px;
  color: var(--neutral-darker);
  font-weight: 400;
}
.p-variants-block table.detail-parameters .shipping-options {
  font-weight: 400;
  color: var(--neutral-darker);
}
/* Add Cart Block */
:root {
  --addCartValue: 60px;
  --addCartValueMobile: 48px;
}
.p-to-cart-block .add-to-cart-button.btn-conversion {
  font-size: 20px;
  font-weight: 400;
  padding: 12px 40px;
}
.p-to-cart-block .add-to-cart-button.btn-conversion:before {
  content: '+';
  font-size: 24px;
  position: relative;
  top: -4px;
}
.quantity input[type=number] {
  font-size: 24px;
  border-radius: var(--addCartValue);
  background-color: white;
}
.quantity input {
  height: var(--addCartValue);
  width: var(--addCartValue);
}
.p-detail .add-to-cart .quantity {
  background-color: #DFC1B8;
  border: none;
  border-radius: var(--addCartValue);
  overflow: hidden;
  padding: 0 60px;
  /* display: flex; */
}
.p-detail .quantity .decrease, 
.p-detail .quantity .increase {
  border: none;
  width: var(--addCartValue);
  height: var(--addCartValue);
}
.p-detail .quantity .decrease:before, 
.p-detail .quantity .increase:before {
  line-height: var(--addCartValue);
  font-size: 12px;
}
@media(max-width: 552px) {
  .quantity input[type=number] {
    border-radius: var(--addCartValueMobile);
  }
  .quantity input {
    height: var(--addCartValueMobile);
    width: var(--addCartValueMobile);
  }
  .p-detail .add-to-cart .quantity {
    border-radius: var(--addCartValueMobile);
    padding: 0 var(--addCartValueMobile);
  }
  .p-detail .quantity .decrease, 
  .p-detail .quantity .increase {
    width: var(--addCartValueMobile);
    height: var(--addCartValueMobile);
  }
  .p-detail .quantity .decrease:before, 
  .p-detail .quantity .increase:before {
    line-height: var(--addCartValueMobile);
  }
}
@media(min-width: 768px) {
  .wide .p-final-price-wrapper {
    width: 33%; 
  }
}
.benefit-items {
  display: flex;
  flex-wrap: wrap;
  margin: var(--m2) 0;
}
.main-benefit {
  display: flex;
  padding-right: var(--m1);
  flex: 1 0 0;
}
.main-benefit .text {
  display: flex;
  flex-direction: column;
  padding: var(--m05);
  color: var(--html);
}
.main-benefit:before {
  content: '';
  background-image: url('/user/documents/upload/media/icons/icon-p-info.svg');
  display: block;
  background-size: cover;
  background-position: center;
  width: 40px;
  height: 40px;
  flex: 40px 0 0;
  margin-right: var(--m05);
}
.benefit-expirace:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-calendar.svg');
}
.benefit-dostupnost:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-pack.svg');
}
.benefit-doruceni:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-delivery.svg');
}
.benefit-obsah:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-obsah.svg');
}
.benefit-vstrebani:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-vstrebani.svg');
}
.benefit-pouziti:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-pouziti.svg');
}
.benefit-pena:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-pena.svg');
}
.benefit-staci:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-staci.svg');
}
.benefit-vysledky:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-vysledky.svg');
}
.benefit-vydrz:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-staci.svg');
}
.benefit-aplikace:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-pouziti.svg');
}
.benefit-hrot:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-hrot.svg');
}
.benefit-priroda:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-priroda.svg');
}
.benefit-zvirata:before {
  background-image: url('/user/documents/upload/media/icons/icon-p-zvirata.svg');
}
.benefit-items .header {
  font-size: var(--body-small);
  margin-bottom: 4px;
}
.benefit-items .value {
  color: var(--neutral-darker);
  font-size: var(--body-small);
  font-weight: 600;
}
.p-detail-inner .p-short-description,
.p-detail-inner .p-short-description p {
  font-size: var(--body-normal);
  color: var(--neutral-darker);
}
.p-detail-inner .p-short-description ul {
  margin: 0;
  padding: 0;
  margin-top: var(--m3);
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.p-detail-inner .p-short-description ul li,
#description ul li {
  list-style: none;
  margin-bottom: var(--m1);
  padding-right: var(--m1);
  position: relative;
  padding-left: 28px;
}
.p-detail-inner .p-short-description ul li:before,
#description ul li:before {
  content: '';
  background-image: url("/user/documents/upload/media/icons/icon-check-small.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: var(--m1);
  position: absolute;
  left: 0;
}
.p-to-cart-block {
  background-color: var(--light);
  border-radius: 16px;;
  padding: var(--m3) var(--m2);
  gap: var(--m2);
}
.p-to-cart-block .price-save,
.p-basic-info-block {
  display: none;
}
@media (max-width: 992px) {
  .p-detail-inner {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .p-image-wrapper .flags-extra .flag-freeshipping .icon-van {
      font-size: 40px;
      margin-bottom: 0;
  }
}
@media(max-width: 768px) {
  .p-detail-inner .p-short-description ul {
    grid-template-columns: 1fr;
  }
  .main-benefit {
    flex: 49% 0 0;
    margin-bottom: var(--m1);
  }
  .delivery-flex-container {
    display: flex;
    flex-direction: column;
    gap: var(--m1);
  }
  .p-variants-block table.detail-parameters .shipping-options-wrap {
    bottom: unset;
  }
}
@media(max-width: 552px) {
  .p-final-price-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
  }
  .price-final {
    flex: 1;
  }
  .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart,
  .p-to-cart-block .p-add-to-cart-wrapper {
    flex: 100%;
  }
  .p-to-cart-block .p-add-to-cart-wrapper {
    margin: 0;
    display: flex;
  }
  .p-to-cart-block .add-to-cart-button.btn-conversion {
    flex-grow: 1;
    padding: 12px 20px;
    font-size: 18px;
  }
  .quantity input[type=number] {
    font-size: 18px;
  }
  .p-to-cart-block {
    padding: var(--m3) var(--m1);
  }
}
.type-detail .benefitBanner {
  margin: 0;
}
.p-gifts-wrapper {
  border: none;
  background: var(--subtle);
  padding: var(--m2);
  margin-top: var(--m2);
  border-radius: var(--m1);
}
.p-gifts-heading {
  font-size: var(--body-small);
  color: var(--neutral-darker);
}
.p-gift-image,
.p-gift-image img {
  width: 50px;
  border-radius: 100px;
}
.p-gift-name a, .p-gift-name a:focus, .p-gift-name a:hover {
  font-size: var(--body-small);
}
.shp-tabs-row {
  margin-top: var(--m5);
}
.shp-tabs-holder ul.shp-tabs li.active {
  border-bottom: 2px solid var(--accent);
  margin: 0;
  padding: 0;
}
.shp-tabs-holder ul.shp-tabs li a,
.shp-tab-link, .category-header input[type="radio"]+label {
  text-transform: none;
  font-weight: 400;
  padding: var(--m1) 0px;
  border: none;
  background: none;
  text-align: left;
}
.stars .star.star-on::before, .stars .star.star-half::before {
  color: var(--accent);
}
.description-inner .detail-parameters {
  margin-bottom: var(--m2);
}
.wide .p-detail-tabs-wrapper {
  padding: 0 var(--m1);
  padding-bottom: var(--m5);
}
/* vyhodne balicky vypnuty sklad */
.id-2354 .delivery-info-content {
  display: none;
}
@media (min-width: 1200px) {
  .wide .p-detail-inner .p-image-wrapper {
      padding-right: 5%;
  }
  .wide .p-detail-tabs-wrapper {
      max-width: 992px;
  }
}
@media(max-width: 992px){
  .p-detail-inner .p-data-wrapper, .p-detail-inner .p-image-wrapper {
    width: 100%;
    padding-left: var(--m2);
    padding-right: var(--m2);
  }
  .type-detail h1 {
    font-size: var(--h2-sm);
  }
}

/* Product Entry - Tab Content */
.tab-content,
.category-header form {
  margin: auto;
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
}
.tab-content > .tab-pane h2:first-child,
#description h2,
#description h3,
#description h4,
#description h5,
#description h6 {
  margin-top: var(--m4);
  margin-bottom: var(--m2);
}
#description h2 strong,
#description h3 strong,
#description h4 strong,
#description h5 strong,
#description h6 strong {
  font-weight: 400 !important;
}
#description h2 {
  font-size: var(--h3);
}
#description h3 {
  font-size: var(--h4);
}
#description p,
#description blockquote,
#description table,
#description iframe {
  margin-top: 0;
  margin-bottom: var(--m4);
}
#description iframe {
  display: block;
  margin: auto;
  width: 100%;
  min-height: 450px;
}
#description p a,
#description ul a {
  color: var(--accent);
  text-decoration: underline;
}
#description ul {
  padding: 0;
}
#description .references-boxes {
  padding: 0;
}
#description .references-boxes .container {
  gap: var(--m2);
}
#description .references-boxes * {
  margin: 0;
}
#description .references-boxes a span {
  font-size: var(--subheading);
  justify-content: center;
}
@media (max-width: 992px){
  .tab-content > .tab-pane h2:first-child,
  #description h2,
  #description h3,
  #description h4,
  #description h5,
  #description h6 {
    margin-top: var(--m5);
    margin-bottom: var(--m2);
  }
  #description p,
  #description blockquote,
  #description table,
  #description iframe {
    margin-bottom: var(--m2);
  }
  #description iframe {
    height: 400px;
  }
}
@media (max-width: 768px){
  #description iframe {
    height: 256px;
  }
}

/* P Detail - Gallery */
.plus-gallery-item {
  border: none;
}
.plus-gallery-item img {
  width: 100%;
}
@media (max-width: 768px) {
  .plus-gallery-item {
    width: 120px!important;
    height: 120px!important;
  }
}

/* P Detail - Table */
#description table {
  width: 100%;
  background-color: var(--subtle);
  position: relative;
}
#description table tr td {
  padding: var(--m1);
}
#description table tr:nth-child(odd) {
  background-color: rgba(255,255,255,.05);
}

/* P Detail - Download */
#p-download .items {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
#p-download .items .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 8px 8px 8px 16px;
  align-items: center;
  gap: var(--m2);
  align-self: stretch;
  background-color: var(--subtle);
  border: 1px solid var(--secondary);
  padding: var(--m1);
}
#p-download .items .item .title {
  display: flex;
  gap: var(--m1);
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 768px){
  #p-download .items {
    gap: var(--m1);
  }
  #p-download .item {
    text-align: center;
    flex-wrap: wrap;
  }
  #p-download .items .item span {
    display: none;
  }
  #p-download .items .item .btn {
    width: 100%;
  }
}

/* ALTERNATIVE PRODUCTS SECTION */

.alternative-products {
  background-color: var(--subtle);
}
.alternative-products h2 {
  text-align: center;
  margin: 0;
  margin-bottom: var(--m3);
}

/* ACCORDEON STYLES */

.accordeon {
    margin: var(--m3) 0;
}
.accordion-title {
    background-color: var(--subtle);
    color: var(--neutral-darker);
    padding: 16px;
    cursor: pointer;
    border: none;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease-out;
    margin-bottom: var(--m05);
    font-weight: 500;
}
/* Šípka/ikona */
.accordion-title::after {
    content: '+';
    font-size: 1.5em;
    margin-left: 10px;
    transition: transform 0.3s;
}
/* Otočenie šípky pri aktívnom stave */
.accordion-title.active::after {
    content: '–'; /* Použijeme dlhú pomlčku */
    transform: rotate(180deg);
}
/* Obsah odpovede */
.accordion-content {
    padding: 0 20px;
    overflow: hidden;
    max-height: 0; /* Skrytie obsahu pomocou max-height */
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    color: #555;
}
/* Rozbalený obsah */
.accordion-content.show {
    max-height: 500px; /* Nastavíme dostatočne veľkú hodnotu, aby sa obsah zobrazil */
    padding: 15px 20px;
}
.accordion-content p {
  margin-bottom: var(--m2) !important;
}

/* BREADCRUMBS */

.breadcrumbs {
  text-align: center;
  padding: 0 var(--m1);
  font-size: 14px;
  border-bottom: 1px solid var(--subtle);
}
.breadcrumbs a, .breadcrumbs span {
}
.navigation-home-icon-wrapper::before {
  color: white;
}
.accordion.active {
  background-color: var(--secondary);
}
.navigation-home-icon-wrapper #navigation-first a {
  padding-left: 0;
}

/* ACCORDION */

.accordion {
  color: var(--white) !important;
  background-color: var(--subtle) !important;
  transition: var(--transition);
  margin-bottom: 2px;
}
.accordion:hover {
  background-color: var(--lighter) !important;
}
.accordion.active {
  background-color: var(--secondary) !important;
  color: var(--accent) !important;
}
.panel {
  background-color: transparent !important;
  padding: var(--m2) !important;
}
.accordion.active:after {
  color: var(--accent) !important;
}

/* PAGINATION */

.pagination-wrapper {
  margin: 6rem 0;
}
.pagination-top>strong, .pagination-top .pagination-link, .pagination a, .pagination-loader .btn-default {
  background-color: var(--subtle);
  color: var(--white);
  border: none;
}
.pagination-top:hover>strong, .pagination-top:hover .pagination-link, .pagination a:hover, .pagination-loader .btn-default:hover {
  background-color: var(--hover);
  color: var(--white);
  border: none;
}

/* CART STEPS */

.in-kosik,
.ordering-process {
  background-color: var(--subtle);
}
ol.cart-header {
  border: none;
}
.cart-header .step {
    position: relative;
}
/* Linka medzi krokmi */
.cart-header .step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 35%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background-color: var(--light);
    z-index: 0;
    margin-right: -50%;
}
ol.cart-header .step span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
ol.cart-header .step span:before {
  content: '1';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: var(--white);
  border: 1px solid var(--accent);
  font-size: var(--subheading);
  font-weight: 600;
  border-radius: 100%;
  margin-bottom: var(--m1);
  z-index: 1;
}
ol.cart-header .step-2 span:before {
  content: '2';
}
ol.cart-header .step-3 span:before {
  content: '3';
}
ol.cart-header .step.active span:before,
ol.cart-header .step:hover span:before {
  background-color: var(--accent);
  color: var(--white);
  transition: var(--transition);
}
ol.cart-header li.completed a span, ol.cart-header li.completed strong span {
  color: var(--html);
}
ol.cart-header li a span, ol.cart-header li strong span {
  background-color: transparent;
  border: none;
  color: var(--html);
  font-size: var(--body-small);
  font-weight: 400;
}
ol.cart-header li a:hover span {
  background-color: transparent;
  color: var(--accent);
  transition: var(--transition);
}
ol.cart-header li.active a span, ol.cart-header li.active strong span {
  background-color: transparent;
  border: none;;
  color: var(--neutral-darker);
}
@media (max-width: 767px) {
    ol.cart-header {
        flex-direction: row;
    }
}
.cart-table {
  border: none;
  color: var(--html);
  margin-bottom: var(--m5);
}
.cart-table tbody {
  display: flex;
  flex-direction: column;
  gap: var(--m05);
}
.cart-table tr td.p-name a {
}
.cart-table tr td.cart-p-image, .cart-table tr {
  background-color: var(--white);
  border-radius: 8px;
  border: none;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.cart-table tr td {
  border: none;
}
.cart-table .p-name {
  flex: 1;
}
td .availability-label,
.cart-table .price-additional, 
.cart-table .price-final, 
.cart-table .price-save, 
.cart-table .unit-value,
.availability-amount {
  font-size: var(--body-small) !important;
}
.quantity .decrease, .quantity .increase,
.cart-table .p-quantity .quantity input {
  width: 32px;
  height: 32px;
}
.quantity .decrease:before, .quantity .increase:before {
  line-height: 32px;
}
.cart-table .p-quantity .quantity {
  padding: 0 32px;
}
.summary {
  background-color: var(--light);
  color: var(--neutral-darker);
  display: flex;
  flex-direction: column;
  padding: var(--m3) var(--m2);
  border-radius: 8px;
}
.summary>* {
  flex: unset;
  width: 100%;
  margin: 0;
}
.summary .col-md-8 {
  display: none;
}
.summary .col-md-4 {
  margin-bottom: var(--m3);
}
.next-step {
  gap: var(--m2);
  padding: 0;
  padding-top: var(--m2);
  justify-content: space-between;
}
.next-step .btn.btn-lg {
  padding: 16px 24px;
  line-height: 1;
}
.next-step .btn.btn-lg.next-step-back {
  padding: 0;
}
.order-button-text {
  letter-spacing: 0;
  text-transform: none;
}
.in-krok-2 .next-step {
  padding: 0;
}
.in-krok-2 .consents-first {
  font-size: var(--body-small);
  margin: var(--m2) 0;
}
.continue-shopping,
.next-step .btn.btn-lg.next-step-back {
  text-transform: none;
  color: var(--neutral-darker);
  text-decoration: underline;
  letter-spacing: 0;
}
.continue-shopping:hover {
  color: var(--accent);
}
.recapitulation-wrapper .order-summary-item.total {
  color: var(--neutral-darker);
  font-weight: 400;
}
@media(max-width: 992px) {
  .cart-table tr {
    margin-bottom: unset;
    padding: var(--m2);
  }
  .discount-coupon .form-control.lg {
    margin-bottom: var(--m1);
  }
}
@media (min-width: 992px) {
  .cart-wrap {
    display: flex;
    gap: var(--m9);
  }
  .cart-inner {
    padding: 0;
    flex: 65%;
  }
  .summary,
  .co-box {
    flex: 35%;
    align-self: flex-start;
  }
}
@media (min-width: 480px) {
  .next-step {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--m2);
  }
}
.extra.delivery {
  padding: var(--m2);
  margin: 0;
  background-color: var(--light);
  color: var(--neutral-darker);
  border-radius: 8px;
}
.extra.delivery:before {
  color: var(--accent);
  font-size: 30px;
}
.discount-coupon {
  text-align: left;
}
.discount-coupon .form-control {
  height: auto;
}
.discount-coupon .btn-default:before {
  display: none;
}
.discount-coupon .form-control.lg {
  padding: 13px 16px;
  margin-right: var(--m1);
}
.remove-item:before {
  color: var(--html);
}
body.ordering-process .sidebar {
  display: none;
}
.box.box-bg-default {
  padding: var(--m2);
  background-color: var(--white);
  border-radius: 8px;
  border: none;
}
.ordering-process .cart-inner {
  margin-bottom: var(--m3);
}
.order-delivery-payment-form {
  flex-direction: column;
}
.order-delivery-payment-form .box {
  width: 100%;
}
.payment-info b {
  text-transform: none;
  font-weight: 500 !important;
  color: var(--neutral-darker);
}
.co-payment-method {
  margin: 0;
}
.order-information, .order-delivery, .order-payment {
  margin-bottom: var(--m2);
  padding-bottom: var(--m2);
}
.radio-wrapper input[type=radio]+label {
}
.radio-wrapper {
  margin: 0;
  border-color: var(--neutral-subtle);
  padding: 1rem;
}
.radio-wrapper.active {
  background-color: transparent;
}
.radio-wrapper.active label > span b,
.radio-wrapper.active .for-free {
}
.order-recapitulation>div,
.order-summary-item {
  border: none;
}
.order-summary-item {
  padding: var(--m05) 0;
  border: none;
}
.order-summary-item a {
  text-decoration: underline;
  color: var(--neutral-darker);
}
.order-summary-item.price {
  margin-top: var(--m2);
}
.order-recapitulation {
  border-top: 1px solid var(--lighter);
}
a.next-step-back:hover {
  color: var(--accent);
}
.flags {
  left: 2px;
  top: 2px;
}
.flags-default .flag:after, .flags-default .flag:before {
  display: none;
  position: relative;
  top: unset;
  right: unset;
  bottom: -2px;
  left: unset;
  transform: unset;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.flags-default .flag {
  text-transform: lowercase;
  font-weight: bold;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--m05);
  height: 32px;
  padding: 8px 16px;
}
.price-standard {
  color: var(--html);
}
.flag.flag-discount {
  background-color: var(--light);
  display: none;
}
.flags-extra .price-save, .flags-extra .price-standard {
  color: #4a3737;
}
.flag.flag-gift {
  background-color: #E9F3F5;
  color: #1A8286;
}
.flag.flag-gift:before {
  content: url('/user/documents/upload/media/icons/icon-tag-gift.svg');
  display: flex;
  align-items: center;
}
.flags-extra .flag {
  width: 80px;
  height: 80px;
  font-size: 10px;
}
.flags-extra .flag span {
  text-transform: lowercase;
}
.flag.flag-freeshipping {
  background-color: var(--subtle);
  color: var(--accent);
}
.flag.flag-freeshipping .flag-text {
  text-align: center;
}
.flag.flag-freeshipping .flag-text:before {
  content: 'DOPRAVA';
  display: block;
}
.flag-freeshipping .icon-van {
  font-size: 24px;
  margin-bottom: 4px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .products-additional .flags-extra .flag {
      font-size: 12px;
      height: 80px;
      width: 80px;
  }
}
.order-summary {
  padding: var(--m2);
  border: none;;
  margin-bottom: var(--m2);
  border-radius: 8px;
  background-color: var(--light);
  color: var(--neutral-darker);
  align-self: flex-start;
}
.co-billing-address {
  padding-bottom: var(--m2);
  padding: 0;
  border: 0;
}
.co-box-additional {
  padding: var(--m2);
  background-color: white;
  border-radius: 8px;
  border: none;
}
.form-group>.phone-combined-input {
  max-width: 100%;
}
.price-primary {
}
.ordering-process h4 {
  margin-bottom: var(--m3);
}
#submit-order {
  padding: 12px 32px;
}
#submit-order .order-button-text {
  font-weight: 600;
  font-size: var(--subheading);
  margin-bottom: var(--m05);
}
#submit-order .order-button-suffix {
  margin: 0;
  padding: 0;
}
.action-button {
  cursor: pointer;
  width: auto;
}
.action-button span {
  display: block;
  font-size: var(--body-smaller);
  line-height: 1.4
}
.action-button span:first-child {
  font-weight: 600;
  font-size: var(--subheading);
}
.cart-heading.h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--h2);
  font-weight: 600;
}
.cart-heading.h1:before, .cart-heading:before {
  font-size: var(--h2);
  color: var(--accent);
}

/* SEARCH MODAL */ 

.recommended-products .next:hover, .recommended-products .prev:hover, .recommended-products a.recommended-product {
  color: var(--html);
  text-align: center;
  background-color: white;
  min-height: 240px;
  padding-top: var(--m2);
}
.recommended-products .browse:before,
.toggle-window-arr:before,
.compact-form .btn.btn-lg::before {
    font-size: 24px;
}
.compact-form .btn.btn-lg {
  color: var(--base);
  border-color: var(--accent);
  background-color: var(--accent);
  border-radius: 100px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
}
.indicator>div, .poll-result>div {
  background-color: var(--accent);
}

/* PAGE - SLOZENI */

.in-slozeni-synouvelle .page-title {
  display: none;
}
.slozeni-header {
  padding: var(--m5) 0;
  background-color: var(--subtle);
}
.slozeni-header .container {
  display: flex;
  flex-direction: column;
  gap: var(--m3);
  align-items: center;
}
.slozeni-header .boxes {
  display: flex;
  gap: var(--m1);
  flex-wrap: wrap;
}
.slozeni-header .boxes>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--m2);
  background-color: var(--white);
  padding: var(--m3);
  flex: 1 0 0;
}
.slozeni-header .boxes>div * {
  margin: 0;
}
.slozeni-header .boxes>div img {
  max-width: 80px;
}
.slozeni-header .boxes>div p {
  font-size: var(--body-small);
}
.slozeni-header .buttons {
  display: flex;
  gap: var(--m2);
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 992px){
  .slozeni-header .container {
    gap: 0;
  }
}
@media (max-width: 552px){
  .slozeni-header .boxes {
    flex-direction: column;
  }
}

/* Slozeni Boxes */
#slozeni {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#slozeni .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#slozeni .boxes {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px var(--Sizing-XS, 16px);
  align-self: stretch;
  flex-wrap: wrap;
}
#slozeni .boxes>div {
  display: flex;
  padding: var(--Sizing-M, 32px) var(--Sizing-S, 24px);
  flex-direction: column;
  align-items: center;
  gap: var(--m2);
  flex: 1 0 0;
  text-align: center;
  background-color: var(--subtle);
  flex: 24%;
  align-self: stretch;
}
#slozeni .boxes>div img {
  border-radius: 100%;
  max-width: 96px;
}
#slozeni .boxes>div h4 {
  margin: 0;
  font-size: var(--subheading);
}
#slozeni .boxes>div p {
  font-size: var(--body-small);
}
#slozeni .boxes>div .badge {
  background-color: white;
  padding: var(--m05) var(--m2);
  font-size: var(--body-small);
  border-radius: 24px;;
  color: var(--neutral-darker);
}
@media(max-width: 768px) {
  #slozeni .boxes>div {
    flex: 320px;
  }
}
/* Slozeni - Cesta */

#cesta {
  background-color: var(--subtle);
  padding-bottom: 0;
}
#cesta .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#cesta .content {
  display: flex;
  gap: var(--m5);
  align-items: center;
  justify-content: center;
}
#cesta .boxes .box {
  display: flex;
  gap: var(--m2);
  padding: var(--m2);
  background-color: var(--white);
  margin-bottom: var(--m1);
  justify-content: flex-start;
  border-radius: var(--m1);
}
#cesta .boxes .box div {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}
#cesta .boxes .box .icon {
  flex: 64px 0 0;
}
#cesta .boxes p {
  font-size: var(--body-normal);
  margin-bottom: var(--m05);
  text-align: left;
}
#cesta .boxes p.perex {
  font-size: var(--body-small);
  margin-bottom: var(--m2);
}
#cesta .boxes.right p {
  text-align: left;
}
#cesta .boxes.right .box,
#cesta .boxes.left .box {
  flex-direction: row-reverse;
}
#cesta .boxes p.title {
  color: var(--neutral-darker);
  font-weight: bold;
}
 #cesta .content .main-img {
  flex: 35% 0 0;
  text-align: center;
 }
@media (max-width: 992px){
  #cesta .content{
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--m1);
  }
  #cesta .content .main-img img {
    width: 400px;
  }
   #cesta .content .main-img {
    flex: 100% 0 0;
   }
 #cesta .boxes.left {
   order: -2;
 }
  #cesta .boxes.right {
    order: -1;
  }
  #cesta .boxes.left .box {
    flex-direction: row-reverse;
  }
  #cesta .boxes.left .box p {
    text-align: left;
  }
  #cesta .boxes .icon {
    width: 24px;
  }
}
/* Slozeni - Proces */
#slozeni-proces {
  padding-bottom: 0;
}
#slozeni-proces h2,
#slozeni-proces p {
  margin: 0;
}
#slozeni-proces .texts {
  padding-right: var(--m9);
  display: flex;
  flex-direction: column;
  gap: var(--m3);
}
#slozeni-proces .columns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--m1);
}
#slozeni-proces .columns div {
  flex: 49% 0 0;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
}
#slozeni-proces .columns div p {
  font-size: var(--body-small);
}
#slozeni-proces .columns div p.title {
  font-size: var(--subheading);
  color: var(--neutral-darker);
  font-weight: 600;
}
#slozeni-proces .motto {
  background-color: var(--subtle);
  padding: var(--m3);
  margin-bottom: var(--m3);
}
@media(max-width: 992px) {
  #slozeni-proces .texts {
    padding-right: 0;
  }
  #slozeni-proces .columns {
    flex-direction: column;
  }
  #slozeni-proces .columns div {
    flex: 100% 0 0;
  }
}

/* Slozeni - Products */
#slozky-produkty {
  padding-bottom: 0;
}
#slozky-produkty .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#slozky-produkty .boxes {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--m1);
  align-self: stretch;
  flex-wrap: wrap;
}
#slozky-produkty .boxes>div {
  display: flex;
  gap: var(--m2);
  padding: var(--m2) var(--m2);
  background-color: var(--subtle);
  margin-bottom: var(--m1);
  justify-content: flex-start;
  flex: 49% 0 0;
  align-self: stretch;
}
#slozky-produkty .boxes .text {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  font-size: var(--body-small);
}
#slozky-produkty .boxes .product-img {
  flex: 64px 0 0;
}
#slozky-produkty .boxes .product-img img {
  border-radius: 100%;
}
#slozky-produkty .boxes .btn {
  align-self: flex-start;
}
@media(max-width: 992px) {
  #slozky-produkty .boxes {
    flex-direction: column;
  }
  #slozky-produkty .boxes>div {
    flex: 100% 0 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  #slozky-produkty .boxes .btn {
    align-self: unset;
  }
}

/* PAGE - TESTIMONIALS */

.in-reference .page-title {
  display: none;
}
.testimonials-header {
  padding: var(--m9)) 0;
  background-color: var(--subtle);
}
.testimonials-header .container .row {
  display: flex;
  align-items: center;
}
.testimonials-header .texts {
  padding-right: var(--m9);
  display: flex;
  flex-direction: column;
  gap: var(--m3);
  justify-content: center;
}
.testimonials-header h1 {
  margin: 0;
}
.testimonials-header .boxes {
  display: flex;
  gap: var(--m05);
}
.testimonials-header .boxes>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--m1);
  background-color: var(--white);
  padding: var(--m2);
  flex: 1 0 0;
}
.testimonials-header .boxes>div * {
  margin: 0;
}
.testimonials-header .boxes>div h4 {
  color: var(--accent);
  margin: 0;
}
.testimonials-header .boxes>div p {
  font-size: var(--body-small);
  color: var(--neutral-darker);
}
@media (min-width: 992px){
  .testimonials-header .boxes {
    display: none;
  }
}
@media (max-width: 992px){
  .testimonials-header {
    padding: var(--m5) 0;
  }
  .testimonials-header .container {
    gap: 0;
  }
  .testimonials-header .texts {
    padding: 0 var(--m1);
    text-align: center;
    margin-bottom: var(--m3);
  }
  .testimonials-header .image {
    display: none;
  }
  .testimonials-header .btn {
    width: 100%;
  }
}
/* References-main Boxes */
#references-main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#references-main .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#references-main .boxes {
  display: flex;
  gap: var(--m1);
  flex-wrap: wrap;
  max-width: 1200px;
  justify-content: center;
  padding: 0 var(--m1);
}
#references-main .boxes>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 0;
  flex: 30%;
  background-color: var(--subtle);
  margin-bottom: var(--m2);
}
#references-main .boxes>div img {
}
#references-main .boxes>div .texts>* {
  margin: 0;
}
#references-main .boxes>div .texts {
  display: flex;
  flex-direction: column;
  gap: var(--m2);
  padding: var(--m3);
}
#references-main .boxes>div h4 {
  margin: 0;
}
#references-main .boxes>div .badge {
  color: var(--accent);
  font-size: var(--body-small);
  min-height: 40px;
}
#references-main .boxes>div p {
  font-size: var(--body-small);
  display: flex;
  gap: var(--m1);
}
#references-main .boxes>div p:before {
  content: url('/user/documents/upload/media/icons/icon-quote.svg');
}
@media(max-width: 768px) {
  #references-main .boxes>div {
    flex: 320px;
  }
}
.in-reference .testimonials .headline img {
  max-width: 180px;
  align-self: center;
}

/* PAGE - CONTACT */

.in-kontakt .page-title {
}
/* Main Contacts */
.contact-boxes {
  display: flex;
  justify-content: center;
  /* align-items: flex-start; */
  align-content: flex-start;
  gap: var(--m1);
  align-self: stretch;
  flex-wrap: wrap;
  margin: 0;
  padding: var(--m5) 0;
}
.contact-boxes>div {
  background-color: var(--subtle);
  display: flex;
  padding: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1 0 0;
}
.contact-boxes>div h4 {
  margin: var(--m2) 0;
}
.contact-boxes>div a.contact-mail,
.contact-boxes>div a.contact-phone {
  margin-bottom: var(--m1);
  display: flex;
  align-items: center;
  gap: var(--m05);
  padding: 8px 16px;
  color: var(--neutral-darker);
  text-decoration: none;
}
.contact-boxes>div a.contact-mail:before {
  position: relative;
  bottom: -2px;
  content: url('/user/documents/upload/media/icons/icon-envelope.svg');
}
.contact-boxes>div a.contact-phone:before {
  position: relative;
  bottom: -2px;
  content: url('/user/documents/upload/media/icons/icon-phone.svg');
}

/* Contact Form Section */
.contact-form {
  margin: 0;
  display: flex;
  align-self: stretch;
  flex-wrap: wrap;
  padding: 0;
  padding-top: var(--m9);
}
.contact-form>div {
  flex: 1 0 50%;
}
.img-wrapper {
  min-height: 352px;
  background-image: url('/user/documents/upload/media/image_banner_synouvelle_3 1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.form-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: var(--m5) var(--m2);
  max-width: 100%;
  min-width: 300px;
}
.form-wrapper h3 {
  margin: 0;
}
.form-wrapper form {
  width: 100%;
}
.form-wrapper .form-group{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-group>input.form-control, .form-group>select.form-control, .form-group>textarea.form-control {
  max-width: 100%;
  background-color: var(--white);
  color: var(--html);
}
@media (min-width: 552px) {
  .form-wrapper {
      padding: 64px;
  }
}

/* PAGE - CUSTOMER */

.customer-page h1 {
  font-size: var(--h2);
}

/* CONTENT MODAL */

.content-modal {
  background-color: var(--subtle);
  color: var(--html);
}

/* FOOTER STYLES */

#footer {
  background-color: var(--base);
  color: var(--html);
  padding: 0;
  border: none;
  margin-top: var(--m9);
}
#footer .banner {
  margin-bottom: 0;
}
.footer-rows .custom-footer {
  padding: var(--m5) 0 0 0;
  display: flex;
}
@media(max-width: 552px) {
  .footer-rows .custom-footer {
    padding: 3rem 0;
  }
}
#footer .custom-footer {
  display: flex;
  flex-wrap: wrap;
}
#footer .custom-footer>div {
  width: 100%;
}
#footer .custom-footer>div:last-child {
  display: none;
}
@media (min-width: 768px) {
  #footer .custom-footer>div {
    flex: 1;
  }
  #footer .custom-footer>div.custom-footer__banner7 {
    width: 100%;
  }
}
#footer .custom-footer__nav {
  padding: 0 20px 20px 20px;
}
#footer .custom-footer__nav nav {
  display: flex;
  flex-direction: column;
}
#footer .custom-footer__nav a {
  margin-bottom: .6rem;
  text-decoration: underline;
  font-size: var(--body-small);
}
#footer a, #footer h4 {
  color: var(--html);
}
#footer h4 {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  color: var(--accent);
}
.footer-bottom {
  display: none;
}
#footer a.social-icon {
  color: var(--lighter);
  background-color: transparent;
  border: 1px solid var(--lighter);
}
#footer a.social-icon:hover {
  color: var(--white);
  background-color: var(--hover);
  border: 1px solid var(--hover);
}
#footer .footer-newsletter {
  background-color: var(--lighter);
  padding: var(--m4);
  color: white;
}
#footer .footer-newsletter h4 {
  margin-bottom: var(--m1);
  font-weight: 400;
  color: white;
}
#footer .footer-newsletter p {
  padding: 0;
  color: white;
}
#footer .footer-newsletter form {
  max-width: 550px;
}
#footer .subscribe-form a {
  color: white;
  text-decoration: underline;
}
#footer .subscribe-form .btn {
  background-color: var(--accent);
  border: none;
  color: white;
  border-radius: 100px;
  width: auto;
  padding: 0;
  width: auto;
  height: auto;
}
#footer .subscribe-form .sr-only {
  font-size: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 48px;
  height: 48px;
}
#footer .subscribe-form .sr-only:after {
  content: '';
  background-image: url("/user/documents/upload/media/icons/icon-send.svg");
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 24px;
  height: 24px;
}
@media (min-width: 768px){
  #footer .footer-newsletter {
    justify-content: center;
    gap: var(--m4);
  }
}
#footer .footer-newsletter .newsletter-header {
  margin: 0;
  flex: unset;
}
#footer .custom-footer__newsletter .consents-first {
  margin-top: 0;
}
.consents a {
  font-weight: var(--font-400);
}
#footer .footer-hide {
  display: none;
}
#footer nav {
  display: flex;
  flex-direction: column;
}
#footer nav a {
  margin-bottom: var(--m1);
}
#footer .contact-box ul li>span:before {
  color: var(--accent);
}
#footer .f-socials {
  display: flex;
  flex-direction: row;
  gap: var(--m1);
}
#footer .f-socials a:hover {
  transform: translateY(-8px);
}
#footer address {
  margin-top: var(--m2);
  font-style: normal;
}
#footer address a {
  margin-bottom: var(--m1);
}
#footer address a:hover {
  color: var(--accent);
}
#footer address a:before {
  position: relative;
  bottom: -6px;
  margin-right: var(--m1);
}

/* Footer - Payments Methods */
#footer .custom-footer__banner7 {
  width: 100%;
}
#footer .footer-payments ul {
  display: flex;
  justify-content: center;
  gap: var(--m1);
  padding: var(--m2) 0;
  border-top: 1px solid var(--neutral-subtle);
  border-bottom: 1px solid var(--neutral-subtle);
  flex-wrap: wrap;
}
#footer .footer-payments ul li {
  display: flex;
  padding: var(--m1);
  background-color: var(--white);
  border-radius: 8px;
}
.footer-payments ul li:before {
  display: none;
}
@media (max-width: 768px) {
  #footer {
    margin-top: var(--m5);
  }
  #footer .custom-footer>div {
    text-align: center;
  }
  #footer .compact-form {
    max-width: 300px;
    margin: 0 auto;
  }
  #footer .banner {
    min-height: unset;
    margin: 0;
  }
  #footer .f-socials {
    justify-content: center;
  }
  #footer .compact-form {
    max-width: unset;
  }
  #footer .compact-form .btn {
    font-size: var(--html);
  }
}
/* HONZA - ÚPRAVY */

.slick-list.draggable {
    width: 100% !important;
}
.index-content-wrapper {
    display: flex;
    flex-direction: column;
}
.navigationWrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 400px;
    justify-content: space-between;
    position: relative;
    /* left: 50%; */
    /* transform: translateX(-50%); */
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 2px;
    width: 50px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li.slick-active button:before {
    color: #FFDA08;
    opacity: 1;
    width: 50px;
    height: 2px;
    background-color: #FFDA08;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 50px;
    height: 2px;
    background-color: #fff;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev,
.slick-next,
.slick-dots {
  position: static;
  width: auto;
}
.slick-prev:before,
.slick-next:before {
  content: "\e90e";
  -webkit-transition: transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  transform: rotate(90deg);
  font-size: 30px;
}
.slick-next {
  transform: rotate(180deg);
  order: 3;
}
.slick-prev,
.slick-next {
  height: auto;
  width: auto;
}
.homepage-products-2 .product {
  padding: 0 20px;
}
.homepage-products-2 .product .btn {
  display: none;
}
h2.header-slider {
  font-size: var(--h3);
  margin: 0;
}
.in-index .homepage-tabs-wrapper {
  padding: var(--m9) var(--m2);
}
.in-index .homepage-tabs-wrapper .shp-tabs-row {
  margin: 0;
}
.in-index .responsive-nav .shp-tabs-holder {
  margin-bottom: var(--m3);
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--m2);
  display: none;
}
.responsive-nav .navigation-btn
.homepage-tabs-wrapper .shp-tabs-holder ul.shp-tabs {
  margin: 0;
  height: 0;
}
.in-index .tab-content,
.in-index .category-header form {
  margin: auto;
  padding-right: 0;
  padding-left: 0;
  max-width: inherit;
}
.helpIconInfo.active {
  display: none;
}
@media (max-width: 992px){
  .in-index .responsive-nav .shp-tabs-holder {
    flex-direction: column;
  }
  .in-index .homepage-tabs-wrapper {
    padding: var(--m5) var(--m2);
  }
}
.type-product.type-detail .p-detail-tabs-wrapper h2,
.type-product.type-detail .p-detail-tabs-wrapper h1,
.type-product.type-detail .p-detail-tabs-wrapper h3,
.type-product.type-detail .p-detail-tabs-wrapper h4,
.type-product.type-detail .p-detail-tabs-wrapper h5,
.type-product.type-detail .p-detail-tabs-wrapper h6,
.type-product.type-detail .p-detail-tabs-wrapper p,
.type-product.type-detail .products-block>div .p .name,
.type-product.type-detail .products-block>div .price-final strong {
}
.type-product.type-detail .form-group>input.form-control, 
.type-product.type-detail .form-group>select.form-control, 
.type-product.type-detail .form-group>textarea.form-control {
  background-color: var(--white);
}
/* ------------------------------------------------ */
/* 1. Základný Grid Kontajner (plus-gallery-wrap) */
/* ------------------------------------------------ */
.plus-gallery-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
}

/* ------------------------------------------------ */
/* 2. Položka Galérie (plus-gallery-item) */
/* ------------------------------------------------ */
.plus-gallery-item {
    /* !! Dôležité: Prepíše inline štýly !! */
    width: 100% !important; 
    height: auto !important;
    overflow: hidden;
    position: relative; 
    
    /* KĽÚČ PRE ZAPLNENIE GRIDU (Masonry/Pinterest efekt) */
    /* Prikáže položke zabrať viac riadkov na základe pomeru strán */
    /* V tomto prípade 2 riadky. Upravte 2, 3 alebo 4, kým to nebude vyzerať dobre. */
    grid-row-end: span 2; 
}

/* ------------------------------------------------ */
/* 3. Obrázky vo vnútri */
/* ------------------------------------------------ */
.plus-gallery-item a,
.plus-gallery-item img {
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.plus-gallery-item img {
    object-fit: cover; 
}
@media (max-width: 500px) {
    .plus-gallery-wrap {
         grid-template-columns: auto auto;
    }
    .plus-gallery-item {
    }
}
.type-product #description * {
    box-sizing: border-box;
}
.detail-parameters-wrapper {
  display: none;
}
#description table {
  background-color: transparent;
  margin-bottom: var(--m5);
}
#description table tr {
  min-height: unset;
}
#description table tr td,
#description table tr th {
  padding: 12px;
  height: auto;
  min-height: unset;
  line-height: 1.4;
}
@media (max-width: 768px){
  #description table tr td {
    padding-top: 0px;
    margin: 0;
  }
}
#description table tr:nth-child(odd) {
  background-color: var(--subtle);
}
#description .box {
  background-color: var(--subtle);
  padding: var(--m5);
  margin-bottom: var(--m3);
}
#description .box h2,
#description .box h3,
#description .box h4 {
  margin-top: 0 !important;
}
#description .box p {
  margin-bottom: var(--m2);
}
/* Content Columns */
#description .content-columns {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  padding: 0;
} 
#description .content-columns .col {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#description .content-columns .col img {
  width: 100%;
}
#description .content-columns .col:first-child {
  background-color: var(--subtle);
  padding: var(--m5);
}
#description .content-columns h2 {
  margin-top: 0 !important;
}
@media (max-width: 768px){
  #description .content-columns {
    flex-direction: column;
  }
  #description .content-columns .col:first-child,
  #description .box {
    padding: var(--m4) var(--m2);
  }
}
#relatedFiles {
  list-style: none;
  padding: 0;
  margin: 0;
}
#relatedFiles li  {
  background-color: var(--white);
  border: 1px solid var(--html);
  padding: var(--m1) var(--m2);
  display: flex;
  align-items: center;
  transition: var(--transition);
}
#relatedFiles li:hover {
  border-color: var(--subtle);
}
#relatedFiles li a {
  color: var(--base);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
#relatedFiles li a:after {
  content: 'Stáhnout';
  display: inline-block;
  background-color: var(--accent);
  color: var(--base);
  font-family: var(--heading-font);
  font-weight: 700;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 8px 20px;
  transition: var(--transition);
}
#relatedFiles li a:hover:after {
  background-color: var(--hover);
}
.type-product.type-detail #p-download .items .item,
.type-product.type-detail .products-block>div .p {
  background-color: var(--white);
  border: none;
}
.type-product.type-detail #footer {
  margin-top: 0;
}

/* ADDING DEALERS BUTTONS */

.group:before, .group:after {
  content: " ";
  display: table
}
.group:after {
  clear: both
}
.group {
  *zoom: 1
}
.menu {
  margin: 0;
  padding-left: 0;
  list-style: none;
  background-color: var(--base);
}
.menu li, .menu a {
  display: inline-block
}
a.more-detail .btn.btn-cart.add-to-cart-button {
  width: 100%;
  color: var(--white);
  border-color: var(--secondary);
  background-color: var(--secondary);
}
a.more-detail .btn.btn-cart.add-to-cart-button:hover {
  color: var(--white);
  border-color: var(--lighter);
  background-color: var(--secondary);
  filter: brightness(130%);
}
.to-contact {
  text-align: right;
  margin-top: 20px;
}
/* STAR RATINGS */

.static-rating-jq {
  display: inline-block;
}
.static-star {
  font-size: 24px;
  color: #ccc; /* Prázdna farba */
}
.static-star.filled {
  color: var(--accent); /* Zlatá farba */
}

/* BLOG STYLES */

.in-blog  #content-wrapper { 
}
.in-blog h1,
.type-posts-listing h1,
.in-blog .sectionDescription p,
.type-posts-listing .sectionDescription p {
  margin: 0;
  max-width: 768px;
}
.in-blog .sectionDescription,
.type-posts-listing .sectionDescription {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  padding: var(--m5) var(--m1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--m2);
  background-color: var(--subtle);
  margin-bottom: var(--m5);
}
.in-blog .content-wrapper-in {
  max-width: 960px;
}
.in-blog .subcategories {
    margin-bottom: var(--m5);
}
.in-blog .subcategories.with-image li a {
  border-radius: 0;
  padding: 0;
}
.in-blog .subcategories.with-image li a .image,
.in-blog .subcategories.with-image li a .image img {
  width: 100%;
  height: unset;
  max-height: unset;
  margin: 0;
}
.in-blog .subcategories li a .text {
  padding: var(--m1) var(--m2);
}
.news-item {
  background-color: var(--subtle);
  margin-bottom: var(--m2);
}
.news-item .image {
  margin: 0;
  position: relative;
}
.news-item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-item .image a:hover {
  opacity: 0.8;
}
.news-item .text {
  padding: var(--m3);
}
.news-item .text .title {
  font-family: var(--heading-font);
  font-weight: 400;
  color: var(--neutral-darker);
}
.news-item .text .title:hover {
  color: var(--accent);
}
@media (max-width: 552px) {
    .in-blog  .subcategories {
        flex-direction: unset;
    }
    .in-blog .subcategories li a .text:after {
      display: none;
      font-size: var(--body-small);
    }
    .in-blog .subcategories li a .text {
      font-size: var(--body-small);
      padding: var(--m1);
      justify-content: center;
    }
}

/* POST DETAIL */

.type-post h1 {
  margin-top: var(--m3);
}

.type-post.one-column-body #content {
  font-size: 12pt;
  line-height: 1.7;
}
.type-post.one-column-body #content blockquote {
  background: #a8877d26;
  margin: 0;
  padding: 30px;
}
.type-post.one-column-body #content blockquote p {
  margin-bottom: 0;
}
.type-post.one-column-body #content .next-prev a {
  text-decoration: none;
}
.type-post.one-column-body h1, .type-post.one-column-body h2, .type-post.one-column-body h3, .type-post.one-column-body h4, .type-post.one-column-body h5, .type-post.one-column-body h6 {
  font-weight: 600;
}
.type-post.one-column-body #content h2 {
  font-size: 22pt;
  margin-top: 56px;
}
.type-post.one-column-body #content h3 {
  font-size: 18pt;
  margin-top: 48px;
}
.type-post.one-column-body #content h4 {
  font-size: 14pt;
  margin-top: 40px;
}
.type-post.one-column-body #content p,
.type-post.one-column-body #content ul,
.type-post.one-column-body #content blockquote {
  margin-bottom: 24px;
}
.type-post.one-column-body #content p img {
  margin-top: 24px;
}
.type-post.one-column-body #content a {
  text-decoration: underline;
  color: var(--accent);
}
.type-post.one-column-body #content blockquote p,
.type-post.one-column-body #content blockquote {
  color: var(--neutral-darker);
}

/* B2B PAGE STYLES */

.in-b2b header[itemprop="headline"],
.in-b2b .breadcrumbs,
.in-b2b #dklab_instagram_widget,
.in-b2b .footer-newsletter,
.in-b2b #footer .cta-section.contacts, 
.in-b2b #footer .custom-footer__articles
 {
  display: none !important;
}
.in-b2b main .container{
  max-width: 1200px;
}
.in-b2b .content-wrapper-in {
  width: 100%;
  max-width: 100% !important;
}
.in-b2b main {
  padding: 0;
}
.in-b2b section {
  padding: 6rem 0;
}
.in-b2b .page-title {
  display: none;
}
.in-b2b #content {
  padding: 0;
}
.in-b2b .b2b-hero {
  background: url("https://www.synouvelle.cz/user/documents/sites-files/b2b/images/b2b-hero-img.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 70vh;
  display: flex;
}
.in-b2b .b2b-hero .btn {
  margin-top: 2rem;

}
.in-b2b .b2b-hero .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.in-b2b .b2b-hero .content {
  flex: 0 0 50%;
}
.in-b2b .content .b2b-hero * {
  color:  white;
}
.in-b2b .content .b2b-hero h1 {
}
.in-b2b .b2b-benefits {
  background-color: var(--subtle);
  text-align: center;
}
.in-b2b .b2b-benefits h2 {
  max-width: 600px;
  margin: 3rem auto;
}
.in-b2b .b2b-benefits h3 {
  margin: 4rem 0;
  max-width: 100%;
  text-align: center;
}
.in-b2b #content-in > article > div > p,
.in-b2b #content-in > article > div > ul > li {
    font-size: 1rem;
    line-height: 1.25rem;
}
.in-b2b #content-in > article > div > ul {
  margin-left: 2rem !important;
}
.in-b2b #content-in > article > div > ul > li {
  list-style-type: none;
}
.in-b2b #content-in > article > div > ul > li:before {
  content: '›';
  color: #f56b00;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 0;
  margin-right: 0.8rem;
}
.in-b2b #content-in>article>div>h2 {
  margin-top: 3.5rem;
}
.benefit-boxes {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.benefit-boxes article {
  flex-grow: 1;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  margin: 4px;;
  padding: 20px;
  background-color: white;
  border-radius: 0;
}
.benefit-boxes article .icon {
    height: 60px;
    margin-bottom: 20px;
}
.benefit-boxes article .caption {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
    max-width: 80%;
}
.btb-partners {
  text-align: center;
}
.partner-logos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  justify-content: center;
}
.partner-logos img {
    align-self: flex-start;
    height: 90px;
    padding: 25px;
}
.in-b2b .b2b-about .col-md-5 {
  padding: 0 var(--m3);
}
.in-b2b .b2b-about {
  background-color: var(--subtle);
}
.in-b2b .b2b-about h2{
  margin-top: 0;
}
.in-b2b .b2b-about img {
  max-width: 200px;
  mix-blend-mode: multiply;
  margin: auto;
  display: block;
}
@media (max-width: 552px){
    .benefit-boxes article {
        width: 45%;
        margin: 5px;
        padding: 15px;
    }
    .benefit-boxes article .icon {
        height: 40px;
    }
    .benefit-boxes article .caption {
        font-size: 15px;
        width: 100%;
    }
  .in-b2b .b2b-about h2{
    margin-top: 0px;
  }
}

/* ADDITONAL IN B2B BANNER CTA STYLES */

.in-b2b .cta-section.contacts {
  background-image: url("https://www.synouvelle.cz/user/documents/sites-files/b2b/images/mockup_b2b_product_scene.jpg");
  background-size: auto 100%;
  background-position: center right;
  background-repeat: no-repeat;
  background-color: #e2bd91;
  padding: 150px 0px;
}
.in-b2b .cta-section.contacts h2 {
}
.in-b2b .cta-section.contacts .btn {
  color: #fff;
  border: none;
  margin-right: 20px;
}
.in-b2b .cta-section.contacts .btn:hover {
}

/* Hide primary Featured Section in B2b */
.in-b2b div.cta-section.pro-features {
  display: none;
}
/* Add custom styles - Featured Section in B2b */
.in-b2b .cta-section.pro-features {
  padding-bottom: 0;
}
.in-b2b .cta-section.pro-features h3 {
  padding-top: 0 !important;
}
.in-b2b .cta-section.pro-features img {
  padding: 0;
}
@media (max-width: 768px){
  .in-b2b .cta-section.contacts {
    background-position: center left;
    padding: 100px 0;
  }
  .in-b2b .banner {
    min-height: unset;
  }
}