/* Мила проверила. Стили сайта. Язык: контур как у рисованной Милы, плотные цветные поля, тема страны. */

@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(/fonts/unbounded-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(/fonts/unbounded-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Unbounded";font-weight:800;font-display:swap;src:url(/fonts/unbounded-cyrillic-800-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Unbounded";font-weight:800;font-display:swap;src:url(/fonts/unbounded-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-weight:400;font-display:swap;src:url(/fonts/nunito-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-weight:400;font-display:swap;src:url(/fonts/nunito-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-weight:700;font-display:swap;src:url(/fonts/nunito-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-weight:700;font-display:swap;src:url(/fonts/nunito-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Nunito";font-weight:900;font-display:swap;src:url(/fonts/nunito-cyrillic-900-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Nunito";font-weight:900;font-display:swap;src:url(/fonts/nunito-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#FFF8EE;
  --ink:#2B1B12;
  --soft:#5E4838;
  --th:#FFE3B3;      /* тема страны: светлое поле */
  --th2:#F6C26B;     /* тема страны: насыщенное поле */
  --acc:#FF7A45;     /* кнопка покупки */

  --f-display:"Unbounded","Arial Black",system-ui,sans-serif;
  --f-text:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;

  --t-display:clamp(30px,3.5vw,52px);
  --t-h2:clamp(26px,3vw,44px);
  --t-h3:clamp(18px,1.5vw,22px);
  --t-lead:clamp(18px,1.4vw,21px);
  --t-body:17px;
  --t-small:14px;

  --r:18px;
  --line:3px solid var(--ink);
  --shadow:6px 6px 0 var(--ink);
  --shadow-s:4px 4px 0 var(--ink);
  --gutter:clamp(18px,4vw,64px);
  --btn-h:56px;
  --bar-h:68px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
html[data-country=thailand]{--th:#CFF0DC;--th2:#86D3AC;--acc:#FF6F9C}
html[data-country=turkey]{--th:#CDEBF7;--th2:#7CC4E6;--acc:#4FBDEB}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-body)/1.6 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}
::selection{background:var(--th2)}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;text-decoration:none}
.skip:focus{top:12px}

.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--gutter)}
.sec{padding-block:clamp(64px,8vw,120px);position:relative}
.t-display{font:800 var(--t-display)/1.08 var(--f-display);letter-spacing:-.02em}
.t-h2{font:800 var(--t-h2)/1.12 var(--f-display);letter-spacing:-.02em;max-width:22ch}
.t-h3{font:700 var(--t-h3)/1.25 var(--f-display);margin-top:48px;margin-bottom:16px}
.t-lead{font-size:var(--t-lead);line-height:1.55;font-weight:700}
.note{font-size:var(--t-small);color:var(--soft)}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--btn-h);padding:0 28px;border:var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:800 16px/1 var(--f-text);text-decoration:none;box-shadow:var(--shadow-s);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.btn--ink{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-s) ,4px 4px 0 var(--th2)}
.btn--ink{box-shadow:4px 4px 0 var(--th2)}
.btn--ink:hover{box-shadow:6px 6px 0 var(--th2)}
.btn--accent{background:var(--acc)}
.btn--sm{min-height:44px;padding:0 20px;font-size:15px}
.btn--full{width:100%}
.btn[disabled]{opacity:.6;pointer-events:none}

/* ---------- шапка ---------- */
.bar{position:sticky;top:0;z-index:30;height:var(--bar-h);display:flex;align-items:center;gap:20px;padding-inline:var(--gutter);background:var(--paper);border-bottom:var(--line)}
.bar__logo{font:800 26px/1 var(--f-display);text-decoration:none;letter-spacing:-.03em}
.bar__logo span{display:inline-block;background:var(--acc);padding:6px 12px 8px;border:var(--line);border-radius:12px;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--ink)}
.tabs{display:flex;gap:4px;padding:4px;border:var(--line);border-radius:999px;background:var(--paper)}
.tab{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-weight:800;font-size:15px;min-height:36px;transition:background .2s}
.tab[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.tab:not([aria-pressed=true]):hover{background:var(--th)}
.bar__nav{display:flex;gap:22px;margin-left:auto;font-weight:700}
.bar__nav a{text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.bar__nav a:hover{border-color:var(--ink)}
.bar .btn--sm{margin-left:0}
.bar__nav + .btn{margin-left:0}

/* ---------- первый экран ---------- */
.hero{position:relative;overflow:hidden;background:var(--th);border-bottom:var(--line);min-height:calc(100svh - var(--bar-h));display:flex;align-items:center;padding-block:clamp(32px,5vw,72px)}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center}
.hero__card{background:var(--paper);border:var(--line);border-radius:28px;box-shadow:10px 10px 0 var(--ink);padding:clamp(24px,3.4vw,52px)}
.hero__card .t-display{max-width:14ch}
.hero__lead{margin-top:16px;max-width:46ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.hero__art{position:relative;display:flex;justify-content:center}
.hero__covers{position:relative;width:min(100%,460px);aspect-ratio:1/1.12}
.cover{position:absolute;border:var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}
.cover--back{left:0;top:8%;width:54%;transform:rotate(-7deg)}
.cover--front{right:0;top:0;width:60%;transform:rotate(5deg)}
.tag{position:absolute;z-index:3;font:800 18px/1 var(--f-display);padding:9px 14px 10px;border:var(--line);border-radius:12px;box-shadow:3px 3px 0 var(--ink)}
.tag--free{left:6%;bottom:10%;background:var(--paper);transform:rotate(-6deg)}
.tag--paid{right:4%;bottom:2%;background:var(--acc);transform:rotate(4deg)}
.stamp{position:absolute;z-index:4;left:-4%;top:-6%;width:clamp(96px,9vw,128px);padding:2px;border-radius:50%;background:var(--paper);color:var(--ink);transform:rotate(-12deg);box-shadow:3px 3px 0 var(--ink)}
.stamp text{text-transform:uppercase}

/* ---------- факты под первым экраном ---------- */
.facts{background:var(--paper);border-bottom:var(--line);padding-block:clamp(22px,3vw,34px)}
.facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.facts li{display:flex;align-items:center;gap:14px}
.facts svg{flex:none;width:52px;height:52px;padding:13px;border:var(--line);border-radius:50%;background:var(--th);fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;box-shadow:3px 3px 0 var(--ink)}
.facts li:nth-child(2) svg{fill:var(--ink);stroke:none}
.facts strong{display:block;font:800 16px/1.2 var(--f-display);letter-spacing:-.01em}
.facts span{display:block;margin-top:3px;font-size:14px;line-height:1.3;color:var(--soft)}

/* ---------- лента ---------- */
.ribbon{overflow:hidden;background:var(--ink);color:var(--paper);border-bottom:var(--line);padding-block:14px}
.ribbon__track{display:flex;width:max-content;gap:0;animation:ribbon 38s linear infinite}
.ribbon span{font:800 clamp(16px,1.6vw,22px)/1 var(--f-display);text-transform:uppercase;letter-spacing:.02em;padding-inline:26px;position:relative}
.ribbon span::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--th2)}
@keyframes ribbon{to{transform:translateX(-50%)}}

/* ---------- разводы ---------- */
.scams{background:var(--paper)}
.tickets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:44px}
.ticket{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--th);border:var(--line);border-radius:var(--r);padding:26px 22px 24px;box-shadow:var(--shadow)}
.ticket:nth-child(odd){transform:rotate(-1deg)}
.ticket:nth-child(even){transform:rotate(1deg);background:var(--paper)}
.ticket__tag{align-self:flex-start;background:var(--ink);color:var(--paper);font:800 12px/1 var(--f-display);text-transform:uppercase;letter-spacing:.06em;padding:7px 11px;border-radius:8px}
.ticket h3{font:800 20px/1.2 var(--f-display);letter-spacing:-.01em}
.ticket p{font-size:16px;line-height:1.55}
.scams__more{margin-top:36px;font:700 var(--t-lead)/1.5 var(--f-text);max-width:60ch}

/* ---------- бесплатная шпаргалка ---------- */
.free{background:var(--th);border-block:var(--line)}
.free__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.free__art{position:relative;width:100%;max-width:560px;aspect-ratio:1/1.1;margin-inline:auto}
.free__art img{position:absolute;border:var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}
.free__cover{left:4%;top:0;width:50%;transform:rotate(-5deg)}
.free__page{right:2%;top:12%;width:50%;transform:rotate(4deg)}
.free__text{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.sticker{font:800 14px/1 var(--f-display);text-transform:uppercase;letter-spacing:.05em;padding:9px 14px;background:var(--acc);border:var(--line);border-radius:10px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg)}
.checks{display:grid;gap:12px}
.checks li{position:relative;padding-left:40px;font-weight:700}
.checks li::before{content:"";position:absolute;left:0;top:1px;width:26px;height:26px;border:2px solid var(--ink);border-radius:8px;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='%232B1B12' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.free__row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:6px}
.hero__cta .btn,.final__cta .btn{flex:1 1 200px}
.final__cta{width:100%;max-width:520px}

/* ---------- гайд ---------- */
.guide{background:var(--paper)}
.guide__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(28px,4vw,64px);align-items:start;margin-top:40px}
.guide__hook{max-width:56ch}
.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:clamp(10px,1.5vw,20px);margin-top:36px}
.figure{background:var(--th);border:var(--line);border-radius:var(--r);padding:20px 16px;box-shadow:var(--shadow-s)}
.figure dt{font:800 clamp(30px,3.4vw,50px)/1 var(--f-display);letter-spacing:-.03em}
.figure dd{margin-top:8px;font-weight:700;font-size:15px;line-height:1.35}
.scene{position:relative;aspect-ratio:16/10;margin-top:36px;border:var(--line);border-radius:var(--r);overflow:hidden;background:var(--th2);box-shadow:var(--shadow)}
.scene__bg{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;object-position:center bottom}
.scene__pages{position:absolute;inset:0}
.scene__pages figure{position:absolute;bottom:6%;left:calc(2% + var(--i) * 19%);width:24%;z-index:calc(var(--i) + 1);transform:rotate(calc((var(--i) - 2) * 3deg));transform-origin:50% 100%;transition:transform .35s var(--ease)}
.scene__pages figure:hover,.scene__pages figure:focus-within{transform:rotate(calc((var(--i) - 2) * 3deg)) translateY(-14px);z-index:9}
.scene__pages img{width:100%;border-radius:8px;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink)}
.inside{display:grid;gap:0;border:var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.inside li{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:6px 24px;padding:18px 22px;border-top:2px solid var(--ink)}
.inside li:first-child{border-top:0}
.inside li:nth-child(odd){background:var(--th)}
.inside strong{font:800 17px/1.3 var(--f-display)}
.inside span{line-height:1.5}
.toc{columns:2;column-gap:36px}
.toc li{display:flex;gap:12px;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:2px dotted var(--ink);break-inside:avoid;font-weight:700}
.toc__p{font:800 15px/1 var(--f-display);flex:none;background:var(--th);border:2px solid var(--ink);border-radius:8px;padding:4px 9px}
.offer{position:sticky;top:calc(var(--bar-h) + 20px);background:var(--th);border:var(--line);border-radius:26px;padding:24px;box-shadow:10px 10px 0 var(--ink)}
.offer__cover{width:58%;margin:0 auto 18px;border:var(--line);border-radius:12px;box-shadow:var(--shadow-s);transform:rotate(-3deg);background:var(--paper)}
.offer__name{font:800 18px/1.25 var(--f-display)}
.offer__price{font:800 clamp(40px,4vw,56px)/1 var(--f-display);letter-spacing:-.03em;margin-top:10px}
.offer__text{margin-top:10px;font-size:16px;line-height:1.5}
.offer .btn{margin-top:18px}
.offer__list{display:grid;gap:8px;margin-top:18px;font-size:15px;font-weight:700}
.offer__list li{position:relative;padding-left:28px}
.offer__list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23FFF8EE' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}

/* ---------- как это устроено ---------- */
.how{background:var(--th2);border-block:var(--line)}
.how__text{display:grid;gap:16px;max-width:60ch}
.how__row{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,40px);align-items:stretch;margin-top:44px}
.slip{flex:1 1 300px;background:var(--paper);border:var(--line);border-radius:6px;padding:28px 28px 24px;box-shadow:var(--shadow);position:relative;transform:rotate(-1deg);
  --zig:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/14px 100%;-webkit-mask:var(--zig);mask:var(--zig)}
