.menu-toggle .material-symbols-outlined {
  font-size: 32px;
}

.closeSidenav,
.close-back-sub-menu{
    padding: 17px 40px;
    border-bottom: 1px solid rgba(36, 36, 36, 0.2);
}

.close-back-sub-menu .closeSidenav{
    padding: 0;
    border-bottom: none;
}

.close-sub-menu {
    display: flex;
    padding: 8px 20px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    border-radius: 50px;
    background: #F2F2F2;
    cursor:pointer;
}

.close-sub-menu > span{
    font-size: 14px;
    font-weight: 600;
}

.sideNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sideNav .menu-centro .menu li {
    display: flex;
    justify-content: space-between;
    font-size: 26px;
    line-height: 1;
}

.sideNav .menu-centro a:hover {
    text-decoration: underline #cdcdcd;
    text-underline-offset: 8px;
}

.sideNav-container div#sideNav, .sideNav-container div#sideNav_search, .sideNav-container div#sideNav_cart {
  -webkit-box-shadow: 2px 0px 10px -1px rgba(120, 120, 120, 0.29);
  box-shadow: 2px 0px 10px -1px rgba(120, 120, 120, 0.29);
}

.sideNav-container div#sideNav,
.sideNav .menu-item-has-children .sub-menu {
  transform: translateX(-150%);
  position: fixed;
  top: 0;
  left: 0;
  width: 500px;
  max-width: 100%;
  margin-left: 0;
  z-index: 100;
  background-color: white;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}
.sideNav-container div#sideNav_search, .sideNav-container div#sideNav_cart {
  transform: translateX(150%);
  position: fixed;
  top: 0;
  right: 0;
  width: 500px;
  max-width: 100%;
  margin-left: 0;
  z-index: 100;
  background-color: white;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

.sideNav .menu-item-has-children .sub-menu .menu-item {
  padding: calc(var(--sideNav-paddingY) - 5px) var(--sideNav-paddingX);
}

.sideNav .menu-item-has-children .sub-menu,
.sideNav-container div#sideNav,
.sideNav-container div#sideNav_search,
.sideNav-container div#sideNav_cart {
  height: 100vh;
}

.sideNav-container.active div#sideNav, .sideNav-container.active div#sideNav_search,.sideNav-container.active div#sideNav_cart,
.sideNav .menu-item-has-children .sub-menu.active {
  transform: translateX(0);
}

.menu-item-wrapper {
  display: flex;
  align-items: center;
}

.menu-item-wrapper a {
  flex: 1;
}

.sideNav .menu-centro {
    min-height: 0;
    border-bottom: 1px solid rgba(36, 36, 36, 0.2);
}

.sideNav .menu-centro,
.sideNav #form-cerca,
.sideNav .site-branding {
  border-bottom: solid 1px var(--gray-border);
  padding: var(--sideNav-paddingY) var(--sideNav-paddingX);
}

.sideNav .menu-bottom {
  padding: var(--sideNav-paddingY) var(--sideNav-paddingX);
}

.backBtn {
  display: flex;
  justify-content: end;
  border-bottom: 1px solid var(--gray-border);
  padding: var(--sideNav-paddingY) var(--sideNav-paddingX);
  margin-bottom: var(--sideNav-paddingY);
}

