/*  Lemon Sorrento CSS3 Ver. 1.0.0
    Copyright 1999 - 2022 JAM Studio
    Visit Us (https://www.jamstudio.it/)    */

/*  =====================================================
    =   Font utilizzati                                 =
    =   font-family: "Prata", serif;                    =
    =   font-family: "Montserrat", sans-serif;          =
    =====================================================   */

/*  =====================================================
    =   PALETTE E TYPOGRAPHY                            =
    =====================================================   */
:root {
/*      --> Fonts sito                                      */
    --header-font   : "Prata", serif;
    --text-font     : "Montserrat", sans-serif;
/*      --> Main Colors                                     */
    --main          : #2D66AC;
    --main-d        : #00558C;
    --main-l        : #00B5D7;
    --main-yellow   : #F8ED2F;
    --main-green    : #2CB474;
    --main-rgb      : 45,102,172;
    --main-d-rgb    : 0,85,140;
    --main-l-rgb    : 0,181,215;

/*      --> Greyscale                                       */
    --black         : #1F1F1F;
    --black-l       : #2B2B2B;
    --grey-d        : #595959;
    --grey-m        : #959595;
    --grey          : #A4A4A4;
    --grey-c        : #C5C5C5;
    --grey-l        : #E5E5E5;
    --white-m       : #F5F5F5;
    --white         : #FFFFFF;
/*      --> System Colors                                   */
    --green         : #009E71;
    --yellow        : #F7DA00;
    --red           : #DB2B45;
}
/*  =====================================================
    =   SCROLL BAR                                      =
    =====================================================   */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--white); box-shadow: none; border-radius: 0; }
::-webkit-scrollbar-thumb { background: var(--main); border: 0 solid transparent; border-radius: 0; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: var(--main-l); border: 0 solid transparent; background-clip: content-box; }
/*  =====================================================
    =   SETTING BASE PAGINA                             =
    =====================================================   */
html, body { height: 100vh; margin: 0; background-color: var(--white-m); }
html { scroll-padding-top: 6rem; }
img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
/*          --> Typography                      */
h1, h2, h3, h4, h5, h6 { font-family: var(--header-font); font-weight: 400!important; font-style: normal; }
p, li, a, th, td { font-family: var(--text-font); font-optical-sizing: auto; font-style: normal; }
b, strong { font-weight: 700; }
@media (max-width: 767.98px) {
    html { scroll-padding-top: 0; }
}
/*  =====================================================
    =   ICONS                                           =
    =====================================================   */
.icon { min-width: 1.25rem; height: 1.25rem; background-color: var(--grey-m); display: inline-block; }
.icon.white { background-color: var(--white); }
.icon.darkest { background-color: var(--black-l); }
.icon.dark { background-color: var(--grey-d); }
.icon.grey { background-color: var(--grey); }
.icon.main { background-color: var(--main); }
.icon.main-l { background-color: var(--main-l); }
.icon-xs { min-width: .75rem!important; height: .75rem!important; }
.icon-sm { min-width: 1rem!important; height: 1rem!important; }
.icon-md { min-width: 1.5rem!important; height: 1.5rem!important; }
.icon-lg { min-width: 2rem!important; height: 2rem!important; }
.icon-xl { min-width: 2.5rem!important; height: 2.5rem!important; }
.icon-xxl { min-width: 3rem!important; height: 3rem!important; }
.icon-big { min-width: 5rem!important; height: 5rem!important; }
/*          --> Icons List                                  */
.ico-menu {
    -webkit-mask: url("../images/icons/menu.svg") no-repeat center;
    mask: url("../images/icons/menu.svg") no-repeat center;
}
.ico-home {
    -webkit-mask: url("../images/icons/home.svg") no-repeat center;
    mask: url("../images/icons/home.svg") no-repeat center;
}
.ico-cerca {
    -webkit-mask: url("../images/icons/cerca.svg") no-repeat center;
    mask: url("../images/icons/cerca.svg") no-repeat center;
}
.ico-carrello {
    -webkit-mask: url("../images/icons/carrello.svg") no-repeat center;
    mask: url("../images/icons/carrello.svg") no-repeat center;
}
.ico-carrello-vuoto {
    -webkit-mask: url("../images/icons/carrello-vuoto.svg") no-repeat center;
    mask: url("../images/icons/carrello-vuoto.svg") no-repeat center;
}
.ico-user {
    -webkit-mask: url("../images/icons/user.svg") no-repeat center;
    mask: url("../images/icons/user.svg") no-repeat center;
}
.ico-close {
    -webkit-mask: url("../images/icons/close.svg") no-repeat center;
    mask: url("../images/icons/close.svg") no-repeat center;
}
.ico-cestino {
    -webkit-mask: url("../images/icons/cestino.svg") no-repeat center;
    mask: url("../images/icons/cestino.svg") no-repeat center;
}
.ico-aggiorna {
    -webkit-mask: url("../images/icons/aggiorna.svg") no-repeat center;
    mask: url("../images/icons/aggiorna.svg") no-repeat center;
}
.ico-scheda {
    -webkit-mask: url("../images/icons/scheda.svg") no-repeat center;
    mask: url("../images/icons/scheda.svg") no-repeat center;
}
.ico-freccia-y {
    -webkit-mask: url("../images/icons/freccia-y.svg") no-repeat center;
    mask: url("../images/icons/freccia-y.svg") no-repeat center;
}
.ico-freccia-x {
    -webkit-mask: url("../images/icons/freccia-x.svg") no-repeat center;
    mask: url("../images/icons/freccia-x.svg") no-repeat center;
}
.ico-mappa {
    -webkit-mask: url("../images/icons/contatti-map.svg") no-repeat center;
    mask: url("../images/icons/contatti-map.svg") no-repeat center;
}
.ico-telefono {
    -webkit-mask: url("../images/icons/contatti-tel.svg") no-repeat center;
    mask: url("../images/icons/contatti-tel.svg") no-repeat center;
}
.ico-whatsapp {
    -webkit-mask: url("../images/icons/contatti-whatsapp.svg") no-repeat center;
    mask: url("../images/icons/contatti-whatsapp.svg") no-repeat center;
}
.ico-email {
    -webkit-mask: url("../images/icons/contatti-mail.svg") no-repeat center;
    mask: url("../images/icons/contatti-mail.svg") no-repeat center;
}
.ico-social-facebook {
    -webkit-mask: url("../images/icons/social-facebook.svg") no-repeat center;
    mask: url("../images/icons/social-facebook.svg") no-repeat center;
}
.ico-social-instagram {
    -webkit-mask: url("../images/icons/social-instagram.svg") no-repeat center;
    mask: url("../images/icons/social-instagram.svg") no-repeat center;
}
.ico-social-tripadvisor {
    -webkit-mask: url("../images/icons/social-tripadvisor.svg") no-repeat center;
    mask: url("../images/icons/social-tripadvisor.svg") no-repeat center;
}
.ico-esito-ok {
    -webkit-mask: url("../images/icons/esito-ok.svg") no-repeat center;
    mask: url("../images/icons/esito-ok.svg") no-repeat center;
}
.ico-esito-ko {
    -webkit-mask: url("../images/icons/esito-ko.svg") no-repeat center;
    mask: url("../images/icons/esito-ko.svg") no-repeat center;
}
/*  =====================================================
    =   BUTTONS                                         =
    =====================================================   */
