/* The range card opens the same native modal shell as class reservations. */
#bowtech .section-heading { margin-bottom:22px; }
#bowtech .section-heading > div { width:100%; }
#bowtech .bow-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
#bowtech .bow-service { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;text-align:left;min-height:108px;background:#f4efe60a;border:1px solid #f4efe645;border-radius:12px;color:var(--bone);font-family:Nunito,system-ui,sans-serif; }
#bowtech .bow-service:not(:disabled):hover { background:#f4efe617;border-color:#f4efe6b3; }
#bowtech .bow-service b { display:block;font-size:16px;line-height:1.4; }
#bowtech .bow-service small { display:block;font-size:14px;line-height:1.5;color:var(--reading);margin-top:6px; }
#bowtech button:disabled { opacity:.65;cursor:default; }
#bowtech .bow-unavailable { font-size:14px;line-height:1.6; }
/* Use the reservation modal's shared form grid, labels, colors, and buttons. */
.bow-modal .field textarea { width:100%;min-height:110px;padding:12px;border:1px solid #776957;border-radius:8px;background:#171410;color:var(--bone); }
.bow-modal .bow-ack { display:flex;align-items:flex-start;gap:12px;margin:0; }
.bow-modal .bow-ack input { width:20px;min-height:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--clay); }
.bow-modal .bow-reference { overflow-wrap:anywhere; }
.bow-modal .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0; }
.bow-modal #bowtech-dialog-title { padding-right:38px; }
.bow-modal .panel > .kicker { display:block;padding-right:44px; }
@media(max-width:600px){#bowtech .bow-grid{grid-template-columns:1fr}#bowtech .bow-service{min-height:90px}}