:root {
  --vr-bg: #071019;
  --vr-bg-secondary: #0a1420;
  --vr-surface: #0d1824;
  --vr-surface-raised: #111f2e;
  --vr-surface-soft: #09131e;
  --vr-primary: #0a84ff;
  --vr-primary-hover: #35a0ff;
  --vr-primary-active: #005ab8;
  --vr-focus: #73b9ff;
  --vr-text: #f5f7fa;
  --vr-text-secondary: #b7c0cb;
  --vr-text-muted: #7f8c9a;
  --vr-border: #263545;
  --vr-border-strong: #3d5063;
  --vr-color-bg: var(--vr-bg);
  --vr-color-bg-secondary: var(--vr-bg-secondary);
  --vr-color-surface: var(--vr-surface);
  --vr-color-surface-raised: var(--vr-surface-raised);
  --vr-color-surface-soft: var(--vr-surface-soft);
  --vr-color-blue: var(--vr-primary);
  --vr-color-blue-hover: var(--vr-primary-hover);
  --vr-color-blue-active: var(--vr-primary-active);
  --vr-color-action: var(--vr-primary);
  --vr-color-focus: var(--vr-focus);
  --vr-color-text: var(--vr-text);
  --vr-color-text-secondary: var(--vr-text-secondary);
  --vr-color-text-muted: var(--vr-text-muted);
  --vr-color-border: var(--vr-border);
  --vr-color-border-strong: var(--vr-border-strong);
  --vr-color-success: #79b94b;
  --vr-color-warning: #f0b84b;
  --vr-color-danger: #ff5263;
  --vr-radius-sm: 2px;
  --vr-radius: 6px;
  --vr-radius-lg: 10px;
  --vr-shadow-card: 0 16px 40px rgba(0, 0, 0, .34);
  --vr-shadow-glow: 0 0 24px color-mix(in srgb, var(--vr-primary, #0a84ff) 28%, transparent);
  --vr-container: 1360px;
  --vr-space-1: 4px;
  --vr-space-2: 8px;
  --vr-space-3: 12px;
  --vr-space-4: 16px;
  --vr-space-5: 24px;
  --vr-space-6: 32px;
  --vr-space-7: 48px;
  --vr-space-8: 64px;
  --vr-space-9: 80px;
  --vr-space-10: 96px;
  --vr-motion-fast: 120ms;
  --vr-motion-base: 180ms;
  --vr-motion-slow: 320ms;
  --vr-ease: cubic-bezier(.2, .8, .2, 1);
}

@font-face {
  font-family: "Vista Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), url("../../../NOVA/themes/base/fonts/opensans/open-sans-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Vista Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), url("../../../NOVA/themes/base/fonts/opensans/open-sans-600.woff2") format("woff2");
}
@font-face {
  font-family: "Vista Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), url("../../../NOVA/themes/base/fonts/opensans/open-sans-700.woff2") format("woff2");
}
@font-face {
  font-family: "Vista Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Montserrat SemiBold"), url("../../../NOVA/themes/base/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2");
}
.vr-theme {
  min-width: 320px;
  max-width: 100%;
  overflow-x: hidden;
  background: var(--vr-bg, #071019);
  color: var(--vr-text-secondary, #b7c0cb);
  font-family: "Vista Open Sans", "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
.vr-theme #main-wrapper,
.vr-theme #content-wrapper,
.vr-theme #content {
  background: var(--vr-bg, #071019);
}
.vr-theme h1,
.vr-theme h2,
.vr-theme h3,
.vr-theme h4,
.vr-theme h5,
.vr-theme h6,
.vr-theme .h1,
.vr-theme .h2,
.vr-theme .h3,
.vr-theme .h4,
.vr-theme .h5,
.vr-theme .h6 {
  color: var(--vr-text, #f5f7fa);
  font-family: "Vista Montserrat", "Montserrat", "Arial Narrow", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.018em;
}
.vr-theme a {
  color: var(--vr-primary, #0a84ff);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color var(--vr-motion-fast) var(--vr-ease);
}
.vr-theme a:hover {
  color: var(--vr-primary-hover, #35a0ff);
}
.vr-theme :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--vr-focus, #73b9ff);
  outline-offset: 2px;
}
.vr-theme .btn {
  min-height: 48px;
  border-radius: 2px;
  padding: 11px 24px;
  font-family: "Vista Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background-color var(--vr-motion-base) var(--vr-ease), border-color var(--vr-motion-base) var(--vr-ease), color var(--vr-motion-base) var(--vr-ease), transform var(--vr-motion-base) var(--vr-ease);
}
.vr-theme .btn-primary {
  border-color: var(--vr-primary, #0a84ff);
  background: var(--vr-primary, #0a84ff);
  color: #fff;
}
.vr-theme .btn-primary:hover,
.vr-theme .btn-primary:focus {
  border-color: var(--vr-primary-hover, #35a0ff);
  background: var(--vr-primary-hover, #35a0ff);
  color: #03101b;
}
.vr-theme .btn-outline-primary {
  border-color: color-mix(in srgb, var(--vr-primary, #0a84ff) 75%, transparent);
  background: transparent;
  color: var(--vr-primary-hover, #35a0ff);
}
.vr-theme .btn-outline-primary:hover,
.vr-theme .btn-outline-primary:focus {
  border-color: var(--vr-primary-hover, #35a0ff);
  background: color-mix(in srgb, var(--vr-primary, #0a84ff) 12%, transparent);
  color: #fff;
}
.vr-theme .form-control,
.vr-theme .custom-select,
.vr-theme .bootstrap-select > .dropdown-toggle,
.vr-theme input[type=text],
.vr-theme input[type=email],
.vr-theme input[type=tel],
.vr-theme input[type=password],
.vr-theme input[type=number],
.vr-theme input[type=search],
.vr-theme textarea,
.vr-theme select {
  min-height: 48px;
  border: 1px solid var(--vr-border, #263545);
  border-radius: 2px;
  background-color: var(--vr-surface, #0d1824);
  color: var(--vr-text, #f5f7fa);
}
.vr-theme .form-control::placeholder,
.vr-theme input::placeholder,
.vr-theme textarea::placeholder {
  color: var(--vr-text-muted, #7f8c9a);
  opacity: 1;
}
.vr-theme .form-control:focus,
.vr-theme .custom-select:focus,
.vr-theme input:focus,
.vr-theme textarea:focus,
.vr-theme select:focus {
  border-color: var(--vr-primary, #0a84ff);
  background-color: var(--vr-surface-raised, #111f2e);
  color: var(--vr-text, #f5f7fa);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vr-primary, #0a84ff) 18%, transparent);
}
.vr-theme .card,
.vr-theme .modal-content,
.vr-theme .dropdown-menu,
.vr-theme .list-group-item {
  border-color: var(--vr-border, #263545);
  border-radius: 6px;
  background: var(--vr-surface, #0d1824);
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .card-header,
.vr-theme .card-footer,
.vr-theme .modal-header,
.vr-theme .modal-footer {
  border-color: var(--vr-border, #263545);
  background: var(--vr-surface-soft, #09131e);
}
.vr-theme .table {
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .table th,
.vr-theme .table td {
  border-color: var(--vr-border, #263545);
}
.vr-theme hr {
  border-color: var(--vr-border, #263545);
}
.vr-theme .text-muted,
.vr-theme .text-info {
  color: var(--vr-text-muted, #7f8c9a);
}
.vr-theme .alert-info,
.vr-theme .alert-secondary,
.vr-theme .alert-light {
  border-color: var(--vr-border, #263545);
  background: var(--vr-surface-raised, #111f2e);
  color: var(--vr-text-secondary, #b7c0cb);
}

.vr-container {
  width: calc(100% - 64px);
  max-width: 1360px;
  margin-right: auto;
  margin-left: auto;
}

.vr-section {
  padding: 80px 0;
}

.vr-heading {
  margin: 0;
  color: var(--vr-text, #f5f7fa);
  font-family: "Vista Montserrat", "Montserrat", "Arial Narrow", Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.025em;
}

.vr-heading--hero {
  font-size: clamp(42px, 4.2vw, 68px);
  line-height: 1.02;
  text-transform: uppercase;
}

.vr-heading--hero span,
.vr-heading--h2 span {
  color: var(--vr-primary, #0a84ff);
}

.vr-heading--h2 {
  font-size: clamp(30px, 2.4vw, 38px);
  line-height: 1.15;
  text-transform: uppercase;
}

.vr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--vr-primary-hover, #35a0ff);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.vr-eyebrow::before {
  width: 32px;
  height: 1px;
  background: var(--vr-primary, #0a84ff);
  content: "";
}

.vr-lead {
  max-width: 650px;
  margin: 24px 0 0;
  color: var(--vr-text-secondary, #b7c0cb);
  font-size: 18px;
  line-height: 1.55;
}

.vr-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}

.vr-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 11px 24px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform var(--vr-motion-base) var(--vr-ease), background-color var(--vr-motion-base) var(--vr-ease), border-color var(--vr-motion-base) var(--vr-ease), box-shadow var(--vr-motion-base) var(--vr-ease);
}

.vr-btn:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

.vr-theme .vr-btn--primary {
  border-color: var(--vr-primary, #0a84ff);
  background: var(--vr-primary, #0a84ff);
  color: #fff;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--vr-primary, #0a84ff) 23%, transparent);
}

.vr-theme .vr-btn--primary:hover {
  border-color: var(--vr-primary-hover, #35a0ff);
  background: var(--vr-primary-hover, #35a0ff);
  color: #03101b;
}

.vr-theme .vr-btn--outline {
  border-color: color-mix(in srgb, var(--vr-primary, #0a84ff) 72%, transparent);
  background: color-mix(in srgb, var(--vr-bg, #071019) 35%, transparent);
  color: var(--vr-primary-hover, #35a0ff);
}

.vr-theme .vr-btn--outline:hover {
  border-color: var(--vr-primary-hover, #35a0ff);
  background: color-mix(in srgb, var(--vr-primary, #0a84ff) 12%, transparent);
  color: #fff;
}

.vr-section-heading {
  margin-bottom: 36px;
  text-align: center;
}

.vr-section-heading .vr-heading::after {
  display: block;
  width: 64px;
  height: 2px;
  margin: 16px auto 0;
  background: linear-gradient(90deg, transparent, var(--vr-primary, #0a84ff), transparent);
  content: "";
}

.vr-theme #header-top-bar {
  min-height: 36px;
  border-bottom: 1px solid color-mix(in srgb, var(--vr-border, #263545) 70%, transparent);
  background: #04090f;
  color: var(--vr-text-muted, #7f8c9a);
}
.vr-theme header.fixed-navbar {
  border-bottom: 1px solid color-mix(in srgb, var(--vr-primary, #0a84ff) 15%, transparent);
  background: rgba(3, 8, 14, 0.97);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(16px);
}
.vr-theme header .navbar,
.vr-theme header .navbar-nav,
.vr-theme header .nav-row {
  min-height: 82px;
  align-items: center;
}
.vr-theme header .navbar-brand img {
  max-height: 54px;
  width: auto;
}
.vr-theme header .nav-link,
.vr-theme header .navbar-nav .nav-link,
.vr-theme header .btn-link {
  color: var(--vr-text, #f5f7fa);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.045em;
  text-decoration: none;
  text-transform: uppercase;
}
.vr-theme header .nav-link:hover,
.vr-theme header .nav-link:focus,
.vr-theme header .nav-item.active > .nav-link,
.vr-theme header .navbar-nav .active > .nav-link {
  color: var(--vr-primary-hover, #35a0ff);
}
.vr-theme header .nav-item.active > .nav-link::before,
.vr-theme header .navbar-nav .active > .nav-link::before {
  border-bottom-color: var(--vr-primary, #0a84ff);
  border-bottom-width: 3px;
}
.vr-theme header .form-control,
.vr-theme header input[type=search] {
  border-color: color-mix(in srgb, var(--vr-border-strong, #3d5063) 75%, transparent);
  background: var(--vr-surface-soft, #09131e);
}
.vr-theme header .dropdown-menu,
.vr-theme #mainNavigation .dropdown-menu,
.vr-theme #shop-nav .dropdown-menu {
  border: 1px solid var(--vr-border, #263545);
  background: color-mix(in srgb, var(--vr-surface, #0d1824) 98%, transparent);
  box-shadow: var(--vr-shadow-card);
}
.vr-theme header .dropdown-item {
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme header .dropdown-item:hover,
.vr-theme header .dropdown-item:focus {
  background: color-mix(in srgb, var(--vr-primary, #0a84ff) 11%, transparent);
  color: var(--vr-text, #f5f7fa);
}
.vr-theme #shop-nav .fas,
.vr-theme #shop-nav .far,
.vr-theme header .nav-icons .fas,
.vr-theme header .nav-icons .far {
  color: var(--vr-text, #f5f7fa);
}
.vr-theme .cart-icon-dropdown .badge,
.vr-theme .cart-icon-dropdown .cart-counter {
  background: var(--vr-primary, #0a84ff);
  color: #fff;
}
.vr-theme .navbar-toggler {
  min-width: 48px;
  min-height: 48px;
  border-color: var(--vr-border, #263545);
  color: var(--vr-text, #f5f7fa);
}
.vr-theme .breadcrumb-wrapper,
.vr-theme .breadcrumb {
  border-color: var(--vr-border, #263545);
  background: var(--vr-bg-secondary, #0a1420);
  color: var(--vr-text-muted, #7f8c9a);
}
.vr-theme .breadcrumb a {
  color: var(--vr-text-secondary, #b7c0cb);
}

.vr-home {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  overflow: clip;
  background: var(--vr-bg, #071019);
  color: var(--vr-text-secondary, #b7c0cb);
}

.vr-opc-area {
  min-width: 0;
}

.vr-opc-homepage--editor,
.vr-opc-editor .vr-opc-homepage {
  left: 0;
  display: block;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  box-sizing: border-box;
}

.vr-opc-area--trust {
  position: relative;
  z-index: 2;
}

.vr-opc-area--cta:empty,
.vr-opc-area--offer:empty,
.vr-jtl-home-content.vr-opc-area:empty {
  display: none;
}

.vr-opc-editor .vr-opc-area.opc-area {
  min-height: 72px;
  outline: 1px dashed color-mix(in srgb, var(--vr-primary, #0a84ff) 48%, transparent);
  outline-offset: -1px;
}

.vr-opc-editor .vr-before-after__range {
  pointer-events: none;
}

.vr-hero {
  position: relative;
  min-height: 610px;
  padding: 74px 0 0;
  border-bottom: 1px solid var(--vr-border, #263545);
  background: radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--vr-primary, #0a84ff) 16%, transparent), transparent 30%), linear-gradient(90deg, color-mix(in srgb, var(--vr-bg, #071019) 99%, transparent) 0%, color-mix(in srgb, var(--vr-bg, #071019) 92%, transparent) 45%, color-mix(in srgb, var(--vr-bg, #071019) 58%, transparent) 72%, color-mix(in srgb, var(--vr-bg, #071019) 92%, transparent) 100%), var(--vr-bg, #071019);
}

.vr-hero::before,
.vr-process-section::before,
.vr-why-section::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(color-mix(in srgb, var(--vr-primary, #0a84ff) 3.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--vr-primary, #0a84ff) 3.5%, transparent) 1px, transparent 1px);
  background-size: 48px 48px;
  content: "";
  pointer-events: none;
}

.vr-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 440px;
  grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  align-items: center;
  gap: 52px;
}

.vr-hero__content {
  padding: 20px 0 52px;
}

.vr-hero__visual {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--vr-primary, #0a84ff) 16%, transparent);
  border-radius: 10px 10px 0 0;
  background: #050b12;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
  isolation: isolate;
}

.vr-hero__visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--vr-bg, #071019) 62%, transparent), transparent 36%), linear-gradient(0deg, color-mix(in srgb, var(--vr-bg, #071019) 45%, transparent), transparent 45%);
  content: "";
  pointer-events: none;
}

.vr-hero__visual img {
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.05);
}

.vr-repair-scan {
  position: absolute;
  z-index: 3;
  top: 46px;
  right: 36px;
  width: 224px;
  border: 1px solid color-mix(in srgb, var(--vr-primary, #0a84ff) 75%, transparent);
  border-radius: 6px;
  padding: 18px;
  background: rgba(4, 12, 21, 0.9);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.34), inset 0 0 24px color-mix(in srgb, var(--vr-primary, #0a84ff) 6%, transparent);
  color: var(--vr-text-secondary, #b7c0cb);
  backdrop-filter: blur(10px);
}

.vr-repair-scan > strong {
  display: block;
  margin-bottom: 12px;
  color: var(--vr-text, #f5f7fa);
  font-family: "Vista Montserrat", "Montserrat", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.vr-repair-scan > span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 3px 0;
  font-size: 11px;
  text-transform: uppercase;
}

.vr-repair-scan b {
  color: #8cc55c;
  font-weight: 700;
}

.vr-repair-scan b.is-warning {
  color: #f0b84b;
}

.vr-trust-grid {
  position: relative;
  z-index: 2;
  display: grid;
  min-height: 96px;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 32px;
  border-top: 1px solid color-mix(in srgb, var(--vr-border, #263545) 72%, transparent);
}

.vr-trust-grid > div {
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--vr-text, #f5f7fa);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.vr-trust-grid > div span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.vr-trust-grid > div span b {
  color: var(--vr-text, #f5f7fa);
  font-size: 12px;
}

.vr-trust-grid > div > span {
  color: var(--vr-text-secondary, #b7c0cb);
}

.vr-trust-grid i {
  color: var(--vr-primary, #0a84ff);
  font-size: 25px;
}

.vr-damages {
  background: linear-gradient(180deg, var(--vr-bg-secondary, #0a1420), var(--vr-bg, #071019) 85%);
}

.vr-damage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.vr-damage-card {
  position: relative;
  display: flex;
  min-height: 250px;
  overflow: hidden;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  border: 1px solid var(--vr-border, #263545);
  border-radius: 6px;
  padding: 30px;
  background: radial-gradient(circle at 80% 25%, color-mix(in srgb, var(--vr-primary, #0a84ff) 16%, transparent), transparent 30%), linear-gradient(145deg, var(--vr-surface-raised, #111f2e), var(--vr-surface-soft, #09131e));
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
  transition: border-color var(--vr-motion-base) var(--vr-ease), transform var(--vr-motion-base) var(--vr-ease), box-shadow var(--vr-motion-base) var(--vr-ease);
}

.vr-damage-card::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, color-mix(in srgb, var(--vr-bg, #071019) 94%, transparent) 0%, color-mix(in srgb, var(--vr-bg, #071019) 76%, transparent) 46%, color-mix(in srgb, var(--vr-bg, #071019) 14%, transparent) 100%), linear-gradient(0deg, color-mix(in srgb, var(--vr-bg, #071019) 90%, transparent) 0%, transparent 74%);
  content: "";
  pointer-events: none;
}

.vr-damage-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--vr-motion-slow) var(--vr-ease);
}

.vr-damage-card > i,
.vr-damage-card > h3,
.vr-damage-card > p,
.vr-damage-card > a {
  position: relative;
  z-index: 2;
}

.vr-damage-card:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--vr-primary, #0a84ff) 65%, transparent);
  box-shadow: var(--vr-shadow-card), var(--vr-shadow-glow);
}

.vr-damage-card:hover .vr-damage-card__image {
  transform: scale(1.025);
}

.vr-damage-card > i {
  margin-bottom: 18px;
  color: var(--vr-primary, #0a84ff);
  font-size: 35px;
}

.vr-damage-card--heat > i {
  color: #ff5b60;
}

.vr-damage-card--port > i {
  color: #f0b84b;
}

.vr-damage-card h3 {
  max-width: 250px;
  margin: 0 0 8px;
  color: var(--vr-text, #f5f7fa);
  font-size: 20px;
  text-transform: uppercase;
}

.vr-damage-card p {
  margin: 0 0 20px;
  color: var(--vr-text-secondary, #b7c0cb);
  font-size: 14px;
}

.vr-damage-card a {
  position: relative;
  z-index: 1;
  color: var(--vr-primary-hover, #35a0ff);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.vr-diagnosis-cta {
  display: grid;
  min-height: 112px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
  border: 1px solid var(--vr-border, #263545);
  border-radius: 6px;
  padding: 22px 32px;
  background: linear-gradient(90deg, var(--vr-surface, #0d1824), var(--vr-surface-soft, #09131e));
}

.vr-diagnosis-cta > i {
  color: var(--vr-primary, #0a84ff);
  font-size: 42px;
}

.vr-diagnosis-cta h3,
.vr-diagnosis-cta p {
  margin: 0;
}

.vr-diagnosis-cta h3 {
  font-size: 22px;
  text-transform: uppercase;
}

.vr-diagnosis-cta p {
  color: var(--vr-text-secondary, #b7c0cb);
}

.vr-compare-section {
  background: var(--vr-bg, #071019);
}

.vr-compare-layout {
  display: grid;
  grid-template-columns: minmax(0, 2.25fr) minmax(280px, 0.75fr);
  gap: 24px;
}

.vr-before-after {
  --vr-reveal: 50%;
  position: relative;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid var(--vr-border, #263545);
  border-radius: 6px;
  background: var(--vr-surface, #0d1824);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
}

.vr-before-after:focus-within {
  outline: 3px solid var(--vr-focus, #73b9ff);
  outline-offset: 3px;
}

.vr-before-after__image {
  position: absolute;
  inset: 0;
}

.vr-before-after__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vr-before-after__image > span {
  position: absolute;
  z-index: 2;
  top: 22px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid color-mix(in srgb, var(--vr-border-strong, #3d5063) 80%, transparent);
  border-radius: 2px;
  padding: 9px 12px;
  background: color-mix(in srgb, var(--vr-bg, #071019) 85%, transparent);
  color: var(--vr-text-secondary, #b7c0cb);
  font-size: 12px;
}

.vr-before-after__image > span b {
  color: var(--vr-primary-hover, #35a0ff);
  font-size: 13px;
  text-transform: uppercase;
}

.vr-before-after__after > span {
  right: 22px;
}

.vr-before-after__before {
  clip-path: inset(0 calc(100% - var(--vr-reveal)) 0 0);
}

.vr-before-after__before > span {
  left: 22px;
}

.vr-before-after__before > span b {
  color: #ff6872;
}

.vr-before-after__divider {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--vr-reveal);
  width: 2px;
  transform: translateX(-1px);
  background: var(--vr-primary, #0a84ff);
  box-shadow: 0 0 20px color-mix(in srgb, var(--vr-primary, #0a84ff) 85%, transparent);
  pointer-events: none;
}

.vr-before-after__divider i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 46px;
  height: 46px;
  transform: translate(-50%, -50%);
  place-items: center;
  border: 1px solid var(--vr-primary, #0a84ff);
  border-radius: 50%;
  background: var(--vr-bg, #071019);
  color: var(--vr-primary-hover, #35a0ff);
}

.vr-before-after__range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0.001;
  cursor: ew-resize;
}

.vr-compare-facts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid var(--vr-border, #263545);
  border-radius: 6px;
  padding: 32px;
  background: var(--vr-surface, #0d1824);
}

.vr-compare-facts h3 {
  margin: 0 0 16px;
  font-size: 25px;
  text-transform: uppercase;
}

.vr-compare-facts p {
  color: var(--vr-text-secondary, #b7c0cb);
  font-size: 14px;
}

.vr-compare-facts ul {
  margin: 8px 0 26px;
  padding: 0;
  list-style: none;
}

.vr-compare-facts li {
  position: relative;
  margin: 9px 0;
  padding-left: 24px;
  color: var(--vr-text, #f5f7fa);
  font-size: 13px;
}

.vr-compare-facts li::before {
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 10px;
  height: 10px;
  border: 2px solid var(--vr-primary, #0a84ff);
  border-radius: 50%;
  content: "";
}

.vr-process-section {
  position: relative;
  padding: 54px 0 62px;
  border-top: 1px solid var(--vr-border, #263545);
  border-bottom: 1px solid var(--vr-border, #263545);
  background: radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--vr-primary, #0a84ff) 7.5%, transparent), transparent 48%), linear-gradient(180deg, var(--vr-bg-secondary, #0a1420), var(--vr-bg, #071019) 88%);
}

.vr-process-section .vr-section-heading {
  margin-bottom: 28px;
}

.vr-process {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--vr-border-strong, #3d5063) 46%, transparent);
  border-bottom-color: color-mix(in srgb, var(--vr-primary, #0a84ff) 76%, transparent);
  border-radius: 8px 8px 18px 18px;
  padding: 36px 14px 30px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--vr-surface-raised, #111f2e) 58%, transparent), color-mix(in srgb, var(--vr-bg, #071019) 90%, transparent)), var(--vr-bg, #071019);
  box-shadow: 0 1px 0 color-mix(in srgb, var(--vr-primary, #0a84ff) 3.5%, transparent) inset, 0 18px 32px -22px color-mix(in srgb, var(--vr-primary, #0a84ff) 62%, transparent), 0 0 20px color-mix(in srgb, var(--vr-primary, #0a84ff) 8%, transparent), inset 0 -24px 46px color-mix(in srgb, var(--vr-primary, #0a84ff) 6.5%, transparent);
  list-style: none;
  isolation: isolate;
}

.vr-process li {
  --vr-process-step-delay: 0ms;
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  padding: 0 12px;
  text-align: center;
}

.vr-process li:nth-child(2) {
  --vr-process-step-delay: 450ms;
}

.vr-process li:nth-child(3) {
  --vr-process-step-delay: 950ms;
}

.vr-process li:nth-child(4) {
  --vr-process-step-delay: 1450ms;
}

.vr-process li:nth-child(5) {
  --vr-process-step-delay: 1950ms;
}

.vr-process li > span {
  position: absolute;
  z-index: 3;
  top: -14px;
  left: calc(50% - 80px);
  width: 28px;
  transform: translateX(-50%);
  color: var(--vr-primary, #0a84ff);
  font-family: "Vista Montserrat", "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 14px color-mix(in srgb, var(--vr-primary, #0a84ff) 45%, transparent);
}

.vr-process li > span::after {
  position: absolute;
  top: 48px;
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--vr-primary, #0a84ff);
  box-shadow: 0 0 5px color-mix(in srgb, var(--vr-primary, #0a84ff) 72%, transparent), 0 0 12px color-mix(in srgb, var(--vr-primary, #0a84ff) 36%, transparent);
  content: "";
}

.vr-process li > span::before {
  position: absolute;
  top: 47.5px;
  left: calc(50% + 4px);
  width: 44px;
  height: 1px;
  background: color-mix(in srgb, var(--vr-text-secondary, #b7c0cb) 86%, transparent);
  content: "";
}

.vr-process li > i {
  position: relative;
  display: grid;
  z-index: 2;
  width: 68px;
  height: 68px;
  margin: 0 auto 20px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--vr-border-strong, #3d5063) 95%, transparent);
  border-radius: 50%;
  background: linear-gradient(145deg, var(--vr-surface-raised, #111f2e), var(--vr-bg, #071019));
  color: var(--vr-text, #f5f7fa);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--vr-bg, #071019) 78%, transparent), inset 0 0 16px color-mix(in srgb, var(--vr-primary, #0a84ff) 4.5%, transparent);
  font-size: 21px;
}

.vr-process__signal {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: -46px;
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  border-radius: 50%;
  background: var(--vr-primary, #0a84ff);
  box-shadow: 0 0 4px color-mix(in srgb, var(--vr-primary, #0a84ff) 74%, transparent), 0 0 10px color-mix(in srgb, var(--vr-primary, #0a84ff) 42%, transparent), 0 0 16px color-mix(in srgb, var(--vr-primary, #0a84ff) 20%, transparent);
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
}

.vr-process.is-vr-process-complete .vr-process__signal {
  will-change: auto;
}

.vr-process h3 {
  margin: 0 0 10px;
  font-size: 13px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.vr-process p {
  max-width: 170px;
  margin: 0;
  color: var(--vr-text-secondary, #b7c0cb);
  font-size: 12px;
  line-height: 1.52;
}

.vr-process.is-vr-process-active .vr-process__signal {
  animation: vr-process-signal-flow var(--vr-process-duration, 2400ms) cubic-bezier(0.4, 0, 0.2, 1) both;
}

.vr-process.is-vr-process-resetting .vr-process__signal {
  animation: none;
  opacity: 0;
}

.vr-process--slow {
  --vr-process-duration: 2900ms;
}

.vr-process--fast {
  --vr-process-duration: 2050ms;
}

.vr-opc-area--offer {
  width: 100%;
  margin-top: 24px;
}

.vr-process.is-vr-process-active[data-vr-process-orientation=wrapped] .vr-process__signal {
  animation-name: vr-process-signal-wrapped;
}

.vr-process.is-vr-process-active li > span::after {
  animation: vr-process-node-activate 420ms ease-out var(--vr-process-step-delay) both;
}

.vr-process.is-vr-process-active li > i {
  animation: vr-process-icon-activate 520ms ease-out var(--vr-process-step-delay) both;
}

.vr-process.is-vr-process-active h3,
.vr-process.is-vr-process-active p {
  animation: vr-process-text-highlight 360ms ease-out var(--vr-process-step-delay) both;
}

.vr-process.is-vr-process-active p {
  animation-delay: calc(var(--vr-process-step-delay) + 55ms);
}

@keyframes vr-process-signal-flow {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
  4% {
    transform: translate3d(0, 0, 0);
    opacity: 0.82;
  }
  18.75% {
    transform: translate3d(var(--vr-process-step-2-x, 0), var(--vr-process-step-2-y, 0), 0);
    opacity: 0.82;
  }
  39.6% {
    transform: translate3d(var(--vr-process-step-3-x, 0), var(--vr-process-step-3-y, 0), 0);
    opacity: 0.84;
  }
  60.4% {
    transform: translate3d(var(--vr-process-step-4-x, 0), var(--vr-process-step-4-y, 0), 0);
    opacity: 0.84;
  }
  81.25% {
    transform: translate3d(var(--vr-process-step-5-x, 0), var(--vr-process-step-5-y, 0), 0);
    opacity: 0.84;
  }
  92% {
    transform: translate3d(var(--vr-process-step-5-x, 0), var(--vr-process-step-5-y, 0), 0);
    opacity: 0.58;
  }
  100% {
    transform: translate3d(var(--vr-process-step-5-x, 0), var(--vr-process-step-5-y, 0), 0);
    opacity: 0;
  }
}
@keyframes vr-process-signal-wrapped {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }
  4% {
    transform: translate3d(0, 0, 0);
    opacity: 0.82;
  }
  18.75% {
    transform: translate3d(var(--vr-process-step-2-x, 0), var(--vr-process-step-2-y, 0), 0);
    opacity: 0.82;
  }
  39.6%, 44% {
    transform: translate3d(var(--vr-process-step-3-x, 0), var(--vr-process-step-3-y, 0), 0);
    opacity: 0.82;
  }
  49% {
    transform: translate3d(var(--vr-process-step-3-x, 0), var(--vr-process-step-3-y, 0), 0);
    opacity: 0;
  }
  55% {
    transform: translate3d(var(--vr-process-step-4-x, 0), var(--vr-process-step-4-y, 0), 0);
    opacity: 0;
  }
  60.4% {
    transform: translate3d(var(--vr-process-step-4-x, 0), var(--vr-process-step-4-y, 0), 0);
    opacity: 0.82;
  }
  81.25% {
    transform: translate3d(var(--vr-process-step-5-x, 0), var(--vr-process-step-5-y, 0), 0);
    opacity: 0.82;
  }
  92% {
    transform: translate3d(var(--vr-process-step-5-x, 0), var(--vr-process-step-5-y, 0), 0);
    opacity: 0.56;
  }
  100% {
    transform: translate3d(var(--vr-process-step-5-x, 0), var(--vr-process-step-5-y, 0), 0);
    opacity: 0;
  }
}
@keyframes vr-process-node-activate {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 5px color-mix(in srgb, var(--vr-primary, #0a84ff) 72%, transparent), 0 0 12px color-mix(in srgb, var(--vr-primary, #0a84ff) 36%, transparent);
  }
  45% {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 0 6px color-mix(in srgb, var(--vr-primary, #0a84ff) 90%, transparent), 0 0 14px color-mix(in srgb, var(--vr-primary, #0a84ff) 52%, transparent);
  }
}
@keyframes vr-process-icon-activate {
  0%, 100% {
    transform: scale(1);
    border-color: color-mix(in srgb, var(--vr-border-strong, #3d5063) 95%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--vr-bg, #071019) 78%, transparent), inset 0 0 16px color-mix(in srgb, var(--vr-primary, #0a84ff) 4.5%, transparent);
  }
  45% {
    transform: scale(1.05);
    border-color: color-mix(in srgb, var(--vr-primary, #0a84ff) 90%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--vr-bg, #071019) 76%, transparent), 0 0 13px color-mix(in srgb, var(--vr-primary, #0a84ff) 28%, transparent), inset 0 0 18px color-mix(in srgb, var(--vr-primary, #0a84ff) 10%, transparent);
  }
}
@keyframes vr-process-text-highlight {
  0%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  45% {
    transform: translateY(-1px);
    opacity: 0.82;
  }
}
.vr-why-section {
  position: relative;
  background: linear-gradient(180deg, var(--vr-bg, #071019), #050b12);
}

.vr-why-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.vr-why-grid article {
  min-width: 0;
  padding: 12px 26px;
  border-right: 1px solid var(--vr-border, #263545);
  text-align: center;
}

.vr-why-grid article:last-child {
  border-right: 0;
}

.vr-why-grid i {
  margin-bottom: 18px;
  color: var(--vr-text-secondary, #b7c0cb);
  font-size: 30px;
}

.vr-why-grid h3 {
  margin: 0 0 8px;
  font-size: 14px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.vr-why-grid p {
  margin: 0;
  color: var(--vr-text-muted, #7f8c9a);
  font-size: 13px;
  line-height: 1.45;
}

.vr-product-zone {
  border-top: 1px solid var(--vr-border, #263545);
  background: var(--vr-bg-secondary, #0a1420);
}

.vr-jtl-home-content .product-slider-wrapper,
.vr-jtl-home-content .panel-slider {
  margin-bottom: 48px;
}

.vr-footer-transition {
  height: 48px;
  border-top: 1px solid color-mix(in srgb, var(--vr-primary, #0a84ff) 16%, transparent);
  background: linear-gradient(180deg, var(--vr-bg-secondary, #0a1420), #03080e);
}

.vr-theme .productbox {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--vr-border, #263545);
  border-radius: 6px;
  background: var(--vr-surface, #0d1824);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
  transition: border-color var(--vr-motion-base) var(--vr-ease), transform var(--vr-motion-base) var(--vr-ease), box-shadow var(--vr-motion-base) var(--vr-ease);
}
.vr-theme .productbox:hover,
.vr-theme .productbox:focus-within {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--vr-primary, #0a84ff) 62%, transparent);
  box-shadow: var(--vr-shadow-card);
}
.vr-theme .productbox-inner {
  height: 100%;
  padding: 14px;
}
.vr-theme .productbox-image,
.vr-theme .productbox-image .inner {
  border-radius: 2px;
  background: #eef1f4;
}
.vr-theme .productbox-title {
  margin-top: 16px;
}
.vr-theme .productbox-title a {
  color: var(--vr-text, #f5f7fa);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.vr-theme .productbox .price,
.vr-theme .productbox .price_wrapper,
.vr-theme .productbox .product-price {
  color: var(--vr-primary-hover, #35a0ff);
  font-weight: 700;
}
.vr-theme .productlist-header-description,
.vr-theme .subcategory-wrapper,
.vr-theme .productlist-filter,
.vr-theme .productlist-page-nav,
.vr-theme .active-filters {
  border-color: var(--vr-border, #263545);
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .subcategories .card,
.vr-theme .subcategory-wrapper .card {
  transition: border-color var(--vr-motion-base) var(--vr-ease), transform var(--vr-motion-base) var(--vr-ease);
}
.vr-theme .subcategories .card:hover,
.vr-theme .subcategory-wrapper .card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--vr-primary, #0a84ff) 60%, transparent);
}
.vr-theme .pagination .page-link {
  min-width: 42px;
  min-height: 42px;
  border-color: var(--vr-border, #263545);
  background: var(--vr-surface, #0d1824);
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .pagination .active .page-link,
.vr-theme .pagination .page-link:hover {
  border-color: var(--vr-primary, #0a84ff);
  background: color-mix(in srgb, var(--vr-primary, #0a84ff) 15%, transparent);
  color: var(--vr-text, #f5f7fa);
}
.vr-theme #product-offer.product-detail {
  gap: 0;
  margin-top: 28px;
  margin-bottom: 64px;
  border: 1px solid var(--vr-border, #263545);
  border-radius: 10px;
  background: var(--vr-surface-soft, #09131e);
  box-shadow: var(--vr-shadow-card);
}
.vr-theme .product-detail .product-gallery,
.vr-theme .product-detail .product-info {
  padding: 32px;
}
.vr-theme .product-detail .product-gallery {
  border-right: 1px solid var(--vr-border, #263545);
  background: #f1f3f5;
}
.vr-theme .product-detail .product-info-inner {
  position: sticky;
  top: 112px;
}
.vr-theme .product-detail .product-title {
  margin-bottom: 18px;
  color: var(--vr-text, #f5f7fa);
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.08;
}
.vr-theme .product-detail .info-essential,
.vr-theme .product-detail .shortdesc,
.vr-theme .product-detail .desc,
.vr-theme .product-detail .delivery-status,
.vr-theme .product-detail .estimated-delivery {
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .product-detail .price_wrapper,
.vr-theme .product-detail .price,
.vr-theme .product-detail .product-price {
  color: var(--vr-primary-hover, #35a0ff);
  font-size: 28px;
  font-weight: 700;
}
.vr-theme .product-detail .variation,
.vr-theme .product-detail .configurator,
.vr-theme .product-detail .basket-form,
.vr-theme .product-detail .product-buy {
  margin-top: 24px;
  border-top: 1px solid var(--vr-border, #263545);
  padding-top: 24px;
}
.vr-theme .nav-tabs {
  border-color: var(--vr-border, #263545);
}
.vr-theme .nav-tabs .nav-link {
  border-color: transparent;
  color: var(--vr-text-muted, #7f8c9a);
}
.vr-theme .nav-tabs .nav-link.active,
.vr-theme .nav-tabs .nav-link:hover {
  border-color: transparent transparent var(--vr-primary, #0a84ff);
  background: transparent;
  color: var(--vr-text, #f5f7fa);
}
.vr-theme .tab-content,
.vr-theme .product-detail-tabs {
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .basket .cart-items,
.vr-theme .basket-items,
.vr-theme .cart-summary,
.vr-theme #checkout {
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .cart-items .cart-item,
.vr-theme .basket-item,
.vr-theme .checkout-items .item,
.vr-theme .order-items .item {
  border-color: var(--vr-border, #263545);
  background: var(--vr-surface, #0d1824);
}
.vr-theme .cart-summary .card,
.vr-theme .basket-summary,
.vr-theme #checkout .card,
.vr-theme #checkout .checkout-confirmation {
  border: 1px solid var(--vr-border, #263545);
  background: var(--vr-surface, #0d1824);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}
.vr-theme .cart-summary .sticky-top {
  top: 112px;
}
.vr-theme .basket-summary-total,
.vr-theme .total-sum {
  color: var(--vr-text, #f5f7fa);
}
.vr-theme #checkout .stepper,
.vr-theme #checkout .checkout-steps {
  border-color: var(--vr-border, #263545);
  background: var(--vr-surface-soft, #09131e);
}
.vr-theme #checkout .step-active,
.vr-theme #checkout .active {
  color: var(--vr-primary-hover, #35a0ff);
}
.vr-theme #checkout label,
.vr-theme .basket label {
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme footer {
  border-top: 1px solid color-mix(in srgb, var(--vr-primary, #0a84ff) 18%, transparent);
  background: #03080e;
  color: var(--vr-text-muted, #7f8c9a);
}
.vr-theme footer .footer-main,
.vr-theme footer .footer-content,
.vr-theme footer .copyright {
  border-color: var(--vr-border, #263545);
  background: #03080e;
  color: var(--vr-text-muted, #7f8c9a);
}
.vr-theme footer h3,
.vr-theme footer h4,
.vr-theme footer .h3,
.vr-theme footer .h4 {
  color: var(--vr-text, #f5f7fa);
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.vr-theme footer a {
  color: var(--vr-text-secondary, #b7c0cb);
  text-decoration: none;
}
.vr-theme footer a:hover,
.vr-theme footer a:focus {
  color: var(--vr-primary-hover, #35a0ff);
}
.vr-theme footer .copyright {
  border-top: 1px solid var(--vr-border, #263545);
}
.vr-theme #consent-manager,
.vr-theme #consent-settings,
.vr-theme .consent-manager {
  color: var(--vr-text-secondary, #b7c0cb);
}
.vr-theme .captcha,
.vr-theme .mcaptcha,
.vr-theme [class*=captcha] {
  border-color: var(--vr-border, #263545);
  border-radius: 6px;
}

@media (max-width: 1299.98px) {
  .vr-hero {
    min-height: 560px;
    padding-top: 56px;
  }
  .vr-hero__grid {
    grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
    gap: 36px;
  }
  .vr-before-after {
    min-height: 390px;
  }
}
@media (min-width: 992px) {
  .vr-theme header .navbar {
    display: flex;
    flex-flow: row nowrap;
  }
  .vr-theme header .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .vr-theme header .navbar-nav {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    list-style: none;
  }
  .vr-process li:not(:last-child)::after {
    position: absolute;
    z-index: 1;
    top: 33.5px;
    right: calc(-50% + 80px);
    left: calc(50% + 36px);
    height: 1px;
    background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--vr-border-strong, #3d5063) 72%, transparent) 0 4px, transparent 4px 9px);
    content: "";
  }
}
@media (max-width: 991.98px) {
  .vr-container {
    width: calc(100% - 48px);
  }
  .vr-section {
    padding: 64px 0;
  }
  .vr-theme header .navbar,
  .vr-theme header .navbar-nav,
  .vr-theme header .nav-row {
    min-height: 70px;
  }
  .vr-theme #mainNavigation {
    border-top: 1px solid var(--vr-border, #263545);
    background: var(--vr-surface-soft, #09131e);
  }
  .vr-theme #mainNavigation .nav-link {
    min-height: 48px;
    align-items: center;
    border-bottom: 1px solid color-mix(in srgb, var(--vr-border, #263545) 70%, transparent);
    padding: 12px 20px;
  }
  .vr-hero {
    min-height: auto;
    padding-top: 52px;
  }
  .vr-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .vr-hero__content {
    max-width: 700px;
    padding-bottom: 12px;
  }
  .vr-hero__visual,
  .vr-hero__visual img {
    min-height: 380px;
  }
  .vr-trust-grid {
    min-height: 112px;
    gap: 20px;
  }
  .vr-damage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vr-damage-card:last-child {
    grid-column: 1/-1;
  }
  .vr-compare-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .vr-compare-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 28px;
  }
  .vr-compare-facts .vr-eyebrow,
  .vr-compare-facts h3,
  .vr-compare-facts .vr-btn {
    grid-column: 1/-1;
  }
  .vr-process {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 46px 0;
    padding: 30px 18px;
  }
  .vr-why-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 0;
  }
  .vr-why-grid article:nth-child(3) {
    border-right: 0;
  }
  .vr-theme .product-detail .product-gallery {
    border-right: 0;
    border-bottom: 1px solid var(--vr-border, #263545);
  }
  .vr-theme .product-detail .product-info-inner {
    position: static;
  }
}
@media (max-width: 767.98px) {
  .vr-heading--hero {
    font-size: clamp(38px, 11vw, 52px);
  }
  .vr-heading--h2 {
    font-size: 28px;
  }
  .vr-lead {
    font-size: 17px;
  }
  .vr-hero__visual,
  .vr-hero__visual img {
    min-height: 330px;
  }
  .vr-repair-scan {
    top: 24px;
    right: 20px;
    width: 205px;
  }
  .vr-trust-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 18px 0;
  }
  .vr-trust-grid > div {
    min-height: 48px;
  }
  .vr-diagnosis-cta {
    grid-template-columns: auto 1fr;
  }
  .vr-diagnosis-cta .vr-btn {
    grid-column: 1/-1;
    width: 100%;
  }
  .vr-before-after {
    min-height: 360px;
  }
  .vr-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vr-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vr-why-grid article,
  .vr-why-grid article:nth-child(3) {
    border-right: 1px solid var(--vr-border, #263545);
  }
  .vr-why-grid article:nth-child(2n) {
    border-right: 0;
  }
  .vr-theme .product-detail .product-gallery,
  .vr-theme .product-detail .product-info {
    padding: 22px;
  }
}
@media (max-width: 575.98px) {
  .vr-container {
    width: calc(100% - 32px);
  }
  .vr-section {
    padding: 48px 0;
  }
  .vr-section-heading {
    margin-bottom: 28px;
  }
  .vr-actions {
    flex-direction: column;
  }
  .vr-actions .vr-btn {
    width: 100%;
  }
  .vr-hero {
    padding-top: 40px;
  }
  .vr-hero__content {
    padding-bottom: 0;
  }
  .vr-hero__visual,
  .vr-hero__visual img {
    min-height: 290px;
  }
  .vr-repair-scan {
    top: 16px;
    right: 14px;
    width: 184px;
    padding: 14px;
  }
  .vr-repair-scan > span {
    font-size: 10px;
  }
  .vr-damage-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .vr-damage-card:last-child {
    grid-column: auto;
  }
  .vr-damage-card {
    min-height: 230px;
    padding: 24px;
  }
  .vr-diagnosis-cta {
    grid-template-columns: minmax(0, 1fr);
    padding: 24px;
    text-align: center;
  }
  .vr-diagnosis-cta > i {
    margin: 0 auto;
  }
  .vr-before-after {
    min-height: 310px;
  }
  .vr-before-after__image > span {
    top: 12px;
    max-width: 150px;
    padding: 7px 9px;
  }
  .vr-before-after__after > span {
    right: 12px;
  }
  .vr-before-after__before > span {
    left: 12px;
  }
  .vr-compare-facts {
    display: flex;
    padding: 24px;
  }
  .vr-process {
    grid-template-columns: minmax(0, 1fr);
    gap: 44px;
    border-radius: 14px;
    padding: 34px 18px;
  }
  .vr-process li > span {
    top: -10px;
    left: calc(50% - 50px);
  }
  .vr-process li > span::after {
    top: 44px;
  }
  .vr-process li > span::before {
    top: 43.5px;
    width: 14px;
  }
  .vr-process__signal {
    left: -16px;
  }
  .vr-process li:not(:last-child)::after {
    position: absolute;
    z-index: 1;
    top: 36px;
    bottom: -76px;
    left: calc(50% - 50px);
    width: 1px;
    background: repeating-linear-gradient(180deg, color-mix(in srgb, var(--vr-border-strong, #3d5063) 66%, transparent) 0 4px, transparent 4px 9px);
    content: "";
  }
  .vr-why-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
  .vr-why-grid article,
  .vr-why-grid article:nth-child(3),
  .vr-why-grid article:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid var(--vr-border, #263545);
    padding: 28px 12px;
  }
  .vr-why-grid article:last-child {
    border-bottom: 0;
  }
  .vr-theme #product-offer.product-detail {
    margin-right: -8px;
    margin-left: -8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .vr-process__signal {
    animation: none;
    opacity: 0;
  }
  .vr-process.is-vr-process-ready h3,
  .vr-process.is-vr-process-ready p,
  .vr-process.is-vr-process-active h3,
  .vr-process.is-vr-process-active p {
    transform: none;
    animation: none;
    opacity: 1;
  }
  .vr-process.is-vr-process-active li > span::after {
    transform: translate(-50%, -50%);
    animation: none;
  }
  .vr-process.is-vr-process-active li > i {
    transform: none;
    animation: none;
  }
  .vr-theme *,
  .vr-theme *::before,
  .vr-theme *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
  .vr-btn:hover,
  .vr-damage-card:hover,
  .vr-theme .productbox:hover {
    transform: none;
  }
}