/*          --> Buttons Base Settings                       */
.btn-base {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .5rem;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-base.disabled { pointer-events: none; opacity: .6; }
.btn-base.active, .menu-link.active { z-index: 3; pointer-events: none; color: var(--white); background-color: var(--main); border-color: var(--main); }
.btn-base.large {
    padding: .5rem 1rem;
    font-size: 1.25rem;
}
.btn-base.small {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem;
}
.btn-icon, .btn-icon:hover {
    width: 3rem;
    height: 3rem;
    padding: .5rem;
    border: 0;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    }
    .btn-icon .icon {
        width: 100%;
        height: 100%;
        background-color: var(--main-d)!important;
}
.btn-icon.elimina {
    width: 2rem;
    height: 2rem;
    padding: .25rem;
}
.btn-icon.elimina .icon {
    background-color: var(--grey-d)!important;
}
.btn-icon.elimina .icon:hover {
    background-color: var(--red)!important;
}
.btn-action {
    color: var(--white);
    background-color: var(--grey);
    border-color: var(--grey);
}
.btn-action:hover {
    color: var(--white);
    background-color: var(--main-l);
    border-color: var(--main-l);
}
.btn-check:active+.btn-action, .btn-check:checked+.btn-action, .btn-action.active, .btn-action:active, .show>.btn-action.dropdown-toggle {
    color: var(--white);
    background-color: var(--main-l);
    border-color: var(--main-l);
    box-shadow: none;
}
.btn-tab {
    padding: .25rem .625rem;
    color: var(--white);
    background-color: var(--grey);
    border-color: var(--grey);
}
.btn-tab:hover {
    color: var(--white);
    background-color: var(--main-l);
    border-color: var(--main-l);
}
.btn-aggiorna {
    color: var(--main);
    background-color: transparent;
    border-color: var(--main);
    }
    .btn-aggiorna .icon {
        background-color: var(--main);
}
.btn-aggiorna:hover {
    color: var(--white);
    background-color: var(--main);
    border-color: var(--main);
    }
    .btn-aggiorna:hover .icon {
        background-color: var(--white);
}
.btn-continua, .btn-whatsapp {
    color: var(--grey-m);
    background-color: transparent;
    border-color: var(--grey-m);
}
.btn-continua:hover {
    color: var(--white);
    background-color: var(--main-l);
    border-color: var(--main-l);
}
.btn-whatsapp:hover {
    color: var(--white);
    background-color: var(--green);
    border-color: var(--green);
}
.btn-whatsapp:hover .icon {
    background-color: var(--white);
}
.btn-submit {
    color: var(--white);
    background-color: var(--main);
    border-color: var(--main);
}
.btn-submit:hover {
    color: var(--white);
    background-color: var(--main-d);
    border-color: var(--main-d);
}
.btn-aggiungi {
    padding: .75rem;
    color: var(--grey-d);
    font-weight: 500;
    background-color: var(--grey-l);
    border: 0;
}
.btn-aggiungi:hover, .btn-aggiungi:hover.prodotto  {
    color: var(--white);
    background-color: var(--main);
}
.btn-aggiungi .icon {
    background-color: var(--grey-d);
}
.btn-aggiungi:hover .icon, .btn-aggiungi:hover.prodotto .icon {
    background-color: var(--white);
}
.btn-aggiungi.prodotto {
    color: var(--white);
    background-color: var(--main);
}
.btn-aggiungi.prodotto .icon {
    background-color: var(--white);
}
.btn-alert, .btn-alert:hover {
    color: var(--white);
    background-color: var(--red);
}
.btn-search, .btn-search:hover {
    padding: .688rem 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--white);
    background-color: var(--main-l);
    border-color: var(--main-l);
}
/*          --> Custom Buttons                              */
.btn-lang, .btn-lang:hover {
    min-width: 3rem;
    height: 3rem;
    color: var(--white);
    font-size: 1.25rem;
    font-weight: 300;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-lang-flag {
    width: auto;
    height: 2rem;
}
.lang-dropdown-menu {
    padding: .75rem 0;
    width: 100%;
    min-width: 8rem;
    background-color: var(--white);
    border: 0;
    border-radius: .25rem;
    box-shadow: 0 .25rem 1rem rgba(0,0,0,.15);
    right: 0;
    left: auto;
}
.lang-dropdown-item {
    padding: .25rem;
    font-size: .875rem;
    font-weight: 500;
    color: var(--grey-d);
    letter-spacing: .05em;
    text-align: center;
    display: flex;
    align-items: center;
}
.lang-dropdown-flag {
    margin-left: .25rem;
    width: auto;
    height: 1.25rem;
}
.lang-dropdown-item:hover {
    color: var(--main-d);
    background-color: rgba(var(--main-rgb),.10);
}
.lang-dropdown-item.active, .lang-dropdown-item:active {
    color: var(--white);
    font-weight: 400;
    text-decoration: none;
    background-color: var(--main);
}
.btn-social {
    width: 3rem;
    height: 3rem;
    padding: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50rem;
    background-color: var(--main-l);
}
.btn-social:hover {
    background-color: var(--main);
}
.btn-social .icon {
    background-color: var(--white)
}

.btn-shop span, .btn-shop:hover span {
    padding: 1.25rem 1.75rem;
    align-items: center;
}
.btn-shop-text {
    margin: auto;
    padding: 0!important;
    font-size: 1.25rem;
    vertical-align: middle;
    display: block!important;
}
.btn-elimina {
    min-width: 2.5rem;
    height: 2.5rem;
    padding: .625rem;
    background-color: transparent;
    border: 1px solid var(--red);
}
.btn-elimina:hover {
    background-color: var(--red);
    border-color: var(--red);
}
.btn-elimina span {
    width: 100%;
    height: 100%;
    background-color: var(--red);
    display: block;
}
.btn-elimina:hover span {
    background-color: var(--white);
}
.btn-contacts-whatsapp, .btn-contacts-whatsapp:hover {
    font-weight: 400;
    color: var(--grey-d);
    border-color: var(--grey-d);
    display: flex;
    align-items: center;
}
.btn-contacts-whatsapp .btn-whatsapp, .btn-contacts-whatsapp:hover .btn-whatsapp {
    background-color: var(--grey-d)!important;
}
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
    .btn-lang.show {
        background-image: none;
    }
    .lang-dropdown-menu {
        inset: 0px 0px auto auto!important;
        transform: translate(0px, 48px)!important;
    }
}
@media (max-width: 991.98px) {
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}
/*  =====================================================
    =   NAVBAR                                          =
    =====================================================   */
