/* =========================================================
   HIA International – statická verzia (prepis z Wix Studio)
   Desktop rozmery merané pri šírke 1440 px,
   mobil pri 320 px (Wix mobil sa škáluje na šírku displeja).
   ========================================================= */

:root {
  --orange: #E6824E;
  --olive:  #CAC76A;
  --pink:   #ED809D;
  --maroon: #461312;
  --sand:   #E3C5AD;
  --cream:  #EDE5D8;
  --brown:  #4D3B2C;
  --white:  #F6F9F5;
  --dots:   #E8E6E6;
  --ff: 'Montserrat', Helvetica, Arial, sans-serif;
  --header-h: 90px;
}

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: var(--header-h); -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--orange);
  color: #000;
  font-family: var(--ff);
  font-weight: 400;
  overflow-x: hidden;
  overflow-x: clip;
}
img { display: block; max-width: none; }
h1, h2, h3, h4, h5, p { margin: 0; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.blk, h1, h2, h3, .svc__num, .svc__title { font-weight: 900; color: var(--maroon); }

/* ---------- FLOWER SHAPES ---------- */
.flower { position: absolute; width: 201px; height: 207px; fill: none; stroke-width: 4px; pointer-events: none; overflow: visible; }
.flower use { vector-effect: non-scaling-stroke; }
.flower--hero  { stroke: var(--maroon); }
.flower--about { stroke: var(--pink); }

/* ---------- HEADER ---------- */
.site-header {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  height: var(--header-h);
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 30px;
  background: transparent;
  border-bottom: 4px solid transparent;
  box-shadow: 0 1px 4px rgba(0,0,0,0);
  transition: background-color .4s ease, border-color .4s ease, box-shadow .4s ease;
}
.site-header.is-scrolled {
  background: var(--cream);
  border-bottom-color: var(--maroon);
  box-shadow: 0 1px 4px rgba(0,0,0,.6);
}
.logo { position: absolute; left: 30px; top: 9px; }
.logo img { width: 178px; height: 71px; object-fit: cover; }
.nav { position: absolute; right: 30px; top: 24px; display: flex; gap: 7.5px; }
.nav a {
  height: 42px; display: flex; align-items: center;
  padding: 0 17px;
  font-size: 18px; letter-spacing: .9px; color: #000;
  transition: color 80ms linear;
}
.nav a:hover, .nav a:focus-visible { color: var(--maroon); }
.burger, .mobile-menu { display: none; }

main { padding-top: var(--header-h); }

/* ---------- HERO ---------- */
.hero { position: relative; padding: 74px 0 81px; text-align: center; overflow-x: clip; }
.hero h1 {
  width: 780px; margin: 0 auto;
  font-size: 80px; line-height: 80px; letter-spacing: -1.6px;
}
.hero__sub { margin-top: 15px; font-size: 20px; line-height: 33.4px; letter-spacing: -.2px; }
.hero__img {
  margin: 36px auto 0;
  width: calc(100% - 11.112%); height: 455px;
  object-fit: cover; object-position: 50% 50%;
}
.flower--hero { top: 234px; left: calc(50% - 820px); }

/* ---------- ABOUT ---------- */
.about { position: relative; height: 870px; background: var(--olive); }
.about__title {
  position: absolute; left: 40px; top: 76px;
  font-size: 64px; line-height: 76.8px; letter-spacing: -1.28px;
}
.about__img {
  position: absolute; left: 40px; top: 239px;
  width: calc(30% - 24px); height: 498px;
  object-fit: cover;
}
.flower--about { top: 153px; left: calc(50% - 424px); }
.about__text {
  position: absolute; top: 294px; left: calc(65% - 345px); width: 666px;
  font-size: 20px; line-height: 26px; letter-spacing: -.2px;
}
.about__text strong { font-weight: 700; }
p.gap { margin-bottom: 1lh; }
@supports not (margin-bottom: 1lh) { .about__text p.gap { margin-bottom: 26px; } .team__text p.gap { margin-bottom: 20.8px; } }

/* ---------- VALUES ---------- */
.values {
  background: var(--pink);
  min-height: 465px;
  display: flex; flex-wrap: wrap; justify-content: center;
  column-gap: max(24px, calc(23% - 203.2px)); row-gap: 40px;
  padding: 53px 0 40px;
}
.values__item { width: 378px; text-align: center; }
.values__icon { position: relative; width: 122px; height: 123px; margin: 0 auto -6px; }
.petal { width: 122px; height: 123px; fill: var(--olive); transform: translateX(-3px); }
.values .ico { margin-left: -3px; }
.values .ico { position: absolute; left: 30.5px; top: 29px; width: 61px; height: 59px; }
.values h3 { font-size: 44px; line-height: 52.8px; letter-spacing: -.88px; }
.values p { width: 332px; margin: 25px auto 0; font-size: 20px; line-height: 26px; letter-spacing: -.2px; }

/* ---------- PARALLAX ---------- */
.parallax {
  height: 628px;
  background: #3b2a22 url(../img/parallax.jpg) center / cover no-repeat fixed;
}

/* ---------- HEALTH SERVICES ---------- */
.services { background: var(--olive); padding: 120px 0 44px; }
.services__title {
  margin-left: 40px;
  font-size: 64px; line-height: 76.8px; letter-spacing: -1.28px;
}
.services__intro {
  margin: 42px 0 0 40px; width: min(975px, calc(100% - 80px));
  font-size: 20px; line-height: 26px; letter-spacing: -.2px;
}
.services__grid {
  margin-top: 64px;
  display: flex; justify-content: center; gap: 38px;
  padding-right: 13px;  /* stĺpce sú pri 1440 px od 47 po 1380 px */
}
.svc-col { width: 419px; display: flex; flex-direction: column; gap: 47px; }
.svc { position: relative; width: 419px; }
.svc__blob { position: absolute; left: 21px; top: 4px; width: 69px; height: 71px; fill: var(--orange); }
.svc__num {
  position: relative; width: 90px;
  font-size: 64px; line-height: 76.8px; letter-spacing: -1.28px;
}
.svc__title {
  position: absolute; left: 101px; top: 7px; width: 329px;
  font-size: 28px; line-height: 30.8px; letter-spacing: -.56px;
}
.svc p { width: 397px; font-size: 16px; line-height: 20.8px; }
.svc__line { height: 6px; margin-top: 17px; background: var(--pink); border-radius: 7px; }

/* ---------- SLIDESHOW ---------- */
.slideshow { position: relative; height: 680px; overflow: hidden; background: var(--maroon); }
.slides { position: absolute; inset: 0; }
.slide {
  position: absolute; inset: 0; background: var(--bg);
  transform: translateY(-100%); visibility: hidden;
}
.slide.is-active { transform: none; visibility: visible; z-index: 1; }
.slide.is-entering, .slide.is-leaving {
  visibility: visible;
  transition: transform .6s cubic-bezier(.87, 0, .13, 1);
}
.slide__inner { position: relative; width: 980px; height: 100%; margin: 0 auto; }
.slide__img { position: absolute; top: 0; width: 490px; height: 100%; object-fit: cover; }
.slide[data-layout="img-right"] .slide__img { left: 490px; }
.slide[data-layout="img-left"]  .slide__img { left: 0; }
.slide__text { position: absolute; top: 58px; width: 435px; }
.slide[data-layout="img-right"] .slide__text { left: 0; }
.slide[data-layout="img-left"]  .slide__text { left: 545px; }
.slide[data-layout="img-left"]  .slide__text--narrow { left: 520px; width: 420px; }
.slide__text h2, .slide__text h3 {
  font-size: 54px; line-height: 64.8px; letter-spacing: -1.08px; margin-bottom: 16px;
}
.slide__text h3.t57 { font-size: 57px; line-height: 68.4px; letter-spacing: -1.14px; }
.slide__text p { font-size: 16px; line-height: 20.8px; }
.slide__text .p18 p { font-size: 18px; line-height: 23.4px; }
.slide--light .slide__text h3 { color: var(--white); }
.slide--light .slide__text p { color: #fff; }
.ss-arrow {
  position: absolute; top: 321px; z-index: 3;
  width: 18px; height: 39px; padding: 0; border: 0; background: none; cursor: pointer;
}
.ss-arrow svg { width: 100%; height: 100%; fill: var(--dots); display: block; }
.ss-prev { left: 100px; }
.ss-next { right: 100px; }
.ss-dots { position: absolute; left: 0; right: 0; bottom: 17px; z-index: 3; display: flex; justify-content: center; gap: 16px; }
.ss-dots button {
  width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%;
  background: var(--dots); cursor: pointer;
}
.ss-dots button[aria-selected="true"] { background: #fff; }

/* ---------- PARTNERS ---------- */
.partners { background: var(--maroon); min-height: 480px; padding: 71px 0 60px; }
.partners h2 {
  width: 750px; max-width: 100%; margin: 0 auto; text-align: center; color: var(--white);
  font-size: 61px; line-height: 73.2px; letter-spacing: -1.22px;
}
.partners__grid {
  list-style: none; margin: 54px auto 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;
}
.partners__grid li { width: 184px; height: 176px; background: #fff; display: flex; align-items: center; justify-content: center; }
.partners__grid img { width: 97px; height: 96px; object-fit: cover; }

/* ---------- TEAM ---------- */
.team { background: var(--orange); min-height: 507px; padding: 38px 0 16px; }
.wrap { width: 980px; max-width: calc(100% - 40px); margin: 0 auto; }
.team h2 { font-size: 56px; line-height: normal; letter-spacing: -1.12px; }
.team__text { font-size: 16px; line-height: 20.8px; }

/* ---------- SUPPORT ---------- */
.support { background: rgba(70, 19, 18, .8); padding: 60px; }
.support__row { display: flex; height: 606px; }
.support__box { flex: 1; background: var(--orange); padding-top: 70px; }
.support__content { width: 541px; max-width: calc(100% - 40px); margin: 0 auto; transform: translateX(-4px); }
.support h2 { font-size: 64px; line-height: 76.8px; letter-spacing: -1.28px; }
.support__content p { margin-top: 10px; font-size: 16px; line-height: 20.8px; }
.support__bank {
  width: 675px; max-width: 100%; min-height: 252px; margin: 16px auto 0;
  background: var(--pink);
  padding: 25px 50px 19px 51px;
  font-size: 20px; line-height: 26px; letter-spacing: -.2px;
}
.support__bank strong { font-weight: 700; }
.support__photo { width: calc(32.6vw - 39px); flex: none; background: var(--brown); }
.support__photo img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- FOOTER ---------- */
.site-footer { position: relative; background: var(--brown); height: 457px; }
.footer__partners { position: absolute; top: 65px; left: calc(50% - 396px); width: 748px; color: var(--white); }
.footer__title { font-size: 31px; line-height: 40.3px; font-weight: 700; }
.footer__partners ul { margin: 0; padding-left: 41px; font-size: 23px; line-height: 29.9px; }
.share { position: absolute; top: 319px; left: 0; right: 0; display: flex; justify-content: center; gap: 5px; }
.share__btn {
  position: relative; width: 46px; height: 46px; border-radius: 50%; border: 0; padding: 0;
  background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;
  transition: transform .15s ease;
}
.share__btn:hover { transform: scale(1.06); }
.share__btn svg { width: 26px; height: 26px; }
.share__tip {
  position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
  white-space: nowrap; background: #000; color: #fff; font-size: 12px; padding: 4px 8px; border-radius: 4px;
  opacity: 0; pointer-events: none; transition: opacity .2s;
}
.share__copy.copied .share__tip { opacity: 1; }
.copyright { position: absolute; left: 40px; top: 434px; font-size: 18px; line-height: 23.4px; color: #000; }

/* ---------- INSTAGRAM BAR ---------- */
.ig-bar {
  position: fixed; left: 10px; bottom: 36px; z-index: 60;
  display: flex; align-items: center;
  max-width: calc(100% - 20px);
  background: linear-gradient(90deg, #5B51D8 0%, #833AB4 30%, #C13584 65%, #E1306C 85%, #FD1D1D 100%);
  color: #fff; border-radius: 6px;
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
  font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.25;
}
.ig-bar__link { display: flex; align-items: center; gap: 10px; padding: 9px 4px 9px 10px; }
.ig-bar__ico { width: 24px; height: 24px; border-radius: 6px; background: linear-gradient(45deg,#F58529,#DD2A7B 55%,#8134AF); display: flex; align-items: center; justify-content: center; flex: none; }
.ig-bar__ico svg { width: 18px; height: 18px; }
.ig-bar__close { border: 0; background: none; color: #fff; font-size: 20px; line-height: 1; padding: 6px 12px 8px; cursor: pointer; }
.ig-bar.is-hidden { display: none; }

/* ---------- SCROLL ANIMATIONS (ako na Wixe) ---------- */
@media (prefers-reduced-motion: no-preference) {
  .js .reveal { opacity: 0; transform: translateY(100%); clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%); }
  .js .reveal.in {
    opacity: 1; transform: none; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: opacity 1.2s cubic-bezier(.645,.045,.355,1), transform 1.2s cubic-bezier(.645,.045,.355,1), clip-path 1.2s cubic-bezier(.645,.045,.355,1);
  }
  .js .fade { opacity: 0; }
  .js .fade.in { opacity: 1; transition: opacity 1.2s cubic-bezier(.445,.05,.55,.95); }
}

/* =========================================================
   TABLET (751–1000 px) – Wix tu ukazuje desktop rozloženie
   v zúženej forme; zjednodušené, aby sa nič neprekrývalo.
   ========================================================= */
@media (max-width: 1000px) and (min-width: 751px) {
  .nav a { padding: 0 12px; font-size: 16px; }
  .about { height: auto; padding: 76px 40px 80px; display: grid; grid-template-columns: 40% 1fr; column-gap: 40px; align-items: start; }
  .about__title { position: static; grid-column: 1 / -1; margin-bottom: 60px; }
  .about__img { position: static; width: 100%; }
  .about__text { position: static; width: auto; }
  .flower--about { top: 150px; left: 25%; }
  .slide__inner { width: calc(100% - 80px); }
  .slide__img { width: 50%; }
  .slide[data-layout="img-right"] .slide__img { left: 50%; }
  .slide__text, .slide[data-layout="img-left"] .slide__text--narrow { width: calc(50% - 40px); }
  .slide[data-layout="img-left"] .slide__text, .slide[data-layout="img-left"] .slide__text--narrow { left: calc(50% + 40px); }
  .slide__text h2, .slide__text h3, .slide__text h3.t57 { font-size: 40px; line-height: 1.2; }
  .ss-prev { left: 12px; } .ss-next { right: 12px; }
  .support { padding: 40px; }
  .support__photo { width: 34%; }
  .support__bank { padding: 20px 24px; font-size: 18px; }
  .footer__partners { left: 40px; width: auto; right: 40px; }
}

/* =========================================================
   MOBILE (≤ 750 px) – Wix mobil: dizajn pre 320 px,
   škálovaný na šírku displeja → jednotka --u = 1 px pri 320.
   ========================================================= */
@media (max-width: 750px) {
  :root { --u: calc(100vw / 320); --header-h: calc(64 * var(--u)); }

  .site-header { padding: 0; }
  .logo { left: calc(103 * var(--u)); top: calc(9 * var(--u)); }
  .logo img { width: calc(114 * var(--u)); height: calc(45 * var(--u)); }
  .nav { display: none; }
  .burger {
    display: block; position: absolute; right: calc(20 * var(--u)); top: calc(19 * var(--u)); z-index: 2;
    width: calc(26 * var(--u)); height: calc(26 * var(--u));
    border: 0; padding: 0; background: none; cursor: pointer;
  }
  .burger span {
    position: absolute; left: 0; width: 100%; height: 2px; background: #000;
    transition: transform .3s ease, opacity .2s ease, top .3s ease;
  }
  .burger span:nth-child(1) { top: 18%; }
  .burger span:nth-child(2) { top: 48%; }
  .burger span:nth-child(3) { top: 78%; }
  .menu-open .burger span:nth-child(1) { top: 48%; transform: rotate(45deg); }
  .menu-open .burger span:nth-child(2) { opacity: 0; }
  .menu-open .burger span:nth-child(3) { top: 48%; transform: rotate(-45deg); }
  .mobile-menu {
    display: block; position: fixed; inset: 0; z-index: 45;
    background: var(--orange);
    padding-top: calc(55 * var(--u));
    opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s;
  }
  .mobile-menu[hidden] { display: block; }
  .menu-open .mobile-menu { opacity: 1; visibility: visible; }
  .menu-open .site-header { background: transparent; border-bottom-color: transparent; box-shadow: none; }
  .menu-open .site-header .logo { visibility: hidden; }
  .mobile-menu a {
    display: flex; align-items: center; justify-content: center;
    height: calc(57 * var(--u)); border-bottom: 1px solid var(--maroon);
    font-weight: 900; font-size: calc(20 * var(--u)); color: #000;
  }
  .site-header.is-scrolled { border-bottom-width: 3px; }

  /* hero */
  .hero { padding: calc(115 * var(--u)) 0 calc(37 * var(--u)); }
  .hero h1 { width: calc(280 * var(--u)); font-size: calc(32 * var(--u)); line-height: calc(32 * var(--u)); letter-spacing: calc(-.64 * var(--u)); }
  .hero__sub { width: calc(280 * var(--u)); margin: calc(10 * var(--u)) auto 0; font-size: calc(19 * var(--u)); line-height: calc(31.73 * var(--u)); }
  .hero__img { width: 100%; height: calc(178 * var(--u)); margin-top: calc(79 * var(--u)); }
  .flower { stroke-width: 3px; }
  .flower--hero { top: calc(-19 * var(--u)); left: calc(201 * var(--u)); width: calc(140 * var(--u)); height: calc(144 * var(--u)); }

  /* about */
  .about { height: auto; padding: calc(20 * var(--u)) 0 calc(158 * var(--u)); }
  .about__title { position: static; text-align: center; font-size: calc(27 * var(--u)); line-height: calc(32.4 * var(--u)); letter-spacing: calc(-.54 * var(--u)); }
  .about__img { position: static; width: 100%; height: calc(292 * var(--u)); margin-top: calc(20 * var(--u)); }
  .flower--about { top: calc(20 * var(--u)); left: calc(-18 * var(--u)); width: calc(140 * var(--u)); height: calc(144 * var(--u)); }
  .about__text { position: static; width: calc(280 * var(--u)); margin: calc(20 * var(--u)) auto 0; font-size: calc(14 * var(--u)); line-height: calc(18.2 * var(--u)); letter-spacing: calc(-.14 * var(--u)); }

  /* values */
  .values { display: block; min-height: 0; padding: calc(24 * var(--u)) 0 calc(88 * var(--u)); }
  .values__item { width: calc(280 * var(--u)); margin: 0 auto calc(57 * var(--u)); }
  .values__item:last-child { margin-bottom: 0; }
  .values__icon, .petal { width: calc(90 * var(--u)); height: calc(91 * var(--u)); }
  .values__icon { margin-bottom: 0; }
  .petal { transform: none; }
  .values .ico { margin-left: 0; }
  .values .ico { left: calc(20 * var(--u)); top: calc(15 * var(--u)); width: calc(50 * var(--u)); height: calc(66 * var(--u)); }
  .values h3 { font-size: calc(32 * var(--u)); line-height: calc(38.4 * var(--u)); letter-spacing: calc(-.64 * var(--u)); }
  .values p { width: 100%; margin-top: calc(10 * var(--u)); font-size: calc(20 * var(--u)); line-height: calc(26 * var(--u)); }

  .parallax { height: calc(320 * var(--u)); background-attachment: scroll; }

  /* services */
  .services { padding: calc(20 * var(--u)) 0 calc(95 * var(--u)); }
  .services__title { margin-left: calc(20 * var(--u)); font-size: calc(29 * var(--u)); line-height: calc(34.8 * var(--u)); letter-spacing: calc(-.58 * var(--u)); }
  .services__intro { margin: calc(10 * var(--u)) 0 0 calc(20 * var(--u)); width: calc(280 * var(--u)); font-size: calc(17 * var(--u)); line-height: calc(22.1 * var(--u)); letter-spacing: calc(-.17 * var(--u)); }
  .services__grid { display: block; margin: calc(67 * var(--u)) 0 0 calc(24 * var(--u)); padding: 0; }
  .svc-col { display: contents; }
  .svc { width: calc(280 * var(--u)); margin-bottom: calc(45 * var(--u)); }
  .svc:last-child { margin-bottom: 0; }
  .svc__blob { left: calc(-6 * var(--u)); top: calc(-10 * var(--u)); width: calc(60 * var(--u)); height: calc(62 * var(--u)); }
  .svc__num { font-size: calc(36 * var(--u)); line-height: calc(43.2 * var(--u)); letter-spacing: calc(-.72 * var(--u)); }
  .svc__title { position: static; width: 100%; margin-top: calc(10 * var(--u)); font-size: calc(21 * var(--u)); line-height: calc(23.1 * var(--u)); letter-spacing: calc(-.42 * var(--u)); }
  .svc p { width: 100%; margin-top: calc(10 * var(--u)); font-size: calc(15 * var(--u)); line-height: calc(19.5 * var(--u)); }
  .svc__line { margin-top: calc(16 * var(--u)); height: calc(6 * var(--u)); }

  /* slideshow */
  .slideshow { height: calc(828 * var(--u)); }
  .slide__inner { width: 100%; }
  .slide__text, .slide[data-layout] .slide__text, .slide[data-layout] .slide__text--narrow, .slide[data-layout] .slide__text--wide {
    left: calc(36 * var(--u)); top: calc(32 * var(--u)); width: calc(248 * var(--u));
  }
  .slide__text h2, .slide__text h3, .slide__text h3.t57 { font-size: calc(27 * var(--u)); line-height: calc(32.4 * var(--u)); letter-spacing: calc(-.54 * var(--u)); margin-bottom: calc(16 * var(--u)); }
  .slide__text p, .slide__text .p18 p { font-size: calc(16 * var(--u)); line-height: calc(20.8 * var(--u)); }
  .slide__img, .slide[data-layout] .slide__img { left: calc(20 * var(--u)); top: calc(589 * var(--u)); width: calc(280 * var(--u)); height: calc(179 * var(--u)); }
  .ss-arrow { top: calc(401 * var(--u)); width: calc(12 * var(--u)); height: calc(27 * var(--u)); }
  .ss-prev { left: calc(12 * var(--u)); }
  .ss-next { right: calc(12 * var(--u)); }
  .ss-dots { bottom: calc(47 * var(--u)); gap: calc(12 * var(--u)); }
  .ss-dots button { width: calc(6 * var(--u)); height: calc(6 * var(--u)); }

  /* partners */
  .partners { min-height: 0; padding: calc(20 * var(--u)) 0 calc(20 * var(--u)); }
  .partners__grid { row-gap: calc(20 * var(--u)); }
  .partners h2 { font-size: calc(27 * var(--u)); line-height: calc(32.4 * var(--u)); letter-spacing: calc(-.54 * var(--u)); }
  .partners__grid { width: calc(212 * var(--u)); margin-top: calc(20 * var(--u)); gap: calc(20 * var(--u)); }
  .partners__grid li { width: calc(96 * var(--u)); height: calc(96 * var(--u)); }
  .partners__grid img { width: calc(47 * var(--u)); height: calc(47 * var(--u)); }

  /* team */
  .team { min-height: 0; padding: calc(20 * var(--u)) 0 calc(20 * var(--u)); }
  .wrap { width: calc(280 * var(--u)); max-width: none; }
  .team h2 { font-size: calc(30 * var(--u)); letter-spacing: calc(-.6 * var(--u)); margin-bottom: calc(10 * var(--u)); }
  .team__text { font-size: calc(16 * var(--u)); line-height: calc(20.8 * var(--u)); }

  /* support */
  .support { padding: 0; margin-bottom: calc(20 * var(--u)); }
  .support__row { display: block; height: auto; }
  .support__box { padding: calc(20 * var(--u)) 0 calc(20 * var(--u)); min-height: calc(608 * var(--u)); }
  .support__content { width: calc(280 * var(--u)); max-width: none; transform: none; text-align: center; }
  .support h2 { font-size: calc(32 * var(--u)); line-height: calc(38.4 * var(--u)); letter-spacing: calc(-.64 * var(--u)); }
  .support__content p { margin-top: calc(10 * var(--u)); font-size: calc(12 * var(--u)); line-height: calc(15.6 * var(--u)); }
  .support__bank { width: calc(280 * var(--u)); min-height: calc(391 * var(--u)); margin-top: calc(20 * var(--u)); padding: calc(10 * var(--u)); font-size: calc(19 * var(--u)); line-height: calc(24.7 * var(--u)); letter-spacing: calc(-.19 * var(--u)); }
  .support__photo { width: 100%; height: calc(277 * var(--u)); }

  /* footer */
  .site-footer { height: calc(532 * var(--u)); }
  .footer__partners { top: calc(80 * var(--u)); left: calc(20 * var(--u)); width: calc(280 * var(--u)); }
  .footer__title { font-size: calc(24 * var(--u)); line-height: calc(31.2 * var(--u)); }
  .footer__partners ul { padding-left: calc(30 * var(--u)); font-size: calc(20 * var(--u)); line-height: calc(26 * var(--u)); }
  .share { top: calc(381 * var(--u)); gap: calc(5 * var(--u)); }
  .share__btn { width: calc(46 * var(--u)); height: calc(46 * var(--u)); }
  .share__btn svg { width: calc(26 * var(--u)); height: calc(26 * var(--u)); }
  .copyright { left: calc(20 * var(--u)); top: calc(457 * var(--u)); font-size: calc(14 * var(--u)); line-height: calc(18.2 * var(--u)); }

  .ig-bar { left: calc(10 * var(--u)); right: calc(10 * var(--u)); bottom: calc(28 * var(--u)); font-size: calc(14 * var(--u)); }
  .ig-bar__link { flex: 1; }
  .ig-bar__handle { display: block; }
}