/* Złota Sakura — франшиза суші
   Макет Figma «Zlota Sakura (Copy)», ширина 1440px.
   Шрифт макета — комерційний Helvetica Now Display; ліцензії на нього (і на кириличну
   Helvetica) у замовника немає. Тому весь текст — вільний Inter Tight (ліцензія SIL OFL):
   щільний гротеск, близький до Helvetica Now Display, з латиницею, польськими й
   українськими літерами. Файли лежать локально. */

@font-face{font-family:ZS;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/intertight-cyr.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:ZS;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/intertight-latext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:ZS;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/intertight-lat.woff2) format('woff2');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:ZS;font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/intertight-cyr-italic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:ZS;font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/intertight-latext-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:ZS;font-style:italic;font-weight:400 700;font-display:swap;src:url(../fonts/intertight-lat-italic.woff2) format('woff2');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}

:root{
  --bg:#090908;
  --card:#0c0c0c;
  --pink:#ec6799;
  --gold:#d5b566;
  --ink:#090908;
  --rev:#45374e;
  /* масштаб макета: 1px на 1440 (нижче — пропорційно ширині, не менше .7px);
     від 1440 до 1728 плавно росте до 1,1px, ширше — 1,1px. Точне значення ставить скрипт у <head>. */
  --u:clamp(.7px, min(100vw / 1440, 1px + (100vw - 1440px) / 2880), 1.1px);
  /* основний текст на великих екранах росте вдвічі повільніше (максимум 1,05×), до 1440 — як --u */
  --ut:min(var(--u), (var(--u) + 1px) / 2);
  /* відстань від краю колонки макета до краю екрана — щоб прив’язувати елементи до країв екрана */
  --ox:max(0px, calc((var(--vw, 100vw) - 1440 * var(--u)) / 2));
  --f:ZS,'Helvetica Neue',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:var(--f);color:#fff;background:var(--bg);overflow-x:clip;-webkit-font-smoothing:antialiased}
main{display:block;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
em{font-style:italic}
b{font-weight:700}
.gold{color:var(--gold)}
.pink{color:var(--pink)}
.nw{white-space:nowrap}
.m-br{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
body.is-locked{overflow:hidden}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--pink);color:#fff}

/* координати не успадковуються вкладеними елементами */
@property --x{syntax:'*';inherits:false}
@property --y{syntax:'*';inherits:false}
@property --w{syntax:'*';inherits:false}
@property --h{syntax:'*';inherits:false}

/* ── сітка макета: секції шириною 1440, елементи за координатами макета ── */
.sec{position:relative;width:calc(1440 * var(--u));height:calc(var(--hh) * var(--u));margin:0 auto}
.a{position:absolute;left:calc(var(--x, 0) * var(--u));top:calc(var(--y, 0) * var(--u));width:calc(var(--w) * var(--u))}
.ac{transform:translateX(-50%);text-align:center}
.bgfull{position:absolute;left:50%;top:calc(var(--y, 0) * var(--u));width:100vw;min-width:100%;height:calc(var(--h) * var(--u));transform:translateX(-50%);pointer-events:none}
.deco{pointer-events:none;user-select:none}

.h2{font-weight:500;font-size:calc(54 * var(--u));line-height:.95;letter-spacing:-.02em;color:#fff}
.h2 em{font-weight:500}

/* рожева кнопка з білим кружком і стрілкою */
.pbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:calc(262 * var(--u));height:calc(60 * var(--u));padding:0 calc(55 * var(--u)) 0 0;border:0;border-radius:100px;background:var(--pink);font-weight:500;font-size:calc(18 * var(--ut));line-height:1;letter-spacing:-.02em;color:#fff;white-space:nowrap;transition:background-color .2s,transform .2s,box-shadow .2s}
.pbtn--c{padding:0}
/* один раз по кнопці пробігає світла смуга — підказка, куди натискати */
.pbtn{overflow:hidden;isolation:isolate}
.pbtn::after{content:"";position:absolute;top:-10%;bottom:-10%;left:0;width:38%;background:linear-gradient(100deg,rgba(255,255,255,0) 0,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);transform:translateX(-160%) skewX(-18deg);pointer-events:none;z-index:2}
.pbtn.shine::after{animation:btn-shine 1.15s cubic-bezier(.45,0,.25,1) 1}
@keyframes btn-shine{to{transform:translateX(330%) skewX(-18deg)}}
.pbtn i{position:absolute;right:calc(5 * var(--u));top:50%;display:grid;place-items:center;width:calc(50 * var(--u));height:calc(50 * var(--u));border-radius:50%;background:#fff;transform:translateY(-50%);transition:transform .25s}
.pbtn i img{width:calc(20 * var(--u))}
@media (hover:hover) and (pointer:fine){
  .pbtn:hover{background:#f07ba7;box-shadow:0 10px 24px rgba(236,103,153,.28)}
  .pbtn:hover i{transform:translate(calc(-3 * var(--u)), -50%)}
}
.pbtn:active{transform:translateY(1px)}

/* кружки-стрілки слайдерів */
.circ{display:grid;place-items:center;width:calc(60 * var(--u));height:calc(60 * var(--u));padding:0;border:0;border-radius:50%;transition:background-color .2s,transform .2s}
.circ img{width:calc(22 * var(--u))}
.circ--prev img{transform:scaleX(-1)}
.circ--gold{background:var(--gold)}
.circ--gold.circ--prev{background:rgba(213,181,102,.8)}
.circ--pink{background:var(--pink)}
.circ--pink.circ--prev{background:rgba(236,103,153,.8)}
@media (hover:hover) and (pointer:fine){
  .circ:hover{transform:scale(1.06)}
  .circ--gold:hover{background:#e0c27a}
  .circ--pink:hover{background:#f07ba7}
}
.circ:active{transform:scale(.97)}

/* слайдери */
.slider__view{overflow:hidden;touch-action:pan-y;cursor:grab}
.slider__view.is-drag{cursor:grabbing}
.slider__view.is-drag *{pointer-events:none}
.slider__track{display:flex;transition:transform .5s cubic-bezier(.16,1,.3,1);will-change:transform}
.slider__view.is-drag .slider__track{transition:none}
.slider__track > li{flex:none}
.slider__track img{-webkit-user-drag:none;user-select:none}
.slider__nav{display:flex;gap:calc(15 * var(--u))}

/* ── обкладинка ─────────────────────────────────────────── */
.hero__bg{overflow:hidden;background:#0a0a09}
@media (min-width:1180px){
  /* обкладинка — на всю висоту екрана; вміст центруємо по вертикалі (шапка лишається вгорі) */
  .sec.hero{--hv:max(100vh, calc(820 * var(--u)));height:var(--hv)}
  @supports (height:100svh){.sec.hero{--hv:max(100svh, calc(820 * var(--u)))}}
  .hero > .a,.hero__stats .a{top:calc(var(--y, 0) * var(--u) + (var(--hv) - 930 * var(--u)) / 2)}
  .hero__bg{height:100%}
  /* на високих екранах фото ширшає разом з висотою, щоб не обрізалось з боків */
  .hero__bg img{width:max(calc(1440 * var(--u)), var(--hv) * 1.6)}
  /* фото прив’язане до правого краю екрана, лівий край розчиняється у фон */
  .hero__bg img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%)}
  .hero__fade{top:auto;bottom:0}
}
.hero__bg img{position:absolute;right:0;top:0;width:calc(1440 * var(--u));max-width:none;height:100%;object-fit:cover;object-position:100% 50%}
.hero__fade{background:linear-gradient(to top, var(--bg), rgba(9,9,8,0))}
.hdr{position:absolute;inset:0 0 auto;z-index:20}
.hdr__logo img{width:100%}
.burger{position:relative;display:block;width:calc(50 * var(--u));height:calc(50 * var(--u));padding:0;border:1px solid var(--pink);border-radius:50%;background:none;transition:background-color .2s}
.burger i{position:absolute;left:calc(12 * var(--u));width:calc(27 * var(--u));height:1px;background:var(--pink);transition:transform .25s,top .25s}
.burger i:first-child{top:calc(20.5 * var(--u))}
.burger i:last-child{top:calc(28.5 * var(--u))}
.burger[aria-expanded="true"] i{top:calc(24.5 * var(--u))}
.burger[aria-expanded="true"] i:first-child{transform:rotate(45deg)}
.burger[aria-expanded="true"] i:last-child{transform:rotate(-45deg)}
@media (hover:hover) and (pointer:fine){.burger:hover{background:rgba(236,103,153,.14)}}
/* бургер закріплений у куті екрана й лишається при прокрутці (там само, де в макеті) */
.menu{position:fixed;left:calc(var(--ox) + 1290 * var(--u));top:calc(23 * var(--u));z-index:40}
/* коли сторінку прокрутили — темна підкладка, щоб кнопку було видно на фото й світлих блоках */
.menu.is-float .burger{background:rgba(9,9,8,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (hover:hover) and (pointer:fine){.menu.is-float .burger:hover{background:rgba(60,25,40,.75)}}
.menu__panel{position:absolute;right:0;top:calc(100% + 12px);display:flex;flex-direction:column;min-width:260px;padding:12px;border:1px solid var(--pink);border-radius:20px;background:rgba(12,12,12,.97);box-shadow:0 18px 40px rgba(0,0,0,.45);animation:menu-in .25s cubic-bezier(.16,1,.3,1)}
.menu__panel[hidden]{display:none}
/* перемикач мов UA / PL у шапці (ліворуч від бургера) */
.lang{display:flex;gap:2px;padding:3px;border:1px solid var(--pink);border-radius:100px;background:rgba(9,9,8,.35)}
.lang a{flex:1;display:grid;place-items:center;height:calc(28 * var(--u));min-height:26px;border-radius:100px;font-weight:500;font-size:max(12px, calc(14 * var(--u)));line-height:1;letter-spacing:.04em;transition:background-color .2s,color .2s}
.lang a[aria-current]{background:var(--pink);color:#fff}
@media (hover:hover) and (pointer:fine){.lang a:not([aria-current]):hover{color:var(--gold)}}
.menu__panel a{padding:9px 12px;border-radius:10px;font-size:16px;line-height:1.2;white-space:nowrap;transition:background-color .2s,color .2s}
.menu__panel a:hover{background:rgba(236,103,153,.14);color:var(--gold)}
.menu__panel .menu__cta{margin-top:8px;background:var(--pink);text-align:center;font-weight:500}
.menu__panel .menu__cta:hover{background:#f07ba7;color:#fff}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.hero__title{font-weight:700;font-size:calc(60 * var(--u));line-height:.95;letter-spacing:-.02em}
.hero__title em{display:inline;font-weight:500;line-height:1}
.hero__btn{z-index:1}
/* перший екран: текст з’являється каскадом (слово за словом), потім кнопка, в кінці — пункти з іконками.
   Поки шрифти не завантажились, текст прихований — щоб заголовок не «стрибав» при заміні шрифту. */
.hw{display:inline-block}
.js .hero .hc{opacity:0;translate:0 .45em}
.js .hero .hc.a,.js .hero .stat .hc{translate:0 22px}
.js .hero.go .hc,.js .hero.go .hc.a,.js .hero.go .stat .hc{opacity:1;translate:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--hd, 0s),translate .9s cubic-bezier(.2,.7,.2,1) var(--hd, 0s)}
.js .hero .stat__box img{scale:.3}
.hero.go .stat__box img{scale:1;transition:scale 1s cubic-bezier(.34,1.45,.64,1) var(--hd, 0s)}
.stat__box{display:grid;place-items:center;height:calc(72 * var(--u));border:1px solid var(--gold);border-radius:calc(20 * var(--u))}
.stat__box img{width:calc(var(--iw) * var(--u))}
.stat__z{font-size:calc(14 * var(--ut));line-height:.95;text-align:center;color:var(--pink)}
.stat__n{font-weight:700;font-size:calc(26 * var(--u));line-height:.95;letter-spacing:-.02em;text-align:center;color:var(--pink)}
.stat__t{font-weight:500;font-size:calc(14 * var(--ut));line-height:1;letter-spacing:-.02em;text-align:center}
.stat__t b{display:block;font-weight:800}

/* ── основні цифри ──────────────────────────────────────── */
.nums__salmon,.nums__tobiko{z-index:1}
@media (min-width:1180px){
  /* ліві палички — до лівого краю екрана, праві — до правого (як у макеті на 1440) */
  .nums__salmon{left:calc(var(--x) * var(--u) - var(--ox))}
  .nums__tobiko,.path__branch{left:calc(var(--x) * var(--u) + var(--ox))}
}
.kv{padding-left:calc(26 * var(--u));font-size:calc(20 * var(--ut));line-height:1.2;letter-spacing:-.02em}
.kv::before{content:"";position:absolute;left:0;top:calc(7 * var(--u));width:calc(11 * var(--u));height:calc(11 * var(--u));border-radius:50%;background:var(--pink)}
.kv dt{text-transform:uppercase}
.kv dd{margin-top:calc(6 * var(--u));font-weight:700;color:var(--pink)}
.nums__p{font-size:calc(32 * var(--u));line-height:1.2;letter-spacing:-.02em}

/* ── сила франшизи ──────────────────────────────────────── */
.power__sub{font-size:calc(22 * var(--ut));line-height:1.2;letter-spacing:-.02em}
.power__slider{z-index:2}
.power .slider__track{gap:calc(20 * var(--u))}
/* «Сила франшизи» гортається сама — повільно й плавно */
.power .slider__track{transition-duration:1.1s;transition-timing-function:cubic-bezier(.45,0,.2,1)}
@media (min-width:1180px){
  /* праворуч без обмеження: карток видно стільки, скільки влазить до краю екрана */
  /* без обмежень ні праворуч, ні ліворуч: картки виїжджають за край екрана, перша стоїть як у макеті */
  .power .slider__view{width:var(--vw, 100vw);margin-left:calc(-1 * (var(--ox) + 100 * var(--u)));padding-left:calc(var(--ox) + 100 * var(--u))}
}
.pcard{position:relative;width:calc(376 * var(--u));height:calc(450 * var(--u));padding:20px;border-radius:calc(20 * var(--u));background:#fff;color:var(--ink)}
.pcard img{width:100%;height:calc(240 * var(--u));object-fit:cover;border-radius:calc(10 * var(--u))}
.pcard__t{position:absolute;left:0;right:0;top:calc(20px + 240 * var(--u));bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10 * var(--u));text-align:center}
.pcard h3{width:calc(244 * var(--u));font-weight:700;font-size:calc(20 * var(--ut));line-height:1.1}
.pcard p{width:calc(244 * var(--u));font-size:calc(17 * var(--ut));line-height:1.1}
.pcard .w325{width:calc(325 * var(--u))}.pcard .w253{width:calc(253 * var(--u))}.pcard .w328{width:calc(328 * var(--u))}
.pcard .w262{width:calc(262 * var(--u))}.pcard .w269{width:calc(269 * var(--u))}.pcard .w271{width:calc(271 * var(--u))}
.power .slider__nav{margin-top:calc(28 * var(--u));margin-left:calc(-1 * var(--u))}

/* ── цитата + шлях ──────────────────────────────────────── */
.quote{height:calc(182 * var(--u));border:2px solid var(--pink);border-radius:calc(30 * var(--u));background:var(--card);overflow:hidden}
.quote__sak{position:absolute;left:calc(-29 * var(--u));top:calc(59 * var(--u));width:calc(145 * var(--u))}
.quote p{position:absolute;left:50%;top:calc(21 * var(--u));width:calc(682 * var(--u));transform:translateX(-50%);font-weight:500;font-size:calc(28 * var(--u));line-height:1.2;letter-spacing:-.02em;text-align:center}
.path__branch{z-index:3}
.fmt li{display:flex;align-items:center;gap:calc(14 * var(--u));min-height:calc(70 * var(--u))}
.ring{display:grid;place-items:center;flex:none;width:calc(70 * var(--u));height:calc(70 * var(--u));border:1px solid var(--pink);border-radius:50%;background:var(--card)}
.ring img{width:auto;height:calc(var(--ih, 30) * var(--u))}
.fmt li:nth-child(1) .ring img{height:calc(34 * var(--u))}
.fmt li:nth-child(2) .ring img{height:calc(28 * var(--u))}
.fmt li:nth-child(3) .ring img{height:calc(30 * var(--u))}
.fmt li:nth-child(4) .ring img{height:calc(28 * var(--u))}
.fmt li:nth-child(5) .ring img{height:calc(50 * var(--u))}
.fmt li p{width:calc(var(--pw, 330) * var(--u));margin-left:calc(6 * var(--u));font-size:calc(20 * var(--ut));line-height:1.1}
.fmt__head span{font-weight:500;font-size:calc(20 * var(--ut));line-height:1.1;text-transform:uppercase}
.path__photo{height:calc(487 * var(--u));border-radius:calc(20 * var(--u))}
.path__photo img{width:100%;height:100%;object-fit:cover}
.more{z-index:2;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.more__btn{display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));width:100%;height:calc(53 * var(--u));padding:0;border:0;background:none;font-weight:500;font-size:calc(20 * var(--ut));line-height:1.1;color:var(--gold);transition:opacity .2s}
.more__btn img{width:calc(15 * var(--u));transition:transform .5s cubic-bezier(.65,0,.35,1)}
.more.is-open .more__btn img{transform:rotate(90deg)}
@media (hover:hover) and (pointer:fine){.more__btn:hover{opacity:.8}}
.more .acc__p{transition-duration:.6s}
.more__body{padding:calc(5 * var(--u)) 0 calc(15 * var(--u))}
.more__body p{width:calc(417 * var(--u));margin:0 auto;font-size:calc(20 * var(--ut));line-height:1.1;text-align:center}

/* ── форми ──────────────────────────────────────────────── */
.lead__t{font-weight:500;font-size:calc(24 * var(--u));line-height:1.2;letter-spacing:-.02em}
.form{display:grid;gap:calc(20 * var(--u))}
.form--row{grid-template-columns:repeat(4, 1fr)}
.fld{display:block}
.fld input{width:100%;height:calc(60 * var(--u));min-height:44px;padding:0 calc(20 * var(--u));border:1px solid var(--pink);border-radius:100px;background:var(--bg);font:400 max(14px, calc(16 * var(--ut)))/1.1 var(--f);color:#fff;transition:border-color .2s,box-shadow .2s}
.fld input::placeholder{color:#fff;opacity:1}
.fld input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(213,181,102,.22)}
.fld input.is-bad{border-color:#ff4d5e;box-shadow:0 0 0 3px rgba(255,77,94,.35)}
.form .pbtn{width:100%;min-height:44px}
.form__note{grid-column:1/-1;font-size:max(14px, calc(16 * var(--ut)));line-height:1.3;text-align:center}
.form__note:empty{display:none}
.form__done{grid-column:1/-1;padding:calc(14 * var(--u)) 0;font-weight:500;font-size:max(20px, calc(26 * var(--u)));line-height:1.2;text-align:center;color:var(--gold)}
.form__consent{font-size:13px;line-height:1.4;opacity:.75;text-align:center}
.form__consent a{text-decoration:underline;text-underline-offset:2px}

/* ── продукція ──────────────────────────────────────────── */
/* біжучий рядок на всю ширину екрана */
.food__run{left:calc(-1 * var(--ox));width:var(--vw, 100vw);overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none}
.food__run.is-drag{cursor:grabbing}
.food__run.is-drag *{pointer-events:none}
.run__track{display:flex;gap:calc(15 * var(--u));width:max-content;will-change:transform}
.run__track > li{flex:none}
.run__track img{-webkit-user-drag:none}
.fcard{width:calc(335 * var(--u))}
.fcard img{width:100%;height:calc(287 * var(--u));object-fit:cover;border-radius:calc(20 * var(--u))}
.fcard span{display:block;margin-top:calc(10 * var(--u));font-size:calc(18 * var(--ut));line-height:1.1;text-align:center;text-transform:uppercase}

/* ── підтримка ──────────────────────────────────────────── */
.sec.sup{height:auto;min-height:calc(580 * var(--u));padding-bottom:calc(47 * var(--u))}
.sup__box{height:calc(316 * var(--u));border:2px solid var(--pink);border-radius:calc(30 * var(--u));overflow:hidden}
.sup__box p{position:absolute;left:50%;top:calc(38 * var(--u));width:calc(438 * var(--u));max-width:438px;transform:translateX(-50%);font-weight:500;font-size:calc(28 * var(--u));line-height:1.2;letter-spacing:-.02em;text-align:center}
.sup__box .pbtn{position:absolute;left:calc(132 * var(--u));top:calc(212 * var(--u))}
@media (min-width:1180px){
  /* текст і кнопка йдуть потоком: міжрядковий 120 %, кнопка — через 40px під текстом */
  .sup__box{display:flex;flex-direction:column;align-items:center;padding-top:calc(38 * var(--u))}
  .sup__box p{position:static;transform:none;width:100%;line-height:1.2}
  .sup__box .pbtn{position:relative;left:auto;top:auto;margin-top:40px}
}
.sup__flower{position:absolute;left:calc(427 * var(--u));top:calc(177 * var(--u));width:calc(158 * var(--u));height:calc(150 * var(--u));max-width:none;border-radius:500px}
.acc{position:relative;width:calc(548 * var(--u));margin-left:calc(790 * var(--u));padding-top:calc(83 * var(--u))}
.acc__i{position:relative}
.acc__i::before,.acc__i:last-child::after{content:"";position:absolute;left:0;right:0;top:0;height:.5px;background:#fff}
.acc__i:last-child::after{top:auto;bottom:0}
.acc__i button{display:flex;align-items:center;width:100%;height:calc(90 * var(--u));padding:0;border:0;background:none;text-align:left}
.acc__i button::before{content:"";flex:none;width:calc(11 * var(--u));height:calc(11 * var(--u));border-radius:50%;background:var(--pink)}
.acc__i button span{flex:1;margin-left:calc(20 * var(--u));font-weight:500;font-size:calc(24 * var(--u));line-height:1.1;transition:color .2s}
.acc__i button i{display:grid;place-items:center;flex:none;width:calc(40 * var(--u));height:calc(40 * var(--u));border:1px solid var(--pink);border-radius:50%;transition:background-color .2s}
.acc__i button i img{width:calc(18 * var(--u));transition:transform .5s cubic-bezier(.65,0,.35,1)}
.acc__i.is-open button i img{transform:rotate(90deg)}
@media (hover:hover) and (pointer:fine){
  .acc__i button:hover span{color:var(--gold)}
  .acc__i button:hover i{background:rgba(236,103,153,.14)}
}
/* плавне розкриття: висота росте, а текст виїжджає з-під верхнього краю, як з-під маски */
.acc__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .75s cubic-bezier(.65,0,.35,1)}
.is-open > .acc__p{grid-template-rows:1fr}
.acc__m{min-height:0;overflow:hidden}
.acc__m > *{translate:0 -45%;opacity:0;transition:translate .75s cubic-bezier(.65,0,.35,1),opacity .45s ease}
.is-open > .acc__p .acc__m > *{translate:none;opacity:1;transition:translate .75s cubic-bezier(.65,0,.35,1),opacity .6s ease .12s}
.acc__b{margin-top:calc(-4 * var(--u));padding:0 0 calc(30 * var(--u)) calc(49 * var(--u));list-style:disc}
.acc__b li{font-size:calc(20 * var(--ut));line-height:1.1}
.acc__b li::marker{font-size:.8em}

/* ── фінанси ────────────────────────────────────────────── */
.fin__sub{font-weight:500;font-size:calc(20 * var(--ut));line-height:1.1;text-transform:uppercase}
.fi{display:flex;align-items:center;gap:calc(20 * var(--u))}
.box{display:grid;place-items:center;flex:none;width:calc(80 * var(--u));height:calc(80 * var(--u));border:1px solid var(--gold);border-radius:calc(20 * var(--u));background:var(--bg);transition:box-shadow .45s ease,border-color .45s ease}
.box img{transition:scale .45s ease}
/* поява пункту: іконка в рамці виростає з маленької */
.fi.rv .box img{scale:.35}
.fi.rv.is-in .box img{scale:1;transition:scale .8s cubic-bezier(.34,1.5,.64,1) calc(var(--rd, 0s) + .25s)}
/* наведення: рамка м’яко світиться (розмиття 20px, світіння 12%) */
@media (hover:hover) and (pointer:fine){
  .fi:hover .box{border-color:#e6c97f;box-shadow:0 0 20px rgba(213,181,102,.12),inset 0 0 20px rgba(213,181,102,.12)}
  .fi:hover .box img{scale:1.08}
}
.box img{width:calc(44 * var(--u))}
.fin__col--r .fi:first-child .box img{width:calc(48 * var(--u))}
.fin__col--r .fi + .fi .box img{width:calc(45 * var(--u))}
.fin__col--r .fi + .fi .box--coins img{width:calc(38 * var(--u))}
.fi--roy .box img{width:calc(33 * var(--u))}
.fi div{display:flex;flex-direction:column;gap:calc(9 * var(--u));font-size:calc(20 * var(--ut));line-height:1.1}
.fi b{width:calc(244 * var(--u))}
.fi span{color:var(--pink)}
/* позначка «нетто» біля паушального внеску — дрібніше */
/* паушальний внесок: кружечок «!» одразу після суми, при наведенні / дотику — «нетто» */
.fee{position:relative;display:inline-block;align-self:flex-start;padding-right:calc(26 * var(--u))}
.fee .tip{left:auto;right:0}
.fee .tip__b{left:calc(100% + 10px);width:auto;white-space:nowrap}
.roy{position:relative;padding-left:calc(30 * var(--u));list-style:disc;color:var(--pink)}
.roy li{position:relative}
.roy li::marker{font-size:.8em}
.tip{position:absolute;left:calc(53 * var(--u));top:50%;display:grid;place-items:center;width:calc(16 * var(--u));height:calc(16 * var(--u));min-width:0;padding:0;border:1px solid #fff;border-radius:50%;background:none;transform:translateY(-50%);font:700 calc(10 * var(--ut))/1 var(--f);color:#fff}
.tip::after{content:"";position:absolute;inset:-10px}
.tip__b{position:absolute;left:calc(53 * var(--u) + 26px);top:50%;z-index:5;width:207px;padding:10px;border-radius:15px;background:#fff;font-size:14px;line-height:1.1;color:var(--ink);opacity:0;visibility:hidden;transform:translate(-4px,-50%);transition:opacity .2s,transform .2s,visibility .2s}
.tip:hover + .tip__b,.tip:focus-visible + .tip__b,.tip.is-on + .tip__b{opacity:1;visibility:visible;transform:translate(0,-50%)}
.fin__video{height:calc(280 * var(--u));border-radius:calc(20 * var(--u));overflow:hidden}
.fin__video > video{display:block;width:100%;height:100%;object-fit:cover}

/* ── фото з карткою ─────────────────────────────────────── */
.cta__bg{left:calc(-1 * var(--ox));width:var(--vw, 100vw);transform:none;overflow:hidden;background:#2b2b2b;clip-path:inset(0)}
/* фото закріплене відносно екрана (не прокручується), блок показує його як у віконці */
.cta__bg img{position:fixed;left:0;top:0;width:100%;max-width:none;height:100vh;object-fit:cover}
@supports (height:100lvh){.cta__bg img{height:100lvh}}
.cta__card{height:calc(485 * var(--u));background:url(../assets/card-window.svg) 0 0/100% 100% no-repeat}
.cta__phw{display:none}
.cta__card p{position:absolute;left:50%;top:calc(297 * var(--u));width:calc(350 * var(--u));transform:translateX(-50%);font-size:calc(20 * var(--ut));line-height:1.1;letter-spacing:-.02em;text-align:center;color:var(--ink)}
.cta__card .pbtn{position:absolute;left:calc(90 * var(--u));top:calc(405 * var(--u))}
@media (min-width:1180px){
  /* текст і кнопка йдуть потоком: текст не ширше 350px, кнопка — через 20px під ним */
  .cta__card{display:flex;flex-direction:column;align-items:center;padding-top:calc(297 * var(--u))}
  .cta__card p{position:static;transform:none}
  .cta__card .pbtn{position:relative;left:auto;top:auto}
  .cta__card p{width:100%;max-width:350px}
  .cta__card .pbtn{margin-top:20px}
}

/* ── етапи ──────────────────────────────────────────────── */
.step{height:calc(198 * var(--u));border:1px solid var(--pink);border-radius:calc(20 * var(--u));background:var(--bg);text-align:center}
.step__n{position:absolute;left:50%;top:calc(19 * var(--u));display:grid;place-items:center;width:calc(77 * var(--u));height:calc(77 * var(--u));border-radius:50%;background:#fff;transform:translateX(-50%);font-weight:700;font-size:calc(40 * var(--u));line-height:1;color:var(--pink)}
.step p{position:absolute;left:50%;top:calc(106 * var(--u));width:calc(var(--pw) * var(--u));transform:translateX(-50%);font-size:calc(18 * var(--ut));line-height:1.1}
.step{transition:background-color .45s ease}
.step--last{background:var(--pink)}
@media (hover:hover) and (pointer:fine){.step:hover{background:var(--pink)}}

/* ── досягнення ─────────────────────────────────────────── */
.awards__list img{width:100%;height:calc(333 * var(--u));object-fit:cover;border-radius:calc(20 * var(--u))}

/* ── відгуки ────────────────────────────────────────────── */
.reviews .slider__track{gap:calc(20 * var(--u))}
@media (min-width:1180px){
  .reviews .slider__view{width:var(--vw, 100vw);margin-left:calc(-1 * (var(--ox) + 103 * var(--u)));padding-left:calc(var(--ox) + 103 * var(--u))}
}
.rcard{position:relative;width:calc(377 * var(--u));height:calc(249 * var(--u));padding:calc(20 * var(--u));border-radius:calc(20 * var(--u));background:#fff;color:var(--rev)}
.rcard > img{width:calc(49 * var(--u))}
.rcard p{position:absolute;left:calc(20 * var(--u));top:calc(73 * var(--u));width:calc(337 * var(--u));font-size:calc(16 * var(--ut));line-height:1.2}
.rcard b{position:absolute;left:calc(20 * var(--u));top:calc(210 * var(--u));font-size:calc(16 * var(--ut));line-height:1.2}
.reviews .slider__nav{margin-top:calc(40 * var(--u))}

/* ── фінальна форма ─────────────────────────────────────── */
.final__t{white-space:nowrap}
.final__sub{font-weight:500;font-size:calc(24 * var(--u));line-height:1.2;letter-spacing:-.02em}
.final__logo img{width:100%}

/* ── підвал ─────────────────────────────────────────────── */
.foot__c{display:flex;flex-direction:column;gap:calc(2 * var(--u));font-size:calc(20 * var(--ut));line-height:1.2;color:#fffbf2}
.foot__c--r{align-items:flex-end;text-align:right;color:#fff;line-height:1.3;gap:0}
.foot__c a{transition:color .2s}
@media (hover:hover) and (pointer:fine){.foot__c a:hover{color:var(--pink)}}
.soc{display:flex;gap:calc(15 * var(--u))}
.soc a{width:calc(70 * var(--u));border-radius:50%;transition:background-color .2s}
@media (hover:hover) and (pointer:fine){.soc a:hover{background:rgba(236,103,153,.18)}}
.foot__bar{pointer-events:auto;background:var(--pink)}
.foot__in{display:flex;align-items:center;justify-content:space-between;width:calc(1240 * var(--u));height:100%;margin:0 auto}
/* стрілка нагору в підвалі */
.foot__up{display:grid;place-items:center;flex:none;width:calc(40 * var(--u));height:calc(40 * var(--u));min-width:36px;min-height:36px;border:1px solid var(--pink);border-radius:50%;background:var(--pink);box-shadow:0 6px 18px rgba(236,103,153,.35);transition:background-color .25s,transform .25s,box-shadow .25s}
.foot__up img{width:calc(18 * var(--u));min-width:16px;rotate:-90deg}
/* над «Email»: на комп’ютері — у вільному місці над колонкою, щоб «Email» лишався на одній лінії з «Контакти» */
@media (min-width:1180px){.foot__up{position:absolute;right:0;bottom:calc(100% + 16 * var(--u))}}
@media (hover:hover) and (pointer:fine){.foot__up:hover{background:#f07ba7;box-shadow:0 10px 24px rgba(236,103,153,.45);transform:translateY(-3px)}}
.foot__in > a:first-child{font-size:calc(18 * var(--ut));line-height:1.2}
@media (hover:hover) and (pointer:fine){.foot__in > a:first-child:hover{text-decoration:underline;text-underline-offset:3px}}
.foot__by{display:flex;flex-direction:column;align-items:flex-start;gap:calc(5 * var(--u))}
.foot__by img{width:calc(78 * var(--u))}
.foot__by span{font-size:max(6px, calc(6 * var(--ut)));line-height:1;letter-spacing:.01em;text-transform:uppercase}

/* ── вікно заявки ───────────────────────────────────────── */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.modal[hidden]{display:none}
.modal__back{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}
.modal__win{position:relative;width:min(100%,500px);max-height:calc(100vh - 32px);overflow:auto;padding:30px clamp(20px,4vw,40px) 26px;border:2px solid var(--pink);border-radius:30px;background:var(--card);animation:modal-in .35s cubic-bezier(.16,1,.3,1)}
@keyframes modal-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.modal__x{position:absolute;right:10px;top:8px;width:44px;height:44px;padding:0;border:0;background:none;font-size:34px;line-height:1;color:#fff}
.modal__logo{width:96px;margin:0 auto}
.modal__title{margin-top:8px;font-weight:500;font-size:clamp(26px,3vw,32px);line-height:1.05;letter-spacing:-.02em;text-align:center}
.modal__title .gold{white-space:nowrap}
.modal__sub{margin-top:10px;font-size:16px;line-height:1.3;text-align:center;opacity:.85}
.modal .form{margin-top:20px;gap:12px}
.modal .fld input{height:54px;font-size:16px}
.modal .pbtn{height:56px;font-size:17px}
.modal .pbtn i{width:46px;height:46px}
.modal .pbtn i img{width:18px}

/* ════════════════════════════════════════════════════════════
   Телефони, планшети й невеликі ноутбуки (до 1179px).
   Мобільної версії в макеті немає — блоки йдуть один за одним у стилі макета.
   ════════════════════════════════════════════════════════════ */
@media (max-width:1179px){
  :root{--g:20px}
  .sec{width:auto;max-width:860px;height:auto;padding:0 var(--g)}
  .a{position:relative;left:auto;top:auto;width:auto}
  .ac{transform:none}
  .deco{display:none}
  .h2{font-size:clamp(33px, 8.6vw, 48px);line-height:1}
  .pbtn{width:auto;min-width:240px;height:56px;padding:0 66px 0 26px;font-size:17px}
  .pbtn i{right:4px;width:48px;height:48px}
  .pbtn i img{width:19px}
  .circ{width:52px;height:52px}
  .circ img{width:20px}
  .slider__nav{gap:12px}
  .slider__view{margin:0 calc(-1 * var(--g));padding:0 var(--g)}

  /* обкладинка */
  .sec.hero{max-width:none;display:flex;flex-direction:column;min-height:100vh;min-height:100svh;padding-bottom:22px}
  .hero > *{flex:none}
  .hero > .hero__bg{flex:1 0 auto}
  .hero__btn{align-self:flex-start}
  .hero__bg{position:relative;left:auto;transform:none;display:block;width:calc(100% + 2 * var(--g));min-width:0;height:auto;margin:0 calc(-1 * var(--g));aspect-ratio:390/350;max-height:62vh}
  .hero__bg img{left:0;width:100%;height:100%;transform:none;object-position:80% 42%}
  .hero__bg::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(to top, var(--bg) 4%, rgba(9,9,8,0))}
  .hero__fade{display:none}
  .hdr{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:8px var(--g) 0}
  .hdr__logo{width:96px}
  .menu{position:fixed;left:auto;right:var(--g);top:8px;width:46px}
  .lang{position:absolute;left:auto;right:calc(var(--g) + 58px);top:14px;width:92px}
  .burger{width:46px;height:46px;background:rgba(9,9,8,.45)}
  .burger i{left:11px;width:23px}
  .burger i:first-child{top:18.5px}
  .burger i:last-child{top:26.5px}
  .burger[aria-expanded="true"] i{top:22.5px}
  .menu__panel{position:fixed;inset:0;z-index:50;justify-content:center;min-width:0;padding:70px 28px 40px;border:0;border-radius:0;background:rgba(9,9,8,.98);animation:none}
  .menu__panel a{padding:11px 4px;font-size:20px;text-align:center}
  .menu__panel .menu__cta{align-self:center;margin-top:18px;padding:14px 30px;border-radius:100px;font-size:18px}
  .menu.is-open .burger{position:fixed;right:var(--g);top:8px;z-index:60}
  .hero__title{margin-top:-58px;font-size:clamp(37px, 10.2vw, 56px);line-height:1}
  .hero__btn{margin-top:22px}
  .hero__stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;margin-top:34px;max-width:440px}
  .stat{display:flex;flex-direction:column;align-items:center;text-align:center}
  .stat__box{width:72px;height:66px;border-radius:18px}
  .stat__box img{width:calc(var(--iw) * .9px)}
  .stat__nn{display:flex;align-items:baseline;gap:4px;margin-top:10px}
  .stat__z{width:auto;font-size:13px}
  .stat__n{width:auto;font-size:24px}
  .stat__t{width:auto;max-width:110px;margin-top:4px;font-size:13px;line-height:1.05}

  /* основні цифри */
  .nums{padding-top:60px}
  .nums__kv{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
  .kv{padding-left:20px;font-size:15px}
  .kv::before{top:5px;width:10px;height:10px}
  .kv dd{margin-top:4px;font-size:17px}
  .nums__p{margin-top:24px;font-size:clamp(19px, 5vw, 26px)}

  /* сила франшизи */
  .power{padding-top:60px}
  .power__sub{margin-top:14px;font-size:17px}
  .power__slider{margin-top:24px}
  .power .slider__track{gap:12px}
  .pcard{width:min(78vw, 330px);height:auto;padding:20px 20px 22px;border-radius:20px}
  .pcard img{height:auto;aspect-ratio:336/240;border-radius:12px}
  .pcard .zm{border-radius:12px}
  .pcard__t{position:static;gap:8px;margin-top:16px}
  .pcard h3,.pcard p,.pcard .w325,.pcard .w253,.pcard .w328,.pcard .w262,.pcard .w269,.pcard .w271{width:auto;padding:0 6px}
  .pcard h3{font-size:18px}
  .pcard p{font-size:15.5px;line-height:1.2}
  .power .slider__nav{margin:18px 0 0}

  /* цитата + шлях */
  .path{padding-top:44px}
  .quote{height:auto;padding:24px 20px 24px 20px;border-radius:24px}
  .quote__sak{display:block;left:-26px;top:auto;bottom:-30px;width:104px;opacity:.95}
  .quote p{position:relative;left:auto;top:auto;width:auto;transform:none;padding-left:48px;font-size:clamp(18px, 4.8vw, 24px)}
  .path .h2{margin-top:56px}
  .fmt{display:grid;gap:12px;margin-top:24px}
  .fmt li{gap:14px;min-height:0}
  .ring{width:58px;height:58px}
  .fmt li .ring img{transform:scale(.82)}
  .fmt li p{width:auto;margin-left:0;font-size:16.5px;line-height:1.2}
  .fmt__head span{font-size:16px;line-height:1.2}
  .path__photo{width:100%;height:auto;aspect-ratio:614/487;margin-top:24px;border-radius:20px}
  .more{margin-top:22px}
  .more__btn{height:52px;font-size:18px}
  .more__btn img{width:14px}
  .more__body p{width:auto;max-width:420px;font-size:16.5px;line-height:1.25}

  /* перша форма */
  .lead1{padding-top:56px}
  .lead__t{font-size:clamp(18px, 4.6vw, 24px)}
  .form--row{grid-template-columns:1fr;gap:10px;max-width:520px;margin:22px auto 0}
  .fld input{height:54px;padding:0 20px;font-size:16px}
  .form .pbtn{height:56px;padding:0}

  /* продукція */
  .food{padding-top:60px}
  .food__run{left:auto;width:auto;margin:24px calc(-1 * var(--g)) 0}
  .run__track{gap:12px}
  .fcard{width:min(62vw, 270px)}
  .fcard img{height:auto;aspect-ratio:335/287;border-radius:18px}
  .fcard .zm{border-radius:18px}
  .fcard span{margin-top:10px;font-size:15px}

  /* підтримка */
  .sec.sup{min-height:0;padding-top:60px;padding-bottom:0}
  .sup__box{height:auto;margin-top:24px;padding:26px 20px 26px;border-radius:24px}
  .sup__box p{position:relative;left:auto;top:auto;width:auto;max-width:438px;margin:0 auto;transform:none;font-size:clamp(19px, 5vw, 24px)}
  .sup__box p{line-height:1.2}
  .sup__box .pbtn{position:relative;left:auto;top:auto;display:flex;width:max-content;margin:40px auto 0}
  .sup__flower{display:block;left:auto;right:-34px;top:auto;bottom:-40px;width:110px;height:104px;opacity:.9}
  .acc{width:auto;margin:22px 0 0;padding-top:0}
  .acc__i button{height:auto;min-height:66px;padding:12px 0}
  .acc__i button::before{width:9px;height:9px}
  .acc__i button span{margin-left:14px;font-size:19px}
  .acc__i button i{width:38px;height:38px}
  .acc__i button i img{width:16px}
  .acc__b{margin-top:0;padding:0 0 20px 38px}
  .acc__b li{font-size:16px;line-height:1.25}
  .acc__b li + li{margin-top:2px}

  /* фінанси */
  .fin{padding-top:60px}
  .fin .h2,.fin__sub{text-align:center}
  .fin__sub{margin-top:12px;font-size:15px}
  .fin__col{display:grid;gap:14px;margin-top:26px}
  .fin__col--r{margin-top:14px}
  .fi{gap:16px}
  .box{width:66px;height:66px;border-radius:18px}
  .box img,.fin__col--r .fi:first-child .box img,.fin__col--r .fi + .fi .box img{width:38px}
  .fin__col--r .fi + .fi .box--coins img{width:34px}
  .fi--roy .box img{width:30px}
  .fi div{gap:6px;font-size:17px;line-height:1.15}
  .fi b{width:auto}
  .roy{padding-left:24px}
  .tip{left:52px;width:18px;height:18px;font-size:11px}
  .tip__b{left:-24px;top:calc(100% + 8px);width:min(220px, 62vw);transform:translateY(-4px)}
  .tip:hover + .tip__b,.tip:focus-visible + .tip__b,.tip.is-on + .tip__b{transform:none}
  .fee{padding-right:28px}
  .fee .tip{left:auto;right:0}
  .fee .tip__b{left:auto;right:-6px;width:auto}
  .fin__video{width:100%;height:auto;aspect-ratio:400/280;margin-top:24px}

  /* фото з карткою */
  .sec.cta{max-width:none;margin-top:60px;padding:48px var(--g)}
  .cta__bg{left:0;top:0;width:100%;height:100%}
  .cta__card{max-width:440px;height:auto;margin:0 auto;padding:16px 16px 22px;border-radius:15px;background:#fff}
  .cta__phw{display:block;border-radius:15px}
  .cta__ph{display:block;width:100%;height:auto;aspect-ratio:400/257;object-fit:cover;object-position:50% 50%;border-radius:15px}
  .cta__card p{position:relative;left:auto;top:auto;width:auto;max-width:350px;margin:18px auto 0;transform:none;font-size:17px;line-height:1.2}
  .cta__card .pbtn{position:relative;left:auto;top:auto;display:flex;width:max-content;margin:20px auto 0}

  /* етапи */
  .steps{padding-top:60px}
  .steps .h2{text-align:center}
  .steps__list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
  .step{height:auto;min-height:168px;padding:84px 10px 16px;border-radius:18px}
  .step__n{top:14px;width:58px;height:58px;font-size:30px}
  .step p{position:static;width:auto;max-width:100%;transform:none;font-size:15px;line-height:1.2}

  /* досягнення */
  .awards{padding-top:60px}
  .awards .h2{text-align:center}
  .awards__list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
  .awards__list li:last-child{grid-column:1/-1;width:calc(50% - 5px);margin:0 auto}
  .awards__list img{height:auto;aspect-ratio:276/333;border-radius:16px}
  .awards__list .zm{border-radius:16px}

  /* відгуки */
  .reviews{padding-top:60px}
  .reviews .h2{text-align:center}
  .rev__slider{margin-top:24px}
  .reviews .slider__track{gap:12px;align-items:stretch}
  .rcard{display:flex;flex-direction:column;width:min(84vw, 360px);height:auto;min-height:230px;padding:18px 18px 20px;border-radius:20px}
  .rcard > img{width:40px}
  .rcard p{position:static;width:auto;margin-top:14px;font-size:15.5px;line-height:1.3}
  .rcard b{position:static;margin-top:auto;padding-top:14px;font-size:15.5px}
  .reviews .slider__nav{margin-top:18px}

  /* фінальна форма */
  .final{padding-top:64px}
  .final__t{white-space:normal;text-align:center}
  .final__sub{margin-top:12px;font-size:clamp(17px, 4.4vw, 22px);text-align:center}
  .final__logo{display:block;width:190px;margin:34px auto 0}

  /* підвал */
  .sec.foot{max-width:none;display:flex;flex-direction:column;align-items:center;gap:22px;padding:34px var(--g) 0}
  .foot__c,.foot__c--r{align-items:center;text-align:center;font-size:18px}
  .soc{order:3;gap:14px}
  .soc a{width:56px}
  .foot__bar{position:relative;left:auto;top:auto;order:4;width:calc(100% + 2 * var(--g));height:auto;margin:6px calc(-1 * var(--g)) 0;transform:none}
  .foot__in{flex-direction:column;justify-content:center;gap:12px;width:auto;padding:16px var(--g)}
  .foot__in > a:first-child{font-size:16px}
  .foot__up{width:44px;height:44px;margin-bottom:12px}
  .foot__by{align-items:center}
  .foot__by img{width:78px}
  .foot__by span{font-size:7px}
}

@media (max-width:1179px) and (orientation:portrait){
  /* вільне місце першого екрана віддаємо фото */
  .hero__bg{max-height:none}
}

@media (min-width:700px) and (max-width:1179px){
  .hero__bg{aspect-ratio:1440/860;max-height:none}
  .hero__title{margin-top:-90px}
  .power .pcard{width:330px}
  .steps__list{grid-template-columns:repeat(5, 1fr)}
  .step{min-height:190px;padding-top:80px}
  .step p{font-size:14px}
  .awards__list{display:flex;flex-wrap:wrap;justify-content:center}
  .awards__list li,.awards__list li:last-child{width:calc((100% - 20px) / 3);margin:0}
  .fin__col{grid-template-columns:1fr 1fr;column-gap:20px}
  .fin__col--r{grid-template-columns:1fr 1fr}
  .fin__video{max-width:560px;margin-left:auto;margin-right:auto}
}

/* ── телефон: правки Євгенії 2026-10-20 ─────────────────── */
@media (max-width:1179px){
  /* перший екран: спершу пункти з іконками, кнопка — внизу */
  .hero__stats{order:1;margin-top:30px}
  .hero__btn{order:2;margin-top:28px}
  /* «Основні цифри»: «Окупність інвестицій» в один рядок і ближче до «Інвестицій» */
  .nums__kv{grid-template-columns:auto auto;justify-content:start;column-gap:clamp(10px, 3.4vw, 34px)}
  .kv{padding-left:18px;font-size:min(15px, 3.6vw)}
  .kv dt,.kv dd{white-space:nowrap}
  .kv dd{font-size:min(17px, 4.1vw)}
  /* картки «Сила франшизи»: від фото до краю 10px, текст по центру білої частини */
  .pcard{display:flex;flex-direction:column;padding:10px}
  .pcard__t{flex:1;justify-content:center;margin-top:0;padding:16px 4px}
  /* рожева рамка «Ви отримаєте можливість»: текст по центру, рівні відступи — не заходить на квітку */
  .quote{padding:26px 54px 30px}
  .quote p{padding-left:0}
  /* «Ми передаємо налаштовану систему…» — вужчий рядок, трохи більший шрифт */
  .lead__t{max-width:330px;margin-left:auto;margin-right:auto;font-size:clamp(20px, 5.2vw, 24px)}
  /* перенос лише на телефоні («Шлях до успіху / зі Złota Sakura») */
  .m-br{display:inline}
  /* «Підтримка партнера»: текст у рожевій рамці вужчий */
  .sup__box p{max-width:280px}
  /* «Підтримка партнера»: спершу список, потім рожева рамка; від заголовка до лінії 30px */
  .sec.sup{display:flex;flex-direction:column}
  .sup .acc{order:1;margin-top:30px}
  .sup__box{order:2;margin-top:34px}
}
/* телефон: перший екран — заголовок, пункти з іконками, внизу фото суші (окреме вертикальне фото); без кнопки */
@media (max-width:699px){
  .sec.hero{min-height:0;padding-top:104px;padding-bottom:0}
  .hero__title{z-index:1;margin-top:0}
  .hero__stats{position:relative;z-index:1}
  .hero__btn{display:none}
  .hero > .hero__bg{order:3;flex:none;aspect-ratio:941/1672;max-height:none;margin-top:-74vw;z-index:0}
  .hero__bg img{object-position:50% 100%}
  .hero__bg::after{height:16%}
  /* верхній край фото м’яко розчиняється у фон, щоб не було видно межі */
  .hero__bg::before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:30%;background:linear-gradient(to bottom, var(--bg) 0, rgba(9,9,8,0))}
  .nums{padding-top:56px}
}

/* ── анімації ───────────────────────────────────────────── */
/* поява блоків при прокрутці (клас ставить скрипт; без скрипта все видно одразу) */
.rv{opacity:0;translate:0 36px;transition:opacity .9s cubic-bezier(.2,.7,.2,1) var(--rd, 0s),translate .9s cubic-bezier(.2,.7,.2,1) var(--rd, 0s)}
.rv.is-in{opacity:1;translate:none}
/* картки етапів на телефоні: з’являються помітно — знизу і з легким збільшенням */
.rv.stp{translate:0 28px;scale:.96}
.rv.stp.is-in{opacity:1;translate:none;scale:1;transition:opacity .7s ease var(--rd, 0s),translate .8s cubic-bezier(.2,.7,.2,1) var(--rd, 0s),scale .8s cubic-bezier(.2,.7,.2,1) var(--rd, 0s)}
/* рожеві рамки з текстом з’являються «поп-апом»: виринають і легко відскакують */
.rv.pop{scale:.78}
.rv.pop.is-in{scale:1;transition:opacity .6s ease var(--rd, 0s),translate .8s cubic-bezier(.2,.7,.2,1) var(--rd, 0s),scale 1s cubic-bezier(.28,1.9,.5,1) var(--rd, 0s)}
/* фото: легкий зум при появі й при наведенні */
.zm{overflow:hidden}
.pcard .zm{display:block;border-radius:calc(10 * var(--u))}
.fcard .zm{display:block;border-radius:calc(20 * var(--u))}
.awards__list .zm{border-radius:calc(20 * var(--u))}
.js .zm > img,.js .zm > video,.js .zm > picture > img{scale:1.2;transition:scale 2s cubic-bezier(.25,.6,.3,1)}
.js .zm > .is-ld,.js .zm > picture > .is-ld{scale:1}
@media (hover:hover) and (pointer:fine){
  .zm:not(.bgfull):hover > .is-ld,.pcard:hover .zm > .is-ld,.fcard:hover .zm > .is-ld{scale:1.06;transition-duration:1s}
}
/* палички з суші в «Основних цифрах» плавно рухаються при прокрутці (скрипт) */
.nums__salmon,.nums__tobiko,.path__branch{will-change:translate}

@media (prefers-reduced-motion:reduce){
  .pbtn.shine::after{animation:none}
  .rv.pop{scale:1}
  .js .hero .hc{opacity:1;translate:none}
  .js .hero .stat__box img{scale:1}
  html{scroll-behavior:auto}
  .slider__track{transition:none}
  .rv{opacity:1;translate:none;transition:none}
  .js .zm > img,.js .zm > video,.js .zm > picture > img{scale:1;transition:none}
  .acc__p,.acc__m > *{transition:none}
}