/* ══════════════════════════════════════════════════════════════════════════════
   Escargo — CUSTOMER SHELL (public discovery front door). PAGE-SCOPED LAYOUT ONLY.

   Every component and colour comes from the existing DS: os-ui.css (.os-* and the
   --os-* tokens). This file adds only what the DS does not already provide:
     • .ec-hdr   — the dedicated CUSTOMER header (logo · account · For business · menu)
     • .ec-menu  — the customer drawer (customer items + ONE business switch)
     • .ec-cats  — the "What are you looking for?" 4:3 photographic category grid
     • .ec-sec   — the customer discovery sections (all data-driven, honest empties)

   The customer header is a SEPARATE component from the business chrome (.eo-hdr
   mega-menu). It is not the business header restyled and it is not the business
   header hidden with CSS — business navigation is never emitted into this shell.

   No webfont/CDN (the estate CSP bans both). All motion honours reduced-motion.
   ══════════════════════════════════════════════════════════════════════════════ */

/* Screen-reader-only text. The estate has no such utility yet, so it is defined
   here (the customer logo is an <img alt=""> plus a real text name for AT). */
.sr-only{
  position:absolute !important; width:1px; height:1px;
  padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* ── CUSTOMER HEADER ───────────────────────────────────────────────────────── */
.ec-hdr{
  position:sticky; top:0; z-index:60;
  background:var(--os-white);
  border-bottom:1px solid var(--os-line);
}
.ec-hdr-in{
  max-width:1200px; margin:0 auto; padding:10px 20px;
  display:flex; align-items:center; gap:12px;
}
.ec-logo{
  display:inline-flex; align-items:center; gap:8px;
  text-decoration:none; color:var(--os-forest);
  font-weight:800; font-size:19px; letter-spacing:-.02em;
  min-height:44px; padding:0 2px; border-radius:var(--os-r);
}
.ec-logo img{display:block; height:26px; width:auto}
.ec-logo span{color:var(--os-lime)}
.ec-hdr-sp{flex:1 1 auto}
.ec-hdr-actions{display:flex; align-items:center; gap:8px}

/* Text/log-in action */
.ec-link{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 12px; border-radius:var(--os-r);
  color:var(--os-forest); font-weight:600; font-size:15px; text-decoration:none;
  background:none; border:0; cursor:pointer; font-family:inherit;
}
.ec-link:hover{background:var(--os-pale)}

/* The rounded For business / My business pill */
.ec-bizbtn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 18px;
  border-radius:var(--os-r-pill);
  border:1px solid var(--os-line);
  background:var(--os-white); color:var(--os-forest);
  font-weight:650; font-size:15px; text-decoration:none; white-space:nowrap;
}
.ec-bizbtn:hover{background:var(--os-pale); border-color:#cfd8c9}

/* The CUSTOMER account door, beside Log in. Solid forest so the two identity
   actions read as a pair with an obvious primary — it is the action a first-time
   visitor needs, and the header had no signup at all before Phase 2.
   SCOPED to .ec-hdr on purpose: site.css carries `.eo a{color:inherit}` (0,1,1),
   which outranks a bare `.ec-signup` (0,1,0) and would swallow color:#fff on a
   forest pill. Measured in the browser, not assumed. */
.ec-hdr .ec-signup{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:0 18px;
  border-radius:var(--os-r-pill);
  border:1px solid var(--os-forest);
  background:var(--os-forest); color:#fff;
  font-weight:700; font-size:15px; text-decoration:none; white-space:nowrap;
}
.ec-hdr .ec-signup:hover{background:var(--os-forest-deep,#052a1a); border-color:var(--os-forest-deep,#052a1a)}

/* Signed-in avatar.
   `a.ec-avatar`, not `.ec-avatar`: customer.js renders this as an <a>, and
   site.css's `.eo a{color:inherit}` (0,1,1) outranked a bare class, so the
   initials computed to #43514a on the forest disc — about 1.9:1, i.e. the
   signed-in identity control was unreadable. Measured, then fixed. */
a.ec-avatar,
.ec-avatar{
  width:36px; height:36px; border-radius:50%;
  background:var(--os-forest); color:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight:700; font-size:14px; text-decoration:none;
  border:0; cursor:pointer; font-family:inherit;
}

/* Hamburger — 44px target, three bars drawn in CSS (no icon font) */
.ec-burger{
  width:44px; height:44px; flex:0 0 44px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--os-white); border:1px solid var(--os-line);
  border-radius:var(--os-r-pill); cursor:pointer; padding:0;
}
.ec-burger:hover{background:var(--os-pale)}
.ec-burger i{
  position:relative; display:block; width:17px; height:2px; border-radius:2px;
  background:var(--os-forest);
}
.ec-burger i::before,.ec-burger i::after{
  content:""; position:absolute; left:0; width:17px; height:2px; border-radius:2px;
  background:var(--os-forest);
}
.ec-burger i::before{top:-6px}
.ec-burger i::after{top:6px}

@media (max-width:719px){
  .ec-hdr-in{padding:8px 14px; gap:8px}
  .ec-bizbtn{display:none}            /* mobile: business switch lives in the menu */
  .ec-hdr .ec-signup{display:none}    /* mobile: Create account lives in the menu (same scope as the base rule, or it loses) */
  .ec-logo{font-size:17px}
  .ec-link{padding:0 8px; font-size:14px}
}

/* ── CUSTOMER DRAWER MENU ──────────────────────────────────────────────────── */
.ec-scrim{
  position:fixed; inset:0; z-index:70;
  background:rgba(7,59,36,.42);
  opacity:0; pointer-events:none; transition:opacity .18s ease;
}
.ec-scrim[data-open="1"]{opacity:1; pointer-events:auto}

.ec-menu{
  position:fixed; top:0; right:0; z-index:71;
  width:min(360px,92vw); height:100%;
  background:var(--os-white);
  border-left:1px solid var(--os-line);
  box-shadow:var(--os-shadow-hover);
  display:none;
  overflow-y:auto; overscroll-behavior:contain;
}
.ec-menu[data-open="1"]{display:flex; flex-direction:column}
.ec-menu-hd{
  display:flex; align-items:center; gap:12px;
  padding:14px 16px; border-bottom:1px solid var(--os-line);
  position:sticky; top:0; background:var(--os-white);
}
.ec-menu-hd strong{font-size:16px; color:var(--os-ink)}
.ec-menu-x{
  margin-left:auto; width:44px; height:44px; flex:0 0 44px;
  border:1px solid var(--os-line); border-radius:var(--os-r-pill);
  background:var(--os-white); cursor:pointer; color:var(--os-forest);
  font-size:20px; line-height:1; display:inline-flex; align-items:center; justify-content:center;
}
.ec-menu-x:hover{background:var(--os-pale)}
.ec-menu-list{list-style:none; margin:0; padding:8px 8px 16px}
.ec-menu-list a,.ec-menu-list button{
  display:flex; align-items:center; gap:10px; width:100%;
  min-height:48px; padding:0 12px; border-radius:var(--os-r-card);
  color:var(--os-ink); text-decoration:none; font-size:15px; font-weight:550;
  background:none; border:0; cursor:pointer; font-family:inherit; text-align:left;
}
.ec-menu-list a:hover,.ec-menu-list button:hover{background:var(--os-pale)}
.ec-menu-sep{height:1px; background:var(--os-line); margin:8px 12px}
.ec-menu-note{padding:0 20px 10px; color:var(--os-muted); font-size:13px}
/* The single business switch — visually separated as the final action */
.ec-menu-switch{
  margin:4px 8px 0; padding:12px;
  border:1px solid var(--os-line); border-radius:var(--os-r-card);
  background:var(--os-pale);
}
/* NB: display:flex is required here — this link is NOT inside .ec-menu-list, so
   it would default to display:inline, on which min-height has no effect (that
   left the switch a 21px target at 320px instead of 48px). */
.ec-menu-switch a{
  display:flex; align-items:center; justify-content:center;
  min-height:48px; padding:0 12px; text-decoration:none;
  background:var(--os-forest); color:#fff; font-weight:700; border-radius:var(--os-r);
}
.ec-menu-switch a:hover{background:var(--os-forest-soft)}
.ec-menu-switch p{margin:8px 2px 0; color:var(--os-muted); font-size:12.5px; line-height:1.45}

/* ── "WHAT ARE YOU LOOKING FOR?" CATEGORY GRID ─────────────────────────────── */
.ec-cats{padding:36px 0 8px}
.ec-cats-hd{max-width:720px; margin-bottom:18px}
.ec-cats-hd h2{margin:2px 0 6px; font-size:clamp(22px,3.4vw,30px); font-weight:800; letter-spacing:-.02em; color:var(--os-ink)}
.ec-cats-hd p{margin:0; color:var(--os-muted); font-size:15px}

.ec-grid{
  display:grid; gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));   /* mobile */
  list-style:none; margin:0; padding:0;
}
@media (min-width:700px){ .ec-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }   /* tablet */
@media (min-width:1000px){ .ec-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px} } /* desktop */

