/* БРОНХО-МУНАЛ® — broncho-munal.tabletki.ua
   Одиниця `u` у цьому вихідному файлі = 1 px макета, збирається у calc(N * var(--u)).
   Mobile (< 900px): макет 390, --u масштабується від ширини контейнера (до 560px).
   Desktop (>= 900px): макет 1280, --u = 1px на 1280+ і пропорційно менше на 900–1279. */

@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-regular.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/inter-italic.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-bold.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/inter-bolditalic.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(../fonts/inter-blackitalic.woff2) format("woff2")}

:root{
  --c-primary:#06436B;
  --c-accent:#45C3D3;
  --c-pink:#EC008C;
  --c-warn:#E6ECF0;
  --grad-btn:linear-gradient(180deg,#45C3D3 0%,#06436B 100%);
  --grad-btn-hover:linear-gradient(180deg,#2B88A1 0%,#06436B 100%);
  --grad-glass:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.02) 100%);
  /* Плашка самолікування: висота ЛІТЕР у % висоти екрана та частка літер у боксі графіки
     (виміряно растром: десктопна однорядкова .841, мобільна дворядкова .913) */
  --warn-cap:17.5svh;
  --warn-cap-ratio:.841;
  --warn-h:calc(var(--warn-cap) / var(--warn-cap-ratio));
  --warn-safe:env(safe-area-inset-bottom,0px);
}
@media (max-aspect-ratio:3/4){:root{--warn-cap-ratio:.913}}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--c-warn);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;padding-bottom:calc(var(--warn-h) + var(--warn-safe));font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#fff;font-variant-numeric:lining-nums proportional-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block}
picture{display:contents}
h1,h2,h3,p,ul,ol{margin:0;padding:0}
ul,ol{list-style:none}
b{font-weight:700}
sup{font-size:.6em;line-height:0;position:relative;top:-.62em;vertical-align:baseline;font-weight:400;font-style:inherit}
sup.r{font-size:.55em;top:-.85em;font-weight:inherit}
.nw{white-space:nowrap}
.vh{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.page{container-type:inline-size;background:var(--c-primary);overflow-x:clip;position:relative;z-index:0}
main{--u:calc(min(100cqw, 560px) / 390)}
.wrap{position:relative;width:calc(390*var(--u));margin-inline:auto}
section{scroll-margin-top:0}

.h2{font-weight:700;font-size:calc(26*var(--u));line-height:1.2}
.lead{font-size:calc(17.33*var(--u));line-height:1.2}
.slogan{font-size:calc(26*var(--u));line-height:1.2}
.glass{background:var(--grad-glass);box-shadow:inset 0 calc(-4.33*var(--u)) calc(21.67*var(--u)) rgba(255,255,255,.25)}
.glow{position:absolute;z-index:-1;border-radius:50%;background:var(--c-accent);pointer-events:none}

/* ---------- Кнопки: Default / Hover / Pressed (секція «КНОПКИ» у макеті) ---------- */
.btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:700;line-height:1.35;text-decoration:none;border-radius:999px;overflow:hidden;background:var(--grad-btn);-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grad-btn-hover);opacity:0;transition:opacity .25s ease}
.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:rgba(255,255,255,0);box-shadow:inset 0 calc(-4.33*var(--u)) calc(21.67*var(--u)) rgba(69,195,211,.75);transition:background-color .12s ease}
.btn>span{position:relative}
@media (hover:hover){.btn:hover::before{opacity:1}}
.btn:active::after{background:rgba(255,255,255,.4)}
.btn:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ================= 1. HERO ================= */
.hero{position:relative}
.hero__bg{position:absolute;left:0;right:0;top:0;height:calc(264*var(--u));overflow:hidden}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero__bg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(rgba(6,67,107,0),var(--c-primary))}
.hero__haze{position:absolute;left:calc(50% - calc(221*var(--u)));top:calc(15.17*var(--u));width:calc(385.67*var(--u));height:calc(144.08*var(--u));border-radius:50%;background:#fff;opacity:.6;filter:blur(calc(54.17*var(--u)))}
.hero__wrap{height:calc(868*var(--u))}
.hero__title{position:absolute;left:calc(17*var(--u));top:calc(55*var(--u));width:calc(360*var(--u));color:var(--c-primary);text-transform:uppercase;font-weight:400}
.hero__t1{display:block;font-weight:700;font-size:calc(34.67*var(--u));line-height:1.2}
.hero__t2{display:block;font-size:calc(26*var(--u));line-height:1.2}
.hero__bp{position:absolute;left:calc(27*var(--u));top:calc(171*var(--u));width:calc(336*var(--u));height:calc(284*var(--u))}
.hero__card{position:absolute;left:calc(217*var(--u));top:calc(142*var(--u));width:calc(119.17*var(--u));padding:calc(17.33*var(--u)) calc(15.17*var(--u)) calc(17.33*var(--u)) calc(32.5*var(--u));border-radius:calc(4.33*var(--u)) calc(17.33*var(--u)) calc(17.33*var(--u)) calc(17.33*var(--u));background:linear-gradient(316deg,rgba(69,195,211,.85) 25.78%,rgba(6,67,107,.85) 122.74%);-webkit-backdrop-filter:blur(calc(8.13*var(--u)));backdrop-filter:blur(calc(8.13*var(--u)))}
.hero__card p{font-weight:700;font-style:italic;font-size:calc(13*var(--u));line-height:1.21;letter-spacing:.01em}
.hero__bp-shadow{position:absolute;left:calc(-9.9*var(--u));top:calc(179.1*var(--u));width:calc(242.5*var(--u));height:calc(108.6*var(--u));overflow:visible}
.hero__bp-img{position:absolute;left:calc(33*var(--u));top:0;width:calc(210*var(--u));height:calc(284*var(--u))}
.hero__packs{position:absolute;left:calc(32.07*var(--u));top:calc(445.47*var(--u));width:calc(329.1*var(--u));height:auto}
.hero__cta{position:absolute;left:calc(103*var(--u));top:calc(653.25*var(--u));width:calc(185*var(--u));height:calc(52*var(--u));font-size:calc(19.5*var(--u))}
.hero__nav{position:absolute;left:calc(17.33*var(--u));top:calc(737.75*var(--u));width:calc(355.33*var(--u));display:grid;grid-template-columns:1fr 1fr;gap:calc(17.33*var(--u))}
.btn--nav{height:calc(56*var(--u));font-size:calc(10.83*var(--u))}

/* ================= 2. ЯК ПРИЙМАТИ ================= */
.how .wrap{padding:calc(20*var(--u)) calc(17*var(--u))}
.how__lead{margin-top:calc(13*var(--u));max-width:calc(348*var(--u))}
.how__label{margin-top:calc(28*var(--u));font-weight:700;font-style:italic;font-size:calc(19.5*var(--u));line-height:1.2}
.how__label sup{font-weight:400}
.months{margin:calc(26*var(--u)) calc(-17*var(--u)) 0}
.months__track{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc(17*var(--u));padding:0 calc(17*var(--u));scrollbar-width:none;outline:none}
.months__track::-webkit-scrollbar{display:none}
.months__track::after{content:"";flex:0 0 1px}
.month{position:relative;flex:0 0 calc(337*var(--u));height:calc(263*var(--u));border-radius:calc(26*var(--u));scroll-snap-align:start}
.month__t{position:absolute;left:0;right:0;top:calc(23*var(--u));text-align:center;font-weight:700;font-size:calc(23.83*var(--u));line-height:1.2}
.month__hl{position:absolute;border-radius:999px;background:var(--c-accent)}
.month__hl--1{left:calc(23.83*var(--u));top:calc(61.75*var(--u));width:calc(290.33*var(--u));height:calc(35.75*var(--u))}
.month__hl--2{left:calc(23.83*var(--u));top:calc(97.5*var(--u));width:calc(128.92*var(--u));height:calc(35.75*var(--u))}
.month__days{position:absolute;left:calc(24.83*var(--u));top:calc(61.75*var(--u));display:grid;grid-template-columns:repeat(7,calc(41.33*var(--u)));grid-auto-rows:calc(35.33*var(--u));font-size:calc(26*var(--u));line-height:1.2}
.month__days li{display:flex;align-items:center;justify-content:center}
.month__days .on{font-weight:700}
.months__arr{flex:0 0 calc(38*var(--u));align-self:stretch;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.months__arr svg{width:calc(12.25*var(--u));height:calc(21.67*var(--u))}
.how__row{margin-top:calc(28*var(--u))}
.how__packs{position:relative;width:calc(337*var(--u));height:calc(222*var(--u))}
.how__packs img{position:absolute;left:calc(1.1*var(--u));top:0;width:calc(335.9*var(--u));height:auto}
.glow--how{left:calc(-4.06*var(--u));top:calc(-29.67*var(--u));width:calc(363.12*var(--u));height:calc(265.24*var(--u));opacity:.5;filter:blur(calc(50.7*var(--u)))}
.how__content{margin-top:calc(28*var(--u))}
.dose{margin-top:calc(26*var(--u));display:grid;gap:calc(17.5*var(--u))}
.dose li{display:flex;align-items:flex-start;gap:calc(13.5*var(--u));font-size:calc(21.67*var(--u));line-height:1.2}
.dose li>span{padding-top:calc(3.25*var(--u))}
.dose__ic{flex:0 0 calc(32.5*var(--u));width:calc(32.5*var(--u));height:calc(32.5*var(--u))}

/* ================= 3. ПОКАЗАННЯ ================= */
.ind .wrap{padding:calc(20*var(--u)) calc(17*var(--u))}
.ind__card{margin-top:calc(31*var(--u));padding:calc(26*var(--u)) calc(32.5*var(--u));border-radius:calc(26*var(--u))}
.ind__card p{font-size:calc(17.33*var(--u));line-height:1.2}
.ind__card b{font-size:1.5em}
.ind__cons{margin-top:calc(31*var(--u))}
.ind__h3{font-weight:900;font-style:italic;font-size:calc(19.5*var(--u));line-height:1.2}
.bullets{margin-top:calc(26*var(--u));display:grid;gap:calc(22.75*var(--u))}
.bullets li{position:relative;padding-left:calc(35*var(--u));font-size:calc(19.5*var(--u));line-height:1.2}
.bullets li::before{content:"";position:absolute;left:0;top:calc(.6em - calc(6.5*var(--u)) + calc(4.6*var(--u)));width:calc(13*var(--u));height:calc(13*var(--u));border-radius:50%;background:var(--c-accent)}
.ind__cal{margin:calc(31*var(--u)) 0 0 calc(-8.53*var(--u));width:calc(356.7*var(--u));height:auto;margin-bottom:calc(-0.6*var(--u))}
.ind__risk{display:flex;flex-direction:column}
.ind__risk-content{margin-top:calc(31*var(--u))}
.ind__bp{order:2}
.ind__note{margin-top:calc(20*var(--u));font-size:calc(15.17*var(--u));line-height:1.2}
.checks{margin-top:calc(32*var(--u));display:grid;gap:calc(25.5*var(--u))}
.checks li{display:flex;align-items:center;gap:calc(17.33*var(--u));padding:calc(17.33*var(--u)) calc(26*var(--u));border-radius:calc(52*var(--u));font-weight:700;font-style:italic;font-size:calc(17.33*var(--u));line-height:1.2;letter-spacing:-.01em}
.checks__ic{flex:0 0 calc(26*var(--u));width:calc(26*var(--u));height:calc(26*var(--u))}
.ind__bp{position:relative;margin-top:calc(31*var(--u));width:calc(350*var(--u));height:calc(436*var(--u))}
.ind__bp-shadow{position:absolute;left:calc(-27.46*var(--u));top:calc(296.1*var(--u));width:calc(319.1*var(--u));height:calc(141.9*var(--u));overflow:visible}
.ind__bp-img{position:absolute;left:calc(8*var(--u));top:0;width:calc(325*var(--u));height:calc(436*var(--u))}
.tag{position:absolute;left:calc(194.17*var(--u));top:calc(8.92*var(--u));width:calc(155.85*var(--u));height:calc(65.14*var(--u));padding:calc(15.82*var(--u)) calc(19.77*var(--u));border-radius:calc(15.82*var(--u));background:var(--c-pink);display:flex;flex-direction:column;justify-content:center;gap:calc(8.4*var(--u))}
.tag__t{font-weight:900;font-style:italic;font-size:calc(13.84*var(--u));line-height:1.2;letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap}
.tag__dots{width:calc(63.27*var(--u));height:calc(7.91*var(--u))}

/* ================= 4. ПРО ================= */
.about .wrap{padding:calc(20*var(--u)) calc(17*var(--u))}
.about__title{text-transform:uppercase}
.about__lead{margin-top:calc(19*var(--u))}
.about__vis{position:relative;margin-top:calc(21*var(--u));width:calc(373*var(--u));height:calc(292*var(--u))}
.about__pack{display:none}
.about__caps{position:absolute;left:0;top:0;width:calc(233*var(--u));height:calc(292*var(--u))}
.about__caps img{position:absolute;left:calc(-3.92*var(--u));top:calc(-20*var(--u));width:calc(268.3*var(--u));height:auto}
.glow--about{left:calc(7.82*var(--u));top:calc(49.91*var(--u));width:calc(190.63*var(--u));height:calc(190.63*var(--u));filter:blur(calc(54.17*var(--u)))}
.bact li{position:absolute;display:flex;align-items:center;gap:calc(13*var(--u));font-weight:700;font-style:italic;font-size:calc(13*var(--u));line-height:1.2;letter-spacing:-.01em}
.bact__s{position:relative;flex:0 0 calc(26*var(--u));width:calc(26*var(--u));height:calc(26*var(--u))}
.bact__s img{width:100%;height:100%}
.bact__s::before{content:"";position:absolute;left:4%;width:89%;top:85%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,20,40,.55),rgba(0,20,40,0));filter:blur(calc(1.5*var(--u)));z-index:-1}
.bact li:nth-child(1){left:calc(157*var(--u));top:calc(3*var(--u))}.bact li:nth-child(1) span{width:calc(152*var(--u))}
.bact li:nth-child(2){left:calc(188*var(--u));top:calc(47*var(--u))}.bact li:nth-child(2) span{width:calc(114*var(--u))}
.bact li:nth-child(3){left:calc(213*var(--u));top:calc(90*var(--u))}.bact li:nth-child(3) span{width:calc(110*var(--u))}
.bact li:nth-child(4){left:calc(213*var(--u));top:calc(148*var(--u))}.bact li:nth-child(4) span{width:calc(124*var(--u))}
.bact li:nth-child(5){left:calc(188*var(--u));top:calc(207*var(--u))}.bact li:nth-child(5) span{width:calc(119*var(--u))}
.bact li:nth-child(6){left:calc(145*var(--u));top:calc(250*var(--u))}.bact li:nth-child(6) span{width:calc(185*var(--u))}

