/* =========================================================================
   Молочные Угодья — ремесленная сыроварня, Углич
   Тёплая деревенско-фермерская эстетика: сливочный фон, шалфейная зелень,
   охра-акцент, serif-display + гуманистический sans, фактура крафт-бумаги.
   ========================================================================= */

:root{
  /* палитра */
  --sliva:        #f6efe2;   /* сливочный фон */
  --sliva-glub:   #efe5d2;   /* приглушённый крем */
  --bumaga:       #fcf8ef;   /* крафт-карточка */
  --tushъ:        #2f2a21;   /* тёмно-коричневый текст */
  --tushъ-myag:   #5e564a;   /* приглушённый текст */
  --shalfey:      #6f7a4d;   /* шалфейно-зелёный */
  --shalfey-glub: #525b39;   /* тёмный шалфей */
  --okhra:        #c98b3a;   /* охра-акцент */
  --okhra-zhar:   #b46b2e;   /* жжёная охра */
  --korka:        #d9c7a3;   /* цвет сырной корки */
  --liniya:       #e1d4ba;   /* линии/обводки */
  --tень:         rgba(60,46,24,.10);

  /* типографика — только системные стеки */
  --shrift-zagl: Georgia, "Times New Roman", "PT Serif", "Noto Serif", serif;
  --shrift-telo: "Segoe UI", Tahoma, "Helvetica Neue", system-ui, -apple-system, sans-serif;

  /* шкала отступов */
  --p1:.25rem; --p2:.5rem; --p3:.75rem; --p4:1rem; --p5:1.5rem;
  --p6:2rem; --p7:3rem; --p8:4.5rem; --p9:6.5rem;

  /* радиусы и тени */
  --skrug: 14px;
  --skrug-mal: 8px;
  --teni-myag: 0 2px 8px var(--tень);
  --teni-sred: 0 14px 34px -16px rgba(60,46,24,.40);
  --teni-glub: 0 26px 60px -24px rgba(60,46,24,.55);

  --shir: 1180px;
  --perekhod: .32s cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}

body{
  margin:0;
  font-family:var(--shrift-telo);
  color:var(--tushъ);
  line-height:1.68;
  background-color:var(--sliva);
  /* фактура крафт-бумаги: мягкие пятна охры/шалфея + тончайший шум */
  background-image:
    radial-gradient(60rem 60rem at 88% -8%, rgba(201,139,58,.14), transparent 60%),
    radial-gradient(46rem 46rem at -6% 18%, rgba(111,122,77,.13), transparent 55%),
    radial-gradient(50rem 50rem at 50% 118%, rgba(217,199,163,.30), transparent 60%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
}

img{display:block;max-width:100%;height:auto}
a{color:var(--okhra-zhar);text-decoration-thickness:1px;text-underline-offset:3px}

h1,h2,h3{font-family:var(--shrift-zagl);line-height:1.12;letter-spacing:-.012em;font-weight:700}

/* видимый фокус везде */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--shalfey);
  outline-offset:3px;
  border-radius:4px;
}

