/*
Theme Name: VPN.lat RU
Theme URI: https://vpn.lat/
Author: OpenAI
Author URI: https://openai.com/
Description: Лёгкая SEO-оптимизированная русскоязычная тема WordPress для VPN.lat: адаптивный лендинг, страницы приложений, серверов, безопасности, FAQ и галерея.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vpnlat-ru
*/

:root {
  --vlat-green: #05a801;
  --vlat-green-2: #81d742;
  --vlat-lime: #eae604;
  --vlat-dark: #1c2c40;
  --vlat-ink: #233247;
  --vlat-muted: #68798f;
  --vlat-soft: #f4f9f2;
  --vlat-soft-2: #eef7ff;
  --vlat-white: #ffffff;
  --vlat-border: #e3edf3;
  --vlat-shadow: 0 18px 48px rgba(28, 44, 64, .10);
  --vlat-shadow-soft: 0 12px 30px rgba(28, 44, 64, .08);
  --vlat-radius: 28px;
  --vlat-radius-sm: 18px;
  --vlat-container: 1180px;
  --vlat-header-h: 78px;
  --vlat-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--vlat-font);
  color: var(--vlat-ink);
  background: #fff;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.vlat-menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--vlat-green); }
img {display: block; }

button, input, textarea, select { font: inherit; }