.sideNav .menu li .open-sub-menu{
    font-size: 16px;
    cursor: pointer;
}
.sideNav .closeSidenav > span{
    font-size: 32px;
    cursor: pointer;
}
.sideNav .menu li.close-sub-menu{
    justify-content: end;
    align-items: center;
    padding: 20px 25px;
    gap: 5px;
    font-size: 15px;
    cursor: pointer;
}
.sideNav .menu li.closeSidenav > span {
    font-size: 25px;
    cursor: pointer;
}
.navigation-content .site-menu nav#site-navigation ul.menu li.menu-item-has-children ul.sub-menu ul.sub-menu.active {
    position: absolute;
    background: #ffffff;
    z-index: 1;
    right: 0;
    top: 0;
    transform: translate(100%, 0);
    border-left: 1px solid #8D909330;
}
.site-menu #site-navigation .menu .menu-item a{
    color: var(--text-color);
}
.sideNav .menu-centro > div,
.sideNav .menu-bottom > div,
.sideNav .menu-item-has-children .sub-menu > li:not(.close-back-sub-menu){
    padding: 0 40px;
}
.sideNav .menu-centro > div > .menu,
.sideNav .menu-bottom > div > .menu{
    padding: 35px 0;
}
.sideNav .menu-centro > div > .menu{
    border-bottom: 1px solid rgba(36, 36, 36, 0.2);
}
.sideNav .menu-centro ul{
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.sideNav .menu-bottom ul{
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 15px;
}
.sideNav .social-menu{
    /*position: absolute;*/
    width: 100%;
    padding: 20px 40px;
    bottom: 0;
    border-top:  1px solid rgba(36, 36, 36, 0.2);
}
.sideNav .social-menu ul{
    display: flex;
    justify-content: space-between;
}
.sideNav .social-menu ul .icon{
    display: flex;
}
.sideNav .menu-item-has-children .sub-menu{
    gap: 20px;
    overflow-x: hidden;
}
.sideNav .menu-item-has-children .sub-menu > li:not(.close-back-sub-menu) a {
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 0;
    font-weight: 500;
}
.menu-carousel-product > .custom-menu-carousel {
    border-top: 1px solid #24242420;
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 100px;
}
.menu-carousel-product > .custom-menu-carousel .title-carousel-menu{
    opacity: 0.8;
}
.product-card-sidenav {
    padding: 0;
}
.product-card-sidenav figure {
    background: #F6F6F6;
    border-radius: 10px;
    margin-bottom: 10px;
}
.product-card-sidenav .titolo-prodotto{
    font-size: 16px;
    font-weight: 500;
    line-height: 120%; /* 19.2px */
    letter-spacing: -0.32px;
}
.product-card-sidenav .cat-prod-card {
    font-size: 13px;
    font-weight: 400;
    line-height: 130%; /* 16.9px */
    letter-spacing: -0.13px;
}
.product-card-sidenav .rating_stelle::before{
    --rating-percent: calc(var(--rating-value) / var(--rating-max) * 100%);
    content: var(--rating-content);
    background: linear-gradient( 90deg, var(--rating-background) var(--rating-percent), var(--rating-inactive-color) var(--rating-percent));
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
	transition: all cubic-bezier(0.68, -0.55, 0.27, 1.55) 1.2s;
	transition-delay: 2s, 4ms;
	font-family:'Material Icons';
}
.product-card-sidenav .review-count{
    font-size: 12px;
    font-weight: 500;
    line-height: 130%; /* 15.6px */
    letter-spacing: -0.06px;
}

@media screen and (max-width:1440px) {
    .sideNav .menu-bottom ul {
        row-gap: 10px;
    }
    .sideNav .menu-centro ul {
    gap: 15px;
}
    .sideNav .menu-bottom ul#primary-menu li a {
        font-size: 16px !important;
    }
    .sideNav .menu-centro > div > .menu, .sideNav .menu-bottom > div > .menu {
        padding: 15px 0;
    }
    .closeSidenav, .close-back-sub-menu {
        padding: 10px 40px;
    }
}
@media screen and (min-width:1440px) and (max-height:760px) {
.sideNav .menu-centro > div > .menu, .sideNav .menu-bottom > div > .menu {
    padding: 25px 0;
}
.sideNav .menu-centro ul {
    gap: 15px;
}
.sideNav .menu-centro .menu li {
    font-size: 24px;
}
}
@media screen and (max-width: 768px) {
    .sideNav .menu-centro a:hover {
        text-underline-offset: unset;
    }
}