/* VARIABLES */

:root {
  /* Colors */
  --base: #0B0D1F;
  --subtle: rgba(255, 255, 255, 0.05);
  --light: rgba(255, 255, 255, 0.10);
  --lighter: rgba(255, 255, 255, 0.20);
  --border: rgba(255, 255, 255, 0.32);
  --secondary: #4A5466;
  --accent: #9BC632;
  --hover: #B9F624;
  --html: #9BA2AB;
  --white: white;

  --gradient-card: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(236, 236, 230, 0.12) 100%);
  --gradient-section: linear-gradient(270deg, #02080F 0%, #0F1034 100.13%);

  --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: 'Poppins', sans-serif;
  --body-font: 'Poppins', sans-serif;
  --subheading: 20px;
  --p-title: 56px;
  --hero: 96px;
  --h1: 64px;
  --h2: 56px;
  --h3: 32px;
  --h4: 24px;s
  --h1-sm: 44px;
  --h2-sm: 40px;
  --h3-sm: 32px;
  --h4-sm: 22px;

  /* Other Styles */
  --container-width: 1400px;
  --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: url('https://www.tatrahemp.sk/user/documents/upload/assets/image_1775037908279.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;  
  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: 600;
  text-transform: uppercase;
  color: var(--white);
  line-height: 1.2;
}
h1, .h1 {
  font-size: var(--h1);
  font-weight: 600;
}
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 {
  }
  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);
}
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 {
    width: 1400px;
    max-width: 100%;
  }
  .container {
    width: 1400px;
    max-width: 100%;
  }
}@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: var(container-width);; 
  }
  .container {
    width: var(container-width);;
  }
}
.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 {
  }
  .content-wrapper.container .row>div {
    padding-left: 0;
    padding-right: 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;
}
.headline p {
  font-size: var(--subheading);
  color: var(--white);
}
@media (max-width: 992px) {
  .about .headline p {
    font-size: var(--body-normal);
  }
}

/* BUTTONS STYLES */

.btn, a.btn {
  font-weight: 600 !important;
  text-transform: none;
  letter-spacing: 0px;
  padding: 8px 20px;
  font-size: var(--body-normal);
  text-transform: uppercase;
  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,
.btn.loadMore__button, .pagination .pagination__list .pagination__link, a.btn.goToTop__button{
  color: var(--white);
  border-width: 1px;
  border-color:  var(--white);
  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/clients/synouvelle/media/icons/icon-envelope.svg');
}
.contact-phone:before {
  content: url('/user/documents/clients/synouvelle/media/icons/icon-phone.svg');
}
.contact-mail:hover,
.contact-phone:hover {
  background-color: rgba(188, 127, 108, 0.15);;
  text-decoration: none !important;
}

/* Widgets */
.cart-widget,
.popup-widget-inner, .popup-widget:before,
.cart-widget, .cart-widget-button {
  background-color: var(--base);
  border-color: var(--accent);
}
.cart-widget, .popup-widget-inner,
.cart-widget-button{
  border-radius: var(--m2);
}
.popup-widget-inner .cart-widget-products {
  padding: var(--m2) 0;
}
.cart-widget-product-amount, .cart-widget-product-unit {
  color: var(--white);
}
.cart-widget-button {
  padding: var(--m1);
}
.cart-widget-button .btn {
  text-align: center;
  padding: var(--m1) var(--m2);
}
.cart-widget-product-name a {
  color: var(--white);
  text-decoration: none;
  font-size: var(--body-small);
}

/* 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;
}

/* Modal - Age verification */
#cboxContent, #cboxOverlay, #cboxTitle {
  background-color: var(--base);
}
#cboxOverlay.siteAgreement {
  opacity: .98 !important;
}
#cboxContent {
  background-color: var(--lighter);
  border: none;
}
#cboxContent p {
  color: var(--white);
}
#cboxContent .btn {
  padding: var(--m1) var(--m2);
}

/* Site Cookies */
@media (min-width: 768px) {
  .siteCookies__form {
    flex-direction: column;
  }
}
.siteCookies__text a, .siteCookies__text p {
  font-size: var(--body-small);
  color: var(--html);
}
.siteCookies__text a, .siteCookies__text strong {
  color: var(--white);
}

/* Tabs */
.shp-tabs-holder, .shp-tabs,
.category-header {
  background-color: var(--light);
  border-radius: var(--m1);
  padding: var(--m05);
}
:where(body.ums_a11y_category_page--on) .listSorting__control {
  font-weight: 600;
  border-radius: var(--m1);
  margin-right: var(--m05);
}
:where(body.ums_a11y_category_page--on) .listSorting__control--current, :where(body.ums_a11y_category_page--on) .listSorting__control:focus-visible, :where(body.ums_a11y_category_page--on) .listSorting__control:hover {
  background-color: var(--lighter);
  color: var(--accent);
}
.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);
  }
  :where(body.ums_a11y_category_page--on) .listSorting__controls {
    justify-content: center;
  }
  .shp-tabs-holder, .shp-tabs, .category-header {
    background-color: transparent;
  }
}

