a:hover {
    transition: 0.2s;
}

.sidenav {
    background: white;
    padding-bottom: 40px;
}


.small-footer {
    display: flex;
    width: 20%;
    left: 0;
    height: 50px;
    position: fixed;
    bottom: 0px;
    /*background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.16) 16%, hsla(0, 0%, 100%, 0.24) 24%, hsla(0, 0%, 100%, 0.30) 30%, hsla(0, 0%, 100%, 0.35) 35%, hsla(0, 0%, 100%, 0.40) 40%, hsla(0, 0%, 100%, 0.45) 45%, hsla(0, 0%, 100%, 0.50) 50%, hsla(0, 0%, 100%, 0.55) 55%, hsla(0, 0%, 100%, 0.60) 60%, hsl(0deg 0% 100% / 77%) 65%, hsl(0deg 0% 100% / 72%) 70%, hsl(0deg 0% 100% / 94%) 76%, hsl(0deg 0% 100%) 84%, hsla(0, 0%, 100%, 1) 100%);*/
    align-items: flex-end;
    justify-content: space-between;
    padding: 0px 7px 6px 26px;
    font-size: 12px;

    backdrop-filter: blur(10px);
    mask-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 83%, rgba(0, 0, 0, 0) 100%);
}

.small-footer a:hover{
    color: black;
    text-decoration: underline;
}

a.logo:hover {
    color: black;
}

#logo-container {
    display: inline;
}

#logo-container svg {
    height: 13px;
}

#logo-container svg rect {
    transform-origin: center bottom;
    transition: transform 0.3s ease;
}

#itext {

}

img {
    /*opacity: 0;*/
    filter: blur(10px);
    transition: .5s;
    background: #e1e1e1;
}

.blueimp-gallery>.slides>.slide>.slide-content {
    filter: none !important;
}

img.visibile {
    /*opacity: 1;*/
    filter: blur(0);
}

.form-select {
    height: 100%;
    box-shadow: none;
    border: 1px solid #dbdbdb;
}

.inner_body {
    margin-top: 2vh;
}

#mySidenav h1 {
    font-size: 25px;
    line-height: 1.1;
    padding-top: 5vh;
    font-weight: 500;
}

.nav-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


.nav-item {
    display: flex;
    background: #F1F1F1;
    padding: 15px;
    gap: 10px;
    border-radius: 3px;
    border: 1px solid #F1F1F1;
}

.nav-item:hover {
    background: #f8f8f8;
    color: black;
    border: 1px solid #ededed;
}

.nav-item img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    background: #ffffff;
}

.nav-item h3 {
    font-size: 14px;
    margin-bottom: 2px;
}

.nav-item p {
    font-size: 12px;
    line-height: 1.4;
}

.container_cat {
    gap: 5px;
    margin-top: 0;
    padding: 6px 15px 15px 15px;
}

.cat {
    display: flex;
    box-shadow: none;
    border-radius: 3px;
    background: #F1F1F1;
    flex-direction: column-reverse;
    border: 1px solid #F1F1F1;
}


.cat:hover {
    background: #f8f8f8;
    color: black;
    border: 1px solid #ededed;
}

.cat h2 {
    font-size: 20px;
    padding: 20px 10px;
    margin-bottom: 0;
    font-weight: 500;
}

.cat .cont-img {
    padding: 0px 10px 10px;
}


.swiper-container-prodotti {
    box-shadow: none;
    border-radius: 4px;
    background: #bcbcbc;
}

.cat .cont-img .img_anteprima {
    height: 260px;
    border-radius: 3px;
    object-fit: cover;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}


.container_info_slider_home {
    left: 1%;
    bottom: 2%;
    right: initial;
    text-align: left;
    background-color: #b3b3b366;
    color: white;
    padding: 10px;
    border-radius: 4px;
    backdrop-filter: blur(20px);
    min-width: 35%;
    height: 140px;
}

.container_info_slider_home h2 {
    font-size: 23px;
    font-weight: 500;
}


.container_info_slider_home a {
    background: white;
    color: black;
    padding: 10px 20px;
    font-size: 12px;
    border-radius: 3px;
    position: absolute;
    bottom: 10px;
}