.srytno{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.bypass{
  position:absolute;left:var(--p4);top:-3rem;z-index:200;
  background:var(--shalfey-glub);color:#fff;padding:.6rem 1rem;border-radius:0 0 var(--skrug-mal) var(--skrug-mal);
  transition:top var(--perekhod);font-weight:600;
}
.bypass:focus{top:0}

/* ---------------------------------------------------------------- ШАПКА */
.verkh{
  position:sticky;top:0;z-index:100;
  background:rgba(246,239,226,.78);
  backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:background var(--perekhod),box-shadow var(--perekhod),border-color var(--perekhod);
}
.verkh[data-pinned="true"]{
  background:rgba(246,239,226,.96);
  box-shadow:var(--teni-myag);
  border-bottom-color:var(--liniya);
}
.verkh__ryad{
  max-width:var(--shir);margin:0 auto;
  padding:.7rem var(--p5);
  display:flex;align-items:center;justify-content:space-between;gap:var(--p4);
}

.marka{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--tushъ)}
.marka__znak{
  display:grid;place-items:center;
  width:44px;height:44px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%, #f3e6c6, var(--korka) 70%);
  color:var(--shalfey-glub);font-family:var(--shrift-zagl);font-weight:700;font-size:1.05rem;
  border:2px solid #fff;box-shadow:var(--teni-myag);letter-spacing:.02em;
}
.marka__znak--tyom{background:radial-gradient(circle at 32% 28%, #8a9560, var(--shalfey) 70%);color:#f6efe2;border-color:rgba(255,255,255,.18)}
.marka__slovo{display:flex;flex-direction:column;font-family:var(--shrift-zagl);font-weight:700;font-size:1.18rem;letter-spacing:-.01em}
.marka__slovo small{font-family:var(--shrift-telo);font-weight:500;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--shalfey-glub);margin-top:-.1rem}

.navod__spisok{
  list-style:none;display:flex;align-items:center;gap:var(--p5);margin:0;padding:0;
}
.navod__spisok a{
  text-decoration:none;color:var(--tushъ);font-weight:600;font-size:.98rem;
  padding:.3rem 0;position:relative;
}
.navod__spisok a:not(.navod__zov)::after{
  content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;
  background:var(--okhra);transition:right var(--perekhod);
}
.navod__spisok a:not(.navod__zov):hover::after,
.navod__spisok a:not(.navod__zov):focus-visible::after{right:0}
.navod__zov{
  background:var(--shalfey-glub);color:#fff!important;
  padding:.5rem 1.1rem!important;border-radius:999px;
  transition:background var(--perekhod),transform var(--perekhod);
}
.navod__zov:hover{background:var(--shalfey);transform:translateY(-1px)}

.navod__klyuch{
  display:none;width:46px;height:46px;border:1px solid var(--liniya);
  background:var(--bumaga);border-radius:var(--skrug-mal);cursor:pointer;position:relative;
}
.navod__cherta,.navod__cherta::before,.navod__cherta::after{
  content:"";position:absolute;left:50%;width:22px;height:2px;background:var(--tushъ);
  transform:translateX(-50%);transition:transform var(--perekhod),opacity var(--perekhod);
}
.navod__cherta{top:50%;margin-top:-1px}
.navod__cherta::before{top:-7px}
.navod__cherta::after{top:7px}
.navod__klyuch[aria-expanded="true"] .navod__cherta{background:transparent}
.navod__klyuch[aria-expanded="true"] .navod__cherta::before{transform:translateX(-50%) translateY(7px) rotate(45deg)}
.navod__klyuch[aria-expanded="true"] .navod__cherta::after{transform:translateX(-50%) translateY(-7px) rotate(-45deg)}

/* ---------------------------------------------------------------- КНОПКИ */
.dovod{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;
  padding:.85rem 1.6rem;border-radius:999px;border:2px solid transparent;
  transition:transform var(--perekhod),box-shadow var(--perekhod),background var(--perekhod),color var(--perekhod);
}
.dovod--polnyy{background:var(--okhra);color:#fff;box-shadow:var(--teni-sred)}
.dovod--polnyy:hover{background:var(--okhra-zhar);transform:translateY(-2px);box-shadow:var(--teni-glub)}
.dovod--obvod{background:transparent;color:var(--shalfey-glub);border-color:var(--shalfey)}
.dovod--obvod:hover{background:var(--shalfey-glub);color:#fff}
.dovod--shir{width:100%}

/* ---------------------------------------------------------------- РАЗДЕЛЫ-ЗАГОЛОВКИ */
.razdel{max-width:680px;margin:0 0 var(--p7)}
.razdel__nad{
  font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--okhra-zhar);margin:0 0 var(--p2);
}
.razdel__nad--tyom{color:var(--korka)}
.razdel__titul{font-size:clamp(1.8rem,4vw,2.7rem);margin:0}
.razdel__pod{color:var(--tushъ-myag);font-size:1.05rem;margin:var(--p4) 0 0}
.razdel--svet .razdel__titul{color:var(--tushъ)}

/* ---------------------------------------------------------------- ЗАЧИН (HERO) */
.zachin{
  max-width:var(--shir);margin:0 auto;
  padding:clamp(var(--p7),8vw,var(--p9)) var(--p5) var(--p8);
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(var(--p6),5vw,var(--p8));
  align-items:center;
}
.zachin__metka{
  display:inline-block;align-self:flex-start;
  font-size:.82rem;font-weight:600;letter-spacing:.04em;
  color:var(--shalfey-glub);background:var(--sliva-glub);
  border:1px solid var(--liniya);border-radius:999px;padding:.4rem 1rem;margin:0 0 var(--p4);
}
.zachin__titul{font-size:clamp(2.3rem,5.6vw,4rem);margin:0 0 var(--p4);max-width:14ch}
.zachin__titul em{font-style:italic;color:var(--okhra-zhar)}
.zachin__rech{font-size:1.12rem;color:var(--tushъ-myag);margin:0 0 var(--p6);max-width:46ch}
.zachin__knopki{display:flex;flex-wrap:wrap;gap:var(--p4);margin-bottom:var(--p7)}
.zachin__cifry{
  list-style:none;display:flex;gap:clamp(var(--p5),4vw,var(--p7));margin:0;padding:var(--p5) 0 0;
  border-top:1px solid var(--liniya);
}
.zachin__cifry b{display:block;font-family:var(--shrift-zagl);font-size:1.8rem;color:var(--shalfey-glub);line-height:1}
.zachin__cifry span{font-size:.85rem;color:var(--tushъ-myag)}

.zachin__snimok{margin:0;position:relative}
.zachin__snimok img{
  width:100%;height:520px;object-fit:cover;border-radius:var(--skrug);
  box-shadow:var(--teni-glub);border:6px solid var(--bumaga);
}
.zachin__snimok::after{
  content:"";position:absolute;inset:auto -14px -14px auto;width:62%;height:62%;
  border:2px solid var(--okhra);border-radius:var(--skrug);z-index:-1;
}
.zachin__snimok figcaption{
  position:absolute;left:var(--p4);bottom:var(--p4);
  background:rgba(47,42,33,.82);color:var(--sliva);
  font-size:.82rem;padding:.4rem .8rem;border-radius:999px;backdrop-filter:blur(4px);
}

/* ---------------------------------------------------------------- БЕГУЩАЯ ЛЕНТА */
.lenta{background:var(--shalfey-glub);color:var(--sliva)}
.lenta__ryad{
  max-width:var(--shir);margin:0 auto;list-style:none;
  display:flex;flex-wrap:wrap;justify-content:center;gap:var(--p4) var(--p6);
  padding:var(--p4) var(--p5);font-weight:600;font-size:.96rem;
}
.lenta__ryad li{display:flex;align-items:center;gap:.5rem}
.lenta__ryad span{color:var(--okhra);font-size:1.1rem}

/* ---------------------------------------------------------------- ВИТРИНА СЫРОВ */
.vitrina{max-width:var(--shir);margin:0 auto;padding:var(--p9) var(--p5)}
.poddony{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--p5);
}
.poddon{
  background:var(--bumaga);border:1px solid var(--liniya);border-radius:var(--skrug);
  overflow:hidden;box-shadow:var(--teni-myag);
  transition:transform var(--perekhod),box-shadow var(--perekhod);
  display:flex;flex-direction:column;
}
.poddon:hover{transform:translateY(-6px);box-shadow:var(--teni-sred)}
.poddon__lik{
  position:relative;height:148px;display:grid;place-items:center;
  background:
    radial-gradient(circle at 30% 26%, rgba(255,255,255,.45), transparent 55%),
    repeating-linear-gradient(135deg, var(--ton,#c98b3a), var(--ton,#c98b3a) 14px, rgba(0,0,0,.06) 14px, rgba(0,0,0,.06) 28px);
}
.poddon__bukva{font-family:var(--shrift-zagl);font-size:3.4rem;font-weight:700;color:rgba(255,255,255,.9);text-shadow:0 2px 10px rgba(0,0,0,.2)}
.poddon__zrelost{
  position:absolute;top:var(--p3);left:var(--p3);
  background:rgba(252,248,239,.92);color:var(--tushъ);
  font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.25rem .65rem;border-radius:999px;
}
.poddon__telo{padding:var(--p5);display:flex;flex-direction:column;gap:var(--p3);flex:1}
.poddon__imya{font-size:1.22rem;margin:0}
.poddon__nrav{margin:0;color:var(--tushъ-myag);font-size:.96rem;flex:1}
.poddon__cena{margin:0;display:flex;align-items:baseline;gap:.35rem;border-top:1px dashed var(--liniya);padding-top:var(--p3)}
.poddon__cena b{font-family:var(--shrift-zagl);font-size:1.5rem;color:var(--shalfey-glub)}
.poddon__cena span{color:var(--tushъ-myag);font-size:.86rem}
.vitrina__primech{text-align:center;margin:var(--p7) auto 0;max-width:50ch;color:var(--tushъ-myag)}

/* ---------------------------------------------------------------- РЕМЕСЛО */
.delo{
  max-width:var(--shir);margin:0 auto;padding:var(--p8) var(--p5) var(--p9);
  display:grid;grid-template-columns:1fr;gap:var(--p7);
}
.vesti{list-style:none;counter-reset:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--p5)}
.vesti__shag{
  background:var(--bumaga);border:1px solid var(--liniya);border-radius:var(--skrug);
  padding:var(--p5);position:relative;box-shadow:var(--teni-myag);
}
.vesti__chislo{
  display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;
  background:var(--sliva-glub);color:var(--okhra-zhar);font-family:var(--shrift-zagl);
  font-weight:700;border:1px solid var(--korka);margin-bottom:var(--p3);
}
.vesti__shag h3{margin:0 0 var(--p2);font-size:1.12rem}
.vesti__shag p{margin:0;color:var(--tushъ-myag);font-size:.95rem}
.delo__snimok{margin:0}
.delo__snimok img{width:100%;height:clamp(260px,40vw,420px);object-fit:cover;border-radius:var(--skrug);box-shadow:var(--teni-sred);border:6px solid var(--bumaga)}
.delo__snimok figcaption,.ferma figcaption{
  margin-top:var(--p3);font-size:.86rem;color:var(--tushъ-myag);font-style:italic;
}

/* ---------------------------------------------------------------- ФЕРМА */
.ferma{
  background:var(--shalfey-glub);color:var(--sliva);
}
.ferma{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--p6),5vw,var(--p8));align-items:center;
  max-width:none;padding:var(--p9) clamp(var(--p5),6vw,var(--p9));
}
.ferma__slovo{max-width:50ch}
.ferma__slovo .razdel__titul{color:var(--sliva)}
.ferma__slovo p{color:rgba(246,239,226,.86);margin:0 0 var(--p4)}
.ferma__podpis{font-family:var(--shrift-zagl);font-style:italic;color:var(--korka)!important;font-size:1.1rem}
.ferma__galereya{display:grid;gap:var(--p4);position:relative}
.ferma__galereya figure{margin:0}
.ferma__galereya img{width:100%;height:clamp(190px,26vw,260px);object-fit:cover;border-radius:var(--skrug);box-shadow:var(--teni-glub);border:5px solid rgba(246,239,226,.12)}
.ferma__galereya figcaption{margin-top:var(--p2);color:rgba(246,239,226,.72);font-style:italic;font-size:.86rem}
.ferma__galereya::after{content:"";position:absolute;inset:auto -12px -12px auto;width:46%;height:40%;border:2px solid var(--okhra);border-radius:var(--skrug);z-index:-1}

