/*** CSS by Luigi Astarita @ Astartup ***/
/* Copyright 2024 Luigi Astarita */

/*** Import fonts ***/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root {
    --c-base: #4C4C4A;
    --c-base2: #737373;
    --c-grigio: #F2F2F2;
    --c-azzurro: #256BE1;
    --c-blu: #012DA0;
    --c-bluscuro: #071333;
}

body {
    font-family: 'Montserrat', sans-serif;
    padding-top: 167px;
    color: var(--c-base);
}

@media (max-width: 1200px) {
    body {
        padding-top: 116px;
        padding-top: 119px;
    }
}

body.p-0 {
    padding-top: 34px !important;
}

/* Generali */

h1 {
    color: var(--c-base);
    font-weight: 400;
    line-height: 110%;
    font-size: 3rem;
    padding-top: 3rem;
    text-align: center;
}

@media (max-width: 1200px) {
    h1 {
        font-size: 2rem;
    }
}

@media (max-width: 575.98px) {
    h1 {
        font-size: 1.5rem;
    }
}

h1.smallh1 {
    font-size: 2rem;
}

h1 i {
    font-size: 150%;
    vertical-align: middle;
}

h1+p {
    margin: -.3rem 0 1rem;
    color: var(--c-base2);
    font-size: .9rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    h1+p {
        line-height: 110%;
    }
}

h1+p strong {
    font-weight: 400;
    color: var(--c-base);
    font-size: 1.1rem;
}

h1+p em {
    font-style: normal;
}

@media (max-width: 575.98px) {
    h1+p em {
        line-height: 110%;
    }
}

h1+strong {
    font-size: 1.3rem;
}

h2 {
    color: var(--c-base);
    font-weight: 400;
    line-height: 100%;
    font-size: 2rem;
}

@media (max-width: 575.98px) {
    h2 {
        font-size: 1.5rem;
    }
}

p {
    font-size: .9rem;
}

a {
    color: var(--c-base);
}

a:hover {
    color: #006098;
}

.text-success {
    color: #38B800 !important;
}

.text-warning {
    color: #E3BD00 !important;
}

.text-dark {
    color: var(--c-base) !important;
}

.btn {
    border-radius: 3px;
    font-weight: 400;
}

.btn-lg {
    padding: .5rem 1.5rem;
}

.btn-success {
    background-color: #38B800;
    border-color: #38B800;
}

.btn-dark {
    background-color: var(--c-azzurro);
    border-color: var(--c-azzurro);
    font-weight: 400;
}

.btn-dark:hover {
    background-color: var(--c-blu) !important;
    border-color: var(--c-blu) !important;
}

/* body:not(.home) .main {
    padding-top: 3rem;
    min-height: calc(100vh - 460px);
} */

.btn-outline-dark {
    border-color: var(--c-base) !important;
    color: var(--c-base);
}

.btn-outline-dark:hover {
    background-color: #006098 !important;
    border-color: #006098 !important;
    color: #FFF !important;
}

.form-control {
    border-radius: 3px;
}

.input-group-text {
    border-radius: 3px;
}

.input-group-text {
    color: var(--c-base);
}

.container-fluid {
    max-width: 1600px;
}

.breadcrumb {
    margin: 0 0 .2rem;
    text-transform: uppercase;
    display: none;
}

@media (max-width: 1200px) {
    .breadcrumb {
        display: none;
    }
}

.breadcrumb-item,
.breadcrumb-item.active,
.breadcrumb-item a {
    color: var(--c-base);
    text-decoration: none;
    font-weight: 500;
    font-size: .9rem;
}

.breadcrumb-item+.breadcrumb-item::before {}

.form-control:focus {
    border-color: rgba(0, 0, 0, .2);
    box-shadow: 0 0 0 .25rem rgba(0, 0, 0, .1);
}
















/* Header AC */

.header {
    padding: 0;
    flex-direction: column;
    background: rgba(255, 255, 255, .8);
    transition: backdrop-filter 1s, -webkit-backdrop-filter 1s, padding 1s;
    padding-bottom: .5rem;
}

.fixed-top {
    z-index: 10;
}

.header-dark {
    background: transparent;
    padding-bottom: 5rem;
}

.headerbg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.header-dark .headerbg::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: bottom 1s;
    background: #003A92;
    background: linear-gradient(180deg, rgba(0, 58, 146, 1) 0%, rgba(0, 58, 146, 0) 100%);
}

.header-dark.stick .headerbg::before {
    bottom: -15rem;
}

.header.stick {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding-bottom: .5rem;
}

.top {
    background: url(../images/sartoriale.webp) repeat-x;
    background-position: right -280px bottom;
    background-size: auto 100px;
    min-height: 40px;
    width: 100%;
    color: #85A3CA;
    margin: 0;
}

@media (max-width: 991.98px) {
    .top {
        background-position: right -420px bottom -1px;
    }
}

/* .header-dark .top {
    background-image: url(../images/sartoriale.png);
} */

.top-shipping {
    font-size: .8rem;
    display: flex;
    align-items: center;
    padding-left: 1rem;
}

@media (max-width: 991.98px) {
    .top-shipping {
        order: 2;
        /* border-bottom: 1px solid rgba(255, 255, 255, .2); */
        justify-content: center;
        padding: 4px;
    }
}

.top-shipping img {
    height: 20px;
    width: auto;
    margin-left: .3rem;
}

.top-claim {
    font-size: .8rem;
    background: url(../images/madeinitaly.jpg) no-repeat center top;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991.98px) {
    .top-claim {
        order: 1;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        padding: 6px 4px 4px;
        background-size: 100% 2px;
    }
}

.top-language {
    font-size: .8rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 991.98px) {
    .top-language {
        order: 3;
        padding: 4px;
        display: none;
    }
}

.top-language a {
    color: #85A3CA;
    text-decoration: none;
}

.top-language span {
    color: #FFF;
}

.top-language i {
    color: #85A3CA;
    font-style: normal;
    padding: 0 .4rem;
    display: inline-block;
}

.mid {
    width: 100%;
}

@media (max-width: 767.98px) {
    .mid {
        margin-top: .5rem;
    }
}

.mid .navbar-brand {
    margin: 0 -10px 0 0;
    display: block;
    text-align: center;
    padding: 1.5rem 0 .8rem;
}

@media (max-width: 767.98px) {
    .mid .navbar-brand {
        padding: 0;
    }
}

.navbar-brand svg {
    width: 245px;
    height: auto;
}

@media (max-width: 767.98px) {
    .navbar-brand svg {
        width: 180px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

.header-dark .navbar-brand svg * {
    fill: #FFF;
}

/* Menu principale */

@media (min-width: 1200px) {
    .navbar #menu {
        flex-direction: row;
    }
}

@media (max-width: 1200px) {
    .navbar #menu {
        position: fixed;
        top: 119px;
        left: 0;
        right: 0;
        bottom: 100vh;
        overflow: hidden;
        padding: 0 5px;
        border-radius: 0;
        z-index: 1;
    }

    .navbar #menu.open {
        /* background: rgba(255, 255, 255, .8); */
        background: #003A92;
        background: #003A92;
        background: radial-gradient(at top left, rgba(0, 58, 146, 1) 0%, rgba(11, 31, 85, 1) 100%);
        bottom: -100vh;
        overflow: auto;
        transition: bottom .3s;
        /* backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px); */
        padding: .75rem;
    }
}

@media (min-width: 1200px) {
    .navbar .navbar-nav .nav-item {
        position: relative;
    }
}

.navbar .navbar-nav .nav-link {
    font-weight: 400;
    color: #222;
    padding: .4rem .4rem .4rem 1.2rem;
    border: none;
    text-transform: capitalize;
    transition: color .2s;
    font-size: .9rem;
}

@media (max-width: 1200px) {
    .navbar .navbar-nav .nav-link {
        padding: .6rem .4rem;
        color: #FFF;
    }
}

@media (max-width: 767.98px) {
    .navbar .navbar-nav .nav-link {
        font-size: 1.1rem;
    }
}


@media (min-width: 992px) {
    .header-dark.navbar .navbar-nav .nav-link {
        color: #FFF;
    }

    .header-dark.navbar .navbar-nav .nav-link:hover {
        color: #FFF;
    }
}

.navbar .navbar-nav .nav-link.active {
    color: #FFF;
    background: #343434;
    border-radius: 3px;
}

.navbar .navbar-nav .nav-link.nav-saldi {
    color: #FE0000;
    text-transform: uppercase;
    font-weight: 400;
}

.navbar .navbar-nav .nav-link.nav-saldi.active {
    background: #FE0000;
    color: #FFF;
}

.navbar .navbar-nav .nav-link.dropdown-toggle::after {
    display: none;
}

.navbar-nav .dropdown-menu {
    box-shadow: 0 10px 30px rgba(0, 29, 73, .1);
    border: none;
    margin: 0;
    position: absolute;
    border-radius: 0;
}

.header-dark .navbar-nav .dropdown-menu {
    box-shadow: 0 10px 40px rgba(0, 58, 146, .4);
}

/* @media (max-width: 1200px) {
    .navbar-nav .dropdown-menu {
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0);
        position: relative;
        top: 0;
    }

} */

.navbar-nav .dropdown-menu .dropdown-item {
    font-size: .9rem;
    font-weight: 400;
    text-transform: capitalize;
}

.navbar .navbar-nav.menu .nav-link svg {
    width: 8px;
    height: auto;
}

@media (min-width: 992px) {
    .header-dark.navbar .navbar-nav.menu .nav-link svg * {
        fill: #FFF;
    }
}

@media (max-width: 1200px) {
    .header.navbar .navbar-nav.menu .nav-link svg * {
        fill: #FFF;
    }
}

/* Ricerca */

.search-form {
    position: relative;
    /* margin: auto; */
}

@media (max-width: 1200px) {
    .search-form {
        /* display: none !important; */
        position: fixed;
        left: 0;
        right: 0;
        top: 119px;
        background: #FFF;
        max-height: 0;
        overflow: hidden;
        z-index: 1;
    }

    .search-form.open {
        /* display: block !important; */
        max-height: 100vh;
        overflow: visible;
        padding: 0;
        transition: max-height .3s;
    }
}

.search-form input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    padding: .55rem .75rem .55rem 2rem;
    width: 240px;
    font-size: .85rem;
    font-weight: 500;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0);
    background: transparent;
    transition: box-shadow .3s, background .3s, width .3s;
    margin: .3rem 0;
}

.header-dark .search-form input {
    border-color: rgba(255, 255, 255, .2);
}

.open+.header .search-form input,
.search-form input:focus {
    background: #FFF;
    box-shadow: none;
}

@media (max-width: 1200px) {
    .search-form input:focus {
        width: 100%;
    }
}

.header-dark .search-form input::placeholder {
    opacity: 1;
    color: rgba(255, 255, 255, .5);
}

.header-dark .search-form input:-ms-input-placeholder,
.header-dark .search-form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(255, 255, 255, .5);
    /* font-style: italic; */
    /* font-size: 1rem; */
}

@media (max-width: 1200px) {
    .header-dark .search-form input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: rgba(255, 255, 255, .5);
        opacity: 1;
        /* Firefox */
        /* font-style: italic; */
        /* font-size: 1rem; */
    }

    .header-dark .search-form input:-ms-input-placeholder,
    .header-dark .search-form input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: rgba(255, 255, 255, .5);
        /* font-style: italic; */
        /* font-size: 1rem; */
    }
}

.search-form button {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.5rem;
    padding: .2rem .5rem .3rem;
}

@media (max-width: 1200px) {
    .search-form button {
        /* display: none; */
    }

    .search-form button svg * {
        stroke: var(--c-base) !important;
    }
}

#live-search:not(.open)+.header-dark .search-form button svg * {
    stroke: rgba(255, 255, 255, 1);
}

.header-dark .search-form .form-control:focus+button svg * {
    stroke: #14253B !important;
}

.search-form button i {
    color: rgb(0, 142, 212);
    font-size: 1.4rem;
}

/* Live search */

#live-search {
    position: fixed;
    top: 132px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px 8px;
    background: #FFF;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .3);
    border-radius: 0;
    display: none;
    z-index: 11;
}

@media (max-width: 1200px) {
    #live-search.open {
        display: block;
        top: 166px;
    }
}

#live-search.open {
    display: block;
}

#live-search-results {
    overflow: auto;
    max-height: calc(100vh - 186px);
    display: flex;
    flex-wrap: wrap;
}

.layer-search-prodotto {
    line-height: 120%;
    margin-bottom: 2px;
    /* clear: both;
    height: 200px; */
}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {
    .layer-search-prodotto {
        width: 33%;
    }
}

@media (max-width: 575.98px) {
    .layer-search-prodotto {
        width: 50%;
    }
}

.layer-search-prodotto img {
    width: 100%;
    height: auto;
    padding: 0 0 .5rem;
}

.layer-search-prodotto .marca-prodotto {
    font-size: .7rem;
    font-weight: 500;
    display: block;
    color: #8B8B8B;
    line-height: 100%;
    margin-bottom: .1rem;
    text-transform: uppercase;
    display: none;
}

.layer-search-prodotto .nome-prodotto {
    font-size: .85rem;
    font-weight: 500;
    display: block;
    margin-bottom: 1rem;
    line-height: 110%;
    text-transform: capitalize;
    text-align: center;
}

.layer-search-prodotto .nome-prodotto a {
    text-decoration: none;
}

.layer-search-prodotto .live-no-results {
    padding: 5px;
    overflow: hidden;
    opacity: .8;
    font-weight: 500;
}

.layer-search-prodotto .live-no-results img {
    width: 32px;
    height: auto;
    background: none;
    vertical-align: middle;
    float: none;
    margin: 5px;
}

.mostra-tutti-i-risultati {
    display: block;
    background: var(--c-base);
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9rem;
    padding: 0.7rem 1rem;
    text-decoration: none;
    margin-top: 0.6rem;
    border-radius: 3px;
}

@media (max-width: 1200px) {
    .mostra-tutti-i-risultati {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        border: 10px solid #FFF;
    }
}

.mostra-tutti-i-risultati:hover {
    background: #333;
    color: #FFF;
}


















/* Menu destra */

.navbar .navbar-dash {
    flex-direction: row;
}

.navbar .navbar-dash .nav-link {
    padding: .4rem .4rem;
    background: none;
}

@media (max-width: 1200px) {
    .navbar .navbar-dash .nav-link {
        padding: .5rem .2rem;
    }
}

@media (max-width: 1200px) {
    .navbar .navbar-dash .nav-link svg {
        margin-top: .2rem;
    }
}

@media (max-width: 767.98px) {
    .navbar .navbar-dash .nav-link svg {
        margin-top: 0;
    }
}

.navbar .navbar-dash svg * {
    stroke: #FFF;
}

.navbar.header-light .navbar-dash svg * {
    stroke: var(--c-base);
}

#toggle-menu {
    padding: .5rem .4rem;
}

#toggle-menu:active {
    border-color: transparent !important;
}

.nav-account>.nav-link strong {
    width: 29px;
    height: 29px;
    line-height: 29px;
    background: #FFF;
    color: var(--c-base);
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
}

/* Icona carrello */

.navbar .navbar-nav .nav-item.nav-cart {
    padding: 0rem .4rem;
    line-height: 100%;
    position: relative;
    cursor: pointer;
    text-align: center;
}

