/*  Merx.pro CSS3 Ver. 2.0.0
    Copyright 1999 - 2026 JAM Studio
    Visit Us (https://www.jamstudio.it/)    */

/*  =====================================================
    =   PALETTE E TYPOGRAPHY                            =
    =====================================================   */
:root {
/*      --> Fonts sito                                      */
    --header-font   : var(--shop-header-font);
    --text-font     : var(--shop-text-font);
/*      --> Main Colors                                     */
    --main          : var(--shop-main);
    --main-l        : var(--shop-main-l);
    --secondary     : var(--shop-secondary);
    --main-rgb      : var(--shop-main-rgb);
    --main-l-rgb    : var(--shop-main-l-rgb);
    --secondary-rgb : var(--shop-secondary-rgb);
    --merx-signature: var(--shop-merx-signature);
/*      --> Greyscale                                       */
    --black         : #1F1F1F;
    --black-l       : #2B2B2B;
    --grey-d        : #595959;
    --grey          : #A4A4A4;
    --grey-c        : #C5C5C5;
    --grey-l        : #E5E5E5;
    --white-m       : #F5F5F5;
    --white         : #FFFFFF;
/*      --> Alerts Colors                                   */
    --green         : #00DE80;
    --yellow        : #FFDA0A;
    --red           : #F83041;
}
/*  =====================================================
    =   SCROLL BAR                                      =
    =====================================================   */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--white); box-shadow: none; border-radius: 0; }
::-webkit-scrollbar-thumb { background: var(--grey-c); border: 0 solid transparent; border-radius: 0; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: var(--secondary); border: 0 solid transparent; background-clip: content-box; }
/*  =====================================================
    =   SETTING BASE PAGINA                             =
    =====================================================   */
html, body { /*height: 100%;*/ margin: 0; font-family: var(--text-font); color: var(--black); background-color: var(--white); font-optical-sizing: auto; font-style: normal; }
html { scroll-padding-top: 8rem; }
img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
/*      --> Typography                                      */
h1, h2, h3, h4, h5, h6 { font-family: var(--header-font); }
p, li, a, th, td { text-decoration: none; }
b, strong { font-weight: 700!important; }
a {color: var(--main); text-decoration: none;}
a:hover {color: var(--main-l); text-decoration: none;}
a:focus { outline: none; box-shadow: none; }
@media (max-width: 991.98px) {
    html { scroll-padding-top: 6rem; }
}
@media (max-width: 575.98px) {
    h4, h5, .h4, .h5 { font-size: 1.125rem; }
    p { font-size: .875rem; }
}
/*  =====================================================
    =   ICONS                                           =
    =====================================================   */
