/* Мясная лавка: шаблон главной (тёмный фон, кремовый узкий гротеск капслоком, цветные карточки, пунктир). */
@font-face{font-family:'Fira Sans Extra Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fira-sans-extra-condensed-600-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans Extra Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fira-sans-extra-condensed-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans Extra Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fira-sans-extra-condensed-600-latin.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:'Fira Sans Extra Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/fira-sans-extra-condensed-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Fira Sans Extra Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/fira-sans-extra-condensed-700-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Fira Sans Extra Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/fira-sans-extra-condensed-700-latin.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:'Inter Tight';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-tight-300-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-tight-300-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-tight-300-latin.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:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-tight-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-tight-400-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-tight-400-latin.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:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-tight-500-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-tight-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-tight-500-latin.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:#100b06; --panel:#231c16; --cream:#f5e4c7; --ink:#100b06;
  --mustard:#a97734; --orange:#d94a0b; --red:#dc1f26; --yellow:#fbe200;
  --line:rgba(245,228,199,.55); --soft:rgba(245,228,199,.78);
  --fd:'Fira Sans Extra Condensed','Arial Narrow',sans-serif;
  --ft:'Inter Tight',system-ui,-apple-system,'Segoe UI',sans-serif;
  --g:10px; --r:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--cream);font:400 17px/1.5 var(--ft);overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-family:var(--fd);font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.01em}
