/*

1. Global
    1.1
    1.2 Keyframes Bounce
2. Strona główna
    2.1 Slider / Baner home
    2.2 Blog
    2.3 Hot-spot - Polecane - Strona główna
    2.4 Kategorie obrazkowe
    2.5 O Firmie
3. Lista produktów
    3.1 Filtry1
    3.2 Wyświetlanie produktów 
    3.3 Banery boczne
4. Karta produktu
    4.1 formularz
5. Widgety, moduły, top-bary, dodatki
    5.1 Top Bar
    5.2 Header
    5.3 Darmowa dostawa widget
6. Menu
    6.1 Menu Desktop
    6.2 Menu kategorie
    6.3 Wyszukiwarka
7. Keyframes
    7.1 Bounce
8. Koszyk
9. Stopka
10. Podstrony CMS
    10.1 Dzierżawa ekspresów
    10.2 Serwis ekspresów
    10.3 Wysyłki
11. Opisy produktów
    11.1 Melitta - ekspresy
    11.2 Herbaty liściaste
12. Dodatki html
    12.1 Darmowa dostawa
    12.2 Chat
    
*/


@import url('https://fonts.googleapis.com/css2?family=Poppins: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');

/* 1. Global */
html, body{
    font-family: 'Poppins', sans-serif;
}

b,strong{
    font-weight:600;
}

a{
    text-decoration:none;
}

/* Nagłówki h2 */

h2{
    max-width:100%;
    min-height:auto !important;
    text-align:center;
}

h1, h2, h3, h4, h5, h6, h2 span, h3 span, h4 span{
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:500 !important;
    font-family: 'Poppins', sans-serif;
}

a,p,span,ul,li,td,input,div{
    font-family:'poppins';
    letter-spacing:0;
    text-transform:none;
    font-weight:300;
}

.headline__name{
    font-weight:600;
}

.big_label::after, .headline::after{
    display:none;
}

@media(min-width:1600px){
    .max-width-1200{
        max-width:1444px !important;
    }
}

#backTop{
    font-size:2rem;
}

/* buttony poprawki stylów domyślnych */

.btn.--large.--solid:hover, .btn.--medium.--solid:hover, .btn.--small.--solid:hover{
    border-color:#151618;
}

.btn.--secondary.--solid{
    color:#151618;
}

.login_page .btn{
    border:1px solid #151618;
    border-radius:5px;
}

.login_page .btn:hover, .login_page .btn.--outline:hover{
    color:#151618 !important;
    border-color:#151618;
}

/* 1.2 Keyframes Bounce */

@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}

/* 2. Strona główna */

/*  2.1 Slider / Baner home */

.main_page .slick-prev, .main_page .slick-next{
    box-shadow: 0 4px 10px 0 rgba(3,3,3,.1);
}

.main_page .slick-prev{
    left:20px;
}
.main_page .slick-next{
    right:20px;
}

.grid-slider-home{
    margin-top:2rem;
}

/* Box kategorie produktowe 3 */

#main_banner1{
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;    
}

.main-category-box{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2rem;
    margin-left:0;
    padding:0 3rem;
}

.main-category-box .slider-category-wrap{
    height:500px;
    background-position: center;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 5rem;
}

.main-category-box .slider-category-wrap::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(1,1,1,.45)),to(rgba(54,54,54,.1)));
    background-image: linear-gradient(to top,rgba(1,1,1,.45),rgba(54,54,54,.1));
}

.main-category-box .cat-illy{
    background-image:url('/data/include/cms/user_graphics/Strona-glowna/slider-glowny/illy3.jpg?v=1676024571884');
    background-position: bottom;
}
.main-category-box .cat-herbaty{
    background-image:url('/data/include/cms/user_graphics/Strona-glowna/slider-glowny/herbata-lisciasta.jpg?v=1676027053413');
    background-size: 100%;
    background-repeat: no-repeat;
}
.main-category-box .cat-fresco{
    background-image:url('https://doppiocoffee.pl/data/include/cms/user_graphics/Strona-glowna/slider-glowny/Fresco.jpg?v=1747833100572');
    background-position: 78% 32%;
    background-size: cover;
}

.main-category-box .slider-category-wrap h2{
    color:#fff;
    z-index:10;
    margin:0 auto;
    margin-bottom:2rem;
    max-width:80%;
}

.main-category-box .slider-category-wrap a{
    display: block;
    margin: 0 auto;
    background: #fff;
    color: #3c3c3c;
    padding: 1.5rem 2rem;
    border-radius: 0.5rem;
    z-index: 1000;
    position: relative;
    max-width: 80%;
    text-transform: uppercase;
    font-weight: 600;
    text-align:center;
}

