@font-face {
    font-family: gilroy_reg;
    src: url(../fonts/Gilroy-Regular.woff);
}

@font-face {
    font-family: gilroy_med;
    src: url(../fonts/Gilroy-Medium.woff);
}

@font-face {
    font-family: gilroy_bold;
    src: url(../fonts/Gilroy-Bold.woff);
}

@font-face {
    font-family: gilroy_black;
    src: url(../fonts/Gilroy-Black.woff);
}

#preferito-btn {
    font-size: 30px;
    top: 3px;
    position: relative;
    cursor: pointer;
}

#preferito-btn:hover {
    color: #004448;
}

#preferito-btn.active {
    color: #004448;
}

:root {
    --general_text_size: 14px;
    --font-secondary: gilroy_reg;
}

body {
    font-family: gilroy_reg;
    color: #004448;
    font-size: 14px !important;
}

.swiper-home img {
    height: 250px;
    max-height: 250px;
}

.swiper-home .swiper-pagination {
    position: relative;
    margin-top: -10px !important;
    margin-bottom: 10px !important;
}

.container {
    max-width: 1520px;
    margin: auto;
}

.w0l,
.w0r {
    width: 0;
    position: absolute;
    top: 50%;
}

.w0l {
    margin-left: -45px;
}

.w0r {
    margin-right: -45px;
    right: 10px;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

#row-gray {
    position: relative;
    height: 150px;
    display: block;
    background: #f5f5f5;
}

#slide_cats_s {
    position: relative;
    bottom: -15px;
}

.categorie-mini {
    padding: 0 5px;
}

.categorie-mini span {
    cursor: pointer;
    text-align: center;
    border-radius: 0.75rem;
    overflow: hidden;
    background-color: #fff !important;
    padding: 1.5em 0;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
}

#prodotti .col-split-5 {
    flex: 0 0 auto;
    width: 20%
}

.div-inizia .icone-cat {
    cursor: pointer;
}

.icone-cat img {
    display: block;
    margin: auto;
}

@media screen and (max-width: 900px) {
    .icone-cat img {
        display: inline;
        margin-right: 10px;
    }
    #slide_cats_s {
        padding: 0 1px;
    }
    #prodotti .col-split-5 {
        flex: 0 0 auto;
        width: 50% !important;
    }
}

@media screen and (max-width: 500px) {
    #prodotti .col-split-5 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}

#aggiungi-prodotto {
    font-size: 14px;
    zoom: 1.2;
}

.gilroy_black {
    font-family: gilroy_black;
}

.con-high el {
    font-weight: 800;
}

.link {
    color: #004448;
    font-size: var(--general_text_size);
    cursor: pointer;
}

.link:hover {
    text-decoration: underline;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


/*
:root {
    scroll-behavior: smooth;
}
*/

a {
    color: #004448;
    text-decoration: none;
}

a:hover {
    color: #004448;
    text-decoration: none;
    cursor: pointer;
}

body {
    font-family: gilroy_reg;
    color: #004448;
    font-size: 14px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: gilroy_black;
}

.container {
    max-width: 1550px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (max-width: 1550px) {
    .container {
        max-width: 1220px;
    }
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

.supportact {
    display: block;
    cursor: pointer;
}

#preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
    background: var(--color-white);
    transition: all 0.6s ease-out;
    width: 100%;
    height: 100vh;
}

#preloader:before,
#preloader:after {
    content: "";
    position: absolute;
    border: 4px solid #004448;
    border-radius: 50%;
    -webkit-animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#preloader:after {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

@-webkit-keyframes animate-preloader {
    0% {
        width: 10px;
        height: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 5px);
        opacity: 1;
    }
    100% {
        width: 72px;
        height: 72px;
        top: calc(50% - 36px);
        left: calc(50% - 36px);
        opacity: 0;
    }
}

@keyframes animate-preloader {
    0% {
        width: 10px;
        height: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 5px);
        opacity: 1;
    }
    100% {
        width: 72px;
        height: 72px;
        top: calc(50% - 36px);
        left: calc(50% - 36px);
        opacity: 0;
    }
}


/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/

section {
    padding: 60px 0;
    overflow: hidden;
}

section#prodotto {
    padding: 10px 0;
    position: relative;
}

.section-header {
    text-align: center;
    padding-bottom: 40px;
}

.section-header h2 {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 20px;
    color: var(--color-secondary);
}

.section-header p {
    margin: 0 auto;
    color: var(--color-secondary-light);
}

@media (min-width: 1280px) {
    section {
        padding: 30px 0;
        overflow: hidden;
    }
    .section-header p {
        max-width: 80%;
    }
}

@media (max-width: 1280px) {
    section {
        /* padding: 0px 0;*/
    }
}


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

.breadcrumb {
    padding-top: 15px;
}

.breadcrumbs {
    padding: 15px 0;
    background: rgba(var(--color-secondary-rgb), 0.05);
    min-height: 40px;
    margin-top: 76px;
}

.breadcrumbs h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: var(--general_text_size);
}

.breadcrumbs ol li+li {
    padding-left: 10px;
}

.breadcrumbs ol li+li::before {
    display: inline-block;
    padding-right: 10px;
    color: var(--color-secondary-light);
    content: "/";
}

@media (max-width: 992px) {
    .breadcrumbs .d-flex {
        display: block !important;
    }
    .breadcrumbs h2 {
        margin-bottom: 10px;
        font-size: 24px;
    }
    .breadcrumbs ol {
        display: block;
    }
    .breadcrumbs ol li {
        display: inline-block;
    }
}


/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/

.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 25px;
    z-index: 995;
    background: transparent;
    width: 50px;
    height: 50px;
    border: 2px solid #004448;
    border-radius: 50%;
    transition: all 0.4s;
    z-index: 10 !important;
}

.scroll-top i {
    font-size: 28px;
    color: #004448;
    line-height: 0;
}

.scroll-top:hover {
    background: #004448;
}

.scroll-top i:hover {
    color: white;
}

.scroll-top.active {
    visibility: visible;
    opacity: 1;
}


/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header {
    padding: 30px 0;
    transition: all 0.5s;
    z-index: 997;
    position: relative;
    top: 0px;
    right: 0;
    left: 0;
    background-color: white;
}

.header.sticked {
    background: var(--color-white);
    box-shadow: 0px 2px 20px rgba(var(--color-secondary-rgb), 0.1);
    padding: 30px 0;
    top: 0;
    position: fixed;
}

.header .header-bottom {
    padding-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo img {
    max-height: auto;
    width: 225px;
    margin-right: 6px;
    /*filter: hue-rotate(180deg);*/
}

.header .logo h1 {
    font-size: 32px;
    font-weight: 300;
    color: var(--color-secondary);
    font-family: var(--font-secondary);
}

.header .logo h1 span {
    color: #004448;
    font-weight: 500;
}

.header .btn-getstarted,
.header .btn-getstarted:focus {
    font-size: var(--general_text_size);
    color: var(--color-white);
    background: #004448;
    padding: 8px 23px;
    border-radius: 4px;
    transition: 0.5s;
    font-family: var(--font-secondary);
}

.header .btn-getstarted:hover,
.header .btn-getstarted:focus:hover {
    color: var(--color-white);
    background: rgba(var(--color-primary-rgb), 0.85);
}

@media (max-width: 1279px) {
    .header .btn-getstarted,
    .header .btn-getstarted:focus {
        margin-right: 50px;
    }
}


/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/

@media (min-width: 991px) {
    #menu_1 {
        /* display: none; */
    }
}


/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/

@media (min-width: 991px) {
    .navbar {
        padding: 0;
        position: relative;
    }
    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }
    .navbar li {
        position: relative;
    }
    .navbar>ul>li {
        white-space: nowrap;
        cursor: pointer;
    }
    .navbar el,
    .navbar el:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 20px;
        font-family: var(--font-secondary);
        font-size: 14px;
        font-weight: 600;
        color: #004448;
        white-space: nowrap;
        transition: 0.5s;
        position: relative;
    }
    .navbar el:first-child {
        padding-left: 0;
    }
    .navbar el i,
    .navbar el:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }
    .navbar>ul>li>el:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #004448;
        visibility: hidden;
        transition: all 0.3s ease-in-out 0s;
        transform: scaleX(0);
        transition: all 0.3s ease-in-out 0s;
    }
    .navbar el:hover:before,
    .navbar li:hover>el:before,
    .navbar .active:before {
        visibility: visible;
        transform: scaleX(0.7);
    }
    .navbar .dropdown el:hover:before,
    .navbar .dropdown:hover>el:before,
    .navbar .dropdown .active:before {
        visibility: hidden;
    }
    .navbar .dropdown ul {
        position: absolute;
        left: -20px;
        top: 70%;
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        display: none;
        background: white;
        transition: 0.5s;
        box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
        border-radius: 0 0 20px 20px;
        min-width: 250px;
    }
    .navbar .dropdown ul li {
        min-width: 200px;
        cursor: pointer;
    }
    .navbar .dropdown ul el {
        padding: 10px 20px;
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
        color: #004448;
    }
    .navbar el:hover,
    .navbar .dropdown ul el:hover {
        color: #004448;
    }
    .navbar .dropdown ul el i {
        font-size: 12px;
    }
    .navbar .dropdown .dropdown ul {
        top: 0;
        left: 100%;
        margin-top: -50px;
    }
    .navbar .dropdown .dropdown:hover>ul {
        opacity: 1;
        top: 0;
    }
}


/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/

@media (max-width: 992px) {
    .dropdown img {
        margin-right: 1rem;
    }
    .navbar {
        position: fixed;
        top: 0;
        left: -100%;
        width: calc(100% - 70px);
        bottom: 0;
        transition: 0.5s;
        z-index: 9997;
    }
    .navbar ul {
        position: absolute;
        inset: 0;
        padding: 5px;
        margin: 0;
        background: white;
        overflow-y: auto;
        transition: 0.5s;
        z-index: 9998;
        list-style: none;
    }
    .navbar ul li:last-child {
        border-bottom: none;
    }
    .navbar el,
    .navbar el:focus {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 13px 9px;
        font-size: 12px;
        font-weight: 600;
        color: #004448;
        white-space: nowrap;
        transition: 0.5s;
        text-transform: uppercase;
        border-bottom: 0.5px solid #e1e1e1;
        cursor: pointer;
    }
    .navbar el:after {
        border-bottom: 1px solid grey;
    }
    .navbar el i,
    .navbar el:focus i {
        font-size: 12px;
        line-height: 0;
    }
    .navbar el .dropdown-indicator {
        position: absolute;
        right: 20px;
    }
    /*.navbar a:hover,
    .navbar .active,
    .navbar .active:focus,
    .navbar li:hover>a {
        color: #004448;
    }*/
    .navbar .dropdown ul,
    .navbar .dropdown .dropdown ul {
        position: static;
        display: none;
        padding: 0;
        margin: 5px 2px;
        transition: all 0.5s ease-in-out;
    }
    .navbar .dropdown>.dropdown-active,
    .navbar .dropdown .dropdown>.dropdown-active {
        display: block;
    }
    .mobile-nav-toggle {
        color: #004448;
        font-size: 28px;
        cursor: pointer;
        line-height: 0;
        transition: 0.5s;
        position: fixed;
        top: 35px;
        z-index: 9999;
        right: 20px;
    }
    .mobile-nav-toggle.bi-x {
        color: var(--color-white);
    }
    .mobile-nav-active {
        overflow: hidden;
        z-index: 9995;
        position: relative;
    }
    .mobile-nav-active .navbar {
        left: 0;
    }
    .mobile-nav-active .navbar:before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.65);
        z-index: 9996;
    }
}


/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Carousel Hero Section
--------------------------------------------------------------*/

.hero {
    width: 100%;
    padding: 0;
    background: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0 60px 0;
    padding-bottom: 0px;
}

.hero h2 {
    color: var(--color-secondary);
    margin-bottom: 25px;
    font-size: 48px;
    font-weight: 300;
    -webkit-animation: fadeInDown 1s both 0.2s;
    animation: fadeInDown 1s both 0.2s;
}

