.product-section{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 20px auto;
}
.product-section>div{height: 60vh;}
.product-section>div:nth-child(1){
   width: 10%;
   /*border: 1px solid lightgray;*/
}

.proddet-swiper-container {
  width: 100%;
  height: 100%;
}
.proddet-swiper-slide {
   text-align: center;
   /*font-size: 18px;*/
   background: #fff;
   /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
.proddet-swiper-pagination{
   left: 3px;
}
.proddet-swiper-button-prev{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 30px;
    height: 30px;
    margin-block-start: auto;
    background-image: url(../../site_ico/up-arrow-slider.png);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    transition: all .4s linear;
}
.proddet-swiper-button-next{
    position: absolute;
    bottom: 23px;
    left: 50%;
    transform: translate(-50%);
    width: 30px;
    height: 30px;
    margin-block-start: auto;
    background-image: url(../../site_ico/down-arrow-slider.png);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    transition: all .4s linear;
}
.small-proddet-swiper-button-next{
    position: absolute;
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    margin-block-start: auto;
    background-image: url(../../site_ico/dx-arrow-slider.png);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    transition: all .4s linear;
}
.small-proddet-swiper-button-prev{
   position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin-block-start: auto;
    background-image: url(../../site_ico/sx-arrow-slider.png);
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 10;
    transition: all .4s linear;
}
.proddet-swiper-button-prev:hover{
    opacity: 1;
}
.proddet-swiper-button-next:hover{
    opacity: 1;
}

.thumbs-img{
   width: 90%;
   height: 120px;
   margin-bottom: 10px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   cursor: pointer;
}

.product-section>div:nth-child(2){
   /*DIV CENTRALE - IMG*/
   width: 50%;
   margin: 20px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   
}
.product-section>div:nth-child(3){
   width: 30%;
   height: auto;
   padding: 10px 20px;
}
.cod-prod{
   margin: 10px 0;
}
.cod-prod span{
   color: lightgray;
}
.color-container{
   display: inline-flex;
   justify-content: center;
   align-items: flex-start;
   flex-wrap: wrap;
   margin-bottom: 20px;
}
.color-item{
   width: 25px;
   height: 25px;
   border-radius: 50%;
   cursor: pointer;
   margin: 5px 10px;
   border: 1px solid lightgray;
}
.selezionato{ border: 2px solid lighgray; box-shadow: 0 0 10px #333;}

.var-container{
   width: 100%;
}
.var-container{
    background-color: #fff;
    line-height: 20px;
    
}
.var-elem{
   width: 100%;
   border: 1px solid lightgray;
   border-radius: 3%;
   padding: 10px 10px;
   margin: 5px 0;
   display: inline-flex;
   justify-content: space-between;
   align-items: center;
}

.prezzo-container{
   width: 100%;
   margin: 10px auto;
   display: inline-flex;
   justify-content: space-between;
   align-items: center;
}

.prezzo-container span:nth-child(1){
   width: 60%;
   font-size: 1.1rem;
}

.prezzo-container input {
    font-size: 1.2rem;
    line-height: 1.6rem;
    width: 30%;
    text-align: center;
}


.prezzo-container span:nth-child(2){
   width: 40%;
   font-size: 1.6rem;
   text-align: right;
}
.according-section{
   margin: 10px auto;
   overflow-y: auto;
   /*height: 300px;*/
}
.according-container {
    border-top: 1px solid lightgray;
    padding: 10px 20px;
    display: inline-flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    cursor: pointer;
}
.ultimo{
   border-bottom: 1px solid lightgray;
}

.rotate{
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.rotate.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}

.according-content{
   display: none;
   padding: 10px;
   width: 100%;
   /*height: 150px;*/
   overflow-y: auto;
}

.wish-container{
   font-size: 1rem;
   color: #c685af;
}
.addwish{ cursor: pointer; }
.prodotto .fa { margin: 0 5px; font-size: 1.2rem }
@media screen and (max-width: 1100px){
   .product-section>div:nth-child(1) { width: 8%; }
   .product-section>div:nth-child(2) { width: 45%; }
   .product-section>div:nth-child(3) { width: 40%; }
   .prodotto .fa { margin: 0 5px; font-size: 1rem }
   .thumbs-img {  height: 60px; }
}

@media screen and (max-width: 800px){
   .product-section>div:nth-child(1) { width: 10%; }
   .product-section>div:nth-child(2) { width: 80%; }
   .product-section>div:nth-child(3) { width: 80%; min-height: 100vh; margin:0 auto;}
   .product-section>div { height: 35vh; }
   .prodotto .fa { margin: 0 5px; font-size: 0.9rem }
   .thumbs-img {  height: 60px; }
}

@media screen and (max-width: 450px){
   .product-section>div:nth-child(1) { width: 100%; }
   .product-section>div:nth-child(2) { /*width: 75%; margin: 4px;*/ display: none; }
   .product-section>div:nth-child(3) { width: 100%; min-height: 110vh; margin:0 auto;}
   .product-section>div { height: 25vh; }
   .prodotto .fa { margin: 0 5px; font-size: 0.8rem }
   .thumbs-img {  height: 100%; }
}