@media(max-width:992px){
    .main-category-box{
        grid-template-columns: repeat(4,1fr);
        padding:0 2rem;
    }
    
    .main-category-box .cat-illy{
        grid-column:1/3;
    }
    
    .main-category-box .cat-herbaty{
        grid-column:3/5;
    }    
    
    .main-category-box .cat-coffee-format{
        grid-column:1/5;
    }
    
    .main-category-box .slider-category-wrap{
        height:380px;
    }
    
}

@media(max-width:576px){
    .main-category-box .cat-illy,
    .main-category-box .cat-herbaty,
    .main-category-box .cat-coffee-format{
        grid-column:1/5;
    }
}


/*  2.2 Blog */

.article__image_wrapper{
    max-width: 100%;
    margin: 0 0 1.5rem 0;
    float: none;
    border-radius: 10px;
    overflow: hidden;    
}

/*  2.3 Hot-spot - Polecane - Strona główna */

.hot-spot-zone-img{
    flex-direction:column;
}

/* Nagłówek + zniżka */
.hot-spot-zone-img .box-name{
    position:relative;
    margin-bottom:1rem;
}

.hot-spot-zone-img .box-name h2{
    color: #3c3c3c;
    font-size: 2.5rem;
    font-weight: 600 !important;    
}

#main_hotspot_zone1 h2{
    width:100%;
    display:flex;
    justify-content:center;
}

.hot-spot-zone-img .box-name span.sale-info{
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    padding: 10px 20px;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    background: #b23c3c;
    color: #fff;    
}

/* Produkt Hit tygodnia */

.hot-spot-zone-img .product-box-info{
    text-align: center;
    padding: 3rem 0;
    border: 1px solid #e7e7e7;
    border-radius: 10px;   
    position:relative;
}

.hot-spot-zone-img #hit-product-price{
    position:absolute;
    top:1rem;
    left:1rem;
}

.hot-spot-zone-img #hit-product-price div{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;    
    width:5rem;
    height:5rem;
    background:#4E6C50;
    border-radius:10px;
    margin-bottom:1rem;
    color:#fff;
}

.hot-spot-zone-img #hit-product-price div p{
    font-size:1.5rem;
    font-weight:600;
}

.hot-spot-zone-img #hit-product-price span{
    font-size:1.2rem;
}

.hot-spot-zone-img .product-box-info img{
    max-width:276px;
}

.hot-spot-zone-img .product-box-info h3{
    font-size: 1.5rem;
    color: #3c3c3c;
    max-width: 80%;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1rem;    
}

.hot-spot-zone-img .product-box-info .normal-price{
    font-size: 2rem;
    text-decoration: line-through;
    color: lightgray;
    display: inline-block;    
}

.hot-spot-zone-img .product-box-info .special-price{
    font-size: 3rem;
    font-weight: 600;
    color: #b23c3c;
    display: inline-block;
    margin-left: 1rem;
    margin-bottom:2rem;
}

.hot-spot-zone-img .product-box-info #oferta-timer{
    margin: 1rem 0;
    font-size: 2rem;
    text-align: left;
    display: inline-block;    
}

.hot-spot-zone-img .product-box-info a{
    border: 1px solid #4E6C50;
    padding: 1rem 3rem;
    display: block;
    width: max-content;
    margin: 0 auto;
    letter-spacing: 2px;
    font-weight: 500;
    background: #4E6C50;
    color: #fff;
    border-radius: 5px;  
} 

/* Główne ustawienia hot spotu */

#main_hotspot_zone1{
    margin-top:6rem;
}

#main_hotspot_zone1 .products{
    margin:0;
}

#main_hotspot_zone1 .big_label, #main_hotspot_zone1 .headline{
    align-items:start;
    width:max-content;
}

/* 2.4 Kategorie obrazkowe */

#menu_buttons2{
    margin-right: 0;
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    padding: 3rem 0;    
    margin-bottom:3rem !important;
}

#menu_buttons2 > .menu_button_wrapper{
    max-width: 1444px;
    margin: 0 auto;    
    padding:0;
}

.box-categories .section-header{
    width:100%;
    margin-bottom:2.5rem;
}

.box-categories .section-header h2{
    color:#151618;
    font-size:2.5rem;
}

.box-categories .category-wrap-box{
    display:grid;
    gap:2rem;
    grid-template-columns: repeat(auto-fit, minmax(164px,1fr));
    grid-template-rows: 1fr 1fr;
}

.box-categories .category-wrap{
    text-align:center;
    width:184px;
    transition: all .3s;
    position:relative;
    overflow:hidden;
}

