.bb-product-detail__grid,
.bb-checkout-grid {
  align-items: start;
  display: grid;
  gap: clamp(28px, 6vw, 72px);
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
}

.bb-product-detail__media {
  background: #efe3da;
  border-radius: 20px;
  overflow: hidden;
}

.bb-product-detail__media img {
  display: block;
  height: auto;
  width: 100%;
}

.bb-product-detail__content h1,
.bb-checkout-grid h1 {
  font-family: var(--bb-serif, Georgia, serif);
  font-size: clamp(2.1rem, 4vw, 3.5rem);
  line-height: 1.18;
  margin: 10px 0 16px;
}

.bb-product-detail__price {
  color: var(--bb-cocoa, #4b2a1e);
  font-size: 1.5rem;
  font-weight: 800;
  margin: 24px 0 8px;
}

.bb-product-detail__lead,
.bb-form-note {
  color: var(--bb-muted, #7d6a63);
  font-size: 0.9rem;
}

.bb-commerce-form,
.bb-checkout-form,
.bb-cart-panel {
  background: #fffdfc;
  border: 1px solid #e6cec5;
  border-radius: 18px;
  margin-top: 24px;
  padding: 20px;
}

.bb-commerce-form label,
.bb-checkout-form label,
.bb-checkout-form legend {
  color: #4b2a1e;
  display: block;
  font-size: 0.9rem;
  font-weight: 800;
  margin: 0 0 7px;
}

.bb-quantity-row {
  align-items: center;
  display: flex;
  gap: 12px;
}

.bb-quantity-row input {
  border: 1px solid #e6cec5;
  border-radius: 10px;
  font-size: 1rem;
  min-height: 48px;
  padding: 8px 12px;
  width: 92px;
}

.bb-checkout-form {
  display: grid;
  gap: 9px;
  margin-top: 0;
}

.bb-checkout-form input,
.bb-checkout-form select,
.bb-checkout-form textarea {
  background: #fff;
  border: 1px solid #d9c2b9;
  border-radius: 9px;
  font: inherit;
  margin-bottom: 7px;
  min-height: 46px;
  padding: 9px 11px;
  width: 100%;
}

.bb-checkout-form textarea { min-height: 92px; }
.bb-checkout-form fieldset { border: 0; margin: 6px 0; padding: 0; }
.bb-checkout-form fieldset label { display: inline-flex; font-weight: 500; margin-right: 16px; }
.bb-checkout-form fieldset input { min-height: 0; margin-right: 7px; width: auto; }
.bb-checkout-form .bb-button { margin-top: 8px; }

.bb-cart-list { list-style: none; margin: 0; padding: 0; }
.bb-cart-list li { align-items: center; border-bottom: 1px solid #efe3da; display: grid; gap: 10px; grid-template-columns: 1fr auto auto; padding: 14px 0; }
.bb-cart-list li:last-child { border-bottom: 0; }
.bb-cart-remove { background: transparent; border: 0; color: #b3343d; cursor: pointer; font: inherit; font-weight: 700; padding: 8px; }
.bb-cart-total { border-top: 1px solid #e6cec5; display: flex; font-weight: 800; justify-content: space-between; margin-top: 14px; padding-top: 16px; }
.bb-cart-actions { margin-top: 20px; }
.bb-form-message { font-size: 0.92rem; font-weight: 700; min-height: 1.3em; margin-top: 10px; }
.bb-form-message[data-status="error"] { color: #b3343d; }
.bb-form-message[data-status="success"] { color: #237a3d; }

@media (max-width: 767px) {
  .bb-product-detail__grid,
  .bb-checkout-grid { grid-template-columns: 1fr; }
  .bb-cart-list li { align-items: start; grid-template-columns: 1fr auto; }
  .bb-cart-list li span:nth-child(2) { grid-column: 1; }
  .bb-cart-remove { grid-column: 2; grid-row: 1 / span 2; }
}