/* Khối dùng chung giữa các trang dịch vụ: hero, bảng giá, ước tính, quy trình,
   thư viện ảnh, khung checklist, hỏi đáp. Đi cùng inc/section-parts.php.
   Kiểu riêng của từng trang nằm ở home.css / kho-xuong.css. */

/* ---------- Dùng chung cho các section nền tối ---------- */

.mv-onbrand {
  background: var(--grad-brand);
  color: #fff;
  position: relative;
  overflow: hidden;
}
/* Lưới mảnh chìm dần — chỉ trang trí, mask cắt nửa dưới cho khỏi rối */
.mv-gridlines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(148,163,184,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.06) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 80%);
          mask-image: linear-gradient(180deg, #000, transparent 80%);
}
.mv-glow {
  position: absolute;
  top: -180px; right: -120px;
  width: 560px; height: 560px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(255,255,255,.16), transparent 65%);
}
.mv-onbrand .mv-wrap { position: relative; }

/* ---------- Hero ---------- */

.mv-hero__inner {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 56px;
  align-items: center;
  padding-block: 104px 88px;
}

.mv-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  border: 1px solid rgba(255,255,255,.5);
  background: rgba(255,255,255,.14);
  border-radius: var(--radius-pill);
  padding: 7px 16px;
  font-size: 12.5px;
  font-weight: var(--weight-bold);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mv-hero__title {
  font-size: clamp(34px, 5vw, 62px);
  font-weight: var(--weight-extrabold);
  line-height: 1.06;
  letter-spacing: -0.03em;
  margin: 22px 0 20px;
  text-wrap: pretty;
}

.mv-hero__desc {
  font-size: 15.5px;
  line-height: var(--leading-relaxed);
  max-width: 560px;
}
/* Mô tả soạn bằng ô rich text nên có thể gồm nhiều đoạn và link nội bộ */
.mv-hero__desc > :last-child { margin-bottom: 0; }
.mv-hero__desc a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mv-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  margin-top: var(--space-6);
}

.mv-hero__figure { position: relative; }
.mv-hero__frame {
  height: 430px;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.1);
}
.mv-hero__frame img { width: 100%; height: 100%; object-fit: cover; }

.mv-hero__card {
  position: absolute;
  left: -26px; bottom: 26px;
  background: var(--surface);
  color: var(--text-body);
  border-radius: 18px;
  padding: var(--space-4) 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: var(--shadow-pop);
}
.mv-hero__cardicon {
  width: 44px; height: 44px;
  flex: 0 0 auto;
  border-radius: var(--radius-md);
  background: var(--green-50);
  color: var(--green-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mv-hero__cardtitle { font-weight: var(--weight-bold); font-size: 14.5px; }
.mv-hero__cardsub { font-size: 12.5px; color: var(--text-muted); }

/* Băng chữ chạy — hai bản sao nối nhau, dịch 50% là về đúng chỗ cũ */
.mv-ticker {
  position: relative;
  border-top: 1px solid rgba(255,255,255,.3);
  overflow: hidden;
  padding-block: var(--space-4);
}
.mv-ticker__track {
  display: flex;
  width: max-content;
  animation: mv-marq 36s linear infinite;
}
.mv-ticker__track:hover { animation-play-state: paused; }
.mv-ticker__item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-inline: 18px;
  font-size: 13.5px;
  font-weight: var(--weight-semibold);
  white-space: nowrap;
}
.mv-ticker__item::before { content: "✦"; color: rgba(255,255,255,.7); }

/* ---------- Bảng giá ---------- */

.mv-price { background: var(--surface-subtle); padding-block: 120px; }
.mv-price__lead { margin: var(--space-4) 0 var(--space-6); }

.mv-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.mv-tab {
  appearance: none;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  padding: 11px 20px;
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
  color: var(--slate-700);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out),
              color var(--dur-fast) var(--ease-out);
}
.mv-tab:hover { border-color: var(--green-500); color: var(--green-700); }
.mv-tab[aria-selected="true"] {
  background: var(--slate-900);
  border-color: var(--slate-900);
  color: #fff;
}

.mv-price__panel[hidden] { display: none; }
.mv-price__title {
  font-size: 19px;
  font-weight: var(--weight-bold);
  letter-spacing: -0.01em;
  margin-bottom: var(--space-4);
}