.box-categories .category-wrap img{
    border:1px solid #ddd;
    border-radius:8px;
    width:140px;
    height:140px;
    object-fit:cover;
    margin:0 auto;
    background-color:#fff;
}

.box-categories .category-wrap .category-item--name{
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    font-size: 1.3rem;
    text-transform: none;
    color: #151618;
    letter-spacing: 0px;
}

@media(max-width:768px){
.box-categories .category-wrap-box{
    justify-content:center;
}        
}

@media(max-width:480px){
    
    #menu_buttons2{
        margin:0 auto;
    }
    
    .box-categories{
        margin: 0;
    }
    .box-categories .category-wrap-box{
        grid-template-columns: repeat(auto-fit, minmax(120px,1fr));
    }
    .box-categories .category-wrap{
        width:max-content;
    }
}

/* 2.5 O Firmie */

#menu_banners3{
    width: 100vw;
    left: 50%;
    position: relative;
    margin-left: -50vw !important;    
    border-top:1px solid #e7e7e7;
    border-bottom:1px solid #e7e7e7;
    background:#fafafa;
}

.o-firmie{
    max-width:1444px;
    margin:0 auto;
    padding:4rem 2rem;
}

.o-firmie h2{
    text-align: left;
    font-size: 2.2rem;
    line-height: 5rem;
    letter-spacing: 0px;
    text-transform:none;
    font-weight:600 !important;
}

.o-firmie h3{
    text-transform:none;
    letter-spacing: 0px;
    color:#151618;
    font-size:1.7rem;
    font-weight: 600 !important;
    margin:1rem 0;
}

.o-firmie p{
    line-height:2.3rem;
    font-weight:300;
}

.o-firmie .social-media h3{
    text-transform:none;
}

.o-firmie .social-media p{
    display: flex;
    height: 3rem;
    align-items: center;    
}

.o-firmie .social-media img{
    display:inline-block;
    width:18px;
    margin-right:9px;
}

/* 3.  Lista produktów ogólna */

.products  .product__icon{
    height: auto;
}

.products .product__icon img{
    max-height:18rem;
    padding:1rem;
}

.products .product h3 a{
    font-size:1.4rem;
}

.products .product h3,
.products .product__prices{
    text-align:center;
}

/* Porównywarka produktów */

.compare__item{
    max-width:100px;
}

.compare__buttons .btn.--solid{
    color:#151618;
    border:none !important;
}

#menu_compare_product .btn.--solid{
    border:none;
}

#menu_compare_product .btn.--solid:hover, #menu_compare_product .btn.--remove:hover{
    color:#4E6C50;
}

/* etykietki promocji */

.product__yousave:not(.--label):not(.--value){
    padding:5px;
    width:auto;
    height:auto;
    color:#fff;
    background-color:#e35c5c;
    border-color:#e35c5c;
    border-radius:20px;
}

.product__yousave.--label{
    display:none;
}

.product__yousave.--value{
    font-size:1.2rem;
}

.product__yousave.--value::before{
    content:'-';
    display:inline;
}

/* 3.1 Filtry */

aside .filters__toggler .btn span{
    text-transform:none;
    font-family: 'Poppins', sans-serif;
    font-weight:600;
    letter-spacing: 2px;
    text-transform:uppercase;
}

aside .btn:hover{
    color:#4E6C50;
}

.f-group.--file .f-control:checked + .f-label::before,
.f-group.--checkbox .f-control:checked + .f-label::before,
.f-group.--radio .f-control:checked + .f-label::before,
.f-group.--file .f-control[type="file"] + .f-label.--file::before,
.f-group.--checkbox .f-control[type="file"] + .f-label.--file::before,
.f-group.--radio .f-control[type="file"] + .f-label.--file::before{
    background:#3c3c3c;
}

@media(min-width:979px){
    .search_page #layout aside{
        display:block;
        width:30%;
        float:left;
    }
    
    .search_page #layout #content{
        width:70%;
        max-width:70%;
        float:left;
    }
}

@media(max-width:768px){
.filters_open .setMobileGrid[data-item="#Filters"]{
    display:block !important;
}

.filters_open .filters{
    margin-bottom:25px !important;
}

}

/* 3.2 Wyświetlanie produktów */

.main_page .products .product h3 a, .search .products .products .product h3 a{
    font-weight:300;
}

.main_page .products .product__icon img{
    max-height:15rem;
    padding:1rem;
}

.promo, .label.--promo{
    display:none;
}

.label_icons > *{
    text-transform:none;
    font-weight:500;
}

.product__yousave:not(.--label):not(.--value){
    background-color:crimson;
    border-color:crimson;
    border-radius:5px;
}

