/* book.html: option cards with a group tag and a time/price column. Loaded only on the booking page. */
.book-option.book-option-card{align-items:stretch;gap:16px}
.book-option.book-option-card::after{content:none}
.book-option-card .book-option-text .book-tag-row{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.book-option-card .book-option-text .book-tag{display:inline-block;margin:0;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;line-height:1;letter-spacing:.12em;text-transform:uppercase}
.book-option-card .book-option-text .book-tag-advice{background:#ede9fe;color:#5b21b6}
.book-option-card .book-option-text .book-tag-review{background:#fef3c7;color:#92400e}
.book-option-card .book-option-text .book-tag-hire{background:var(--navy-500);color:#fff}
.book-price{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;padding-left:16px;border-left:1px solid rgba(33,56,133,0.12);text-align:right}
.book-price span{font-size:13px;color:var(--warm-charcoal)}
.book-price b{font-size:16px;font-weight:700;color:var(--ink)}
@media (max-width:600px){
  .book-option.book-option-card{flex-direction:column;gap:10px}
  .book-price{flex-direction:row;align-items:baseline;justify-content:space-between;padding:10px 0 0;border-left:0;border-top:1px solid rgba(33,56,133,0.12)}
}
