/* ═══════════════════════════════════════════════════════════════════════════
   product-v3.css — Trang chi tiết sản phẩm /san-pham/{slug}, giao diện App học v3 cùng nhà với /cua-hang và /pricing:
   dải teal (lv-band) mang tên + số liệu + thẻ kính MUA HÀNG (ảnh bìa, giá, nút); thân là các thẻ trắng chồng mép dải.
   Nạp SAU learn-shell.css + learn-ui.css + learn-hub.css (.hb, .hb-band, .lv-card, .lv-btn, .sp3-*) và shop.css (.shop-about
   cho nội dung mô tả trong DB, .shop-lightbox, thông báo giỏ hàng). Chỉ token --lv-*, không hex; tự lật tối.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ DẢI ═══ */
.spv-band { --lv-band-pb: 118px; }
.spv-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 44px; align-items: start; }
.spv-hero__copy { min-width: 0; padding-top: 6px; }
.spv-bc { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin-bottom: 14px; font-size: 13.5px; line-height: 1.5; }
.spv-bc a { color: var(--lv-on-2); font-weight: 600; }
.spv-bc a:hover { color: var(--lv-on); }
.spv-bc a + a::before { content: '/'; margin: 0 10px; color: var(--lv-on-3); font-weight: 400; }
.spv-title { font-size: 38px; line-height: 1.2; font-weight: 800; letter-spacing: -.03em; color: var(--lv-on); overflow-wrap: anywhere; }
.spv-lead { max-width: 62ch; }
.spv-facts { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.spv-fact {
    display: inline-flex; align-items: baseline; gap: 7px; padding: 9px 14px; border-radius: 14px;
    background: var(--lv-glass); border: 1px solid var(--lv-line-d); color: var(--lv-on-2); font-size: 13.5px; line-height: 1.4;
}
.spv-fact b { font-size: 18px; font-weight: 800; letter-spacing: -.01em; color: var(--lv-on); font-variant-numeric: tabular-nums; }
.spv-tracks { margin-top: 14px; font-size: 14px; line-height: 1.55; color: var(--lv-on-2); }
/* Gói: quyền lợi ngay trên dải */
.spv-gets { display: grid; gap: 9px; margin: 22px 0 0; padding: 18px 20px; list-style: none; border-radius: 16px; background: var(--lv-glass); border: 1px solid var(--lv-line-d); }
.spv-gets li { position: relative; padding-left: 26px; font-size: 14.5px; line-height: 1.55; color: var(--lv-on); }
.spv-gets li::before {
    content: ''; position: absolute; left: 4px; top: .42em; width: 10px; height: 5px;
    border-left: 2px solid var(--lv-mint); border-bottom: 2px solid var(--lv-mint); transform: rotate(-45deg);
}

/* Thẻ kính mua hàng — ảnh bìa trên, giá + nút dưới */
.spv-buy { overflow: hidden; box-shadow: 0 1px 0 color-mix(in srgb, var(--color-on-dark) 10%, transparent) inset, 0 34px 70px -40px color-mix(in srgb, black 85%, transparent); }
.spv-cover { position: relative; display: block; width: 100%; aspect-ratio: 16 / 10; padding: 0; border: 0; background: var(--lv-night); cursor: zoom-in; }
.spv-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.spv-cover:focus-visible { outline: 2px solid var(--lv-on); outline-offset: -4px; }
.spv-cover__badge {
    position: absolute; left: 12px; top: 12px; padding: 4px 11px; border-radius: 999px; font-size: 12.5px; line-height: 1.45; font-weight: 700;
    background: color-mix(in srgb, var(--lv-night) 72%, transparent); color: var(--lv-on);
}
.spv-buy__b { display: flex; flex-direction: column; gap: 12px; padding: 18px 20px 20px; }
.spv-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; color: var(--lv-on); }
.spv-price b { font-size: 34px; line-height: 1.2; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.spv-price s { font-size: 15px; color: var(--lv-on-3); font-variant-numeric: tabular-nums; }
.spv-price small { font-size: 14px; color: var(--lv-on-2); }
.spv-off { padding: 2px 9px; border-radius: 999px; background: var(--lv-mint); color: var(--lv-deep-ink); font-size: 12.5px; line-height: 1.45; font-weight: 800; }
.spv-flash { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px 12px; border-radius: 14px;
    background: color-mix(in srgb, var(--color-warning) 20%, transparent); border: 1px solid color-mix(in srgb, var(--color-warning) 50%, transparent); }
.spv-flash__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13.5px; line-height: 1.45; color: var(--lv-on); }
.spv-flash__timer { font-weight: 700; font-variant-numeric: tabular-nums; }
.spv-flash__note { margin: 0; font-size: 12.5px; line-height: 1.5; color: var(--lv-on-2); }
.spv-voucher {
    display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 12px;
    background: var(--lv-glass); border: 1px dashed var(--lv-line-d); font-size: 13.5px; line-height: 1.5; color: var(--lv-on-2);
}
.spv-voucher b { color: var(--lv-on); font-weight: 700; }
.spv-voucher__keep {
    flex: none; display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 10px; cursor: pointer;
    border: 1px solid var(--lv-line-d); background: var(--lv-glass-2); color: var(--lv-on); font: 650 13px/1.4 var(--lv-font);
}
.spv-voucher__keep:hover { color: var(--lv-on); background: color-mix(in srgb, var(--color-on-dark) 24%, transparent); }
.spv-voucher__keep.is-kept, .spv-voucher__keep:disabled { opacity: .7; cursor: default; }
.spv-cta { display: grid; gap: 10px; }
.spv-cta .lv-btn { width: 100%; justify-content: center; }
.spv-cta .is-static { cursor: default; }
.spv-trial { text-align: center; font-size: 14px; font-weight: 650; color: var(--lv-on); text-decoration: underline; text-underline-offset: 3px; }
.spv-trial:hover { color: var(--lv-on); }
.spv-promo .navs-gift { justify-content: center; }
.spv-promo .navs-gift i { display: none; }
.spv-assure { margin: 0; text-align: center; font-size: 12.5px; line-height: 1.5; color: var(--lv-on-3); }
.spv-assure span { white-space: nowrap; }

