/* Лендинг робот-моек: подключается после landing.css */

/* hero: рендер робота на мягком свечении без видимой рамки, плашка с работающим объектом */
.rb-h1-sub{font-size:clamp(17px,2vw,23px);font-weight:500;color:var(--accent);margin:-6px 0 18px;line-height:1.3;max-width:560px}
.rb-hero-img{background:radial-gradient(closest-side,rgba(0,130,220,.5),rgba(0,94,166,.16) 62%,transparent);aspect-ratio:3/2;box-shadow:none;overflow:visible;border-radius:0}
.rb-hero-img img{object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,0,0,.5))}
.rb-hero-col{display:flex;flex-direction:column;align-items:center;gap:6px}
.rb-hero-col .hero-img{width:100%}
.rb-badge{display:flex;gap:12px;align-items:center;padding:8px 18px 8px 8px;background:rgba(3,38,64,.88);border-radius:12px;color:#D5E2EE;text-decoration:none;font-size:13px;line-height:1.35;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px rgba(0,0,0,.35)}
.rb-badge img{width:56px;height:74px;object-fit:cover;border-radius:8px;flex:none}
.rb-badge b{display:block;font-size:16px;color:#fff}
.rb-badge b::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:2px;box-shadow:0 0 0 4px rgba(160,190,71,.25)}
.rb-badge:hover b{color:var(--accent)}

/* было → стало: пара карточек со стрелкой между ними */
.rb-ba{display:grid;gap:12px}
.rb-ba-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}
.rb-ba-row::after{content:'→';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--accent);color:#1b1b1b;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px var(--navy3)}
.rb-ba-row>div{border-radius:var(--r);padding:20px 22px}
.rb-ba-row .was{background:rgba(242,88,48,.1);border:1px solid rgba(242,88,48,.35)}
.rb-ba-row .now{background:rgba(160,190,71,.14);border:1px solid rgba(160,190,71,.5);padding-left:30px}
.rb-ba .lbl{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.rb-ba .was .lbl{color:#FF9C80}
.rb-ba .was .lbl::before{content:'✕  '}
.rb-ba .now .lbl{color:#C6E08A}
.rb-ba .now .lbl::before{content:'✓  '}
.rb-ba p{font-size:16px}
.rb-ba .was p{color:#C9D8E6}
.rb-ba .now p{color:#fff;font-weight:600}

/* модели */
.rb-models{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rb-model .pic{height:240px}
.rb-model .pic img{max-height:240px}
.hit-label.rb-new{background:var(--cyan);color:#032640}

/* списки программ и опций */
.rb-lists{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.rb-lists>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.rb-lists h3{font-size:17px}
.rb-lists ul{padding-left:18px;font-size:15px;color:#33444F}
.rb-lists li{margin:5px 0}

/* чертежи */
.rb-draw{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.rb-draw figure{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px}
.rb-draw img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:8px}
.rb-draw figcaption{font-size:13px;color:var(--muted);margin-top:8px}

/* конструкция и технологии */
.rb-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;margin-top:10px}
.rb-build{list-style:none;counter-reset:b;display:grid;gap:12px}
.rb-build li{counter-increment:b;position:relative;padding:14px 16px 14px 56px;background:var(--navy2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);color:#D5E2EE;font-size:15px}
.rb-build li::before{content:counter(b);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#1b1b1b;font-weight:800;display:flex;align-items:center;justify-content:center}
.rb-build b{color:#fff}
/* фото позиционировано абсолютно: высоту строки задаёт список, фото её заполняет */
.rb-bleed{position:relative;min-height:320px;border-radius:var(--r);overflow:hidden}
.rb-bleed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.rb-sub{font-size:20px;color:#fff;margin:40px 0 16px}
.rb-tech{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rb-tech>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:20px}
.rb-tech .n{display:inline-flex;width:28px;height:28px;border-radius:8px;background:var(--cyan);color:#032640;font-weight:800;align-items:center;justify-content:center;margin-bottom:8px}
.rb-tech h3{font-size:16px}
.rb-tech p{font-size:14px;color:#C9D8E6}

/* кейсы */
.rb-case{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;background:var(--navy2);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:24px;margin-top:22px}
/* фото занимают всю высоту карточки: два — рядом, три — крупное сверху и два под ним */
/* сетка фото лежит абсолютно внутри колонки: высоту карточки задаёт текст кейса */
.rb-case-pics{position:relative;min-height:360px}
.rb-case-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:10px}
.rb-case-grid:has(img:nth-child(3)){grid-template-rows:minmax(0,1.35fr) minmax(0,1fr)}
.rb-case-grid img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:10px}
.rb-case-grid img:first-child:nth-last-child(3){grid-column:span 2}
.rb-case h3{font-size:22px;margin:8px 0 2px}
.rb-case .meta{font-size:13px;color:#9FB6CC;margin-bottom:14px}
.rb-case dl{display:grid;grid-template-columns:1fr auto;gap:8px 10px;font-size:15px}
.rb-case dt{color:#9FB6CC}
.rb-case dd{font-weight:700;text-align:right}
.rb-case .pb{margin:14px 0;padding:12px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;align-items:baseline}
.rb-case .pb b{color:var(--accent);font-size:26px}
.rb-case h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:12px 0 4px}
.rb-case p{font-size:15px;color:#D5E2EE}

/* калькулятор */
#rc-cars,#rc-check,#rc-marg,#rc-inv{display:block}
.res .warn{color:#FFB199}

@media (max-width:1100px){
  .rb-lists,.rb-tech{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .rb-ba-row,.rb-models,.rb-draw,.rb-tech-grid,.rb-case,.rb-lists{grid-template-columns:1fr}
  .rb-ba-row::after{display:none}
  .rb-ba-row .now{padding-left:22px}
  .rb-tech{grid-template-columns:1fr}
  .rb-bleed{height:300px;min-height:0}
  .rb-case-pics{min-height:0}
  .rb-case-grid{position:static;grid-auto-rows:220px}
  .rb-case-grid:has(img:nth-child(3)){grid-template-rows:230px 160px}
}
@media (max-width:560px){
  .rb-model .pic{height:200px}
  .rb-case{padding:18px}
  .rb-case-grid{grid-auto-rows:190px}
  .rb-case-grid:has(img:nth-child(3)){grid-template-rows:200px 130px}
  .rb-badge{font-size:12px}
  .rb-badge img{width:44px;height:58px}
  .rb-badge b{font-size:14px}
}