/*Header*/
.top-navigation-bar-menu li:before {
    display: none !important;
}
@media (width > 768px) {
.top-navigation-bar {
    background-color: var(--muted-background);
    border: none;
    height: 35px;
}
.top-navigation-bar .container {
		height: 35px;
}
.top-navigation-bar-menu li a {
    color: var(--color-muted);
    text-transform: none;
}
.top-navigation-contacts, .top-navigation-menu {
    background-color: transparent;
}
.top-navigation-bar-menu {
    text-align: left;
}
.top-navigation-bar .container {
    padding-inline: 0;
}}
.form-control {
    border-radius: var(--border-radius);
    height: 45px;
    padding: 10px 16px;
}
input.query-input.form-control.search-input.js-search-input::placeholder {
    color: var(--color-muted);
}
input.query-input.form-control.search-input.js-search-input {
    background-color: var(--muted-background);
    border: none;
    color: #000;
}
form#formSearchForm button.btn.btn-default {
    display: none;
}
.site-name-wrapper {
    flex: 0 1 20% !important;
}
.header-top .btn.cart-count .cart-price {
    font-weight: 600;
    color: #000;
}
.btn.cart-count:before, a.btn.cart-count:before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(https://771814.myshoptet.com/user/documents/upload/cart.svg) no-repeat center;
    background-size: contain;
    margin-right: 10px !important;
}
#header .cart-count {
    display: flex;
    align-items: center;
}
a.top-nav-button.top-nav-button-account::before, .top-nav-button-login::before {
    content: "";
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(https://771814.myshoptet.com/user/documents/upload/account.svg) no-repeat center;
    background-size: contain;
    margin-right: 10px !important;
}
@media (min-width: 768px) {
.top-nav-button-login, a.top-nav-button.top-nav-button-account {
    display: flex;
    align-items: center;
    width: unset;
    font-size: 16px;
    font-weight: 600;
    color: #000 !important;
    border: 0;
    background-color: var(--muted-background) !important;
    padding: 0.5em 1em;
    border-radius: var(--border-radius);
    margin-inline: 0 22px;
    height: unset;
}
.header-top {
    height: 100px;
}
.top-navigation-contacts {
    display: flex !important;
    flex-direction: column;
    flex: 0 1 auto !important;
    padding-left: 22px;
    gap: 10px;
}
.navigation-buttons {
    flex: 1 !important;
}}
@media (max-width: 768px) {
.top-nav-button-login span, .top-nav-button-account span {
    display: none;
}
a.top-nav-button.top-nav-button-account::before, .top-nav-button-login::before {
    margin-right: 0 !important;
}
button.top-nav-button.top-nav-button-login.toggle-window, .top-nav-button-account {
    left: auto;
    position: absolute;
    right: 100px;
    top: -40px;
    transition: transform .15s;
    font-size: 0;
    padding: 0 !important;
}
.responsive-tools>a[data-target=search] {
    margin-right: 116px;
}
.scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .top-nav-button-login, .scrolled-down body:not(.ordering-process):not(.search-window-visible) .top-nav-button-account {
    transform: translateY(-200%);
}
.navigation-buttons>a:not(.cart-count) {
    padding: 0 !important;
    line-height: 0;
    height: unset;
    text-align: center;
    width: unset;
}
#header .cart-count {
    top: -40px;
    right: 60px;
}
.btn.cart-count:before, a.btn.cart-count:before {
    margin-right: 0 !important;
}
.responsive-tools>a[data-target=navigation]:before, .responsive-tools>a[data-target=navigation]:hover:before {
    background-color: var(--color-secondary);
    color: #000;
    border-radius: var(--border-radius);
}}
.responsive-tools>a[data-target=search]:before {
    content: "";
    background: url(https://771814.myshoptet.com/user/documents/upload/search.svg) no-repeat center;
    background-size: contain;
    width: 30px;
    height: 30px;
}

a.project-phone, a.project-email {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
a.project-phone, a.project-email {
    display: flex;
    align-items: center;
}
a.project-phone:before, a.project-email:before {
    content: "" !important;
    width: 20px;
    height: 20px;
    background-size: contain;
}
a.project-email:before {
    background: url(https://771814.myshoptet.com/user/documents/upload/mail.svg) no-repeat center;
}
a.project-phone:before {
    background: url(https://771814.myshoptet.com/user/documents/upload/phone.svg) no-repeat center;
}

@media (min-width: 768px) {
#navigation {
    height: 50px;
}
.navigation-in {
    font-size: 16px;
    line-height: 16px;
}
.navigation-in>ul>li>a {
    padding-bottom: 17px;
    padding-top: 17px;
    color: #000;
}
.navigation-in>ul>li {
    border: none;
}
.navigation-in {
    background-color: var(--color-secondary);
}
nav#navigation {
    position: relative;
    overflow: visible;
}
nav#navigation::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: var(--color-secondary);
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}
.menu-helper {
    height: 50px;
    top: 100px;
}
.menu-helper:after {
    border-radius: var(--border-radius);
    font-size: 20px;
    line-height: 35px;
    width: 35px;
}
.menu-helper>span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    background-color: transparent !important;
    color: #000 !important;
    padding-right: 10px;
}
li.menu-item-857 a b {
    padding: 0.4em 1em;
    border-radius: var(--border-radius);
    background-color: #fff;
}
.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
    background-color: transparent;
    color: #000;
}
.navigation-in ul li:hover a b {
    border-radius: var(--border-radius);
    background-color: hsl(from var(--color-secondary) h s calc(l - 5));
}
.navigation-in ul li a b {
		padding: 0.4em 1em;
    font-weight: 600;
    transition: all 0.2s ease-in-out
}
.navigation-in>ul>li>a {
    padding-inline: 5px !important;
}
.navigation-in>ul>li>a:hover {
    margin-left: 0 !important;
    margin-right: 0 !important;
}}
/*SWIPER*/
@media (min-width: 768px) {
#carousel .swiper {
    padding: 10px 0;
}
.homepage-box.before-carousel {
    padding-top: 10px;
}
.content-wrapper.homepage-box.before-carousel {
    margin-bottom: 0;
    padding-bottom: 10px;
}}
#carousel .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}
#carousel .swiper-slide {
    text-align: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
}
#carousel .swiper-slide a {
    text-decoration: none;
    color: inherit;
    display: block;
    width: 100%;
}
#carousel .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--border-radius);
}
#carousel .extended-banner-texts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    row-gap: 16px;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 2;
    text-align: left;
}
#carousel .extended-banner-texts > * {
    position: relative;
    inset: auto;
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0 !important;
}
#carousel .extended-banner-title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-align: left;
    line-height: 24px;
}
#carousel .extended-banner-text {
    color: #000;
    line-height: 1.5;
    max-width: 100%;
    font-size: 14px;
    text-align: left;
    font-weight: 400;
}
#carousel .extended-banner-link {
    background-color: var(--color-secondary);
    color: #000;
    height: 33px;
    padding: 6px 28px;
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-top: 0;
}
#carousel .extended-banner-link:hover {
    background-color: hsl(from var(--color-secondary) h s calc(l - 5));
    color: #000;
    transform: translateY(-2px);
}
#carousel .swiper-button-prev,
#carousel .swiper-button-next {
    color: var(--color-primary);
    background: rgba(255, 255, 255, 0.9);
    width: 30px;
    height: 30px;
    border-radius: var(--border-radius);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    top: 50%;
}
@media (max-width: 480px) {
#carousel .swiper-button-prev, #carousel .swiper-button-next {
    display: flex !important;
}}
.homepage-box.before-carousel {
    background-color: transparent !important;
}
#carousel .swiper-button-prev {
    left: 20px;
}
#carousel .swiper-button-next {
    right: 20px;
}
#carousel .swiper-button-prev:after,
#carousel .swiper-button-next:after {
    font-size: 16px;
}
#carousel .extended-banner-texts.text-light .extended-banner-title,
#carousel .extended-banner-texts.text-light .extended-banner-text {
    color: #fff;
}
#carousel .swiper-slide {
    border-radius: var(--border-radius);
}
@media (max-width: 1024px) {
#carousel .extended-banner-text,
#carousel .extended-banner-title {
    margin: 0px 5px;
}
#carousel .extended-banner-title {
    font-size: 18px
}
#carousel .extended-banner-text {
    font-size: 14px
}}
@media (max-width: 767px) {
#carousel .extended-banner-title {
    font-size: 20px;
}
#carousel .extended-banner-text {
    font-size: 14px;
}
#carousel .swiper-button-prev,
#carousel .swiper-button-next {
    width: 35px;
    height: 35px;
}}
@media (max-width: 480px) {
#carousel .swiper-button-prev,
#carousel .swiper-button-next {
    display: none;
}
#carousel .extended-banner-title {
    font-size: 18px;
}
#carousel .extended-banner-text {
    font-size: 14px;
}
#carousel .swiper::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 21px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    pointer-events: none;
    z-index: 1;
}}
@media (max-width: 320px) {
#carousel .extended-banner-text,
#carousel .extended-banner-title {
    margin: 0px 2px;
}}
@media (max-width: 767px) {
.wide-carousel {
    padding-left: 10px !important;
    padding-right: 10px !important;
}}
#carousel .swiper-slide a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 75%;
    background: linear-gradient(to top, var(--color-primary), rgba(0, 0, 0, 0));
    border-radius: var(--border-radius);
}
/*Benefit banner*/
@media (min-width: 767px) {
.benefitBanner {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 20px 0;
}
.benefitBanner::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: var(--muted-background);
    z-index: -1;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}}