/* ═══ THÂN ═══ */
.spv-body > * + * { margin-top: 18px; }
.spv-sec { padding: 22px 24px 24px; }
.spv-h { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 16px; }
.spv-h h2 { font-size: 20px; line-height: 1.4; font-weight: 750; letter-spacing: -.01em; color: var(--lv-ink); }
.spv-h span { font-size: 13.5px; line-height: 1.5; color: var(--lv-muted); }
.spv-h--out { margin: 8px 2px 14px; }
.spv-note { margin: 16px 0 10px; font-size: 14px; color: var(--lv-muted); }

/* Có sẵn trong gói */
.spv-inplan {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 14px 24px; align-items: center; padding: 18px 20px;
    background: var(--lv-tint); border-color: color-mix(in srgb, var(--color-primary) 26%, var(--lv-hair));
}
.spv-inplan__t b { display: block; font-size: 16px; line-height: 1.45; color: var(--lv-ink); }
.spv-inplan__t span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.55; color: var(--lv-muted); }
.spv-plans { display: grid; grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)); gap: 10px; }
.spv-plan {
    display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 14px; color: inherit;
    border: 1px solid var(--lv-hair); background: var(--lv-surface); transition: border-color var(--lv-dur) var(--lv-ease), box-shadow var(--lv-dur) var(--lv-ease);
}
.spv-plan:hover { color: inherit; border-color: color-mix(in srgb, var(--color-primary) 45%, var(--lv-hair)); box-shadow: var(--lv-sh-2); }
.spv-plan b { font-size: 14.5px; line-height: 1.4; color: var(--lv-ink); }
.spv-plan span { font-size: 15.5px; font-weight: 800; color: var(--lv-brand-deep); font-variant-numeric: tabular-nums; }
.spv-plan small { font-size: 12.5px; font-weight: 500; color: var(--lv-muted); }

/* Nội dung mô tả trong DB (.shop-about của shop.css): bỏ nhãn chữ nhỏ viết hoa, tiêu đề theo nhịp mới */
.spv-about { font-size: 15.5px; line-height: 1.7; color: var(--lv-text); }
.spv-about .cf-eyebrow { display: none; }
.spv-about h3 { margin: 28px 0 10px; font-size: 18px; line-height: 1.45; font-weight: 750; letter-spacing: -.01em; color: var(--lv-ink); }
.spv-about > :first-child { margin-top: 0; }
.spv-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin-top: 16px; }
.spv-gallery img { display: block; width: 100%; border-radius: 12px; }

