/*
 * BEAST OF AFRICA — enquire.css
 * Booking wizard + mobile audit fixes
 * All tokens from style.css
 */

/* ═══════════════════════════════════════════════════
   PAGE LAYOUT — side panel + main
═══════════════════════════════════════════════════ */

body.page-template-page-enquire #site-main,
body.page-template-page-enquire main,
body.is-enquire #site-main,
body.is-enquire main {
  padding-top: 0 !important;
}

.enq-page {
  display: grid;
  grid-template-columns: 320px 1fr;
  min-height: 100dvh;
  background: transparent;
}

/* ── Side panel ── */
.enq-side {
  position: sticky;
  top: 0;
  height: 100dvh;
  overflow-y: auto;
  background: rgba(6,12,10,.88);
  backdrop-filter: blur(32px) saturate(1.5);
  -webkit-backdrop-filter: blur(32px) saturate(1.5);
  border-right: 1px solid rgba(200,178,138,.1);
  scrollbar-width: none;
}
.enq-side::-webkit-scrollbar { display: none; }
.enq-side__inner {
  padding: 2.5rem 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  min-height: 100%;
}

.enq-side__brand {
  display: flex;
  align-items: center;
  gap: .85rem;
}
.enq-side__brand img { border-radius: 50%; }
.enq-side__name {
  display: block;
  font-family: var(--font-serif);
  font-size: 1.1rem;
  color: var(--text);
}
.enq-side__name em { font-style: italic; color: var(--sand); }
.enq-side__sub {
  display: block;
  font-family: var(--font-body);
  font-size: .6rem;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: rgba(200,178,138,.45);
  margin-top: 3px;
}

/* Summary */
.enq-summary {
  display: flex;
  flex-direction: column;
  gap: .55rem;
  padding: 1.25rem;
  background: rgba(23,53,44,.25);
  border: 1px solid rgba(200,178,138,.1);
  border-radius: 14px;
}
.enq-summary__title {
  font-family: var(--font-body);
  font-size: .58rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(200,178,138,.5);
  margin-bottom: .2rem;
  display: block;
}
.enq-summary__item {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  font-family: var(--font-body);
  font-size: .78rem;
  color: rgba(238,245,242,.58);
  line-height: 1.4;
}
.enq-summary__item svg { color: var(--sand); flex-shrink: 0; margin-top: .1rem; }
.enq-summary__item span { transition: color .3s; }

/* Trust */
.enq-side__trust { display: flex; flex-direction: column; gap: .5rem; }
.enq-trust-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-body);
  font-size: .78rem;
  color: rgba(238,245,242,.5);
}
.enq-trust-item svg { color: var(--sand); flex-shrink: 0; }

/* Side contact */
.enq-side__contact {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: .55rem;
  align-items: flex-start;
}
.enq-wa-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .65rem 1.1rem;
  background: rgba(37,211,102,.1);
  border: 1px solid rgba(37,211,102,.22);
  border-radius: 9px;
  color: rgba(37,211,102,.85);
  font-family: var(--font-body);
  font-size: .78rem;
  font-weight: 600;
  text-decoration: none;
  transition: background .3s;
}
.enq-wa-btn:hover { background: rgba(37,211,102,.18); }
.enq-side__contact > span {
  font-family: var(--font-body);
  font-size: .74rem;
  color: rgba(238,245,242,.38);
}

/* ── Main area ── */
.enq-main {
  display: flex;
  flex-direction: column;
  padding: clamp(2rem,5vw,4rem) clamp(1.25rem,5%,3.5rem);
  gap: 2rem;
  min-height: 100dvh;
  overflow-y: auto;
}

/* ═══════════════════════════════════════════════════
   PROGRESS PILL BAR
═══════════════════════════════════════════════════ */