.banner_categoria {
    background: #f1f1f1;
    border-radius: 4px;
    box-shadow: none;
    margin-top: 6px;
}



.container_info_slider_home p {
    font-size: 14px;
}

.back-search {
    background: #f1f1f1;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    float: none;
    margin-right: 0;
    margin-top: 0;
    display: flex
;
    width: 150px;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
    line-height: 1.1;
    text-align: right;
}

.search_cat {
    display: flex;
    gap: 5px;
}

.search_home {
    margin-top: 6px;
}

.search_cat input {
    border-radius: 4px;
    padding-left: 18px;
    background: #f1f1f1 !important;
    border: none !important;
    width: 100%;
    margin-top: 15px;
    font-size: 15px;
}

.search-btn {
    border: none !important;
    background: #121212;
    color: white;
    border-radius: 3px;
    margin: 15px;
    width: 120px;
    display: flex;
    font-size: 15px;
    justify-content: space-between;
}

.search-btn:hover {
    background: #F6FF00;
}

.search_bar {
    background: #f1f1f1;
    width: 100%;
    border-radius: 3px;
}

.search_bar form {
    display: flex;
}

.back-search:hover {
    background: #e1e1e1;
    border: none;
}



.container_prodotti.list {
    gap: 6px;
    float: none;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 98%;
    margin-top: 5px;
}

.prodotto_singolo {
    margin: 0;
    float: none;
    width: 100%;
    background: #f1f1f1;
    box-shadow: none;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    justify-content: space-between;
}

.prodotto_singolo:hover {
    background: #f8f8f8;
    color: black;
    border: 1px solid #ededed;
}

.property-description {
    height: initial;
    position: relative;
    bottom: initial;
    background: transparent;
    padding: 5px 10px 10px 10px;
}

.badge-prezzo {
    margin-top: 10px;
    margin-left: 10px;
    background: #F6FF00;
    width: 110px;
    border-radius: 4px;
    color: #272727;
    font-size: 12px;
    padding: 8px 0px;
    font-weight: 600;
}

.prodotto_correlato .badge-prezzo{
    margin: 0;
    font-size: 10px;
}


.property-image {
    height: initial;
    display: block;
    position: relative;
    padding: 10px;
    background: initial;
}

.property-image .img_anteprima {
    position: relative;
    width: 100%;
    height: 240px;
    object-fit: contain;
}

img.visibile.img_anteprima {
    background: white;
}

.cont_cont_system {
    max-width: 80%;
}

.cont_news {
    padding: 4% 2%;
}

.titolo_mini_prodotto {
    line-height: 1.1;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 500;
}

.add_to_list {
    font-weight: 600;
    background: white;
    padding: 12px 10px;
    display: block;
    float: none;
    width: 180px;
    margin-left: 10px;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 0;
    text-align: center;
}

.add_to_list:hover {
    text-decoration: none;
    background: #e6e6e6;
    color: #1c1c1c;
}

.container_consigliati {
    background: #F1F1F1;
    padding: 50px;
    margin-bottom: 6px;
    margin-top: 10px;
    border-radius: 3px;
}

.container_consigliati h4 {
    font-size: 18px;
}

.container_descrizione_prodotto {
    background: #F1F1F1;
    padding: 50px;
    border-radius: 3px;
}

.container_titolo_prodotto {
    background: #F1F1F1;
    padding: 50px;
    border-radius: 3px;
    margin-bottom: 6px;
}

.container_text_right h1 {
    font-size: 25px;
    font-weight: 500;
}

.container_immagini_left {
    width: calc(50% - 20px);
    margin-left: 15px;
    margin-top: 6px;
}

.container_immagini_left > img{
    background: #F1F1F1;
    padding: 50px;
    margin: 0;
    border-radius: 3px;
    height: 700px;
    object-fit: contain;
}

.img_principale_prodotto {
    float: none;
}

.img_galleria_prodotto {
    float: none;
    width: 100%;
    margin: 0;
}

.img_list {
    display: flex;
    background: #F1F1F1;
    padding: 50px;
    width: 99%;
    margin-top: 6px;
    gap: 5px;
    border-radius: 3px;
}

.img_list a{
    flex: 1;
}

.container_text_right {
    margin: 0;
    padding: 0 10px 0 0px;
    border-radius: 3px;
    margin-top: 6px;
}


