/* ==========================================================================
   Кофе-Профи — ВИЗУАЛ Б «Сервисная мастерская при дневном свете» (2026-10-19)
   Light cool surfaces, deep petrol ink, one green colour reserved for CALL.
   People-first hero with two uncropped portraits. Layered last; scoped to body.vb.
   ========================================================================== */
body.vb{
  --vb-bg:#f2f6f7;--vb-surface:#fff;--vb-soft:#e8f0f2;--vb-line:#d6e1e6;--vb-line-2:#bfced6;
  --vb-ink:#0b2230;--vb-text:#2f4856;--vb-muted:#566d79;
  --vb-petrol:#0f4c5c;--vb-petrol-2:#0a3440;--vb-petrol-3:#082a33;--vb-mint:#d9efe9;--vb-mint-2:#bfe3d9;
  --vb-call:#0e7c3a;--vb-call-hi:#0b6a31;--vb-call-soft:#e3f4ea;--vb-amber:#e7a23a;
  --vb-r:12px;--vb-r-lg:16px;
  --vb-sh:0 1px 2px rgba(11,34,48,.06),0 10px 26px -18px rgba(11,34,48,.35);
  --vb-sh-2:0 2px 4px rgba(11,34,48,.06),0 26px 50px -30px rgba(11,34,48,.45);
  background:var(--vb-bg);color:var(--vb-text)
}
body.vb h1,body.vb h2,body.vb h3,body.vb .h2{color:var(--vb-ink);font-weight:800;letter-spacing:-.03em}
/* highlighted words: a mint marker instead of a serif italic */
body.vb .h2 em,body.vb .hero h1 .gold,body.vb .page-hero h1 em,body.vb .pband__big em,body.vb .cpArea h2 em,body.vb .cp-real-trust .accent{
  font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;
  background:linear-gradient(transparent 58%,var(--vb-mint-2) 58%,var(--vb-mint-2) 92%,transparent 92%)!important;padding:0 .08em;animation:none!important}
body.vb .eyebrow,body.vb .cpAreaEyebrow,body.vb .cpIntroVideoEyebrow,body.vb .cp-real-trust .eyebrow{color:var(--vb-petrol)!important;font-size:.76rem;font-weight:750;letter-spacing:.12em}
body.vb .eyebrow::before{width:10px;height:10px;border-radius:2px;background:var(--vb-petrol)}
body.vb .section{background:transparent}
body.vb .section--alt{background:var(--vb-surface);border-color:var(--vb-line)}