.enq-progress {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 2.5rem;
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(8,14,12,.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: .75rem 0;
  margin-left: calc(-1 * clamp(1.25rem,5%,3.5rem));
  margin-right: calc(-1 * clamp(1.25rem,5%,3.5rem));
  padding-left: clamp(1.25rem,5%,3.5rem);
  padding-right: clamp(1.25rem,5%,3.5rem);
  border-bottom: 1px solid rgba(200,178,138,.08);
  transition: opacity .4s;
}

.enq-progress__pill {
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .45rem .95rem;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(200,178,138,.08);
  font-family: var(--font-body);
  font-size: .7rem;
  color: rgba(238,245,242,.32);
  transition: all .4s var(--ease);
  white-space: nowrap;
  flex-shrink: 0;
}
.enq-progress__pill.is-active {
  background: rgba(23,53,44,.55);
  border-color: rgba(200,178,138,.38);
  color: var(--sand);
  box-shadow: 0 0 0 3px rgba(200,178,138,.08);
}
.enq-progress__pill.is-done {
  background: rgba(23,53,44,.3);
  border-color: rgba(200,178,138,.2);
  color: rgba(200,178,138,.6);
}
.enq-progress__pill-icon { font-size: .85rem; }
.enq-progress__pill-label { font-weight: 500; }
.enq-progress__pill-num {
  display: none; /* hidden on desktop — label shows instead */
}

/* Connector line between pills */
.enq-progress__connector {
  flex: 1;
  height: 2px;
  background: rgba(200,178,138,.08);
  position: relative;
  overflow: hidden;
  min-width: 12px;
}
.enq-progress__connector-fill {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--forest), var(--sand));
  transform: translateX(-100%);
  transition: transform .55s var(--ease);
}
.enq-progress__connector.is-filled .enq-progress__connector-fill {
  transform: translateX(0);
}

/* ═══════════════════════════════════════════════════
   WIZARD STEPS
═══════════════════════════════════════════════════ */

.enq-wizard { flex: 1; }

.enq-step { display: none; }
.enq-step.is-active { display: block; animation: enqStepIn .45s var(--ease) both; }
@keyframes enqStepIn {
  from { opacity:0; transform:translateY(14px); }
}

.enq-step__head { margin-bottom: 2rem; }
.enq-eyebrow {
  display: inline-block;
  font-family: var(--font-body);
  font-size: .6rem;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--sand);
  opacity: .75;
  margin-bottom: .75rem;
}

.enq-h1 {
  font-family: var(--font-serif);
  font-size: clamp(1.8rem,4vw,2.8rem);
  font-weight: 300;
  color: var(--text);
  line-height: 1.08;
  letter-spacing: -.02em;
  margin-bottom: .65rem;
}
.enq-h1 em { font-style: italic; color: var(--sand); }

.enq-step__head p {
  font-size: .88rem;
  color: var(--muted);
  line-height: 1.7;
  max-width: 520px;
  margin: 0;
}

.enq-field-label {
  display: block;
  font-family: var(--font-body);
  font-size: .62rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(200,178,138,.55);
  margin-bottom: .65rem;
}
.enq-hint {
  font-size: .72rem;
  color: rgba(200,178,138,.42);
  margin: .35rem 0 0;
}

/* ── Option cards (Step 1) ── */
.enq-options--grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: .75rem;
  margin-bottom: 2rem;
}

.enq-option-card {
  display: flex;
  align-items: flex-start;
  gap: .85rem;
  padding: 1.1rem 1.15rem;
  background: rgba(23,53,44,.15);
  border: 1.5px solid rgba(200,178,138,.12);
  border-radius: 14px;
  cursor: pointer;
  text-align: left;
  transition: all .32s var(--ease);
  font-family: var(--font-body);
  position: relative;
}
.enq-option-card:hover {
  border-color: rgba(200,178,138,.28);
  background: rgba(23,53,44,.28);
}
.enq-option-card.is-active {
  border-color: rgba(200,178,138,.55);
  background: rgba(23,53,44,.42);
  box-shadow: 0 0 0 1px rgba(200,178,138,.15), 0 8px 24px rgba(23,53,44,.3);
}

.enq-option-card__icon { font-size: 1.5rem; line-height: 1; flex-shrink: 0; }

.enq-option-card__check {
  position: absolute;
  top: .85rem;
  right: .85rem;
  width: 20px; height: 20px;
  border-radius: 50%;
  border: 1.5px solid rgba(200,178,138,.2);
  display: flex; align-items: center; justify-content: center;
  transition: all .3s;
  flex-shrink: 0;
  color: transparent;
}
.enq-option-card.is-active .enq-option-card__check {
  background: var(--sand);
  border-color: var(--sand);
  color: var(--surface);
}

.enq-option-card__copy { display: flex; flex-direction: column; gap: .22rem; }
.enq-option-card__copy strong { font-size: .88rem; color: var(--text); font-weight: 500; }
.enq-option-card__copy span  { font-size: .76rem; color: var(--muted); line-height: 1.45; }

/* ── Chips ── */
.enq-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1.25rem;
}