.div_aggiungi_al_carrello_prodotto {
    font-weight: 500;
    background: white;
    padding: 12px 10px;
    display: block;
    float: none;
    width: 180px;
    margin-left: 0;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 0;
    text-align: center;
    color: black;
    margin-bottom: 0;
}

.div_aggiungi_al_carrello_prodotto:hover,
.admin_edit:hover {
    color: black;
    background: #e6e6e6;
}

#prezzo-label {
    margin-top: 10px;
    margin-left: 0;
    background: #F6FF00;
    border-radius: 4px;
    color: #272727;
    padding: 12px 25px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
}

.admin_edit {
    font-weight: 500;
    background: white;
    padding: 12px 10px;
    width: 150px;
    margin-left: 0;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 0;
    text-align: center;
    color: black;
    margin-bottom: 0;
}

.bar_admin {
    border-radius: 3px;
    background: #F1F1F1;
    padding: 50px;
    margin-bottom: 6px;
}

.titolo_prodotto_correlato {
    font-weight: 500;
    text-transform: capitalize;
}

.prodotto_correlato {
    box-shadow: none;
}

.container_consigliati_real_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 15px;
    margin-bottom: 100px;
}

.intro_prodotto_correlato {
    background: white;
    height: 100%;
    border-radius: 3px;
    transition: 0.3s;
    color: black;
}

.intro_prodotto_correlato:hover {
    background: #e4ec00;
    color: black;
}

.prodotto_active {
    background-color: black;
}

.container_associati {
    background: #F1F1F1;
    padding: 50px;
    margin-bottom: 10px;
    border-radius: 3px;
    margin-top: 0;
}

.container_associati h4 {
    font-size: 17px;
}

#variant-chooser {
    border: none;
    border-radius: 3px;
    padding: 15px 10px;
    font-size: 13px;
}

.gradientback {
    background: #f1f1f1;
}

.freccia_apri_text {
    bottom: 12px;
    color: #555555 !important;
    font-size: 20px;
}


.container_consigliati_real {
    background: #ffffff;
    padding: 0;
    margin-top: 50px;
}

.container_consigliati_real h4 {
    margin-bottom: 0px;
    margin-left: 5px;
}

.container_consigliati_real .prodotto_correlato {
    background: #f1f1f1;
    width: 100%;
    margin: 0;
}

.container_consigliati_real .prodotto_correlato .intro_prodotto_correlato {
    background: #f1f1f1;
    padding-top: 0;
}

.container_consigliati_real .intro_prodotto_correlato .add_to_list {
    position: relative;
    margin: 0;
    font-size: 11px;
    margin-top: 6px;
    font-weight: 500;
    padding: 8px;
}

.container_consigliati_real .immagine_prodotto_correlato {
    position: relative;
    float: left;
    width: calc(100% - 20px);
    height: 120px;
    margin: 10px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
}

.container_filtri button {
    border: none;
    padding: 13px 25px;
    border-radius: 3px;
    background: white;
    transition: 0.3s;
    font-size: 12px;
}

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
    box-shadow: none !important;
    outline: 0 none !important;
}

.filtro_active {
    background: #f6ff00 !important;
    font-weight: 500;
}

.search_empty {
    background: #f1f1f1;
    padding: 50px;
    grid-column-start: 2;
    grid-column-end: 4;
    margin-top: 10vh;
}

.search_empty h1 {
    font-size: 30px;
    margin-bottom: 0;
}

.search_empty a {
    margin-top: 40px;
    margin-left: 0;
    background: #F6FF00;
    width: 200px;
    border-radius: 4px;
    color: #272727;
    font-size: 12px;
    padding: 16px 15px;
    font-weight: 600;
    display: block;
    text-align: center;
}

.sezione_carrello_vuoto {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
}

.sezione_carrello_vuoto .search_empty {
    margin-top: 0;
}

.breadcrumbs {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 14px;
    gap: 10px;
    display: flex;
    align-items: center;
}

.breadcrumbs i {
    font-size: 10px;
}

.breadcrumbs a:first-of-type {
    color: gray;
}

.breadcrumbs a:hover {
    color: black;
    font-weight: 500;
}

