# Car Wash & Detail

:::raw
<div class="cms-fullwidth">
<style>
  .cw-wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; color: #222; line-height: 1.6; }
  .cw-hero__title, .cw-tier__name, .cw-addons__heading, .cw-addon__title, .cw-cta__title { color: #111; }

  /* Hero */
  .cw-hero { text-align: center; padding: 40px 0 24px; }
  .cw-hero__eyebrow { font-size: 13px; font-weight: 700; color: #c8102e; letter-spacing: 1.5px; text-transform: uppercase; margin: 0 0 12px; }
  .cw-hero__title { font-size: 38px; font-weight: 700; margin: 0 0 14px; line-height: 1.15; text-transform: uppercase; letter-spacing: -0.5px; }
  .cw-hero__title span { color: #c8102e; }
  .cw-hero__subtitle { font-size: 18px; color: #555; margin: 0 auto; max-width: 680px; }

  /* Pricing tiers */
  .cw-tiers { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 32px 0 24px; align-items: stretch; }
  .cw-tier { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; }
  .cw-tier:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }
  .cw-tier--featured { border: 2px solid #c8102e; position: relative; }
  .cw-tier__badge { position: absolute; top: 14px; right: 14px; background: #c8102e; color: #fff; font-size: 11px; font-weight: 700; padding: 6px 12px; border-radius: 4px; letter-spacing: 1px; z-index: 1; }
  .cw-tier__image { width: 100%; height: 220px; object-fit: cover; display: block; }
  .cw-tier__body { padding: 20px 22px 20px; flex: 1; display: flex; flex-direction: column; }
  .cw-tier__name { font-size: 20px; font-weight: 700; margin: 0 0 4px; text-transform: uppercase; letter-spacing: 0.5px; }
  .cw-tier__price { font-size: 22px; font-weight: 700; color: #c8102e; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.3px; }
  .cw-tier__features { list-style: none; padding: 0; margin: 16px 0 0; }
  .cw-tier__features li { display: flex; align-items: flex-start; gap: 10px; padding: 3px 0; font-size: 14px; color: #333; line-height: 1.5; }
  .cw-tier__features svg { flex-shrink: 0; width: 16px; height: 16px; margin-top: 3px; }
  .cw-tier__divider { font-size: 11px; font-weight: 700; color: #c8102e; text-transform: uppercase; letter-spacing: 1.5px; margin: 12px 0 4px; padding-top: 12px; border-top: 1px solid #eee; }
  .cw-tier__cta { display: block; text-align: center; padding: 12px 24px; background: #c8102e; color: #fff; text-decoration: none; font-weight: 600; border-radius: 4px; transition: background 0.2s; letter-spacing: 0.5px; font-size: 14px; margin-top: auto; }
  .cw-tier__cta:hover { background: #a30d24; color: #fff; }
  .cw-tier__cta--outline { background: #fff; color: #c8102e; border: 2px solid #c8102e; padding: 10px 22px; }
  .cw-tier__cta--outline:hover { background: #c8102e; color: #fff; }
  .cw-tier__features + .cw-tier__cta { margin-top: 18px; }
  .cw-tier__features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin: 16px 0 0; }
  .cw-tier__features-grid .cw-tier__features { margin: 0; }
  .cw-tier__features-grid .cw-tier__divider { border-top: none; padding-top: 0; margin: 0 0 6px; }

  /* Add-ons */
  .cw-addons { padding: 48px 0 32px; border-top: 1px solid #e8e8e8; margin-top: 24px; }
  .cw-addons__heading { text-align: center; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 8px; letter-spacing: -0.3px; }
  .cw-addons__sub { text-align: center; color: #666; margin: 0 0 32px; font-size: 15px; }
  .cw-addons__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .cw-addon { background: #f7f7f7; padding: 26px 20px; border-radius: 8px; text-align: center; border: 1px solid #ececec; }
  .cw-addon__title { font-size: 15px; font-weight: 700; margin: 0 0 8px; line-height: 1.35; min-height: 40px; display: flex; align-items: center; justify-content: center; }
  .cw-addon__price { font-size: 22px; font-weight: 700; color: #c8102e; margin: 0; }
  .cw-addon__note { font-size: 12px; color: #777; margin: 8px 0 0; font-style: italic; }

  /* Disclaimer */
  .cw-disclaimer { font-size: 11.5px; color: #888; text-align: center; line-height: 1.6; margin: 32px auto 56px; max-width: 900px; padding: 0 20px; text-transform: uppercase; letter-spacing: 0.3px; }

  /* Responsive */
  @media (max-width: 900px) {
    .cw-hero { padding: 36px 0 24px; }
    .cw-hero__title { font-size: 28px; }
    .cw-tiers { grid-template-columns: 1fr; gap: 24px; }
    .cw-addons__grid { grid-template-columns: 1fr; gap: 16px; }
    .cw-addon__title { min-height: 0; }
    .cw-tier__features-grid { grid-template-columns: 1fr; gap: 12px; }
    .cw-tier__features-grid .cw-tier__divider { margin-top: 12px; padding-top: 12px; border-top: 1px solid #eee; }
  }
</style>
<style>
  /* ── OUR-SIDE OVERRIDES — not part of production's paste ────────────────────────────────────
     .cms-body ships TAG-scoped rules (p/ul/a/h2/h3) at specificity (0,1,1); production's sheet
     above is single-class (0,1,0), so on our side the platform won and the page did NOT render
     like production: both card headings and every add-on title turned --navy and changed size,
     each <p> picked up a 0.8rem margin it does not have on production, the feature lists picked
     up a 1.4rem bullet indent, and BOTH "Schedule Service" buttons drew --link light blue text
     (#28b1ff on the #c8102e filled button - a ~2:1 contrast failure, the exact trap global.css
     documents at `.cms-body a.btn-primary`). Every value below is copied from the rules above;
     nothing here is new design. Scoped to .cw-wrap (0,2,0) so it wins and reaches nothing else. */
  .cw-wrap .cw-hero__eyebrow { margin: 0 0 12px; }
  .cw-wrap .cw-hero__subtitle { margin: 0 auto; }
  .cw-wrap .cw-tier__name { color: #111; font-size: 20px; margin: 0 0 4px; }
  .cw-wrap .cw-tier__price { margin: 0; }
  .cw-wrap .cw-tier__features { padding: 0; margin: 16px 0 0; }
  .cw-wrap .cw-tier__features-grid .cw-tier__features { margin: 0; }
  .cw-wrap .cw-tier__cta { color: #fff; font-weight: 600; }
  .cw-wrap .cw-tier__cta:hover { color: #fff; }
  .cw-wrap .cw-tier__cta--outline { color: #c8102e; }
  .cw-wrap .cw-tier__cta--outline:hover { color: #fff; }
  .cw-wrap .cw-addons__heading { color: #111; font-size: 26px; margin: 0 0 8px; }
  .cw-wrap .cw-addons__sub { margin: 0 0 32px; }
  .cw-wrap .cw-addon__title { color: #111; font-size: 15px; margin: 0 0 8px; }
  .cw-wrap .cw-addon__price { margin: 0; }
  .cw-wrap .cw-addon__note { margin: 8px 0 0; }
  .cw-wrap .cw-disclaimer { margin: 32px auto 56px; }
</style>

<div class="cw-wrap">

  
  <section class="cw-hero">
    <p class="cw-hero__eyebrow">Coleman Motors</p>
    <h1 class="cw-hero__title">Car Wash &amp; <span>Detail Service</span></h1>
    <p class="cw-hero__subtitle">Two wash packages and a full menu of detail add-ons — from a quick exterior refresh to a complete inside-out detail. Trust your vehicle to the same team that services it.</p>
  </section>

  
  <section class="cw-tiers">

    <div class="cw-tier">
      <img alt="Coleman Motors Ultimate Wash" class="cw-tier__image" style="object-position: center top;" src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/basic-wash.jpg">
      <div class="cw-tier__body">
        <h2 class="cw-tier__name">Ultimate Wash</h2>
        <p class="cw-tier__price">Starting at $34.95*</p>
        <ul class="cw-tier__features">
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Pre-clean bugs and wheels</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>One pass through car wash</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Vacuum interior</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Clean windows</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Wipe dash</li>
          <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Wipe cupholders</li>
        </ul>
        <a href="/content/service" class="cw-tier__cta cw-tier__cta--outline">Schedule Service</a>
      </div>
    </div>

    <div class="cw-tier cw-tier--featured">
      <span class="cw-tier__badge">BEST VALUE</span>
      <img alt="Coleman Motors Platinum Wash" class="cw-tier__image" src="https://storage.googleapis.com/savvy-platform-media/content/colemanmotors/service/ultimate-wash.jpg">
      <div class="cw-tier__body">
        <h2 class="cw-tier__name">Platinum Wash</h2>
        <p class="cw-tier__price">Starting at $79.95*</p>
        <div class="cw-tier__features-grid">
          <ul class="cw-tier__features">
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Pre-clean bugs and wheels</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>One pass through car wash</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Vacuum interior</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Clean windows</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Wipe dash</li>
            <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Wipe cupholders</li>
          </ul>
          <div>
            <p class="cw-tier__divider">Plus the Platinum Extras</p>
            <ul class="cw-tier__features">
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Tire shine</li>
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Showroom shine</li>
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>Detail cleaning of dash, door panels, and consoles</li>
              <li><svg viewBox="0 0 448 512"><path fill="#17aa1c" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>VIZI Shield windshield treatment</li>
            </ul>
          </div>
        </div>
        <a href="/content/service" class="cw-tier__cta">Schedule Service</a>
      </div>
    </div>

  </section>

  
  <section class="cw-addons">
    <h2 class="cw-addons__heading">Detail Service Add-Ons</h2>
    <p class="cw-addons__sub">Add any of these to an Ultimate Wash for $10 off.</p>
    <div class="cw-addons__grid">
      <div class="cw-addon">
        <h3 class="cw-addon__title">Seat &amp; Carpet Shampoo</h3>
        <p class="cw-addon__price">$169.99</p>
      </div>
      <div class="cw-addon">
        <h3 class="cw-addon__title">Hand Wax</h3>
        <p class="cw-addon__price">$179.99</p>
        <p class="cw-addon__note">Recommended every 3 months</p>
      </div>
      <div class="cw-addon">
        <h3 class="cw-addon__title">Coleman Full Detail</h3>
        <p class="cw-addon__price">From $279.99</p>
      </div>
    </div>
  </section>

  <p class="cw-disclaimer">*Prices subject to change without notice. Additional fees may apply to lifted vehicles, vehicles with dual rear wheels, or other large automobiles. Additional fees may also apply to heavily soiled vehicles. See service department for details.</p>

</div>
</div>
:::