.enq-chip {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .12rem;
  padding: .5rem 1rem;
  border: 1px solid rgba(200,178,138,.14);
  border-radius: 24px;
  background: transparent;
  color: var(--muted);
  font-family: var(--font-body);
  font-size: .8rem;
  cursor: pointer;
  transition: all .26s;
  text-align: left;
  white-space: nowrap;
}
.enq-chip:hover   { border-color: rgba(200,178,138,.3); color: var(--text); }
.enq-chip.is-active {
  background: rgba(23,53,44,.5);
  border-color: rgba(200,178,138,.48);
  color: var(--sand);
}
.enq-chip--budget,
.enq-chip--activity {
  border-radius: 12px;
  padding: .65rem 1rem;
  white-space: normal;
}
.enq-chip--budget strong,
.enq-chip--activity strong { display: block; font-size: .84rem; color: var(--text); margin-bottom: .15rem; }
.enq-chip--budget span,
.enq-chip--activity span   { font-size: .72rem; color: var(--muted); white-space: normal; }
.enq-chip--budget.is-active strong,
.enq-chip--activity.is-active strong { color: var(--sand); }

/* Month chips */
.enq-months {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: .5rem;
}
.enq-month-btn {
  position: relative;
  padding: .42rem .78rem;
  border: 1px solid rgba(200,178,138,.12);
  border-radius: 7px;
  background: transparent;
  color: rgba(238,245,242,.45);
  font-family: var(--font-body);
  font-size: .76rem;
  cursor: pointer;
  transition: all .26s;
  min-width: 42px;
  text-align: center;
}
.enq-month-btn--peak { border-color: rgba(200,178,138,.22); color: rgba(200,178,138,.7); }
.enq-month-btn:hover  { border-color: rgba(200,178,138,.3); color: var(--text); }
.enq-month-btn.is-active {
  background: rgba(23,53,44,.5);
  border-color: rgba(200,178,138,.5);
  color: var(--sand);
}
.enq-month-peak {
  position: absolute;
  top: -4px; right: -3px;
  font-size: .5rem;
  color: var(--sand);
  line-height: 1;
}

/* ── Counter ── */
.enq-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.enq-counter {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  background: rgba(23,53,44,.18);
  border: 1px solid rgba(200,178,138,.12);
  border-radius: 12px;
}
.enq-counter-btn {
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1.5px solid rgba(200,178,138,.2);
  background: transparent;
  color: var(--sand);
  font-size: 1.2rem;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .28s;
  line-height: 1;
  flex-shrink: 0;
}
.enq-counter-btn:hover { background: rgba(23,53,44,.4); border-color: rgba(200,178,138,.45); }
.enq-counter-val {
  font-family: var(--font-serif);
  font-size: 1.6rem;
  color: var(--sand);
  font-weight: 300;
  flex: 1;
  text-align: center;
  line-height: 1;
}

/* ── Form inputs ── */
.enq-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.enq-field { display: flex; flex-direction: column; gap: .4rem; }
.enq-input-wrap { position: relative; }
.enq-input-icon {
  position: absolute;
  left: .9rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(200,178,138,.4);
  pointer-events: none;
}
.enq-input {
  width: 100%;
  padding: .82rem .9rem .82rem 2.6rem;
  background: rgba(23,53,44,.2);
  border: 1px solid rgba(200,178,138,.15);
  border-radius: 10px;
  color: var(--text);
  font-family: var(--font-body);
  font-size: .9rem;
  outline: none;
  transition: border-color .3s, box-shadow .3s;
}
.enq-input:focus { border-color: rgba(200,178,138,.45); box-shadow: 0 0 0 3px rgba(200,178,138,.07); }
.enq-input::placeholder { color: rgba(238,245,242,.28); }

.enq-textarea {
  width: 100%;
  padding: .9rem 1rem;
  background: rgba(23,53,44,.2);
  border: 1px solid rgba(200,178,138,.15);
  border-radius: 10px;
  color: var(--text);
  font-family: var(--font-body);
  font-size: .88rem;
  line-height: 1.7;
  resize: none;
  outline: none;
  transition: border-color .3s;
}
.enq-textarea:focus { border-color: rgba(200,178,138,.45); }
.enq-textarea::placeholder { color: rgba(238,245,242,.28); }

/* ── Footer nav ── */
.enq-step__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(200,178,138,.1);
}
.enq-step__footer--submit { flex-wrap: wrap; }

