/* ============================================================== 0. основа */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img{max-width:100%;height:auto;display:block;border:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
table{border-collapse:collapse;width:100%}

:root{
  /* тон: холст → лист → врезка → плашка */
  --ebs-shea:#f6f1e9;
  --ebs-muslin:#fdfbf7;
  --ebs-linen:#e4d8c6;
  --ebs-espresso:#241c16;
  /* чернила, полутон, контур, акцент, вторая метка */
  --ebs-cocoa:#2e241d;
  --ebs-clay:#6b5c50;
  --ebs-seam:#c9bba8;
  --ebs-hibiscus:#a32240;
  /* латунь — метка «нет в наличии». #8a6a2f давал на холсте 4.46 (порог 4.5):
     бракует R3, и читается она хуже всех прочих подписей */
  --ebs-brass:#7d5f29;

  /* два семейства по роли. Своего @font-face у снапшота нет вовсе:
     Wix отдавал шрифты со своего CDN, скачивать у донора нечего. */
  --ebs-imya:"Bookman Old Style","URW Bookman","Palatino Linotype","Book Antiqua",Palatino,serif;
  --ebs-opis:Optima,Candara,Corbel,"Noto Sans","Liberation Sans",sans-serif;

  /* две объявленные меры — больше ширин в файле нет */
  --ebs-polosa:1216px;
  --ebs-chtenie:664px;
  --ebs-pole:168px;

  --ebs-gap:28px;
  --ebs-vysokaya:372px;   /* высокая полка */
  --ebs-nizkaya:196px;    /* низкая полка */
}

body{
  background:var(--ebs-shea);
  color:var(--ebs-cocoa);
  font:400 17px/1.64 var(--ebs-opis);
  padding-bottom:0;
}
.ebs-polosa{width:100%;max-width:var(--ebs-polosa);margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--ebs-imya);font-weight:400;letter-spacing:0}
b,strong{font-weight:700}
i,em,cite,address{font-style:normal}
.ebs-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ebs-skip:focus{position:static;width:auto;height:auto;display:block;padding:8px 24px;
  background:var(--ebs-espresso);color:var(--ebs-shea)}
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:2px solid var(--ebs-hibiscus);outline-offset:2px}

/* =========================================================== 1. этикетка */
/* Мачта — не шапка с логотипом слева, а этикетка: один контур в 1px,
   разделённый волосяной линией; сверху имя издания, снизу подзаголовок. */
.ebs-mast{background:var(--ebs-shea);border-bottom:1px solid var(--ebs-seam)}
.ebs-mast__in{display:flex;align-items:stretch;gap:32px;padding-top:26px;padding-bottom:22px}
.ebs-etiketka{border:1px solid var(--ebs-cocoa);flex:0 0 auto;min-width:318px;
  background:var(--ebs-muslin)}
.ebs-etiketka a{display:block;text-decoration:none}
/* на главной это <h1>, на прочих <div> — отбивки и насыщенность браузера
   гасятся явно, иначе имя издания подпрыгивает при переходе на главную */
.ebs-etiketka__imya{font-family:var(--ebs-imya);font-size:33px;line-height:1.08;
  padding:16px 22px 13px;letter-spacing:.01em;margin:0;font-weight:400}
.ebs-etiketka__pod{border-top:1px solid var(--ebs-seam);padding:8px 22px 9px;
  font-size:13px;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay)}
.ebs-mast__fakty{margin-left:auto;align-self:flex-end;text-align:right;max-width:430px}
.ebs-mast__fakty dl{display:flex;justify-content:flex-end;gap:26px;flex-wrap:wrap}
.ebs-mast__fakty dt{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay)}
.ebs-mast__fakty dd{font-family:var(--ebs-imya);font-size:21px;line-height:1.2;margin-top:2px}
.ebs-mast__fakty p{margin-top:10px;font-size:13px;line-height:1.5;color:var(--ebs-clay)}

/* ряд рубрик — плоский, без выпадашек, растянут по ширине полосы */
.ebs-ryadnav{border-top:1px solid var(--ebs-seam);background:var(--ebs-shea)}
.ebs-ryadnav__in{display:flex;justify-content:space-between;align-items:stretch;gap:8px}
.ebs-ryadnav a{display:flex;align-items:center;gap:9px;padding:13px 4px;
  text-decoration:none;font-family:var(--ebs-imya);font-size:21px;line-height:1;
  border-bottom:3px solid transparent;min-height:46px}
.ebs-ryadnav a:hover{border-bottom-color:var(--ebs-hibiscus)}
.ebs-ryadnav a[aria-current="page"]{border-bottom-color:var(--ebs-cocoa)}
.ebs-ryadnav svg{width:19px;height:19px;flex:0 0 19px;display:block}
.ebs-ryadnav svg *{fill:none;stroke:var(--ebs-hibiscus);stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}

/* бургер — на чекбоксе, ни строки JS */
.ebs-burger,.ebs-burger__knopka{display:none}
.ebs-burger__knopka{width:46px;height:46px;border:1px solid var(--ebs-cocoa);
  background:var(--ebs-muslin);align-items:center;justify-content:center;cursor:pointer}
.ebs-burger__knopka span{display:block;width:22px;height:1px;background:var(--ebs-cocoa);
  position:relative}
.ebs-burger__knopka span::before,.ebs-burger__knopka span::after{content:"";position:absolute;
  left:0;width:22px;height:1px;background:var(--ebs-cocoa)}
.ebs-burger__knopka span::before{top:-7px}
.ebs-burger__knopka span::after{top:7px}

/* ============================================================= 2. пробор */
/* Разделитель раздела: линия в 2px, прерванная на 56-м пикселе; в прорехе —
   только знак рубрики. Имя раздела под линией слева, счёт под ней справа. */
.ebs-probor{margin:52px 0 22px}
.ebs-probor__liniya{position:relative;height:2px;background:var(--ebs-cocoa)}
.ebs-probor__znak{position:absolute;left:44px;top:50%;transform:translateY(-50%);
  background:var(--ebs-shea);padding:0 9px;height:22px;display:flex;align-items:center}
