/* Conversion fixes (Oct 2026): cars sooner on phones, always-visible price + quote button on car pages, slimmer cookie notice. */
@media (max-width: 639px) {
  .gel-feat { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; margin-left: -16px; margin-right: -16px; padding: 0 16px 10px; scrollbar-width: none; }
  .gel-feat::-webkit-scrollbar { display: none; }
  .gel-feat > * { flex: 0 0 84%; scroll-snap-align: center; }
  #cookie-banner { padding: 8px 12px !important; }
  #cookie-banner > div { flex-direction: row !important; gap: 10px !important; }
  #cookie-banner p { font-size: 12px; line-height: 1.3; }
  #cookie-banner .btn-primary { padding: 8px 14px; }
}
.gel-sticky { display: none; }
@media (max-width: 1023px) {
  .gel-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(7, 11, 19, .96); border-top: 1px solid rgba(57, 255, 143, .35); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  .gel-sticky__price { line-height: 1.2; min-width: 0; }
  .gel-sticky__price small { display: block; font-size: 11px; color: #9aabc5; }
  .gel-sticky__price b { font-size: 20px; color: #39ff8f; font-weight: 700; }
  .gel-sticky__price span { font-size: 12px; color: #c3cbd9; }
  .gel-sticky .btn-primary { flex: none; padding: 12px 18px; font-size: 15px; white-space: nowrap; }
  body.has-sticky { padding-bottom: 76px; }
  body.has-sticky #gel-chat-toggle, body.has-sticky .gel-chat-toggle { bottom: 88px !important; }
  body.has-sticky #cookie-banner { bottom: 66px; }
}
.gel-more { margin-top: 8px; }@media (max-width: 639px) { .gel-hero__sub { display: none; } .gel-hero .gel-hero__title { font-size: 1.65rem; line-height: 1.2; } .gel-hero__badge { display: none; } }

/* "Find your car" quiz (home page) */
.gel-quiz { background: linear-gradient(#f4f7fb, #eaf0f8); padding: 44px 0 52px; border-top: 1px solid #dfe7f1; border-bottom: 1px solid #dfe7f1; }
.gel-quiz__in { max-width: 62rem; margin: 0 auto; padding: 0 20px; }
.gel-quiz__head { text-align: center; max-width: 38rem; margin: 0 auto 22px; }
.gel-quiz__eyebrow { display: inline-block; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: #0f9a5b; font-weight: 700; }
.gel-quiz__head h2 { margin: 8px 0 6px; font-size: clamp(22px, 3.6vw, 32px); line-height: 1.2; font-weight: 700; color: #070b13; font-family: var(--font-display, inherit); }
.gel-quiz__head p { margin: 0; color: #55627a; font-size: 15px; line-height: 1.6; }
.gel-quiz__box { background: #fff; border: 1px solid #dbe4f0; border-radius: 16px; padding: 22px 20px 20px; box-shadow: 0 18px 40px -26px rgba(7, 11, 19, .35); max-width: 46rem; margin: 0 auto; }
.gel-quiz__bar { height: 6px; border-radius: 99px; background: #e8eef7; overflow: hidden; }
.gel-quiz__bar i { display: block; height: 100%; background: linear-gradient(90deg, #0fdb6a, #39ff8f); border-radius: 99px; transition: width .3s; }
.gel-quiz__count { margin: 10px 0 0; font-size: 12px; color: #7a869b; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.gel-quiz__q { margin: 8px 0 4px; font-size: 20px; font-weight: 700; color: #070b13; line-height: 1.3; }
.gel-quiz__hint { margin: 0 0 12px; font-size: 13.5px; color: #66728a; }
.gel-quiz__select { width: 100%; box-sizing: border-box; padding: 14px 14px; margin-top: 10px; border: 1.5px solid #cdd8e8; border-radius: 12px; font: inherit; font-size: 16px; background: #fff; color: #070b13; }
.gel-quiz__opts { display: grid; gap: 10px; margin-top: 12px; grid-template-columns: 1fr; }
@media (min-width: 560px) { .gel-quiz__opts { grid-template-columns: 1fr 1fr; } }
.gel-quiz__opt { padding: 15px 16px; border: 1.5px solid #cdd8e8; border-radius: 12px; background: #fff; font: inherit; font-size: 16px; font-weight: 600; color: #1b2638; text-align: left; cursor: pointer; transition: border-color .12s, background .12s, transform .08s; }
.gel-quiz__opt:hover, .gel-quiz__opt.on { border-color: #0fdb6a; background: #effff6; }
.gel-quiz__opt:active { transform: scale(.985); }
.gel-quiz__next { margin-top: 14px; width: 100%; padding: 14px; border: 0; border-radius: 12px; background: #0fdb6a; color: #04210f; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.gel-quiz__next:disabled { background: #cfe9da; color: #7aa38c; cursor: not-allowed; }
.gel-quiz__back { margin-top: 14px; background: none; border: 0; color: #55627a; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; padding: 6px 0; }
.gel-quiz__wait { margin: 24px 0; text-align: center; color: #55627a; }
.gel-quiz__res { display: grid; gap: 14px; margin-top: 12px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .gel-quiz__box { max-width: 62rem; } .gel-quiz__res { grid-template-columns: repeat(3, 1fr); } }
.gel-quiz__car { border: 1px solid #dbe4f0; border-radius: 14px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.gel-quiz__img { position: relative; display: block; height: 150px; background: #eef2f8; }
.gel-quiz__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gel-quiz__img span { position: absolute; left: 10px; top: 10px; background: rgba(255, 255, 255, .92); color: #1b2638; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 99px; }
.gel-quiz__body { padding: 14px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.gel-quiz__body h4 { margin: 0; font-size: 17px; font-weight: 700; color: #070b13; }
.gel-quiz__price { margin: 2px 0 0; color: #0b7a47; }
.gel-quiz__price b { font-size: 22px; }
.gel-quiz__price small { display: block; font-size: 11.5px; color: #7a869b; }
.gel-quiz__fob { margin: 0; font-size: 13px; color: #55627a; }
.gel-quiz__body ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 3px; font-size: 13px; color: #33415a; }
.gel-quiz__body li::before { content: "\2713"; color: #0fdb6a; font-weight: 800; margin-right: 6px; }
.gel-quiz__act { display: flex; gap: 8px; margin-top: auto; padding-top: 12px; }
.gel-quiz__act a { flex: 1; text-align: center; font-size: 14px; padding: 10px 8px; }
.gel-quiz__foot { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; flex-wrap: wrap; gap: 8px; }
.gel-quiz__all { font-size: 14px; font-weight: 700; color: #0b6fd0; text-decoration: none; }