/* Изолированный компонент. Наследует Geologica со страницы Forsite. */
.rs-vdi { --rs-blue:#0079c1; --rs-ink:#172b3d; --rs-muted:#647483; color:var(--rs-ink); }
.rs-vdi *, .rs-vdi *::before, .rs-vdi *::after { box-sizing:border-box; }
.rs-vdi .rs-shell { border:1px solid #dce7ed; border-radius:24px; overflow:hidden; background:#fff; }
.rs-vdi .rs-hero { display:grid; grid-template-columns:1.18fr 1fr; padding:46px 42px 38px; gap:32px; background:linear-gradient(112deg,#f6fafc 0%,#fff 58%); }
.rs-vdi .rs-intro { align-self:center; min-width:0; }
.rs-vdi .rs-eyebrow { display:flex; align-items:center; gap:9px; color:var(--rs-blue); font-size:10px; font-weight:500; line-height:1.6; letter-spacing:1.25px; }
.rs-vdi .rs-eyebrow>span { width:6px; height:6px; border-radius:50%; background:var(--rs-blue); flex-shrink:0; }
.rs-vdi h2#rs-title { font-size:clamp(36px,3.6vw,58px); line-height:1.1; letter-spacing:-2px; font-weight:400; margin:19px 0 18px; color:var(--rs-ink); }
.rs-vdi #rs-title>span { color:var(--rs-blue); }
.rs-vdi .rs-lead { font-size:23px; font-weight:300; line-height:1.45; letter-spacing:-.5px; margin:0 0 16px; }
.rs-vdi .rs-description { max-width:540px; font-size:14px; line-height:1.7; font-weight:300; color:var(--rs-muted); margin:0 0 20px; }
.rs-vdi .rs-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }
.rs-vdi .rs-tags>span { font-size:11px; color:#4e6677; border:1px solid #dce6ed; border-radius:5px; padding:6px 9px; background:#fff; }
.rs-vdi .rs-actions { display:flex; gap:10px; align-items:stretch; flex-wrap:wrap; }
.rs-vdi a.rs-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:50px; border-radius:50px; padding:12px 19px; font-size:14px; font-weight:400; line-height:1.4; text-decoration:none; transition:background .2s,transform .2s; }
.rs-vdi .rs-btn-primary { background:var(--rs-blue); border:1px solid var(--rs-blue); color:#fff; }
.rs-vdi .rs-btn-primary>span { font-size:19px; margin-left:4px; }
.rs-vdi .rs-btn-primary:hover { background:#00649f; transform:translateY(-1px); }
.rs-vdi .rs-btn-secondary { background:#fff; border:1px solid #b9d2e2; color:var(--rs-blue); }
.rs-vdi .rs-btn-secondary:hover { background:#eaf5fb; transform:translateY(-1px); }
.rs-vdi .rs-btn svg { flex-shrink:0; }
.rs-vdi .rs-pdf { font-size:9px; font-weight:500; border-left:1px solid #c4dce9; padding-left:8px; margin-left:1px; }
.rs-vdi a:focus-visible, .rs-vdi summary:focus-visible { outline:3px solid #229ce8; outline-offset:4px; }
.rs-vdi .rs-visual { position:relative; display:flex; flex-direction:column; justify-content:space-between; min-width:0; margin:0; border-radius:15px; padding:20px 24px 18px; background-color:#f2f7fa; background-image:linear-gradient(#dfeaf080 1px,transparent 1px),linear-gradient(90deg,#dfeaf080 1px,transparent 1px); background-size:34px 34px; overflow:hidden; }
.rs-vdi .rs-visual-top { display:flex; justify-content:space-between; gap:10px; font-size:8px; letter-spacing:1px; color:#667f90; }
.rs-vdi .rs-visual img { width:100%; max-height:300px; height:auto; object-fit:contain; mix-blend-mode:multiply; margin:4px 0; }
.rs-vdi .rs-visual figcaption { display:flex; align-items:center; gap:14px; color:#536b7d; font-size:10px; line-height:1.5; }
.rs-vdi .rs-visual-number { font-size:36px; line-height:1; letter-spacing:-1.5px; font-weight:300; color:var(--rs-blue); }
.rs-vdi .rs-configurations { padding:30px 42px 24px; border-top:1px solid #e3ecf1; }
.rs-vdi .rs-heading-row { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:21px; }
.rs-vdi .rs-heading-row h3 { font-size:23px; font-weight:400; line-height:1.4; margin:0; letter-spacing:-.5px; }
.rs-vdi .rs-heading-row h3>span { color:var(--rs-muted); font-weight:300; }
.rs-vdi .rs-small-label { font-size:8px; color:#83939f; letter-spacing:1.25px; }
.rs-vdi .rs-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.rs-vdi .rs-card { border:1px solid #dce6ed; border-radius:12px; padding:22px 20px 20px; display:flex; flex-direction:column; min-width:0; background:#fff; }
.rs-vdi .rs-card-large { background:#f4f9fd; border-color:#c4deef; }
.rs-vdi .rs-card-top { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.rs-vdi .rs-card h4 { font-size:25px; font-weight:400; margin:0; line-height:1.2; letter-spacing:-.5px; }
.rs-vdi .rs-count { background:#edf5fa; color:var(--rs-blue); border-radius:30px; padding:5px 9px; font-size:9px; line-height:1.5; white-space:nowrap; }
.rs-vdi .rs-card-large .rs-count { background:#dceefa; }
.rs-vdi .rs-card-caption { font-size:10px; line-height:1.5; color:var(--rs-muted); font-weight:300; margin:9px 0 20px; }
.rs-vdi .rs-specs { margin:0; display:flex; flex-direction:column; gap:13px; flex:1; }
.rs-vdi .rs-specs dt { font-size:9px; color:#7b8b97; margin:0 0 4px; font-weight:300; }
.rs-vdi .rs-specs dd { margin:0; font-size:11px; font-weight:400; line-height:1.55; color:#263e50; }
.rs-vdi .rs-specs dd>span { font-weight:300; color:var(--rs-muted); }
.rs-vdi .rs-price { border-top:1px solid #e2eaf0; margin-top:20px; padding-top:16px; display:flex; flex-direction:column; gap:5px; }
.rs-vdi .rs-price>span { font-size:14px; color:var(--rs-ink); font-weight:300; white-space:nowrap; }
.rs-vdi .rs-price strong { font-size:25px; font-weight:400; letter-spacing:-.65px; }
.rs-vdi .rs-price small { font-size:9px; color:#7b8b97; font-weight:300; }
.rs-vdi .rs-performance { display:flex; gap:14px; margin:22px 0 19px; padding:17px 19px; background:#f5f8fa; border-radius:9px; }
.rs-vdi .rs-performance-icon { width:29px; height:29px; display:grid; place-items:center; flex-shrink:0; color:var(--rs-blue); border:1px solid #cee2ee; border-radius:7px; font-size:22px; }
.rs-vdi .rs-performance h4 { font-size:12px; font-weight:400; line-height:1.5; margin:0 0 5px; }
.rs-vdi .rs-performance p { font-size:10px; line-height:1.7; font-weight:300; color:var(--rs-muted); margin:0; }
.rs-vdi .rs-details { margin:0; border-top:1px solid #e3ebf0; border-bottom:1px solid #e3ebf0; }
.rs-vdi .rs-details summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:14px; cursor:pointer; padding:17px 0; font-size:12px; color:var(--rs-blue); }
.rs-vdi .rs-details summary::-webkit-details-marker { display:none; }
.rs-vdi .rs-details summary>span { font-size:20px; line-height:1; transition:transform .2s; }
.rs-vdi .rs-details[open] summary>span { transform:rotate(45deg); }
.rs-vdi .rs-details-body { padding:0 0 18px; font-size:11px; line-height:1.7; color:var(--rs-muted); }
.rs-vdi .rs-details-body p { margin:16px 0 0; font-size:11px; }
.rs-vdi .rs-table-scroll { overflow-x:auto; }
.rs-vdi table.rs-profile-table { width:100%; border-collapse:collapse; font-size:11px; margin:0; }
.rs-vdi .rs-profile-table caption { text-align:left; padding-bottom:14px; font-size:12px; color:var(--rs-ink); }
.rs-vdi .rs-profile-table th,.rs-vdi .rs-profile-table td { padding:12px; text-align:left; border-bottom:1px solid #e3ebf0; background:transparent; border-radius:0; font-weight:300; color:var(--rs-ink); }
.rs-vdi .rs-profile-table thead th { background:#f2f7fa; font-weight:400; }
.rs-vdi .rs-disclaimer { display:flex; align-items:flex-start; gap:9px; font-size:9px; line-height:1.7; font-weight:300; color:#83919c; margin:16px 0 0; }
.rs-vdi .rs-disclaimer svg { flex-shrink:0; margin-top:1px; }
@media(min-width:1101px) { .rs-vdi .rs-specs dd { font-size:13px; } .rs-vdi .rs-specs dt { font-size:11px; } .rs-vdi .rs-count { font-size:11px; } .rs-vdi .rs-card-caption { font-size:12px; } .rs-vdi .rs-performance h4 { font-size:14px; } .rs-vdi .rs-performance p { font-size:12px; } .rs-vdi .rs-details summary { font-size:14px; } .rs-vdi .rs-disclaimer { font-size:11px; } .rs-vdi .rs-price small { font-size:11px; } }
@media(min-width:1600px) { .rs-vdi .rs-hero { gap:54px; padding:56px; } .rs-vdi .rs-configurations { padding:36px 56px 28px; } .rs-vdi a.rs-btn { font-size:14px; padding:14px 24px; } .rs-vdi .rs-card { padding:26px; } .rs-vdi .rs-specs dd { font-size:13px; } .rs-vdi .rs-count { font-size:11px; } .rs-vdi .rs-card-caption { font-size:12px; } .rs-vdi .rs-visual img { max-height:350px; } }
@media(max-width:1100px) { .rs-vdi .rs-hero { padding:30px; gap:20px; } .rs-vdi .rs-configurations { padding:26px 30px; } .rs-vdi .rs-lead { font-size:20px; } .rs-vdi .rs-eyebrow { font-size:8px; letter-spacing:.8px; } .rs-vdi .rs-actions { gap:8px; } .rs-vdi a.rs-btn { padding:12px 14px; font-size:11px; } .rs-vdi .rs-description { font-size:12px; } .rs-vdi .rs-visual { padding:16px; } .rs-vdi .rs-visual-top { font-size:7px; letter-spacing:.6px; } .rs-vdi .rs-card { padding:18px 15px; } .rs-vdi .rs-card-top { flex-wrap:wrap; row-gap:9px; } .rs-vdi .rs-heading-row h3 { font-size:21px; } .rs-vdi .rs-small-label { display:none; } }
@media(max-width:760px) { .rs-vdi .rs-hero { grid-template-columns:1fr; padding:26px; gap:25px; } .rs-vdi h2#rs-title { font-size:44px; letter-spacing:-1.8px; } .rs-vdi .rs-description { max-width:none; font-size:13px; } .rs-vdi .rs-eyebrow { font-size:8px; } .rs-vdi .rs-visual { min-height:260px; } .rs-vdi .rs-visual img { max-height:260px; margin:-25px 0 -35px; } .rs-vdi .rs-visual-top { font-size:8px; } .rs-vdi .rs-cards { grid-template-columns:1fr; gap:12px; } .rs-vdi .rs-configurations { padding:26px; } .rs-vdi .rs-heading-row h3 { font-size:22px; } .rs-vdi .rs-card { padding:22px; } .rs-vdi .rs-card-top { flex-wrap:nowrap; } .rs-vdi .rs-count { font-size:11px; } .rs-vdi .rs-card-caption { font-size:12px; } .rs-vdi .rs-specs { display:grid; grid-template-columns:1fr 1fr; gap:15px; } .rs-vdi .rs-specs dd { font-size:12px; } .rs-vdi .rs-specs dt { font-size:10px; } .rs-vdi .rs-price { flex-direction:row; justify-content:space-between; align-items:center; } .rs-vdi .rs-performance p { font-size:11px; } .rs-vdi .rs-performance h4 { font-size:13px; } .rs-vdi .rs-disclaimer { font-size:10px; } .rs-vdi .rs-profile-table { min-width:620px; } }
@media(max-width:480px) { .rs-vdi .rs-shell { border-radius:16px; } .rs-vdi .rs-hero { padding:24px 19px; } .rs-vdi h2#rs-title { font-size:38px; margin:16px 0; } .rs-vdi .rs-lead { font-size:18px; letter-spacing:-.4px; } .rs-vdi .rs-tags { gap:5px; margin-bottom:22px; } .rs-vdi .rs-tags>span { font-size:9px; padding:6px 7px; } .rs-vdi .rs-actions { flex-direction:column; } .rs-vdi a.rs-btn { min-height:48px; font-size:12px; width:100%; } .rs-vdi .rs-visual { padding:16px; min-height:255px; } .rs-vdi .rs-visual img { max-height:245px; margin:-10px 0 -20px; } .rs-vdi .rs-visual-top { font-size:6px; letter-spacing:.7px; } .rs-vdi .rs-visual-number { font-size:30px; } .rs-vdi .rs-configurations { padding:24px 19px 20px; } .rs-vdi .rs-heading-row h3 { font-size:20px; max-width:220px; } .rs-vdi .rs-card { padding:19px 16px; } .rs-vdi .rs-card-caption { font-size:10px; } .rs-vdi .rs-specs dd { font-size:12px; } .rs-vdi .rs-card h4 { font-size:25px; } .rs-vdi .rs-count { font-size:9px; } .rs-vdi .rs-price { gap:5px; align-items:flex-start; flex-direction:column; } .rs-vdi .rs-price strong { font-size:26px; } .rs-vdi .rs-performance { padding:15px 12px; gap:10px; } .rs-vdi .rs-performance-icon { display:none; } .rs-vdi .rs-details summary { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .rs-vdi * { transition:none!important; } }