/* ЭМИНЕССА — страница прайс-листа.

   Здесь та же таблица сортамента, что и в разделе каталога (её стили живут
   в catalog.css и привязаны к .bx_catalog_list_home), плюс вступление,
   выбор раздела и ссылка на файл.

   Что изменено против шаблона:
   1. Плашка про оптовые скидки лежала на фотографии города с красным значком «i».
      Фотография ни о чём не говорила и мешала читать — стала графитовой карточкой,
      как остальные тёмные блоки сайта.
   2. Список видов проката шёл в один столбец на одиннадцать строк — разбит на две колонки.
   3. Выпадающий список раздела был серым полем без границы; приведён к тем же полям,
      что и поиск в шапке: белое поле, граница, своя стрелка. */

.price-list-page-container {
  font-size: 15.5px;
  font-weight: 400;
  line-height: 26px;
  color: #3C4551;
  max-width: 980px;
}

.price-list-page-container ul {
  column-count: 2;
  column-gap: 40px;
  margin: 0 0 34px;
}
.price-list-page-container ul li {
  break-inside: avoid;
  padding: 3px 0;
  color: #3C4551;
}
.price-list-page-container ul li:before { margin-right: 12px; }

/* ------------------------------------------------------- плашка про опт */
.pricelist-important {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin: 0 0 40px;
  padding: 22px 26px 24px;
  background: #1E232A;
  border-radius: 10px;
  font-size: 14.5px;
  line-height: 22px;
  color: #A7B0BB;
}
.pricelist-important i { display: none; }   /* фотография города к делу не относилась */
.pricelist-important-body p:first-child {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  color: #fff;
  padding-bottom: 6px;
}
.pricelist-important-body a { color: #E2734F; font-weight: 700; }
.pricelist-important-body a:hover { color: #fff; text-decoration: none; }

/* ------------------------------------------------ выбор раздела и файл прайса */
.price-list-select-wrapper { align-items: stretch; margin-bottom: 34px; gap: 20px; }

.price-category-select {
  width: 460px;
  padding: 0 44px 0 18px;
  height: 52px;
  background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E232A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center / 16px 16px;
  border: 1px solid #E4E8ED;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  color: #1E232A;
}
.price-category-select:focus-visible { outline: 2px solid #B8321C; outline-offset: 2px; }

.price-list-link {
  align-items: center;
  gap: 14px;
  padding: 0 22px;
  background: #fff;
  border: 1px solid #E4E8ED;
  border-radius: 10px;
  transition: border-color .16s ease;
}
.price-list-link:hover { border-color: #B8321C; }
.price-list-link i { width: 34px; height: 40px; background-size: 22px auto; }
.price-link-body p { margin: 0; font-size: 15px; font-weight: 700; color: #1E232A; }
.price-link-body p:last-child { margin-top: 3px; font-size: 12.5px; font-weight: 500; color: #8A94A0; }

@media only screen and (max-width: 767px) {
  .price-list-page-container { font-size: 14.5px; line-height: 23px; }
  .price-list-page-container ul { column-count: 1; margin-bottom: 22px; }
  .pricelist-important {
    display: block;
    margin-bottom: 26px;
    padding: 18px;
    background-color: #1E232A;
  }
  .pricelist-important-body p:first-child { font-size: 16px; line-height: 23px; }
  .price-category-select { width: 100%; }
  .price-list-link { padding: 14px 18px; }
}

/* ------------------------------------------------- что внутри файла прайса */
.price-extra {
  max-width: 860px;
  margin: 0 0 36px;
  padding: 22px 26px 24px;
  background: #fff;
  border: 1px solid #E4E8ED;
  border-radius: 10px;
}
.price-extra h2 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 800;
  letter-spacing: -.015em;
  color: #1E232A;
}
.price-extra p { margin: 0 0 12px; font-size: 15px; line-height: 24px; color: #3C4551; }
.price-extra p:last-child { margin-bottom: 0; }
.price-extra b { color: #1E232A; font-weight: 800; }
.price-extra ul.price-extra-list {
  column-count: 1;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  border-top: 1px solid #EEF1F4;
}
.price-extra ul.price-extra-list li {
  padding: 11px 0;
  border-bottom: 1px solid #EEF1F4;
  font-size: 14.5px;
  line-height: 22px;
  color: #3C4551;
}
.price-extra ul.price-extra-list li:before { display: none; }

@media only screen and (max-width: 767px) {
  .price-extra { margin: 0 15px 26px; padding: 18px; }
  .price-extra h2 { font-size: 18px; }
}