@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');

:root {
  --textlinewidth: calc(35rem + 0.385vw);
  --black: #383838;
  --darkblue: #366382;
  --lightblue: #e7f2f9;
  --cream: #fdecd4;
  --darkred: #a80847;
  --grey: #b3b3b3;
  --brown: #4f290b;
  --lightbrown: #cbbba0;
}



body {
	font-family: "Alegreya Sans", sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
}

.blank-mode .cart-related-name, .blank-mode .cart-table .main-link, .blank-mode .h1, .blank-mode .h2, .blank-mode .h3, .blank-mode .h4, .blank-mode .h5, .blank-mode .h6, .blank-mode h1, .blank-mode h2, .blank-mode h3, .blank-mode h4, .blank-mode h5, .blank-mode h6, .cart-related-name, .cart-table .main-link, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "Alegreya Sans", sans-serif;
	font-weight: 700;
}
.h4, h4 { font-size: 3rem; margin-top: 1.5em; }
.products-header { font-size: 3.5rem; margin-top: 1.5em; }

.top-navigation-bar {
	background-color: var(--lightblue);
	border-color: var(--lightblue);
	color: var(--darkblue);
	font-size: 1.8rem;
}
.top-navigation-menu { height: auto; }

.top-navigation-bar a {
	color: var(--darkblue);
}
#header {
	background: #fff url("header-bg.png") repeat-x 50% 0;
	background-size: auto 100px;
}
#header .header-top { padding: 50px 0 20px 0; }
#header .header-bottom {  border-top: none; }
#header .header-bottom::after {
	content:"";
	display: block;
	background: url("dotted-bar.svg") repeat-x 0 0;
	background-size: auto 30px;
	width: 100%;
	height: 30px;
	border-top: 1px solid var(--cream);
}

#header .site-name a img {
	width: 150px;
	height: 100px;
	max-height: none;
}
.header-bottom {
	border-color: var(--cream);
}
#navigation {
	font-family: "Alegreya Sans", sans-serif;
	font-weight: 700;
}
.navigation-in { font-size: 2rem; }
.breadcrumbs {
	position: absolute;
	margin-top: -29px;
	padding-top: 0;
	padding-bottom: 0;
}
.premium-carousel-wrap { margin-top: 20px; }
.breadcrumbs > *, .breadcrumbs > * * { background: #fff; display: inline-block; color: var(--darkblue) !important; } 
.type-product .breadcrumbs { width: 100%; padding-left: 20px; }

.btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion, .btn.btn-default, a.btn.btn-default, .btn.btn-cart span { color: #fff; font-weight: 400 !important; font-size: 2rem !important; }
.btn:hover { color: var(--cream) !important; background: var(--darkred); }
.quantity { border: 1px solid var(--darkred); background: var(--darkred); }
.quantity .decrease, .quantity .increase { border: var(--darkred); }
.quantity .decrease:before, .quantity .increase:before, .quantity input { color: var(--cream); }
.products-block>div .p .name { font-weight: 700; height: auto !important; } 

#footer{
	background: var(--lightblue);
	color: var(--darkblue);
}
#footer a { color: var(--darkblue); }
.footer-bottom { background: none; font-size: 1.4rem; color: var(--darkblue); padding-bottom: 100px; }
#footer {
	background: url("footer-bg.png"), var(--lightblue) url("footer-bg2.png");
	background-position: 50% -10px, 50% 100%;
	background-repeat: repeat-x, repeat-x;
	background-size: auto 150px, auto 100px;
}

.categories .topic a { font-size: 100%; } 
.categories a { padding: 5px; }
.news-item .text .description { line-height: 2.8rem; }

.pagination-top .pagination-link, .pagination-top>strong, .pagination a { background: var(--lightblue); }
.pagination-top strong, .pagination a, .pagination { color: var(--darkblue); }
.pagination-wrapper { margin: 80px 0; }
.p-to-cart-block { background: #fff; }

.p-to-cart-block .p-final-price-wrapper { flex: 1 1 auto;}
.p-to-cart-block { gap: 20px 0;}

.brand-wrapper, .link-icons .link-icon { color: var(--grey); }
table.detail-parameters tbody tr th:after { border-top-color: var(--lightblue); }
/* .shp-tabs-row { display: none; }  */
#p-detail-tabs li[data-testid="tabDiscussion"] { display: none; }
#description .rate-wrap { margin: auto 0; }
.rate-wrapper.unveil-wrapper .rate-average { font-size: 150%; }
.rate-wrapper.unveil-wrapper .rate-average::before { content: "Hodnocení "; }
.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label { display: none; }

.products-alternative-header, .products-alternative-wrapper, .social-buttons-wrapper { display: none; }

.flag { display: inline-block; font-size: 2rem; }
.product .flag { font-size: 1.5rem; }

.benefitBanner { margin: 80px 0; gap: 30px; font-size: 1.8rem; }
.type-category .benefitBanner  { margin-top: 0; }
.benefitBanner__content { line-height: 150%; color: var(--brown); }
.benefitBanner__title { font-size: 3rem !important; }
.benefitBanner__picture { margin-right: 30px; }
.basic-description { padding-right: 80px; margin-bottom: 40px; }
.extended-description p:first-child { display: none; }
.p-detail-inner { margin-bottom: 40px; }
table.detail-parameters { margin-top: 0; }

.category-title { padding-left: calc(40% + 40px); }
.category-perex img { float: left; margin-right: 40px; width: 40%; height: auto; display: block; margin-top: -60px; }
.category-perex::after { content: ""; display: block; clear: both; }
.category-header-pagination { display: none; }

.subcategories { gap: 20px; }
.subcategories li { border: 1px solid var(--cream); border-radius: 8px; }
.subcategories li:hover { background: var(--cream); }

.products-block>div .p .p-bottom { padding-top: 0; }
.products-block>div .p .p-bottom>div .p-tools { padding-top: 10px; }
.products-block .p-tools { opacity: 0; transition: all 0.2s ease-in-out; }
.products-block>div:hover .p-tools { opacity: 1; }

#footer #categories::before { 
	content: "Produkty";
	margin-top: 1.5em;
	display: block;
	top: -5px;
	position: relative;
	margin-bottom: 33px;
	font-weight: 700;
}
#footer .banner h4, #footer #categories::before { 
	color: var(--lightbrown);
	background: url("dotted-line.svg") repeat-x -5px 100%;
	background-size: 200px auto;
	padding-bottom: 10px;
	font-size: 2rem;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#footer #categories { font-weight: 400; }