/* 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%;
  }
}
:focus-visible, [tabindex="0"]:focus-visible, input:focus-visible, input[type=checkbox].focus-visible+label, input[type=checkbox]:focus-visible+label, input[type=radio].focus-visible+label, input[type=radio]:focus-visible+label, label:has(input[type=radio].focus-visible), label:has(input[type=radio]:focus-visible), select:focus-visible, textarea:focus-visible
 {
    box-shadow: 0 0 12px rgba(255, 255, 255, .5);
    outline: none;
    outline-offset: 2px;
}
.form-control:focus, select:focus {
  color: var(--html);
}

/* Topbar */

.top-navigation-bar {
  background: var(--accent);
  border: none;
}
.top-navigation-bar *,
.top-navigation-bar .dropdown button, .top-navigation-bar a {
  color: var(--base);
}
.top-navigation-bar a {
  text-decoration: none;
}
.top-navigation-bar a:hover {
  text-decoration: underline;
  color: var(--base);
}
.top-navigation-bar .container>div {
  background-color: transparent;
}

/* 404 page */

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

/* HEADER AND NAVIGATION */

#header {
  background-color: var(--base);
}
#header input[type=search].form-control {
  background: none;
  border: 1px solid var(--accent);
  padding: 16px;
  height: 48px;
}
#header .compact-form .btn {
  height: 40px;
  top: 4px;
  right: 4px;
  background-color: var(--accent);
  border-radius: 56px;
  padding: 4px 20px;
  border: none;
  color: var(--base);
}
.navigation-buttons a[data-target=cart], .navigation-buttons a[data-target=cart]:hover {
  color: var(--white);
}
.navigation-buttons>a[data-target=login] {
  display: block !important;
  position: relative;
}
.navigation-buttons>a[data-target=login]:before {
  content: url('https://www.tatrahemp.sk/user/documents/upload/assets/icon-user.svg');
}
.navigation-buttons span,
.navigation-buttons .visible-lg-inline-block {
  display: none !important;
}
.btn.cart-count:before, a.btn.cart-count:before {
  content: url('https://www.tatrahemp.sk/user/documents/upload/assets/icon-cart.svg');
}
.menu {
  background-color: transparent;
  height: var(--header-height);
}
@media (min-width: 768px) {
  #navigation {
    height: var(--header-height);
    background-color: var(--light);
    backdrop-filter: blur(20px);
    position: relative;
    margin: 0;
  }
  #navigation .container {
    position: relative;
    height: var(--header-height);
  }
  .navigation-in>ul>li {
    border: none;
  }
  .navigation-in>ul>li>a {
    padding-bottom: 18px;
    padding-top: 18px;
    font-size: 18px;
    text-transform: uppercase;
  }
  .navigation-in>ul>li>a:hover {
    background-color: var(--accent);
    color: var(--base);
  }
  .submenu-visible #navigation {
    z-index: 9999;
  }
  .navigation-in>ul>li.exp>ul {
    top: 98%;
  }
}
@media (max-width: 767px) {
  .top-navigation-contacts, 
  .top-navigation-contacts a, 
  .top-navigation-menu, 
  .top-navigation-bar .dropdown, 
  .top-navigation-bar .languagesMenu {
    display: block;
    height: auto;
    padding: 0;
  }
  .top-navigation-contacts, .top-navigation-menu {
    background-color: transparent;
  }
  .top-navigation-contacts {
    border-bottom: 1px solid var(--light);
    padding: var(--m1) 0;
    margin-bottom: var(--m1);
  }
  .top-navigation-contacts a, .top-navigation-menu ul li a {
    padding: var(--m1);
    margin: 0;
    font-size: var(--body-small);
    color: var(--white);
    text-align: center
  }
  .top-navigation-contacts a>span {
    display: unset;
  }
  .top-navigation-bar {
    background-color: var(--base);
    height: 56px;
  }
  .ordering-process .top-navigation-bar {
    position: fixed;
  }
  .responsive-tools>a:before {
    color: var(--white);
  }
  .responsive-tools>a[data-target=navigation]:before, .responsive-tools>a[data-target=navigation]:hover:before,
  .navigation-buttons a[data-target=cart] i, .navigation-buttons a[data-target=cart]:hover i{
    background-color: var(--accent);
    color: var(--base);
  }
  #navigation {
    background-color: var(--base);
  }
  .menu.navigation-in {
    height: auto;
    margin-top: 40px;
  }
  .navigation-in>ul>li {
    border: none;
    margin-bottom: var(--m05);
  }
  .navigation-in>ul>li>a {
    display: flex;
    justify-content: space-between;
    background-color: var(--subtle);
    border-radius: var(--m1);
    padding: var(--m1);
    padding-left: var(--m2);
    color: var(--white);
  }
  .navigation-in>ul>li:last-child {
    border: none;
  }
  .navigation-in ul.menu-level-2 {
    margin: var(--m2) 0;
  }
  .navigation-in ul.menu-level-2 li a {
    color: var(--html);
    padding: var(--m1);
    margin-left: var(--m3); 
  }
}

