@charset "UTF-8";

/* Fonty */
/**************************************************************/

/* Poppins - Nadpisy - Velikosti: 400 regular, 700 bold */
/* Montserrat - Text - Velikosti: 400 regular, 700 bold */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html {
  scroll-behavior: smooth;
}

body{
	background-color: #fff;
}

body.no-scroll{
	overflow: hidden;
}

header{
	z-index: 900;
}

/* Normal Font / telo textu */
body, div, p, li, label, input, a, #carousel .extended-banner-title, #footer .custom-footer > div h4, .quantity .increase::before, .quantity .decrease::before, .box-categories > h4, #filters h4, .product-appendix, .advanced-order .h2, .p-price .price-final{
	font-family: 'Montserrat', sans-serif !important;
	font-style: normal;
}

/* heading Font / Nadpisy */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .navigation-in > ul > li > a, .extended-banner-title, .fav-cat li > div a, .menu-helper > span, .p .name, .prices, .prices > div, .vote-initials, .vote-name, .news-item .text .title, .social-login-buttons-divider, .subcategories li a .text, .price-standard, .price-final, .price-additional, #productsAlternative::before, .benefitBanner__title, #variants::before, .variant-name, #ratingTab::before, .rate-wrapper .rate-average, .vote-form > form::before, #productDiscussion::before, .cart-table .main-link, .free-gift::before, .free-gift-name, .cart-table tr.related td::before, .cart-related-name, .price-primary, .payment-info b, .payment-shipping-price, .cart-item.cart-item-gift > div > strong, .id--15 .cart-table .p-name, .id--15 .cart-table .p-price, #search-group-categories .search-results-group-list ul li a, .empty-content-404::before, .obj-detail .p-name a, .klient-centrum.obj-detail .content td:last-child, .step-title, .empty-cart-boxes ul li a, .dklab_instagram_widget_heading > .text, .plugin-fixed-header__name, .fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price, .fvDoplnek-text .name, .hodnoceni-hp .autor{
	font-family: 'Poppins', sans-serif !important;
	font-style: normal;
}

:not(strong){
	font-weight: 400;
}

strong,
strong a{
	font-weight: 700;
}

blockquote{
	margin-left: 0;
	font-style: italic;
}

body:not(.type-product) h2,
body:not(.type-product) h3,
body:not(.type-product) h4,
body:not(.type-product) h5,
body:not(.type-product) h6,
article h2, article h3, article h4, article h5, article h6,
body:not(.type-product) .basic-description h2,
body:not(.type-product) .basic-description h3,
body:not(.type-product) .basic-description h4,
body:not(.type-product) .basic-description h5,
body:not(.type-product) .basic-description h6,
.news-item-detail h2, .news-item-detail h3, .news-item-detail h4, .news-item-detail h5, .news-item-detail h6{
	margin-top: 1em;
}

article h1, article h2, article h3, article h4, article h5, article h6,
.basic-description h1, .basic-description h2, .basic-description h3, .basic-description h4, .basic-description h5, .basic-description h6,
.news-item-detail h1, .news-item-detail h2, .news-item-detail h3, .news-item-detail h4, .news-item-detail h5, .news-item-detail h6{
	color: var(--color-secondary);
}



/* Styly */
/**************************************************************/

.overall-wrapper{
	max-width: none;
}

.in-index .overall-wrapper{
	display: flex;
	flex-direction: column;
}

#url-list-predplatne,
url-list-desticka{
	display: none;
}

#content{
	display: flex;
	flex-direction: column;
}

/* Menu */
.navigation-in > ul > li:hover > a, .menu-helper:hover, .cart-window-visible .cart-count{
	background-color: #B2646C; 
}

.navigation-in > ul > li > a,
.menu-helper{
	padding: 33px 8px;
    font-size: 1.3rem;
}

.menu-helper>span{
	font-size: 1.3rem;
}

.menu-level-3{
	display: none!important;
}

.top-navigation-bar{
	z-index: 889;
}

/* Zarovnani banneru hlavicky */
.site-msg.information.ready{
	background-color: #234F1E;
}

.next-to-carousel-banners{
    display: grid;
    grid-template-columns: 66% 1fr;
    grid-template-rows: 1fr 1fr;
	max-height: 696px;
}

.next-to-carousel-banners > div:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / 3;
}

.next-to-carousel-banners > div:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.next-to-carousel-banners > div:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