@media (max-width: 768px) {
    .hero h2 {
        font-size: 30px;
    }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {
    color: #667;
    font-size: var(--general_text_size);
}

.footer .footer-content {
    background: #ededed87;
    padding: 60px 0 30px 0;
}

.footer .footer-content .footer-info {
    margin-bottom: 30px;
}

.footer .footer-content .footer-info h3 {
    font-size: 28px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.footer .footer-content .footer-info h3 span {
    color: #004448;
}

.footer .footer-content .footer-info p {
    font-size: var(--general_text_size);
    line-height: 24px;
    margin-bottom: 0;
    font-family: var(--font-primary);
    color: #004448;
}

.footer .footer-content h4 {
    font-size: var(--general_text_size);
    font-weight: 600;
    color: #004448;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px;
    font-family: gilroy_reg;
}

.footer .footer-content .footer-links {
    margin-bottom: 30px;
    position: relative;
}

.footer .footer-content .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .footer-content .footer-links ul i {
    padding-right: 2px;
    color: var(--color-white);
    font-size: 12px;
    line-height: 1;
}

.footer .footer-content .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.footer .footer-content .footer-links ul li:first-child {
    padding-top: 0;
}

.footer .footer-content .footer-links ul a {
    color: #667;
    transition: 0.5s;
    display: inline-block;
    line-height: 1;
    font-size: var(--general_text_size);
}

.footer .footer-content .footer-links ul a:hover {
    color: #004448;
}

.footer .footer-content .footer-newsletter form {
    margin-top: 30px;
    background: var(--color-white);
    padding: 6px 10px;
    position: relative;
    border-radius: 4px;
}

.footer .footer-content .footer-newsletter form input[type=email] {
    border: 0;
    padding: 4px;
    width: calc(100% - 110px);
}

.footer .footer-content .footer-newsletter form input[type=email]:focus-visible {
    outline: none;
}

.footer .footer-content .footer-newsletter form input[type=button] {
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    border: 0;
    background: none;
    font-size: var(--general_text_size);
    padding: 0 20px;
    background: #004448;
    color: var(--color-white);
    transition: 0.5s;
    border-radius: 0 4px 4px 0;
}

.footer .footer-content .footer-newsletter form input[type=button]:hover {
    background: rgba(var(--color-primary-rgb), 0.85);
}

.footer .footer-legal {
    padding: 30px 0;
    background: #fff;
    border-top: 1px solid #fff;
}

.footer .footer-legal .credits {
    padding-top: 4px;
    font-size: 13px;
    color: var(--color-white);
}

.footer .footer-legal .credits a {
    color: var(--color-primary-light);
}

.footer .footer-legal .social-links a {
    font-size: 18px;
    display: inline-block;
    background: rgba(var(--color-white-rgb), 0.1);
    color: var(--color-white);
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 4px;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.5s;
}

.footer .footer-legal .social-links a:hover {
    background: #004448;
    text-decoration: none;
}

.footer .bordo-footer-mobile .trigger-accordion i {
    display: none;
}

@media (max-width: 992px) {
    .footer .footer-content .footer-links ul li:last-child {
        margin-bottom: 1rem;
    }
    .footer .bordo-footer-mobile .trigger-accordion i {
        display: block;
    }
    .footer .bordo-footer-mobile .trigger-accordion {
        display: flex;
        justify-content: space-between;
    }
    .footer .bordo-footer-mobile {
        border-bottom: 1px solid #e1e1e1;
    }
    .footer .accordion-mobile {
        position: relative;
        opacity: 0;
        max-height: 0;
        transition: opacity 0.5s, max-height 0.7s;
        pointer-events: none;
        z-index: -1;
        overflow: hidden;
    }
    .footer .accordion-mobile.active {
        opacity: 1;
        max-height: 500px;
        /* Regola questo valore in base all'altezza massima prevista */
        pointer-events: all;
        z-index: 10;
    }
}


/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/

.header-border {
    border-bottom: 1px solid #e1e1e1;
}

.top-header {
    font-size: 13px;
    background-color: #004448;
    color: white;
    padding: 12px 0;
    position: relative;
    width: 100%;
}

.sticked .top-header {
    display: none;
}

.div-barra-filtri {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 0;
}

.form-header-sx {
    border-radius: 5rem 0 0 5rem;
    border: 2px solid #004448;
    border-right: 0;
    width: 30%;
}

.form-header-sx .form-select {
    background-color: transparent;
    border: none;
    border-radius: 5rem;
    padding: 12px;
    font-size: 12px;
    color: #999;
    font-weight: bold;
}

.form-header-sx .form-select:focus {
    outline: none;
    border: none;
}

.form-header-dx {
    border-radius: 0 5rem 5rem 0;
    border: 2px solid #004448;
    width: 60%;
}

.form-header-dx .form-control {
    border: none;
    padding: 12px;
    font-size: 12px;
    color: #999;
    font-weight: bold;
}

.form-header-dx input:focus,
.form-header-sx .form-select:focus {
    box-shadow: none;
}

.form-header-dx .input-group {
    background-color: white;
    border-radius: 0 5rem 5rem 0;
}

.form-header-dx .input-group-text {
    background: white;
    border: none;
    font-size: 20px;
    border-radius: 5rem !important;
}

.icons-header i {
    color: #004448;
    transition: .3s;
}

.icons-header i:hover {
    color: #004448;
}

.icons-header i:before {
    display: block;
    font-size: 28px;
}

.icons-header .separatore {
    width: 1px;
    height: 20px;
    background-color: #e1e1e1;
}

.header .carrello {
    display: flex;
    align-items: center;
    position: relative;
}

.carrello span {
    text-transform: capitalize;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
}

.carrello span el {
    font-family: gilroy_med;
    font-size: 14px;
}

.header .preferiti {
    display: flex;
    align-items: center;
    position: relative;
}

.navbar img {
    height: 20px;
    width: auto;
    max-width: 20px;
    margin-right: 1.5rem;
}

.dropdown img {
    margin-right: 0.8rem;
    max-width: 20px;
    width: 20px;
}

.dropdown span {
    margin-right: 7px
}

.header-bottom .bottone button {
    font-size: var(--general_text_size);
    font-weight: 600;
    border-radius: 8px;
    border: 2px solid #004448;
    color: #004448;
    transition: .6s;
    width: 85px;
}

.header-bottom .bottone i {
    color: #004448;
    transition: .6s;
}

.header-bottom .box {
    display: inline-block;
    background-size: 200% 200%;
    transition: 1s;
    border-radius: 8px;
}

.header-bottom .to-right {
    background-image: linear-gradient(to right, #004448 50%, white 0);
    background-position: right;
}

.header-bottom .to-right:hover {
    background-position: left;
}

.form-header-sx select option {
    color: #004448;
}

.header-top {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-bottom img {
    height: auto;
    width: 200px;
    margin-right: 20px;
    /* filter: hue-rotate(180deg); */
}

.img-carousel-hero {
    height: 425px;
    width: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 8px;
    padding: 1px;
}

.testo-assoluto-sx {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    right: 40px;
    transition: 0.5s;
}

.testo-assoluto-sx h3 {
    color: white;
    font-size: 2.5em;
    text-shadow: 1px 1px 2px #33333380;
}

.testo-assoluto-sx p {
    color: white;
    font-size: 1.5em;
    font-weight: 600;
    text-shadow: 1px 1px 2px #33333380;
}

.swiper-pagination-bullet {
    background-color: white;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    transition: .3s;
    width: 18px;
    height: 8px;
    border-radius: 10px;
    background-color: #004448;
}

.arancio {
    color: #004448;
}

.testo-assoluto-centrato {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

.testo-assoluto-centrato h3 {
    color: white;
    font-size: 42px;
}

.testo-assoluto-centrato p {
    color: white;
    font-size: 24px;
    font-weight: 600;
}

.img-statica-hero {
    height: 425px;
    width: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 8px;
}

.img-statica-hero-2 {
    height: 200px;
    width: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 8px;
}

.patina-immagini:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    border: none;
    transition: 1s ease-in-out;
    display: none;
}

.main-br .img-statica-br {
    height: 200px;
}

.hero-slider {
    border-radius: 8px;
}

.info-home {
    padding: 10px;
}

.info-home img {
    height: 50px;
}

.info-home h3 {
    font-size: var(--general_text_size);
    color: #004448;
    font-weight: 600;
    font-family: gilroy_reg;
}

.info-home p {
    font-size: var(--general_text_size);
    color: #666;
}

.info-home .separatore {
    content: "";
    height: 37px;
    width: 1px;
    background: #e1e1e1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.info-home .info {
    padding: 40px 10px;
    box-shadow: 0px 0 15px rgb(0 0 0 / 10%);
}

.footer-links img {
    height: auto;
}

.footer .copyright {
    color: #666;
}

.inizia-home h2 {
    font-size: 38px;
}

.inizia-home p {
    font-size: 18px;
    font-weight: 600;
}

.inizia-home .div-inizia {
    border: 1px solid #bfbfbf;
    border-radius: 4px;
}

.inizia-home img {
    height: 30px;
    margin-bottom: 1rem;
}

.inizia-home .padding {
    padding: 20px 3px;
}

.div-inizia .d-flex.flex-column.padding {
    text-align: center;
}

.inizia-home span {
    font-weight: 600;
}

.inizia-home {
    padding-bottom: 0px;
    padding-top: 30px;
}

.scelti-home h2 {
    font-size: 38px;
}

.scelti-home p {
    font-size: 18px;
    font-weight: 600;
}

.scelti-home .swiper-button-next,
.scelti-home .swiper-button-prev {
    height: 40px;
    width: 40px;
    border: 1px solid #004448;
    transition: 1s;
    border-radius: 0%;
}

.scelti-home .swiper-button-next:hover,
.scelti-home .swiper-button-prev:hover {
    border-radius: 100%;
    background-color: #004448 !important;
}

.scelti-home .swiper-button-prev:after,
.scelti-home .swiper-rtl .swiper-button-next:after,
.scelti-home .swiper-button-next:after,
.scelti-home .swiper-rtl .swiper-button-prev:after {
    font-size: var(--general_text_size);
    color: #004448;
}

.scelti-home .swiper-pagination {
    position: relative;
    /*margin-top: 2rem;*/
}

.swiper-pagination-bullet {
    border: 1px solid #004448 !important;
}

.scelti-home .prodotto {
    padding: 10px 5px;
    border-radius: 4px 4px 4px 4px;
    transition: transform 250ms;
    margin-top: 11px;
    padding: 5px;
}

.scelti-home .prodotto:hover {
    border: 1px solid #004448;
    transform: translateY(-10px);
}

.scelti-home .img-prodotto {
    border-radius: 4px;
    object-fit: contain;
    width: auto;
    margin: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.image-container {
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    max-height: 500px;
    overflow: hidden;
    position: relative;
}

.scelti-home .img-prodotto {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* This ensures the image covers the container while maintaining aspect ratio */
    border-radius: 4px;
    /* Ensures the image itself has rounded corners */
    max-height: 260px;
}

@media screen and (max-width:608px) {
    .scelti-home .prodotto {
        padding: 10px 0px;
    }
    .scelti-home .img-prodotto {
        /* max-height: 180px; */
    }
}

@media screen and (max-width:480px) {
    .scelti-home .prodotto {
        padding: 5px 5px;
    }
    .scelti-home .img-prodotto {
        /* max-height: 180px; */
    }
}

.scelti-home .codice {
    font-weight: 500;
    font-size: var(--general_text_size);
}

.scelti-home .descrizione {
    font-weight: 500;
    font-size: var(--general_text_size);
}

.scelti-home .prezzo {
    font-family: gilroy_black;
    color: #004448;
}

.scelti-home .prezzo-originale {
    font-family: gilroy_black;
    color: #9b9a9a;
    text-decoration: line-through;
}

.scelti-home .sconto {
    color: #004448;
    font-size: var(--general_text_size);
    font-weight: 600;
}

.scelti-home .img-a-3 {
    height: 250px;
    width: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 8px;
}

.scelti-home .testo-assoluto-sx h3 {
    font-size: 44px;
    line-height: 40px;
}

.scelti-filtri-home p {
    font-size: 18px;
    font-weight: 600;
}

.scelti-filtri-home .swiper-button-next,
.scelti-filtri-home .swiper-button-prev {
    height: 40px;
    width: 40px;
    border: 1px solid #004448;
    transition: 1s;
    border-radius: 0%;
}

.scelti-filtri-home .swiper-button-next:hover,
.scelti-filtri-home .swiper-button-prev:hover {
    border-radius: 100%;
    background-color: #004448 !important;
}

.scelti-filtri-home .swiper-button-prev:after,
.scelti-home .swiper-rtl .swiper-button-next:after,
.scelti-filtri-home .swiper-button-next:after,
.scelti-filtri-home .swiper-rtl .swiper-button-prev:after {
    font-size: var(--general_text_size);
    color: #004448;
}

.scelti-filtri-home .swiper-pagination {
    position: relative;
    margin-top: 2rem;
}

.swiper-pagination-bullet {
    border: 1px solid #ffe8e1;
}

.scelti-filtri-home .prodotto {
    padding: 10px;
    border-radius: 0 4px 4px 4px;
    transition: transform 250ms;
    margin-top: 11px;
}

.scelti-filtri-home .prodotto:hover {
    border: 1px solid #004448;
    transform: translateY(-10px);
}

.scelti-filtri-home .img-prodotto {
    border-radius: 4px;
    object-fit: cover;
}

.scelti-filtri-home .codice {
    font-weight: 500;
    font-size: var(--general_text_size);
    text-transform: uppercase;
}

.scelti-filtri-home .descrizione {
    font-weight: 500;
    font-size: var(--general_text_size);
}

.scelti-filtri-home .prezzo {
    font-family: gilroy_black;
    color: #004448;
}

.scelti-filtri-home .prezzo-originale {
    font-family: gilroy_black;
    color: #9b9a9a;
    text-decoration: line-through;
}

.scelti-filtri-home .sconto {
    color: #004448;
    font-size: var(--general_text_size);
    font-weight: 600;
}

.scelti-filtri-home .img-a-3 {
    height: 250px;
    width: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 8px;
}

.scelti-filtri-home .testo-assoluto-sx h3 {
    font-size: 44px;
    line-height: 40px;
}

.scelti-filtri-home .btn-filtro {
    padding: 8px 18px !important;
    margin-left: 2px !important;
    margin-right: 1em !important;
    margin-bottom: 4px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background-color: #fff !important;
    border: 3px solid #004448 !important;
    color: #004448 !important;
    border-radius: 9999px !important;
    width: auto !important;
}

.scelti-filtri-home .btn-filtro-active {
    padding: 10px 20px;
    margin-left: 2px;
    margin-right: 1rem;
    margin-bottom: 4px;
    font-weight: 600;
    background-color: #004448 !important;
    color: white !important;
    border: 3px solid #004448 !important;
    border-radius: 9999px !important;
    width: auto !important;
}

.scelti-filtri-home .btn-filtro .active {}

.scelti-filtri-home .btn-filtro:hover {
    background-color: #004448 !important;
    color: white !important;
}

.scelti-filtri-home .vedi-tutti {
    color: #004448;
    text-decoration: underline;
    font-weight: 600;
}

.vetro-home {
    background: url(../img/home/resize/vetro_riciclato.jpg) center;
    background-size: cover;
    padding: 120px 0;
}

.vetro-home h2 {
    font-size: 44px;
    color: white;
    text-transform: uppercase;
}

.vetro-home p {
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.vetro-home span {
    color: #004448;
}

.riconoscimenti-home h2 {
    font-size: 38px;
    text-align: center;
}

.riconoscimenti-home .padding-esterno {
    max-width: 160px;
    margin: auto;
}

.riconoscimenti-home .padding-interno {
    padding: 25px 50px;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    display: flex;
    justify-content: center;
}

.riconoscimenti-home img {
    height: 60px;
    width: auto;
}

.sogni-home {
    background: url(../img/home/resize/zangoo-dipendenti-low.jpg) center;
    background-size: cover;
    position: relative;
}

.sogni-home:before {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.sogni-home .testo {
    text-align: center;
    position: relative;
}

.sogni-home h2 {
    font-size: 38px;
    color: white;
}

.sogni-home p {
    font-size: var(--general_text_size);
    font-weight: 600;
    color: white;
}

.sogni-home i {
    font-size: 46px;
    color: white;
}

.giornali-home h2 {
    font-size: 38px;
    text-align: center;
}

.giornali-home .padding-interno {
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    padding: 5px;
}

.footer .newsletter {
    background-color: #004448;
    padding: 20px 0;
}

.footer .newsletter h2 {
    font-size: 38px;
    color: white;
}

.footer .newsletter p {
    font-size: var(--general_text_size);
    color: white;
    margin-bottom: 0;
}

.footer .newsletter form {
    background: #fff;
    padding: 2px 10px;
    position: relative;
    border-radius: 26px;
    border: 1px solid #e1ecff;
}

.footer .newsletter form input[type=email] {
    border: 0;
    padding: 8px;
    width: calc(100% - 140px);
}

.footer .newsletter form input[type=email]:focus {
    outline: none;
}

.footer .newsletter form input[type=email]::placeholder {
    font-size: 12px;
    font-style: italic;
}

.footer .newsletter form input[type=button] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: none;
    font-size: 12px;
    padding: 0 30px;
    background: #004448;
    color: #fff;
    transition: 0.5s;
    border-radius: 0 26px 26px 0;
    font-weight: bold;
    text-transform: uppercase;
}

.footer .newsletter form input[type=button]:hover {
    opacity: 0.8;
}

.footer .newsletter i {
    font-size: 20px;
    margin-right: .5rem;
    background: white;
    color: #004448;
    padding: 10px;
    border-radius: 9999px;
    transition: .3s;
}

.footer .newsletter i:before {
    display: block;
}

.footer .newsletter a {
    display: flex;
}

.footer .newsletter i:hover {
    background: #004448;
    color: white;
}

.voci-mobile {
    display: none;
}

.menu-down-mobile {
    display: none;
}

.modal-open {
    padding-right: 0px !important;
}

body.modal-open {
    overflow: visible !important;
}

.sidebar-menu-sfondo {
    position: fixed;
    left: 0;
    width: 100vw;
    top: -10vh;
    height: 120vh;
    background: rgba(0, 0, 0, .3);
    z-index: 999;
    transition: opacity .3s;
    display: none;
}

.sidebar-menu {
    position: fixed;
    height: 100%;
    width: 300px;
    right: -400px;
    bottom: 0;
    background-color: white;
    z-index: 1000;
}

.sidebar-menu .padding {
    padding: 20px;
}

.sidebar-menu h4 {
    margin-bottom: 0;
    font-family: gilroy_reg;
    font-size: var(--general_text_size);
    text-transform: uppercase;
    font-weight: 600;
}

.sidebar-menu ul {
    list-style: none;
    padding-left: 0;
}

.sidebar-menu li {
    padding: 10px;
    border-bottom: 1px solid #d7d8d7;
}

.sidebar-menu a {
    color: #004448;
}

.sidebar-menu span {
    font-size: 13px;
    font-weight: 600;
    transition: .3s;
    position: relative;
    top: -3px;
}

.sidebar-menu span:hover {
    color: #004448;
}

.sidebar-menu i:before {
    margin-right: 1rem;
    font-size: 24px;
}

.sidebar-menu .bottone {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 8px;
    background-color: #004448;
    border: 2px solid #004448;
    color: white;
    padding: 5px 12px;
    font-weight: 600;
    transition: .7s;
}

.sidebar-menu .bottone:hover {
    border-radius: 0;
    background-color: white;
    color: #004448;
}

.sidebar-menu .bottone i:before {
    font-size: var(--general_text_size);
    margin-right: 0;
}

.sidebar-menu .bottone i {
    color: white;
}

.breadcrumb {
    padding-top: 30px;
    margin-bottom: 0px;
}

@media (max-width: 1100px) {
    .carrello span {
        display: none;
    }
}

@media (max-width: 992px) {
    .breadcrumb {
        padding-top: 15px;
        margin-bottom: 4px;
    }
    .voci-mobile {
        display: block;
    }
    .not-mobile {
        display: none;
    }
    .menu-down-mobile {
        display: block;
        z-index: 994;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #ffffff;
        box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
    }
    .menu-down-mobile i {
        color: #717171;
        margin-bottom: 0.3rem;
    }
    .menu-down-mobile i:before {
        font-size: 24px;
        display: block;
    }
    .menu-down-mobile p {
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 0;
        color: #717171;
    }
    .menu-down-mobile .padding {
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .voci-mobile i {
        margin-right: .5rem;
    }
    .voci-mobile i:before {
        font-size: 18px;
    }
    nav .icon-home {
        margin-top: 10px;
        color: white !important;
        background: #004448;
        border-radius: 6px;
    }
    nav .icon-supporto {
        width: 100%;
        text-align: center;
        color: white;
        background-color: #004448;
        padding: 6px;
        border-radius: 10px;
    }
    nav .voce-scelta-mobile.grassetto {
        font-family: gilroy_black;
        pointer-events: none;
    }
    nav #icon-torna-indietro {
        display: none;
    }
    nav .icon-torna-indietro {
        background-color: #f5f5f5;
        justify-content: flex-end;
    }
    nav .icon-torna-indietro:focus {
        justify-content: flex-end !important;
    }
    .navbar .menu-navbar {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
    }
    .navbar .menu-navbar p {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 0;
    }
    .navbar .menu-navbar button {
        padding: 3px 15px;
        background-color: #004448;
        color: white;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        border-radius: 6px;
    }
    .navbar .menu-navbar button i:before {
        font-size: 12px;
        margin-bottom: 0;
    }
    .hero {
        padding: 0px 0 20px 0;
        margin-top: 15px;
    }
    .top-header {
        display: block;
        position: absolute;
        z-index: 998;
        top: 0;
    }
    .header {
        top: 0;
        display: flex;
    }
    .header-top {
        justify-content: flex-start;
    }
    .header .carrello {
        display: none;
    }
    .header-bottom .box {
        display: none !important;
    }
    .header .separatore {
        display: none;
    }
    .header .account {
        display: none;
    }
    .header .preferiti {
        display: none;
    }
    .header .icons-header i {
        position: absolute;
        right: 60px;
        top: 38px;
    }
    .header .icons-header i:before {
        font-size: 22px;
    }
    .div-barra-filtri {
        display: none;
    }
    .scelti-filtri-home .filtri {
        display: none;
    }
    .footer .newsletter h2 {
        text-align: center;
    }
    .footer .newsletter p {
        text-align: center;
        margin-bottom: 1rem;
    }
    .footer .newsletter form input[type=button] {
        font-size: 8px;
    }
    .footer .newsletter .margine {
        margin-bottom: 1rem;
    }
    .scroll-top {
        bottom: 75px;
    }
}


/*--------------------------------------------------------------
# Categoria
--------------------------------------------------------------*/

.no-padding-section {
    padding: 0 0 60px 0;
}

.sezione-prodotti .separatore {
    border-bottom: 3px solid #004448 !important;
    margin-top: 1rem;
}

.sezione-prodotti .prodotto {
    padding: 10px;
    padding-bottom: 10px;
    border-radius: 0 4px 4px 4px;
    transition: transform 250ms;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.sezione-prodotti .prodotto:hover {
    border: 0.5px solid #004448;
    transform: translateY(-8px);
}

.sezione-prodotti .img-prodotto {
    border-radius: 4px;
    object-fit: contain;
    width: 100%;
    height: auto;
    border-radius: 4px;
    object-fit: cover;
    width: auto;
    margin: auto;
    display: block;
}

.sezione-prodotti .codice {
    font-weight: 500;
    font-size: var(--general_text_size);
    text-transform: uppercase;
    margin-bottom: 10px;
}

#added-cart-nome {
    font-weight: 500;
    font-size: var(--general_text_size);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sezione-prodotti .descrizione {
    font-weight: 500;
    font-size: var(--general_text_size);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 42px;
    line-height: 14px;
}

.sezione-prodotti .prezzo {
    font-family: gilroy_black;
    color: #004448;
    font-size: 18px;
    margin-top: 0;
}

.sezione-prodotti .prezzo-originale {
    font-family: gilroy_black;
    color: #9b9a9a;
    text-decoration: line-through;
    font-size: 18px;
}

.sezione-prodotti .sconto {
    color: #004448;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    top: -3px;
}

.risultati-categoria h3 {
    font-size: 42px;
    margin-bottom: 0;
}

.risultati-categoria p {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: gilroy_black;
    margin-right: .5rem;
    margin-bottom: 0;
}

.risultati-categoria span {
    font-size: 13px;
    color: #666;
}

.risultati-categoria select {
    font-size: 12px;
}

.suggerimenti {
    background-color: #004448;
    border-radius: 20px;
    padding: 20px;
}

.suggerimenti h4 {
    color: white;
    font-size: 42px;
}

.suggerimenti p {
    color: white;
    border-bottom: 0;
    font-weight: bold;
}

.suggerimenti .img-suggerimento {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

.suggerimenti-azzurro {
    background-color: #004448;
    border-radius: 20px;
    padding: 20px;
}

.suggerimenti-azzurro h4 {
    color: white;
    font-size: 42px;
}

.suggerimenti-azzurro p {
    color: white;
    border-bottom: 0;
    font-weight: bold;
}

.suggerimenti-azzurro .img-suggerimento {
    height: 200px;
    object-fit: cover;
    width: 100%;
}

.paginazione span {
    color: #004448;
    border: none;
    padding: 15px;
    font-size: 13px;
    cursor: pointer;
}

.paginazione span.dots {
    top: 10px;
    position: relative;
    padding: 5px;
    font-size: 15px;
}

.filtri-selected {
    border-bottom: 3px solid #eee;
}

.sel-filter {
    padding: 0.5rem;
    background-color: hsla(0, 0%, 71%, .58824);
    border-radius: 1rem;
    margin-bottom: 1rem;
    margin-right: 2rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    white-space: normal;
    font-size: 13px !important;
}

.sel-filter button {
    background: transparent;
    border: 0;
    color: #666;
    font-weight: bold;
}

.product-loading-overlay {
    position: relative;
}

.product-loading-overlay:before {
    padding-top: 155.2%;
    background-repeat: no-repeat;
    background-image: linear-gradient(#f4f4f4 105%, transparent 0), linear-gradient(#f4f4f4 12px, transparent 0), linear-gradient(#f4f4f4 16px, transparent 0), linear-gradient(#f4f4f4 12px, transparent 0), linear-gradient(#f4f4f4 16px, transparent 0);
    background-size: 100% 72.5%, 50% 12px, 70% 16px, 50% 12px, 40% 16px;
    background-position: left 0, 0 calc(70% + 31px), 0 calc(70% + 54px), 0 calc(70% + 78px), 0 calc(70% + 104px);
}

.product-loading-overlay:after {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: calc(35% - 20px);
    left: calc(50% - 20px);
    -webkit-animation: spin .65s linear infinite;
    animation: spin .65s linear infinite;
    border-radius: 75%;
    border: 2px solid #004448 !important;
    border-bottom-color: transparent !important;
    z-index: 3;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.product-wrap {
    padding: 0 2px;
}

.product-loading-overlay:after,
.product-loading-overlay:before {
    content: "";
    display: block;
}

.product-wrap {
    margin-bottom: 2rem;
}

.paginazione el {
    color: #004448;
    border: none;
    padding: 15px;
    font-size: 13px;
}

.paginazione i:before {
    display: block;
}

.paginazione i:hover::before {
    color: #004448;
}

.paginazione .freccia {
    background: rgba(152, 152, 159, .12941);
    border: 1px solid #98989f;
}

.paginazione .freccia:first-child .page-link {}

.active>.paginazione .page-link,
.paginazione .page-link.active {
    background: transparent;
}

.paginazione .page-item:first-child .page-link,
.paginazione .page-item:last-child .page-link {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.paginazione .attiva {
    background-color: white;
}

.paginazione .numero-pag {
    border-bottom: 3px solid #98989f;
    margin-right: 0.5rem;
}

.paginazione .numero-pag:hover {
    color: #004448;
    background: transparent;
}

.paginazione .active .numero-pag {
    border-bottom: 3px solid #fbc742;
    background: transparent;
    color: #004448;
}

.paginazione .active .numero-pag:hover {
    color: #004448;
    background: transparent;
}

.descrizione-categoria h5 {
    font-size: 20px;
    font-weight: 900;
    font-family: gilroy_reg;
    color: #004448;
}

.descrizione-categoria p {
    color: #666;
    font-size: var(--general_text_size);
}

#filtro-0 {
    padding: 10px;
}

.filtri-categoria .bottone {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 25px;
    background-color: #004448;
    border: 2px solid #004448;
    color: white;
    padding: 5px 12px;
    font-weight: 600;
    transition: .7s;
}

.filtri-categoria .bottone:hover {
    border-radius: 0;
    background-color: white;
    color: #004448;
}

.filtri .bottone {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 25px;
    background-color: #004448;
    border: 2px solid #004448;
    color: white;
    padding: 5px 12px;
    font-weight: 600;
    transition: .7s;
}

.filtri .bottone:hover {
    border-radius: 0;
    background-color: white;
    color: #004448;
}

.filtri-categoria .elimina-filtri {
    font-size: var(--general_text_size);
    color: #004448;
}

.filtri-categoria .elimina-filtri:hover {
    color: #004448;
}

.filtri .accordion-button:not(.collapsed) {
    background-color: white;
    color: #004448;
    box-shadow: none;
}

.filtri .according {
    width: 100%;
    padding-right: 10px;
}

.filtri .accordion-item:first-of-type .accordion-button,
.filtri .accordion-item:first-of-type,
.filtri .accordion-item:last-of-type .accordion-button.collapsed,
.filtri .accordion-item:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.filtri .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.filtri input[type="range"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
    z-index: 900;
}

.filtri .slider-track {
    width: 100%;
    height: 2px;
    position: absolute;
    margin: auto;
    top: -4px;
    bottom: 0;
    border-radius: 5px;
}

.filtri input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 2px;
}

.filtri input[type="range"]::-moz-range-track {
    -moz-appearance: none;
    height: 2px;
}

.filtri input[type="range"]::-ms-track {
    appearance: none;
    height: 2px;
}

.filtri input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    background-color: #004448;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
}

.filtri input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #004448;
    pointer-events: auto;
}

.filtri input[type="range"]::-ms-thumb {
    appearance: none;
    height: 1em;
    width: 1em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #004448;
    pointer-events: auto;
}

.filtri input[type="range"]:active::-webkit-slider-thumb {
    background-color: #ffffff;
    border: 3px solid #004448;
}

.filtri .values {
    font-size: 13px;
    font-weight: 600;
    margin-top: 30px;
}

.filtri .accordion-body {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}

.filtri .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c3239'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.filtri .form-check {
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}

.filtri .form-check:last-child {
    border-bottom: none;
}

.filtri .form-check-input[type=checkbox] {
    border-radius: .1rem;
}

.filtri .form-check label {
    font-size: 13px;
    font-weight: 600;
}

.filtri .accordion-item {
    border-right: none;
    border-left: none;
    border-bottom: 3px solid #eeeeee;
}

.filtri .accordion-item:last-child {
    border-bottom: none;
}

.filtri .accordion-button {
    padding-left: 0;
    padding-right: 0;
}

.filtri .opzioni-filtri {
    margin-top: 1.5rem;
}

.filtri .opzioni-filtri a {
    color: #666;
    text-decoration: underline;
    font-size: var(--general_text_size);
    font-weight: 600;
}

.filtri .opzioni-filtri a:hover {
    color: #004448;
}

.filtri .categorie-filtro .row {
    overflow: auto;
    flex-wrap: nowrap;
}

.filtri .categoria-scelta {
    padding: 1.4rem 0.5rem;
    border: 1px solid #666;
    margin-right: 0.5rem;
    width: 100%;
    max-width: 135px;
    width: 135px;
    height: 115px;
    margin-bottom: 2rem;
    align-items: center;
    text-align: center;
    border-radius: 1rem;
    transition: all .35s ease-in-out;
    color: #004448;
}

.filtri .categoria-scelta img {
    height: 40px !important;
}

.filtri .categoria-scelta p {
    font-size: var(--general_text_size);
    margin-bottom: 0;
    margin-top: .5rem;
    line-height: initial;
}

.filtri .categorie-filtro a {}

.filtri .categoria-scelta:hover {
    transition: all .35s ease-in-out;
    border-radius: 0;
    border-color: #004448;
    color: #004448;
}

.filtri .categoria-scelta:hover img {
    /* filter: invert(40%) sepia(30%) saturate(3000%) hue-rotate(145deg); */
    opacity: 0.5;
}

.filtri ::-webkit-scrollbar {
    height: 4px;
}

.filtri ::-webkit-scrollbar-track {
    background: #dfdfdf;
}

.filtri ::-webkit-scrollbar-thumb {
    background: #004448;
}

.filtri ::-webkit-scrollbar-thumb:hover {
    background: #dd3c0b;
}

#apri-filtri {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 25px;
    background-color: #004448;
    border: 2px solid #004448;
    color: white;
    padding: 5px 12px;
    font-weight: 600;
    transition: .7s;
    margin-left: .5rem;
    display: none;
}

#apri-filtri:hover {
    border-radius: 0;
    background-color: white;
    color: #004448;
}

.breadcrumb-section {
    padding: 0px 0 20px 0;
}

@media (max-width: 992px) {
    #apri-filtri:hover {
        border-radius: 25px;
        background-color: #004448;
        border: 2px solid #004448;
        color: white;
    }
    #apri-filtri {
        border-radius: 0;
        background-color: white;
        color: #004448;
    }
    .breadcrumb-section {
        padding: 10px 0 20px 0;
    }
    #ordina-row p {
        display: none;
    }
    #ordina-row .form-select {
        display: block;
        margin-top: 10px;
    }
    #nascondi-categoria {
        margin-top: 0px;
    }
}