/* HOMEPAGE CAROUSEL AND BANNERS */

.homepage-box {
  border: none;
  padding: 0;
}
.homepage-box.before-carousel .container {
  margin: 0;
  padding: 0;
  width: 100%;
}
.in-index .banners-row {
  display: flex;
  flex-direction: column;
}
.in-index .banners-row>div {
  width: 100%;
}
.in-index .banners-row>div:nth-child(2) {
  margin: auto;
  margin-top: -9vh;
  max-width: 1400px;
  padding: 0 var(--m1);
}
.next-to-carousel-banners {
  display: flex;
  gap: var(--m1);
}
.next-to-carousel-banners .banner-wrapper,
.banners-row .banner-wrapper+.banner-wrapper {
  flex: 33%;
  margin: 0;
}
@media (max-width: 552px){
  .in-index .banners-row>div:nth-child(2) {
    margin-top: -40px;
  }
  .next-to-carousel-banners {
    flex-direction: row;
    padding: 0;
    width: 100%;
    overflow-x: scroll;
  }
  .next-to-carousel-banners .banner-wrapper, .banners-row .banner-wrapper+.banner-wrapper {
    min-width: 280px;
  }
}

/* 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 {max-width: 768px;}
.page-title .breadcrumbs {
}
.page-title .breadcrumbs:before {
  display: none;
}
.breadcrumbs a, .breadcrumbs span {
  position: relative;
  font-size: var(--body-small);
  color: var(--html);
}
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before {
  display: none;
}
@media (min-width: 992px){
  .breadcrumbs>span>a::after {
    display: block;
    color: var(--accent);
    content: "\e910";
    font-family: Shoptet;
    transform: unset;
    border: none;
    width: 0;
    top: 12px;
    font-size: 12px;;
  }
}
@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);
  }
}

/* BENEFITS BANNERS */

.benefitBanner {
  gap: var(--m1);
  padding: 0 var(--m1);
  margin-top: var(--m5); 
}
.benefitBanner__item {
  padding: var(--m2);
  flex: 1 0 24%;
  margin-bottom: 0;
  text-align: left;
  gap: var(--m2);
  background-color: var(--subtle);
  border-radius: var(--m1);
}
.benefitBanner__link {
  text-align: center;
}
.benefitBanner__link:hover {
  color: var(--accent);
}
.benefitBanner__title {
  font-size: var(--body-normal);
  font-weight: 400 !important;
  color: var(--white);
  margin: 0 0 var(--m1) 0;
  display: block;
  max-width: 160px;
}
@media (min-width: 1200px) {
  .multiple-columns-body .benefitBanner__item {
      flex: 1 1 24%;
  }
}
@media (max-width: 992px) {
  .benefitBanner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap;
    margin: 0;
    margin-top: var(--m5);
    text-align: center;
  }
  .benefitBanner__title {
    max-width: unset;
  }
  .benefitBanner__item {
    flex: 100%;
    width: 100%;
  }
  .benefitBanner__picture {
    flex: 0 0 56px;
    max-width: 56px;
  }
}
@media (max-width: 552px) {
  .benefitBanner {
    padding: 0 var(--m1);
  }
  .benefitBanner__item {
    margin-bottom: var(--m1);
    padding: var(--m2) var(--m1);
    flex-direction: column;
    text-align: left;
    gap: var(--m1);
    margin-bottom: 0;
  }
  .benefitBanner__title {
    font-size: var(--body-small);
    margin-bottom: var(--m05);
    text-align: center;
  }
}

/* HOME BANNER WRAPPER */

@media (min-width: 768px) {
  .banner-wrapper {
      max-width: 100%;
  }
}
.footer-banners {
  display: flex;
  flex-direction: column;
}
.footer-banner {
  width: 100% !important;
}
@media (max-width: 767px) {
  .content-wrapper.container .row {
    margin: 0;
  }
  .content-wrapper.container .row>div.footer-banner {
      padding-left: 0;
      padding-right: 0;
  }
  .footer-banner section {
      padding-left: var(--m1);
      padding-right: var(--m1);
  }
}

/* HOME ADDITIONAL STYLES */