/* skryti banneru při počtu 3+ */
.next-to-carousel-banners > div:nth-child(n+5),
.next-to-carousel-banners > div > div:nth-child(n+2){
    display: none;
}

.next-to-carousel-banners > div,
.next-to-carousel-banners > div > div,
.next-to-carousel-banners > div > div > a{
	width: 100% !important;
	height: 100%;
	overflow: hidden;
}

.next-to-carousel-banners>div a{
	border-radius: 20px;
	overflow: hidden;
}

.next-to-carousel-banners img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	box-shadow: 0 0 0 rgba(0,0,0,0)!important;
	-webkit-transition: transform 0.4s 0s;
	-moz-transition: transform 0.4s 0s;
	transition: transform 0.4s 0s;
}

.next-to-carousel-banners>div a img:hover{
	transform: scale(1.03);
}

/* Kategorie */
.fav-cat.container{
	margin-top: 10px;
	border-bottom: 0;
}

.fav-cat .slick-dotted.slick-slider{
	margin-bottom: 30px!important;
}

.fav-cat .slick-track{
	flex-wrap: wrap!important;
	justify-content: space-between;
	width: 100%!important;
	max-width: 890px!important; 
}

.fav-cat li{
	width: 19.9%!important;
}

.fav-cat .slick-arrow,
.fav-cat .slick-dots{
	display: none!important;
}

.chci_resit_btns{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.chci_resit_btns .kviz-btn a{
	background: transparent;
	color: var(--color-secondary);
	border: solid 2px var(--color-secondary);
}

.chci_resit_btns .kviz-btn a:hover{
	background: transparent;
	border: solid 2px var(--color-secondary-hover);
}

.chci_resit_btns .kviz-btn a span{
	color: var(--color-secondary);
}

.chci_resit_btns .kviz-btn a:hover span{
	color: var(--color-secondary-hover);
}

/* uvitani */
.greeting{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 auto;
	margin-top: 80px;
	order: 1;
	width: 100%;
	border-bottom: 1px solid #E9E9E9;
}

.greeting-content{
	margin: 0 auto;
	width: 66%;
	max-width: 890px;
	text-align: left;
	padding-bottom: 80px;
}

.greeting-content .homepage-group-title{
	text-align: left;
}

.greeting-content blockquote{
	position: relative;
	z-index: 1;
}

.greeting-content blockquote:before{
    content: "\0022";
    position: absolute;
    top: -60px;
    left: -65px;
    z-index: 0;
    opacity: 0.08;
	font-family: serif !important;
    font-size: 20em;
    line-height: 1em;
    color: #A56C76;
    font-style: italic;
}

.greeting .greeting-img{
	width: 33%;
	height: auto;
}

.greeting .greeting-img img{
	width: 100%;
	max-height: 500px;
	height: auto;
	object-fit: contain;
}

/* Benefit */
.type-product .benefitBanner{
	margin-top: 0;
	margin-bottom: 80px;
}

.benefitBanner,
.benefitBanner:not(.container){
	--padding-sides: 600px;
	--padding-topbot: 40px;
	--width-benefit: calc(100% + (2 * var(--padding-sides)));
    background-color: #F0E3E5;
    margin-left: calc(var(--padding-sides) * -1);
    margin-right: calc(var(--padding-sides) * -1);
	padding-left: var(--padding-sides);
    padding-right: var(--padding-sides);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: var(--padding-topbot);
    padding-bottom: calc(2 * var(--padding-topbot));
    width: var(--width-benefit);
	max-width: var(--width-benefit);
}

.benefitBanner.position--benefitProduct{
	margin-top: 0px;
	margin-bottom: 0;
	padding-bottom: var(--padding-topbot);
}

.benefitBanner.position--benefitCategory{
	margin-top: var(--padding-topbot);
}

/* ikony v karte produktu tisk atd. */
.link-icons a.link-icon.print{
    display: none;
}

/* skryte menu "informace pro vas - osobni udaje" z hlavicky vedle cisla */
.top-navigation-menu {
	visibility: hidden !important;
}

/* skrytí nadpisu H1 na titulní straně */
.eshopHeader,
.homepage-box.welcome-wrapper .welcome h1{
    display: none !important;
} 

/* barva pozadí obsahu stránky */
.content-wrapper-in {
    background-color: #fff !important;
} 

/* barva pozadí pod formulářem */
.homepage-box.welcome-wrapper .content-wrapper-in {
	background-color: #F5F5F5 !important;
}

.products-block .p-bottom .p-tools .btn,
.btn.btn-cart.btn-lg,
a.btn.btn-cart.btn-lg,
.btn.add-to-cart-button.btn-lg,
a.btn.add-to-cart-button.btn-lg,
.btn-link{
	border-radius: 10px;
}

.btn-link{
	padding: 0;
	background: transparent;
	border: 0;
}

.btn-link a{
	display: block;
	padding: 0 24px;
	height: 48px;
    min-width: 124px;
    line-height: 46px;
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	text-transform: uppercase;
	border-radius: 10px;
}

.btn-link a:hover{
	background-color: var(--color-secondary-hover);
	border-color: var(--color-secondary-hover);
}


.btn-link a span{
	font-size: 13px;
    font-weight: bold;
	color: #fff;
	cursor: pointer;
    letter-spacing: 1px;
	text-transform: uppercase;
}

/* telefon na vrchu stranky */
.top-navigation-contacts:after{
	content: "Volejte Po-Pá: 9:00-16:00";
	font-size: 0.9em;
	padding-left: 20px;
}

.doprava-top-nav{
	display: inline-block;
}

/* Hodnocení e-shopu na hlavní stránce */
.type-index .box-shopRating-cus{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1418px;
	margin: 0 auto;
	padding: 0 10px;
}

.type-index .box-shopRating-cus .vote-content{
	width: 28%;
}

.type-index .box-shopRating-cus H4{
	margin-top: 80px;
    font-size: 33px;
    text-align: center;
    margin-bottom: 52px;
	width: 100%;
}


/* Instagram */
#dklab_instagram_widget_headingb,
#dklab_instagram_widget_in{
	max-width: 1418px;
	margin: 0 auto!important;
}