.product__yousave.--value{
    font-weight:600;
}

/* 3.3 Banery boczne */

.left-banner-box{
    position:relative;
}

.left-banner-box img{
    border-radius:0.5rem;
}

/* 4. Karta produktu */

.breadcrumbs__link{
    min-width:200px;
}

.projector_page .bold{
    font-weight:600;
}

.photos__link.--nav{
    background:transparent;
}

@media (min-width: 360px) {
  .photos__photo {
    max-height: 450px !important;
  }
}

#menu_compare_product{
    grid-row:6/7;
    border:none;
}

/* Czas wysyłki */

#projector_shipping_info span{
    display:none !important;
}

#projector_shipping_info a{
    display: block;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid;
    width: max-content;
    letter-spacing: 2px;
    text-transform: uppercase;   
    border-radius:3px;
}

/* Dodaj do koszyka */

.projector_details .projector_buy__button{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

/* Wersje produktu - grupowanie */

.projector_details .projector_versions__item.--selected{
    box-shadow:none;
}

.projector_details .projector_versions{
    margin-top:2rem;
}

.projector_versions__label{
    width:100% !important;
    margin-bottom:1rem !important;
}

.projector_details .projector_versions__item{
    min-width:60px;
    width:60px;
}

/* Marginesy cen produktu i najniższej ceny */

.projector_details .projector_lowest_price, 
.projector_details .projector_prices{
    margin-bottom:1rem;
    margin-top:1rem;
}

/* Zestawy nad opisem */

#projector_in_bundle .products{
    margin:0;
}


.projector_page #content .longdescription {
    grid-column: 1/2;
    max-width:100%;
    overflow:hidden;
}

.projector_page #content .longdescription h2{
    text-align:left;
}

.projector_page #content .longdescription h3{
    font-size:1.4rem;
    font-weight:600;
}

.product_name__firm_logo img{
    max-height:55px;
}

#projector_productname .--links, #projector_productname .--description{
    display:none !important;
}

.projector_page #content #projector_dictionary{
    height:max-content;
    grid-column: 2/3;
    background-color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 5px 3px 20px 3px;
}

.projector_page .dictionary__group.--first::before{
    display:block;
    margin:0 auto;
    content:'Cechy produktu';
    font-family: 'Poppins', sans-serif;
    font-size:2rem;
    font-weight:500;
    text-align:center;
    padding-bottom: 30px;
    letter-spacing:2px;
    text-transform:uppercase;
}
.projector_page .dictionary__group.--first{
    border:none;
    max-width: 400px;
    width: 100%;
}

.projector_page .dictionary__group .dictionary__name, .traits__label{
    justify-content: start !important;
    font-weight: 600;
    text-align:left;
}

.projector_page .text-wrap .inline-block{
    display:inline-block;
    width: 30px;
    height: 5px;
    margin-right: 4px;
    background-color: #e6a46c;
}

.projector_page .text-wrap .empty-block{
    opacity:0.3;
}

.projector_page .text-wrap .half-block{
    background:linear-gradient(to right, #e6a46c 0%,#e6a46c 50%,rgba(230, 164, 108,0.3) 50%,rgba(230, 164, 108,0.3) 50%,rgba(230, 164, 108,0.3) 100%);
}

@media(min-width:768px){
    .projector_page #content #projector_dictionary{
        border-left:1px solid #e7e7e7;
    }
}

/* Rozciągnięcie opisu i cech produktu na całość za pomocą JS */

.long-dsc-full, .long-dsc-full + section{
    grid-column:1/3 !important;
}

/* 4.1 Formularz */

.projector_page #content #projector_dictionary{
flex-direction:column;
}

.formularz-dzierzawa{
max-width: 400px;
text-align: center;
background-color:navajowhite;
color: #3c3c3c;
border-radius: 1rem;
padding: 3rem 1rem;
}

.formularz-dzierzawa h2{
color: #3c3c3c;
font-weight: 600 !important;
margin-bottom: 1rem;
}

.formularz-dzierzawa .form_description{
margin-bottom: 2rem;
font-weight: normal;
color: #3c3c3c;
}

.formularz-dzierzawa form input{
width:300px;
border:none;
border-bottom: 1px solid #3c3c3c;
border-radius: 0;
margin-bottom: 5px;
background: transparent;
color: #3c3c3c;
}

.formularz-dzierzawa form textarea{
border-radius: 5px;
background: transparent;
color: #3c3c3c;
width:300px;
border-color:#3c3c3c;
}

.formularz-dzierzawa form textarea:focus{
    outline: none !important;
}

.formularz-dzierzawa form .sugester_form_inside div:not(:first-child){
    margin-top:1rem;
}

