/* VIP Girls / BrideFromUA — public UI polish v4 ideal (2026)
   Readable text, cinematic photos, mobile≈desktop symmetry.
   Fonts: system stack first (VPN-safe). Optional Google fonts loaded async via mu-plugin. */

:root {
  --vgk-font-display: "Cormorant Garamond", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --vgk-font-body: Manrope, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --vgk-bg: #07080a;
  --vgk-bg-elev: #10141a;
  --vgk-bg-soft: #0c1016;
  --vgk-ink: #f4efe6;
  --vgk-muted: #9aa3ad;
  --vgk-line: rgba(244, 239, 230, 0.11);
  --vgk-line-hi: rgba(201, 166, 107, 0.38);
  --vgk-gold: #c9a66b;
  --vgk-gold-hi: #e0c48f;
  --vgk-gold-dim: rgba(201, 166, 107, 0.14);
  --vgk-accent: #b23b3b;
  --vgk-radius: 2px;
  --vgk-header-h: 74px;
  --vgk-space: clamp(1rem, 2.5vw, 1.5rem);
  --vgk-section-y: clamp(3.25rem, 7vw, 5.5rem);
  --vgk-font-display: "Cormorant Garamond", "Times New Roman", serif;
  --vgk-font-body: "Manrope", "Segoe UI", sans-serif;
  --vgk-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --vgk-max: 1170px;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}