/* Footer */
#footer{
	border-top: 0!important;
}

#footer .custom-footer>div:last-of-type{
	padding-right: 0;
}

/* Podstránky */
/**************************************************************/
.customer-page .sidebar-left ul li{
	font-size: 0.9em;
}

.customer-page .sidebar-left ul li.logout{
	top: 10px;
}

.customer-page .content-inner{
	margin-top: 40px;
}

.sidebar-left .box-productRating{
	display: none;
}

.sidebar-left .box{
	margin-bottom: 0;
	padding: 12px 0;
}

.sidebar-left .box h4{
	margin-top: 0;
}

.sidebar-left .box .toggle-filters{
	padding: 12px 0;
}

.sidebar-left .box-filters{
	padding-top: 0;
}

.sidebar-left .box .filters-unveil-button-wrapper{
	display: none;
}

.type-category .content-wrapper-in .category-content-wrapper{
	display: flex;
	flex-direction: column;
}

.sidebar-left .box-shopRating-cus .vote-content p{
	font-size: 12px;
	line-height: 1.3em;
}

.type-category .content-wrapper-in .category-content-wrapper .category__secondDescription{
	order: 1;
}

.type-category .content-wrapper-in .category-content-wrapper .category-header{
	order: 2;
}

.type-category .content-wrapper-in .category-content-wrapper #filters-wrapper{
	order: 3;
}

.type-category .content-wrapper-in .category-content-wrapper .products.products-page.products-block{
	order: 4;
}

.type-category .content-wrapper-in .category-content-wrapper .pagination-wrapper.pagi-yes{
	order: 5;
}

.p-info-wrapper > .p-short-description{
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}

.p-short-description table{
	order: 3;
}

.p-short-description .vice{
	order: 2;
}

.type-product .social-buttons-wrapper{
	flex-direction: column;
	padding-top: 0;
}

.type-product .social-buttons-wrapper .link-icons,
.additional-sale-box .link-icons{
	justify-content: space-between;
	margin-top: 18px;
	margin-left: 0;
}

.type-product .social-buttons-wrapper .link-icons a,
.additional-sale-box .link-icons a{
	line-height: 20px;
	margin-left: 0;
	margin-right: 20px;
}

.type-product .social-buttons-wrapper .link-icons a:before,
.additional-sale-box .link-icons a:before{
	content: "";
	background-size: contain;
	height: 20px;
	width: 20px;
	margin-right: 8px;
	opacity: 0.8;
}

.type-product .social-buttons-wrapper .link-icons a.chat:before,
.additional-sale-box .link-icons a.chat:before{
	background-image: url(/user/documents/icons/ask.png);
}