/* ---------------------------------------------------------------- ОТЗЫВЫ */
.golosa{max-width:var(--shir);margin:0 auto;padding:var(--p9) var(--p5)}
.golosa__ryad{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--p5)}
.golos{
  margin:0;background:var(--bumaga);border:1px solid var(--liniya);border-radius:var(--skrug);
  padding:var(--p6) var(--p5) var(--p5);box-shadow:var(--teni-myag);position:relative;
}
.golos::before{
  content:"\201C";position:absolute;top:-.2rem;left:var(--p4);
  font-family:var(--shrift-zagl);font-size:4.6rem;color:var(--korka);line-height:1;
}
.golos p{margin:0 0 var(--p4);font-size:1.02rem;position:relative}
.golos footer{display:flex;flex-direction:column;border-top:1px solid var(--liniya);padding-top:var(--p3)}
.golos footer b{font-family:var(--shrift-zagl);font-size:1.05rem}
.golos footer span{font-size:.85rem;color:var(--tushъ-myag)}

/* ---------------------------------------------------------------- ДОСТАВКА */
.zaboty{max-width:var(--shir);margin:0 auto;padding:0 var(--p5) var(--p9)}
.zaboty__ploshchad{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--p5)}
.put{
  background:linear-gradient(180deg,var(--bumaga),var(--sliva-glub));
  border:1px solid var(--liniya);border-radius:var(--skrug);padding:var(--p6) var(--p5);
  box-shadow:var(--teni-myag);
}
.put h3{margin:0 0 var(--p3);font-size:1.25rem}
.put p{margin:0 0 var(--p3);color:var(--tushъ-myag)}
.put__usl{
  display:inline-block;font-weight:700;color:var(--shalfey-glub)!important;
  background:var(--sliva);border:1px solid var(--korka);border-radius:999px;
  padding:.3rem .9rem;font-size:.9rem;margin:0!important;
}