/* ── Lộ trình trong khoá ── */
.spv-parts { margin: 0 0 4px; padding: 0; list-style: none; counter-reset: p; display: grid; gap: 8px; }
.spv-parts li { counter-increment: p; position: relative; padding: 12px 14px 12px 52px; border-radius: 14px; border: 1px solid var(--lv-hair); }
.spv-parts li::before {
    content: counter(p); position: absolute; left: 12px; top: 12px; display: grid; place-items: center; width: 28px; height: 28px;
    border-radius: 50%; background: var(--lv-wash); color: var(--lv-brand-deep); font-size: 13px; font-weight: 800;
}
.spv-parts a { display: block; font-size: 15px; font-weight: 700; line-height: 1.45; color: var(--lv-ink); }
.spv-parts a:hover { color: var(--lv-brand-deep); }
.spv-parts small { display: block; margin-top: 2px; font-size: 13px; color: var(--lv-muted); }
.spv-w1 { padding: 6px; border-radius: 18px; background: var(--lv-tint); border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--lv-hair)); }
.spv-w1__h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 12px 14px 10px; }
.spv-w1__h b { font-size: 16px; line-height: 1.4; color: var(--lv-ink); }
.spv-free { padding: 2px 10px; border-radius: 999px; background: var(--lv-brand-strong); color: var(--lv-on); font-size: 12.5px; line-height: 1.5; font-weight: 700; }
.spv-w1__h small { flex-basis: 100%; font-size: 13px; line-height: 1.5; color: var(--lv-muted); }
.spv-day, .spv-wk { border-radius: 14px; background: var(--lv-surface); border: 1px solid var(--lv-hair); }
.spv-day + .spv-day, .spv-wk + .spv-wk { margin-top: 6px; }
.spv-day > summary, .spv-wk > summary {
    list-style: none; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 11px 14px; cursor: pointer;
}
.spv-day > summary::-webkit-details-marker, .spv-wk > summary::-webkit-details-marker { display: none; }
.spv-day > summary:focus-visible, .spv-wk > summary:focus-visible { outline: 2px solid var(--lv-brand-fg); outline-offset: 2px; border-radius: 14px; }
.spv-day__n, .spv-wk__n {
    display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-size: 14px; font-weight: 800; font-variant-numeric: tabular-nums;
    background: var(--lv-wash); color: var(--lv-brand-deep);
}
.spv-day[open] .spv-day__n { background: var(--lv-brand-strong); color: var(--lv-on); }
.spv-wk__n { background: var(--lv-sunken); color: var(--lv-muted); }
.spv-day__t, .spv-wk__t { min-width: 0; }
.spv-day__t b, .spv-wk__t b { display: block; font-size: 15px; line-height: 1.45; font-weight: 700; color: var(--lv-ink); }
.spv-day__t small, .spv-wk__t small { display: block; margin-top: 1px; font-size: 13px; line-height: 1.5; color: var(--lv-muted); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.spv-day__c, .spv-wk__c { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: var(--lv-muted); white-space: nowrap; }
/* Mũi tên mở/đóng vẽ bằng viền (không phải icon trang trí) */
.spv-day__c::after, .spv-wk__c::after, .spv-faq summary::after {
    content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg); transition: transform var(--lv-dur) var(--lv-ease);
}
.spv-day[open] .spv-day__c::after, .spv-wk[open] .spv-wk__c::after, .spv-faq details[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.spv-lsns { display: grid; gap: 4px; padding: 0 10px 12px 60px; }
.spv-lsn {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 12px; border-radius: 11px;
    background: var(--lv-bg); color: inherit; transition: background var(--lv-dur) var(--lv-ease);
}
.spv-lsn:hover { background: var(--lv-wash); color: inherit; }
.spv-lsn__k { padding: 2px 8px; border-radius: 8px; background: var(--lv-wash); color: var(--lv-brand-deep); font-size: 12px; line-height: 1.5; font-weight: 700; white-space: nowrap; }
.spv-lsn__t { font-size: 14px; line-height: 1.45; color: var(--lv-ink); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.spv-lsn__go { font-size: 13px; font-weight: 700; color: var(--lv-brand-fg); white-space: nowrap; }
.spv-lockh { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 20px 4px 10px; }
.spv-lockh b { font-size: 15.5px; color: var(--lv-ink); }
.spv-lockh span { font-size: 13.5px; line-height: 1.5; color: var(--lv-muted); }
.spv-wk__days { display: grid; margin: 0; padding: 0 14px 10px 60px; list-style: none; }
.spv-wk__days li { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid var(--lv-hair); font-size: 13.5px; line-height: 1.5; }
.spv-wk__d { color: var(--lv-muted); font-variant-numeric: tabular-nums; }
.spv-wk__dt { min-width: 0; color: var(--lv-ink); }
.spv-wk__dt small { margin-left: 6px; font-size: 12.5px; font-weight: 700; color: var(--lv-brand-deep); }
.spv-wk__dc { color: var(--lv-muted); white-space: nowrap; }
.spv-more { margin-top: 6px; }
.spv-more > summary {
    list-style: none; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 16px; cursor: pointer;
    border-radius: 14px; border: 1px dashed var(--lv-border); font-size: 14px; font-weight: 700; color: var(--lv-brand-deep);
}
.spv-more > summary::-webkit-details-marker { display: none; }
.spv-more > summary::after {
    content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg);
}
.spv-more > summary:hover { background: var(--lv-wash); }
.spv-more[open] > summary { display: none; }
.spv-more__in > .spv-wk + .spv-wk, .spv-more__in > .spv-wk:first-child { margin-top: 6px; }
.spv-rmbuy { width: 100%; justify-content: center; margin-top: 16px; }

/* Dành cho ai · Nhận được gì */
.spv-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.spv-2--one { grid-template-columns: minmax(0, 1fr); }
.spv-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.spv-list li { position: relative; padding-left: 22px; font-size: 15px; line-height: 1.6; color: var(--lv-text); }
.spv-list li::before { content: ''; position: absolute; left: 4px; top: .65em; width: 7px; height: 7px; border-radius: 50%; background: var(--lv-brand-strong); }
.spv-list--ok li::before { left: 3px; top: .5em; width: 10px; height: 5px; border-radius: 0; background: none; border-left: 2px solid var(--lv-brand-strong); border-bottom: 2px solid var(--lv-brand-strong); transform: rotate(-45deg); }

/* Đánh giá */
.spv-reviews { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.spv-rv { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; border-radius: 16px; background: var(--lv-bg); border: 1px solid var(--lv-hair); }
.spv-rv p { margin: 0; font-size: 14.5px; line-height: 1.65; color: var(--lv-text); }
.spv-rv footer { margin-top: auto; font-size: 13px; line-height: 1.5; color: var(--lv-muted); }
.spv-rv footer b { color: var(--lv-ink); }
.spv-rv__stars { margin-left: 6px; color: var(--lv-brand-fg); letter-spacing: 1px; }

/* Lộ trình học gợi ý (gói) */
.spv-steps { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; counter-reset: s; }
.spv-steps li { counter-increment: s; position: relative; padding-left: 46px; }
.spv-steps li::before {
    content: counter(s); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 32px; height: 32px;
    border-radius: 50%; background: var(--lv-wash); color: var(--lv-brand-deep); font-size: 14px; font-weight: 800;
}
.spv-steps b { font-size: 15.5px; line-height: 1.45; color: var(--lv-ink); }
.spv-steps small { margin-left: 6px; font-size: 13px; color: var(--lv-muted); }
.spv-steps p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--lv-text); }

