/* ============================================
   ASHAA — STEP 2: Description below size+CTA
   ============================================ */

@media (max-width: 768px) {

  /* Make main-content a flex column */
  .product-single .main-content {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Form (size + add to cart) → order 1 (comes first) */
  .product-single .main-content > form.product-form {
    order: 1 !important;
  }

  /* Description → order 2 (comes after form) */
  .product-single .main-content > div.product__description {
    order: 2 !important;
  }

}