.h4.homepage-group-title, h4.homepage-group-title {
  font-size: var(--h2);
  color: white;
  font-weight: 600;
  max-width: 552px;
  margin: auto;
  margin-top: var(--m9);
  margin-bottom: var(--m2);
}
.body-banners {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.body-banners>div {
  width: 100%;
}
.in-index .content-wrapper.container {
  padding-left: 0;
  padding-right: 0;
}
.homepage-box.welcome-wrapper {
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .h4.homepage-group-title, h4.homepage-group-title {
    font-size: var(--h2-sm);
  }
}

/* SECTION - LATEST CONTRIBUTORS */
.latest-contribution-wrapper {
  margin: 0;
  padding: var(--m9) 0;
}
.latest-contribution-description {
  color: var(--html);
}

/* SECTION - BLOG TOP NEWS */
.blog-wrapper {
  background: var(--gradient-section);
  padding: var(--m9) 0;
}
.blog-wrapper .homepage-group-title {
  margin: 0;
  margin-bottom: var(--m3);
}
.news-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--m2);
  width: 1400px;
  max-width: 100%;
  padding: 0 var(--m2);
}
.news-items .news-item {
  width: 100%;
  padding: var(--m1);
  border-radius: var(--m2);
  margin-bottom: 0;
}
@media (max-width: 552px){
  .in-index .news-items {
    display: flex;
    overflow: hidden;
    overflow-x: scroll;
    max-width: 100%;
  }
  .in-index .news-items .news-item {
    min-width: 320px;
  }
  .in-index .news-item .text .title {
    font-size: var(--body-normal);
  }
}

/* SECTION - ABOUT PREDAJNA */
.about {
  text-align: center;
  background: url('https://www.tatrahemp.sk/user/documents/upload/assets/image_1775037883733.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.about .headline {
  margin: auto;
  margin-bottom: var(--m3);
  max-width: 992px;
}

/* SECTION - BRANDING */

.branding {
  background: var(--gradient-section);
  overflow-x: hidden;
}
.branding .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.branding h2,
.branding p, 
.branding .icon-boxes {
  margin: 0;
  margin-bottom: var(--m3);
}
.branding .icon-boxes {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  gap: var(--m1);
  flex: 1 0 0;
  flex-wrap: wrap;
  max-width: 768px;
}
.branding .icon-boxes .box {
  align-self: stretch;
  display: flex;
  padding: var(--m3);
  background: var(--gradient-card);
  border: 1px solid var(--light);
  flex-direction: column;
  align-items: center;
  gap: var(--m1);
  flex: 32% 0 0;
  font-family: var(--body-font);
  color: var(--html);
  border-radius: var(--m2);
}
.branding .icon-boxes .box h3 {
  font-size: var(--subheading);
  text-transform: none;
  margin: 0;
}
.branding .icon-boxes .box p {
  font-size: var(--body);
  color: var(--html);
  margin: 0;
}
.branding .icon-boxes .box img {
  border-radius: 100%;
  max-width: 56px;
}
@media (min-width: 1200px){
  .branding .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .branding .row>div {
    flex: 1;
  }
  .branding .promo-img img {
    transform: scale(1.2);
  }
}
@media (max-width: 768px){
  .branding .icon-boxes .box {
    flex: 100% 0 0;
  }
  .branding .content {
    /* padding: 0 !important; */
  }
}
@media (min-width: 992px){
  .branding .col-lg-5 {
    flex-basis: 40%;
    padding-right: var(--m5);
  }
}
@media (max-width: 1200px) {
    .branding .icon-boxes {
    display: flex;
    justify-content: center;
    align-content: center;
    gap: var(--m1);
    flex-wrap: wrap;
    text-align: left;
  }
  .branding .promo-img img {
    max-width: 100%;
    width: 540px;
    margin-top: var(--m4);
  }
  .branding .icon-boxes .box {
    display: flex;
    padding: var(--m3);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--m1);
  }
}
@media (max-width: 768px){
  .branding {
    /* padding: var(--m5) 0; */
  }
}

/* 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;
  margin-bottom: var(--m9);
  padding: 0 var(--m1);
}
.products-block>div {
  /* padding: .5rem !important; */
  border: none !important;
}
.products-block>div:hover {
  box-shadow: none;
}
.products-block>div .p {
  padding: var(--m1);
  background-color: var(--light);
  border: 1px solid var(--lighter);
  border-radius: var(--m2);
  
}
.products-block>div .p:hover {
  border: 1px solid var(--accent);
}
.products-block .p>a {
  border-radius: var(--m1);
  overflow: hidden;
}
.products-block>div .p .p-bottom .p-desc {
  display: none;
}
.products-block>div .p .p-in-in {
  flex-direction: column-reverse;
  display: flex;
}
.products-block .p-code {
  display: none;
}
.products-block>div .p .name {
  font-weight: 600;
  font-size: var(--body-normal);
  color: var(--white);
  text-decoration: none;
  text-align: center;
}
.products-block .ratings-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 32px;
  margin-top: var(--m2);
}
.products-block .p-bottom>div {
  flex-direction: column;
  gap: var(--m2);
}
.products-block .p-bottom>div .prices,
.products-block .p-bottom>div .p-tools{
  width: 100%;
}
.products-block.products .p .price {
  text-align: center
}
.products-block .price-final {
  color: var(--accent);
  text-align: left;
}
.products-block .p-bottom .prices strong {
  font-weight: 300;
}
.products-block>div .p .availability {
  color: var(--html);
  font-size: var(--body-smaller);
}
.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);
}
.products-block .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){
  .columns-mobile-2 .products-block>div .p .name {
    width: 100%;
    text-align: center;
    font-size: var(--body-small);
  }
  .products-block>div .p .p-in {
    display: flex;
    flex-direction: column;
  }
  .products-block.products>div {
    padding: var(--m05);
  }
  .products-block>div .ratings-wrapper {
    margin: 0;
  }
}