@media (max-width: 1200px) {
    .navbar .navbar-nav .nav-item.nav-cart {
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .navbar .navbar-nav .nav-item.nav-cart {
        padding: 0 .2rem;
    }
}

.navbar .navbar-nav .nav-item.nav-cart svg {
    margin-top: 7px;
    fill: #FFF;
    width: 34px;
}

@media (max-width: 1200px) {
    .navbar .navbar-nav .nav-item.nav-cart svg {
        margin-top: 8px;
    }
}

@media (max-width: 767.98px) {
    .navbar .navbar-nav .nav-item.nav-cart svg {
        margin-top: 10px;
    }
}

.navbar .navbar-nav .nav-item.nav-cart strong {
    color: var(--c-base);
    position: absolute;
    top: 12px;
    right: 0;
    text-align: center;
    width: 100%;
    font-size: .7rem;
    font-weight: 500;
}

@media (max-width: 1200px) {
    .navbar .navbar-nav .nav-item.nav-cart strong {
        top: 13px;
    }
}

@media (max-width: 767.98px) {
    @media (max-width: 1200px) {
        .navbar .navbar-nav .nav-item.nav-cart strong {
            top: 15px;
        }
    }
}

.navbar.header-dark .navbar-nav .nav-item.nav-cart strong {
    color: #FFF;
}

/* Layer sottomenu */

@media (min-width: 1200px) {
    .navbar-dash .nav-item ul.navbar-nav {
        position: absolute;
        top: 45px;
        right: 0;
        overflow: hidden;
        padding: 0;
        border: none;
        margin: 0;
        background: #FFF;
        border-radius: 3px;
        max-height: 0;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
        min-width: 230px;
        z-index: 2;
    }

    .navbar-dash .nav-item ul.navbar-nav.open {
        transition: max-height .3s, padding .3s;
        max-height: 240px;
        padding: 5px 0;
    }

    .navbar-dash .nav-item ul.navbar-nav .nav-link {
        color: var(--c-base);
        padding: .4rem 1rem;
    }

    .navbar-dash .nav-item ul.navbar-nav .nav-link:hover {
        color: var(--c-base);
    }

}

#menu-account {
    flex-direction: column;
}

@media (max-width: 1200px) {
    .navbar-dash .nav-item ul.navbar-nav {
        position: fixed;
        top: 119px;
        left: 0;
        right: 0;
        bottom: 100vh;
        overflow: hidden;
        border: none;
        margin: 0;
        border-radius: 0;
        z-index: 2;
    }

    .navbar-dash .nav-item ul.navbar-nav.open {
        bottom: -100vh;
        overflow: auto;
        transition: bottom .3s;
        background: #003A92;
        background: radial-gradient(at top left, rgba(0, 58, 146, 1) 0%, rgba(11, 31, 85, 1) 100%);
        transition: bottom .3s;
        padding: .75rem;
    }
}

/* Layer carrello */

#layer-carrello {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -350px;
    width: 350px;
    background: #FFF;
    z-index: 1001;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    padding: 1rem 1.2rem;
    overflow: auto;
}

#layer-carrello.open {
    transition: right .3s, box-shadow .3s;
    right: 0;
    box-shadow: -20px 0 40px rgba(0, 0, 0, .2);
}

#layer-carrello .titolo-carrello {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 100%;
    margin-bottom: 1rem;
    display: block;
}

#layer-carrello .titolo-carrello button {
    border: none;
    background: none;
    float: right;
    font-size: 1.8rem;
    color: var(--c-base);
    font-weight: 600;
    line-height: 100%;
    margin: -.3rem;
}

.layer-carrello-prodotto {
    line-height: 120%;
    padding-bottom: .7rem;
    /* border-bottom: 1px solid rgba(0,0,0,.1); */
    margin-bottom: .6rem;
    position: relative;
}

.layer-carrello-prodotto img {
    width: 100px;
    height: auto;
    float: left;
    background: #FFF;
    margin-right: .7rem;
    padding: 0;
}

.layer-carrello-prodotto .marca-prodotto {
    font-size: .8rem;
    font-weight: 500;
    display: block;
    color: #8B8B8B;
    line-height: 100%;
    margin-bottom: .1rem;
    display: none;
}

.layer-carrello-prodotto .nome-prodotto {
    font-size: .85rem;
    font-weight: 400;
    display: block;
    margin-bottom: .3rem;
}

.layer-carrello-prodotto .nome-prodotto a {
    text-decoration: none;
}

.layer-carrello-prodotto .prezzo-prodotto {
    font-size: .9rem;
    font-weight: 400;
}

.layer-carrello-prodotto .prezzo-prodotto s {
    font-size: .8rem;
    color: #8B8B8B;
    font-weight: 500;
}

.layer-carrello-prodotto .prezzo-prodotto strong {
    color: #FE0000;
    font-weight: 400;
}

.layer-carrello-prodotto .taglia-prodotto {
    font-size: .8rem;
    font-weight: 500;
    display: block;
    color: #8B8B8B;
}

.layer-carrello-prodotto .taglia-prodotto strong {
    font-weight: 500;
}

.layer-carrello-prodotto .quantita-prodotto {
    font-size: .8rem;
    font-weight: 500;
    display: block;
    color: #8B8B8B;
}

.layer-carrello-prodotto .quantita-prodotto strong {
    font-weight: 500;
}

.layer-carrello-totale {
    font-weight: 500;
    padding: 0 0 .4rem;
}

.layer-carrello-totale strong {
    float: right;
    font-size: 1.2rem;
    font-weight: 600;
}

#layer-carrello a.vai-al-carrello {
    display: block;
    background: var(--c-azzurro);
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9rem;
    padding: .7rem 1rem;
    text-decoration: none;
    margin-top: .6rem;
    border-radius: 3px;
}

#layer-carrello a.vai-al-carrello:hover {
    background: var(--c-blu);
}

.layer-carrello-prodotto .elimina-prodotto {
    position: absolute;
    left: -3px;
    top: 2px;
    border: none;
    background: transparent;
    font-size: .9rem;
    color: rgba(0, 0, 0, .3);
}

.layer-carrello-prodotto:hover .elimina-prodotto {
    color: rgba(0, 0, 0, .6);
}






























/* Home */

.mediterranean-lifestyle {
    width: 100%;
    height: 100vh;
    background: url(../images/banner-home/mediterranean-lifestyle.webp);
    background-size: cover;
    background-position: center;
}

@media (max-width: 767.98px) {
    .mediterranean-lifestyle {
        background-position: right -420px center;
    }
}

/* Risultati di ricerca */

.search-results-header {
    text-align: center;
    /* padding-top: 3rem; */
}

@media (max-width: 575.98px) {
    .search-results-header {
        padding: 2rem 3.3rem 0;
    }
}

.search-results-header h1 {
    font-weight: 400;
}

.sidebar-ordina {
    left: auto !important;
    right: 0;
}

.ordina {
    max-height: 54px;
    transition: max-height .3s, width .3s;
    overflow: hidden;
    width: 130px;
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
}

@media (max-width: 575.98px) {
    .ordina {
        width: 54px;
    }
}

.ordina.open {
    max-height: calc(100vh - 220px);
    width: 300px;
}

.ordina .titolo-ordina {
    margin-bottom: .3rem;
    color: #FFF;
    font-weight: 500;
    line-height: 100%;
    font-size: 1.2rem;
    display: flex;
    cursor: pointer;
    background: var(--c-bluscuro);
}

.ordina .titolo-ordina span {
    display: flex;
    padding: 1rem;
    height: 54px;
    line-height: 23px;
}

.ordina .titolo-ordina svg {
    margin-right: .5rem;
    width: 20px;
    height: auto;
}

.ordina .titolo-ordina svg * {
    stroke: #FFF;
}

@media (max-width: 575.98px) {
    .ordina .titolo-ordina label {
        opacity: 0;
        transition: opacity .3s;
    }

    .ordina.open .titolo-ordina label {
        opacity: 1;
    }
}

.ordina .titolo-ordina .btn-chiudi-ordina {
    margin-left: auto;
    opacity: 0;
    transition: opacity .3s;
}

.ordina.open .titolo-ordina .btn-chiudi-ordina {
    opacity: 1;
}

.ordina .titolo-ordina .btn-chiudi-ordina svg {
    margin-right: 0;
}

.ordina-body {
    padding: 0 1rem .5rem;
}

.ordina-body .nav-link {
    border-bottom: 1px solid #DDD;
    padding: .5rem 0;
    color: var(--c-base);
    white-space: nowrap;
}

.ordina-body .nav-link.active {
    color: var(--c-azzurro);
    font-weight: 600;
}

.ordina-body .nav-link:last-of-type {
    border-bottom: none;
}

.ordina .bootstrap-select {
    width: 100% !important;
    display: none;
}

.ordina .bootstrap-select .btn {
    box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
    font-weight: 500;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 2px;
    background: #FFF;
}

.risultati-di-ricerca .prodotto {
    margin-bottom: 2rem;
    position: relative;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
}

.risultati-di-ricerca .prodotto .foto-prodotto {
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: .5rem;
}

.risultati-di-ricerca .prodotto .foto-prodotto img {
    width: 150%;
    margin-left: -25%;
    height: auto;
    padding: 0;
}

.risultati-di-ricerca .prodotto .foto-prodotto picture:last-of-type img {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity .3s, transform .3s;
    transform: scaleX(-.5);
}

.risultati-di-ricerca .prodotto .foto-prodotto:hover picture:last-of-type img {
    opacity: 1;
    transform: scaleX(1);
}

.risultati-di-ricerca .prodotto .marca-prodotto {
    display: block;
    text-transform: uppercase;
    font-size: .8rem;
    color: #8B8B8B;
    font-weight: 500;
}

.risultati-di-ricerca .prodotto .nome-prodotto {
    display: block;
    font-size: 1rem;
    color: var(--c-base);
    font-weight: 500;
    margin-bottom: .5rem;
}

@media (max-width: 991.98px) {
    .risultati-di-ricerca .prodotto .nome-prodotto {
        font-size: .9rem;
    }
}

.risultati-di-ricerca .prodotto .nome-prodotto a {
    text-decoration: none;
    display: block;
    line-height: 110%;
    padding-top: .5rem;
    font-size: .9rem;
    font-weight: 600;
}

.risultati-di-ricerca .prodotto .prezzo-prodotto {
    display: block;
    font-weight: 400;
    margin-bottom: .6rem;
    font-size: .9rem;
    /* color: var(--c-azzurro); */
    margin-top: auto;
}

.risultati-di-ricerca .prodotto .prezzo-prodotto s {
    font-weight: 500;
    color: rgba(29, 29, 27, .4);
    margin-right: .2rem;
    display: inline-block;
}

.risultati-di-ricerca .prodotto .prezzo-prodotto strong {
    font-weight: 400;
    color: #FE0000;
    margin-left: .2rem;
    display: inline-block;
}

.risultati-di-ricerca .prodotto .taglie-prodotto {
    font-size: .8rem;
    color: rgba(29, 29, 27, .4);
    font-weight: 500;
    line-height: 130%;
    display: flex;
    /* flex-wrap: wrap; */
}

@media (max-width: 575.98px) {
    .risultati-di-ricerca .prodotto .taglie-prodotto {
        flex-wrap: wrap;
    }
}

.risultati-di-ricerca .prodotto .taglie-prodotto span {
    display: inline-block;
    padding: 1px;
    border: 1px solid rgba(0, 0, 0, .4);
    /* border-width: 1px 0 0 0; */
    color: var(--c-base2);
    width: 32px;
    text-align: center;
    font-size: .75rem;
    margin: 0 4px 3px 0;
    border-radius: 2px;
}

.risultati-di-ricerca .prodotto .taglie-prodotto span.available {
    opacity: .8;
}

.risultati-di-ricerca .prodotto .taglie-prodotto span.not-available {
    opacity: .4;
    text-decoration: line-through;
    border: 1px solid rgba(0, 0, 0, .2);
}

/* .risultati-di-ricerca .prodotto .taglie-prodotto.taglie-disponibili::before,
.risultati-di-ricerca .prodotto .taglie-prodotto.taglie-non-disponibili::before {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #35DF00;
    border-radius: 5px;
    content: " ";
    margin-right: 4px;
}

.risultati-di-ricerca .prodotto .taglie-prodotto.taglie-non-disponibili::before {
    background: #CCC;
} */

