/* Give separate cards and actions breathing room without splitting segmented controls. */
.garden-site .page-shell>.page-title {margin-bottom:24px}
.garden-site .form-actions,
.garden-site .profile-actions,
.garden-site .post-actions {gap:12px;flex-wrap:wrap}
.garden-site .club-profile {align-items:start}
.garden-site .player-contact-actions {display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:22px}
.garden-site .player-contact-actions>.button,
.garden-site .player-contact-actions>.text-button {margin:0;min-height:44px;white-space:normal}
.garden-site .price-detail-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.garden-site .price-detail-actions>.button {margin:0}
.garden-site .contact-list {gap:16px}
.garden-site .customer-contact-dialog {display:grid;gap:20px}
.garden-site .customer-contact-dialog>.modal-heading,
.garden-site .customer-contact-dialog>.modal-subtitle {margin:0}
.garden-site .customer-contact-dialog .contact-list {display:grid;gap:14px}
.garden-site .customer-contact-dialog .contact-item {min-width:0;margin:0}
.garden-site .customer-contact-dialog .contact-item>div {min-width:0;overflow-wrap:anywhere}
.garden-site .customer-contact-dialog .contact-item .text-button {flex-shrink:0}
.garden-site .customer-contact-dialog figure {margin:0;display:grid;gap:10px}
.garden-site .customer-contact-dialog .contact-qr {display:block;max-width:100%;max-height:220px;object-fit:contain;margin:0 auto}
.garden-site .customer-contact-dialog .contact-qr-label {margin:0;text-align:center;font-size:12px;color:#748164}
/* One real link fills the card, including cover, title, metadata and whitespace. */
.garden-site .catalog-price-card {display:flex}
.garden-site .catalog-price-card>.catalog-price-link {width:100%;flex:1;cursor:pointer;text-decoration:none;border-radius:inherit}
.garden-site .catalog-price-link * {cursor:inherit}
.garden-site .catalog-price-link:focus-visible {outline:3px solid #879e62;outline-offset:-3px}
.garden-site .catalog-price-link:hover h3,
.garden-site .catalog-price-link:focus-visible h3 {color:#657e42;text-decoration:underline;text-underline-offset:4px}
.garden-site .catalog-price-link:active {background:#f4f7ea}
/* VIP image controls share the same spacing in the management dialog. */
.vip-images-editor {display:grid;gap:16px}
#vip-editor-images {display:grid;gap:16px}
.vip-editor-image {display:grid;gap:12px;margin:0}
.vip-editor-image>.text-button {justify-self:start;min-height:36px;padding:7px 12px;border:1px solid #dfe5d1;border-radius:9px;background:#fffefa}
@media(max-width:720px) {
  .garden-site .page-shell>.page-title {margin-bottom:20px}
  .garden-site .customer-contact-dialog .contact-item {display:flex;flex-wrap:wrap;gap:12px;padding:16px}
  .garden-site .customer-contact-dialog .contact-item>div {flex:1;min-width:120px}
}