NEW FP HP main CSS

/* Fonts - nemazat, není v main.css */
.external-fonts-loaded h1, .external-fonts-loaded h2, .external-fonts-loaded h3, .external-fonts-loaded h4, .external-fonts-loaded h5, .external-fonts-loaded h6, .external-fonts-loaded .h1, .external-fonts-loaded .h2, .external-fonts-loaded .h3, .external-fonts-loaded .h4, .external-fonts-loaded .h5, .external-fonts-loaded .h6, .external-fonts-loaded .cart-table .main-link, .external-fonts-loaded .cart-related-name, .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, .blank-mode .cart-table .main-link, .blank-mode .cart-related-name {font-family: 'Mulish', sans-serif !important;}
.external-fonts-loaded ol.cart-header, .external-fonts-loaded .next-step, .external-fonts-loaded .price-wrapper, .external-fonts-loaded .price-additional, .external-fonts-loaded .price-measure, .external-fonts-loaded .price-final, .external-fonts-loaded .price-save, .external-fonts-loaded .price-standard, .external-fonts-loaded .btn, .external-fonts-loaded .products .name {font-family: 'Mulish', sans-serif !important;}
.external-fonts-loaded body, body.blank-mode {font-family: 'Mulish', sans-serif;}
.navigation-in>ul>li>a, .navigation-in>ul>li>a b {font-family: 'Mulish', sans-serif; font-size: 10pt; letter-spacing: 0.15pt; font-weight: 600 !important;}
body.navigation-window-visible .navigation-in>ul>li>a, body.navigation-window-visible .navigation-in>ul>li>a b {font-weight: 300 !important; color: #000;}
body.navigation-window-visible .navigation-in>ul>li>a:hover, body.navigation-window-visible .navigation-in>ul>li>a:hover b {font-weight: 600 !important; color: #000;}
.navigation-in>ul>li.ext>ul>li>div>a, .category-appendix, .product-appendix {font-family: 'Josefin Sans', sans-serif; font-size: 9pt; letter-spacing: -0.25pt; font-weight: 400;line-height: 1.5;}
.products-block .ratings-wrapper .availability {font-family: 'Josefin Sans', sans-serif; font-size: 10pt; letter-spacing: -0.25pt; font-weight: 400;}
.products-block.products .p .name {font-family: 'Josefin Sans', sans-serif; font-size: 10pt; font-weight: 400;height: 50px;}
.products-block.products .p .price strong, .products-block.products .p .price span {font-size: 11pt; letter-spacing: -0.25pt; font-weight: 300;}
.collection_name {font-size: 16pt; letter-spacing: .25pt; font-family: 'Josefin Sans', sans-serif; text-align: center; text-transform: uppercase;}
.collection_claim {font-family: 'Mulish', sans-serif; font-size: 22pt; font-weight: 700; text-align: center; letter-spacing: -0.25pt;}
.navigation-in>ul>li.ext>ul>li>div>a {font-weight: 300; font-family: 'Mulish', sans-serif;}
.p-detail-inner-header h1 {font-size: 24px;}

.homepage-products-heading-1:after {content:'Nejnovější kousky od PDPAOLA v roce 2020' !important;}
h4.homepage-group-title, .h4.homepage-group-title {font-family: 'Cinzel', serif !important; text-align: left; text-transform: uppercase; font-size: 40px;padding: 5px;}
.h4.homepage-group-title:after {content: '';font-family: 'Mulish', sans-serif !important; font-size: 20px; display: block; text-transform: none; font-weight: 400;}
.products-block .p a.image {overflow: hidden;}
.in-index .products-block .p a.image img {transform: scale(1.3);}
.in-index .products-block.products>div {padding: 5px 5px 30px 5px;border-color: #fff;}
.in-index .products-block.products .p .name span {display: flex; flex-direction: column-reverse;text-transform: uppercase;color: #000;font-weight: 600;}
.in-index .category-appendix {color: #bba083 !important;font-size: 10pt;letter-spacing: 0;font-weight: 400 !important;}
.in-index .products-block.products .p .price strong, .in-index .products-block.products .p .price span {font-size: 10pt;letter-spacing: 0; font-weight: 600;}
.in-index .products-block.products .p .price {line-height: 1.7;}
.in-index .products-block.products .p .name {height: 56px; margin-bottom: 19px;}
.in-index .ratings-wrapper {display: none;}
.in-index .products-block:not(.products-related) .p-bottom .p-tools {display: block !important;}
.in-index .btn.btn-cart {
color: #000;
border: none;
background-color: transparent;
padding: 0;
text-decoration: underline;
text-transform: uppercase;
text-underline-offset: 2px;
font-weight: 600;
}
.in-index .products-block .p-bottom .p-tools {text-align: left;}
.btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before {display: none;}
.next-to-carousel-banners {display: flex;flex-wrap: wrap;}
@media (max-width: 991px) {
.next-to-carousel-banners .banner-wrapper {width: 100%;padding: 5px;}
.banners-content.body-banners .banner-wrapper a img, .body-banners.extended-banner-texts {width:100%;}
.banners-content.body-banners {border-top: solid 1px #000; border-bottom: solid 1px #000; background-color: #fff; padding:40px 0px; margin: 30px 0px;}
}

@media (min-width: 992px) {
.next-to-carousel-banners .banner-wrapper {width: 33.3333%;padding: 5px;}
.next-to-carousel-banners .banner-wrapper+.banner-wrapper {margin-top: 0px;}
.banners-content.body-banners .banner-wrapper a img, .body-banners.extended-banner-texts {width:50%;}
}
.extended-banner-title, .extended-banner-text, .extended-banner-link {
position: unset;
padding: 0;
border: none;
background-color: transparent;
box-shadow: none;
display: block;
color:#000;
}
.extended-banner-texts {position: unset;display: block;margin-top: 16px;}
.extended-banner-title {font-family: 'Cinzel', serif !important;text-align: left;text-transform: uppercase;font-size: 24px !important;
}
.extended-banner-link {font-weight:600;font-size:12px;
text-decoration:underline;
text-underline-offset:2px;
margin-top:10px;
text-transform: uppercase;
}
.homepage-box.middle-banners-wrapper {border-top-color: #000; border-bottom-color: #000; background-color: #fff; padding-top: 40px;padding-bottom: 40px;}
.banners-content.body-banners {margin: 0;}
.banners-content.body-banners .col-sm-12 {padding: 0;}
.banners-content.body-banners .banner-wrapper a {display: flex; flex-wrap: wrap;}
.body-banners .extended-banner-texts {margin-top: 0px; align-self: center; padding: 30px 50px;}
.body-banners .extended-banner-title {font-family: 'Josefin Sans';font-weight: 600;text-transform: none;font-size: 36px !important;}
.body-banners .extended-banner-text {font-size: 16px; max-width: 100%; font-weight: 600;}
.body-banners .extended-banner-link {font-size: 22px;margin-top: 20px; text-transform: uppercase;}
.in-index .content {display: flex; flex-direction: column;}
.h4.homepage-group-title {order:1;}
#products-1 {order:2;}
.next-to-carousel-banners {order:3;}
.benefitBanner.position--benefitHomepage {order:4;}

.p-short-description ul {display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 20px 0;}
.p-short-description ul li {margin-right:10px;}
.p-short-description ul li a {padding: 12px 24px;
border: solid 1px #dadada;
color: #222;}
.p-short-description ul li a:hover {
border-color: #229ceb;
color: #229ceb;
background-color: #229ceb17;
}