.categorie header, .wishList  header{
   background: linear-gradient(to bottom, rgb(94 96 94) 0%,rgba(14,14,14,1) 100%);
   border-radius: 12px;
   margin: 10px auto;
   box-shadow: inset 0px 0px 11px 2px #f18e4187;
}
.categorie header .header, .wishList  header .header{
   text-align: center;
}

.barra-menu-category{
   width: 100%;
   height: 40px;
   padding: 5px 15px;
   background: linear-gradient(to bottom, rgb(94 96 94) 0%,rgba(14,14,14,1) 100%);
   border-radius: 12px;
   margin: 5px auto;
   box-shadow: inset 0px 0px 11px 2px #f18e4187;
}
.barra-menu-category>a{
   font-family: var(--menu-font-family-h2);
   font-size: var(--menu-font-h2-small);
}

.categorie .elenco-prodotti{
   display: block;
   width: 100%;
   margin: 0 auto;
}

.elenco-prodotti>.categoria{
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 350px;
    padding: 30px 10px;
    background: linear-gradient(to bottom, rgb(94 96 94) 0%,rgba(14,14,14,1) 100%);
    border-radius: 12px;
    margin: 10px auto;
    box-shadow: inset 0px 0px 11px 2px #f18e4187;
}

.elenco-prodotti>.categoria>a{
   position: absolute;
   z-index: 2;
   top: 7px;
   left: -10px;
   width: 300px;
   text-align: center;
   padding: 10px;
   /* height: 58px; */
   color: var(--menu-text-color);
   font-family: var(--menu-font-family-h1);
   font-size: var(--menu-font-h1-small);
   border-radius: 12px;
   /* margin: 0px auto; */
   background-color: #dbab7842;
   box-shadow: inset 0px 0px 11px 2px #f18e4187;
}
.categoria .prod-container {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 30px 0px;
    overflow-x: hidden;
    box-shadow: none;
    border-radius: 0px;
}
.categoria .prod-container .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 3px;
    width: 45px;
    height: 45px;
    margin-top: 0px;
    z-index: 10;
    cursor: pointer;
    background-size: 44px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.categoria .prod-container .prod-slide {
   background: transparent;
   display: flex;
   justify-content: center;
   align-items: center;
}
.categoria .prod-container .prod-slide>div {
   /*width: 20%;
   min-width: 250px;*/
   height: auto;
   margin: 5px;
   padding-bottom: 15px;
   text-align: center;
   border-radius: 12px;
   background: linear-gradient(to bottom, rgb(94 96 94) 0%,rgba(14,14,14,1) 100%);
   box-shadow: inset 0px 0px 11px 2px #f18e4187;
}
.categoria .prod-container .prod-slide>div{
   /*width: 100%;
   min-width: 250px;*/
   height: auto;
   margin: 5px;
   padding-bottom: 15px;
   text-align: center;
   border-radius: 12px;
   background: linear-gradient(to bottom, rgb(94 96 94) 0%,rgba(14,14,14,1) 100%);
   box-shadow: inset 0px 0px 11px 2px #f18e4187;
}

.categoria .prod-container .prod-slide>div .img-container{
   position: relative;
   height: 250px;
   overflow: hidden;
   object-fit: cover;
   margin: 10px;
   border-radius: 20px;
   position: relative;
}
.categoria .prod-container .prod-slide>div .img-container>img{
   width: 100%;
   height: auto;
}

.categoria .prod-container .prod-slide>div .img-container>.noleggio{
   position: absolute;
   top: 6px;
   right: 0px;
   width: 100%;
   height: 18px;
   background: #c2924adb;
}

.categoria .prod-container .prod-slide>div .img-container>i{
   position: absolute;
   bottom: 15px;
   right: 20px;
   font-size: 35px;
}

.categoria .prod-container .prod-slide>div h3{
    font-size: 16px;
    font-family: var(--menu-font-family-h2);
    letter-spacing: 1px;
    width: 100%;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    text-align: left;
    white-space: pre-wrap;
    padding: 0 7px;
    min-height: 50px;
}

.categoria .prod-container .prod-slide>div .testo{
    font-size: 14px;
    font-family: var(--menu-font-family-h2);
    letter-spacing: 1px;
    width: 100%;
    /* min-height: 35px; */
    overflow: hidden;
    text-align: left;
    padding: 4px 7px;
    margin: 8px auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.categoria .prod-container .prod-slide>div .testo i{ margin-right: 10px; }

.categoria .prod-container .prod-slide>div .testo>span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
    box-shadow: 0px 0px 4px 2px;
}

.categoria .prod-container .prod-slide>div .prezzo,
.categoria .prod-container .prod-slide>div .sconto{
    font-size: 14px;
    font-family: var(--menu-font-family-h1);
    letter-spacing: 0px;
    width: 100%;
    text-align: right;
    padding: 2px 10px 2px 5px;
    display: block;
    height: 17px;
}