/* ---------- buttons: green = call, petrol = everything else ---------- */
body.vb .btn{border-radius:10px;border-color:var(--vb-line-2);color:var(--vb-ink);background:#fff;box-shadow:none;font-weight:700}
body.vb .btn:hover{border-color:var(--vb-petrol);box-shadow:0 8px 18px -14px rgba(11,34,48,.6)}
body.vb .btn--gold,body.vb .dock .btn.btn--gold{background:var(--vb-petrol)!important;border-color:var(--vb-petrol)!important;color:#fff!important;text-shadow:none;box-shadow:0 10px 22px -14px rgba(15,76,92,.9)}
body.vb .btn--gold:hover{background:var(--vb-petrol-2)!important}
body.vb a.btn[href^="tel:"],body.vb .hero .btn--call,body.vb .dock a[href^="tel:"]{background:var(--vb-call)!important;border-color:var(--vb-call)!important;color:#fff!important;box-shadow:0 12px 26px -14px rgba(14,124,58,.9)}
body.vb a.btn[href^="tel:"]:hover{background:var(--vb-call-hi)!important}
body.vb .hero .btn--call .btn__ico{background:#fff!important;color:var(--vb-call)!important;box-shadow:none}
body.vb .hero .btn--call .btn__2l b{color:#fff}
body.vb .hero .btn--call .btn__2l small{color:#dff5e7!important;font-size:.95rem;font-weight:650;letter-spacing:.02em}
body.vb .hero .btn--glass,body.vb .hero__cta [data-quick]{background:#fff!important;border:2px solid var(--vb-petrol)!important;color:var(--vb-petrol)!important}
body.vb .hdr__call{background:var(--vb-call)!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(14,124,58,.9)}
body.vb .chip,body.vb .hsym{border-radius:8px}

/* ---------- header ---------- */
body.vb .hdr,body.vb .hdr.is-scrolled{background:#fff!important;border-bottom:1px solid var(--vb-line)!important;box-shadow:0 6px 20px -18px rgba(11,34,48,.5)}
body.vb .hdr::after{background:var(--vb-petrol)}
body.vb .logo img{border-radius:10px}
body.vb .logo b{color:var(--vb-ink)}
body.vb .hdr__nav a{color:var(--vb-text)}
body.vb .hdr__nav a::after{background:var(--vb-petrol)}
body.vb .hdr__phone{color:var(--vb-call);font-size:1.12rem}
body.vb .hdr__phone small{color:var(--vb-muted)}

/* ---------- hero: people first ---------- */
body.vb .hero{background:linear-gradient(180deg,#fff 0%,#fff 62%,var(--vb-bg) 100%)!important;color:var(--vb-text);border-bottom:1px solid var(--vb-line);padding-bottom:clamp(20px,3vw,36px)}
body.vb .hero::before{background-image:none;background:radial-gradient(60% 70% at 92% 10%,var(--vb-soft),transparent 60%)}
body.vb .hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:start}
body.vb .hero h1{color:var(--vb-ink)!important;font-size:clamp(2.2rem,1.1rem + 2.8vw,3.6rem);letter-spacing:-.04em}
body.vb .hero h1 .gold{color:var(--vb-ink)!important}
body.vb .hero__lead{color:var(--vb-text)!important;font-size:clamp(1.02rem,.96rem + .3vw,1.18rem)!important}
body.vb .hero__badge{background:var(--vb-mint)!important;border-color:var(--vb-mint-2)!important;color:var(--vb-petrol-2)!important;box-shadow:none}
body.vb .hero__hours{color:var(--vb-muted)!important}
body.vb .cpConversionProcess{color:var(--vb-text)!important}
body.vb .cpHeroTerms{background:var(--vb-call-soft)!important;border:1px solid #bfe3cc!important;border-left:5px solid var(--vb-call)!important;border-radius:var(--vb-r)!important;color:var(--vb-ink)!important}
body.vb .cpHeroTerms strong{color:var(--vb-call-hi)!important}
body.vb .cpHeroTerms p,body.vb .cpHeroTerms b{color:var(--vb-ink)!important}
body.vb .cpHeroTerms a{color:var(--vb-petrol)!important}
body.vb .cpAfterHours{background:#fff7e8;border:1px solid #f1d8a8;color:#5a3d0b}
body.vb .hero__trust li{background:#fff!important;border:1px solid var(--vb-line)!important;border-radius:var(--vb-r)}
body.vb .hero__trust b{color:var(--vb-ink)!important}
body.vb .hero__trust small{color:var(--vb-muted)!important}
body.vb .hero__trust svg{color:var(--vb-petrol)!important;background:var(--vb-soft)!important}
body.vb .hero__sym{border-top-color:var(--vb-line)}
body.vb .hero__sym-k{color:var(--vb-petrol)!important}
body.vb .hero__sym-k::before{background:var(--vb-petrol)}
body.vb .hero .hsym{background:#fff!important;border:1px solid var(--vb-line-2)!important;color:var(--vb-ink)!important;font-weight:600}
body.vb .hero .hsym::after{color:var(--vb-petrol)}
body.vb .hero .hsym:hover{border-color:var(--vb-petrol)!important;background:var(--vb-soft)!important}
body.vb .hero .hsym[data-pick-symptom="tray-water"]{border-color:var(--vb-petrol)!important;background:var(--vb-mint)!important}

/* two uncropped portraits */
.vbMasters{position:relative;padding:22px 22px 18px;border-radius:20px;background:linear-gradient(160deg,var(--vb-petrol) 0%,var(--vb-petrol-2) 100%);color:#e6f1f3;box-shadow:var(--vb-sh-2)}
.vbMasters__k{font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#a9d6cd;margin:0 0 14px}
.vbMasters__pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vbMaster{margin:0;display:grid;gap:10px}
.vbMaster img{width:100%;height:auto;aspect-ratio:300/315;object-fit:contain;object-position:50% 50%;border-radius:14px;background:#0a2a33;border:3px solid rgba(255,255,255,.18)}
.vbMaster figcaption{display:grid;gap:2px;line-height:1.3}
.vbMaster b{font-size:1.15rem;color:#fff}
.vbMaster span{font-size:.92rem;color:#c5dde2}
.vbMasters__video{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;color:#fff;font-weight:650;text-decoration:underline;text-underline-offset:4px}
.vbMasters__video::before{content:"";width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}

/* ---------- cutaway in its own section ---------- */
body.vb .vbMachine{background:var(--vb-petrol-3);color:#d7e7eb}
body.vb .vbMachine .h2,body.vb .vbMachine h2{color:#fff}
body.vb .vbMachine .h2 em{background:linear-gradient(transparent 58%,rgba(191,227,217,.35) 58%,rgba(191,227,217,.35) 92%,transparent 92%)!important}
body.vb .vbMachine .eyebrow{color:#a9d6cd!important}
body.vb .vbMachine .eyebrow::before{background:#a9d6cd}
body.vb .vbMachine .section__head p{color:#bcd3d9}
body.vb .vbMachine .stage{max-width:980px;margin-inline:auto;border-radius:18px;background:radial-gradient(70% 60% at 50% 46%,#16505f 0%,#0b3540 55%,#072530 100%);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 30px 60px -30px rgba(0,0,0,.7)}
body.vb .vbMachine .stage::before{background:radial-gradient(55% 50% at 50% 48%,rgba(120,200,190,.16),transparent 70%)}
body.vb .vbMachine .stage__index .chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#d7e7eb}
body.vb .vbMachine .stage__index .chip[aria-pressed=true]{background:#fff;border-color:#fff;color:var(--vb-petrol-2)}
body.vb .vbMachine .stage__index .chip i{color:#a9d6cd}
body.vb .vbMachine .pcard::before{background:var(--vb-petrol)}
body.vb .vbMachine .pcard__num{background:var(--vb-petrol)}
body.vb .vbMachine .pcard__price{background:var(--vb-mint);border-color:var(--vb-mint-2)}
body.vb .vbMachine .pcard__price>svg,body.vb .vbMachine .pcard__k{color:var(--vb-petrol)}
body.vb .hs::before{background:radial-gradient(circle,#fff 0 24%,#3fd0a6 28% 50%,rgba(63,208,166,.25) 54% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.6),0 4px 14px rgba(0,0,0,.6),0 0 18px rgba(63,208,166,.6)}
body.vb .hs::after{border-color:rgba(160,240,215,.75)}
body.vb .stage__ring{border-color:rgba(191,240,225,.7);box-shadow:0 0 0 6px rgba(63,208,166,.08),0 0 50px rgba(63,208,166,.3)}
body.vb .stage__lines path{stroke:#bff0e1}
body.vb .stage__lines circle{fill:#bff0e1}
body.vb .stage__hud-l{color:#a9d6cd}

/* ---------- faults finder ---------- */
body.vb .cpSymptomOptions{background:#fff!important;border:1px solid var(--vb-line)!important;border-radius:var(--vb-r-lg)!important}
body.vb .cpSymptomOptions label span,body.vb .cpSymptomOptions>p{color:var(--vb-petrol)!important}
body.vb .cpSymptomOptions select{border-color:var(--vb-line-2)!important;border-radius:10px!important}
body.vb .fault{border-radius:var(--vb-r);background:#fff;border-color:var(--vb-line)}
body.vb .fault__ico{color:var(--vb-petrol)}
body.vb .fault[aria-pressed=true]{background:var(--vb-petrol)!important;border-color:var(--vb-petrol)}
body.vb .fault[aria-pressed=true] .fault__ico{color:#bff0e1}
body.vb .fault[data-symptom="tray-water"]{border-color:var(--vb-petrol);box-shadow:inset 0 0 0 1px var(--vb-petrol)}
body.vb .fanswer{background:var(--vb-petrol-2)!important;border-radius:var(--vb-r-lg);box-shadow:var(--vb-sh-2)}
body.vb .fanswer .eyebrow,body.vb .fanswer__k,body.vb .cpSymptomDraft>span,body.vb .cpCallTime span{color:#a9d6cd!important}
body.vb .cpCallTime select{background:#0d3e4b;border-color:rgba(255,255,255,.25)}
body.vb .fault-links .chip{background:#fff;border-color:var(--vb-line-2);color:var(--vb-text)}

/* ---------- services & prices ---------- */
body.vb .pband{border-radius:var(--vb-r-lg);border-color:var(--vb-line);box-shadow:var(--vb-sh)}
body.vb .pband__main{background:var(--vb-petrol-2)!important}
body.vb .pband__main .eyebrow{color:#a9d6cd!important}
body.vb .pband__big em{background:linear-gradient(transparent 58%,rgba(191,227,217,.35) 58%,rgba(191,227,217,.35) 92%,transparent 92%)!important}
body.vb .pband__list li b{color:var(--vb-ink)}
body.vb .pband__k{color:var(--vb-petrol)}
body.vb .svc{gap:12px}
body.vb .svc__item{border-radius:var(--vb-r)!important;background:#fff!important;border:1px solid var(--vb-line);border-top:4px solid var(--vb-petrol);box-shadow:none}
body.vb .svc__item:hover{box-shadow:var(--vb-sh)}
body.vb .svc__item--feat{border-top-color:var(--vb-call);background:#fff!important}
body.vb .svc__ico{background:var(--vb-soft);border-color:var(--vb-line);color:var(--vb-petrol)}
body.vb .svc__item:hover .svc__ico{background:var(--vb-petrol);border-color:var(--vb-petrol);color:#fff}
body.vb .svc__tag{background:var(--vb-call)}
body.vb .price b,body.vb .svc__item--feat .price b{color:var(--vb-ink)}
body.vb .svc__go{background:var(--vb-petrol);border-radius:10px}
body.vb .svc__note{background:var(--vb-petrol-2);border-radius:var(--vb-r-lg)}
body.vb .offer{background:linear-gradient(120deg,var(--vb-petrol) 0%,var(--vb-petrol-2) 100%)!important;border-radius:var(--vb-r-lg)}
body.vb .offer__icon{background:#fff;color:var(--vb-petrol);box-shadow:none}

/* ---------- process, map, video, workshop ---------- */
body.vb .cpCompactProcess{background:#fff}
body.vb .cpCompactProcess ol li b{color:var(--vb-petrol)}
body.vb .cpArea{background:var(--vb-bg)!important;border-top:1px solid var(--vb-line)}
body.vb .cpArea h2{color:var(--vb-ink)}
body.vb .cpAreaMap{border-radius:var(--vb-r-lg);background:#fff;border-color:var(--vb-line)}
body.vb .cpAreaShape{fill:#cfe2e6}
body.vb .cpAreaShape:nth-child(3n+1){fill:#bcd6dc}
body.vb .cpAreaShape:nth-child(3n+2){fill:#e1eef0}
body.vb .cpAreaShape:hover,body.vb .cpAreaShape:focus-visible{fill:#6fb2a6;stroke:var(--vb-petrol)}
body.vb .cpIntroVideo{background:#fff!important;border-top:1px solid var(--vb-line)}
body.vb .cpIntroVideo h2{color:var(--vb-ink)}
body.vb .cpIntroVideoPlayer{border-radius:var(--vb-r-lg)}
body.vb .cpWorkshop{background:#fff!important}
body.vb .cpWorkshop li{border-top-color:var(--vb-petrol)}
body.vb .cpWorkshop li:before{color:var(--vb-petrol)}
body.vb .cpPaymentTerms{background:var(--vb-petrol-2)!important;border-color:var(--vb-petrol)!important;border-radius:var(--vb-r-lg)!important}
body.vb .cpPaymentTerms strong{color:#bff0e1!important}

/* ---------- masters + Avito reviews (real-trust block) ---------- */
body.vb .cp-real-trust{--paper:var(--vb-bg);--orange:var(--vb-petrol);--ink:var(--vb-ink);background:var(--vb-bg)!important;font-family:var(--font)!important}
body.vb .cp-real-trust .master{background:var(--vb-petrol-2)!important;border-radius:var(--vb-r-lg)!important}
body.vb .cp-real-trust .master .eyebrow{color:#a9d6cd!important}
body.vb .cp-real-trust .master h2{color:#fff}
body.vb .cp-real-trust .review{border-radius:var(--vb-r)!important;background:#fff!important;border-color:var(--vb-line)!important}
body.vb .cp-real-trust .stars{color:var(--vb-amber)!important}
body.vb .cp-real-trust .verified{color:var(--vb-call)!important}
body.vb .cp-real-trust .avatar{background:var(--vb-petrol)!important;color:#fff!important}

/* ---------- before/after, trust, guarantee, decision ---------- */
body.vb .ba{border-radius:var(--vb-r-lg)}
body.vb .ba__handle::after{background-color:var(--vb-petrol)}
body.vb .ba__model{background:var(--vb-mint);color:var(--vb-petrol-2)}
body.vb .cpCaseFacts dt{color:var(--vb-petrol)}
body.vb .rail__bar i{background:var(--vb-petrol)}
body.vb .rail__btn:hover:not(:disabled){background:var(--vb-petrol);border-color:var(--vb-petrol)}
body.vb .cpConversionTrust{background:#fff!important}
body.vb .cpBenefits article{border-top:3px solid var(--vb-petrol)}
body.vb .cpBenefitNumber{color:var(--vb-petrol)!important}
body.vb .cpGuarantee{background:var(--vb-petrol-3)!important}
body.vb .cpGuarantee .h2,body.vb .cpGuarantee h2{color:#fff!important}
body.vb .cpGuarantee .eyebrow{color:#a9d6cd!important}
body.vb .cpGuarantee li{border-color:rgba(255,255,255,.14)}
body.vb .cpGuarantee li:before{color:#a9d6cd}
body.vb .cpRepairDecision{background:var(--vb-bg)}

/* ---------- brands, faq, business, quick trust ---------- */
body.vb .msearch{border-radius:var(--vb-r-lg);border-color:var(--vb-line)}
body.vb .btile{border-radius:var(--vb-r);background:#fff}
body.vb .btile>span:last-child{color:var(--vb-petrol)}
body.vb .btile__meta em{background:var(--vb-petrol);color:#fff}
body.vb .btile.is-match{border-color:var(--vb-petrol);box-shadow:0 0 0 3px var(--vb-mint)}
body.vb .mresults button{background:var(--vb-petrol);border-color:var(--vb-petrol)}
body.vb .chip[aria-pressed=true]{background:var(--vb-petrol);border-color:var(--vb-petrol)}
body.vb .qa{border-radius:var(--vb-r)}
body.vb .qa[open]{border-left:4px solid var(--vb-petrol)}
body.vb .faq>div:first-child .btn{background:var(--vb-call)!important;border-color:var(--vb-call)!important;color:#fff!important}
body.vb .biz__card{background:var(--vb-petrol-2)!important;border-radius:var(--vb-r-lg)}
body.vb .biz__card .eyebrow{color:#a9d6cd!important}
body.vb .ticks li::before{background-color:var(--vb-call)}
body.vb .cpQuickTrust{background:#fff!important;border-color:var(--vb-line)!important}
body.vb .cpQuickTrustPhoto{border-radius:var(--vb-r)}
body.vb .cpQuickTrustPhoto img{object-fit:contain!important;background:#0b1013}
body.vb .cpQuickTrustReview{border-left-color:var(--vb-line-2)}
body.vb .cpQuickTrustStars{color:var(--vb-amber)}

/* ---------- request form ---------- */
body.vb .req{border-radius:var(--vb-r-lg);border-color:var(--vb-line);box-shadow:var(--vb-sh-2)}
body.vb .req__aside{background:var(--vb-petrol-2)!important}
body.vb .req__aside .eyebrow{color:#a9d6cd!important}
body.vb .req__steps li::before{color:#bff0e1;border-radius:8px}
body.vb .req__phone .tel{color:#fff}
body.vb .cpVisitTerms{background:#eef6f7!important;border:1px solid var(--vb-line-2)!important;color:var(--vb-ink)!important;border-radius:var(--vb-r)!important}
body.vb .req__aside .cpVisitTerms{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.2)!important;color:#e6f1f3!important}
body.vb .req__aside .cpVisitTerms a{color:#bff0e1!important}
body.vb .field input,body.vb .field select,body.vb .field textarea{border-radius:10px;background:#f7fafb;border-color:var(--vb-line-2)}
body.vb .field input:focus,body.vb .field select:focus,body.vb .field textarea:focus{border-color:var(--vb-petrol);box-shadow:0 0 0 4px rgba(15,76,92,.14)}
body.vb .consent input:checked{background-color:var(--vb-petrol);border-color:var(--vb-petrol)}
body.vb .consent a,body.vb .hint a{color:var(--vb-petrol)}
body.vb .qmodal__box{border-top-color:var(--vb-petrol);border-radius:var(--vb-r-lg)}

/* ---------- contacts, footer, dock, cookie ---------- */
body.vb .contacts .card{border-radius:var(--vb-r)}
body.vb .contacts a.card{background:var(--vb-call)!important;border-color:var(--vb-call)}
body.vb .contacts a.card small{color:#dff5e7}
body.vb .contacts small{color:var(--vb-petrol)}
body.vb .ftr{background:var(--vb-petrol-3)}
body.vb .ftr h3{color:#a9d6cd}
body.vb .dock{background:#fff!important;border:1px solid var(--vb-line)!important;box-shadow:0 -8px 30px -12px rgba(11,34,48,.35)!important}
body.vb .dock .btn:not(.btn--gold):not([href^="tel:"]){background:#fff!important;color:var(--vb-petrol)!important;border:2px solid var(--vb-petrol)!important}
body.vb .cookie{background:var(--vb-petrol-2)}

/* ---------- inner / landing pages ---------- */
body.vb .page-hero{background:linear-gradient(180deg,#fff,var(--vb-bg))!important;border-bottom-color:var(--vb-line)}
body.vb .page-hero::before{background-image:none}
body.vb .page-hero .acts .btn:not([href^="tel:"]){background:#fff!important;border:2px solid var(--vb-petrol)!important;color:var(--vb-petrol)!important}
body.vb .crumbs a:hover{color:var(--vb-petrol)}
body.vb .phcard{border-radius:var(--vb-r-lg)}
body.vb .phcard::before{background:var(--vb-petrol)}
body.vb .phcard__k{color:var(--vb-petrol)}
body.vb .phcard__steps li::before{background:var(--vb-petrol)}
body.vb .cpLandingTrust{background:var(--vb-petrol-3)!important}
body.vb .cpLT__terms{border-color:rgba(191,240,225,.3);background:rgba(255,255,255,.05)}
body.vb .cpLT__terms strong{color:#bff0e1}
body.vb .cpLT a,body.vb .cpLandingTrust .link-arrow{color:#bff0e1!important;border-color:#bff0e1!important}
body.vb .cpLT__nodes span{color:#a9d6cd}
body.vb .cpLT__review{border-left-color:#3fa891}
body.vb .cpLT__stars{color:var(--vb-amber)}
body.vb .vbLT__pair{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:250px}
body.vb .vbLT__pair img{width:100%;height:auto;aspect-ratio:300/315;object-fit:contain;border-radius:12px;border:2px solid rgba(255,255,255,.18);background:#0a2a33}
body.vb .aside .card:first-child{background:var(--vb-petrol-2)!important;border-color:var(--vb-petrol-2)}
body.vb .aside nav a[aria-current=page]{color:var(--vb-petrol)}
body.vb .prose a{color:var(--vb-petrol);text-decoration-color:rgba(15,76,92,.35)}
body.vb .prose li::marker{color:var(--vb-petrol)}
body.vb .note{background:var(--vb-soft);border-left-color:var(--vb-petrol)}
body.vb .mcard__code{color:var(--vb-petrol)}

/* ---------- responsive ---------- */
/* desktop: left column = message + actions + terms; right column = both masters, then the condition tiles */
@media (min-width:901px){
  body.vb .hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:clamp(28px,4vw,64px);row-gap:0}
  body.vb .hero__copy{display:contents}
  body.vb .hero__badge{grid-column:1;grid-row:1;justify-self:start}
  body.vb .hero h1{grid-column:1;grid-row:2}
  body.vb .hero__lead{grid-column:1;grid-row:3}
  body.vb .hero__cta{grid-column:1;grid-row:4}
  body.vb .cpAfterHours{grid-column:1;grid-row:5}
  body.vb .cpConversionProcess{grid-column:1;grid-row:6}
  body.vb .cpHeroTerms{grid-column:1;grid-row:7}
  body.vb .hero__hours{grid-column:1;grid-row:8;margin-top:12px}
  body.vb .vbMasters{grid-column:2;grid-row:1 / span 5;align-self:start}
  body.vb .hero__trust{grid-column:2;grid-row:6 / span 3;align-self:start;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;max-width:none}
}
/* phones and portrait tablets: headline → call → callback → both masters → terms */
@media (max-width:900px){
  body.vb .hero__grid{grid-template-columns:1fr;gap:0}
  body.vb .hero__copy{display:contents}
  body.vb .hero h1{order:2;margin-bottom:14px}
  body.vb .hero__cta{order:3;margin:0 0 12px}
  body.vb .vbMasters{order:4;margin:0 0 14px}
  body.vb .hero__lead{order:5;margin-bottom:8px}
  body.vb .cpAfterHours{order:6}
  body.vb .cpConversionProcess{order:7}
  body.vb .cpHeroTerms{order:8}
  body.vb .hero__hours{order:9}
  body.vb .hero__trust{order:10}
  body.vb .vbMasters{max-width:none}
}
@media (max-width:760px){
  body.vb .hero__badge{display:none!important}
  body.vb .hero{padding-top:calc(var(--hdr-h) + 18px)}
  body.vb .hero h1{font-size:clamp(1.95rem,8.6vw,2.5rem)}
  body.vb .vbMasters{padding:12px;border-radius:16px}
  .vbMasters__k{margin-bottom:8px;font-size:.7rem}
  .vbMasters__pair{grid-template-columns:1fr 1fr;gap:10px}
  .vbMaster{grid-template-columns:auto 1fr;align-items:center;gap:9px}
  .vbMaster img{width:84px;border-width:2px;border-radius:12px}
  .vbMaster b{font-size:1.02rem}
  .vbMaster span{font-size:.82rem;line-height:1.25}
  .vbMasters__video{margin-top:4px;min-height:44px;font-size:.95rem}
  body.vb .vbLT__pair{width:180px}
}
@media (max-width:380px){
  .vbMasters__pair{grid-template-columns:1fr;gap:8px}
  .vbMaster img{width:76px}
}

/* ---------- dark contexts: white headings, darker marker ---------- */
body.vb :is(.offer,.pband__main,.svc__note,.fanswer,.req__aside,.biz__card,.vbMachine,.cpGuarantee,.cpLandingTrust,.final,.cpPaymentTerms,.cpAreaCard,.ftr,.aside .card:first-child,.cp-real-trust .master) :is(h2,h3,.h2,.pband__big){color:#fff!important}
body.vb :is(.offer,.pband__main,.req__aside,.vbMachine,.cpGuarantee,.cpLandingTrust,.cp-real-trust .master) em{background:linear-gradient(transparent 60%,rgba(63,208,166,.32) 60%,rgba(63,208,166,.32) 90%,transparent 90%)!important}
body.vb .offer p,body.vb .pband__main>p:not(.pband__big),body.vb .req__aside>p{color:#cfe0e4!important}

/* ---------- area map card ---------- */
body.vb .cpAreaCard{background:linear-gradient(150deg,var(--vb-petrol),var(--vb-petrol-2))!important;border-color:var(--vb-petrol)!important;border-radius:var(--vb-r-lg)!important}
body.vb .cpAreaCardEyebrow{color:#a9d6cd!important}
body.vb .cpAreaCardFoot{color:#a8c4ca!important}
body.vb .cpAreaCta{background:#fff!important;color:var(--vb-petrol-2)!important;box-shadow:none!important;font-weight:750}
body.vb .cpAreaDistricts button,body.vb .cpAreaSpecials button{background:#fff;border-color:var(--vb-line-2);color:var(--vb-ink);border-radius:10px}
body.vb .cpAreaDistricts button span{color:var(--vb-petrol)}
body.vb .cpAreaDistricts button.is-selected,body.vb .cpAreaSpecials button.is-selected{background:var(--vb-petrol);border-color:var(--vb-petrol);color:#fff}
body.vb .cpAreaSpecials button{background:var(--vb-mint);border-color:var(--vb-mint-2)}

/* ---------- real-trust block: green call, photo without the phone status bar ---------- */
body.vb .cp-real-trust a.cta[href^="tel:"],body.vb .cp-real-trust .cpCaseCall{background:var(--vb-call)!important;color:#fff!important;border-color:var(--vb-call)!important}
body.vb .cp-real-trust .cta:not([href^="tel:"]){background:var(--vb-petrol)!important;color:#fff!important}
body.vb .cp-real-trust .portrait>img{object-position:50% 68%!important}
body.vb .cpLT__who{flex-direction:column;gap:12px}
body.vb .cpLT__who figcaption{max-width:320px}
@media (max-width:760px){body.vb .cpLT__who{flex-direction:row;align-items:center}body.vb .vbLT__pair{width:168px}}
@media (max-width:760px){.vbMaster{grid-template-columns:84px minmax(0,1fr)}.vbMaster img{width:84px;max-width:none}}
@media (max-width:380px){.vbMaster{grid-template-columns:76px minmax(0,1fr)}.vbMaster img{width:76px}}
@media (max-width:440px){.vbMasters__pair{grid-template-columns:1fr;gap:8px}}

/* ---- B architecture: two-tier header (service strip + main row), desktop only ---- */
.vbTop{display:none}
@media (min-width:1101px){
  :root{--hdr-h:112px}
  body.vb .hdr{flex-direction:column;align-items:center;justify-content:flex-start;height:var(--hdr-h)}
  body.vb .vbTop{display:block;align-self:stretch;flex:none;height:36px;background:var(--vb-petrol-3);color:#cfe6e0;font-size:.8rem;letter-spacing:.01em}
  body.vb .vbTop__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap;overflow:hidden}
  body.vb .vbTop b{color:#fff;font-weight:700}
  body.vb .vbTop i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#5fb3a2;margin:0 12px;vertical-align:middle}
  body.vb .hdr__in{flex:1;display:flex;align-items:center}
  body.vb .hdr__nav a{font-weight:600;color:var(--vb-ink)}
}
/* ---- B typography: calmer weights, numbered section chapters instead of serif italics ---- */
body.vb h2,body.vb .h2{font-weight:720;letter-spacing:-.035em}
body.vb main{counter-reset:vbsec}
body.vb main .section__head .eyebrow{display:inline-flex;align-items:center;gap:10px}
body.vb main .section__head .eyebrow::before{counter-increment:vbsec;content:counter(vbsec,decimal-leading-zero);display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border-radius:6px;background:var(--vb-petrol);color:#fff;font-size:.7rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}
body.vb main :is(.vbMachine,.final) .section__head .eyebrow::before{background:var(--vb-mint-2);color:var(--vb-petrol-3)}

/* ==== Owner additions 18.10: speed promise (1Ж), «Новосибирск сейчас» (1В), final cleaning (1Д), chain offer (1Е) ==== */
/* 1Ж speed promise — under the main buttons, the number «3–4 дня» carries the block */
.vbSpeed{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:16px 0 4px;padding:14px 18px 14px 14px;border-radius:14px;background:linear-gradient(120deg,#e3f2ee 0%,#f4faf8 70%);border:1px solid var(--vb-mint-2)}
.vbSpeed__num{margin:0;display:grid;place-items:center;min-width:92px;padding:10px 8px;border-radius:12px;background:var(--vb-petrol-2);color:#fff;line-height:1}
.vbSpeed__num b{font-size:2.1rem;font-weight:800;letter-spacing:-.04em;color:#fff}
.vbSpeed__num span{margin-top:4px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vb-mint-2)}
.vbSpeed__t{margin:0 0 4px;font-size:1.12rem;font-weight:780;letter-spacing:-.02em;color:var(--vb-ink);line-height:1.25}
.vbSpeed__s{margin:0;font-size:.95rem;line-height:1.5;color:var(--vb-text)}
.vbSpeed__facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:.82rem;font-weight:650;color:var(--vb-petrol)}
.vbSpeed__facts li{display:inline-flex;align-items:center;gap:6px}
.vbSpeed__facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vb-call)}
.cpCompactProcess .section__head p{max-width:62ch;color:var(--vb-text)}
.vbSlogan{display:block;margin-top:8px;color:var(--vb-petrol);font-weight:780}

/* 1Д final cleaning */
.cpCompactProcess ol:has(.vbStepShine){grid-template-columns:repeat(5,minmax(0,1fr))}
.vbStepShine{position:relative;padding:12px;margin:-12px;border-radius:12px;background:linear-gradient(135deg,#fff8e8,#f6fbfa);border:1px solid #ecd9a8}
body.vb .cpCompactProcess ol li.vbStepShine b{color:#9a7424}
.vbShine{padding-block:clamp(36px,5vw,64px)}
.vbShine__card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(20px,3vw,40px);padding:clamp(22px,3.4vw,44px);border-radius:var(--vb-r-lg);background:#fff;border:1px solid var(--vb-line);box-shadow:var(--vb-sh)}
.vbShine__lead{font-size:1.12rem;font-weight:700;color:var(--vb-petrol);margin:10px 0 12px}
.vbShine__copy p{line-height:1.65}
.vbShine__note{font-size:.88rem;color:var(--vb-muted);border-left:3px solid var(--vb-line-2);padding-left:12px}
.vbShine__note a{color:var(--vb-petrol);text-decoration:underline}
.vbShine__aside{position:relative;align-self:start;padding:22px;border-radius:14px;background:linear-gradient(150deg,var(--vb-petrol) 0%,var(--vb-petrol-3) 100%);color:#e6f1f3;overflow:hidden}
.vbShine__spark{position:absolute;right:18px;top:16px;width:34px;height:34px;background:conic-gradient(from 45deg,transparent 0 10%,#f3d79a 10% 15%,transparent 15% 35%,#f3d79a 35% 40%,transparent 40% 60%,#f3d79a 60% 65%,transparent 65% 85%,#f3d79a 85% 90%,transparent 90%);-webkit-mask:radial-gradient(circle,#000 0 30%,transparent 72%);mask:radial-gradient(circle,#000 0 30%,transparent 72%);opacity:.9}
.vbShine__k{font-size:1.3rem;font-weight:780;color:#fff;margin:0 0 8px;padding-right:44px}
.vbShine__aside p{color:#d5e8ea;line-height:1.6}
.vbShine__aside .ticks{margin:12px 0 14px;padding:0;list-style:none;display:grid;gap:6px}
.vbShine__aside .ticks li{color:#fff;padding-left:22px;position:relative}
.vbShine__aside .ticks li::before{content:"✓";position:absolute;left:0;color:#9fe0b8;font-weight:800}
.vbShine__link{display:inline-flex;min-height:44px;align-items:center;color:#f3d79a;font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* 1Е chain offer for organisations */
.vbNet{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);margin-top:clamp(22px,3vw,36px);padding:clamp(20px,3vw,36px);border-radius:var(--vb-r-lg);background:#fff;border:1px solid var(--vb-line);border-top:4px solid #d6ad5b;box-shadow:var(--vb-sh)}
.vbNet__t{font-size:clamp(1.3rem,1rem + 1vw,1.75rem);font-weight:760;letter-spacing:-.025em;color:var(--vb-ink);margin:8px 0 10px;line-height:1.2}
.vbNet__copy p{line-height:1.65}
.vbNet__small{font-size:.86rem;color:var(--vb-muted)}
.vbNet__side{display:flex;flex-direction:column;gap:12px;justify-content:center}
.vbNet__accent{margin:0;padding:14px 16px;border-radius:12px;background:#fbf4e3;border:1px solid #ecd9a8;color:var(--vb-ink);line-height:1.45}
.vbNet__accent span{display:block;color:var(--vb-muted);font-size:.92rem}
.vbNet__accent b{font-size:1.05rem}
body.vb .vbNet .vbNet__call{justify-content:flex-start;min-height:60px}
body.vb .vbNet .vbNet__call small{color:#dff5e7!important}
body.vb .vbNet .vbNet__form{min-height:48px}

@media (min-width:901px){
  body.vb .vbSpeed{grid-column:1;grid-row:5}
  body.vb .cpAfterHours{grid-row:6}
  body.vb .cpConversionProcess{grid-row:7}
  body.vb .cpHeroTerms{grid-row:8}
  body.vb .hero__hours{grid-row:9}
  body.vb .vbMasters{grid-row:1 / span 6}
  body.vb .hero__trust{grid-row:7 / span 3}
}
@media (max-width:900px){
  body.vb .vbSpeed{order:4;margin:0 0 12px}
  body.vb .vbMasters{order:5}
  body.vb .hero__lead{order:6}
  body.vb .cpAfterHours{order:7}
  body.vb .cpConversionProcess{order:8}
  body.vb .cpHeroTerms{order:9}
  body.vb .hero__hours{order:10}
  body.vb .hero__trust{order:11}
  .vbShine__card,.vbNet{grid-template-columns:1fr}
  .cpCompactProcess ol:has(.vbStepShine){grid-template-columns:1fr 1fr}
  .vbStepShine{grid-column:1 / -1}
}
@media (max-width:760px){
  .vbSpeed{grid-template-columns:auto 1fr;gap:6px 12px;padding:10px 12px}
  .vbSpeed__body{display:contents}
  .vbSpeed__num{grid-row:1;min-width:0;padding:6px 10px;flex-direction:row;display:flex;align-items:baseline;gap:5px}
  .vbSpeed__num b{font-size:1.35rem}
  .vbSpeed__num span{margin:0;font-size:.66rem}
  .vbSpeed__t{grid-row:1;grid-column:2;align-self:center;font-size:.98rem;margin:0}
  .vbSpeed__s{grid-column:1 / -1;font-size:.86rem;line-height:1.4}
  .vbSpeed__facts{grid-column:1 / -1;margin:0;font-size:.76rem}
  .vbSpeed__facts li:not(:last-child){display:none}
}

/* 1И on-site first: hero line under the buttons, two scenarios in the workshop block */
body.vb .hero .cpConversionProcess{position:relative;margin:12px 0 0;padding:10px 12px 10px 38px;border-radius:12px;background:#fff;border:1px solid var(--vb-line);color:var(--vb-ink);font-size:.95rem;line-height:1.5}
body.vb .hero .cpConversionProcess::before{content:"";position:absolute;left:14px;top:17px;width:10px;height:10px;border-radius:50%;background:var(--vb-call);box-shadow:0 0 0 4px #e3f4ea}
.vbHowText p{margin:0 0 10px}
.vbOnSite{font-weight:600;color:var(--vb-ink)}
.vbPaths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}
.vbPath{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--vb-line)}
.vbPath--site{border-color:#9fd9b5;background:linear-gradient(135deg,#eaf7ef,#fff)}
.vbPath__k{display:block;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--vb-muted);margin-bottom:6px}
.vbPath--site .vbPath__k{color:var(--vb-call)}
.vbPath b{display:block;font-size:1.08rem;color:var(--vb-ink);margin-bottom:4px}
.vbPath p{margin:0;line-height:1.55}
.vbPaths__then{font-weight:700;color:var(--vb-petrol);margin:0 0 10px}
@media (min-width:901px){
  body.vb .cpConversionProcess{grid-column:1;grid-row:5}
  body.vb .vbSpeed{grid-row:6}
  body.vb .cpAfterHours{grid-row:7}
  body.vb .cpHeroTerms{grid-row:8}
  body.vb .hero__hours{grid-row:9}
  body.vb .vbMasters{grid-row:1 / span 6}
  body.vb .hero__trust{grid-row:7 / span 3}
}
@media (max-width:900px){
  body.vb .hero .cpConversionProcess{order:4;margin:0 0 10px}
  body.vb .vbSpeed{order:5}
  body.vb .vbMasters{order:6}
  body.vb .hero__lead{order:7}
  body.vb .cpAfterHours{order:8}
  body.vb .cpHeroTerms{order:10}
  body.vb .hero__hours{order:11}
  body.vb .hero__trust{order:12}
  .vbPaths{grid-template-columns:1fr}
}
@media (max-width:760px){
  body.vb .hero .cpConversionProcess{font-size:.86rem;line-height:1.42;padding:8px 10px 8px 34px}
  body.vb .hero .cpConversionProcess::before{top:14px;left:12px}
}

/* 1В (final, owner 19.10) — «Новосибирск сейчас»: its own large panel directly under both portraits */
body.vb .vbRight{display:grid;gap:14px;align-content:start}
.vbChrono{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:22px;padding:20px 24px;border-radius:20px;color:#eaf3f4;
  background:radial-gradient(120% 140% at 0% 0%,#14586a 0%,#0a3440 55%,#06222a 100%);border:1px solid rgba(214,173,91,.38);box-shadow:var(--vb-sh-2)}
.vbChrono.is-day{background:radial-gradient(120% 140% at 0% 0%,#2f7d8c 0%,#165466 55%,#0d3d4a 100%)}
.vbChrono.is-night{background:radial-gradient(120% 140% at 0% 0%,#0f3b4a 0%,#082a33 55%,#041a20 100%)}
.vbChrono__dial{position:relative;width:132px;height:132px;flex:none}
.vbChrono__dial svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vbChrono__rim{fill:rgba(255,255,255,.035);stroke:#d6ad5b;stroke-width:2.2}
.vbChrono__track{fill:none;stroke:rgba(214,173,91,.4);stroke-width:1;stroke-dasharray:1.6 4}
.vbChrono__beans{transform-origin:60px 60px;animation:vbBeans 90s linear infinite}
.vbChrono__beans ellipse{fill:#c8964a;stroke:#7a5523;stroke-width:.8}
.vbChrono__beans path{fill:none;stroke:#5b3d17;stroke-width:1.1;stroke-linecap:round}
@keyframes vbBeans{to{transform:rotate(360deg)}}
.vbChrono__time{position:absolute;inset:0;display:grid;place-items:center;font-size:2.15rem;font-weight:780;letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums}
.vbChrono__info p{margin:0}
.vbChrono__city{font-size:.78rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#a9d6cd}
.vbChrono__city span{letter-spacing:.02em;text-transform:none;font-weight:600;color:#cfe3e5}
.vbChrono__wx{margin:6px 0 4px!important;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.vbChrono__wx b{font-size:2rem;font-weight:780;letter-spacing:-.02em;color:#fff;line-height:1}
.vbChrono__wx span{font-size:1rem;color:#e6f1f3}
.vbChrono__status{margin-top:6px!important;font-size:.9rem;font-weight:650;color:#f3d79a}
.vbChrono.is-open .vbChrono__status{color:#9fe0b8}
.vbChrono__src{margin-top:4px!important;font-size:.72rem;color:#9cbcc1}
/* weather inside the panel only, driven by the real weather code */
.vbChrono__fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.vbChrono__fx i{position:absolute;top:-12px;display:none}
.vbChrono.wx-snow .vbChrono__fx i{display:block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.85);animation:vbSnow 9s linear infinite}
.vbChrono.wx-rain .vbChrono__fx i{display:block;width:1px;height:14px;background:linear-gradient(transparent,rgba(200,230,255,.75));animation:vbRain 1.2s linear infinite}
.vbChrono.wx-clear.is-day .vbChrono__fx{background:radial-gradient(260px 200px at 92% -10%,rgba(255,214,120,.38),transparent 70%)}
.vbChrono.wx-clear.is-night .vbChrono__fx{background:radial-gradient(160px 140px at 90% 0%,rgba(220,230,255,.18),transparent 70%)}
.vbChrono.wx-cloud .vbChrono__fx,.vbChrono.wx-fog .vbChrono__fx{background:radial-gradient(60% 50% at 30% 20%,rgba(255,255,255,.10),transparent 70%),radial-gradient(50% 45% at 85% 70%,rgba(255,255,255,.08),transparent 70%);background-size:200% 100%;animation:vbHaze 30s ease-in-out infinite alternate}
.vbChrono .vbChrono__fx i:nth-child(1){left:4%;animation-delay:-1s}.vbChrono .vbChrono__fx i:nth-child(2){left:11%;animation-delay:-5s}.vbChrono .vbChrono__fx i:nth-child(3){left:18%;animation-delay:-3s}
.vbChrono .vbChrono__fx i:nth-child(4){left:26%;animation-delay:-7s}.vbChrono .vbChrono__fx i:nth-child(5){left:33%;animation-delay:-2s}.vbChrono .vbChrono__fx i:nth-child(6){left:41%;animation-delay:-6s}
.vbChrono .vbChrono__fx i:nth-child(7){left:48%;animation-delay:-4s}.vbChrono .vbChrono__fx i:nth-child(8){left:56%;animation-delay:-8s}.vbChrono .vbChrono__fx i:nth-child(9){left:63%;animation-delay:-1.5s}
.vbChrono .vbChrono__fx i:nth-child(10){left:71%;animation-delay:-5.5s}.vbChrono .vbChrono__fx i:nth-child(11){left:78%;animation-delay:-3.5s}.vbChrono .vbChrono__fx i:nth-child(12){left:85%;animation-delay:-7.5s}
.vbChrono .vbChrono__fx i:nth-child(13){left:92%;animation-delay:-2.5s}.vbChrono .vbChrono__fx i:nth-child(14){left:97%;animation-delay:-6.5s}
.vbChrono.wx-rain .vbChrono__fx i:nth-child(odd){animation-duration:.95s}
@keyframes vbSnow{to{transform:translate(18px,220px)}}
@keyframes vbRain{to{transform:translate(-10px,230px)}}
@keyframes vbHaze{to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.vbChrono__beans,.vbChrono__fx{animation:none!important}.vbChrono .vbChrono__fx i{display:none!important}}
@media (min-width:901px){
  body.vb .vbRight{grid-column:2;grid-row:1 / span 6;align-self:start}
}
@media (max-width:900px){
  body.vb .vbRight{order:6;margin:0 0 14px}
  body.vb .vbRight .vbMasters{margin:0}
}
@media (max-width:760px){
  body.vb .vbRight{gap:10px}
  .vbChrono{gap:14px;padding:12px 14px;border-radius:16px}
  .vbChrono__dial{width:88px;height:88px}
  .vbChrono__time{font-size:1.45rem}
  .vbChrono__city{font-size:.68rem}
  .vbChrono__wx b{font-size:1.45rem}
  .vbChrono__wx span{font-size:.88rem}
  .vbChrono__status{font-size:.8rem}
  .vbChrono__src{font-size:.66rem}
}
@media (max-width:360px){.vbChrono__dial{width:76px;height:76px}.vbChrono__time{font-size:1.25rem}}
/* the photo card is no longer a hero grid item: neutralise its old placement inside the right column */
body.vb .hero .vbRight>.vbMasters{order:0;grid-column:auto;grid-row:auto;align-self:auto;margin:0;max-width:none}
body.vb .hero .vbRight>.vbChrono{order:1}
/* phones: keep title → buttons → on-site line → «3–4 дня» → both photos → chronometer as compact as possible */
@media (max-width:760px){
  body.vb .hero .cpConversionProcess{margin-bottom:8px}
  body.vb .vbSpeed{margin-bottom:10px}
  body.vb .vbSpeed .vbSpeed__s{display:none}
  body.vb .hero .vbRight>.vbMasters{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k v" "pair pair";align-items:center;column-gap:10px;padding:8px 12px 12px}
  body.vb .vbMasters .vbMasters__k{grid-area:k;margin:0}
  body.vb .vbMasters .vbMasters__video{grid-area:v;margin:0;font-size:.82rem}
  body.vb .vbMasters .vbMasters__pair{grid-area:pair;grid-template-columns:1fr 1fr!important;gap:10px}
  body.vb .vbMaster{grid-template-columns:72px minmax(0,1fr)!important;gap:8px;align-items:center}
  body.vb .vbMaster img{width:72px!important;height:auto}
  body.vb .vbMaster figcaption b{font-size:.92rem}
  body.vb .vbMaster figcaption span{font-size:.72rem;line-height:1.3}
}
.vbChrono__time{font-size:1.8rem}
@media (max-width:760px){.vbChrono__time{font-size:1.22rem}}
@media (max-width:360px){.vbChrono__time{font-size:1.06rem}}
@media (min-width:761px) and (max-width:900px){
  body.vb .hero .vbRight>.vbMasters .vbMasters__pair{grid-template-columns:repeat(2,minmax(0,165px));justify-content:start}
}

/* Digital business card with QR (save Vladislav's contact) — in «Контакты», never a popup */
.vbCard{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:20px 28px;margin-top:20px;padding:22px 26px;border-radius:var(--vb-r-lg);
  background:linear-gradient(135deg,#fff 0%,#f4faf8 100%);border:1px solid var(--vb-line);border-left:4px solid #d6ad5b;box-shadow:var(--vb-sh)}
.vbCard__who{display:flex;align-items:center;gap:16px}
.vbCard__who img{width:76px;height:auto;aspect-ratio:300/315;object-fit:contain;border-radius:12px;background:#0a2a33}
.vbCard__name{margin:4px 0 2px;font-size:1.25rem;font-weight:780;color:var(--vb-ink)}
.vbCard__role{margin:0 0 4px;color:var(--vb-muted);font-size:.92rem}
.vbCard__tel{font-weight:750;color:var(--vb-call);font-size:1.05rem}
.vbCard__actions{display:grid;gap:6px}
body.vb .vbCard .vbCard__save{background:var(--vb-petrol)!important;border-color:var(--vb-petrol)!important;color:#fff!important;min-height:52px;justify-content:center}
.vbCard__note{margin:0;font-size:.8rem;color:var(--vb-muted)}
.vbCard__qr summary{display:none}
.vbCard__qr figure{margin:0;display:grid;justify-items:center;gap:6px}
.vbCard__qr img{width:176px;height:176px;image-rendering:pixelated;background:#fff;border-radius:8px;padding:0}
.vbCard__qr figcaption{font-size:.8rem;font-weight:650;color:var(--vb-petrol);text-align:center;max-width:180px}
@media (max-width:900px){.vbCard{grid-template-columns:1fr 1fr}.vbCard__qr{grid-column:1 / -1}}
@media (max-width:760px){
  .vbCard{grid-template-columns:1fr;padding:16px}
  .vbCard__qr summary{display:inline-flex;min-height:44px;align-items:center;cursor:pointer;color:var(--vb-petrol);font-weight:700;text-decoration:underline;text-underline-offset:4px}
  .vbCard__qr img{width:200px;height:200px}
}