.enq-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--font-body);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .07em;
  border-radius: 9px;
  padding: .8rem 1.6rem;
  cursor: pointer;
  transition: all .32s var(--ease);
  border: none;
  text-decoration: none;
}
.enq-btn--next, .enq-btn--submit {
  background: linear-gradient(135deg, var(--forest), var(--deep-forest));
  color: var(--sand);
  border: 1px solid rgba(200,178,138,.28);
}
.enq-btn--next:hover, .enq-btn--submit:hover {
  border-color: rgba(200,178,138,.55);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(23,53,44,.5);
  color: var(--mist);
}
.enq-btn--submit {
  font-size: .86rem;
  padding: .9rem 2rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.enq-btn--back {
  background: transparent;
  border: 1px solid rgba(200,178,138,.15);
  color: var(--muted);
}
.enq-btn--back:hover { border-color: rgba(200,178,138,.3); color: var(--text); }
.enq-btn--ghost {
  background: transparent;
  border: 1px solid rgba(200,178,138,.18);
  color: var(--muted);
}
.enq-btn--ghost:hover { border-color: rgba(200,178,138,.35); color: var(--sand); }
.enq-btn--wa {
  background: rgba(37,211,102,.1);
  border: 1px solid rgba(37,211,102,.25);
  color: rgba(37,211,102,.88);
}
.enq-btn--wa:hover { background: rgba(37,211,102,.18); }

.enq-error {
  font-size: .76rem;
  color: rgba(220,100,100,.85);
  margin: 0;
  transition: opacity .4s;
}

/* ── Review ── */
.enq-review {
  margin-bottom: 1.75rem;
  padding: 1.5rem;
  border-radius: 16px;
}
.enq-review__grid { display: flex; flex-direction: column; gap: .65rem; }
.enq-review__row {
  display: flex;
  gap: 1rem;
  font-family: var(--font-body);
  font-size: .84rem;
  align-items: baseline;
}
.enq-review__row span { min-width: 120px; color: rgba(200,178,138,.55); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; flex-shrink: 0; }
.enq-review__row strong { color: var(--text); }
.enq-review__row--full { flex-direction: column; gap: .2rem; }

/* Next steps */
.enq-next-steps { display: flex; flex-direction: column; gap: .75rem; margin-bottom: 2rem; }
.enq-next-step {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.1rem;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(200,178,138,.08);
  border-radius: 12px;
}
.enq-next-step__num {
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(23,53,44,.5);
  border: 1px solid rgba(200,178,138,.25);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-serif);
  font-size: .9rem;
  color: var(--sand);
  font-weight: 300;
  flex-shrink: 0;
}
.enq-next-step strong { display: block; font-family: var(--font-body); font-size: .84rem; color: var(--text); margin-bottom: .2rem; }
.enq-next-step span   { font-size: .78rem; color: var(--muted); }

/* ── Success ── */
.enq-success { text-align: center; }
.enq-success__inner { max-width: 520px; margin: 0 auto; padding: 2.5rem 0; }
.enq-success__icon {
  width: 80px; height: 80px;
  margin: 0 auto 2rem;
}
.enq-success__icon svg { width: 100%; height: 100%; }

.enq-success__ring {
  stroke: var(--sand);
  stroke-dasharray: 188;
  stroke-dashoffset: 188;
  animation: enqRing .7s var(--ease) .1s forwards;
}
@keyframes enqRing {
  to { stroke-dashoffset: 0; }
}
.enq-success__check {
  stroke: var(--sand);
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  animation: enqCheck .4s var(--ease) .7s forwards;
}
@keyframes enqCheck {
  to { stroke-dashoffset: 0; }
}

.enq-success__title {
  font-family: var(--font-serif);
  font-size: clamp(1.8rem,4vw,2.5rem);
  font-weight: 300;
  color: var(--text);
  margin-bottom: 1rem;
}
.enq-success__body {
  font-size: .9rem;
  color: var(--muted);
  line-height: 1.8;
  margin-bottom: 2rem;
}
.enq-success__actions { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; }

/* ═══════════════════════════════════════════════════
   MOBILE AUDIT — global fixes across all pages
═══════════════════════════════════════════════════ */

/* Prevent horizontal scroll everywhere */
html, body { overflow-x: hidden; max-width: 100vw; }

/* Touch targets — all buttons/links min 44px */
button, a, [role="button"], input[type="button"], input[type="submit"] {
  min-height: 44px;
}
.enq-month-btn, .enq-chip, .mtn-chip { min-height: 40px; }

/* Images never overflow */
img, video, canvas, svg { max-width: 100%; }

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Better tap highlight */
* { -webkit-tap-highlight-color: rgba(200,178,138,.12); }

/* ═══════════════════════════════════════════════════
   RESPONSIVE — ENQUIRE PAGE
═══════════════════════════════════════════════════ */