.ebs-probor__znak svg{width:20px;height:20px;display:block}
.ebs-probor__znak svg *{fill:none;stroke:var(--ebs-hibiscus);stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round}
.ebs-probor__niz{display:flex;justify-content:space-between;align-items:baseline;
  gap:16px;padding-top:9px}
.ebs-probor__imya{font-family:var(--ebs-imya);font-size:25px;line-height:1.2}
.ebs-probor__imya a{text-decoration:none}
.ebs-probor__imya a:hover{border-bottom:1px solid var(--ebs-hibiscus)}
.ebs-probor__schet{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay);white-space:nowrap}
/* строка под заголовком раздела, который наполняет робот: до первой публикации
   под заголовком нет ничего, и он висел бы над пустотой */
.ebs-pusto{font-size:17px;line-height:1.55;color:var(--ebs-clay);
  padding:20px 0 8px;max-width:664px}
/* на плашке пробор перекрашивается */
.ebs-plashka .ebs-probor__liniya{background:var(--ebs-shea)}
.ebs-plashka .ebs-probor__znak{background:var(--ebs-espresso)}
.ebs-plashka .ebs-probor__znak svg *{stroke:var(--ebs-linen)}
.ebs-plashka .ebs-probor__imya,.ebs-plashka .ebs-probor__schet{color:var(--ebs-shea)}

/* ============================================================== 3. стенд */
/* Первый экран: четыре равных кадра 3:4. Ни главного материала, ни рельса. */
.ebs-stend{padding-top:34px}
/* строка над витриной — H1 главной. В мачте H1 нет: заголовок внутри шапки
   стоит выше первого контентного блока, и зазор под шапкой уходит в минус */
.ebs-stend__mast{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);
  gap:24px;align-items:end;padding-bottom:20px;margin-bottom:26px;
  border-bottom:1px solid var(--ebs-seam)}
.ebs-stend__mast h1{font-family:var(--ebs-imya);font-size:39px;line-height:1.14;
  font-weight:400;color:var(--ebs-cocoa)}
.ebs-stend__mast p{font-size:17px;line-height:1.55;color:var(--ebs-clay)}
.ebs-stend__set{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ebs-gap)}
.ebs-stend__kadr{display:flex;flex-direction:column}
.ebs-stend__ramka{position:relative;border:1px solid var(--ebs-cocoa);
  background:var(--ebs-muslin);aspect-ratio:3/4;overflow:hidden}
.ebs-stend__ramka img{width:100%;height:100%;object-fit:cover}
.ebs-stend__nomer{position:absolute;right:0;bottom:0;background:var(--ebs-shea);
  border-left:1px solid var(--ebs-cocoa);border-top:1px solid var(--ebs-cocoa);
  padding:5px 10px 4px;font-family:var(--ebs-imya);font-size:17px;line-height:1}
.ebs-stend__kiker{margin-left:-13px;margin-top:-11px;position:relative;z-index:2;
  align-self:flex-start;background:var(--ebs-hibiscus);color:var(--ebs-shea);
  padding:5px 12px 4px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  line-height:1.2;max-width:calc(100% + 13px)}
.ebs-stend__zagolovok{font-family:var(--ebs-imya);font-size:25px;line-height:1.24;
  margin-top:13px}
.ebs-stend__zagolovok a{text-decoration:none}
.ebs-stend__zagolovok a:hover{border-bottom:1px solid var(--ebs-hibiscus)}
.ebs-stend__lid{margin-top:9px;font-size:17px;line-height:1.55;color:var(--ebs-clay)}

/* ============================================================== 4. полка */
/* Раздел на главной — одна горизонтальная полка постоянной высоты. Число
   столбцов задано разделом и не зависит от числа материалов: лишнее не
   переносится на вторую строку, а просто не попадает на полку. */
/* stretch, а не start: имена товаров у донора разной длины, и при start
   строка с ценой вставала на разной высоте в каждом столбце */
.ebs-polka{display:grid;gap:var(--ebs-gap);align-items:stretch}
.ebs-polka--4{grid-template-columns:repeat(4,1fr)}
.ebs-polka--6{grid-template-columns:repeat(6,1fr)}
.ebs-polka--3{grid-template-columns:repeat(3,1fr)}
.ebs-polka--2{grid-template-columns:repeat(2,1fr)}
.ebs-polka--8{grid-template-columns:repeat(8,1fr)}
.ebs-tovar{display:flex;flex-direction:column;text-decoration:none;height:100%}
.ebs-tovar__kadr{border:1px solid var(--ebs-seam);background:var(--ebs-muslin);
  aspect-ratio:4/5;overflow:hidden;flex:0 0 auto}
/* 50% 32%: половина кадров донора — одежда на модели, и при центрировании
   в полосатый кадр попадали ноги, а не вещь */
.ebs-tovar__kadr img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.ebs-tovar__imya{font-family:var(--ebs-imya);font-size:17px;line-height:1.3;margin-top:10px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ebs-tovar:hover .ebs-tovar__imya{border-bottom:0;color:var(--ebs-hibiscus)}
.ebs-tovar__niz{margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;gap:10px;
  align-items:baseline;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay)}
.ebs-tovar__cena{font-family:var(--ebs-imya);font-size:17px;letter-spacing:0;
  text-transform:none;color:var(--ebs-cocoa)}
.ebs-tovar__net{color:var(--ebs-brass)}
.ebs-polka--vysokaya .ebs-tovar__kadr{height:var(--ebs-vysokaya);aspect-ratio:auto}
.ebs-polka--nizkaya .ebs-tovar__kadr{height:var(--ebs-nizkaya);aspect-ratio:auto}
/* монограмма записи без снимка: занимает ровно ту же коробку, что кадр —
   иначе карточки в одной строке разъезжаются по высоте */
.ebs-znak{display:flex;align-items:center;justify-content:center;width:100%;
  height:100%;min-height:inherit;background:var(--ebs-linen);
  background-image:repeating-linear-gradient(135deg,transparent 0 12px,
    rgba(255,255,255,.45) 12px 24px)}
