/* Выбор машины: марка, модель (поиск по вводу), поколение, двигатель - content/shop/podbor/car_pick.js. Цвета сайта (style.css) */
.cp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1.3fr);gap:10px;align-items:start}
.cp__f{position:relative;min-width:0}
.cp__inp{width:100%;height:40px;min-width:0;padding:0 12px;border:1px solid rgba(248,250,249,.16);border-radius:10px;background:#1B1B1B;color:var(--white,#F8FAF9);font:inherit;font-size:14px;box-sizing:border-box}
.cp__inp:focus{outline:none;border-color:var(--green,#5AE0AE)}
.cp__inp:disabled{opacity:.45}
select.cp__inp{padding-right:28px;text-overflow:ellipsis}
select.cp__inp.is-need{border-color:#ffb347;box-shadow:0 0 0 3px rgba(255,179,71,.18)}
.cp__list{position:absolute;z-index:1300;left:0;top:calc(100% + 4px);min-width:100%;width:max-content;max-width:min(340px,calc(100vw - 40px));box-sizing:border-box;max-height:300px;overflow:auto;margin:0;padding:4px;list-style:none;background:#1B1B1B;border:1px solid rgba(248,250,249,.16);border-radius:10px;box-shadow:0 14px 36px rgba(0,0,0,.55)}
.cp__list[hidden]{display:none}
.cp ul.cp__list > li{display:flex;justify-content:space-between;gap:14px;margin:0;padding:7px 10px;line-height:1.3;min-height:0;height:auto;list-style:none;border-radius:8px;cursor:pointer;font-size:14px;color:var(--white,#F8FAF9)}
.cp__list li small{color:var(--gray-text,#898A8A);font-size:12px;white-space:nowrap}
.cp__list li[aria-selected="true"],.cp__list li[role="option"]:hover{background:rgba(90,224,174,.12)}
.cp ul.cp__list > li.cp__sep{cursor:default;padding:8px 10px 4px;color:var(--gray-text,#898A8A);font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid rgba(248,250,249,.08);border-radius:0}
.cp ul.cp__list > li.cp__sep--top{border-top:0;padding-top:6px}
.cp ul.cp__list > li.cp__sep:hover,.cp ul.cp__list > li.cp__none:hover{background:none}
.cp ul.cp__list > li.cp__none{cursor:default;color:var(--gray-medium,#ACACAC)}
.cp__hint{grid-column:1 / -1;color:#f3d9a8;font-size:13px}
.cp__hint[hidden]{display:none}
@media (max-width: 991px){
  .cp{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 480px){
  .cp{grid-template-columns:minmax(0,1fr)}
}