.ec-cat{
  position:relative; display:block;
  border-radius:var(--os-r-card); overflow:hidden;
  text-decoration:none; color:#fff;
  background:var(--os-forest);              /* the colour behind a still-loading photo */
  aspect-ratio:4/3;                          /* consistent framing, no layout shift */
  box-shadow:var(--os-shadow-sm);
  transition:transform .16s ease, box-shadow .16s ease;
  isolation:isolate;
}
.ec-cat img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; display:block;
  z-index:0;
  transition:transform .3s ease;
  background:var(--os-forest);
}
/* Dark readability gradient — guarantees label contrast on any photograph */
.ec-cat::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top,rgba(4,26,16,.82) 0%,rgba(4,26,16,.42) 38%,rgba(4,26,16,.06) 72%,rgba(4,26,16,0) 100%);
}
.ec-cat b{
  position:absolute; z-index:2; left:12px; right:12px; bottom:11px;
  font-size:15px; font-weight:700; line-height:1.25; letter-spacing:-.01em;
  color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.45);
}
.ec-cat:hover{transform:translateY(-2px); box-shadow:var(--os-shadow-hover)}
.ec-cat:hover img{transform:scale(1.04)}
.ec-cat:active{transform:translateY(0) scale(.988)}
.ec-cat:focus-visible{outline:3px solid var(--os-lime); outline-offset:3px}
/* Error state: if the photograph 404s the card stays readable, never blank */
.ec-cat img[data-err="1"]{opacity:0}
.ec-cat[data-err="1"]{background:linear-gradient(150deg,var(--os-forest),var(--os-forest-soft))}