body {
  font-family: var(--vgk-font-body) !important;
  color: var(--vgk-ink) !important;
  background:
    radial-gradient(900px 420px at 8% -8%, rgba(201, 166, 107, 0.09), transparent 55%),
    radial-gradient(700px 380px at 96% 4%, rgba(178, 59, 59, 0.05), transparent 50%),
    var(--vgk-bg) !important;
  overflow-x: hidden !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.pm_mobile.menu-open,
body.vgk-menu-open {
  overflow: hidden !important;
}

.wrapp {
  overflow-x: hidden !important;
  max-width: 100vw;
}

.container,
.vc_container {
  max-width: var(--vgk-max) !important;
}

/* ——— Typography ——— */
h1, h2, h3, h4,
.avados_title .title,
.avados_title .pre-line,
.title,
.default-site-title {
  font-family: var(--vgk-font-display) !important;
  letter-spacing: 0.012em;
  font-weight: 600 !important;
  color: var(--vgk-ink) !important;
}

h2,
.avados_title h2 .title,
.sect-title .title {
  font-size: clamp(1.75rem, 3.4vw, 2.55rem) !important;
  line-height: 1.12 !important;
  margin-bottom: 0.85rem !important;
}

p,
.subtitle,
.avados_trigger_image_text_text,
.item-title,
.wpb_text_column p {
  font-family: var(--vgk-font-body) !important;
  line-height: 1.68;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.prettyMenu a:focus-visible {
  outline: 2px solid var(--vgk-gold) !important;
  outline-offset: 3px;
}

/* ——— Header: sticky glass + gold hairline ——— */
.header-block-5,
.header.header_v5,
.header.header-absolute,
.header_v5,
.avados-header,
.main-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10050 !important;
  width: 100% !important;
  margin: 0 !important;
  background: rgba(7, 8, 10, 0.9) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  border-bottom: 1px solid var(--vgk-line) !important;
  box-shadow:
    0 1px 0 rgba(201, 166, 107, 0.22),
    0 12px 36px rgba(0, 0, 0, 0.4);
  transition: background 0.3s var(--vgk-ease), box-shadow 0.3s var(--vgk-ease);
}

.header.header-absolute {
  position: sticky !important;
}

.header-block-5 .header_v5 .flex.space-between,
.header_v5 .flex.space-between {
  align-items: center !important;
  min-height: var(--vgk-header-h);
  gap: 1rem;
  padding: 0.4rem 0;
  flex-wrap: nowrap !important;
}

.logo img,
.header-logo img,
img.logo-main,
img.logo-alt {
  max-height: 46px !important;
  width: auto !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

.max-logo-width {
  max-width: min(210px, 48vw) !important;
  flex-shrink: 0;
}

.header-contact a,
.header-phone a,
.header .phone a {
  color: var(--vgk-gold) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.header-contact a:hover,
.header-phone a:hover {
  color: var(--vgk-gold-hi) !important;
}

/* Desktop nav */
@media (min-width: 1241px) {
  .prettyMenu:not(.pm_mobile) .menu > li > a {
    color: var(--vgk-muted) !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.6rem 0.75rem !important;
    position: relative;
    transition: color 0.22s var(--vgk-ease);
  }

  .prettyMenu:not(.pm_mobile) .menu > li > a::after {
    content: "";
    position: absolute;
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.2rem;
    height: 1px;
    background: var(--vgk-gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.28s var(--vgk-ease);
    opacity: 0.85;
  }

  .prettyMenu:not(.pm_mobile) .menu > li > a:hover,
  .prettyMenu:not(.pm_mobile) .menu > li.current-menu-item > a {
    color: var(--vgk-gold) !important;
  }

  .prettyMenu:not(.pm_mobile) .menu > li > a:hover::after,
  .prettyMenu:not(.pm_mobile) .menu > li.current-menu-item > a::after {
    transform: scaleX(1);
  }
}

/* ——— Mobile drawer (beat Avados .white theme: light text on white) ——— */
.vgk-menu-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10040;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.28s var(--vgk-ease);
}

body.vgk-menu-open .vgk-menu-backdrop,
body.menu-open .vgk-menu-backdrop {
  display: block;
  opacity: 1;
}

@media (max-width: 1240px) {
  .header-block-5 .prettyMenu,
  .prettyMenu.pm_mobile {
    width: auto !important;
    float: none !important;
    margin-left: auto !important;
    background: transparent !important;
    position: relative !important;
    z-index: 10060 !important;
  }

  .prettyMenu.white.pm_mobile,
  .prettyMenu.white.pm_mobile .pm_main_mobile,
  .prettyMenu.pm_mobile .pm_main_mobile {
    background: transparent !important;
  }

  .prettyMenu.pm_mobile .pm_main_mobile {
    height: auto !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
    z-index: 10070 !important;
  }

  .prettyMenu.pm_mobile .pm_toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    margin: 0 !important;
    width: 46px !important;
    height: 46px !important;
    border: 1px solid var(--vgk-line) !important;
    border-radius: var(--vgk-radius);
    background: rgba(16, 20, 26, 0.96) !important;
    position: relative !important;
    z-index: 10080 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border-color 0.2s ease, background 0.2s ease;
  }

  body.vgk-menu-open .prettyMenu.pm_mobile .pm_toggle,
  body.menu-open .prettyMenu.pm_mobile .pm_toggle {
    border-color: var(--vgk-line-hi) !important;
    background: rgba(201, 166, 107, 0.12) !important;
  }

  /* Fix Avados hamburgers.css quirks: asymmetric padding + shorter middle bar */
  .prettyMenu.pm_mobile .hamburger,
  .prettyMenu.pm_mobile .pm_toggle .hamburger {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
  }

  .prettyMenu.pm_mobile .hamburger-box {
    width: 22px !important;
    height: 14px !important;
    display: block !important;
    position: relative !important;
    margin: 0 !important;
  }

  .prettyMenu.pm_mobile .hamburger-inner,
  .prettyMenu.pm_mobile .hamburger-inner::before,
  .prettyMenu.pm_mobile .hamburger-inner::after,
  .prettyMenu.pm_mobile .is-active .hamburger-inner,
  .prettyMenu.pm_mobile .is-active .hamburger-inner::before,
  .prettyMenu.pm_mobile .is-active .hamburger-inner::after,
  body.home .header-absolute .prettyMenu.pm_mobile .hamburger-inner,
  body.home .header-absolute .prettyMenu.pm_mobile .hamburger-inner::before,
  body.home .header-absolute .prettyMenu.pm_mobile .hamburger-inner::after {
    width: 22px !important;
    height: 2px !important;
    background-color: var(--vgk-gold) !important;
    background: var(--vgk-gold) !important;
    border-radius: 1px !important;
    left: 0 !important;
    right: auto !important;
    display: block !important;
    position: absolute !important;
    transition: transform 0.22s var(--vgk-ease), top 0.22s var(--vgk-ease), bottom 0.22s var(--vgk-ease), opacity 0.22s ease !important;
  }

  .prettyMenu.pm_mobile .hamburger-inner {
    top: 50% !important;
    margin-top: -1px !important;
  }

  .prettyMenu.pm_mobile .hamburger-inner::before {
    content: "" !important;
    top: -6px !important;
    bottom: auto !important;
  }

  .prettyMenu.pm_mobile .hamburger-inner::after {
    content: "" !important;
    bottom: -6px !important;
    top: auto !important;
  }

  /* Open state → clean X */
  .prettyMenu.pm_mobile .is-active .hamburger-inner {
    background: transparent !important;
    background-color: transparent !important;
  }

  .prettyMenu.pm_mobile .is-active .hamburger-inner::before {
    top: 0 !important;
    transform: rotate(45deg) !important;
  }

  .prettyMenu.pm_mobile .is-active .hamburger-inner::after {
    bottom: 0 !important;
    top: 0 !important;
    transform: rotate(-45deg) !important;
  }

  /* Force noir drawer — Avados "white" theme otherwise paints #fff + light links */
  .prettyMenu.pm_mobile .pm_menu_container,
  .prettyMenu.pm_mobile .pm_menu_container.pm_left,
  .prettyMenu.white.pm_mobile .pm_menu_container,
  .prettyMenu.white.pm_mobile .pm_menu_container.pm_left,
  .prettyMenu.white.pm_mobile .pm_menu_container.on,
  body .prettyMenu.pm_mobile div.pm_menu_container {
    position: fixed !important;
    top: var(--vgk-header-h) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    min-height: calc(100dvh - var(--vgk-header-h)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    background: #0c1016 !important;
    background-color: #0c1016 !important;
    background-image: none !important;
    border-top: 1px solid var(--vgk-line) !important;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.65) !important;
    z-index: 10055 !important;
    padding: 0.5rem 0 max(3.5rem, env(safe-area-inset-bottom)) !important;
    transform: translate3d(-110%, 0, 0);
    transition: transform 0.32s var(--vgk-ease) !important;
    display: block !important;
    color: #f4efe6 !important;
  }

  .prettyMenu.pm_mobile .pm_menu_container.pm_left.on,
  .prettyMenu.pm_mobile .pm_menu_container.on,
  .prettyMenu.white.pm_mobile .pm_menu_container.on {
    transform: translate3d(0, 0, 0) !important;
    left: 0 !important;
  }

  .prettyMenu.pm_mobile ul.menu,
  .prettyMenu.pm_mobile ul.main,
  .prettyMenu.white.pm_mobile ul.menu {
    width: 100% !important;
    display: block !important;
    padding: 0.5rem 1.25rem 1.25rem !important;
    margin: 0 !important;
    background: transparent !important;
  }

  .prettyMenu.pm_mobile ul.menu > li,
  .prettyMenu.pm_mobile ul.main > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid rgba(244, 239, 230, 0.12) !important;
    background: transparent !important;
  }

  .prettyMenu.pm_mobile ul.menu > li > a,
  .prettyMenu.pm_mobile ul.main > li > a,
  .prettyMenu.white.pm_mobile ul.menu > li > a,
  .prettyMenu.white.pm_mobile .pm_menu_container a {
    display: block !important;
    padding: 1.1rem 0.35rem !important;
    color: #f4efe6 !important;
    font-family: var(--vgk-font-display) !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: break-word;
    text-shadow: none !important;
    background: transparent !important;
    opacity: 1 !important;
    transition: color 0.2s ease, padding-left 0.2s ease;
  }

  .prettyMenu.pm_mobile ul.menu > li > a:hover,
  .prettyMenu.pm_mobile ul.menu > li.current-menu-item > a,
  .prettyMenu.white.pm_mobile ul.menu > li.current-menu-item > a {
    color: var(--vgk-gold) !important;
    padding-left: 0.5rem !important;
  }

  .prettyMenu.pm_mobile ul.sub-menu,
  .prettyMenu.white.pm_mobile ul.sub-menu {
    background: rgba(0, 0, 0, 0.28) !important;
    margin: 0 !important;
    padding: 0.25rem 0 0.5rem !important;
  }

  .prettyMenu.pm_mobile ul.sub-menu a,
  .prettyMenu.white.pm_mobile ul.sub-menu a {
    color: #c5cdd6 !important;
    font-family: var(--vgk-font-body) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    padding: 0.8rem 0.5rem 0.8rem 1.1rem !important;
    opacity: 1 !important;
  }

  .prettyMenu.pm_mobile .pm_arrow,
  .prettyMenu.pm_mobile .fa,
  .prettyMenu.pm_mobile i {
    color: var(--vgk-gold) !important;
  }

  .header-contact.hide-on-mobile {
    display: none !important;
  }

  .fullpage,
  .container > .vc_row.b1 {
    padding-top: 0.35rem;
  }
}

/* ——— Hero ——— */
body.home .vc_row.b1,
body.page-id-12 .vc_row.b1 {
  min-height: min(88vh, 820px) !important;
  display: flex !important;
  align-items: flex-end !important;
  position: relative !important;
  isolation: isolate;
  padding: clamp(5.5rem, 12vw, 7rem) 1rem clamp(2.25rem, 6vw, 4rem) !important;
  overflow: hidden !important;
}

/* Kill stray VC thumbnail / duplicate bg img floating over hero */
body.home .vc_row.b1 > .wpb_column .wpb_single_image,
body.page-id-12 .vc_row.b1 > .wpb_column .wpb_single_image,
body.home .vc_row.b1 .vc_single_image-wrapper,
body.home .vc_row.b1 img.vc_single_image-img {
  display: none !important;
}

/* Hide empty image-only hero columns so text can use full width */
@media (max-width: 767px) {
  body.home .vc_row.b1 > .wpb_column.vc_col-sm-4,
  body.page-id-12 .vc_row.b1 > .wpb_column.vc_col-sm-4,
  body.home .vc_row.b1 > .vc_col-sm-4,
  body.page-id-12 .vc_row.b1 > .vc_col-sm-4 {
    display: none !important;
    width: 0 !important;
    flex: 0 0 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

body.home .vc_row.b1::before,
body.page-id-12 .vc_row.b1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(105deg, rgba(7, 8, 10, 0.88) 0%, rgba(7, 8, 10, 0.55) 42%, rgba(7, 8, 10, 0.28) 68%, rgba(7, 8, 10, 0.55) 100%),
    linear-gradient(180deg, rgba(7, 8, 10, 0.35) 0%, rgba(7, 8, 10, 0.15) 35%, rgba(7, 8, 10, 0.92) 100%);
  pointer-events: none;
}

body.home .vc_row.b1::after,
body.page-id-12 .vc_row.b1::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  z-index: 2;
  background: linear-gradient(90deg, transparent, rgba(201, 166, 107, 0.45), transparent);
  pointer-events: none;
}

body.home .vc_row.b1 > .wpb_column,
body.page-id-12 .vc_row.b1 > .wpb_column {
  position: relative;
  z-index: 1;
  width: 100% !important;
  max-width: 100% !important;
}

.avados_title .title,
.avados_title .pre-line.title,
h1.title,
h1 .pre-line {
  font-size: clamp(2.35rem, 7vw, 4.25rem) !important;
  line-height: 1.02 !important;
  margin: 0 0 1.1rem !important;
  max-width: 14ch;
  color: #fff !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.9),
    0 4px 24px rgba(0, 0, 0, 0.75),
    0 0 40px rgba(0, 0, 0, 0.45);
}

.subtitle-wrapp .subtitle,
.subtitle .pre-line {
  color: #f0ebe3 !important;
  font-size: clamp(1rem, 2.3vw, 1.14rem) !important;
  max-width: 34rem;
  line-height: 1.7 !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.95),
    0 3px 18px rgba(0, 0, 0, 0.8);
}