p{margin:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 24px;border-radius:var(--r);font:700 22px/1 var(--fd);text-transform:uppercase;text-decoration:none;cursor:pointer;border:2px solid transparent;transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .25s,color .25s}
.btn:hover{transform:translateY(-2px)}
.btn--cream{background:var(--cream);color:var(--ink)}
.btn--cream:hover{background:#fff}
.btn--line{border-color:var(--cream);color:var(--cream)}
.btn--line:hover{background:var(--cream);color:var(--ink)}
.btn--dark{background:var(--ink);color:var(--cream)}
.btn--s{min-height:44px;padding:8px 16px;font-size:19px}
.btn .i{width:22px;height:22px}

/* верхняя полоса и шапка */
.strip{padding:9px 16px;text-align:center;font:700 15px/1.2 var(--ft);text-transform:uppercase;letter-spacing:.06em;background:var(--cream);color:var(--ink)}
.hdr{position:relative;z-index:20;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 20px 0}
.logo{display:inline-flex;font:800 34px/1 var(--fd);letter-spacing:.01em;text-decoration:none;text-transform:uppercase}
.logo__a{color:var(--yellow)} .logo__b{color:#ff2a1a} .logo__c{color:#ff7a00}
.logo--s{font-size:26px} .logo--l{font-size:46px}
.nav{display:flex;gap:30px;flex-wrap:wrap;justify-content:flex-end}
.nav a{font:700 30px/1 var(--fd);text-transform:uppercase;text-decoration:none;letter-spacing:-.02em}
.nav a:first-child{color:rgba(245,228,199,.62)}
.nav b{font-weight:700}
[data-roll]{display:inline-flex;overflow:hidden;height:1.12em;line-height:1.12;margin:-.1em 0}
[data-roll] i{display:inline-flex;flex-direction:column;font-style:normal;transition:transform .45s cubic-bezier(.7,0,.2,1);transition-delay:calc(var(--i)*14ms)}
[data-roll] i::after{content:attr(data-c)}
a:hover [data-roll] i,a:focus-visible [data-roll] i{transform:translateY(-50%)}
.burger{display:none}

/* полоса при прокрутке */
.bar{position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:rgba(16,11,6,.96);transform:translateY(-110%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.bar.is-on{transform:none}
.bar__r{display:flex;gap:8px;align-items:center}
.sq{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid var(--cream);border-radius:var(--r);background:transparent;color:var(--cream);cursor:pointer;text-decoration:none}
.sq svg{width:22px;height:22px}
.sq b{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--red);color:#fff;font:700 13px/22px var(--ft)}
.bar__menu{display:inline-grid;gap:5px;align-content:center}
.bar__menu i,.burger span{display:block;width:20px;height:2px;background:currentColor}

/* меню на весь экран */
.menu{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:80px 24px 40px;background:var(--cream);color:var(--ink)}
.menu[hidden]{display:none}
.menu nav{display:flex;flex-direction:column;gap:6px}
.menu nav a{font:400 clamp(48px,12vw,100px)/1 var(--ft);letter-spacing:-.04em;text-decoration:none}
.menu__tel{font:700 26px/1 var(--fd);text-decoration:none}
.menu__x{position:absolute;top:16px;right:16px;width:52px;height:52px;border:2px solid var(--ink);border-radius:var(--r);background:none;color:var(--ink);font-size:30px;cursor:pointer}

/* первый экран */
.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 20px 110px;overflow:hidden}
.hero__deco{position:absolute;inset:0;pointer-events:none}
.fly{position:absolute;opacity:.92;height:auto}
.fly--1{width:130px;left:21%;top:-22px;filter:blur(1.5px);transform:rotate(-28deg)}
.fly--2{width:150px;right:2%;top:110px;filter:blur(6px)}
.fly--3{width:170px;left:-30px;top:330px;filter:blur(4px);transform:rotate(-16deg)}
.fly--4{width:90px;right:16%;top:430px;filter:blur(2px)}
.fly--5{width:120px;left:12%;top:520px;filter:blur(7px);transform:rotate(30deg)}
.hero__t{position:relative;max-width:1000px;font-size:clamp(40px,7.3vw,106px);line-height:.86;letter-spacing:-.015em}
.hero__t .ln{display:block}
.stk{display:inline-block;width:1.32em;height:1.1em;vertical-align:-.16em;margin:0 .02em}
.stk svg{width:100%;height:100%;overflow:visible}
.hero__p{position:relative;max-width:470px;margin-top:40px;font:300 24px/1.3 var(--ft);letter-spacing:-.02em}
.hero__btns{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px}

/* три карточки-хита */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g);padding:0 var(--g);align-items:start}
.pc{position:relative;display:flex;flex-direction:column;align-items:center;min-height:690px;padding:44px 28px 30px;border-radius:var(--r);text-align:center;overflow:hidden}
.pc::before{content:"";position:absolute;inset:9px;border:2px dashed rgba(255,240,215,.42);border-radius:6px;pointer-events:none}
.pc--mustard{background:var(--mustard)} .pc--orange{background:var(--orange);margin-top:34px} .pc--red{background:var(--red);margin-top:68px}
.pc__t{font-size:clamp(40px,3.4vw,52px);line-height:.98;color:var(--cream)}
.pc__img{width:88%;max-width:400px;height:auto;aspect-ratio:240/200;margin:auto 0;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pc__note{max-width:330px;margin:0 0 18px;font:400 17px/1.35 var(--ft);color:var(--cream)}
.pc__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.pc__add,.pc__go{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px;padding:10px 16px;border-radius:var(--r);font:700 21px/1 var(--fd);text-transform:uppercase;text-decoration:none;cursor:pointer}
.pc__add{border:0;background:var(--cream);color:var(--ink)}
.pc__go{border:2px solid var(--cream);color:var(--cream)}
.pc__go svg{width:22px;height:22px}
.pc__add:hover{background:#fff}
.pc__go:hover{background:var(--cream);color:var(--ink)}
@media (hover:hover) and (pointer:fine){
  .pc__note,.pc__btns{opacity:0;transform:translateY(14px);transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1)}
  .pc:hover .pc__note,.pc:hover .pc__btns,.pc:focus-within .pc__note,.pc:focus-within .pc__btns{opacity:1;transform:none}
  .pc:hover .pc__img,.pc:focus-within .pc__img{transform:scale(.9) rotate(-4deg) translateY(-10px)}
}

/* три рамки с фактами */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g);padding:10px var(--g) 0}
.fact{padding:26px 22px;border:2px solid var(--line);border-radius:var(--r)}
.fact h3{font-size:38px;margin-bottom:16px}
.fact p{font-size:16px;line-height:1.45}
.fact--icons ul{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:100%;margin:0;padding:0;list-style:none;align-items:center}
.fact--icons li{display:flex;flex-direction:column;align-items:center;gap:10px;font:500 15px/1.15 var(--ft);text-align:center;text-transform:uppercase}
.fact--icons svg{width:58px;height:58px;fill:none;stroke:var(--cream);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* «из нашего мяса готовят» */
.act{position:relative;padding:150px var(--g) 30px;text-align:center;overflow:hidden}
.act__rays{position:absolute;left:50%;top:0;width:1440px;max-width:none;height:760px;transform:translateX(-50%);pointer-events:none}
.act__rays line{stroke:rgba(245,228,199,.26);stroke-width:2}
.act__emb{position:relative;width:170px;height:auto;aspect-ratio:200/110;margin:0 auto 10px}
.act__t{position:relative;font-size:clamp(44px,6.6vw,96px);line-height:.9}
.act__big{display:block;margin-top:.04em;font-size:clamp(110px,26vw,400px);line-height:.82;letter-spacing:.005em;color:transparent;-webkit-text-stroke:2px var(--cream)}
.reel{position:relative;margin-top:26px;overflow:hidden;border-radius:var(--r)}
.reel__row{display:flex;gap:var(--g);width:max-content}
.reel__it{position:relative;margin:0;width:min(800px,86vw);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.reel__it img{width:100%;height:auto;aspect-ratio:800/350;object-fit:cover}
.reel__it figcaption{position:absolute;left:12px;bottom:12px;padding:8px 14px;border-radius:var(--r);background:var(--cream);color:var(--ink);font:700 22px/1 var(--fd);text-transform:uppercase}

/* о магазине */
.about{display:flex;flex-direction:column;align-items:center;text-align:center;padding:120px 20px 120px}
.stamp{width:150px;height:150px;margin-bottom:30px}
.stamp text{font:600 15.5px var(--ft);letter-spacing:.14em;fill:var(--cream)}
.stamp__ring{transform-origin:100px 100px}
.about__t{max-width:820px;font:400 36px/1.18 var(--ft);letter-spacing:-.025em}
.about__t .w{opacity:.22;transition:opacity .2s}
.about__t .w.on{opacity:1}
.about__s{max-width:600px;margin:26px 0 34px;font-size:17px;color:var(--soft)}

/* доставка */
.dlv{padding:30px var(--g) 110px;text-align:center}
.dlv__t{font-size:clamp(52px,8vw,118px)}
.dlv__p{margin:18px auto 40px;max-width:520px;font:300 22px/1.3 var(--ft)}
.dlv__row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);text-align:center}
.tag{display:flex;flex-direction:column;align-items:center}
.tag__h{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border-radius:var(--r);background:var(--cream);color:var(--ink);font-size:28px;line-height:1;transform:rotate(-2deg)}
.tag:nth-child(2n) .tag__h{transform:rotate(2.5deg)}
.tag__h::before,.tag__h::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink)}
.tag p{width:100%;margin-top:-14px;padding:40px 18px 26px;border:2px solid var(--line);border-radius:var(--r);font-size:18px}
.dlv__more{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g);margin-top:var(--g);text-align:left}
.note{padding:26px 22px;border-radius:var(--r);background:var(--panel)}
.note h3{font-size:34px;margin-bottom:12px}
.note p{font-size:16px;line-height:1.45}

