/* Mavero — нейтральна основа для всіх варіантів (скидання, поля, кнопка, фокус). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:"Montserrat",system-ui,sans-serif;font-size:18px;line-height:1.5;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{display:block;max-width:100%}
img{height:auto}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit}
:root{
  --m:clamp(16px,2.6vw,32px);
  --gap:clamp(12px,1.6vw,24px);
  --sec:clamp(120px,14vw,200px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:17px;text-decoration:none;transition:transform .15s var(--ease),background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
::selection{background:var(--accent);color:var(--accent-ink)}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:var(--accent-ink);padding:12px 16px}
.skip:focus{left:16px;top:16px}
[hidden]{display:none!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pl-thumb img{width:100%;height:100%;object-fit:cover}