.type-product .social-buttons-wrapper .link-icons a.watchdog:before,
.additional-sale-box .link-icons a.watchdog:before{
	background-image: url(/user/documents/icons/dog.png);
}

.type-product .social-buttons-wrapper .link-icons a.share:before,
.additional-sale-box .link-icons a.share:before{
	background-image: url(/user/documents/icons/share.png);
}

/* Chladici podlozka */
.additional-sale-box{
	width: 50%;
	padding-left: 48px;
	float: right;
    margin-top: -50px;
}

.additional-sale-box .card.elevation-0{
	display: inline-block;
	background-color: #F5F5F5 !important;
	margin: 0;
}

.chladici-podlozka{
	margin-bottom: 27px;
}

.chladici-podlozka h2{
	font-size: 28px;
	text-align: left;
	color: var(--color-secondary);
}

.chladici-podlozka .chladici-podlozka-des{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.chladici-podlozka .chladici-podlozka-des img{
	width: 80px;
	height: 80px;
}

.chladici-podlozka .chladici-podlozka-des .price-final-holder{
	padding-right: 14px;
}

.chladici-podlozka .chladici-podlozka-des .add-to-cart{
	width: auto;
}

.chladici-podlozka .chladici-podlozka-des .bottom{
	background-color: transparent;
}

.chladici-podlozka .chladici-podlozka-des button.add-to-cart-button{
	width: 300px;
	--button-padding: 0.8em;
    width: auto;
	margin: 12px 0 12px 0;
	background-color: var(--color-secondary);
}

.upozorneni_doprava{
	padding: 14px;
	background-color: #ffe9e9;
}

.upozorneni_doprava h2{
	font-size: 16px;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
}

.upozorneni_doprava p{
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* hodnocení v popisu */
#ratingTab:before{
	font-family: 'Poppins', sans-serif !important;
    font-style: normal;
	font-weight: 400;
	color: var(--color-secondary);
}
	
#ratingTab-description{
	margin-bottom: 40px;
}

#description .extended-description h3{
	font-family: 'Poppins', sans-serif !important;
    font-style: normal;
    font-size: 33px;
	font-weight: 400;
	color: var(--color-secondary);
}

#description{
	max-width: 1200px;
	margin: 0 auto;
}

#description .description-inner{
	flex-direction: column;
}

#description .basic-description{
	width: 100%;
}

#description .rate-wrapper{
	margin-bottom: 16px;
}

#description .rate-wrapper .rate-wrap.row{
	justify-content: flex-start;
	align-content: center;
}

#description .rate-wrapper .rate-average-wrap{
	width: fit-content;
	height: fit-content;
	margin: auto 0;
}

#description .rate-wrapper .rate-average-wrap .rate-average-inner{
	flex-direction: column;
}

#description .rate-wrapper .col-xs-12.col-sm-6:nth-child(2){
	width: 30%;
}

/* Nadpis produktu */
.p-detail-inner-header h1{
	font-size: 3rem;
}

/* Doporuceni */
.p-short-description blockquote{
	margin-inline-start: 0;
}

.p-short-description table{
	margin-top: 15px;
	margin-bottom: 15px;
}

.p-short-description table>tbody>tr{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	
}

.p-short-description table>tbody>tr td{
	display: block;
}

.p-short-description table>tbody>tr td:nth-child(1){
	padding: 10px 15px 10px 0px;
}

.p-short-description table>tbody>tr td:nth-child(2){
	background-color: #F0E3E5;
	padding: 10px 15px;
	border-radius: 10px;
	width: calc(100% - 145px);
	height: fit-content;
}

.p-short-description table>tbody>tr img{
	width: 80px;
	max-width: 80px;
}

body.type-product #tab-content{
	padding-bottom: 40px;
}

body.type-category .subcategories{
	padding-bottom: 0;
}

body.type-product .shp-tabs-wrapper,
body.type-product .product-top{
	margin-bottom: 40px;
}

.extended-description .detail-parameters tbody>tr>th{
	font-weight: 700;
}

.extended-description .detail-parameters tbody>tr>td{
	text-align: left;
}

/* Probiotika check varianty */
#simple-variants.check-modified{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    height: auto;
}

#simple-variants.check-modified:before,
#simple-variants.check-modified:after{
    display: none;
}