.benefitBanner__picture {
    flex: 0 0 40px;
    max-width: 40px;
    margin-right: 0;
    margin-bottom: 10px;
}
.benefitBanner__item, .benefitBanner__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.benefitBanner__title {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.benefitBanner__data {
    font-size: 12px;
    color: var(--color-muted);
    max-width: 26ch;
}
.benefitBanner__content {
    padding-right: 0;
    display: flex;
    gap: 5px;
    flex-direction: column;
}
@media (max-width: 767px) {
.benefitBanner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.benefitBanner__item, .benefitBanner__link {
    flex: 1 1 50%;
}}
@media (min-width: 992px) {
.benefitBanner__item, .benefitBanner__link {
    margin-bottom: 0;
}}
/*Products block - slick slide*/
.products-block.slick-slider > div {
  width: auto !important;
  flex: none !important;
}
.products-block.slick-slider .slick-slide {
  height: auto;
}
.products-block.slick-slider .product {
  padding: 0 10px;
  box-sizing: border-box;
}
.products-block.slick-slider .slick-slide > div {
  height: 100%;
}
.homepage-slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.homepage-slider-title {
  font-weight: 600;
  text-align: left;
}
.homepage-slider-arrows {
  display: flex;
  gap: 10px;
}
.homepage-slider-arrows button {
  width: 30px;
  height: 30px;
  background: var(--muted-background);
  cursor: pointer;
  font-size: 16px;
  border-radius: var(--border-radius);
  border: none;
}
.homepage-slider-arrows button:hover {
  background: var(--muted-background);
}
button.slider-next.slick-arrow::before {
    content: "\e910";
    font-size: 14px;
    line-height: 30px;
    font-family: shoptet;
}
button.slider-prev.slick-arrow::before {
    content: "\e90f";
    font-size: 14px;
    line-height: 30px;
    font-family: shoptet;
}
@media screen and (max-width: 768px) { 
.products-block.slick-slider .product {
    padding: 0 5px;
}
.slick-track {
    left: -10px !important;
}}
/*products block*/
.products-block.products>div {
    border: none !important;
    margin-right: 0;
    margin-left: 0;
}
.products-block .product img {
    border-radius: var(--border-radius);
    aspect-ratio: 4 / 3;
    object-fit: cover;
}
.products.products-block {
    margin-bottom: 66px;
}
/*Category*/
a.goToTop__button {
    border-radius: var(--border-radius);
    background-color: var(--color-primary) !important;
    color: #fff !important;
    text-transform: none;
}
.btn.loadMore__button {
    border-radius: var(--border-radius);
    text-transform: none;
}
.pagination .pagination__list .pagination__link {
    border-radius: 32px;
}
.category-header {
    border-radius: var(--border-radius);
}
ul.listSorting__controls li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.listSorting__control {
    border: solid 1px var(--border-color);
    padding: 5px 20px;
    border-radius: var(--border-radius);
}
.listSorting__control--current, .listSorting__control:focus-visible, .listSorting__control:hover {
    padding: 5px 20px;
    border-radius: var(--border-radius);
    border: solid 1px var(--color-primary);
}
ul.listSorting__controls {
    padding-left: 0;
    gap: 10px;
}
.category-header {
    background-color: transparent;
}
.filters-unveil-button-wrapper a.btn {
    border-radius: var(--border-radius);
    text-transform: none;
    font-weight: 600;
    background-color: var(--color-primary) !important;
}
.filter-sections {
    border-radius: var(--border-radius);
}
button.slider-prev.slick-arrow.slick-disabled, button.slider-next.slick-arrow.slick-disabled {
    opacity: 0.5;
}
.flag {
    border-radius: var(--border-radius);
    font-size: 10px;
}
.products-block .p .flags-default {
    left: 10px;
    top: 10px;
}
.products-block .p {
    padding: 10px;
    border: solid 1px var(--border-color);
    border-radius: var(--border-radius);
}
@media (max-width: 768px) {
.products-block.products>div {
    padding: 5px;
}
.flags-extra .flag .price-save, .flags-extra .flag .price-standard {
    font-size: 12px;
}
.columns-mobile-2 .products-block>div .flags-extra {
    bottom: 0 !important;
}
.columns-mobile-2 .products-block>div .flags-extra .flag {
    border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
.btn.add-to-cart-button, .btn.btn-cart {
		width: 100%;
}
.products-block .p-bottom .p-tools {
    flex-basis: 100%;
}}
@media screen and (min-width: 768px) {
.slick-list.draggable {
    padding: 0 !important;
    margin: 0 -10px;
}
.products-block .p-bottom .p-tools, .products-block .p-bottom .prices {
    flex-basis: auto;
}}
.products-block.products .p .name {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    height: 40px;
}
.products-block .ratings-wrapper .availability {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
}
.products-block .ratings-wrapper {
    min-height: unset;
}
.products-block .p-bottom>div {
    align-items: center;
    gap: 10px;
}
.btn.add-to-cart-button:before, .btn.btn-cart:before {
		display: none;
}
.btn.add-to-cart-button, .btn.btn-cart {
    font-weight: 600;
    color: #000 !important;
    border-radius: var(--border-radius);
    border: none;
    padding-left: 20px;
    padding-right: 20px;
}
.btn.add-to-cart-button:hover, .btn.btn-cart:hover {
		background-color: hsl(from var(--color-secondary) h s calc(l - 5));
}

/*tooltip*/
.js-misb-tooltip{
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  cursor: help;
}
/* mid banner */
.row.banners-content.body-banners .banner-wrapper a {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}
.row.banners-content.body-banners .extended-banner-texts {
    position: relative;
    inset: unset;
    border-radius: var(--border-radius);
    width: 60%;
    background-color: #F3F4F6;
    padding: 44px;
    display: flex;
    flex-direction: column;
}
.row.banners-content.body-banners .extended-banner-text {
		max-width: unset;
}
.row.banners-content.body-banners .extended-banner-texts > * {
    position: relative;
    display: block;
    inset: unset;
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: unset;
    color: var(--colors-foregrounds-headlines-primary);
}
.row.banners-content.body-banners img {
    width: 40%;
    border-radius: var(--border-radius);
    height: fit-content;
}
.row.banners-content.body-banners .extended-banner-title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 22px;
}
.row.banners-content.body-banners .extended-banner-link {
    background-color: var(--color-secondary);
    color: #000;
    height: 33px;
    padding: 6px 28px;
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-top: auto;
    width: fit-content;
}
.row.banners-content.body-banners .extended-banner-link:hover {
    background-color: hsl(from var(--color-secondary) h s calc(l - 5));
    color: #000;
    transform: translateY(-2px);
}
.row.banners-content.body-banners .extended-banner-text li {
    font-weight: 600;
    list-style: none;
}
.row.banners-content.body-banners .extended-banner-text ul {
    padding-left: 0;
    margin-block: 22px;
}
.row.banners-content.body-banners .extended-banner-text li::before, .about-us-benefits li::before {
    content: "";
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url(/user/documents/upload/bl-check-square.svg) no-repeat center;
    background-size: contain;
    margin-right: 5px;
}
@media (max-width: 992px) {
.row.banners-content.body-banners .banner-wrapper a {
    flex-direction: column-reverse;
}
.row.banners-content.body-banners .banner-wrapper a > * {
    width: 100%;
}
.row.banners-content.body-banners {
    margin-block: 66px;
}}
@media (max-width: 768px) {
.row.banners-content.body-banners .extended-banner-texts {
    padding: 20px;
}}
/*welcome wrapper*/
.welcome div, .welcome h1 {
    max-width: unset;
}
.about-us-wrapper {
    display: flex;
    gap: 20px;
}
.about-us-wrapper > * {
    width: 50%;
}
.col-about-us-img {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.col-about-us-img img {
    border-radius: var(--border-radius);
    aspect-ratio: 4 / 3;
    object-fit: cover;
    height: 100%;
}
.col-about-us-content {
    background-color: #F3F4F6;
    border-radius: var(--border-radius);
    padding: 44px;
}
.col-about-us-content h2 {
    font-weight: 600;
    text-align: left;
    font-size: 26px;
    margin-top: 0;
}
.about-us-benefits li {
    font-weight: 600;
    list-style: none;
}
.about-us-benefits ul {
    padding-left: 0;
    margin-block: 22px;
}
.about-us-benefits {
		margin-top: 44px;
}
.col-about-us-content h3 {
    font-weight: 600;
}
.about-us-link {
    background-color: var(--color-secondary);
    color: #000;
    height: 33px;
    padding: 6px 28px;
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    margin-top: auto;
    width: fit-content;
    display: block;
    text-decoration: none !important;
    margin-top: 44px;
}
.about-us-link:hover {
    background-color: hsl(from var(--color-secondary) h s calc(l - 5));
    color: #000;
    transform: translateY(-2px);
}



/* FAQ */
.about-us-faq {
    margin-top: 44px;
}
.faq-content {
    margin: 0 auto;
}
.faq-question {
    padding: 15px 0;
    margin: 0 auto;
    background-color: #ffffff;
    margin-bottom: 10px;
    border-radius: var(--border-radius);
    box-shadow: 0 0 4px hsl(0 0% 0% / 0.1);
}
.panel-title {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0 10px 0 50px;
    display: block;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    transition: color linear 0.25s;
    color: #000;
}
.panel-content {
    color: black;
    padding: 0px 14px;
    margin: 0 40px;
    height: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    font-size: 14px;
}
.panel:checked ~ .panel-content{
    height: auto;
    opacity: 1;
    padding: 15px;
    padding-bottom: 0;
}
.plus {
    color: var(--color-primary);
    position: absolute;
    margin-left: 20px !important;
    z-index: 5;
    font-size: 18px;
    line-height: 100%;
    -webkit-user-select: none;    
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.panel:checked ~ .plus {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.panel {
    display: none;
}
.faq-question .panel-content {
		color: var(--color-muted);
    padding-left: 50px !important;
}
@media (max-width: 992px) {
.panel-content {
    margin: 0;
}
.plus {
    margin-left: 15px;
}
.panel-title {
    padding: 0 10px 0 40px;
}
.faq-question .panel-content {
    padding-left: 40px !important;
}}
a.faq-content-link {
    font-weight: 600;
    margin-top: 22px;
    display: block;
    text-align: center;
}
@media (min-width: 767px) {
.navigation-in>ul>li:first-child a {
    padding-left: 0 !important;
}}
@media (max-width: 767px) {
#header .site-name img {
    padding-bottom: 10px;
    padding-top: 10px;
}}
.homepage-box {
    border: none;
}
@media (min-width: 767px) {
.row.banners-row {
    margin-left: 0;
    margin-right: 0;
}
.slick-track {
    margin-left: -10px;
}
.homepage-slider-title::before {
    font-size: 12px;
    color: var(--color-primary);
    display: block;
    margin-bottom: 5px;
}
.homepage-group-title.homepage-products-heading-2.h4 .homepage-slider-title::before {
    content: "Pečlivě vybrané sety s omezenou dostupností a sběratelským potenciálem";
}
.homepage-group-title.homepage-products-heading-5.h4 .homepage-slider-title::before {
    content: "Pečlivě vybrané sety, které právě dorazily skladem";
}}
.banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img {
    transform: scale(1.0);
}
@media (max-width: 992px) {
.about-us-wrapper > * {
    width: 100%;
}
.about-us-wrapper {
    flex-direction: column;
}
.col-about-us-img img {
    aspect-ratio: 3 / 3;
}}

@media (max-width: 768px) {
.content-wrapper-in .container {
    padding-left: 10px;
    padding-right: 10px;
}
.homepage-box.welcome-wrapper {
    padding: 0;
}
.col-about-us-content {
    padding: 20px;
}}
/* Footer */
#footer h4 {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
footer#footer {
    background-color: var(--color-primary);
}
#footer>.container {
    background-color: transparent;
}
.custom-footer ul li a, .custom-footer ul li {
    color: #8999A8 !important;
}
.custom-footer {
    padding-left: 0;
}
#footer .site-name {
    display: none;
}
@media (min-width: 1200px) {
.custom-footer>div.extended {
    flex: 0 0 auto;
    width: 25%;
}
.custom-footer__banner2, .custom-footer__articles {
    width: 20% !important;
}}
.btn.btn-arrow-right:before, a.btn.btn-arrow-right:before {
    content: "\e90e";
    font-weight: 100;
    transform: rotate(270deg);
    font-size: 14px;
    margin-top: -6px;
}
form#formNewsletterWidget button.btn.btn-default.btn-arrow-right {
    margin: 7px;
    height: 30px;
    width: 30px;
    border-radius: var(--border-radius);
    background-color: var(--color-secondary);
    border: none;
    color: #000;
}
form#formNewsletterWidget label.whole-width, form#formNewsletterWidget label.whole-width a {
    color: #8999A8 !important;
    font-size: 12px;
}
.footer-contact-wrapper {
    display: flex;
    gap: 20px;
}
.footer-contact-wrapper {
    padding: 20px;
    background-color: #fff;
    border-radius: var(--border-radius);
}
.footer-contact-heading {
    font-weight: 600;
}
.footer-contact-wrapper img {
    width: 60px;
    height: 60px;
}
.footer-contact-content p {
    font-size: 12px;
    color: var(--color-muted);
}
.footer-contact-content .top-navigation-contacts {
    padding: 0;
}
.custom-footer__banner1 {
    flex: 1 !important;
}
.footer-contact-wrapper {
    max-width: 400px;
}
.footer-contact-content .top-navigation-contacts a>span {
    display: block;
}
@media (max-width: 767px) {
#footer .banner {
    min-height: unset;
    margin-bottom: 0;
}}
.panel-content {
		margin: 0;
}
#signature a, .container.footer-bottom {
    color: #8999A8 !important;
}


