/* Careers pages (/careers and /careers/start): tailoring pack cards on top of
   division.css, cinema.css and order.css. Colours come from .mood-careers. */

.packs-section { background: var(--m-panel); }
.packs { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pack { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 30px 24px 24px; border-radius: 20px; background: var(--white); border: 1px solid var(--line); }
.pack h3 { font-size: 20px; margin: 0; }
.pack p { margin: 0; font-size: 15px; color: var(--ink-2); }
.pack .pack-price { font-family: var(--font-serif); font-size: 44px; line-height: 1; color: var(--m-ink); }
.pack .pack-price small { font-family: var(--font-sans); font-size: 15px; color: var(--ink-2); }
.pack .btn { margin-top: auto; align-self: flex-start; }
.pack.is-best { background: var(--m-anchor); border-color: var(--m-anchor); color: #D5E0EE; }
.pack.is-best h3 { color: var(--white); }
.pack.is-best p, .pack.is-best .pack-price small { color: #D5E0EE; }
.pack.is-best .pack-price { color: var(--m-accent); }
.pack-badge { position: absolute; top: -13px; left: 22px; padding: 4px 12px; border-radius: var(--r-pill, 999px); background: var(--m-accent); color: var(--m-anchor); font-size: 13px; font-weight: 600; }
.packs-fine { margin-top: 22px; max-width: 760px; }
@media (max-width: 1000px) { .packs { grid-template-columns: repeat(2, 1fr); gap: 26px 18px; } }
@media (max-width: 600px) { .packs { grid-template-columns: 1fr; } }

/* Booking form: four pack radios in two columns, the consultation card below. */
.order-page .choice-grid.packs { grid-template-columns: repeat(2, 1fr); gap: 16px 12px; }
.order-page .choice-grid.packs > a.choice { grid-column: 1 / -1; }
.order-page .choice-body .pack-badge { position: static; justify-self: start; margin-bottom: 4px; background: var(--m-ink); color: #fff; }
@media (max-width: 760px) { .order-page .choice-grid.packs { grid-template-columns: 1fr; } }