#animatebar, #staticbar {
    width: 100%;
    margin: -6rem 0 0;
    padding: 0;
    background-color: var(--white-m);
    -webkit-transition: 300ms linear;
    transition: 300ms linear;
    transition-property: all;
}
#staticbar {
    margin: 0;
}
/* #animatebar.scrolled, #staticbar {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    -webkit-transition: 300ms linear;
    transition: 300ms linear;
    transition-property: all;
} */
.nav-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nav-header-text {
    color: var(--white);
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 1;
}
.nav-container {
    height: 6rem;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: flex-start!important;
}
.nav-logo, .nav-logo:hover {
    text-decoration: none;
    display: inline-block;
}
.nav-menu {
    width: 100%;
    background-color: var(--white-m);
    border-top: 1px solid var(--grey-c);
    border-bottom: 1px solid var(--grey-l);
}
#animatebar.scrolled .nav-header, #staticbar.scrolled .nav-header {
    display: none;
}
#animatebar.scrolled .nav-container, #staticbar .nav-container {
    justify-content: space-between!important;
}
.menu-logo {
    height: 0;
    opacity: 0;
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -o-transition: 500ms ease;
    -ms-transition: 500ms ease;
    transition: 500ms ease;
}
.menu-logo-icon {
    width: auto;
    height: 5.5rem;
}
.menu-logo-text {
    width: auto;
    height: 4.5rem;
}
.mobile-logo {
    width: 20.5rem;
    height: auto;
    -webkit-filter: drop-shadow( 0 .25rem 1rem rgba(var(--main-d-rgb),.75));
    filter: drop-shadow( 0 .25rem 1rem rgba(var(--main-d-rgb),.75));
    z-index: +2;
}
.mobile-logo.small {
    width: 16rem;
    height: auto;
    -webkit-filter: drop-shadow( 0 .25rem 1rem rgba(var(--main-d-rgb),0));
    filter: drop-shadow( 0 .25rem 1rem rgba(var(--main-d-rgb),0));
}

.tag-carrello {
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--red);
    border-radius: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: +1;
    }
    .tag-carrello p {
        margin: 0;
        font-size: .625rem;
        font-weight: 400;
        line-height: 1;
        color: var(--white);
}
/*          --> Mega Menu                                   */
#MainMenu {
    width: 100%;
    max-width: 576px;
    background-color: var(--white);
}
.menu-container {
    padding: .25rem;
}
.menu-category {
    font-size: 1rem;
    font-weight: 800;
    color: var(--main-l);
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    opacity: .7;
}
.category-icon {
    width: .875rem;
    height: .875rem;
    background-color: var(--black-l);
    -webkit-mask: url("../images/icons/freccia-y.svg") no-repeat center;
    mask: url("../images/icons/freccia-y.svg") no-repeat center;
    display: inline-block;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
.menu-category:not(.collapsed) .category-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menu-category:hover {
    color: var(--main-l);
    text-decoration: none;
    opacity: .7;
}
.menu-link {
    padding: .5rem .5rem;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: .05em;
    color: var(--main);
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: .25rem;
    white-space: nowrap;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    transition: 1s ease;
    transition-property: background-color, border-color;
}
#animatebar.scrolled .menu-link, #staticbar .menu-link {
    font-size: .875rem;
}
.menu-link:hover {
    color: var(--main-d);
    text-decoration: none;
    background-color: var(--grey-l);
}
.menu-link.active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--main-l);
    border-color: var(--main-l);
}
.dropdown .menu-link { padding: .25rem .5rem; }
.btn-dropdown-icon {
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--main-l);
    -webkit-mask: url("../images/icons/freccia-y.svg") no-repeat center;
    mask: url("../images/icons/freccia-y.svg") no-repeat center;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}
