/* New service pages + home "More ways we can help" block (test site only, 22 Oct 2026). Builds on styles.css. */
.svx-split { display: grid; gap: clamp(28px, 4vw, 48px); }
@media (min-width: 960px) { .svx-split { grid-template-columns: 1.15fr .85fr; align-items: start; } }
.svx-main .section-head { margin-bottom: 24px; }
.svx-included { margin-top: 0; font-size: 1rem; }
.svx-side { display: grid; gap: 20px; }
.svx-figure { margin: 0; }
.svx-figure img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: cover; border-radius: var(--radius); border: 1px solid var(--line-light); }
.svx-figure figcaption { margin-top: 8px; font-size: .8rem; color: var(--muted-dark); }
.svx-fit { background: var(--ink); color: var(--text-light); border-radius: var(--radius); padding: 28px; }
.svx-fit .service-icon { background: var(--lime); color: var(--ink); margin-bottom: 18px; }
.svx-fit h3 { margin: 0 0 .2em; font-size: 1.2rem; }
.svx-fit .included { margin-top: 10px; }
.svx-fit .included li { border-color: var(--line-dark); color: var(--muted-light); }
.svx-steps-section { padding-top: 0; }
/* sx22 (spacing QA #7): FAQ follows How it works on the same background, so drop its top padding (was ~240px gap at desktop). */
.svx-steps-section + .faq { padding-top: 0; }
.svx-core { padding-top: 0; }
.svx-card h3 a { color: inherit; text-decoration: none; }
.svx-card h3 a:hover { text-decoration: underline; text-decoration-color: var(--lime-deep, #5d7a00); text-underline-offset: 3px; }
.svx-card .svc-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.svx-card .service-icon { margin-bottom: 20px; }
/* Home block */
.svx-home { margin-top: clamp(48px, 7vw, 80px); }
.svx-home .section-head { margin-bottom: 28px; }
.svx-home-title { font-size: clamp(1.8rem, 3.6vw, 2.6rem); margin: 0 0 .4em; line-height: 1.1; }
.svx-mini-grid { display: grid; gap: 14px; }
@media (min-width: 640px) { .svx-mini-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .svx-mini-grid { grid-template-columns: repeat(3, 1fr); } }
.svx-mini { display: flex; gap: 16px; align-items: flex-start; padding: 20px; border-radius: var(--radius); background: #fffdf8; border: 1px solid var(--line-light); color: var(--text-dark); text-decoration: none; transition: transform .3s var(--ease), box-shadow .3s; }
.svx-mini:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -28px rgba(30,35,20,.35); }
.svx-mini .service-icon { width: 44px; height: 44px; border-radius: 13px; margin: 0; flex: none; }
.svx-mini .service-icon svg { width: 22px; height: 22px; }
.svx-mini strong { display: block; font-size: 1.02rem; margin-bottom: 4px; }
.svx-mini small { display: block; font-size: .88rem; line-height: 1.45; color: var(--muted-dark); }
.svx-home-all { margin: 22px 0 0; }
.section-light .svx-card .btn-ghost-dark, .section-light .svx-home-all .btn-ghost-dark { color: var(--text-dark); border-color: var(--line-light); }
.section-light .svx-card .btn-ghost-dark:hover, .section-light .svx-home-all .btn-ghost-dark:hover { border-color: rgba(20,22,18,.45); }
/* Prices (sx3, Ena approved 22 Oct 2026) */
.svx-prices-section { padding-top: 0; }
.svx-prices { display: grid; gap: 18px; }
/* sx22 (spacing QA #8): 3-card price rows stay 1 column until 960px, so the CTAs are not squeezed into 3 narrow columns at tablet. */
@media (min-width: 760px) { .svx-prices-2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .svx-prices-3 { grid-template-columns: repeat(3, 1fr); } }
.svx-price-card { background: #fffdf8; border: 1px solid var(--line-light); border-radius: var(--radius); padding: 26px 26px 20px; }
.svx-price-card .kicker { margin-bottom: .7em; }
.svx-price { margin: 0; display: flex; align-items: baseline; flex-wrap: wrap; gap: .4em; }
.svx-price strong { font-size: clamp(2rem, 4vw, 2.6rem); line-height: 1; font-weight: 700; letter-spacing: -.02em; color: var(--text-dark); }
.svx-price .price-unit { color: var(--muted-dark); font-size: .95rem; }
.svx-price-card .included { margin-top: 16px; }
.svx-price-ctas { margin-top: 24px; margin-bottom: 0; }
.svx-card-price { margin: 14px 0 0; }
.svx-card-price strong { color: var(--text-dark); }
.section-light .svx-price-ctas .btn-ghost-dark { color: var(--text-dark); border-color: var(--line-light); }
/* Pay-now buttons (sx4, full-test only) */
.svx-price-card { display: flex; flex-direction: column; }
.svx-price-card .included { flex: 1; }
.svx-buy { margin-top: 18px; display: grid; gap: 8px; }
.svx-buy[hidden] { display: none; }
.svx-today { margin: 0; font-size: .85rem; color: var(--muted-dark); }
.svx-buy-note { margin: 18px 0 0; font-size: .85rem; color: var(--muted-dark); }
.svx-qty-label { font-size: .85rem; font-weight: 600; }
.svx-qty { width: 100%; max-width: 120px; padding: 10px 12px; border: 1px solid var(--line-light); border-radius: 12px; font: inherit; background: #fff; }
.svx-pay-note { margin: 18px 0 0; font-size: .9rem; color: var(--muted-dark); }
/* Voice minute packages (sx7, full-test only): 3 monthly plans + one-off build */
@media (min-width: 760px) { .svx-prices-4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .svx-prices-4 { grid-template-columns: repeat(4, 1fr); } .svx-prices-4 .svx-price-card { padding: 24px 22px 18px; } }
.svx-price-note { margin: 18px 0 0; font-size: .95rem; color: var(--muted-dark); max-width: 72ch; }
.co-svc-back { margin: 8px 0 0; font-size: .9rem; }
/* sx5: Buy now / Start now primary; JS-gated buttons stay hidden while checkout is off; Automation Care add-on */
[data-svx-buy][hidden] { display: none !important; }
.svx-addon { display: flex; gap: 8px; align-items: flex-start; font-size: .88rem; font-weight: 600; line-height: 1.35; margin: 0 0 4px; cursor: pointer; }
.svx-addon input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--accent, #c6ff3d); flex: none; }
/* sx6: turnarounds + pause switch */
.svx-turnaround { margin: 22px 0 0; font-size: .95rem; line-height: 1.5; color: var(--text-dark, #14140f); max-width: 760px; }
.svx-turnaround sup a { color: inherit; text-decoration: none; font-weight: 700; padding: 0 2px; }
.svx-footnote { margin: 18px 0 0; font-size: .8rem; line-height: 1.45; color: #5f5f55; max-width: 760px; }
.svx-card-turn { margin: -4px 0 12px; font-size: .85rem; color: #5f5f55; }
.svx-paused { margin: 22px 0 0; padding: 18px 20px; border-radius: 16px; background: #fffef6; border: 1px solid rgba(20,20,15,.12); display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; max-width: 760px; }
.svx-paused[hidden] { display: none; }
.svx-paused p { margin: 0; font-weight: 600; color: var(--text-dark, #14140f); }
/* sx9: setup fee shown directly under the monthly price on voice plan cards (full-test). */
.svx-price-setup { margin: .45em 0 0; font-size: 1.02rem; font-weight: 600; line-height: 1.35; color: var(--text-dark); }