.aggiungi-a-preferiti {
    border: none;
    background: rgba(255, 255, 255, .6);
    float: right;
    line-height: 100%;
    color: rgba(0, 0, 0, .4);
    transition: transform .3s;
    padding: .5rem;
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    left: 1rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.aggiungi-a-preferiti:hover {
    color: #FE0000;
    transform: scale(1.3);
}

.aggiungi-a-preferiti svg {
    opacity: .5;
}

.aggiungi-a-preferiti svg * {
    stroke: var(--c-base2);
}

.aggiungi-a-preferiti.active svg {
    opacity: 1;
}

.aggiungi-a-preferiti.active svg * {
    stroke: var(--c-azzurro);
    fill: var(--c-azzurro);
}

.risultati-di-ricerca .prodotto strong.saldi {
    position: absolute;
    background: #FE0000;
    color: #FFF;
    right: .75rem;
    top: 0;
    padding: .3rem 1rem;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 600;
    z-index: 1;
}

.sidebar {
    position: fixed;
    left: 0;
    top: 220px;
    z-index: 2;
}

@media (max-width: 1199.98px) {
    .sidebar {
        top: 166px;
    }
}

@media (max-width: 575.98px) {
    .sidebar {
        top: 150px;
    }
}

.sidebar .accordion-item {
    background: transparent;
}

.sidebar .accordion-button {
    background: transparent;
}

.filtra-ricerca {
    /* max-height: 54px; */
    transition: width .3s;
    width: 134px;
    overflow: hidden;
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
}

@media (max-width: 575.98px) {
    .filtra-ricerca {
        width: 54px;
    }
}

.filtra-ricerca.open {
    /* max-height: calc(100vh - 220px); */
    width: 300px;
}

.filtra-ricerca .filtri-cont {
    width: 300px;
    overflow: auto;
    transition: max-height .3s;
    max-height: 0;
}

.filtra-ricerca.open .filtri-cont {
    max-height: calc(100vh - 220px);
}

.filtra-ricerca .titolo-filtri {
    /* margin-bottom: .8rem; */
    color: #FFF;
    font-weight: 500;
    line-height: 100%;
    font-size: 1.2rem;
    display: flex;
    cursor: pointer;
    background: var(--c-bluscuro);
}

.filtra-ricerca .titolo-filtri span {
    display: flex;
    padding: 1rem;
    height: 54px;
    line-height: 23px;
}

.filtra-ricerca .titolo-filtri svg {
    margin-right: .5rem;
    width: 20px;
    height: auto;
}

@media (max-width: 575.98px) {
    .filtra-ricerca .titolo-filtri svg {
        order: 1;
    }
}

.filtra-ricerca .titolo-filtri svg * {
    stroke: #FFF;
}

@media (max-width: 575.98px) {
    .filtra-ricerca .titolo-filtri label {
        opacity: 0;
        transition: opacity .3s;
        order: 3;
        transform: translateX(-0px);
    }

    .filtra-ricerca:not(.filtri-) .titolo-filtri label {
        transform: translateX(-20px);
    }

    .filtra-ricerca.open .titolo-filtri label {
        opacity: 1;
    }
}

.filtra-ricerca .titolo-filtri .btn-chiudi-filtri {
    margin-left: auto;
    opacity: 0;
    transition: opacity .3s;
    /* transition-delay: .3s; */
}

/* .filtra-ricerca.open .titolo-filtri .btn-chiudi-filtri {
    transition-delay: 0;
} */

.filtra-ricerca.open .titolo-filtri .btn-chiudi-filtri {
    opacity: 1;
}

.filtra-ricerca .titolo-filtri .btn-chiudi-filtri svg {
    margin-right: 0;
}

.filtra-ricerca .titolo-filtri .filtri-badge {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50px;
    background: var(--c-azzurro);
    color: #FFF;
    padding: 0;
    text-align: center;
    font-size: .9rem;
    font-weight: 600;
    margin-left: .3rem;
    margin-top: -2px;
}

@media (max-width: 575.98px) {
    .filtra-ricerca .titolo-filtri .filtri-badge {
        order: 2;
        transform: translate(-22px, -12px) scale(.8);
    }
}

.filtra-ricerca .accordion {
    max-height: calc(100vh - 220px);
    overflow: auto;
    overflow-x: hidden;
    margin: .3rem 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

@media (max-width: 1200px) {
    .filtra-ricerca .accordion {
        max-height: calc(100vh - 110px);
    }
}

.filtro-ricerca {
    /* margin-bottom: 2rem; */
    border-top: 1px solid rgba(255, 255, 255, .6) !important;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.filtro-ricerca:first-of-type {
    border-top: none !important;
}

.filtro-ricerca .accordion-button {
    padding: .5rem 0;
    font-weight: 600;
    border: none;
    box-shadow: none;
}

.filtro-ricerca .accordion-button:not(.collapsed) {
    background: transparent;
    border: none;
    color: var(--c-base);
}

.filtro-ricerca .accordion-button:focus {
    box-shadow: none;
    color: var(--c-base);
    border: none;
}

.filtro-ricerca .accordion-body {
    padding: 0 0 .5rem;
}

.filtro-ricerca:last-of-type .accordion-body {
    padding: 0;
}

.filtro-ricerca>strong {
    border-bottom: 1px solid #DDD;
    display: block;
    margin-bottom: 10px;
    margin-left: -1rem;
    font-weight: 600;
}

.filtro-ricerca .form-check-label {
    color: rgba(0, 0, 0, .8);
    font-size: .9rem;
    cursor: pointer;
    width: 100%;
    text-transform: capitalize;
}

.filtro-ricerca .form-check-label b {
    display: inline-block;
    font-weight: normal;
    float: right;
}

.filtro-ricerca .input-group .form-control {
    border-radius: 0;
    border-color: var(--c-bluscuro);
}

.filtro-ricerca .input-group .btn {
    border-radius: 0;
    background: var(--c-bluscuro);
    font-weight: 500;
    color: #FFF;
}

.filtri-nascosti {
    display: none;
}

.filtri-nascosti.open {
    display: block;
}

.espandi-filtro {
    border: none;
    padding: 0;
    background: transparent;
    font-size: .85rem;
    font-weight: 500;
    text-align: left;
}

.espandi-filtro:not(.open) span:last-of-type,
.espandi-filtro.open span:first-of-type {
    display: none;
}

.btn-taglia {
    border-radius: 3px;
    font-size: .8rem;
    margin-top: .25rem;
    font-weight: 600;
    padding: .1rem 0;
    width: 34px;
    text-align: center;
    color: var(--c-base);
}

.btn-check:checked+.btn-taglia {
    background: var(--c-base);
}

.btn-check:disabled+.btn-taglia,
.btn-check[disabled]+.btn-taglia {
    opacity: .3;
}

.prodotti-offerta {
    font-size: .9rem;
    font-weight: 500;
    white-space: nowrap;
    padding: .7rem 0 .9rem;
    margin: 0 1rem;
    border-top: 1px solid rgba(255, 255, 255, .6) !important;
}

/* Filtri attivi */

.filtri-attivi {
    padding: 1rem;
    background: var(--c-blu);
}

.filtri-attivi>span {
    /* border: 1px solid rgba(0,0,0,.05); */
    display: flex;
    padding: 0 0 0 .6rem;
    margin: 0 .1rem .3rem 0;
    font-size: .85rem;
    background: rgba(0, 0, 0, .3);
    align-items: center;
    color: #FFF;
}

.filtri-attivi>span strong {
    text-transform: capitalize;
    font-weight: 600;
    /* color: var(--c-blu); */
}

.filtri-attivi>span button {
    border: none;
    font-size: 1.8rem;
    padding: .6rem;
    line-height: 1rem;
    vertical-align: middle;
    /* background: #FFF; */
    margin-left: auto;
    /* border: 1px solid rgba(0,0,0,.05); */
    /* margin-top: -.1rem; */
    background: rgba(0, 0, 0, .4);
    color: #FFF;
}

.filtri-attivi>span:last-of-type strong {
    text-transform: none;
}

/* Paginazione */

.paginazione {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 3rem auto;
}

.paginazione>button,
.paginazione>a {
    padding: 0;
    border: none;
    background: none;
    text-decoration: none;
    font-weight: 600;
}

.paginazione>button i,
.paginazione>a i {
    font-size: 2rem;
    vertical-align: middle;
    margin-top: -3px;
}

@media (max-width: 991.98px) {

    .paginazione>button span,
    .paginazione>a span {
        display: none;
    }
}

.paginazione ul {
    padding: 0;
    margin: 0;
}

.paginazione ul li {
    display: inline-block;
    text-align: center;
    font-weight: 600;
    line-height: 2rem;
    vertical-align: middle;
    color: rgba(0, 0, 0, .3);
}

.paginazione ul li a {
    text-decoration: none;
    padding: 0 .8rem;
    display: block;
    transition: transform .3s;
}

.paginazione ul li a:hover {
    transform: scale(1.3);
}

.paginazione ul li.active {
    font-weight: 400;
    padding: 0 .8rem;
    transform: scale(1.3);
    color: var(--c-base);
    border: 1px solid var(--c-base);
    margin: 0 .3rem;
}

@media (max-width: 991.98px) {
    .paginazione ul li:not(.active) {
        display: none;
    }
}

/* Dettaglio prodotto */

.main-prodotto {
    padding-top: 3rem;
}

@media (max-width: 767.98px) {
    .main-prodotto {
        padding-top: 0rem;
    }
}

.main-prodotto #galleria-miniature-prodotto .splide__list {
    justify-content: center;
}

.galleria-foto-prodotto-cont {
    display: flex;
}

@media (max-width: 575.98px) {
    .galleria-foto-prodotto-cont {
        flex-direction: column;
        padding: 0;
    }

    .galleria-foto-prodotto:first-of-type {
        order: 2;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }

    .galleria-foto-prodotto:last-of-type {
        order: 1;
    }
}

.galleria-foto-prodotto .zoom-image {
    /* cursor: zoom-in; */
    margin-bottom: 3px;
}

.galleria-foto-prodotto img {
    max-width: 100%;
    height: auto;
}

#galleria-miniature-prodotto .splide__slide {
    opacity: 0.6;
    /* background: #F2F2F2; */
    border: 1px solid #FFF;
}

#galleria-miniature-prodotto .splide__slide.is-active {
    opacity: 1;
    border: 1px solid var(--c-base2);
}

.main-prodotto .splide__arrow {
    background: none;
    font-size: 2rem;
}

.main-prodotto .splide__arrow--prev {
    left: 0;
}

.main-prodotto .splide__arrow--next {
    right: 0;
}

.main-prodotto .splide__arrow svg {
    fill: var(--c-base);
    transform: scale(.5);
}

.main-prodotto .splide__arrow--prev svg {
    transform: scale(-.5, .5);
}

#zoom-foto-prodotto {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    z-index: 10000;
    overflow: hidden;
    text-align: center;
    cursor: grab;
}

#zoom-foto-prodotto img {
    max-width: none;
}

#btn-chiudi-zoom {
    position: fixed;
    top: 10px;
    right: 25px;
    padding: 0;
    width: 50px;
    height: 50px;
    border: none;
    background: var(--c-bluscuro);
    border-radius: 3px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000000;
}

#btn-chiudi-zoom svg * {
    stroke: #FFF;
}

body.zoom {
    overflow: hidden;
}

#galleria-foto-prodotto-zoom {
    height: 100%;
    width: 100%;
}

#galleria-foto-prodotto-zoom .splide__track {
    height: 100%;
    width: 100%;
}

#zoom-foto-prodotto .splide__arrow {
    padding: 0;
    width: 50px;
    height: 50px;
    border: none;
    background: var(--c-bluscuro);
    border-radius: 3px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

#zoom-foto-prodotto .splide__arrow--prev {
    left: 25px;
}

#zoom-foto-prodotto .splide__arrow--next {
    right: 25px;
}

#zoom-foto-prodotto .splide__arrow svg * {
    fill: #FFF;
}

#zoom-foto-prodotto .splide__slide {
    overflow: auto;
    height: 100%;
    width: 100%;
}

@media (max-width: 767.98px) {
    .main-prodotto .galleria-foto-prodotto:nth-of-type(2) .splide__slide picture {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .main-prodotto .galleria-foto-prodotto:nth-of-type(2) .splide__slide img {
        width: 150% !important;
        max-width: 150% !important;
    }
}





















.dettagli-prodotto {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.dettagli-prodotto .breadcrumb-item,
.dettagli-prodotto .breadcrumb-item.active,
.dettagli-prodotto .breadcrumb-item a {
    color: rgba(0, 0, 0, .4);
}

.dettagli-prodotto .breadcrumb-item a:hover {
    color: var(--c-base);
    text-decoration: underline;
}

.dettagli-prodotto .marca-prodotto {
    display: block;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.2rem;
    margin-top: 1rem;
    text-transform: uppercase;
    color: var(--c-base);
}

@media (max-width: 1200px) {
    .dettagli-prodotto .marca-prodotto {
        font-size: 1.2rem;
    }
}

.dettagli-prodotto .marca-prodotto:hover {
    text-decoration: underline;
}

.dettagli-prodotto h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
    font-weight: 500;
    color: var(--c-base);
    text-align: left;
    padding-top: 0;
}

@media (max-width: 1200px) {
    .dettagli-prodotto h1 {
        font-size: 1.8rem;
    }
}

.dettagli-prodotto h1 small {
    font-size: .8rem;
    display: block;
    font-weight: 500;
    color: rgba(29, 29, 27, .5);
    line-height: 1.6rem;
}

.dettagli-prodotto h1 small strong {
    font-weight: 600;
}

.dettagli-prodotto .prezzo-del-prodotto {
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    display: block;
    color: var(--c-azzurro);
}

.dettagli-prodotto .prezzo-del-prodotto strong {
    font-weight: 500;
    font-size: 1rem;
    display: inline-block;
    background: var(--c-azzurro);
    color: #FFF;
    vertical-align: middle;
    padding: .3rem .7rem .3rem;
    line-height: 100%;
    margin-top: -5px;
}

.dettagli-prodotto .prezzo-del-prodotto em {
    display: block;
    color: rgba(29, 29, 27, .4);
    font-size: .9rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.dettagli-prodotto .colori-del-prodotto strong.altri-colori-titolo {
    font-size: 1rem;
    font-weight: 500;
    display: block;
    margin-top: 1rem;
    color: var(--c-base);
    width: 100%;
}

.dettagli-prodotto .colori-del-prodotto {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.dettagli-prodotto .colori-del-prodotto strong {
    display: block;
    margin-bottom: .1rem;
    font-weight: 400;
    text-transform: capitalize;
    font-size: .9rem;
    color: var(--c-base2);
    width: 100%;
}

.dettagli-prodotto .colori-del-prodotto strong span {
    font-weight: 500;
    text-transform: capitalize;
    color: var(--c-base);
}

.dettagli-prodotto .colore-del-prodotto {
    border: none;
    border-radius: 2px;
    background: #FFF;
    background: rgba(0, 0, 0, .05);
    width: 52px;
    height: 80px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-right: .6rem;
}

.dettagli-prodotto .colore-del-prodotto.colore-active {
    border: 1px solid var(--c-base);
}

.dettagli-prodotto .colore-del-prodotto:not(.colore-active) {
    /* opacity: .4; */
}

.dettagli-prodotto .colore-del-prodotto:not(.colore-active):hover {
    opacity: 1;
}

.dettagli-prodotto .colore-del-prodotto img {
    width: 80px;
    height: 80px;
}

.dettagli-prodotto .seleziona-taglia-prodotto {
    margin-bottom: 2rem;
}

.dettagli-prodotto .seleziona-taglia-prodotto strong {
    display: block;
    margin-bottom: .1rem;
    font-weight: 400;
    text-transform: capitalize;
    font-size: .9rem;
    color: var(--c-base2);
}

.dettagli-prodotto .seleziona-taglia-prodotto div {
    display: inline-block;
}

.dettagli-prodotto .seleziona-taglia-prodotto .btn-outline-dark {
    border-radius: 2px;
    border: 1px solid var(--c-base2) !important;
    font-weight: 500;
    padding: .3rem .5rem .2rem;
    line-height: 100%;
    min-width: 40px;
    text-align: center;
    margin-bottom: .2rem;
    color: var(--c-base);
    font-size: .9rem;
    opacity: .8;
}

.dettagli-prodotto .seleziona-taglia-prodotto .btn-outline-dark:hover {
    border: 1px solid var(--c-blu) !important;
    background: var(--c-blu) !important;
    color: #FFF;
}

.taglia-esaurita {
    cursor: not-allowed;
}

.dettagli-prodotto .seleziona-taglia-prodotto .btn-check:disabled+.btn,
.dettagli-prodotto .seleziona-taglia-prodotto .btn-check[disabled]+.btn {
    opacity: .3;
    text-decoration: line-through;
}

.dettagli-prodotto .seleziona-taglia-prodotto .btn-check:checked+.btn {
    border: 1px solid var(--c-azzurro);
    background: var(--c-azzurro);
    color: #FFF;
    opacity: 1;
}

.guida-taglie-link {
    font-size: .9rem;
}

.dettagli-prodotto .aggiungi-al-carrello {
    border-radius: 3px;
    font-weight: 500;
    padding: .6rem 1.7rem .7rem;
    font-size: 1.2rem;
}

.dettagli-prodotto .aggiungi-ai-preferiti {
    border-radius: 3px;
    padding: .2rem 1rem;
    transition: transform .3s, color .3s;
    border: none !important;
}

.dettagli-prodotto .aggiungi-ai-preferiti svg {
    transition: transform .3s;
}

.dettagli-prodotto .aggiungi-ai-preferiti svg * {
    stroke: var(--c-base);
}

.dettagli-prodotto .aggiungi-ai-preferiti.active {
    border: none;
}

.dettagli-prodotto .aggiungi-ai-preferiti.active svg * {
    fill: var(--c-azzurro);
    stroke: var(--c-azzurro);
}

.dettagli-prodotto .aggiungi-ai-preferiti:hover {}

.dettagli-prodotto .aggiungi-ai-preferiti:hover svg {
    transform: scale(1.3);
}

.dettagli-prodotto .descrizione-prodotto {
    font-size: .95rem;
    color: rgba(0, 0, 0, .5);
    padding-top: 1rem;
    font-weight: 500;
}

.dettagli-prodotto .dettagli-prodotto {
    margin: 0 0 2rem 0;
}

.dettagli-prodotto .dettagli-prodotto th {
    font-weight: 500;
    color: rgba(0, 0, 0, .5);
    font-size: .9rem;
    text-align: right;
    width: 1%;
    white-space: nowrap;
    border-width: 1px 0 0 0;
}

.dettagli-prodotto .dettagli-prodotto td {
    font-weight: 500;
    font-size: .9rem;
    border-width: 1px 0 0 0;
}

.highlights {
    text-align: center;
    /* background: rgba(0,0,0,.02); */
    /* padding-top: 2rem; */
}

.highlight {
    line-height: 120%;
    margin-bottom: 1rem;
    background: rgba(0, 0, 0, .03);
    border-radius: 10px;
    padding: 1rem;
}

.highlight i {
    font-size: 2.8rem;
    margin-bottom: .4rem;
}

.highlight strong {
    display: block;
    margin-bottom: .1rem;
    font-size: .95rem;
}

.highlight p {
    font-size: .8rem;
    line-height: 120%;
    color: rgba(0, 0, 0, .5);
    font-weight: 500;
    margin: 0;
}

.titolo-vetrina {
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    margin: 3rem 0 1rem;
}

@media (max-width: 767.98px) {
    .titolo-vetrina {
        font-size: 1.5rem;
        line-height: 130%;
        margin-top: 2rem;
    }
}

.titolo-vetrina p {
    font-weight: 500;
    font-size: 1rem;
}

@media (max-width: 767.98px) {
    .titolo-vetrina p {
        line-height: 140%;
        padding-top: .5rem;
    }
}

/* FAQ */

#faq .accordion-button {
    padding: .5rem 0;
    font-weight: 600;
    transition: padding .3s;
}

#faq .accordion-button:not(.collapsed) {
    background: none;
    font-weight: 400;
    color: var(--c-base);
    padding: .5rem 0 0;
    box-shadow: none;
}

#faq .accordion-button:focus {
    background: none;
    border: none;
    box-shadow: none;
}