.breadcrumb-item {
    font-size: var(--general_text_size);
    font-weight: 500;
}

.breadcrumb-item span,
.breadcrumb-item a {
    cursor: pointer;
    color: #999;
}

.breadcrumb-item a {
    color: #999;
}

.breadcrumb-item a:hover,
.breadcrumb-item span:hover {
    color: #004448;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

.breadcrumb-item.active {
    color: #004448;
}

.descrizione-prodotto .inline-group {
    max-width: 9rem;
    padding: .5rem;
}

.descrizione-prodotto .inline-group .form-control {
    text-align: right;
}

.descrizione-prodotto .form-control[type="number"]::-webkit-inner-spin-button,
.descrizione-prodotto .form-control[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.descrizione-prodotto .input-group .quantity {
    text-align: center;
}

.descrizione-prodotto .disponibilita {}

.descrizione-prodotto .nome {
    font-size: 24px;
}

.descrizione-prodotto .codice {
    font-size: var(--general_text_size);
    font-weight: 600;
    margin-bottom: 0;
}

.descrizione-prodotto .codice strong {
    font-family: gilroy_black;
}

.descrizione-prodotto .spedizione {
    font-weight: 600;
    width: auto;
    text-align: center;
}

.descrizione-prodotto .spedizione span {
    color: #004448;
}

.descrizione-prodotto .prezzo {
    font-size: 40px;
    color: #004448;
}

.descrizione-prodotto .tempo-spedizione {
    font-size: var(--general_text_size);
    color: #666;
    background: #f5f5f5;
    padding: 0.5rem;
    width: auto;
    text-align: center;
}

.descrizione-prodotto .tempo-spedizione p {
    margin-bottom: 0;
    font-weight: 600;
}

.descrizione-prodotto .tempo-spedizione span {
    color: #004448;
}

.descrizione-prodotto input-group-append {
    cursor: pointer;
}

.descrizione-prodotto .input-group .btn-minus {
    height: 100%;
    border: 1px solid #ced4da;
    border-radius: 50px 0 0 50px;
}

.descrizione-prodotto .input-group .btn-plus {
    height: 100%;
    border: 1px solid #ced4da;
    border-radius: 0 50px 50px 0;
}

.descrizione-prodotto .aggiungi-carrello {
    color: white;
    background-color: #004448;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    border-radius: 9999px;
    transition: .3s;
    cursor: pointer;
    font-size: var(--general_text_size);
}

.descrizione-prodotto .garanzie {
    background-color: #f5f5f5;
    padding: 5px;
    text-align: center;
}

.descrizione-prodotto .aggiungi-carrello:hover {
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.2);
}

.descrizione-prodotto .ordine-telefono {
    font-size: 18px;
    font-weight: 600;
}

.descrizione-prodotto .ordine-telefono strong {
    font-family: gilroy_black;
}

.descrizione-prodotto .ordine-telefono span {
    color: #004448;
}

.descrizione-prodotto .accordion-button {
    background: white;
    font-family: gilroy_reg;
    font-weight: 600;
    color: #004448;
    padding-right: 0;
    padding-left: 0;
}

.variant-selector .selected-variant-button:hover {
    background-color: #004448 !important;
    color: white;
}

.descrizione-prodotto .variant-selector-button {
    font-family: gilroy_reg;
    font-size: 14px;
    width: 100%;
    border: none;
    font-weight: 600;
    padding-right: 0;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
}

.variant-selector .accordion-item {
    border: none;
    background-color: transparent;
}

#variant-photos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.variant-photos-container {
    cursor: pointer;
    padding: 0 10px;
    margin-bottom: 20px;
}

.variant-photos-container .product-color-selector {
    border: none;
    background-color: transparent;
}

.variant-photos-container .product-color-selector:not(.current-color-select):hover {
    outline: 1px solid #004448;
    border-radius: 5px;
}

.variant-photos-container .current-color-select {
    border: 2px solid #004448;
    border-radius: 5px;
}

#current-variant-label {
    font-weight: normal;
    color: black;
}

.variant-photos-container img {
    width: 80px;
    height: 80px;
}

.variant-selector .correlato-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rotate-first-180 {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
}

.rotate-180 {
    transform: rotate(360deg);
    transition: transform 0.3s ease-in-out;
}

.variant-selector {
    margin-top: 20px;
}

#color-selector-label {
    padding: 0 10px;
}

#size-selector-label {
    padding: 0 10px;
}

.variant-selector .accordion-body {
    padding-bottom: 0;
    padding-top: 0px;
}

.descrizione-prodotto .variant-selector-button img {
    width: 20px;
    height: 20px;
}

.selected-variant {
    font-weight: bold;
}

.variant-select {
    cursor: pointer;
}

.accordion-button:after {
    position: absolute;
    right: 15px;
    top: 15px;
    color: var(--color-primary);
}

.descrizione-prodotto .accordion-item:first-of-type .accordion-button,
.descrizione-prodotto .accordion-item:first-of-type,
.descrizione-prodotto .accordion-item:last-of-type .accordion-button.collapsed,
.descrizione-prodotto .accordion-item:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    border-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.descrizione-prodotto .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c3239'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.descrizione-prodotto .accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.descrizione-prodotto .accordion-body p {
    font-size: var(--general_text_size);
    color: #666;
}

.sezione-prodotti .ti-suggeriamo {
    font-size: 24px;
    font-weight: 600;
}

.descrizione-prodotto .accordion-body .riepilogo-caratteristiche thead {
    background-color: #004448;
    color: white;
    font-size: var(--general_text_size);
    font-family: gilroy_black;
}

.descrizione-prodotto .accordion-body {
    padding-right: 0;
    padding-left: 0;
    white-space: pre-line;
}

#riepilogo-caratteristiche-item .accordion-body {
    white-space: unset !important;
}

#collapseFour {
    max-height: 200px;
    overflow-y: auto;
}

.descrizione-prodotto .accordion-body .riepilogo-caratteristiche td:first-of-type {
    font-family: gilroy_black;
}

.descrizione-prodotto .accordion-body .riepilogo-caratteristiche {
    height: 300px;
    overflow: auto;
}

