

/* Start:/local/templates/.default/components/bitrix/catalog.section/slider_five/style.css?17865214452322*/
/* Стрелки прокрутки в блоках книг на странице автора/переводчика. 06.08.2026.

   Было: пара стрелок стояла НАД рядом, справа, у заголовка (.proj .slick-arrow
   с отрицательным top). При 30 книгах это неудобно — неочевидно, что список
   листается, и до стрелок надо тянуться вверх, а не к самому ряду.

   Стало: стрелки по бокам ряда, вертикально по центру. Вид взят готовый —
   такой же, как у слайдера .owl в теме (круг #eef2f6, синяя стрелка, при
   наведении заливка синим).

   Почему стрелки ВНУТРИ края ряда, а не снаружи, как у .owl:
   ряд ограничен 1340px по центру, боковое поле = (ширина окна - 1340) / 2.
   Стрелка 47px помещается в поле только при окне шире ~1434px — на 1366 и 1400
   (обычные ноутбуки) её бы обрезало. Замерено на dev по 13 ширинам.
   Поэтому кладём внутрь с лёгкой тенью, чтобы читалась поверх обложки.

   Ограничено .author-books, поэтому тот же слайдер slider_five на главной
   (include/index/sections.php) и в «Похожих книгах» (include/catalog/detail/similar.php)
   остаётся как был. Специфичность 0,3,0 — перебивает и .proj .slick-prev,
   и .proj_five .slick-prev (обе 0,2,0) независимо от порядка файлов в сборке. */

.author-books .proj_five .slick-arrow {
  top: 50%;
  z-index: 2;
  -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, .18);
  box-shadow: 0 0 .5rem rgba(0, 0, 0, .18);
}

.author-books .proj_five .slick-prev {
  left: 0;
  right: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.author-books .proj_five .slick-next {
  left: auto;
  right: 0;
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%);
}

/* End */
/* /local/templates/.default/components/bitrix/catalog.section/slider_five/style.css?17865214452322 */