.dropdown .menu-link.show .btn-dropdown-icon {
    background-color: var(--main-l);
}
.dropdown .menu-link:not(.show) .btn-dropdown-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.menu-link-dropdown {
    margin-top: .125rem!important;
    background-color: var(--white);
    left: auto;
    right: 0;
    border: 0;
    border-radius: .25rem;
}
.menu-link-dropdown-item {
    padding: .25rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    color: var(--grey-d);
}
.menu-link-dropdown-item:hover {
    color: var(--main-d);
    background-color: rgba(var(--main-rgb),.125);
}
.menu-link-dropdown-item.active, .menu-link-dropdown-item:active {
    color: var(--white);
    text-decoration: none;
    background-color: var(--main-l);
}

.search-box {
    width: 100%;
    max-width: 480px;
    background-color: var(--main);
    border-radius: 1rem;
}
.search-box.mobile {
    max-width: 100%;
    border-radius: 0
}
.search-control, .search-control:focus {
    font-size: 1rem !important;
    color: var(--white)!important;
    background-color: transparent;
    border: 0;
    border-radius: .25rem !important;
    box-shadow: none;
}
.search-control::placeholder {
    color: var(--white);
}
.quick-links {
    display: flex;
    align-items: center;
}
.menu-logo.mobile {
    width: 11.875rem;
    height: 4rem;
    opacity: 1;
}
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
    .nav-container {
        height: 5rem;
    }
    .menu-logo-icon {
        width: auto;
        height: 3rem;
    }
    .menu-logo-text {
        width: auto;
        height: 3.5rem;
    }
    .menu-link-dropdown {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        position: relative!important;
        transform: none!important;
        box-shadow: none!important;
        background-color: var(--white-m);
    }
}

@media (max-width: 991.98px) {
    #animatebar {
        margin-top: -4rem;
    }
    #animatebar.scrolled .menu-logo, #staticbar .menu-logo {
        height: 3rem;
    }
}
@media (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
}
@media (min-width: 1921px) {
    #staticbar {
        padding-top: 1rem;
    }
    #staticbar.scrolled {
        padding-top: 0;
    }
    .nav-header {
        border-radius: 1rem 1rem 0 0;
    }
}
/*  =====================================================
    =   ELEMENTI COMUNI                                 =
    =====================================================   */
