/* Car finder (contact page + homepage). Plain CSS: the Tailwind build does not scan inc/ or assets/. */
.an-cf { width: 100%; text-align: left; }
.an-cf__label { display: block; font-weight: 700; color: #fff; margin-bottom: .6rem; font-size: 1rem; }
.an-cf--inline .an-cf__label { font-weight: 600; font-size: .875rem; color: #c6c6cd; }
.an-cf__box { display: flex; align-items: center; gap: .5rem; background: #0b0f10; border: 1px solid #45464d; border-radius: .75rem; padding: 0 .9rem; transition: border-color .15s; }
.an-cf__box:focus-within { border-color: #89ceff; box-shadow: 0 0 0 3px rgba(137, 206, 255, .15); }
.an-cf__icon { color: #89ceff; font-size: 22px; }
.an-cf__input { flex: 1; min-width: 0; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; color: #e0e3e5; font-size: 1rem; padding: .95rem 0 !important; }
.an-cf--hero .an-cf__input { font-size: 1.05rem; padding: 1.1rem 0 !important; }
.an-cf__input::placeholder { color: #8e9099; }
.an-cf__results { display: none; margin-top: .75rem; }
.an-cf__results.is-open { display: block; }
.an-cf__results--field { margin: .5rem 0 1rem; padding: .75rem; background: #191c1e; border: 1px solid #45464d; border-radius: .6rem; }
.an-cf__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.an-cf__item { display: flex; align-items: center; gap: .75rem; padding: .6rem .75rem; background: #1d2022; border: 1px solid #45464d; border-radius: .6rem; color: #e0e3e5; text-decoration: none; transition: border-color .15s, background .15s; }
.an-cf__item:hover, .an-cf__item:focus-visible { border-color: #89ceff; background: #272a2c; }
.an-cf__item img, .an-cf__ph { width: 48px; height: 48px; border-radius: .4rem; object-fit: cover; flex: none; background: #272a2c; }
.an-cf__ph { display: flex; align-items: center; justify-content: center; color: #89ceff; }
.an-cf__name { flex: 1; font-size: .875rem; line-height: 1.35; }
.an-cf__price { font-weight: 800; color: #89ceff; white-space: nowrap; font-size: 1rem; }
.an-cf__go { color: #89ceff; font-size: 20px; }
.an-cf__msg { margin: 0 0 .6rem; font-size: .9rem; line-height: 1.5; color: #e0e3e5; }
.an-cf__msg--ok { color: #89ceff; font-weight: 700; }
.an-cf__msg--warn { color: #ffb4ab; font-weight: 600; }
.an-cf__note { margin: .6rem 0 0; font-size: .8rem; color: #c6c6cd; }
.an-cf__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.an-cf__btn { display: inline-flex; align-items: center; padding: .6rem 1rem; border-radius: .5rem; font-weight: 700; font-size: .85rem; text-decoration: none; border: 1px solid #45464d; color: #e0e3e5; background: #272a2c; }
.an-cf__btn:hover { border-color: #89ceff; }
.an-cf__btn--primary { background: #89ceff; color: #0f172a; border-color: #89ceff; }
.an-cf__btn--primary:hover { background: #c9e6ff; }

/* Contact page: "check the shop first" banner */
.an-shop-first { background: linear-gradient(135deg, rgba(137, 206, 255, .12), rgba(137, 206, 255, .03)); border: 1px solid rgba(137, 206, 255, .35); border-radius: 1rem; padding: 1.5rem; margin-bottom: 2rem; }
@media (min-width: 768px) { .an-shop-first { padding: 2rem; } }
.an-shop-first h2 { color: #fff; font-size: 1.5rem; font-weight: 800; margin: 0 0 .5rem; line-height: 1.25; }
.an-shop-first p { color: #c6c6cd; margin: 0 0 .4rem; line-height: 1.55; }
.an-shop-first p strong { color: #fff; }
.an-shop-first__rule { color: #ffb4ab !important; font-weight: 600; }
.an-shop-first .an-cf { margin-top: 1.25rem; }

/* Price anchor on the homepage */
.an-price-pill { display: inline-flex; align-items: center; gap: .4rem; padding: .4rem .9rem; border-radius: 999px; background: rgba(137, 206, 255, .12); border: 1px solid rgba(137, 206, 255, .4); color: #c9e6ff; font-size: .9rem; font-weight: 600; }
.an-price-pill strong { color: #89ceff; font-weight: 800; }
.an-or { display: flex; align-items: center; gap: .75rem; color: #8e9099; font-size: .8rem; margin: 1.5rem 0 1rem; text-transform: uppercase; letter-spacing: .08em; }
.an-or::before, .an-or::after { content: ""; flex: 1; height: 1px; background: #45464d; }