@media (max-width:400px){
  .ec-grid{gap:10px}
  .ec-cat b{left:10px; right:10px; bottom:9px; font-size:13.5px}
}

/* ── CUSTOMER DISCOVERY SECTIONS ───────────────────────────────────────────── */
.ec-sec{padding:34px 0 6px}
.ec-sec-hd{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; flex-wrap:wrap}
.ec-sec-hd h2{margin:2px 0 4px; font-size:clamp(20px,3vw,26px); font-weight:800; letter-spacing:-.02em; color:var(--os-ink)}
.ec-sec-hd p{margin:0; color:var(--os-muted); font-size:14.5px}
.ec-sec-link{color:var(--os-forest); font-weight:650; font-size:14.5px; text-decoration:none; min-height:44px; display:inline-flex; align-items:center}
.ec-sec-link:hover{text-decoration:underline}

.ec-cards{
  display:grid; gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  list-style:none; margin:0; padding:0;
}
.ec-pcard{
  border:1px solid var(--os-line); border-radius:var(--os-r-card);
  background:var(--os-white); overflow:hidden; display:flex; flex-direction:column;
}
.ec-pcard-body{padding:13px 14px 14px; display:flex; flex-direction:column; gap:6px; flex:1}
.ec-pcard h3{margin:0; font-size:16px; font-weight:700; color:var(--os-ink); line-height:1.3}
.ec-pcard h3 a{color:inherit; text-decoration:none}
.ec-pcard h3 a:hover{text-decoration:underline}
.ec-meta{display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:13px; color:var(--os-muted)}
.ec-badge{
  display:inline-flex; align-items:center; gap:4px;
  padding:2px 8px; border-radius:var(--os-r-pill);
  font-size:12px; font-weight:650;
  background:rgba(128,191,32,.16); color:#3c6410;
}
.ec-badge.is-new{background:rgba(7,59,36,.08); color:var(--os-forest)}
.ec-price{font-size:14px; color:var(--os-ink); font-weight:650}
.ec-price.is-quote{font-weight:550; color:var(--os-muted)}