.mw-1920 { max-width: 1920px; }
.mw-1600 { max-width: 1600px; }
.mw-1400 { max-width: 1400px; }
.mw-1200 { max-width: 1200px; }
.mw-960 { max-width: 960px; }
.mw-768 { max-width: 768px; }
.mw-540 { max-width: 540px; }
.mw-480 { max-width: 480px; }
.bg-duotone {
    background: rgb(var(--main-l-rgb));
    background: -moz-linear-gradient(90deg, rgba(var(--main-l-rgb),1) 0%, rgba(var(--main-rgb),1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(var(--main-l-rgb),1) 0%, rgba(var(--main-rgb),1) 100%);
    background: linear-gradient(90deg, rgba(var(--main-l-rgb),1) 0%, rgba(var(--main-rgb),1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-l)",endColorstr="var(--main)",GradientType=1);
}
.bg-grey { background-color: var(--white-m); }
.bg-clear { background-color: var(--white); }
.bg-green { background-color: var(--green); }
.section-separatore {
    height: .25rem!important;
    background: rgb(var(--main-l-rgb));
    background: -moz-linear-gradient(90deg, rgba(var(--main-l-rgb),1) 0%, rgba(var(--main-rgb),1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(var(--main-l-rgb),1) 0%, rgba(var(--main-rgb),1) 100%);
    background: linear-gradient(90deg, rgba(var(--main-l-rgb),1) 0%, rgba(var(--main-rgb),1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main-l)",endColorstr="var(--main)",GradientType=1);
    opacity: 1;
}
.spacer-line, .spacer-line-sm {
    background-color: var(--white);
    display: block;
    width: 2px;
    height: 96px;
    margin: 0 auto;
    opacity: .6;
}
.spacer-line-sm {
    height: 48px;
}
/*          --> Contenuti Base                              */
.img-header {
    height: 60%;
    max-height: 40rem;
}
.no-header {
    height: 11rem;
}
.header-container {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.header-title-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.9) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.9) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.page-breadcrumb-box {
    min-height: 5rem;
    display: flex;
    align-items: center;
}
.page-breadcrumb-box .breadcrumb-item, .page-breadcrumb-box .breadcrumb-item::before {
    font-size: 1rem;
    font-weight: 300;
    color: var(--grey-m);
}
.info-page {
    background-color: var(--white);
}
.info-box {
    margin-top: -6rem;
    background-color: var(--white);
}
.info-side-img {
    padding-top: 120%;
    width: 100%;
    height:100%;
    background-image: url("../images/photos/savoritaly.webp");
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.breadcrumb-link {
    color: var(--grey);
    text-decoration: none;
}
.breadcrumb-link:hover {
    color: var(--grey-m);
    text-decoration: none;
}
.page-breadcrumb-box .breadcrumb-item.active {
    font-weight: 500;
    color: var(--main)
}
.paginazione a {
    margin-left: .125rem;
    margin-right: .125rem;
}
.btn-pag {
    padding: .375rem .75rem!important;
    color: var(--grey-d);
    display:flex;
    align-items: center;
}
.btn-pag:hover {
    color: var(--grey-d);
    background-color: var(--grey-l);
}
.btn-pag.prev .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.section-title {
    font-size: 4rem;
    font-weight: 400;
    color: var(--main-d);
    line-height: 1;
}
.section-subtitle {
    font-family: var(--text-font);
    font-size: 1.125rem;
    font-weight: 500!important;
    color: var(--grey-d);
}
.section-subtitle.carrello {
    font-size: 1.25rem;
    color: var(--main)
}
.section-text {
    font-size: 1rem;
    font-weight: 400;
    color: var(--black-l);
    text-transform: none;
}
.section-separator {
    width: 100%;
    background-color: var(--grey-d);
}
/*          --> Pagine Risultati Ricerca                    */
.container-risultati {
    background-color: var(--white-m);
    position: relative;
    overflow: hidden;
}
.box-risultati, .box-scheda {
    width: 100%;
    color: var(--grey-d);
    min-height: 640px;
    background-color: var(--white-m);
}
.card-risultato {
    max-width: 288px;
    height: 100%;
    color: var(--grey-d);
    background-color: var(--white);
    border-radius: 1rem;
    position: relative;
}
.card-badge, .scheda-badge {
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--main);
    border-radius: 1rem 0 1rem 0;
    z-index: +1;
}
.scheda-badge {
    position: absolute;
    left: auto;
    right: 0;
    border-radius: 0 1rem 0 1rem;
}
.card-badge-text, .scheda-badge-text {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--white);
    letter-spacing: .02em;
    line-height: 1;
}
.dettagli-prodotto {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.card-risultato .img-fluid {
    border-radius: .5rem;
}
.marchio {
    font-size: 1.125rem;
    font-weight: 200;
    line-height: 1;
}
.modello {
    color: var(--main);
    text-transform: none;
    line-height: 1;
}
.nome-prodotto {
    color: var(--main);
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1.1;
}
.size-prodotto {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
}
.size-prodotto.carrello {
    font-size: .875rem;
}
.card-risultato-prezzo {
    font-weight: 800;
    color: var(--red);
    line-height: 1;
}
.card-risultato-sconto {
    font-size: .75rem;
    font-weight: 700;
    text-decoration:line-through;
    color: var(--grey);
    line-height: 1;
}

.collezione {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1;
}
.link-prodotto {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    border-radius: .5rem;
}
.link-prodotto:hover {
    background-color: rgba(var(--main-d-rgb), 0.5);
    opacity: 1;
    text-decoration: none;
}
.link-text, .link-text:hover {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.link-text .icon {
    background-color: var(--white);
}
.link-text p, .link-text:hover p {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--white);
    letter-spacing: .04em;
    line-height: 1.2;
}
/*          --> Pagine Marchio                              */
.card-marchio, .card-marchio:hover {
    height: 100%;
    text-decoration: none;
}
.thumbnail-box {
    overflow: hidden;
}
.thumbnail-box img {
    width: 100%;
    height: auto;
    transition: transform .2s linear;
}
.card-marchio:hover .thumbnail-box img {
    transform: scale(1.3);
    object-fit: cover;
    object-position: center;
}
.logo-marchio {
    width:100%;
    height: auto;
}
.logo-marchio.risultati {
    max-width: 20rem;
}
/*          --> Scheda prodotto                             */
.thumb-prodotto {
    text-align: center;
    opacity: 0.4;
}
.thumb-prodotto.is-active {
    opacity: 1;
}
.info-prodotto {
    display: flex;
    flex-flow: column;
}
.modello-prodotto {
    font-size: 2.25rem;
    color: var(--main-d);
}
.collezione-prodotto, .marchio-prodotto, .dim-prodotto {
    font-family: var(--text-font);
    color: var(--main);
}
.collezione-prodotto {
    font-size: .875rem;
    font-weight: 300;
}
.marchio-prodotto, .dim-prodotto {
    font-size: 1rem;
    font-weight: 400;
}
.dim-prodotto small {
    font-size: .75rem;
}
.scheda-title, .scheda-body h3 {
    font-size: 1.125rem;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--grey-d);
}
.scheda-text {
    color: var(--grey-d);
}
.scheda-body h3 {
    padding-top: 1rem;
    font-family: var(--text-font);
}
.scheda-body p, .scheda-body li {
    color: var(--grey-d);
}
.scheda-body ul {
    padding-left: 0;
}
.scheda-body li {
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--grey-c);
}
.scheda-body li>b {
    font-weight: 400;
    color: var(--grey-m);
}
.scheda-body a {
    color: var(--grey-d);
    text-decoration: none;
}
.scheda-body a:hover {
    color: var(--orange);
    text-decoration: none;
}
.prezzo-prodotto {
    font-size: 2rem;
    font-weight: 600;
    text-align: right;
    color: var(--main-l);
}
.sconto-prodotto {
    font-size: 1.25rem;
    font-weight: 500;
    text-decoration: line-through;
    color: var(--grey);
}
.dispo-prodotto {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.dispo-prodotto span {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
}
.dispo-prodotto.ok {
    color: var(--green);
}
.dispo-prodotto.ok span {
    background-color: var(--green);
}
.dispo-prodotto.ko {
    color: var(--red);
}
.dispo-prodotto.ko span {
    background-color: var(--red);
}
.scheda-prodotto-label {
    font-family: var(--text-font);
    font-weight: 500;
    color: var(--main);
}
.qta-prodotto-control, .scheda-prodotto-select {
    max-width: 4rem;
    height: 100%;
    min-height: 3rem;
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    border-color: var(--grey);
    border-radius: .5rem;
}
.qta-prodotto-control:focus, .scheda-prodotto-select:focus {
    border-color: var(--main);
    box-shadow: none;
}
.scheda-prodotto-select {
    max-width: 100%;
    text-align: left;
}
.dati-prodotto {
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--grey-c);
}
.dati-label {
    margin-bottom: 0;
    color: var(--grey-m)
}
.dati-value {
    margin-bottom: 0;
    color: var(--grey-d)
}
/*  =====================================================
    =   FOOTER                                          =
    =====================================================   */
.footer-logo {
    width: auto;
    height: 3rem;
}
.footer-logo-text {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;
    color: var(--main-d);
}
.footer-container {
    font-weight: 500;
    background-color: var(--white);
}
.footer-category {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--main-l);
    line-height: 1;
}
.footer-info {
    color: var(--grey-m);
}
.footer-info .icon {
    background-color: var(--main);
}
.footer-info a {
    font-size: .875rem;
    color: var(--main);
    text-decoration: none;
}
.footer-info a:hover {
    color: var(--main-l);
    text-decoration: none;
}
.footer-link a {
    font-size: .875rem;
    color: var(--main);
    text-decoration: none;
}
.footer-link a:hover {
    color: var(--main-l);
    text-decoration: none;
}
.footer-bottom {
    background-color: var(--main);
}
.footer-bottom p {
    font-size: .875rem;
    font-weight: 500;
    color: var(--white);
}
/*          --> Firma                                       */
#jamstudio {
    width: auto;
    height: 1.75rem;
}
.logo-signature {
    fill: var(--white);
}
/*  =====================================================
    =   FORMS CONTROLS                                  =
    =====================================================   */
