České plenky koncept CSS

<link rel="stylesheet" type="text/css" href="/user/documents/upload/res/NEW_concept_1.css">

 

<style>
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body, .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, .external-fonts-loaded #navigation {font-family: 'Prompt', sans-serif !important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 500;}
.btn, a.btn, .btn.btn-conversion, a.btn.btn-conversion, .top-products li .top-products-content .top-products-name {font-weight: 400;}
.consents a, table.detail-parameters tbody tr td a {font-weight: 400;color: #ce4496;}

.products-block > div .p .p-bottom > div .p-tools .btn, .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart {
font-weight: 500;
}
.quantity .decrease:hover:before, .quantity .increase:hover:before {
color: #fff;
}
.products-block>div:hover {
border-color: #ce4496;
}
@media (min-width: 768px) {
.navigation-in ul.menu-level-2 {
border-color: #ce4496;
background-color: #ffffffe6;
border-top: #fff;
}
.navigation-in .has-third-level div > ul a {
color: #ce4496;
}
.more-items-trigger {
color: #ce4496;
background-color: transparent;
}
.navigation-in>ul>li.ext>ul>li>div>a {
font-weight: 400;
font-size: 14px;
padding-bottom: 5px;
}
#navigation .menu-level-3 {
font-size: 14px;
}
}
.products-block>div {
border-radius: 10px;
}
.ui-slider-handle, .ui-slider-handle:hover {
background-color: #ce4496;
}
.ui-slider .ui-slider-range {
background-color: #1a1937;
border-color: #e7e7e7;
}
.ui-slider, .slider-content {
border-color: #1a1937;
}
.filter-sections {
background-color: transparent;
}

.site-msg.information {background-color: #241a27;color: #fff;padding: 10px;bottom: 20px;border-radius: 7px;padding-left: 125px;background-image: url(/user/documents/upload/res/procento.png);
background-repeat: no-repeat;background-position: -20px center;}
.site-msg.information .text {font-size: 22px;color: #fff;line-height: 1.5;}
.site-msg .close::before, .site-msg .close::after {background: #fff;}
.p-thumbnails a.highlighted img {border-color: #fff;}
.p-thumbnail.highlighted::before, .show360image.highlighted::before, .p-thumbnail:hover::before, .show360image:hover::before {
background-color: #ce4496;
}
.p-thumbnails-horizontal .p-thumbnail::before, .p-thumbnails-horizontal .show360image::before {
top: 7px;
width: 10px;
height: 10px !important;
left: 7px;
border-radius: 100%;
}
.responsive-nav .shp-tabs-holder {
margin: 20px 0px;
padding: 15px 0px;
border-top: solid 1px #edeced;
border-bottom: solid 1px #edeced;
}

.shp-tabs-holder ul.shp-tabs .shp-tab.active {
text-decoration: none;
border-bottom: solid 3px #ce4496;
}
.shp-tabs-holder ul.shp-tabs .shp-tab:hover {
text-decoration: none;
border-bottom: solid 3px #241a27;
}
.shp-tabs-holder ul.shp-tabs li {
margin: 0px 10px;
}
.shp-tabs-holder ul.shp-tabs li a {
padding-top: 0px;
padding-bottom: 0px;
}
.shp-tabs-holder ul.shp-tabs a.shp-tab-link {
padding-left: 25px;
padding-right: 25px;
}
.extended-description > p {display: none;}
table.detail-parameters {margin-top: 0;}

@media (max-width: 767px) {
.navigation-in {padding: 30px;}
.navigation-in .navigationActions {padding-bottom: 0px;}
.navigation-in>ul>li>a>span {padding-top: 10px; padding-bottom: 10px;}
}

/* doplňky */
#dklabDopravaBanner {background: #241a27;}
#dklabDopravaBanner svg {fill: #ce4395;}
#dklabDopravaBanner p {color: #fff;}
</style>