/* ================= 5. ПЕРЕВАГИ ================= */
.adv .wrap{padding:calc(20*var(--u)) calc(17*var(--u))}
.adv__title{font-size:calc(23.83*var(--u));white-space:nowrap}
.adv__list{margin-top:calc(26*var(--u));display:grid;gap:calc(17.5*var(--u))}
.adv__list li{display:flex;align-items:center;gap:calc(12.67*var(--u));font-size:calc(19.5*var(--u));line-height:1.35}
.adv__list li:first-child{line-height:1.2}
.adv__list li>span{margin-right:calc(-6*var(--u))}
.adv__tight{letter-spacing:-.03em}
.adv__ic{flex:0 0 calc(43.33*var(--u));width:calc(43.33*var(--u));height:calc(43.33*var(--u))}
.adv__packs{position:relative;margin-left:calc(1*var(--u));width:calc(318*var(--u));height:calc(243*var(--u))}
.adv__packs img{position:absolute;left:0;top:calc(52*var(--u));width:calc(318*var(--u));height:auto}
.glow--adv{left:calc(-20.48*var(--u));top:calc(-11.42*var(--u));width:calc(343.55*var(--u));height:calc(288.16*var(--u));opacity:.5;filter:blur(calc(69.83*var(--u)))}
.adv__slogan{display:none}