.mv-table {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--surface);
  box-shadow: 0 20px 40px -28px rgba(15,23,42,.25);
}
.mv-table__scroll { overflow-x: auto; }
.mv-table table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--text-sm);
}
.mv-table th {
  text-align: left;
  padding: var(--space-4) 18px;
  background: var(--slate-900);
  color: var(--slate-300);
  font-weight: var(--weight-semibold);
  font-size: 13px;
  white-space: nowrap;
}
.mv-table th:first-child { color: #fff; }
.mv-table td {
  padding: 15px 18px;
  color: var(--slate-700);
  border-top: 1px solid var(--border-subtle);
}
.mv-table td:first-child { color: var(--text-body); font-weight: var(--weight-semibold); }
/* Số tiền dùng mono cho cột thẳng hàng, dễ so sánh */
.mv-table td:not(:first-child) {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: var(--weight-semibold);
  color: var(--text-body);
}
.mv-table tbody tr:hover { background: var(--surface-subtle); }

.mv-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: var(--space-4) 18px;
  background: var(--red-100);
  color: var(--red-600);
  font-size: 13px;
  line-height: 1.65;
}
.mv-note svg { flex: 0 0 auto; margin-top: 2px; color: var(--red-500); }

/* ---------- Công cụ ước tính ---------- */

.mv-est { padding-block: 120px; }
.mv-est__grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
  align-items: start;
  margin-top: 48px;
}

