/* ------------------------------
   Rozložení homepage bloků (carousel + bannery)
   ------------------------------ */
.id-1 .content{
    display:flex;
    flex-direction:column;
}
.row.banners-row:not(.footer-banners){
    order:-3;
}
.benefitBanner{
    order:-2;
}
.footer-banners{
    order:-1;
}
.body-banners{
    order:1;
}
.id-1 .container-narrow{
    order:2;
    width:100%;
}
.homepage-group-title{
    margin:0;
    padding:70px 0 50px;
    text-transform:uppercase;
    font-size:26px;
    line-height:33px;
    font-weight:600;
    letter-spacing:.5px;
    position:relative;
}
.homepage-group-title::after{
    content:"";
    position:absolute;
    bottom:29px;
    left:50%;
    transform:translateX(-50%);
    height:6px;
    width:70px;
    border-radius:5px;
    background-color:#1195FE;
}
@media(max-width: 767px){
    .id-1 .row.banners-row:not(.footer-banners) .banner-wrapper+.banner-wrapper{
        margin-top:17px;
    }
    .id-1 .row.banners-row:not(.footer-banners) .banner-wrapper a{
        margin:0;
    }
}
@media(max-width: 1199px){
    .id-1 .row.banners-row:not(.footer-banners){
        display:flex;
        flex-direction:column;
    }
    .id-1 .row.banners-row:not(.footer-banners)>div{
        width:100%;
    }
    .id-1 .row.banners-row:not(.footer-banners) .col-sm-8{
        display:flex;
        justify-content:center;
    }
    .id-1 .row.banners-row:not(.footer-banners) .col-sm-4{
        padding-top:20px;
    }
    .id-1 .row.banners-row:not(.footer-banners) .col-sm-4 .banner-wrapper a{
        border-radius:5px;
        overflow:hidden;
        display:block;
    }
}
@media(min-width: 768px){
    .id-1 .row.banners-row:not(.footer-banners){
        margin-top:10px;
        margin-bottom:50px;
    }
}
@media(min-width: 1200px){
    .id-1 .row.banners-row:not(.footer-banners) .col-sm-8{
        width:63%;
    }
    .id-1 .row.banners-row:not(.footer-banners) .col-sm-4{
        padding-left:20px;
        width:37%;
    }
    .id-1 .row.banners-row:not(.footer-banners) .col-sm-4 .banner-wrapper+.banner-wrapper{
        margin-top:17px;
    }
    .id-1 .row.banners-row:not(.footer-banners) .col-sm-4 .banner-wrapper a{
        border-radius:5px;
        overflow:hidden;
        display:block;
        margin:0;
    }
}

/* ------------------------------
   Desktop / mobile verze carouselu
   ------------------------------ */
@media(max-width: 767px){
    .desktop .carousel{
        display:none;
    }
}
@media(min-width: 768px){
    .mobile .carousel{
        display:none;
    }
}

/* ------------------------------
   Základní nastavení carouselu
   ------------------------------ */
.carousel-inner{
    min-height:unset !important;
}
.carousel-inner .item a{
    display:block;
    border-radius:5px;
    overflow:hidden;
}
@media(min-width: 1200px){
    .carousel-inner .item a img{
        height:484px;
        object-fit:cover;
        object-position:0;
    }
}

/* ------------------------------
   Navigační šipky carouselu
   ------------------------------ */
.carousel-control.left,
.carousel-control.right{
    opacity:1;
}
.carousel-control.left::before,
.carousel-control.right::before{
    content:"";
    background-repeat:no-repeat;
    background-size:13px 22px;
    background-position:center;
    border:none;
}
.carousel-control.left{
    left:0;
}
.carousel-control.left::before{
    background-image:url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.26258 11.5491L11.64 21.7905C11.9703 22.0876 12.4834 22.0661 12.7863 21.7424C13.0894 21.4187 13.0674 20.9155 12.7374 20.6183L2.01104 10.9629L12.6554 1.38134C12.9853 1.08438 13.0073 0.581202 12.7042 0.257463C12.5443 0.0864907 12.3257 -1.8484e-06 12.1064 -1.82923e-06C11.9103 -1.81209e-06 11.7137 0.0693399 11.5579 0.209507L0.26258 10.3771C0.0952272 10.5277 9.22994e-07 10.7403 9.42467e-07 10.963C9.61949e-07 11.1859 0.095335 11.3985 0.26258 11.5491Z' fill='%23151515'/%3E%3C/svg%3E%0A");
}
.carousel-control.right{
    right:0;
}
.carousel-control.right::before{
    background-image:url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7374 10.4509L1.36002 0.209537C1.02975 -0.0876279 0.516567 -0.0661377 0.213712 0.2576C-0.0893582 0.581338 -0.0674401 1.08452 0.262623 1.38168L10.989 11.0371L0.344572 20.6187C0.014725 20.9156 -0.00730201 21.4188 0.295768 21.7425C0.455671 21.9135 0.67431 22 0.893596 22C1.08967 22 1.28628 21.9307 1.44208 21.7905L12.7374 11.6229C12.9048 11.4723 13 11.2597 13 11.037C13 10.8141 12.9047 10.6015 12.7374 10.4509Z' fill='%23151515'/%3E%3C/svg%3E%0A");
}