.pagination {
    display: flex;
    padding-left: 0;
    margin: 20px 12px;
    gap: 6px;
    font-size: 12px;
}

.pagination a {
    background: #f4f4f4;
    padding: 15px 20px;
    border-radius: 3px;
}

.pagination a:hover {
    background: #F6FF00;
    color: black;
}

.pagination span {
    background: #f1f1f1;
    padding: 15px 20px;
    border-radius: 3px;
}

.gallery_help {
    color: #555;
    font-size: 13px;
}

.container_login {
    background: #F1F1F1;
    margin: 10% auto 0px auto;
    padding: 100px;
    border-radius: 3px;
    max-width: 600px;
    display: flex;
    flex-direction: column;
}

.container_login img {
    filter: none;
    width: 150px;
    background: transparent;
}

.login_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container_alt {
    margin: 10px auto;
    padding: 20px;
}

.container_login h4{
    text-align: left;
    margin-bottom: 7px;
}

.container_login p{
    text-align: left;
    margin-bottom: 7px;
}

.container_bottoni_login {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
}

.container_bottoni_login a {
    font-size: 12px;
}

.container_bottoni_login a:hover {
    font-weight: 600;
    color: black;
}

.container_bottone_centrato {
    float: none;
}

.bottone_accedi {
    float: none;
    border-radius: 3px;
    background: white;
    border: none;
    padding: 15px;
    margin: 0;
    display: block;
}

.bottone_small_registrati {
    border: none;
    background: white;
    border-radius: 3px;
}

.help_login {
    font-size: 14px;
    line-height: 1.4;
    color: #414141;
    margin-bottom: 20px !important;
}

.bottone_small_registrati:hover {
    background: #F6FF00;
    color: black;
}

.bottone_accedi:hover {
    background: #F6FF00;
}


.container_login_registrati {
    max-width: 800px;
}

.container_login_registrati:not(.container_alt) {
    padding-bottom: 70px;
}

.container_login_registrati input[type=checkbox] {
    margin: 0;
}


.container_login_registrati input,
.container_login_registrati select {
    margin-left: 0;
}

.container_login_registrati .container_bottone_centrato {
    float: left;
    margin-top: 30px;
}


nav.nav-filtri {
    position: fixed;
    width: 100%;
    bottom: 20px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;

}

.nav-filtri.visible {
    visibility: visible;
    pointer-events: auto;
}