#simple-variants.check-modified label.advanced-parameter{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    width: 100%;
    height: auto;
    padding: 5px 10px 5px 35px;
    border: 1px solid #F5F5F5;
}

#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner:before,
#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner:after,
#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner img{
    display: none;
}

#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner p{
    margin-bottom: 0;
}

#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner p:first-of-type{
    font-weight: 800;
}

#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner p:not(:first-of-type):before{
    content: "✓";
    color: #329801;
    margin-right: 5px;
}

#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner a{
    font-weight: 800;
    text-decoration: underline;
}

#simple-variants.check-modified label.advanced-parameter .advanced-parameter-inner a:hover{
    text-decoration: none;
}

#simple-variants.check-modified label.advanced-parameter input{
    -webkit-appearance: auto;
    appearance: auto;
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    height: 18px;
    width: 18px;
}

/* Clanek */
.news-item:hover .text{
	background-color: #B1BDAC;
}

.type-page .content-inner{
	margin: 0 auto;
	width: 100%;
}

.p-info-wrapper .detail-parameters select{
	height: 32px;
}

.p-info-wrapper .buy-box{
	display: flex;
	flex-direction: column;
}

.p-info-wrapper .buy-box .bottom{
	order: 1;
}

.p-info-wrapper .buy-box .top{
	order: 2;
}

/* POP-UP */
/**************************************************************/
.kviz-pop-wrap.cd-popup{
	position: fixed;
	z-index:  1109;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
	height: 90%;
	max-width: 1400px;
	max-height: 1000px;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	visibility: hidden;
	border: 0;
	border-radius: 20px 20px 0 0;
	box-shadow: 0 0 25px rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.kviz-pop-wrap.cd-popup.is-visible{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.kviz-pop{
	position: relative;
	z-index: 1111;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 20px 20px 0 0;
}

.kviz-pop-close.cd-popup-close{
	position: absolute;
	z-index: 1112;
	top: 8px;
	right: 8px;
	width: 60px;
	height: 60px;
	color: transparent;
}

.kviz-pop-close.cd-popup-close:before,
.kviz-pop-close.cd-popup-close:after {
  content: '';
  position: absolute;
  top: 25px;
  width: 44px;
  height: 5px;
  background-color: #8f9cb5;
}
.kviz-pop-close.cd-popup-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.kviz-pop-close.cd-popup-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}

.overlay-pop{
	position: fixed;
	z-index: 999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 120vw;
	margin: auto;
	height: 120vh;
	opacity: 0;
	background-color: #000;
}

.kviz-pop-wrap.cd-popup .overlay-pop{
	display: none;
	position: fixed;
	z-index: 1110;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	opacity: 0;
	background-color: #000;
	pointer-events: none;
}

.kviz-pop-wrap.cd-popup.is-visible .overlay-pop{
	display: block;
	width: 120vw;
	height: 120vh;
	opacity: 0.7;
	pointer-events: auto;
}

/* Warning */
/**************************************************************/
.warning{
	position: absolute;
	overflow: hidden;
	z-index: 0;
	top: 121px;
	padding: 1rem 0;
	width: 100%;
	font-size: 2rem;
	background: rgba(165, 108, 118, 0.8);
	color: white;
}

.warning_inner{
	display: flex;
}

.warning_inner span{
  flex-shrink: 0;
  margin: 0;
  padding: 10px 15px;
  min-width: 100%;
  white-space: nowrap;
  animation-name: warning_anim;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes warning_anim {
  from {
    transform: translateX(0);
  }
  
  to {
    transform: translateX(-100%);
  }
}

.admin-logged .warning{
	top: 148px;
}

body:not(.type-index) .warning{
	display: none;
}

/* Košík */
/***************************************************************/
.ordering-process #navigation,
.ordering-process .navigation-buttons .lupa,
.ordering-process.in-kosik .top-navigation-bar,
#header .project-phone{
	display: none;
}

#contact-cart{
	position: absolute;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	height: 80px;
	top: 0;
    left: 50%;
    width: 320px;
    margin-left: -160px;
}

#contact-cart > img{
	width: 60px;
	height: 60px;
	border-radius: 40px;
	object-fit: cover;
	overflow: hidden;
}

#contact-cart .contacts{
	display: flex;
	flex-direction: column;
}

#contact-cart .contacts .tel{
	margin-bottom: 5px;
}

#contact-cart .contacts img{
	height: 20px;
	width: 20px;
	margin-right: 10px;
}

