/*
 * VIRAL autoscoala.md · V5.0
 * Minimal System public design
 * Inspired by the restrained information architecture of rvnc.ru and aligned
 * with the current lms.autoscoala.md design tokens (Inter, neutral surfaces,
 * 8px radii, thin borders, restrained shadows).
 */

:root{
  --vm-bg:#f4f6f8;
  --vm-bg-soft:#f8fafc;
  --vm-surface:#ffffff;
  --vm-text:#172033;
  --vm-text-strong:#101828;
  --vm-muted:#667085;
  --vm-subtle:#98a2b3;
  --vm-border:#d8e0ea;
  --vm-border-soft:#e9edf2;
  --vm-primary:#0f766e;
  --vm-primary-dark:#115e59;
  --vm-brand:#0b45e5;
  --vm-dark:#172033;
  --vm-radius:8px;
  --vm-radius-lg:10px;
  --vm-shadow:0 8px 22px rgba(17,24,39,.055);
  --vm-container:1360px;
}

html{background:var(--vm-bg);scroll-behavior:smooth}
body{
  margin:0;
  background:var(--vm-surface)!important;
  color:var(--vm-text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:15px;
  line-height:1.58;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{display:none!important}
.container{width:min(calc(100% - 48px),var(--vm-container))!important}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}

/* ---------- typography ---------- */
h1,h2,h3,h4,.hero h1,.page-hero h1,.wide-cta h2,.section-heading h2,
.blog-hero h1,.article-hero h1,.article-body h2,.article-body h3,
.price-card .price,.polaroid-caption strong,.zone-copy strong{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  color:var(--vm-text-strong)!important;
  letter-spacing:-.025em!important;
}
.hero h1{font-size:clamp(3.25rem,5.6vw,5.55rem)!important;line-height:.98!important;font-weight:690!important;max-width:900px!important;margin:20px 0 24px!important}
.page-hero h1,.blog-hero h1,.article-hero h1{font-size:clamp(2.7rem,4.65vw,4.75rem)!important;line-height:1.01!important;font-weight:680!important}
.section-heading h2{font-size:clamp(2rem,3.3vw,3.35rem)!important;line-height:1.06!important;font-weight:660!important;max-width:900px}
h3{font-weight:650!important}
.hero-lead,.page-hero p,.blog-hero p,.section-heading p{font-size:1.03rem!important;color:var(--vm-muted)!important;line-height:1.7!important}
.kicker,.eyebrow,.mini-label{
  color:var(--vm-muted)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
.kicker,.eyebrow{display:inline-flex!important;align-items:center!important;gap:9px!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.kicker::before,.eyebrow::before{content:"";display:block;width:18px;height:1px;background:var(--vm-primary)}
.eyebrow-dot{display:none!important}

/* ---------- announcement / header ---------- */
.announcement{
  background:#f7f8fa!important;
  color:#475467!important;
  border-bottom:1px solid var(--vm-border)!important;
  font-size:12px!important;
  font-weight:600!important;
}
.announcement .container{min-height:32px!important;justify-content:center!important;gap:16px!important}
.announcement a{color:var(--vm-text)!important;text-decoration:none!important;border-bottom:1px solid #b8c5d4!important;font-weight:700!important}
.announcement a:hover{color:var(--vm-primary)!important;border-bottom-color:var(--vm-primary)!important}

.site-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--vm-border)!important;
  box-shadow:none!important;
  backdrop-filter:blur(14px)!important;
}
.site-header.scrolled{box-shadow:0 5px 18px rgba(17,24,39,.045)!important}
.nav-wrap{height:74px!important;gap:24px!important}
.brand{min-width:164px!important}
.brand-logo{width:164px!important;max-height:42px!important}
.desktop-nav{gap:0!important}
.desktop-nav a{
  min-height:74px;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:650!important;
}
.desktop-nav a::after{height:2px!important;left:10px!important;right:10px!important;background:transparent!important}
.desktop-nav a:hover{color:var(--vm-text)!important;background:transparent!important}
.desktop-nav a.active{color:var(--vm-text)!important;font-weight:760!important;background:transparent!important}
.desktop-nav a.active::after{background:var(--vm-primary)!important}
.phone-link small{color:var(--vm-subtle)!important;font-size:10px!important;font-weight:650!important}
.phone-link strong{color:var(--vm-text)!important;font-size:13px!important;font-weight:720!important}
.nav-actions{gap:7px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.lms-header-link,.nav-actions .btn-primary,.nav-actions .lang-switch,.nav-actions .global-search-trigger,.menu-toggle{
  min-height:42px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:var(--vm-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--vm-text)!important;
}
.lms-header-link{padding:6px 10px!important;gap:7px!important;font-size:12px!important;font-weight:680!important}
.lms-header-link:hover,.nav-actions .btn-primary:hover,.nav-actions .global-search-trigger:hover{border-color:var(--vm-border-strong,#b8c5d4)!important;background:#f8fafc!important;color:var(--vm-primary)!important;transform:none!important}
.lms-header-link__mark{height:26px!important;min-width:34px!important;border-radius:6px!important;background:var(--vm-brand)!important;color:#fff!important;font-size:10px!important;box-shadow:none!important}
.lms-header-link__text{color:var(--vm-text)!important}
.nav-actions .btn-primary{padding:0 14px!important;font-size:13px!important;font-weight:720!important}
.lang-switch{padding:3px!important;gap:2px!important}
.lang-switch button{height:34px!important;min-width:40px!important;padding:0 10px!important;border-radius:6px!important;color:var(--vm-muted)!important;font-size:12px!important;font-weight:700!important}
.lang-switch button.active{background:#eef3f5!important;color:var(--vm-primary-dark)!important;box-shadow:none!important}
.global-search-trigger{width:42px!important;min-width:42px!important;height:42px!important;font-size:1rem!important}
.menu-toggle{width:42px!important;height:42px!important;padding:9px!important}
.menu-toggle span{background:var(--vm-text)!important}
.mobile-menu{background:#fff!important;border-top:1px solid var(--vm-border)!important}
.mobile-menu a{border-bottom:1px solid var(--vm-border-soft)!important;font-weight:650!important;color:var(--vm-text)!important}
.mobile-lms-link{background:#f8fafc!important;color:var(--vm-text)!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--vm-border-soft)!important;padding:14px 0!important;margin:0!important}

/* ---------- buttons ---------- */
.btn{
  min-height:42px!important;
  padding:10px 16px!important;
  border-radius:var(--vm-radius)!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:700!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.btn:hover{transform:none!important}
.btn-primary{background:var(--vm-dark)!important;border-color:var(--vm-dark)!important;color:#fff!important}
.btn-primary:hover{background:#0d1424!important;border-color:#0d1424!important;color:#fff!important}
.btn-outline{background:#fff!important;border-color:var(--vm-border)!important;color:var(--vm-text)!important}
.btn-outline:hover{background:#f8fafc!important;border-color:#b8c5d4!important;color:var(--vm-text)!important}
.btn-soft{background:#f3f6f7!important;border-color:#e0e7ea!important;color:var(--vm-primary-dark)!important}
.btn-yellow{background:var(--vm-primary)!important;border-color:var(--vm-primary)!important;color:#fff!important}
.btn-yellow:hover{background:var(--vm-primary-dark)!important;border-color:var(--vm-primary-dark)!important}
.btn-sm{min-height:38px!important;padding:8px 13px!important;font-size:12px!important}
.btn-lg{min-height:48px!important;padding:13px 20px!important;font-size:14px!important}
.link-arrow{color:var(--vm-text)!important;font-weight:700!important;text-decoration:none!important}
.link-arrow:hover{color:var(--vm-primary)!important}

/* ---------- hero ---------- */
.hero{
  padding:88px 0 92px!important;
  background:#fff!important;
  border-bottom:1px solid var(--vm-border)!important;
  overflow:hidden!important;
}
.hero::after,.blob,.floating-note{display:none!important}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;gap:72px!important;align-items:center!important}
.hero-copy{max-width:820px!important}
.hero h1 span,.gradient-text{color:var(--vm-text-strong)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}
.hero-actions{gap:9px!important}
.proof-row{margin-top:34px!important;gap:0!important;border-top:1px solid var(--vm-border-soft)!important;padding-top:20px!important}
.proof-row span{padding:0 18px!important;margin-right:18px!important;border:0!important;border-right:1px solid var(--vm-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--vm-muted)!important}
.proof-row span:first-child{padding-left:0!important}
.proof-row span:last-child{border-right:0!important;margin-right:0!important}
.proof-row b{color:var(--vm-text)!important}
.hero-stage{min-height:500px!important}
.hero-card{padding:18px!important;border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius-lg)!important;background:#fff!important;box-shadow:none!important;animation:none!important;backdrop-filter:none!important}
.hero-card-head{margin-bottom:14px!important}
.hero-card-head strong{font-size:15px!important;font-weight:680!important}
.status{padding:6px 9px!important;border:1px solid #b7dfd9!important;border-radius:6px!important;background:#eef8f6!important;color:var(--vm-primary-dark)!important;font-size:10px!important;font-weight:760!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.road-scene{min-height:340px!important;border:1px solid var(--vm-border-soft)!important;border-radius:7px!important;animation:none!important}
.road-scene::after,.hero-car{animation:none!important}
.next-class{padding:16px 0 0!important;border-top:0!important}
.next-class p{color:var(--vm-muted)!important}

/* ---------- page hero ---------- */
.page-hero,.blog-hero,.article-hero{
  background:#fff!important;
  border-bottom:1px solid var(--vm-border)!important;
  padding:72px 0 70px!important;
}
.page-hero .container{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:72px!important;align-items:end!important}
.page-hero h1{margin:16px 0 18px!important;max-width:940px!important}
.page-hero p{max-width:820px!important}
.breadcrumb{color:var(--vm-subtle)!important;font-size:12px!important;font-weight:600!important;gap:7px!important}
.breadcrumb a{color:var(--vm-muted)!important;text-decoration:none!important}
.breadcrumb a:hover{color:var(--vm-primary)!important}
.page-hero-card{
  padding:0 0 0 24px!important;
  border:0!important;
  border-left:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.page-hero-card strong{font-size:14px!important;font-weight:680!important}
.page-hero-card ul{margin-top:13px!important;gap:7px!important}
.page-hero-card li{padding-left:16px!important;color:var(--vm-muted)!important;font-size:13px!important}
.page-hero-card li::before{color:var(--vm-primary)!important}

/* ---------- sections / headings ---------- */
.section{padding:92px 0!important;background:#fff!important}
.section-sm{padding:58px 0!important;background:#fff!important}
.section.soft,.section.soft-warm,.section.people-soft,.soft,.soft-warm,.people-soft{background:var(--vm-bg-soft)!important}
.section.surface{background:#fff!important}
.section-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,440px)!important;
  align-items:end!important;
  gap:48px!important;
  margin-bottom:38px!important;
  padding:21px 0 0!important;
  border:0!important;
  border-top:1px solid var(--vm-border)!important;
}
.section-heading::after{display:none!important}
.section-heading p{justify-self:end!important;max-width:440px!important;margin:0!important}
.section-heading .kicker{margin-bottom:12px!important}

/* ---------- flat component system ---------- */
.card,.feature,.v4-feature,.price-card,.review-card,.branch-card,.team-card,.fleet-card,.document-item,.schedule-item,.calendar-card,.gallery-tile,.portal-card,.review-summary,.application-card,.license-advisor,.compare-panel,.compare-option,.enrollment-shell,.certificate-preview,.contact-card,.form-card,.article-toc,.article-aside-card,.article-author,.blog-card,.blog-featured,.wide-cta,.polaroid-note,.map-card,.zone-stage,.info-table,.stat-band,.faq-item{
  border:1px solid var(--vm-border)!important;
  border-radius:var(--vm-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.card::before,.feature::before,.v4-feature::before,.price-card::before,.review-card::before,.branch-card::before,.team-card::before,.fleet-card::before,.document-item::before,.schedule-item::before,.portal-card::before,.blog-card::before,.compare-option::before,.gallery-tile::before,.stat-band::before{display:none!important}
.card:hover,.feature:hover,.v4-feature:hover,.price-card:hover,.review-card:hover,.branch-card:hover,.team-card:hover,.fleet-card:hover,.document-item:hover,.schedule-item:hover,.gallery-tile:hover,.portal-card:hover,.blog-card:hover,.compare-option:hover{
  border-color:#b8c5d4!important;
  background:#fbfcfd!important;
  box-shadow:none!important;
  transform:none!important;
}
.card,.feature,.v4-feature,.price-card,.review-card,.branch-card,.team-card,.document-item,.schedule-item,.portal-card,.compare-option{padding:22px!important}
.icon-box,.category-letter,.document-icon{
  border:1px solid var(--vm-border)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--vm-text)!important;
  box-shadow:none!important;
}
.tag,.mini-pill,.spots,.event-pill,.label,.blog-category,.polaroid-badge,.zone-meta span{
  border:1px solid var(--vm-border)!important;
  border-radius:6px!important;
  background:#f8fafc!important;
  color:#475467!important;
  box-shadow:none!important;
  font-weight:700!important;
}
.label{position:absolute!important}

/* statistics become editorial rather than card-like */
.stat-band{overflow:hidden!important;border-left:0!important;border-right:0!important;border-radius:0!important;background:#fff!important}
.stat{padding:26px 22px!important}
.stat strong{font-size:clamp(2rem,3.4vw,3.25rem)!important;font-weight:650!important;color:var(--vm-text-strong)!important}
.stat span{color:var(--vm-muted)!important}

/* ---------- category / price / schedule ---------- */
.category-card,.price-card,.schedule-item,.branch-card,.review-card,.team-card{border-top:1px solid var(--vm-border)!important}
.category-card:hover,.price-card:hover,.schedule-item:hover,.branch-card:hover,.review-card:hover,.team-card:hover{border-top-color:#b8c5d4!important}
.price-card.featured{transform:none!important;border-color:#9fb4c0!important}
.price-card .price{font-size:2.7rem!important;font-weight:650!important}
.price-card li{color:var(--vm-muted)!important}
.price-card li::before{color:var(--vm-primary)!important}
.price-note{border:1px solid var(--vm-border)!important;border-left:3px solid var(--vm-primary)!important;border-radius:var(--vm-radius)!important;background:#f8fafc!important;color:var(--vm-muted)!important;box-shadow:none!important}
.calendar-card{padding:22px!important}
.calendar-grid{gap:1px!important;background:var(--vm-border-soft)!important;border:1px solid var(--vm-border-soft)!important}
.calendar-grid div{border:0!important;border-radius:0!important;background:#fff!important}
.event-pill.warm,.event-pill.green{background:#f8fafc!important;color:#475467!important}
.schedule-grid{gap:12px!important}

/* ---------- feature / experience ---------- */
.feature-stack{gap:10px!important}
.feature{gap:13px!important;align-items:flex-start!important}
.feature b{width:38px!important;min-width:38px!important;height:38px!important;border:1px solid var(--vm-border)!important;border-radius:6px!important;background:#fff!important;color:var(--vm-primary)!important;box-shadow:none!important}
.visual-panel .mock{border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius)!important;background:var(--vm-dark)!important;box-shadow:none!important}
.mock-row.blue{background:var(--vm-primary)!important;border-radius:5px!important}
.v4-feature-strip{gap:10px!important}
.v4-feature strong{font-size:14px!important}

/* ---------- interactive category / vehicle ---------- */
.zone-layout{gap:42px!important}
.zone-steps{gap:8px!important}
.zone-step{
  padding:18px 19px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:var(--vm-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.zone-step:hover,.zone-step.active{border-color:#9fb4c0!important;background:#f8fafc!important;box-shadow:inset 3px 0 0 var(--vm-primary)!important;transform:none!important}
.zone-step h3 span{color:var(--vm-primary)!important}
.zone-stage{padding:18px!important;position:sticky!important;top:105px!important}
.zone-scene{min-height:480px!important;padding:24px!important;border-radius:6px!important;background:#f4f7f8!important}
.zone-orb{display:none!important}
.zone-card img{animation:none!important}
.zone-copy strong{font-size:1.35rem!important;font-weight:650!important}
.zone-timeline span{height:4px!important;border-radius:0!important;background:#dde4e8!important}
.zone-timeline span.active{background:var(--vm-primary)!important}

/* ---------- branches / map ---------- */
.branch-layout{gap:28px!important}
.branch-list{gap:8px!important}
.branch-card{padding:17px!important}
.branch-card.active{border-color:#9fb4c0!important;box-shadow:inset 3px 0 0 var(--vm-primary)!important;background:#f8fafc!important}
.map-card{overflow:hidden!important}

/* ---------- fleet ---------- */
.fleet-grid{gap:12px!important}
.fleet-card{overflow:hidden!important}
.fleet-media{padding:18px!important;background:#f5f7f8!important;border-bottom:1px solid var(--vm-border-soft)!important}
.fleet-body{padding:20px!important}
.fleet-specs{gap:5px!important}
.fleet-specs span{padding:8px!important;border:1px solid var(--vm-border-soft)!important;border-radius:6px!important;background:#fff!important;color:var(--vm-muted)!important}

/* ---------- people ---------- */
.polaroid-wall{gap:14px!important;padding:0!important}
.polaroid-card{
  transform:none!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--vm-border)!important;
  border-radius:var(--vm-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.polaroid-card::before{display:none!important}
.polaroid-card:hover{transform:none!important;border-color:#b8c5d4!important;box-shadow:none!important}
.polaroid-photo{aspect-ratio:4/4.55!important;border:0!important;border-radius:0!important;background:#f4f6f8!important}
.polaroid-card:hover .polaroid-photo img{transform:none!important}
.polaroid-caption{padding:16px!important;text-align:left!important;border-top:1px solid var(--vm-border-soft)!important}
.polaroid-caption strong{font-size:14px!important;font-weight:680!important}
.polaroid-caption span{margin-top:4px!important;font-size:12px!important;color:var(--vm-muted)!important}
.polaroid-badge{left:12px!important;top:12px!important;background:rgba(255,255,255,.94)!important;color:var(--vm-text)!important}
.polaroid-card.empty{border-style:dashed!important}
.polaroid-note{padding:20px!important}

/* ---------- gallery / video ---------- */
.gallery-grid{gap:10px!important}
.gallery-tile{overflow:hidden!important;border-radius:var(--vm-radius)!important}
.gallery-caption{background:linear-gradient(transparent,rgba(17,24,39,.88))!important}
.gallery-open,.gallery-zoom{border-radius:6px!important}
.video-story-grid{gap:12px!important}
.video-story{min-height:360px!important;border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius)!important;box-shadow:none!important}
.video-story:hover .video-story-poster{transform:none!important}
.video-story-poster{background:linear-gradient(145deg,#253247,#172033)!important}
.video-story:nth-child(2) .video-story-poster,.video-story:nth-child(3) .video-story-poster{background:linear-gradient(145deg,#334155,#172033)!important}
.play-button{width:48px!important;height:48px!important;border-radius:50%!important;box-shadow:none!important;color:var(--vm-text)!important}
.video-story-content{padding:22px!important}
.video-story-content h3{font-size:18px!important;color:#fff!important}

/* ---------- blog ---------- */
.blog-hero{padding:72px 0!important}
.blog-hero-grid{gap:48px!important;align-items:center!important}
.blog-featured{border-radius:var(--vm-radius)!important;overflow:hidden!important}
.blog-featured-copy{left:16px!important;right:16px!important;bottom:16px!important;padding:20px!important;border:1px solid rgba(216,224,234,.94)!important;border-radius:7px!important;background:rgba(255,255,255,.96)!important;box-shadow:none!important}
.blog-featured-copy h2{font-size:1.5rem!important}
.blog-toolbar{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.blog-search input{border-radius:var(--vm-radius)!important}
.blog-filter-list{gap:6px!important}
.blog-filter{padding:9px 12px!important;border:1px solid var(--vm-border)!important;border-radius:6px!important;background:#fff!important;color:var(--vm-muted)!important;box-shadow:none!important}
.blog-filter:hover,.blog-filter.active{border-color:#9fb4c0!important;background:#f3f6f7!important;color:var(--vm-primary-dark)!important}
.blog-grid,.latest-blog-grid,.related-grid{gap:12px!important}
.blog-card{overflow:hidden!important}
.blog-card-media{border-bottom:1px solid var(--vm-border-soft)!important;background:#f5f7f8!important}
.blog-card:hover .blog-card-media img{transform:none!important}
.blog-card-body{padding:20px!important}
.blog-card h3{font-size:1.06rem!important;line-height:1.4!important}
.blog-meta{color:var(--vm-subtle)!important;font-size:11px!important}
.blog-category{background:rgba(255,255,255,.94)!important;color:var(--vm-text)!important}

/* ---------- articles ---------- */
.article-hero{padding:70px 0 54px!important}
.article-hero-inner{max-width:1040px!important}
.article-cover{border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius)!important;box-shadow:none!important}
.article-layout{grid-template-columns:220px minmax(0,760px) 220px!important;gap:34px!important}
.article-toc,.article-aside-card{padding:17px!important;box-shadow:none!important}
.article-toc a{border-radius:5px!important;font-size:12px!important;color:var(--vm-muted)!important}
.article-toc a:hover{background:#f3f6f7!important;color:var(--vm-primary-dark)!important}
.article-body{font-size:1.02rem!important;line-height:1.78!important;color:#344054!important}
.article-body h2{font-size:clamp(1.65rem,2.6vw,2.35rem)!important;font-weight:650!important;margin-top:48px!important}
.article-body h3{font-size:1.25rem!important}
.article-callout{padding:20px!important;border:1px solid var(--vm-border)!important;border-left:3px solid var(--vm-primary)!important;border-radius:var(--vm-radius)!important;background:#f8fafc!important}
.article-callout.warm{border-color:var(--vm-border)!important;border-left-color:#b45309!important;background:#fffaf4!important}
.article-checklist li{border:1px solid var(--vm-border-soft)!important;border-radius:6px!important;background:#fff!important}
.article-checklist li::before{background:#e7f4f1!important;color:var(--vm-primary-dark)!important}
.article-author{padding:18px!important}
.article-share button,.article-share a{border-radius:6px!important}

/* ---------- forms ---------- */
.form-card,.enrollment-shell,.license-advisor,.compare-panel,.contact-card{padding:24px!important}
.field label,label,.mini-label{color:#344054!important;font-size:12px!important;font-weight:680!important}
.field input,.field select,.field textarea,.newsletter-form input,.blog-search input,.search-field input{
  min-height:44px!important;
  padding:10px 12px!important;
  border:1px solid #b8c5d4!important;
  border-radius:var(--vm-radius)!important;
  background:#fff!important;
  color:var(--vm-text)!important;
  box-shadow:none!important;
  font:inherit!important;
}
.field textarea{min-height:124px!important}
.field input:focus,.field select:focus,.field textarea:focus,.newsletter-form input:focus,.blog-search input:focus,.search-field input:focus{
  border-color:rgba(15,118,110,.62)!important;
  box-shadow:0 0 0 3px rgba(15,118,110,.10)!important;
  outline:0!important;
}
.checkbox input{accent-color:var(--vm-primary)!important}
.wizard-progress span{border-radius:6px!important}
.wizard-progress b{background:#f3f6f7!important;color:var(--vm-primary-dark)!important}
.wizard-progress .active b,.wizard-progress .complete b{background:var(--vm-primary)!important;color:#fff!important}
.summary-item{border-radius:6px!important}

/* ---------- tables ---------- */
.info-table{overflow:hidden!important;border-radius:var(--vm-radius)!important}
.info-table th{padding:11px 13px!important;background:#f4f6f8!important;color:#475467!important;font-size:11px!important;font-weight:760!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.info-table td{padding:13px!important;color:#344054!important;border-top:1px solid var(--vm-border-soft)!important}
.info-table tr:hover td{background:#fafbfc!important}

/* ---------- FAQ ---------- */
.faq-list{gap:0!important;border-top:1px solid var(--vm-border)!important}
.faq-item{border:0!important;border-bottom:1px solid var(--vm-border)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.faq-item button{padding:20px 2px!important;font-size:15px!important;font-weight:650!important}
.faq-answer>div{padding:0 2px 22px!important;color:var(--vm-muted)!important}
.faq-search{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}

/* ---------- CTA / newsletter ---------- */
.wide-cta{
  padding:30px!important;
  border:1px solid var(--vm-dark)!important;
  border-radius:var(--vm-radius)!important;
  background:var(--vm-dark)!important;
  color:#fff!important;
}
.wide-cta h2,.wide-cta p{color:#fff!important}
.wide-cta p{opacity:.72!important}
.wide-cta .btn-primary{background:#fff!important;border-color:#fff!important;color:var(--vm-dark)!important}
.wide-cta .btn-outline{background:transparent!important;border-color:#475467!important;color:#fff!important}
.newsletter{border:1px solid var(--vm-dark)!important;border-radius:var(--vm-radius)!important;background:var(--vm-dark)!important;box-shadow:none!important}
.newsletter h2,.newsletter p{color:#fff!important}
.newsletter p{opacity:.72!important}

/* ---------- search dialog ---------- */
.search-dialog{background:rgba(17,24,39,.58)!important;backdrop-filter:blur(6px)!important}
.search-panel{border:1px solid var(--vm-border)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 24px 70px rgba(17,24,39,.22)!important}
.search-panel-head{padding:14px!important}
.search-close{border-radius:6px!important}
.search-result{border-radius:6px!important}
.search-result:hover,.search-result.active{background:#f3f6f7!important}
.search-result-icon{border:1px solid var(--vm-border-soft)!important;border-radius:6px!important;background:#fff!important}

/* ---------- footer ---------- */
.site-footer{background:#111827!important;color:#c8d0dc!important;padding:62px 0 30px!important;border-top:0!important}
.site-footer .container{width:min(calc(100% - 48px),var(--vm-container))!important}
.site-footer .footer-brand{background:transparent!important;padding:0!important}
.site-footer .footer-brand-logo{width:168px!important;max-height:42px!important}
.footer-grid{gap:42px!important}
.footer-title{color:#fff!important;font-size:10px!important;font-weight:760!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.footer-about{color:#98a2b3!important;line-height:1.65!important}
.footer-links,.footer-contact{gap:9px!important}
.footer-links a,.footer-contact a,.footer-contact span{color:#aab3c0!important;font-size:13px!important;text-decoration:none!important}
.footer-links a:hover,.footer-contact a:hover{color:#fff!important}
.footer-bottom{margin-top:38px!important;padding-top:20px!important;border-top:1px solid #273247!important;color:#7f8a9a!important;font-size:11px!important}

/* ---------- mobile action bar ---------- */
.mobile-action-bar{left:8px!important;right:8px!important;bottom:8px!important;border:1px solid var(--vm-border)!important;border-radius:8px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 22px rgba(17,24,39,.12)!important;backdrop-filter:blur(10px)!important}
.mobile-action-bar a{border-radius:5px!important;color:var(--vm-text)!important;font-weight:700!important}

/* ---------- responsive ---------- */
@media(max-width:1320px){
  .desktop-nav a{padding-inline:8px!important;font-size:12px!important}
  .brand{min-width:146px!important}.brand-logo{width:146px!important}
  .phone-link{display:none!important}
}
@media(max-width:1180px){
  .container{width:min(calc(100% - 38px),var(--vm-container))!important}
  .hero-grid{grid-template-columns:1fr 460px!important;gap:42px!important}
  .section-heading{grid-template-columns:1fr!important;gap:12px!important}
  .section-heading p{justify-self:start!important;max-width:760px!important}
  .page-hero .container{grid-template-columns:1fr!important;gap:26px!important}
  .page-hero-card{max-width:760px!important;padding:20px 0 0!important;border-left:0!important;border-top:1px solid var(--vm-border)!important}
  .article-layout{grid-template-columns:200px minmax(0,1fr)!important}.article-aside{display:none!important}
  .polaroid-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .hero{padding:64px 0!important}
  .hero-grid{grid-template-columns:1fr!important;gap:42px!important}
  .hero-copy{max-width:900px!important}
  .hero-stage{min-height:0!important;max-width:720px!important}
  .article-layout{grid-template-columns:1fr!important}.article-toc{position:relative!important;top:0!important}
  .lms-header-link{display:none!important}
}
@media(max-width:760px){
  .container,.site-footer .container{width:min(calc(100% - 28px),var(--vm-container))!important}
  .announcement .container{justify-content:space-between!important}
  .nav-wrap{height:68px!important}.brand{min-width:138px!important}.brand-logo{width:138px!important}
  .hero{padding:52px 0 56px!important}
  .hero h1{font-size:clamp(2.65rem,12.8vw,4rem)!important;margin-top:17px!important}
  .hero-lead{font-size:.98rem!important}
  .proof-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .proof-row span{padding:0!important;margin:0!important;border-right:0!important}
  .hero-card{padding:12px!important}.road-scene{min-height:270px!important}
  .page-hero,.blog-hero,.article-hero{padding:48px 0!important}
  .page-hero h1,.blog-hero h1,.article-hero h1{font-size:clamp(2.35rem,11.2vw,3.55rem)!important}
  .section{padding:64px 0!important}.section-sm{padding:44px 0!important}
  .section-heading{padding-top:16px!important;margin-bottom:26px!important}
  .section-heading h2{font-size:clamp(1.85rem,8vw,2.6rem)!important}
  .card,.feature,.v4-feature,.price-card,.review-card,.branch-card,.team-card,.document-item,.schedule-item,.portal-card,.compare-option{padding:18px!important}
  .form-card,.enrollment-shell,.license-advisor,.compare-panel,.contact-card{padding:18px!important}
  .zone-stage{position:relative!important;top:0!important}.zone-scene{min-height:390px!important}
  .polaroid-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .polaroid-caption{padding:12px!important}
  .fleet-grid,.blog-grid,.latest-blog-grid,.related-grid{gap:10px!important}
  .wide-cta{padding:24px!important}
}
@media(max-width:480px){
  .polaroid-wall{grid-template-columns:1fr!important}
  .nav-actions{gap:5px!important}
  .global-search-trigger{width:40px!important;min-width:40px!important;height:40px!important}
  .menu-toggle{width:40px!important;height:40px!important}
}


/* ========================================================================
   V5.0 · Systematic minimal refinement
   Continues the editorial direction across every recurring public component.
   ======================================================================== */

:root{
  --vm-control:44px;
  --vm-control-lg:46px;
  --vm-rule:#e3e8ef;
  --vm-hover:#f7f9fb;
}

html{
  scrollbar-width:thin;
  scrollbar-color:rgba(102,112,133,.58) transparent;
}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:8px;height:8px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{
  border:2px solid transparent;border-radius:999px;background:rgba(102,112,133,.58);background-clip:content-box;
}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:rgba(102,112,133,.76);background-clip:content-box}
::selection{background:rgba(15,118,110,.16);color:var(--vm-text-strong)}

/* progress + small floating controls */
.page-progress{height:2px!important;background:var(--vm-primary)!important;box-shadow:none!important}
.ui-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.global-search-trigger{
  width:var(--vm-control)!important;min-width:var(--vm-control)!important;height:var(--vm-control)!important;
  padding:0!important;display:inline-grid!important;place-items:center!important;font-size:0!important;
}
.global-search-trigger .ui-icon{width:22px!important;height:22px!important;stroke-width:2.15}
.back-to-top{
  position:fixed!important;right:18px!important;bottom:18px!important;z-index:980!important;
  width:46px!important;height:46px!important;display:grid!important;place-items:center!important;padding:0!important;
  border:1px solid var(--vm-border-strong)!important;border-radius:var(--vm-radius)!important;
  background:rgba(255,255,255,.98)!important;color:var(--vm-text)!important;
  box-shadow:0 7px 20px rgba(17,24,39,.09)!important;
  opacity:0;visibility:hidden;transform:translateY(8px)!important;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
}
.back-to-top.visible{opacity:1!important;visibility:visible!important;transform:none!important}
.back-to-top:hover{background:var(--vm-dark)!important;border-color:var(--vm-dark)!important;color:#fff!important}
.back-to-top .ui-icon{width:20px;height:20px;stroke-width:2}
.announcement-close{
  width:24px!important;height:24px!important;border:1px solid var(--vm-border)!important;border-radius:6px!important;
  background:#fff!important;color:#667085!important;font-size:16px!important;font-weight:500!important;line-height:1!important;
}
.announcement-close:hover{border-color:var(--vm-border-strong)!important;color:var(--vm-text)!important}

/* header actions: one quiet design system */
.lms-header-link,.nav-actions .btn-primary,.nav-actions .lang-switch,.nav-actions .global-search-trigger,.menu-toggle{
  height:var(--vm-control)!important;min-height:var(--vm-control)!important;
}
.lms-header-link{padding-inline:9px!important}
.nav-actions .btn-primary{padding-inline:15px!important;background:#fff!important;border-color:var(--vm-border)!important;color:var(--vm-text)!important}
.nav-actions .btn-primary:hover{background:var(--vm-hover)!important;border-color:var(--vm-border-strong)!important;color:var(--vm-text)!important}
.lang-switch button{height:36px!important}

/* hero: restrained product-like composition */
.hero{padding:82px 0 86px!important}
.hero-grid{gap:64px!important}
.hero-card{padding:14px!important;border-color:var(--vm-border)!important;background:#fff!important}
.hero-card-head{padding:2px 2px 12px!important;margin:0!important}
.hero-card-head .status{border:1px solid #cfe4df!important;border-radius:6px!important;background:#f1f8f6!important;color:var(--vm-primary-dark)!important}
.road-scene{min-height:330px!important;border-radius:6px!important;filter:saturate(.62) contrast(.98)}
.road-scene::after{opacity:.54!important;animation:none!important}
.hero-car{animation:none!important;filter:drop-shadow(0 14px 12px rgba(17,24,39,.16))!important}
.next-class{padding:14px 2px 2px!important;margin-top:2px!important;border-top:1px solid var(--vm-border-soft)!important}
.next-class p{font-size:12px!important}
.proof-row{max-width:760px}

/* page hero: cleaner aside / stronger editorial hierarchy */
.page-hero,.blog-hero,.article-hero{background:linear-gradient(180deg,#fff 0,#fbfcfd 100%)!important}
.page-hero .container{align-items:start!important}
.page-hero-card{margin-top:32px!important}
.page-hero-card strong{display:block!important;margin-bottom:12px!important;color:var(--vm-text-strong)!important}
.page-hero-card li{padding-block:2px!important}
.breadcrumb span{color:#b0b8c4!important}

/* section rhythm */
.section-heading{border-top-color:var(--vm-rule)!important}
.section-heading h2{margin-top:3px!important}
.section-heading p{font-size:14px!important;line-height:1.65!important}
.center-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:26px!important}

/* cards: quieter, denser, more informational */
.card,.feature,.v4-feature,.price-card,.review-card,.branch-card,.team-card,.fleet-card,.document-item,.schedule-item,.portal-card,.compare-option,.contact-card{
  transition:border-color .16s ease,background .16s ease!important;
}
.card h3,.price-card h3,.schedule-item strong,.branch-card strong,.team-card h3,.fleet-card h3,.document-item strong,.portal-card h3,.v4-feature strong{
  letter-spacing:-.015em!important;
}
.card p,.price-card li,.schedule-item p,.branch-card span,.fleet-card p,.document-item p,.portal-card p,.v4-feature p{
  font-size:13px!important;line-height:1.62!important;
}

/* category cards: remove playful emoji language */
.category-card{min-height:285px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.category-card .icon-box{display:none!important}
.category-card .category-letter{
  position:static!important;width:auto!important;height:28px!important;display:inline-flex!important;align-items:center!important;
  margin:0 0 22px!important;padding:0 9px!important;border:1px solid var(--vm-border)!important;border-radius:6px!important;
  background:#f8fafc!important;color:var(--vm-text)!important;font:700 11px/1 Inter,ui-sans-serif,sans-serif!important;
  opacity:1!important;
}
.category-card h3{font-size:16px!important;margin-bottom:9px!important}
.category-card ul{margin:14px 0 18px 17px!important}
.category-card .link-arrow{margin-top:auto!important}

/* statistical blocks: like rvnc.ru — large figures, no decorative card */
.stat-band{border-top:1px solid var(--vm-border)!important;border-bottom:1px solid var(--vm-border)!important}
.stat{text-align:left!important;padding:27px 24px!important}
.stat strong{font-size:clamp(2.4rem,3.6vw,3.5rem)!important;letter-spacing:-.045em!important}
.stat span{max-width:210px!important;font-size:12px!important;line-height:1.45!important}

/* pricing / services */
.price-grid{gap:10px!important}
.price-card{display:flex!important;min-height:360px!important;flex-direction:column!important;align-items:flex-start!important}
.price-card h3{font-size:15px!important;margin-bottom:14px!important}
.price-card .price{font-size:2.35rem!important;line-height:1.06!important;letter-spacing:-.04em!important;margin-bottom:17px!important}
.price-card .price small{display:block!important;margin-top:7px!important;color:var(--vm-muted)!important;font:600 11px/1.3 Inter,sans-serif!important;letter-spacing:.02em!important}
.price-card ul{width:100%!important;margin:0 0 22px!important;padding-top:16px!important;border-top:1px solid var(--vm-border-soft)!important}
.price-card .btn{margin-top:auto!important}
.label{top:18px!important;right:18px!important;font-size:10px!important}

/* calendar / schedules / filters */
.calendar-card{box-shadow:none!important}
.calendar-grid{border-color:var(--vm-border)!important;background:var(--vm-border)!important}
.calendar-grid div{min-height:112px!important;padding:12px!important}
.calendar-grid b{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.event-pill{display:block!important;width:fit-content!important;margin:4px 0!important;padding:5px 7px!important;font-size:10px!important}
.schedule-filters{gap:6px!important;margin:20px 0 16px!important}
.schedule-filters button,.helper-actions button,.finder-options button{
  min-height:38px!important;padding:8px 12px!important;border:1px solid var(--vm-border)!important;border-radius:6px!important;
  background:#fff!important;color:var(--vm-muted)!important;font:680 12px/1 Inter,sans-serif!important;box-shadow:none!important;
}
.schedule-filters button:hover,.helper-actions button:hover,.finder-options button:hover{border-color:var(--vm-border-strong)!important;color:var(--vm-text)!important}
.schedule-filters button.active,.helper-actions button.active,.finder-options button.active{background:#eef5f4!important;border-color:#b9d6d1!important;color:var(--vm-primary-dark)!important}
.schedule-helper{padding:20px!important;border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius)!important;background:#fff!important}
.schedule-helper h3{font-size:15px!important}
.spots{font-size:10px!important}

/* advisors / calculators / comparator */
.license-advisor,.compare-panel,.cost-calculator,.course-finder,.enrollment-shell{
  border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius)!important;background:#fff!important;box-shadow:none!important;
}
.advisor-form,.form-grid{gap:16px!important}
.advisor-result,.calculator-result,.finder-result,.compare-empty,.enrollment-summary{
  border:1px solid var(--vm-border-soft)!important;border-radius:6px!important;background:#f8fafc!important;box-shadow:none!important;
}
.advisor-status{border-radius:5px!important;font-size:11px!important}
.compare-select-grid{gap:8px!important}
.compare-option{min-height:92px!important}
.compare-option input{accent-color:var(--vm-primary)!important}
.compare-toolbar{padding-bottom:16px!important;border-bottom:1px solid var(--vm-border-soft)!important}

/* enrollment wizard */
.wizard-progress{padding-bottom:20px!important;margin-bottom:24px!important;border-bottom:1px solid var(--vm-border-soft)!important}
.wizard-progress span{background:transparent!important;border:0!important;padding:5px 8px!important;color:var(--vm-muted)!important}
.wizard-progress span.active{color:var(--vm-text)!important}
.wizard-progress b{width:28px!important;height:28px!important;border:1px solid var(--vm-border)!important;box-shadow:none!important}
.wizard-actions{padding-top:18px!important;border-top:1px solid var(--vm-border-soft)!important}
.draft-status{font-size:11px!important;color:var(--vm-subtle)!important}

/* branches + map */
.branch-card{position:relative!important;padding:18px 18px 18px 20px!important}
.branch-card.active{box-shadow:none!important}
.branch-card.active::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--vm-primary)}
.map-card{border-radius:var(--vm-radius)!important;background:#edf1f3!important}
.map-overlay{border-radius:6px!important;box-shadow:0 8px 22px rgba(17,24,39,.08)!important}

/* fleet */
.fleet-card{display:flex!important;flex-direction:column!important}
.fleet-media{min-height:210px!important;display:grid!important;place-items:center!important;background:#f4f6f8!important}
.fleet-media img{max-height:180px!important;transition:none!important}
.fleet-body{flex:1!important}
.fleet-specs{padding-top:12px!important;border-top:1px solid var(--vm-border-soft)!important}
.fleet-specs span{border:0!important;border-radius:0!important;background:transparent!important;padding:3px 0!important}

/* instructor / student cards */
.polaroid-card{background:#fff!important}
.polaroid-photo{background:#f3f5f7!important}
.polaroid-badge{font-size:10px!important;backdrop-filter:none!important}
.polaroid-caption{min-height:86px!important}
.polaroid-card.empty{background:#f9fafb!important;border-style:solid!important}
.team-card .avatar-big{
  width:64px!important;height:64px!important;border-radius:8px!important;background:#eef3f5!important;color:var(--vm-primary-dark)!important;
  box-shadow:none!important;font-size:1.25rem!important;
}
.team-meta{gap:5px!important}
.team-meta span{padding:5px 7px!important;border:1px solid var(--vm-border-soft)!important;border-radius:5px!important;background:#f8fafc!important;color:#475467!important;font-size:10px!important}

/* reviews: eliminate legacy dark-gradient feeling */
.review-summary{
  grid-template-columns:260px 1fr!important;gap:0!important;padding:0!important;overflow:hidden!important;
  border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius)!important;background:#fff!important;color:var(--vm-text)!important;
}
.review-score{padding:28px!important;text-align:left!important;border-right:1px solid var(--vm-border)!important}
.review-score strong{display:block!important;color:var(--vm-text-strong)!important;font:650 4rem/1 Inter,sans-serif!important;letter-spacing:-.06em!important}
.review-score span{margin-top:10px!important;color:var(--vm-muted)!important;font-size:12px!important}
.review-points{gap:0!important}
.review-point{padding:18px 22px!important;border:0!important;border-bottom:1px solid var(--vm-border-soft)!important;border-radius:0!important;background:#fff!important;color:var(--vm-text)!important}
.review-point:last-child{border-bottom:0!important}
.review-point span{color:var(--vm-muted)!important}
.review-card{min-height:190px!important}

/* documents */
.document-list{gap:0!important;border-top:1px solid var(--vm-border)!important}
.document-item{border:0!important;border-bottom:1px solid var(--vm-border)!important;border-radius:0!important;padding:18px 2px!important;background:#fff!important}
.document-item:hover{background:#fafbfc!important}
.document-icon{width:38px!important;height:38px!important}

/* gallery */
.gallery-toolbar{padding-bottom:16px!important;border-bottom:1px solid var(--vm-border)!important}
.gallery-tabs{gap:5px!important}
.gallery-tabs button{border-radius:6px!important}
.gallery-tabs button span{border-radius:5px!important}
.gallery-masonry{gap:10px!important}
.gallery-open{border:1px solid var(--vm-border)!important;border-radius:var(--vm-radius)!important;box-shadow:none!important}
.gallery-open:hover img,.gallery-open:focus-visible img{transform:scale(1.018)!important}
.gallery-badge{padding:6px 8px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:5px!important;box-shadow:none!important;font-size:10px!important;color:var(--vm-text)!important}
.gallery-zoom{width:36px!important;height:36px!important;border:1px solid rgba(216,224,234,.9)!important;border-radius:6px!important;box-shadow:none!important}
.lightbox-figure{border-radius:8px!important}
.lightbox-nav,.lightbox-close{border-radius:6px!important}

/* video */
.video-story{min-height:340px!important}
.play-button{left:18px!important;top:18px!important;width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.5)!important;background:rgba(255,255,255,.94)!important}
.video-story-content h3{font-size:16px!important}
.video-story-content p{font-size:12px!important;line-height:1.55!important}

/* blog / editorial */
.blog-toolbar{padding:8px!important;border-radius:8px!important;box-shadow:none!important}
.blog-filter-list{gap:5px!important}
.blog-filter{min-height:36px!important;padding:7px 10px!important;font-size:11px!important}
.blog-card-body{padding:19px!important}
.blog-card h3{font-size:16px!important;line-height:1.35!important}
.blog-meta{font-size:10px!important;letter-spacing:.03em!important}
.article-toc,.article-aside-card{border-color:var(--vm-border)!important}
.article-toc nav{gap:2px!important}
.article-author .avatar{border-radius:8px!important;background:#eef3f5!important;color:var(--vm-primary-dark)!important}
.article-share{gap:5px!important}

/* FAQ */
.faq-item button{gap:22px!important}
.faq-item button>span:last-child{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  overflow:hidden!important;
  border:1px solid var(--vm-border)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease!important;
}
.faq-item button>span:last-child::before,
.faq-item button>span:last-child::after{
  content:"";
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:12px!important;
  height:1.8px!important;
  background:var(--vm-muted)!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
  border-radius:999px!important;
  transition:background .16s ease,opacity .16s ease!important;
}
.faq-item button>span:last-child::after{
  width:1.8px!important;
  height:12px!important;
}
.faq-item.open button>span:last-child{
  transform:rotate(45deg)!important;
  border-color:#e0bf4a!important;
  background:#fffdf6!important;
}
.faq-item.open button>span:last-child::before,
.faq-item.open button>span:last-child::after{
  background:#111827!important;
}
.search-field{border-radius:8px!important}
.search-field>span{font-size:18px!important;color:var(--vm-muted)!important}
.search-field button{border-radius:6px!important}

/* contact */
.contact-line{padding:16px 0!important;border-bottom:1px solid var(--vm-border-soft)!important}
.contact-line:last-child{border-bottom:0!important}
.contact-line strong{font-size:13px!important}
.contact-line span,.contact-line a{font-size:13px!important;color:var(--vm-muted)!important}

/* CTA / footer */
.wide-cta{padding:34px!important;border-radius:8px!important;background:#172033!important}
.wide-cta h2{font-size:clamp(1.65rem,2.4vw,2.35rem)!important;max-width:760px!important}
.wide-cta .cta-actions{gap:7px!important}
.newsletter{padding:30px!important}
.site-footer{background:#111827!important}
.footer-grid{grid-template-columns:1.25fr .75fr .9fr 1fr!important}
.footer-links a,.footer-contact a{width:fit-content!important}
.footer-links a:hover,.footer-contact a:hover{text-decoration:underline!important;text-underline-offset:4px!important}

/* search overlay itself */
.search-dialog{padding-top:8vh!important}
.search-panel{width:min(680px,100%)!important}
.search-panel-head>span{display:grid!important;place-items:center!important;width:28px!important;color:var(--vm-muted)!important;font-size:20px!important}
.search-panel-head input{font-size:15px!important}
.search-result{grid-template-columns:40px 1fr auto!important;padding:11px!important}
.search-result-icon{width:40px!important;height:40px!important;font-size:12px!important}

@media(max-width:1180px){
  .review-summary{grid-template-columns:220px 1fr!important}
  .footer-grid{grid-template-columns:1.15fr .85fr .9fr 1fr!important;gap:30px!important}
}
@media(max-width:980px){
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .review-summary{grid-template-columns:1fr!important}
  .review-score{border-right:0!important;border-bottom:1px solid var(--vm-border)!important}
}
@media(max-width:760px){
  .global-search-trigger{width:42px!important;min-width:42px!important;height:42px!important}
  .global-search-trigger .ui-icon{width:21px!important;height:21px!important}
  .back-to-top{right:12px!important;bottom:82px!important;width:44px!important;height:44px!important}
  .category-card{min-height:auto!important}
  .stat{text-align:left!important;padding:20px 14px!important}
  .stat span{max-width:none!important}
  .calendar-grid div{min-height:96px!important}
  .schedule-helper{display:block!important}
  .helper-actions{justify-content:flex-start!important;margin-top:14px!important}
  .review-score{padding:22px!important}
  .review-point{padding:16px 18px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:30px!important}
  .wide-cta{padding:24px!important}
}


/* ========================================================================
   V5.1 · focused minimalist refinement · 2026-08-27
   FAQ, practice pricing, video modal, hero motion and page navigation
   ======================================================================== */

/* Search icon: visually legible without making the control itself bulky. */
.global-search-trigger .ui-icon{
  width:25px!important;
  height:25px!important;
  stroke-width:2.05!important;
}

/* FAQ — editorial accordion instead of legacy card accordion. */
.faq-list{
  max-width:980px!important;
  margin-inline:auto!important;
  display:block!important;
  border-top:1px solid var(--vm-border)!important;
  border-bottom:1px solid var(--vm-border)!important;
}
.faq-item{
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.faq-item:last-child{border-bottom:0!important}
.faq-item button{
  min-height:76px!important;
  width:100%!important;
  padding:21px 0!important;
  gap:24px!important;
  border:0!important;
  background:transparent!important;
  color:var(--vm-text-strong)!important;
  font:650 16px/1.45 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.018em!important;
  text-align:left!important;
  box-shadow:none!important;
}
.faq-item button:hover{color:var(--vm-primary-dark)!important}
.faq-item button>span:first-child{max-width:820px!important}
.faq-item button>span:last-child{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--vm-border)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:var(--vm-text)!important;
  font:400 20px/1 Inter,sans-serif!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important;
}
.faq-item.open button>span:last-child{
  transform:rotate(45deg)!important;
  background:var(--vm-dark)!important;
  border-color:var(--vm-dark)!important;
  color:#fff!important;
}
.faq-answer{
  display:grid!important;
  grid-template-rows:0fr!important;
  opacity:.72!important;
  transition:grid-template-rows .24s ease,opacity .24s ease!important;
}
.faq-item.open .faq-answer{grid-template-rows:1fr!important;opacity:1!important}
.faq-answer>div{overflow:hidden!important;padding:0!important}
.faq-answer p{
  max-width:820px!important;
  margin:0!important;
  padding:0 58px 24px 0!important;
  color:var(--vm-muted)!important;
  font:400 14px/1.72 Inter,ui-sans-serif,system-ui,sans-serif!important;
}
.faq-search{max-width:980px!important;margin-bottom:22px!important}
.faq-search>label{margin-bottom:9px!important;color:var(--vm-text)!important;font-size:12px!important;font-weight:700!important}
.search-field{
  min-height:48px!important;
  padding:4px 5px 4px 14px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.search-field:focus-within{border-color:var(--vm-border-strong)!important;box-shadow:0 0 0 3px rgba(15,118,110,.07)!important}
.search-field>span{font-size:21px!important}
.search-field input{font-size:13px!important}
.search-field button{min-height:36px!important;padding:7px 11px!important;border:1px solid var(--vm-border-soft)!important;background:#f8fafc!important;color:var(--vm-muted)!important}
.search-field button:hover{border-color:var(--vm-border)!important;color:var(--vm-text)!important}

/* Practice pricing chart — transform the old decorative chart into a data panel. */
.chart-card{
  padding:28px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:var(--vm-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
}
.chart-card .mini-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  margin:0 0 18px!important;
  padding:0 8px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:5px!important;
  background:#f8fafc!important;
  color:var(--vm-muted)!important;
  box-shadow:none!important;
  font:700 10px/1 Inter,sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.chart-card h3{
  margin:0 0 8px!important;
  color:var(--vm-text-strong)!important;
  font:650 20px/1.25 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.028em!important;
}
.chart-card>p{
  max-width:620px!important;
  margin:0!important;
  color:var(--vm-muted)!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.chart-bars{
  display:grid!important;
  gap:0!important;
  margin-top:25px!important;
  border-top:1px solid var(--vm-border)!important;
  border-bottom:1px solid var(--vm-border)!important;
}
.chart-bar{
  display:grid!important;
  grid-template-columns:110px minmax(120px,1fr) 112px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:58px!important;
  padding:10px 0!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
}
.chart-bar:last-child{border-bottom:0!important}
.chart-bar span{
  color:var(--vm-text)!important;
  font:650 12px/1.2 Inter,sans-serif!important;
}
.chart-bar strong{
  justify-self:end!important;
  color:var(--vm-text-strong)!important;
  font:650 12px/1.2 Inter,sans-serif!important;
  white-space:nowrap!important;
}
.chart-track{
  width:100%!important;
  height:5px!important;
  border-radius:0!important;
  background:#e9edf2!important;
  overflow:hidden!important;
}
.chart-fill,.chart-fill.warm{
  height:100%!important;
  border-radius:0!important;
  background:var(--vm-primary)!important;
}
.chart-bar:nth-child(2) .chart-fill{background:#47636f!important}
.chart-card .data-note{
  margin-top:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--vm-muted)!important;
  font-size:12px!important;
  line-height:1.65!important;
}
.chart-card .data-note strong{color:var(--vm-text)!important}
.chart-card>.btn{margin-top:20px!important}

/* Video modal — neutral, light, product-grade dialog. */
.video-modal{
  position:fixed!important;
  inset:0!important;
  z-index:1800!important;
  display:grid!important;
  place-items:center!important;
  padding:28px!important;
  background:rgba(17,24,39,.62)!important;
  backdrop-filter:blur(5px)!important;
}
.video-modal[hidden]{display:none!important}
.video-modal-card{
  position:relative!important;
  width:min(900px,100%)!important;
  max-height:min(88vh,820px)!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.45)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--vm-text)!important;
  box-shadow:0 28px 70px rgba(17,24,39,.22)!important;
}
.video-modal-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:54px!important;
  padding:9px 10px 9px 20px!important;
  border-bottom:1px solid var(--vm-border)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px)!important;
}
.video-modal-toolbar>span{
  color:var(--vm-muted)!important;
  font:700 10px/1 Inter,sans-serif!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.video-close{
  position:static!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid var(--vm-border)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:var(--vm-text)!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.video-close:hover{background:#f6f8fa!important;border-color:var(--vm-border-strong)!important}
.video-close .ui-icon{width:17px!important;height:17px!important;stroke-width:1.8!important}
.video-frame{
  min-height:430px!important;
  display:grid!important;
  place-items:center!important;
  padding:46px!important;
  border-bottom:1px solid var(--vm-border)!important;
  background:#f2f4f6!important;
}
.video-frame img{
  width:min(650px,88%)!important;
  max-height:280px!important;
  filter:drop-shadow(0 18px 18px rgba(17,24,39,.13))!important;
  animation:none!important;
}
.video-caption{padding:25px 28px 28px!important;background:#fff!important}
.video-caption-kicker{
  display:block!important;
  margin-bottom:8px!important;
  color:var(--vm-primary-dark)!important;
  font:700 10px/1 Inter,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.video-caption h3{
  margin:0 0 9px!important;
  color:var(--vm-text-strong)!important;
  font:650 21px/1.28 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
}
.video-caption p{
  max-width:720px!important;
  margin:0!important;
  color:var(--vm-muted)!important;
  font:400 13px/1.68 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

/* Hero road: motion restored, but kept restrained and intentional. */
.road-scene{filter:saturate(.72) contrast(.99)!important}
.road-scene::after{
  opacity:.68!important;
  animation:road 2.8s linear infinite!important;
  will-change:background-position!important;
}
.hero-car{
  animation:car 4.6s ease-in-out infinite!important;
  will-change:transform!important;
}
.sky-orb.one{animation:vm-orb-a 7.5s ease-in-out infinite!important}
.sky-orb.two{animation:vm-orb-b 9s ease-in-out infinite!important}
@keyframes vm-orb-a{50%{transform:translate3d(-8px,5px,0);opacity:.88}}
@keyframes vm-orb-b{50%{transform:translate3d(7px,-4px,0);opacity:.72}}

/* Bidirectional page navigation. Buttons exist only when there is somewhere to go. */
.page-scroll-controls{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  z-index:980!important;
  display:grid!important;
  gap:7px!important;
  pointer-events:none!important;
}
.page-scroll-button{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid var(--vm-border-strong)!important;
  border-radius:var(--vm-radius)!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--vm-text)!important;
  box-shadow:0 7px 20px rgba(17,24,39,.08)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(5px)!important;
  pointer-events:none!important;
  transition:opacity .17s ease,visibility .17s ease,transform .17s ease,background .16s ease,color .16s ease,border-color .16s ease!important;
}
.page-scroll-button.visible{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
.page-scroll-button:hover{background:var(--vm-dark)!important;border-color:var(--vm-dark)!important;color:#fff!important}
.page-scroll-button .ui-icon{width:20px!important;height:20px!important;stroke-width:1.9!important}
/* neutralize the legacy standalone positioning now that the button lives in a stack */
.page-scroll-controls .back-to-top,
.page-scroll-controls .page-scroll-down{position:static!important;right:auto!important;bottom:auto!important}

/* Additional global polish: no accidental legacy pills or oversized shadows in content areas. */
.section .mini-pill{
  border-radius:5px!important;
  box-shadow:none!important;
}
.data-note{box-shadow:none!important}

@media(max-width:760px){
  .global-search-trigger .ui-icon{width:24px!important;height:24px!important}
  .faq-item button{min-height:68px!important;padding:18px 0!important;font-size:14px!important}
  .faq-item button>span:last-child{width:32px!important;height:32px!important;flex-basis:32px!important}
  .faq-answer p{padding-right:0!important;padding-bottom:20px!important;font-size:13px!important}
  .chart-card{padding:20px!important}
  .chart-bar{grid-template-columns:86px 1fr!important;gap:10px 14px!important;padding:12px 0!important}
  .chart-bar strong{grid-column:2!important;justify-self:start!important}
  .video-modal{padding:10px!important}
  .video-modal-card{max-height:92vh!important}
  .video-frame{min-height:300px!important;padding:28px 18px!important}
  .video-caption{padding:20px!important}
  .page-scroll-controls{right:12px!important;bottom:82px!important;gap:6px!important}
  .page-scroll-button{width:44px!important;height:44px!important}
}

@media(prefers-reduced-motion:reduce){
  .road-scene::after,.hero-car,.sky-orb.one,.sky-orb.two{animation:none!important}
}


/* ================================================================
   V5.2 · Black / yellow interaction language + icon system
   ================================================================ */
:root{
  --vm-accent:#f3c847;
  --vm-accent-hover:#e3b62f;
  --vm-accent-soft:#fff9e8;
  --vm-accent-deep:#735600;
  --vm-ink:#111827;
}

/* Accent language: black typography + straight yellow indicators. */
.kicker::before,.eyebrow::before{background:var(--vm-accent)!important;height:2px!important}
.announcement a:hover{color:var(--vm-ink)!important;border-bottom-color:var(--vm-accent)!important}
.desktop-nav a{border-radius:0!important}
.desktop-nav a::after{height:3px!important;border-radius:0!important}
.desktop-nav a.active{color:#0f172a!important;font-weight:760!important}
.desktop-nav a.active::after{background:var(--vm-accent)!important}
.desktop-nav a:hover{color:#0f172a!important}

/* Segmented language control: selected state is no longer green/teal. */
.lang-switch button.active{background:var(--vm-accent-soft)!important;color:var(--vm-ink)!important;box-shadow:inset 0 0 0 1px #f0d77f!important}

/* The actual yellow CTA is yellow again; success states may still use green. */
.btn-yellow{background:var(--vm-accent)!important;border-color:var(--vm-accent)!important;color:#111827!important}
.btn-yellow:hover{background:var(--vm-accent-hover)!important;border-color:var(--vm-accent-hover)!important;color:#111827!important}
.price-card li::before,.page-hero-card li::before{color:#b78b00!important}

/* Home proof points: one clean information rail, not a row of pills. */
.proof-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  max-width:820px!important;
  margin-top:34px!important;
  padding:0!important;
  border-top:1px solid var(--vm-border)!important;
  border-bottom:1px solid var(--vm-border)!important;
}
.proof-row span{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:13px 16px!important;
  border:0!important;
  border-right:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:#fff!important;
  color:#344054!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:650!important;
}
.proof-row span:first-child{padding-left:0!important}
.proof-row span:last-child{border-right:0!important;padding-right:0!important}
.proof-check{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e0ba36!important;
  border-radius:3px!important;
  background:var(--vm-accent)!important;
  color:#111827!important;
}
.proof-check .ui-icon{width:13px!important;height:13px!important;stroke-width:2.3!important}

/* Professional line-icon scale across content cards and video controls. */
.icon-box .ui-icon{width:21px!important;height:21px!important;stroke-width:1.8!important}
.play-button .ui-icon{width:20px!important;height:20px!important;stroke-width:1.9!important;fill:none!important}

/* Search trigger: compact icon. */
.global-search-trigger .ui-icon{width:18px!important;height:18px!important;stroke-width:1.85!important}

/* Search dialog: one consistent vector icon family, no emoji / typographic glyph icons. */
.search-panel-head{gap:12px!important;padding:13px 14px!important}
.search-head-icon{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  color:#344054!important;
  border:1px solid var(--vm-border-soft)!important;
  background:#f8fafc!important;
}
.search-head-icon .ui-icon{width:22px!important;height:22px!important;stroke-width:1.8!important}
.search-panel-head>span.search-head-icon{font-size:0!important}
.search-close{display:grid!important;place-items:center!important}
.search-close .ui-icon{width:17px!important;height:17px!important;stroke-width:1.8!important}
.search-result{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:12px!important;
  min-height:62px!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
}
.search-result-icon{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--vm-border-soft)!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#344054!important;
}
.search-result-icon .ui-icon{width:19px!important;height:19px!important;stroke-width:1.75!important}
.search-result:hover{background:#fafafa!important;border-color:var(--vm-border-soft)!important}
.search-result.active{background:var(--vm-accent-soft)!important;border-color:#edd77d!important;color:var(--vm-ink)!important}
.search-result.active .search-result-icon{border-color:#e4c75c!important;background:#fffdf5!important;color:#111827!important}
.search-result strong{font-size:13px!important;font-weight:700!important;color:#101828!important}
.search-result small{font-size:11px!important;color:#667085!important}

/* All interactive tabs use a straight yellow line instead of green rounded states. */
.blog-filter,
.gallery-tabs button,
.schedule-filters button,
.helper-actions button,
.finder-options button{
  border-radius:0!important;
}
.blog-filter.active,
.gallery-tabs button.active,
.schedule-filters button.active,
.helper-actions button.active,
.finder-options button.active{
  background:#fff!important;
  border-color:var(--vm-border)!important;
  color:#111827!important;
  box-shadow:inset 0 -3px 0 var(--vm-accent)!important;
}
.choice-card.active{
  background:#fff!important;
  border-color:var(--vm-border)!important;
  box-shadow:inset 0 -3px 0 var(--vm-accent)!important;
  color:#111827!important;
}
.wizard-progress span.active{color:#111827!important}
.wizard-progress span.active b{border-color:#d6aa1f!important;background:var(--vm-accent-soft)!important;color:#111827!important}
.slider-dots button.active{background:var(--vm-accent)!important}

/* Vehicle/category selector: editorial list with straight separators, no colored left rail. */
.zone-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:48px!important}
.zone-steps{
  display:grid!important;
  gap:0!important;
  border-top:1px solid var(--vm-border)!important;
}
.zone-step{
  position:relative!important;
  margin:0!important;
  padding:22px 2px!important;
  border:0!important;
  border-bottom:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.zone-step:hover{background:#fbfbfc!important;border-color:var(--vm-border)!important;box-shadow:none!important}
.zone-step.active{
  background:#fffdf6!important;
  border-color:var(--vm-border)!important;
  box-shadow:inset 0 -3px 0 var(--vm-accent)!important;
}
.zone-step h3{margin:0 0 8px!important;color:#101828!important;font-size:16px!important;font-weight:690!important;letter-spacing:-.015em!important}
.zone-step h3 span{color:var(--vm-accent-deep)!important;font-size:10px!important;font-weight:750!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.zone-step p{margin:0!important;color:#667085!important;font-size:12px!important;line-height:1.6!important}
.zone-stage{padding:14px!important;border-color:var(--vm-border)!important;background:#fff!important;box-shadow:none!important}
.zone-scene{border:0!important;border-radius:4px!important;background:#f6f7f8!important}
.zone-meta span{border-radius:4px!important;background:#fff!important;color:#475467!important}
.zone-timeline span{height:3px!important;border-radius:0!important}
.zone-timeline span.active{background:var(--vm-accent)!important}

/* Branch selector follows the same straight-line selection language. */
.branch-list{gap:0!important;border-top:1px solid var(--vm-border)!important}
.branch-card{
  position:relative!important;
  margin:0!important;
  padding:18px 2px!important;
  border:0!important;
  border-bottom:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.branch-card:hover{background:#fbfbfc!important;border-color:var(--vm-border)!important;box-shadow:none!important}
.branch-card.active{background:#fffdf6!important;border-color:var(--vm-border)!important;box-shadow:inset 0 -3px 0 var(--vm-accent)!important}
.branch-card.active::before{display:none!important}

/* Remaining useful notes are quiet footnotes, not warning cards. */
.data-note{
  position:relative!important;
  margin-top:20px!important;
  padding:13px 0 0!important;
  border:0!important;
  border-top:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7a8494!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:1.65!important;
}
.data-note strong{color:#475467!important;font-weight:700!important}
.chart-card .data-note{border-top:1px solid var(--vm-border-soft)!important;padding-top:13px!important}

/* FAQ and related open states lose teal active decoration. */
.faq-item.open button>span:last-child{border-color:#e0bf4a!important;background:var(--vm-accent-soft)!important;color:#111827!important}
.faq-item button:hover{color:#111827!important}
.search-field:focus-within{border-color:#c2a23a!important;box-shadow:0 0 0 3px rgba(243,200,71,.14)!important}

@media(max-width:760px){
  .global-search-trigger .ui-icon{width:19px!important;height:19px!important}
  .proof-row{grid-template-columns:1fr!important}
  .proof-row span{min-height:50px!important;padding:11px 0!important;border-right:0!important;border-bottom:1px solid var(--vm-border-soft)!important}
  .proof-row span:last-child{border-bottom:0!important}
  .zone-layout{grid-template-columns:1fr!important;gap:28px!important}
  .zone-step{padding:18px 1px!important}
  .search-result{grid-template-columns:40px 1fr!important}
  .search-result kbd{display:none!important}
}


/* V5.2.1 · complete icon cleanup and yellow-neutral accents */
::selection{background:rgba(243,200,71,.32)!important;color:#111827!important}
.page-progress{background:var(--vm-accent)!important}
.link-arrow:hover,.breadcrumb a:hover{color:#6f5200!important}
.lms-header-link:hover{color:var(--vm-brand)!important}
.nav-actions .global-search-trigger:hover{color:#111827!important;border-color:#c9b25b!important;background:#fffdf6!important}
.btn-soft{color:#111827!important;background:#fff!important;border-color:var(--vm-border)!important}
.price-note{border-left-color:var(--vm-accent)!important;background:#fffdf6!important}
.feature b,.document-icon,.article-author .avatar{
  border-color:#e5cf78!important;
  background:var(--vm-accent-soft)!important;
  color:#111827!important;
}
.article-toc a:hover{background:var(--vm-accent-soft)!important;color:#111827!important}
.article-callout{border-left-color:var(--vm-accent)!important;background:#fffdf6!important}
.article-checklist li::before{background:var(--vm-accent)!important;color:#111827!important}
.chart-fill,.chart-fill.warm{background:#111827!important}
.chart-bar:nth-child(2) .chart-fill{background:var(--vm-accent)!important}
.video-caption-kicker{color:var(--vm-accent-deep)!important}
.price-card.featured{border-color:#d8bc4d!important}
.schedule-item.is-recommended{border-color:#dfc04d!important;box-shadow:0 0 0 3px rgba(243,200,71,.16)!important;animation:none!important}
.gallery-tabs button.active span{background:var(--vm-accent-soft)!important;color:#111827!important;border-color:#e7cf75!important}
.gallery-tabs button span{border:1px solid var(--vm-border-soft)!important;border-radius:4px!important}
.blog-search>span,.search-field>span{display:grid!important;place-items:center!important;color:#475467!important;font-size:0!important}
.blog-search>span .ui-icon,.search-field>span .ui-icon{width:19px!important;height:19px!important;stroke-width:1.8!important}
.search-field>span{width:22px!important}
.mobile-action-bar a{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.mobile-action-bar .ui-icon{width:17px!important;height:17px!important;stroke-width:1.9!important}
.gallery-zoom{display:grid!important;place-items:center!important}
.gallery-zoom .ui-icon{width:18px!important;height:18px!important;stroke-width:1.8!important}
.lightbox-close,.lightbox-nav{display:grid!important;place-items:center!important}
.lightbox-close .ui-icon{width:19px!important;height:19px!important;stroke-width:1.8!important}
.lightbox-nav .ui-icon{width:22px!important;height:22px!important;stroke-width:1.9!important}
.announcement-close{display:grid!important;place-items:center!important}
.announcement-close .ui-icon{width:15px!important;height:15px!important;stroke-width:1.9!important}
.field input:focus,.field select:focus,.field textarea:focus,.blog-search input:focus,.newsletter-form input:focus{
  border-color:#c8ac49!important;
  box-shadow:0 0 0 3px rgba(243,200,71,.14)!important;
}
.compare-option input,.checkbox input{accent-color:#111827!important}


/* ================================================================
   V5.3 · Slim vertical scrollbar · 2026-08-27
   ================================================================ */

/* Firefox: slim, neutral scrollbar on the page and internal scroll areas. */
html,
body,
.search-results,
.mobile-menu,
.search-panel,
.lightbox,
.video-modal{
  scrollbar-width:thin;
  scrollbar-color:#b9bec6 transparent;
}

/* Chromium / Edge / Safari. Keep vertical scrolling very discreet. */
::-webkit-scrollbar{
  width:6px;
  height:8px;
}

::-webkit-scrollbar-track{
  background:transparent;
}

::-webkit-scrollbar-thumb{
  min-height:44px;
  background:#b9bec6;
  border-radius:3px;
}

::-webkit-scrollbar-thumb:hover{
  background:#7b8490;
}

::-webkit-scrollbar-thumb:active{
  background:#111827;
}

::-webkit-scrollbar-corner{
  background:transparent;
}

@media(max-width:760px){
  ::-webkit-scrollbar{width:4px}
}


/* ================================================================
   V5.4 · Contact / forms / tariff calculator refinement · 2026-08-27
   ================================================================ */

/* Contact: align consent perfectly with its checkbox. */
.contact-smart-form .checkbox{
  grid-template-columns:18px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
  min-height:22px;
}
.contact-smart-form .checkbox input[type="checkbox"]{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  margin:0!important;
  align-self:center!important;
}
.contact-smart-form .checkbox>span{
  line-height:1.45!important;
  color:#667085!important;
}

/* Contact details: replace legacy symbol tiles with one professional icon system. */
.contact-card{
  padding:28px!important;
}
.contact-list{
  gap:0!important;
  margin-top:18px!important;
  border-top:1px solid var(--vm-border-soft);
}
.contact-line{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:17px 0!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
  background:transparent!important;
}
.contact-line:last-child{border-bottom:0!important}
.contact-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #e6d37f;
  border-radius:8px;
  background:#fffdf5;
  color:#111827;
}
.contact-icon .ui-icon{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-line>div{min-width:0}
.contact-line strong{
  display:block!important;
  margin-bottom:3px;
  color:#111827!important;
  font-size:12px!important;
  font-weight:720!important;
  letter-spacing:.01em;
}
.contact-line a,
.contact-line span:not(.contact-icon){
  display:block;
  color:#667085!important;
  font-size:13px!important;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.contact-line a:hover{
  color:#111827!important;
  text-decoration:underline;
  text-decoration-color:#d5b631;
  text-underline-offset:4px;
}

/* Enrollment: all selects use exactly the same box metrics. */
.wizard-form .field select,
#signup-language{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:44px!important;
}
.wizard-form .field-error[aria-hidden="true"]{
  min-height:0!important;
  height:0!important;
  margin:0!important;
}

/* Tariff calculator: remove the old dark/gradient dashboard treatment. */
.cost-calculator{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr)!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.calculator-fields{
  align-content:start!important;
  gap:22px!important;
  padding:28px!important;
  border-right:1px solid var(--vm-border-soft)!important;
  background:#fff!important;
}
.calculator-fields .field{gap:8px!important}
.calculator-fields select{
  min-height:48px!important;
  height:48px!important;
  border-color:#c9d1dc!important;
  border-radius:6px!important;
  background-color:#fff!important;
}
.calculator-check{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  padding:16px 0 0!important;
  border:0!important;
  border-top:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  cursor:pointer;
}
.calculator-check input[type="checkbox"]{
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  margin:1px 0 0!important;
  accent-color:#111827!important;
}
.calculator-check strong{
  display:block!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:720!important;
  line-height:1.4!important;
}
.calculator-check small{
  display:block!important;
  margin-top:5px!important;
  color:#7a8494!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.calculator-result{
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:14px!important;
  padding:34px!important;
  border:0!important;
  border-radius:0!important;
  background:#fafbfc!important;
  color:#111827!important;
  box-shadow:none!important;
}
.calculator-result::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:3px;
  background:var(--vm-accent)!important;
}
.calculator-result>.mini-label{
  color:#667085!important;
  font-size:10px!important;
  font-weight:760!important;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.calculator-result>strong{
  color:#111827!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(2rem,3.8vw,3.4rem)!important;
  font-weight:650!important;
  letter-spacing:-.045em!important;
  line-height:.98!important;
}
.cost-breakdown{
  width:100%;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  margin-top:4px;
  border-top:1px solid var(--vm-border-soft);
  border-bottom:1px solid var(--vm-border-soft);
}
.cost-breakdown span{
  padding:12px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#475467!important;
  font-size:11px!important;
  font-weight:680!important;
}
.cost-breakdown span+span{
  padding-left:16px!important;
  border-left:1px solid var(--vm-border-soft)!important;
}
.calculator-result p{
  margin:0!important;
  color:#7a8494!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.calculator-result .btn{
  justify-self:auto!important;
  margin-top:4px!important;
}

@media(max-width:900px){
  .cost-calculator{grid-template-columns:1fr!important}
  .calculator-fields{border-right:0!important;border-bottom:1px solid var(--vm-border-soft)!important}
}
@media(max-width:760px){
  .contact-card{padding:20px!important}
  .contact-line{grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important}
  .contact-icon{width:36px;height:36px}
  .contact-icon .ui-icon{width:18px;height:18px}
  .calculator-fields,.calculator-result{padding:20px!important}
  .cost-breakdown{grid-template-columns:1fr!important}
  .cost-breakdown span+span{padding-left:0!important;border-left:0!important;border-top:1px solid var(--vm-border-soft)!important}
}


/* ================================================================
   V5.5 · Layout modules — final overrides in the active minimal sheet
   ================================================================ */

/* Vehicle/category selector */
.zone-layout{
  grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)!important;
  gap:44px!important;
  align-items:start!important;
}
.zone-steps{
  counter-reset:vehicle-zone;
  display:block!important;
  gap:0!important;
  border-top:1px solid var(--vm-border)!important;
  background:transparent!important;
}
.zone-step{
  counter-increment:vehicle-zone;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  column-gap:18px!important;
  align-items:start!important;
  width:100%!important;
  padding:22px 0!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  position:relative!important;
}
.zone-step::before{
  content:"0" counter(vehicle-zone);
  grid-column:1;
  grid-row:1 / span 2;
  padding-top:3px;
  color:#98a2b3;
  font-size:10px;
  font-weight:760;
  letter-spacing:.09em;
  line-height:1.4;
}
.zone-step h3{
  grid-column:2;
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:18px!important;
  margin:0 0 7px!important;
  color:#111827!important;
  font-size:15px!important;
  font-weight:700!important;
}
.zone-step h3 span{
  color:#667085!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.zone-step p{
  grid-column:2;
  margin:0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.62!important;
}
.zone-step:hover{
  padding-left:10px!important;
  padding-right:10px!important;
  background:#fbfbfc!important;
  box-shadow:none!important;
}
.zone-step.active{
  padding-left:10px!important;
  padding-right:10px!important;
  background:#fffaf0!important;
  border-color:var(--vm-border)!important;
  box-shadow:none!important;
}
.zone-step.active::before{color:#111827!important}
.zone-step.active h3 span{
  color:#111827!important;
  text-decoration:underline!important;
  text-decoration-color:var(--vm-accent)!important;
  text-decoration-thickness:3px!important;
  text-underline-offset:5px!important;
}
.zone-stage{
  position:sticky!important;
  top:104px!important;
  padding:0!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.zone-scene{
  min-height:500px!important;
  padding:30px!important;
  border:0!important;
  border-radius:0!important;
  background:#f3f4f6!important;
}
.zone-orb{display:none!important}
.zone-scene::after{
  left:30px!important;
  right:30px!important;
  bottom:176px!important;
  height:1px!important;
  background:#d7dce2!important;
}
.zone-card{gap:22px!important;align-content:start!important}
.zone-card img{
  width:min(86%,620px)!important;
  max-height:270px!important;
  margin:10px auto 2px!important;
  animation:none!important;
  filter:drop-shadow(0 16px 18px rgba(16,24,40,.11))!important;
}
.zone-copy{
  margin-top:auto!important;
  padding-top:22px!important;
  border-top:1px solid var(--vm-border)!important;
}
.zone-copy strong{
  font-family:Inter,system-ui,sans-serif!important;
  color:#111827!important;
  font-size:20px!important;
  font-weight:680!important;
  letter-spacing:-.025em!important;
}
.zone-copy p{color:#667085!important;font-size:12px!important;line-height:1.65!important}
.zone-meta{
  gap:0!important;
  border-top:1px solid var(--vm-border-soft)!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
}
.zone-meta span{
  padding:10px 13px!important;
  border:0!important;
  border-right:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:700!important;
}
.zone-meta span:last-child{border-right:0!important}
.zone-timeline{gap:5px!important;margin-top:5px!important}
.zone-timeline span{height:3px!important;border-radius:0!important;background:#dfe3e8!important}
.zone-timeline span.active{background:#111827!important}

/* Home gallery: real image first, copy beneath it */
body[data-page="home"] .gallery-grid{
  grid-template-columns:1.2fr .8fr .8fr!important;
  grid-template-rows:repeat(2,235px)!important;
  gap:14px!important;
}
body[data-page="home"] .gallery-item{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  padding:0!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-page="home"] .gallery-item.large{grid-row:1 / span 2!important}
body[data-page="home"] .gallery-item img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  opacity:1!important;
  background:#f2f4f7!important;
}
body[data-page="home"] .gallery-item .overlay{
  position:relative!important;
  z-index:2!important;
  padding:17px 18px 18px!important;
  border:0!important;
  border-top:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:#fff!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
body[data-page="home"] .gallery-item .overlay h3{
  margin:0 0 5px!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:700!important;
}
body[data-page="home"] .gallery-item .overlay p{
  margin:0!important;
  color:#667085!important;
  font-size:11px!important;
  line-height:1.55!important;
}

/* Instructor application */
.application-card{
  padding:26px 28px!important;
  border:1px solid var(--vm-border)!important;
  border-top:3px solid var(--vm-accent)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:none!important;
}
.application-card .kicker{
  padding:0!important;
  background:transparent!important;
  color:#667085!important;
}
.application-card h2{
  margin:8px 0 0!important;
  font-family:Inter,system-ui,sans-serif!important;
  color:#111827!important;
  font-size:clamp(1.65rem,2.7vw,2.35rem)!important;
  font-weight:650!important;
  letter-spacing:-.035em!important;
}
.application-card p{
  max-width:840px!important;
  margin:9px 0 0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.application-card .btn-yellow{
  border:1px solid #111827!important;
  background:#111827!important;
  color:#fff!important;
}
.application-card .btn-yellow:hover{background:#252a34!important;border-color:#252a34!important}

/* Branch map/info panel */
.map-card{
  min-height:510px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#f3f4f6!important;
  box-shadow:none!important;
}
.map-lines{
  opacity:.58!important;
  background:
    linear-gradient(32deg,transparent 48%,#d6dae0 49% 50%,transparent 51%),
    linear-gradient(-26deg,transparent 48%,#e0e3e8 49% 50%,transparent 51%),
    linear-gradient(76deg,transparent 48%,#d9dde3 49% 50%,transparent 51%)!important;
  background-size:170px 140px,210px 180px,260px 200px!important;
}
.map-pin{
  left:54%!important;
  top:27%!important;
  width:42px!important;
  height:42px!important;
  background:#111827!important;
  box-shadow:0 0 0 7px rgba(243,200,71,.42)!important;
}
.map-pin::after{
  width:12px!important;
  height:12px!important;
  left:15px!important;
  top:15px!important;
  background:var(--vm-accent)!important;
}
.map-info{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:22px 24px 24px!important;
  border:0!important;
  border-top:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:#fff!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.map-info::before{
  content:"Filiala selectată";
  display:block;
  margin-bottom:8px;
  color:#667085;
  font-size:9px;
  font-weight:760;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.map-info h3{
  margin:0 0 7px!important;
  color:#111827!important;
  font-size:18px!important;
  font-weight:680!important;
  letter-spacing:-.025em!important;
}
.map-info p{margin:2px 0!important;color:#667085!important;font-size:11px!important}
.map-actions{margin-top:17px!important;gap:8px!important}
.map-actions .btn{min-height:40px!important}
.branch-card.active{
  background:#fffaf0!important;
  border-color:var(--vm-border)!important;
  box-shadow:inset 0 -3px 0 var(--vm-accent)!important;
}

/* Comparator table */
.compare-table-wrap{
  margin-top:26px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.compare-table{
  min-width:780px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  color:#344054!important;
}
.compare-table th,
.compare-table td{
  padding:15px 17px!important;
  border:0!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
  border-right:1px solid #eef0f3!important;
  line-height:1.5!important;
  font-size:12px!important;
}
.compare-table th:last-child,.compare-table td:last-child{border-right:0!important}
.compare-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  background:#111827!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:760!important;
  letter-spacing:.025em!important;
}
.compare-table thead th:first-child{
  left:0!important;
  z-index:4!important;
  background:#111827!important;
  color:var(--vm-accent)!important;
}
.compare-table tbody td:first-child{
  position:sticky!important;
  left:0!important;
  z-index:2!important;
  width:190px!important;
  background:#f8f9fb!important;
  color:#475467!important;
  font-size:9px!important;
  font-weight:760!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
.compare-table tbody tr:hover td:not(:first-child){background:#fffdf6!important}
.compare-table tbody tr:last-child td{border-bottom:0!important}
.compare-table .btn-soft{
  min-height:38px!important;
  border:1px solid #111827!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#111827!important;
}
.compare-table .btn-soft:hover{background:#111827!important;color:#fff!important}

/* Category B: schedule starts at exactly the same row as step 1 */
.theory-flow-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(500px,1fr)!important;
  grid-template-areas:"intro empty" "steps schedule"!important;
  column-gap:34px!important;
  row-gap:20px!important;
  align-items:start!important;
}
.theory-flow-intro{grid-area:intro!important}
.theory-flow-intro h2{
  margin:9px 0 0!important;
  max-width:650px!important;
  color:#111827!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(2.25rem,4vw,3.65rem)!important;
  font-weight:640!important;
  line-height:1.02!important;
  letter-spacing:-.05em!important;
}
.theory-flow-steps{
  grid-area:steps!important;
  display:block!important;
  margin-top:0!important;
  border-top:1px solid var(--vm-border)!important;
}
.theory-flow-steps .feature{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:16px!important;
  min-height:0!important;
  padding:20px 0!important;
  border:0!important;
  border-bottom:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.theory-flow-steps .feature:hover{border-color:var(--vm-border)!important;box-shadow:none!important}
.theory-flow-steps .feature b{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  border:1px solid #e0be45!important;
  border-radius:6px!important;
  background:#fffaf0!important;
  color:#111827!important;
  font-size:11px!important;
}
.theory-flow-steps .feature strong{color:#111827!important;font-size:12px!important;font-weight:720!important}
.theory-flow-steps .feature p{margin:4px 0 0!important;color:#667085!important;font-size:12px!important;line-height:1.55!important}
.theory-schedule{
  grid-area:schedule!important;
  align-self:start!important;
  padding:22px!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.theory-schedule-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
}
.theory-schedule-head .kicker{color:#111827!important}
.theory-schedule-head p{
  max-width:310px!important;
  margin:0!important;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.5!important;
  text-align:right!important;
}
.theory-schedule .schedule-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:0!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
}
.theory-schedule .schedule-item{
  min-height:150px!important;
  padding:22px!important;
  border:0!important;
  border-right:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.theory-schedule .schedule-item:last-child{border-right:0!important}
.theory-schedule .schedule-item strong{color:#111827!important;font-size:15px!important;font-weight:720!important}
.theory-schedule .schedule-item p{font-size:11px!important;line-height:1.55!important;color:#667085!important}
.theory-schedule>.btn{margin-top:18px!important}

@media(max-width:1180px){
  .zone-layout{grid-template-columns:1fr!important;gap:26px!important}
  .zone-stage{position:relative!important;top:auto!important}
  body[data-page="home"] .gallery-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important}
  body[data-page="home"] .gallery-item.large{grid-row:auto!important}
  body[data-page="home"] .gallery-item{min-height:320px!important}
  .theory-flow-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"intro" "steps" "schedule"!important;
    row-gap:22px!important;
  }
}
@media(max-width:760px){
  .zone-step{grid-template-columns:34px minmax(0,1fr)!important;column-gap:12px!important;padding:18px 0!important}
  .zone-step:hover,.zone-step.active{padding-left:8px!important;padding-right:8px!important}
  .zone-step h3{display:block!important}
  .zone-step h3 span{display:block!important;margin-top:4px!important}
  .zone-scene{min-height:430px!important;padding:20px!important}
  .zone-meta{display:grid!important;grid-template-columns:1fr!important}
  .zone-meta span{border-right:0!important;border-bottom:1px solid var(--vm-border-soft)!important}
  .zone-meta span:last-child{border-bottom:0!important}
  body[data-page="home"] .gallery-grid{grid-template-columns:1fr!important}
  body[data-page="home"] .gallery-item{min-height:340px!important}
  .map-card{min-height:520px!important}
  .map-info{padding:19px 18px 20px!important}
  .map-actions{display:grid!important}
  .map-actions .btn{width:100%!important}
  .application-card{display:block!important;padding:22px!important}
  .application-card .btn{margin-top:18px!important;width:100%!important}
  .theory-schedule{padding:18px!important}
  .theory-schedule-head{display:block!important}
  .theory-schedule-head p{text-align:left!important;margin-top:8px!important}
  .theory-schedule .schedule-grid{grid-template-columns:1fr!important}
  .theory-schedule .schedule-item{min-height:0!important;border-right:0!important;border-bottom:1px solid var(--vm-border-soft)!important;padding:18px 0!important}
  .theory-schedule .schedule-item:last-child{border-bottom:0!important}
}


/* ================================================================
   V5.6 · Article + vehicle zone refinement · 2026-08-27
   ================================================================ */

/* Blog articles: give the cover its own breathing room below the hero. */
.article-hero{
  border-bottom:1px solid var(--vm-border-soft)!important;
}
.article-cover{
  width:min(calc(100% - 48px),1180px)!important;
  margin:32px auto 0!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.article-cover img{
  display:block!important;
  width:100%!important;
}

/* Replace the old callout-card language with a clean editorial note. */
.article-callout,
.article-callout.warm{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  gap:24px!important;
  margin:34px 0!important;
  padding:18px 0!important;
  border:0!important;
  border-top:1px solid var(--vm-border)!important;
  border-bottom:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#344054!important;
  box-shadow:none!important;
  line-height:1.65!important;
}
.article-callout strong,
.article-callout.warm strong{
  position:relative!important;
  display:block!important;
  margin:0!important;
  padding-top:10px!important;
  color:#111827!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
}
.article-callout strong::before,
.article-callout.warm strong::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:24px;
  height:2px;
  background:var(--vm-accent);
}

/* Vehicle zone: remove the old decorative scene/card treatment. */
.zone-stage{
  padding:0!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.zone-scene{
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:hidden!important;
}
.zone-scene::after,
.zone-orb{
  display:none!important;
}
.zone-card{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  gap:0!important;
  min-height:430px!important;
  height:auto!important;
  align-items:stretch!important;
  align-content:stretch!important;
  background:#fff!important;
}
.zone-card>img{
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  min-height:430px!important;
  padding:56px 44px!important;
  object-fit:contain!important;
  background:#f5f6f8!important;
  border-right:1px solid var(--vm-border)!important;
  filter:none!important;
  animation:none!important;
}
.zone-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:32px!important;
  background:#fff!important;
}
.zone-copy>strong{
  display:block!important;
  margin:0 0 15px!important;
  color:#111827!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(1.35rem,2vw,1.8rem)!important;
  font-weight:650!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
}
.zone-copy>p{
  margin:0 0 28px!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.zone-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-top:auto!important;
  border-top:1px solid var(--vm-border)!important;
  border-bottom:1px solid var(--vm-border)!important;
}
.zone-meta span{
  position:relative!important;
  display:block!important;
  padding:12px 0 12px 18px!important;
  border:0!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#344054!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
.zone-meta span:last-child{border-bottom:0!important}
.zone-meta span::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:6px;
  transform:translateY(-50%);
  background:var(--vm-accent);
}
.zone-timeline{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:5px!important;
  margin:22px 0 0!important;
}
.zone-timeline span{
  height:2px!important;
  border-radius:0!important;
  background:#e4e7ec!important;
}
.zone-timeline span.active{
  background:#111827!important;
}

@media(max-width:980px){
  .zone-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .zone-card>img{
    min-height:330px!important;
    height:330px!important;
    padding:38px 32px!important;
    border-right:0!important;
    border-bottom:1px solid var(--vm-border)!important;
  }
  .zone-copy{padding:26px!important}
}

@media(max-width:760px){
  .article-cover{
    width:min(calc(100% - 28px),1180px)!important;
    margin-top:20px!important;
  }
  .article-callout,
  .article-callout.warm{
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:28px 0!important;
    padding:16px 0!important;
  }
  .article-callout strong,
  .article-callout.warm strong{padding-top:9px!important}
  .zone-card>img{
    min-height:260px!important;
    height:260px!important;
    padding:28px 22px!important;
  }
  .zone-copy{padding:22px 18px!important}
}


/* ================================================================
   V5.7 · Zone stage visual cleanup · 2026-08-27
   ================================================================ */

/* Fix the vehicle stage on home page:
   - remove the odd empty band above the content
   - stop clipping the SVG shadow
   - keep the right info panel visually aligned and clean */
.zone-stage{
  overflow:hidden!important;
}
.zone-scene{
  background:#fff!important;
}
.zone-card{
  position:relative!important;
  grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr)!important;
  min-height:410px!important;
  align-items:stretch!important;
  background:#fff!important;
}
.zone-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:57%;
  background:#f5f6f8;
  border-right:1px solid var(--vm-border);
  pointer-events:none;
}
.zone-card>img{
  position:relative!important;
  z-index:1!important;
  justify-self:center!important;
  align-self:end!important;
  width:min(74%,420px)!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  min-height:0!important;
  margin:0 auto 34px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  filter:none!important;
  object-fit:contain!important;
}
.zone-copy{
  position:relative!important;
  z-index:1!important;
  justify-content:flex-start!important;
  padding:34px 40px 34px!important;
  background:#fff!important;
  border-top:0!important;
}
.zone-copy>*{
  position:relative;
  z-index:1;
}
.zone-copy>strong{
  margin:0 0 18px!important;
}
.zone-copy>p{
  margin:0 0 26px!important;
  max-width:34ch!important;
}
.zone-meta{
  margin-top:6px!important;
  border-top:1px solid var(--vm-border)!important;
  border-bottom:1px solid var(--vm-border)!important;
}
.zone-timeline{
  margin:28px 0 0!important;
}

@media(max-width:980px){
  .zone-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .zone-card::before{
    right:0;
    width:auto;
    height:300px;
    bottom:auto;
    border-right:0;
    border-bottom:1px solid var(--vm-border);
  }
  .zone-card>img{
    width:min(72%,360px)!important;
    margin:42px auto 30px!important;
  }
  .zone-copy{
    padding:28px 26px!important;
  }
}

@media(max-width:760px){
  .zone-card::before{
    height:250px;
  }
  .zone-card>img{
    width:min(76%,300px)!important;
    margin:34px auto 24px!important;
  }
  .zone-copy{
    padding:22px 18px!important;
  }
}


/* ================================================================
   V5.8 · Vehicle centering + professional feature icons · 2026-08-27
   ================================================================ */

/* The selected vehicle belongs in the optical center of the preview panel. */
.zone-card{
  min-height:410px!important;
}
.zone-card>img{
  align-self:center!important;
  justify-self:center!important;
  width:min(76%,430px)!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  filter:none!important;
  transform:none!important;
}

/* Unified icon language for the homepage feature list. */
.feature-stack .feature{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.feature-stack .feature>.feature-icon{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--vm-border)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:none!important;
}
.feature-stack .feature>.feature-icon .ui-icon{
  width:20px!important;
  height:20px!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.feature-stack .feature>.feature-icon-discount{
  border-color:#e7d28a!important;
  background:#fffdf5!important;
}
.feature-stack .feature>div>strong{
  display:block!important;
  margin:1px 0 5px!important;
  color:#101828!important;
  font-size:13px!important;
  font-weight:720!important;
  line-height:1.35!important;
}
.feature-stack .feature>div>p{
  margin:0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.6!important;
}

@media(max-width:980px){
  .zone-card>img{
    width:min(72%,360px)!important;
    margin:0 auto!important;
  }
}
@media(max-width:760px){
  .zone-card>img{
    width:min(75%,300px)!important;
    margin:0 auto!important;
  }
  .feature-stack .feature{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:13px!important;
  }
  .feature-stack .feature>.feature-icon{
    width:36px!important;
    height:36px!important;
  }
  .feature-stack .feature>.feature-icon .ui-icon{
    width:18px!important;
    height:18px!important;
  }
}


/* ================================================================
   V5.9 · Compact vehicle title + blog search polish · 2026-08-27
   ================================================================ */

/* Selected vehicle title: short name + compact category badge. */
.zone-title-row{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
}
.zone-title-row>strong{
  margin:0!important;
  color:#111827!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(1.35rem,2vw,1.8rem)!important;
  font-weight:680!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
}
.zone-category-badge{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:6px 9px!important;
  border:1px solid #e5cf78!important;
  border-radius:5px!important;
  background:#fffdf5!important;
  color:#111827!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.zone-copy>p{margin-top:0!important}

/* Percentage/discount icon: unmistakable percentage symbol, no tag outline. */
.feature-stack .feature>.feature-icon-discount{
  border-color:#e5cf78!important;
  background:#fffdf5!important;
  color:#111827!important;
}
.feature-stack .feature>.feature-icon-discount .ui-icon{
  width:21px!important;
  height:21px!important;
  stroke-width:1.75!important;
}

/* Blog search: reserve real space for the icon so it never collides with text. */
.blog-search{
  position:relative!important;
  width:min(100%,680px)!important;
  max-width:680px!important;
}
.blog-search>span{
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:none!important;
  z-index:2!important;
  color:#667085!important;
}
.blog-search>span .ui-icon{
  width:20px!important;
  height:20px!important;
  stroke-width:1.75!important;
}
.blog-search input{
  width:100%!important;
  min-height:50px!important;
  padding:12px 16px 12px 50px!important;
  border:1px solid #cfd6df!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:none!important;
  font-size:14px!important;
}
.blog-search input::placeholder{color:#98a2b3!important}
.blog-search input:hover{border-color:#b8c1cc!important}
.blog-search input:focus{
  border-color:#c8ac49!important;
  box-shadow:0 0 0 3px rgba(243,200,71,.13)!important;
  outline:0!important;
}

@media(max-width:760px){
  .zone-title-row{gap:12px!important}
  .zone-title-row>strong{font-size:1.3rem!important}
  .zone-category-badge{min-height:26px!important;padding:5px 8px!important;font-size:9px!important}
  .blog-search{max-width:none!important;width:100%!important}
  .blog-search input{min-height:48px!important;padding-left:48px!important}
}


/* ================================================================
   V5.10 · FAQ close icon alignment · 2026-08-27
   ================================================================ */
/* The FAQ toggle now uses drawn vector-like strokes instead of a font glyph,
   so the plus/X stays optically centered in both closed and open states. */


/* ================================================================
   V5.11 · Video stories + enrollment alignment · 2026-08-27
   ================================================================ */

/* Video stories: clean editorial cards instead of dark poster overlays. */
.video-story-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.video-story{
  position:relative!important;
  display:grid!important;
  grid-template-rows:220px auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#111827!important;
  text-align:left!important;
  box-shadow:none!important;
  transition:border-color .18s ease,transform .18s ease!important;
}
.video-story:hover{
  transform:translateY(-2px)!important;
  border-color:#c7ced8!important;
}
.video-story-poster{
  position:relative!important;
  inset:auto!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  height:220px!important;
  background:#f3f5f7!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
  transform:none!important;
}
.video-story:nth-child(2) .video-story-poster,
.video-story:nth-child(3) .video-story-poster{
  background:#f3f5f7!important;
}
.video-story-vehicle{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:34px!important;
  width:min(78%,320px)!important;
  height:150px!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:translateX(-50%)!important;
  filter:none!important;
}
.play-button{
  position:absolute!important;
  z-index:4!important;
  left:auto!important;
  right:14px!important;
  top:14px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d8ba43!important;
  border-radius:7px!important;
  background:#fff8d8!important;
  color:#111827!important;
  box-shadow:none!important;
}
.play-button .ui-icon{
  width:17px!important;
  height:17px!important;
  stroke-width:1.9!important;
}
.video-story-content{
  position:relative!important;
  inset:auto!important;
  grid-row:2!important;
  display:block!important;
  padding:18px 20px 20px!important;
  background:#fff!important;
  color:#111827!important;
  border:0!important;
}
.video-story-content h3{
  margin:0 0 7px!important;
  color:#111827!important;
  font:680 15px/1.35 Inter,ui-sans-serif,system-ui,sans-serif!important;
  letter-spacing:-.015em!important;
}
.video-story-content p{
  margin:0!important;
  color:#667085!important;
  font:400 12px/1.6 Inter,ui-sans-serif,system-ui,sans-serif!important;
}

/* Video modal: use the illustration itself, with no synthetic drop shadow. */
.video-frame{
  min-height:390px!important;
  padding:42px!important;
  background:#f3f5f7!important;
}
.video-frame img{
  width:min(560px,78%)!important;
  max-height:250px!important;
  filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Enrollment step 1: force the two paired selects to share identical rows. */
.wizard-step[data-wizard-step="1"] .form-grid{
  align-items:start!important;
}
.wizard-step[data-wizard-step="1"] .form-grid>.field:not(.full){
  grid-template-rows:20px 48px 18px!important;
  gap:7px!important;
}
.wizard-step[data-wizard-step="1"] .form-grid>.field:not(.full)>label{
  min-height:20px!important;
  display:flex!important;
  align-items:flex-end!important;
  margin:0!important;
  line-height:1.25!important;
}
.wizard-step[data-wizard-step="1"] .form-grid>.field:not(.full)>select,
#signup-time,
#signup-language{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0 3.5rem 0 13px!important;
  line-height:46px!important;
  vertical-align:top!important;
}
.wizard-step[data-wizard-step="1"] .form-grid>.field:not(.full)>.field-error{
  display:block!important;
  min-height:18px!important;
  height:18px!important;
  margin:0!important;
}
.wizard-step[data-wizard-step="1"] .form-grid>.field:not(.full)>.field-error[aria-hidden="true"]{
  visibility:hidden!important;
}

@media(max-width:980px){
  .video-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .video-story-grid{grid-template-columns:1fr!important}
  .video-story{grid-template-rows:200px auto!important}
  .video-story-poster{height:200px!important}
  .video-story-vehicle{top:28px!important;height:142px!important;width:min(76%,300px)!important}
  .video-frame{min-height:300px!important;padding:28px 18px!important}
  .video-frame img{width:min(520px,88%)!important;max-height:210px!important}
  .wizard-step[data-wizard-step="1"] .form-grid>.field:not(.full){grid-template-rows:auto 48px 18px!important}
}


/* ================================================================
   V5.12 · Categories advisor + accordion controls · 2026-08-27
   ================================================================ */

/* CATEGORII — replace the remaining legacy advisor card with a flat,
   editorial two-column module consistent with the new public-site system. */
body[data-page="categorii"] .license-advisor{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)!important;
  gap:0!important;
  padding:0!important;
  border:1px solid var(--vm-border)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-page="categorii"] .advisor-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:30px 34px!important;
  background:#fff!important;
}
body[data-page="categorii"] .advisor-form .field{
  min-width:0!important;
  padding:0 0 22px!important;
  margin:0!important;
}
body[data-page="categorii"] .advisor-form .field:nth-child(2n){
  padding-left:14px!important;
}
body[data-page="categorii"] .advisor-form .field:nth-child(2n+1):not(:first-child){
  padding-right:14px!important;
}
body[data-page="categorii"] .advisor-form .field:first-child{
  grid-column:1/-1!important;
  padding-left:0!important;
  padding-right:0!important;
}
body[data-page="categorii"] .advisor-form .field label{
  display:block!important;
  margin:0 0 8px!important;
  color:#111827!important;
  font:700 12px/1.4 Inter,system-ui,sans-serif!important;
  letter-spacing:-.01em!important;
}
body[data-page="categorii"] .advisor-form input,
body[data-page="categorii"] .advisor-form select{
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 14px!important;
  border:1px solid #cfd7e3!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:none!important;
  font:500 13px/1 Inter,system-ui,sans-serif!important;
}
body[data-page="categorii"] .advisor-form input:focus,
body[data-page="categorii"] .advisor-form select:focus{
  border-color:#c4a22c!important;
  box-shadow:0 0 0 3px rgba(243,200,71,.13)!important;
  outline:0!important;
}
body[data-page="categorii"] .advisor-help{
  grid-column:1/-1!important;
  margin:4px 0 0!important;
  padding:14px 0 0!important;
  border:0!important;
  border-top:1px solid var(--vm-border-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7a8494!important;
  font:400 11px/1.65 Inter,system-ui,sans-serif!important;
}
body[data-page="categorii"] .advisor-help strong{
  color:#475467!important;
  font-weight:700!important;
}
body[data-page="categorii"] .advisor-result{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  padding:30px 30px 28px!important;
  border:0!important;
  border-left:1px solid var(--vm-border)!important;
  border-radius:0!important;
  background:#f8f9fb!important;
  color:#111827!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[data-page="categorii"] .advisor-result::after{
  display:none!important;
}
body[data-page="categorii"] .advisor-status{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 24px!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:2px solid var(--vm-accent)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#475467!important;
  font:750 10px/1.35 Inter,system-ui,sans-serif!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
body[data-page="categorii"] .advisor-status::before{
  content:"";
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  background:var(--vm-accent)!important;
}
body[data-page="categorii"] .advisor-status.success,
body[data-page="categorii"] .advisor-status.warning{
  background:transparent!important;
  color:#475467!important;
}
body[data-page="categorii"] .advisor-result h3{
  margin:0 0 10px!important;
  color:#111827!important;
  font:700 clamp(1.65rem,2.7vw,2.45rem)/1.05 Inter,system-ui,sans-serif!important;
  letter-spacing:-.045em!important;
}
body[data-page="categorii"] .advisor-result>p{
  max-width:37ch!important;
  margin:0!important;
  color:#667085!important;
  font:400 13px/1.7 Inter,system-ui,sans-serif!important;
}
body[data-page="categorii"] .advisor-checklist{
  display:grid!important;
  gap:0!important;
  margin:28px 0 26px!important;
  padding:0!important;
  list-style:none!important;
  border-top:1px solid var(--vm-border)!important;
  border-bottom:1px solid var(--vm-border)!important;
}
body[data-page="categorii"] .advisor-checklist li{
  position:relative!important;
  margin:0!important;
  padding:12px 0 12px 18px!important;
  border-bottom:1px solid var(--vm-border-soft)!important;
  color:#344054!important;
  font:600 11.5px/1.5 Inter,system-ui,sans-serif!important;
}
body[data-page="categorii"] .advisor-checklist li:last-child{
  border-bottom:0!important;
}
body[data-page="categorii"] .advisor-checklist li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:6px!important;
  height:6px!important;
  transform:translateY(-50%)!important;
  background:var(--vm-accent)!important;
}
body[data-page="categorii"] .advisor-checklist li.is-warning::before{
  background:#111827!important;
}
body[data-page="categorii"] .advisor-result .btn{
  align-self:flex-start!important;
  margin-top:auto!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:7px!important;
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
}
body[data-page="categorii"] .advisor-result .btn:hover{
  background:#262f3f!important;
  border-color:#262f3f!important;
}

/* FAQ / accordion icon: keep the square stationary and morph the two strokes.
   No rotating border, so the open state never becomes a diamond. */
.faq-item button>span:last-child{
  position:relative!important;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  display:block!important;
  border:1px solid var(--vm-border)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  transform:none!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.faq-item button>span:last-child::before,
.faq-item button>span:last-child::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:12px!important;
  height:1.5px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#344054!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
  transition:transform .16s ease,background .16s ease!important;
}
.faq-item button>span:last-child::after{
  transform:translate(-50%,-50%) rotate(90deg)!important;
}
.faq-item.open button>span:last-child{
  transform:none!important;
  border-color:#dfc04d!important;
  background:#fffdf6!important;
  color:transparent!important;
}
.faq-item.open button>span:last-child::before{
  background:#111827!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
.faq-item.open button>span:last-child::after{
  background:#111827!important;
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}

@media(max-width:980px){
  body[data-page="categorii"] .license-advisor{
    grid-template-columns:1fr!important;
  }
  body[data-page="categorii"] .advisor-result{
    border-left:0!important;
    border-top:1px solid var(--vm-border)!important;
    min-height:0!important;
  }
}

@media(max-width:760px){
  body[data-page="categorii"] .advisor-form{
    grid-template-columns:1fr!important;
    padding:22px 18px!important;
  }
  body[data-page="categorii"] .advisor-form .field,
  body[data-page="categorii"] .advisor-form .field:nth-child(2n),
  body[data-page="categorii"] .advisor-form .field:nth-child(2n+1):not(:first-child){
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:18px!important;
  }
  body[data-page="categorii"] .advisor-form .field:first-child{
    grid-column:auto!important;
  }
  body[data-page="categorii"] .advisor-result{
    padding:24px 18px!important;
  }
}


/* ================================================================
   V6.1 · /categorii advisor alignment · 2026-08-27
   ================================================================ */

/* The advisor should read as one structured form, not as a broken 2-column
   matrix with an empty cell. Vehicle is the primary question; the remaining
   three questions form one aligned row. */
body[data-page="categorii"] .license-advisor{
  grid-template-columns:minmax(0,1fr) 360px!important;
  align-items:stretch!important;
}
body[data-page="categorii"] .advisor-form{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:16px!important;
  row-gap:22px!important;
  align-content:start!important;
  padding:30px 34px!important;
}
body[data-page="categorii"] .advisor-form .advisor-field{
  padding:0!important;
  min-width:0!important;
}
body[data-page="categorii"] .advisor-form .advisor-field-vehicle{
  grid-column:1/-1!important;
}
body[data-page="categorii"] .advisor-form .advisor-field-age,
body[data-page="categorii"] .advisor-form .advisor-field-current,
body[data-page="categorii"] .advisor-form .advisor-field-experience{
  grid-column:auto!important;
}
body[data-page="categorii"] .advisor-form .advisor-help{
  grid-column:1/-1!important;
  margin:10px 0 0!important;
  padding-top:18px!important;
}
body[data-page="categorii"] .advisor-form .field label{
  min-height:34px!important;
  display:flex!important;
  align-items:flex-end!important;
  margin-bottom:8px!important;
}
body[data-page="categorii"] .advisor-field-vehicle label{
  min-height:0!important;
}
body[data-page="categorii"] .advisor-result{
  min-width:0!important;
}

@media(max-width:1180px){
  body[data-page="categorii"] .license-advisor{
    grid-template-columns:1fr!important;
  }
  body[data-page="categorii"] .advisor-result{
    border-left:0!important;
    border-top:1px solid var(--vm-border)!important;
    min-height:0!important;
  }
  body[data-page="categorii"] .advisor-form{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:820px){
  body[data-page="categorii"] .advisor-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="categorii"] .advisor-field-vehicle{
    grid-column:1/-1!important;
  }
  body[data-page="categorii"] .advisor-field-experience{
    grid-column:1/-1!important;
  }
  body[data-page="categorii"] .advisor-form .field label{
    min-height:0!important;
  }
}

@media(max-width:620px){
  body[data-page="categorii"] .advisor-form{
    grid-template-columns:1fr!important;
    row-gap:18px!important;
    padding:22px 18px!important;
  }
  body[data-page="categorii"] .advisor-field-vehicle,
  body[data-page="categorii"] .advisor-field-age,
  body[data-page="categorii"] .advisor-field-current,
  body[data-page="categorii"] .advisor-field-experience{
    grid-column:1!important;
  }
}


/* ================================================================
   V6.2 · /categorii exact grid alignment · 2026-08-27
   ================================================================ */

/* Remove legacy nth-child side paddings that were still shifting fields 2–4
   inward. All advisor fields now align to the same left/right grid edges. */
body[data-page="categorii"] .advisor-form > .field.advisor-field,
body[data-page="categorii"] .advisor-form > .field.advisor-field:nth-child(2n),
body[data-page="categorii"] .advisor-form > .field.advisor-field:nth-child(2n+1):not(:first-child){
  padding:0!important;
  margin:0!important;
}

body[data-page="categorii"] .advisor-form{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:20px!important;
  row-gap:24px!important;
  padding:32px 34px 30px!important;
  align-items:start!important;
}

body[data-page="categorii"] .advisor-form > .advisor-field-vehicle{
  grid-column:1/-1!important;
}

body[data-page="categorii"] .advisor-form > .advisor-field-age,
body[data-page="categorii"] .advisor-form > .advisor-field-current,
body[data-page="categorii"] .advisor-form > .advisor-field-experience{
  grid-column:auto!important;
  width:100%!important;
}

body[data-page="categorii"] .advisor-form > .advisor-field label{
  display:flex!important;
  align-items:flex-end!important;
  width:100%!important;
  min-height:36px!important;
  margin:0 0 9px!important;
}

body[data-page="categorii"] .advisor-form > .advisor-field-vehicle label{
  min-height:0!important;
}

body[data-page="categorii"] .advisor-form > .advisor-field input,
body[data-page="categorii"] .advisor-form > .advisor-field select{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  box-sizing:border-box!important;
}

body[data-page="categorii"] .advisor-form > .advisor-help{
  grid-column:1/-1!important;
  width:100%!important;
  margin:8px 0 0!important;
  padding:18px 0 0!important;
}

@media(max-width:820px){
  body[data-page="categorii"] .advisor-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:18px!important;
  }
  body[data-page="categorii"] .advisor-form > .advisor-field-experience{
    grid-column:1/-1!important;
  }
  body[data-page="categorii"] .advisor-form > .advisor-field label{
    min-height:0!important;
  }
}

@media(max-width:620px){
  body[data-page="categorii"] .advisor-form{
    grid-template-columns:1fr!important;
    row-gap:18px!important;
    padding:22px 18px!important;
  }
  body[data-page="categorii"] .advisor-form > .advisor-field-vehicle,
  body[data-page="categorii"] .advisor-form > .advisor-field-age,
  body[data-page="categorii"] .advisor-form > .advisor-field-current,
  body[data-page="categorii"] .advisor-form > .advisor-field-experience{
    grid-column:1!important;
  }
}


/* ================================================================
   V6.3 · /categorii final alignment + explicit grid areas
   ================================================================ */
body[data-page="categorii"] .advisor-form{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-areas:
    "vehicle vehicle vehicle"
    "age current experience"
    "help help help"!important;
  gap:22px 20px!important;
  padding:32px 34px 30px!important;
  align-items:start!important;
}
body[data-page="categorii"] .advisor-form > .advisor-field{
  grid-column:auto!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
}
body[data-page="categorii"] .advisor-form > .advisor-field-vehicle{grid-area:vehicle!important}
body[data-page="categorii"] .advisor-form > .advisor-field-age{grid-area:age!important}
body[data-page="categorii"] .advisor-form > .advisor-field-current{grid-area:current!important}
body[data-page="categorii"] .advisor-form > .advisor-field-experience{grid-area:experience!important}
body[data-page="categorii"] .advisor-form > .advisor-help{
  grid-area:help!important;
  grid-column:auto!important;
  width:auto!important;
  margin:8px 0 0!important;
}
body[data-page="categorii"] .advisor-form > .advisor-field label{
  display:flex!important;
  align-items:flex-end!important;
  min-height:38px!important;
  margin:0 0 9px!important;
}
body[data-page="categorii"] .advisor-form > .advisor-field-vehicle label{min-height:0!important}
body[data-page="categorii"] .advisor-form > .advisor-field input,
body[data-page="categorii"] .advisor-form > .advisor-field select{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* Keep all three secondary questions on one clean row until phone width.
   This avoids the visually unbalanced orphaned fourth field. */
@media(max-width:700px){
  body[data-page="categorii"] .advisor-form{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "vehicle"
      "age"
      "current"
      "experience"
      "help"!important;
    gap:18px!important;
    padding:22px 18px!important;
  }
  body[data-page="categorii"] .advisor-form > .advisor-field label{min-height:0!important}
}


/* ================================================================
   V6.6 · Hero road stacking fix · 2026-08-28
   ================================================================ */
.road-scene{isolation:isolate!important}
.road-scene .sky-orb,
.road-scene .city-line{z-index:0!important}
.road-scene::after{z-index:1!important}
.road-scene .hero-car{z-index:2!important}