.descrizione-prodotto ::-webkit-scrollbar {
    width: 4px;
}

.descrizione-prodotto ::-webkit-scrollbar-track {
    background: #fff;
}

.descrizione-prodotto ::-webkit-scrollbar-thumb {
    background: #bfbfbf;
    border-radius: 10px;
}

.descrizione-prodotto ::-webkit-scrollbar-thumb:hover {
    background: #bfbfbf;
    border-radius: 10px;
}

.header-categoria {
    padding: 1px;
    background-color: #f5f5f5;
}

.header-categoria .swiper-button-next,
.scelti-home .swiper-button-prev {
    height: 40px;
    width: 40px;
    border: 1px solid #004448;
    transition: 1s;
    border-radius: 0%;
}

.header-categoria .swiper-button-next:hover,
.scelti-home .swiper-button-prev:hover {
    border-radius: 100%;
    background-color: #004448 !important;
}

.header-categoria .swiper-button-prev:after,
.scelti-home .swiper-rtl .swiper-button-next:after,
.scelti-home .swiper-button-next:after,
.scelti-home .swiper-rtl .swiper-button-prev:after {
    font-size: var(--general_text_size);
    color: #004448;
}

.header-categoria .swiper-pagination {
    position: relative;
    margin-top: 1rem;
}

.header-categoria h2 {
    font-size: 40px;
    margin-bottom: 3rem;
}

.header-categoria h2 {
    margin-top: 2rem;
    font-size: 20px;
    margin-bottom: 2rem;
    font-family: gilroy_reg;
}

.header-categoria h6 {
    font-size: var(--general_text_size);
    margin-bottom: 1.5rem;
    font-family: gilroy_reg;
    font-weight: 600;
}

.header-categoria p {
    color: #666;
    margin-bottom: 1.5rem;
    font-size: 15px;
    line-height: 25px;
    white-space: normal;
}

.header-categoria .header-categoria-slider .categoria {
    padding: 10px;
    border-radius: 16px;
    position: relative
}

.header-categoria .header-categoria-slider .categoria img {
    border-radius: 16px;
    object-fit: cover;
    height: 300px;
    width: 100%;
}

.header-categoria .header-categoria-slider .descrizione {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: center;
    background-color: #004448;
    border-radius: 0 0 16px 16px;
}

.header-categoria .header-categoria-slider .descrizione p {
    margin-bottom: 0;
    color: white;
    font-weight: 600;
    text-align: center;
}

.header-categoria-slider span {
    cursor: pointer;
}

.head-categoria-home {
    position: relative;
    background: #ffc218 !important;
}

.head-categoria-home:before {
    content: "";
    background: rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.head-categoria-home img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.head-categoria-home h3 {
    font-size: 40px;
    color: white;
}

.head-categoria-home p {
    font-weight: 600;
    font-size: 20px;
    color: white;
}

.head-categoria-home .altezza-img {
    height: 400px;
    z-index: 1;
}

.head-categoria-home span {
    color: #004448;
}

.head-categoria-home img {
    position: absolute;
    width: 100%;
    height: 400px;
    z-index: -1;
    object-fit: cover;
}

.head-categoria-home .titolo {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.preferiti-vuota h2 {
    font-family: gilroy_reg;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 1.5rem;
}

.preferiti-vuota i:before {
    font-size: 5rem;
    color: #d3d3d4;
    margin-bottom: 1rem;
}

.preferiti-vuota p {
    font-weight: 600;
    color: #777;
    font-size: var(--general_text_size);
    padding-bottom: 1rem;
}

.preferiti-vuota a {
    font-weight: 600;
    color: white;
    font-size: var(--general_text_size);
    background-color: #343434;
    padding: 15px 20px;
}

.preferiti-piena h6 {
    font-size: var(--general_text_size);
}

.preferiti-piena img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.preferiti-piena .centrato {
    vertical-align: middle;
    text-align: center;
}

.preferiti-piena .nel-carrello {
    font-weight: 600;
    color: white;
    font-size: 12px;
    background-color: #004448;
    padding: 15px 20px;
}

.preferiti-piena .prezzo {
    font-family: gilroy_black;
    color: #004448;
}

.preferiti-piena .testo-prezzo {
    font-family: gilroy_black;
    text-align: center;
}

@media all and (max-width:600px) {
    .preferiti-piena table {
        width: 100%;
    }
    .preferiti-piena td {
        display: block;
        width: 100%;
        margin-bottom: 1.5rem;
        text-align: center;
        border: none;
    }
    .preferiti-piena tr {
        display: block;
        margin-bottom: 30px;
    }
    .preferiti-piena .intestazione {
        display: none;
    }
}

.categoria-voci {
    background-color: #f5f5f5;
}

.categoria-voci .categoria-voci-slider img {
    height: 32px;
    margin-right: 1rem;
}

.categoria-voci .categoria-voci-slider .div-inizia {
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 5%);
    padding: 20px;
    background-color: white;
    border-radius: 8px;
}

.categoria-voci .categoria-voci-slider .div-inizia span {
    font-weight: 600;
}

.categoria-voci .categoria-voci-slider .div-inizia:hover {
    color: #004448;
}

.categoria-voci-numeri h4 {
    font-size: 44px;
    color: #004448;
}

.categoria-voci-numeri p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.registrati h3 {
    font-family: gilroy_reg;
    font-size: 18px;
    font-weight: 600;
}

.registrati p {
    font-size: var(--general_text_size);
    color: #666;
}

.registrati .div-form-accesso {
    border: 1px solid #e1dfdf;
    border-radius: 10px;
    padding: 10px;
}

.registrati .div-form-accesso .form-control {
    background: #f9f9f9;
}

.registrati .div-form-accesso input:focus {
    outline: none;
    box-shadow: none;
    border-color: #e1dfdf;
}

.registrati .btn-registrazione {
    border: 2px solid #004448;
    color: #004448;
    border-radius: 36px;
    font-weight: 700;
    display: flex;
    padding: 15px;
    justify-content: center;
    text-transform: uppercase;
    font-size: var(--general_text_size);
    transition: .3s;
}

.registrati .btn-registrazione:hover {
    background-color: #004448;
    color: white;
}


/*
.registrati span {
    color: red;
    font-size: 8px;
    font-weight: 600;
}
*/

.registrati .pass-dimenticata {
    color: #004448;
}

.form-registrati label {
    color: #898989;
    font-size: 12px;
}

.form-registrati p {
    font-size: 20px;
}

.form-registrati input:focus,
.form-registrati select:focus {
    outline: none;
    box-shadow: none;
}

.form-registrati .form-control,
.form-registrati .form-select {
    border: 1px solid #898989;
    border: 1px solid #e1dfdf;
    padding: 10px;
    border-radius: 6px;
}

.form-registrati .btn {
    border: 2px solid #004448;
    color: #004448;
    border-radius: 36px;
    font-weight: 700;
    display: flex;
    padding: 15px;
    justify-content: center;
    text-transform: uppercase;
    font-size: var(--general_text_size);
    transition: .3s;
    width: 100%;
}

.form-registrati .btn:hover {
    background-color: #004448;
    color: white;
}

.form-registrati span {
    color: #666;
    font-size: var(--general_text_size);
}

.form-registrati span a {
    text-decoration: underline;
    color: #004448;
}

.carrello-pieno h2 {
    font-family: gilroy_reg;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 1.5rem;
}

.carrello-pieno .carrello-sx img {
    border-radius: 8px;
}

.carrello-pieno .carrello-sx strong {
    font-family: gilroy_black;
}

.carrello-pieno .carrello-sx h3 {
    font-family: gilroy_reg;
    font-size: 18px;
    font-weight: 600;
}

.carrello-pieno .carrello-sx .dettagli-prodotto p {
    font-size: var(--general_text_size);
    margin-bottom: .5rem;
}

.carrello-pieno .carrello-sx .carrello-flex-1 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
}

.carrello-pieno .carrello-sx .carrello-flex-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: 100%;
    justify-content: space-between;
    margin-left: auto;
    position: relative;
}

@media (max-width: 992px) {
    .carrello-pieno .carrello-sx .carrello-flex-2 {
        align-items: flex-end;
        width: max-content;
    }
}

.carrello-pieno .carrello-sx select {
    border-radius: 0;
    border: 1px solid #e3e3e3;
}

.carrello-pieno .carrello-sx select:focus {
    box-shadow: none;
}

.carrello-pieno .rimuovi a {
    color: #004448;
    font-size: var(--general_text_size);
}

.carrello-pieno .rimuovi a:hover {
    text-decoration: underline;
}

.carrello-sx {
    padding-top: 1rem;
}

.carrello-sx:not(:first-child) {
    border-top: 1px solid #e1e1e1;
}

.carrello-pieno .aggiorna-carrello {
    display: flex;
    justify-content: center;
    padding: 10px 20px;
    font-size: var(--general_text_size);
    border: 1px solid #004448;
    border-radius: 2px;
    font-weight: 600;
    transition: .3s;
}

.carrello-pieno .aggiorna-carrello.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.carrello-pieno .aggiorna-carrello:hover {
    background: #004448;
    color: white;
}

.carrello-pieno .aggiorna-carrello.disabled:hover {
    opacity: 0.4;
    border: 1px solid #004448;
    color: #004448;
    background: #00444800;
}

.carrello-pieno .banner-spedito {
    display: flex;
    justify-content: center;
    padding: 30px 10px;
    background: #f5f5f5;
    border-radius: 8px;
    align-items: center;
}

.carrello-pieno .banner-spedito i {
    margin-right: .5rem;
}

.carrello-pieno .banner-spedito i:before {
    display: block;
    color: #004448;
    font-size: 30px;
}

.carrello-pieno .banner-spedito p {
    margin-bottom: 0;
    font-weight: 600;
}

.carrello-pieno .carrello-dx {
    border-radius: 10px;
    border: 1px solid #e1dfdf;
}

.carrello-pieno .carrello-dx .titolo-riepilogo {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 8px;
    background: #004448;
    color: white;
    border-radius: 10px 10px 0 0;
}

.carrello-pieno .carrello-dx .titolo-riepilogo p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    color: white;
}

.carrello-pieno .carrello-dx .dettagli-riepilogo {
    padding: 20px;
}

.carrello-pieno .carrello-dx .dettagli-riepilogo p {
    margin-bottom: 0;
    color: #666;
    font-size: var(--general_text_size);
}

.carrello-pieno .carrello-dx .dettagli-riepilogo .subtotale {}

.carrello-pieno .carrello-dx .dettagli-riepilogo .prezzo {
    font-family: gilroy_black;
    color: #004448;
    font-size: 18px;
}

.carrello-pieno .carrello-dx .dettagli-riepilogo .totale {
    font-size: 28px;
    font-weight: 600;
}

.carrello-pieno .carrello-dx .dettagli-riepilogo .prezzo-totale {
    font-family: gilroy_black;
    color: #000;
    font-size: 28px;
}

.carrello-pieno .carrello-dx .dettagli-riepilogo .vai-alla-cassa {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #004448;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--general_text_size);
    border-radius: 100px;
    transition: .3s;
}

.carrello-pieno .carrello-dx .dettagli-riepilogo .vai-alla-cassa:hover {
    box-shadow: 0px 0 20px rgb(0 0 0 / 20%);
}

.cassa-riepilogo .dettagli-prodotto-acquistato a {
    color: #004448;
    text-decoration: underline;
    font-size: var(--general_text_size);
    margin-bottom: 1rem;
}

.cassa-riepilogo .dettagli-prodotto-acquistato p {
    font-weight: 600;
    color: #004448 !important;
}

.cassa-riepilogo .dettagli-prodotto-acquistato strong {
    font-size: 18px;
    font-family: gilroy_black;
    color: #666666 !important;
}

.cassa-riepilogo .prezzo-cassa {
    font-size: 18px !important;
    font-family: gilroy_black;
    color: #666666 !important;
}

.cassa-riepilogo .dettagli-prodotto-acquistato {
    border-bottom: 1px solid #d3cdcd;
    margin-bottom: 2rem;
}

.cassa-riepilogo .banner-spedito-cassa {
    display: flex;
    justify-content: center;
    padding: 30px 10px;
    background: #f5f5f5;
    border-radius: 5px;
    align-items: center;
}

.cassa-riepilogo .banner-spedito-cassa i {
    margin-right: .5rem;
}

.cassa-riepilogo .banner-spedito-cassa i:before {
    display: block;
    color: #004448;
    font-size: 30px;
}

.cassa-riepilogo .banner-spedito-cassa p {
    margin-bottom: 0;
    font-weight: 600;
}

.carrello-pieno .banner-spedito-cassa {
    display: flex;
    justify-content: center;
    padding: 30px 10px;
    background: #f5f5f5;
    border-radius: 0 0 10px 10px;
    align-items: center;
}

.carrello-pieno .banner-spedito-cassa i {
    margin-right: .5rem;
}

.carrello-pieno .banner-spedito-cassa i:before {
    display: block;
    color: #004448;
    font-size: 30px;
}

.carrello-pieno .banner-spedito-cassa p {
    margin-bottom: 0;
    font-weight: 600;
}

.area-utente {
    background-color: #f6f7f9;
}

.area-utente .cerchio-utente {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #2d2d2d;
    font-size: 35px;
    color: #fff;
}

.area-utente .menu-area-riservata {
    background-color: white;
    margin-top: 2rem;
}

.area-utente .menu-area-riservata ul {
    list-style: none;
    padding-left: 0;
}

.area-utente .menu-area-riservata li {
    padding: 10px 20px;
    font-weight: 600;
    border-bottom: 1px solid #f6f7f9;
    cursor: pointer;
}

.area-utente .menu-area-riservata li:hover {
    background: #f8f8f8;
    border-left: 3px solid #004448;
}

.area-utente .menu-area-riservata ul .active {
    background: #f8f8f8;
    border-left: 3px solid #004448;
}

.area-utente .menu-area-riservata li i {
    margin-right: .5rem;
}

.area-utente .menu-area-riservata li i:before {
    font-size: 18px;
    color: #004448;
}

.area-utente .area-utente-body {
    text-align: center;
}

.area-utente .area-utente-body h2 {
    font-size: 40px;
    margin-bottom: 3rem;
}

.area-utente .account-elem p {
    font-size: 18px;
    font-weight: 600;
}

.area-utente .account-elem span {
    font-size: var(--general_text_size);
    color: #666;
}

.area-utente .account-elem a {
    background-color: #004448;
    color: white;
    padding: 20px 100px;
    width: 50%;
    border-radius: 9999px;
    font-weight: 600;
}

.area-utente .dettagli-area-utente {
    padding: 20px;
    background-color: white;
    text-align: left;
}

.area-utente .dettagli-area-utente label {
    color: #898989;
    font-size: 12px;
}

.area-utente .dettagli-area-utente input,
.area-utente .dettagli-area-utente select {
    color: #898989;
    border-radius: 0;
    border: 1px solid #e3e3e3;
}

.area-utente .dettagli-area-utente input:disabled,
.area-utente .dettagli-area-utente select:disabled {
    color: #898989;
    border-radius: 0;
    border: 1px solid #e3e3e3;
    background-color: white;
}

.area-utente .dettagli-area-utente input:focus {
    box-shadow: none;
    outline: none;
}

.area-utente .dettagli-area-utente input:checked {
    background-color: #2d2d2d;
}

.area-utente .dettagli-area-utente .btn {
    border-radius: 0;
    background-color: #004448;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 28px;
    font-size: var(--general_text_size);
    border: none;
}

.area-utente .dettagli-area-utente .btn:disabled {
    border-radius: 0;
    background-color: #eff2f4;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 28px;
    font-size: var(--general_text_size);
    border: none;
}

.area-utente .cambia-pass {
    background-color: white;
    padding: 20px;
    border: 1px solid #e1dfdf;
    border-radius: 10px;
}

.area-utente .cambia-pass label {
    color: #898989;
    font-size: 12px;
}

.area-utente .cambia-pass input {
    border-radius: 3px;
}

.area-utente .cambia-pass input:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.area-utente .cambia-pass .btn-cambia-pass {
    border: 2px solid #004448;
    color: #004448;
    padding: 10px 20px;
    border-radius: 999px;
    font-size: var(--general_text_size);
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s;
}

.area-utente .cambia-pass .btn-cambia-pass:hover {
    color: white;
    background-color: #004448;
}