#contact-cart .contacts a{
	color: #A56C76;
	text-decoration: underline;
}

#contact-cart .contacts a:hover{
	cursor: pointer;
	text-decoration: none;
}

.ordering-process.in-kosik #header .navigation-buttons .dropdown{
	height: 80px;
    line-height: 80px;
	margin-right: 0;
}

.ordering-process.in-kosik #header .top-nav-button-login{
	padding-left: 40px;
    padding-right: 40px;
    border-left: 1px solid #c4c4c4;;
}


.kupon-odkaz{
	display: none;
}

.discount-coupon:not(.uplatneno) form {
    display: flex;
	justify-content: space-between;
	flex-direction: row;
	width: 100%;
	margin-top: 0;
	padding-top: 30px;
	max-width: 100%;
}

.discount-coupon form:before {
	content: 'Máte slevový kupón?';
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	font-size: 1.1em;
}

.discount-coupon button.btn.btn-secondary{
	position: relative;
	margin-left: 10px;
	flex: 0 0 150px;
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

.discount-coupon button.btn.btn-secondary:hover{
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.discount-coupon .form-control{
	width: auto;
	border-color: var(--color-secondary);
}

.ordering-process .content-inner{
	margin: 0;
}

.sidebar-in-cart,
#checkoutSidebar{
	padding-top: 24px !important;
}

.sidebar-in-cart,
#checkoutSidebar>.cart-content{
	display: flex;
	flex-direction: column;
}

.sidebar-in-cart>.summary-wrapper{
	order: 1;
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.sidebar-in-cart>.summary-wrapper .box{
	display: flex;
	flex-direction: column;
}

.sidebar-in-cart>.summary-wrapper .box .next-step,
#checkoutSidebar>.cart-content>.next-step{
	order: 1;
}

#checkoutSidebar>.cart-content>.next-step .next-step-back{
	margin-top: 1rem;
	margin-bottom: 2rem;
	text-align: left;
}

.sidebar-in-cart>.summary-wrapper .box .next-step #continue-order-button,
#checkoutSidebar>.cart-content>.next-step #orderFormButton,
#checkoutSidebar>.cart-content>.next-step #submit-order,
.p-info-wrapper .buy-box .bottom .add-to-cart-button{
	--button-padding: 1.5em;
	background-color: #009901;
	color: #fff;
	line-height: 1.1;
	border-radius: 10px;
    border: 0;
	padding: var(--button-padding) calc(2 * var(--button-padding));
	width: 100%;	
}

.p-info-wrapper .buy-box .bottom .add-to-cart-button{
	--button-padding: 0.8em;
	width: auto; 
}

.sidebar-in-cart>.summary-wrapper .box .next-step #continue-order-button:hover,
#checkoutSidebar>.cart-content>.next-step #orderFormButton:hover,
#checkoutSidebar>.cart-content>.next-step #submit-order:hover,
.sidebar-in-cart>.summary-wrapper .box .next-step #continue-order-button:focus,
#checkoutSidebar>.cart-content>.next-step #orderFormButton:focus,
#checkoutSidebar>.cart-content>.next-step #submit-order:focus,
.sidebar-in-cart>.summary-wrapper .box .next-step #continue-order-button:active,
#checkoutSidebar>.cart-content>.next-step #orderFormButton:active,
#checkoutSidebar>.cart-content>.next-step #submit-order:active,
.p-info-wrapper .buy-box .bottom .add-to-cart-button:hover{
	background-color: #17B918;
}

.sidebar-in-cart>.summary-wrapper .box .price-wrapper{
	order: 2;
}

.sidebar-in-cart>.checkout-box-wrapper,
#checkoutSidebar>.cart-content>.order-summary{
	order: 2;
}

#checkoutSidebar>.cart-content>.order-summary h4{
	margin-top: 2em;
	margin-bottom: 1em;
}

#checkoutSidebar>.cart-content>.order-summary .cart-items .cart-item{
	margin-bottom: 0;
}

#checkoutSidebar>.cart-content>.order-summary .recapitulation-single,
#checkoutSidebar>.cart-content>.order-summary .order-summary-item{
	padding: 0.5em 0;
}

.in-krok-2 .consents-first{
	display: none;
}

.in-krok-2 .consents{
	order: 2;
}

#checkoutSidebar .form-group.consents{
	text-align: left;
}