/* PRODUCT SLIDER */

.navigationWrap {
}

/* CATEGORY ENTRY STYLES */

.type-category {
}
.category-top {
  width: 1024px;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  align-items: center;
  gap: var(--m2);
}
.type-category #content .category-top {
  display: none;
}
.category-perex {
  text-align: center;
  margin-bottom: 0;
}
.category-perex p {
  margin-bottom: 0;
}
#productsTopHeading {
  font-size: var(--h4);
}
:where(body.ums_a11y_category_page--on) .products-top-wrapper {
  width: 100%;
}
.products-inline.products-top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  width: 100%;
  gap: var(--m1);
}
.products-inline.products-top>div {
  width: 100%;
  padding: 0;
  margin: 0;
}
.products-inline.products-top>div .p {
  background-color: var(--light);
  padding: var(--m1);
  border-radius: var(--m2);
}
.products-inline.products-top>div .p .name {
  color: var(--white);
  text-align: left;
}
.products-inline.products-top>div .p .name:hover {
  color: var(--accent);
  text-decoration: underline;
}
.products-inline.products-top>div .p img {
  border-radius: var(--m1);
}
.products-inline.products-top>div .p .availability,
.products-inline>div .p .price strong {
  font-size: var(--body-small);
  color: var(--accent);
}
.type-category .button-wrapper .btn {
  color: var(--accent);
}
.type-category #content-wrapper {
  margin-top: var(--m5);
}
.type-category .products-block {
  padding: 0;
}
.type-category .breadcrumbs-wprapper {
  background-color: var(--light);
  display: flex;
  justify-content: center;
}
.type-category .breadcrumbs {
  width: 1400px;
  background-color: transparent;
}
@media (min-width: 768px) {
    .type-category .content-wrapper-in {
        gap: var(--m3);
    }
}
.type-category .content {
  padding: 0;
}
.subcategories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  margin-bottom: var(--m5);
  gap: var(--m1);
  padding: 0 var(--m1);
}
.subcategories li {
  width: 140px;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.subcategories li a:before {
  display: none;
}
.subcategories li a {
  flex-direction: column;
  justify-content: flex-start;
  height: 150px;
  padding: var(--m2) var(--m1);
  gap: var(--m1);
  border-radius: var(--m2);
  background: var(--gradient-card);
  border: 1px solid var(--light);
  text-decoration: none;
}
.subcategories li a:hover {
  border: 1px solid var(--accent);
}
.subcategories.with-image li a .image,
.subcategories.with-image li a .image img {
  width: 75%;
  max-height: unset;
  border-radius: var(--m1);
}
.subcategories.with-image li a .text {
  text-align: center;
  width: 100%;
  padding: 0;
  color: var(--white);
  font-size: var(--body-small);
}
.subcategories.with-image li a:hover .text {
  color: var(--accent);
}
@media (max-width: 768px) {
  .subcategories {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));  
  }
  .subcategories li {
    width: 30%;
  }
  .subcategories li a {
    height: 116px;
    padding: var(--m1);
    gap: var(--m1);
  }
  .subcategories.with-image li a .text {
    font-size: var(--body-smaller);
  }
}

/* SIDEBAR */

.sidebar {
  background-color: transparent;
}
.box.box-bg-dark, .box.box-bg-default, .box.box-bg-variant, .box.box-sm.box-filters {
  background: var(--light);
  backdrop-filter: blur(40px);
  border-radius: var(--m2);
  border: 1px solid var(--lighter);
  margin-bottom: var(--m2);
  overflow: hidden;
}
.box.box-sm.box-filters, .box.box-sm.box-filters .slider-wrapper {
  padding: 0;
}
.filter-sections {
  background-color: var(--subtle);
}
.box.box-sm.box-filters .slider-header,
.box.box-sm.box-filters .slider-content {
  margin: var(--m1) var(--m2);
}
.box.box-sm.box-filters .slider-content {
  margin-bottom: var(--m3);
}
.ui-slider .ui-slider-range, .ui-slider-handle, .ui-slider-handle:hover {
  background-color: var(--accent);
}
.sidebar-inner {
  padding: 0;
}
.sidebar-inner>div {
  padding: 0;
}
.sidebar h4 {
  padding: var(--m2);
  background-color: var(--light);
}
.sidebar .categories {
  margin: 0;
}
.categories li {
  margin-bottom: var(--m05);
  margin-left: var(--m2);
}
.box-bg-variant .categories a {
  color: var(--html);
  padding: var(--m1) var(--m2);
  border-radius: var(--m1);
}
.box-bg-variant .categories a:hover {
  background-color: var(--light);
  color: var(--accent);
}
.categories .topic.active>a:hover, .categories .topic.child-active>a, .categories .topic.child-active>a:hover {
  color: var(--accent);
}
.categories li.active>a, .categories li.active>a:hover {
  background-color: var(--light);
}
.categories .topic {
  margin-bottom: var(--m05);
  position: relative;
}
.categories .topic>a {
  color: var(--white);
}
.categories .topic.active>a,
.categories .topic.active>a:hover {
  background-color: var(--lighter);
}
#categories .expandable>.topic>a>span, #categories .expandable>a>span {
  right: 12px;
  left: unset;
  line-height: 24px;
  font-size: 8px;
  color: var(--html);
}
#categories .expandable.active.expanded>a:hover>span, #categories .expandable.active.expanded>a>span, #categories .expandable>.topic.active>a>span {
  color: white;
}
#categories {
  padding: 0 var(--m1);
}
ol.top-products {
  padding: var(--m1);
  padding-bottom: var(--m3);
}
ol.top-products li a {
  color: var(--html);
}
ol.top-products li:before {
  background-color: var(--accent);
  color: var(--base);
  font-weight: 600;
}