/* Honest empty / unavailable state — used wherever real data does not exist yet */
.ec-empty{
  border:1px dashed var(--os-line); border-radius:var(--os-r-card);
  background:var(--os-pale); padding:20px 18px; color:var(--os-text);
}
.ec-empty b{display:block; color:var(--os-ink); font-size:15.5px; margin-bottom:4px}
.ec-empty p{margin:0; font-size:14px; color:var(--os-muted); line-height:1.5}

/* Skeletons */
.ec-skel{border:1px solid var(--os-line); border-radius:var(--os-r-card); background:var(--os-white); padding:14px}
.ec-skel i{display:block; height:11px; border-radius:5px; background:var(--os-pale); margin-bottom:9px}
.ec-skel i:nth-child(2){width:70%}
.ec-skel i:nth-child(3){width:45%; margin-bottom:0}

/* Browse-by-area SEO links */
.ec-areas{display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0}
.ec-areas a{
  display:inline-flex; align-items:center; min-height:44px; padding:0 14px;
  border:1px solid var(--os-line); border-radius:var(--os-r-pill);
  background:var(--os-white); color:var(--os-forest);
  font-size:14.5px; font-weight:600; text-decoration:none;
}
.ec-areas a:hover{background:var(--os-pale)}

/* Escargo for Business promo band (customer page → /for-business) */
.ec-biz{
  margin:38px 0 8px; padding:26px 22px;
  border-radius:var(--os-r-lg);
  background:linear-gradient(140deg,var(--os-forest),var(--os-forest-soft));
  color:#fff;
}
.ec-biz h2{margin:4px 0 8px; font-size:clamp(20px,3vw,27px); font-weight:800; letter-spacing:-.02em; color:#fff}
.ec-biz p{margin:0 0 16px; color:#cfe0d4; font-size:15px; max-width:60ch; line-height:1.55}
.ec-biz .os-kicker{color:var(--os-lime)}
.ec-biz a{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:0 22px; border-radius:var(--os-r-pill);
  background:var(--os-lime); color:#0d2b16; font-weight:750; font-size:15.5px; text-decoration:none;
}
.ec-biz a:hover{background:var(--os-lime-hover)}

/* Persistent Help Now action — present on every customer page */
.ec-helpnow{
  position:fixed; right:16px; bottom:16px; z-index:55;
  display:inline-flex; align-items:center; gap:8px;
  min-height:48px; padding:0 18px; border-radius:var(--os-r-pill);
  background:#b3261e; color:#fff; font-weight:750; font-size:15px; text-decoration:none;
  box-shadow:0 6px 20px rgba(0,0,0,.24);
}
.ec-helpnow:hover{background:#9b201a}
.ec-helpnow:focus-visible{outline:3px solid #fff; outline-offset:2px}
@media (max-width:400px){ .ec-helpnow{right:12px; bottom:12px; padding:0 15px; font-size:14.5px} }

/* ── Reduced motion ────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .ec-menu,.ec-scrim,.ec-cat,.ec-cat img{transition:none}
  .ec-cat:hover{transform:none}
  .ec-cat:hover img{transform:none}
}

/* ── Work Discovery visual system (2026-08-25) ────────────────────────────────
   Provider cards carry the image hierarchy: approved owner cover → approved
   gallery → Escargo category visual. The band is a fixed-ratio block with its
   own link target so the card never shifts as the image resolves (no CLS) and
   the visual is never the only route to the profile. */
.ec-pcard{overflow:hidden}
.ec-pcard-media{display:block;height:132px;background-size:cover;background-position:center;background-color:#eef1ec;text-decoration:none}
@media(max-width:640px){.ec-pcard-media{height:112px}}
/* recently viewed: a plain control, not a destructive-looking button */
#ec-recent-clear{background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-decoration:underline;padding:0}
/* §20 service exploration tiles — category imagery, honest labels */
.ec-service-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ec-service-tile{position:relative;display:flex;align-items:flex-end;min-height:104px;padding:12px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;background-color:#1b2a24;text-decoration:none;isolation:isolate}
.ec-service-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,20,17,.05) 30%,rgba(13,20,17,.78));z-index:-0}
.ec-service-tile b{position:relative;z-index:1;color:#fff;font-size:.92rem;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.5)}
/* meets exit: this file loads AFTER find.css, so the responsive .ec-sec padding
   was re-applying 89px of graphite BELOW the exit gradient — a black stripe
   between Meets and the next light section. The exit ::after carries the whole
   bottom treatment, so the section's own bottom padding must stay zero. */
.ec-sec.ec-sec--meets-flow{padding-bottom:0}
/* app→footer: same load-order override as the meets exit — a later responsive
   padding rule re-added 89px of the light app background BELOW the descent
   gradient, leaving a paper stripe above the footer. */
.find-app.find-app--tofooter{padding-bottom:0}
/* Work card contract (2026-08-25): 216px media desktop / 195px small mobile,
   favourite in the media corner, separated rating chips */
.ec-pcard-mediawrap{position:relative;display:block}
.ec-pcard{display:flex;flex-direction:column;border:1px solid var(--os-line,#dbe6de);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(7,59,36,.04)}
.ec-pcard-media{height:152px}
.ec-pcard-body{display:flex;flex:1;flex-direction:column;gap:7px;padding:14px 15px 15px}
.ec-pcard-body h3{margin:0;font-size:1rem;line-height:1.25;letter-spacing:-.01em}.ec-pcard-body h3 a{color:var(--os-ink,#14311f);text-decoration:none}
.ec-pcard-body .ec-meta{margin:0;line-height:1.35}.ec-pcard--text{background:linear-gradient(135deg,#fbfdf7,#f1f8e8)}
.ec-pcard--text .ec-pcard-body::before{content:'Escargo provider';font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5c8712}
.ec-pcard-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:auto;border-radius:10px;background:var(--os-lime,#d9ff4d);color:var(--os-ink,#14311f);font-weight:800;font-size:.88rem;text-decoration:none}
.ec-pcard-cta:hover{filter:brightness(.97)}.ec-pcard-cta:focus-visible{outline:3px solid #4d7c0f;outline-offset:2px}
@media(max-width:640px){.ec-pcard-media{height:138px}.ec-pcard-body{padding:13px}}
.esc-fav{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#14201d;cursor:pointer;box-shadow:0 2px 10px rgba(6,50,37,.22);transition:transform .12s}
.esc-fav:hover,.esc-fav:focus-visible{transform:scale(1.08);outline:2px solid #86aa00;outline-offset:2px}
.esc-fav.is-saved{background:#d9ff4d}
.ec-pcard-generic{position:absolute;left:9px;bottom:9px;z-index:2;padding:4px 7px;border-radius:999px;background:rgba(7,36,23,.82);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;pointer-events:none}
.ec-chip-google,.ec-chip-escargo{display:inline-block;padding:3px 9px;border-radius:8px;font-size:.74rem;font-weight:750;margin-right:6px}
.ec-chip-google{background:#eef4ff;color:#2c4a7c}
.ec-chip-escargo{background:#eef6e9;color:#33531f}
.ec-unrated{font-size:.76rem;color:var(--os-muted,#69736f)}

/* Customer Home compact marketplace pass (2026-09-01).
   Scoped to the customer landing page: current search fields, data mounts and
   provider renderer remain intact. This layer establishes a denser content
   cadence around the existing compact provider-card contract. */
.customer-home--compact{--ch-gap:clamp(26px,4vw,48px)}
.customer-home--compact .find-hero{min-height:0;padding-block:clamp(42px,6vw,72px)}
.customer-home--compact .find-head{margin-bottom:18px}.customer-home--compact .find-head h1{font-size:clamp(2rem,4.4vw,3.45rem);margin-bottom:8px}.customer-home--compact .find-sub{max-width:48ch;margin-bottom:0}
.customer-home--compact .find-searchcard{padding:clamp(16px,2.5vw,26px);border-radius:18px}.customer-home--compact .find-grid{gap:13px}.customer-home--compact .find-field--full{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.customer-home--compact .find-field--full .os-label{grid-column:1/-1}.customer-home--compact .find-trust{margin-top:16px;gap:10px}.customer-home--compact .find-trust>*{font-size:.78rem}
.customer-home--compact .quick-discovery{padding-block:var(--ch-gap)}.customer-home--compact .quick-grid{gap:10px}.customer-home--compact .quick-tile{min-height:112px;border-radius:14px}.customer-home--compact .quick-tile b{font-size:.86rem}
.customer-home--compact .ec-sec{padding-block:var(--ch-gap)}.customer-home--compact .ec-sec h2{font-size:clamp(1.35rem,2.6vw,1.9rem);margin-bottom:5px}.customer-home--compact .ec-sec .ec-eyebrow{margin-bottom:6px}
.customer-home--compact .ec-pcards{gap:12px}.customer-home--compact .ec-pcard{min-width:0}.customer-home--compact .ec-pcard-body{gap:6px}.customer-home--compact .ec-pcard-cta{min-height:40px}
@media(max-width:640px){
  .customer-home--compact .find-hero{padding-block:30px 24px}.customer-home--compact .find-head{margin-bottom:13px}.customer-home--compact .find-head h1{font-size:clamp(1.78rem,8vw,2.2rem);line-height:1.08}.customer-home--compact .find-sub{font-size:.94rem;line-height:1.4}
  .customer-home--compact .find-searchcard{padding:14px;border-radius:15px}.customer-home--compact .find-grid{gap:10px}.customer-home--compact .find-field--full{grid-template-columns:1fr}.customer-home--compact .find-trust{margin-top:12px}.customer-home--compact .find-trust>*:nth-child(n+4){display:none}
  .customer-home--compact .quick-discovery{padding-block:24px}.customer-home--compact .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-home--compact .quick-tile{min-height:88px;padding:9px}.customer-home--compact .quick-tile b{font-size:.8rem}
  .customer-home--compact .ec-sec{padding-block:28px}.customer-home--compact .ec-sec h2{font-size:1.34rem}.customer-home--compact .ec-pcards{gap:10px}.customer-home--compact .ec-pcard-media{height:128px}.customer-home--compact .ec-pcard-body{padding:12px}.customer-home--compact .ec-pcard-cta{min-height:40px}
}
@media(prefers-reduced-motion:reduce){.customer-home--compact *{scroll-behavior:auto}}