/* соберите заказ */
.pack{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);padding:0 var(--g)}
.pack__pic{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;justify-content:flex-end;height:calc(100vh - 96px);min-height:620px;max-height:900px;padding:28px;border-radius:var(--r);background:var(--mustard);overflow:hidden}
.pack__cut{position:absolute;height:auto;aspect-ratio:240/200;width:76%;left:12%;top:14%;transform:rotate(-10deg)}
.pack__herb{position:absolute;width:150px;right:6%;top:4%;transform:rotate(30deg);filter:blur(3px)}
.pack__pep{position:absolute;width:110px;left:6%;top:60%;filter:blur(1.5px)}
.pack__cap{position:relative;max-width:360px;padding:14px 18px;border-radius:var(--r);background:var(--ink);font-size:16px}
.pack__box{position:relative;padding:34px 30px 30px;border-radius:var(--r);background:var(--panel);text-align:center}
.pack__box::before{content:"";position:absolute;inset:9px;border:2px dashed rgba(245,228,199,.22);border-radius:6px;pointer-events:none}
.pack__t{position:relative;font-size:clamp(52px,6.4vw,92px)}
.pack__t small{display:block;margin-top:8px;font-size:.4em}
.tabs{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:26px 0 22px}
.tabs button{position:relative;padding:10px 16px;border:0;background:none;color:rgba(245,228,199,.7);font:400 20px/1 var(--ft);cursor:pointer}
.tabs button[aria-selected="true"]{color:var(--cream)}
.tabs button[aria-selected="true"]::after{content:"";position:absolute;inset:-2px -4px;border:2px solid var(--cream);border-radius:50%;transform:rotate(-3deg)}
.sl{position:relative;display:flex;align-items:center}
.sl__card{flex:1;position:relative;display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;min-height:400px;padding:28px 70px 26px;border-radius:var(--r);background:var(--mustard);color:var(--cream)}
.sl__card[data-c="horse"]{background:var(--orange)} .sl__card[data-c="lamb"]{background:var(--red)} .sl__card[data-c="bird"]{background:#8a5a21} .sl__card[data-c="fish"]{background:#3c5a5c}
.sl__img{width:230px;height:190px}
.sl__name{max-width:420px;font-size:clamp(30px,2.8vw,42px);line-height:1}
.sl__price{display:flex;gap:14px;align-items:baseline;font-size:17px}
.sl__price b{font:700 34px/1 var(--fd)}
.sl__pos{opacity:.85}
.sl__add{min-height:52px}
.sl__nav{position:absolute;z-index:2;display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:50%;background:var(--cream);color:var(--ink);cursor:pointer;transition:transform .25s}
.sl__nav:hover{transform:scale(1.06)}
.sl__nav svg{width:26px;height:26px}
.sl__prev{left:-14px} .sl__prev svg{transform:scaleX(-1)} .sl__next{right:-14px}
.sl__list{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:16px 0 0;padding:0;list-style:none}
.sl__list button{padding:7px 12px;border:2px solid rgba(245,228,199,.3);border-radius:999px;background:none;color:var(--cream);font:400 15px/1.2 var(--ft);cursor:pointer}
.sl__list button[aria-current="true"]{border-color:var(--cream);background:var(--cream);color:var(--ink)}
.ord{position:relative;margin-top:26px;padding:22px;border-radius:var(--r);background:var(--bg);text-align:left}
.ord__h{display:flex;align-items:center;gap:10px;font-size:34px}
.ord__h span{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:var(--red);color:#fff;font:700 18px/1 var(--ft)}
.ord__list{margin:14px 0;padding:0;list-style:none}
.ord__list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:16px}
.ord__list li+li{border-top:2px dashed rgba(245,228,199,.2)}
.ord__list .ord__n{flex:1}
.ord__q{display:flex;align-items:center;gap:6px}
.ord__q button{width:34px;height:34px;border:2px solid var(--line);border-radius:8px;background:none;color:var(--cream);cursor:pointer;font-size:18px;line-height:1}
.ord__q output{min-width:22px;text-align:center}
.ord__empty{color:var(--soft)}
.ord__f{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ord__f label{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--soft)}
.ord__wide{grid-column:1/-1}
.ord__f input,.ord__f select{width:100%;min-height:50px;padding:12px 14px;border:2px solid rgba(245,228,199,.35);border-radius:8px;background:var(--panel);color:var(--cream);font-size:17px}
.ord__f input:focus,.ord__f select:focus{border-color:var(--cream);outline:none}
.ord__go{width:100%;margin-top:16px}
.ord__msg{min-height:1.4em;margin-top:10px;font-size:15px;color:var(--yellow)}

/* подвал */
.ftr{display:grid;grid-template-columns:210px 1fr 1fr 210px;gap:var(--g);padding:var(--g)}
.ftr__logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;border:2px dashed rgba(245,228,199,.3);border-radius:var(--r);text-align:center;font-size:15px}
.ftr__logo .logo{font-size:40px}
.ftr__nav{display:flex;flex-direction:column}
.ftr__nav a{padding:8px 4px;border-bottom:2px dashed rgba(245,228,199,.25);font:700 22px/1.1 var(--fd);text-transform:uppercase;text-decoration:none}
.ftr__nav a:hover{color:#fff;padding-left:10px;transition:padding .25s}
.ftr__club h2{font-size:36px}
.ftr__club p{margin:12px 0 18px;font-size:16px;color:var(--soft)}
.ftr__club p a{color:var(--cream);text-decoration:none;font-weight:500}
.cb{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 22px;border:2px dashed rgba(245,228,199,.35);border-radius:var(--r)}
.cb input{flex:1;min-width:0;min-height:44px;border:0;background:none;color:var(--cream);font-size:18px}
.cb input:focus{outline:none}
.cb input::placeholder{color:rgba(245,228,199,.7)}
.cb button{display:grid;place-items:center;flex:none;width:52px;height:52px;border:2px dashed rgba(245,228,199,.45);border-radius:50%;background:none;color:var(--cream);cursor:pointer}
.cb button svg{width:24px;height:24px}
.ftr__soc{display:grid;gap:var(--g)}
.ftr__soc a{display:grid;place-items:center;min-height:96px;border:2px solid var(--cream);border-radius:var(--r);color:var(--cream);transition:background-color .25s,color .25s}
.ftr__soc a:hover{background:var(--cream);color:var(--ink)}
.ftr__soc svg{width:30px;height:30px}
.ftr__copy{grid-column:1/-1;padding:16px 4px 8px;font-size:14px;color:var(--soft)}

/* планшет */
@media (max-width:1100px){
  .nav{gap:18px} .nav a{font-size:24px}
  .about__t{font-size:32px}
  .pc{min-height:600px}
  .fact--icons ul{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .dlv__row{grid-template-columns:repeat(2,1fr);row-gap:24px}
  .pack{grid-template-columns:1fr}
  .pack__pic{position:relative;top:0;height:auto;min-height:420px}
  .pack__cut{width:56%;left:22%;top:4%} .pack__herb{width:100px} .pack__pep{width:70px;top:50%}
  .ftr{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .nav{display:none}
  .burger{display:inline-grid;gap:6px;align-content:center;justify-items:center;width:48px;height:48px;border:2px solid var(--cream);border-radius:var(--r);background:none;color:var(--cream);cursor:pointer}
  .cards{grid-template-columns:1fr;gap:14px}
  .pc,.pc--orange,.pc--red{margin-top:0;min-height:0}
  .pc__img{width:70%;margin:24px 0}
  .facts,.dlv__more{grid-template-columns:1fr}
  .fact--icons{order:3}
  .about__t{font-size:30px}
}
/* телефон */
@media (max-width:600px){
  body{font-size:16px}
  .strip{font-size:13px;letter-spacing:.03em}
  .hdr{padding:14px 16px 0;align-items:center}
  .logo{font-size:30px}
  .hero{padding:48px 16px 70px}
  .hero__t{font-size:min(10.2vw,46px)}
  .stk{width:1em;height:.84em;vertical-align:-.1em}
  .hero__p{font-size:19px;margin-top:24px}
  .hero__btns{flex-direction:column;align-self:stretch}
  .fly--1{width:80px;left:auto;right:10%;top:-30px} .fly--2{width:90px;right:-30px;top:auto;bottom:40px} .fly--3{width:100px;left:-46px;top:auto;bottom:150px} .fly--4{width:56px;right:8%;top:auto;bottom:120px} .fly--5{display:none}
  .pc{padding:36px 18px 22px}
  .pc__t{font-size:44px}
  .pc__btns{grid-template-columns:1fr}
  .fact h3,.note h3{font-size:32px}
  .act{padding-top:90px}
  .act__rays{width:900px;height:520px}
  .act__emb{width:120px}
  .act__big{-webkit-text-stroke:1.5px var(--cream)}
  .reel__it figcaption{font-size:18px;padding:6px 10px}
  .about{padding:80px 16px}
  .stamp{width:120px;height:120px}
  .about__t{font-size:24px}
  .dlv__row{grid-template-columns:1fr}
  .tag__h{font-size:26px}
  .pack__box{padding:28px 14px 16px}
  .pack__pic{min-height:360px;padding:16px}
  .pack__cut{width:72%;left:14%;top:4%} .pack__herb{width:70px;right:2%} .pack__pep{width:50px;left:2%;top:46%}
  .sl__card{padding:22px 44px 22px;min-height:0}
  .sl__img{width:170px;height:140px}
  .sl__nav{width:48px;height:48px}
  .sl__prev{left:-8px} .sl__next{right:-8px}
  .tabs button{font-size:17px;padding:9px 10px}
  .ord{padding:16px}
  .ord__f{grid-template-columns:1fr}
  .ftr{grid-template-columns:1fr}
  .ftr__soc{grid-template-columns:1fr 1fr}
  .ftr__logo{flex-direction:row;justify-content:flex-start;text-align:left}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .about__t .w{opacity:1}
}