#checkoutSidebar>.cart-content>.order-summary{
	order: 3;
}

.in-krok-2 #checkoutContent>.cart-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.in-krok-2 #checkoutContent>.cart-content>.ucet{
	width: 100%;
	order: 1;
}

.in-krok-2 #checkoutContent>.cart-content>.co-contact-information{
	width: 49%;
	order: 2;
}

.in-krok-2 #checkoutContent>.cart-content>.co-contact-information .form-group,
.in-krok-2 #checkoutContent>.cart-content>.co-billing-address .form-group{
	display: flex;
	flex-direction: column;
}

.in-krok-2 #checkoutContent>.cart-content>.co-contact-information .form-group label,
.in-krok-2 #checkoutContent>.cart-content>.co-billing-address .form-group label{
	width: 100%;
	height: auto;
}

.in-krok-2 #checkoutContent>.cart-content>.co-billing-address{
	width: 49%;
	order: 3;
}

.in-krok-2 #checkoutContent>.cart-content>.mehub-bonus-checkout-container{
	width: 100%;
	order: 4;
}

.in-krok-2 #checkoutContent>.cart-content>.mehub-bonus-checkout-container h4{
	margin-bottom: 0;
}

.venus .card{
	background: #F0E3E5!important;
}

.in-krok-2 #checkoutContent>.cart-content>.co-box-additional{
	width: 100%;
	order: 5;
}

.in-krok-2 #checkoutContent>.cart-content>div,
.in-krok-2 #checkoutContent>.cart-content>fieldset{
	padding-bottom: 24px;
	margin-bottom: 24px
}

/* Charita */
.charity_cus{
	width: 260px;
}

#description .basic-description h3.popis-nadpis,
#productDiscussion:before,
#ratingTab:before{
    display: none;
}

/* Telefon rozliseni */
/**************************************************************/
@media screen and (min-width: 768px){
	.top-navigation-bar .top-navigation-menu{
		display: none!important;
	}
	
	.top-navigation-bar .container>div.top-navigation-menu,
	.top-navigation-bar .container>div.top-navigation-tools{
		flex: 0 0 0;
	}
	
	.top-navigation-bar .container>div.top-navigation-contacts{
		flex: 1 1 100%;
		padding: 0px 20px;
	}
	
	.top-navigation-bar .container>div.top-navigation-contacts {
		display: grid !important;
		grid-template-columns: 1fr fit-content(40%) fit-content(40%);
		justify-content: space-between;
	}
	
	.top-navigation-bar .container>div.top-navigation-contacts .doprava-top-nav{
		text-align: left;
		grid-column: 1;
	}
	
	.top-navigation-bar .container>div.top-navigation-contacts .doprava-top-nav a{
		text-decoration: underline;
		color: var(--color-secondary);
	}
	
	.top-navigation-bar .container>div.top-navigation-contacts .doprava-top-nav a:hover{
		text-decoration: none;
	}
	
	.top-navigation-bar .container>div.top-navigation-contacts .project-phone{
		grid-column: 2;
	}
	
	.top-navigation-bar .container>div.top-navigation-contacts:after{
		grid-column: 3;
	}
	
	.navigation-in>ul>li.ext>ul>li>a{
		display: block!important;
		margin-top: -19px;
		margin-right: -12px;
		z-index: 1;
	}
	
	.navigation-in>ul>li.ext>ul>li>div>a{
		position: relative;
		z-index: 5;
	}
	
	.sticky-header.sticky-active:not(.ordering-process) #header{
		max-width: none;
	}
	
	.type-product .social-buttons-wrapper .link-icons,
	.additional-sale-box .link-icons{
		justify-content: flex-start;
	}
	
	.chladici-podlozka .chladici-podlozka-des{
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		gap: 26px;
	}
}

@media screen and (max-width: 1051px){
	.doprava-top-nav{
		display: none;
	}
	
	.in-krok-2 #checkoutContent>.cart-content>.co-contact-information{
		width: 100%;
	}


	.in-krok-2 #checkoutContent>.cart-content>.co-billing-address{
		width: 100%;
	}
	
	#contact-cart{
		display: none;
	}
}

@media screen and (max-width: 991px){
	.benefitBanner.position--benefitHomepage .greeting-content{
		width: 100%;
		text-align: center;
	}
	
	.benefitBanner.position--benefitHomepage .greeting .greeting-img{
		display: none;
	}
	
	.charity_cus{
		margin: 0 auto;
	}
}

