/* Карусель (правки 14.10 п.11, п.14): горизонтальная лента со snap, стрелки, точки, счётчик. Новые слайды — просто ещё один элемент в .car-track */
.car { position: relative; }
.car-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--car-gap, 1.25rem) * (var(--car-per, 2) - 1)) / var(--car-per, 2)); gap: var(--car-gap, 1.25rem); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 0.5rem 0.25rem 1.5rem; margin: -0.5rem -0.25rem 0; cursor: grab; }
.car-track::-webkit-scrollbar { display: none; }
.car-track.drag { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; user-select: none; }
.car-track > * { scroll-snap-align: start; min-width: 0; }
.car-bar { display: flex; align-items: center; gap: 1rem; margin-top: 0.25rem; }
.car-dots { display: flex; align-items: center; gap: 0.5rem; }
.car-dots button { width: 0.5rem; height: 0.5rem; padding: 0; border: 0; border-radius: 62rem; background: rgba(63,143,214,.25); cursor: pointer; transition: width 300ms cubic-bezier(.2,.8,.2,1), background 300ms; }
.car-dots button.on { width: 1.75rem; background: #3f8fd6; }
.car-count { font-size: 0.875rem; line-height: 1.25rem; color: #5d6b7e; font-variant-numeric: tabular-nums; }
.car-count b { color: #0f1b2d; font-weight: 600; }
.car-nav { margin-left: auto; display: flex; gap: 0.5rem; }
.car-nav button { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 0.0625rem solid rgba(15,27,45,.12); background: rgba(255,255,255,.85); color: #0f1b2d; font-size: 1.125rem; cursor: pointer; box-shadow: 0 0.5rem 1.25rem -0.75rem rgba(30,70,120,.4); transition: background 200ms, color 200ms, transform 200ms, opacity 200ms; }
.car-nav button:hover:not(:disabled) { background: #3f8fd6; color: #fff; transform: translateY(-0.125rem); }
.car-nav button:disabled { opacity: .35; cursor: default; }
@media (width <= 900px) { .car { --car-per: 1.15 !important; } }
@media (width <= 580px) { .car { --car-per: 1.08 !important; --car-gap: 0.75rem; } .car-nav button { width: 2.5rem; height: 2.5rem; } }
.car-bar[hidden] { display: none !important; }