/* PRODUCT DETAIL */

.wide .image360::after, .wide .p-image::after,
p[data-testid="productCardDescr"],
.social-buttons-wrapper{
  display: none;
}
.type-detail .breadcrumbs {
  padding: 0 var(--m2);
  background-color: transparent;
}
.type-detail .breadcrumbs a, .type-detail .breadcrumbs span {
  font-size: var(--body-small);
}
.p-detail-inner {
  padding: var(--m5) 0;
  background-color: var(--subtle);
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--m5);
}
.p-detail-inner  #product-detail-form {
  max-width: 1400px;
  padding: 0 var(--m1);
}
.p-detail-inner .p-data-wrapper, .p-detail-inner .p-image-wrapper {
  flex: 1 1 auto;
  align-self: auto;
  width: 50%;
}
.product-top {
  display: flex;
  flex-direction: row-reverse;
}
.product-top>div:first-child {
  display: none;
}

/* Product Short Infos */
.p-detail-inner .p-image-wrapper {
  width: 50%;
}
.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;
  font-size: var(--h2);
}
.availability-label {
  display:none;
  font-weight: 600;
}
.availability-label:after {
  content: ',';
}
.p-variants-block table.detail-parameters {
  width: 100%;
}
.p-info-wrapper .price-final {
  color: var(--white);
}
.p-info-wrapper .add-to-cart, .p-info-wrapper .availability-value, .p-info-wrapper .detail-parameters, .p-info-wrapper .p-final-price-wrapper {
  width: 100%;
}
.detail-parameters th {
  padding-right: var(--m2);
  min-width: 140px;
  color: var(--white);
  font-weight: 600;
}
.surcharge-list select, .variant-list select {
  width: 100%;
  max-width: 100%;
  padding-top: var(--m1);
  padding-bottom: var(--m1);
  height: auto;
}
.add-to-cart .quantity {
  flex: 0 0 120px; 
  max-width: 120px;
  margin-right: var(--m2);
  border-radius: var(--m1);
}
.add-to-cart .btn {
    flex: 1;
    width: auto;
}
.btn.add-to-cart-button:before, .btn.btn-cart:before, .btn.express-checkout-button:before, a.btn.add-to-cart-button:before, a.btn.btn-cart:before, a.btn.express-checkout-button:before {
  font-size: var(--body-normal);
}
.quantity .decrease, .quantity .increase {
  
}
.quantity .decrease, .quantity .increase {
    background-color: var(--light);
    border-color: var(--lighter);
    color: inherit;
}
.quantity .decrease {
    border-style: solid none none solid;
    border-width: 1px;
    left: auto;
    right: 0;
    top: 23px;
}
.quantity .decrease, .quantity .increase {
    cursor: pointer;
    height: 23px;
    padding: 0;
    position: absolute;
    width: 32px;
}
.quantity .decrease:before, .quantity .increase:before {
    font-size: 16px;
    height: 100%;
    left: 0;
    line-height: 23px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

/* Product Main Image Details */
 .wide .p-detail .flags.flags-extra {
   bottom: var(--m3);  
   right: var(--m3);
 }
 .image360, .p-image {
  margin-bottom: var(--m2);
 }
.p-image img {
  border-radius: var(--m2);
}
.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(--m1);
}
.p-thumbnails>div>div>a {
  border-color: var(--secondary);
  border-radius: 0;
  overflow: hidden;
}
.p-thumbnails a img {
  border-color: unset;
  max-width: 72px;
  border-radius: var(--m1);
}
.p-thumbnails-horizontal .p-thumbnail:before, .p-thumbnails-horizontal .show360image:before {
  display: none;
}
.type-detail #content {
  padding: 0;
}

/* Add Cart Block */

