/* Custom CSS for Vault OG 1.4.0 theme */
/* 1. Fix product option radio buttons: vertical stacking and alignment */
.productView-options .form-field > .form-radio + .form-label {
  display: flex;
  align-items: center;
  text-align: left;
  margin-right: 0;
  margin-bottom: 0.5rem; }

.productView-options .form-field > .form-radio + .form-label:last-child {
  margin-bottom: 0; }

.productView-options .form-field > .form-radio + .form-label::before,
.productView-options .form-field > .form-radio + .form-label::after {
  top: 0;
  transform: none; }

@media (max-width: 768px) {
  .productView-options {
    text-align: left; }
  .productView-options .form-field > .form-radio + .form-label {
    width: 100%; } }

/* 2. Product card image round corners */
.product-thumbnail img,
.productCard-image img {
  border-radius: 16px; }

/* 3. Hide the small figcaption button on product cards */
.card .card-figcaption .button--small {
  display: none !important; }

/* 4. Center the Add to Cart / form-action container and ensure Add to Cart button width */
@media only screen and (max-width: 1210px) {
  .form-action {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important; } }

/* Ensure Add to Cart button is not stretched */
#form-action-addToCart {
  width: auto !important;
  display: inline-block !important; }

/* 5. Ensure wishlist action is centered on smaller screens */
@media only screen and (max-width: 768px) {
  .wishlist-action {
    width: 100%;
    text-align: center !important;
    margin-top: 10px; }
  .wishlist-action a {
    display: inline-block;
    margin: 0 auto; } }