#sform_field_35941{
width: 280px;
margin: 0 auto;
margin-top: 2rem;
}

#sform_field_35941 input{
    width:max-content;
}

#sform_field_35941 .choice{
font-size: 10px;
padding-left: 0;
text-align: justify;
}

.formularz-dzierzawa form #submit_form_4471{
border: none;
padding: 1rem 2rem;
border-radius: 2rem;
background: #fff;
color: #333;
font-weight: 600;
max-width: 200px;
text-transform: uppercase;
}

#lavina_form_4471 > div:last-child{
    display:none;
}

/* 5. Widgety, moduły, top-bary, dodatki */

/* 5.1 Top Bar*/

.top-bar{
    width: 100vw;
    height: 47px;
    margin-left:-15px;
    display: flex;
    align-items:center;
    background-color: #f2f2f2;
    border-bottom:1px solid #f2f2f2;
}

.top-bar > .container{
    height:100%;
    line-height:47px;
}

.top-bar .col-6{
    padding:0;
}

.top-bar p, 
.top-bar a{
    font-size:1.3rem;
    color:#3c3c3c;
    font-weight:400;
}

.top-bar .col-6:last-child a{
    padding:0px 12px;
    font-weight:600;
}

.top-bar ul{
    width:max-content;
    float:right;
    list-style-type: none;
}

.top-bar ul > li{
    display:inline-block;
    padding:0px 5px;
}

@media(max-width:992px){
    .top-bar{
        display:none
        
    }
}

/* 5.2 Header */

@media(min-width:979px){
    
    header{
        grid-template-columns: 1fr minmax(40rem,90rem) auto auto;
    }
    
    header #logo{
        width:max-content;
    }
    
    header #menu_search .menu_search__block{
        width:100% !important;
    }
}

header #logo img{
    max-width:135px !important;
    max-height:100% !important;
}

/* 5.3 Darmowa dostawa - widget */

.freeShipping{
    border-color:#151618;
    color:#151618;
}

.freeShipping__close{
    color:#151618;
}

/* 6. Menu */

/* 6.1 Menu Desktop */

@media(min-width:992px){
    #menu_categories{
        width: 100vw !important;
        position: relative;
        left: 50%;
        margin-left: -50vw !important;
        padding:0;
        border:none;
        border-bottom:1px solid #dddddd;
    }
    
    #menu_navbar{
        max-width:1170px;
        margin:0 auto;
        padding:0;
        border:none;
    }
    
    #menu_navbar .nav-link{
        padding:10px 10px 8px;
        font-size:1.2rem;
        font-family:'poppins',sans-serif;
        font-weight:400;
}

header .navbar-subnav{
    position:absolute;
    left:0 !important;
    width:100% !important;
    border-radius: 0px 0px 0px 0px;
    background: #fff;
    border:none;
    border-bottom: 1px solid #dddddd;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

nav .navbar-nav{
    justify-content: space-around;
}

nav #menu_navbar > .navbar-nav > .nav-item > .navbar-subnav{
    opacity:0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display:grid;
}

nav #menu_navbar > .navbar-nav > .nav-item:hover > .navbar-subnav{
    opacity:1;
    visibility: visible;
}

nav #menu_navbar .navbar-nav > .nav-item > a.nav-link{
    display:flex;
    align-items:center;
    text-transform:none;
    font-size:1.4rem;
    font-weight:600;
    padding:15px 10px 15px !important;
    font-family: 'Poppins', sans-serif;
    position:relative;
}

nav #menu_navbar .navbar-nav > .nav-item > a.nav-link::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: scale(0,1);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    border-bottom: 2px solid #4E6C50;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;    
}

nav #menu_navbar .navbar-nav > .nav-item:hover > a.nav-link::after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scaleX(1);    
}

nav .navbar-nav > .nav-item > ul > li:first-child > a, 
nav .navbar-nav > .nav-item > ul > .nav-merge > li > a {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}

nav .navbar-nav > .nav-item:nth-child(8) > a{
    color:#b23c3c;
}
}
@media(min-width:1600px){
    #menu_navbar{
        max-width:1444px;
    }
}

/* 6.2 - Menu kategorie */

.menu-kategorie{
    display:block;
    grid-column: 4/7;
}