@media(max-width: 768px) {
  .product-top {
    flex-direction: column;
  }
}
@media(min-width: 768px) {
  .wide .p-final-price-wrapper {
    width: 33%; 
  }
  .p-detail-inner .p-info-wrapper {
    padding-right: var(--m9);
  }
}
#description ul li {
  list-style: none;
  margin-bottom: var(--m1);
  padding-right: var(--m1);
  position: relative;
  padding-left: 28px;
}
#description ul li:before {
  content: '';
  background-image: url("/user/documents/clients/synouvelle/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) {
}
@media (min-width: 768px) {
  .p-image-wrapper .flags-extra .flag-freeshipping .icon-van {
      font-size: 40px;
      margin-bottom: 0;
  }
}
@media(max-width: 768px) {
  .p-info-wrapper {
    margin-top: var(--m2);
  }
  .p-detail-inner {
    padding-top: var(--m2);
  }
}
@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 {
  display: none; 
}
.p-gift-image {
  width: 50px;
}
.p-gift-name a, .p-gift-name a:focus, .p-gift-name a:hover {
  color: var(--white);
  font-size: var(--body-small);
}
.type-detail .shp-tabs-row {
  margin-top: var(--m5);
}
.type-detail .shp-tabs-holder ul.shp-tabs {
  background-color: transparent;
}
.type-detail .shp-tabs-holder ul.shp-tabs li a,
.type-detail .shp-tab-link, 
.type-detail .category-header input[type="radio"]+label {
  text-transform: none;
  font-weight: 400;
  padding: var(--m1);
  border: none;
  background: none;
}
.type-detail .shp-tabs-holder ul.shp-tabs li a:hover {
  background-color: var(--lighy);
}
.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: 768px) {
  .wide .p-detail-inner .p-image-wrapper {
    padding-right: 5%;
  }
  .wide .p-detail-tabs-wrapper {
      max-width: 992px;
      margin: auto;
  }
}
@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%;
  }
}

/* ACCORDEON STYLES */

.accordeon {
    margin: var(--m3) 0;
}
.accordion-title {
    background-color: var(--subtle);
    color: var(--white);
    padding: var(--m1) var(--m2);
    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;
}
.accordion-title.active {
  color: var(--accent);
  background-color: var(--light);
}
/* 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 {
  width: 100%;
  max-width: 100%;
  background: var(--light);
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
  border: none;
}
.breadcrumbs a, .breadcrumbs span {
}
.navigation-home-icon-wrapper::before {
  color: white;
  font-size: 16px;
  color: var(--html);
}
.accordion.active {
  background-color: var(--secondary);
}
.navigation-home-icon-wrapper #navigation-first a {
  padding-left: 56px;
}

/* 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 */
.ordering-process #header {
  border: none;
}
ol.cart-header {
  margin: 0;
  margin-top: var(--m2);
}
ol.cart-header,
.cart-header li a:hover, .cart-header li.active a, .cart-header li.active strong {
  border: none;
}
/* Linka medzi krokmi */
.cart-header .step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 35%;
    right: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background-color: var(--light);
    z-index: 0;
    margin-right: -50%;
}
ol.cart-header .step span {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
ol.cart-header .step span:before {
  content: '1';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: var(--base);
  border: 2px 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(--base);
  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(--accent);
}
@media (max-width: 767px) {
  .ordering-process .site-name {
    display: block;
  }
    ol.cart-header {
      flex-direction: row;
      position: relative;
      width: 100%;
      padding: 0;
      display: flex;
      margin-top: 64px;
    }
  ol.cart-header li {
    flex: 30%;
    padding: 0;
    border: none;
    display: block;
  }
  ol.cart-header .step span {
    padding: 0 10px;
  }
  .cart-header .step:not(:last-child)::after {
    left: 0;
  }
}
#cart-wrapper {
  margin-top: var(--m1);
}
.cart-content, .cart-header {
  background: none;
}
.cart-content {
  background-color: var(--light);
  border-radius: var(--m2);
  margin-bottom: var(--m1);
}
.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 {
  color: var(--white);
}
.cart-table tr td.cart-p-image, .cart-table tr {
  background-color: var(--light);
  border-radius: 8px;
  border: none;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.cart-table tr td {
  border: none;
}
.cart-table tr td, .cart-table tr td.cart-p-image {
  background: 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;
  color: var(--white);
}
.cart-table .p-quantity .quantity {
  padding: 0 32px;
  border-radius: var(--m1);
}
.quantity input {
  color: var(--white);
}
.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;
}
.contact-box>strong,
.contact-box ul li>span:before,
.price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary {
  color: var(--white);
}
.price-additional, .price-measure, .price-secondary,
.continue-shopping, .next-step .btn.btn-lg.next-step-back{
  color: var(--html);
}
@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;
}
:where(.ums_forms_redesign--off) .discount-coupon form .btn {
  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(--light);
  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(--white);
}
.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.active {
  background-color: var(--light);
  border: 1px solid var(--accent);
}
.radio-wrapper {
  margin: 0;
  margin-bottom: var(--m1);
  border: none;
  padding: 1rem;
  background-color: var(--light);
  border-radius: var(--m1);
}
.radio-wrapper.active label > span b,
.radio-wrapper.active .for-free {
}
.payment-shipping-price {
  color: var(--white);
}
.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);
}
.order-summary {
  padding: var(--m2);
  border: none;;
  margin-bottom: var(--m2);
  border-radius: 8px;
  background-color: var(--light);
  color: var(--white);
  align-self: flex-start;
}
.unit-value {
  color: var(--white);
}
.co-billing-address {
  padding-bottom: var(--m2);
  padding: 0;
  border: 0;
}
.co-box-additional {
  padding: var(--m2);
  background-color: transparent;
  border-radius: 8px;
  border: none;
}
.form-group>.phone-combined-input {
  max-width: 100%;
  :
  column;
  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);
}

