<style type="text/css">
/* ==========================================================================
   1. GLOBÁLNÍ STYLY A TYPOGRAFIE
   ========================================================================== */
body {
    color: #24242e;
}
h1, .h1 { font-size: 38px; }
h2, .h2 { font-size: 32px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 25px; }

hr {
    margin-bottom: 15px;
}
.content-inner {
    max-width: 100%;
}
.content-wrapper.container {
    padding-left: 25px;
    padding-right: 25px;
}
body:not(.type-index):not(.type-product):not(.ordering-process) h1 {
    margin-bottom: 20px;
    margin-top: 25px;
}
.type-search #content h2 {
    margin-top: 25px;
    margin-bottom: 25px;
}
.link-icon.print {
    visibility: hidden;
}

/* ==========================================================================
   2. HLAVIČKA, NAVIGACE A BREADCRUMBS
   ========================================================================== */
#header {
    color: #1b181a;
}
#header::after {
    background-color: #ffe900;
    border-bottom: 3px solid #1b181a;
}
#navigation {
    border-bottom: none;
}
.navigation-in {
    background-color: transparent;
    font-size: 16px;
}
.navigation-in ul li a {
    letter-spacing: 0;
}
.navigation-window-visible #navigation::before, 
.login-window-visible #navigation::before {
    background-color: #f6f6f6;
}
.container.breadcrumbs-wrapper {
    background-color: #F6F6F6;
    margin-bottom: 0;
    border-bottom: 1px solid #E4E4E4;
}
#nav-manufacturers {
    display: none !important;
}

/* ==========================================================================
   3. HOMEPAGE A BANNERY
   ========================================================================== */