.mv-glass {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-glass);
}
@supports (backdrop-filter: blur(18px)) {
  .mv-glass { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
}

.mv-est__form { padding: var(--space-6) 36px 42px; }

.mv-step {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 30px 0 var(--space-4);
}
.mv-est__form > .mv-step:first-child { margin-top: 0; }
.mv-step__n {
  width: 26px; height: 26px;
  flex: 0 0 auto;
  border-radius: var(--radius-pill);
  background: #fff;
  color: var(--green-700);
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: var(--weight-bold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mv-step__label { font-size: 15px; font-weight: var(--weight-bold); }

.mv-est__km {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--font-sans);
  font-size: 15px;
  padding: 14px 18px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.4);
  border-radius: var(--radius-md);
  color: #fff;
}
.mv-est__km::placeholder { color: rgba(255,255,255,.7); }

.mv-est__opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mv-est__opts--addon { gap: 9px; }

.mv-opt {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.07);
  border-radius: 14px;
  padding: 14px 15px;
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease-out),
              border-color var(--dur-fast) var(--ease-out);
}
.mv-opt:hover { background: rgba(255,255,255,.14); }
.mv-opt input { position: absolute; opacity: 0; pointer-events: none; }
.mv-opt__icon {
  width: 38px; height: 38px;
  flex: 0 0 auto;
  border-radius: 11px;
  background: rgba(255,255,255,.16);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mv-opt__name {
  display: block;
  font-size: 13.5px;
  font-weight: var(--weight-semibold);
  line-height: 1.35;
}
.mv-opt__sub {
  display: block;
  font-size: 12px;
  color: rgba(255,255,255,.78);
  margin-top: 3px;
}
.mv-opt__tick {
  margin-left: auto;
  width: 20px; height: 20px;
  flex: 0 0 auto;
  border-radius: var(--radius-pill);
  background: #fff;
  color: var(--green-600);
  display: none;
  align-items: center;
  justify-content: center;
}
.mv-opt:has(input:checked) {
  border-color: #fff;
  background: rgba(255,255,255,.22);
  box-shadow: 0 0 0 1px #fff, 0 14px 34px -16px rgba(15,23,42,.4);
}
.mv-opt:has(input:checked) .mv-opt__icon { background: #fff; color: var(--green-600); }
.mv-opt:has(input:checked) .mv-opt__tick { display: inline-flex; }
.mv-opt:has(input:focus-visible) { outline: 2px solid #fff; outline-offset: 2px; }

.mv-opt--addon {
  gap: 10px;
  border-radius: var(--radius-md);
  padding: 10px 12px;
  border-color: rgba(255,255,255,.25);
  background: rgba(255,255,255,.06);
}
.mv-opt--addon input {
  position: static;
  opacity: 1;
  pointer-events: auto;
  accent-color: #fff;
  margin-top: 3px;
  flex: 0 0 auto;
}
.mv-opt--addon svg { flex: 0 0 auto; margin-top: 2px; }
.mv-opt--addon span { font-size: 12.5px; line-height: 1.5; }
.mv-opt--addon em { font-style: normal; color: rgba(255,255,255,.75); }
.mv-opt--addon:has(input:checked) {
  border-color: #fff;
  background: rgba(255,255,255,.2);
  box-shadow: none;
}

.mv-est__sum {
  position: sticky;
  top: calc(var(--header-h) + 18px);
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.45);
  padding: 30px var(--space-6);
  color: #fff;
  box-shadow: 0 40px 80px -30px rgba(15,23,42,.35), inset 0 1px 0 rgba(255,255,255,.2);
}
.mv-est__sumhead {
  font-size: 12.5px;
  font-weight: var(--weight-bold);
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .85;
}
.mv-est__rows {
  display: flex;
  flex-direction: column;
  gap: 13px;
  margin-top: 20px;
  font-size: var(--text-sm);
}
.mv-est__row { display: flex; justify-content: space-between; gap: 12px; }
.mv-est__row dt { opacity: .85; }
.mv-est__row dd {
  margin: 0;
  font-family: var(--font-mono);
  font-weight: var(--weight-semibold);
}
.mv-est__total {
  border-top: 1px solid rgba(255,255,255,.3);
  padding-top: var(--space-4);
  margin-top: var(--space-1);
}
.mv-est__totallabel {
  font-size: 11.5px;
  font-weight: var(--weight-bold);
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: .85;
}
.mv-est__totalnum {
  font-family: var(--font-mono);
  font-weight: var(--weight-bold);
  font-size: clamp(32px, 4vw, 46px);
  letter-spacing: -0.03em;
  margin-top: var(--space-2);
  text-shadow: 0 2px 24px rgba(15,23,42,.35);
}
.mv-est__far, .mv-est__survey {
  font-size: 12.5px;
  line-height: 1.55;
}
.mv-est__far { opacity: .9; margin-top: var(--space-1); }
.mv-est__survey {
  background: rgba(255,255,255,.16);
  border-radius: var(--radius-md);
  padding: 10px 14px;
}
.mv-est__far[hidden], .mv-est__survey[hidden] { display: none; }
.mv-est__sum .mv-btn { margin-top: var(--space-2); width: 100%; }

/* ---------- Quy trình ---------- */

.mv-steps { background: var(--surface); padding-block: 120px; }
.mv-steps__lead { margin: var(--space-4) 0 40px; }
.mv-steps__list { border-top: 1px solid var(--border); }

.mv-steps__row {
  display: grid;
  grid-template-columns: 150px 72px 1fr 1.1fr;
  gap: 28px;
  align-items: center;
  padding: 30px 18px;
  border-bottom: 1px solid var(--border);
}
.mv-steps__row:hover .mv-steps__num { color: var(--green-500); }
.mv-steps__idx { display: flex; align-items: baseline; gap: var(--space-2); }
.mv-steps__num {
  font-family: var(--font-mono);
  font-size: 58px;
  font-weight: var(--weight-bold);
  line-height: 1;
  letter-spacing: -0.05em;
  color: var(--border);
  transition: color var(--dur-med) var(--ease-out);
}
.mv-steps__of { font-family: var(--font-mono); font-size: 12px; color: var(--slate-400); }
.mv-steps__icon {
  width: 56px; height: 56px;
  border-radius: var(--radius-lg);
  background: var(--green-50);
  border: 1px solid var(--green-100);
  color: var(--green-600);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* Bước cuối là chăm sóc sau bàn giao — đổi sang đỏ cho tách khỏi chuỗi thi công */
.mv-steps__icon--last {
  background: var(--red-100);
  border-color: var(--red-200);
  color: var(--red-500);
}
.mv-steps__title {
  font-weight: var(--weight-bold);
  font-size: 19px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.mv-steps__desc { font-size: var(--text-sm); color: var(--text-muted); line-height: 1.7; }

/* Bản .mv-steps--auto: mỗi bước là một element riêng trong UX Builder nên không
   còn thẻ <ol> bọc ngoài và PHP không đánh số nữa — CSS đếm theo vị trí. Nhờ vậy
   kéo thả đổi thứ tự hay thêm bước là số tự chạy lại.

   Cả trang chủ lẫn trang di dời kho xưởng đều dùng bản này; bản
   <ol class="mv-steps__list"> ở trên chỉ còn phục vụ [mv_steps items="..."] kiểu cũ.

   Một chỗ lệch có chủ ý: thẻ <ol> mang sẵn margin-bottom 20.8px của Flatsome,
   nên bản cũ hở đáy 140.8px trong khi padding-block đặt 120px. Bỏ <ol> là hết
   chỗ hở thừa đó — section thấp đi đúng 20.8px và trên dưới cân nhau. */
.mv-steps--auto { counter-reset: mv-step; }
.mv-steps--auto .mv-steps__row {
  counter-increment: mv-step;
  /* Đường kẻ chuyển lên mép trên từng bước, thay cho border-top của .mv-steps__list. */
  border-top: 1px solid var(--border);
  border-bottom: 0;
}
/* Bước cuối: không có bước nào sau nó. Kẻ nốt đường đáy để đóng khung danh sách. */
.mv-steps--auto .mv-steps__row:not(:has(~ .mv-steps__row)) {
  border-bottom: 1px solid var(--border);
}
.mv-steps--auto .mv-steps__num::before { content: counter(mv-step, decimal-leading-zero); }
/* --mv-steps-of do PHP đếm số bước rồi ghi vào thuộc tính style của section.
   Chứa luôn cả dấu "/" để lúc chưa đếm được thì không hiện dấu gạch lẻ loi. */
.mv-steps--auto .mv-steps__of::before { content: var(--mv-steps-of, ""); }
/* Bước cuối là chăm sóc sau bàn giao — đổi sang đỏ, cùng luật với --last ở trên. */
.mv-steps--auto .mv-steps__row:not(:has(~ .mv-steps__row)) .mv-steps__icon {
  background: var(--red-100);
  border-color: var(--red-200);
  color: var(--red-500);
}

/* ---------- Thư viện ảnh ---------- */

.mv-gallery { background: var(--surface-subtle); padding-block: 120px; }
.mv-gallery__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 150px;
  gap: 14px;
  margin-top: 40px;
}
.mv-gallery__cell {
  border-radius: 18px;
  overflow: hidden;
  background: var(--slate-100);
}
.mv-gallery__cell img { width: 100%; height: 100%; object-fit: cover; }
.mv-gallery__cell--wide { grid-column: span 2; }
.mv-gallery__cell--tall { grid-row: span 2; }
/* Chỗ giữ ảnh khi khách chưa gửi hình thật */
.mv-gallery__ph {
  width: 100%; height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--space-4);
  font-size: 13px;
  color: var(--slate-400);
  background: repeating-linear-gradient(45deg, var(--slate-100) 0 12px, var(--slate-50) 12px 24px);
}

/* ---------- Khung checklist (ruột mỗi trang một kiểu) ---------- */

.mv-check { background: var(--surface); padding-block: 120px; }
.mv-check__tabs {
  display: flex;
  margin: 36px 0 30px;
  border-bottom: 2px solid var(--border-subtle);
  overflow-x: auto;
}
.mv-check__tab {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-sans);
  padding: 14px 26px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: var(--weight-bold);
  color: var(--slate-400);
  white-space: nowrap;
  position: relative;
  top: 2px;
  box-shadow: none;
}
.mv-check__tab span {
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: var(--slate-300);
}
.mv-check__tab[aria-selected="true"] {
  color: var(--text-body);
  box-shadow: 0 2px 0 var(--green-500);
}
.mv-check__tab[aria-selected="true"] span { color: var(--green-600); }

.mv-check__panel[hidden] { display: none; }
.mv-check__phase {
  font-size: 21px;
  font-weight: var(--weight-bold);
  letter-spacing: -0.01em;
  margin-bottom: var(--space-5);
}
.mv-check__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  align-items: start;
}