/* ——— CTA buttons ——— */
.btn,
a.btn,
button.btn,
input[type="submit"],
.wpcf7-submit {
  font-family: var(--vgk-font-body) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: none;
  border-radius: var(--vgk-radius) !important;
  padding: 0.95rem 1.55rem !important;
  transition:
    transform 0.22s var(--vgk-ease),
    background 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.12) inset,
    0 14px 36px rgba(201, 166, 107, 0.22);
}

.btn:hover,
a.btn:hover,
button.btn:hover {
  transform: translateY(-2px);
  background: var(--vgk-gold-hi) !important;
  border-color: var(--vgk-gold-hi) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.18) inset,
    0 18px 42px rgba(201, 166, 107, 0.3);
}

.btn:active,
a.btn:active {
  transform: translateY(0);
}

.btn-wrapp {
  margin-top: 0.35rem !important;
}

/* ——— Feature pillars ——— */
.avados_trigger_image_text {
  padding: 1.5rem 1rem 1.35rem !important;
  border-top: 1px solid var(--vgk-line);
  background: transparent;
  transition:
    border-color 0.3s var(--vgk-ease),
    background 0.3s var(--vgk-ease),
    transform 0.3s var(--vgk-ease);
}

.avados_trigger_image_text:hover {
  border-top-color: var(--vgk-line-hi);
  background: var(--vgk-gold-dim);
  transform: translateY(-3px);
}

.avados_trigger_image_text_title {
  font-family: var(--vgk-font-display) !important;
  font-size: 1.45rem !important;
  margin-bottom: 0.5rem !important;
  letter-spacing: 0.02em;
}

.avados_trigger_image_text_text {
  color: var(--vgk-muted) !important;
  font-size: 0.95rem !important;
  max-width: 28ch;
  margin-left: auto;
  margin-right: auto;
}

/* ——— Service / gallery cards ——— */
.avados_service_3_item {
  overflow: hidden;
  border: 1px solid var(--vgk-line);
  background: var(--vgk-bg-elev);
  transition:
    transform 0.35s var(--vgk-ease),
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.avados_service_3_item:hover {
  transform: translateY(-6px);
  border-color: var(--vgk-line-hi);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45);
}

.avados_service_3_item_img {
  transition: transform 0.7s var(--vgk-ease);
}

.avados_service_3_item:hover .avados_service_3_item_img {
  transform: scale(1.05);
}

.avados_service_3_item .avados_service_3_item_title,
.avados_service_3_item .item-title,
.avados_service_3_item h3,
.avados_service_3_item h4 {
  font-family: var(--vgk-font-display) !important;
  font-size: 1.35rem !important;
  padding: 0.85rem 1rem 0.35rem !important;
}

.avados_service_3_item p {
  padding: 0 1rem 1.1rem !important;
  color: var(--vgk-muted) !important;
  font-size: 0.92rem !important;
}

/* ——— Profile cards (ankety) ——— */
.profile-list,
.profile-list-public,
.profile-list-vip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.35rem !important;
  justify-content: center !important;
  margin: 2.5rem auto !important;
  max-width: var(--vgk-max) !important;
  padding: 0 0.75rem;
}

.profile-list .profile-list-item,
.profile-list-public .profile-list-item,
.profile-list-vip .profile-list-item {
  width: min(280px, 100%) !important;
  margin: 0 !important;
  float: none !important;
  border: 1px solid var(--vgk-line);
  background: rgba(255, 255, 255, 0.02);
  transition:
    border-color 0.3s ease,
    transform 0.3s var(--vgk-ease),
    box-shadow 0.3s ease;
}

.profile-list .profile-list-item:hover {
  border-color: var(--vgk-line-hi);
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
}

.profile-list .box,
.profile-list a.box {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
}