.area-utente .cambia-indirizzo h4 {
    font-family: gilroy_reg;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.area-utente .cambia-indirizzo .etichetta-indirizzi {
    background-color: white;
    padding: 15px 20px;
    box-shadow: 0 0 19px 0 rgb(0 0 0 / 20%);
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px;
}

.area-utente .cambia-indirizzo .etichetta-indirizzi.predefinito {
    border: solid 2px #004448;
}

.area-utente .cambia-indirizzo .etichetta-indirizzi p {
    color: #666;
    font-size: var(--general_text_size);
}

.area-utente .cambia-indirizzo .etichetta-indirizzi a {
    color: #004448;
    text-transform: uppercase;
    font-size: var(--general_text_size);
    font-weight: 600;
    transition: .5s;
}

.area-utente .cambia-indirizzo .etichetta-indirizzi a:hover {
    color: #004448;
    text-decoration: underline;
}

.area-utente .cambia-indirizzo .etichetta-indirizzi .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.area-utente .cambia-indirizzo .etichetta-indirizzi .close:before {
    font-size: 20px;
    color: #004448;
}

.area-utente .cambia-indirizzo .add-indirizzo:before {
    font-size: 24px;
    color: #004448;
    display: block;
}

.pagina-testuale h4 {
    font-size: 40px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.pagina-testuale h4:first-child {
    margin-top: 0;
}

.pagina-testuale p {
    font-size: 15px;
}

.pagina-testuale p strong {
    font-family: gilroy_black;
}

.pagina-testuale ul li {
    font-size: 15px;
}

.info-azienda {
    padding: 100px 0;
}

.info-azienda h4 {
    font-size: 40px;
    font-family: gilroy_bold;
    letter-spacing: -2px;
}

.info-azienda h4 span {
    color: #004448;
}

.info-azienda p {
    font-size: var(--general_text_size);
    color: #000;
}

.info-azienda p strong {
    font-family: gilroy_black;
}

.altre-info-azienda {
    background-color: #f6f7f9;
}

.altre-info-azienda img {
    height: 60px;
}

.altre-info-azienda h5 {
    font-size: 24px;
}

.altre-info-azienda p {
    color: #666;
    font-size: var(--general_text_size);
}

.team h2 {
    font-size: 40px;
    text-align: center;
}

.team p {
    color: #000;
    margin-bottom: 0;
    font-size: var(--general_text_size);
}

.team img {
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.team .foto-team {
    height: 330px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.team .immagine-team {
    border-radius: 10px;
    padding: 5px;
}

.team .immagine-team p {
    color: white;
    font-size: var(--general_text_size);
}

.team .immagine-team .nome {
    background-color: #004448;
    text-align: center;
    padding: 10px 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.team .foto-team::-webkit-scrollbar {
    width: 5px;
}

.team .foto-team::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.team .foto-team::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.team .foto-team::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.numeri-chi-siamo {
    background-color: #f6f7f9;
}

.numeri-chi-siamo h5 {
    font-size: 40px;
    color: #004448;
    margin-bottom: .5rem;
}

.numeri-chi-siamo p {
    font-size: 20px;
    color: #666;
    margin-bottom: .5rem;
    font-weight: 600;
}

.numeri-chi-siamo img {
    height: 30px;
    filter: brightness(0.4) saturate(100%);
}

.riconoscimenti-home .testo-riconoscimenti {
    font-size: var(--general_text_size);
    color: black;
    text-align: center;
}

.riconoscimenti-home .testo-riconoscimenti strong {
    font-family: gilroy_black;
}

.pagina-testuale a {
    font-size: 15px;
    color: #004448;
    text-decoration: underline;
}

.ricerca-supporto h2 {
    font-family: gilroy_bold;
    font-size: 40px;
    margin-bottom: 1.5rem;
}

.ricerca-supporto input {
    border-radius: 999px;
    border: none;
    background: none;
    color: #999;
    font-weight: 600;
    font-size: 12px;
}

.ricerca-supporto input:focus {
    box-shadow: none;
    border-color: #004448;
    background: none;
}

.ricerca-supporto span {
    position: absolute;
    right: 15px;
    background: none;
    border: none;
    padding: 0;
    font-size: 22px;
    color: #004448;
    top: 5px;
}

.ricerca-supporto .input-group {
    border-radius: 999px;
    border: 2px solid #004448;
    padding: 5px;
    color: #999;
    font-weight: 600;
    font-size: 12px;
}

.ricerca-supporto input::placeholder {
    font-size: 12px;
    color: #999;
    font-weight: 600;
}

.risposte-supporto {
    background-color: #f6f7f9;
}

.risposte-supporto h2 {
    font-family: gilroy_bold;
    font-size: 40px;
}

.risposte-supporto .categorie-domande {
    background-color: white;
    border-radius: 25px;
}

.risposte-supporto .categorie-domande ul {
    padding-left: 0;
    list-style: none;
}

.risposte-supporto .categorie-domande ul li {
    border-bottom: 2px solid #c8c8c8;
    padding: 20px;
    font-weight: 600;
}

.risposte-supporto .categorie-domande ul li:last-child {
    border-bottom: none;
}

.risposte-supporto .categorie-domande ul li .active {
    color: #004448;
}

.risposte-supporto .domande .accordion-item {
    margin-bottom: 2rem;
    border: none;
    border-radius: 20px;
}

.risposte-supporto .domande .accordion-item button {
    font-size: 18px;
    font-weight: 600;
    font-family: gilroy_reg;
    padding: 22px;
    border-radius: 20px;
}

.risposte-supporto .domande .accordion-button:not(.collapsed) {
    color: #212529;
    border: none;
    background-color: white;
    box-shadow: none;
}

.risposte-supporto .domande .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c3239'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.risposte-supporto .domande .accordion-item button:hover {
    color: #004448;
}

.risposte-supporto .domande .accordion-item button:focus {
    box-shadow: none;
}

.risposte-supporto .domande .accordion-item .accordion-body {
    color: #666;
}

.risposte-supporto .domande .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 20px;
}

.risposta-non-trovata-supporto h2 {
    font-family: gilroy_bold;
    font-size: 40px;
}

.risposta-non-trovata-supporto p {
    font-weight: 600;
    font-size: 18px;
}

.risposta-non-trovata-supporto .assistenza {
    border: 1px solid #e1e1e1;
    color: #004448;
    padding: 30px 10px;
    border-radius: 4px;
}

.risposta-non-trovata-supporto .assistenza img {
    height: 50px;
    margin-bottom: 1rem;
}

.risposta-non-trovata-supporto .assistenza p {
    margin-bottom: 0;
    font-size: var(--general_text_size);
}

.ovunque {
    background-color: #f6f7f9;
}

.ovunque h2 {
    font-family: gilroy_bold;
    font-size: 40px;
}

.ovunque p {
    font-weight: 600;
    font-size: 18px;
}

.ovunque .supporto {
    padding: 50px 70px;
    box-shadow: 5px 5px 30px 0 rgb(0 0 0 / 5%);
    background: white;
}

.ovunque .supporto img {
    height: 70px;
    margin-bottom: 1rem;
}

.ovunque .supporto p {
    text-align: center;
    font-size: var(--general_text_size);
    color: #666;
    font-weight: 400;
    margin-bottom: 0;
}

.ovunque .supporto strong {
    font-family: gilroy_black;
}

.sempre-con-te img {
    height: 300px;
    width: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.sempre-con-te h3 {
    font-size: 40px;
    font-family: gilroy_bold;
    margin-bottom: 1rem;
}

.sempre-con-te h5 {
    margin-bottom: 1.5rem;
    font-size: 18px;
    font-family: gilroy_reg;
    font-weight: 600;
}

.sempre-con-te i {
    margin-right: .5rem;
}

.sempre-con-te i:before {
    color: #004448;
    font-size: 24px;
}

.sempre-con-te p {
    font-size: var(--general_text_size);
    margin-bottom: 0;
    color: #666;
}

.politica-prezzi-head h2 {
    text-align: center;
    font-family: gilroy_bold;
    font-size: 40px;
    margin-bottom: 1rem;
}

.politica-prezzi-head h2 span {
    color: #004448;
}

.politica-prezzi-head p {}

.politica-prezzi-head p strong {
    font-family: gilroy_black;
}

.come-riusciamo {
    background-color: #f6f7f9;
}

.come-riusciamo .abilita img {
    height: 60px;
    margin-bottom: 1rem;
}

.come-riusciamo .abilita h5 {
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 1.5rem;
}

.come-riusciamo .abilita p {
    text-align: center;
    color: #666;
    font-size: var(--general_text_size);
}

.come-riusciamo .abilita h2 {
    text-align: center;
    font-family: gilroy_bold;
    font-size: 40px;
    margin-bottom: 1rem;
}

.come-riusciamo .in-contatto {
    background-color: #004448;
    border-radius: 30px;
    padding: 20px;
    text-align: center;
}

.come-riusciamo .in-contatto h5 {
    font-family: gilroy_bold;
    font-size: 24px;
    color: white;
    font-weight: 600;
}

.come-riusciamo .in-contatto p {
    font-size: var(--general_text_size);
    color: white;
}

.come-riusciamo .in-contatto i {}

.come-riusciamo .in-contatto i:before {
    color: white;
    font-size: 20px;
}

.domande-prezzi .domande .accordion-item {
    margin-bottom: 1rem;
    border: none;
    border-radius: 20px;
    background-color: #f6f7f9;
}

.domande-prezzi .domande .accordion-item button {
    font-size: 18px;
    font-weight: 600;
    font-family: gilroy_reg;
    padding: 22px;
    border-radius: 20px;
    background-color: #f6f7f9;
    transition-delay: 250ms;
    transition: .3s;
}

.domande-prezzi .domande .accordion-button:not(.collapsed) {
    color: #212529;
    border: none;
    background-color: #f6f7f9;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.domande-prezzi .domande .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232c3239'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.domande-prezzi .domande .accordion-item button:hover {
    color: #004448;
}

.domande-prezzi .domande .accordion-item button:focus {
    box-shadow: none;
}

.domande-prezzi .domande .accordion-item .accordion-body {
    color: #666;
    background-color: #f6f7f9;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.domande-prezzi .domande .accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: 20px;
}

.domande-prezzi .domande .accordion-item:last-of-type .accordion-collapse {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.domande-prezzi h2 {
    font-size: 40px;
    letter-spacing: -2px;
    text-align: center;
    margin-bottom: 1rem;
}

.localita-disagiate h2 {
    font-size: 40px;
    margin-bottom: 1rem;
    text-align: center;
}

.localita-disagiate p {
    color: #666;
}

.localita-disagiate .bold {
    font-weight: 600;
}

.localita-disagiate p strong {
    font-family: gilroy_black;
}

.localita-disagiate ul {
    padding-left: 0;
    list-style: none;
}

.localita-disagiate ul li {
    padding: 6px;
    background-color: white;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: var(--general_text_size);
}

.localita-disagiate ul li:nth-child(odd) {
    background-color: #ececec;
}

.localita-disagiate ul li:last-child {
    border-bottom: none;
}

.localita-disagiate .separatore {
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
}

.prodotti-agevolazioni h2 {
    font-size: 40px;
    font-family: gilroy_bold;
    text-align: center;
}

.prodotti-agevolazioni .prodotto img {
    height: 40px;
    margin-bottom: 1rem;
}

.prodotti-agevolazioni .prodotto {
    padding: 50px 20px;
    box-shadow: 5px 5px 30px 0 rgb(0 0 0 / 5%);
    height: 100%;
}

.prodotti-agevolazioni .prodotto p {
    color: #666;
    font-size: var(--general_text_size);
    text-align: center;
    margin-bottom: 0;
}

.prodotti-agevolazioni p {
    color: #666;
    font-size: var(--general_text_size);
    text-align: center;
    margin-bottom: 0;
}

.prodotti-agevolazioni p strong {
    font-family: gilroy_black;
}

.risposte-supporto .iva-agevolata {
    font-family: gilroy_black;
    font-size: 40px;
    color: #004448;
}

.risposte-supporto .pre-footer {
    color: #666;
    font-size: var(--general_text_size);
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
}

.risposte-supporto .pre-footer strong {
    font-family: gilroy_black;
}

.scrivici-btn {
    color: white;
    border: 1px solid #004448;
    background-color: #004448;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 45px;
    font-size: var(--general_text_size);
    border-radius: 20px;
    transition: .3s;
}

.scrivici-btn:hover {
    color: #004448;
    background-color: transparent;
}

.risposte-supporto .domande-frequenti {
    font-size: 40px;
    font-family: gilroy_black;
}

.prodotti-agevolazioni p strong {
    font-family: gilroy_black;
}

.domande-prezzi .detrazione-fiscali {
    font-family: gilroy_black;
    font-size: 40px;
    color: #004448;
}

.domande-prezzi .pre-footer {
    color: #666;
    font-size: var(--general_text_size);
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
}

.domande-prezzi .pre-footer strong {
    font-family: gilroy_black;
}

.logo-bottom {
    display: none;
    margin-right: 1rem;
}

@media (max-width: 992px) {
    .area-utente .account-elem a {
        padding: 20px 40px;
    }
    #info-cat {}
    #prodotto .nome {
        font-size: 20px !important;
    }
}

.prodotto-aggiunto-carrello {
    height: 220px;
    width: 300px;
    position: fixed;
    left: -300px;
    bottom: 20px;
    box-shadow: 0 0 10px 10px rgb(0 0 0 / 5%);
    z-index: 1000;
    background-color: white;
}

.prodotto-aggiunto-carrello h5 {
    text-align: center;
    font-family: gilroy_reg;
    font-weight: 600;
    font-size: var(--general_text_size);
}

.prodotto-aggiunto-carrello img {
    width: 100%;
    object-fit: cover;
}

.prodotto-aggiunto-carrello p {
    font-size: var(--general_text_size);
}

.prodotto-aggiunto-carrello .quantita {
    font-family: gilroy_black;
}

.prodotto-aggiunto-carrello .btn-carrello {
    padding: 10px 5px;
    font-size: var(--general_text_size);
    color: #004448;
    border: 1px solid #004448;
    transition: .3s;
    width: 100%;
    border-radius: 2px;
    font-weight: 600;
}

.prodotto-aggiunto-carrello .btn-cassa {
    padding: 10px 5px;
    font-size: var(--general_text_size);
    color: white;
    background-color: #004448;
    border: 1px solid #004448;
    transition: .3s;
    width: 100%;
    border-radius: 2px;
    font-weight: 600;
    width: 100%;
}

.descrizione-prodotto .spedizione a:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.modal-info-prodotto h5 {
    font-size: 40px;
}

.modal-info-prodotto p {
    font-size: var(--general_text_size);
    color: #999;
}

.modal-info-prodotto strong {
    font-family: gilroy_black;
}

.modal-info-prodotto .modal-body {
    padding: 50px;
}

.modal-info-prodotto button {
    padding: 20px 40px;
    color: white;
    background-color: #004448;
    border: 1px solid #004448;
    width: 100%;
    border-radius: 20px;
    transition: .3s;
    font-size: 18px;
    text-transform: uppercase;
}

.modal-info-prodotto button:hover {
    color: #004448;
    background-color: white;
    border: 1px solid #004448;
}

.numero-prodotti-acquistati {
    position: absolute;
    right: -10px;
    top: 0;
    background-color: #faca2a;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 13px;
    font-style: normal;
}

.numero-preferiti {
    position: absolute;
    right: -10px;
    top: -2px;
    background-color: #faca2a;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 13px;
    font-style: normal;
}

.categoria-scelta.active {
    border-radius: 0;
    border-color: #004448;
    color: #004448;
}

.filtri .categoria-scelta.active img {
    /* filter: invert(40%) sepia(30%) saturate(3000%) hue-rotate(145deg); */
}

.menu-top-mobile {
    display: none;
}

#menu-top-mobile {
    position: relative;
    top: -5px
}

.order-action span {
    color: #004448 !important;
}

#menu-down img {
    position: relative;
    width: 100%;
    height: 38px;
    margin-bottom: 0px;
    margin-top: -10px;
    top: 6px;
}

@media (max-width: 992px) {
    .numero-preferiti {
        top: -4px;
    }
    .header {
        padding-bottom: 95px;
    }
    .menu-top-mobile a {
        position: relative;
    }
    .menu-top-mobile small {
        position: absolute;
        left: 7px;
        bottom: -7px;
        font-size: 10px;
    }
    .menu-top-mobile {
        display: block;
        padding: 15px 0;
        transition: all 0.5s;
        z-index: 997;
        position: absolute;
        right: 0;
        left: 0;
        top: 60px;
        background-color: white;
        border-bottom: solid 1px #eaeaea;
    }
    .header.sticked {
        position: absolute;
        padding: 20px 0;
    }
    .menu-top-mobile img {
        height: 45px;
    }
    .mobile-nav-close {
        color: white;
        font-size: 50px;
        cursor: pointer;
        line-height: 0;
        transition: 0.5s;
        position: fixed;
        top: 25px;
        z-index: 9999;
        right: 0px;
    }
    .menu-top-mobile i:before {
        font-size: 30px;
    }
}

.product-label.label-offer {
    background: #004448;
    border-bottom-right-radius: 12rem;
    border-top-right-radius: 0;
    margin-bottom: 0;
    color: #fff;
    padding: 1rem 1.1rem 1.5rem 0.4rem;
    font-size: 0.9rem;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 200;
}

.product-label {
    display: inline-block;
    text-align: center;
    margin-bottom: 0.5rem;
    padding: 0.5rem 1.1rem;
    border-radius: 2px;
    font-weight: 600;
    line-height: 1;
    font-size: 0.9rem !important;
}

.product-label.label-offer span {
    display: block;
    transform: rotate(315deg);
}

.product-label.label-offer.spedizione {
    z-index: 9 !important;
}

.product-label.label-offer.spedizione {
    background: #faca2a;
    border-bottom-left-radius: 12rem;
    border-top-right-radius: 0;
    margin-bottom: 0;
    color: #333 !important;
    padding: 1rem 1.1rem 1.5rem 0.4rem;
    font-size: 0.9rem;
    position: absolute;
    top: 0px;
    right: 10px;
    border-bottom-right-radius: unset;
    left: unset;
}

.product-label.label-offer.spedizione span {
    display: block;
    transform: rotate(45deg);
    color: #333 !important;
}

.product-label.label-offer.spedizione i {
    position: relative;
    display: block;
    transform: rotate(45deg);
    left: 15px;
    margin-bottom: -5px;
    font-size: 16px;
}

.cat-square {
    min-width: 110px;
    width: auto;
    flex: 0 0 auto;
    cursor: pointer;
}

.text-primary {
    color: #004448 !important;
}

#label-sconto-euro {
    background: #004448;
    color: #fff !important;
    padding: 5px;
    position: relative;
    border-radius: 3px;
}

@media screen and (min-width: 1441px) {
    .cat-square {
        min-width: 31.25%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .cat-square {
        min-width: 47.62%;
    }
}

.skel-pro-gallery-3 {
    min-height: 300px !important;
}

.skeleton-body .cols-sm-2>.skel-pro-gallery-3:before {
    padding-top: 112.5%;
    background-size: calc(65% - 10px) calc(35% - 10px), calc(35% - 10px) calc(35% - 10px), calc(50% - 10px) calc(20% - 10px), calc(50% - 10px) calc(20% - 10px);
    background-position: 0 0, 100% 0, 0 44%, 100% 44%;
}

.skeleton-body .skel-pro-gallery-3:before {
    padding-top: 112.5%;
    background-size: 100% 80%, 23% 18.5%, 23% 18.5%, 23.5% 18.5%, 23.7% 18.5%;
    background-position: 0 0, 0 100%, 33% 100%, 66% 100%, 100% 100%;
}

.skeleton-body .cols-sm-2>.skel-pro-gallery:before {
    padding-top: 112.5%;
    background-size: calc(50% - 10px) calc(50% - 10px), calc(50% - 10px) calc(50% - 10px), calc(50% - 10px) calc(50% - 10px), calc(50% - 10px) calc(50% - 10px);
    background-position: 0 0, 100% 0, 0 100%, 100% 100%;
}

.skeleton-body .skel-pro-gallery:before {
    padding-top: 112.5%;
    background-size: 100% 80%, 23% 18.5%, 23% 18.5%, 23.5% 18.5%, 23.7% 18.5%;
    background-position: 0 0, 0 100%, 33% 100%, 66% 100%, 100% 100%;
}

.skel-megamenu:after,
.skel-menu:after,
.skeleton-body .skel-cat:after,
.skeleton-body .skel-post-list:after,
.skeleton-body .skel-post-mask:after,
.skeleton-body .skel-post:after,
.skeleton-body .skel-pro-gallery:after,
.skeleton-body .skel-pro-gallery-3:after,
.skeleton-body .skel-pro-list:after,
.skeleton-body .skel-pro-search:after,
.skeleton-body .skel-pro-summary:after,
.skeleton-body .skel-pro-tabs:after,
.skeleton-body .skel-pro:after,
.skeleton-body .widget-2:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, .8) 50%, hsla(0, 0%, 100%, 0) 80%);
    -webkit-animation: skeletonloading 1.5s infinite;
    animation: skeletonloading 1.5s infinite;
}