.categoria .prod-container .prod-slide>div .sconto { color: red; }

.categoria .prod-container .prod-slide>div .box-btn{
    display: flex;
    overflow: hidden;
    padding-top: 0px;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}




.categoria .prodotti-flex{
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   flex-wrap: wrap;
   margin-top: 25px;
}
.categoria .prodotti-flex>div {
   width: 20%;
   min-width: 250px;
   height: auto;
   margin: 5px;
   padding-bottom: 15px;
   text-align: center;
   border-radius: 12px;
   background: linear-gradient(to bottom, rgb(94 96 94) 0%,rgba(14,14,14,1) 100%);
   box-shadow: inset 0px 0px 11px 2px #f18e4187;
}
.categoria .prodotti-flex>div .img-container {
   position: relative;
   height: 200px;
   overflow: hidden;
   object-fit: cover;
   margin: 10px;
   border-radius: 20px;
}
.categoria .prodotti-flex>div .img-container>img {
   width: 100%;
   height: auto;
}

.categoria .prodotti-flex>div .img-container>i {
   position: absolute;
   bottom: 15px;
   right: 20px;
   font-size: 35px;
}

.categoria .prodotti-flex>div h3{
    font-size: 16px;
    font-family: var(--menu-font-family-h2);
    letter-spacing: 1px;
    width: 100%;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    text-align: left;
    white-space: pre-wrap;
    padding: 0 7px;
    min-height: 50px;
}

.categoria .prodotti-flex>div .box-pattern{ width: 100%; }

.categoria .prodotti-flex>div .testo{
    font-size: 14px;
    font-family: var(--menu-font-family-h2);
    letter-spacing: 1px;
    width: 100%;
    /* min-height: 35px; */
    overflow: hidden;
    text-align: left;
    padding: 4px 7px;
    margin: 8px auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.categoria .prodotti-flex>div .testo i{ margin-right: 10px; }

.categoria .prodotti-flex>div .testo>span{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 3px;
    box-shadow: 0px 0px 4px 2px;
}

.categoria .prodotti-flex>div .prezzo,
.categoria .prodotti-flex>div .sconto{
    font-size: 14px;
    font-family: var(--menu-font-family-h1);
    letter-spacing: 0px;
    width: 100%;
    text-align: right;
    padding: 2px 10px 2px 5px;
    display: block;
    height: 17px;
}

.categoria .prodotti-flex>div .sconto { color: red; }

.categoria .prodotti-flex>div .box-btn{
    display: flex;
    overflow: hidden;
    padding-top: 0px;
    margin-top: 10px;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 570px){
   
   .categoria .prodotti-flex>div {
      width: 45%;
      min-width: auto;
      height: auto;
      padding-bottom: 14px;
      margin: 5px 0;
   }
   .categoria .prodotti-flex>div .img-container { height: 160px; }
   .categoria .prodotti-flex>div h3 {
      font-size: 14px;
      font-family: var(--menu-font-family-h2);
      letter-spacing: 1px;
      text-align: left;
      white-space: pre-wrap;
      padding: 0 7px;
      height: 60px;
   }
   .box-btn .button {
      font-size: 12px;
      line-height: 12px;
   }
   
}

@media screen and (max-width: 500px){
   .categoria .prod-container .prod-slide>div .img-container {
      position: relative;
      height: 200px;
      overflow: hidden;
      object-fit: cover;
      margin: 10px;
      border-radius: 15px;
   }
   .categoria .prodotti-flex>div .prezzo,
   .categoria .prodotti-flex>div .sconto{
      font-size: 11px;
   }
   .categoria .prod-container .prod-slide>div .prezzo,
   .categoria .prod-container .prod-slide>div .sconto{
    font-size: 11px;
   }
}

@media screen and (max-width: 400px){
   .categoria .prod-container .prod-slide>div .img-container {
      height: 170px;
      overflow: hidden;
      object-fit: cover;
      margin: 10px;
      border-radius: 10px;
   }
}

@media screen and (max-width: 370px){
  .categoria .prodotti-flex>div .img-container {
    height: 120px;
    overflow: hidden;
    object-fit: cover;
    margin: 6px;
    border-radius: 12px;
   }
   .categoria .prodotti-flex>div h3 {
      font-size: 12px;
      font-family: var(--menu-font-family-h2);
      letter-spacing: 1px;
      text-align: left;
      white-space: pre-wrap;
      padding: 0 7px;
      height: 55px;
   }
   .categoria .prodotti-flex>div .testo i {
      font-size: 10px;
      margin-right: 5px;
   }
   .box-btn>strong, .box-btn>span { display: none; }
   .box-btn .button {
      font-size: 12px;
      line-height: 12px;
   }
}