:root{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --bg:#F6F7F4; --bg2:#E9EDE7; --line:#D3DACF; --ink:#2B2426; --ink2:#5B5457;
  --forest:#2E5B45; --moss:#57806A; --amber:#C4831A; --amber-soft:#F0D9A6; --bark:#34262A; --bark-ink:#F3EFE8;
  --sky:#5FA8D3; --surface:#FFFFFF; --on-primary:#FFFFFF; --primary:#34262A; --focus:#1F6FB2;
  --serif-head:"Ruslan Display","Marck Script",Georgia,"Times New Roman",serif;
  --sans:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#141B17; --bg2:#1C2620; --line:#2F3D34; --ink:#EDEEE9; --ink2:#A9B2AA;
    --forest:#7FB59A; --moss:#8CBBA0; --amber:#E0A23C; --amber-soft:#5A4517; --bark:#0E1310; --bark-ink:#EFEBE3;
    --surface:#1B2520; --on-primary:#141B17; --primary:#EFEBE3; --focus:#7DB8EA;
  }
}
:root[data-theme="dark"]{
  --bg:#141B17; --bg2:#1C2620; --line:#2F3D34; --ink:#EDEEE9; --ink2:#A9B2AA;
  --forest:#7FB59A; --moss:#8CBBA0; --amber:#E0A23C; --amber-soft:#5A4517; --bark:#0E1310; --bark-ink:#EFEBE3;
  --surface:#1B2520; --on-primary:#141B17; --primary:#EFEBE3; --focus:#7DB8EA;
}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 76px);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.62;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 1em;max-width:62ch}
h1,h2,h3{margin:0;font-weight:400}
h1,h2{font-family:var(--serif-head);letter-spacing:.005em;line-height:1.05}
h1{font-size:clamp(2.35rem,7.2vw,4.7rem)}
h2{font-size:clamp(1.8rem,4.2vw,3rem);margin-bottom:.5em}
h3{font-family:var(--sans);font-weight:600;font-size:1.2rem;line-height:1.3;margin-bottom:.35em}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--primary);color:var(--on-primary);padding:.7em 1em;z-index:100}
.skip:focus{left:8px;top:8px}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.paw{width:1em;height:1em;fill:currentColor;flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:1rem;min-height:64px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:var(--serif-head);font-size:1.35rem;line-height:1;color:var(--bark)}
:root[data-theme="dark"] .brand{color:var(--ink)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand{color:var(--ink)}}
.brand .paw{font-size:1.9rem}
.brand small{display:block;font-family:var(--sans);font-size:.72rem;color:var(--ink2);letter-spacing:.02em;margin-top:.25em}
.nav{margin-left:auto;display:none;gap:.25rem;align-items:center}
.nav a{padding:.55rem .8rem;text-decoration:none;border-radius:999px;font-weight:500;font-size:.98rem}
.nav a:hover{background:var(--bg2)}
.nav a[aria-current="page"]{background:var(--bark);color:var(--bark-ink)}
.tools{display:flex;gap:.4rem;margin-left:auto;flex:none}
@media(min-width:960px){.nav+.tools{margin-left:.5rem}}
.ibtn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:44px;height:44px;padding:0 .8rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:500;font-size:.92rem;cursor:pointer}
.ibtn:hover{border-color:var(--ink2)}
.ibtn svg{width:20px;height:20px}
.burger{display:inline-flex}
@media(min-width:960px){.nav{display:flex}.burger{display:none}}
.drawer{display:none;border-top:1px solid var(--line);background:var(--bg)}
.drawer.open{display:block}
.drawer a{display:flex;align-items:center;gap:.7rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--serif-head);font-size:1.5rem}
.drawer a[aria-current="page"]{color:var(--amber)}
@media(min-width:960px){.drawer{display:none!important}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:.7rem 1.4rem;border-radius:999px;background:var(--primary);color:var(--on-primary);font:inherit;font-weight:600;text-decoration:none;border:2px solid var(--primary);cursor:pointer;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px)}
.btn .paw{font-size:1.15rem;color:var(--amber)}
.btn.alt{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.alt:hover{background:var(--bg2)}
.btn.light{background:var(--bark-ink);border-color:var(--bark-ink);color:var(--bark)}
.btn.line-light{background:transparent;border-color:var(--bark-ink);color:var(--bark-ink)}
.btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}