#faq .accordion-body {
    padding: 0 0 .7rem;
    font-size: .9rem;
}

/* Login */

.bg {
    /* background: url("../images/bg.jpg") center; */
    background: url(../images/banner-home/mediterranean-lifestyle.webp) center;
    background-size: cover;
    margin-bottom: -2rem;
    padding-top: 120px;
}

@media (max-width: 1199.98px) {
    .bg {
        padding-top: 2rem;
    }
}

.login {
    margin-bottom: 2rem;
}

.login .input-group-text,
.registrazione .input-group-text {
    width: 42px;
    justify-content: center;
    padding: .375rem .35rem;
}

.login .password-dimenticata {
    display: block;
    text-align: right;
    font-size: .8rem;
    color: rgba(0, 0, 0, .5);
}

@media (max-width: 1200px) {
    .login .password-dimenticata {
        margin-bottom: .8rem;
    }
}

.registrati {
    margin-bottom: 3rem;
    /* border-top: 1px solid rgba(0, 0, 0, .2); */
    padding-top: 1.7rem;
}

.registrati h2 {
    font-size: 1.7rem;
    margin-bottom: .2rem;
}

.registrati p {
    color: #8B8B8B;
    font-size: .95rem;
}

.registrati .btn {
    border-radius: 3px;
    font-weight: 400;
    padding: .5rem 1.5rem;
    border-width: 2px;
}

.scegli {
    padding-bottom: 3rem;
}

.scegli .col-lg-1 {
    width: 3rem;
}

.accedi,
.scegli .accedi,
.recupera {
    padding: 1.7rem 2rem 2rem;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    background: #FFF;
}

@media (max-width: 991.98px) {

    .accedi,
    .scegli .accedi,
    .recupera {
        margin: 0 2rem 1rem !important;
        width: calc(100% - 4rem);
    }
}

@media (max-width: 575.98px) {

    .accedi,
    .scegli .accedi,
    .recupera {
        margin: 0 0 1rem !important;
        width: 100%;
    }
}

.scegli .accedi .login {
    margin-bottom: 0;
}

.accedi h1,
.recupera h1 {
    padding-top: .5rem;
}

.scegli h1 {
    font-size: 2.2rem;
    text-align: left;
}

@media (max-width: 767.98px) {
    .scegli h1 {
        font-size: 1.8rem;
    }
}

.scegli p {
    text-align: left;
}

.nuovo-cliente {
    padding: 1.7rem 2rem 2rem;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .2);
    background: #FFF;
}

@media (max-width: 991.98px) {
    .nuovo-cliente {
        margin: 0 2rem 1rem !important;
        width: calc(100% - 4rem);
    }
}

@media (max-width: 575.98px) {
    .nuovo-cliente {
        margin: 0 0 1rem !important;
        width: 100%;
    }
}

.nuovo-cliente h2 {
    font-size: 2.2rem;
    margin-bottom: .2rem;
}

@media (max-width: 767.98px) {
    .nuovo-cliente h2 {
        font-size: 1.8rem;
    }
}

.nuovo-cliente p {
    color: #8B8B8B;
    font-size: .95rem;
}

.nuovo-cliente .btn {
    border-radius: 3px;
    font-weight: 400;
    padding: .5rem 1.5rem;
    border-width: 2px;
    margin-bottom: 1rem;
}

.ospite {
    padding: 1.3rem;
    background: #F2F2F2;
}

.ospite h2 {
    font-size: 1.1rem;
    margin-bottom: .2rem;
    font-weight: 400;
}

.ospite p {
    color: #8B8B8B;
    font-size: .9rem;
    margin-bottom: .4rem;
}

.ospite .btn {
    border-radius: 3px;
    font-weight: 400;
    padding: .5rem 1.5rem;
    border-width: 2px;
    font-size: 1rem;
    background: #FFF;
    margin-bottom: 0;
}

.regole-password {
    font-size: .8rem;
    padding: 0;
    list-style: none;
    color: #777;
}

.regole-password strong {
    font-weight: 500;
    color: #212529;
}

.regole-password li.active,
.regole-password li.active strong {
    color: #38B800;
}

.regole-password li.active strong {
    color: #38B800;
    font-weight: 600;
}

.registrazione .form-check {
    font-size: .85rem;
}

/* Alerts */

.alert {
    border: none;
    border-radius: 3px;
    font-size: .9rem;
    font-weight: 500;
    padding: .7rem 3rem .7rem 1rem;
    line-height: 130%;
}

.alert-danger {
    background: #FE0000;
    color: #FFF;
}

.alert a {
    color: #FFF;
}

.alert svg * {
    stroke: #FFF;
}

.alert .alert-close {
    color: #FFF;
    border: none;
    background: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.4rem;
    padding: .1rem;
    line-height: 100%;
}

/* Newsletter */

.newsletter {
    background: #FFF;
    text-align: left;
    margin-top: 2rem;
}

.newsletter>div {
    padding: 0 3rem 3rem;
}

.newsletter .claim {
    background: #B89400;
    display: inline-block;
    margin: -2rem auto 1rem;
    padding: .8rem 2rem;
    font-weight: 400;
    color: #FFF;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1.1rem;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .15);
    border-radius: 3px;
    width: 500px;
    max-width: 100%;
}

@media (max-width: 1199.98px) {
    .newsletter .claim {
        margin: 1rem auto;
        padding: .6rem 1rem;
        font-size: 1rem;
    }
}

.newsletter strong {
    display: block;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 120%;
    color: #008ed4;
    text-align: center;
    margin-bottom: .5rem;
}

@media (max-width: 1199.98px) {
    .newsletter strong {
        font-size: 1.2rem;
    }
}

.newsletter p {
    font-size: .9rem;
    color: #777777;
    margin-bottom: 1rem;
    text-align: center;
}

.newsletter .input-group {
    flex-direction: column;
}

.newsletter input.form-control {
    text-align: center !important;
    border-radius: 3px !important;
    margin: 0;
}

@media (max-width: 575.98px) {
    .newsletter input.form-control {
        border-radius: 3px !important;
    }
}

.newsletter .form-floating {
    width: 100%;
    margin-bottom: .5rem;
}

@media (max-width: 575.98px) {
    .newsletter .form-floating {
        width: 100%;
    }
}

.newsletter .form-floating label {
    text-align: left;
    right: 0;
    text-align: center;
}

.newsletter .form-floating>.form-control-plaintext~label,
.newsletter .form-floating>.form-control:focus~label,
.newsletter .form-floating>.form-control:not(:placeholder-shown)~label,
.newsletter .form-floating>.form-select~label {
    transform: translateY(-0.7rem);
    right: 0;
    font-size: .8rem;
}

.newsletter .form-check {
    width: 500px;
    max-width: 100%;
    margin: 0 auto -10px;
    font-size: .85rem;
    color: rgba(0, 0, 0, .6);
}

@media (max-width: 575.98px) {
    .newsletter .form-check {
        width: 100%;
    }
}

.newsletter .form-check a {
    color: rgba(0, 0, 0, .6);
}

.newsletter .form-check input {
    float: none;
}

.newsletter .btn {
    text-transform: uppercase;
    font-weight: 400;
    color: #FFF;
    background: #008ed4;
    border-color: #008ed4;
    border-radius: 3px !important;
    padding: .8rem 2rem;
    margin: 0 !important;
}

@media (max-width: 575.98px) {
    .newsletter .btn {
        margin: .3rem 0 0 !important;
        width: 100%;
        border-radius: 3px !important;
    }
}

.newsletter-modal .modal-footer {
    justify-content: center;
    border: none;
}

/* Footer */

.footer {
    background: #0B1F55;
    color: #FFF;
}

.footer .container {}

.footer-logo {
    border: none !important;
}

.footer-logo svg {
    width: 218px;
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

@media (max-width: 991.98px) {
    .footer-logo svg {
        margin-top: 2rem;
    }
}

.footer-logo svg * {
    fill: #FFF;
}

.footer .row .col-lg-8 {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991.98px) {
    .footer .row .col-lg-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.footer .row .col-lg-8 div div {
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding-left: 1.5rem;
    padding-right: 0;
}

@media (max-width: 991.98px) {
    .footer .row .col-lg-8 div div:first-of-type {
        border-left: none;
    }
}

.footer .row>div>strong {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 500;
    display: block;
    font-size: .8rem;
}

.footer .row>div .nav .nav-link {
    color: rgba(255, 255, 255, .9);
    font-size: .85rem;
    padding: .15rem 0;
    font-weight: 500;
    text-transform: capitalize;
}

.footer .row>div .nav .nav-link:hover {
    color: #008ed4;
}

@media (max-width: 575.98px) {
    .footer>.container>.row>div {
        margin-bottom: 1rem;
    }
}

.menu-footer .menu .nav-link {
    padding: .15rem 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: capitalize;
}

.menu-footer .menu .nav-link svg {
    width: 8px;
    height: auto;
}

.menu-footer .menu .nav-link svg * {
    fill: #FFF;
}

.menu-footer .menu .nav-link.dropdown-toggle::after {
    display: none;
}

.footer .dropdown-item {
    text-transform: capitalize;
}

.metodi-di-pagamento strong {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 500;
    display: block;
    font-size: .8rem;
}

.metodi-di-pagamento ul {
    list-style: none;
    padding: 0;
}

.metodi-di-pagamento li {
    display: inline-block;
    margin-right: .4rem;
    margin-top: -6px;
}

.metodi-di-pagamento img {
    vertical-align: middle;
    height: 40px;
    width: auto;
}

.metodi-di-pagamento img.metodo2 {
    height: auto;
    width: 24px;
}

.metodi-di-pagamento a {
    text-decoration: none;
    margin: 0;
    display: inline-block;
    background: rgba(0, 0, 0, .05);
    width: 36px;
    height: 36px;
    line-height: 34px;
    text-align: center;
}

.metodi-di-pagamento svg {
    vertical-align: middle;
    height: 20px;
    fill: #FFF;
}

.footer .indirizzo {
    text-align: left;
    color: rgba(255, 255, 255, .5);
    font-size: .8rem;
    font-weight: 500;
}

@media (max-width: 575.98px) {
    .footer .indirizzo {
        padding: .5rem 0;
    }
}

.footer .indirizzo .container {
    border: none;
}

.footer .indirizzo a {
    color: rgba(255, 255, 255, .5);
    text-decoration: none;
}

.footer .indirizzo img {
    width: 200px;
    height: auto;
    float: right;
    margin-top: -5px;
}

@media (max-width: 575.98px) {
    .footer .indirizzo a {
        padding: 1.5rem 0 1rem;
        text-align: center;
    }

    .footer .indirizzo img {
        float: none;
    }
}

/* Firma sito */

.madeby {
    background: var(--c-bluscuro);
}

.madeby .container {
    padding: 2.5rem 1.5rem;
}

/* Firma Merx */

.merx {}

@media (max-width: 575.98px) {
    .merx {
        text-align: center;
        display: block;
        margin-bottom: 2rem;
    }
}

.merx:hover {}

.merx img {
    transition: transform .3s;
    max-width: 90%;
    width: 160px;
    height: auto;
}

.merx:hover img {
    transform: scale(1.1);
}

.jamstudio {
    text-align: right;
}

@media (max-width: 575.98px) {
    .jamstudio {
        text-align: center;
    }
}

#jamstudio {
    width: auto;
    height: 1.625rem;
    transition: transform .3s;
}

#jamstudio:hover {
    transform: scale(1.1);
}

#jamstudio * {
    fill: #FFF;
}

/* Carrello */

.riga-carrello {
    display: flex;
    margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
    .riga-carrello {
        flex-wrap: wrap;
        position: relative;
    }
}

.conferma-ordine .riga-carrello {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1rem 0;
    margin: 0;
}

.riga-carrello .foto-prodotto {
    width: 200px;
    height: 200px;
    background: #FFF;
    overflow: hidden;
    margin-right: 1.5rem;
}

@media (max-width: 575.98px) {
    .riga-carrello .foto-prodotto {
        width: 100px;
        height: 100px;
        margin-right: 1rem;
    }
}

.conferma-ordine .riga-carrello .foto-prodotto {
    width: 100px;
    height: 100px;
    margin-right: 1rem;
}

.riga-carrello .foto-prodotto img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    padding: 0;
}

.riga-carrello .foto-prodotto:not(:hover) picture:last-of-type {
    display: none;
}

.riga-carrello .foto-prodotto:hover picture:first-of-type {
    display: none;
}

@media (max-width: 767.98px) {
    .riga-carrello .info-prodotto {
        max-width: calc(100% - 200px - 1.5rem);
    }
}

@media (max-width: 575.98px) {
    .riga-carrello .info-prodotto {
        max-width: calc(100% - 100px - 1.5rem);
    }
}

.riga-carrello .info-prodotto .marca-prodotto {
    display: none;
    text-transform: uppercase;
    font-size: .8rem;
    color: #8B8B8B;
    font-weight: 500;
}

.riga-carrello .info-prodotto .nome-prodotto {
    display: block;
    font-size: 1.2rem;
    color: var(--c-base);
    font-weight: 400;
    margin-bottom: 1rem;
}

