*{box-sizing:border-box;margin:0;padding:0}
body{background:#FBFAF7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#EF8A3E;color:#fff}
input::placeholder{color:#9aa3a8}

/* Глобальна сітка контенту — діє на ВСІХ сторінках від 1280px.
   Фони секцій лишаються full-bleed; центрується лише внутрішній контент через padding. */
@media (min-width: 1280px){
  section,
  footer.v-foot,
  header.v-header,
  .v-megapanel{
    padding-left:max(64px, calc((100% - 1152px)/2)) !important;
    padding-right:max(64px, calc((100% - 1152px)/2)) !important;
  }
  .v-breadcrumb{left:max(64px, calc((100% - 1152px)/2)) !important}
  .v-margo[style*="position: absolute"]{right:max(64px, calc((100% - 1152px)/2)) !important}
  .v-herovid{right:0 !important;width:43% !important}
  [data-screen-label="Vesper Main Page"] .v-herovid{right:0 !important;width:calc((100% - 1152px)/2 + 430px) !important}
  .v-why{padding-left:0 !important;padding-right:0 !important}
  #vsp-values-outer{padding-left:0 !important;padding-right:0 !important}
  /* Верхня сітка плашок віз («Індивідуально»/«Для бізнеса») — завжди на всю ширину */
  [data-screen-label="Visa selection"]{padding-left:20px !important;padding-right:20px !important}
}

/* 901–1279px: бічні відступи 64px, контент на всю доступну ширину.
   Фото/відео масштабуються (у %) — щоб плавно перейти у контейнерні значення на 1280px
   і НЕ перекривати текстову колонку на планшетних ширинах. */
@media (min-width:901px) and (max-width:1279px){
  .v-margo[style*="position: absolute"]{width:34% !important}
  [data-screen-label="Vesper Main Page"] .v-herovid{width:39% !important}
  .v-herocol{padding-right:42% !important}
}