/* ---------- Hỏi đáp ---------- */

.mv-faq { background: var(--surface-subtle); padding-block: 120px; }
.mv-faq__inner {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 56px;
  align-items: start;
}
.mv-faq__aside {
  position: sticky;
  top: calc(var(--header-h) + 18px);
  min-width: 0;
}
.mv-faq__note { margin-top: 20px; font-size: 14.5px; }
.mv-faq__call {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  background: var(--red-500);
  color: #fff;
  border-radius: var(--radius-pill);
  padding: 13px 26px;
  font-weight: var(--weight-bold);
  font-size: 15px;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.mv-faq__call:hover { background: var(--red-600); color: #fff; }
.mv-faq__call span { font-family: var(--font-mono); }

.mv-faq__item { border-bottom: 1px solid var(--border); }
.mv-faq__q {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  padding: 22px var(--space-1);
  display: flex;
  gap: 18px;
  align-items: flex-start;
  font-family: var(--font-sans);
}
.mv-faq__qn {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: var(--weight-bold);
  color: var(--slate-400);
  margin-top: 3px;
  flex: 0 0 auto;
}
.mv-faq__qt {
  flex: 1;
  font-size: 15.5px;
  font-weight: var(--weight-semibold);
  color: var(--text-body);
  line-height: 1.45;
}
.mv-faq__sign {
  width: 28px; height: 28px;
  flex: 0 0 auto;
  border-radius: var(--radius-pill);
  border: 1px solid var(--border);
  color: var(--slate-400);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-md);
  line-height: 1;
  transition: transform .18s var(--ease-out), border-color .18s, color .18s;
}
.mv-faq__q[aria-expanded="true"] .mv-faq__qn { color: var(--green-600); }
.mv-faq__q[aria-expanded="true"] .mv-faq__sign {
  transform: rotate(45deg);
  border-color: var(--green-500);
  color: var(--green-600);
}
/* 0fr → 1fr cho phép mở/đóng mượt mà không cần biết chiều cao nội dung */
.mv-faq__a {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--dur-med) cubic-bezier(.2,.8,.2,1);
}
.mv-faq__q[aria-expanded="true"] + .mv-faq__a { grid-template-rows: 1fr; }
.mv-faq__a > div { overflow: hidden; }
.mv-faq__a p {
  margin: 0 0 22px;
  padding: 0 46px 0 35px;
  font-size: var(--text-sm);
  color: var(--text-muted);
  line-height: var(--leading-relaxed);
}