.footer-payment-delivery {
    display: flex;
    gap: 10px 44px;
    flex-wrap: wrap;
    margin-block: 20px;
}
.footer-icon-box span {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
}
.footer-payment-delivery-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.footer-payment-delivery-icons img {
    height: 30px;
    border-radius: var(--border-radius);
}
.footer-payment-delivery {
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 767px) {
.footer-payment-delivery {
    padding-left: 20px;
    padding-right: 20px;
}}
@media (max-width: 768px) {
.footer-contact-wrapper {
    max-width: unset;
}
.footer-payment-delivery {
    margin-block: 22px;
}}
.container.footer-bottom {
    font-size: 12px;
}
#signature img {
    margin-right: 0.5em;
    width: 18px;
}
#signature, .copyright {
    margin-bottom: 5px;
    margin-top: 5px;
}
a.cookies-settings.js-cookies-settings {
    color: #8999A8 !important;
    font-weight: 600;
}
.custom-footer {
    border: none;
}
form#formNewsletterWidget input.form-control {
    font-size: 14px;
    color: #000;
    border: none;
    border-radius: var(--border-radius);
}
form#formNewsletterWidget input.form-control::placeholder {
    color: var(--color-muted);
}
.container.footer-bottom {
    padding-block: 5px;
    position: relative;
    z-index: 1;
}
.container.footer-bottom::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #0E2439;
    z-index: -1;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}