#menu_navbar > .navbar-nav > li:nth-child(1) .menu-kawy{
    display:flex !important;
}
#menu_navbar > .navbar-nav > li:nth-child(2) .menu-herbaty{
    display:flex !important;
}
#menu_navbar > .navbar-nav > li:nth-child(3) .menu-ekspresy{
    display:flex !important;
    padding-bottom:3rem;
}
#menu_navbar > .navbar-nav > li:nth-child(4) .menu-konserwacja{
    display:flex !important;
    padding-bottom:3rem;
}
#menu_navbar > .navbar-nav > li:nth-child(5) .menu-akcesoria{
    display:flex !important;
    padding-bottom:3rem;
}
#menu_navbar > .navbar-nav > li:nth-child(6) .menu-delikatesy{
    display:flex !important;
    padding-bottom:3rem;
}


header .navbar-subnav{
    grid-template-columns: repeat(6,1fr) !important;
}

/* Kategoria Kawy układ */

header #menu_navbar > ul > li:first-child .navbar-subnav > li:first-child > ul > li{
    width:50%;
    float:left;
}

header #menu_navbar > ul > li:first-child .navbar-subnav > li:first-child > ul >.nav-item.--extend{
    display:none !important;
}

.menu-img-box img{
    padding:15px;
}

.menu-img-box p{
    text-align:center;
}

.menu-img-box a{
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:2px;
}

.navbar-nav li:nth-child(1) .menu-kawy{
    display:flex !important;
}

/* 6.3 */

@media(min-width:768px){

#menu_search.--focus .menu_search__block{
    box-shadow:none;
}

.menu_search__input{
    border:none !important;
    border-bottom:1px solid #e7e7e7 !important;
    border-radius:0px !important;
    transition: all .3s;
}

#menu_search.--focus .menu_search__block .menu_search__input{
    border-color:#3c3c3c !important;
}
}

/* 8. Koszyk */

.basket__param.--version,
.basket__param.--bundle,
.product_stocks__versions,
.ordered_product_trait.--version,
.ordered_product__params.--bundle{
    display:none ;
}

.basketedit_page .btn{
    border-color:transparent;
}

.basketedit_page section{
    padding:3rem 0;
}

.ordered_products .ordered_product__traits .ordered_product_trait{
    border:none;
}

/* 8.1 Formularz dostawy */

.form-group .form-control + .control-label{
    background:transparent;
}

/* 9. Stopka */

#links_footer_1 .footer_links_label > span{
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

#links_footer_1 .footer_links_sub > li:nth-child(4){
    opacity:0;
}
#links_footer_1 .footer_links_sub > li:nth-child(5) span{
    font-weight:600 !important;
}

/* 10. Podstrony */

/* 10.1 Dzierżawa ekspresów */

.cm{
    overflow:visible;
}

#dzierzawa-ekspresow .row, 
#serwis-ekspresow .row{
    margin:0;
}

#dzierzawa-ekspresow h3, 
#serwis-ekspresow h3{
    font-size: 1.33em;
    font-family: 'poppins',sans-serif;
    letter-spacing: 0px;
    text-transform: none;
    text-align:left;
}

#dzierzawa-ekspresow h2, 
#serwis-ekspresow h2{
    text-align:left;
    font-family:'poppins',sans-serif;
    letter-spacing:0px;
    text-transform:none;
}

#dzierzawa-ekspresow .section-title h2, 
#serwis-ekspresow .section-title h2{
    font-weight:700 !important;
    font-size:2.2rem;
    border-left:3px solid #e9ac75;
    padding-left:1rem;
    margin-bottom:3rem;
    opacity:0.9;
}

/* Slider */

#dzierzawa-ekspresow .slider-section, 
#serwis-ekspresow .slider-section{
    width:100vw;
    position:relative;
    left:50%;
    margin-left:-50vw;
}

#dzierzawa-ekspresow .slider-section > div:first-child,
#serwis-ekspresow .slider-section > div:first-child{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 8rem;
    background: linear-gradient(160deg, #3a3e40 -4%, #1b1f22 46%);    
}

#dzierzawa-ekspresow .slider-section > div:first-child h1,
#serwis-ekspresow .slider-section > div:first-child h1{
    color:#e9ac75;
}

#dzierzawa-ekspresow .slider-section > div:first-child h2, 
#dzierzawa-ekspresow .slider-section > div:first-child p,
#serwis-ekspresow .slider-section > div:first-child h2, 
#serwis-ekspresow .slider-section > div:first-child p{
    color:#fff;
    font-size:1.6rem;
    line-height:3rem;
}

#dzierzawa-ekspresow .slider-section > div:last-child,
#serwis-ekspresow .slider-section > div:last-child{
    padding:0;
}

#dzierzawa-ekspresow .slider-section > div:last-child img,
#serwis-ekspresow .slider-section > div:last-child img{
    height:100%;
    object-fit:cover;
}

/* O dzierżawie */

#dzierzawa-ekspresow .o-dzierzawie, 
#serwis-ekspresow .o-serwisie {
    padding:5rem 0;
}