/* ---------------------------------------------------------------- СВЯЗЬ + ФОРМА */
.svyaz{
  max-width:var(--shir);margin:0 auto var(--p9);padding:0 var(--p5);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--p6),5vw,var(--p8));align-items:start;
}
.svyaz__slovo .razdel__nad--tyom{color:var(--okhra-zhar)}
.svyaz__rech{color:var(--tushъ-myag);margin:var(--p4) 0 var(--p6);max-width:42ch}
.svyaz__kontakty{list-style:none;margin:0;padding:0;display:grid;gap:var(--p4)}
.svyaz__kontakty li{display:grid;grid-template-columns:96px 1fr;gap:var(--p4);align-items:baseline;border-bottom:1px dashed var(--liniya);padding-bottom:var(--p3)}
.svyaz__kontakty span{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--shalfey-glub)}
.svyaz__kontakty a,.svyaz__kontakty address{font-style:normal;font-weight:600;color:var(--tushъ);text-decoration:none}
.svyaz__kontakty a:hover{color:var(--okhra-zhar)}

.zayavka{
  background:var(--bumaga);border:1px solid var(--liniya);border-radius:var(--skrug);
  padding:clamp(var(--p5),4vw,var(--p7));box-shadow:var(--teni-sred);
  display:grid;grid-template-columns:1fr 1fr;gap:var(--p4) var(--p5);
}
.zayavka__itog{grid-column:1 / -1;margin:0;font-weight:600;border-radius:var(--skrug-mal);padding:0 .9rem;max-height:0;overflow:hidden;transition:max-height var(--perekhod),padding var(--perekhod)}
.zayavka__itog[data-vid="ok"]{background:#e7eedd;color:var(--shalfey-glub);max-height:8rem;padding:.7rem .9rem}
.zayavka__itog[data-vid="net"]{background:#f6e1d4;color:var(--okhra-zhar);max-height:8rem;padding:.7rem .9rem}
.zayavka__pole{display:flex;flex-direction:column;gap:.35rem}
.zayavka__pole--shir{grid-column:1 / -1}
.zayavka label{font-weight:600;font-size:.92rem}
.zayavka label small{font-weight:400;color:var(--tushъ-myag)}
.zayavka input,.zayavka select,.zayavka textarea{
  font:inherit;color:var(--tushъ);background:var(--sliva);
  border:1px solid var(--liniya);border-radius:var(--skrug-mal);padding:.7rem .85rem;
  transition:border-color var(--perekhod),box-shadow var(--perekhod);
}
.zayavka input:focus,.zayavka select:focus,.zayavka textarea:focus{outline:none;border-color:var(--shalfey);box-shadow:0 0 0 3px rgba(111,122,77,.22)}
.zayavka textarea{resize:vertical;min-height:3.2rem}
.zayavka [aria-invalid="true"]{border-color:var(--okhra-zhar);box-shadow:0 0 0 3px rgba(180,107,46,.18)}
.zayavka__oshibka{color:var(--okhra-zhar);font-size:.82rem;min-height:1em}
.zayavka__oshibka[data-dlya="z-ok"]{grid-column:1 / -1;margin-top:-.4rem}
.zayavka__soglasie{grid-column:1 / -1;display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;color:var(--tushъ-myag);cursor:pointer}
.zayavka__soglasie input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--shalfey)}
.zayavka button{grid-column:1 / -1;margin-top:var(--p2)}

