/* Sell Any Car Cash: SACC Landing base + responsive overrides.
   The markup keeps the designs' inline styles; rules that must beat them use !important. */

body.sacc-landing { margin: 0; background: #FFFFFF; }
html { -webkit-text-size-adjust: 100%; }
.sacc-root { overflow-wrap: break-word; }
.sacc-root a { color: #16642F; }
.sacc-root a:hover { color: #0E4A22; }
.sacc-root [hidden] { display: none !important; }
.sacc-root img { max-width: 100%; }
.sacc-root input, .sacc-root select, .sacc-root textarea, .sacc-root button { box-sizing: border-box; max-width: 100%; }
.sacc-root :focus-visible { outline: 3px solid #7BD88F; outline-offset: 2px; }
.sacc-root .sacc-invalid { border-color: #A3361F !important; }
.sacc-root select:disabled { opacity: .6; cursor: not-allowed; }
.sacc-root button[data-sacc="submit"]:disabled { opacity: .7; cursor: progress; }

/* Honeypot: off-screen for people, still in the DOM for bots. */
.sacc-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

/* Tablet */
@media (max-width: 900px) {
	.sacc-root .sacc-h1 { font-size: 44px !important; }
	.sacc-root .sacc-h2 { font-size: 34px !important; }
	.sacc-root .sacc-sec { padding-top: 64px !important; padding-bottom: 64px !important; }
}

/* Phone: 16px gutters, smaller type, no horizontal scroll. */
@media (max-width: 600px) {
	.sacc-root { font-size: 17px !important; }
	.sacc-root .sacc-wrap { padding-left: 16px !important; padding-right: 16px !important; }
	.sacc-root .sacc-cta-sec { padding-left: 16px !important; padding-right: 16px !important; padding-bottom: 56px !important; }
	.sacc-root .sacc-foot-simple { padding-left: 16px !important; padding-right: 16px !important; }
	.sacc-root .sacc-hero { padding-top: 32px !important; padding-bottom: 40px !important; gap: 32px !important; }
	.sacc-root .sacc-sec { padding-top: 52px !important; padding-bottom: 52px !important; gap: 28px !important; }
	.sacc-root .sacc-legal { padding-top: 24px !important; padding-bottom: 56px !important; }
	.sacc-root .sacc-flex-item { flex-basis: 100% !important; }
	.sacc-root .sacc-h1 { font-size: 36px !important; line-height: 1.1 !important; }
	.sacc-root .sacc-h1-sm { font-size: 32px !important; line-height: 1.15 !important; }
	.sacc-root .sacc-h2 { font-size: 29px !important; }
	.sacc-root .sacc-h2-cta { font-size: 28px !important; }
	.sacc-root .sacc-legal h2 { font-size: 24px !important; }
	.sacc-root .sacc-lead { font-size: 18px !important; }
	.sacc-root .sacc-nav { gap: 6px 18px !important; font-size: 15px !important; }
	.sacc-root .sacc-form { padding: 22px 16px !important; border-radius: 18px !important; }
	.sacc-root .sacc-card { padding: 22px !important; }
	.sacc-root .sacc-cta { padding: 32px 22px !important; border-radius: 20px !important; }
	.sacc-root .sacc-buy-img { height: 240px !important; }
	.sacc-root .sacc-cars { grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; }
	.sacc-root .sacc-tab { font-size: 14px !important; padding: 9px 2px !important; white-space: nowrap; letter-spacing: -0.2px; }
	.sacc-root .sacc-stack { grid-template-columns: minmax(0, 1fr) !important; }
}

@media (max-width: 400px) {
	.sacc-root .sacc-tab { font-size: 13px !important; }
}

/* Very narrow phones (< 360px): stack the two-up form fields. */
@media (max-width: 359px) {
	.sacc-root .sacc-form [style*="grid-template-columns: repeat(2"] { grid-template-columns: minmax(0, 1fr) !important; }
}

/* === SACC UX (2026-10-28): steps, sticky hero, FAQ accordion === */
.sacc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 4px}
.sacc-step{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#7A847E;padding-top:10px;border-top:4px solid #E3E7E2;cursor:default;min-width:0}
.sacc-step-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sacc-step-n{flex:none;width:24px;height:24px;border-radius:50%;background:#E3E7E2;color:#47524C;display:flex;align-items:center;justify-content:center;font-size:13px}
.sacc-step.is-on{color:#16201B;border-top-color:#1E7A3C}
.sacc-step.is-on .sacc-step-n{background:#1E7A3C;color:#fff}
.sacc-step.is-done{color:#1E7A3C;border-top-color:#7BD88F;cursor:pointer}
.sacc-step.is-done .sacc-step-n{background:#E3F0E7;color:#1E7A3C}
.sacc-pane{display:flex;flex-direction:column;gap:16px}
.sacc-pane[hidden]{display:none}
.sacc-pane-nav{display:flex;gap:10px;justify-content:space-between;margin-top:4px}
.sacc-next{font:inherit;font-size:18px;font-weight:700;color:#fff;background:#1E7A3C;border:0;border-radius:999px;padding:15px 22px;cursor:pointer;flex:1}
.sacc-next:hover,.sacc-wizard [data-sacc="submit"]:hover{background:#16642F}
.sacc-back{font:inherit;font-size:16px;font-weight:600;color:#1E2622;background:#F4F6F3;border:1px solid #DDE2DE;border-radius:999px;padding:14px 18px;cursor:pointer}
.sacc-step-msg{margin:0;font-size:15px;color:#A3361F}
.sacc-wizard [data-sacc="submit"]{width:100%}
.sacc-pane[data-step="2"] .sacc-pane-nav{order:-1;justify-content:flex-start;margin:0}
#faq.sacc-acc div:has(> h3){padding:0!important;gap:0!important}
.sacc-faq-q{all:unset;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;font-size:21px;color:#16201B}
.sacc-faq-q:focus-visible{outline:2px solid #1E7A3C;outline-offset:4px;border-radius:6px}
.sacc-faq-ic{flex:none;width:28px;height:28px;border-radius:50%;background:#F4F6F3;position:relative}
.sacc-faq-ic::before,.sacc-faq-ic::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:#1E7A3C;transition:transform .2s}
.sacc-faq-ic::after{transform:rotate(90deg)}
.sacc-faq-q[aria-expanded="true"] .sacc-faq-ic::after{transform:rotate(0)}
#faq.sacc-acc h3 + p{padding:0 0 18px}
@media (min-width:1024px){
 .sacc-flex-item:has(> #hero-title){position:sticky;top:28px;align-self:flex-start}
}
@media (max-width:480px){.sacc-step-t{font-size:12px}.sacc-steps{gap:6px}}
@media (max-width:480px){.sacc-step:not(.is-on) .sacc-step-t{display:none}}