/* Hỏi đáp */
.spv-faq details + details { border-top: 1px solid var(--lv-hair); }
.spv-faq summary {
    list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 2px; cursor: pointer;
    font-size: 15.5px; line-height: 1.45; font-weight: 650; color: var(--lv-ink);
}
.spv-faq summary::-webkit-details-marker { display: none; }
.spv-faq summary::after { flex: none; color: var(--lv-muted); }
.spv-faq p { margin: 0 0 16px; font-size: 14.5px; line-height: 1.65; color: var(--lv-text); }

.spv-next { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 24px; }
.spv-next b { font-size: 16px; color: var(--lv-ink); }
.spv-next p { margin: 4px 0 0; max-width: 72ch; font-size: 14px; line-height: 1.6; color: var(--lv-muted); }

/* ═══ Thanh mua dính đáy — hiện khi thẻ mua trên dải đã cuộn khuất ═══ */
/* Thanh nằm NGOÀI .lv-page ⇒ không thừa hưởng --lv-gutter / --lv-max, phải tự đặt. */
.spv-bar {
    --spv-gut: 32px;
    position: fixed; left: var(--sb-inset, 0px); right: 0; bottom: 0; z-index: 60; padding: 10px var(--spv-gut) calc(10px + env(safe-area-inset-bottom, 0px));
    background: var(--lv-surface); border-top: 1px solid var(--lv-hair); box-shadow: 0 -14px 30px -20px color-mix(in srgb, var(--lv-shade) 60%, transparent);
}
.spv-bar[hidden] { display: none; }
.spv-bar__in { display: flex; align-items: center; gap: 16px; max-width: 1180px; margin: 0 auto; }
.spv-bar__t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.spv-bar__t b { font-size: 14.5px; line-height: 1.45; color: var(--lv-ink); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.spv-bar__t span { font-size: 13px; color: var(--lv-muted); font-variant-numeric: tabular-nums; }
.spv-bar__cta { display: flex; gap: 8px; }
.spv-bar__cta .lv-btn { height: 46px; }
/* Chừa đáy trang cho thanh (theo việc CÓ thanh, không theo lúc hiện/ẩn ⇒ không giật trang); nút chat nổi không đè nút mua */
body:has(.spv-bar) { padding-bottom: 72px; }
body:has(.spv-bar:not([hidden])) .navs-chat-fab { bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 1023px) {
    .spv-bar { --spv-gut: 16px; }
    body.lv3.has-bnav:has(.spv-bar) { padding-bottom: calc(var(--lv-bnav-h) + 72px + env(safe-area-inset-bottom, 0px)); }
    body.lv3.has-bnav .spv-bar { bottom: calc(var(--lv-bnav-h) + env(safe-area-inset-bottom, 0px)); padding-bottom: 10px; }
    body.lv3.has-bnav:has(.spv-bar:not([hidden])) .navs-chat-fab { bottom: calc(var(--lv-bnav-h) + 80px + env(safe-area-inset-bottom, 0px)); }
}

/* ═══ MÀN VỪA / ĐIỆN THOẠI ═══ */
@media (max-width: 1100px) {
    .spv-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 360px); gap: 28px; }
    .spv-title { font-size: 32px; }
}
@media (max-width: 900px) {
    .spv-hero { grid-template-columns: minmax(0, 1fr); }
    .spv-buy { max-width: 560px; }
    /* Gói: danh sách quyền lợi dài — xếp SAU thẻ giá để giá + nút mua vẫn nằm trong màn đầu */
    .spv--plan .spv-hero { display: flex; flex-direction: column; gap: 0; }
    .spv--plan .spv-hero__copy { display: contents; }
    .spv--plan .spv-buy { order: 2; margin-top: 24px; }
    .spv--plan .spv-gets { order: 3; margin-top: 18px; }
    .spv-inplan, .spv-2 { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
    /* Điện thoại: ảnh bìa lên đầu, thẻ giá ngay sau số liệu ⇒ giá + nút mua nằm trong màn đầu (như trang bán hàng quen tay).
       Thẻ kính .spv-buy tan ra (display: contents) nên phần giá tự mang nền kính. */
    .spv .spv-hero { display: flex; flex-direction: column; gap: 0; }
    .spv .spv-hero__copy, .spv .spv-buy { display: contents; }
    .spv .spv-hero .spv-bc { order: 1; }
    .spv .spv-hero .spv-cover { order: 2; margin: 0 0 18px; border-radius: 16px; overflow: hidden; }
    .spv .spv-hero .spv-title { order: 3; }
    .spv .spv-hero .spv-facts { order: 4; }
    .spv .spv-hero .spv-tracks { order: 5; }
    .spv .spv-hero .spv-buy__b {
        order: 6; margin-top: 20px; border-radius: 18px; border: 1px solid var(--lv-line-d);
        background: linear-gradient(160deg, var(--lv-glass-2), var(--lv-glass));
    }
    .spv .spv-hero .spv-lead { order: 7; margin-top: 18px; }   /* mô tả ngắn xuống SAU giá: giá + nút mua vẫn trong màn đầu */
    .spv .spv-hero .spv-gets { order: 8; margin-top: 16px; }
    .spv-band { --lv-band-pb: 96px; }
    .spv-title { font-size: 26px; line-height: 1.25; }
    .spv-lead { font-size: 15px; }
    .spv-gets { padding: 14px 16px; }
    .spv-gets li { font-size: 14px; }
    .spv-inplan { padding: 16px 14px; }
    .spv-plans { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .spv-plan { padding: 10px 12px; }
    .spv-plan b { font-size: 13.5px; }
    .spv-plan span { font-size: 14.5px; }
    .spv-about .cf-lede { font-size: 17px; }
    .spv-facts { gap: 6px; margin-top: 14px; }
    .spv-fact { gap: 5px; padding: 6px 10px; border-radius: 12px; font-size: 12.5px; }
    .spv-fact b { font-size: 15px; }
    .spv-price b { font-size: 30px; }
    .spv-sec { padding: 16px 14px 18px; }
    .spv-body > * + * { margin-top: 14px; }
    .spv-2 { gap: 14px; }
    .spv-lsns { padding: 0 8px 10px; }
    .spv-lsn { grid-template-columns: minmax(0, 1fr) auto; }
    .spv-lsn__k { display: none; }
    .spv-wk__days { padding: 0 12px 8px; }
    .spv-wk__days li { grid-template-columns: 56px minmax(0, 1fr) auto; }
    .spv-bar__t b { display: none; }
    .spv-bar__t span { font-size: 15px; font-weight: 800; color: var(--lv-ink); }
    .spv-bar__cta .spv-cta__cart { display: none; }
}