/* ------------------------------
   Texty v banneru (titulek, text, tlačítko)
   ------------------------------ */
.carousel .item .extended-banner-texts{
    display:flex;
    flex-direction:column;
}
@media(max-width: 767px){
    .carousel .item .extended-banner-texts{
        align-items:center;
        justify-content:flex-end;
        margin-bottom:5vw;
    }
}
@media(min-width: 768px){
    .carousel .item .extended-banner-texts{
        max-width:50%;
        align-items:flex-start;
        justify-content:center;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .carousel .item .extended-banner-texts{
        padding-left:50px;
    }
}
@media(min-width: 992px){
    .carousel .item .extended-banner-texts{
        padding-left:60px;
    }
}

.carousel .item .extended-banner-title,
.carousel .item .extended-banner-text,
.carousel .item .extended-banner-link {
    position: unset;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
}

/* Titulek */
.carousel .item .extended-banner-title{
    font-family:"Futura PT",sans-serif;
    font-style:italic;
    color:#151515;
    text-transform:uppercase;
    position:relative;
    font-weight:600;
    letter-spacing:.4px;
}
@media(max-width: 767px){
    .carousel .item .extended-banner-title{
        font-weight:5vw;
        line-height:1.2;
        padding-bottom:5vw;
    }
}
@media(min-width: 768px){
    .carousel .item .extended-banner-title{
        padding-bottom:39px;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .carousel .item .extended-banner-title{
        font-size:33px;
        line-height:39px;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    .carousel .item .extended-banner-title{
        font-size:40px;
        line-height:46px;
    }
}
@media(min-width: 1200px) and (max-width: 1439px){
    .carousel .item .extended-banner-title{
        font-size:38px;
        line-height:44px;
    }
}
@media(min-width: 1440px){
    .carousel .item .extended-banner-title{
        font-size:40px;
        line-height:46px;
    }
}
.carousel .item .extended-banner-title::after{
    content:"";
    position:absolute;
    border-radius:5px;
    background-color:#24b914;
}
@media(max-width: 767px){
    .carousel .item .extended-banner-title::after{
        left:50%;
        transform:translateX(-50%);
        bottom:2vw;
        height:1.5vw;
        width:15vw;
    }
}
@media(min-width: 768px){
    .carousel .item .extended-banner-title::after{
        left:0;
        bottom:20px;
        height:6px;
        width:65px;
    }
}

/* Text pod titulkem */
.carousel .item .extended-banner-text{
    font-family: "Stolzl", sans-serif !important;
    color:#151515;
    font-weight:400;
    letter-spacing:.0px;
}
@media(max-width: 767px){
    .carousel .item .extended-banner-text{
        font-size:4.5vw;
        line-height:1.1;
        padding-bottom:3vw;
        text-align:center;
    }
}
@media(min-width: 768px){
    .carousel .item .extended-banner-text{
        padding-bottom:30px;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .carousel .item .extended-banner-text{
        font-size:20px;
        line-height:25px;
    }
}
@media(min-width: 992px){
    .carousel .item .extended-banner-text{
        font-size:24px;
        line-height:29px;
    }
}

/* Tlačítko */
.carousel .item .extended-banner-link{
    background-color:#1195FE;
    font-weight:400;
    margin-top:unset;
    text-transform:none;
    border-radius:5px;
    display:inline-block;
    transition:all .3s ease-out;
}
@media(max-width: 767px){
    .carousel .item .extended-banner-link{
        font-size:4vw;
        line-height:1.1;
        padding:2vw 4vw;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .carousel .item .extended-banner-link{
        font-size:14px;
        line-height:18px;
        padding:8px 40px;
    }
}
@media(min-width: 992px){
    .carousel .item .extended-banner-link{
        font-size:16px;
        line-height:20px;
        padding:10px 50px;
    }
}
.carousel .item .extended-banner-link:hover{
    background-color:#1e9e0e;
}

/* ------------------------------
   Bannery vedle carouselu (next-to-carousel-banners)
   ------------------------------ */
.next-to-carousel-banners{
    height:100%;
}
@media(min-width: 768px) and (max-width: 1199px){
    .next-to-carousel-banners{
        display:flex;
        gap:20px;
    }
}
.next-to-carousel-banners .banner-wrapper:last-child{
    display:none;
}
.pkUpravy .next-to-carousel-banners .banner-wrapper{
    display:none;
}
.pkUpravy .next-to-carousel-banners .banner-wrapper:last-child{
    display:block;
}
.next-to-carousel-banners a[data-ec-promo-id="457"],
.next-to-carousel-banners a[data-ec-promo-id="638"]{
    text-align:center;
}
@media(min-width: 1200px) and (max-width: 1439px){
    .next-to-carousel-banners a[data-ec-promo-id="457"] img,
    .next-to-carousel-banners a[data-ec-promo-id="638"] img{
        height:234px;
        object-fit:cover;
        object-position:0;
    }
}
</style>
<style>
/* ================================
   MODRÁ MÍSTO ZELENÉ (#1195FE)
   – nech stávající CSS a přidej jen tohle na konec
   ================================ */

/* podtržení v nadpisech */
h1::after,
h4::after,
.homepage-group-title::after {
    background-color: #1195FE !important;
}

/* podtržení v titulku banneru v carouselu */
.carousel .item .extended-banner-title::after {
    background-color: #1195FE !important;
}

/* tlačítko v carouselu */
.carousel .item .extended-banner-link {
    background-color: #1195FE !important;
    color: #ffffff !important;
}

/* hover tlačítka v carouselu */
.carousel .item .extended-banner-link:hover {
    background-color: #0F7ED4 !important;
}

/* obecný hover odkazů */
a:hover,
a:focus,
link-like:hover,
link-like:focus {
    color: #1195FE !important;
    text-decoration: underline;
}

/* jemné doladění pro konkrétní bloky – aby to bylo všude stejné */
.top-navigation-bar a:hover,
.top-navigation-bar-menu-helper a:hover,
.article-detail a:hover,
.product-detail-description a:hover,
.category-description a:hover {
    color: #1195FE !important;
}
/* Sjednocený font a styl všech nadpisů podle pkUpravy.css */
/* Nemění velikost, mezery ani linky – jen font a italic */

.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,
.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,
h1,
h2,
h3,
h4,
h5,
h6,
.homepage-blog-wrapper .news-item .title {
    font-family: "Futura PT", sans-serif;
    font-style: italic;
}
/* ==================================================
   TLAČÍTKO – zachování velikosti & pozice
   ================================================== */

.carousel .item .extended-banner-link{
    background-color: transparent !important; /* zruší modrou výplň */
    color: #1195FE !important;                /* modrý text */
    border: 2px solid #1195FE;                /* modrá kontura */
    font-weight: 600;                         /* tučnější text */
    border-radius: 999px;                     /* pill tvar */
    box-shadow: none !important;
}

/* hover – zachová se původní animace/pozice */
.carousel .item .extended-banner-link:hover{
    background-color: #1195FE !important;
    color: #ffffff !important;
}
/* =========================================
   CAROUSEL – sjednocení fontu TEXTU
   (DESKTOP + MOBIL)
========================================= */

/* Desktop */
.carousel .item .extended-banner-text {
    font-family: "Stolzl", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* Mobil – má vlastní wrapper */
.mobile .carousel .item .extended-banner-text {
    font-family: "Stolzl", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}
/* =========================================
   CAROUSEL – FORCE FONT FIX (MOBIL)
========================================= */

@media (max-width: 767px) {

    .carousel .item .extended-banner-text,
    .mobile .carousel .item .extended-banner-text,
    .carousel-inner .item .extended-banner-text {
        font-family: "Stolzl", sans-serif !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }

}