@import url("/assets/mobile-buttons.css?v=20261009-4");

/* The same menu surfaces on the homepage and every standalone inner route. */
[data-site-header] [data-mega-card],
[data-curtain] :is([data-curtain-contact], [data-curtain-service-group], [data-curtain-nav]) {
  border-radius: 12px !important;
}
[data-curtain] [data-curtain-service-group],
[data-curtain] [data-curtain-contact] {
  border: 1px solid var(--sv-line, #dde3ec);
}
@media (min-width:1081px) {
  [data-site-header] [data-mega-panel] {
    top: calc(100% + 8px);
    border: 1px solid rgba(0,46,107,.12);
    border-radius: 12px !important;
  }
  /* Bridge only the visible 8px gap; hover continuity is owned by the header. */
  [data-site-header] [data-mega-panel].is-open::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 8px;
  }
}
@media (min-width:901px) {
  [data-curtain] [data-curtain-inner] { align-items: stretch; }
  [data-curtain] [data-curtain-services] { display: flex; flex-direction: column; }
  [data-curtain] [data-curtain-services-list] { flex: 1; }
}
[data-curtain] :is([data-curtain-cta], [data-curtain-login]) {
  border-radius: 8px !important;
}

/* Light panels keep navy borders; dark hero and price sections keep their original white borders. */
.messenger-switch--light,
.tachograph-verification .messenger-switch {
  border-color: var(--sv-navy, #002f6c) !important;
}

@media (max-width: 600px) {
  :root { --header-height: 64px !important; }
  html body { padding-top: 64px !important; }
  body [data-site-header] [data-header-inner] {
    height: 64px !important;
    padding-inline: clamp(16px, 4.2vw, 20px) !important;
    gap: 8px !important;
  }
  body [data-site-header] [data-header-actions] [data-burger] {
    top: 10px !important;
    right: clamp(16px, 4.2vw, 20px) !important;
    margin: 0 !important;
  }
  body [data-site-header] [data-mobile-phone] {
    top: 10px !important;
    right: calc(clamp(16px, 4.2vw, 20px) + 52px) !important;
  }
}

/* Global frosted header: shared by all standalone routes and the WordPress design package. */
:root body :is([data-site-header], [data-curtain]) {
  color: #0f2340;
  --service-font-display: -apple-system, BlinkMacSystemFont, system-ui, Inter, "Helvetica Neue", Arial, sans-serif;
  --service-font-body: -apple-system, BlinkMacSystemFont, system-ui, Inter, "Helvetica Neue", Arial, sans-serif;
}
:root body :is([data-site-header], [data-curtain]),
:root body :is([data-site-header], [data-curtain]) * {
  font-family: -apple-system, BlinkMacSystemFont, system-ui, Inter, "Helvetica Neue", Arial, sans-serif !important;
}
:root body [data-site-header],
:root body [data-site-header].is-scrolled,
:root body [data-site-header] [data-mega-panel] {
  border-color: transparent !important;
  box-shadow:
    0 2px 4px rgba(1, 20, 46, .16),
    0 6px 12px -4px rgba(1, 20, 46, .24),
    0 -2px 4px rgba(1, 20, 46, .12),
    0 -6px 12px -4px rgba(1, 20, 46, .18) !important;
}
:root body [data-site-header] { border-radius: 12px !important; }
:root body [data-curtain] { z-index: 120; }
:root body [data-site-header] [data-burger] { font-size: 16px; }
:root body [data-site-header] [data-header-phone] { border-radius: 8px !important; }
:root body [data-site-header] [data-mega-panel] { z-index: 79; }
@media (min-width: 601px) and (max-width: 1080px) {
  :root body [data-site-header] { z-index: 80 !important; }
  :root body [data-site-header] [data-mobile-phone] { color: #0f2340; }
}
@media (max-width: 1080px) {
  :root body [data-site-header],
  :root body [data-site-header].is-scrolled {
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
  }
}
/* A single half-pixel outer rim; the glass surface has no inward shading. */
:root body [data-site-header]::after,
:root body [data-site-header] [data-mega-panel]::after {
  content: "";
  position: absolute;
  padding: .5px;
  border-radius: inherit;
  background: linear-gradient(180deg,
    rgba(255, 255, 255, .96) 0%,
    rgba(30, 34, 40, .68) 20%,
    rgba(30, 34, 40, .68) 80%,
    rgba(255, 255, 255, .96) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
:root body [data-site-header]::after { inset: 0 0 -1px; }
:root body [data-site-header] [data-mega-panel]::after { inset: -1px; }
@media (min-width: 1081px) {
  :root body [data-site-header],
  :root body [data-site-header].is-scrolled {
    width: min(1200px, calc(100% - 48px)) !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  /* Keep the dropdown shadow below the glass, and controls above both. */
  :root body [data-site-header]::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 80;
    border-radius: inherit;
    background-color: rgba(255, 255, 255, .72);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
    backdrop-filter: blur(18px) saturate(1.08);
    pointer-events: none;
  }
  :root body [data-site-header] [data-header-inner] { z-index: 81; }
  :root body [data-site-header]::after { inset: -1px; z-index: 82; }
  :root body [data-site-header] [data-mega-panel] { z-index: 79; }
}
@media (max-width: 1080px) {
  :root body [data-site-header],
  :root body [data-site-header].is-scrolled {
    background-color: rgba(255, 255, 255, .72) !important;
  }
}
:root body [data-site-header] [data-header-phone-hours] {
  color: #3d434c;
  font-size: 12px !important;
  line-height: 1.2;
}
:root body [data-site-header] [data-header-actions] [data-login-open] {
  position: relative;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border-color: transparent;
  background-origin: border-box;
  background-repeat: no-repeat;
}
@media (min-width: 1081px) {
  :root body [data-site-header] [data-header-actions] [data-login-open] { font-size: 12.5px !important; }
}
:root body [data-site-header] [data-header-actions] [data-login-open]::after {
  content: none;
}
:root body [data-site-header] [data-mega-panel] {
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: blur(18px) saturate(1.08);
  backdrop-filter: blur(18px) saturate(1.08);
  transform: translateY(-10px);
  transition:
    opacity 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
    visibility 0s 240ms;
}
:root body [data-site-header] [data-mega-panel].is-open {
  transform: none;
  transition:
    opacity 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1),
    visibility 0s;
}
:root body [data-site-header] [data-mega-panel] [data-mega-card],
:root body [data-site-header] [data-mega-panel].is-open [data-mega-card]:nth-child(n) {
  position: relative;
  border-color: #dde3ec;
  box-shadow: none;
  transform: translateY(8px);
  transition:
    opacity 200ms cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 200ms cubic-bezier(0.22, 0.61, 0.36, 1),
    background-color 120ms ease-out,
    border-color 120ms ease-out;
  transition-delay: 0s;
}
:root body [data-site-header] [data-mega-panel].is-open [data-mega-card]:nth-child(n) {
  transform: none;
}
:root body [data-site-header] [data-mega-panel] [data-mega-card]::after { content: none; }
:root body [data-site-header] [data-mega-panel] [data-mega-card]:hover,
:root body [data-site-header] [data-mega-panel] [data-mega-card]:focus-visible {
  border-color: #dde3ec;
  background: rgba(0, 47, 108, .9);
  box-shadow: none;
}
:root body [data-site-header] [data-mega-panel] :is([data-mega-card-icon], [data-mega-card-title], [data-mega-card-sub]) {
  transition: color 120ms ease-out;
}
:root body [data-site-header] [data-mega-panel] [data-mega-card]:is(:hover, :focus-visible) :is([data-mega-card-icon], [data-mega-card-title], [data-mega-card-sub]) {
  color: #fff;
}
:root body [data-site-header] [data-mega-panel] [data-mega-note],
:root body [data-site-header] [data-mega-panel].is-open [data-mega-note] {
  transition:
    opacity 160ms cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 160ms cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-delay: 0s;
}
:root body [data-site-header] [data-nav="desktop"] a:is(:hover, :focus-visible),
:root body [data-site-header] :is([data-header-phone], [data-burger], [data-mobile-phone], [data-mega-note-link]):is(:hover, :focus-visible) {
  color: #ff0000;
}
:root body [data-curtain] [data-curtain-link]:is(:hover, :focus-visible) {
  color: var(--sv-red, #ff0000);
}
:root body [data-curtain] [data-login-open][data-curtain-login] {
  font-size: 15px !important;
  font-weight: 700 !important;
  background-color: #fff;
  background-image: none;
  transition: color 160ms ease, border-color 160ms ease;
}
:root body [data-curtain] [data-login-open][data-curtain-login]:is(:hover, :focus-visible) {
  border-color: var(--sv-red, #ff0000);
  color: var(--sv-red, #ff0000);
}
@media (prefers-reduced-motion: reduce) {
  :root body:where(:not(.glonass-page)) [data-site-header] { transition-duration: 0s !important; }
  :root body:where(:not(.glonass-page)) [data-site-header] [data-mega-panel],
  :root body:where(:not(.glonass-page)) [data-site-header] [data-mega-panel] * {
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
  :root body:where(:not(.glonass-page)) [data-site-header] :is([data-mega-panel], [data-mega-card], [data-mega-note]) {
    transform: none !important;
  }
}

@supports not ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))) {
  @media (min-width: 1081px) {
    :root body [data-site-header]::before {
      background-color: rgba(255, 255, 255, .96);
    }
  }

  @media (max-width: 1080px) {
    :root body [data-site-header],
    :root body [data-site-header].is-scrolled {
      background-color: rgba(255, 255, 255, .96) !important;
    }
  }

  :root body [data-site-header] [data-mega-panel] {
    background: rgba(255, 255, 255, .96);
  }
}