.profile-list .box-img,
.profile-list .box-img-locked {
  display: block !important;
  width: 100% !important;
  height: 380px !important;
  overflow: hidden !important;
  position: relative !important;
}

.profile-list .box-img img,
.profile-list .box-img-locked img {
  width: 100% !important;
  height: 380px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.65s var(--vgk-ease), filter 0.35s ease;
}

.profile-list .profile-list-item:hover .box-img img {
  transform: scale(1.04);
}

.profile-list .box-title {
  color: var(--vgk-ink) !important;
  text-align: center !important;
  margin: 0.85rem 0 0.35rem !important;
  font-family: var(--vgk-font-display) !important;
  font-size: 1.35rem !important;
  letter-spacing: 0.02em;
}

.profile-list .box-img-locked img {
  filter: blur(7px) brightness(0.5) saturate(0.7);
}

.profile-list .lock-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vgk-gold);
  font-size: 2rem;
  background: linear-gradient(180deg, rgba(7, 8, 10, 0.15), rgba(7, 8, 10, 0.55));
  letter-spacing: 0.08em;
}

.profile-list .btn-pass-page {
  display: block;
  margin: 0.65rem auto 1.1rem;
  text-align: center;
  max-width: calc(100% - 1.5rem);
}

/* ——— How we work ——— */
.how-we-work {
  gap: 1.5rem !important;
}

.how-we-work .wrap {
  padding: 1.25rem 1rem 1.5rem;
  border-top: 1px solid var(--vgk-line);
  transition: border-color 0.25s ease, background 0.25s ease;
}

.how-we-work .wrap:hover {
  border-top-color: var(--vgk-line-hi);
  background: var(--vgk-gold-dim);
}

