.product-detail__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.product-detail__form .form__error-message {
  display: flex;
  gap: 4px;
  align-items: center;
  color: rgb(var(--color-tag-background));
}
.product-detail__form .form__error-message::after {
  content: attr(data-message);
}
.product-detail__form .form__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}









/* =========================================================
   Product detail buy buttons
   恢复普通文档流，不固定底部
   ========================================================= */

@media (max-width: 959px) {

    .product-detail__buy-buttons {
        position: static !important;
        inset: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        transform: none !important;
        z-index: auto !important;
    }

    .product-detail__buy-buttons .product-detail__form {
        position: static !important;
        inset: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        transform: none !important;
        z-index: auto !important;
    }

    .product-detail__buy-buttons .form__buttons {
        position: static !important;
        inset: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        transform: none !important;

        z-index: auto !important;
    }
}