#dzierzawa-ekspresow .o-dzierzawie .icon-wrapper,
#serwis-ekspresow .o-serwisie .icon-wrapper{
    display:flex;
    align-items:center;
}

#dzierzawa-ekspresow .o-dzierzawie img, 
#serwis-ekspresow .o-serwisie img{
    max-width:48px;
}

#dzierzawa-ekspresow .o-dzierzawie h3, 
#serwis-ekspresow .o-serwisie h3{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
}

#dzierzawa-ekspresow .o-dzierzawie p, 
#serwis-ekspresow .o-serwisie p{
    font-size:1.4rem;
    line-height:2.5rem;
}

/* Dlaczego my */

#dzierzawa-ekspresow .dlaczego-my-wrap{
    width:100vw;
    position:relative;
    left:50%;
    margin-left:-50vw;
    background: url('https://images.unsplash.com/photo-1493606278519-11aa9f86e40a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}

#dzierzawa-ekspresow .dlaczego-my-wrap .cont-wrap{
    max-width:1444px;
    margin:0 auto;
    padding: 5rem 0rem;
    box-sizing: border-box;    
}

#dzierzawa-ekspresow .dlaczego-my .col-12:first-child{
    margin-bottom:15px;
}

#dzierzawa-ekspresow .dlaczego-my .col-12:not(:first-child){
    display: flex;
    align-items: center;
    padding: 10px 0px;    
}

#dzierzawa-ekspresow .dlaczego-my .col-12 p,
#dzierzawa-ekspresow .dlaczego-my .col-12 h3{
    margin:1rem 0;
    max-width:700px;
}

#dzierzawa-ekspresow .dlaczego-my img{
    max-width: 48px;
    display: block;
    margin-right: 20px;
    float: left;    
}

/* Ekspresy */

.oferowane-urzadzenia{
    padding:4rem 0;
}

.oferowane-urzadzenia img{
    display:block;
    max-height:180px;
    margin:0 auto;
}

.oferowane-urzadzenia .row.col-12 > .col-12:first-child{
    display:flex;
}

.oferowane-urzadzenia .row.col-12 > .col-12 .box-daily-coffee{
    display:flex;
    align-items:center;
    justify-content:center;
    width: 98%;
    margin: 0 auto;
    background: rgb(249, 248, 245);
    border-radius: 10px;
    padding: 54px;
    margin-bottom:20px;
}

.oferowane-urzadzenia .row.col-12 > .col-12 .box-daily-coffee h3{
    font-size: 32px !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: rgba(0,0,0,0.8);
    text-transform:capitalize !important;
}

@media(max-width:979px){
    #dzierzawa-ekspresow .slider-section > div:first-child,
    #serwis-ekspresow .slider-section > div:first-child{
        padding:4rem;
    }
    
    #dzierzawa-ekspresow .dlaczego-my-wrap,
    #serwis-ekspresow .marki{
        padding:0 4rem;
    }
}

@media(max-width:768px){
.oferowane-urzadzenia .row.col-12 > .col-12 .box-daily-coffee h3{
    font-size:26px !important;
    font-weight: 700 !important;
    color: #3c3c3c;
}    
}

/* 10.2 Serwis ekspresów */

#serwis-ekspresow .slider-section .row{
    width:100%;
}

#serwis-ekspresow .slider-section .col-lg-6:first-child img{
    max-width:48px;
}

#serwis-ekspresow .slider-section .row h2{
    font-size:2.3rem !important;
    margin-left:1rem;
    text-transform:uppercase;
    color:#e9ac75 !important;
}

#serwis-ekspresow .slider-section .row p span{
    display:block;
}

/* Marki - loga */

#serwis-ekspresow .marki{
    padding:4rem 0;
}

#serwis-ekspresow .marki .col-12:nth-child(2){
    display:grid;
    grid-template-columns: repeat(4,1fr);
}

#serwis-ekspresow .marki .col-12:nth-child(2) .img-wrap{
    text-align:center;
}

#serwis-ekspresow .marki .img-wrap:nth-child(1),
#serwis-ekspresow .marki .img-wrap:nth-child(2), 
#serwis-ekspresow .marki .img-wrap:nth-child(3), 
#serwis-ekspresow .marki .img-wrap:nth-child(5), 
#serwis-ekspresow .marki .img-wrap:nth-child(6), 
#serwis-ekspresow .marki .img-wrap:nth-child(7){
    border-right: 1px solid #e7e7e7;
}