.skel-megamenu,
.skel-menu,
.skeleton-body .skel-cat,
.skeleton-body .skel-post,
.skeleton-body .skel-post-list,
.skeleton-body .skel-post-mask,
.skeleton-body .skel-pro,
.skeleton-body .skel-pro-gallery,
.skeleton-body .skel-pro-gallery-3,
.skeleton-body .skel-pro-list,
.skeleton-body .skel-pro-search,
.skeleton-body .skel-pro-summary,
.skeleton-body .skel-pro-tabs,
.skeleton-body .widget-2 {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.skeleton-body .skel-pro-summary:before {
    min-height: 500px;
    background-size: 55% 25px, 20% 25px, 70% 30px, 40% 18px, 30% 30px, 40% 15px, 100% 14px, 100% 14px, 100% 14px, 40% 14px, 66% 30px, 70% 30px, 100% 1px, 70% 45px, 100% 1px, 50% 30px;
    background-position: 0 0, 100% 0, 0 34px, 0 75px, 0 115px, 0 155px, 0 190px, 0 215px, 0 240px, 0 265px, 0 310px, 0 350px, 0 400px, 0 420px, 0 485px, 0 506px;
}

.skel-megamenu:before,
.skel-menu:before,
.skeleton-body .skel-cat:before,
.skeleton-body .skel-post-list:before,
.skeleton-body .skel-post-mask:before,
.skeleton-body .skel-post:before,
.skeleton-body .skel-pro-gallery:before,
.skeleton-body .skel-pro-gallery-3:before,
.skeleton-body .skel-pro-list:before,
.skeleton-body .skel-pro-search:before,
.skeleton-body .skel-pro-summary:before,
.skeleton-body .skel-pro-tabs:before,
.skeleton-body .skel-pro:before,
.skeleton-body .widget-2:before {
    content: "";
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0), linear-gradient(#f4f4f4 100%, transparent 0);
}

.skeleton-body .skel-pro-tabs:before {
    min-height: 200px;
    background-size: 120px 25px, 200px 25px, 100px 25px, 100% 1px, 100% 15px, 100% 15px, 100% 15px, 80% 15px;
    background-position: 0 0, 140px 0, 360px 0, 0 35px, 0 55px, 0 85px, 0 115px, 0 145px;
}

@keyframes skeletonloading {
    100% {
        rotate: 45deg;
        transform: translateX(100%);
    }
}

.descrizione-prodotto .offerta-temporanea {
    background-color: #f5f5f5;
    padding: 12px 16px;
    border-radius: 15px;
    margin-bottom: 1rem;
}

.descrizione-prodotto .offerta-temporanea .scadenza {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.descrizione-prodotto .offerta-temporanea .data-scadenza {
    background-color: white;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 15px;
}

.descrizione-prodotto .offerta-temporanea .data-scadenza .scadenza-numero {
    font-weight: 700;
    font-size: 18px;
}

.descrizione-prodotto .offerta-temporanea .data-scadenza .scadenza-testo {
    font-weight: 700;
    font-size: 18px;
    color: #004448;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .descrizione-prodotto .offerta-temporanea .data-scadenza .scadenza-testo {
        font-size: 12px;
    }
}

.menu-lat-carrello-sfondo {
    position: fixed;
    left: 0;
    width: 100vw;
    top: -10vh;
    height: 120vh;
    background: rgba(0, 0, 0, .3);
    z-index: 999;
    transition: opacity .7s;
    display: none;
}

.menu-lat-carrello {
    position: fixed;
    height: 100%;
    width: 320px;
    right: -400px;
    bottom: 0;
    background-color: #f1f0f0;
    z-index: 1000;
}

.menu-lat-carrello .padding {
    padding: 20px;
}

.menu-lat-carrello .chiudi-menu-lat-carrello i {
    color: #004448;
}

.menu-lat-carrello .chiudi-menu-lat-carrello i:before {
    margin-right: 1rem;
    font-size: 18px;
}

.menu-lat-carrello .dettagli-spedizione {
    font-size: 13px;
    font-weight: 700;
    color: #004448;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.menu-lat-carrello .dettagli-spedizione i {
    font-size: 22px;
    margin-bottom: .2rem;
}

.menu-lat-carrello .dettagli-spedizione p {
    margin-bottom: .2rem;
}

.menu-lat-carrello .opzioni-carrello .vai-carrello {
    background-color: #fff;
    color: #004448;
    border-radius: 20px;
    padding: 0 20px;
    border: 2px solid #004448;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    height: 37px;
}

.menu-lat-carrello .opzioni-carrello .vai-carrello:hover {
    background-color: #004448;
    color: #fff;
}

.menu-lat-carrello .opzioni-carrello .vai-carrello i {
    font-size: 18px;
    margin-right: .75rem;
}

.menu-lat-carrello .opzioni-carrello .vai-cassa {
    background-color: #004448;
    color: white;
    border-radius: 20px;
    padding: 0 20px;
    border: 2px solid #004448;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    height: 37px;
}

.menu-lat-carrello .opzioni-carrello .vai-cassa:hover {
    background-color: #3a8d8d;
    border-color: #3a8d8d;
}

.menu-lat-carrello .opzioni-carrello .vai-cassa i {
    font-size: 18px;
    margin-right: .75rem;
}

.menu-lat-carrello .riepilogo-totale p {
    color: #666;
    font-size: var(--general_text_size);
}

.menu-lat-carrello .dettagli-carrello {
    background-color: white;
    border-radius: 5px;
    padding: 10px;
}

.menu-lat-carrello .dettagli-carrello .ant-img {
    height: 50px;
    width: 50px;
    object-fit: cover;
    border-radius: 5px;
}

.menu-lat-carrello .dettagli-carrello .descrizione-prodotto {
    color: #666;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 0;
}

.menu-lat-carrello .dettagli-carrello .descrizione-prodotto:hover {
    color: #004448;
}

.menu-lat-carrello .dettagli-carrello .prezzo-prodotto {
    font-family: gilroy_black;
    font-size: var(--general_text_size);
    margin-bottom: 0;
    margin-right: .2rem;
}

.menu-lat-carrello .dettagli-carrello .modifica-ordine {
    color: #004448;
    font-size: 20px;
    cursor: pointer;
}

.menu-lat-carrello .modifica-carrello {
    background-color: white;
    border-radius: 5px;
    padding: 10px;
    display: none;
}

.menu-lat-carrello .modifica-carrello .nome-prodotto {
    color: #666;
    font-size: 12px;
    font-weight: 700;
}

.menu-lat-carrello .modifica-carrello .form-select {
    border-radius: 0;
    border: 1px solid #e3e3e3;
    padding-left: 1.5rem;
}

.menu-lat-carrello .modifica-carrello .cancella {
    font-size: 18px;
    color: #004448;
    cursor: pointer;
}

.menu-lat-carrello .modifica-carrello .nascondi {
    font-size: 18px;
    cursor: pointer;
}

.menu-lat-carrello .modifica-carrello .disponibilita p {
    color: #666;
    font-size: 12px;
    margin-bottom: 0;
}

.menu-lat-carrello .dettagli-carrello .numero-prodotti-acquistati {
    position: absolute;
    left: -10px;
    top: -10px;
    background-color: #faca2a;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 12px;
}

.modal-menu-carrello {
    border-radius: 3px;
    box-shadow: 0 20px 60px -2px rgb(27 33 58 / 40%);
}

.modal-menu-carrello .modal-body h4 {
    font-size: 20px;
    color: #004448;
    font-weight: 700;
    font-family: gilroy_reg;
}

.modal-menu-carrello .modal-body .img-prodotto {
    height: 150px;
    width: 150px;
    object-fit: cover;
    border-radius: 20px;
    margin-right: 1rem;
}

.modal-menu-carrello .modal-body .descrizione-prodotto p {
    color: #004448;
    font-size: var(--general_text_size);
    font-weight: 700;
}

.modal-menu-carrello .modal-body .descrizione-prodotto p span {
    color: #666;
    font-weight: 700;
}

.modal-menu-carrello .modal-body .bottoni button {
    color: #004448;
    border: 2px solid #004448;
    padding: 10px 30px;
    background-color: transparent;
    font-size: var(--general_text_size);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    transition: .7s;
}

.modal-menu-carrello .modal-body .bottoni button:hover {
    color: white;
    background-color: #004448;
}

.modal-menu-carrello .modal-content {
    border-radius: 3px;
}

.modal-menu-carrello .modal-dialog {
    max-width: 550px;
}

#car-lat-up {
    width: calc(100% - 40px);
    position: absolute;
    bottom: 30px;
}

#opzioni-carrello-lat p {
    line-height: 15px;
}

.justify-content-between.cart-lat {
    gap: 10px;
}

#login {
    width: 100%;
}

#alert-login {
    position: fixed;
    top: 20px;
    z-index: 10000;
    text-align: center;
    width: 200px;
    margin-left: -100px;
}

.cassa-loggato {
    padding-top: 0;
}

.cassa-loggato .cliente-privato h3 {
    font-size: 32px;
}

.cassa-loggato .cliente-privato h5 {
    font-family: gilroy_reg;
    font-size: 22px;
    font-weight: 700;
}

.cassa-loggato .cliente-privato .dettagli-cliente {
    font-size: 13px;
    color: #666;
    margin-bottom: .3rem;
}

.cassa-loggato .cliente-privato .dettagli-cliente span {
    font-family: gilroy_black;
    color: #000;
}

.cassa-loggato .cliente-privato .btn-cambia {
    padding: 10px 20px;
    border: 2px solid #004448;
    color: #004448;
    transition: .3s;
    border-radius: 99px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    font-size: var(--general_text_size);
}

.cassa-loggato .cliente-privato .btn-cambia:hover {
    background-color: #004448;
    color: white;
}

.cassa-loggato .cliente-privato .separatore {
    border-bottom: 1px solid #333;
}

.cassa-loggato .metodo-pagamento h5 {
    font-size: 18px;
    font-family: gilroy_reg;
    font-weight: 700;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.cassa-loggato .metodo-pagamento .pagamento-scelto {
    font-size: var(--general_text_size);
    text-align: center;
    color: #666;
}

.cassa-loggato .metodo-pagamento .pagamento-scelto span {
    font-weight: 700;
    color: black;
}

.cassa-loggato .pagamento-loggato {
    border-radius: 10px;
    border: 1px solid #e1dfdf;
}

.cassa-loggato .pagamento-loggato .tipo-pagamento {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 8px;
    background: #004448;
    color: white;
    border-radius: 10px 10px 0 0;
}

.cassa-loggato .pagamento-loggato .tipo-pagamento p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    color: white;
}

.cassa-loggato .pagamento-loggato .descrizione-pagamento {
    padding: 20px;
}

.cassa-loggato .pagamento-loggato .descrizione-pagamento p {
    color: #666;
    font-size: var(--general_text_size);
}

.cassa-loggato .pagamento-loggato .descrizione-pagamento p b {
    font-family: gilroy_black;
    color: black;
}

.cassa-loggato .extra input {
    border-radius: 0;
    box-shadow: none;
    outline: none;
}

.cassa-loggato .extra input:checked {
    background-color: black;
    border-color: inherit;
    box-shadow: none;
    outline: none;
}

.cassa-loggato .extra label {
    color: #666;
    font-size: var(--general_text_size);
}

.cassa-loggato .extra label b {
    font-family: gilroy_black;
    color: black;
}

.cassa-loggato .extra .separatore {
    border-bottom: 1px solid #f3f3f3;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.cassa-loggato .note-aggiuntive textarea {
    color: #666;
    font-size: var(--general_text_size);
    background: #f5f5f5;
    border: 1px solid #898989;
    border-radius: 15px;
    box-shadow: none;
    outline: none;
}

.cassa-loggato .note-aggiuntive textarea:checked {
    box-shadow: none;
    outline: none;
}

.cassa-loggato .note-aggiuntive p {
    color: #000;
    font-size: var(--general_text_size);
}

.cassa-loggato .note-aggiuntive p a {
    text-decoration: underline;
    transition: .3s;
}

.cassa-loggato .note-aggiuntive p a:hover {
    color: #004448;
}

.cassa-loggato .procedi-pagamento {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.cassa-loggato .procedi-pagamento button {
    color: #000;
    padding: 10px 20px;
    font-weight: 700;
    border: 1px solid #004448;
    border-radius: 5px;
    transition: .3s;
}

.cassa-loggato .procedi-pagamento button:hover {
    color: #004448;
}

@media (min-width: 992px) {
    .modal-cassa-loggato .modal-dialog {
        max-width: 700px;
    }
}

@media (max-width: 992px) {
    .skeleton-body .cols-sm-2>.skel-pro-gallery-3:before {
        padding: 0;
        padding-top: 112.5%;
        background-size: calc(100% - 10px) calc(50% - 10px), calc(100% - 10px) calc(50% - 10px);
        background-position: 4px 0px, 50% 100%;
        min-height: 900px;
    }
    .skeleton-body .skel-pro-gallery-3:before {
        padding-top: 112.5%;
        background-size: calc(100% - 10px) calc(35% - 10px), calc(35% - 10px) calc(35% - 10px);
        background-position: 0 0, 100% 0;
    }
}

.modal-cassa-loggato .modal-content {
    border-radius: 0;
    border-color: white;
}

.modal-cassa-loggato .modal-body {
    padding: 40px;
}

.modal-cassa-loggato .modal-body h3 {
    font-size: 42px;
}

.dettagli-spedizione-utente * {
    text-transform: uppercase;
}

.modal-cassa-loggato .modal-body .dettagli-spedizione-utente p {
    font-size: var(--general_text_size);
    color: #999;
    margin-bottom: .3rem;
}

.modal-cassa-loggato .modal-body .scegli-indirizzo button {
    color: #fff;
    border-color: #004448;
    border: 2px solid #004448;
    background-color: #004448;
    border-radius: 99px;
    padding: 10px 24px;
    text-transform: uppercase;
    font-size: var(--general_text_size);
    font-weight: 700;
    transition: .3s;
}

.modal-cassa-loggato .modal-body .scegli-indirizzo button:hover {
    background-color: white;
    color: #004448;
}

.profile-b {
    background: linear-gradient(45deg, #004448, #2d2d2d);
    border-radius: 3.5rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
}

.profile-n {
    width: 2rem;
    height: 2rem;
    text-align: center;
    color: #fff;
    margin: auto;
    position: relative;
    top: 13px;
}

.btn-outline {
    padding: 10px 20px;
    border: 2px solid #004448;
    color: #004448;
    transition: .3s;
    border-radius: 99px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--general_text_size);
    background-color: #fff;
}

.btn-outline:hover {
    background-color: #004448;
    color: #fff;
}

.inp_label {
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    background: #fff;
    color: #333;
    font-size: var(--general_text_size);
    position: absolute;
    text-transform: uppercase;
    top: 15px;
    left: 20px;
    padding: 0px 6px;
    padding-right: 20px;
}

.inp_label.active_label {
    display: block !important;
    visibility: visible !important;
    top: -20px !important;
    left: 6px !important;
}

.relpo {
    position: relative;
}

.datalist {
    position: absolute;
    border-radius: 0 0 5px 5px;
    border-top: none;
    font-family: sans-serif;
    width: 100%;
    padding: 5px;
    max-height: 5rem;
    overflow-y: auto;
    color: #000;
}

.datalist option {
    background-color: white;
    padding: 4px;
    margin-bottom: 1px;
    font-size: var(--general_text_size);
    cursor: pointer;
}

.datalist option:hover,
.datalist .active {
    background-color: lightblue;
}

.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    padding: 15px;
    padding-top: 0px;
}