.how-we-work .item-header {
  font-family: var(--vgk-font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 600 !important;
  color: var(--vgk-ink) !important;
  letter-spacing: 0.02em;
}

.how-we-work .item-title {
  color: var(--vgk-muted) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

.how-we-work .item-number {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  margin: 1rem auto 0 !important;
  border-radius: 50%;
  background: var(--vgk-gold) !important;
  color: #111 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}

/* ——— Sections rhythm ——— */
.vc_row {
  box-sizing: border-box !important;
}

.vc_row.b2,
.vc_row.b3,
.vc_custom_1561018936979,
.vc_custom_1561373282356,
.how-agency,
.sect-become-client-action {
  padding-top: var(--vgk-section-y) !important;
  padding-bottom: var(--vgk-section-y) !important;
}

.wpb_text_column h2,
.wpb_text_column h3 {
  margin-top: 0.25rem;
}

/* ——— FAQ / accordion ——— */
.wpb_accordion_wrapper .wpb_accordion_header,
.vc_toggle {
  border: 1px solid var(--vgk-line) !important;
  background: rgba(16, 20, 26, 0.55) !important;
  margin-bottom: 0.55rem !important;
  transition: border-color 0.25s ease, background 0.25s ease;
}

.wpb_accordion_wrapper .wpb_accordion_header:hover,
.vc_toggle:hover {
  border-color: var(--vgk-line-hi) !important;
  background: rgba(201, 166, 107, 0.06) !important;
}

.wpb_accordion_header a,
.vc_toggle_title {
  font-family: var(--vgk-font-display) !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.015em;
  padding: 0.85rem 1rem !important;
  color: var(--vgk-ink) !important;
}

.wpb_accordion_content,
.vc_toggle_content {
  color: var(--vgk-muted) !important;
  padding: 0 1rem 1rem !important;
  line-height: 1.65 !important;
  font-size: 0.96rem !important;
}

/* ——— Forms ——— */
.wpcf7 label,
.wpcf7-form p {
  color: var(--vgk-muted) !important;
  font-size: 0.9rem;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  background: var(--vgk-bg) !important;
  border: 1px solid var(--vgk-line) !important;
  color: var(--vgk-ink) !important;
  padding: 0.75rem 0.9rem !important;
  border-radius: var(--vgk-radius) !important;
  width: 100%;
  max-width: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
  border-color: var(--vgk-line-hi) !important;
  box-shadow: 0 0 0 3px var(--vgk-gold-dim);
  outline: none;
}

/* ——— Footer / contacts ——— */
.footer,
.site-footer,
.footer-block,
.avados-footer,
footer {
  border-top: 1px solid var(--vgk-line) !important;
  background: #07080a !important;
  color: #d8d2c8 !important;
}

.footer a,
.site-footer a,
.avados-footer a,
footer a {
  color: #e8e2d8 !important;
}

.footer a:hover,
.site-footer a:hover {
  color: var(--vgk-gold) !important;
}

.footer .item-title,
.footer p,
.footer li,
.footer span,
.footer td,
.footer .textwidget,
.footer .widget,
.avados-footer p,
.avados-footer li,
.avados-footer span,
footer .item-title,
footer p,
footer li,
footer span,
.footer-time,
.footer-contacts,
.contacts-list,
.work-time,
.worktime {
  color: #c9c3b8 !important;
  opacity: 1 !important;
}

.footer h2,
.footer h3,
.footer h4,
.avados-footer h2,
.avados-footer h3,
.avados-footer h4,
footer h2,
footer h3,
footer h4 {
  color: #f4efe6 !important;
}

.breadcrumbs,
.breadcrumb,
nav.woocommerce-breadcrumb {
  color: var(--vgk-muted) !important;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 1.25rem !important;
}

/* Full-bleed image sections: readable text cards on mobile/desktop */
.vc_custom_1561020488553,
.vc_custom_1561381542262,
.sect-become-client-action,
.how-agency,
.vc_custom_1561382370989 {
  position: relative !important;
  isolation: isolate;
}

.vc_custom_1561020488553::before,
.vc_custom_1561381542262::before,
.sect-become-client-action::before,
.how-agency::before,
.vc_custom_1561382370989::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(7, 8, 10, 0.72), rgba(7, 8, 10, 0.88));
  pointer-events: none;
}

.vc_custom_1561020488553 > .wpb_column,
.vc_custom_1561381542262 > .wpb_column,
.sect-become-client-action > .wpb_column,
.how-agency > .wpb_column,
.vc_custom_1561382370989 > .wpb_column {
  position: relative;
  z-index: 1;
}

.vc_custom_1561020488553 h2,
.vc_custom_1561020488553 h3,
.vc_custom_1561020488553 p,
.vc_custom_1561381542262 h2,
.vc_custom_1561381542262 h3,
.vc_custom_1561381542262 p,
.sect-become-client-action h2,
.sect-become-client-action h3,
.sect-become-client-action p,
.how-agency h2,
.how-agency h3,
.how-agency p {
  color: #f4efe6 !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.65);
}

/* True full-bleed for photo / bg sections (NOT profile cards) */
html,
body {
  background-color: #07080a !important;
}

.vc_row[data-vc-full-width="true"],
body.home .vc_row.b1,
body.page-id-12 .vc_row.b1,
.vc_custom_1561020488553,
.vc_custom_1561381542262,
.sect-become-client-action,
.how-agency,
.vc_custom_1561382370989,
.vc_row.vc_row-has-fill[data-vc-full-width="true"] {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Inner content stays padded; background touches edges */
.vc_row[data-vc-full-width="true"] > .wpb_column > .vc_column-inner,
body.home .vc_row.b1 > .wpb_column > .vc_column-inner,
.vc_custom_1561020488553 > .wpb_column > .vc_column-inner,
.vc_custom_1561381542262 > .wpb_column > .vc_column-inner,
.how-agency > .wpb_column > .vc_column-inner,
.sect-become-client-action > .wpb_column > .vc_column-inner {
  padding-left: max(1rem, env(safe-area-inset-left)) !important;
  padding-right: max(1rem, env(safe-area-inset-right)) !important;
}

.vc_row[data-vc-stretch-content="true"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* VC spacer after full-width rows */
.vc_row-full-width {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* ——— Motion ——— */
@keyframes vgkRise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes vgkFadeLine {
  from { opacity: 0; transform: scaleX(0.4); }
  to { opacity: 1; transform: scaleX(1); }
}

body.home .vc_row.b1 .avados_title,
body.home .vc_row.b1 .subtitle-wrapp,
body.home .vc_row.b1 .btn-wrapp {
  animation: vgkRise 0.9s var(--vgk-ease) both;
}

body.home .vc_row.b1 .subtitle-wrapp { animation-delay: 0.14s; }
body.home .vc_row.b1 .btn-wrapp { animation-delay: 0.26s; }

body.home .vc_row.b1::after {
  animation: vgkFadeLine 1.1s var(--vgk-ease) 0.35s both;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

/* ——— Mobile ——— */
@media (max-width: 767px) {
  :root {
    --vgk-header-h: 60px;
    --vgk-section-y: 2.75rem;
  }

  /* Kill side gutters so photo sections can touch screen edges */
  .wrapp,
  .fullpage,
  body .container,
  body .vc_container,
  .main-content,
  #page,
  .site-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .header-block-5 .container,
  .header .container,
  .header_v5 .container,
  .avados-header .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .header-block-5 .header_v5 .flex.space-between,
  .header_v5 .flex.space-between {
    min-height: var(--vgk-header-h);
    padding: 0.25rem 0;
    gap: 0.5rem;
  }

  .logo img,
  .header-logo img,
  img.logo-main,
  img.logo-alt {
    max-height: 38px !important;
  }

  .max-logo-width {
    max-width: min(168px, 58vw) !important;
  }

  /* Photo/bg rows: fill the now-edge-to-edge parent (more reliable than 100vw on Android) */
  .vc_row[data-vc-full-width="true"],
  body.home .vc_row.b1,
  body.page-id-12 .vc_row.b1,
  .vc_custom_1561020488553,
  .vc_custom_1561381542262,
  .how-agency,
  .sect-become-client-action,
  .vc_custom_1561373282356 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  body.home .vc_row.b1,
  body.page-id-12 .vc_row.b1 {
    min-height: min(78dvh, 640px) !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    padding: 4.75rem 1rem 2rem !important;
    background-position: center top !important;
    background-size: cover !important;
  }

  /* Critical: VC flex row keeps sm-8/sm-4 side-by-side — force stack */
  body.home .vc_row.b1 .vc_column_container,
  body.home .vc_row.b1 .wpb_column,
  body.home .vc_row.b1 [class*="vc_col-"],
  body.page-id-12 .vc_row.b1 .vc_column_container,
  body.page-id-12 .vc_row.b1 .wpb_column,
  body.page-id-12 .vc_row.b1 [class*="vc_col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
  }

  body.home .vc_row.b1 .vc_column-inner,
  body.home .vc_row.b1 .wpb_wrapper,
  body.home .vc_row.b1 .subtitle-wrapp,
  body.home .vc_row.b1 .title-wrapp,
  body.home .vc_row.b1 .avados_title,
  body.home .vc_row.b1 .subtitle,
  body.home .vc_row.b1 .title,
  body.page-id-12 .vc_row.b1 .vc_column-inner,
  body.page-id-12 .vc_row.b1 .wpb_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* General VC rows: stack all sm-* columns on mobile */
  .vc_row,
  .vc_row.vc_row-flex,
  .wpb_row {
    flex-wrap: wrap !important;
  }

  .vc_row.vc_row-flex {
    flex-direction: column !important;
  }

  .vc_row .vc_column_container,
  .vc_row .wpb_column,
  .vc_row [class*="vc_col-sm-"],
  .vc_row [class*="vc_col-md-"],
  .vc_col-sm-3,
  .vc_col-sm-4,
  .vc_col-sm-5,
  .vc_col-sm-6,
  .vc_col-sm-7,
  .vc_col-sm-8,
  .vc_col-sm-9,
  .vc_col-sm-12,
  .vc_col-xs-12 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.home .vc_row.b1::before,
  body.page-id-12 .vc_row.b1::before {
    background:
      linear-gradient(180deg, rgba(7, 8, 10, 0.55) 0%, rgba(7, 8, 10, 0.82) 42%, rgba(7, 8, 10, 0.97) 100%) !important;
  }

  .avados_title,
  .avados_title.text-left,
  .avados_title.text-center,
  .subtitle-wrapp,
  .subtitle-wrapp.text-left,
  .btn-wrapp,
  .btn-wrapp.text-left,
  body.home .vc_row.b1 .wpb_wrapper {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .avados_title .title,
  .avados_title .pre-line.title,
  h1.title,
  body.home .vc_row.b1 .avados_title .title,
  body.home .vc_row.b1 h1.title {
    font-size: clamp(2.05rem, 9.2vw, 2.7rem) !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .subtitle-wrapp .subtitle,
  .subtitle .pre-line {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    width: 100% !important;
    font-size: 0.98rem !important;
    color: #ebe6dc !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .btn-wrapp {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
  }

  .btn-wrapp .btn,
  .btn-wrapp a.btn,
  body.home .vc_row.b1 .btn,
  body.home .vc_row.b1 a.btn {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  .btn,
  a.btn,
  button.btn {
    width: 100%;
    max-width: 20rem;
    justify-content: center;
    text-align: center;
    display: inline-flex !important;
    align-items: center;
    min-height: 48px;
    font-size: 1rem !important;
  }

  .vc_custom_1561018936979,
  .vc_row.b2,
  .vc_row.b3 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .avados_service_3_item_img {
    height: 300px !important;
  }

  .profile-list .box-img,
  .profile-list .box-img img,
  .profile-list .box-img-locked,
  .profile-list .box-img-locked img {
    height: 360px !important;
  }

  .profile-list .profile-list-item {
    width: 100% !important;
  }

  .wpb_text_column,
  .wpb_wrapper,
  .avados_trigger_image_text_text,
  .subtitle,
  .title {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  .avados_trigger_image_text {
    margin-bottom: 0.85rem;
    padding: 1.15rem 0.85rem 1.1rem !important;
  }

  .avados_trigger_image_text_text {
    max-width: 100% !important;
  }

  /* Forms over photos: card surface */
  .wpcf7 {
    max-width: 100%;
    margin: 1rem auto 0 !important;
    padding: 1.1rem 1rem 1.25rem !important;
    background: rgba(7, 8, 10, 0.78) !important;
    border: 1px solid rgba(201, 166, 107, 0.28) !important;
    border-radius: 4px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-sizing: border-box !important;
  }

  .wpcf7-form {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 textarea {
    font-size: 16px !important; /* prevent iOS zoom */
    min-height: 48px;
  }

  .how-we-work {
    flex-direction: column !important;
    gap: 0.75rem !important;
  }

  .how-we-work .wrap {
    flex: 1 1 100% !important;
  }

  /* Footer readable on Android OLED */
  .footer,
  .site-footer,
  footer,
  .avados-footer {
    padding: 1.75rem 1rem 2.5rem !important;
  }

  .footer *,
  footer * {
    color: #d2ccc2 !important;
  }

  .footer h2,
  .footer h3,
  .footer h4,
  footer h2,
  footer h3,
  footer h4 {
    color: #f4efe6 !important;
  }

  .footer a,
  footer a {
    color: #e8e2d8 !important;
  }

  /* Disable hover lift on touch (avoids sticky "lifted" cards) */
  .avados_service_3_item:hover,
  .avados_trigger_image_text:hover,
  .profile-list .profile-list-item:hover,
  .btn:hover,
  a.btn:hover {
    transform: none !important;
  }

  /* Keep photo sections edge-to-edge (parent already full-width on mobile) */
  .vc_custom_1561020488553,
  .vc_row[data-vc-full-width="true"],
  body.home .vc_row.b1,
  body.page-id-12 .vc_row.b1,
  .vc_custom_1561381542262,
  .how-agency,
  .sect-become-client-action {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .vc_row[data-vc-full-width="true"] > .wpb_column > .vc_column-inner,
  body.home .vc_row.b1 > .wpb_column > .vc_column-inner,
  .vc_custom_1561020488553 > .wpb_column > .vc_column-inner {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }

  /* Feature icons: centered, no skew/transform leftovers */
  .avados_trigger_image_text_img,
  .avados_trigger_image_text .avados_trigger_image_text_img {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    transform: none !important;
    -webkit-transform: none !important;
  }

  .how-we-work .item-number,
  .how-we-work img,
  .avados_trigger_image_text img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  body.home .vc_row.b1,
  body.page-id-12 .vc_row.b1 {
    min-height: min(72vh, 720px) !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .vc_col-sm-4 {
    width: 50% !important;
  }
}

/* Fallback for glued Avados classes */
.avados_titletext-left,
.avados_titletext-center,
[class*="avados_titletext-"] {
  margin-bottom: 0.85rem !important;
}

[class*="subtitle-wrapp"] {
  display: block !important;
  margin-bottom: 1.35rem !important;
}

[class*="btn-wrapp"] {
  display: block !important;
  margin: 0.65rem 0 1.15rem !important;
}

/* ========== Ideal polish v4 — readable text, beautiful photos, mobile≈desktop ========== */

/* Service / gallery photos: cinematic crop */
.avados_service_3_item {
  background: #0a0c10 !important;
  border: 1px solid rgba(244, 239, 230, 0.08) !important;
}

.avados_service_3_item_img {
  width: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.avados_service_3_item .avados_service_3_item_title,
.avados_service_3_item .item-title {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85);
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  font-size: 0.95rem !important;
}

/* FAQ: noir + gold instead of muddy burgundy */
.wpb_accordion_wrapper .wpb_accordion_header,
.vc_toggle {
  background: rgba(16, 20, 26, 0.92) !important;
  border: 1px solid rgba(201, 166, 107, 0.28) !important;
  border-radius: 4px !important;
  margin-bottom: 0.65rem !important;
  box-shadow: none !important;
}

.wpb_accordion_wrapper .wpb_accordion_header a,
.vc_toggle_title {
  color: #f4efe6 !important;
  font-size: 1.05rem !important;
  line-height: 1.45 !important;
  padding: 1rem 1.1rem 1rem 2.5rem !important;
}

.wpb_accordion_wrapper .ui-state-active,
.wpb_accordion_wrapper .wpb_accordion_header.ui-state-active {
  border-color: rgba(201, 166, 107, 0.55) !important;
  background: rgba(201, 166, 107, 0.1) !important;
}

.wpb_accordion_content,
.vc_toggle_content {
  color: #d2ccc2 !important;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
}

/* Section titles always bright */
.avados_title .title,
.sect-title .title,
.wpb_text_column h2,
.wpb_text_column h3,
#uslugi h2,
.vc_custom_1561018936979 h2 {
  color: #fff !important;
}

.wpb_text_column p,
.subtitle,
.item-title {
  color: #d8d2c8 !important;
}

/* Phone numbers / links in body */
.wpb_text_column a,
a[href^="tel:"],
a[href^="mailto:"] {
  color: var(--vgk-gold) !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 166, 107, 0.35);
}

@media (max-width: 767px) {
  /* Hero: glass text panel so copy always readable on any photo */
  body.home .vc_row.b1::before,
  body.page-id-12 .vc_row.b1::before {
    background:
      linear-gradient(180deg, rgba(7, 8, 10, 0.5) 0%, rgba(7, 8, 10, 0.35) 30%, rgba(7, 8, 10, 0.88) 72%, rgba(7, 8, 10, 0.97) 100%) !important;
  }

  body.home .vc_row.b1,
  body.page-id-12 .vc_row.b1 {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  body.home .vc_row.b1 > .wpb_column,
  body.home .vc_row.b1 > .vc_column_container,
  body.home .vc_row.b1 > [class*="vc_col-"],
  body.page-id-12 .vc_row.b1 > .wpb_column,
  body.page-id-12 .vc_row.b1 > .vc_column_container {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  body.home .vc_row.b1 .avados_title,
  body.home .vc_row.b1 .avados_title.text-left,
  body.home .vc_row.b1 .subtitle-wrapp,
  body.home .vc_row.b1 .subtitle-wrapp.text-left,
  body.home .vc_row.b1 .title-wrapp,
  body.home .vc_row.b1 .btn-wrapp,
  body.home .vc_row.b1 .wpb_wrapper,
  body.home .vc_row.b1 .vc_column-inner {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    box-sizing: border-box !important;
  }

  body.home .vc_row.b1 .avados_title .title,
  body.home .vc_row.b1 h1.title {
    color: #fff !important;
    text-align: center !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.home .vc_row.b1 .subtitle-wrapp,
  body.home .vc_row.b1 .subtitle-wrapp.text-left {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home .vc_row.b1 .subtitle-wrapp .subtitle,
  body.home .vc_row.b1 .subtitle .pre-line,
  body.home .vc_row.b1 .subtitle {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0.35rem 0 0 !important;
    padding: 0.95rem 1rem !important;
    background: rgba(7, 8, 10, 0.72) !important;
    border: 1px solid rgba(201, 166, 107, 0.28) !important;
    border-radius: 4px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #f4efe6 !important;
    text-shadow: none !important;
    text-align: center !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  body.home .vc_row.b1 .btn-wrapp,
  body.home .vc_row.b1 .btn-wrapp.text-left {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  body.home .vc_row.b1 .btn,
  body.home .vc_row.b1 a.btn,
  body.home .vc_row.b1 .btn-wrapp .btn {
    margin: 0.35rem auto 0 !important;
    float: none !important;
    display: inline-flex !important;
  }

  /* Service photos: full-bleed cards, cinematic */
  #uslugi .vc_col-sm-4,
  #uslugi .wpb_column,
  .vc_custom_1561373282356 .vc_col-sm-4,
  .vc_custom_1561373282356 .wpb_column,
  .vc_custom_1561373282356 .vc_column_container {
    width: 100% !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 0 0.85rem !important;
  }

  #uslugi .vc_column-inner,
  .vc_custom_1561373282356 .vc_column-inner,
  .vc_custom_1561373282356 .wpb_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  .avados_service_3_item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
  }

  .avados_service_3_item_img {
    height: min(62vw, 380px) !important;
    min-height: 280px !important;
    width: 100% !important;
    max-width: 100% !important;
    background-size: cover !important;
    background-position: center 18% !important;
  }

  .avados_service_3_item .avados_service_3_item_title,
  .avados_service_3_item .item-title,
  .avados_service_3_item h3,
  .avados_service_3_item h4,
  .avados_service_3_item p {
    text-align: center !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Symmetrical section rhythm like desktop */
  .vc_row.b2,
  .vc_row.b3,
  .vc_custom_1561018936979,
  .vc_custom_1561373282356,
  .how-agency,
  .sect-become-client-action,
  .vc_custom_1561381542262 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  .avados_title,
  .sect-title,
  .wpb_text_column {
    text-align: center !important;
  }

  .avados_title .title,
  .sect-title .title,
  .wpb_text_column h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .wpb_text_column p {
    text-align: center !important;
    max-width: 36rem;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
    color: #e4ddd3 !important;
    padding: 0 1rem;
  }

  /* FAQ readable + even cards */
  .wpb_accordion_wrapper .wpb_accordion_header a,
  .vc_toggle_title {
    font-size: 0.98rem !important;
    padding: 1.05rem 1rem 1.05rem 2.4rem !important;
    text-align: left !important;
  }

  .wpb_accordion_wrapper,
  .wpb_content_element {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Form sections over photos */
  .vc_custom_1561020488553 h2,
  .vc_custom_1561020488553 h3,
  .vc_custom_1561020488553 p,
  .vc_custom_1561381542262 h2,
  .vc_custom_1561381542262 p,
  .sect-become-client-action h2,
  .sect-become-client-action p {
    text-align: center !important;
    color: #fff !important;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.85) !important;
  }

  .how-we-work .wrap {
    text-align: center !important;
  }

  .avados_trigger_image_text {
    text-align: center !important;
    padding: 1.35rem 1.25rem !important;
  }

  .avados_trigger_image_text_title {
    color: var(--vgk-gold) !important;
    font-size: 1.35rem !important;
  }

  .avados_trigger_image_text_text {
    color: #d8d2c8 !important;
    max-width: 28rem !important;
    margin: 0 auto !important;
  }
}

@media (min-width: 768px) {
  /* Desktop: readable hero copy on left over dark scrim */
  body.home .vc_row.b1 .subtitle-wrapp .subtitle {
    color: #f0ebe3 !important;
  }

  .avados_service_3_item_img {
    height: 420px !important;
  }
}

/* ——— Mobile bugfixes 2026-09 (header FOUC / form / demo / oplata) ——— */
@media (max-width: 1240px) {
  /* FOUC: hide desktop nav BEFORE prettyMenu JS (class may be absent initially) */
  #menu > ul.menu,
  #menu > ul.main,
  .menu_v5 > ul.menu,
  .menu_v5 > ul.main,
  .prettyMenu:not(.pm_mobile) > ul.menu,
  .prettyMenu:not(.pm_mobile) > ul.main,
  .header-block-5 .prettyMenu:not(.pm_mobile) > ul,
  .header .prettyMenu:not(.pm_mobile) > ul,
  .header-block-5 #menu > ul,
  .header #menu > ul {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  /* Restore list once JS moves it into the drawer container */
  .pm_menu_container > ul.menu,
  .pm_menu_container > ul.main,
  .prettyMenu.pm_mobile .pm_menu_container ul.menu {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    clip: auto !important;
  }

  /* Reserve burger slot before JS mounts .pm_toggle */
  #menu:not(.pm_mobile),
  .prettyMenu:not(.pm_mobile),
  .menu_v5:not(.pm_mobile) {
    min-width: 46px !important;
    min-height: 46px !important;
    margin-left: auto !important;
  }

  #menu:not(.pm_mobile)::after,
  .prettyMenu:not(.pm_mobile)::after,
  .menu_v5:not(.pm_mobile)::after {
    content: "" !important;
    display: block !important;
    width: 46px !important;
    height: 46px !important;
    margin-left: auto !important;
    border: 1px solid var(--vgk-line) !important;
    border-radius: var(--vgk-radius);
    background:
      linear-gradient(var(--vgk-gold), var(--vgk-gold)) center 15px / 22px 2px no-repeat,
      linear-gradient(var(--vgk-gold), var(--vgk-gold)) center 22px / 22px 2px no-repeat,
      linear-gradient(var(--vgk-gold), var(--vgk-gold)) center 29px / 22px 2px no-repeat,
      rgba(16, 20, 26, 0.96) !important;
    box-sizing: border-box !important;
  }

  .prettyMenu.pm_mobile::after,
  #menu.pm_mobile::after,
  .menu_v5.pm_mobile::after {
    display: none !important;
    content: none !important;
  }
}

@media (max-width: 991px) {
  /* Contact / callback CF7: full-width fields, no autocomplete overlap */
  .wpcf7 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  .wpcf7-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  .wpcf7-form-control-wrap,
  span.wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
    margin: 0 0 0.85rem !important;
    overflow: visible !important;
  }

  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="url"],
  .wpcf7 textarea,
  .wpcf7 .wpcf7-form-control:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    font-size: 16px !important;
    min-height: 48px !important;
  }

  .wpcf7-submit,
  .wpcf7 input[type="submit"],
  .wpcf7 button[type="submit"] {
    position: relative !important;
    z-index: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0.35rem !important;
    clear: both !important;
  }

  /* CF7 multi-col wrappers (.col-2 etc.) stack full-width on mobile */
  .wpcf7 .col-1,
  .wpcf7 .col-2,
  .wpcf7 .col-3,
  .wpcf7 .col-4,
  .wpcf7 [class^="col-"],
  .wpcf7-form .col-1,
  .wpcf7-form .col-2,
  .wpcf7-form .col-3,
  .wpcf7-form .col-4,
  .wpcf7-form [class^="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 0 0.5rem !important;
    box-sizing: border-box !important;
  }

  .wpcf7-form::after,
  .wpcf7::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }

  /* Kill browser autofill / datalist chrome sitting over the button */
  .wpcf7 input::-webkit-contacts-auto-fill-button,
  .wpcf7 input::-webkit-credentials-auto-fill-button {
    visibility: hidden !important;
    display: none !important;
    pointer-events: none !important;
  }

  /* Photo CTA row + nested VC cols: use full viewport width */
  .vc_custom_1561020488553,
  .templatera_shortcode,
  .templatera_shortcode .vc_row,
  .templatera_shortcode .vc_inner,
  .templatera_shortcode .wpb_column,
  .templatera_shortcode .vc_column_container,
  .templatera_shortcode .vc_column-inner,
  .templatera_shortcode .wpb_wrapper,
  .templatera_shortcode [class*="vc_col-"],
  .vc_custom_1561020488553 .templatera_shortcode,
  .vc_custom_1561020488553 .vc_row,
  .vc_custom_1561020488553 .vc_inner,
  .vc_custom_1561020488553 .wpb_column,
  .vc_custom_1561020488553 .vc_column_container,
  .vc_custom_1561020488553 .vc_column-inner,
  .vc_custom_1561020488553 .wpb_wrapper,
  .vc_custom_1561020488553 [class*="vc_col-"] {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  .vc_custom_1561020488553 > .wpb_column > .vc_column-inner,
  .templatera_shortcode .vc_column-inner {
    padding-left: 0.85rem !important;
    padding-right: 0.85rem !important;
  }

  .vc_custom_1561020488553 > .wpb_column > .vc_column-inner > .wpb_wrapper {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Nested rows inside Templatera: kill stacked gutters that shrink CF7 */
  .templatera_shortcode .vc_inner .vc_column-inner,
  .templatera_shortcode .vc_row.vc_inner .vc_column-inner,
  .vc_custom_1561020488553 .vc_inner .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .templatera_shortcode .wpb_wrapper,
  .vc_custom_1561020488553 .templatera_shortcode .wpb_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Agency SEO / «Читать далее» block — full readable width */
  .demo,
  .demo .seo-text,
  .wpb_text_column .demo {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.25rem 1.1rem 1.25rem !important;
    margin: 0 auto !important;
    color: #f4efe6 !important;
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
    white-space: normal !important;
  }

  .demo label,
  .demo label.clear,
  .demo .hide + label {
    display: inline-block !important;
    margin-top: 0.65rem !important;
    color: #6ea8f0 !important;
    border-bottom: 1px dashed rgba(110, 168, 240, 0.85) !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .demo .hide + label::before {
    height: 3.25em !important;
    background: linear-gradient(180deg, transparent, rgba(7, 8, 10, 0.92)) !important;
    pointer-events: none !important;
  }

  .demo .hide:checked + label + div,
  .demo .hide:checked ~ div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .demo p,
  .demo h2,
  .demo h3,
  .demo h4 {
    max-width: 100% !important;
    width: 100% !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  /* Generic page copy: avoid skinny centered columns */
  .wpb_text_column,
  .wpb_text_column p,
  .subtitle-wrapp,
  .subtitle-wrapp .subtitle,
  .avados_trigger_image_text_text {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
    -webkit-hyphens: none !important;
  }

  /* Payment form: centered, in-viewport, below mobile drawer */
  .slide1,
  .page-id-1123 .slide1,
  body.page-template .slide1 {
    width: calc(100% - 2rem) !important;
    max-width: 96vw !important;
    margin: 1.25rem auto 2rem !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
  }

  .slide1 .macbook,
  .slide1 .macbook.step2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 1rem !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    max-height: min(85dvh, 900px) !important;
    -webkit-overflow-scrolling: touch;
  }

  .slide1 .forma-opatu,
  .forma-opatu {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    position: relative !important;
    z-index: 1 !important;
    padding: 1rem !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  .slide1 .forma-opatu input[type="text"],
  .forma-opatu input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .slide1 .v-money,
  .slide1 .privat,
  .slide1 .visa,
  .slide1 .sms,
  .slide1 .mail,
  .slide1 .terminal,
  .slide1 .arrows {
    display: none !important;
  }

  /* Never paint payment card above the noir drawer */
  body.vgk-menu-open .slide1,
  body.vgk-menu-open .slide1 .macbook,
  body.vgk-menu-open .forma-opatu,
  body.menu-open .slide1,
  body.menu-open .slide1 .macbook,
  body.menu-open .forma-opatu {
    z-index: 0 !important;
    pointer-events: none !important;
  }

  /* Magnific popups (order / VIP) centered on mobile */
  .mfp-wrap {
    overflow-x: hidden !important;
  }

  .mfp-container {
    padding: 0 0.75rem !important;
    box-sizing: border-box !important;
  }

  .mfp-content {
    width: min(96vw, 100%) !important;
    max-width: 96vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .mfp-content .white-popup-block,
  .white-popup-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
    max-height: min(88dvh, 900px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 1rem !important;
  }

  .mfp-content .wpcf7,
  .white-popup-block .wpcf7,
  .white-popup-block .wpcf7-form {
    width: 100% !important;
    max-width: 100% !important;
  }
}