DIAMOND

$42

FULL SERVICE

$27

EXTERIOR

UNLIMITED
MEMBERSHIP

$75/mo

$53/mo

Includes

Ceramic Bath Rinse Prime Seal Wax Rain Repel Tire Shine Triple Foam Rim Cleaner Under Carriage

Get Unlimited Membership Purchase Single Wash

GOLD

$38

FULL SERVICE

$23

EXTERIOR

UNLIMITED
MEMBERSHIP

$65/mo

$43/mo

Includes

Bath Rinse Prime Seal Wax Rain Repel Tire Shine Triple Foam Rim Cleaner Under Carriage

Get Unlimited Membership Purchase Single Wash

SILVER

$34

FULL SERVICE

$19

EXTERIOR

EXTERIOR
ONLY

$36/mo

Includes

Rain Repel Tire Shine Triple Foam Rim Cleaner Under Carriage

Get Unlimited Membership Purchase Single Wash

BRONZE

$32

FULL SERVICE

$16

EXTERIOR

EXTERIOR
ONLY

$30/mo

Includes

Triple Foam Rim Cleaner Under Carriage

Get Unlimited Membership Purchase Single Wash

/* ===== Love My Car – Packages (Transparent Section + Better Heart + Mobile Collapse) ===== */ .lmc-wash-packages{ --red: #e53935; --red2:#ff4a45; /* Card blues (keep on-brand) */ --b1:#5aa1dc; --b2:#7bb8ea; --b3:#6aaee2; --b4:#8ac2ee; --b5:#7bb9ea; --b6:#9fd0f0; --b7:#83bfea; --b8:#a6d6f3; --text:#fff; --muted: rgba(255,255,255,.78); --shadow: 0 18px 40px rgba(0,0,0,.18); --shadow2: 0 10px 24px rgba(0,0,0,.14); --radius: 22px; padding: clamp(18px, 3vw, 40px) 0; /* no background, uses page background */ } .lmc-wash-packages .lmc-wrap{ max-width: 90%; margin: 0 auto; padding: 0 18px; } .lmc-wash-packages .lmc-head{ text-align:center; margin-bottom: clamp(18px, 3vw, 30px); } /* Keep header text exactly as provided */ .lmc-wash-packages .lmc-kicker{ display:inline-block; font-weight: 900; letter-spacing: .12em; font-size: 12px; color: rgba(255,255,255,.92); margin-bottom: 10px; } .lmc-wash-packages .lmc-title{ margin: 0; color: var(--text); font-weight: 900; font-size: clamp(28px, 3vw, 44px); line-height: 1.05; } .lmc-wash-packages .lmc-subtitle{ margin: 12px auto 0; max-width: 760px; color: var(--muted); font-size: 16px; line-height: 1.5; } .lmc-wash-packages .lmc-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap: 18px; align-items: stretch; justify-items: center; /* helps center on mobile */ } .lmc-wash-packages .lmc-card{ width: 100%; border-radius: var(--radius); overflow:visible; box-shadow: var(--shadow2); border: 1px solid rgba(255,255,255,.18); display:flex; flex-direction:column; transform: translateZ(0); transition: transform .18s ease, box-shadow .18s ease; } .lmc-wash-packages .lmc-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow); } .lmc-wash-packages .lmc-diamond{ background: linear-gradient(180deg, var(--b1), var(--b2)); } .lmc-wash-packages .lmc-gold{ background: linear-gradient(180deg, var(--b3), var(--b4)); } .lmc-wash-packages .lmc-silver{ background: linear-gradient(180deg, var(--b5), var(--b6)); } .lmc-wash-packages .lmc-bronze{ background: linear-gradient(180deg, var(--b7), var(--b8)); } .lmc-wash-packages .lmc-card-top{ padding: 18px 18px 12px; } .lmc-wash-packages .lmc-tier-title{ margin: 0 0 12px 0; font-size: 32px; /* larger titles */ font-weight: 1000; letter-spacing: .08em; font-style: italic; color: #fff; } .lmc-wash-packages .lmc-top-row{ display:grid; grid-template-columns: 1.15fr .85fr; gap: 12px; align-items: center; } .lmc-wash-packages .lmc-prices{ display:grid; gap: 10px; } .lmc-wash-packages .lmc-price-block{ background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18); border-radius: 16px; padding: 12px 12px; } .lmc-wash-packages .lmc-price{ font-size: 36px; line-height: 1; font-weight: 1000; color:#fff; text-shadow: 0 1px 0 rgba(255,255,255,.15), 0 4px 8px rgba(0,0,0,.30); } .lmc-wash-packages .lmc-price-label{ margin-top: 6px; font-size: 14px; font-weight: 900; letter-spacing: .06em; color: rgba(0, 0, 0, 0.9); } /* Heart badge (SVG = always heart-shaped) */ .lmc-wash-packages .lmc-heart-badge{ position: relative; width: 210px; height: 175px; margin-left: auto; transform: translateX(-18px) translateY(2px); /* NEW: pulls heart left */ z-index: 2; /* NEW: ensures it sits above the price blocks */ filter: drop-shadow(0 12px 18px rgba(0,0,0,.18)); } .lmc-wash-packages .lmc-heart-svg{ width: 100%; height: 100%; display:block; } .lmc-wash-packages .lmc-heart-svg path{ fill: url(#lmcHeartGrad); } /* Fallback if gradients not supported by theme SVG parsing */ .lmc-wash-packages .lmc-heart-svg path{ fill: var(--red); } .lmc-wash-packages .lmc-heart-content{ position:absolute; inset: 0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding: 22px 18px 12px; color:#fff; } .lmc-wash-packages .lmc-heart-title{ font-weight: 1000; letter-spacing: .06em; font-size: 13px; line-height: 1.15; text-transform: uppercase; } .lmc-wash-packages .lmc-heart-prices{ margin-top: 10px; font-weight: 1000; font-size: 14px; line-height: 1.25; } /* Body */ .lmc-wash-packages .lmc-card-body{ padding: 12px 18px 18px; display:flex; flex-direction:column; gap: 12px; flex: 1; } /* Included collapsible */ .lmc-wash-packages .lmc-included{ border-radius: 16px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); overflow: hidden; } .lmc-wash-packages .lmc-included-summary{ list-style: none; cursor: pointer; padding: 12px 12px; display:flex; align-items:center; justify-content: space-between; gap: 10px; color: rgba(255,255,255,.95); font-weight: 1000; letter-spacing: .08em; text-transform: uppercase; font-size: 12px; user-select: none; } .lmc-wash-packages .lmc-included-summary::-webkit-details-marker{ display:none; } .lmc-wash-packages .lmc-summary-hint{ font-weight: 900; letter-spacing: .02em; text-transform: none; opacity: .85; font-size: 12px; } /* Little chevron */ .lmc-wash-packages .lmc-included-summary:after{ content: "▾"; font-size: 16px; opacity: .9; transform: translateY(-1px); } .lmc-wash-packages details[open] .lmc-included-summary:after{ content: "▴"; } .lmc-wash-packages .lmc-included-inner{ padding: 12px 12px 14px; } /* Pills (centered) */ .lmc-wash-packages .lmc-pills{ display:flex; flex-wrap: wrap; gap: 10px; justify-content: center; /* centered */ } .lmc-wash-packages .lmc-pill{ background: rgba(229,57,53,.90); /* red pills like original */ color: #fff; border-radius: 999px; padding: 8px 12px; font-weight: 1000; font-size: 12px; letter-spacing: .02em; text-transform: uppercase; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 8px 16px rgba(229,57,53,.18); } .lmc-wash-packages .lmc-pill-feature{ background: rgba(255,255,255,.18); box-shadow: none; } /* Actions */ .lmc-wash-packages .lmc-actions{ margin-top: auto; display:grid; gap: 10px; } .lmc-wash-packages .lmc-btn{ display:inline-flex; align-items:center; justify-content:center; text-decoration:none; background: linear-gradient(180deg, var(--red2), var(--red)); color: #fff; font-weight: 1000; border-radius: 14px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.18); box-shadow: 0 10px 20px rgba(229,57,53,.30); transition: transform .15s ease, filter .15s ease; } .lmc-wash-packages .lmc-btn:hover{ transform: translateY(-1px); filter: brightness(1.03); } .lmc-wash-packages .lmc-link{ text-align:center; color: rgba(0, 0, 0, 0.95); font-weight: 400; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; opacity: .95; } .lmc-wash-packages .lmc-link:hover{ opacity: 1; } /* Grid responsive + mobile centering + 90% width */ .lmc-wash-packages .lmc-card{ grid-column: span 3; } @media (max-width: 1100px){ .lmc-wash-packages .lmc-card{ grid-column: span 6; } } @media (max-width: 720px){ .lmc-wash-packages .lmc-card{ grid-column: span 12; width: 90%; margin: 0 auto; } .lmc-wash-packages .lmc-top-row{ grid-template-columns: 1fr; justify-items: center; text-align: center; } .lmc-wash-packages .lmc-heart-badge{ margin-left: 0; } /* collapse Included by default on mobile */ .lmc-wash-packages .lmc-included{ } .lmc-wash-packages .lmc-included[open]{ } .lmc-wash-packages details.lmc-included{ open: false; } /* harmless fallback */ .lmc-wash-packages details.lmc-included:not([data-init]){ } } /* JS will set mobile details closed on load (below). */ (function(){ const isMobile = () => window.matchMedia && window.matchMedia('(max-width: 720px)').matches; const sections = document.querySelectorAll('.lmc-wash-packages details.lmc-included'); function apply(){ sections.forEach(d => { // mark initialized so themes/optimizers don't keep flipping it d.setAttribute('data-init','1'); if (isMobile()) { d.removeAttribute('open'); // collapsed by default on mobile } else { d.setAttribute('open',''); // expanded on desktop } }); } apply(); window.addEventListener('resize', apply, { passive: true }); })();