.autocomplete-items div {
    padding: 5px 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    font-size: 13px;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #f5f5f5;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.btn-gray {
    filter: grayscale(100%)
}

.area-utente .menu-area-riservata {
    background-color: white;
    margin-top: 2rem;
    min-height: 100%;
    padding-bottom: 200px;
}

.add-indirizzo {
    cursor: pointer;
}

.warn {
    margin: 5px auto;
    font-size: 110px;
}

.warn::before {
    color: #004448;
}

.btn-md {
    background-color: #00000000 !important;
    border: solid 1.5px #000 !important;
    color: #000;
    width: 100px;
    margin: 0px 4px;
}

.btn-md:hover {
    background-color: #000000 !important;
    border: solid 1px #000 !important;
    color: #fff;
}

.btn-actions * {
    padding: 12px 24px;
    font-size: 12px;
    border-radius: 4px !important;
}

#cambia-pass {
    max-width: 460px;
    margin: auto;
    background: white;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #e1dfdf;
}

.ordine-effettuato .ringraziamenti .padding {
    padding: 20px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}

.ordine-effettuato .ringraziamenti i:before {
    color: #004448;
    font-size: 48px;
}

.ordine-effettuato .ringraziamenti h3 {
    font-family: gilroy_reg;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}

.ordine-effettuato .ringraziamenti p {
    font-size: var(--general_text_size);
    font-weight: 700;
    color: #666;
    margin-bottom: 0;
}

.ordine-effettuato .dettagli-ordine {}

.ordine-effettuato .dettagli-ordine .dettaglio {
    padding: 0 30px;
    border-right: 1px solid #e1dfdf;
    margin-bottom: 1rem;
}

@media screen and (max-width:998px) {
    .ordine-effettuato .dettagli-ordine .dettaglio {
        min-width: 50%;
    }
}

.ordine-effettuato .dettagli-ordine .dettaglio:last-child {
    border-right: none;
}

.ordine-effettuato .dettagli-ordine .dettaglio p {
    color: #666;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .5rem;
    font-size: var(--general_text_size);
}

.ordine-effettuato .dettagli-ordine .dettaglio span {
    font-family: gilroy_black;
    font-size: var(--general_text_size);
}

.ordine-effettuato .tabella-ordini-effettuati {
    border-radius: 4px;
    border: 1px solid #e1dfdf;
    width: 100%;
    padding: 20px;
    overflow: scroll;
}

.ordine-effettuato .tabella-ordini-effettuati table {
    background-color: #f8f8f8;
    color: #666;
    font-weight: 700;
    font-size: var(--general_text_size);
}

.ordine-effettuato .tabella-ordini-effettuati table tbody,
.ordine-effettuato .tabella-ordini-effettuati table td,
.ordine-effettuato .tabella-ordini-effettuati table tfoot,
.ordine-effettuato .tabella-ordini-effettuati table th,
.ordine-effettuato .tabella-ordini-effettuati table thead,
.ordine-effettuato .tabella-ordini-effettuati table tr {
    border-color: #f4d4aa;
}

.ordine-effettuato .tabella-ordini-effettuati table .ant-img {
    height: 50px;
    width: 50px;
    object-fit: cover;
}

.ordine-effettuato .tabella-ordini-effettuati table .totale {
    color: #004448;
}

.ordine-effettuato .indirizzi h6 {
    font-family: gilroy_reg;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 1rem;
}

.ordine-effettuato .indirizzi p {
    color: #666;
    font-size: var(--general_text_size);
    margin-bottom: .5rem;
}

.ordini-table {
    width: 100%;
    border-collapse: collapse;
}

.account-elem thead th {
    padding: 1.5rem 0;
    background-color: #f6f7f9;
}

.ordini-table th {
    padding: 0 0.7rem;
    font-size: 1rem;
    font-weight: 600;
}

.pl-1 {
    padding-left: 1rem !important;
}

.account-elem tbody tr:not(:nth-child(2n)) td {
    background-color: #fff;
}

.account-elem td:first-child {
    padding-left: 1rem;
}

.account-elem tbody td {
    padding: 1.5rem 1rem 1.5rem 0;
}

.ordini-table td {
    padding-bottom: 0.6rem;
}

.order-number {
    width: 11.4rem;
    color: #000;
}

table td,
table th {
    padding: 0;
}

.order-date {
    width: 24.8rem;
    color: #666;
}

.order-status {
    width: 14.7rem;
    font-size: 1.2rem;
    color: #004448;
}

.account-elem .order-total {
    width: 25.9rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666;
}

.account-elem .ordini-table {
    border: 1px solid #eee;
}

.ordini-table {
    color: #004448;
}

.button.close {
    position: absolute;
    margin-top: -10px;
    right: 0px;
    border: none;
    background: none;
    zoom: 2;
    z-index: 10000;
    display: block;
}

.button.close::before,
.button.close::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: calc(50% - 6px);
    rotate: 45deg;
}

.button.close::before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    rotate: -45deg;
}

#dettaglio-ordine .items .item {
    font-size: var(--general_text_size);
}

#dettaglio-ordine .item img {
    width: 100%;
    padding: 20px;
}

#dettaglio-ordine p {
    font-size: var(--general_text_size);
    line-height: 16px;
    color: #999;
}

#dettaglio-ordine p.high {
    font-size: 18px;
    color: #004448 !important;
    font-weight: 700;
    font-family: gilroy_bold;
}

.stato-ordine-td {
    width: 14.7rem;
}

.stato-ordine-td span {
    background-color: #d7d8d7;
    padding: 3px 6px;
    border-radius: 3px;
}

#dettaglio-ordine p el {}

.s_extra {
    text-transform: capitalize;
}

.dettagli-ordine span {
    text-transform: capitalize;
}

#footer-info tr {
    border: none;
}

#footer-info td {
    text-align: right;
    padding: 5px 15px;
    width: 100%;
    border: none;
}

#footer-info td.high {
    color: #004448 !important;
}

.capitalize-first {
    text-transform: lowercase;
    display: inherit;
}

.capitalize-first::first-letter {
    text-transform: uppercase;
}

time {
    font-size: var(--general_text_size);
}

.btn-action {
    zoom: 0.8;
    border: 2px solid #004448 !important;
    color: #fff !important;
    background: #004448 !important;
    border-radius: 0px !important;
    font-weight: 700;
    display: flex;
    padding: 5px 40px;
    justify-content: center;
    text-transform: uppercase;
    font-size: var(--general_text_size);
    transition: .3s;
    width: 100%;
    margin-bottom: 10px;
}

.btn-action:hover {
    border: 2px solid #004448;
    color: #004448 !important;
    background: #fff !important;
}

@media screen and (max-width: 992px) {
    .area-utente {
        padding-top: 10px !important;
    }
    .area-utente .menu-area-riservata {
        padding-bottom: 40px;
    }
    #apri-filtri {
        position: absolute;
        top: 0px;
        margin: 0px;
    }
    #titolo-cat {
        order: 2;
        width: 100%;
        display: block;
        margin-top: 50px;
    }
    #apri-filtri {
        order: 1;
    }
    .navbar .active {
        font-family: gilroy_bold;
        border-bottom: solid;
    }
}

.categoria-noch {
    padding: 5px 0px !important;
}

.categoria-noch .breadcrumb {
    padding: 10px 0px !important;
}

.categoria-noch {
    background-color: #fff;
}

#ricerca-btn {
    cursor: pointer;
}

#ricerca-btn:hover {
    color: #004448;
}

@media screen and (max-width: 992px) {
    .inizia-home .div-inizia {
        margin-bottom: 15px;
    }
    .inizia-home-slider .d-flex {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 10px;
        text-align: center;
    }
    .inizia-home-slider .d-flex .d-flex {
        display: block !important;
    }
    .inizia-home-slider .d-flex .d-flex img {
        display: block !important;
        margin: auto;
    }
    .categoria-noch {
        padding: 62px 0px;
        background-color: #f5f5f5;
    }
}

.autocomplete-items.cerca div {
    align-items: center;
    color: #8d8d8d;
    background-color: #f4f4f4;
    line-height: 1.5em;
    min-height: 0;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    white-space: normal;
    transition: background-color .3s;
}

.autocomplete-items.cerca div:hover {
    background-color: #d9d9d9;
}

.autocomplete-items.cerca {
    position: absolute;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: -50%;
    right: 0;
    padding: 5px 0 !important;
    padding-bottom: 0 !important;
    background: #f4f4f4;
    height: auto;
    max-height: 400px;
    overflow: scroll;
    width: auto;
    z-index: 1024;
    box-shadow: 7px 7px 20px 2px rgb(0 0 0 / 10%);
}

.autocomplete-items.cerca strong {
    font-family: gilroy_bold;
}

.autocomplete-items.cerca div.item {
    display: block;
    font-size: 16px;
    color: #000;
}

.autocomplete-items.cerca div.item span {
    font-size: 14px;
    color: #555;
    display: block;
}

.autocomplete-items.cerca div.link {
    text-align: center;
    background-color: #fff;
    line-height: 1em;
    font-family: gilroy_bold;
    padding: 10px 0px;
    text-decoration: none !important;
}

.autocomplete-items.cerca div.link:hover {
    color: #004448 !important;
}

.aa-Panel {
    z-index: 1000000;
}

.autocomplete {
    width: 100%;
}

.autocomplete .aa-ItemIcon {
    display: none;
}

.autocomplete {
    border: 2px solid #004448 !important;
    border-radius: 40px;
    box-shadow: none !important;
}

.autocomplete:focus-within {
    border: 2px solid #004448 !important;
    box-shadow: none !important;
    border-radius: 40px;
}

.aa-Form:focus-within {
    border: none !important;
    box-shadow: none !important;
}

.aa-Form {
    background-color: #ffffff00 !important;
    border: none !important;
}

.aa-Input:focus {
    background-color: #ffffff00 !important;
    border: none !important;
}

.aa-ItemIcon {
    display: none !important;
}

.ais-hits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

@media screen and (max-width: 992px) {
    .ais-hitst {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

.aa-Item b {
    font-family: gilroy_bold;
}

.ais-Hits-item {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.ais-SearchBox-form {
    padding: 0px;
    margin-bottom: 0px;
    background: none !important;
}

.ais-search-box--input {
    border-radius: 40px !important;
    box-shadow: none !important;
    border: none;
    background: 0;
    padding-left: 24px !important;
    border: none !important;
}

.ais-search-box--input:focus,
.ais-search-box--input:active,
.ais-search-box--input:focus-visible {
    box-shadow: none !important;
    border: none !important;
    outline: none !important
}

.ais-search-box {
    max-width: 100% !important;
    height: 44px !important;
    border: none;
    background: none;
}

.ais-search-box--magnifier {
    padding: 8px;
    left: unset !important;
    right: 7px;
}

.ais-search-box--magnifier svg {
    height: 20px !important;
    width: 20px !important;
}

.ais-refinement-list--label {
    display: block;
    min-height: 1.5rem;
    margin-bottom: 0.125rem;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ais-refinement-list--label .ais-refinement-list--checkbox {
    margin-right: .5em;
}

.ais-refinement-list--count {
    display: none;
    position: absolute;
    right: 0;
    background-color: #ececec;
    padding: 2px 10px;
    border-radius: 4px;
    font-size: 10px;
}

.aa-Item div a {
    display: block;
    width: 100%;
    line-height: 30px;
}

.ais-range-slider .rheostat-horizontal .rheostat-progress {
    background-color: #004448 !important;
    position: absolute;
    height: 3px !important;
    top: 1px;
}

.ais-range-slider .rheostat {
    margin-top: 0px !important;
}

.rheostat-handle {
    position: relative;
    z-index: 1;
    width: 14px;
    height: 14px;
    background-color: #004448 !important;
    border: 1px solid #004448 !important;
    border-radius: 50%;
    cursor: grab;
}

.ais-range-slider .rheostat-horizontal .rheostat-handle {
    margin-left: -12px;
    top: -6px;
}

.ais-range-slider .rheostat-horizontal .rheostat-background {
    height: 3px;
}

.ais-range-slider--tooltip {
    top: 30px !important;
}

.ais-root.ais-range-slider {
    padding: 10px !important;
}

.ais-search-box--reset {
    display: none;
}

.ais-refinement-list--body div.ais-refinement-list--item:last-child label {
    border-bottom: none;
}

.aa-Form .aa-InputWrapperPrefix {
    order: 2 !important;
}

.aa-Form .aa-InputWrapper {
    order: 1 !important;
}

.aa-Form .aa-Input {
    padding-left: 24px !important;
    font-size: 13px;
}

.aa-Label svg,
.aa-LoadingIndicator svg {
    color: #333 !important;
}

.swiper-wrapper .descrizione {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 46px;
    line-height: 15px;
}

.codice strong {
    font-family: gilroy_bold;
}

.scelti-home .product-label.label-offer {
    left: unset;
    top: unset
}

.scelti-home .prodotto {
    position: relative;
}

.scelti-home .product-label.label-offer.spedizione {
    top: 5px !important;
    right: 5px !important;
}

.scelti-home .prodotto .codice {
    margin-bottom: 5px;
    font-size: 16px !important;
}

.scelti-home .sconto {
    position: relative;
    top: -3px;
}

.scelti-home .swiper-button-prev {
    left: auto;
    right: 0;
}

.scelti-home .swiper-button-next {
    left: 0;
    right: auto;
}

.scelti-home {
    padding: 10px 0px;
}

.scelti-home h2 {
    font-size: 40px;
    margin-bottom: 1px;
}

.scelti-filtri-home {
    padding: 10px 0px;
}

.scelti-home .patina-immagini:hover .testo-assoluto-sx {
    padding-bottom: 15px;
}

.carousel-control-prev,
.carousel-control-next {
    color: #000000;
}

.mySwiper {
    height: 50px;
}

.mySwiper .slider-slide {
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
}

.mySwiper .act {
    color: #000;
    zoom: 0.5;
}

.info.motivi {
    padding: 30px 10px;
}

.row.home {
    padding: 0px 30px;
}

@media screen and (max-width: 992px) {
    .container.header-top {
        display: none !important;
    }
    .mySwiper {
        height: 90px;
    }
    .mySwiper .slider-slide .d-flex {
        text-align: center;
    }
    .mySwiper .slider-slide .d-flex img {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
    .mySwiper .slider-slide .row.home {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .row.home>div {
        text-align: center;
    }
    .row.home div div h3 {
        margin-bottom: 0px;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.suggerimenti.banner h2 {
    font-family: gilroy_reg;
    font-size: 16px;
}

nav #icon-torna-indietro {
    display: none;
}

.mobile-nav-active #CookiebotWidget {
    display: none !important;
}


/****
AGGIUNTE 26/02
***/

@media screen and (max-width: 992px) {
    nav .icon-supporto {
        width: 100%;
        text-align: center;
        color: white;
        background-color: #004448;
        padding: 6px;
        border-radius: 10px;
    }
}

#navbar {
    width: 80%;
}

.mobile-nav-active .navbar:before {
    background: rgba(0, 0, 0, 0.8);
    transition: 0.5s;
}

.btn-close-destro {
    position: relative;
    top: 0px;
    font-size: 12px;
    font-weight: 600;
    color: #fff !important;
    background-color: #004448 !important;
    border: 2px solid #004448 !important;
    padding: 13px 20px !important;
    padding-right: 35px !important;
    border-radius: 8px;
    transition: all .35s ease-in-out;
}

.btn-close-destro i.bi {
    position: absolute;
    right: 0px;
}

.scelti-home h2 span {
    font-size: 18px !important;
    font-family: gilroy_reg;
}

#sottotitolo-collezione h2 {
    font-family: gilroy_reg;
    font-size: 20px !important;
}

.header-bottom .box {
    background-color: none;
    background: none;
}

.menu-button {
    position: relative;
}

.menu-button:before {
    background: #2d2d2d;
    transform-origin: right top;
    transition: none;
}

.menu-button:after,
.menu-button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    transform: scaleX(0);
    border-radius: 6px;
}

.menu-button:after {
    background: #004448;
    opacity: 0;
    transform-origin: left top;
    transition: transform 0s .3s, opacity .3s;
}

.menu-button:hover {
    color: #fff !important;
    z-index: 999;
}

.menu-button:hover:before {
    transform-origin: left top;
    transform: scale(1);
    transition: transform .3s;
    z-index: -1;
}

.menu-button:hover:after {
    opacity: 1;
    transform-origin: right top;
    transform: scale(1);
    transition: transform .3s .3s, opacity .3s;
    z-index: -1;
}

.menu-button:after {
    background: #004448;
    opacity: 0;
    transform-origin: left top;
    transition: transform 0s .3s, opacity .3s;
}

#results-products {
    min-height: 600px !important;
}

ul li>ul li>ul li img {
    display: none;
}

.paginazione .dots {
    position: relative;
    top: 10px;
}

.count-numbers {
    color: #004448;
}

.counter h5 {
    font-family: gilroy_reg !important;
    color: #004448;
    font-size: 1.1rem;
}

.categoria-full {
    padding: 10px;
    padding-bottom: 10px;
    border-radius: 0 4px 4px 4px;
    transition: transform 250ms;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    height: 350px;
}

.categoria-full span {
    color: #fff !important;
    background-color: #004448;
    position: relative;
    height: 100%;
    display: block;
    text-align: center;
    padding: 0 10px;
    padding: 30% 0%;
    border-radius: 5px;
}

.categoria-full h2 {
    font-size: 36px;
    font-family: gilroy_black;
}

#all-collection .collection {
    position: relative;
}

#all-collection .collection img {
    width: 100%;
    object-fit: cover;
    height: 180px;
    border-radius: 5px;
    margin-bottom: 10px;
}