/* ---------------------------------------------------------------- ПОДВАЛ */
.podval{background:var(--tushъ);color:rgba(246,239,226,.78);margin-top:var(--p6)}
.podval__ryad{
  max-width:var(--shir);margin:0 auto;padding:var(--p8) var(--p5) var(--p6);
  display:grid;grid-template-columns:1.5fr 1fr 1.3fr;gap:var(--p7);
}
.podval__blok--marka{display:flex;flex-direction:column;gap:var(--p4)}
.podval__slovo{margin:0;font-size:.95rem;max-width:38ch}
.podval__titul{font-family:var(--shrift-zagl);font-size:1.05rem;color:var(--sliva);margin:0 0 var(--p4)}
.podval ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--p3)}
.podval a{color:rgba(246,239,226,.82);text-decoration:none}
.podval a:hover{color:var(--okhra)}
.podval address{font-style:normal}
.podval__kontakty li{font-size:.95rem}
.podval__niz{
  max-width:var(--shir);margin:0 auto;padding:var(--p4) var(--p5);
  border-top:1px solid rgba(246,239,226,.14);font-size:.85rem;color:rgba(246,239,226,.6);
}

/* ---------------------------------------------------------------- SCROLL-REVEAL */
[data-vstup],[data-vshod]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
[data-vstup].vidno,[data-vshod].vidno{opacity:1;transform:none}
/* staggered появление зачина */
.zachin [data-vstup].vidno{transition-delay:calc(var(--ocher,0) * .09s)}
@media (prefers-reduced-motion:reduce){
  [data-vstup],[data-vshod]{opacity:1;transform:none}
}

