/* Наличие и цена: отдельный файл, подключается только на страницах с блоком или подписями. Без витрины страница и её адрес стиля те же, байт в байт. */
/* Карточка: выбранный город — чёрная лента как у поиска, цена жёлтым; остальные — обычный белый список */
.nal { background: var(--paper); padding: 18px 22px; display: grid; gap: 12px; min-width: 0; }
.nal-vybor { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font-size: 15px; color: var(--muted); }
.nal-vybor .citybtn { color: var(--ink); }
.nal-tut { background: var(--black); color: #fff; padding: 12px 18px; display: grid; gap: 6px; }
.nal-tut .nal-str { grid-template-columns: minmax(0, 1fr) auto minmax(110px, auto); gap: 2px 16px; padding: 0; border: 0; }
.nal-tut .nal-g { font-size: 22px; font-weight: 800; line-height: 1.2; }
.nal-tut .nal-zag .nal-g { padding-bottom: 2px; }
.nal-tut .nal-vl .nal-g { font-size: 16px; font-weight: 500; padding-left: 0; color: var(--on-black); }
.nal-tut .nal-o, .nal-tut .nal-o.bolshe { font-size: 16px; font-weight: 500; color: #fff; }
.nal-tut .nal-c { font-size: 26px; font-weight: 800; line-height: 1.15; color: var(--yellow); }
.nal-net { background: var(--yellow-soft); padding: 12px 18px; font-size: 18px; font-weight: 700; line-height: 1.25; }
.nal-pod { font-size: 14px; font-weight: 700; color: var(--muted); }
.nal-str { display: grid; grid-template-columns: minmax(0, 1fr) 110px 110px; gap: 2px 12px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid #e6e8e9; }
.nal-zag { grid-template-columns: minmax(0, 1fr); padding-bottom: 0; border-bottom: 0; }
.nal-vl .nal-g { padding-left: 14px; font-weight: 400; color: var(--muted); font-size: 15px; }
.nal-g { font-weight: 500; min-width: 0; overflow-wrap: anywhere; }
.nal-o { font-size: 14px; color: var(--muted); }
.nal-o.bolshe { color: var(--ink); font-weight: 500; }
.nal-c { font-weight: 700; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.nal-c.net-ceny { font-size: 13px; font-weight: 400; color: var(--muted); white-space: normal; }
.nal-esche summary { padding: 10px 0 2px; font-weight: 600; cursor: pointer; }
.nal-esche summary:hover { color: var(--red); }
.nal-data { font-size: 13px; line-height: 1.35; color: var(--muted); }

/* Строка списка: подпись наличия рядом с брендом, ярусами — как у обычной строки в sajt.css */
.row.s-nal { grid-template-columns: minmax(0, 170px) minmax(0, 1fr) 100px 170px auto; }
.r-nal { font-size: 14px; line-height: 1.3; color: var(--muted); }
.r-nal:empty, .row.s-nal > span:last-child:empty { display: none; }
.r-nal b { font-weight: 700; color: var(--ink); white-space: nowrap; }
.r-nal.tut { color: var(--ink); font-weight: 500; }
.r-nal.tut b { background: var(--yellow); padding: 0 4px; }
.row.s-nal .r-nal { grid-area: nal; }
.row.s-nal { grid-template-areas: "num name brand nal add"; }
.row.s-nal .r-num { grid-area: num; }
.row.s-nal .r-name { grid-area: name; }
.row.s-nal .r-brand { grid-area: brand; }
.row.s-nal .add { grid-area: add; }
@media (min-width: 1001px) and (max-width: 1180px) {
  body:not(.bez-formy) .row.s-nal { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "num add" "name name" "brand brand" "nal nal"; }
}
@media (max-width: 1000px) {
  .row.s-nal { grid-template-columns: minmax(0, 200px) minmax(0, 1fr) auto; grid-template-areas: "num name add" "num brand add" "num nal add"; }
}
@media (max-width: 720px) {
  .row.s-nal { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "num add" "name name" "brand brand" "nal nal"; }
  .nal { padding: 14px 16px; }
  .nal-tut { padding: 12px 14px; }
  .nal-tut .nal-str { grid-template-columns: minmax(0, 1fr) auto; }
  .nal-tut .nal-g { grid-column: 1 / -1; font-size: 20px; }
  .nal-tut .nal-zag { grid-template-columns: minmax(0, 1fr); }
  .nal-tut .nal-c { font-size: 22px; }
  .nal-str { grid-template-columns: minmax(0, 1fr) 92px 84px; gap: 2px 8px; }
  .nal-o { font-size: 13px; }
}