#serwis-ekspresow .marki .img-wrap:nth-child(1), 
#serwis-ekspresow .marki .img-wrap:nth-child(2), 
#serwis-ekspresow .marki .img-wrap:nth-child(3), 
#serwis-ekspresow .marki .img-wrap:nth-child(4){
    border-bottom:1px solid #e7e7e7;
}

/* Lepsza kawa */

#serwis-ekspresow .lepsza-kawa{
    padding:4rem 0;
}

#serwis-ekspresow .lepsza-kawa img{
    display:block;
    max-width:500px;
    margin:0 auto;
}

#serwis-ekspresow .lepsza-kawa .col-lg-6:last-child{
    display:flex;
    flex-direction: column;
    justify-content: center;
}

#serwis-ekspresow .lepsza-kawa .col-lg-6 h2{
    font-size:2.3rem !important;
    font-weight:600 !important;
}

#serwis-ekspresow .lepsza-kawa p{
    font-size:1.4rem;
    line-height:2.5rem;
}

#serwis-ekspresow .lepsza-kawa a{
padding: 1rem 3rem;
border-radius: 5px;
background: #e9ac75;
color: #fff;
display: block;
width: max-content;
border: none;
margin-top: 20px;
font-weight: 500;
}

/* Kontakt */

#serwis-ekspresow #kontakt .row{
    width:100%;
}

@media(max-width:979px){
    
    #serwis-ekspresow .marki{
        padding-top:0;
    }
    
    #serwis-ekspresow .lepsza-kawa{
        padding:0;
    }
    #serwis-ekspresow .lepsza-kawa img{
        max-width:100%;
    }
}

/* 10.3 Wysyłki */

.about-shop table{
    border-collapse:collapse;
}

.about-shop table tr, 
.about-shop table td, 
.about-shop table th{
    border: 1px solid #e7e7e7;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    color: #000;    
}

/* 11. Opisy produktów */

/* 11.1 Melitta - ekspresy */

.melitta-description .d-flex-center{
    display:flex;
    align-items:center;
}

.melitta-description .col-12{
    margin:2rem 0;
}

.projector_page #content .longdescription .melitta-description h2{
    text-align:center;
    font-size:1.5rem;
}

.melitta-description .coffee-machine-photo{
    display:block;
    margin:0 auto;
    max-width:330px;
}

.melitta-description .img-ab-prod{
    display:block;
    width:160px;
    height:160px;
    object-fit: cover;
    margin:0 auto;
}

.melitta-description iframe{
    margin:0 auto;
}

@media(max-width:480px){
    .melitta-description .coffee-machine-photo{
        max-width:100%;
    }
}

/* 11.2 Herbaty liściaste */

.herbaty-lisciaste .row{
    margin:0;
    margin-bottom:1rem;
}

.herbaty-lisciaste .row .col-12{
    padding:0;
    margin-bottom:2rem;
}

.herbaty-lisciaste .row .col-4{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;    
}

.herbaty-lisciaste .row .col-4 img{
    max-width:50px;
}

.herbaty-lisciaste .row .col-4 h2{
    font-size:1.4rem;
}

.herbaty-lisciaste .sklad-herbaty{
    flex-direction:column;
}

.herbaty-lisciaste .sklad-herbaty p{
    margin-top:0;
}

@media(max-width:480px){
    .herbaty-lisciaste .row .col-4 img{
        max-width:40px;
    }
}

/* 12.1 Darmowa dostawa */

.darmowa-dostawa{
    position: fixed;
    bottom: 0;
    right: -351px;
    width: 460px;
    display: flex;
    flex-direction: row;
    background: rgba(255,255,255,0.9);
    z-index: 10000;
    border-radius: 1rem 0 0 0;
    transition: all .3s;    
}

.darmowa-dostawa:hover{
    right:10px;
}

.darmowa-dostawa-button{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: navajowhite;
    border-radius: 1rem 0 0 0;
    width: 140px;
    text-align: center;  
}

.darmowa-dostawa-button p{
    font-weight:600;
}

.darmowa-dostawa-content{
    width: 460px;
    display: grid;
    grid-template-columns: 1fr 2fr;    
}

.darmowa-dostawa-content .content{
    display: flex;
    flex-direction: column;
    justify-content: center;    
}

.darmowa-dostawa-content .content a{
    background: navajowhite;
    width: max-content;
    border-radius: 0.5rem;
    padding: 0.5rem 1.5rem;
    margin-top: 1rem;    
    font-weight:600;
    transition: all .3s;
}

.darmowa-dostawa-content .content a:hover{
    background:#3c3c3c;
    color:#fff;
}

@media(max-width:768px){
    .darmowa-dostawa{
        display:none;
    }
}

/* 12.2 Chat */

#smartsupp-widget-container > div{
    left:1rem !important;
}