/* kit-v2.css — карточка обвеса v2 поверх разметки темы (макет BMW XM, принят 26.10.2026).
   Скоуп: html.cv2-kit. Правило швов: 24px (18 на телефоне) по центру стыка, рисует светлый блок. */
html.cv2-kit{--cv2-accent:#d9442f;--cv2-light:#efede8;--cv2-light2:#e6e3dd;--cv2-lfg:#161617;--cv2-lmuted:#5f5e5a;--cv2-lline:#d4d1ca;--cv2-seam:24px;--cv2-muted:#9b9a95;--cv2-line:#2a2a2d}
@media(max-width:800px){html.cv2-kit{--cv2-seam:18px}}

/* --- общие элементы --- */
.cv2-kicker{font:400 12px/1 Cygre,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--cv2-muted);margin-bottom:10px}
.cv2-h2{font:300 clamp(24px,2.6vw,38px)/1.1 Cygre,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0;color:#fff}
.cv2-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.cv2-lnk{font:400 13px/1 Cygre,sans-serif;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--cv2-accent);padding-bottom:5px;display:inline-flex;gap:10px;align-items:center;white-space:nowrap;color:#fff}
.cv2-lnk::after{content:"→";color:var(--cv2-accent)}
.cv2-btn-red,.cv2-btn-line{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border-radius:999px;font:400 12px/1 Cygre,sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;text-decoration:none}
.cv2-btn-red{background:var(--cv2-accent);color:#fff;border:1px solid var(--cv2-accent)}.cv2-btn-red::after{content:"→"}
.cv2-btn-line{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent}
.cv2-fire{font:400 clamp(24px,2.6vw,38px)/1.1 Cygre,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0;background:linear-gradient(90deg,#8a3322 0%,var(--cv2-accent) 55%,#ff6a4a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* --- 1. hero: на телефоне по высоте фото, целиком --- */
@media(max-width:800px){
  html.cv2-kit .rng-kit-hero{height:auto;min-height:0;max-height:100svh;display:block}
  html.cv2-kit .rng-kit-hero__media{position:static;inset:auto}
  html.cv2-kit .rng-kit-hero .rng-kit-hero__image{position:static;height:auto;max-height:100svh;object-fit:cover;object-position:center 40%;display:block}
  html.cv2-kit .rng-kit-hero__top{position:absolute;inset:0;padding-top:76px;z-index:1}
  html.cv2-kit .rng-kit-hero .rng-kit-hero__title{bottom:22px}
  html.cv2-kit .rng-kit-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7));pointer-events:none}
}

/* --- 2. второй блок: кнопки как были, без WhatsApp; текст крупнее --- */
html.cv2-kit .infoGrayBlock-text{font-size:19px;line-height:1.6}
html.cv2-kit .infoGrayBlock-left .btn{font-size:14.5px;padding-top:18px;padding-bottom:18px}
html.cv2-kit .infoGrayBlock-left .btn em{font-size:13px}
@media(max-width:800px){
  html.cv2-kit .infoGrayBlock-text{font-size:16px}
  html.cv2-kit .infoGrayBlock-list{padding-top:22px}
}

/* --- 3. галерея-карусель на телефоне стоит до строки Engineered (перенесена в шаблоне) --- */
@media(max-width:800px){html.cv2-kit .detailMobile{margin:8px 0 10px}}

/* --- 4. цифры: отступ от красных чёрточек --- */
html.cv2-kit .rd-tick{margin-bottom:26px}

/* --- 5. видео в блоке «For two decades»: справа на десктопе, первым на телефоне --- */
html.cv2-kit .rd-bs-band{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1320px;margin:0 auto;padding-left:24px;padding-right:24px}
html.cv2-kit .rd-bs-inner{margin:0;max-width:none;padding:0}
html.cv2-kit .rd-bs-title{font-size:clamp(26px,2.8vw,40px)}
html.cv2-kit .rd-bs-body{font-size:20px;line-height:1.6}
.cv2-story-video{position:relative;display:block;border-radius:6px;overflow:hidden;isolation:isolate;color:#fff;text-decoration:none}
.cv2-story-video img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cv2-story-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.65))}
.cv2-playbig{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;font:400 11px/1 Cygre,sans-serif;letter-spacing:.2em;text-transform:uppercase;background:rgba(0,0,0,.35);text-align:center;padding:0 6px}
.cv2-vcap{position:absolute;left:18px;bottom:16px;z-index:2;font-size:13px;color:#e6e3dc}
@media(max-width:800px){
  html.cv2-kit .rd-bs-band{grid-template-columns:1fr;gap:28px;padding:8px 20px 6px}
  html.cv2-kit .rd-bs-inner{order:2}.cv2-story-video{order:1}
  html.cv2-kit .rd-bs-title{font-size:26px}html.cv2-kit .rd-bs-body{font-size:17px}
}

/* --- 6. схема includes: заголовок в строку, кнопки Front/Rear таблетками --- */
html.cv2-kit .detailElements-title{font:300 clamp(24px,2.6vw,38px)/1.1 Cygre,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:normal}
html.cv2-kit .detailElements-tabs{justify-content:center;gap:10px}
html.cv2-kit .detailElements-tab{padding:12px 26px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font:400 12px/1 Cygre,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#d8d5ce;background:transparent}
html.cv2-kit .detailElements-tab.active{background:var(--cv2-accent);border-color:var(--cv2-accent);color:#fff}
@media(max-width:800px){html.cv2-kit .detailElements-top{padding-top:18px}}

/* --- 7. наборы --- */
.cv2-sets{padding:clamp(48px,6vw,88px) 0;background:#0f0f10}
.cv2-sets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.cv2-sets[data-cols="2"] .cv2-sets-grid{grid-template-columns:repeat(2,1fr)}
.cv2-sets[data-cols="1"] .cv2-sets-grid{grid-template-columns:minmax(0,560px)}
.cv2-set{border:1px solid var(--cv2-line);border-radius:12px;background:#1c1c1e;position:relative;color:#fff}
.cv2-set.cv2-hot{border-color:rgba(255,255,255,.4)}
.cv2-set summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:20px 22px}
.cv2-set summary::-webkit-details-marker{display:none}
.cv2-nm{font:400 22px/1.1 Cygre,sans-serif;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.cv2-badge{font:400 10px/1 Cygre,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--cv2-accent);border:1px solid var(--cv2-accent);border-radius:999px;padding:5px 10px}
.cv2-pr{font:400 26px/1 Cygre,sans-serif;letter-spacing:.04em;white-space:nowrap}
.cv2-pr small{font:400 11px/1 Cygre,sans-serif;color:var(--cv2-muted);margin-left:6px}
.cv2-chev{width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);transition:transform .2s;margin-left:6px}
.cv2-set[open] .cv2-chev{transform:rotate(-135deg)}
.cv2-body{padding:0 22px 22px;display:grid;gap:14px}
.cv2-body ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font-size:14px;color:#d8d5ce}
.cv2-body li::before{content:"✓";color:var(--cv2-accent);margin-right:10px}
.cv2-body li.cv2-more{color:var(--cv2-muted)}.cv2-body li.cv2-more::before{content:"+"}
.cv2-foot{display:grid;gap:10px;margin-top:4px}.cv2-fin{font-size:12px;color:var(--cv2-muted)}
@media(min-width:801px){.cv2-set summary{pointer-events:none}.cv2-chev{display:none}}
.cv2-usp-line{margin-top:34px;display:flex;gap:18px;align-items:center}
.cv2-usp-line i{width:28px;height:1px;background:var(--cv2-accent);display:inline-block;flex:none}
.cv2-usp-line span{font:300 clamp(20px,2vw,28px)/1.2 Cygre,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;max-width:30ch}
@media(max-width:800px){.cv2-sets{padding:40px 0}.cv2-sets-grid{grid-template-columns:1fr!important;gap:10px}.cv2-nm{font-size:20px}.cv2-pr{font-size:24px}.cv2-usp-line{margin-top:22px;gap:12px}.cv2-usp-line span{font-size:19px}.cv2-head{margin-bottom:18px}}

/* --- 8. конфигуратор: шапка, чипы, выбор --- */
html.cv2-kit .cv2-conf-top{padding-top:48px}
.cv2-conf-head{margin-bottom:22px}
.cv2-fire{line-height:1.2;padding:4px 0 6px}
html.cv2-kit .cfg-v1 .config_item_param.cfg-mat-c{color:#ddd}
html.cv2-kit .cfg-v1 .config_item_param.cfg-mat-c.active{color:#fff}
.cv2-conf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap}
.cv2-conf-lead{color:#c9c6bf;max-width:58ch;font-size:15px;line-height:1.6;margin:0}
html.cv2-kit .cfg-v1 .cfg-list{margin-top:24px}
html.cv2-kit .cfg-v1 .config_item_param.cfg-mat-g{background:#000;color:#fff;border:1px solid #5a5a5e}
html.cv2-kit .cfg-v1 .config_item_param.active{box-shadow:0 0 0 2px var(--cv2-accent);border-color:var(--cv2-accent)}
@media(max-width:800px){
  .cv2-conf-head{gap:12px;margin-bottom:18px}.cv2-conf-lead{font-size:14px}html.cv2-kit .cv2-conf-top{padding-top:36px}
  html.cv2-kit .config{background:var(--cv2-light);color:var(--cv2-lfg);position:relative}
  html.cv2-kit .config::before,html.cv2-kit .config::after{content:"";position:absolute;left:0;right:0;height:var(--cv2-seam);pointer-events:none;z-index:2}
  html.cv2-kit .config::before{top:calc(var(--cv2-seam) / -2);background:linear-gradient(180deg,#0f0f10 0%,#1d1d1c 12%,#2f2e2c 25%,#55534f 38%,#8d8a84 50%,#bdbab3 62%,#dcd9d3 75%,#eae8e2 88%,#efede8 100%)}
  html.cv2-kit .config::after{bottom:calc(var(--cv2-seam) / -2);background:linear-gradient(180deg,#efede8 0%,#eae8e2 12%,#dcd9d3 25%,#bdbab3 38%,#8d8a84 50%,#55534f 62%,#2f2e2c 75%,#1d1d1c 88%,#0f0f10 100%)}
  html.cv2-kit .config .cv2-kicker{color:var(--cv2-lmuted)}html.cv2-kit .config .cv2-conf-lead{color:#4a4946}
  html.cv2-kit .config .tabs_btn_item{color:var(--cv2-lmuted)}html.cv2-kit .config .tabs_btn_item.active{color:var(--cv2-lfg)}
  html.cv2-kit .cfg-v1 .cfg-list{background:#fff;border-color:var(--cv2-lline)}
  html.cv2-kit .cfg-v1 .cfg-sec{background:#f6f4ef;color:var(--cv2-lfg);border-color:var(--cv2-lline)}
  html.cv2-kit .cfg-v1 .cfg-row{border-color:var(--cv2-lline);color:var(--cv2-lfg)}
  html.cv2-kit .cfg-v1 .cfg-nm{color:var(--cv2-lfg)}
  html.cv2-kit .cfg-v1 .cfg-cb{border-color:#9a9892;background:#fff}
  html.cv2-kit .cfg-v1 .cfg-row.on .cfg-cb{background:var(--cv2-accent);border-color:var(--cv2-accent)}
  html.cv2-kit .cfg-v1 .tooltip{border-color:#9a9892;color:#5f5e5a}
  html.cv2-kit .config-right{background:#fff;border:1px solid var(--cv2-lline);color:var(--cv2-lfg)}
  html.cv2-kit .config-right__title,html.cv2-kit .cfg-top__m,html.cv2-kit .config-right__item p,html.cv2-kit .config-right__item span{color:var(--cv2-lfg)}
  html.cv2-kit .cfg-top__s,html.cv2-kit .cfg-count,html.cv2-kit .config-right__empty{color:var(--cv2-lmuted)}
  html.cv2-kit .config-right__btn{background:var(--cv2-accent);border-color:var(--cv2-accent);color:#fff}
}

/* --- 9. форма: кнопка таблеткой, компактнее на телефоне --- */
html.cv2-kit .home-form .btn,html.cv2-kit .home-form button[type=submit]{border-radius:999px}
@media(max-width:800px){html.cv2-kit .home-form__title{font-size:22px}html.cv2-kit .home-form__text{font-size:14px}}

/* --- 10. хаб «всё для модели» после YouTube --- */
#cv2-hub .rng-hub{background:var(--cv2-light);color:var(--cv2-lfg);position:relative;padding:56px 0 48px}
#cv2-hub .rng-hub::before,#cv2-hub .rng-hub::after{content:"";position:absolute;left:0;right:0;height:var(--cv2-seam);pointer-events:none;z-index:2}
#cv2-hub .rng-hub::before{top:calc(var(--cv2-seam) / -2);background:linear-gradient(180deg,#0f0f10 0%,#1d1d1c 12%,#2f2e2c 25%,#55534f 38%,#8d8a84 50%,#bdbab3 62%,#dcd9d3 75%,#eae8e2 88%,#efede8 100%)}
#cv2-hub .rng-hub::after{bottom:calc(var(--cv2-seam) / -2);background:linear-gradient(180deg,#efede8 0%,#eae8e2 12%,#dcd9d3 25%,#bdbab3 38%,#8d8a84 50%,#55534f 62%,#2f2e2c 75%,#1d1d1c 88%,#0f0f10 100%)}
#cv2-hub .rng-hub__title{font:300 clamp(24px,2.6vw,38px)/1.1 Cygre,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--cv2-lfg)}
#cv2-hub .rng-hub__note{color:var(--cv2-lmuted)}
#cv2-hub .rng-hub__h{color:var(--cv2-lmuted)}
#cv2-hub .rng-hub__part,#cv2-hub .rng-hub__proj,#cv2-hub .rng-hub__video{color:var(--cv2-lfg);border-color:var(--cv2-lline)}
#cv2-hub .rng-hub__list li:first-child .rng-hub__part,#cv2-hub .rng-hub__col--projects .rng-hub__list li:first-child .rng-hub__proj{border-color:var(--cv2-lline)}
#cv2-hub .rng-hub__price{color:var(--cv2-lfg);font-weight:600}
#cv2-hub .rng-hub__col--videos,#cv2-hub .rng-hub__col--projects{display:none}
#cv2-hub .rng-hub__grid{grid-template-columns:1fr}
@media(max-width:800px){#cv2-hub .rng-hub{padding:36px 0 36px}#cv2-hub .rng-hub__title{font-size:19px;white-space:nowrap}}

/* --- 11. другие обвесы на светлом, FAQ --- */
html.cv2-kit .otherDetail{background:var(--cv2-light);color:var(--cv2-lfg);position:relative}
html.cv2-kit .otherDetail::before{content:"";position:absolute;left:0;right:0;top:calc(var(--cv2-seam) / -2);height:var(--cv2-seam);background:linear-gradient(180deg,#0f0f10 0%,#1d1d1c 12%,#2f2e2c 25%,#55534f 38%,#8d8a84 50%,#bdbab3 62%,#dcd9d3 75%,#eae8e2 88%,#efede8 100%);z-index:2;pointer-events:none}
html.cv2-kit .otherDetail h2{color:var(--cv2-lfg);font:300 clamp(24px,2.6vw,38px)/1.1 Cygre,sans-serif;letter-spacing:.06em;text-transform:uppercase}
html.cv2-kit .otherDetail .otherDetail-item__title,html.cv2-kit .otherDetail a{color:var(--cv2-lfg)}
html.cv2-kit .faq{background:var(--cv2-light);color:var(--cv2-lfg)}
html.cv2-kit .faq .faq-item__title p,html.cv2-kit .faq .faq-item__title span{color:var(--cv2-lfg)}
html.cv2-kit .faq .faq-item__text{color:#3f3e3b}
html.cv2-kit .seo{background:var(--cv2-light2);color:var(--cv2-lfg);position:relative}
html.cv2-kit .seo .seo-content,html.cv2-kit .seo .seo-content p,html.cv2-kit .seo .seo-content li,html.cv2-kit .seo .seo-content td{color:var(--cv2-lmuted);max-width:none}
html.cv2-kit .seo .seo-content h2,html.cv2-kit .seo .seo-content h3{color:var(--cv2-lfg)}
html.cv2-kit .seo::after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--cv2-seam) / -2);height:var(--cv2-seam);background:linear-gradient(180deg,#e6e3dd 0%,#dfdcd6 12%,#cfccc6 25%,#aaa7a1 38%,#7a7873 50%,#45444a 62%,#232325 75%,#151516 88%,#0f0f10 100%);z-index:2;pointer-events:none}

/* --- 27.10.2026 отделки и кнопки (Павел) --- */
/* полоса Front part / Rear end: кнопки по центру чёрной полосы (было: прижаты к низу, сдвиг margin-right 40px) */
html.cv2-kit .detailElements{padding-top:0}
html.cv2-kit .detailElements-top{padding:34px 0;margin:0}
html.cv2-kit .detailElements-tabs{margin:0}
html.cv2-kit .detailElements-tab{margin:0!important}
/* кружок «Get a quote» на фото машины убран */
html.cv2-kit .detailDefault .circle-button{display:none!important}
/* Order в конфигураторе — как Order Signature */
html.cv2-kit .cfg-v1 .config-right__btn{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:center;gap:12px;height:auto!important;min-height:0!important;padding:19px 30px;border:1px solid var(--cv2-accent);border-radius:999px;background:var(--cv2-accent);box-shadow:none;filter:none}
html.cv2-kit .cfg-v1 .config-right__btn img{display:none}
html.cv2-kit .cfg-v1 .config-right__btn span{display:inline!important;width:auto!important;margin:0!important;color:#fff!important;font:400 13px/1 Cygre,sans-serif;letter-spacing:.16em;text-transform:uppercase}
html.cv2-kit .cfg-v1 .config-right__btn::after{content:"→";color:#fff;font:400 13px/1 Cygre,sans-serif}
html.cv2-kit .cfg-v1 .config-right__btn:hover{background:#c43a26;border-color:#c43a26;filter:none;box-shadow:none}
/* красный #d40000 конфигуратора → акцент сайта */
html.cv2-kit .cfg-v1 .cfg-top{border-bottom-color:var(--cv2-accent)}
html.cv2-kit .config-bg .tabs_btn_item.active{border-bottom-color:var(--cv2-accent)}
/* три отделки: Carbon (плетение), Forged carbon (мраморный), Gloss black (глянец) */
html.cv2-kit .cfg-v1 .cfg-mats .config_item_param.cfg-mat-f{color:#ddd;background:
  radial-gradient(ellipse 9px 5px at 20% 30%,#2e2e2e 60%,transparent 62%),
  radial-gradient(ellipse 7px 4px at 70% 65%,#303030 60%,transparent 62%),
  radial-gradient(ellipse 6px 3px at 45% 80%,#262626 60%,transparent 62%),
  radial-gradient(ellipse 8px 4px at 85% 20%,#2a2a2a 60%,transparent 62%),
  linear-gradient(120deg,#141414,#1c1c1c 40%,#121212);background-size:34px 22px,30px 20px,26px 18px,38px 24px,100% 100%}
html.cv2-kit .cfg-v1 .config_item_param.cfg-mat-f.active{color:#fff}
@media(max-width:800px){
  html.cv2-kit .detailElements-top{padding:22px 0}
  html.cv2-kit .cfg-v1 .config-right__btn{padding:16px 24px}
}