.disclaimer {
    padding-left: 20px;
    padding-right: 20px;
    color: #8999A8 !important;
    font-size: 12px;
    margin-block: 20px;
}
@media (max-width: 768px) {
.disclaimer {
    padding-left: 10px;
    padding-right: 10px;
}}
ul.menu-level-3.has-more-items {
    display: none !important;
}
:root {
    --template-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --template-headings-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --colors-foregrounds-content-secondary: #000;
    --color-muted: #6B6B6B;
    --muted-background: #f6f6f6;
   	--border-radius: 5px;
    --border-color: #F0F0F0;
}
html, body {
    overflow-x: hidden;
}
.homepage-box {
    background-color: transparent;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}
.subcategories.with-image li a {
    border-radius: var(--border-radius);
}
.sidebar {
    border-radius: var(--border-radius);
    margin-top: 20px;
}
.sidebar-inner {
    background-color: var(--muted-background);
    border-radius: var(--border-radius);
}
.benefitBanner.position--benefitProduct::before {
		display: none;
}
@media (min-width: 992px) {
.multiple-columns-body .position--benefitProduct .benefitBanner__item {
    flex: 1 1 25%;
}}
li.shp-tab.active a.shp-tab-link {
    border-color: var(--color-secondary);
}
.btn.btn-primary {
    font-weight: 600;
    border-radius: var(--border-radius);
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: none;
}
.availability-value {
    font-size: 16px;
}
.p-detail .add-to-cart .quantity {
    border-radius: var(--border-radius);
    border-style: solid;
}
button.increase {
    border-radius: 0 var(--border-radius) 0 0;
}
button.decrease {
    border-radius: 0 0 var(--border-radius) 0;
}
.p-info-wrapper .add-to-cart {
    gap: 10px;
}
button.btn.btn-lg.btn-conversion.add-to-cart-button {
    flex: 1;
}
.cart-widget-button .btn {
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    color: #000 !important;
}
a#continue-order-button, button#orderFormButton, button#submit-order {
    border-radius: var(--border-radius);
    color: #000;
}
.order-button-text {
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}
a.btn.btn-secondary {
    border-radius: var(--border-radius);
    text-transform: none;
}
@media (min-width: 480px) {
.form-group>input.form-control, .form-group>select.form-control, .phone-combined-input {
    width: 240px;
    max-width: unset;
}}
@media (min-width: 1200px) {
.content-inner {
    max-width: unset;
}}
.id-854 .faq-question {
    background-color: var(--muted-background);
    box-shadow: none;
    border: solid 1px var(--border-color);
}
.rate-wrapper {
    max-width: unset;
}
/*Breadcrumbs*/
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before {
    height: 25%;
    background-color: var(--colors-foregrounds-content-tertiary);
}
@media (min-width: 992px) {
.breadcrumbs>span>a:after {
    bottom: 28.5%;
    transform: rotate(45deg);
}
.breadcrumbs>span>a:before {
    top: 28.5%;
    transform: rotate(-45deg);
}
.breadcrumbs>span>a, .breadcrumbs>span>span {
    padding: 5px 20px;
}
.breadcrumbs>span>a {
    min-height: 30px;
}}
.breadcrumbs {
    background-color: transparent;
    border: none;
}
.navigation-home-icon-wrapper:before {
    font-size: 14px;
}
.container.breadcrumbs-wrapper {
    position: relative;
}
.container.breadcrumbs-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: var(--colors-surface-secondary);
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 768px) {
.id-839 header h1 {
    text-align: center;
}}
.btn.btn-secondary, a.btn.btn-secondary {
    border-radius: var(--border-radius);
    text-transform: none;
    font-weight: 600;
}
a#continue-order-button {
    margin: 20px;
    width: auto;
    text-align: center;
    padding: 10px;
}
.login-wrapper .btn {
    float: left;
}
img.stav-krabic {
    margin-top: 20px;
    border-radius: var(--border-radius);
}
.sidebar .categories {
    margin-left: 0;
    margin-right: 0;
}
.topic.active > a, li.active.expandable.expanded > a, li.active > a {
    border-radius: var(--border-radius);
}
.categories ul a {
    padding-left: 30px;
}
#categories ul .expandable .cat-trigger {
    left: 10px;
}
li.active.expandable.expanded ul.active.expanded {
    background-color: #fff;
    border-radius: var(--border-radius);
    padding-block: 10px;
    margin-block: 10px;
}
.categories ul ul a {
    padding-left: 30px;
}
li.expandable.expanded > a {
    background-color: var(--color-primary);
    color: #fff !important;
    border-radius: var(--border-radius);
}
li.expandable.expanded a span.cat-trigger {
    color: #fff !important;
}
li.expandable.expanded ul.active.expanded {
    background-color: #fff;
    border-radius: var(--border-radius);
    padding-block: 10px;
    margin-block: 10px;
}
li.expandable.expanded ul.active.expanded li.active {
    width: calc(100% - 20px);
    margin: 0 auto;
}
li.expandable.expanded ul.active.expanded li.active > a {
    padding-left: 20px;
}
#categories ul ul .expandable .cat-trigger {
    left: 10px;
}
ul.active.expanded li.expandable.expanded ul.active.expanded li.expandable.expanded > a {
    width: calc(100% - 20px);
    margin: 0 auto;
}
ul.active.expanded li.expandable.expanded ul.active.expanded li.expandable.expanded > a span.cat-trigger {
    left: 20px !important;
}
.categories ul ul ul a {
    padding-left: 40px;
}
@media (min-width: 1200px) {
.navigation-in>ul>li.ext>ul>li {
    flex-basis: calc(25% - 10px);
    width: calc(25% - 10px);
}
a.menu-image {
    padding: 0 !important;
    width: 100px !important;
}
ul.menu-level-2 li {
    background-color: #fff;
    padding: 10px;
    border: solid 1px var(--border-color) !important;
    border-radius: var(--border-radius);
    margin: 5px;
    transition: all 0.25s ease-in-out;
}
ul.menu-level-2 li:hover {
    border-color: var(--color-primary) !important;
}
ul.menu-level-2 {
    padding-block: 10px !important;
}}
.project-address {
    font-weight: 600;
    display: flex !important;
    align-items: center;
    color: #000 !important;
}
.project-address::before {
    content: "";
    width: 20px;
    height: 20px;
    background-size: contain;
    background-image: url(/user/documents/upload/location.svg);
    margin-right: 1ex;
    font-size: 18px;
}
span.project-ico {
    font-weight: 600;
}
table.detail-parameters td {
    color: var(--color-primary);
}
.socials-follow {
    display: flex;
    font-weight: 600;
    gap: 10px;
    align-items: center;
}
.socials-follow-icons {
    display: flex;
    align-items: center;
}
.socials-follow-icons a {
    margin: 0;
    padding: 0;
    height: 25px;
    padding-right: 10px !important;
}
.socials-follow-icons svg {
    width: 25px;
    height: 25px;
}
.footer-contact-heading {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
}
.languagesMenu__content {
    background-color: transparent;
}