/* SECTION - UCINKY */

.ucinky {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ucinky .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ucinky .headline {
  max-width: unset;
}
.ucinky .boxes {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0;
  align-self: stretch;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: var(--m2);
  border: 1px solid var(--light);
}
.ucinky .boxes>a {
  display: flex;
  padding: var(--m2);
  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;
  border: 1px solid var(--light);
  background: var(--gradient-card);
  text-decoration: none;
}
.ucinky .boxes>a img {
  border-radius: 100%;
  max-width: 72px;
}
.ucinky .boxes>a:hover img {
  max-width: 96px;
}
.ucinky .boxes>a:hover h4 {
  color: var(--accent);
}
.ucinky .boxes>a:hover {
  background-color: var(--light);
}
.ucinky .boxes>a h4 {
  margin: 0;
  font-size: var(--subheading);
}
.ucinky .boxes>a p {
  font-size: var(--body-small);
}
.ucinky .boxes>a .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) {
  .ucinky .boxes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

/* SECTION - FAQ */
.faq {
  background: var(--gradient-section);
  padding: 0;
}
.faq .container {
  display: flex;
}
.faq .container .promo-img {
  flex: 50%;
  background: url('/user/documents/dev/media/img-faq_1x.webp');
}
.faq .headline {
  text-align: left;
}
.faq .container .content {
  padding: var(--m9);
}
@media (max-width: 992px) {
  .faq .container .content {
    padding: var(--m9) var(--m2);
  }
}
@media (max-width: 768px) {
  .faq .container .promo-img {
    display: none;
  }
  .faq .container .content {
    padding: var(--m9) 0;
  }
}

/* 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/clients/synouvelle/media/icons/icon-envelope.svg');
}
.contact-boxes>div a.contact-phone:before {
  position: relative;
  bottom: -2px;
  content: url('/user/documents/clients/synouvelle/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/clients/synouvelle/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: 480px) {
    :where(.ums_forms_redesign--off) .form-group>input.form-control, :where(.ums_forms_redesign--off) .form-group>select.form-control {
        width: 100%;
    }
}
@media (min-width: 552px) {
  .form-wrapper {
      padding: 64px;
  }
}

/* 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>.container {
  background-color: transparent;
}
#footer .site-name {
  position: static;
  margin-bottom: var(--m2);
}
.custom-footer, .footer-bottom, .footer-links-icons {
  border: none;
}
#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%;
}
@media (min-width: 768px) {
  #footer .custom-footer>div {
    flex: 1;
  }
}
#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 {
  text-decoration: underline;
}
#footer a, #footer h4,
#footer .contact-box a, #footer .news-item-widget a, #footer .password-helper a, #footer ul a {
  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/clients/synouvelle/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__banner18 {
  width: 100%;
}
#footer .footer-payments ul {
  display: flex;
  gap: var(--m1);
  flex-wrap: wrap;
}
#footer .footer-payments ul li {
  display: flex;
  padding: var(--m1);
  background-color: var(--white);
  border-radius: 8px;
}
#footer .footer-payments ul li img {
  max-height: 16px
}
.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);
  }
}
.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);
}
.type-product #description * {
  box-sizing: border-box;
  padding: 0;
}
.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;
}

/* BLOG STYLES */

.in-blog .breadcrumbs {
  background-color: transparent;
}
.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 .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);
  border: 1px solid var(--light);
  border-radius: var(--m2);
}
.news-item .image {
  margin: 0;
}
.news-item .image a:hover {
  opacity: 0.8;
}
.news-item .image img {
  border-radius: var(--m1);
}
.news-item .text {
  padding: var(--m2);
}
.news-item .text .title {
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: var(--subheading);
  color: var(--white);
}
.news-item .text .title:hover {
  color: var(--accent);
}
.blog-wrapper .news-item .description,
.news-item .description {
  color: var(--html);
}
@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);
  font-size: var(--h2);
}

.type-post.one-column-body #content {
  font-size: 12pt;
  line-height: 1.7;
}
.type-post .content-wrapper-in .content-inner {
  padding: var(--m5);
  background-color: var(--white);
  margin-top: var(--m3);
  border-radius: var(--m2);
}
.type-post .content-wrapper-in .content-inner * {
  color: var(--base);
} 
.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 #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);
}
@media (max-width: 768px){
  .type-post .content-wrapper-in .content-inner {
    padding: var(--m2);
  }
  .type-post h1 {
    font-size: var(--h3);
  }
}