.hero,
.hero-photo { min-height: 420px; }

.hero-copy { padding-top: 45px; padding-bottom: 45px; }

.quantity { display:grid; grid-template-columns:42px 56px 42px; justify-content:center; gap:5px; margin-top:auto; }
.quantity button { min-height:42px; padding:0; font:700 25px/1 Arial,sans-serif; }
.quantity button:disabled { opacity:.42; cursor:not-allowed; }
.quantity-value { width:56px; min-height:42px; border:1px solid #c7a36b; border-radius:5px; background:#fff; color:var(--ink); font:700 18px/1 Arial,sans-serif; text-align:center; }
.selected-status { min-height:24px; margin:7px 0 0 !important; color:var(--wine); font:700 13px/1.2 Arial,sans-serif !important; letter-spacing:0 !important; text-transform:none !important; }

@media (max-width:980px) {
  .hero,.hero-copy { min-height:480px; }
  .hero-copy { padding-top:42px; padding-bottom:42px; }
}

@media (max-width:540px) {
  .hero,.hero-copy { min-height:440px; }
  .hero-copy { padding-top:34px; padding-bottom:34px; }
}