.slip__h{font:800 14px/1 var(--f-display);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 8px}
.slip__h:first-child{margin-top:0}
.slip__rows li{display:flex;align-items:baseline;gap:8px;padding:6px 0;font-weight:700}
.slip__rows i{flex:1 1 12px;min-width:12px;border-bottom:2px dotted var(--ink);transform:translateY(-4px)}
.slip__rows li span:last-child{white-space:nowrap;flex:none}
.slip__total{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:3px solid var(--ink);font:800 18px/1.2 var(--f-display)}
.sky{position:relative;flex:1 1 280px;min-height:460px;border:var(--line);border-radius:var(--r);background:#A9D8EE;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;box-shadow:var(--shadow)}
.sky__chip{position:absolute;left:16px;top:16px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font-weight:800;font-size:var(--t-small)}
.sky__cloud{position:absolute;width:46%;opacity:.95}
.sky__cloud--a{top:18%;left:-12%;animation:drift 26s linear infinite}
.sky__cloud--b{top:46%;right:-30%;width:38%;animation:drift 34s linear infinite reverse}
@keyframes drift{from{transform:translateX(0)}50%{transform:translateX(26%)}to{transform:translateX(0)}}
.phone{position:relative;z-index:2;width:min(62%,240px);margin-top:84px;aspect-ratio:9/16;border:8px solid var(--ink);border-bottom:0;border-radius:34px 34px 0 0;overflow:hidden;background:var(--ink)}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}

