:root {
  --primary: #A3293E;
  --primary-light: #fbcfe8;
  --primary-dark: #be185d;
  --dark: #333;
  --gray: #374151;
  --light-gray: #f3f4f6;
  --border: #e5e7eb;
  --white: #fff;
  --beo-breadcrumb-divider: ">";
}

.product-variation-field .price {
  text-align: end;
}

.product-details-table .product-variation-field {
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid #f4f4f4;
  margin-top: 0.5rem;
}
.product-details-table .product-variation-field .product-brand {
  font-size: inherit;
}

.block-field-blockcommerce-productphysicalvariations .product-variation-field {
  display: block;
}

html {
  --u-grid--variation-select-amount: 4;
}

@media (max-width: 1024px) {
  html {
    --u-grid--variation-select-amount: 3;
  }
}
@media (max-width: 560px) {
  html {
    --u-grid--variation-select-amount: 2;
  }
}
.field--widget-custom-product-variation-teaser .form-check-input {
  display: none;
}
.field--widget-custom-product-variation-teaser .form-check {
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.field--widget-custom-product-variation-teaser .product-card {
  cursor: pointer;
  border: 1px solid #ccc;
  box-shadow: none;
}
.field--widget-custom-product-variation-teaser .form-radios {
  display: grid;
  grid-template-columns: repeat(var(--u-grid--variation-select-amount), 1fr);
  gap: 0.5rem;
  word-break: break-word;
}

.js-form-item-purchased-entity-0-variation .form-check-input:checked[type=radio] + label .product-card, .js-form-item-purchased-entity-0-variation .product-card:hover {
  border: 1px solid #a83343;
}

.commerce-order-item-add-to-cart-form .form-item-quantity-0-value {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

.block-field-blockcommerce-productphysicalproduct-badges .product-variation-field, .block-field-blockcommerce-productphysicalproduct-badges .product-variation-field div {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}