#footer .categories .topic>a { display: inline-block; position: relative; margin-left: -30px; }
#footer .categories .cat-trigger { display: none !important; }

#footer .inatura { color: var(--darkblue); padding-top: 50px; }
#footer .inatura img { /* float: left; margin-right: 20px; margin-top: -30px; */ width: 150px; display: block; margin-top: 20px; }

#hreje-chladi::before, #nahrivani::before, #prani::before, #prirodni::before {
	content: "";
	display: inline-block;
	width: 80px;
	height: 80px;
	background: url("ikona-hreje-chladi.svg") no-repeat;
	background-size: contain;
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}
 #nahrivani::before { background: url("ikona-nahrivani.svg") no-repeat; }
 #prani::before { background: url("ikona-prani.svg") no-repeat; }
 #prirodni::before { background: url("ikona-prirodni.svg") no-repeat; }
 
 .navigation-window-visible #navigation { margin-top: 100px; }
 .mobile .category-header #products-listing-order { border-color: transparent; }
 
 .ratings-and-brand { display: none; }
 
 .banner-category {
	float: left;
	width: 50%;
 }
 .banner-category img {
 	display: block;
	margin: 20px;
	width: calc(100% - 40px);
 }
 .banner-category a { display: block; }
 .products { clear: left; }
 
 .benefitBanner__item { flex: 1; align-self: start !important; align-items: start !important; }
.homepage-group-title { margin-top: 0; }
.product-slider-holder { padding-bottom: 0; }

.product-slider-holder .product-slider-pagination .pagination-button { height: 4px; margin: 20px 5px 40px 5px; }

#checkoutSidebar .toggle-contacts { color: #000 !important; }
.cart-content>.helper { display: none; }

body.type-index #carousel, body.type-index #homepage-banner { border: none; width: 100%; height: 400px; }
.carousel-navigation { display: none !important; }

a.btn, .btn.btn-primary, a.btn.btn-primary { background: #c3004d; color: #fff; border-radius: 5px; font-size: 2rem; font-weight: 600; padding: 10px 4rem; }
a.btn:hover, .btn.btn-primary:hover, a.btn.btn-primary:hover { background: var(--darkred); color: var(--cream); }
.bullet li::before, .bullets li::before { content: ""; display: inline-block; width: 12px; height: 12px; background: url("bullet.svg") no-repeat 0 50%; background-size: contain; margin-right: 20px; }
 
.center { text-align: center; }
.differences .col-md-6 { padding: 40px 0; margin-bottom: 40px; }
.differences table { margin: 0 auto; text-align: center; }
.differences .col-md-6:first-child {
	text-align: center;
	background: #fdecd4 url("pecicky-hreji.png") no-repeat right center;
}
.differences .col-md-6:last-child {
	text-align: center;
	background: #d6e9e4 url("pecicky-chladi.png") no-repeat left center;
}

.site-msg {
	background-color: #FEEBD3;
	padding: 40px;
	font-size: 18px;
	border-radius: 5px;
}
.site-msg a { text-decoration: underline; font-weight: 600; }
.cart-widget-inner.popup-widget-inner .cart-widget-products { height: 100%; }
.cart-free-shipping .price-range { display: none; }
.cart-free-shipping>div { padding-bottom: 20px; }

.citat {
	color: #838383;
	padding-left: 20px;
	border-left: 1px solid #838383;
	margin-left: 20px;
	font-style: italic;
}
 @media(max-width: 767px) {
	 #footer .custom-footer__banner1 { width: 100% !important; }
	 #hreje-chladi::before, #nahrivani::before, #prani::before, #prirodni::before {
		 float: none;
		 display: block;
		 margin: 10px;
		 width: 100px;
		 height: 100px;
	 }
	 .basic-description { padding-right: 0; }
	 /* #accordion-content div:nth-child(3) { display: none; } */
	 #accordion-content .shp-accordion[data-testid="tabDiscussion"] { display: none; }
	 .benefitBanner__title { font-size: 2.5rem !important; }
	 .p-short-description { margin-top: 40px !important; }
	 #content-wrapper { padding-top: 7em; }
	 .p-detail-inner-header-mobile, .p-detail-inner-header-mobile .h1 { margin-top: 20px; }
	 
	 
	 .category-title { padding-left: 0; }
	 .category-perex img { float: none; margin-right: 0; width: 100%; height: auto; margin-top: 0; }
	 
	 .subcategories { gap: 10px; flex-direction: column; }
	 .subcategories li { width: 100%; }
	 #products-listing-order { color: #000 !important; }
	 
	 .banner-category {
		 float: none;
		 width: 100%;
	  }
	  .banner-category img {
		 margin: 0;
		 width: calc(100%);
	  }
	  #header .header-bottom::after { display: none; }
	 
 }
 @media(max-width: 480px) {
	 .user-action-in .popup-widget.cart-widget { top: 180px; }
	 .cart-widget-inner.popup-widget-inner .cart-widget-products { height: calc(100% - 300px) }
 }