.ebs-znak__bukvy{font-family:var(--ebs-imya);letter-spacing:.06em;
  color:var(--ebs-cocoa);opacity:.62}
.ebs-znak--tovar .ebs-znak__bukvy{font-size:34px}
.ebs-znak--karta{aspect-ratio:4/5}
.ebs-znak--karta .ebs-znak__bukvy{font-size:76px}

/* полка материалов (не товаров) */
.ebs-zametka{display:flex;flex-direction:column;gap:8px}
.ebs-zametka__kadr{border:1px solid var(--ebs-seam);aspect-ratio:3/2;overflow:hidden;
  background:var(--ebs-muslin)}
.ebs-zametka__kadr img{width:100%;height:100%;object-fit:cover}
.ebs-zametka__rubrika{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-hibiscus)}
.ebs-zametka__zag{font-family:var(--ebs-imya);font-size:21px;line-height:1.28}
.ebs-zametka__zag a{text-decoration:none}
.ebs-zametka__zag a:hover{border-bottom:1px solid var(--ebs-hibiscus)}
.ebs-zametka__lid{font-size:17px;line-height:1.55;color:var(--ebs-clay)}
/* карточки кластера (разделы на главной, страницы бренда на хабе): снимка у них
   нет, поэтому карточка держится рамкой и полем — иначе в сетке без кадра
   соседние карточки сливаются в один столбец текста */
/* ⛔ height:auto + align-self:start — ОБЕ строки (этап 05, «ряд растягивает
   карточку в пустоту»): у карточек текст разной длины, ряд тянет короткую под
   самую высокую, а `margin-top:auto` у нижней строки уносит её ко дну и
   разгоняет дыру. Одного align-self мало: height:100% разрешается от площадки
   ряда, и карточка сама просит всю высоту. */
.ebs-zametka--razdel,.ebs-zametka--staraya{border:1px solid var(--ebs-seam);
  padding:22px 22px 24px;background:var(--ebs-muslin);height:auto;align-self:start}
.ebs-zametka--razdel:hover,.ebs-zametka--staraya:hover{border-color:var(--ebs-cocoa)}
.ebs-zametka__schet{margin-top:auto;padding-top:14px;font-family:var(--ebs-opis);
  font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay)}

/* ====================================================== 5. полоса навылет */
.ebs-plashka{background:var(--ebs-espresso);color:var(--ebs-shea);
  margin-top:56px;padding:40px 0 48px}
.ebs-plashka a{color:var(--ebs-shea)}
.ebs-plashka .ebs-tovar__kadr{border-color:#4a3c31;background:#1b1510}
.ebs-plashka .ebs-tovar__niz{color:var(--ebs-linen)}
.ebs-plashka .ebs-tovar__cena{color:var(--ebs-shea)}
.ebs-plashka .ebs-tovar__net{color:var(--ebs-linen)}
.ebs-plashka .ebs-tovar:hover .ebs-tovar__imya{color:var(--ebs-linen)}

/* ========================================================== 6. страница */
.ebs-kroshki{padding-top:20px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay)}
.ebs-kroshki ol{display:flex;flex-wrap:wrap;gap:8px}
.ebs-kroshki li+li::before{content:"/";padding-right:8px;color:var(--ebs-seam)}
.ebs-kroshki a{text-decoration:none}
.ebs-kroshki a:hover{color:var(--ebs-hibiscus)}

/* колонка чтения 664 и поле 168 СЛЕВА: сноски, цифры, подписи уходят в поле */
.ebs-tekst{display:grid;grid-template-columns:var(--ebs-pole) var(--ebs-chtenie);
  column-gap:40px;padding-top:26px}
.ebs-tekst__pole{grid-column:1;display:flex;flex-direction:column;gap:22px;
  padding-top:6px}
.ebs-tekst__telo{grid-column:2;min-width:0}
.ebs-tekst__telo>*+*{margin-top:22px}
.ebs-tekst__telo h2{font-size:33px;line-height:1.18;margin-top:40px}
.ebs-tekst__telo h3{font-size:25px;line-height:1.24;margin-top:32px}
.ebs-tekst__telo h4{font-size:21px;line-height:1.3;margin-top:26px}
.ebs-tekst__telo p{font-size:17px;line-height:1.64}
/* первый абзац статьи крупнее на две ступени и с засечкой слева: подзаголовок
   говорит, что читатель унесёт, а вводный абзац — с чего начинается разговор,
   и глаз должен видеть, что это два разных куска, а не два лида подряд */
.ebs-tekst__vvod{font-size:20px;line-height:1.55;color:var(--ebs-cocoa);
  border-left:2px solid var(--ebs-hibiscus);padding-left:18px}
.ebs-tekst__telo a{color:var(--ebs-hibiscus);text-decoration:none;
  border-bottom:1px solid var(--ebs-seam)}
.ebs-tekst__telo a:hover{border-bottom-color:var(--ebs-hibiscus)}
.ebs-tekst__telo ul,.ebs-tekst__telo ol{display:flex;flex-direction:column;gap:10px}
.ebs-tekst__telo ul li{padding-left:22px;position:relative}
.ebs-tekst__telo ul li::before{content:"";position:absolute;left:2px;top:11px;
  width:9px;height:1px;background:var(--ebs-hibiscus)}
.ebs-tekst__telo ol{counter-reset:ebsol}
.ebs-tekst__telo ol li{padding-left:30px;position:relative;counter-increment:ebsol}
.ebs-tekst__telo ol li::before{content:counter(ebsol,decimal-leading-zero);
  position:absolute;left:0;top:0;font-family:var(--ebs-imya);color:var(--ebs-hibiscus)}
.ebs-tekst__telo blockquote{border-left:2px solid var(--ebs-hibiscus);padding-left:20px;
  font-family:var(--ebs-imya);font-size:21px;line-height:1.45}
.ebs-tekst__telo figure{margin-top:28px}
.ebs-tekst__telo figcaption{margin-top:8px;font-size:13px;line-height:1.5;
  color:var(--ebs-clay)}
