/* ===== Spick & Span Mobile Detailing ===== */ /* Red/White/Blue American Theme */ :root { --red: #c8102e; --red-dark: #9b0c24; --blue: #0a3161; --blue-light: #1d4d99; --blue-dark: #061f3d; --white: #ffffff; --offwhite: #f7f8fb; --gray: #e6e8ee; --gray-mid: #8b94a3; --text: #1a1f2c; --shadow: 0 10px 30px rgba(10, 49, 97, 0.12); --shadow-lg: 0 20px 60px rgba(10, 49, 97, 0.2); --radius: 14px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--text); background: var(--white); line-height: 1.6; -webkit-font-smoothing: antialiased; } img { max-width: 100%; display: block; } /* Editable images are hidden until apply-config.js has merged the live config from the worker (or the safety timeout has fired). This prevents a stale URL from flashing in the moment between page parse and the remote-config response. The class is added to by apply-config.js. The same rule also lives in an inline