.welcome h1 {
    margin-top: 20px;
    font-size: 34px;
    margin-bottom: 20px;
}
.homepage-box.before-carousel {
    background: #FFFFFF;
    border-bottom: 1px solid #E4E4E4;
    padding-top: 0;
}
.homepage-box.welcome-wrapper.welcimg-wrapper {
    background-color: #ffe900;
}
.h4.homepage-group-title {
    margin-top: 10px;
}
.box-categories {
    background-color: #ffe900 !important;
    border: 1px solid #E4E4E4 !important;
}
.benefitBanner__title {
    color: #1b181a;
}
.type-product .benefitBanner {
    margin-top: -32px;
    margin-bottom: 32px;
    padding: 15px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
}
.benefitBanner + .fav-cat, 
.row.banners-row + .fav-cat {
    margin-top: 48px;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

/* ==========================================================================
   4. VÝPIS PRODUKTŮ A KATEGORIE
   ========================================================================== */
.fav-cat ul { margin-bottom: 12px; }
.fav-cat li > div { background-color: #ffffff; }
.category-appendix::before, 
.product-appendix::before, 
.product .product-appendix::before {
    display: none;
}
.products-block .p-bottom .prices, 
.products-block .p-bottom .p-tools {
    flex-basis: 40%;
}
.products-block .p-bottom .p-desc {
    max-height: 65px;
    margin: 10px 0 0;
}
.p-short-description > p {
    display: block;
    margin-bottom: 0;
}
.filter-section.aktivni form {
    display: block !important;
}
#filters .aktivni h4::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* ==========================================================================
   5. DETAIL PRODUKTU
   ========================================================================== */
.product-top { margin-top: 25px; }
.p-image, .image360 { margin-top: 38px; }
.p-image-wrapper .flags.flags-default { top: -38px; }
.p-detail-info {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 16px;
}
.p-code {
    color: #656570;
    font-size: 16px;
}
.p-detail .add-to-cart .quantity {
    margin-right: 5px;
    margin-top: 1px;
}
.variant-table .table-row {
    padding: 16px 16px !important;
}
.variant-name { display: block; }
.basic-description {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}
.basic-description h3:not(.popis-nadpis) { margin-top: 0; }
.popis-nadpis { display: none; }
.extended-description { width: 100%; }
.extended-description .detail-parameters th, 
.extended-description .detail-parameters td {
    color: #24242e;
}
.extended-description .detail-parameters td {
    text-align: left;
}
.p-info-wrapper .detail-parameters th {
    font-size: 16px;
}
table.detail-parameters__gpsr { max-width: 100%; }
#ratingTab { max-width: 100%; }
.related-yes #productsAlternative {
    border-top: none;
    padding-top: 0;
}
.shp-tabs-holder ul.shp-tabs li a { font-size: 14px; }
.plus-gallery-item {
    display: inline-block;
    margin: 5px;
    text-align: center;
    border: 0px solid;
    vertical-align: top;
}

/* --- Dostupnost --- */
.availability-value {
    font-size: 20px;
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 16px;
    margin-bottom: 24px;
}
.availability-amount { display: none; }
.product .availability { font-size: 15px; }
.var-dostupnost.skladem { padding-left: 0; }
.var-dostupnost::before, .skladem::before { display: none; }

/* --- Ceny --- */
.products-block.products .p .price strong, 
.products-block.products .p .price span,
.variant-price-wrap .price-final {
    font-size: 24px;
    font-weight: 900;
    color: #dc3545;
}
.p-info-wrapper .price-final {
    font-size: 4.8rem;
    font-weight: 900;
    color: #dc3545;
}
.p-total .price-final {
    color: #dc3545;
    font-size: 20px;
}
.price-primary { color: #dc3545; }
.products-block.products .p .price span.pr-list-unit { color: #24242E; }

/* ==========================================================================
   6. KOŠÍK A OBJEDNÁVKOVÝ PROCES
   ========================================================================== */
.ordering-process .content-wrapper {
    background-color: #FFFFFF;
}
.cart-content {
    padding: 25px 25px 60px 25px !important;
}
.cart-content.summary-wrapper {
    background-color: #ffffff;
}
.cart-row > div.col-md-4 {
    padding-left: 25px;
}
.id--9 .extra.delivery { max-width: 400px; }
.id--9 .next-step--cart .btn {
    width: 100%;
    margin-top: 12px;
}
.payment-logo { border-style: none; }

/* Trvalé zobrazení slevového kupónu */
.discount-coupon:not(.uplatneno) form {
    display: block !important;
    margin-top: 0 !important;
}
.kupon-odkaz { display: none !important; }

/* ==========================================================================
   7. TLAČÍTKA A FORMULÁŘE
   ========================================================================== */
.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 {
    width: 265px !important;
    height: 75px !important;
    font-size: 20px !important;
}
.btn.btn-conversion, 
a.btn.btn-conversion, 
.btn.btn-cart, 
a.btn.btn-cart, 
.btn.btn-primary, 
a.btn.btn-primary, 
.btn.btn-secondary, 
a.btn.btn-secondary,
.compact-form .btn,
.radio-wrapper.active, 
.radio-wrapper:hover {
    border-radius: 5px;
}
.dotaz.btn {
    height: 56px;
    line-height: 56px !important;
    padding: 0 32px;
    margin-left: auto;
}
.dotaz.btn::before { display: none; }

/* ==========================================================================
   8. DOPLŇKY, ŠTÍTKY A NOTIFIKACE
   ========================================================================== */
/* Štítky a tooltipy */
.flag.flag-freeshipping { display: none !important; }
.flag.flag-custom2 { color: #1b181a; }
.show-tooltip.acronym[data-original-title] { border-bottom-style: none; }

/* Systémové zprávy */
.site-msg {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #1b181a;
}
.site-msg .close::before, .site-msg .close::after { background: #1b181a; }
.site-msg.cookies { background-color: #ffe900; color: #000; }
.site-msg.information { text-align: center; }
.site-msg-custom.step-1 { padding: 20px 10px 30px 30px; }
.site-msg-custom.step-1::before { display: none; }

/* fvDoplnek */
.fvDoplnek-produkt { background-color: #e9f7f1; }
div.fvDoplnek .fvDoplnek-produkt form p { width: auto; font-size: 14px; }
.fvDoplnek-description { font-size: 14px; }
.fvDoplnek-text .name { text-transform: none; font-size: 15px; }
.fvDoplnek h4 { margin-bottom: 20px; margin-top: 40px; font-size: 16px; }
.fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price { color: #00af68 !important; }
#cart-wrapper .fv-doplnek-item td.cart-p-image img { margin-left: 0; padding: 0; }
#cart-wrapper .fv-doplnek-item td.p-name { padding-left: 15px; }
#cart-wrapper .fv-doplnek-item td.p-availability.p-cell strong { font-weight: bold; font-size: 14px; }

/* Ostatní doplňky */
#hce-product-cert { width: 655px; height: 115px; }
.hce-certificate-text-container { margin-top: 20px !important; width: 300px !important; }
.planetwe-wrapper-inner, .planetwe-wrapper-outer { max-width: 100%; }
div.platimpak-wrapper { display: none; }

/* ==========================================================================
   9. PATIČKA A SIDEBAR
   ========================================================================== */
#footer {
    background-image: url("/user/documents/upload/Vzhled/Zapati/backgorund_kondik.png");
    background-color: #808080;
}
.footer-banners {
    border-bottom: none;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 24px;
    border-top: 2px solid #E4E4E4;
}
.custom-footer {
    background-color: #ffffffde;
    padding: 25px;
}
.footer-bottom {
    background-color: #808080de;
    padding: 25px;
}
.copyright {
    font-size: 16px;
    color: #e4e4e4;
}
.sidebar-inner > div {
    margin: 35px 0 32px 0;
}
.slick-track {
    margin-left: 0 !important;
}

/* ==========================================================================
   10. RESPONZIVITA (MEDIA QUERIES)
   ========================================================================== */
.responsive-nav { margin-bottom: 30px; }

@media screen and (min-width: 1200px) {
    .top-navigation-bar .project-email {
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        margin-left: 24px;
        color: var(--color-primary);
    }
    a.project-email::before {
        content: '\e910';
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .dotaz.btn { width: 100%; }
}

@media screen and (max-width: 767px) {
    .p-detail-inner .h1 {
        margin-bottom: 0;
        margin-top: 25px;
    }
}

@media screen and (min-width: 360px) and (max-width: 767px) {
    .top-navigation-contacts { display: block !important; }
    .top-navigation-contacts .project-phone { display: none !important; }
    .top-navigation-contacts .project-email {
        display: block !important;
        position: absolute;
        right: 164px;
        top: 15px;
        color: #A3A3AF;
    }
    a.project-email::before { content: '\e910'; }
    .top-navigation-contacts .project-email span { display: none; }
}

@media (max-width: 480px) {
    .products-block > div { width: 100% !important; }
}

@media screen and (max-width: 479px) {
    .dotaz.btn {
        width: 100%;
        margin-top: 16px;
    }
}
</style>