/* hero */
.hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(2.5rem,6vw,5rem) 0 clamp(6rem,10vw,8rem)}
.forest{position:absolute;inset:0;z-index:-1;pointer-events:none}
.forest svg{width:100%;height:100%;display:block}
main:focus{outline:none}
:root[data-theme="dark"] .forest{filter:brightness(.32) saturate(.7)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .forest{filter:brightness(.32) saturate(.7)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 92%,transparent) 0%,color-mix(in srgb,var(--bg) 62%,transparent) 42%,transparent 75%)}
.hero .wrap{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.05fr 1fr}}
.hero p.lead{font-size:1.2rem;margin-top:1.2rem}
.hero .shot{border-radius:150px 22px 22px 22px;overflow:hidden;background:var(--surface);box-shadow:0 30px 60px -30px rgba(52,38,42,.45);aspect-ratio:3/2}
.hero .shot img{width:100%;height:100%;object-fit:cover}
.trail{position:absolute;left:0;right:0;bottom:0;height:110px;z-index:0;pointer-events:none}
.trail .paw{position:absolute;color:var(--bark);opacity:0;font-size:2.4rem;animation:step .5s ease-out forwards}
:root[data-theme="dark"] .trail .paw{color:var(--ink)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .trail .paw{color:var(--ink)}}
@keyframes step{from{opacity:0;transform:translateY(6px) scale(.8) rotate(var(--r))}to{opacity:.85;transform:rotate(var(--r))}}
@media (prefers-reduced-motion: reduce){.trail .paw{animation:none;opacity:.85;transform:rotate(var(--r))}html{scroll-behavior:auto}.btn:hover{transform:none}}

/* facts */
.facts{border-block:1px solid var(--line);background:var(--surface)}
.facts ul{list-style:none;margin:0;padding:1.1rem 0;display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:center;font-weight:500}
.facts li{display:flex;align-items:center;gap:.7rem}
.facts .paw{color:var(--amber);font-size:1.1rem}

/* sections */
.sec{padding:clamp(3rem,7vw,6rem) 0}
.sec.tint{background:var(--bg2)}
.sec.dark{background:var(--bark);color:var(--bark-ink)}
.sec.dark .paw{color:var(--amber)}
.sec.dark p{color:color-mix(in srgb,var(--bark-ink) 88%,transparent)}
.split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr}.split.flip>:first-child{order:2}.split.narrow{grid-template-columns:5fr 6fr}}
.ph{border-radius:22px;overflow:hidden;background:var(--bg2)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.arch{border-radius:200px 200px 22px 22px}
.ph.leaf{border-radius:22px 140px 22px 22px}
.ph figcaption,.cap{font-size:.86rem;color:var(--ink2);padding:.6rem .2rem 0}
figure{margin:0}
.dark .cap{color:color-mix(in srgb,var(--bark-ink) 65%,transparent)}
.sec-head{max-width:720px;margin-bottom:2.2rem}
.sec-head p{color:var(--ink2);font-size:1.12rem}

/* index rows */
.index{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.index a{display:grid;grid-template-columns:1fr auto;column-gap:1.2rem;row-gap:.2rem;align-items:center;padding:1.3rem .2rem;border-bottom:1px solid var(--line);text-decoration:none}
.index .t{font-family:var(--serif-head);font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.1;grid-column:1}
.index .d{color:var(--ink2);grid-column:1;font-size:.98rem}
.index .paw{font-size:1.8rem;color:var(--amber);transition:transform .25s}
.index a:hover .paw{transform:rotate(-18deg) scale(1.15)}
.index a:hover .t{color:var(--forest)}
.index .paw.ic{display:none}
.index .paw:last-child{grid-column:2;grid-row:1 / span 2}
@media(min-width:700px){.index a{grid-template-columns:2.4rem 1fr 1.2fr auto;row-gap:0}.index .paw.ic{display:block;font-size:1.5rem;color:var(--ink2)}.index .t{grid-column:2}.index .d{grid-column:3}.index .paw:last-child{grid-column:4;grid-row:auto}}

/* page head */
.phead{position:relative;overflow:hidden;isolation:isolate;padding:clamp(2.4rem,6vw,4.5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.phead .forest{opacity:.75}
.phead::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--bg) 20%,transparent 90%)}
.phead p.lead{font-size:1.2rem;margin-top:1rem;max-width:56ch}
.crumbs{font-size:.9rem;color:var(--ink2);margin-bottom:1rem}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line)}