.contacts-info {
    color: var(--grey-d);
    }
    .contacts-info img {
        width: auto;
        height: 2rem;
}
.contacts-form {
    margin-top: 2rem;
    margin-left: -.75rem;
    margin-right: 1rem;
    background-color: var(--grey-l);
}
.contacts-form-label {
    padding-left: .5rem;
    font-family: var(--text-font);
    font-weight: 300;
    color: var(--grey-d)
}
.contacts-form-control {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 1rem 1rem;
    font-size: 1.25rem;
    border-color: var(--grey-c);
    border-radius: .5rem;
}
.contacts-form-control:focus {
    border-color: var(--main);
    box-shadow: none;
}
.contacts-form-control.note-spedizione {
    height: 8rem;
}
.contacts-form-check {
    border-color: var(--grey);
    border-radius: 0;
}
.contacts-form-check:focus {
    border-color: var(--main);
    box-shadow: none;
}
.contacts-form-check:checked {
    background-color: var(--main);
    border-color: var(--main-d);
}
.container-form {
    border: 1px solid var(--grey-l);
}
.contacts-card {
    width: 100%;
    max-width: 576px;
}
.contacts-card-title {
    color: var(--grey-d);
    text-transform: uppercase;
}
.contacts-card-text {
    color: var(--grey-m);
}
.contacts-card-icon {
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--grey-m);
}
.contacts-card-link {
    color: var(--grey-m);
    text-decoration: none;
    display: flex;
    align-items: center;
}
.contacts-card-link:hover {
    color: var(--main);
    text-decoration: none;
}
.contacts-card-link span {
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--grey-m);
    display: inline-block;
}
.contacts-card-link:hover span {
    background-color: var(--main-d);
}
.box-mappa {
    background-color: var(--white);
}
.box-mappa iframe {
    width: 100%;
    height: 100%;
    min-height: 768px;
    border-radius: .5rem;
    overflow: hidden;
    border: 1px solid var(--grey-c);
}
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
    .no-header {
        height: 7rem;
    }
    .modello-prodotto {
        font-size: calc(1.5rem + .9vw);
    }
    .collezione-prodotto {
        font-size: calc(.5rem + .6vw);
    }
    .marchio-prodotto {
        font-size: calc(.625rem + .6vw);
    }
    /* .contacts-info {
        font-size: calc(.75rem + .3vw);
    } */
}
@media (max-width: 991.98px) {
    .scheda-title, .scheda-body h3 {
        font-size: 1rem;
    }
    .box-risultati, .box-scheda {
        min-height: inherit;
    }
    .scheda-text, .dati-label, .dati-value, .scheda-body p, .scheda-body li {
        font-size: calc(.625rem + .5vw);
    }
    .contacts-form {
        margin-right: 0;
    }
}
@media (max-width: 767.98px) {
    #MobileMenu {
        height: 100vh;
    }
    .btn-menu {
        width: 3rem;
        padding: .5rem!important;
    }
    .btn-menu rect {
        fill: var(--main);
    }
    .btn-pag.prev, .btn-pag.next {
        padding: .25rem!important;
    }
    .quick-links {
        min-width: 3rem;
    }
    .menu-logo {
        height: 1rem;
    }
    .no-header {
        height: auto;
    }
    .page-breadcrumb-box .breadcrumb-item, .page-breadcrumb-box .breadcrumb-item::before {
        font-size: calc(.75rem + .5vw)!important;
    }
    .section-title {
        font-size: calc(1.75rem + 1.5vw)!important;
    }
    .section-text {
        font-size: .75rem;
    }
    .marchio {
        font-size: .875rem;
    }
    .modello {
        font-size: .75rem;
    }
    .collezione {
        font-size: .75rem
    }
    .box-mappa iframe {
        min-height: 576px;
    }
    footer {
        padding-bottom: 4rem;
    }
}
@media (max-width: 575.98px) {
    .img-header {
        height: 30rem;
        max-height: none;
    }
    .section-subtitle {
        font-size: 1rem;
    }
    .page-breadcrumb-box .breadcrumb-item {
        padding-left: 0.25rem;
    }
    .page-breadcrumb-box .breadcrumb-item::before {
        padding-right: 0.25rem;
    }
    .link-text p, .link-text:hover p {
        font-size: 1rem;
    }
    .contacts-form {
        margin-right: -.75rem;
    }
}
@media (min-width: 1400px) {
}
@media (min-width: 1921px) {
    .no-header {
        height: 12rem;
    }
    .page-breadcrumb-box {
        border-radius: 0 0 1rem 1rem;
    }
    footer {
        padding-bottom: 1rem;
    }
    .footer-bottom {
        border-radius: 0 0 1rem 1rem;
    }
}
/*  =====================================================
    =   HOMEPAGE                                        =
    =====================================================   */