/* ================= 6. ОБОВ'ЯЗКОВА ІНФОРМАЦІЯ ================= */
/* Кегль погоджено округлити: 9.75 → 10 px (mobile), 10.67 → 11 px (desktop); інтерліньяж 120%, ліве вирівнювання — як у макеті. Не масштабується разом з u. */
.legal{position:relative}
.legal .wrap{padding:calc(20*var(--u)) calc(24*var(--u)) 0}
.legal__text{font-size:10px;line-height:1.2;white-space:pre-line;overflow-wrap:break-word}
.legal__wave{position:relative;height:calc(27.016*var(--u))}
.legal__wave::before,.legal__wave::after{content:"";position:absolute;bottom:0;width:calc((100% - calc(390*var(--u))) / 2 + 1px);background:rgba(255,255,255,.9)}
.legal__wave::before{left:0;height:calc(6.1*var(--u))}
.legal__wave::after{right:0;top:0}
.legal__wave-in{height:100%}
.legal__wave-in svg{position:absolute;inset:0;width:100%;height:100%}
.legal__wave-d{display:none}

/* ================= 7. САМОЛІКУВАННЯ ================= */
.warn{position:fixed;left:0;right:0;bottom:0;z-index:100;height:calc(var(--warn-h) + var(--warn-safe));padding-bottom:var(--warn-safe);background:var(--c-warn);pointer-events:none}
.warn svg{width:100%;height:100%}
.warn__d{display:block}
.warn__m{display:none}
@media (max-aspect-ratio:3/4){.warn__d{display:none}.warn__m{display:block}}

