.product-share-button {
  min-width: 0;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 1px solid #247c59;
  border-radius: 5px;
  color: #fff;
  background: #247c59;
  font: inherit;
  font-weight: 800;
  letter-spacing: 0;
  cursor: pointer;
}

.product-share-button:hover { border-color: #0c5835; background: #0c5835; }
.product-share-button:disabled { opacity: .62; cursor: wait; }
.product-share-button svg { width: 18px; height: 18px; flex: 0 0 18px; }
.product-share-button[aria-busy="true"] svg { animation: product-share-spin .8s linear infinite; }

.detail-actions { grid-template-columns: 50px minmax(106px, .9fr) minmax(150px, 1.2fr); }
.detail-share { height: 46px; padding-inline: 12px; font-size: 12px; }

.product-share-controls {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.product-share-price-picker {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid #bfcfd7;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}

.product-share-price-picker button {
  min-width: 86px;
  min-height: 46px;
  padding: 0 14px;
  border: 0;
  border-right: 1px solid #bfcfd7;
  color: var(--muted);
  background: #fff;
  font: inherit;
  font-weight: 800;
  letter-spacing: 0;
  cursor: pointer;
}

.product-share-price-picker button:last-child { border-right: 0; }
.product-share-price-picker button:hover { color: var(--brand-dark); background: var(--brand-soft); }
.product-share-price-picker button[aria-pressed="true"] { color: #fff; background: var(--brand-dark); }
.product-share-price-picker button:disabled { color: #8b989e; background: #edf1f3; cursor: not-allowed; }
.product-share-controls > .product-share-button { flex: 1; }

@keyframes product-share-spin { to { transform: rotate(360deg); } }

@media (max-width: 600px) {
  .detail-actions { grid-template-columns: 50px minmax(0, 1fr); }
  .detail-share { grid-column: 2; }
  .detail-add { grid-column: 1 / -1; }
  .product-share-controls { display: grid; grid-template-columns: minmax(0, 1fr); }
  .product-share-price-picker button { min-width: 0; }
  .product-share-controls > .product-share-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .product-share-button[aria-busy="true"] svg { animation: none; }
}