/* spec list */
.spec{margin:0;display:grid;border-top:2px solid var(--bark)}
.spec div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.spec dt{color:var(--ink2)}
.spec dd{margin:0;font-weight:500}
ol.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:1.4rem}
ol.steps li{counter-increment:s;display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:start}
ol.steps li::before{content:counter(s);font-family:var(--serif-head);font-size:2rem;line-height:1;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--amber-soft);color:var(--bark);display:grid;place-items:center}
:root[data-theme="dark"] ol.steps li::before{color:var(--ink)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) ol.steps li::before{color:var(--ink)}}
ol.steps p{margin:0;color:var(--ink2)}
.pawlist{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.pawlist li{display:grid;grid-template-columns:1.6rem 1fr;gap:.8rem}
.pawlist .paw{color:var(--amber);font-size:1.4rem;margin-top:.15rem}
.pawlist p{margin:0}
.pawlist strong{font-weight:600}

/* badges */
.badge{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .6rem;border-radius:999px;background:var(--amber-soft);color:var(--bark);font-size:.88rem;font-weight:600}
:root[data-theme="dark"] .badge{color:var(--ink)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .badge{color:var(--ink)}}
.badge.blue{background:color-mix(in srgb,var(--sky) 28%,var(--bg))}
.badge .paw{color:var(--amber)}
.stats{display:flex;flex-wrap:wrap;gap:1.4rem 3rem;margin:1.6rem 0 0}
.stats div{min-width:120px}
.stats b{display:block;font-family:var(--serif-head);font-weight:400;font-size:2.4rem;line-height:1;color:var(--forest)}
.stats span{font-size:.92rem;color:var(--ink2)}

/* gallery */
.gal{display:grid;gap:1rem}
@media(min-width:760px){.gal{grid-template-columns:repeat(3,1fr)}.gal .wide{grid-column:span 2}}
.gal figure img{border-radius:18px;width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}

/* recipes */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.6rem}
.chip{min-height:44px;padding:.4rem 1.1rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);font:inherit;font-weight:500;cursor:pointer;color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--bark);color:var(--bark-ink);border-color:var(--bark)}
.rgrid{display:grid;gap:1.6rem 1.4rem}
@media(min-width:760px){.rgrid{grid-template-columns:repeat(6,1fr)}.rgrid>*{grid-column:span 2}.rgrid>.big{grid-column:span 3}}
.rgrid2{display:grid;gap:1.6rem 1.4rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.rc{text-decoration:none;display:block}
.rc[hidden]{display:none}
.rc .im{aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--bg2);position:relative}
.rc.big .im{aspect-ratio:16/10}
.rc .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rc:hover .im img{transform:scale(1.04)}
.rc h3{margin-top:.9rem;font-family:var(--serif-head);font-weight:400;font-size:1.6rem;line-height:1.1}
.rc p{color:var(--ink2);margin:.3rem 0 0;font-size:.98rem}
.rc .meta{display:flex;gap:.5rem;margin-top:.55rem;flex-wrap:wrap}
.tile{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--amber-soft),var(--bg2));color:var(--amber)}
.tile .paw{font-size:4.5rem;opacity:.7}
.ing{list-style:none;padding:0;margin:0;display:grid;gap:.2rem}
.ing label{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid var(--line);cursor:pointer}
.ing input{width:20px;height:20px;margin-top:.2rem;accent-color:var(--forest);flex:none}
.ing input:checked+span{text-decoration:line-through;color:var(--ink2)}
.rlay{display:grid;gap:2.5rem}
@media(min-width:900px){.rlay{grid-template-columns:.8fr 1.2fr}}
.pairbox{border-left:6px solid var(--amber);background:var(--surface);padding:1.2rem 1.4rem;border-radius:0 18px 18px 0;margin-top:2rem}
.pairbox h3{display:flex;gap:.5rem;align-items:center}
.pairbox .paw{color:var(--amber)}
.pairtable{width:100%;border-collapse:collapse;background:var(--surface);border-radius:18px;overflow:hidden}
.tscroll{overflow-x:auto;border-radius:18px;border:1px solid var(--line)}
.pairtable th,.pairtable td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.pairtable th{background:var(--bg2);font-weight:600;white-space:nowrap}
.pairtable tr:last-child td,.pairtable tr:last-child th{border-bottom:0}