.ebs-tekst__telo table{margin-top:26px;font-size:17px}
.ebs-tekst__telo th,.ebs-tekst__telo td{border-bottom:1px solid var(--ebs-seam);
  padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.ebs-tekst__telo th{font-family:var(--ebs-imya);font-weight:400;
  border-bottom:2px solid var(--ebs-cocoa)}
.ebs-tekst__telo tbody tr:nth-child(even){background:transparent}

/* ─── чего на своих страницах нет, а в статье автопостинга будет ───────────
   Статья робота приезжает ГОЛЫМ html: ни одной обёртки сборщика у неё не
   будет никогда, и ни один гейт скина её не видит — в момент приёмки таких
   страниц на сайте ноль. Поэтому правила ставятся заранее и вешаются на сам
   контейнер прозы. */
.ebs-tekst__telo{overflow-wrap:break-word}
.ebs-tekst__telo a{overflow-wrap:anywhere}
.ebs-tekst__telo cite{font-family:var(--ebs-imya);color:var(--ebs-clay)}
.ebs-tekst__telo code{font-family:ui-monospace,Consolas,"Liberation Mono",monospace;
  font-size:.92em;background:var(--ebs-shea);padding:2px 5px}
.ebs-tekst__telo pre{margin-top:26px;background:var(--ebs-shea);padding:16px 18px;
  overflow-x:auto;font-size:15px;line-height:1.5}
.ebs-tekst__telo pre code{background:none;padding:0}
/* ⛔ Таблица робота — фиксированная раскладка, а не коробка прокрутки: она
   убирает min-content из расчёта дорожки сетки (тело статьи лежит в сетке с
   фиксированным рельсом), и подпись при этом никуда не едет — прокрутки нет,
   значит ни position:sticky, ни container-type не нужны. Донорским таблицам
   это не годится, поэтому правило адресовано таблице БЕЗ класса. */
.ebs-tekst__telo table:not([class]){table-layout:fixed}
.ebs-tekst__telo caption{caption-side:top;text-align:left;font-size:13px;
  line-height:1.5;color:var(--ebs-clay);padding-bottom:8px}
/* ⛔ Дата робота: ArticleDateStamp дописывает свой абзац сразу после <h1>, а
   <h1> уходит в %H1% ⇒ абзац приезжает ПЕРВЫМ узлом %CONTENT_1%. Селектор — с
   контейнером, иначе общее правило первого абзаца прозы его перебьёт. */
.ebs-tekst__telo .pbn-published-date{margin:0 0 20px;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ebs-clay)}

/* ─── лента автопостинга на /news/ ────────────────────────────────────────
   Разметку анонса приносит робот: <div style="margin-bottom: 20px;"><h4><a>
   …</a></h4><p>…</p></div> сразу ЗА маркером, то есть свежий оказывается
   сверху. У нас есть только контейнер, инлайновый отступ перебивается. */
.ebs-wire{max-width:var(--ebs-chtenie);padding-top:26px}
.ebs-wire:empty{display:none}
.ebs-wire>div{margin:0 0 26px!important;padding-bottom:26px;
  border-bottom:1px solid var(--ebs-seam)}
.ebs-wire>div:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0!important}
.ebs-wire h4{font-size:23px;line-height:1.25}
.ebs-wire h4 a{color:var(--ebs-espresso);text-decoration:none}
.ebs-wire h4 a:hover{color:var(--ebs-hibiscus)}
.ebs-wire p{margin-top:8px;font-size:17px;line-height:1.55;color:var(--ebs-clay)}

.ebs-shapka{padding-top:30px;max-width:var(--ebs-chtenie);margin-left:calc(var(--ebs-pole) + 40px)}
.ebs-shapka__kiker{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-hibiscus)}
.ebs-shapka h1{font-size:41px;line-height:1.14;margin-top:10px}
.ebs-shapka__lid{margin-top:16px;font-size:21px;line-height:1.5;color:var(--ebs-clay)}
.ebs-shapka__meta{margin-top:18px;padding-top:12px;border-top:1px solid var(--ebs-seam);
  display:flex;flex-wrap:wrap;gap:18px;font-size:13px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ebs-clay)}
.ebs-shapka__meta b{font-family:var(--ebs-imya);font-weight:400;letter-spacing:0;
  text-transform:none;font-size:17px;color:var(--ebs-cocoa)}

/* заметка на поле */
.ebs-pole__blok{border-top:2px solid var(--ebs-cocoa);padding-top:10px}
.ebs-pole__zag{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay)}
.ebs-pole__znach{font-family:var(--ebs-imya);font-size:21px;line-height:1.25;margin-top:4px}
.ebs-pole__tekst{font-size:13px;line-height:1.55;color:var(--ebs-clay);margin-top:6px}
.ebs-pole__kadr{border:1px solid var(--ebs-seam);overflow:hidden;background:var(--ebs-muslin)}
.ebs-pole__kadr img{width:100%;height:auto}

/* ====================================================== 7. карточка товара */
.ebs-karta{display:grid;grid-template-columns:var(--ebs-pole) var(--ebs-chtenie);
  column-gap:40px;padding-top:26px}
.ebs-karta__kadr{grid-column:1;border:1px solid var(--ebs-cocoa);background:var(--ebs-muslin);
  overflow:hidden}
.ebs-karta__kadr img{width:100%;height:auto}
.ebs-karta__telo{grid-column:2;min-width:0}
.ebs-karta h1{font-size:33px;line-height:1.16}
.ebs-karta__stroka{margin-top:16px;padding:12px 0;border-top:2px solid var(--ebs-cocoa);
  border-bottom:1px solid var(--ebs-seam);display:flex;flex-wrap:wrap;gap:12px 30px;
  align-items:baseline}