#all-collection .collection .titolo {
    position: absolute;
    top: 40px;
    left: 40px;
    color: #fff;
    padding-right: 20px
}

#all-collection .collection p {
    margin-bottom: 0px;
}

#all-collection .collection .titolo span {
    color: #004448;
}

#all-collection .collection p i {
    position: absolute;
    right: 10px;
    bottom: 15px;
    color: #004448;
}

#all-categorie .descrizione {
    min-height: 46px;
    margin-bottom: 5px;
}

.mostra_altro {
    min-width: 200px;
    padding: 15px 40px;
    font-size: 16px;
    background-color: #fff;
    color: #004448;
    border: 1px solid #004448;
    transition: .3s;
    border-radius: 2px;
    font-weight: 600;
}

.mostra_altro:hover {
    color: white;
    background-color: #004448;
    border: 1px solid #004448;
}


/*
*
*   le nostre collezioni
*/

.filtri-collezioni h3 {
    font-size: 40px;
}

.menu-filtri-collezioni {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid black;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
    transition: .3s;
}

.menu-filtri-collezioni:hover {
    color: #004448;
}

.menu-filtri-collezioni.active {
    background-color: #fff;
    border-color: #004448;
}

.menu-filtri-collezioni img {
    height: 30px;
    margin-right: 1rem;
}

.menu-filtri-collezioni span {
    font-size: 14px;
}

.menu-filtri-collezioni i {
    font-size: 15px;
    position: absolute;
    top: 3px;
    right: 3px;
    color: #004448;
    display: none;
    font-weight: 600;
}

.nostre-collezioni .tag-collezioni {
    display: flex;
    flex-wrap: wrap;
}

.nostre-collezioni .tag-collezioni .etichetta {
    margin-bottom: 1rem;
    margin-right: .5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
    order: 10000
}

.nostre-collezioni .tag-collezioni .etichetta .arrow-left {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 18px solid #f5f5f5;
}

.nostre-collezioni .tag-collezioni .etichetta.active .arrow-left {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 18px solid #c1c1c1;
}

.nostre-collezioni .tag-collezioni .etichetta i {
    position: absolute;
    font-size: 8px;
    left: 12px;
    color: white;
}

.nostre-collezioni .tag-collezioni .etichetta.active {
    order: 1
}

.nostre-collezioni .tag-collezioni .etichetta.active i {
    position: absolute;
    font-size: 8px;
    left: 12px;
    color: #004448;
}

.nostre-collezioni .tag-collezioni .etichetta span {
    font-size: 14px;
    background: #f5f5f5;
    padding: 5px 8px;
    border-left: 1px solid #f5f5f5;
    color: #004448;
    width: max-content;
    font-style: italic;
}

.nostre-collezioni .tag-collezioni .etichetta.active span {
    background: #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

.nostre-collezioni .tag-nascosti .tag-collezioni {
    display: none;
}

.nostre-collezioni .mostra-altri span {
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #004448;
    cursor: pointer;
}

.lista-nuove-collezioni h3 {
    font-size: 40px;
}

.lista-nuove-collezioni .testo-assoluto-sx h3 {
    font-size: 36px;
}

.lista-nuove-collezioni .img-a-3 {
    height: 200px;
    width: 100%;
    object-fit: cover;
    padding: 0;
    border-radius: 8px;
    margin-top: 3px;
}

.lista-nuove-collezioni .collezione {
    padding: 8px;
    transition: all .2s ease-out;
    border-radius: 8px;
    border: 1px solid transparent;
}

.lista-nuove-collezioni .collezione:hover {
    border: 1px solid #004448;
    transform: translateY(-3px);
}

.lista-nuove-collezioni .collezione .titolo {
    display: flex;
    justify-content: space-between;
    margin: .5rem 0;
    align-items: center;
}

.lista-nuove-collezioni .collezione .titolo h6 {
    font-size: 14px;
    margin-bottom: 0;
    font-family: gilroy_reg;
    font-weight: 700;
}

.lista-nuove-collezioni .collezione .titolo h2 {
    font-size: 14px;
    margin-bottom: 0;
    font-family: gilroy_reg;
    font-weight: 700;
}

.lista-nuove-collezioni .collezione .titolo h2 span {
    font-size: 14px;
    margin-bottom: 0;
    font-family: gilroy_reg;
    font-weight: 700;
    color: #343434 !important;
}

.lista-nuove-collezioni .collezione .titolo i {
    font-size: 16px;
    color: #004448;
}

.lista-nuove-collezioni p {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: gilroy_black;
    margin-right: .5rem;
    margin-bottom: 0;
}

.lista-nuove-collezioni select {
    font-size: 12px;
}

.tag-collezioni .etichetta:nth-child(n+12) {
    display: none;
}

.tag-collezioni.display .etichetta:nth-child(n+12) {
    display: inline-flex !important;
}

.descrizione-prodotto .accordion-body .riepilogo-caratteristiche th {
    background-color: #004448;
    color: white;
    font-size: var(--general_text_size);
    font-family: gilroy_black;
}

.area-utente .menu-area-riservata li.sub {
    padding: 5px 30px;
}

.area-utente .menu-area-riservata li.sub:hover {
    border-left: 0;
    font-family: gilroy_black;
}

.reli ul {
    display: none;
    margin: 10px 0px;
}

.reli.active ul {
    display: block;
}

@keyframes fixedTop {
    0% {
        margin-top: -60px
    }
    to {
        margin-top: 0
    }
}

.sticked .header-bottom {
    padding: 20px 0px;
}


/*
.header.sticked {
    padding: 50px 0px;
}

.sticked .header-bottom {
    -webkit-animation: fixedTop .4s;
    animation: fixedTop .4s;
    padding: 60px 0px;
}

.sticked .header-bottom {
    position: fixed;
    -webkit-animation: fixedTop .4s;
    animation: fixedTop .4s;
}

.sticked .header-bottom {
    position: fixed;
    left: 0;
    right: 0;
    opacity: 1;
    z-index: 1051;
}

.sticked .header-bottom {
    top: 20px;
}

.sticked .header-bottom {
    transition: margin .4s;
}

*/

#text3 h2 strong {
    font-family: gilroy_black;
    font-size: 2rem;
}

#preferito-btn.bi.bi-heart-fill {
    color: #004448;
}

.g-bck {
    background-color: #004448;
    background: #004448;
}

#CookiebotWidget {
    z-index: 10;
}

@media screen and (max-width: 991px) {
    ul li>ul li>ul li img {
        display: unset;
    }
    #CookiebotWidget:not(.CookiebotWidget-inactive) {
        bottom: 70px !important;
    }
}

#sezione-ricerca-mobile {
    display: none;
}

.menu-down-mobile i {
    position: relative;
}

.preferiti.active i {
    color: #004448;
}

.preferiti-mob.active i {
    color: #004448;
}

@media screen and (max-width:992px) {
    #sezione-ricerca-mobile {
        opacity: 0;
        transition: opacity 0.5s, transform 0.3s;
        transform: translateY(10px);
        position: absolute;
        bottom: 68px;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1);
        z-index: 10000000;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px
    }
    #sezione-ricerca-mobile.active {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }
    #sezione-ricerca-mobile input {
        border-radius: 99px;
        font-size: 13px;
        border-color: #004448;
        padding: 0.75rem;
    }
    #sezione-ricerca-mobile input:focus {
        box-shadow: none;
        outline: none;
    }
}

.voci-mobile a,
.voci-mobile a:focus {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #004448;
    white-space: nowrap;
    transition: 0.3s;
    text-transform: uppercase;
    border-bottom: 0.5px solid #e1e1e1;
}

.numero-prodotti-acquistati-mobile {
    position: absolute;
    right: -8px;
    top: -3px;
    background-color: #faca2a;
    height: 16px;
    width: 16px;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 11px;
    font-style: normal;
}

.voci-mobile.active {
    background-color: #ff5723;
}

.voci-mobile.active a {
    color: #fff;
}

.header .active.bi-heart {
    color: #ff5723;
}

.sidebar-menu li.active a {
    color: #004448;
}

#time-ship {
    background-color: #ededed87;
    padding: 10px;
}

#preferiti-rows .centrato.prezzo {
    font-size: 22px;
}

@media screen and (max-width: 991px) {
    #preferiti-rows td {
        max-width: 300px;
        text-align: center;
        display: block;
        margin: auto;
    }
    #preferiti-rows tr {
        position: relative;
    }
    #preferiti-rows tr .rimuovi-preferito {
        position: absolute;
        top: 3px;
        right: 20px;
    }
    .footer .footer-legal {
        padding: 30px 0 120px 0;
    }
}

.menu-down-mobile .col.active {
    border-right: 3px solid #004448;
    border-left: 3px solid #004448;
    border-radius: 1rem;
    height: 50px;
}

.menu-down-mobile {
    padding-top: 8px;
    padding-bottom: 3px;
}

.menu-down-mobile .padding {
    padding-top: 7px;
    padding-bottom: 7px;
    text-transform: uppercase;
}

.menu-top-mobile .right {
    display: flex;
    align-items: center;
}

.menu-top-mobile .right .cerchio-loggato {
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(44deg, rgba(250 202 42) 35%, rgba(49, 57, 57, 1) 100%);
    margin-left: 0.5rem;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-left: 15px;
    top: -2px;
    position: relative;
}


/* checkout */

.mp-item * {
    cursor: pointer;
}

#div_fermo_deposito {
    display: none;
}

#fermo-check {
    position: absolute;
    right: 0;
    font-size: 13px;
    top: 5px;
    cursor: pointer;
}

#chiudi-modal {
    position: absolute;
    right: 5px;
    top: -50px;
    font-size: 40px;
    background-color: #ffffff00;
    background: #ffffff00;
    color: #fff;
    border: none;
}

.btn-primary {
    background-color: #004448;
    padding: 12px 20px;
    border: 2px solid #004448;
    color: #fff;
    transition: .3s;
    border-radius: 99px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
}

.btn-outline-primary {
    background-color: #fff;
    padding: 12px 20px;
    border: 2px solid #004448;
    color: #004448;
    transition: .3s;
    border-radius: 99px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    font-size: 16px;
}

.btn-primary:hover {
    color: #004448;
    background-color: #fff;
    border: 2px solid #004448;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #004448;
    border: 2px solid #004448;
}

@media screen and (min-width: 900px) {
    .numero-prodotti-acquistati {
        top: 1px !important;
    }
}

@media screen and (max-width: 768px) {
    .mp-item {
        width: 100%;
        min-width: 400px;
        display: block !important;
        padding-bottom: 0px;
        margin-bottom: 15px !important;
    }
    .numero-prodotti-acquistati {
        top: -2px !important;
    }
}

.separatore:last-child {
    display: none;
}

@media screen and (max-width:768px) {
    .ais-hits {
        grid-template-columns: repeat(2, 1fr);
    }
    .sezione-prodotti {
        padding: 20px 0;
    }
}

.autocomplete-footer {
    text-align: left;
    margin-top: 10px;
}

.autocomplete-footer a {
    border: solid 0.5px #eaeaea;
    padding: 3px 15px;
    border-radius: 20px;
    font-size: 13px;
    margin-top: 20px;
    color: #004448;
}

.autocomplete-footer a:hover {
    border: solid 0.5px #004448;
    color: #004448;
}

.aa-PanelLayout {
    display: flex;
}

.aa-PanelLayout section {
    padding: 10px;
    margin-bottom: 20px;
    width: 40%;
}

.aa-PanelLayout section:last-child {
    padding: 10px;
    margin-bottom: 20px;
    width: 60%;
}

.aa-Source:first-child::before {
    margin-bottom: 10px;
    content: 'Suggerimenti di ricerca';
    display: block;
    font-family: gilroy_bold;
}

.aa-Source:last-child::before {
    margin-bottom: 10px;
    content: 'Prodotti';
    display: block;
    font-family: gilroy_bold;
}

@media screen and (max-width:768px) {
    .aa-PanelLayout {
        display: inline-block;
    }
    .aa-PanelLayout section {
        width: 100%;
    }
    .aa-PanelLayout section:last-child {
        width: 100%;
    }
}

#autocomplete-0-search_td_bricozone-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 colonne su desktop */
    gap: 0px;
    list-style: none;
}

#autocomplete-0-search_td_bricozone-list li img {
    border-radius: 5px;
}

#autocomplete-0-search_td_bricozone-list li el {
    display: none;
}

#autocomplete-0-search_td_bricozone-list li {
    flex: 1 0 calc(33.333% - 10px);
    /* Meno del 33.3% per far entrare 3 per riga, sottraendo un po' di margine */
    margin: 2px;
    border: solid 1px #eaeaea;
    border-radius: 5px;
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
    background-color: #ffffff !important;
    background: #ffffff !important;
}

#autocomplete-0-search_td_bricozone-list li:hover {
    border: solid 1px #004448;
}

#autocomplete-0-search_td_bricozone-list li .titolo {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    margin-top: 5px;
}

#autocomplete-0-search_td_bricozone-list li .prezzo {
    display: block;
    font-family: gilroy_black;
    color: #004448;
}

.aa-SourceNoResults {
    padding: 12px !important;
    font-size: 12px !important
}

#autocomplete-1-search_td_bricozone-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 colonne su desktop */
    gap: 0px;
    list-style: none;
}

#autocomplete-1-search_td_bricozone-list li img {
    border-radius: 5px;
}

#autocomplete-1-search_td_bricozone-list li el {
    display: none;
}

#autocomplete-1-search_td_bricozone-list li {
    flex: 1 0 calc(33.333% - 10px);
    /* Meno del 33.3% per far entrare 3 per riga, sottraendo un po' di margine */
    margin: 2px;
    border: solid 1px #eaeaea;
    border-radius: 5px;
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
    background-color: #ffffff !important;
    background: #ffffff !important;
}

#autocomplete-1-search_td_bricozone-list li:hover {
    border: solid 1px #004448;
}

#autocomplete-1-search_td_bricozone-list li .titolo {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width: 85px;
}

#autocomplete-1-search_td_bricozone-list li .prezzo {
    display: block;
    font-family: gilroy_black;
    color: #004448;
}

.aa-SourceNoResults {
    padding: 12px !important;
    font-size: 12px !important
}

@media screen and (max-width:768px) {
    #autocomplete-0-search_td_bricozone-list,
    #autocomplete-1-search_td_bricozone-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 3 colonne su desktop */
        gap: 5px;
        list-style: none;
    }
}

.prodotto {
    cursor: grab;
}

.scelti-home .product-label.label-offer.spedizione {
    right: 0;
}

#preloader {
    display: none !important;
    opacity: 0 !important;
}

.modal {
    z-index: 2147483633 !important;
}

@media (min-width: 992px) {
    #header {
        margin-bottom: 0px !important;
    }
    #header.fixed {
        z-index: 10!important;
    }
}

.modal-backdrop {
    z-index: 1200 !important;
}

.costo-spe {
    opacity: 0;
}

.costo-spe.visibile {
    opacity: 1 !important;
}

.disabled * {
    pointer-events: none;
    cursor: not-allowed;
}

.qty-lat-input {
    width: 100%;
    border-radius: 0;
    border: 1px solid #e3e3e3;
    padding: 7px 25px;
}

@media (min-width: 991px) {
    .fixed .logo-bottom img {
        width: 200px;
    }
    .fixed .dropdown img {
        margin-right: 0.5rem;
    }
    .fixed .dropdown span {
        margin-right: 5px;
    }
    .fixed #navbar {
        width: 100%;
    }
    .navbar el,
    .navbar el:focus {
        padding: 14px 10px;
    }
}

.valutazione {
    color: #333;
}

.valutazione el.n {
    color: #004448;
}

.valutazione el.star {
    padding: 0 5px;
}

.valutazione i {
    color: #fbc634;
}

i.bi.bi-star-fill {
    color: #fb8200;
}

i.bi.bi-star-half {
    color: #fb8200;
}

i.bi.bi-star {
    color: #fb8200;
}

.area-utente .area-utente-body {
    text-align: center;
    display: block;
    overflow: auto;
}

#modal-ordine-dettaglio {
    padding-top: 30px;
}