/* ================= Анімації появи (одноразові) ================= */
.js [data-r]{opacity:0;translate:0 40px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.65,.25,1),scale .9s cubic-bezier(.2,.65,.25,1);transition-delay:var(--d,0ms)}
.js [data-r=left]{translate:-60px 0}
.js [data-r=right]{translate:60px 0}
.js [data-r=zoom]{translate:none;scale:.9}
.js [data-r].is-in{opacity:1;translate:none;scale:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-r]{opacity:1;translate:none;scale:none;transition:none}
}

/* =====================================================================
   DESKTOP >= 900px (макет 1280)
   ===================================================================== */
@media (min-width:900px){
  main{--u:min(1px, 100cqw / 1280)}
  .wrap{width:calc(1280*var(--u))}

  .h2{font-size:calc(42.67*var(--u))}
  .lead{font-size:calc(24*var(--u))}
  .slogan{font-size:calc(32*var(--u))}
  .glass{box-shadow:inset 0 calc(-2.67*var(--u)) calc(13.33*var(--u)) rgba(255,255,255,.25)}
  .btn::after{box-shadow:inset 0 calc(-2.67*var(--u)) calc(13.33*var(--u)) rgba(69,195,211,.75)}

  /* hero */
  .hero__bg{top:calc(-125.33*var(--u));height:calc(866.67*var(--u))}
  .hero__bg::after{height:14%}
  .hero__haze{left:calc(50% - calc(632*var(--u)));top:calc(-23.33*var(--u));width:calc(984*var(--u));height:calc(367.33*var(--u));filter:blur(calc(33.33*var(--u)))}
  .hero__wrap{height:calc(855*var(--u))}
  .hero__title{left:calc(107*var(--u));top:calc(80.67*var(--u));width:auto}
  .hero__t1{font-size:calc(80*var(--u));line-height:1;margin:-.1362em 0}
  .hero__t2{font-size:calc(53.33*var(--u));line-height:1;margin:calc(calc(84*var(--u)) - calc(58*var(--u)) - .1362em) 0 -.1362em}
  .hero__bp{left:calc(107*var(--u));top:calc(245.67*var(--u));width:calc(507.33*var(--u));height:calc(449.33*var(--u))}
  .hero__card{left:calc(345.33*var(--u));top:calc(260*var(--u));width:calc(162*var(--u));padding:calc(10.67*var(--u)) calc(9.33*var(--u)) calc(10.67*var(--u)) calc(49.33*var(--u));border-radius:calc(2.67*var(--u)) calc(10.67*var(--u)) calc(10.67*var(--u)) calc(10.67*var(--u));-webkit-backdrop-filter:blur(calc(5*var(--u)));backdrop-filter:blur(calc(5*var(--u)))}
  .hero__card p{font-size:calc(18.67*var(--u))}
  .hero__bp-shadow{left:calc(-15.7*var(--u));top:calc(284.3*var(--u));width:calc(384*var(--u));height:calc(172*var(--u))}
  .hero__bp-img{left:calc(52*var(--u));width:calc(331.83*var(--u));height:calc(449.33*var(--u))}
  .hero__packs{left:calc(691.83*var(--u));top:calc(324.67*var(--u));width:calc(463.5*var(--u))}
  .hero__cta{left:calc(790*var(--u));top:calc(625.67*var(--u));width:calc(271*var(--u));height:calc(69.33*var(--u));font-size:calc(24*var(--u))}
  .hero__nav{left:calc(132*var(--u));top:calc(732.67*var(--u));width:calc(1016.67*var(--u));display:flex;justify-content:space-between;gap:0}
  .btn--nav{height:calc(69.33*var(--u));padding:0 calc(53.33*var(--u));font-size:calc(12*var(--u))}

  /* how */
  .how .wrap{padding:calc(43*var(--u)) calc(105*var(--u))}
  .how__lead{margin-top:calc(16*var(--u));max-width:calc(855*var(--u))}
  .how__label{margin-top:calc(78*var(--u));font-size:calc(28*var(--u))}
  .months{margin:calc(24*var(--u)) 0 0 calc(2*var(--u))}
  .months__track{overflow:visible;padding:0;scroll-snap-type:none}
  .months__track::after{content:none}
  .month{flex:0 0 calc(338*var(--u));height:calc(263.33*var(--u));border-radius:calc(32*var(--u))}
  .month__t{top:calc(22*var(--u));font-size:calc(24*var(--u))}
  .month__hl--1{left:calc(20.67*var(--u));top:calc(62.67*var(--u));width:calc(298.67*var(--u));height:calc(35.33*var(--u))}
  .month__hl--2{left:calc(21*var(--u));top:calc(98*var(--u));width:calc(126*var(--u));height:calc(35.33*var(--u))}
  .month__days{left:calc(21.33*var(--u));top:calc(62.67*var(--u));grid-template-columns:repeat(7,calc(37*var(--u)));column-gap:calc(5.33*var(--u));grid-auto-rows:calc(34*var(--u));row-gap:calc(2*var(--u));font-size:calc(24*var(--u))}
  .months__arr{flex-basis:calc(26*var(--u));cursor:default;pointer-events:none}
  .months__arr svg{width:calc(8.67*var(--u));height:calc(15.33*var(--u))}
  .how__row{margin-top:calc(78*var(--u));display:flex;align-items:flex-start;gap:calc(105*var(--u))}
  .how__packs{flex:0 0 calc(443*var(--u));height:calc(292*var(--u))}
  .how__packs img{left:calc(1*var(--u));width:calc(442*var(--u))}
  .glow--how{left:calc(-5.33*var(--u));top:calc(-39*var(--u));width:calc(477.33*var(--u));height:calc(348.67*var(--u));opacity:.7;filter:blur(calc(66.67*var(--u)))}
  .how__content{margin-top:0;flex:0 0 calc(520*var(--u));padding-left:calc(90*var(--u));border-left:max(1px, calc(1.33*var(--u))) solid #fff}
  .dose{margin-top:calc(18*var(--u));gap:calc(21.33*var(--u))}
  .dose li{gap:calc(8*var(--u));font-size:calc(16*var(--u))}
  .dose li>span{padding-top:calc(6.4*var(--u))}
  .dose__ic{flex-basis:calc(32*var(--u));width:calc(32*var(--u));height:calc(32*var(--u))}

  /* indications */
  .ind .wrap{padding:calc(27*var(--u)) calc(105*var(--u))}
  .ind__card{margin-top:calc(39*var(--u));width:calc(1066.67*var(--u));padding:calc(32*var(--u)) calc(37.33*var(--u));border-radius:calc(32*var(--u))}
  .ind__card p{font-size:calc(32*var(--u))}
  .ind__card b{font-size:1em}
  .ind__cons{margin-top:calc(39*var(--u));position:relative;height:calc(451*var(--u))}
  .ind__cons-text{width:calc(547*var(--u))}
  .ind__h3{font-size:calc(37.33*var(--u))}
  .bullets{margin-top:calc(24*var(--u));gap:calc(16*var(--u))}
  .bullets li{padding-left:calc(21*var(--u));font-size:calc(24*var(--u));width:calc(530*var(--u))}
  .bullets li::before{top:calc(10.67*var(--u));width:calc(8*var(--u));height:calc(8*var(--u))}
  .ind__cal{position:absolute;left:calc(531.33*var(--u));top:calc(21.17*var(--u));margin:0;width:calc(549.5*var(--u))}
  .ind__risk{display:block;margin-top:calc(39*var(--u));position:relative;height:calc(522*var(--u))}
  .ind__bp{position:absolute;left:calc(14*var(--u));top:0;margin:0;width:calc(490*var(--u));height:calc(522*var(--u))}
  .ind__bp-shadow{left:calc(-15.7*var(--u));top:calc(361.3*var(--u));width:calc(389*var(--u));height:calc(173*var(--u))}
  .ind__bp-img{left:calc(27*var(--u));top:calc(20*var(--u));width:calc(368*var(--u));height:calc(493*var(--u))}
  .tag{left:calc(280*var(--u));top:0;width:calc(210.2*var(--u));height:calc(87.86*var(--u));padding:calc(21.33*var(--u)) calc(26.67*var(--u));border-radius:calc(21.33*var(--u));gap:calc(11.33*var(--u))}
  .tag__t{font-size:calc(18.67*var(--u))}
  .tag__dots{width:calc(85.33*var(--u));height:calc(10.67*var(--u))}
  .ind__risk-content{position:absolute;left:calc(546*var(--u));top:calc(92*var(--u));width:calc(488*var(--u));margin:0}
  .ind__note{margin-top:calc(16*var(--u));font-size:calc(16*var(--u))}
  .checks{margin-top:calc(32*var(--u));gap:calc(16*var(--u))}
  .checks li{gap:calc(13.33*var(--u));padding:calc(16*var(--u)) calc(24*var(--u));border-radius:calc(32*var(--u));font-size:calc(24*var(--u))}
  .checks__ic{flex-basis:calc(24*var(--u));width:calc(24*var(--u));height:calc(24*var(--u))}

  /* about */
  .about .wrap{padding:calc(56*var(--u)) calc(105*var(--u))}
  .about__lead{margin-top:calc(16*var(--u));max-width:calc(855*var(--u))}
  .about__vis{margin-top:calc(56*var(--u));width:calc(1043*var(--u));height:calc(372*var(--u));margin-left:calc(2*var(--u))}
  .about__pack{display:block;position:absolute;left:calc(-4*var(--u));top:calc(57.32*var(--u));width:calc(393*var(--u));height:auto}
  .about__caps{left:calc(389*var(--u));width:calc(297*var(--u));height:calc(372*var(--u))}
  .about__caps img{left:calc(-5*var(--u));top:calc(-25.5*var(--u));width:calc(342*var(--u))}
  .glow--about{left:calc(-239.67*var(--u));top:calc(-96.33*var(--u));width:calc(626*var(--u));height:calc(626*var(--u));opacity:.8;filter:blur(calc(166.67*var(--u)))}
  .bact li{gap:calc(12*var(--u));font-size:calc(16*var(--u))}
  .bact li span{width:auto !important;white-space:nowrap}
  .bact__s{flex-basis:calc(30*var(--u));width:calc(30*var(--u));height:calc(30*var(--u))}
  .bact li:nth-child(1){left:calc(696*var(--u));top:0}
  .bact li:nth-child(2){left:calc(722*var(--u));top:calc(64*var(--u))}
  .bact li:nth-child(3){left:calc(742*var(--u));top:calc(127*var(--u))}
  .bact li:nth-child(4){left:calc(742*var(--u));top:calc(191*var(--u))}
  .bact li:nth-child(5){left:calc(722*var(--u));top:calc(254*var(--u))}
  .bact li:nth-child(6){left:calc(686*var(--u));top:calc(318*var(--u))}
  .bact li{height:calc(43*var(--u))}

  /* advantages */
  .adv .wrap{padding:calc(40*var(--u)) calc(105*var(--u))}
  .adv__row{position:relative;height:calc(348*var(--u))}
  .adv__text{width:calc(593*var(--u))}
  .adv__title{font-size:calc(42.67*var(--u))}
  .adv__list{margin-top:calc(32*var(--u));gap:calc(16*var(--u))}
  .adv__list li{align-items:flex-start;gap:calc(21.33*var(--u));font-size:calc(24*var(--u));width:calc(547*var(--u))}
  .adv__list li>span{margin-right:0}
  .adv__ic{flex-basis:calc(66.67*var(--u));width:calc(66.67*var(--u));height:calc(66.67*var(--u))}
  .adv__packs{position:absolute;left:calc(618.33*var(--u));top:0;margin:0;width:calc(456*var(--u));height:calc(348*var(--u))}
  .adv__packs img{top:calc(74*var(--u));width:calc(456*var(--u))}
  .glow--adv{left:calc(-29.33*var(--u));top:calc(-16.35*var(--u));width:calc(492*var(--u));height:calc(412.67*var(--u));opacity:.8;filter:blur(calc(100*var(--u)))}
  .adv__slogan{display:block;margin-top:calc(63*var(--u));text-align:center;font-size:calc(53.33*var(--u));line-height:1.2}
  .adv__slogan b{font-size:1.25em}

  /* legal */
  .legal .wrap{padding:calc(20*var(--u)) calc(60*var(--u)) 0 calc(108*var(--u))}
  .legal__text{font-size:11px;max-width:calc(1110*var(--u))}
  .legal__wave{height:calc(88.667*var(--u));margin-top:calc(-40*var(--u))}
  .legal__wave::before,.legal__wave::after{width:calc((100% - calc(1280*var(--u))) / 2 + 1px)}
  .legal__wave::before{height:calc(20.02*var(--u))}
  .legal__wave-d{display:block}
  .legal__wave-m{display:none}
}

/* ультраширокі: зображення героя кадрується, тож плавний перехід у фон робимо довшим */
@media (min-width:1600px){.hero__bg::after{height:32%}}