.ebs-karta__cena{font-family:var(--ebs-imya);font-size:33px;line-height:1}
.ebs-karta__nalichie{font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.ebs-karta__nalichie--est{color:var(--ebs-hibiscus)}
.ebs-karta__nalichie--net{color:var(--ebs-brass)}
.ebs-karta__opis{margin-top:22px;font-size:17px;line-height:1.64}
.ebs-karta__opis p+p{margin-top:18px}

/* «что говорит запись»: выведенное из каталога отделяется от слов бренда —
   читатель должен видеть, где кончается чужая копия и начинается наш вывод */
.ebs-karta__zapis{margin-top:26px;padding-top:18px;
  border-top:1px solid var(--ebs-seam);font-size:16px;line-height:1.66;
  color:var(--ebs-cocoa)}
.ebs-karta__zag{font-family:var(--ebs-opis);font-size:12px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;color:var(--ebs-clay);
  margin:0 0 12px}
.ebs-karta__zapis p+p{margin-top:14px}
.ebs-karta__zapis a{color:inherit;text-decoration-color:var(--ebs-hibiscus);
  text-underline-offset:3px}

/* линейка цены: где карточка стоит среди всего каталога */
.ebs-lineyka{margin-top:22px;border-top:1px solid var(--ebs-seam);padding-top:14px}
.ebs-lineyka__shkala{position:relative;height:26px;margin-top:10px}
.ebs-lineyka__os{position:absolute;left:0;right:0;top:12px;height:2px;
  background:var(--ebs-seam)}
.ebs-lineyka__metka{position:absolute;top:4px;width:1px;height:18px;
  background:var(--ebs-clay)}
.ebs-lineyka__tochka{position:absolute;top:2px;width:2px;height:22px;
  background:var(--ebs-hibiscus)}
.ebs-lineyka__podpisi{display:flex;justify-content:space-between;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ebs-clay)}

/* ============================================================ 8. виджеты */
/* ebs-polka — витрина коллекции; ebs-ryad — порядок по шагам с привязкой к
   товару; ebs-tochki — где лежит на полке в Баффало и Рочестере.            */
.ebs-vidget{border:1px solid var(--ebs-cocoa);background:var(--ebs-muslin);margin-top:34px}
.ebs-vidget__shapka{display:flex;justify-content:space-between;align-items:baseline;
  gap:16px;padding:13px 20px 12px;border-bottom:1px solid var(--ebs-cocoa)}
.ebs-vidget__imya{font-family:var(--ebs-imya);font-size:21px;line-height:1.2}
.ebs-vidget__istochnik{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay);text-align:right}
.ebs-vidget__telo{padding:20px}

/* виджет «ряд» — пронумерованные шаги, каждый прикреплён к товару каталога */
.ebs-ryad{display:flex;flex-direction:column}
.ebs-ryad__shag{display:grid;grid-template-columns:44px 1fr auto;gap:16px;
  align-items:start;padding:14px 0;border-top:1px solid var(--ebs-seam)}
.ebs-ryad__shag:first-child{border-top:0;padding-top:0}
.ebs-ryad__nomer{font-family:var(--ebs-imya);font-size:25px;line-height:1;
  color:var(--ebs-hibiscus)}
.ebs-ryad__chto{font-family:var(--ebs-imya);font-size:17px;line-height:1.3}
.ebs-ryad__zachem{font-size:13px;line-height:1.55;color:var(--ebs-clay);margin-top:4px}
.ebs-ryad__cena{font-family:var(--ebs-imya);font-size:17px;white-space:nowrap}
.ebs-ryad__pusto{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay);white-space:nowrap}
.ebs-ryad a{text-decoration:none}
.ebs-ryad a:hover .ebs-ryad__chto{color:var(--ebs-hibiscus)}

/* виджет «точки» — свой чертёж двух городов плюс список адресов */
.ebs-tochki{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}
.ebs-tochki__chertezh{border:1px solid var(--ebs-seam);background:var(--ebs-shea);padding:10px}
.ebs-tochki__chertezh svg{width:100%;height:auto;display:block}
.ebs-tochki__spisok li{border-top:1px solid var(--ebs-seam);padding:10px 0;
  display:grid;grid-template-columns:24px 1fr;gap:12px}
.ebs-tochki__spisok li:first-child{border-top:0;padding-top:0}
.ebs-tochki__nom{font-family:var(--ebs-imya);font-size:17px;color:var(--ebs-hibiscus);
  line-height:1.3}
.ebs-tochki__imya{font-family:var(--ebs-imya);font-size:17px;line-height:1.3}
.ebs-tochki__adres{font-size:13px;line-height:1.5;color:var(--ebs-clay);margin-top:2px}
.ebs-tochki__nota{margin-top:14px;padding-top:12px;border-top:2px solid var(--ebs-cocoa);
  font-size:13px;line-height:1.55;color:var(--ebs-clay)}

/* виджет «разбор» — из чего собрана рубрика: форма, счёт, шкала, цена, наличие.
   Шкала и число разведены в разные столбцы: число читается по правому краю
   колонкой, а не ищется в конце разной длины полосок.                        */
.ebs-razbor{display:flex;flex-direction:column}
.ebs-razbor__ryad{display:grid;
  grid-template-columns:minmax(120px,1.3fr) minmax(70px,1fr) 34px 112px 86px;
  gap:14px;align-items:center;padding:9px 0;border-top:1px solid var(--ebs-seam)}
.ebs-razbor__ryad:first-child{border-top:0;padding-top:0}
.ebs-razbor__imya{font-family:var(--ebs-imya);font-size:17px;line-height:1.25}
.ebs-razbor__shkala{display:block;height:9px;background:var(--ebs-linen);
  border:1px solid var(--ebs-seam)}
.ebs-razbor__bar{display:block;height:100%;background:var(--ebs-hibiscus)}
.ebs-razbor__n{font-family:var(--ebs-imya);font-size:21px;line-height:1;text-align:right}
.ebs-razbor__cena{font-size:14px;line-height:1.4;text-align:right;white-space:nowrap}
.ebs-razbor__est{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay);text-align:right}

/* виджет «ценник» — полосы цены рубрики плюс самая дешёвая и самая дорогая
   запись поимённо. Пустая полоса остаётся строкой: пропуск полосы прочитался
   бы как «дороже не бывает», а бывает — просто не в этой рубрике.            */