@media (max-width: 575.98px) {
    .riga-carrello .info-prodotto .nome-prodotto {
        font-size: 1rem;
    }
}

.conferma-ordine .riga-carrello .info-prodotto .nome-prodotto {
    margin-bottom: 0;
    font-size: 1rem;
}

.riga-carrello .info-prodotto .nome-prodotto a {
    text-decoration: none;
    font-weight: 500;
}

.riga-carrello .info-prodotto strong {
    font-weight: 500;
}

.riga-carrello .info-prodotto .taglia-prodotto {
    display: block;
    font-size: .9rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.conferma-ordine .riga-carrello .info-prodotto .taglia-prodotto {
    margin-bottom: 0;
    font-size: .8rem;
}

.riga-carrello .info-prodotto .colore-prodotto {
    display: block;
    font-size: .9rem;
    font-weight: 400;
}

.conferma-ordine .riga-carrello .info-prodotto .colore-prodotto {
    font-size: .8rem;
    font-weight: 400;
}

.riga-carrello .info-prodotto .quantita-prodotto {
    display: block;
    font-size: .9rem;
    font-weight: 400;
}

.conferma-ordine .riga-carrello .info-prodotto .quantita-prodotto {
    font-size: .8rem;
}

.riga-carrello .info-prodotto .quantita-prodotto label {
    display: block;
}

.riga-carrello .info-prodotto .quantita-prodotto .bootstrap-select {
    width: 100px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 2px;
    margin-right: 1rem;
    margin-bottom: .5rem;
}

.riga-carrello .info-prodotto .quantita-prodotto .elimina-prodotto {
    border: none;
    background: transparent;
    font-size: .8rem;
    color: rgba(0, 0, 0, .4);
    font-weight: 500;
    vertical-align: top;
    padding: .6rem;
}

@media (max-width: 575.98px) {
    .riga-carrello .info-prodotto .quantita-prodotto .elimina-prodotto {
        position: absolute;
        left: 60px;
        top: 100px;
    }
}

.riga-carrello .info-prodotto .quantita-prodotto .elimina-prodotto em {
    font-style: normal;
}

@media (max-width: 767.98px) {
    .riga-carrello .info-prodotto .quantita-prodotto .elimina-prodotto em {
        display: none;
    }
}

.riga-carrello .info-prodotto .quantita-prodotto .elimina-prodotto:hover {
    color: #FE0000;
}

.riga-carrello .info-prodotto .quantita-prodotto .elimina-prodotto i {
    font-size: 1.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito {
    border: none;
    background: transparent;
    font-size: .8rem;
    color: rgba(0, 0, 0, .4);
    font-weight: 500;
    vertical-align: top;
    padding: .6rem;
}

@media (max-width: 575.98px) {
    .riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito {
        position: absolute;
        left: 0;
        top: 100px;
    }
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito em {
    font-style: normal;
}

@media (max-width: 767.98px) {
    .riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito em {
        display: none;
    }
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito:not(.active):hover {
    color: #FE0000;
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito.active:hover {
    color: var(--c-base);
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito i {
    font-size: 1.2rem;
    vertical-align: middle;
    transition: transform .3s;
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito:hover i {
    color: #FE0000;
    transform: scale(1.3);
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito:not(.active) .fa-solid.fa-heart,
.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito .fa-solid.fa-heart-crack,
.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito.active .fa-regular.fa-heart {
    display: none;
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito.active .fa-solid.fa-heart {
    color: #FE0000;
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito.active:hover .fa-solid.fa-heart {
    display: none;
}

.riga-carrello .info-prodotto .quantita-prodotto .prodotto-preferito.active:hover .fa-solid.fa-heart-crack {
    display: inline-block;
    color: var(--c-base);
    transform: scale(1);
}

.riga-carrello .prezzo-prodotto {
    margin-left: auto;
    text-align: right;
    line-height: 140%;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .riga-carrello .prezzo-prodotto {
        margin-left: calc(200px + 1.5rem);
        text-align: left;
    }
}

@media (max-width: 575.98px) {
    .riga-carrello .prezzo-prodotto {
        margin-left: calc(100px + 1rem);
    }
}

.riga-carrello .prezzo-prodotto s {
    display: block;
    color: rgba(0, 0, 0, .4);
}

.riga-carrello .prezzo-prodotto strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
}

.riga-carrello .prezzo-prodotto em {
    display: block;
    font-style: normal;
    color: #FE0000;
    font-weight: 400;
}

.sidebar-carrello>div:first-of-type {
    box-shadow: 0 20px 40px rgb(0, 0, 0, .2);
    padding: 2rem;
    border-radius: 4px;
}

@media (max-width: 575.98px) {
    .sidebar-carrello>div:first-of-type {
        padding: 1.3rem;
    }
}

.sidebar-carrello>div h2 {
    margin-bottom: 1rem;
}

.sidebar-carrello .carrello-totale {
    display: flex;
    line-height: 120%;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.sidebar-carrello .carrello-totale:last-of-type {
    border-bottom: none;
}

.sidebar-carrello .carrello-totale label {
    font-weight: 500;
}

.sidebar-carrello .carrello-totale:last-of-type label {
    font-weight: 400;
    font-size: 1.2rem;
}

.sidebar-carrello .carrello-totale strong {
    margin-left: auto;
    font-weight: 500;
    text-align: right;
}

.sidebar-carrello .carrello-totale.spedizione strong {
    color: rgba(0, 0, 0, .4);
    font-size: .9rem;
}

.sidebar-carrello .carrello-totale:last-of-type strong {
    font-weight: 400;
    font-size: 1.2rem;
}

.sidebar-carrello .carrello-totale strong small {
    text-transform: uppercase;
    font-size: .7rem;
    padding-left: .3rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .5);
    display: block;
}

.carrello-codice-promo div {
    width: 100%;
}

.carrello-codice-promo .input-group {
    margin-top: -5px;
}

.carrello-codice-promo .input-group input {
    border-radius: 3px;
    font-size: .9rem;
}

.carrello-codice-promo .input-group button {
    font-size: .9rem;
    background: #BBB;
    border-color: #BBB;
}

.sidebar-carrello .carrello-codice-promo label strong {
    display: block;
    font-weight: 400;
    text-align: left;
}

.sidebar-carrello .carrello-codice-promo>strong {
    color: #FE0000;
}

.sidebar-carrello .carrello-codice-promo>strong button {
    border: none;
    background: transparent;
    font-size: .8rem;
    padding: 0;
    display: block;
}

.sidebar-carrello .carrello-codice-promo>strong button:hover {
    color: #FE0000;
}

.sidebar-carrello .btn-lg {
    display: block;
}

.sidebar-carrello .metodi-di-pagamento {
    text-align: center;
    /* padding: 0 2rem; */
}

.sidebar-carrello .metodi-di-pagamento label {
    display: block;
    font-size: .85rem;
    font-weight: 600;
    text-align: center;
    padding: 2rem 0 .3rem;
    color: rgba(0, 0, 0, .6);
}

.sidebar-carrello .metodi-di-pagamento i {
    color: rgba(0, 0, 0, .6);
}

.sidebar-carrello .metodi-di-pagamento i.fa-cc-stripe {
    color: #6C6DFF;
}

.sidebar-carrello .metodi-di-pagamento i.fa-cc-paypal {
    color: #0070ba;
}

.sidebar-carrello .metodi-di-pagamento i.fa-cc-visa {
    color: #1434cb;
}

.sidebar-carrello .metodi-di-pagamento i.fa-cc-mastercard {
    color: #ff671b;
}

.sidebar-carrello .metodi-di-pagamento i.fa-cc-amex {
    color: #006fcf;
}

.sidebar-carrello .metodi-di-pagamento i.fa-cc-apple-pay {
    color: #000;
}

.carrello-vuoto {
    background: #F2F2F2;
    padding: 2rem;
}

/* Brands */

.brand:before {
    border-top: 1px dotted rgba(0, 0, 0, .2);
    display: block;
    margin-bottom: 3rem;
    content: "";
}

.brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #F2F2F2; */
}

.brand-logo img {
    max-width: 80%;
}

.mostra-tutti-prodotti-brand {
    background: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 600;
    transition: background .3s, color .3s;
    padding: 2rem;
    text-align: center;
}

@media (max-width: 575.98px) {
    .mostra-tutti-prodotti-brand {
        padding: 1rem;
        font-size: 1rem;
    }
}

.mostra-tutti-prodotti-brand:hover {
    background: var(--c-base);
    color: #FFF;
}

.mostra-tutti-prodotti-brand strong {
    display: block;
    font-size: 1.4rem;
}

.mostra-tutti-prodotti-brand i {
    margin-top: 1rem;
    font-size: 3rem;
}

.leggi-di-piu-link {
    text-decoration: underline;
    cursor: pointer;
    font-style: italic;
    font-weight: 500;
}

.leggi-di-piu {
    display: none;
}

/* Conferma ordine */

.indirizzi-ordine .col-md-6>div {
    background: #FFF;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    padding: 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media (max-width: 575.98px) {
    .indirizzi-ordine .col-md-6>div {
        padding: 1.4rem;
    }
}

.indirizzi-ordine .col-md-6>div h3 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 110%;
    position: relative;
    margin-top: 5px;
    margin-bottom: 1rem;
}

.indirizzi-ordine .col-md-6>div h3 svg {
    font-size: 1.8rem;
    vertical-align: middle;
    position: absolute;
    top: -5px;
    left: 0;
    background: var(--c-base);
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    border-radius: 3px;
}

.indirizzi-ordine .col-md-6>div button {
    padding: .2rem .6rem .2rem .3rem;
    margin-top: auto;
}

.indirizzi-ordine .col-md-6>div button svg {
    font-size: 1.6rem;
    vertical-align: middle;
    margin-right: .4rem;
}

.indirizzi-ordine .col-md-6>div p {
    font-size: .85rem;
    color: var(--c-base2);
    font-weight: 400;
    line-height: 120%;
}

.indirizzi-ordine .col-md-6>div p strong {
    font-size: .9rem;
    color: var(--c-base);
    font-weight: 500;
    line-height: 150%;
}

.conferma-ordine .carrello-totale {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    justify-content: space-between;
    padding: .8rem 0;
    align-items: center;
}

.conferma-ordine .carrello-totale:last-of-type {
    margin-bottom: 1rem;
}

.conferma-ordine .carrello-totale label {
    font-weight: 500;
}

.conferma-ordine .carrello-totale:last-of-type label {
    font-weight: 400;
    font-size: 1.2rem;
}

.conferma-ordine .carrello-totale strong {
    text-align: right;
    font-weight: 400;
}

.conferma-ordine .carrello-totale:last-of-type strong {
    font-weight: 400;
    font-size: 1.2rem;
}

.conferma-ordine .carrello-totale.carrello-codice-promo strong {
    color: #FE0000;
}

.conferma-ordine .carrello-totale small {
    display: block;
    font-size: .8rem;
    font-weight: 500;
    line-height: 100%;
}

.scegli-metodo-pagamento h2 {
    margin-bottom: .3rem;
}

.scegli-metodo-pagamento>div {
    padding: 0 0 3rem;
}

.scegli-metodo-pagamento>div>div {
    display: inline-block;
    margin: 0 .5rem .5rem;
    text-align: center;
    vertical-align: top;
}

.scegli-metodo-pagamento>div .btn {
    border: none;
    width: 280px;
    height: 120px;
    display: block;
    margin-bottom: .2rem;
    border-radius: 7px;
    color: #1D1D1B;
    border: 3px solid #1D1D1B;
    /* text-transform: uppercase; */
    font-size: 1.5rem;
    font-weight: 800;
    font-style: italic;
    line-height: 100%;
    position: relative;
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 28px;
    padding-top: 8px;
    /* text-align: left; */
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn {
    /* padding-top: 2px; */
}

.scegli-metodo-pagamento>div .btn.btn-carta-di-credito {}

.scegli-metodo-pagamento>div .btn.btn-paypal img {
    filter: grayscale(1);
}

.scegli-metodo-pagamento>div .btn.btn-paypal>picture>img {
    filter: grayscale(1) brightness(.8);
    width: 120px;
    height: auto;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-paypal img {
    filter: grayscale(0);
}

.scegli-metodo-pagamento>div .btn.btn-bonifico {
    /* font-size: 1.2rem; */
}

.scegli-metodo-pagamento>div .btn.btn-cod {
    /* font-size: 1.2rem; */
}

.scegli-metodo-pagamento .btn i {
    position: absolute;
    top: -10px;
    left: -13px;
    font-size: 2rem;
    background: #FFF;
    border-radius: 50px;
}

.scegli-metodo-pagamento .btn-check:checked+.btn i {
    top: -12px;
    left: -15px;
}

.scegli-metodo-pagamento .btn-check:checked+.btn i.fa-circle {
    display: none;
}

.scegli-metodo-pagamento .btn-check:not(:checked)+.btn i.fa-circle-check {
    display: none;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-carta-di-credito {
    box-shadow: 0 0 20px -5px #6C6DFF;
    border: 5px solid #6C6DFF;
    color: #6C6DFF;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-paypal {
    box-shadow: 0 0 20px -5px #0095FF;
    border: 5px solid #0095FF;
    color: #0095FF;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-scalapay {
    box-shadow: 0 0 20px -5px #CE666C;
    border: 5px solid #CE666C;
    color: #CE666C;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-bonifico {
    box-shadow: 0 0 20px -5px #38B800;
    border: 5px solid #38B800;
    color: #38B800;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-cod {
    box-shadow: 0 0 20px -5px #FF6000;
    border: 5px solid #FF6000;
    color: #FF6000;
}

.scegli-metodo-pagamento .btn small {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: .85rem;
    background: #F2F2F2;
    color: #666;
    text-transform: none;
    font-weight: 400;
    padding-bottom: 2px;
    text-align: center;
    border-radius: 0 0 3px 3px;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn small {
    padding-bottom: 0;
}

.scegli-metodo-pagamento>div .btn.btn-scalapay small strong {
    color: #CE666C;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-scalapay small {
    color: #CE666C;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-bonifico small {
    color: #38B800;
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn.btn-cod small {
    color: #FF6000;
}

.scegli-metodo-pagamento .btn small img {
    filter: grayscale(1);
}

.scegli-metodo-pagamento>div .btn-check:checked+.btn small img {
    filter: grayscale(0);
}

.btn-checkout {
    font-size: 1.4rem;
    padding: 1rem 2rem;
}

.elenco-indirizzi {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 101;
    transition: background .3s;
    overflow: hidden;
}

.elenco-indirizzi.open {
    left: 0;
    background: rgba(0, 0, 0, .6);
}

.contenitore-indirizzi {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -450px;
    width: 450px;
    max-width: 100%;
    background: #FFF;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    z-index: 102;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    transition: right .3s, box-shadow .3s;
}

@media (max-width: 575.98px) {
    .contenitore-indirizzi {
        padding: 1.2rem;
    }
}

.elenco-indirizzi.open .contenitore-indirizzi {
    right: 0;
    box-shadow: -20px 0 40px rgba(0, 0, 0, .2);
}

.elenco-indirizzi h4,
.inserisci-indirizzo h4 {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 0;
    line-height: 100%;
}

.elenco-indirizzi p,
.inserisci-indirizzo p {
    font-weight: 500;
    color: #8B8B8B;
}

.elenco-indirizzi .contenitore-indirizzi>div>svg,
.inserisci-indirizzo .contenitore-indirizzo>div>svg {
    font-size: 2.5rem;
    vertical-align: middle;
    margin-right: .6rem;
    /* float: left; */
    background: #FFF;
    position: absolute;
    left: -52px;
    width: 52px;
    height: 52px;
    padding: 10px;
    top: 20px;
    border-radius: 3px 0 0 3px;
    text-align: center;
}

@media (max-width: 575.98px) {

    .elenco-indirizzi .contenitore-indirizzi>div>svg,
    .inserisci-indirizzo .contenitore-indirizzo>div>svg {
        display: none;
    }
}

.elenco-indirizzi:not(.open) .contenitore-indirizzi>div>svg,
.inserisci-indirizzo:not(.open) .contenitore-indirizzo>div>svg {
    display: none;
}

.elenco-indirizzi .btn-outline-dark {
    width: 100%;
    border-width: 2px;
    text-align: left;
    margin-bottom: .8rem;
    font-size: .8rem;
    font-weight: 500;
    line-height: 130%;
    padding: .8rem;
    position: relative;
    color: var(--c-base) !important;
}

.elenco-indirizzi .btn-outline-dark:hover {
    background: rgba(0, 0, 0, .05) !important;
}

.elenco-indirizzi .btn-check:checked+.btn-outline-dark {
    background: #FFF;
    color: var(--c-base);
    border-color: #38B800 !important;
}

.elenco-indirizzi .btn-outline-dark strong {
    font-size: 1rem;
    font-weight: 400;
}

.elenco-indirizzi .btn-check:checked+.btn-outline-dark strong {
    color: #38B800;
}

.elenco-indirizzi .btn-outline-dark i {
    font-size: 2rem;
    position: absolute;
    top: 10px;
    right: 10px;
}

.elenco-indirizzi .btn-check:checked+.btn-outline-dark i {
    color: #38B800;
    top: 8px;
    right: 8px;
}

.elenco-indirizzi .btn-check:checked+.btn i.fa-circle,
.elenco-indirizzi .btn-check:not(:checked)+.btn i.fa-circle-check {
    display: none;
}

.elenco-indirizzi .btn-check:checked+.btn-outline-dark .btn-dark {
    background: #38B800;
    border-color: #38B800;
}

.elenco-indirizzi .btn-outline-primary {
    width: 100%;
    border-width: 3px;
    text-align: left;
    padding: .8rem;
    line-height: 100%;
}

.elenco-indirizzi .btn-outline-primary i {
    font-size: 1.7rem;
    vertical-align: middle;
}

.elenco-indirizzi .indirizzi-btns,
.inserisci-indirizzo .indirizzi-btns {
    display: flex;
    justify-content: space-between;
}

.elenco-indirizzi .indirizzi-btns .btn,
.inserisci-indirizzo .indirizzi-btns .btn {
    width: 49%;
    font-weight: 400;
}

@media (max-width: 575.98px) {

    .elenco-indirizzi .indirizzi-btns .btn,
    .inserisci-indirizzo .indirizzi-btns .btn {
        font-size: 1rem;
    }
}

.inserisci-indirizzo {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 101;
    transition: background .3s;
    overflow: hidden;
}

.inserisci-indirizzo.open {
    left: 0;
    background: rgba(0, 0, 0, .6);
}

.contenitore-indirizzo {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -450px;
    width: 450px;
    max-width: 100%;
    background: #FFF;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    z-index: 102;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    transition: right .3s, box-shadow .3s;
    overflow: auto;
}

@media (max-width: 575.98px) {
    .contenitore-indirizzo {
        padding: 1.2rem;
    }
}

.inserisci-indirizzo.open .contenitore-indirizzo {
    right: 0;
    box-shadow: -20px 0 40px rgba(0, 0, 0, .2);
}

.inserisci-indirizzo form {
    /* overflow: auto; */
    margin: 0 -2rem;
    padding: 0 2rem;
}

.inserisci-indirizzo form>div {
    /* width: 99%; */
    margin-right: 0;
}

.inserisci-indirizzo form label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
    margin: 0 0 .2rem;
    line-height: 100%;
    display: flex;
}

.inserisci-indirizzo form label.form-check-label {
    line-height: 190%;
}

.inserisci-indirizzo form label small {
    color: #8B8B8B;
    margin-left: auto;
}

.inserisci-indirizzo .form-control {
    border-radius: 3px;
    font-weight: 500;
}

.inserisci-indirizzo .bootstrap-select {
    width: 100% !important;
    border: none;
    background: #FFF;
}

.inserisci-indirizzo .bootstrap-select button {
    background: #FFF;
    border: 1px solid #ced4da;
    font-weight: 500;
}

.inserisci-indirizzo .bootstrap-select select {
    display: none !important;
}

.btn-info-consegna {
    background: transparent;
    border: none;
    margin: 1.5rem 0 1rem;
    font-size: .85rem;
    font-weight: 400;
    text-align: left;
    line-height: 120%;
    padding: 0;
    color: var(--c-base2);
}

.btn-info-consegna svg {
    margin-right: .3rem;
    margin-left: 1rem;
    vertical-align: middle;
    color: var(--c-base);
}

.indirizzi-ordine .col-md-6>div.info-consegna {
    font-style: italic;
    background: #F2F2F2;
    box-shadow: none;
    padding: 1.7rem 2rem;
}

@media (max-width: 575.98px) {
    .indirizzi-ordine .col-md-6>div.info-consegna {
        padding: 1.4rem;
        margin-bottom: 1rem;
    }
}

.indirizzi-ordine .col-md-6>div.info-consegna p {
    margin: 0;
}

.indirizzi-ordine .col-md-6>div.info-consegna button {
    padding: 0;
    font-style: italic;
    font-size: .85rem;
    display: inline;
    color: var(--c-base);
    font-weight: 500;
}

.modal-info-consegna label {
    font-weight: 500;
}

.conferma-ordine .riga-indirizzo {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 1rem 0;
    margin: 0;
}

.conferma-ordine .riga-indirizzo h3 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 100%;
}

.conferma-ordine .riga-indirizzo h3 i {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-right: .3rem;
}

.esito-ok {
    background: #F2F2F2;
    padding: 2rem;
    border-left: 7px solid #38B800;
}

.esito-ok strong {
    font-size: 120%;
    color: #38B800;
}

.esito-attesa {
    background: #F2F2F2;
    padding: 2rem;
    border-left: 7px solid #E3BD00;
}

.esito-attesa h2 {
    color: #E3BD00;
}

.esito-attesa strong {
    font-size: 120%;
    /* color: #E3BD00; */
}

.esito-attesa .btn-outline-dark {
    border-width: 2px;
    background: #FFF;
}

.dati-bancari {
    display: block;
    padding: 1rem;
    background: rgba(0, 0, 0, .05);
    margin-top: 1rem;
}

.group-select .dropdown-toggle.btn-light {
    border: 1px solid #ced4da;
    padding: 1rem 0.75rem;
    font-weight: 500;
}

.group-select-prefissi .bootstrap-select.dropdown,
.group-select-prefissi .dropdown-toggle.btn-light {
    width: 100px !important;
}

/* Gestione indirizzi */

.gestione-indirizzi h2 {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.gestione-indirizzi h2 i {
    font-size: 2rem;
    vertical-align: middle;
}

.gestione-indirizzi .indirizzo {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 1rem;
    font-size: .9rem;
    line-height: 130%;
    display: block;
    height: 100%;
    position: relative;
}

.gestione-indirizzi .indirizzo.indirizzo-main {
    border: 2px solid var(--c-azzurro);
}

.gestione-indirizzi .indirizzo.indirizzo-main span {
    background: var(--c-azzurro);
    display: inline-block;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    right: 1rem;
    top: -13px;
    font-size: .8rem;
    padding: 3px 10px 2px;
    border-radius: 3px;
}

.gestione-indirizzi button.indirizzo {
    background: #FFF;
    width: 100%;
    font-weight: 600;
    color: var(--c-base);
}

.gestione-indirizzi button.indirizzo svg {
    display: block;
    margin: 0 auto .6rem;
}

/* Inserisci indirizzi in fase d'ordine */

.inserisci-indirizzi {
    padding-top: 2rem;
    display: block;
}

.inserisci-indirizzi h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.inserisci-indirizzi h2 i {
    font-size: 2.5rem;
    vertical-align: top;
}

/* .inserisci-indirizzi h2+p {
    padding-left: 57px;
    margin-top: -15px;
} */

/* .inserisci-indirizzi h2+p.info-fatturazione {
    padding-left: 37px;
} */

.inserisci-indirizzi label:not(.form-check-label) {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .8rem;
    margin: 0 0 .2rem;
    display: flex;
    line-height: 100%;
}

.inserisci-indirizzi label small {
    color: #8B8B8B;
    margin-left: auto;
}

.inserisci-indirizzi .form-control {
    border-radius: 3px;
    font-weight: 500;
}

.inserisci-indirizzi .btn-group .btn-outline-dark {
    padding: .75rem .6rem;
    border-color: #ced4da;
}

.inserisci-indirizzi .btn-group>.btn-check:checked+.btn {
    border-color: rgb(33, 37, 41);
}

.inserisci-indirizzi .bootstrap-select.dropdown {
    width: 100% !important;
}

.inserisci-indirizzi .dropdown-toggle.btn-light {
    background: #FFF;
    border-color: #ced4da;
    width: 100% !important;
}

.stesso-indirizzo {
    display: none;
}

.modal-cambia-metodo .modal-dialog {
    max-width: 580px;
}

.esito-spedizione {
    background: #F2F2F2;
    padding: 2rem;
    border-left: 7px solid #38B800;
}

.esito-spedizione h2 {
    color: #38B800;
}

.esito-spedizione strong {
    font-size: 120%;
}

/* Elenco ordini */

.ordine:first-of-type::before {
    content: "";
    background: rgba(0, 0, 0, .1);
    display: block;
    width: 100%;
    height: 1px;
    margin: 6px 12px;
}

.ordine::after {
    content: "";
    background: rgba(0, 0, 0, .1);
    display: block;
    width: 100%;
    height: 1px;
    margin: 6px 12px;
}

.ordine .foto-ordine {
    display: flex;
    flex-direction: column;
    height: 121px;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 185px;
}

.ordine .foto-ordine img {
    width: 39px;
    height: auto;
    background: #F2F2F2;
    margin: 0 2px 2px 0;
}

.ordine .foto-ordine picture:first-of-type img {
    width: 121px;
    padding: 10%;
}

.ordine .altri-prodotti {
    display: block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    background: #F2F2F2;
    font-size: 1.5rem;
    transition: background .3s, color .3s;
}

.ordine .altri-prodotti:hover {
    color: #FFF;
    background: var(--c-base);
}

.ordine .dettagli-ordine {
    padding-top: 1rem;
}

.ordine .dettagli-ordine h2 {
    font-size: 1.3rem;
}

.ordine .dettagli-ordine h2 a {
    text-decoration: none;
}

.ordine .dettagli-ordine p {
    margin-bottom: 0;
    font-size: .9rem;
    color: #8B8B8B;
}

.ordine .dettagli-ordine p strong {
    font-weight: 600;
}

.ordine .importo-ordine,
.ordine .metodo-ordine,
.ordine .spedizione-ordine {
    text-align: center;
    padding-top: 1rem;
}

.ordine .importo-ordine strong,
.ordine .metodo-ordine strong,
.ordine .spedizione-ordine strong {
    display: block;
}

.ordine .importo-ordine i,
.ordine .metodo-ordine i,
.ordine .spedizione-ordine i {
    font-size: 2rem;
    margin-top: .5rem;
}

.ordine .vai-a-dettagli-ordine {
    padding-top: 1rem;
}

/* Home */

.home-intro {}

@media (max-width: 767.98px) {
    .home-intro {
        padding-bottom: .5rem;
    }
}

.home .main {}


@media (max-width: 767.98px) {
    .home .main {
        padding-top: 0;
    }
}

#vetrina-home {
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
    overflow: hidden;
    max-height: 70vh;
    /* border: 3px solid rgba(255,255,255,.2) */
}

@media (max-width: 767.98px) {
    #vetrina-home {
        border-radius: 0;
    }

    .vetrina-home {
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .main-prodotto .splide__slide {
        /* height: calc(100vh - 54px); */
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .main-prodotto .splide__slide a {
        /* width: 100%;
        height: 100%;
        display: block; */
    }

    .main-prodotto .splide__slide a picture {
        /* width: 100%;
        height: 100%;
        display: block; */
    }
}

.main-prodotto .splide__slide img {
    max-width: 100%;
    /* object-fit: cover; */
}

.main-prodotto .splide__slide a {
    display: flex;
    min-height: 70vh;
    padding-left: 200px;
    padding-right: 200px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    background-size: cover;
    background-position: center top;
    background-position: center;
}

.main-prodotto .splide__slide.slide-1 a {
    background-image: url(../images/banner-home/collezione-estate-2024-1d.webp);
}

.main-prodotto .splide__slide.slide-2 a {
    background-image: url(../images/banner-home/collezione-estate-2024-2d.webp);
    justify-content: flex-start;
}

.main-prodotto .splide__slide.slide-3 a {
    background-image: url(../images/banner-home/collezione-estate-2024-3d.webp);
    justify-content: flex-end;
}

@media (max-width: 575.98px) {
    .main-prodotto .splide__slide a {
        display: flex;
        min-height: 70vh;
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: center;
        align-items: flex-end;
        text-decoration: none;
        background-size: cover;
        background-position: center;
        width: 100%;
    }

    .main-prodotto .splide__slide.slide-1 a {
        background-image: url(../images/banner-home/collezione-estate-2024-1m.webp);
    }

    .main-prodotto .splide__slide.slide-2 a {
        background-image: url(../images/banner-home/collezione-estate-2024-2m.webp);
        justify-content: flex-start;
    }

    .main-prodotto .splide__slide.slide-3 a {
        background-image: url(../images/banner-home/collezione-estate-2024-3m.webp);
        justify-content: flex-start;
    }
}

.main-prodotto .splide__slide a span {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 100%;
}

@media (max-width: 575.98px) {
    .main-prodotto .splide__slide a span {
        display: block;
        width: 100%;
    }
}

.main-prodotto .splide__slide a span em {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--c-base);
    margin-bottom: .3rem;
    color: #FFF;
}

.main-prodotto .splide__slide.slide-2 a span em,
.main-prodotto .splide__slide.slide-3 a span em {
    color: #FFF;
}

@media (max-width: 575.98px) {
    .main-prodotto .splide__slide a span em {
        color: #FFF !important;
    }
}

.main-prodotto .splide__slide a span strong {
    display: block;
    font-size: 4rem;
    line-height: 100%;
    font-weight: 600;
    color: var(--c-base);
    color: #FFF;
}

.main-prodotto .splide__slide.slide-2 a span strong,
.main-prodotto .splide__slide.slide-3 a span strong {
    color: #FFF;
}

@media (max-width: 575.98px) {
    .main-prodotto .splide__slide a span strong {
        font-size: 2rem;
        color: #FFF !important;
        padding-bottom: 1rem;
    }
}

.home .highlights {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
    flex-wrap: wrap;
}

.home .highlight {
    margin-bottom: 0;
    background: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, .05);
    width: calc(16.6% - .8rem);
    border: 2px solid rgba(255, 255, 255, .9);
    box-shadow: 0 0 10px rgba(255, 255, 255, .8);
}

@media (max-width: 767.98px) {
    .home .highlight {
        margin-bottom: .5rem;
        width: calc(33.3% - .8rem);
    }
}

@media (max-width: 575.98px) {
    .home .highlight {
        margin-bottom: .5rem;
        width: calc(50% - .3rem);
    }
}

.home-links .nav-link {
    color: var(--c-base);
    font-weight: 500;
    padding: .2rem .6rem;
    border-radius: 2px;
    transition: background .3s, color .3s;
    border: 1px solid rgba(0, 0, 0, .3);
    margin: 0 .2rem .2rem 0;
}

.home-links .nav-link:hover {
    background: var(--c-base);
    color: #FFF;
}

.reparto-home {
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.reparto-home img {
    width: 100%;
    height: auto;
}

.reparto-home h2 {
    padding: 0;
    margin: -2rem 0 0;
}

.reparto-home h2 a {
    text-decoration: none;
    padding: .6rem 1.2rem .2rem;
    margin: 0;
    font-size: 1.5rem;
    display: block;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .reparto-home h2 a {
        font-size: 1rem;
    }
}

@media (max-width: 575.98px) {
    .reparto-home h2 a {
        font-size: 1.2rem;
    }
}

.reparto-home h2 i {
    font-size: 3rem;
    /* vertical-align: middle; */
    vertical-align: baseline;
    background: #FFF;
    padding: 0.7rem;
    border-radius: 10px;
    box-shadow: 0 -20px 20px rgba(0, 0, 0, .3);
    margin-right: .4rem;
}

.reparto-bambina h2 i,
.reparto-bambino h2 i {
    transform: scale(.8);
    padding: .7rem 1.1rem .7rem;
    margin: 0 0 0 -6px;
}

.reparto-home p {
    padding: 0 1.2rem .2rem;
    margin: 0;
    font-size: .85rem;
    display: block;
}

.reparto-home ul {
    padding: 0 1.2rem;
    margin: 0;
}

.reparto-home .home-links .nav-item .nav-link,
.brand .home-links .nav-item .nav-link {
    font-weight: 600;
    font-size: .9rem;
    border: 1px solid rgba(0, 0, 0, .2);
}

.reparto-home .home-links .nav-offerte .nav-link,
.brand .home-links .nav-offerte .nav-link {
    color: #FE0000;
    border-color: #FE0000;
    text-transform: uppercase;
}

.reparto-home .home-links .nav-offerte .nav-link:hover,
.brand .home-links .nav-offerte .nav-link:hover {
    border-color: #FE0000;
    background-color: #FE0000;
    color: #FFF;
}

.risultati-di-ricerca .home-links {
    display: flex;
    justify-content: flex-start !important;
}

.risultati-di-ricerca .nav-item {
    margin-bottom: .6rem;
    width: 14%;
    margin-right: calc((100% - (14% * 7)) / 7);
}

@media (max-width: 1450px) {
    .risultati-di-ricerca .nav-item {
        width: 16%;
        margin-right: calc((100% - (16% * 6)) / 6);
    }
}

@media (max-width: 1220px) {
    .risultati-di-ricerca .nav-item {
        width: 19%;
        margin-right: calc((100% - (19% * 5)) / 5);
    }
}

@media (max-width: 1050px) {
    .risultati-di-ricerca .nav-item {
        width: 24%;
        margin-right: calc((100% - (24% * 4)) / 4);
    }
}

@media (max-width: 830px) {
    .risultati-di-ricerca .nav-item {
        width: 33%;
        margin-right: calc((100% - (33% * 3)) / 3);
    }
}

@media (max-width: 610px) {
    .risultati-di-ricerca .nav-item {
        width: 49%;
        margin-right: calc((100% - (49% * 2)) / 2);
    }
}

.risultati-di-ricerca .nav-item .nav-link {
    padding: .5rem;
    background: #F2F2F2;
    border: none;
    font-weight: 600;
    margin-bottom: 1rem;
    height: 100%;
    transition: box-shadow .3s, background .3s, transform .3s;
    text-align: center;
}

.risultati-di-ricerca .nav-item .nav-link:hover {
    background: #FFF;
    color: var(--c-base);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
    transform: scale(1.1);
}

.risultati-di-ricerca .nav-item .nav-link img {
    width: 90%;
    height: auto;
    margin: 0 auto .5rem;
    display: block;
}

/* Banner */

.banner-home {}

.banner-home>a {
    display: flex;
    min-height: 335px;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    background-size: 100%;
    background-position: center;
    transition: background .3s;
}

@media (max-width: 991.98px) {
    .banner-home>a {
        min-height: 320px;
        margin-bottom: .8rem;
    }
}

.banner-home>a:hover {
    background-size: 120%;
}

.banner-polo>a {
    background-image: url("../images/sub-banner-2024-1.png");
    justify-content: flex-start;
}

.banner-camicie>a {
    background-image: url("../images/sub-banner-2024-2.png");
}

.banner-home>a span {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .8);
    font-weight: 600;
    line-height: 100%;
}

.banner-home>a strong {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 3rem;
    line-height: 100%;
    font-weight: 600;
}

.services div div {
    /* border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC; */
    padding: 2rem 2rem 2.5rem;
    background: #f9f9f9;
    height: 100%;
}

@media (max-width: 1199.98px) {
    .services div div {
        padding: 1rem;
    }
}

@media (max-width: 991.98px) {
    .services div {
        margin-bottom: .8rem;
    }

    .services div div {
        padding: 1rem;
    }
}

.services svg {
    width: 60px;
    height: auto;
    fill: #008ed4;
    float: left;
    margin-right: 12px;
    margin-bottom: 1rem;
}

.services svg * {
    fill: #008ed4;
}

.services strong {
    text-transform: uppercase;
    line-height: 100%;
    margin-top: 10px;
    display: block;
    margin-bottom: 5px;
}

.services p {
    line-height: 100%;
    margin: 0;
    display: block;
    color: #777;
}

@media (max-width: 575.98px) {
    .suggerimenti-cont {
        padding: 0;
    }
}

.suggerimenti .titolo-vetrina {
    line-height: 100%;
}

.suggerimenti .titolo-vetrina small {
    font-weight: 500;
    color: var(--c-azzurro);
    font-size: 1.1rem;
    margin-bottom: -.4rem;
    display: block;
    text-transform: uppercase;
}

@media (max-width: 575.98px) {
    .suggerimenti .titolo-vetrina small {
        margin-bottom: 0;
    }
}

.suggerimenti .titolo-vetrina strong {
    display: block;
    font-size: 3rem;
    font-weight: 400;
    color: var(--c-blu);
    padding-left: 60px;
    letter-spacing: -.15rem;
}

@media (max-width: 575.98px) {
    .suggerimenti .titolo-vetrina strong {
        font-size: 2rem;
        line-height: 110%;
        position: relative;
        padding: 0;
    }
}

.suggerimenti .titolo-vetrina strong::after {
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    color: #FFF;
    content: "NEW!";
    width: 60px;
    height: 50px;
    line-height: 50px;
    background: url(../images/new.svg) no-repeat center center /100% 100%;
    vertical-align: text-top;
    margin-top: -1rem;
    letter-spacing: normal;
}

@media (max-width: 575.98px) {
    .suggerimenti .titolo-vetrina strong::after {
        position: absolute;
        top: -1.5rem;
        right: calc(50% - 8rem);
    }
}

.suggerimenti .titolo-vetrina p {
    color: var(--c-base2);
    font-size: 1.05rem;
    max-width: 1020px;
    margin: 1rem auto 2rem;
    line-height: 140%;
    font-weight: 400;
}

@media (max-width: 575.98px) {
    .suggerimenti .titolo-vetrina p {
        font-size: 1rem;
        margin: 0 1rem 2rem;
    }
}

.testimonial a {
    padding-top: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}

.testimonial img {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .3s;
}

.testimonial a:hover img {
    transform: scale(1.2) rotate(-5deg);
}

/* Negozi */

.negozi div {
    margin-bottom: 3rem;
    text-align: center;
}

.negozi div img {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

.negozi div strong {
    display: block;
}

/* Contatti */

.contatti ul {
    list-style: none;
    padding: 0;
}

.contatti .row {
    margin-bottom: 2rem;
}

.contact-icon {
    display: inline-block;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .1);
    text-transform: uppercase;
}

.contact-icon h6 {
    font-weight: 600;
    font-size: .9rem;
}

.contact-icon svg {
    width: 20px;
    margin-bottom: .5rem;
    fill: var(--c-base);
}

.contatti p {
    margin: 0;
    font-size: .8rem;
}

.modulo-contatti textarea {
    height: 150px !important;
}

.intro-tipologia {
    width: 100%;
    max-width: 220px;
}

@media (max-width: 575.98px) {
    .intro-tipologia {
        max-width: 100%;
    }
}

.intro-tipologia img {
    width: 100%;
    max-width: 220px;
    margin-bottom: 0;
    height: auto;
}

@media (max-width: 575.98px) {
    .intro-tipologia img {
        max-width: 100%;
    }
}

.intro-risultati-ricerca {
    background: rgba(0, 0, 0, .03);
    display: flex;
    flex-wrap: wrap;
}

.intro-risultati {
    /* margin-bottom: 2rem; */
    width: calc(100% - 220px);
}

@media (max-width: 575.98px) {
    .intro-risultati {
        width: 100%;
    }
}

.intro-risultati div div {
    /* background: rgba(0,0,0,.03); */
    padding: 1.5rem 1.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
    flex-direction: column;
}

.intro-risultati div div p {
    margin: 0;
    width: 100%;
}

.form-check-label .nav-link {
    display: inline-block;
}

/* style Andrea */
.grecaptcha-badge {
    display: none !important;
}

/* Home */

.home-highlights {
    background: var(--c-grigio);
    text-align: center;
    display: flex;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    .home-highlights {
        flex-wrap: wrap;
    }
}

@media (max-width: 575.98px) {
    .home-highlights {
        justify-content: flex-start;
    }
}

.support-24-7 {
    background: url(../images/support-path-1.png) no-repeat right center /auto 100%;
    text-align: left;
    padding: 1rem 1rem 1rem 1rem;
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .support-24-7 {
        order: 2;
    }
}

@media (max-width: 767.98px) {
    .support-24-7 {
        width: 220px;
        padding-right: 2rem;
    }
}

@media (max-width: 575.98px) {
    .support-24-7 {
        background: none;
        width: calc(100% - (46px * 2) - (.9rem * 2));
        padding: .9rem .5rem .9rem .9rem;
        display: flex;
    }
}

.support-24-7 svg {
    margin-right: .6rem;
}

@media (max-width: 575.98px) {
    .support-24-7 svg {
        margin-left: .3rem;
        margin-right: .9rem;
        transform: scale(1.2);
        /* display: none; */
        flex-shrink: 1;
    }
}

.support-24-7 p {
    line-height: 120%;
    color: #808080;
    font-size: .8rem;
    margin: 0;
    padding-right: .7rem;
    flex-shrink: 2;
}

.support-24-7 strong {
    display: block;
    color: #012DA0;
    font-weight: 600;
}

.support-whatsapp {
    background: url(../images/support-path-2.png) no-repeat right center /auto 100%;
    text-align: left;
    padding: 1rem 1.5rem 1rem .5rem;
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .support-whatsapp {
        order: 3;
    }
}

@media (max-width: 575.98px) {
    .support-whatsapp {
        background: none;
        padding-top: 0;
        padding-left: .9rem;
        padding-bottom: .7rem;
        padding: 0;
        width: calc(46px + .9rem);
        justify-content: center;
    }
}

.support-whatsapp p {
    line-height: 120%;
    color: #808080;
    font-size: .8rem;
    margin: 0;
    text-decoration: none !important;
}

@media (max-width: 575.98px) {
    .support-whatsapp p {
        display: none;
    }
}

.support-whatsapp p a {
    text-decoration: none !important;
}

.support-whatsapp>a {
    display: none;
}

@media (max-width: 575.98px) {
    .support-whatsapp>a {
        display: inline-block;
        background: #25D366;
        height: 46px;
        line-height: 44px;
        width: 46px;
        text-align: center;
        border-radius: 4px;
    }

    .support-whatsapp>a svg {
        width: 24px;
        height: auto;
    }
}

.support-whatsapp strong {
    display: block;
    color: #012DA0;
    font-weight: 600;
}

.support-email {
    background: url(../images/support-path-3.png) no-repeat right center /auto 100%;
    text-align: left;
    padding: 1rem 1.2rem 1rem 0;
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .support-email {
        order: 4;
    }
}

@media (max-width: 575.98px) {
    .support-email {
        background: none;
        padding-top: 0;
        padding-bottom: .7rem;
        padding: 0;
        width: calc(46px + .9rem);
    }
}

.support-email p {
    line-height: 120%;
    color: #808080;
    font-size: .8rem;
    margin: 0;
}

@media (max-width: 575.98px) {
    .support-email p {
        display: none;
    }
}

.support-email strong {
    display: block;
    color: #012DA0;
    font-weight: 600;
}

.support-email>a {
    display: none;
}

@media (max-width: 575.98px) {
    .support-email>a {
        display: inline-block;
        background: var(--c-azzurro);
        height: 46px;
        line-height: 44px;
        width: 46px;
        text-align: center;
        border-radius: 4px;
    }

    .support-email>a svg {
        width: 24px;
        height: auto;
    }

    .support-email>a svg * {
        fill: #FFF !important;
    }
}

.support-newsletter {
    text-align: left;
    padding: 1rem 1rem 1rem .6rem;
    display: flex;
    align-items: center;
}

@media (max-width: 1199.98px) {
    .support-newsletter {
        width: 100%;
        background: var(--c-bluscuro);
        display: flex;
        justify-content: center;
        order: 1;
        padding-left: 1rem;
    }
}

.support-newsletter svg {
    margin-right: .6rem;
    width: 34px;
    height: auto;
    flex-shrink: 0;
}

@media (max-width: 1199.98px) {
    .support-newsletter svg * {
        stroke: #FFF;
    }
}

.support-newsletter p {
    line-height: 120%;
    color: #808080;
    font-size: .8rem;
    margin: 0;
}

@media (max-width: 1199.98px) {
    .support-newsletter p {
        color: rgba(255, 255, 255, .7);
        flex-shrink: 1;
    }
}

@media (max-width: 575.98px) {
    .support-newsletter p {
        font-size: .9rem;
        line-height: 110%;
    }
}

.support-newsletter strong {
    display: block;
    color: #012DA0;
    font-weight: 600;
    margin-bottom: -.2rem;
}

@media (max-width: 1199.98px) {
    .support-newsletter strong {
        color: #FFF;
    }
}

@media (max-width: 575.98px) {
    .support-newsletter strong {
        font-size: .95rem;
        margin-bottom: .05rem;
    }
}

.support-newsletter p b {
    color: #FFF;
    display: inline-block;
    background: url(../images/discount.png);
    background-size: 100% 100%;
    padding: .2rem .4rem .3rem .4rem;
    margin-bottom: -.3rem;
}

.support-newsletter button {
    border: none;
    background: #0259CE;
    background: linear-gradient(180deg, rgba(2, 89, 206, 1) 0%, rgba(1, 45, 160, 1) 100%);
    color: #FFF;
    margin-left: .5rem;
    border-radius: 3px;
    padding: .6rem 1.4rem;
    font-size: .85rem;
    font-weight: 500;
}

@media (max-width: 1199.98px) {
    .support-newsletter button {
        background: var(--c-azzurro);
        white-space: nowrap;
        font-weight: 600;
    }
}

@media (max-width: 575.98px) {
    .support-newsletter button span {
        display: none;
    }
}

/* Vetrine */

.productscarousel .prodotto {
    padding: 0 1rem 2rem;
    display: flex;
    flex-direction: column;
}

@media (max-width: 575.98px) {
    .productscarousel .prodotto {
        padding: 0 .2rem 1rem;
    }
}

.productscarousel .prodotto>div {
    background: #FFF;
    height: 100%;
}

.italian-icons .prodotto>div {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    padding: 3px;
}

.italian-icons .prodotto>div>div {
    padding: .2rem .6rem .3rem;
}

.productscarousel .foto-prodotto {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}

.productscarousel .foto-prodotto img {
    width: 150%;
    margin-left: -25%;
    height: auto;
}

.productscarousel .foto-prodotto picture:last-of-type img {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: opacity .3s, transform .3s;
    transform: scaleX(-.5);
}

.productscarousel .foto-prodotto:hover picture:last-of-type img {
    opacity: 1;
    transform: scaleX(1);
}

.productscarousel .taglie-disponibili {
    display: none;
}

.productscarousel .nome-prodotto a {
    text-decoration: none;
    display: block;
    padding-top: .5rem;
    line-height: 120%;
}

.productscarousel .prezzo-prodotto {
    color: var(--c-azzurro);
    font-size: .9rem;
    /* margin-top: auto; */
    padding-top: .2rem;
}

.productscarousel .prezzo-prodotto s {
    color: var(--c-base2);
    opacity: .6;
}

.productscarousel .prezzo-prodotto strong {
    display: inline-block;
    padding: 0 .6rem;
    background: var(--c-azzurro);
    color: #FFF;
}

.productscarousel .splide__arrow {
    background: none;
}

/* .italian-icons-carousel .aggiungi-a-preferiti {
    margin-top: 1rem;
    margin-left: 1rem;
} */

.productscarousel .splide__arrow--next {
    right: -2rem;
}

@media (max-width: 767.98px) {
    .productscarousel .splide__arrow--next {
        right: 0;
    }
}

.productscarousel .splide__arrow--prev {
    left: -2rem;
}

.productscarousel .splide__arrow svg {
    fill: inherit;
    height: auto;
    width: auto;
}

.btn-more {
    background: var(--c-grigio);
    margin: auto;
    display: inline-block;
    font-weight: 400;
    padding: 1rem 2rem;
    font-size: .9rem;
}

/* Gateway pagamento footer */

.gateway-pagamento {
    background: #F2F2F2;
    text-align: center;
    margin-top: 2rem;
}

@media (max-width: 767.98px) {
    .gateway-pagamento {
        padding: 1.5rem 1rem;
    }
}

.gateway-pagamento2 {
    position: relative;
    z-index: -1;
}

.gateway-pagamento h5 {
    font-size: .9rem;
    text-align: left;
    margin-bottom: 0;
    display: flex;
    padding: 1rem .5rem .5rem;
}

@media (max-width: 767.98px) {
    .gateway-pagamento h5 {
        text-align: center;
        margin-bottom: 1.5rem;
        flex-direction: column;
        width: 100%;
    }
}

.sidebar-carrello .gateway-pagamento h5 {
    display: block;
    text-align: center;
}

.gateway-pagamento h5>span {
    padding: 0 .7rem 0 0;
    border: none;
}

.gateway-pagamento h5 svg {
    vertical-align: baseline;
    vertical-align: middle;
    margin-right: 8px;
}

@media (max-width: 767.98px) {
    .gateway-pagamento h5 svg {
        display: block;
        margin: auto auto .5rem;
    }
}

.gateway-pagamento h5 strong {
    display: block;
    font-size: .85rem;
}

@media (max-width: 767.98px) {
    .gateway-pagamento h5 strong {
        font-size: 1rem;
    }
}

.gateway-pagamento h5 p {
    margin: 0;
    font-size: .8rem;
}

@media (max-width: 767.98px) {
    .gateway-pagamento h5 p {
        font-size: .9rem;
    }
}

.gateway-pagamento div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.gateway-pagamento span {
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding: .5rem .2rem;
}

@media (max-width: 767.98px) {
    .gateway-pagamento span {
        border-left: none;
        padding: 0 .2rem;
    }
}

.gateway-pagamento span img {
    transform: scale(.8);
}

.prodotto .color-badges {
    position: absolute;
    top: .5rem;
    right: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

@media (max-width: 575.98px) {
    .prodotto .color-badges {
        top: .5rem;
        right: .5rem;
    }
}

.prodotto .color-badges a.color-badge {
    background: #000;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    transform: rotate(-45deg);
    overflow: hidden;
    margin-bottom: .3rem;
    border: 1px solid #FFF;
}

.prodotto .color-badges a.color-badge span {
    background: #000;
    display: block;
    width: 14px;
    height: 7px;
    margin-top: 7px;
}

.prodotto .color-badges .more-colors {
    /* background: var(--c-grigio); */
    display: inline-block;
    /* width: 22px;
    height: 22px;
    line-height: 18px;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: .3rem;
    border: 2px solid #FFF; */
    font-size: .7rem;
    text-align: center;
}

.social {
    padding-top: 1.3rem;
}

.social a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    background: rgba(255, 255, 255, .2);
    border-radius: 50px;
    text-align: center;
    transition: transform .3s, background .3s;
}

.social a:hover {
    transform: scale(1.2);
    background: rgba(255, 255, 255, 1);
}

.social svg {
    width: auto;
    height: 18px;
    margin: 0;
}

.social a:first-of-type svg {
    height: 16px;
}

.social a svg * {
    transition: fill .3s;
}

.social a:hover svg * {
    fill: #0B1F55;
}

/* Qualità sartoriale */

.qualita-sartoriale {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.qualita-sartoriale img {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .qualita-sartoriale img {
        margin-bottom: 2rem;
    }
}

.qualita-sartoriale .title span {
    display: inline-block;
    background: url(../images/madeinitaly.jpg) no-repeat center bottom;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9rem;
    padding-bottom: .2rem;
}

.qualita-sartoriale .title strong {
    display: block;
    font-weight: 400;
    font-size: 2.5rem;
}

@media (max-width: 575.98px) {
    .qualita-sartoriale .title strong {
        font-size: 2rem;
        padding-top: .8rem;
    }
}

.qualita-sartoriale p {
    color: var(--c-base2);
}

.qualita-sartoriale a {
    color: var(--c-base2);
    text-decoration: none;
    font-size: .9rem;
}

/* Italian Icons */

.italian-icons {
    background: url(../images/italian-icons.webp) no-repeat top center #96B6D6;
    background: #2977B7;
    background: linear-gradient(180deg, rgba(41, 119, 183, 1) 0%, rgba(150, 182, 214, 1) 100%);
    padding: 0;
    margin-top: 3rem;
    max-width: none;
}

@media (max-width: 1199.98px) {
    .italian-icons .container:first-of-type {
        max-width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 575.98px) {
    .italian-icons .container:last-of-type {
        max-width: 100%;
        padding: 0;
    }
}

.italian-icons-header {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    position: relative;
}

.italian-icons-logo {
    background: url(../images/italian-icons-line.webp) no-repeat center top;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55%;
}

@media (max-width: 1399.98px) {
    .italian-icons-logo {
        width: 55%;
    }
}

@media (max-width: 1199.98px) {
    .italian-icons-logo {
        width: 60%;
        background-size: cover;
        background-position: center;
    }
}

@media (max-width: 575.98px) {
    .italian-icons-logo {
        width: 55%;
    }
}

.italian-icons-logo div {
    margin-left: 8rem;
    margin-bottom: 8rem;
    text-align: center;
}

@media (max-width: 1399.98px) {
    .italian-icons-logo div {
        margin-left: 6.5rem;
        margin-bottom: 6rem;
    }
}

@media (max-width: 1199.98px) {
    .italian-icons-logo div {
        margin-left: 6.5rem;
        margin-bottom: 0;
    }
}

@media (max-width: 575.98px) {
    .italian-icons-logo div {
        margin: 0 auto;
        text-align: center;
    }
}

.italian-icons-logo img {
    width: 273px;
    height: auto;
    display: block;
}

@media (max-width: 1399.98px) {
    .italian-icons-logo img {
        width: 253px;
    }
}

@media (max-width: 575.98px) {
    .italian-icons-logo img {
        display: inline-block;
        width: 160px;
    }
}

@media (max-width: 400px) {
    .italian-icons-logo img {
        width: 120px;
    }
}

.italian-icons-logo a {
    display: inline-block;
    text-decoration: none;
    padding: .5rem 1.3rem .6rem;
    border: 2px solid #FFF;
    border-radius: 30px;
    color: #FFF;
    font-weight: 500;
    margin-top: -.5rem;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 575.98px) {
    .italian-icons-logo a {
        padding: .3rem 1rem .4rem;
        margin-top: 0;
    }
}

@media (max-width: 575.98px) {
    .italian-icons-logo a span {
        display: none;
    }
}

.italian-icons-man {
    margin: -2rem 0 -20rem;
}

@media (max-width: 1399.98px) {
    .italian-icons-man {
        width: 45%;
    }
}

@media (max-width: 1199.98px) {
    .italian-icons-man {
        width: 40%;
        margin: -2rem 0 -11rem;
    }
}

@media (max-width: 575.98px) {
    .italian-icons-man {
        width: 45%;
        margin: -2rem 0 -5rem;
    }
}

/* Cosa cerchi */

.cosa-cerchi {
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

@media (max-width: 767.98px) {
    .cosa-cerchi {
        padding-left: .3rem;
        padding-right: .3rem;
    }
}

.cosa-cerchi .title {
    font-size: 3rem;
    font-weight: 400;
    margin-bottom: 2rem;
}

@media (max-width: 575.98px) {
    .cosa-cerchi .title {
        font-size: 2rem;
    }
}

.cosa-cerchi ul {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.cosa-cerchi li {
    width: calc((100% / 9) - .7rem);
    margin: 0 .35rem 1rem;
}

@media (max-width: 1199.98px) {
    .cosa-cerchi li {
        width: calc((100% / 5) - .7rem);
    }
}

/* @media (max-width: 991.98px) {
    .cosa-cerchi li {
        width: calc((100% / 9) - .75rem);
    }
} */

@media (max-width: 767.98px) {
    .cosa-cerchi li {
        width: calc((100% / 3) - .75rem);
    }
}

/* @media (max-width: 575.98px) {
    .cosa-cerchi li {
        width: calc((100% / 9) - .75rem);
    }
} */

.cosa-cerchi li a {
    text-decoration: none;
}

.cosa-cerchi li span {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--c-grigio);
    padding: .5rem;
    height: 180px;
    transition: background .3s, transform .3s;
}

@media (max-width: 575.98px) {
    .cosa-cerchi li span {
        height: 120px;
    }
}

.cosa-cerchi li a:hover span {
    background: var(--c-azzurro);
    transform: scale(1.1);
}

.cosa-cerchi li span svg {
    transform: scale(.9);
}

@media (max-width: 575.98px) {
    .cosa-cerchi li span svg {
        transform: scale(.7);
    }
}

.cosa-cerchi li a span svg * {
    transition: fill .3s;
}

.cosa-cerchi li a:hover span svg * {
    fill: #FFF;
}

.cosa-cerchi li strong {
    display: block;
    padding-top: .5rem;
    text-align: center;
    font-size: .9rem;
    font-weight: 500;
    text-decoration: none;
    line-height: 120%;
}

.ispirazione {
    background: var(--c-grigio);
    padding: 3rem 0 0;
    max-width: none;
}

.ispirazione .title {
    font-size: 3rem;
    text-align: center;
    font-weight: 400;
    margin-bottom: 2rem;
}

@media (max-width: 575.98px) {
    .ispirazione .title {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
}

.ispirazione .splide__track {
    padding-bottom: 3rem;
}

@media (max-width: 575.98px) {
    .ispirazione .splide__track {
        padding-bottom: 2rem;
    }
}

.ispirazione .splide__slide {
    max-width: 100%;
    width: 400px;
    height: 600px;
    /* padding: 1rem; */
    transition: width .3s, max-width .3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ispirazione .splide__slide.is-active {
    max-width: 100%;
}

.ispirazione .splide__slide>div {
    max-width: 100%;
    max-height: 100%;
    transform: scale(.8);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: transform .3s, box-shadow .3s;
}

.ispirazione .splide__slide.is-active>div {
    max-width: 100%;
    max-height: 100%;
    transform: scale(1);
    box-shadow: 0 30px 60px rgba(0, 0, 0, .15);
}

.ispirazione .splide__slide>div>div {
    position: relative;
}

.ispirazione .splide__slide img {
    max-width: 100%;
    max-height: 100%;
}

.ispirazione .splide__slide>div>div a {
    position: absolute;
    opacity: 0;
    transition: opacity .3s;
}

.ispirazione .splide__slide.is-active>div>div a {
    opacity: 1;
}

.ispirazione .splide__slide>div>div a i {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    position: relative;
}

.ispirazione .splide__slide>div>div a i::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid #FFF;
    content: "";
    animation: pinpulse 2s infinite;
    animation-delay: 1s;
}

.ispirazione .splide__slide>div>div a i::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid #FFF;
    content: "";
    animation: pinpulse 2s infinite;
}

@keyframes pinpulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(3);
        opacity: 0;
    }
}

.ispirazione .popover {
    border: none;
    border-radius: 0;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .3);
}

.ispirazione .popover-header {
    background: #FFF;
    border: none;
    border-radius: 0;
    padding: .7rem;
    padding-bottom: .3rem;
    color: var(--c-base);
    font-weight: 500;
    line-height: 110%;
    font-size: .9rem;
}

.ispirazione .popover-body {
    border: none !important;
    border-radius: 0 !important;
    padding: .7rem;
    padding-top: 0;
    color: var(--c-base2);
    font-weight: 500;
    line-height: 110%;
    font-size: .9rem;
}

.modal-content {
    border-radius: 0;
}

.modal-footer {
    border-radius: 0;
}

.modal-header {
    border-radius: 0;
}

.filosofia img {
    max-width: 100%;
}

.condizioni-di-vendita {
    font-size: .9rem;
}

.condizioni-di-vendita h4 {
    margin-top: 2rem;
    margin-bottom: .5rem;
    font-size: 1.2rem;
}

.productscarousel strong.saldi {
    position: absolute;
    top: 0;
    right: 1rem;
    z-index: 1;
    background: red;
    color: #FFF;
    padding: .2rem 1rem;
    font-size: .8rem;
}

.italian-icons-carousel strong.saldi {
    top: 3px;
    right: calc(1rem + 3px);
}