/* ---------- о Миле ---------- */
.about{background:var(--paper)}
.about__grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,5vw,80px);align-items:end}
.about__mila{width:min(100%,380px);margin-inline:auto;filter:drop-shadow(6px 6px 0 var(--th2))}
.letter{display:grid;gap:18px;max-width:60ch;align-self:center}
.letter p{font-size:18px;line-height:1.65}
.letter mark{background:var(--th2);padding:1px 6px;border-radius:6px;font-weight:800}
.letter__sign{display:flex;align-items:baseline;gap:14px}
.letter__sign em{font:800 38px/1 var(--f-display);font-style:normal;transform:rotate(-4deg);display:inline-block}
.letter__sign span{color:var(--soft);font-size:var(--t-small)}
.letter__links{display:flex;flex-wrap:wrap;gap:12px}
.letter__links a{font-weight:800;text-decoration:none;border:2px solid var(--ink);border-radius:999px;padding:9px 18px;background:var(--th)}
.letter__links a:hover{background:var(--th2)}

/* ---------- вопросы ---------- */
.faq{background:var(--th);border-block:var(--line)}
.faq__list{display:grid;gap:14px;margin-top:40px;max-width:860px}
.faq details{background:var(--paper);border:var(--line);border-radius:var(--r);box-shadow:var(--shadow-s)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font:800 18px/1.3 var(--f-display);min-height:64px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;font:800 22px/1 var(--f-text);background:var(--acc);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;line-height:1.65;max-width:62ch}