/* faq */
details{border-bottom:1px solid var(--line);padding:.2rem 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-weight:600;font-size:1.1rem}
summary::-webkit-details-marker{display:none}
summary .paw{color:var(--amber);font-size:1.4rem;transition:transform .25s}
details[open] summary .paw{transform:rotate(180deg)}
details p{color:var(--ink2);padding-bottom:1rem}

/* form */
.form{display:grid;gap:1.1rem;max-width:560px}
.fld label{display:block;font-weight:600;margin-bottom:.35rem}
.fld input,.fld textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:.8rem 1rem;min-height:48px}
.fld textarea{min-height:140px;resize:vertical}
.fld input:focus,.fld textarea:focus{outline:3px solid var(--focus);outline-offset:1px;border-color:transparent}
.fld .err{color:#B3261E;font-size:.9rem;margin-top:.3rem;min-height:1.2em}
:root[data-theme="dark"] .fld .err{color:#F2A29B}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .fld .err{color:#F2A29B}}
.chk{display:flex;gap:.7rem;align-items:flex-start}
.chk input{width:22px;height:22px;accent-color:var(--forest);margin-top:.2rem;flex:none}
.note{font-size:.9rem;color:var(--ink2)}
.ok{background:var(--surface);border-left:6px solid var(--forest);padding:1rem 1.2rem;border-radius:0 14px 14px 0}

/* qr */
.qrwrap{display:grid;gap:2rem}
@media(min-width:900px){.qrwrap{grid-template-columns:minmax(300px,460px) 1fr;align-items:start}}
.qrbox{background:var(--surface);border-radius:28px;padding:1.5rem;border:1px solid var(--line)}
.qrbox svg{width:100%;height:auto}
textarea.code{width:100%;min-height:110px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:.7rem}

/* news */
.news{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.news li{display:grid;gap:1rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}
@media(min-width:760px){.news li{grid-template-columns:260px 1fr;gap:2rem}}
.news .ph{aspect-ratio:3/2}
.news time{font-size:.9rem;color:var(--ink2)}
.news h3{font-family:var(--serif-head);font-weight:400;font-size:1.8rem;line-height:1.1;margin:.3rem 0 .5rem}

/* footer */
.ftr{background:var(--bark);color:var(--bark-ink);padding:3rem 0 2rem}
.ftr a{text-decoration:none}
.ftr a:hover{text-decoration:underline}
.ftr .cols{display:grid;gap:2rem}
@media(min-width:800px){.ftr .cols{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.ftr h4{margin:0 0 .8rem;font-size:.95rem;font-weight:600;color:var(--amber)}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.ftr .brand{color:var(--bark-ink);margin-bottom:.8rem}
.ftr .brand small{color:color-mix(in srgb,var(--bark-ink) 65%,transparent)}
.ftr .legal{margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid color-mix(in srgb,var(--bark-ink) 22%,transparent);font-size:.85rem;color:color-mix(in srgb,var(--bark-ink) 70%,transparent);display:grid;gap:.4rem}
.ftr .legal p{max-width:none;margin:0}

/* search dialog */
dialog{border:0;padding:0;border-radius:22px;width:min(640px,100% - 1.5rem);max-height:80vh;background:var(--bg);color:var(--ink);box-shadow:0 40px 80px -20px rgba(0,0,0,.5);margin-top:8vh}
dialog::backdrop{background:rgba(20,27,23,.55);backdrop-filter:blur(3px)}
.sbox{padding:1rem 1.2rem;display:flex;gap:.6rem;border-bottom:1px solid var(--line);align-items:center}
.sbox input{flex:1;font:inherit;font-size:1.1rem;border:0;background:transparent;color:var(--ink);min-height:44px}
.sbox input:focus{outline:none}
.sres{list-style:none;margin:0;padding:.4rem;overflow:auto;max-height:55vh}
.sres a{display:block;padding:.8rem 1rem;border-radius:12px;text-decoration:none}
.sres a:hover,.sres a:focus-visible{background:var(--bg2)}
.sres b{display:block;font-weight:600}
.sres span{font-size:.92rem;color:var(--ink2)}
.sres .tag{display:inline;font-size:.78rem;color:var(--forest);font-weight:600;margin-left:.4rem}
.sempty{padding:1.2rem;color:var(--ink2)}

.notfound{padding:5rem 0;text-align:center}
.notfound .paw{font-size:5rem;color:var(--amber)}
.notfound p{margin-inline:auto}

@media print{
  body *{visibility:hidden}
  .qr-print,.qr-print *{visibility:visible}
  .qr-print{position:absolute;left:0;top:0;width:100%}
}

/* --- бренд-логотип --- */
.brand-logo{gap:0}
.brand-logo img{height:38px;width:auto;display:block}
.ftr .brand-logo img{height:46px}
@media(max-width:480px){.hdr .brand-logo img{height:30px}}
/* --- главное фото --- */
.hero .shot{aspect-ratio:1/1;max-width:560px;justify-self:end;width:100%}
@media(max-width:899px){.hero .shot{justify-self:center;max-width:460px}}
/* --- сквозной рекламный блок --- */
.buy{background:var(--amber-soft);color:var(--ink);padding:clamp(2.6rem,6vw,4.6rem) 0}
.buy .wrap{display:grid;gap:2rem;align-items:center}
@media(min-width:860px){.buy .wrap{grid-template-columns:1.15fr .85fr}}
.buy h2{font-size:clamp(2.1rem,5.4vw,3.6rem);margin-bottom:.4em}
.buy p{font-size:1.15rem;max-width:44ch;margin-bottom:0}
.buy .btns{margin-top:1.6rem}
.buy .btn{font-size:1.2rem;min-height:58px;padding:.8rem 2.4rem}
.buy .buy-sub{margin-top:1rem;font-size:.95rem}
.buy .buy-sub a{font-weight:600}
.buy .pic{margin:0;border-radius:22px 140px 22px 22px;overflow:hidden;aspect-ratio:1/1;width:100%;max-width:420px;justify-self:center;box-shadow:0 30px 60px -30px rgba(52,38,42,.5)}
@media(min-width:860px){.buy .pic{justify-self:end}}
.buy .pic img{width:100%;height:100%;object-fit:cover}
/* шапка на мобильном: логотип слева, кнопки справа */
.hdr .wrap{justify-content:space-between}
.hdr .brand-logo{flex:none}
@media(max-width:360px){.hdr .wrap{gap:.5rem}.tools{gap:.25rem}.tools .ibtn{min-width:40px;height:40px;padding:0 .6rem}}

/* --- лейбл «безалкогольная продукция» на фото --- */
/* --- подвал: колонка с лейблом и предупреждение --- */
.ftr .ftr-badge{display:flex;align-items:flex-end;justify-content:flex-end}
.ftr .ftr-badge img{width:112px;height:auto;display:block}
@media(min-width:800px){.ftr .cols{grid-template-columns:1.3fr 1fr 1fr 1fr minmax(96px,120px)}}
.ftr .warn{margin-top:1.4rem;border:1px solid color-mix(in srgb,var(--bark-ink) 45%,transparent);border-radius:6px;padding:.85rem 1rem;text-align:center;color:var(--bark-ink)}
.ftr .warn p{margin:0;max-width:none;font-weight:600;font-size:.88rem;letter-spacing:.05em;line-height:1.4}
.ftr .warn .warn-en{margin-top:.25rem;font-weight:400;font-size:.78rem;letter-spacing:0;color:color-mix(in srgb,var(--bark-ink) 75%,transparent)}