.icon { min-width: 1.25rem; height: 1.25rem; 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; }
/*      --> Icone Navigazione                               */
.ico-home { -webkit-mask: url("../images/icons/nav-home.svg") no-repeat center; mask: url("../images/icons/nav-home.svg") no-repeat center; }
.ico-menu { -webkit-mask: url("../images/icons/nav-menu.svg") no-repeat center; mask: url("../images/icons/nav-menu.svg") no-repeat center; }
.ico-search { -webkit-mask: url("../images/icons/nav-search.svg") no-repeat center; mask: url("../images/icons/nav-search.svg") no-repeat center; }
.ico-no-result { -webkit-mask: url("../images/icons/nav-search-no.svg") no-repeat center; mask: url("../images/icons/nav-search-no.svg") no-repeat center; }
.ico-chevron-y { -webkit-mask: url("../images/icons/nav-chevron-y.svg") no-repeat center; mask: url("../images/icons/nav-chevron-y.svg") no-repeat center; }
.ico-chevron-right, .ico-chevron-left { -webkit-mask: url("../images/icons/nav-chevron-x.svg") no-repeat center; mask: url("../images/icons/nav-chevron-x.svg") no-repeat center; }
.ico-chevron-left { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.ico-plus { -webkit-mask: url("../images/icons/nav-plus.svg") no-repeat center; mask: url("../images/icons/nav-plus.svg") no-repeat center; }
.ico-minus { -webkit-mask: url("../images/icons/nav-minus.svg") no-repeat center; mask: url("../images/icons/nav-minus.svg") no-repeat center; }
.ico-close { -webkit-mask: url("../images/icons/nav-close.svg") no-repeat center; mask: url("../images/icons/nav-close.svg") no-repeat center; }
/*      --> Icone Systema                                   */
.ico-login { -webkit-mask: url("../images/icons/sys-log-in.svg") no-repeat center; mask: url("../images/icons/sys-log-in.svg") no-repeat center; }
.ico-logout { -webkit-mask: url("../images/icons/sys-log-out.svg") no-repeat center; mask: url("../images/icons/sys-log-out.svg") no-repeat center; }
.ico-user { -webkit-mask: url("../images/icons/sys-user.svg") no-repeat center; mask: url("../images/icons/sys-user.svg") no-repeat center; }
.ico-user-edit { -webkit-mask: url("../images/icons/sys-user-edit.svg") no-repeat center; mask: url("../images/icons/sys-user-edit.svg") no-repeat center; }
.ico-registrati { -webkit-mask: url("../images/icons/sys-user-reg.svg") no-repeat center; mask: url("../images/icons/sys-user-reg.svg") no-repeat center; }
.ico-mostra { -webkit-mask: url("../images/icons/sys-eye-on.svg") no-repeat center; mask: url("../images/icons/sys-eye-on.svg") no-repeat center; }
.ico-nascondi { -webkit-mask: url("../images/icons/sys-eye-off.svg") no-repeat center; mask: url("../images/icons/sys-eye-off.svg") no-repeat center; }
.ico-preferiti { -webkit-mask: url("../images/icons/sys-preferiti.svg") no-repeat center; mask: url("../images/icons/sys-preferiti.svg") no-repeat center; }
.ico-carrello { -webkit-mask: url("../images/icons/sys-carrello.svg") no-repeat center; mask: url("../images/icons/sys-carrello.svg") no-repeat center; }
.ico-carrello-vuoto { -webkit-mask: url("../images/icons/sys-carrello-vuoto.svg") no-repeat center; mask: url("../images/icons/sys-carrello-vuoto.svg") no-repeat center; }
.ico-settings { -webkit-mask: url("../images/icons/sys-settings.svg") no-repeat center; mask: url("../images/icons/sys-settings.svg") no-repeat center; }
.ico-filtri { -webkit-mask: url("../images/icons/sys-filtri.svg") no-repeat center; mask: url("../images/icons/sys-filtri.svg") no-repeat center; }
.ico-ordina { -webkit-mask: url("../images/icons/sys-ordina.svg") no-repeat center; mask: url("../images/icons/sys-ordina.svg") no-repeat center; }
.ico-edit { -webkit-mask: url("../images/icons/sys-edit.svg") no-repeat center; mask: url("../images/icons/sys-edit.svg") no-repeat center; }
.ico-faq { -webkit-mask: url("../images/icons/sys-faq.svg") no-repeat center; mask: url("../images/icons/sys-faq.svg") no-repeat center; }
.ico-canc { -webkit-mask: url("../images/icons/sys-cancella.svg") no-repeat center; mask: url("../images/icons/sys-cancella.svg") no-repeat center; }
.ico-secure { -webkit-mask: url("../images/icons/sys-secure-pay.svg") no-repeat center; mask: url("../images/icons/sys-secure-pay.svg") no-repeat center; }
.ico-spedizioni { -webkit-mask: url("../images/icons/sys-spedizioni.svg") no-repeat center; mask: url("../images/icons/sys-spedizioni.svg") no-repeat center; }
.ico-zoom { -webkit-mask: url("../images/icons/sys-img-zoom.svg") no-repeat center; mask: url("../images/icons/sys-img-zoom.svg") no-repeat center; }
/*      --> Icone Contatti e Social                         */
.ico-ind { -webkit-mask: url("../images/icons/contatti-indirizzo.svg") no-repeat center; mask: url("../images/icons/contatti-indirizzo.svg") no-repeat center; }
.ico-mail { -webkit-mask: url("../images/icons/contatti-email.svg") no-repeat center; mask: url("../images/icons/contatti-email.svg") no-repeat center; }
.ico-tel { -webkit-mask: url("../images/icons/contatti-telefono.svg") no-repeat center; mask: url("../images/icons/contatti-telefono.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-facebook { -webkit-mask: url("../images/icons/social-facebook.svg") no-repeat center; mask: url("../images/icons/social-facebook.svg") no-repeat center; }
.ico-instagram { -webkit-mask: url("../images/icons/social-instagram.svg") no-repeat center; mask: url("../images/icons/social-instagram.svg") no-repeat center; }
.ico-youtube { -webkit-mask: url("../images/icons/social-youtube.svg") no-repeat center; mask: url("../images/icons/social-youtube.svg") no-repeat center; }
.ico-pinterest { -webkit-mask: url("../images/icons/social-pinterest.svg") no-repeat center; mask: url("../images/icons/social-pinterest.svg") no-repeat center; }
.ico-tiktok { -webkit-mask: url("../images/icons/social-tiktok.svg") no-repeat center; mask: url("../images/icons/social-tiktok.svg") no-repeat center; }
/*      --> Icone Esiti                                     */
.ico-ok { -webkit-mask: url("../images/icons/esito-ok.svg") no-repeat center; mask: url("../images/icons/esito-ok.svg") no-repeat center; }
.ico-ko { -webkit-mask: url("../images/icons/esito-ko.svg") no-repeat center; mask: url("../images/icons/esito-ko.svg") no-repeat center; }
/*      --> Icone Pagamenti                                 */
.payments-icons { height: 2rem; }
.payments-icons-sm { height: 1.5rem; }
.payments-icons-lg { height: 2.5rem; }
/*  =====================================================
    =   BUTTONS                                         =
    =====================================================   */
.btn { --bs-btn-font-family: var(--header-font); --bs-btn-focus-shadow-rgb: none; --bs-btn-active-shadow: none; --bs-btn-border-radius: .25rem; }
.btn-lg { --bs-btn-padding-y: .875rem; }
.btn-xl { --bs-btn-padding-x: 2.25rem; --bs-btn-padding-y: .938rem; --bs-btn-font-size: 2rem; --bs-btn-font-weight: 300; --bs-btn-border-radius: .25rem; }
.btn-icon, .btn-icon-sm { --bs-btn-color: var(--main-l); --bs-btn-hover-color: var(--main); --bs-btn-active-color: var(--main); --bs-btn-disabled-color: var(--main-l); --bs-btn-border-width: 0; display: flex; align-items: center; justify-content: center; }
.btn-icon { min-width: 3rem; min-height: 3rem; --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-size: .875rem; }
.btn-icon-sm { min-width: 2rem; min-height: 2rem; --bs-btn-padding-x: 0.25rem; --bs-btn-padding-y: 0.25rem; --bs-btn-font-size: .75rem; }
.btn-icon .icon, .btn-icon-sm .icon { background-color: var(--main-l); }
.btn-icon:hover .icon, .btn-icon-sm:hover .icon, .btn-icon:active .icon, .btn-icon-sm:active .icon, .btn-icon.active .icon, .btn-icon-sm.active .icon { background-color: var(--main); }
.btn-icon.show .icon, .btn-icon-sm.show .icon { background-color: var(--secondary); }
.btn-icon.carrello, .btn-icon-sm.carrello { position: relative; }
.carrello b { padding: .25rem; min-width: 1.25rem; color: var(--white); background-color: var(--red); font-size: .75rem; font-weight: 500!important; line-height: 1; border-radius: 50rem; display: flex; align-items: center; justify-content: center; position: absolute; top:auto; left: auto; bottom: .125rem; right: .125rem; }
.btn-icon.cancella { --bs-btn-color: var(--grey); --bs-btn-hover-color: var(--main); --bs-btn-active-color: var(--main); --bs-btn-disabled-color: var(--grey); }
.btn-icon.cancella .icon { background-color: var(--grey); }
.btn-icon:hover.cancella .icon, .btn-icon:active.cancella .icon, .btn-icon.active.cancella .icon { background-color: var(--main); }
.btn-icon.social { --bs-btn-border-radius: 50rem; --bs-btn-bg: var(--main); --bs-btn-hover-bg: var(--secondary); --bs-btn-active-bg: var(--secondary); --bs-btn-disabled-bg: transparent; }
.btn-icon.social .icon { background-color: var(--white-m); }
.btn-icon.social:hover .icon, .btn-icon.social:active .icon, .btn-icon.social.active .icon { background-color: var(--white); }
.btn-zoom { min-width: 3rem; min-height: 3rem; --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-bg: rgba( 255,255,255, 0.5); --bs-btn-hover-bg: rgba( 255,255,255, 0.75); --bs-btn-active-bg: rgba( 255,255,255, 0.75); --bs-btn-disabled-bg: rgba( 255,255,255, 0.5); --bs-btn-border-width: 0; --bs-btn-border-radius: .5rem; display: flex; align-items: center; justify-content: center; }
.btn-zoom .icon { background-color: var(--main-l); }
.btn-zoom:hover .iconn, .btn-zoom:active .icon, .btn-zoom.active .icon { background-color: var(--main); }
.btn-preferiti { min-width: 3rem; min-height: 3rem; --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-size: .875rem; --bs-btn-color: var(--grey-d); --bs-btn-hover-color: var(--red); --bs-btn-active-color: var(--red); --bs-btn-disabled-color: var(--grey-d); --bs-btn-border-width: 0; display: flex; align-items: center; justify-content: center; gap: .5rem; }
.btn-preferiti .icon { background-color: var(--grey-d); transition: transform .3s; }
.btn-preferiti:hover .icon, .btn-preferiti:active .icon, .btn-preferiti.active .icon { background-color: var(--red); transform: scale(1.5); }
.btn-filtri { min-width: 3rem; min-height: 3rem; --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-size: 1.125rem; --bs-btn-color: var(--white-m); --bs-btn-hover-color: var(--white); --bs-btn-active-color: var(--white); --bs-btn-disabled-color: var(--white-m); --bs-btn-border-width: 0; display: flex; align-items: center; justify-content: center; gap: .25rem; }
.btn-filtri .text-label {margin: 0; display: flex; align-items: center; gap: .125rem; position: relative;}
.btn-filtri .icon { background-color: var(--white-m); }
.btn-filtri:hover .icon, .btn-filtri:active .icon, .btn-filtri.active .icon { background-color: var(--white); }
.btn-filtri .opt-badge { padding: .5rem; min-width: 2rem; color: var(--white); background-color: var(--secondary); font-size: 1rem; font-weight: 500; line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 50rem; }
.btn-dark { --bs-btn-color: var(--white-m); --bs-btn-bg: var(--main-l); --bs-btn-border-color: var(--main-l); --bs-btn-hover-color: var(--white); --bs-btn-hover-bg: var(--main); --bs-btn-hover-border-color: var(--main); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--main); --bs-btn-active-border-color: var(--main); --bs-btn-disabled-color: var(--white-m); --bs-btn-disabled-bg: var(--main-l); --bs-btn-disabled-border-color: var(--main-l); display: flex; align-items: center; justify-content: center; }
.btn-secondary { --bs-btn-color: var(--white); --bs-btn-bg: var(--secondary); --bs-btn-border-color: var(--secondary); --bs-btn-hover-color: var(--white); --bs-btn-hover-bg: var(--main-l); --bs-btn-hover-border-color: var(--main-l); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--main-l); --bs-btn-active-border-color: var(--main-l); --bs-btn-disabled-color: var(--white); --bs-btn-disabled-bg: var(--secondary); --bs-btn-disabled-border-color: var(--secondary); display: flex; align-items: center; justify-content: center; }
.btn-grey { --bs-btn-color: var(--black-l); --bs-btn-bg: var(--grey-c); --bs-btn-border-color: var(--grey-c); --bs-btn-hover-color: var(--black); --bs-btn-hover-bg: var(--grey); --bs-btn-hover-border-color: var(--grey); --bs-btn-active-color: var(--black); --bs-btn-active-bg: var(--grey); --bs-btn-active-border-color: var(--grey); --bs-btn-disabled-color: var(--black-l); --bs-btn-disabled-bg: var(--grey-c); --bs-btn-disabled-border-color: var(--grey-c); display: flex; align-items: center; justify-content: center; }
.btn-clear { --bs-btn-color: var(--main); --bs-btn-bg: var(--grey-l); --bs-btn-border-color: var(--grey-l); --bs-btn-hover-color: var(--white); --bs-btn-hover-bg: var(--secondary); --bs-btn-hover-border-color: var(--secondary); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--secondary); --bs-btn-active-border-color: var(--secondary); --bs-btn-disabled-color: var(--main); --bs-btn-disabled-bg: var(--grey-l); --bs-btn-disabled-border-color: var(--grey-l); display: flex; align-items: center; justify-content: center; }
.btn-white { --bs-btn-color: var(--secondary); --bs-btn-bg: var(--white); --bs-btn-border-color: var(--white); --bs-btn-hover-color: var(--white); --bs-btn-hover-bg: var(--main); --bs-btn-hover-border-color: var(--main); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--main); --bs-btn-active-border-color: var(--main); --bs-btn-disabled-color: var(--secondary); --bs-btn-disabled-bg: var(--white); --bs-btn-disabled-border-color: var(--white); display: flex; align-items: center; justify-content: center; }
.btn-action { --bs-btn-color: var(--white); --bs-btn-bg: var(--secondary); --bs-btn-border-color: var(--secondary); --bs-btn-hover-color: var(--white); --bs-btn-hover-bg: var(--main); --bs-btn-hover-border-color: var(--main); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--main); --bs-btn-active-border-color: var(--main); --bs-btn-disabled-color: var(--white); --bs-btn-disabled-bg: var(--secondary); --bs-btn-disabled-border-color: var(--secondary); display: flex; align-items: center; justify-content: center; gap: .5rem; }
.btn-outline { --bs-btn-color: var(--grey-d); --bs-btn-bg: transparent; --bs-btn-border-color: var(--grey-d); --bs-btn-hover-color: var(--main); --bs-btn-hover-bg: transparent; --bs-btn-hover-border-color: var(--main); --bs-btn-active-color: var(--main); --bs-btn-active-bg: transparent; --bs-btn-active-border-color: var(--main); --bs-btn-disabled-color: var(--grey-d); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--main); display: flex; align-items: center; justify-content: center; }
.dropdown .btn-outline { min-width: 6rem; min-height: 3rem;}
.btn-outline .btn-dropdown-icon { background-color: var(--grey-d); }
.btn-outline:hover .btn-dropdown-icon, .btn-outline.show .btn-dropdown-icon { background-color: var(--main); }
.btn-outline:not(.show) .btn-dropdown-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.btn-clear.user.collapsed { color: var(--main); background-color: var(--grey-l); border-color: var(--grey-l); }
.btn-clear.user:not(.collapsed) { color: var(--white); background-color: var(--secondary); border-color: var(--secondary); }
.btn-clear .icon, .btn-clear.user.collapsed .icon { background-color: var(--main); }
.btn-clear:hover .icon, .btn-clear:active .icon, .btn-clear.active .icon, .btn-clear.user:not(.collapsed) .icon { background-color: var(--white); }
.btn-white .icon { background-color: var(--secondary); }
.btn-white:hover .icon, .btn-white:active .icon, .btn-white.active .icon { background-color: var(--white); }
.btn-taglie { --bs-btn-color: var(--grey-d); --bs-btn-bg: var(--white-m); --bs-btn-border-color: var(--grey-d); --bs-btn-hover-color: var(--white); --bs-btn-hover-bg: var(--main); --bs-btn-hover-border-color: var(--main); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--main); --bs-btn-active-border-color: var(--main); --bs-btn-disabled-color: var(--grey-d); --bs-btn-disabled-bg: var(--white-m); --bs-btn-disabled-border-color: var(--grey-d); --bs-btn-padding-x: 0.375rem; --bs-btn-padding-y: 0.25rem; --bs-btn-font-size: 1.25rem; min-width: 2.5rem; }
/*      --> Bottone Mostra Password                         */
.btn-show { --bs-btn-color: var(--main-l); --bs-btn-bg: var(--white); --bs-btn-border-color: var(--grey-l); --bs-btn-hover-color: var(--main); --bs-btn-hover-bg: var(--white); --bs-btn-hover-border-color: var(--grey-l); --bs-btn-active-color: var(--main); --bs-btn-active-bg: var(--white); --bs-btn-active-border-color: var(--grey-l); --bs-btn-disabled-color: var(--main-l); --bs-btn-disabled-bg: var(--grey-l); --bs-btn-disabled-border-color: var(--grey-l); --bs-btn-border-radius: .25rem; --bs-btn-padding-x: .875rem; --bs-btn-padding-y: .75rem; --bs-btn-font-weight: 500; --bs-btn-border-width: 1px; border-left: 0!important; display: flex; align-items: center; justify-content: center; }
.btn-show .icon, .btn-show:focus .ico-show-pw { background-color: var(--main-l); -webkit-mask: url("../images/icons/sys-eye-on.svg") no-repeat center; mask: url("../images/icons/sys-eye-on.svg") no-repeat center; }
.btn-show:hover .icon, .btn-show:active .ico-show-pw, .btn-check:checked+.btn-show .ico-show-pw { background-color: var(--main); }
.btn-show:active .ico-show-pw, .btn-check:checked+.btn-show .ico-show-pw { -webkit-mask: url("../images/icons/sys-eye-off.svg") no-repeat center; mask: url("../images/icons/sys-eye-off.svg") no-repeat center; }
/*      --> Menu Navbar                                     */
.menu-link { padding: .438rem .5rem; color: var(--main-l); font-family: var(--header-font); font-size: 1.125rem; font-weight: 500; line-height: 1; text-decoration: none; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-radius: 0; display: flex; align-items: center; white-space: nowrap; -webkit-transition: 400ms ease; -moz-transition: 400ms ease; -o-transition: 400ms ease; -ms-transition: 400ms ease; transition: 400ms ease; transition-property: all; }
#homepagebar.scrolled .menu-link, #pagebar.scrolled .menu-link { padding: .5rem; font-size: 1rem; -webkit-transition: 400ms ease; -moz-transition: 400ms ease; -o-transition: 400ms ease; -ms-transition: 400ms ease; transition: 400ms ease; transition-property: all; }
.menu-link:hover, .menu-link.active, .menu-link:active, .menu-link.show { color: var(--main); text-decoration: none; border-bottom-color: var(--secondary); -webkit-transition: 400ms ease; -moz-transition: 400ms ease; -o-transition: 400ms ease; -ms-transition: 400ms ease; transition: 400ms ease; transition-property: all; }
.menu-link:focus { box-shadow: none; }
/*      --> Cambio Lingua                                   */
.btn-lang, .btn-lang:hover { min-width: 4.25rem; color: var(--blue-d); font-size: 1.25rem; font-weight: 500; text-decoration: none; text-transform: uppercase; background-color: rgba(var(--main-rgb), 0.4); border-radius: .25rem; white-space: nowrap; display: flex; align-items: center; justify-content: center; -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; -ms-transition: 200ms ease-in-out; transition: 200ms ease-in-out; transition-property: background-color; }
.btn-lang-flag { width: 2rem; height: auto; }
.btn-lang-icon, .btn-dropdown-icon { min-width: 1.5rem; height: 1.5rem; background-color: var(--main); -webkit-mask: url("../images/icons/nav-chevron-y.svg") no-repeat center; mask: url("../images/icons/nav-chevron-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; }
.btn-lang.show .btn-lang-icon { background-color: var(--main); }
.btn-lang:not(.show) .btn-lang-icon, .dropdown .menu-link:not(.show) .btn-dropdown-icon, .dropdown .footer-link:not(.show) .btn-dropdown-icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.lang-dropdown-menu { margin-top: .5rem!important; width: 100%; min-width: 8rem; background-color: var(--main); top: 100%; left: auto; right: 0; border: 0; border-radius: .25rem; }
.lang-dropdown-item { padding: .25rem; font-size: 1rem; font-weight: 300; color: var(--white); text-align: center; display: flex; align-items: center; }
.lang-dropdown-flag { margin-left: .25rem; width: auto; height: 1.5rem; -webkit-filter: drop-shadow( 0 .125rem .125rem rgba(var(--main-rgb), 0.45)); filter: drop-shadow( 0 .125rem .125rem rgba(var(--main-rgb), 0.45)); }
.lang-dropdown-item:hover { color: var(--white); background-color: rgba(var(--main-l-rgb), 0.25); }
.lang-dropdown-item.active, .lang-dropdown-item:active { color: var(--white); text-decoration: none; background-color: var(--main-l); }
/*      --> Dropdown Menus                                  */
.dropdown .menu-link { flex-direction: row; }
.menu-link-dropdown { background-color: var(--white); top: 100%; left: 0; right: auto; border: 0; border-radius: .125rem; box-shadow: 0 0.25rem 1rem rgba(var(--main-rgb), 0.15); }
.menu-link-collapse { margin: 0 .5rem; padding: .25rem 0; color: var(--main-l); background-color: var(--white-m); border-radius: .25rem; display: flex; flex-direction: column; list-style: none; }
.menu-link-dropdown-item, .footer-link-dropdown-item { padding: .25rem .75rem; font-size: 1rem; font-weight: 400; color: var(--black-l); display: flex; align-items: center; }
.menu-link-dropdown-item:hover, .footer-link-dropdown-item:hover { color: var(--black); background-color: rgba(var(--main-rgb), 0.125); }
.menu-link-dropdown-item.active, .menu-link-dropdown-item:active, .footer-link-dropdown-item.active, .footer-link-dropdown-item:active { color: var(--white); text-decoration: none; background-color: var(--secondary); }
.menu-link-dropdown-item .icon { background-color: var(--black-l); }
.menu-link-dropdown-item:hover .icon { background-color: var(--black); }
.menu-link-dropdown-item.active .icon, .menu-link-dropdown-item:active .icon{ background-color: var(--white); }
.dropdown-menu-end.menu-link-dropdown { left: auto; right: 0; }
.btn-dropdown-icon { background-color: var(--main); }
.dropdown .menu-link.show .btn-dropdown-icon { background-color: var(--main); }
/*      --> Mega Menu                                       */
.dropdown.mega-menu { position: inherit; }
.dropdown-mega { padding: 1rem; left: 0!important; right: 0!important; border: 0; border-radius: .125rem; box-shadow: 0 0.25rem 1rem rgba(var(--main-rgb), 0.15); }
.dropdown-mega.show { height: fit-content; display: flex!important; flex-direction: column;  left: 0!important; right: 0!important; transform: translateX(0) translateY(64px) !important; }
#homepagebar.scrolled .dropdown-mega.show, #pagebar.scrolled .dropdown-mega.show { transform: translateX(0) translateY(56px) !important; }
.dropdown-mega .row div { border-left: 1px solid var(--grey-l); display: flex; flex-direction: column; gap: .25rem; }
.dropdown-mega .row div:first-of-type, .dropdown-mega .row div:last-of-type { border-left-color: transparent; }
.menu-category { margin-top: .5rem; padding: 0 .25rem; font-size: 1.125rem; font-weight: 600; line-height: 1; }
/*      --> Bottoni Carousel                                */
.btn-carousel { width: 3rem; height: 100%; background-color: transparent; border-radius: 0; display: flex; align-items: center; justify-content: center; opacity: .5; }
.btn-carousel:hover, .btn-carousel-prodotto:hover { opacity: 1; }
.btn-carousel.prev { left: -1rem; }
.btn-carousel.next { right: -1rem; }
.btn-carousel-prodotto { width: 100%; height: 2rem; background-color: rgba(255,255,255, 0.75); border-radius: 0; display: flex; align-items: center; justify-content: center; opacity: .5; }
.btn-carousel-prodotto.prev { top: 0; }
.btn-carousel-prodotto.next { bottom: 0; }
.btn-carousel-prodotto.prev .icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
.btn-carousel-prodotto.next .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
@media (max-width: 1199.98px) {
    .btn-filtri .text-label {font-size: 0;}
    .menu-link { padding: .625rem .5rem; color: var(--main-l); font-size: 1rem; border-top: 2px solid transparent; border-bottom: 2px solid var(--white-m); }
    .menu-link.show { border-bottom-color: var(--white); }
    .menu-link-dropdown, .dropdown-mega, .dropdown-mega.show { --bs-dropdown-padding-y: .25rem; position: relative!important; transform: none!important; box-shadow: none!important; background-color: var(--white-m); border-radius: .25rem; }
    .dropdown-mega .row div:nth-child(odd) { border-left-color: transparent; }
    .dropdown-mega .row div:last-of-type { display: none; }
}
@media (max-width: 767.98px) {
    .btn-label { display: none; }
    .btn-carousel-prodotto { width: 2rem; height: 100%; }
    .btn-carousel-prodotto.prev { top: 50%; left: 0; }
    .btn-carousel-prodotto.next { right: 0; }
    .btn-carousel-prodotto.prev .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    .btn-carousel-prodotto.next .icon { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@media (max-width: 575.98px) {
    /* .menu-link-dropdown-item { font-size: .875rem; } */
    .menu-category { font-size: 1rem; }
}
/*  =====================================================
    =   ELEMENTI COMUNI                                 =
    =====================================================   */
.mw-1920 { max-width: 1920px; }
.mw-1600 { max-width: 1600px; }
.mw-1400 { max-width: 1400px; }
.mw-1200 { max-width: 1200px; }
.mw-992 { max-width: 992px; }
.mw-960 { max-width: 960px; }
.mw-800 { max-width: 800px; }
.mw-768 { max-width: 768px; }
.mw-576 { max-width: 576px; }
.mw-480 { max-width: 480px; }
.mw-360 { max-width: 360px; }
.mw-320 { max-width: 320px; }
.anchor-spacer { width: 100%; height: 4px; }
/*      --> Typografy                                       */
.page-title, .page-subtitle, .section-title, .section-subtitle { line-height: 1; }
.page-title { color: var(--main-l); }
.page-subtitle { color: var(--grey-d); font-weight: 400; }
.section-title { color: var(--secondary); }
.section-subtitle { color: var(--main-l); font-weight: 400; }
.section-subtitle b, .section-subtitle strong, .page-subtitle b, .page-subtitle strong { color: var(--secondary); font-weight: 500!important; }
.section-text { line-height: 1.375; display: flex; flex-direction: column; }
.section-text p:last-child { margin-bottom: 0; }
.section-text b, .section-text strong { color: var(--secondary); }
.section-text li::marker { content: "● "; font-size: 1.125rem; color: var(--secondary); }
.section-text a { color: var(--main-l); font-weight: 500; }
.section-text a:hover { color: var(--main-l); text-decoration: underline; }
/*      --> Custom <hr>                                     */
.section-hr { width: 100%; border-top: 2px solid; opacity: 1 }
.section-hr.tin { border-top: 1px solid; }
.section-hr.white { color: var(--white); }
.section-hr.darkest { color: var(--black-l); }
.section-hr.dark { color: var(--grey-d); }
.section-hr.grey { color: var(--grey); }
.section-hr.light { color: var(--grey-l); }
.section-hr.main { color: var(--main); }
.section-hr.secondary { color: var(--secondary); }
/*      --> Breadcrumb                                      */
.page-breadcrumb-container { background-color: var(--white-m); border-radius: .25rem; display: flex; flex-direction: column; z-index: 1!important; }
.page-breadcrumb { font-family: var(--header-font); color: var(--grey-d); font-size: 1rem; font-weight: 400; line-height: 1.125; text-transform: uppercase; }
.page-breadcrumb a { color: var(--main-l); font-weight: 500; }
.page-breadcrumb a:hover { color: var(--secondary); }
.page-breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: var(--main-l); }
.page-breadcrumb .breadcrumb-item.active { color: var(--main); }
/*      --> Pagination                                      */
.pagination.custom { --bs-pagination-color: var(--main); --bs-pagination-border-color: var(--grey-l); --bs-pagination-hover-color: var(--white); --bs-pagination-hover-bg: var(--main-l); --bs-pagination-hover-border-color: var(--main-l); --bs-pagination-focus-color: var(--white); --bs-pagination-focus-bg: var(--main); --bs-pagination-focus-box-shadow: 0; --bs-pagination-active-color: var(--white); --bs-pagination-active-bg: var(--secondary); --bs-pagination-active-border-color: var(--secondary); --bs-pagination-disabled-color: var(--main); --bs-pagination-disabled-bg: var(--white-m); --bs-pagination-disabled-border-color: var(--grey-l); --bs-pagination-border-radius: .25rem; }
/*      --> Images Ratio                                    */
.page-img-frame, .card-img-frame { width: 100%; position: relative; overflow: hidden; }
.page-img-frame.portrait, .card-img-frame.portrait { padding-top: 140%; }
.page-img-frame.p-wide, .card-img-frame.p-wide { padding-top: 150.5%; }
.page-img-frame.square, .card-img-frame.square { padding-top: 100%; }
.page-img-frame.landscape, .card-img-frame.landscape { padding-top: 66.64%; }
.page-img-frame.panoramic { padding-top: 56%; }
.page-img-frame.wide { padding-top: 42.813%; }
.page-img, .card-img { width: 100%; height: 100%; border-radius: .25rem; object-fit: cover; object-position: center; position: absolute; top: 0; }
.card-img { background-color: var(--grey-l); }
.page-img-placeholder, .card-img-placeholder { width: 100%; height: 100%; border-radius: .25rem; background-color: var(--grey-l); display: flex; align-items: center; justify-content: center; position: absolute; top: 0; }
/*      --> Cards                                           */
.card-prodotto, .card-carrello, .card-carrello-sm, .card-live-search, .card-order { display: flex; position: relative; }
.card-prodotto, .card-carrello { padding: .5rem;}
.card-img-container { width: 100%;}
.card-info-container { display: flex; flex: 1 1 auto; gap: .5rem; }
.card-badge { margin-bottom: 0; padding: .5rem .625rem; color: var(--white); background-color: var(--red); font-weight: 600; line-height: 1; border-radius: .25rem; position: absolute; top: 0.5rem; left: -0.25rem; right: auto; bottom: auto; }
.label-prodotto { margin-bottom: 0; color: var(--main-l); font-family: var(--header-font); font-size: .875rem; font-weight: 500; line-height: 1; text-decoration: none; display: flex; flex-direction: column; }
.label-prodotto small { color: var(--grey-d); font-size: 80%; font-weight: 400; text-transform: uppercase;}
.card-prodotto-info, .card-carrello-info, .order-recap-info { color: var(--grey-d); font-size: .75rem; font-weight: 400; line-height: 1; display: flex; flex-direction: column; gap: .25rem; flex: auto; }
.card-prodotto-info p, .card-carrello-info p, .order-recap-info p { margin-bottom: 0; }
.prezzo-prodotto { min-height: 1.5rem; margin-top: .25rem; margin-bottom: 0; color: var(--main); font-size: 1rem; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; white-space: nowrap; }
.prezzo-prodotto s { color: var(--grey); font-weight: 400; }
.prezzo-prodotto .sconto { padding: .25rem; color: var(--white); background-color: var(--red); font-weight: 700; border-radius: .25rem; }
.prezzo-prodotto s, .prezzo-prodotto .sconto { font-size: .875rem; }
.taglie-prodotto, .varianti-colore { padding: .25rem 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.taglie-badge { padding: .25rem .375rem; color: var(--grey-d); border: 1px solid var(--grey-d); font-size: .875rem; line-height: 1; white-space: nowrap; }
.taglie-badge.no-available { opacity: 0.5; }
.colore-badge { width: 1.5rem; height: 1.5rem; border: 4px solid transparent; border-radius: 50rem; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.colore-badge span { width: 100%; height: 100%; background: linear-gradient( to top right, var(--primary-color) 0%, var(--primary-color) 50%, var(--secondary-color) 50%, var(--secondary-color) 100% );}
.colore-badge:hover, .colore-badge:active, .colore-badge.active { border-color: var(--grey-d); }
.colore-badge:disabled, .colore-badge.disabled { opacity: 0.5; pointer-events: none; }
.card-prodotto { max-width: 320px; flex-direction: column; }
.card-prodotto .card-img-container { position: relative;}
.card-prodotto .card-img-frame picture:last-of-type img { opacity: 0; transition: opacity .25s, transform .25s; transform: scaleX(-.5); }
.card-prodotto .card-img-frame:hover picture:last-of-type img { opacity: 1; transform: scaleX(1); }
.card-prodotto .btn-preferiti { position: absolute; top: 0; left: auto; right: 0; bottom: auto; }
.card-prodotto .label-prodotto { font-size: 1rem; line-height: 1.125; }
.card-carrello, .card-carrello-sm, .card-live-search { background-color: var(--white-m); }
.card-carrello { padding: .5rem;  border-radius: .5rem; gap: .5rem; }
.card-carrello .label-prodotto { font-size: 1.25rem; line-height: 1.125; }
.card-carrello .card-img-container { max-width: 12rem; }
.card-carrello-info { padding: .25rem .25rem 0; }
.card-carrello-info p:last-of-type { margin-bottom: auto; }
.card-carrello .card-carrello-info { font-size: 1rem; line-height: 1.25;  }
.card-carrello .card-carrello-info p:first-of-type { margin-top: auto; }
.card-carrello .card-carrello-info .dropdown p { font-size: .875rem; color: var(--black-l); }
.card-carrello .prezzo-prodotto { margin-top: 0; color: var(--main); font-size: 1.25rem; display: flex; align-items:flex-end; justify-content: flex-start; align-self: flex-start; flex-direction: column; }
.card-carrello .prezzo-prodotto s, .prezzo-prodotto .sconto { font-size: 1rem; }
.card-carrello-sm, .card-live-search { padding: .25rem;  border-radius: .25rem; }
.card-carrello-sm { gap: .25rem; }
.card-carrello-sm .card-img-container { max-width: 7rem; position: relative; }
.card-carrello-sm .card-img-container .btn { position: absolute; top: 0; left: 0; right: auto; bottom: auto; }
.card-carrello-sm .card-img-container .btn-icon p, .card-carrello-sm .card-img-container .btn-icon-sm p { margin-bottom: 0; padding-left: .125rem; opacity: 0; transition: opacity .15s ease-in-out; }
.card-carrello-sm .card-img-container .btn-icon:hover p, .card-carrello-sm .card-img-container .btn-icon-sm:hover p { opacity: 1; transition: opacity .15s ease-in-out; }
.card-carrello-sm .card-img-container .qta-badge { padding: .5rem; min-width: 2rem; height: 2rem; color: var(--white); background-color: var(--secondary); font-size: 1.25rem; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 50rem; position: absolute; top: -.5rem; right: -.25rem; bottom: auto; left: auto; }
.card-live-search { align-items: center; gap: .5rem; }
.card-live-search .card-img-container { max-width: 3rem; }
.card-order { padding: 1rem; background-color: var(--white-m); flex-direction: column; border-radius: .5rem; }
.card-address { width: 100%; max-width: 240px; padding: .5rem; color: var(--black-l); background-color: var(--grey-l); border: 1px solid var(--grey-c); border-radius: .25rem; display: flex; flex-direction: column; }
.card-address p { margin: 0; padding: .5rem .5rem 0; display: flex; flex-direction: column; }
.card-address.active { color: var(--white); background-color: var(--secondary); border-color:  var(--secondary); }
.card-address.active .btn-icon { --bs-btn-color: var(--white-m); --bs-btn-hover-color: var(--white); --bs-btn-active-color: var(--white); --bs-btn-disabled-color: var(--white-m); }
.card-address.active .btn-icon .icon { background-color: var(--white-m); }
.card-address.active .btn-icon:hover .icon { background-color: var(--white); }
/*      --> Login Modal                                     */
.login-modal { --bs-modal-bg: transparent; --bs-modal-border-width: 0; --bs-modal-border-radius: 0; gap: 1rem; }
.login-form { display: flex; flex-direction: column; background-color: var(--white); border-radius: .5rem; border: 0; }
.login-header { padding: .5rem .5rem .5rem 1rem ; display:flex; align-items: flex-start; justify-content: space-between; }
.login-title { margin-bottom: 0; color: var(--secondary); line-height: 1.25; display: flex; flex-direction: column; flex-wrap: wrap; }
.login-title small { font-family: var(--text-font); color: var(--black-l); font-size: .875rem; font-weight: 500; }
.login-body { padding: 1rem; display: flex; flex-direction: column; flex: 1 1 auto; position: relative; overflow-y: auto; gap: 1rem; }
.reg-alert { background-color: var(--secondary); color: var(--white); display: flex; flex-direction: column; }
.reg-alert .title-alert { padding: 0; color: var(--white); }
.reg-alert .section-hr { background-color: var(--white); opacity: .25; }
/*      --> Banner e Modal Newsletter                       */
.container-banner { min-height: 4rem; display: flex; flex-direction: column; align-items: center; position: relative; }
.banner-newsletter, .banner-newsletter:hover { padding: .5rem; color: var(--white); background-color: var(--secondary); border-radius: 50rem; display: flex; align-items: center; gap: 1rem; position: fixed; top: auto; right: auto; bottom: 1rem; left: auto; z-index: 1029; }
.banner-newsletter h2 { margin-bottom: 0; padding: 0 0 0 .5rem; font-size: 1rem; font-weight: 500; line-height: 1; }
.banner-newsletter h2>b { font-size: 175%; vertical-align: middle; }
.banner-newsletter span { padding: .5rem 2rem; font-size: 1.125rem; font-weight: 600; line-height: 1; color: var(--secondary); background-color: var(--white); border-radius: 50rem; display: flex; align-items: center; justify-content: center; white-space: nowrap; }
.modal-content.newsletter { padding: 1rem; border: 0; overflow: visible; }
.modal-newsletter-badge { padding: .5rem; font-family: var(--header-font); font-size: 1.5rem; font-weight: 700; line-height: 1; color: var(--white); background-color: var(--secondary); border-radius: .5rem; position: absolute; top: -1rem; right: auto; bottom: auto; left: -.5rem; }
@media (max-width: 767.98px) {
    .card-info-container { flex-direction: column; }
    .card-carrello .prezzo-prodotto { align-items:center; justify-content: flex-end; align-self: flex-end; flex-direction: row; }
    .banner-newsletter, .banner-newsletter:hover { border-radius: 1.75rem 1.75rem 0 0; bottom: 0; align-items: stretch; }
    .banner-newsletter h2 { padding: .5rem; font-size: .875rem; }
}
@media (max-width: 575.98px) {
    .page-breadcrumb li { font-size: .75rem; }
    .taglie-badge { font-size: .75rem; }
    .card-carrello { flex-direction: column; }
    .card-carrello .card-img-container { max-width: 100%; }
    .banner-newsletter, .banner-newsletter:hover { border-radius: 2.25rem 2.25rem 0 0; }
    .container-banner { min-height: 5rem; }
}
/*  =====================================================
    =   HEADER                                          =
    =====================================================   */
.container-header { padding-top: 7rem; display: flex; flex-direction: column; }
#homepagebar, #pagebar { display: flex; flex-direction: column; position: fixed; top: 0; right: 0; left: 0; z-index: 1030; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -o-transition: 200ms linear; -ms-transition: 200ms linear; transition: 200ms linear; transition-property: all; }
#homepagebar.scrolled, #pagebar.scrolled { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); -webkit-transition: 200ms linear; -moz-transition: 200ms linear; -o-transition: 200ms linear; -ms-transition: 200ms linear; transition: 200ms linear; transition-property: all; }
/*      --> Top Banner                                      */
.container-topbar { color: var(--white); background-color: var(--main); display: flex; align-items: center; justify-content: center; gap: .5rem; }
.container-topbar p { margin-bottom: 0; font-family: var(--header-font); font-size: .875rem; line-height: 1; text-transform: uppercase; }
/*      --> Navbar                                          */
.container-navbar { padding: .5rem 1rem; width: 100%; max-width: 1920px; color: var(--black-l); background-color: var(--white); display: flex; align-items: center; /*justify-content: space-between;*/ align-self: center; gap: 1.5rem; position: relative; }
.navbar-logo { color: var(--main); font-size: 1.5rem; line-height: 1; white-space: nowrap; display: flex; }
.navbar-logo img { height: 4rem; -moz-transition: 200ms linear; -o-transition: 200ms linear; -ms-transition: 200ms linear; transition: 200ms linear; transition-property: height; }
#homepagebar.scrolled .navbar-logo img, #pagebar.scrolled .navbar-logo img { height: 3rem; -moz-transition: 200ms linear; -o-transition: 200ms linear; -ms-transition: 200ms linear; transition: 200ms linear; transition-property: height; }
.quick-links { margin-left: auto; max-width: 576px; display: flex; align-items: center; justify-content: flex-end; flex: 1 1 auto; gap: .25rem; }
/*      --> Carrello                                        */
.carrello-vuoto { padding: 1rem; height: 100%; color: var(--secondary); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; }
.carrello-vuoto .icon { background-color: var(--secondary); }
.tot-carrello, .tot-carrello-sm { font-weight: 600; line-height: 1; display: flex; }
.tot-carrello small, .tot-carrello-sm small { font-size: 75%; font-weight: 500; }
.tot-carrello-sm { padding: 0 .5rem; font-size: 1.5rem; font-weight: 600; justify-content: space-between; }
/*      --> Hero image                                      */
.container-hero { width: 100%; max-width: 1920px; display: flex; flex-direction: column; flex: 0 0 auto; align-self: center; position: relative; }
.container-hero .page-img-frame { padding-top: 45%; }
.hero-contents { max-width: 50%; color: var(--white); position: absolute; display: flex; flex-direction: column; justify-content: flex-end; }
.hero-contents.gradient-end { background: var(--main); background: -webkit-linear-gradient(90deg, rgba(var(--main-rgb), 0) 0%, rgba(var(--main-rgb), 0.75) 100%); background: -moz-linear-gradient(90deg, rgba(var(--main-rgb), 0) 0%, rgba(var(--main-rgb), 0.75) 100%); background: linear-gradient(90deg, rgba(var(--main-rgb), 0) 0%, rgba(var(--main-rgb), 0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main)", endColorstr="var(--main)", GradientType=1); border-radius: .25rem; top: 0; left: auto; right: 0; bottom: 0; }
.hero-contents.gradient-start { background: var(--main); background: -webkit-linear-gradient(90deg, rgba(var(--main-rgb), 0.75) 0%, rgba(var(--main-rgb), 0) 100%); background: -moz-linear-gradient(90deg, rgba(var(--main-rgb), 0.75) 0%, rgba(var(--main-rgb), 0) 100%); background: linear-gradient(90deg, rgba(var(--main-rgb), 0.75) 0%, rgba(var(--main-rgb), 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main)", endColorstr="var(--main)", GradientType=1); border-radius: .25rem; top: 0; left: 0; right: auto; bottom: 0; }
.hero-label { font-weight: 500; line-height: 1; }
.hero-title { font-weight: 300; line-height: 1; }
.hero-text { margin-bottom: 1rem; font-weight: 300; line-height: 1.25; }
@media (max-width: 991.98px) {
    .container-header { padding-top: 6rem; }
    .container-navbar { gap: 1rem; }
    .navbar-logo img { height: 3rem; }
    /* #homepagebar.scrolled .navbar-logo img, #pagebar.scrolled .navbar-logo img { height: 2rem; } */
    .container-hero .page-img-frame { padding-top: 100%!important; }
    .hero-contents { width: 100%; max-width: 100%; height: 60%; }
    .hero-contents.gradient-end, .hero-contents.gradient-start { background: var(--main); background: -webkit-linear-gradient(0deg, rgba(var(--main-rgb), 0.75) 0%, rgba(var(--main-rgb), 0) 100%); background: -moz-linear-gradient(0deg, rgba(var(--main-rgb), 0.75) 0%, rgba(var(--main-rgb), 0) 100%); background: linear-gradient(0deg, rgba(var(--main-rgb), 0.75) 0%, rgba(var(--main-rgb), 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--main)", endColorstr="var(--main)", GradientType=1); border-radius: .25rem; top: auto; left: 0; right: 0; bottom: 0; }
}
@media (max-width: 575.98px) {
    .container-navbar { padding: .5rem; gap: .5rem; }
    .container-hero .page-img-frame { padding-top: 140%!important; }
}
/*  =====================================================
    =   FOOTER                                          =
    =====================================================   */
.container-payments { color: var(--black-l); background: #F5F5F5; background: -webkit-linear-gradient(0deg, rgba(245, 245, 245, 1) 75%, rgba(213, 213, 213, 1) 100%); background: -moz-linear-gradient(0deg, rgba(245, 245, 245, 1) 75%, rgba(213, 213, 213, 1) 100%); background: linear-gradient(0deg, rgba(245, 245, 245, 1) 75%, rgba(213, 213, 213, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F5F5F5", endColorstr="#D5D5D5", GradientType=0); font-size: .75rem; line-height: 1; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1rem; }
.container-payments p { margin-bottom: 0;}
.container-payments b { font-weight: 600; }
.container-footer { font-size: .875rem; color: var(--white-m); background-color: var(--main-l); display: flex; flex-direction: column; }
.footer-logo { width: 100%; max-width: 15rem; }
.footer-row div { border-left: 1px solid var(--grey-d); display: flex; flex-direction: column; gap: .25rem; }
.footer-row div:first-of-type { border-left-color: transparent; }
.footer-label { font-size: 1rem; font-weight: 600; line-height: 1; }
.footer-link { --bs-btn-color: var(--white-m); --bs-btn-bg: transparent; --bs-btn-hover-color: var(--white); --bs-btn-hover-bg: var(--main); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--secondary); --bs-btn-disabled-color: var(--white-m); --bs-btn-disabled-bg: transparent; --bs-btn-border-width: 0; --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.25rem; font-size: .875rem; display: flex; align-items: center; gap: .25rem; align-self: flex-start; }
.footer-link-dropdown { background-color: var(--white-m); top: 100%; left: 0; right: auto; border: 0; border-radius: .125rem; }
.dropdown .footer-link .btn-dropdown-icon, .dropdown .footer-link.show .btn-dropdown-icon { background-color: var(--white-m); }
.footer-link-dropdown-item { font-size: .875rem; }
.container-social { flex-direction: row!important; flex-wrap: wrap; align-items: center;  gap: .75rem!important; }
/*      --> Footer Bottom                                   */
.footer-bottom { background-color: var(--main); display: flex; flex-direction: column; }
.footer-bottom p { font-size: .875rem; color: var(--white); }
.bookingbar-footer .footer-bottom { padding-bottom: 8rem!important; }
/*      --> Firma JAM Studio                                */
#jamstudio { width: auto; height: 1.75rem; }
.logo-signature { fill: var(--white); }
/*      --> Firma Merx.Pro                                  */
.logo-wrapper { width: 12rem; cursor: pointer; pointer-events: auto; }
.logo { width: 100%; will-change: transform, opacity; transform: scale(0.8); transition: transform 0.5s cubic-bezier(.34,1.56,.64,1); }
.logo-mark, .logo-text, .logo-powered, .logo-badge { fill: var(--merx-signature); }
.logo-text { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.logo-powered { opacity: 0; transition: opacity 0.75s ease; }
.logo-badge { opacity: 0; transform: scale(0.9); transition: opacity 0.6s ease, transform 0.6s cubic-bezier(.34,1.56,.64,1); }
.logo-wrapper:hover .logo { transform: scale(1); transition-delay: 0s; }
.logo-wrapper:hover .logo-text { opacity: 1; transform: translateY(0); transition-delay: 0.125s; }
.logo-wrapper:hover .logo-powered { opacity: 1; transition-delay: 0.5s; }
.logo-wrapper:hover .logo-badge { opacity: 1; transform: scale(1); transition-delay: 0.75s; }
@media (max-width: 1199.98px) {
    .footer-row div:last-of-type { border-left-color: transparent; }
    .logo, .logo-text, .logo-powered, .logo-badge { opacity: 1; transform: none; }
}
@media (max-width: 991.98px) {
    .footer-logo { align-self: center; }
    .footer-row div { border: 0; }
}
@media (max-width: 575.98px) {
    .secure-info { width: 100%; justify-content: center; }
    .footer-row div, .footer-label { display: none; }
    .footer-row div:first-of-type { display: flex; }
    .footer-row div:last-of-type { display: flex; justify-content: center;}
}
/*  =====================================================
    =   FORMS CONTROLS                                  =
    =====================================================   */
.custom-form-label { font-family: var(--text-font); font-weight: 400; color: var(--grey-d); }
.custom-form-control { border-color: var(--grey-l); border-radius: .25rem; }
.custom-form-control:focus { border-color: var(--secondary); box-shadow: none; }
.custom-form-check { border-color: var(--grey-c); }
.custom-form-check:focus { border-color: var(--secondary); box-shadow: none; }
.custom-form-check:checked { background-color: var(--secondary); border-color: var(--secondary); }
.form-check .custom-form-label { font-size: .875rem; line-height: 1.875; color: var(--black-l); display: flex; align-items: center; }
.form-check .custom-form-label span { margin-left: auto; padding: .25rem .5rem; font-weight: 500; color: var(--grey-d); background-color: rgba(var(--main-rgb), 0.05); line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 50rem; }
.form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23C5C5C5'/%3e%3c/svg%3e"); }
.login-form-control { --bs-body-color: var(--black-l); border-color: var(--grey-l); border-radius: .25rem; }
.login-form-control:focus { border-color: var(--grey-l); box-shadow: none; }
.input-group .login-form-control:focus { border-right: 0; }
.custom-form-control:disabled, .login-form-control:disabled { background-color: var(--grey-l); }
.form-floating>.form-control:disabled~label::after, .form-floating>:disabled~label::after { background-color: var(--grey-l); }
.check-address, .btn-address { --bs-btn-color: var(--black-l); --bs-btn-bg: var(--grey-l); --bs-btn-border-color: var(--grey-c); --bs-btn-hover-color: var(--black); --bs-btn-hover-bg: var(--grey-c); --bs-btn-hover-border-color: var(--grey); --bs-btn-active-color: var(--white); --bs-btn-active-bg: var(--secondary); --bs-btn-active-border-color: var(--secondary); --bs-btn-disabled-color: var(--black-l); --bs-btn-disabled-bg: var(--grey-l); --bs-btn-disabled-border-color: var(--grey-c); --bs-btn-padding-x: 1rem; --bs-btn-line-height: 1.25; width: 100%; max-width: 11rem; display: flex; flex-direction: column; }
.btn-address { --bs-btn-padding-y: .5rem; --bs-btn-font-weight: 500; gap: .25rem; justify-content: center; }
.check-address {  --bs-btn-padding-y: 1rem; --bs-btn-font-size: .875rem; text-align: left; align-items: flex-start; justify-content: center; }
.check-address b, .check-address strong { font-weight: 600!important; }
.check-address small { font-size: .75rem; }
.check-address .icon, .btn-address .icon { background-color: var(--black-l); }
.check-address:hover .icon, .btn-address:hover .icon { background-color:  var(--black); }
.check-address:active, .check-address.active, .btn-address:active, .btn-address.active { background-color:  var(--white); }
.form-text a:hover { text-decoration: underline; }
.qta-select { min-width: 6rem; min-height: 3rem; }
/*      --> Form Ricerca                                    */
.search-form { padding-right: .125rem; width: 100%; background-color: var(--white-m); border-radius: 50rem; position: relative; }
.search-form .btn-icon { border-radius: 50rem; }
.search-form-control { background-color: transparent; border-color: transparent; border-radius: 50rem; }
.search-form-control:focus { background-color: transparent; border-color: transparent; box-shadow: none; }
#live-search { padding: .5rem; position: absolute; top: 52px; left: 0; width: 100%; background: var(--white); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: .5rem; display: none; }
#live-search.show { display: block; }
#live-search-results { margin-bottom: .5rem; max-height: calc(100vh - 168px); overflow: auto; display: flex; flex-direction: column; gap: .5rem; }
.no-results { color: var(--grey-d); font-family: var(--header-font); font-size: 1.25rem; font-weight: 500; line-height: 1; display: flex; align-items: center; gap: .5rem; }
.mobile-search { --bs-offcanvas-height: 100%; }
@media (max-width: 767.98px) {
    #live-search { position: inherit; top: 0; box-shadow: none; border-radius: 0; }
}
@media (max-width: 575.98px) {
    .check-address, .btn-address { max-width: 100%; }
}
/*  =====================================================
    =   OPZIONI DI RICERCA                              =
    =====================================================   */
.search-options-sidebar-left, .search-options-sidebar-right { position: fixed; z-index: 1020; }
.search-options-sidebar-left { left: 0; right: auto; }
.search-options-sidebar-right { left: auto; right: 0; }
.search-options-sidebar .collapsing { transition-delay: 200ms; }
.container-sidebar { background: rgba(255, 255, 255, 0.75); box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); display: flex; flex-direction: column; }
.sidebar-header { font-size: 1.125rem; font-weight: 500; line-height: 1; color: var(--white); background-color: rgba(var(--main-rgb), 0.75); display: flex; align-items: center; }
.sidebar-footer { padding: 1rem; background-color: rgba(var(--main-l-rgb), 0.05); }
.sidebar-header .btn-filtri { width: 100%; justify-content: left; }
.btn-filtri .icon { margin-left: .125rem;}
.btn-filtri.collapsed { min-width: 112px; -moz-transition: 400ms linear; -o-transition: 400ms linear; -ms-transition: 400ms linear; transition: 400ms linear; transition-property: all; }
.btn-filtri:not(.collapsed) { -moz-transition: 400ms linear; -o-transition: 400ms linear; -ms-transition: 400ms linear; transition: 400ms linear; transition-property: all; }
.sidebar-header .icon.ico-close { min-width: 0!important; height: 0!important; -moz-transition: 100ms linear; -o-transition: 100ms linear; -ms-transition: 100ms linear; transition: 100ms linear; transition-property: all; }
.btn-filtri:not(.collapsed) .icon.ico-close { min-width: 2rem!important; height: 2rem!important; -moz-transition: 100ms linear; -o-transition: 100ms linear; -ms-transition: 100ms linear; transition: 100ms linear; transition-property: all; transition-delay: 300ms; }
.search-options-sidebar-right .btn-filtri .opt-badge { order: -1!important; }
.sidebar-body { width: 320px; max-height: calc(100vh - 168px); overflow-y: auto; display: flex; flex-direction: column;}
.sidebar-tabs { padding: .25rem 0 0; display: flex; gap: .25rem;  }
.tab-link { padding: .5rem; width: 100%; color: var(--main); font-weight: 500; background-color: transparent; border: 0; border-radius: .125rem .125rem 0 0; display: flex; align-items: center; justify-content: center; gap: .25rem; }
.tab-link:hover { color: var(--white); font-weight: 400; background-color: rgba(var(--main-l-rgb), 0.3); }
.tab-link:active, .tab-link.active { color: var(--white); font-weight: 400; background-color: rgba(var(--main-l-rgb), 0.5); }
.tab-link .icon { background-color: var(--main);}
.tab-link:hover .icon, .tab-link:active .icon, .tab-link.active .icon { background-color: var(--white);}
.filtri-attivi, .ordine-ricerca { margin-bottom: 0; padding: .5rem; color: var(--white); background-color: rgba(var(--main-l-rgb), 0.5); list-style: none; }
.filtri-attivi li { padding-left: .625rem; margin-bottom: .25rem; font-size: .875rem; font-weight: 300; color: var(--white); background-color: rgba(var(--main-l-rgb), 0.5); display: flex; align-items: center; gap: .25rem; }
.filtri-attivi li:last-child { margin-bottom: 0; }
.filtri-attivi li>b { font-weight: 500!important; }
.filtri-attivi li .btn-icon-sm { color: var(--white); background-color: rgba(var(--main-rgb), 0.75); --bs-btn-border-radius: 0; }
.filtri-attivi li .btn-icon-sm .icon { background-color: var(--white) }
.lista-filtri, .lista-faq { --bs-accordion-color: var(--black-l); --bs-accordion-bg: transparent; --bs-accordion-border-color: rgba(var(--main-l-rgb), 0.1); --bs-accordion-btn-padding-x: .75rem; --bs-accordion-btn-padding-y: .875rem; --bs-accordion-btn-color: var(--main); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231f1f1f' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231C9EF1' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0; --bs-accordion-body-padding-x: .5rem; --bs-accordion-body-padding-y: .5rem; --bs-accordion-active-color: var(--secondary); --bs-accordion-active-bg: transparent; }
.lista-filtri .accordion-button {font-size: 1.125rem; font-weight: 400; }
.lista-filtri .search-form { background-color: rgba(var(--main-l-rgb), 0.15); }
.ordine-ricerca { display: flex; flex-direction: column; gap: .5rem; }
.ordine-link { --bs-btn-color: var(--main); --bs-btn-bg: rgba(255,255,255, 0.5); --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--secondary); --bs-btn-hover-bg: rgba(255,255,255, 0.8); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--white); --bs-btn-active-bg: rgba(var(--secondary-rgb), 0.75); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: var(--main); --bs-btn-disabled-bg: rgba(255,255,255, 0.5); --bs-btn-disabled-border-color: transparent; --bs-btn-border-radius: .125rem; text-align: left; }
@media (max-width: 1199.98px) {
    .btn-filtri.collapsed { min-width: 48px;}
    .btn-filtri:not(.collapsed) .text-label { font-size: 1rem; -moz-transition: 100ms linear; -o-transition: 100ms linear; -ms-transition: 100ms linear; transition: 100ms linear; transition-property: all; }
}
/*  =====================================================
    =   ESITI E AVVISI                                  =
    =====================================================   */
.box-alert, .box-esito { --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-border-radius: .5rem; font-size: .875rem; line-height: 1.25; }
.box-esito-sm { --bs-alert-padding-x: .5rem; --bs-alert-padding-y: .5rem; --bs-alert-margin-bottom: 0; --bs-alert-border-radius: .25rem; font-size: .75rem; line-height: 1.125; display: flex; align-items: center; }
.box-alert p, .box-esito p, .box-esito-sm p, .reg-alert p { margin-bottom: .5rem; padding: 0 .5rem; }
.box-esito a, .box-esito-sm a { color: inherit; text-decoration: underline; }
.reg-alert p { padding: 0; }
.box-alert p:last-of-type, .box-esito p:last-of-type, .box-esito-sm p:last-of-type { margin-bottom: 0; }
.box-alert b, .box-esito b, .box-esito-sm b, .box-alert strong, .box-esito strong, .box-esito-sm strong, .reg-alert b, .reg-alert strong { font-weight: 600!important; }
.title-alert, .title-esito { margin: 0; padding: 0 .5rem; font-family: var(--text-font); font-weight: 400!important; line-height: 1; display: flex; align-items: center; gap: .5rem; }
.title-alert { flex-wrap: wrap; }
.title-esito { padding-right: 3rem; }
.title-alert .close-alert, .title-esito .close-alert { position: absolute; top: .5rem; left: auto; bottom: auto; right: .5rem; }
.box-alert.main { background-color: var(--main); color: var(--white);}
.box-alert.main .icon { background-color: var(--white); }
.box-alert.main .title-alert { color: var(--white); }
.box-alert.main .section-hr { background-color: var(--white); opacity: .25; }
.box-alert.secondary { background-color: var(--secondary); color: var(--white);}
.box-alert.secondary .icon { background-color: var(--white); }
.box-alert.secondary .title-alert { color: var(--white); }
.box-alert.secondary .section-hr { background-color: var(--white); opacity: .25; }
.box-esito.ok, .box-esito-sm.ok { background-color: var(--green); color: var(--white);}
.box-esito.ok .icon, .box-esito-sm.ok .icon { background-color: var(--white); }
.box-esito.ok .title-esito, .box-esito-sm.ok .title-esito { color: var(--white); }
.box-esito.ok .section-hr, .box-esito-sm.ok .section-hr { background-color: var(--white); opacity: .25; }
.box-esito.ko, .box-esito-sm.ko { background-color: var(--red); color: var(--white); }
.box-esito.ko .icon, .box-esito-sm.ko .icon { background-color: var(--white); }
.box-esito.ko .title-esito, .box-esito-sm.ko .title-esito { color: var(--white); }
.box-esito.ko .section-hr, .box-esito.ko .section-hr { background-color: var(--white); opacity: .25; }
@media (max-width: 575.98px) {
    .box-alert, .box-esito { --bs-alert-padding-x: .5rem; }
}
/*  =====================================================
    =   SCHEDA PRODOTTO                                 =
    =====================================================   */
.carousel-prodotto { display: flex; flex-direction: column; gap: .5rem; }
.product-carousel { position: relative; }
.product-carousel .btn-zoom { position: absolute; top: .5rem; right: .5rem; bottom: auto; left: auto; z-index: +1; }
.modal-content .btn-zoom { position: fixed; top: 1rem; right: 1rem; bottom: auto; left: auto; z-index: +1; }
.modal-zoom { height: auto; }
.img-prodotto { width: 100%; max-width: 500px; display: flex; flex-direction: column; }
.carousel-prodotto .splide__track--nav>.splide__list>.splide__slide { border: 2px solid transparent; border-radius: .375rem; opacity: .75; }
.splide__track--nav>.splide__list>.splide__slide.is-active { border-color: var(--grey-c); opacity: 1; }
.header-prodotto { color: main-l; font-weight: 800; display: flex; flex-direction: column; }
.header-prodotto a { margin-bottom: -.25rem; padding: .25rem .375rem; color: var(--grey-d); font-size: 45%; font-weight: 500; line-height: 1; text-decoration: none; background-color: transparent; border-radius: .25rem; align-self:flex-start; }
.header-prodotto a:hover { color: var(--white); background-color: var(--secondary); }
.header-prodotto small { color: var(--grey); font-size: .875rem; font-weight: 400; }
.scheda-prodotto .taglie-prodotto, .scheda-prodotto .varianti-colore { padding: .5rem 0; gap: .5rem; }
.scheda-prodotto .taglie-prodotto p, .scheda-prodotto .varianti-colore p { width: 100%; margin-bottom: 0; color: var(--main-l); line-height: 1; }
.scheda-prodotto .varianti-colore p>b { color: var(--secondary); font-weight: 500; }
.scheda-prodotto .varianti-colore .colore-badge { width: 2.5rem; height: 2.5rem; }
.colore-img { --bs-btn-border-color: transparent; --bs-btn-hover-border-color: var(--grey-c); --bs-btn-active-border-color: var(--grey-d); --bs-btn-disabled-border-color: transparent; width: 96px; --bs-btn-padding-x: 0.25rem; --bs-btn-padding-y: 0.25rem; --bs-btn-border-width: 2px; --bs-btn-border-radius: .5rem; }
.colore-img .page-img { left: 0; }
.scheda-prodotto .prezzo-prodotto { min-height: 2rem; margin-top: 1.5rem; font-size: 1.5rem; justify-content: flex-start; }
.scheda-prodotto .prezzo-prodotto .sconto { padding: .375rem .5rem; color: var(--white); background-color: var(--red); font-size: 1.25rem; font-weight: 700; border-radius: .25rem; }
.scheda-prodotto .prezzo-precedente { color: var(--grey); font-family: var(--header-font); font-size: 1rem; line-height: 1; }
.descrizione-prodotto { color: var(--black-l); line-height: 1.375; display: flex; flex-direction: column; }
.descrizione-prodotto p:last-child { margin-bottom: 0; }
.descrizione-prodotto b, .descrizione-prodotto strong { color: var(--secondary); }
.descrizione-prodotto li::marker { content: "● "; font-size: 1.125rem; color: var(--secondary); }
.descrizione-prodotto a { color: var(--main-l); font-weight: 500; }
.descrizione-prodotto a:hover { color: var(--main-l); text-decoration: underline; }
.dettagli-prodotto { justify-content: center; display: flex; flex-direction: column; }
.dettagli-prodotto th, .dettagli-prodotto td { font-size: .875rem; font-weight: 500; border-width: 1px 0 0 0; }
.dettagli-prodotto th { color: var(--grey-d); text-align: right; width: 1%; white-space: nowrap; }
.dettagli-prodotto td { color: var(--black-l); display: flex; flex-wrap: wrap; gap: .5rem; }
.dettagli-prodotto td>span { padding: .125rem .375rem; display: block; background-color: var(--grey-l); border-radius: .25rem; white-space: nowrap; }
@media (max-width: 1199.98px) {
    .img-prodotto { max-width: 320px; }
}
@media (max-width: 991.98px) {
    .img-prodotto { max-width: 500px; }
}
@media (max-width: 767.98px) {
    .product-carousel { display: flex; flex-direction: column; align-items:center; }
    .img-prodotto { max-width: 480px; }
}
@media (max-width: 576.98px) {
    .carousel-prodotto { padding-left: 0!important; padding-left: 0!important; }
}
/*  =====================================================
    =   CARRELLO E CHECKOUT                             =
    =====================================================   */
.recap-carrello, .recap-checkout, .recap-indirizzo { display: flex; flex-direction: column; border-radius: .5rem; gap: .5rem; }
.recap-carrello { background-color: var(--white); box-shadow: var(--bs-box-shadow-lg); border-radius: .5rem .5rem 0 0; position: relative; z-index: +1; }
.recap-checkout { background-color: var(--grey-l); }
.recap-indirizzo { background-color: var(--white-m); gap: 0; }
.recap-row, .recap-totale { margin-bottom: 0; padding: .25rem; font-weight: 500; display: flex; justify-content: space-between; }
.recap-row { color: var(--grey-d); align-items: flex-end; border-bottom: 1px solid var(--grey-c); }
.recap-row b { color: var(--black-l); font-size: 1.125rem; font-weight: 600!important; }
.recap-totale { color: var(--black-l); font-size: 1.25rem; }
.recap-totale b { color: var(--secondary); font-weight: 600!important; text-align: right; }
.recap-totale b>small { color: var(--grey-d); font-size: .75rem; font-weight: 500; text-transform: uppercase; display: flex; flex-direction: column; }
.recap-indirizzo-header { padding: .5rem; display: flex; align-items: center; justify-content: space-between; }
.recap-indirizzo-header h2 { margin-bottom: 0; padding-left: .5rem; font-size: 1rem; font-weight: 500; line-height: 1.125; display: flex; flex-wrap: wrap; gap: .25rem; }
.recap-indirizzo-header h2>b { width: 100%; }
.recap-indirizzo-header small { color: var(--grey-d); display: flex; flex-wrap: wrap; gap: .25rem; }
.recap-indirizzo-header .btn-icon { min-width: fit-content; }
.recap-indirizzo-header .btn-icon p { margin: 0 .25rem 0 0; font-weight: 500; }
.recap-indirizzo-header .btn-icon .collapse-icon-edit { min-width: 1.5rem; height: 1.5rem; display: inline-block; -webkit-mask: url("../images/icons/sys-edit.svg") no-repeat center; mask: url("../images/icons/sys-edit.svg") no-repeat center; background-color: var(--main); }
.recap-indirizzo-header .btn-icon:hover .collapse-icon-edit, .recap-indirizzo-header .btn-icon:active .collapse-icon-edit, .recap-indirizzo-header .btn-icon .collapse-icon-edit, .recap-indirizzo-header .btn-icon:not(.collapsed) .collapse-icon-edit { background-color: var(--main); }
.recap-indirizzo-header .btn-icon:not(.collapsed) .collapse-icon-edit { -webkit-mask: url("../images/icons/nav-close.svg") no-repeat center; mask: url("../images/icons/nav-close.svg") no-repeat center; }
.recap-indirizzo-header .btn-icon:not(.collapsed) p { display: none; }
.promo-code-box { padding: .5rem; color: var(--grey-d); background-color: var(--white-m); display: flex; flex-direction: column; border-radius: .25rem; }
.promo-code-box p { margin-bottom: 0; padding: 0 .25rem; font-weight: 500; }
.payments-info { background-color: var(--white-m); border-bottom-left-radius: .5rem; border-bottom-right-radius: .5rem; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.payment-info-label { width: 100%; color: var(--grey-d); font-size: .875rem; font-weight: 600; line-height: 1.25; display: flex; align-items: center; justify-content: center; gap: .25rem; }
.payment-info-label .icon { background-color: var(--grey-d); }
.checkout-payments { display: flex;flex-direction: column; }
.checkout-payments .payment-method { border: 1px solid var(--grey-l); }
.checkout-payments .payment-method:first-of-type { border-radius: .25rem .25rem 0 0; border-bottom: 0; }
.checkout-payments .payment-method:last-of-type { border-radius: 0 0 .25rem .25rem; border-top: 0; }
.payment-method .form-check .custom-form-label { font-size: .875rem; font-weight: 700; line-height: 1.875; align-items:flex-start; justify-content: space-between; gap: 1rem; white-space: nowrap; }
.payments-icons-container { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .5rem;}
.checkout-notes { color: var(--grey-d); line-height: 1.25; }
.checkout-notes a { color: var(--secondary); }
.checkout-notes a:hover { color: var(--secondary); text-decoration: underline; }
@media (max-width: 576.98px) {
    .payment-info-label { font-size: .75rem; }
}
/*  =====================================================
    =   F.A.Q.                                          =
    =====================================================   */
.container-faq { padding: 1rem; background-color: var(--white-m); border-radius: 1rem; }
.lista-faq {--bs-accordion-bg: var(--white); --bs-accordion-border-color: rgba(var(--main-rgb), 0.1); }
.lista-faq .accordion-button { font-size: 1.25rem; font-weight: 400; }
.lista-faq .accordion-body { --bs-accordion-body-padding-y: 1rem; --bs-accordion-body-padding-x: 1rem; }
@media (max-width: 576.98px) {
    .lista-faq .accordion-button { font-size: 1rem; font-weight: 500; }
    .container-faq { padding: .5rem; }
    .lista-faq .accordion-body { --bs-accordion-body-padding-y: .5rem; --bs-accordion-body-padding-x: .5rem; }
}
/*  =====================================================
    =   VARIE AREA RISERVATA                            =
    =====================================================   */
.container-address { display: flex; flex-wrap: wrap; gap: 1rem; }
.container-address .btn-address { min-height: 9rem; }
.order-info-box { padding: .5rem; background-color: var(--grey-l); border-radius: .25rem; display: flex; flex-direction: column; gap: .5rem; }
.order-info-box .recap-row { gap: 1rem; }
.order-info-box .recap-row:last-of-type { border-bottom: 0; }
.order-recap-container { display: flex; flex: auto; flex-direction: column; justify-content: center; }
.order-recap-title { padding: .25rem; color: var(--secondary); font-weight: 400; text-decoration: none; align-self: flex-start; }
.order-recap-title:hover { color: var(--secondary); text-decoration: underline; }
.order-recap-info { padding: .25rem; justify-content: center; }
.order-recap p { margin-bottom: .5rem; line-height: 1.25; display: flex; flex-direction: column; }
.order-recap p:last-of-type { margin-bottom: 0; }
.order-recap .in-attesa { color: var(--secondary); font-weight: 500; }
.order-recap .pagato { color: var(--green); font-weight: 500; }
.order-recap .annullato { color: var(--red); font-weight: 500; }
.order-notes { margin-top: 1rem; margin-bottom: 0; font-size: .875rem; color: var(--grey-d); line-height: 1.25; }
.order-notes a { color: var(--secondary); }
.order-notes a:hover { color: var(--secondary); text-decoration: underline; }
@media (max-width: 575.98px) {
    .card-order-recap { flex-direction: column; }
    .card-order-recap .card-img-container { max-width: 100%; }
}
/*  =====================================================
    =   LOGIN                                           =
    =====================================================   */
.login-page {
    background-color: var(--white-m);
}