/* ⛔ «Ценник» стоит ВНУТРИ .ebs-tekst__telo, а там у любого ul есть маркер-тире
   и отступ слева (строка 274): без сброса перед каждой полосой цены висит «—»,
   как будто виджет — обычный список статьи. Сброс адресный, ul статьи не трогаем. */
.ebs-tekst__telo .ebs-tsennik{gap:0}
.ebs-tekst__telo .ebs-tsennik li{padding-left:0}
.ebs-tekst__telo .ebs-tsennik li::before{content:none}
.ebs-tekst__telo .ebs-tsennik__kray a{border-bottom:0}
.ebs-tsennik{display:flex;flex-direction:column}
.ebs-tsennik__ryad{display:grid;grid-template-columns:104px 1fr 34px;gap:14px;
  align-items:center;padding:8px 0;border-top:1px solid var(--ebs-seam)}
.ebs-tsennik__ryad:first-child{border-top:0;padding-top:0}
.ebs-tsennik__ryad--pusto .ebs-tsennik__imya,
.ebs-tsennik__ryad--pusto .ebs-tsennik__n{color:var(--ebs-clay)}
.ebs-tsennik__imya{font-size:14px;letter-spacing:.04em;white-space:nowrap}
.ebs-tsennik__shkala{display:block;height:11px;background:var(--ebs-linen);
  border:1px solid var(--ebs-seam)}
.ebs-tsennik__bar{display:block;height:100%;background:var(--ebs-hibiscus)}
.ebs-tsennik__n{font-family:var(--ebs-imya);font-size:19px;line-height:1;text-align:right}
.ebs-tsennik__kraya{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;
  padding-top:14px;border-top:2px solid var(--ebs-cocoa)}
.ebs-tsennik__kray{display:flex;flex-direction:column;gap:3px}
.ebs-tsennik__podpis{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-clay)}
.ebs-tsennik__kray a{font-family:var(--ebs-imya);font-size:17px;line-height:1.3;
  color:var(--ebs-espresso);text-decoration:none}
.ebs-tsennik__kray a:hover{color:var(--ebs-hibiscus)}
.ebs-tsennik__cena{font-family:var(--ebs-imya);font-size:19px}

/* ====================================================== 9. вставки и связь */
.ebs-vstavka{margin-top:26px;padding:14px 18px;background:var(--ebs-linen);
  font-size:17px;line-height:1.6}
.ebs-vstavka a{color:var(--ebs-cocoa);border-bottom:1px solid var(--ebs-hibiscus);
  text-decoration:none}
.ebs-dalee{margin-top:46px;border-top:2px solid var(--ebs-cocoa);padding-top:18px}
.ebs-dalee__set{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ebs-gap);
  margin-top:16px}

.ebs-stranicy{margin-top:40px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ebs-stranicy a,.ebs-stranicy span{min-width:44px;min-height:44px;display:flex;
  align-items:center;justify-content:center;border:1px solid var(--ebs-seam);
  text-decoration:none;font-family:var(--ebs-imya);font-size:17px;padding:0 12px}
.ebs-stranicy a:hover{border-color:var(--ebs-cocoa)}
.ebs-stranicy span[aria-current]{background:var(--ebs-cocoa);color:var(--ebs-shea);
  border-color:var(--ebs-cocoa)}

/* разбор каталога под полкой: .ebs-tekst__telo рассчитан на сетку статьи,
   здесь он лежит в полосе — ширину строки задаём сами */
.ebs-raskladka{max-width:664px}

/* ================================================ 9b. подпись редакции */
/* §28-п: стоит на каждой странице, поэтому оформлена не как врезка статьи,
   а как полоса над подвалом — на карточке товара и на хабе она такая же */
.ebs-podpis{margin-top:64px;border-top:1px solid var(--ebs-seam);
  background:var(--ebs-muslin);padding:34px 0 38px}
.ebs-podpis__in{display:grid;grid-template-columns:40px minmax(0,1fr);gap:24px;
  align-items:start}
.ebs-podpis__znak{color:var(--ebs-hibiscus);line-height:0;padding-top:2px}
.ebs-podpis__telo{max-width:820px}
.ebs-podpis__kto{font-family:var(--ebs-imya);font-size:21px;line-height:1.24;
  color:var(--ebs-espresso)}
.ebs-podpis__tekst{margin-top:12px;font-size:15px;line-height:1.6;
  color:var(--ebs-clay)}
.ebs-podpis__tekst b{color:var(--ebs-cocoa);font-weight:400;
  font-family:var(--ebs-imya)}
.ebs-podpis__data{margin-top:14px;font-size:12px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ebs-clay)}

/* =========================================================== 10. подвал */
.ebs-podval{background:var(--ebs-espresso);color:var(--ebs-shea);margin-top:0;
  padding:44px 0 34px}
.ebs-podval a{color:var(--ebs-shea);text-decoration:none}
.ebs-podval a:hover{border-bottom:1px solid var(--ebs-hibiscus)}
.ebs-podval__set{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.ebs-podval__zag{font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ebs-linen);border-bottom:1px solid #4a3c31;padding-bottom:8px;
  margin-bottom:12px}
.ebs-podval li+li{margin-top:8px}
.ebs-podval__imya{font-family:var(--ebs-imya);font-size:25px;line-height:1.2}
.ebs-podval__o{margin-top:12px;font-size:13px;line-height:1.6;color:var(--ebs-linen)}
.ebs-podval__niz{margin-top:34px;padding-top:16px;border-top:1px solid #4a3c31;
  display:flex;flex-wrap:wrap;gap:12px 26px;justify-content:space-between;
  font-size:13px;line-height:1.6;color:var(--ebs-linen)}

/* ======================================================= 11. плашка кук */
.ebs-kuki{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ebs-muslin);
  border-top:2px solid var(--ebs-cocoa);padding:16px 0}