.mobile-filters {
    display: flex;
    gap: 10px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.nav-filtri.hide-buttons .mobile-filters {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}

.bar-filtri {
    display: flex;
}

.bar-filtri p {
    background: #0e0e0ec7;
    color: white;
    padding: 20px;
    margin: 0;
    border-radius: 80px;
    font-size: 14px;
    backdrop-filter: blur(10px);
    line-height: 1;
}

.bar-filtri a {
    border-radius: 8px;
    border: 0.5px solid #80808091;
    padding: 15px;
    backdrop-filter: blur(4px);
    background: #ffffff69;
    cursor: pointer;
    font-size: 13px;
    line-height: inherit;
}

.bar-filtri a + a {
    margin-left: -1px;
}

.bar-filtri a:hover {
    background: #202020c7;
    backdrop-filter: blur(10px);
    color: white;
}

.box_landing {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.box_landing a {
    display: flex;
    background: #f1f1f1;
    height: 250px;
    padding: 30px;
    border-radius: 3px;
    flex-direction: column;
    justify-content: space-between;
}

.box_landing a:hover {
    background: #F6FF00;
    color: black;
}

.box_landing a i {
    font-size: 40px;
    color: #707070;
}


.box_landing a p {
    font-size: 30px;
    margin-bottom: 0;
}

.elenco_carrello {
    margin-right: 6px;
    background-color: white;
}

.color_background_light_yellow {
    background-color: #f1f1f1;
    border-radius: 3px;
}

tr {
    border-bottom: 1px solid #c7c7c7;
}

.text-prezzo {
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.label_iva {
    background: #fbfbfb;
    border-radius: 3px;
    padding: 2px 7px;
}

.riepilogo_carrello .bottone_generico {
    background: white;
    border: none;
    border-radius: 3px;
    padding: 13px;
    margin-top: 15px;
}

.riepilogo_carrello .bottone_generico:hover {
    background: #F6FF00;
}


.svuota-carrello {
    background: #ffffff;
    border-radius: 3px;
    padding: 6px 16px;
    color: #000000;
}

.text_titoli_carrello {
    font-size: 20px;
    margin-bottom: 5px;
}





.box_landing_small {
    margin-top: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 6px;
}

.box_landing_small a {
    display: flex;
    background: #f1f1f1;
    height: 150px;
    padding: 30px;
    border-radius: 3px;
    flex-direction: column;
    justify-content: space-between;
}

.box_landing_small a:hover {
    background: #F6FF00;
    color: black;
}

.box_landing_small a i {
    font-size: 25px;
    color: #707070;
}


.box_landing_small a p {
    font-size: 25px;
    margin-bottom: 0;
}

.text_checkbox {
    font-weight: 400;
    line-height: 1.5;
}

.box_carrello_totale {
    padding: 7%;
    margin-top: 6px;
    background-color: #f1f1f1;
    border-radius: 3px;
}

.help_sconto small, .totale_daily, .prodotto_cart {
    font-weight: 400;
}

.banner_categoria h1 {
    padding-top: 140px;
    padding-left: 40px;
    margin-bottom: 0;
}


.banner_categoria p {
    padding-left: 40px;
}

.banner-test {
    border-radius: 3px;
}

.banner-test p {
    line-height: 1.3;
}

.box_adv {
    background: #f1f1f1;
    padding: 50px;
    margin-top: 6px;
    border-radius: 3px;
    font-size: 13px;
}

.box_adv h5 {
    margin-bottom: 10px;
}

.box_adv span {
    background: #F6FF00;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: middle;
}

.box_adv a {
    display: block;
    margin-top: 20px;
    background: #F6FF00;
    padding: 10px 15px;
    border-radius: 3px;
    text-align: center;
}

.box_adv a:hover {
    background: black;
    color: #F6FF00;

}


.alert {
    z-index: 10000;
    text-align: left;
    background: #dadada;
    color: black;
    border: none;
    line-height: 1.2;
    box-shadow: none;
    padding: 15px;
    font-size: 13px;
}

.alert.alert-success {
    background: #66BB6A;
    color: white;
}

.alert.alert-danger {
    background: #FF5722;
    color: white;
}

.riepilogo_carrello {
    text-align: left;
}

.riepilogo_carrello p {
    margin-top: 1% !important;
    margin-left: 1% !important;
    padding-bottom: 0 !important;
}



@media (max-width: 480px) {

    .search_cat .search_product {
        width: 100%;
    }

    .container_info_slider_home {
        min-width: 70%;
    }

    .container_cat {
        padding: 6px 3px 6px 3px;
    }

    .container_prodotti.list {
        grid-template-columns: 1fr;
    }

    .container_immagini_left {
        width: 100%;
        margin-left: 0;
    }

    .container_immagini_left > img {
        background: #F1F1F1;
        padding: 20px;
        height: 100%;
    }

    .img_list {
        padding: 20px;
    }

    .elenco_carrello {
        padding: 0;
    }

    .sezione_pagina {
        padding: 0;
    }

    .container_consigliati_real .intro_prodotto_correlato .add_to_list {
        width: 100%;
    }

    .box_landing {
        grid-template-columns: 1fr;
    }

    .box_landing a {
        height: 170px;
        padding: 20px;
    }

    .box_landing_small {
        grid-template-columns: 1fr 1fr;
    }

    .header_mobile {
        padding: 0 5%;
        position: relative;
        display: flex;
        align-items: center;
        height: 40px;
    }


    .breadcrumbs {
        margin-bottom: 10px;
        font-size: 12px;
        gap: 4px 7px;
        line-height: 1.1;
        flex-wrap: wrap;
    }


    .inner_body {
        margin-top: 0;
        margin-bottom: 100px;
    }

    .banner_categoria h1 {
        padding-top: 66px;
        padding-left: 20px;
    }

    .banner_categoria p {
        padding-left: 20px;
        padding-bottom: 10px;
    }

    .search_empty {
        grid-column-start: 1;
        grid-column-end: 6;
    }

    .container_login {
        padding: 30px;
    }

    .small-footer {
        display: none;
    }



}