/* RS AVTO: вид «v3 (А+Б)» старта и шагов брони (макет C:/ArgHubWork/rs-mock/pages3; lib/rsv3.js). Подключается после rs-site.css только когда включён v3.
   Цвета и шрифт — переменные сайта (--or, --ink, --mut, --line, --paper). Без встроенных стилей (CSP). */
.rsv2 .v3gb{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--ink);border-radius:99px;padding:5px 12px 5px 9px;font-size:13px;font-weight:800;margin:0 0 10px;text-decoration:none;line-height:1.2;text-shadow:none;align-self:flex-start}
.rsv2 .v3gb .g{flex:none}
.rsv2 .v3gb .v3st{color:#F5A623;letter-spacing:1px;font-size:12px}
.rsv2 .v3gb span:not(.v3st){color:var(--mut);font-weight:700}
.rsv2 .hero[data-v="3"] .h3s>.h3g,.rsv2 .hero[data-v="3"] .h3b{display:none}
.rsv2 .v3hold{grid-column:1/-1;display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--mut);text-align:center;margin:2px 0 0;line-height:1.3}
.rsv2 .v3hold svg{color:#1B9B55;flex:none;width:20px;height:20px}
.rsv2 .hero[data-v="3"] .h3go{font-size:17px}

/* плашки преимуществ */
.rsv2 .v3u{padding:18px 0 4px}
.rsv2 .v3u .wrap{max-width:var(--w);margin:0 auto;padding:0 12px}
.rsv2 .v3u ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.rsv2 .v3u li{background:#fff;border-radius:16px;padding:12px 8px;text-align:center;font-size:12.5px;font-weight:800;line-height:1.2;box-shadow:0 1px 8px rgba(20,35,46,.05);display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.rsv2 .v3u li svg{color:var(--or);flex:none}
.rsv2 .v3u li:nth-child(4){display:none}

/* заголовки блоков */
.rsv2 .v3r,.rsv2 .v3hp,.rsv2 .v3rv,.rsv2 .v3q{padding:26px 0 4px}
.rsv2 .v3r .wrap,.rsv2 .v3hp .wrap,.rsv2 .v3rv .wrap,.rsv2 .v3q .wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.rsv2 .v3r h2,.rsv2 .v3hp h2,.rsv2 .v3rv h2,.rsv2 .v3q h2{font-size:23px;font-weight:800;line-height:1.12;margin:0}
.rsv2 .v3r h2 em{font-style:normal;color:var(--or2)}
.rsv2 .v3s{font-size:13.5px;color:var(--mut);font-weight:600;margin:4px 0 0}

/* ряд свободных машин */
.rsv2 .v3rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:14px 16px 8px;margin:0 -16px;scrollbar-width:none}
.rsv2 .v3rail::-webkit-scrollbar{display:none}
.rsv2 .v3c{flex:none;width:262px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 16px rgba(20,35,46,.08);scroll-snap-align:start}
.rsv2 .v3im{position:relative;display:block;height:160px;background:var(--paper2)}
.rsv2 .v3im img{width:100%;height:100%;object-fit:cover;display:block}
.rsv2 .v3av{position:absolute;left:10px;top:10px;background:#fff;border-radius:99px;font-size:11.5px;font-weight:800;padding:5px 10px 5px 8px;display:flex;gap:6px;align-items:center;color:#168a4a}
.rsv2 .v3av:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.rsv2 .v3av.lo{color:var(--or2)}
.rsv2 .v3in{padding:12px 14px 14px}
.rsv2 .v3in h3{font-size:16.5px;font-weight:800;margin:0;line-height:1.2}
.rsv2 .v3in p{font-size:12.5px;color:var(--mut);font-weight:600;margin:2px 0 0}
.rsv2 .v3pr{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:12px}
.rsv2 .v3pr b{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1;display:block}
.rsv2 .v3pr small{display:block;font-size:11.5px;color:var(--mut);font-weight:600;margin-top:3px}
.rsv2 .v3go{background:var(--or);color:#fff;font-weight:800;font-size:14px;border-radius:12px;padding:10px 14px;text-decoration:none;white-space:nowrap}
.rsv2 .v3all{display:block;text-align:center;font-weight:800;color:var(--or2);font-size:14.5px;padding:12px 0 0;text-decoration:none}

/* как это работает + сколько и когда платите */
.rsv2 .v3stp{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.rsv2 .v3stp li{display:flex;gap:13px;align-items:flex-start;background:#fff;border-radius:18px;padding:14px}
.rsv2 .v3stp i{flex:none;width:30px;height:30px;border-radius:99px;background:var(--or);color:#fff;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
.rsv2 .v3stp b{display:block;font-size:15px;font-weight:800;line-height:1.25}
.rsv2 .v3stp small{display:block;font-size:13px;color:var(--mut);font-weight:600;margin-top:2px;line-height:1.35}
.rsv2 .v3two>div+div{margin-top:8px}
.rsv2 .v3pay{margin-top:14px;background:var(--ink);color:#fff;border-radius:22px;padding:6px 18px}
.rsv2 .v3pay .r{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:14.5px;font-weight:700;gap:10px}
.rsv2 .v3pay .r:last-child{border:0}
.rsv2 .v3pay .r small{display:block;font-size:12px;opacity:.7;font-weight:600;margin-top:2px}
.rsv2 .v3pay .r b{font-size:17px;white-space:nowrap}
.rsv2 .v3pay .r.hi b{color:#FF8A5B;font-size:20px}

/* отзывы Google */
.rsv2 .v3rvs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:14px 16px 6px;margin:0 -16px;scrollbar-width:none}
.rsv2 .v3rvs::-webkit-scrollbar{display:none}
.rsv2 .v3rc{flex:none;width:280px;background:#fff;border-radius:18px;padding:14px;font-size:13.5px;font-weight:600;line-height:1.38;scroll-snap-align:start}
.rsv2 .v3rc header{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.rsv2 .v3rc header i{width:38px;height:38px;border-radius:99px;background:var(--ink);color:#fff;font-style:normal;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}
.rsv2 .v3rc header b{display:block;font-size:14px}
.rsv2 .v3rc header small{display:flex;gap:4px;align-items:center;font-size:11.5px;color:var(--mut)}
.rsv2 .v3rc header small .g{width:12px;height:12px}
.rsv2 .v3rc .v3st{margin-left:auto;color:#F5A623;letter-spacing:1px;font-size:13px;white-space:nowrap}
.rsv2 .v3rc p{margin:0}

/* вопросы */
.rsv2 .v3fq{margin-top:14px;display:grid;gap:8px}
.rsv2 .v3fq details{background:#fff;border-radius:16px;padding:13px 14px}
.rsv2 .v3fq summary{font-size:14.5px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}
.rsv2 .v3fq summary::-webkit-details-marker{display:none}
.rsv2 .v3fq summary:after{content:"+";color:var(--or2);font-weight:800}
.rsv2 .v3fq details[open] summary:after{content:"–"}
.rsv2 .v3fq p{font-size:13px;color:var(--mut);font-weight:600;margin:6px 0 0;line-height:1.4}
.rsv2 .v3q{padding-bottom:18px}

@media(min-width:900px){
 .rsv2 .v3u{padding:28px 0 0}.rsv2 .v3u .wrap{padding:0 max(56px,6vw)}
 .rsv2 .v3u ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
 .rsv2 .v3u li{flex-direction:row;text-align:left;font-size:15px;padding:18px;gap:10px}
 .rsv2 .v3u li:nth-child(4){display:flex}
 .rsv2 .v3r,.rsv2 .v3hp,.rsv2 .v3rv,.rsv2 .v3q{padding-top:44px}
 .rsv2 .v3r .wrap,.rsv2 .v3hp .wrap,.rsv2 .v3rv .wrap,.rsv2 .v3q .wrap{padding:0 max(56px,6vw)}
 .rsv2 .v3r h2,.rsv2 .v3hp h2,.rsv2 .v3rv h2,.rsv2 .v3q h2{font-size:34px}
 .rsv2 .v3rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;padding:18px 0 6px;margin:0}
 .rsv2 .v3c{width:auto}.rsv2 .v3im{height:220px}
 .rsv2 .v3two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.rsv2 .v3two>div+div{margin-top:0}
 .rsv2 .v3rvs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;padding:18px 0 6px;margin:0}
 .rsv2 .v3rc{width:auto}
 .rsv2 .v3fq{max-width:860px}
 .rsv2 .v3all{text-align:left}
}

/* ===== первый экран как в макете (01.11): фото сверху, поверх бейдж Google + H1 + одна строка; компактная карточка выбора ===== */
.rsv2 .hero[data-v="3"] .slogan,.rsv2 .hero[data-v="3"] .h3soc,.rsv2 .hero[data-v="3"] .roadline{display:none}
.rsv2 .hero[data-v="3"] .v3sub{color:rgba(255,255,255,.92);font-size:14px;font-weight:600;line-height:1.35;margin:8px 0 0;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.rsv2 .hero[data-v="3"] .v3gb{margin-bottom:10px}
.rsv2 .hero[data-v="3"] .h3shade{background:linear-gradient(0deg,rgba(10,24,32,.88) 0,rgba(10,24,32,.45) 55%,rgba(10,24,32,.1) 100%)}
@media(max-width:899px){
 .rsv2 .hero[data-v="3"] .h3img,.rsv2 .hero[data-v="3"] .h3shade{height:360px}
 .rsv2 .hero[data-v="3"] .txt{top:20px}
 .rsv2 .hero[data-v="3"] h1{font-size:28px;line-height:1.1}
 .rsv2 .hero[data-v="3"] .h3s{margin-top:-52px}
}
@media(min-width:900px){.rsv2 .hero[data-v="3"] .txt{display:block;height:auto;padding:0;bottom:auto;top:calc(max(520px,70vh) - 400px)}.rsv2 .hero[data-v="3"] .h3s .w2{grid-column:span 3}.rsv2 .hero[data-v="3"] .h3go{grid-column:1/-1}.rsv2 .hero[data-v="3"] .v3sub{font-size:18px}}
@media(max-width:899px){.rsv2 .hero[data-v="3"] .h3s .w2{grid-column:span 1}}
.rsv2 .hero[data-v="3"] .h3dt{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.rsv2 .hero[data-v="3"] .h3dt select{font-size:13px;font-weight:600;color:var(--mut);min-height:20px}
.rsv2 .v3ret{grid-column:1/-1}
.rsv2 .v3ret summary{list-style:none;cursor:pointer;color:var(--or2);font-weight:800;font-size:14px;text-align:center;padding:2px 0}
.rsv2 .v3ret summary::-webkit-details-marker{display:none}
.rsv2 .v3ret[open] summary{margin-bottom:8px}
.rsv2 .v3ret .h3f{display:block}
/* шапка: логотип, язык, WhatsApp; на телефоне без поделиться, Telegram, кнопки брони и ряда разделов */
.rsv2 .top .shr,.rsv2 .top .soc .sc:not(.wa){display:none}
@media(max-width:899px){
 .rsv2 .top .soc .sc:not(.wa),.rsv2 .top .r>.hb,.rsv2 .top .rowchips{display:none}
 .rsv2 .v3c{width:300px}
 .rsv2 .v3im{height:210px}
}
@media(min-width:900px){.rsv2 .v3im{height:250px}}
.rsv2 .v3ans{padding:26px 0 0}.rsv2 .v3ans .wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.rsv2 .v3ans h2{font-size:21px;font-weight:800;margin:0 0 8px}.rsv2 .v3ans p{margin:0;font-size:15px;line-height:1.5;color:var(--mut)}
@media(min-width:900px){.rsv2 .v3ans .wrap{padding:0 max(56px,6vw)}.rsv2 .v3ans h2{font-size:26px}}
/* липкая панель: одно главное действие «Выбрать даты и машину» на всю ширину; WhatsApp уже есть в шапке (ux-review 01.11: две кнопки и чат — перегружено) */
@media(max-width:899px){
 .rsv2 .cstk .cwa{display:none}
 .rsv2 .cstk .cbk{flex:1 1 auto}
}
.rsv2 .hero[data-v="3"] .h3go{color:#fff}
.rsv2 .hero[data-v="3"] .txt h1.rs-kick{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
/* ПК: форма поиска в одну строку на всю ширину — «Где забрать» | даты | кнопка; «Вернуть в другом месте» — строкой под ними (ux-review 01.11: справа было пусто) */
@media(min-width:900px){
 .rsv2 .hero[data-v="3"] .h3s>.h3f.w3{grid-column:span 2;order:1}
 .rsv2 .hero[data-v="3"] .h3s>.rcal-t{grid-column:span 2;order:2}
 .rsv2 .hero[data-v="3"] .h3s>.h3go{grid-column:span 2;order:3;height:62px}
 .rsv2 .hero[data-v="3"] .h3s>.v3ret{order:4}
 .rsv2 .hero[data-v="3"] .h3s>.rcal-lead{order:5;grid-row:auto}
 .rsv2 .hero[data-v="3"] .h3s>.v3hold{order:6}
}
/* ux-review 2: на телефоне нижняя кнопка появляется, когда форма первого экрана уже уехала вверх (иначе две одинаковые оранжевые кнопки рядом) */
@supports (animation-timeline:scroll()){
 @media(max-width:899px){
  .rsv2 .cstk{animation:v3cstk linear both;animation-timeline:scroll(root);animation-range:300px 520px}
  @keyframes v3cstk{from{opacity:0;transform:translateY(100%);visibility:hidden}to{opacity:1;transform:none;visibility:visible}}
 }
}
/* карта офиса под «Где забрать» (владелец 01.11: Google Карты должны открываться на этом экране) */
.rsv2 .hero[data-v="3"] .h3s>.v3map{grid-column:1/-1;display:block;text-align:center;color:var(--or2);font-weight:800;font-size:14px;text-decoration:none;padding:2px 0}
@media(min-width:900px){.rsv2 .hero[data-v="3"] .h3s>.v3map{order:4}}