/* Колдрекс — coldrex.tabletki.ua
   Розміри задані в одиницях макета: calc(var(--u) * N), де N — px із Figma.
   Мобільна розкладка (база) — фрейм 390, десктоп (>=1024) — фрейм 1280.
   --u рахується від ширини .page (container query), тому смуга прокрутки
   не дає горизонтального переповнення. */

@font-face{font-family:"Century Gothic";src:url(../fonts/centurygothic-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Century Gothic";src:url(../fonts/centurygothic-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Geologica";src:url(../fonts/geologica-cyrillic-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";src:url(../fonts/geologica-latin-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geologica";src:url(../fonts/geologica-cyrillic-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";src:url(../fonts/geologica-latin-500.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat Tagline";src:url(../fonts/montserrat-tagline-cyr.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0400-045F}
@font-face{font-family:"Montserrat Tagline";src:url(../fonts/montserrat-tagline-lat.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2019}

:root{
  --navy:#000579;
  --ink:#25318d;
  --badge:#0c3388;
  --c-blitz:#ecc533;
  --c-max:#e02011;
  --c-hotrem:#5bc255;
  --c-c:#f3960e;
  --btn-a:#3751d6;
  --btn-b:#2cb1ff;
  --btn-light-a:#f7faff;
  --btn-light-b:#95c0fa;
  --ff-cg:"Century Gothic",CenturyGothic,"URW Gothic","Avant Garde",sans-serif;
  --ff-geo:"Geologica",system-ui,sans-serif;
  --ff-tag:"Montserrat Tagline","Montserrat",sans-serif;

  /* Плашка самолікування: висота БУКВ = 15% висоти екрана.
     Частка букв у боксі графіки (без виносних «Д») виміряна растром: 0.842 */
  --warn-cap:15.3vh; /* 15% + запас на згладжування */
  --warn-cap-ratio:.842;
  --warn-h:calc(var(--warn-cap) / var(--warn-cap-ratio));
}
@supports (height:1svh){:root{--warn-cap:15.3svh}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font-family:var(--ff-cg);padding-bottom:var(--warn-h);overflow-x:hidden}
img,svg,picture{display:block;max-width:none}
h1,h2,h3,p,ol,ul{margin:0;padding:0}
ul{list-style:none}
a{color:inherit}
sup{font-size:.645em;line-height:0;vertical-align:baseline;position:relative;top:-.62em}

.page{container-type:inline-size;width:100%;overflow-x:clip}
.page *{--u:calc(min(100cqw, 560px) / 390)}
@media (min-width:1024px){.page *{--u:calc(min(100cqw, 1280px) / 1280)}}

.wrap{position:relative;width:calc(var(--u)*390);margin:0 auto}
@media (min-width:1024px){.wrap{width:calc(var(--u)*1280)}}

.m-only{display:initial}
.d-only{display:none}
@media (min-width:1024px){.m-only{display:none}.d-only{display:initial}}

/* ---------- Кнопки ---------- */
.btn{position:relative;display:flex;align-items:center;justify-content:center;flex:none;text-decoration:none;font-family:var(--ff-cg);font-weight:700;white-space:nowrap;
  border-radius:calc(var(--u)*51.075);width:calc(var(--u)*184.891);height:calc(var(--u)*45.967);font-size:calc(var(--u)*18.712);line-height:calc(var(--u)*23);
  cursor:pointer;-webkit-tap-highlight-color:transparent;transition:scale .16s cubic-bezier(.3,.7,.4,1),filter .2s ease,box-shadow .2s ease;touch-action:manipulation}
.btn::before{content:"";position:absolute;inset:-6px -4px} /* більша зона натискання без зсуву верстки */
.btn:active,.btn.is-pressed{scale:.92;transition-duration:.08s}
.btn:focus-visible{outline:2px solid var(--btn-b);outline-offset:3px}
@media (hover:hover){.btn:hover{filter:brightness(1.06)}}
.btn--blue{color:#fff;background:linear-gradient(90deg,var(--btn-a) 0%,var(--btn-b) 100%);box-shadow:0 calc(var(--u)*4.358) calc(var(--u)*21.79) rgba(0,0,0,.25)}
.btn--light{color:var(--navy);background:linear-gradient(90deg,var(--btn-light-a) 0%,var(--btn-light-b) 100%)}
@media (min-width:1024px){
  .btn--blue{border-radius:calc(var(--u)*36.95);width:calc(var(--u)*133.8);height:calc(var(--u)*33.3);font-size:calc(var(--u)*13.54);line-height:calc(var(--u)*17);box-shadow:0 calc(var(--u)*3.153) calc(var(--u)*15.764) rgba(0,0,0,.25)}
  .btn--light{border-radius:calc(var(--u)*52.545);width:calc(var(--u)*190.213);height:calc(var(--u)*47.291);font-size:calc(var(--u)*19.251);line-height:calc(var(--u)*24)}
}

/* ---------- Перший екран ---------- */
.hero{position:relative;overflow:hidden;background:#fff;height:calc(var(--u)*716.8)}
.hero__bg{position:absolute;top:0;left:calc(50% - var(--u)*(43.42 + 636.5055));width:calc(var(--u)*1273.011);height:calc(var(--u)*716.816)}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__fade{display:none}
.hero .wrap{height:100%}
.hero__logo{position:absolute;left:calc(var(--u)*21.79);top:calc(var(--u)*21.79);width:calc(var(--u)*66)}
.hero__stada{width:calc(var(--u)*64.842);height:calc(var(--u)*38.753)}
.hero__tagline{position:absolute;left:0;right:0;top:calc(var(--u)*43.29);text-align:center;color:#fff;font-family:var(--ff-tag);font-weight:400;white-space:nowrap;font-size:calc(var(--u)*4.383);line-height:calc(var(--u)*5)}
.hero__pack{position:absolute;left:calc(var(--u)*46.704);top:calc(var(--u)*88.24);width:calc(var(--u)*296.932);height:calc(var(--u)*233.128)}
.hero__pack img{width:100%;height:100%;object-fit:cover}
.hero__text{position:absolute;left:calc(var(--u)*42.5);top:calc(var(--u)*354.43);width:calc(var(--u)*304.655);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u)*30.645);
  filter:drop-shadow(calc(var(--u)*2.298) calc(var(--u)*3.831) calc(var(--u)*3.064) rgba(0,0,0,.5))}
.hero__h1{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*5.363);width:100%;color:#fff;font-family:var(--ff-geo);font-weight:500;text-align:center}
.hero__brand{width:calc(var(--u)*300.077);height:calc(var(--u)*58.595)}
.hero__max{display:block;width:100%;font-size:calc(var(--u)*53.748);line-height:calc(var(--u)*67)}
.hero__dose{display:block;position:relative;margin-right:calc(var(--u)*7);white-space:nowrap;font-size:calc(var(--u)*47.001);line-height:calc(var(--u)*59)}
.hero__dose-n{position:absolute;left:calc(100% + var(--u)*0.28);top:calc(var(--u)*8.91);font-size:calc(var(--u)*15.192);line-height:calc(var(--u)*19)}
.hero__sub{display:block;width:100%;text-align:left;font-size:calc(var(--u)*22.133);line-height:calc(var(--u)*25.798)}
.hero__sub sup{top:-.55em}

@media (min-width:1024px){
  .hero{height:calc(var(--u)*504.434);background:var(--navy)}
  .hero__bg{top:calc(var(--u)*-55.171);left:calc(50% - var(--u)*(640 - 94.355));width:calc(var(--u)*1092.64);height:calc(var(--u)*615.251)}
  .hero__fade{display:block;position:absolute;top:calc(var(--u)*-55.171);height:calc(var(--u)*615.567)}
  .hero__fade--l{left:calc(50% - var(--u)*(640 - 93.005));width:calc(var(--u)*78.113);background:linear-gradient(90deg,var(--navy),rgba(0,5,121,0))}
  .hero__fade--r{left:calc(50% - var(--u)*(640 - 1068.768));width:calc(var(--u)*118.227);background:linear-gradient(270deg,var(--navy),rgba(0,5,121,0))}
  .hero__logo{left:calc(var(--u)*47.29);top:calc(var(--u)*31.82);width:calc(var(--u)*71)}
  .hero__stada{width:calc(var(--u)*70.37);height:calc(var(--u)*42.057)}
  .hero__tagline{top:calc(var(--u)*46.99);font-size:calc(var(--u)*4.757);line-height:calc(var(--u)*6)}
  .hero__pack{left:calc(var(--u)*160.79);top:calc(var(--u)*47.29);width:calc(var(--u)*522.022);height:calc(var(--u)*409.852)}
  .hero__text{left:calc(var(--u)*749.557);top:calc(var(--u)*83.285);width:calc(var(--u)*313.425);gap:calc(var(--u)*31.527);
    filter:drop-shadow(calc(var(--u)*2.365) calc(var(--u)*3.941) calc(var(--u)*3.153) rgba(0,0,0,.5))}
  .hero__h1{gap:calc(var(--u)*5.517)}
  .hero__brand{width:calc(var(--u)*308.716);height:calc(var(--u)*60.282)}
  .hero__max{font-size:calc(var(--u)*55.295);line-height:calc(var(--u)*69)}
  .hero__dose{font-size:calc(var(--u)*48.354);line-height:calc(var(--u)*60)}
  .hero__dose-n{left:calc(100% - var(--u)*0.28);top:calc(var(--u)*9.16);font-size:calc(var(--u)*15.63);line-height:calc(var(--u)*20)}
  .hero__sub{font-size:calc(var(--u)*22.77);line-height:calc(var(--u)*26.541)}
}

/* ---------- Обери свій Колдрекс ---------- */
.choose{position:relative;z-index:0;background:#fff;padding:calc(var(--u)*32.68) 0}
.choose .wrap{width:calc(var(--u)*298.49);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*22.32)}
.choose__title{color:var(--navy);font-weight:700;text-align:center;font-size:calc(var(--u)*21.79);line-height:calc(var(--u)*27)}
.cards{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*21.79);width:100%}
.card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*21.79)}
.prod{--gap:calc(var(--u)*14.88);display:flex;flex-direction:column;align-items:center;gap:var(--gap);width:calc(var(--u)*297.6);padding:calc(var(--u)*22.32) 0;background:#fff;border-radius:calc(var(--u)*22.32);
  box-shadow:calc(var(--u)*2.233) calc(var(--u)*2.233) calc(var(--u)*8.93) rgba(0,32,121,.15)}
.badge{display:flex;align-items:center;justify-content:center;width:calc(var(--u)*179.23);height:calc(var(--u)*35.16);background:var(--badge);border-radius:calc(var(--u)*4.54);
  box-shadow:calc(var(--u)*1.135) calc(var(--u)*2.27) calc(var(--u)*4.54) rgba(0,0,0,.35);color:#fff;font-weight:700;font-size:calc(var(--u)*22.69);line-height:calc(var(--u)*28)}
.prod__media{display:flex;flex-direction:column;align-items:center;width:100%}
.prod__pic{position:relative;width:calc(var(--u)*209.24);height:calc(var(--u)*130.74)}
.prod__pic picture{position:absolute;left:calc(var(--u)*var(--x));top:calc(var(--u)*var(--y));width:calc(var(--u)*var(--w));height:calc(var(--u)*var(--h))}
.prod__pic img{width:100%;height:100%;object-fit:cover}
.prod__name{position:relative;font-weight:700;text-align:center;font-size:calc(var(--u)*17.43);line-height:calc(var(--u)*21)}
.prod__lead{color:var(--navy);font-weight:700;text-align:center;font-size:calc(var(--u)*10.89);line-height:calc(var(--u)*13)}
.prod__claim{font-weight:700;text-align:center;font-size:calc(var(--u)*17.43);line-height:calc(var(--u)*21)}
.prod__icon{width:calc(var(--u)*54.5);height:calc(var(--u)*54.5);filter:drop-shadow(calc(var(--u)*1.53) calc(var(--u)*1.53) calc(var(--u)*3.05) rgba(0,32,121,.15))}
.prod__icon img{width:100%;height:100%}
.prod__pair{position:relative;width:calc(var(--u)*204.8);height:calc(var(--u)*82.78)}
.prod__pair img{position:absolute;left:-6.382%;top:-15.79%;width:116.73%;height:140.23%}
.prod__ring{position:relative;width:calc(var(--u)*54.5);height:calc(var(--u)*54.5);border-radius:50%;background:#fff;box-shadow:calc(var(--u)*2.146) calc(var(--u)*2.146) calc(var(--u)*10.73) #e2e6f0}
.prod__ring img{position:absolute;left:11.51%;top:9.25%;width:78.31%;height:78.31%}
.bullets{display:flex;flex-direction:column;gap:var(--gap)}
.bullets--tight{gap:calc(var(--u)*7.44)}
.bullets li{display:flex;align-items:flex-start;gap:calc(var(--u)*4.46);width:calc(var(--u)*245.6);font-weight:400;font-size:calc(var(--u)*10.89);line-height:calc(var(--u)*13)}
.bullets li.is-center{align-items:center}
.bullets li img{flex:none;width:calc(var(--u)*15.6);height:calc(var(--u)*15.6)}
.bullets li span{flex:1 1 0;min-width:0}
.bullets b{font-weight:700}

.prod--blitz .prod__name,.prod--blitz .prod__claim{color:var(--c-blitz)}
.prod--max .prod__name,.prod--max .prod__claim{color:var(--c-max)}
.prod--hotrem .prod__name,.prod--hotrem .prod__claim{color:var(--c-hotrem)}
.prod--c .prod__name,.prod--c .prod__claim{color:var(--c-c)}
/* мобільні позиції фото (координати з макета) */
.prod--blitz .prod__pic{--x:56.02;--y:6.62;--w:147.09;--h:143.34}
.prod--max .prod__pic{--x:0;--y:0;--w:209.24;--h:130.74}
.prod--hotrem .prod__pic{--x:56.47;--y:6.81;--w:141.91;--h:117.1}
.prod--c .prod__pic{--x:50.47;--y:16.4;--w:191.7;--h:114.4}
.prod--c .prod__pic img{object-position:0 50%}
/* «макс»: зображення займає праву частину боксу (кроп з макета) */
.prod--max .prod__pic img{position:absolute;left:12.5%;top:0;width:87.5%;height:99.44%}

.legal{color:var(--ink);font-family:var(--ff-geo);font-weight:400;list-style:decimal;
  font-size:max(6.536px, calc(var(--u)*6.536));line-height:max(8px, calc(var(--u)*8))}
.legal li{margin-left:calc(var(--u)*9.804);white-space:pre-wrap}
.legal a{text-decoration:none;overflow-wrap:anywhere}
.choose .legal{width:100%}

@media (min-width:1024px){
  .choose{padding:calc(var(--u)*39.41) 0}
  .choose .wrap{width:calc(var(--u)*1060.89);gap:0}
  .choose__title{font-size:calc(var(--u)*23.645);line-height:calc(var(--u)*29);margin-bottom:calc(var(--u)*23.645)}
  .cards{display:grid;grid-template-columns:repeat(4,calc(var(--u)*242.512));column-gap:calc(var(--u)*29.95);justify-content:center;align-items:stretch;width:calc(var(--u)*1059.9);margin-bottom:calc(var(--u)*31.527)}
  .card{gap:calc(var(--u)*23.645)}
  .card .btn{margin-top:auto}
  .prod{--gap:calc(var(--u)*12.126);width:calc(var(--u)*242.512);padding:calc(var(--u)*18.189) 0;border-radius:calc(var(--u)*18.189);box-shadow:calc(var(--u)*1.819) calc(var(--u)*1.819) calc(var(--u)*7.276) rgba(0,32,121,.15)}
  .badge{width:calc(var(--u)*159.576);height:calc(var(--u)*31.309);border-radius:calc(var(--u)*4.04);box-shadow:calc(var(--u)*1.01) calc(var(--u)*2.02) calc(var(--u)*4.04) rgba(0,0,0,.35);font-size:calc(var(--u)*20.199);line-height:calc(var(--u)*25)}
  .prod__pic{width:calc(var(--u)*242.512);height:calc(var(--u)*151.567)}
  .prod--c .prod__pic{height:calc(var(--u)*130.837)}
  .prod__name{font-size:calc(var(--u)*15.764);line-height:calc(var(--u)*19)}
  .prod__lead{font-size:calc(var(--u)*9.701);line-height:calc(var(--u)*12)}
  .prod--blitz .prod__lead{width:calc(var(--u)*184.4)}
  .prod__claim{font-size:calc(var(--u)*15.764);line-height:calc(var(--u)*19)}
  .prod__icon{width:calc(var(--u)*63.06);height:calc(var(--u)*63.06);filter:drop-shadow(calc(var(--u)*1.819) calc(var(--u)*1.819) calc(var(--u)*3.638) rgba(0,32,121,.15))}
  .prod--hotrem .prod__icon{width:calc(var(--u)*64.89);height:calc(var(--u)*64.89)}
  .prod__pair{width:calc(var(--u)*148.177);height:calc(var(--u)*59.894)}
  .prod__ring{width:calc(var(--u)*60.023);height:calc(var(--u)*60.023);box-shadow:calc(var(--u)*2.365) calc(var(--u)*2.365) calc(var(--u)*11.823) #e2e6f0}
  .bullets--tight{gap:calc(var(--u)*6.063)}
  .bullets li{gap:calc(var(--u)*3.638);width:calc(var(--u)*200.076);font-size:calc(var(--u)*7.882);line-height:calc(var(--u)*10)}
  .bullets li.is-center{align-items:flex-start}
  .bullets li img{width:calc(var(--u)*12.732);height:calc(var(--u)*12.732)}
  .prod--blitz .prod__pic{--x:68.72;--y:7.78;--w:172.2;--h:167.9}
  .prod--max .prod__pic{--x:0;--y:0;--w:242.512;--h:151.567}
  .prod--hotrem .prod__pic{--x:65.51;--y:7.9;--w:164.5;--h:135.7}
  .prod--c .prod__pic{--x:66.21;--y:24.52;--w:176.552;--h:118.227}

  .legal{font-size:max(7.882px, calc(var(--u)*7.882));line-height:max(10px, calc(var(--u)*10))}
  .legal li{margin-left:calc(var(--u)*11.823)}
  .legal a{text-decoration:underline}
}

/* ---------- Лимони ---------- */
.lemon{position:relative;z-index:1;background:#fff;min-height:calc(var(--u)*563.2);padding:calc(var(--u)*393.72) 0 calc(var(--u)*31.48)}
.lemon__deco{position:absolute;pointer-events:none}
.lemon__deco img{width:100%;height:100%;object-fit:cover}
.lemon__deco--l1{left:calc(var(--u)*15.398);top:calc(var(--u)*378.206);width:calc(var(--u)*278.926);height:calc(var(--u)*227.624);rotate:-8.57deg}
.lemon__deco--cup{left:calc(var(--u)*108.94);top:calc(var(--u)*158.59);width:calc(var(--u)*293.045);height:calc(var(--u)*459.721)}
.lemon__deco--cup img{object-position:50% 100%}
.lemon__deco--l2,.lemon__deco--l3{display:none}
.lemon__stage{position:absolute;top:0;left:50%;height:100%;width:calc(var(--u)*390);margin-left:calc(var(--u)*-195);pointer-events:none}
.lemon__head{position:absolute;left:calc(var(--u)*42.49);top:calc(var(--u)*38.34);pointer-events:auto;width:calc(var(--u)*303.939);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u)*9.804)}
.lemon__brand{width:calc(var(--u)*303.939);height:calc(var(--u)*59.349)}
.lemon__title{color:var(--ink);font-weight:700;width:calc(var(--u)*223.324);font-size:calc(var(--u)*15.071);line-height:calc(var(--u)*18)}
.lemon .wrap{z-index:2}
.lemon .legal{margin-left:calc(var(--u)*22.88);width:calc(var(--u)*344.246);line-height:max(7.626px, calc(var(--u)*7.626))}
@media (min-width:1024px){
  .lemon{min-height:calc(var(--u)*531.2);padding:calc(var(--u)*414.98) 0 calc(var(--u)*26.22)}
  .lemon__deco--l1{left:calc(var(--u)*75.19);top:calc(var(--u)*262.29);width:calc(var(--u)*468.835);height:calc(var(--u)*382.604);rotate:7.29deg}
  .lemon__deco--l2{display:block;left:calc(var(--u)*673.85);top:calc(var(--u)*337.27);width:calc(var(--u)*342.069);height:calc(var(--u)*279.154);rotate:-8.57deg}
  .lemon__deco--cup{left:calc(var(--u)*788.46);top:calc(var(--u)*-36.28);width:calc(var(--u)*359.543);height:calc(var(--u)*668.374)}
  .lemon__deco--l3{display:block;left:calc(var(--u)*416.05);top:calc(var(--u)*263.52);width:calc(var(--u)*468.835);height:calc(var(--u)*382.604);rotate:180deg}
  .lemon__stage{width:calc(var(--u)*1280);margin-left:calc(var(--u)*-640)}
  .lemon__head{left:calc(var(--u)*210.44);top:calc(var(--u)*63.05);width:calc(var(--u)*476.847);gap:calc(var(--u)*14.187)}
  .lemon__brand{width:calc(var(--u)*476.847);height:calc(var(--u)*93.112)}
  .lemon__title{width:calc(var(--u)*411.429);font-size:calc(var(--u)*23.645);line-height:calc(var(--u)*29)}
  .lemon .legal{margin-left:calc(var(--u)*77.24);width:calc(var(--u)*1125.517);line-height:max(10px, calc(var(--u)*10))}
}

/* ---------- Обов'язкова інформація ---------- */
.info{position:relative;z-index:3;background:var(--ink);padding:calc(var(--u)*23.97) 0}
.info__text{width:calc(var(--u)*337.71);margin:0 auto;color:#fff;font-family:var(--ff-geo);font-weight:400;font-size:max(6.536px, calc(var(--u)*6.536));line-height:max(8px, calc(var(--u)*8))}
.info__text p{white-space:pre-wrap}
.info__text p+p{margin-top:max(8px, calc(var(--u)*8))}
.info__text a{text-decoration:none}
@media (min-width:1024px){
  .info{padding:calc(var(--u)*39.41) 0}
  .info__text{width:calc(var(--u)*1124.73);font-size:max(11.03px, calc(var(--u)*11.03));line-height:max(14px, calc(var(--u)*14))}
  .info__text p+p{margin-top:max(14px, calc(var(--u)*14))}
  .info__text a{text-decoration:underline}
}

/* ---------- Плашка самолікування ---------- */
.warn{position:fixed;left:0;right:0;bottom:0;z-index:50;height:var(--warn-h);background:#fff;pointer-events:none}
.warn svg{width:100%;height:100%}

/* ---------- Поява при скролі (одноразова) ---------- */
.js [data-reveal]{opacity:0;translate:0 calc(var(--u)*28);transition:opacity .8s cubic-bezier(.2,.65,.25,1) var(--d,0s),translate .8s cubic-bezier(.2,.65,.25,1) var(--d,0s)}
.js .btn[data-reveal]{transition:opacity .8s cubic-bezier(.2,.65,.25,1) var(--d,0s),translate .8s cubic-bezier(.2,.65,.25,1) var(--d,0s),scale .16s cubic-bezier(.3,.7,.4,1),filter .2s ease}
.js [data-reveal="left"]{translate:calc(var(--u)*-60) 0}
.js [data-reveal="right"]{translate:calc(var(--u)*60) 0}
.js [data-reveal="zoom"]{translate:0 0;scale:.88;transition-property:opacity,scale}
.js [data-reveal].is-in{opacity:1;translate:0 0}
.js [data-reveal="zoom"].is-in{scale:1}
@media (prefers-reduced-motion:reduce){
  .js [data-reveal]{opacity:1;translate:none;scale:none;transition:none}
  .btn{transition:none}
}