@media (max-width: 900px) {
  .enq-page { grid-template-columns: 1fr; }
  .enq-side  { display: none; }
  .enq-main  { padding: 1.25rem 1rem; }
  .enq-options--grid { grid-template-columns: 1fr; }
  .enq-form-grid { grid-template-columns: 1fr; }
  .enq-two-col   { grid-template-columns: 1fr; }

  .enq-progress {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .enq-progress::-webkit-scrollbar { display: none; }

  /* On mobile show number instead of label */
  .enq-progress__pill-label { display: none; }
  .enq-progress__pill-num   { display: block; font-size: .72rem; font-weight: 600; }
  .enq-progress__pill.is-active .enq-progress__pill-label { display: block; }
  .enq-progress__pill.is-active .enq-progress__pill-num   { display: none; }
}

@media (max-width: 560px) {
  .enq-h1 { font-size: clamp(1.5rem,7vw,2rem); }
  .enq-chips { gap: .38rem; }
  .enq-chip  { font-size: .74rem; padding: .44rem .82rem; }
  .enq-chip--budget, .enq-chip--activity { width: 100%; }
  .enq-step__footer { flex-direction: column-reverse; align-items: stretch; }
  .enq-btn  { justify-content: center; }
  .enq-review__row { flex-direction: column; gap: .15rem; }
  .enq-review__row span { min-width: auto; }
}

/* ═══════════════════════════════════════════════════
   MOBILE AUDIT — site-wide breakpoint fixes
═══════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* Hero text scaling */
  .hp-hero__t1 { font-size: clamp(2.8rem,12vw,5rem) !important; }
  .hp-hero__sub { font-size: .84rem !important; }

  /* Trust strip */
  .hp-trust__inner { grid-template-columns: repeat(2,1fr) !important; }

  /* Destination rail */
  .hp-dest-card { min-width: 240px !important; }

  /* Itinerary grid */
  .itin-grid, .lodge-grid { grid-template-columns: 1fr !important; }

  /* Hide desktop-only intel panel */
  .hp-intel { display: none !important; }

  /* Arusha section */
  .hp-arusha__inner { grid-template-columns: 1fr !important; }

  /* Why grid */
  .hp-why-grid { grid-template-columns: 1fr !important; }

  /* Night CTA */
  .hp-night-cta__inner { grid-template-columns: 1fr !important; }

  /* Planner */
  .hp-planner__inner { grid-template-columns: 1fr !important; }

  /* Reviews */
  .hp-reviews-layout { grid-template-columns: 1fr !important; }
  .hp-review-cards   { grid-template-columns: 1fr !important; }

  /* Mountain page */
  .mtn-card__body { grid-template-columns: 1fr !important; }
  .mtn-health-grid { grid-template-columns: 1fr !important; }
  .mtn-calc { grid-template-columns: 1fr !important; }
  .mtn-weather-panel { position: relative !important; top: auto !important; right: auto !important; min-width: auto !important; margin: 1rem !important; }
  .mtn-alt-scale { display: none !important; }

  /* CPT grids */
  .dest-grid, .itin-grid, .lodge-grid, .exp-grid { grid-template-columns: 1fr !important; }
  .dest-single__inner { grid-template-columns: 1fr !important; }
  .dest-single__sidebar { position: static !important; flex-direction: column !important; }

  /* CTA strip */
  .dest-cta-strip__inner { flex-direction: column !important; align-items: flex-start !important; }
}

@media (max-width: 480px) {
  /* Typography scale */
  .cpt-hero__t1 { font-size: clamp(2.2rem,11vw,3.5rem) !important; }
  .mtn-hero__t1 { font-size: clamp(2.2rem,11vw,3.5rem) !important; }

  /* Stack all actions */
  .cpt-hero__actions,
  .mtn-hero__actions,
  .dest-cta-strip__actions { flex-direction: column !important; align-items: stretch !important; }
  .cpt-hero__actions .cpt-btn,
  .mtn-hero__actions .cpt-btn { width: 100% !important; justify-content: center !important; }

  /* Reduce padding */
  .mtn-card__col { padding: 1.25rem 1rem !important; }
  .dest-sidebar-card { padding: 1.25rem 1rem !important; }

  /* Month grid */
  .mtn-months__row { flex-wrap: wrap !important; }

  /* Fix overflow on mountain stats */
  .mtn-stats-grid { grid-template-columns: 1fr !important; }
}

/* Motion safety */
@media (prefers-reduced-motion: reduce) {
  .enq-step.is-active,
  .enq-success__ring,
  .enq-success__check {
    animation: none !important;
  }
  .enq-progress__connector-fill {
    transition: none !important;
  }
}