/* HOME POLISH (founder 2026-10-14): more of the Escargo green, lighter sections, readable category names,
   DoneDeal-style car cards, a calmer Help Now button and rails with arrows. Loaded after the home stylesheets. */
:root{--hp-green:#3d6b1f;--hp-sage:#e6efdb;--hp-tint:#f3f8ea;--hp-line:#cfe2b3}

/* section labels and headings */
html body.v3-home .os-kicker,html body .os-kicker{color:var(--hp-green)!important;font-weight:700;letter-spacing:.06em}

/* search box: green tint, green labels, clear focus */
html body.v3-home .v3-hero .find-searchcard,html body.v3-home .find-searchcard{background:var(--hp-tint)!important;border:2px solid var(--hp-line)!important;box-shadow:0 10px 30px rgba(61,107,31,.10)!important}
html body.v3-home .find-searchcard label,html body.v3-home .find-searchcard .find-lbl,html body.v3-home .find-searchcard b{color:var(--hp-green)!important}
html body.v3-home .find-searchcard select,html body.v3-home .find-searchcard input{background:#fff!important;border:1px solid var(--hp-line)!important;border-radius:12px!important}
html body.v3-home .find-searchcard select:focus,html body.v3-home .find-searchcard input:focus{outline:3px solid #bcf35a!important;outline-offset:1px;border-color:var(--hp-green)!important}

/* category names: bigger, darker, never cut */
html body.v3-home .quick-tile b{font-size:15px!important;font-weight:600!important;color:var(--mk-ink,#132a22)!important;white-space:normal;line-height:1.25}
html body.v3-home .ec-cat b{font-size:15px;font-weight:600}

/* the dark blocks become light green */
html body.v3-home .ec-sec--meets .wrap,html body.v3-home .find-bizcard.os-dark,html body.v3-home .find-biz .os-dark{background:var(--hp-sage)!important;color:var(--mk-ink,#132a22)!important}
html body.v3-home .ec-sec--meets .wrap :is(h2,h3,p,span,li,small),html body.v3-home .find-bizcard.os-dark :is(h2,h3,h4,p,span,li,small,b){color:var(--mk-ink,#132a22)!important}
html body.v3-home .find-bizcard.os-dark a:not([class*=btn]):not([class*=lime]){color:var(--mk-ink,#132a22)!important}
/* service tiles: photo on top, name underneath on white (Fresha style), so the text is always readable */
html body.v3-home .ec-service-tile{position:relative;display:flex!important;align-items:flex-start;background-color:#fff!important;background-size:100% 96px!important;background-position:top center!important;background-repeat:no-repeat!important;padding:106px 12px 12px!important;height:auto!important;min-height:150px;border:1px solid var(--hp-line)!important;border-radius:14px!important;box-shadow:none!important;color:var(--mk-ink,#132a22)!important;text-decoration:none}
html body.v3-home .ec-service-tile::before,html body.v3-home .ec-service-tile::after{display:none!important}
html body.v3-home .ec-service-tile b{position:static!important;color:var(--mk-ink,#132a22)!important;font-size:14px!important;font-weight:600!important;line-height:1.25;text-shadow:none!important;background:none!important;padding:0!important;white-space:normal}
html body.v3-home .ec-service-tile:hover{border-color:var(--hp-green)!important}

/* Help Now: a neat pill, still clearly the emergency route */
.ec-helpnow{background:#fff!important;color:#b3261e!important;border:1.5px solid #f1c9c6!important;box-shadow:0 8px 24px rgba(19,42,34,.18)!important;min-height:44px;padding:0 16px!important;font-weight:600!important;font-size:15px!important;border-radius:999px!important}
.ec-helpnow svg{color:#b3261e}

/* car cards: photo first, price big */
.ec-carcard{display:flex;flex-direction:column;overflow:hidden;padding:0!important}
.ec-carcard-media{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(135deg,var(--hp-tint),var(--hp-sage));border-radius:14px 14px 0 0;overflow:hidden}
.ec-carcard-media img{width:100%;height:100%;object-fit:cover;display:block}
.ec-carcard-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;color:var(--hp-green);letter-spacing:.02em}
.ec-carcard-media .ec-badge{position:absolute;left:10px;top:10px}
.ec-carcard .ec-pcard-body{padding:12px 14px 14px}
.ec-carcard-price{font-size:1.3rem;font-weight:700;color:var(--mk-ink,#132a22);margin-bottom:2px}
.ec-carcard h3{font-size:1rem;margin:0 0 4px}
.ec-carcard-where{color:var(--mk-muted,#626c66)}

/* rails: arrows instead of a scrollbar */
.hp-rail-wrap{position:relative}
.hp-rail-wrap>[data-hp-rail]{scrollbar-width:none;scroll-behavior:smooth}
.hp-rail-wrap>[data-hp-rail]::-webkit-scrollbar{display:none}
.hp-rail-btn{position:absolute;top:38%;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--hp-line);background:#fff;color:var(--mk-ink,#132a22);font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(19,42,34,.16);cursor:pointer}
.hp-rail-btn[hidden]{display:none}
.hp-rail-prev{left:-6px}.hp-rail-next{right:-6px}
@media(max-width:760px){.hp-rail-prev{left:2px}.hp-rail-next{right:2px}}