.top-block{
  height: 33vh;
  margin-bottom: 0;
}

.section--products{
  padding: 60px 0;
}
  .products-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
    .product-form{
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
    }
      .product-w{
        margin-bottom: 50px;
        margin: 0 25px 50px 25px;
        border-top: 5px solid #000;
        background: #fff;
      }
        .product{
          padding: 30px;
        }
          .product__titre{
            font-weight: bold;
            text-align: center;
          }
          .product__img{
            display: block;
            max-width: 80%;
            margin: auto;
            object-fit: cover;
          }
          .product__detail-w{
            margin-top: 30px;
            padding: 20px;
          }
            .product__detail{
              text-align: center;
            }
          .product__separator{
            margin: 10px 0;
            border-color: #e3e3e3;
          }.product__separator--detail{
              width: 100%;
              margin: 15px auto;
          }


          .price__text-w{
            min-height: 100px;
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-direction: column;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            -webkit-box-align: start;
                -ms-flex-align: start;
                    align-items: flex-start;
          }
            .price__text{
              margin: auto;
            }
            .price__text p{
              line-height: 40px;
            }


          .price__wizard{
            display: -ms-flexbox;
            display: -webkit-box;
            display: flex;
            -ms-flex-direction:row;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
                    flex-direction:row;
            -ms-flex-align: center;
            -webkit-box-align: center;
                    align-items: center;
            padding: 20px 40px;

          }
            .price__dot{
              display: -ms-flexbox;
              display: -webkit-box;
              display: flex;
              -ms-flex-line-pack: center;
              align-content: center;
            }
            .activated{
              background: #323232 !important;
              width: 20px !important;
              height: 20px !important;
            }

            .price__dot span{
              cursor: pointer;
              margin: auto;
              border-radius: 20px;
              display: block;
              width: 12px;
              height: 12px;
              -ms-flex-align: center;
              -webkit-box-align: center;
                      align-items: center;
              text-align:center;
              background: #6a6a6a;
              box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            }
            .price__dot input{
              cursor: pointer;
              width: 20px;
              height: 20px;
              margin: auto;
              padding: 10px;
              opacity: 0;
            }
            .price__wizard__title{
              display: -ms-flexbox;
              display: -webkit-box;
              display: flex;
              -ms-flex-align: center;
              -webkit-box-align: center;
                      align-items: center;
              -ms-flex-pack: justify;
              -webkit-box-pack: justify;
                      justify-content: space-between;
              padding: 0 40px;
              margin-bottom: 20px;
              color: #353535;
            }
              .price__time{
                font-size: 1.3rem;
                line-height: 25px;
              }
            .price__line{
              -ms-flex-align: center;
              -webkit-box-align: center;
                      align-items: center;
              -ms-flex: 1;
              -webkit-box-flex: 1;
                      flex: 1;
            }
            .price__line hr{
              margin: auto;
              content: '';
              height: 1px;
              width: 100%;
              border:none!important;
              background: #c5c5c5;
            }


          .product__button-w{
            margin-top: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; 
          }
            .product__button{
              width: 100%;
              margin: 5px 5px 0 5px;
            }
            .product__button--light{
              color: #484848;
            }
              .product__icon{
                position: relative;
                top: -1px;
                margin-left: 5px;
                vertical-align: middle;
                font-size: 15px;
              }

          .mentions-w{
            padding: 0 40px;
            color: #646464!important;
          }
            .mentions-w p{
              font-size: .95rem;
              color: #646464!important;
            }



.shop-links{
  text-align: center;
}
  .boutons-magasin-w{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 60px;
  }
    .boutons-magasin{
      margin: 0 15px;
    }


/* Responsive Part ---------*/

@media (max-width: 1400px){
  .products-row{
    max-width: 940px;
    margin: auto; 
  }
}

  @media (max-width: 1199px){
    .product-w{
      padding: 0 20px;
    }
  }

    @media (max-width: 991px){
      .products-row{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
      }
        .product-w{
          padding: 0 15px;
        }

      .price__time{
        font-size: 1rem;
      }
    }

       @media (max-width: 440px){
        .product-w{
          margin-left: 0;
          margin-right: 0;
        }
          .product{
            padding: 30px 0;
          }

        .boutons-magasin--margin-top{
          margin-top: 25px;
        }

        .boutons-magasin-w{
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
        }
       }