.vlat-container {
  width: min(100% - 40px, var(--vlat-container));
  margin: 0 auto;
}
.vlat-section { padding: 86px 0; }
.vlat-section--soft { background: linear-gradient(180deg, #f8fcf7 0%, #fff 100%); }
.vlat-section--dark {
  background: radial-gradient(circle at 15% 0%, rgba(129, 215, 66, .18), transparent 30%), linear-gradient(135deg, #18283a 0%, #1c2c40 65%, #132236 100%);
  color: #fff;
}
.vlat-section--tight { padding: 58px 0; }
.vlat-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(5, 168, 1, .10);
  color: #058901;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .02em;
}
.vlat-section--dark .vlat-eyebrow { background: rgba(255,255,255,.12); color: #d8ffcf; }
.vlat-kicker { color: var(--vlat-green); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.vlat-title, .vlat-page h1, .vlat-page h2, .vlat-page h3 {
  color: var(--vlat-dark);
  line-height: 1.12;
  margin: 0 0 18px;
}
.vlat-section--dark .vlat-title,
.vlat-section--dark h2,
.vlat-section--dark h3 { color: #fff; }
.vlat-title { font-size: clamp(34px, 5vw, 58px); letter-spacing: -.035em; }
.vlat-page h1 { font-size: clamp(34px, 5vw, 56px); letter-spacing: -.035em; }
.vlat-page h2 { font-size: clamp(26px, 3vw, 38px); letter-spacing: -.025em; margin-top: 0; }
.vlat-page h3 { font-size: 22px; letter-spacing: -.015em; }
.vlat-lead {
  font-size: clamp(17px, 1.8vw, 20px);
  color: var(--vlat-muted);
  max-width: 780px;
  margin: 0 0 28px;
}
.vlat-section--dark .vlat-lead { color: rgba(255,255,255,.76); }
.vlat-center { text-align: center; }
.vlat-center .vlat-lead { margin-left: auto; margin-right: auto; }
.vlat-muted { color: var(--vlat-muted); }
.vlat-white-text { color: #fff; }

.vlat-btns { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.vlat-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.vlat-btn:hover { transform: translateY(-2px); color: inherit; }
.vlat-btn--primary {
  color: #fff;
  background: radial-gradient(circle at 80% 0%, var(--vlat-lime), var(--vlat-green) 42%, #078a04 100%);
  box-shadow: 0 16px 34px rgba(5, 168, 1, .28);
}
.vlat-btn--primary:hover { color: #fff; box-shadow: 0 12px 24px rgba(5, 168, 1, .22); }
.vlat-btn--dark { background: var(--vlat-dark); color: #fff; }
.vlat-btn--dark:hover { color: #fff; background: #102032; }
.vlat-btn--ghost { color: var(--vlat-dark); background: #fff; border-color: var(--vlat-border); box-shadow: 0 10px 22px rgba(28,44,64,.06); }
.vlat-btn--ghost:hover { border-color: rgba(5,168,1,.38); }
.vlat-btn--light { color: #fff; border-color: rgba(255,255,255,.34); background: rgba(255,255,255,.08); }
.vlat-btn--light:hover { color: #fff; background: rgba(255,255,255,.15); }
.vlat-store-icon { font-size: 18px; }

.vlat-header {
  position: sticky;
  top: 0;
  z-index: 99;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(227,237,243,.8);
}
.admin-bar .vlat-header { top: 32px; }
.vlat-header__inner {
  min-height: var(--vlat-header-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.vlat-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 950;
  color: var(--vlat-dark);
  letter-spacing: -.04em;
  font-size: 24px;
  flex: 0 0 auto;
}
.vlat-logo:hover { color: var(--vlat-dark); }
.vlat-logo__mark {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #fff;
  background: radial-gradient(circle at 72% 14%, var(--vlat-lime), var(--vlat-green) 48%, #087f05 100%);
  box-shadow: 0 12px 22px rgba(5,168,1,.25);
}
.vlat-logo__dot { color: var(--vlat-green); }
.vlat-nav { display: flex; align-items: center; gap: 20px; }
.vlat-menu, .vlat-nav ul { margin: 0; padding: 0; list-style: none; }
.vlat-menu { display: flex; align-items: center; gap: 6px; }
.vlat-menu a, .vlat-nav .menu a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 12px;
  border-radius: 14px;
  color: var(--vlat-ink);
  font-weight: 800;
  font-size: 15px;
}
.vlat-menu a:hover, .vlat-nav .menu a:hover, .vlat-nav .current-menu-item > a { background: var(--vlat-soft); color: var(--vlat-green); }
.vlat-menu__item--has, .vlat-nav .menu-item-has-children { position: relative; }
.vlat-submenu, .vlat-nav .sub-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 230px;
  padding: 10px;
  border: 1px solid var(--vlat-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--vlat-shadow-soft);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: .18s ease;
}
.vlat-menu__item--has:hover .vlat-submenu,
.vlat-menu__item--has:focus-within .vlat-submenu,
.vlat-nav .menu-item-has-children:hover > .sub-menu,
.vlat-nav .menu-item-has-children:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.vlat-submenu a, .vlat-nav .sub-menu a { width: 100%; justify-content: flex-start; }
.vlat-header__cta { display: flex; gap: 10px; align-items: center; flex: 0 0 auto; }
.vlat-burger {
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid var(--vlat-border);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.vlat-burger span { width: 21px; height: 2px; background: var(--vlat-dark); border-radius: 2px; transition: .2s ease; }
.vlat-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.vlat-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.vlat-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.vlat-hero {
  position: relative;
  overflow: hidden;
  padding: 88px 0 72px;
  background:
    radial-gradient(circle at 12% 20%, rgba(234,230,4,.18), transparent 30%),
    radial-gradient(circle at 72% 16%, rgba(5,168,1,.14), transparent 34%),
    linear-gradient(180deg, #fff 0%, #f8fcf7 100%);
}
.vlat-hero-cardd {margin: 0 auto;}

.vlat-hero__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr); align-items: center; gap: 54px; }
.vlat-hero__stats { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.vlat-stat-pill { min-width: 124px; padding: 15px 18px; border: 1px solid var(--vlat-border); border-radius: 20px; background: rgba(255,255,255,.78); box-shadow: 0 12px 28px rgba(28,44,64,.06); }
.vlat-stat-pill strong { display: block; color: var(--vlat-dark); font-size: 24px; line-height: 1; }
.vlat-stat-pill span { display: block; color: var(--vlat-muted); font-size: 13px; margin-top: 6px; }
.vlat-hero-card {
  position: relative;
  min-height: 510px;
  border-radius: 42px;
  background: linear-gradient(145deg, #1c2c40, #0d1d2e);
  box-shadow: 0 28px 80px rgba(28,44,64,.22);
  overflow: hidden;
}
.vlat-hero-card:before, .vlat-hero-card:after { content: ""; position: absolute; border-radius: 999px; filter: blur(2px); }
.vlat-hero-card:before { width: 290px; height: 290px; right: -90px; top: -70px; background: rgba(129,215,66,.35); }
.vlat-hero-card:after { width: 220px; height: 220px; left: -60px; bottom: -70px; background: rgba(234,230,4,.18); }
.vlat-phone {
  position: absolute;
  right: 50px;
  top: 54px;
  width: 245px;
  height: 420px;
  padding: 14px;
  border-radius: 36px;
  background: #091624;
  box-shadow: 0 30px 80px rgba(0,0,0,.38);
  z-index: 2;
}
.vlat-phone__screen {
  height: 100%;
  border-radius: 28px;
  padding: 22px 18px;
  background: radial-gradient(circle at 50% 15%, rgba(234,230,4,.22), transparent 30%), linear-gradient(180deg, #f9fff8, #e9f7e5);
  overflow: hidden;
}
.vlat-phone__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 12px; font-weight: 900; color: var(--vlat-dark); }
.vlat-connect-ring { width: 150px; height: 150px; margin: 42px auto 24px; border-radius: 50%; display: grid; place-items: center; background: radial-gradient(circle, #fff 0 38%, rgba(5,168,1,.15) 40% 56%, rgba(5,168,1,.06) 58% 100%); box-shadow: inset 0 0 0 1px rgba(5,168,1,.18), 0 20px 40px rgba(5,168,1,.18); }
.vlat-connect-ring span { width: 78px; height: 78px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 34px; background: radial-gradient(circle at 70% 0%, var(--vlat-lime), var(--vlat-green) 45%, #078904); box-shadow: 0 15px 28px rgba(5,168,1,.28); }
.vlat-phone__line { height: 12px; border-radius: 999px; background: rgba(28,44,64,.12); margin: 10px 0; }
.vlat-phone__line:nth-of-type(2) { width: 76%; }
.vlat-map-dots { position: absolute; left: 42px; bottom: 46px; z-index: 2; display: grid; gap: 12px; }
.vlat-map-dots__card { width: 190px; padding: 14px 16px; border-radius: 20px; color: #fff; background: rgba(255,255,255,.12); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.16); }
.vlat-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--vlat-lime); box-shadow: 0 0 0 6px rgba(234,230,4,.14); margin-right: 8px; }

.vlat-grid { display: grid; gap: 22px; }
.vlat-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vlat-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vlat-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.vlat-card {
  position: relative;
  padding: 28px;
  border: 1px solid var(--vlat-border);
  border-radius: var(--vlat-radius);
  background: #fff;
  box-shadow: var(--vlat-shadow-soft);
  overflow: hidden;
}
.vlat-card--flat { box-shadow: none; }
.vlat-card--green { background: linear-gradient(145deg, #f6fff5, #fff); border-color: rgba(5,168,1,.18); }
.vlat-card--dark { background: linear-gradient(145deg, #1c2c40, #102035); color: #fff; border-color: rgba(255,255,255,.1); }
.vlat-card--dark h3, .vlat-card--dark h2 { color: #fff; }
.vlat-icon {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: radial-gradient(circle at 70% 0%, var(--vlat-lime), var(--vlat-green) 45%, #078904);
  color: #fff;
  font-size: 25px;
  box-shadow: 0 14px 26px rgba(5,168,1,.22);
  margin-bottom: 18px;
}
.vlat-card p { margin: 0; color: var(--vlat-muted); }
.vlat-card--dark p { color: rgba(255,255,255,.78); }
.vlat-list { margin: 16px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.vlat-list li { position: relative; padding-left: 28px; color: var(--vlat-muted); }
.vlat-list li:before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--vlat-green); font-weight: 950; }
.vlat-card--dark .vlat-list li { color: rgba(255,255,255,.78); }
.vlat-card--dark .vlat-list li:before { color: var(--vlat-lime); }

.vlat-band {
  padding: 40px;
  border-radius: 34px;
  background: radial-gradient(circle at 12% 10%, rgba(234,230,4,.18), transparent 34%), linear-gradient(135deg, var(--vlat-dark), #0e1e30);
  color: #fff;
  box-shadow: 0 22px 60px rgba(28,44,64,.18);
}
.vlat-band h2, .vlat-band h3 { color: #fff; }
.vlat-band p { color: rgba(255,255,255,.78); }
.vlat-band__grid { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; }

.vlat-page-hero {
  padding: 74px 0 48px;
  background: radial-gradient(circle at 15% 0%, rgba(129,215,66,.18), transparent 34%), linear-gradient(180deg, #fff 0%, #f7fbf6 100%);
}
.vlat-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; color: var(--vlat-muted); font-size: 14px; }
.vlat-breadcrumbs a { color: var(--vlat-green); font-weight: 800; }
.vlat-page-content { padding: 64px 0 86px; }
.vlat-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 34px; align-items: start; }
.vlat-sidebar { position: sticky; top: calc(var(--vlat-header-h) + 20px); display: grid; gap: 18px; }
.vlat-toc { padding: 22px; border: 1px solid var(--vlat-border); border-radius: 22px; background: #fff; box-shadow: 0 10px 24px rgba(28,44,64,.06); }
.vlat-toc strong { display: block; margin-bottom: 12px; color: var(--vlat-dark); }
.vlat-toc a { display: block; padding: 7px 0; color: var(--vlat-muted); font-weight: 750; }
.vlat-toc a:hover { color: var(--vlat-green); }
.vlat-rich > *:first-child { margin-top: 0; }
.vlat-rich p { color: var(--vlat-muted); margin: 0 0 18px; }
.vlat-rich ul, .vlat-rich ol { color: var(--vlat-muted); padding-left: 22px; margin: 0 0 24px; }
.vlat-rich li { margin-bottom: 8px; }
.vlat-rich blockquote { margin: 28px 0; padding: 22px 26px; border-left: 4px solid var(--vlat-green); background: var(--vlat-soft); border-radius: 0 18px 18px 0; color: var(--vlat-dark); font-weight: 800; }

.vlat-table-wrap { overflow-x: auto; border: 1px solid var(--vlat-border); border-radius: 22px; background: #fff; box-shadow: var(--vlat-shadow-soft); }
.vlat-table { width: 100%; border-collapse: collapse; min-width: 700px; }
.vlat-table th, .vlat-table td { padding: 16px 18px; text-align: left; border-bottom: 1px solid var(--vlat-border); }
.vlat-table th { color: var(--vlat-dark); background: #f8fcf7; font-size: 14px; }
.vlat-table tr:last-child td { border-bottom: 0; }
.vlat-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgba(5,168,1,.10); color: #058901; font-size: 12px; font-weight: 900; }

.vlat-faq { display: grid; gap: 14px; }
.vlat-faq-item { border: 1px solid var(--vlat-border); border-radius: 20px; background: #fff; overflow: hidden; box-shadow: 0 8px 22px rgba(28,44,64,.05); }
.vlat-faq-question { width: 100%; padding: 20px 22px; border: 0; background: transparent; color: var(--vlat-dark); font-weight: 950; text-align: left; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.vlat-faq-question:after { content: "+"; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--vlat-soft); color: var(--vlat-green); flex: 0 0 auto; }
.vlat-faq-item.is-open .vlat-faq-question:after { content: "−"; }
.vlat-faq-answer { display: none; padding: 0 22px 22px; color: var(--vlat-muted); }
.vlat-faq-item.is-open .vlat-faq-answer { display: block; }
.vlat-faq-answer p { margin: 0; }

.vlat-country-grid { columns: 3 220px; column-gap: 24px; }
.vlat-country-grid p { break-inside: avoid; margin: 0 0 9px; padding: 10px 12px; border-radius: 14px; background: #fff; border: 1px solid var(--vlat-border); color: var(--vlat-ink); font-weight: 750; }
.vlat-region { margin: 34px 0 0; }
.vlat-region h3 { display: flex; align-items: center; gap: 10px; }

.vlat-app-panel { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; align-items: center; }
.vlat-device-card { min-height: 310px; border-radius: 32px; background: radial-gradient(circle at 50% 18%, rgba(129,215,66,.28), transparent 35%), linear-gradient(145deg, #17283b, #0c1b2b); display: grid; place-items: center; color: #fff; overflow: hidden; }
.vlat-device-phone { width: 150px; height: 255px; border-radius: 28px; background: #071321; padding: 12px; box-shadow: 0 28px 70px rgba(0,0,0,.32); }
.vlat-device-phone > div { height: 100%; border-radius: 20px; background: linear-gradient(180deg,#fff,#edf8eb); display: grid; place-items: center; color: var(--vlat-green); font-size: 48px; }

.vlat-ip-box { display: grid; gap: 16px; padding: 28px; border: 1px solid rgba(5,168,1,.18); border-radius: 28px; background: linear-gradient(145deg,#f8fff7,#fff); box-shadow: var(--vlat-shadow-soft); }
.vlat-ip-result { min-height: 54px; display: flex; align-items: center; padding: 14px 18px; border-radius: 16px; border: 1px dashed rgba(5,168,1,.35); color: var(--vlat-dark); font-weight: 900; background: #fff; }

.vlat-ai-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.vlat-ai-card { margin: 0; border-radius: 24px; overflow: hidden; background: #fff; border: 1px solid var(--vlat-border); box-shadow: var(--vlat-shadow-soft); }
.vlat-ai-thumb { aspect-ratio: 4 / 3; display: grid; place-items: center; padding: 22px; background: radial-gradient(circle at 24% 16%, rgba(234,230,4,.28), transparent 32%), radial-gradient(circle at 80% 70%, rgba(5,168,1,.22), transparent 34%), linear-gradient(135deg,#102236,#1c2c40); color: #fff; font-size: 44px; }
.vlat-ai-card figcaption { padding: 16px 18px; color: var(--vlat-dark); font-weight: 900; }

.vlat-footer { background: #101f30; color: rgba(255,255,255,.78); }
.vlat-footer__top { padding: 58px 0 36px; display: grid; grid-template-columns: 1.2fr .8fr .8fr 1fr; gap: 32px; }
.vlat-footer h3, .vlat-footer h4 { color: #fff; margin: 0 0 14px; }
.vlat-footer p { margin: 0; }
.vlat-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.vlat-footer a { color: rgba(255,255,255,.78); }
.vlat-footer a:hover { color: #fff; }
.vlat-footer__bottom { padding: 22px 0; border-top: 1px solid rgba(255,255,255,.10); display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; font-size: 14px; }
.vlat-footer .vlat-logo { color: #fff; margin-bottom: 14px; }

.vlat-404 { min-height: 62vh; display: grid; place-items: center; padding: 80px 0; text-align: center; background: linear-gradient(180deg,#fff,#f8fcf7); }
.vlat-404__code { font-size: clamp(78px, 15vw, 160px); line-height: .9; font-weight: 950; color: var(--vlat-green); letter-spacing: -.08em; }

@media (max-width: 1080px) {
  .vlat-grid--4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .vlat-content-grid, .vlat-footer__top, .vlat-app-panel{ grid-template-columns: 1fr; }
  .vlat-sidebar { position: static; }
  .vlat-hero-card { min-height: 460px; }
	.vlat-hero-cardd img {max-width: 300px}
	.grr {
	width: fit-content;
    padding: 20px;
    margin: 0 auto;
}
}
@media (max-width: 920px) {
  .admin-bar .vlat-header { top: 46px; }
  .vlat-burger { display: inline-flex; }
  .vlat-header__cta {margin-left: auto;}
	 .vlat-hero__grid { grid-template-columns: 1fr; }
  .vlat-nav {
    position: fixed;
    inset: var(--vlat-header-h) 0 auto 0;
    height: calc(100vh - var(--vlat-header-h));
    padding: 20px;
    display: none;
    align-items: flex-start;
    overflow-y: auto;
    background: #fff;
    border-top: 1px solid var(--vlat-border);
  }
  .vlat-nav.is-open { display: block; }
  .vlat-menu, .vlat-nav .menu { display: grid; width: 100%; gap: 8px; }
  .vlat-menu a, .vlat-nav .menu a { width: 100%; min-height: 48px; justify-content: space-between; background: #f8fcf7; }
  .vlat-menu__item--has, .vlat-nav .menu-item-has-children { width: 100%; }
  .vlat-submenu, .vlat-nav .sub-menu { position: static; min-width: 0; margin: 8px 0 0 12px; display: none; visibility: visible; opacity: 1; transform: none; box-shadow: none; background: #fff; }
  .vlat-menu__item--has.is-open .vlat-submenu, .vlat-nav .menu-item-has-children.is-open > .sub-menu { display: grid; }
}
@media (max-width: 760px) {
  :root { --vlat-header-h: 70px; }
  .vlat-container { width: min(100% - 28px, var(--vlat-container)); }
  .vlat-section { padding: 62px 0; }
  .vlat-hero { padding: 58px 0 54px; }
  .vlat-hero-card { min-height: 400px; border-radius: 30px; }
  .vlat-phone { right: 24px; top: 44px; width: 205px; height: 350px; }
  .vlat-map-dots { left: 20px; bottom: 24px; }
  .vlat-map-dots__card { width: 160px; }
  .vlat-grid--2, .vlat-grid--3, .vlat-grid--4, .vlat-band__grid, .vlat-ai-gallery { grid-template-columns: 1fr; }
  .vlat-card, .vlat-band { padding: 24px; border-radius: 24px; }
  .vlat-btns { align-items: stretch; }
  .vlat-btn { width: 100%; }
  .vlat-footer__bottom { display: grid; }
  .vlat-country-grid { columns: 1; }
		.vlat-hero-cardd img {max-width: 280px}
}
@media (max-width: 480px) {
  .vlat-logo { font-size: 21px; }
  .vlat-logo__mark { width: 38px; height: 38px; }
  .vlat-hero-card { min-height: 360px; }
  .vlat-phone { width: 175px; height: 298px; right: 14px; top: 42px; }
  .vlat-connect-ring { width: 112px; height: 112px; margin-top: 30px; }
  .vlat-connect-ring span { width: 58px; height: 58px; font-size: 26px; }
		.vlat-hero-cardd img {max-width: 250px}
}
.vlat-hero-cardd {margin: 0 auto;}

@media (max-width: 370px) {
	header .vlat-logo span {display: none;}
}
.vlat-device-card img {
	border-radius: 20px;
}
.vlat-page h2 {
	margin-top: 40px;
}