/* Shared outlined purchase button, matching the cart exploration links. */
body.tea-detail .purchase-link, body.product-page[data-view] .add-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  min-width: 165px;
  max-width: 100%;
  min-height: 60px;
  padding: 15px 22px;
  border: 1px solid #d8dcc7;
  border-radius: 0;
  background: transparent;
  color: #e3e5d7;
  font: 400 14px/1.5 "Courier New", monospace;
  letter-spacing: normal;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, box-shadow .2s ease;
}
body.tea-detail .purchase-link:hover, body.product-page[data-view] .add-button:hover {
  color: #e3e5d7;
  background: #ffffff0d;
  box-shadow: inset 0 1px 0 #ffffff20;
  text-decoration: none;
}
body.tea-detail .purchase-link:focus-visible, body.product-page[data-view] .add-button:focus-visible {
  outline: 2px solid #dce1c9;
  outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
  body.tea-detail .purchase-link, body.product-page[data-view] .add-button { transition: none; }
}

/* Tea quantity control sits beside Add to cart at every screen width. */
.tea-detail .tea-purchase-actions{display:flex;align-items:stretch;gap:16px;width:100%;margin-top:16px}
body.tea-detail .tea-purchase-actions .purchase-link{flex:1;min-width:0;margin:0;padding-inline:12px}
.tea-detail .tea-quantity{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;width:166px;flex:0 0 166px;min-height:60px;box-sizing:border-box;border:1px solid #d8dcc7;color:#e3e5d7;background:transparent}
.tea-detail .tea-quantity button{width:100%;height:100%;min-height:58px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:400 18px/1 "Courier New",monospace;cursor:pointer}
.tea-detail .tea-quantity output{text-align:center;font:400 16px/1.5 "Courier New",monospace}
.tea-detail .tea-quantity button:disabled{opacity:.4;cursor:default}
.tea-detail .tea-quantity button:hover:not(:disabled){background:#ffffff0d}
.tea-detail .tea-quantity button:focus-visible{outline:2px solid #dce1c9;outline-offset:3px}
@media(max-width:480px){.tea-detail .tea-purchase-actions{gap:12px}.tea-detail .tea-quantity{width:132px;flex-basis:132px}}

/* Consistent purchase proportions, matching the outlined reference. */
.tea-detail .tea-purchase-actions{gap:20px;align-items:stretch}
body.tea-detail .tea-purchase-actions .purchase-link{flex:1 1 0;min-height:74px}
.tea-detail .tea-purchase-actions .tea-quantity{flex:0 0 39%;width:auto;min-height:74px}
.tea-detail .tea-purchase-actions .tea-quantity button{min-height:72px}
@media(max-width:480px){.tea-detail .tea-purchase-actions{gap:12px}body.tea-detail .tea-purchase-actions .purchase-link,.tea-detail .tea-purchase-actions .tea-quantity{min-height:60px}.tea-detail .tea-purchase-actions .tea-quantity button{min-height:58px}}