@media only screen and (min-width: 768px) {
    #category #content-wrapper, #product #content-wrapper {
        width: 100% !important;
    }
    #product .container:has(#main), #category .container:has(#main) {
        margin-top: 115px !important;
    }
}


#category .card, #product .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#category #left-column {
    display: none;
}

#product .product-flag , #product .js-qv-product-cover, #product .add-to-cart, #product #quantity_wanted, #product .bootstrap-touchspin-up, #product .bootstrap-touchspin-down, .product-customization .btn, .product-customization .card{
    border-radius: 20px !important;
}

@media (max-width: 767px) {
    button[name="submitCustomizedData"] {
        font-size: 10px;
    }
}

#category .add-to-cart,
#category #quantity_wanted,
#category .bootstrap-touchspin-up,
#category .bootstrap-touchspin-down,
#category .thumbnail-container,
#category .block-category
{
  border-radius: 20px !important;
}

#product .product-customization form {
    width: 85%;
}

#product .product-customization button[type="submit"] {

    display: block;
    width: 90%;
    margin: 0 auto;
    float: none !important;
}

#product .tabs{
    display: none;
}

#product .bootstrap-touchspin-up {
    margin-bottom: 2px;
}

#product #quantity_wanted {
    text-align: center;
}




/* Effet hover bouton */
#product .add-to-cart,
#category .add-to-cart {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  z-index: 1;
}

#product .add-to-cart::before,
#category .add-to-cart::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.2) 100%);
  transform: skewX(-25deg);
  transition: all 0.5s ease;
  pointer-events: none;
}

#product .add-to-cart:hover::before,
#category .add-to-cart:hover::before {
  left: 130%;
}

#product .add-to-cart:hover,
#category .add-to-cart:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}