/* ---------- Màn hình vừa ---------- */

@media (max-width: 1099px) {
  .mv-hero__inner { padding-block: 72px 64px; gap: 40px; }
  .mv-price, .mv-est, .mv-steps, .mv-gallery, .mv-check, .mv-faq { padding-block: 80px; }
  .mv-est__grid, .mv-faq__inner { gap: 32px; }
}

/* ---------- Màn hình nhỏ ---------- */

@media (max-width: 849px) {
  .mv-hero__inner { grid-template-columns: 1fr; padding-block: 56px 48px; }
  .mv-hero__frame { height: 300px; }
  /* Thẻ nổi lệch trái sẽ tràn ra ngoài khung ở màn hẹp — kéo vào trong */
  .mv-hero__card { left: var(--space-4); right: var(--space-4); bottom: var(--space-4); }
  .mv-hero__desc { max-width: none; }

  .mv-est__grid { grid-template-columns: 1fr; }
  .mv-est__sum { position: static; }
  .mv-est__form { padding: var(--space-5) var(--space-5) var(--space-6); }
  .mv-est__opts { grid-template-columns: 1fr; }

  .mv-steps__row {
    grid-template-columns: 72px 1fr;
    gap: var(--space-3) var(--space-4);
    padding: var(--space-5) 0;
  }
  .mv-steps__idx { grid-column: 2; order: -1; }
  .mv-steps__num { font-size: 34px; }
  .mv-steps__icon { grid-row: span 2; }
  .mv-steps__title { grid-column: 2; }
  .mv-steps__desc { grid-column: 1 / -1; }

  .mv-gallery__grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }
  .mv-check__grid { grid-template-columns: 1fr; }

  .mv-faq__inner { grid-template-columns: 1fr; }
  .mv-faq__aside { position: static; }
  .mv-faq__a p { padding-right: 0; }
}

@media (max-width: 549px) {
  .mv-hero__inner { padding-block: 40px 36px; }
  .mv-hero__cta { gap: var(--space-2); }
  .mv-hero__card { position: static; margin-top: var(--space-3); }
  .mv-check__tab { padding: 12px 16px 14px; font-size: var(--text-sm); }
  .mv-price__title { font-size: var(--text-md); }
  .mv-faq__a p { padding-left: 0; }
  .mv-faq__q { gap: var(--space-3); }
}