.ebs-kuki__in{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.ebs-kuki p{font-size:13px;line-height:1.6;flex:1 1 420px;min-width:260px;
  color:var(--ebs-clay)}
.ebs-kuki a{color:var(--ebs-cocoa)}
.ebs-kuki__knopki{display:flex;gap:10px;margin-left:auto}
.ebs-kuki button{min-height:44px;padding:0 18px;border:1px solid var(--ebs-cocoa);
  background:var(--ebs-muslin);cursor:pointer;font-size:13px;letter-spacing:.06em;
  text-transform:uppercase}
.ebs-kuki button.ebs-kuki--da{background:var(--ebs-cocoa);color:var(--ebs-shea)}

/* ============================================ 11а. форма владельца (fortunida)
   Классы НЕ наши: их печатает feedback-form.min.js. Скоупим по id контейнера —
   `#feedback-form .класс` специфичнее одиночного класса, которым виджет красится
   сам, и !important нужен только на honeypot (у него инлайновый left:-10000px,
   иначе gate_render даёт overflow [INPUT.]). Этап 05, п.05.7ж. */
#feedback-form{margin:30px 0 8px}
#feedback-form .feedback-form-container{max-width:none;
  font-family:var(--ebs-opis)}
#feedback-form .feedback-form-wrapper{background:var(--ebs-muslin);
  border:1px solid var(--ebs-seam);border-radius:0;box-shadow:none;padding:28px}
#feedback-form .feedback-form-header{margin-bottom:22px;
  padding-bottom:16px;border-bottom:1px solid var(--ebs-seam)}
#feedback-form .feedback-form-header h3{font-family:var(--ebs-imya);
  font-size:27px;font-weight:400;line-height:1.24;color:var(--ebs-cocoa)}
#feedback-form .feedback-form-header p{font-size:15px;line-height:1.6;
  color:var(--ebs-clay)}
#feedback-form .feedback-form-label{font-size:12px;font-weight:600;
  letter-spacing:.11em;text-transform:uppercase;color:var(--ebs-cocoa)}
#feedback-form .feedback-form-required{color:var(--ebs-hibiscus)}
#feedback-form .feedback-form-input,
#feedback-form .feedback-form-textarea{border:1px solid var(--ebs-seam);
  border-radius:0;background:#fff;padding:12px 14px;font-size:16px;
  line-height:1.5;color:var(--ebs-cocoa);min-height:48px}
#feedback-form .feedback-form-textarea{min-height:150px}
#feedback-form .feedback-form-input::placeholder,
#feedback-form .feedback-form-textarea::placeholder{color:var(--ebs-clay);
  opacity:1}
#feedback-form .feedback-form-input:focus,
#feedback-form .feedback-form-textarea:focus{border-color:var(--ebs-cocoa);
  box-shadow:none;outline:2px solid var(--ebs-hibiscus);outline-offset:1px}
#feedback-form .feedback-form-submit{min-height:48px;padding:0 26px;
  border-radius:0;background:var(--ebs-cocoa);color:var(--ebs-shea);
  font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  align-self:flex-start}
#feedback-form .feedback-form-submit:hover:not(:disabled){
  background:var(--ebs-hibiscus);transform:none;box-shadow:none}
#feedback-form .feedback-form-success,
#feedback-form .feedback-form-error{border-radius:0;font-size:15px;
  line-height:1.6}
#feedback-form .feedback-form-success{background:var(--ebs-shea);
  color:var(--ebs-cocoa);border:1px solid var(--ebs-cocoa)}
#feedback-form .feedback-form-error{background:var(--ebs-shea);
  color:#7a1a30;border:1px solid var(--ebs-hibiscus)}
/* ловушка на спам: поле остаётся невидимым (1px, opacity 0), но не растягивает
   документ влево — инлайновый left перебивается только !important */
#feedback-form input[aria-hidden="true"][tabindex="-1"]{left:0!important;
  pointer-events:none}
.ebs-forma__nota{margin-top:14px;font-size:13px;line-height:1.6;
  color:var(--ebs-clay)}

/* =================================================== 12. 1120 — узкий стол */
@media (max-width:1120px){
  :root{--ebs-polosa:100%;--ebs-chtenie:min(664px,100%);--ebs-pole:140px;--ebs-gap:22px}
  .ebs-polosa{max-width:none}
  .ebs-polka--8{grid-template-columns:repeat(6,1fr)}
  .ebs-polka--6{grid-template-columns:repeat(4,1fr)}
  .ebs-mast__fakty{max-width:340px}
  .ebs-mast__fakty dl{gap:18px}
  .ebs-ryadnav a{font-size:17px;gap:7px}
  .ebs-ryadnav svg{width:16px;height:16px;flex-basis:16px}
}

/* ===================================================== 13. 860 — планшет */
@media (max-width:860px){
  .ebs-mast__in{flex-direction:column;gap:16px;align-items:stretch;position:relative;
    padding-top:18px;padding-bottom:16px}
  .ebs-etiketka{min-width:0;margin-right:58px}
  .ebs-etiketka__imya{font-size:25px;padding:12px 16px 10px}
  .ebs-etiketka__pod{padding:7px 16px 8px}
  .ebs-mast__fakty{margin-left:0;text-align:left;max-width:none}
  .ebs-mast__fakty dl{justify-content:flex-start;gap:24px}

  .ebs-burger__knopka{display:flex;position:absolute;right:24px;top:18px}
  .ebs-ryadnav{display:none}
  .ebs-burger:checked~.ebs-ryadnav{display:block}
  .ebs-ryadnav__in{flex-direction:column;gap:0;padding-bottom:8px}
  .ebs-ryadnav a{border-bottom:1px solid var(--ebs-seam);padding:14px 0;font-size:21px}
  .ebs-ryadnav a:last-child{border-bottom:1px solid var(--ebs-seam)}

  .ebs-stend__set{grid-template-columns:repeat(2,1fr)}
  .ebs-polka--8,.ebs-polka--6{grid-template-columns:repeat(4,1fr)}
  .ebs-polka--4{grid-template-columns:repeat(3,1fr)}
  .ebs-polka--3{grid-template-columns:repeat(3,1fr)}
  .ebs-dalee__set{grid-template-columns:repeat(2,1fr)}

  /* поле уезжает под текст: колонка одна */
  .ebs-tekst,.ebs-karta{grid-template-columns:1fr;row-gap:26px}
  .ebs-tekst__pole,.ebs-tekst__telo,.ebs-karta__kadr,.ebs-karta__telo{grid-column:1}
  .ebs-tekst__pole{flex-direction:row;flex-wrap:wrap;gap:18px 32px;order:2;
    border-top:2px solid var(--ebs-cocoa);padding-top:16px}
  .ebs-tekst__pole .ebs-pole__blok{border-top:0;padding-top:0;flex:1 1 220px}
  .ebs-tekst__telo{order:1}
  .ebs-shapka{margin-left:0;max-width:none}
  .ebs-shapka h1{font-size:33px}
  .ebs-karta__kadr{max-width:420px}

  .ebs-tochki{grid-template-columns:1fr}
  .ebs-tochki__chertezh{max-width:360px}
  /* пять столбцов разбора на 860 не помещаются: наличие уходит вниз строки,
     под имя формы, а счёт и цена остаются в первой строке справа */
  .ebs-razbor__ryad{grid-template-columns:minmax(96px,1fr) minmax(56px,.8fr) 30px 96px;
    row-gap:2px}
  .ebs-razbor__est{grid-column:1/-1;text-align:left}
  .ebs-podval__set{grid-template-columns:1fr 1fr}
}