@media screen and (max-width: 767px){
	#header{
		z-index: 900;
	}
	
	.next-to-carousel-banners{
		grid-template-columns: 50% 1fr;
		grid-template-rows: 1fr 130px; 
		max-height: 100vh;
	}
	
	.next-to-carousel-banners > div:nth-child(1) {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}

	.next-to-carousel-banners > div:nth-child(2) {
		grid-column: 1;
		grid-row: 2;
	}

	.next-to-carousel-banners > div:nth-child(3) {
		grid-column: 2;
		grid-row: 2;
	}
	
	.fav-cat li{
		width: 49.9%!important;
	}
	
	.fav-cat li:last-child:nth-child(odd){
		width: 100%!important;
	}
	
	.benefitBanner.position--benefitHomepage{
		display: flex;
		flex-direction: column;
	}
	
	.benefitBanner.position--benefitHomepage .greeting{
		padding-bottom: 32px;
		border-bottom: 0;
	}
	
	.greeting-content{
		width: 90%;
		display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	
	.greeting-content .homepage-group-title.h4,
	.greeting-content blockquote,
	.greeting-content p{
		text-align: center;
		width: 100%;
	}
	
	.greeting-content blockquote{
		margin: 0 auto;
	}
	
	.greeting-img{
		display: none;
	}
	
	.kviz-pop-wrap.cd-popup{
		width: 100%;
		height: 100%;
		border-radius: 0;
	}
	
	.kviz-pop-wrap .kviz-pop{
		border-radius: 0;
	}
	
	.warning,
	.admin-logged .warning{
		top: 55px;
	}
	
	.p-short-description table>tbody>tr td:nth-child(1){
		display: none;
	}
	
	.p-short-description table>tbody>tr td:nth-child(2){
		width: 100%;
		margin: 0 auto;
	}
	
	.benefitBanner,
	.benefitBanner:not(.container){
		--padding-sides: 10px;
		padding-bottom: calc(var(--padding-topbot) - 20px)!important;
	}
	
	.benefitBanner.position--benefitProduct{
		--padding-sides: 0;
	}
	
	.type-index .box-shopRating-cus .vote-content{
		width: 100%;
	}
	
	.navigation-buttons .responsive-tools{
		display: none;
	}
	
	.ordering-process #header{
		width: 100%;
		height: 60px;
		border-bottom: 1px solid #e9e9e9;
	}
	
	.ordering-process .top-navigation-bar{
		display: none;
	}
	
	.ordering-process #header .header-top,
	.ordering-process #header .header-top .site-name,
	.ordering-process #header .header-top .site-name-wrapper{
    	display: flex !important;
	}
	
	.ordering-process #header .header-top{
		flex-wrap: nowrap;
		justify-content: space-between;
    	height: 60px;
    	padding: 0;
	}
	
	.ordering-process #header .site-name{
		left: 30px;
		text-align: left;
		max-width: 170px;
		height: 100%;
		align-items: center;
		z-index: 3;
	}
	
	.ordering-process #header .site-name-wrapper{
		flex: 0 1 70%;
		align-items: flex-end;
	}
	
	.ordering-process .header-top .top-nav-button{
    	display: inline-block !important;
		padding: 0;
		padding-left: 30px;
		padding-right: 30px;
		height: 60px;
		line-height: 60px;
	}
}

@media screen and (max-width: 1439px){
	.additional-sale-box{
		margin-top: -75px;
	}
}

@media screen and (max-width: 1200px){
	.chladici-podlozka .chladici-podlozka-des{
		flex-direction: column;
	}
}

@media screen and (max-width: 991px){
	.additional-sale-box {
		width: 100%;
		padding-left: 0;
		float: left;
	}
	
	.chladici-podlozka .chladici-podlozka-des{
		flex-direction: row;
	}
	
	body.type-product.id-856  .shp-tabs-wrapper{
		margin-top: 310px;
	}
}

@media screen and (max-width: 500px){
	.chladici-podlozka .chladici-podlozka-des{
		flex-direction: column;
	}
	
	body.type-product.id-856  .shp-tabs-wrapper{
		margin-top: 360px;
	}
	
	.additional-sale-box .link-icons a:before{
		display: none;
	}
}

@media screen and (max-width: 360px){
	body.type-product.id-856  .shp-tabs-wrapper{
		margin-top: 390px;
	}
}