:root {
  --template-font: "Public Sans", sans-serif;
  --template-headings-font: "DM Sans", sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.h4.homepage-products-heading-1, .h4.homepage-products-heading-2,
.h4.homepage-products-heading-3, .h4.homepage-products-heading-4,
.h4.homepage-products-heading-5, footer h4, .category-title, .in-klient h1, h1 {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #3d3e3f;
}
html body {
  font-family: "Public Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #3d3e3f;
}
.product-top .p-detail-info .p-short-description a:hover { color: #3d3e3f; }
.product-top .add-to-cart button.add-to-cart-button { font-family: var(--template-headings-font); }
body h1,
.homepage-group-title.homepage-products-heading-2.h4,
.category-title, .in-klient h1, h1 { 
	font-size: clamp(3rem, 3rem + ((1vw - 0.2rem) * 6.531), 7rem); line-height: 1; padding-bottom: 0.3em;
 }
 .homepage-group-title.homepage-products-heading-2.h4 { padding-top: 0.6em;}
.category-title, .in-klient h1, h1 { margin-bottom: 0; }
.breadcrumbs-wrapper, body.blank-mode .container.breadcrumbs-wrapper { margin-bottom: 40px; }
.homepage-box.welcome-wrapper h1, .homepage-box.welcome-wrapper p, .p-detail .price-line .price-final,
.product-top .p-detail-info .p-short-description,
.external-fonts-loaded body, body, body.blank-mode,
.products-block.products .product .p .name, .products-block.products .product .prices .price-final strong,
#navigation ul.menu-level-1>li>a, footer ul li a { color: #3d3e3f !important; }
.product-top .add-to-cart button.add-to-cart-button, .fixed-cart-line .fcl-form .btn,
.cart-widget.popup-widget #continue-order-button { background: #3d3e3f; }
#header .site-name img { max-width: 230px; margin-top: 9px; }
#navigation { margin-left: 310px; }
.navigation-in>ul>li a,
#navigation ul.menu-level-1>li>a { text-transform: uppercase; letter-spacing: 4px; font-size: 12.08px; font-weight: 300; }
#content-wrapper, .full-width.p-detail-full-width, .shp-tabs-holder, #p-detail-tabs,
#category-header, #content #filters, .filter-sections,
a.social-icon:hover, .btn.btn-primary:hover, a.btn.btn-primary:hover,
 .popup-widget.cart-widget, .cart-widget-product /*,
body .product > .p, .products-block.products .product*/ { background-color: #f0ebe3; }
/*.product .image > img { mix-blend-mode: multiply; }*/
#header .navigation-buttons .btn.cart-count i { border-color: #f0ebe3; background: #3d3e3f !important; }
.benefit-banners-full-width, .tab-content .detail-parameters tr:nth-child(odd),
#checkoutSidebar .cart-content, .checkout-box, .checkout-box-wrapper, .ordering-process .co-box,
.footer-bottom, .footer-bottom-full-width,
.type-index .products:before, .h4.homepage-group-title:before, h4.homepage-group-title:before,
.type-detail .tab-content .detail-parameters tr:nth-child(odd), footer .cart-overview .btn,
.breadcrumbs-wrapper .breadcrumbs, .breadcrumbs-wrapper, body.blank-mode .container.breadcrumbs-wrapper,
.fixed-cart-line,
.type-detail .products-related-header+#productsAlternative:before, .type-detail .products-related-header+.products-block:before/*,
.products-block.products:not(.carousel)*/ { background-color: #d4cebe; }
.products-block.products:not(.carousel) { margin: 0 -15px; padding-top: 26px; padding-bottom: 26px; width: auto; min-width: calc(100% + 30px); }
.btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover { background-color: #111212; }
.shp-tabs-holder ul.shp-tabs li a { border: 0; }
.shp-tab-link { background-color: transparent; }
.product > .p { background-color: rgba(255,255,255,1); padding: 10px; }
.flags-default { top: 10px; }
.advanced-parameter-inner.show-tooltip { cursor: pointer; }
.p-detail-inner { margin-bottom: 35px; }
.type-category .products-block { padding-left: 12px; padding-right: 12px; }
.type-category .products-block>div { padding: 6px; }
#header .header-top .header-top-wrapper .site-name { padding-top: 45px; padding-bottom: 45px; }
.benefitBanner__data { color: inherit; }
.p-detail-inner .buttons-wrapper,
.breadcrumbs-wrapper:before, body.blank-mode .container.breadcrumbs-wrapper:before,
.col-sm-12.shp-tabs-row.responsive-nav,
#carousel .carousel-indicators { display: none; }
#navigation { margin-bottom: 20px; }
.p-detail-full-width { padding-top: 0; }
.welcome-wrapper h1 { text-align: center; }
article { max-width: 768px; margin: 0 auto; position: relative; }
#footer { margin-top: 150px; }
#header, .type-detail .shp-tabs-wrapper #tab-content,
.product-top, footer, #header.fixed-menu, .overall-wrapper,
.homepage-box.welcome-wrapper .welcome,
.external-fonts-loaded body, body, body.blank-mode { background: #F0EBE3; }
#header .header-top .header-top-wrapper .site-name a img { max-height: none; }
.menu-item-external-16 a b::after { content: " \2B08"; }
#navigation ul.menu-level-1>li>a { font-size: 12px;}
#navigation ul.menu-level-1>li>a b { font-weight: 400; }
footer .site-name { padding-left: 30px; padding-right: 30px; }
.type-page .content { padding-bottom: 100px; }
.st-move-params .type-detail .shp-tabs-wrapper .basic-description,
.st-move-params .type-detail .shp-tabs-wrapper .extended-description,
article > header + div { font-size: 115%; }
#footer { margin-top: 40px; }
footer h4 { font-size: 24px; text-transform: none; }
footer .cart-overview .btn { width: auto; display: inline-flex !important; }
body footer .container.footer-bottom .copyright .podpis { display: none; }
.homepage-box.welcome-wrapper { padding-top: 50px; }

.type-index #header {
  position: absolute;
  top: 25px;
  background-color: rgba(240, 235, 227, 0.89);
  width: 100%;
  box-shadow: none;
}
.type-index #header .site-name-wrapper,
.type-index #header #navigation,
.type-index #header .search-form .search-toggle,
.type-index #header .navigation-buttons,
.type-index #header .header-top .top-nav-button-account, 
.type-index #header .header-top .top-nav-button-login,
.type-index #header .responsive-tools > a { /* filter: invert(1) contrast(500%); */ }
.type-index #header .navigation-buttons .btn.cart-count i { border: 0; left: 18px; top: -6px; }
html body.type-index { padding-top: 0 !important; }
body.in-index .products-block, body.in-index #products-2 { padding-bottom: 80px !important; }

body.in-kontakt h3 a { text-decoration: none; }
body.in-kontakt h3 a:hover { text-decoration: underline; }

.homepage-box.welcome-wrapper p { max-width: 100%; }

@media (min-width: 768px) {
  #header .site-name { width: 250px; }
 .full-width { width: 100vw; }
 .footer-rows .custom-footer { padding-left: 30px; padding-right: 30px; }
}
/* Welcome — 3-column grid layout */
.welcome > div {
  display: grid;
  grid-template-columns: 5fr 4fr 4fr;
  grid-template-areas: "primary text secondary";
  gap: clamp(16px, 2.5vw, 48px);
  align-items: center;
}
.welcome > div p.primary   { grid-area: primary;   margin: 0; }
.welcome > div .welcome-text { grid-area: text; text-align: left; }
.welcome > div p.secondary { grid-area: secondary; }
.welcome > div p.primary img,
.welcome > div p.secondary img {
  width: 100%;
  height: auto;
  display: block;
  float: none !important;
  margin: 0 !important;
}
.welcome > div .welcome-text p { margin-bottom: 1.2em; }

.wide-carousel { min-width: 100%; }
@media (min-width: 992px) {
    #carousel .item img { max-height: 2160px; min-height: 62vw;}
}

/* Tablet */
@media (max-width: 900px) {
  .welcome > div {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "primary text" "secondary secondary";
  }
  .welcome > div p.secondary { margin-top: 0; }
}

@media (max-width: 767px) {
  .welcome > div {
    grid-template-columns: 1fr;
    grid-template-areas: "primary" "text" "secondary";
  }
  .welcome > div .welcome-text { padding-top: 0; }
  .welcome > div p.secondary { margin-top: 0; }

	.listSorting__controls { display: none; }
  article > div { padding-left: 10px; padding-right: 10px; }
	#header .header-top .header-top-wrapper .site-name { padding-top: 30px; padding-bottom: 30px; }
  .p-image-wrapper { margin-bottom: 20px; }
  #header { background-color: #f0ebe3 !important; }
  #header .site-name img { max-width: 170px; margin-top: 4px; }
  
  .type-index #header { background-color: #F0EBE3 !important; top: 0; }
  .type-index .banners-row,
  .type-index #content-wrapper { margin-top: 0; }
  .type-index .content-wrapper.container .row>div { padding: 0; margin: 50px -10px; }
  /*.type-index #header .navigation-buttons .btn.cart-count { top: 2px; }*/
  
  .type-index #header #navigation { filter: none; }
  .p-detail .p-detail-inner,
  .one-column-body .category-title:before,
  .one-column-body.type-detail h1:before,
  .one-column-body.type-page h1:before { background: transparent; }

  .type-index .banners-row, .type-index #content-wrapper { justify-content: center; }
}
@media (max-width: 480px) {
	.columns-mobile-2 .products-block.products:not(.carousel) { margin-left: -20px; margin-right: -20px; }
}

.price-additional { font-size: 80%;}

.carousel-control:after { background: transparent; } 
.carousel-control:before { filter: invert(); }

@media only screen and (max-width: 767px) {
    .carousel-control.left, .carousel-control.right {
      top: auto;
      bottom: 0; 
    }
}

@media (max-width: 1350px) {
    .h4.homepage-group-title, h4.homepage-group-title {
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (max-width: 992px) {
    #carousel {
        margin-bottom: 0;
    }
  body.in-index .products-block, body.in-index #products-2 {
      padding-bottom: 50px !important;
  }
  footer .custom-footer>div {
    text-align: center;
  }
}

/* ── HP Categories ── */

/* Remove + badge and triangles on photos */
.hp-categories .hp-categories-posts .news-wrapper .news-item .image a::before,
.hp-categories .hp-categories-posts .news-wrapper .news-item .image a::after,
.hp-categories .hp-categories-posts .news-wrapper .news-item .image::before,
.hp-categories .hp-categories-posts .news-wrapper .news-item .image::after { display: none !important; }

/* Heading - same size as homepage products heading, bold */
.hp-categories .h4.homepage-group-title,
.hp-categories h4.homepage-group-title {
    font-size: clamp(3rem, 3rem + ((1vw - 0.2rem) * 6.531), 7rem);
    font-weight: 800;
    line-height: 1;
    padding-bottom: 0.3em;
}

/* Equal gap on sides and between cards - % based, not vw */
.hp-categories { --cat-gap: clamp(16px, 2.5vw, 36px); }
.hp-categories { padding-left: var(--cat-gap); padding-right: var(--cat-gap); }
.hp-categories .hp-categories-posts,
.hp-categories .hp-categories-posts > main,
.hp-categories .hp-categories-posts .content-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
.hp-categories .hp-categories-posts .news-wrapper.slick-slider { width: 100% !important; margin: 0 !important; }
.hp-categories .hp-categories-posts .news-wrapper .slick-list { width: 100% !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }
.hp-categories .hp-categories-posts .news-wrapper.slick-slider .slick-track { width: 100% !important; display: flex !important; justify-content: center;; }
.hp-categories .hp-categories-posts .news-wrapper.slick-slider .slick-slide,
.hp-categories .hp-categories-posts .news-wrapper.slick-slider .news-item {
    flex: 0 0 calc(50% - var(--cat-gap) / 2) !important;
    width: calc(50% - var(--cat-gap) / 2) !important;
    padding: 0 !important;
    margin: 0 !important;
}
.hp-categories .hp-categories-posts .news-wrapper.slick-slider .slick-slide:first-child,
.hp-categories .hp-categories-posts .news-wrapper.slick-slider .news-item:first-child {
    margin-right: 0 !important;
    order: 2;
}
.hp-categories .hp-categories-posts .news-wrapper.slick-slider .slick-slide:last-child,
.hp-categories .hp-categories-posts .news-wrapper.slick-slider .news-item:last-child {
    margin-right: var(--cat-gap) !important;
    order: 1;
}

/* Cards - explicit height for object-fit to work */
.hp-categories .hp-categories-posts .news-wrapper .news-item { position: relative; overflow: hidden; height: 80vh; max-height: 860px; }
.hp-categories .hp-categories-posts .news-wrapper .news-item .image { margin: 0; line-height: 0; width: 100%; height: 100%; }
.hp-categories .hp-categories-posts .news-wrapper .news-item .image a { display: block; width: 100%; height: 100%; }
.hp-categories .hp-categories-posts .news-wrapper .news-item .image a img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* Text overlay - frosted glass strip at bottom */
.hp-categories .hp-categories-posts .news-wrapper .news-item .text {
    position: absolute;
    bottom: 1.2em; left: 1.2em; right: 1.2em;
    background: rgba(18, 14, 10, 0.38);
    backdrop-filter: blur(16px) saturate(1.2);
    -webkit-backdrop-filter: blur(16px) saturate(1.2);
    padding: 1.2em 1.8em 1.3em;
    transition: background 0.25s ease;
}
.hp-categories .hp-categories-posts .news-wrapper .news-item:hover .text {
    background: rgba(18, 14, 10, 0.58);
}
.hp-categories .hp-categories-posts .news-wrapper .news-item .text .title {
    color: #fff !important;
    font-size: clamp(1.1rem, 1.6vw, 1.9rem) !important;
    font-family: var(--template-headings-font) !important;
    font-weight: 700 !important;
    display: block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    margin-top: 0;
}
.hp-categories .hp-categories-posts .news-wrapper .news-item .text .title:hover {
    color: rgba(255, 255, 255, 0.72) !important;
    text-decoration: none;
}
.hp-categories .hp-categories-posts .news-wrapper .news-item .text .description { display: none; }

/* Hide item count and sr-only heading */
.hp-categories .hp-categories-posts .listingControls,
.hp-categories .hp-categories-posts .sectionDescription { display: none; }

/* Mobile - stack vertically */
@media (max-width: 767px) {
    .hp-categories { padding-left: var(--cat-gap); padding-right: var(--cat-gap); }
    .hp-categories .hp-categories-posts .news-wrapper .slick-list { overflow: visible !important; height: auto !important; }
    .hp-categories .hp-categories-posts .news-wrapper.slick-slider .slick-track {
        flex-direction: column !important;
        transform: none !important;
        width: 100% !important;
        height: auto !important;
        gap: 20px;
    }
    .hp-categories .hp-categories-posts .news-wrapper.slick-slider .slick-slide,
    .hp-categories .hp-categories-posts .news-wrapper.slick-slider .news-item {
        flex: 0 0 100% !important;
        width: 100% !important;
        height: 60vh !important;
        margin: 0 !important;
    }
    .hp-categories .hp-categories-posts .news-wrapper.slick-slider .slick-slide:first-child,
    .hp-categories .hp-categories-posts .news-wrapper.slick-slider .news-item:first-child {
        margin-bottom: var(--cat-gap) !important;
    }
}



/* entrance protection */
.entrance-protection-inner .site-name::after {
  content: "Již brzy.";
  display: block;
  font-size: 20px;
  margin: 0;
  margin-top: 3em
 }
 #verifyPageForm, #manufacturer-filter { display: none; }
@media (min-width: 768px) {
    .entrance-protection .form-group>input, .entrance-protection .site-name {
        max-width: 100%;
    }
}
.entrance-protection {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
body .entrance-protection h1 {
  font-size: 20px;
}
.entrance-protection .site-name {
   padding: 0;
   text-align: center;
}
.entrance-protection-inner { background: transparent; }
.entrance-protection-wrapper .entrance-protection-inner form .btn { background-color: #111212; }