.fullheight-header {
    height: 100%;
    max-height: 1080px;
    background-image: url('../images/headers/homepage-1920.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-color: var(--main);
    position: relative;
    overflow: hidden;
}
.content-box, .scheda-prodotto {
    font-weight: 400;
    color: var(--black-l);
    background-color: var(--white);
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    z-index: +1;
}
.content-box.reparti {
    margin-top: -28rem;
}

.content-box.chisiamo, .content-box.contatti {
    margin-top: -12rem;
}

.content-box.payments {
    background-color: var(--white-m);
    }
    .content-box.payments p {
        font-weight: 500;
        color: var(--main-d);
}
.homepage-title {
    font-size: calc(1.875rem + 2vw);
    font-weight: 700;
    color: var(--main-l);
    line-height: 1.1;
    text-align: center;
    }
    .homepage-title small {
        font-size: calc(1.5rem + 1.5vw);
        font-weight: 400;
}
.content-box-btn, .content-box-btn:hover {
    height: 5rem;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--white);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.category-btn, .category-btn:hover {
    padding-top: 100%;
    border-radius: 1rem;
    display: block;
    position: relative;
    overflow: hidden;
}
.category-img {
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.category-label {
    min-height: 6rem;
    font-family: var(--header-font);
    font-size: 3rem;
    color: var(--white);
    text-shadow: 0 .125rem .25rem rgba(0,0,0,.20)!important;
    background: rgb(64,64,64);
    background: -moz-linear-gradient(0deg, rgba(64,64,64,0.6979166666666667) 0%, rgba(64,64,64,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(64,64,64,0.6979166666666667) 0%, rgba(64,64,64,0) 100%);
    background: linear-gradient(0deg, rgba(64,64,64,0.6979166666666667) 0%, rgba(64,64,64,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#404040",endColorstr="#404040",GradientType=1);
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.footer-banner {
    width: 100%;
    background-image: url('../images/bgs/banner-homepage.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}
.footer-banner.risultati {
    z-index: 0;
}
@media (max-width: 1399.98px) {
}
@media (max-width: 1199.98px) {
    .category-label {
        font-size: 2.5rem;
    }
}
@media (max-width: 991.98px) {
    .fullheight-header {
        background-image: url('../images/headers/homepage-992.jpg');
    }
}
@media (max-width: 767.98px) {
    .category-label {
        font-size: 2.125rem;
    }
}
@media (max-width: 575.98px) {
    .fullheight-header {
        height: 90%;
    }
    .category-label {
        font-size: 2.5rem;
    }
}
@media (min-width: 1200px) {
    .homepage-title {
        font-size: 4rem;
    }
    .homepage-title small {
        font-size: 3.125rem;
    }
}
@media (min-width: 1921px) {
    .fullheight-header {
        border-radius: 0 0 1rem 1rem;
    }
    .footer-banner {
        border-radius: 1rem 1rem 0 0;
    }
}
/*  =====================================================
    =   AREA UTENTE E CARRELLO                          =
    =====================================================   */
.user-tag .icon-lg {
    background-color: var(--main);
}
.user-tag .section-subtitle {
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--main);
}
.item-carrello {
    background-color: var(--white-m);
    border-radius: 1rem;
}
.item-carrello:hover {
    background-color: var(--grey-l);
}
.item-carrello a, .item-carrello a:hover {
    text-decoration: none;
}
.item-carrello-img {
    width: 100%;
    height: 100%;
    max-width: 4rem;
    height: auto;
    border-radius: .25rem;
}
.item-carrello-title {
    font-weight: 600;
    color: var(--grey-d);
    line-height: 1.4;
}
.item-carrello-price {
    font-weight: 800;
    color: var(--red);
    text-align: right;
    line-height: 1;
}
.item-carrello-qta {
    font-weight: 400;
    color: var(--grey-d);
}
.carrello-totale {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--main);
    line-height: 1;
}
.totale-label {
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--main-d);
}

.card-acquisti, .card-carrello, .card-riepilogo, .card-form {
    height: 100%;
    color: var(--black-l);
    background-color: var(--white);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    /* box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); */
    border-radius: 1rem;
    position: relative;
}
.card-riepilogo {
    height: auto;
}
.card-form {
    text-align: left;
    text-transform: none;
}
.card-title {
    font-size: 3rem;
    font-weight: 700;
    color: var(--main-d);
    line-height: 1;
}
.card-carrello-vuoto .icon {
    background-color: var(--main-d)
}
.carrello-vuoto-title {
    font-family: var(--text-font);
    color: var(--main-d)
}
.acquisti-vuoto, .carrello-vuoto {
    font-weight: 400;
    color: var(--red);
}
.section-table .pagamento, .riepilogo-ordine .pagamento {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
}
.section-table .pagamento.ico-esito-ok, .riepilogo-ordine .pagamento.ico-esito-ok {
    background-color: var(--green);
}
.section-table .pagamento.ico-esito-ko, .riepilogo-ordine .pagamento.ico-esito-ko {
    background-color: var(--red);
}
.riepilogo-ordine .pagamento {
    display: inline-block;
}
.riepilogo-text {
    color: var(--grey-m);
}
.riepilogo-text span {
    color: var(--grey-d);
    display: inline-block;
}
.riepilogo-link {
    color: var(--main-d);
    text-decoration: none;
}
.riepilogo-link:hover {
    color: var(--main-d);
    text-decoration: underline;
}
.spedizione-ordine {
    background-color: var(--white-m);
}
.table-header {
    padding-left: 7rem;
    border-bottom: 1px solid var(--main-d);
}
.table-body-row {
    border-radius: .5rem;
    position: relative;
}
.clickable-row {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
}
.clickable-row:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
.table-body .table-body-row:nth-child(odd) {
  background-color: var(--white-m);
}
.table-cell {
    padding: .5rem .75rem;
    min-height: 3rem;
    color: var(--grey-d);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.table-cell p {
    white-space: nowrap;
}
.table-header .table-cell, .table-cell b, .cell-lable {
    font-weight: 500;
    color: var(--main-d);
}
.cell-lable, .carrello-label, .recap-label {
    margin-bottom: .25rem;
    display: none;
}
.carrello-label {
    color: var(--grey-m);
}
.carrello-cell {
    font-size: 1.125rem;
    color: var(--grey-m);
}
.carrello-cell.prezzo, .carrello-cell.totale {
    font-size: 1.25rem;
    font-weight: 500;
}
.carrello-cell.totale {
    color: var(--main);
}
.recap-label {
    display: block;
}
.img-carrello, .img-riepilogo {
    max-width: 6rem;
    height: auto;
    border-radius: .25rem;
}
.qta-box {
    max-width: 6rem;
}
.qta-form-control {
    font-size: 1.125rem;
    line-height: 1;
    text-align: center;
    border-color: var(--grey-c);
}
.qta-form-control:focus {
    border-color: var(--grey);
    box-shadow: none;
}
.totale-carrello {
    border-bottom: 1px solid var(--grey-c);
}
.spedizioni-label, .spedizioni-value, .totale-carrello-label, .totale-carrello-value {
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 500;
    color: var(--grey-m);
    line-height: 1;
}
.spedizioni-value, .totale-carrello-value {
    font-size: 1.25rem;
}
.totale-carrello-label, .totale-carrello-value {
    color: var(--main);
}
.totale-separator {
    width: 100%;
    background-color: var(--main);
}
.totale-ordine-label, .totale-ordine-value {
    margin-bottom: 0;
    font-weight: 500;
    color: var(--main);
}
.totale-ordine-value {
    font-family: var(--text-font);
    font-weight: 800!important;
    line-height: 1;
}
.payments img {
    width: auto;
    height: 2rem;
}
@media (max-width: 991.98px) {
    .img-carrello {
        max-width: 15rem;
        height: auto;
    }
    .img-riepilogo {
        max-width: 8rem;
        height: auto;
    }
    .carrello-label {
        margin-bottom: 0;
        display: block;
    }
    .qta-box {
        max-width: 100%;
    }
    .qta-form-control {
        max-width: 3rem;
        height: 100%;
        max-height: 3.25rem;
    }
}
@media (max-width: 767.98px) {
    .card-title {
        font-size: calc(1.125rem + 1.5vw)!important;
    }
    .table-cell {
        padding: .25rem;
        min-height: auto;
        font-size: .875rem;
        flex-direction: row;
        justify-content:space-between;
        align-items: center;
        border-bottom: 1px solid var(--grey-l);
    }
    .cell-lable {
        margin-bottom: 0;
        display: block;
    }
}
@media (max-width: 575.98px) {
    .img-carrello, .img-riepilogo {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
    .payments img {
        height: 1.5rem;
    }
}
/*  =====================================================
    =   ESITI                                           =
    =====================================================   */
.box-esito {
    border-radius: 1rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.title-esito {
    font-size: 1.25rem;
    font-weight: 500;
}
.box-esito.ok {
    background-color: var(--green);
}
.box-esito.ok .icon {
    background-color: var(--white);
}
.box-esito.ok .title-esito, .box-esito.ok .text-esito {
    color: var(--white);
}
.box-esito.ko {
    background-color: var(--yellow);
}
.box-esito.ko .icon {
    background-color: var(--black);
}
.box-esito.ko .title-esito, .box-esito.ko .text-esito {
    color: var(--black);
}
/*  =====================================================
    =   BANNER DELIVERY                                 =
    =====================================================   */
.banner-delivery {
    margin-top: 16rem;
    color: var(--white);
    background: rgb(var(--main-rgb));
    background: -moz-linear-gradient(5deg, rgba(var(--main-rgb),1) 0%, rgba(var(--main-d-rgb),1) 50%, rgba(var(--main-l-rgb),1) 100%);
    background: -webkit-linear-gradient(5deg, rgba(var(--main-rgb),1) 0%, rgba(var(--main-d-rgb),1) 50%, rgba(var(--main-l-rgb),1) 100%);
    background: linear-gradient(5deg, rgba(var(--main-rgb),1) 0%, rgba(var(--main-d-rgb),1) 50%, rgba(var(--main-l-rgb),1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main)",endColorstr="var(--main-l)",GradientType=1);
    border-radius: 1rem;
}
.banner-delivery-frame { margin-top: -20rem; display: flex; flex-direction: column; }
.banner-delivery-img { width: 100%; max-width: 30rem; height: auto; }
.banne-delivery-title { color: var(--yellow); }
.banne-delivery-text { font-weight: 300; }
@media (max-width: 1199.98px) {
    .banner-delivery { margin-top: 12rem; }
    .banner-delivery-img { max-width: 25rem; }
    .banner-delivery-frame { margin-top: -15rem; }

}