/* ---------------------------------------------------------------- АДАПТИВ */
@media (max-width:920px){
  .zachin{grid-template-columns:1fr;padding-top:var(--p7)}
  .zachin__snimok{order:-1}
  .zachin__snimok img{height:340px}
  .ferma{grid-template-columns:1fr}
  .svyaz{grid-template-columns:1fr}
  .podval__ryad{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){
  .navod__klyuch{display:block}
  .navod__spisok{
    position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--sliva);border-bottom:1px solid var(--liniya);box-shadow:var(--teni-sred);
    padding:var(--p3) var(--p5) var(--p5);
    transform:translateY(-130%);transition:transform var(--perekhod);
  }
  .navod__spisok[data-otkryto="true"]{transform:none}
  .navod__spisok li{border-bottom:1px solid var(--liniya)}
  .navod__spisok li:last-child{border-bottom:0;margin-top:var(--p3)}
  .navod__spisok a{display:block;padding:.85rem .2rem}
  .navod__zov{display:inline-block;text-align:center}
  .zayavka{grid-template-columns:1fr}
  .podval__ryad{grid-template-columns:1fr}
  .zachin__cifry{flex-wrap:wrap;gap:var(--p5)}
}

@media (max-width:430px){
  .verkh__ryad{padding:.6rem var(--p4)}
  .marka__slovo{font-size:1.05rem}
  .zachin__snimok img{height:260px}
  .zachin__snimok::after{display:none}
}