/* ---------- финал ---------- */
.final{position:relative;overflow:hidden;padding-block:clamp(72px,10vw,150px);background:var(--th2)}
.final__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
.final .wrap{position:relative}
.final__card{max-width:680px;margin-inline:auto;text-align:center;background:var(--paper);border:var(--line);border-radius:28px;box-shadow:10px 10px 0 var(--ink);padding:clamp(28px,4vw,56px);display:grid;gap:18px;justify-items:center}
.final__card .t-h2{max-width:none}
.final__cta{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px}

/* ---------- подвал ---------- */
.foot{background:var(--ink);color:var(--paper);padding-block:clamp(48px,6vw,88px) 40px;overflow:hidden}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline}
.foot__word{font:800 clamp(34px,7.6vw,120px)/.95 var(--f-display);letter-spacing:-.04em;color:var(--th2);white-space:nowrap}
.foot__word::before{content:"мила проверила"}
.foot__menu{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:36px;font-weight:800}
.foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px 48px;margin-top:36px}
.foot__cols span{font-size:15px;line-height:1.5;color:#E9D3BC}
.foot__cols div{display:grid;gap:8px;align-content:start}
.foot__cols h3{font:800 13px/1 var(--f-display);text-transform:uppercase;letter-spacing:.06em;color:var(--th2);margin-bottom:6px}
.foot__legal{margin-top:44px;padding-top:24px;border-top:2px solid #FFF8EE33;font-size:13px;line-height:1.7;color:#E9D3BC;max-width:90ch}
.foot__legal a{text-decoration:underline}

/* ---------- нижняя плашка на телефоне ---------- */
.buybar{display:none}

/* ---------- Мила идёт по странице ---------- */
.walker{position:fixed;z-index:15;left:0;bottom:0;height:112px;aspect-ratio:.52;pointer-events:none;background:url(/img/sprites/walk_egypt.webp) 0 100%/400% 100% no-repeat;will-change:transform;display:none}
.js .walker{display:block}
.walker[data-country=thailand]{background-image:url(/img/sprites/walk_thailand.webp)}
.walker[data-country=turkey]{background-image:url(/img/sprites/walk_turkey.webp)}

/* ---------- окно покупки ---------- */
.buy-dlg{width:min(94vw,500px);max-height:94svh;padding:0;border:var(--line);border-radius:26px;background:var(--paper);color:var(--ink);box-shadow:10px 10px 0 var(--ink);overflow:auto}
.buy-dlg::backdrop{background:#2B1B12aa}
.buy-dlg__close{position:absolute;right:14px;top:14px;margin:0}
.buy-dlg__close button{border:2px solid var(--ink);background:var(--paper);border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;min-height:36px}
.buy-dlg__form{display:grid;gap:18px;padding:30px 26px 26px}
.buy-dlg__form .t-h2{font-size:26px;max-width:none;padding-right:96px}
.buy-dlg__pick{border:0;margin:0;padding:0;min-width:0}
.buy-dlg__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.buy-dlg__pick legend{font-weight:800;margin-bottom:8px;padding:0}
.buy-dlg__pick label{cursor:pointer}
.buy-dlg__pick input{position:absolute;opacity:0;pointer-events:none}
.buy-dlg__pick span{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px;border:2px solid var(--ink);border-radius:999px;font-weight:800;min-height:44px}
.buy-dlg__pick input:checked + span{background:var(--ink);color:var(--paper)}
.buy-dlg__pick input:focus-visible + span{outline:3px solid var(--ink);outline-offset:3px}
.field{display:grid;gap:8px;font-weight:800}
.field input{font:400 17px var(--f-text);padding:14px 16px;min-height:52px;border:var(--line);border-radius:14px;background:#fff;color:var(--ink)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45}
.check input{width:22px;height:22px;margin-top:1px;flex:none;accent-color:var(--ink)}
.buy-dlg__err{background:#FFD9D0;border:2px solid var(--ink);border-radius:12px;padding:10px 14px;font-weight:700;font-size:15px}

/* ---------- юр. страницы ---------- */
.legal{max-width:760px;margin:0 auto;padding:48px var(--gutter) 96px}
.legal h1{font:800 clamp(28px,4vw,40px)/1.15 var(--f-display);margin-bottom:24px}
.legal h2{font:800 20px/1.3 var(--f-display);margin:36px 0 10px}
.legal p,.legal li{line-height:1.7;margin-bottom:10px}
.legal ul{list-style:disc;padding-left:22px}

/* ---------- планшет и телефон ---------- */
@media (max-width:1100px){
  .bar__nav{display:none}
  .bar .btn--sm{margin-left:auto}
  .tickets{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide__grid{grid-template-columns:minmax(0,1fr) 320px}
}
@media (max-width:900px){
  .facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
  .hero{min-height:0}
  .hero__grid{grid-template-columns:1fr}
  .hero__card{box-shadow:6px 6px 0 var(--ink)}
  .hero__covers{width:min(100%,340px);margin-top:20px}
  .free__grid{grid-template-columns:1fr}
  .guide__grid{grid-template-columns:1fr}
  .offer{position:static;max-width:460px}
  .about__grid{grid-template-columns:1fr}
  .about__mila{width:min(70%,300px)}
  .scene{aspect-ratio:1/1}
  .scene__pages figure{left:calc(2% + var(--i) * 12%);width:42%}
}
@media (max-width:640px){
  .facts svg{width:44px;height:44px;padding:11px}
  .facts strong{font-size:14px}
  .facts span{font-size:13px}
  .facts li{gap:10px;align-items:flex-start}
  .facts strong{font-size:13px}
  :root{--bar-h:60px;--btn-h:54px}
  .bar{gap:10px}
  .bar .btn--sm{display:none}
  .bar__logo{font-size:22px}
  .tabs{margin-left:auto}
  .tab{padding:6px 11px;font-size:14px}
  .tickets{grid-template-columns:1fr}
  .ticket:nth-child(n){transform:none}
  .figures{grid-template-columns:1fr 1fr}
  .figure{padding:14px 10px}
  .inside li{grid-template-columns:1fr}
  .toc{columns:1}
  .hero__cta .btn{flex:1 1 100%}
  .hero__cta{gap:10px;margin-top:16px}
  .cover--back{width:50%}
  .stamp{left:0;top:-2%}
  .final__cta .btn{flex:1 1 100%}
  .free__row{flex-direction:column;align-items:stretch;text-align:center}
  .free__row .btn{width:100%}
  .free__text{align-items:stretch}
  .sticker{align-self:flex-start}
  .letter__links a{flex:1 1 0;text-align:center;white-space:nowrap;padding:10px 8px;font-size:15px}
  .offer{max-width:none}
  .slip{transform:none}
  .buybar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:var(--line);transform:translateY(110%);transition:transform .3s var(--ease)}
  .buybar.on{transform:none}
  .buybar__t{font:800 16px/1.2 var(--f-display)}
  .js .walker{display:none}
  .foot{padding-bottom:96px}
}
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .ribbon__track,.sky__cloud{animation:none!important}
  .walker{display:none!important}
  .btn,.buybar{transition:none}
}