/* ====================================================== 14. 600 — телефон */
@media (max-width:600px){
  :root{--ebs-gap:18px}
  .ebs-polosa{padding:0 16px}
  .ebs-burger__knopka{right:16px}
  .ebs-stend{padding-top:22px}
  .ebs-stend__mast{grid-template-columns:1fr;gap:12px;align-items:start;
    padding-bottom:16px;margin-bottom:20px}
  .ebs-stend__mast h1{font-size:31px;line-height:1.16}
  .ebs-stend__set{grid-template-columns:repeat(2,1fr)}
  .ebs-stend__zagolovok{font-size:21px}
  .ebs-stend__lid{display:none}
  .ebs-polka--8,.ebs-polka--6,.ebs-polka--4,.ebs-polka--3{grid-template-columns:repeat(2,1fr)}
  /* ⛔ --2 — полка ТЕКСТОВЫХ карточек (страницы бренда на /about/). Два столбца
     на телефоне дают колонку текста в 123px: слова встают по одному в строку
     (R21). Кадра у неё нет, и в один столбец она ничего не теряет */
  .ebs-polka--2{grid-template-columns:1fr}
  .ebs-polka--vysokaya .ebs-tovar__kadr{height:auto;aspect-ratio:4/5}
  .ebs-polka--nizkaya .ebs-tovar__kadr{height:auto;aspect-ratio:1/1}
  .ebs-probor{margin-top:38px}
  .ebs-probor__imya{font-size:21px}
  .ebs-tekst__telo h2{font-size:25px}
  .ebs-tekst__telo h3{font-size:21px}
  /* голая таблица робота: фиксированная раскладка без меньшего кегля и
     без меньшего отступа ячейки на телефоне всё равно жмёт значения */
  .ebs-tekst__telo table:not([class]){font-size:15px}
  .ebs-tekst__telo table:not([class]) th,
  .ebs-tekst__telo table:not([class]) td{padding:8px 8px 8px 0}
  .ebs-wire h4{font-size:21px}
  .ebs-wire p{font-size:16px}
  .ebs-tekst__vvod{font-size:18px;padding-left:14px}
  .ebs-podpis__in{grid-template-columns:1fr;gap:14px}
  .ebs-podpis__kto{font-size:19px}
  .ebs-shapka h1{font-size:33px;line-height:1.16}
  .ebs-shapka__lid{font-size:17px}
  .ebs-karta h1{font-size:25px}
  .ebs-karta__cena{font-size:25px}
  .ebs-ryad__shag{grid-template-columns:34px 1fr;row-gap:4px}
  .ebs-ryad__cena,.ebs-ryad__pusto{grid-column:2}
  /* на телефоне у разбора остаётся имя со счётом в строке, а шкала, цена и
     наличие ложатся под ними: шкала шириной в экран читается лучше обрубка */
  .ebs-razbor__ryad{grid-template-columns:1fr 34px;row-gap:5px;padding:11px 0}
  .ebs-razbor__shkala{grid-column:1/-1;order:3;height:8px}
  .ebs-razbor__n{order:2}
  .ebs-razbor__cena{grid-column:1/-1;order:4;text-align:left}
  .ebs-razbor__est{order:5}
  .ebs-tsennik__ryad{grid-template-columns:88px 1fr 30px;gap:10px}
  .ebs-tsennik__imya{font-size:13px}
  .ebs-tsennik__kraya{grid-template-columns:1fr;gap:12px}
  .ebs-plashka{padding:30px 0 34px;margin-top:40px}
  .ebs-dalee__set{grid-template-columns:repeat(2,1fr)}
  .ebs-podval__set{grid-template-columns:1fr}
  .ebs-kuki__knopki{margin-left:0;width:100%}
  .ebs-kuki button{flex:1 1 auto}
}

/* ================================================== 15. 420 — узкий телефон */
@media (max-width:420px){
  .ebs-etiketka__imya{font-size:21px}
  .ebs-stend__set{grid-template-columns:1fr}
  .ebs-polka--8,.ebs-polka--6,.ebs-polka--4,.ebs-polka--3{grid-template-columns:1fr}
  /* ⛔ полка ТОВАРОВ в один столбец не сворачивается: кадр донора шириной
     211px растягивается на 356px (k=1.69) и мылит — R17. Два столбца по
     ~171px держат кадр в его собственном размере */
  .ebs-polka--tovary,.ebs-dalee__set{grid-template-columns:repeat(2,1fr)}
  .ebs-stend__lid{display:block}
  .ebs-mast__fakty dl{gap:14px}
  .ebs-mast__fakty dd{font-size:17px}
}

@media print{
  .ebs-ryadnav,.ebs-kuki,.ebs-burger__knopka,.ebs-dalee{display:none}
  body{background:#fff}
}