/* ======================================================================
   booksmarket — оформление «А», первый этап: шапка, меню, подвал.

   Лист подключается только при ?skin=a (см. f.php) и идёт последним,
   после s.css и после Bootstrap. Всё, что здесь есть, ограничено
   либо телом с классом skin-a, либо собственными классами с приставкой
   a-, которых больше нигде в проекте нет. Содержимое страниц этот лист
   пока не трогает: середина и левая колонка остаются в прежнем виде,
   их очередь следующая.

   Цвета — те же шесть, что на листе компонентов:
     #1F1C18 текст          #6B6355 приглушённый
     #557D03 действие       #3F5C02 наведение
     #B35400 внимание       #FBFAF8 бумага
     #FFFFFF поверхность    #E6E1D6 линия
   Скругление везде 3px.
   ====================================================================== */

/* --- начертания ------------------------------------------------------
   Обычное и полужирное нарезаны из одного исходника (переменный Open
   Sans из репозитория Google Fonts, лицензия OFL). Раньше на сайте
   лежало только обычное, и всё полужирное браузер подделывал сам.

   Диапазоны те же, что у s.css, кроме U+20BD: знака рубля нет ни в
   старом файле, ни в нынешнем Open Sans, поэтому объявлять его —
   значит заставлять браузер качать файл ради глифа, которого там нет.
   Цену на сайте сейчас рисует картинка /m/rub.png, это отдельный
   разговор при переборке карточек. */
@font-face{
	font-family:'OpenSansA';
	src:url('/fonts/opensans-a-400.woff2') format('woff2');
	font-weight:400; font-style:normal; font-display:swap;
	unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
	              U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
	              U+0400-045F, U+0490-0491, U+2000-206F, U+20AC,
	              U+2116, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
	font-family:'OpenSansA';
	src:url('/fonts/opensans-a-400-ext.woff2') format('woff2');
	font-weight:400; font-style:normal; font-display:swap;
	unicode-range:U+0460-048F, U+0492-052F;
}
@font-face{
	font-family:'OpenSansA';
	src:url('/fonts/opensans-a-600.woff2') format('woff2');
	font-weight:600; font-style:normal; font-display:swap;
	unicode-range:U+0000-00FF, U+0100-017F, U+0192, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
	              U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
	              U+0400-045F, U+0490-0491, U+2000-206F, U+20AC,
	              U+2116, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
	font-family:'OpenSansA';
	src:url('/fonts/opensans-a-600-ext.woff2') format('woff2');
	font-weight:600; font-style:normal; font-display:swap;
	unicode-range:U+0460-048F, U+0492-052F;
}

/* --- земля -----------------------------------------------------------
   Фоновая плитка /m/tile.gif убрана: она даёт серо-голубую полосу
   сверху, которая с новой шапкой ни с чем не соотносится. */
body.skin-a{
	background:#FBFAF8;
	color:#1F1C18;
	font-family:'OpenSansA',"Helvetica Neue",Arial,sans-serif;
}
body.skin-a .container{padding-top:18px}
body.skin-a .container .row.main{
	background:#FFFFFF;
	padding:0;
	border:1px solid #E6E1D6;
	border-radius:3px;
}
/* разворот страницы — ниже, в разделе про каталог: колонки там становятся
   обычным flex вместо сетки Bootstrap */

/* Гарнитура. Сброс в s.css прописывает font-family почти каждому тегу
   поимённо, поэтому перечисляем теги и мы — иначе половина страницы
   осталась бы на старом файле, и браузер качал бы обе пары начертаний.
   Список намеренно без универсального «*»: под него попали бы значки
   Bootstrap, а они рисуются собственным шрифтом. */
body.skin-a, body.skin-a div, body.skin-a span, body.skin-a p, body.skin-a a,
body.skin-a h1, body.skin-a h2, body.skin-a h3, body.skin-a h4, body.skin-a h5, body.skin-a h6,
body.skin-a ul, body.skin-a ol, body.skin-a li, body.skin-a dl, body.skin-a dt, body.skin-a dd,
body.skin-a table, body.skin-a caption, body.skin-a thead, body.skin-a tbody,
body.skin-a tr, body.skin-a th, body.skin-a td,
body.skin-a label, body.skin-a legend, body.skin-a small, body.skin-a b, body.skin-a strong,
body.skin-a i, body.skin-a em, body.skin-a u, body.skin-a blockquote,
body.skin-a input, body.skin-a select, body.skin-a textarea, body.skin-a button, body.skin-a option{
	font-family:'OpenSansA',"Helvetica Neue",Arial,sans-serif;
}
/* значки Bootstrap остаются на своём шрифте */
body.skin-a .glyphicon{font-family:'Glyphicons Halflings'}

/* Красная строка. В s.css у каждого абзаца text-indent:1.5em — приём
   из бумажной книги, который в вебе делает левый край рваным, а тексты
   здесь короткие и разбиты заголовками. Межстрочный интервал поднят
   с 1,5 до 1,6: при 14 пунктах это разница между «плотно» и «читается». */
body.skin-a p{text-indent:0; line-height:1.6}
body.skin-a h1.page_head{
	font-size:26px; font-weight:600; letter-spacing:-.015em;
	color:#1F1C18; margin:0 0 14px; line-height:1.2;
}
body.skin-a .a-wrap{max-width:1180px; margin:0 auto; padding:0 22px}

/* --- полоска-выход ---------------------------------------------------
   Живёт вне контейнера, во всю ширину: это служебная плашка, а не часть
   оформления, и она должна читаться именно так. */
body.skin-a .a-switch{
	background:#FDF6EE;
	border-bottom:1px solid #F0DCC6;
	color:#8A5A20;
	font-size:13px;
	line-height:1.4;
}
body.skin-a .a-switch .a-wrap{padding-top:6px; padding-bottom:6px; text-align:center}
/* 24 точки по высоте — то же требование к целям нажатия, что и на всём
   остальном сайте; без этого ссылка выходила 19 точек */
body.skin-a .a-switch a{
	color:#B35400; text-decoration:underline; white-space:nowrap;
	display:inline-block; padding:3px 0; min-height:24px; line-height:18px;
}
body.skin-a .a-switch a:hover{color:#8A4200}

/* --- личные ссылки ---------------------------------------------------
   Верхняя тонкая полоса. Здесь всё, что относится к посетителю лично:
   не навигация по магазину, поэтому и кегль меньше, и цвет тише. */
body.skin-a .a-account{
	background:#FBFAF8;
	border-bottom:1px solid #E6E1D6;
	font-size:13px;
	border-radius:3px 3px 0 0;
}
body.skin-a .a-account .a-wrap{
	display:flex; flex-wrap:wrap; justify-content:flex-end;
	gap:4px 20px; padding-top:6px; padding-bottom:6px;
}
body.skin-a .a-account a{
	color:#6B6355; text-decoration:none;
	display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-account a:hover{color:#1F1C18; text-decoration:underline}

/* --- шапка -----------------------------------------------------------
   Знак, поиск и корзина в одну строку. Поиск занимает середину и
   растягивается: это главный инструмент магазина, где полторы тысячи
   книг, и прятать его в угол незачем. */
body.skin-a .a-head{background:#FFFFFF; border-bottom:1px solid #E6E1D6}
body.skin-a .a-head .a-wrap{
	display:flex; align-items:center; gap:26px;
	padding-top:15px; padding-bottom:15px;
}
body.skin-a .a-logo{
	display:flex; align-items:center; gap:10px;
	flex:0 0 auto; text-decoration:none;
}
body.skin-a .a-logo span{
	font-size:21px; font-weight:600; letter-spacing:-.02em;
	color:#1F1C18; line-height:1;
}
body.skin-a .a-logo:hover span{color:#557D03}
body.skin-a .a-logo svg{display:block; flex:0 0 auto}

body.skin-a .a-search{flex:1 1 auto; display:flex; max-width:520px; margin:0}
body.skin-a .a-search input{
	flex:1 1 auto; min-width:0; width:100%;
	border:1px solid #C6BFAF; border-right:0; border-radius:3px 0 0 3px;
	padding:9px 12px; font-size:14px; color:#1F1C18; background:#FFFFFF;
	-webkit-appearance:none; appearance:none; box-shadow:none;
}
body.skin-a .a-search input::-webkit-input-placeholder{color:#A69E90}
body.skin-a .a-search input::placeholder{color:#A69E90}
body.skin-a .a-search input:focus{
	outline:2px solid #557D03; outline-offset:-2px; border-color:#557D03;
}
body.skin-a .a-search button{
	flex:0 0 auto; border:0; background:#557D03; color:#FFFFFF;
	font-size:14px; font-weight:600; padding:0 18px;
	border-radius:0 3px 3px 0; cursor:pointer;
}
body.skin-a .a-search button:hover{background:#3F5C02}
body.skin-a .a-search button:focus{outline:2px solid #1F1C18; outline-offset:-2px}

body.skin-a .a-cart{position:relative; flex:0 0 auto}
body.skin-a .a-cart>a{
	display:flex; align-items:center; gap:8px;
	border:1px solid #E6E1D6; border-radius:3px; padding:7px 14px;
	color:#1F1C18; text-decoration:none; font-size:14px; line-height:22px;
}
body.skin-a .a-cart>a:hover{border-color:#557D03; color:#557D03}
body.skin-a .a-cart svg{display:block; flex:0 0 auto}
body.skin-a .a-cart .basket_count{
	background:#557D03; color:#FFFFFF; border-radius:9px;
	min-width:20px; padding:0 6px; font-size:12px; font-weight:600;
	line-height:18px; text-align:center;
}
/* выпадающий список корзины остаётся бутстраповским — он работает;
   меняется только рамка и тени, чтобы не спорить с новой шапкой */
body.skin-a .a-cart .dropdown-menu{
	border:1px solid #E6E1D6; border-radius:3px; box-shadow:0 6px 20px rgba(31,28,24,.10);
	margin-top:6px; padding:6px 0;
}
body.skin-a .a-cart .dropdown-menu a{color:#557D03}
body.skin-a .a-cart .dropdown-menu .divider{background:#E6E1D6}

/* --- меню ------------------------------------------------------------
   Текущий раздел отмечен зелёной чертой снизу и полужирным. Раньше он
   отмечался серой заливкой пункта — от неё меню выглядело как набор
   кнопок, хотя это оглавление. */
body.skin-a .a-nav{background:#FFFFFF; border-bottom:1px solid #E6E1D6}
body.skin-a .a-nav .a-wrap{display:flex; gap:28px}
body.skin-a .a-nav a{
	display:inline-block; padding:12px 0; margin-bottom:-1px;
	color:#1F1C18; text-decoration:none; font-size:14.5px; line-height:20px;
	border-bottom:2px solid transparent;
}
body.skin-a .a-nav a:hover{color:#557D03}
body.skin-a .a-nav a.current{font-weight:600; border-bottom-color:#557D03}

/* --- подвал ----------------------------------------------------------
   Четыре столбца вместо трёх и отдельной строки с копирайтом. Набор
   ссылок прежний, до единой. */
body.skin-a .a-foot{
	background:#FFFFFF; border-top:1px solid #E6E1D6;
	margin-top:8px; padding-top:34px;
}
body.skin-a .a-foot .a-wrap{display:flex; gap:36px; align-items:flex-start; flex-wrap:wrap}
body.skin-a .a-foot-col{flex:1 1 190px; display:flex; flex-direction:column}
body.skin-a .a-foot-cap{
	font-size:11.5px; letter-spacing:.12em; text-transform:uppercase;
	color:#9A9384; font-weight:600; margin-bottom:10px;
}
body.skin-a .a-foot-cap2{margin-top:18px}
body.skin-a .a-foot-col a{
	color:#4A4438; text-decoration:none; font-size:13.5px;
	display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-foot-col a:hover{color:#557D03; text-decoration:underline}
body.skin-a .a-foot .payments{margin-top:4px}
body.skin-a .a-foot .payments div{margin:0 8px 8px 0}
body.skin-a .a-foot .clear{clear:both}
body.skin-a .a-foot-bottom{
	display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 24px;
	border-top:1px solid #F0ECE3; margin-top:26px;
	padding-top:16px; padding-bottom:22px;
	font-size:12.5px; color:#9A9384;
}
body.skin-a .a-foot-bottom a{color:#6B6355; text-decoration:underline; display:inline-block; min-height:24px; line-height:24px}
body.skin-a .a-foot-bottom a:hover{color:#557D03}

/* --- телефон ---------------------------------------------------------
   Меню не прячется под кнопку, а прокручивается вбок: шесть пунктов
   помещаются в две трети экрана, и прятать их за нажатие значит
   добавлять шаг там, где он не нужен. Все цели нажатия не меньше
   24 точек по высоте — то же требование, что уже выполнено на сайте. */
@media (max-width:767px){
	body.skin-a .container{padding-top:0; padding-left:0; padding-right:0}
	body.skin-a .container .row.main{border-left:0; border-right:0; border-radius:0}
	body.skin-a .a-wrap{padding:0 16px}

	body.skin-a .a-head .a-wrap{flex-wrap:wrap; gap:12px 14px}
	body.skin-a .a-logo{flex:1 1 auto}
	body.skin-a .a-cart{order:2}
	body.skin-a .a-cart-label{display:none}
	body.skin-a .a-search{order:3; flex:1 1 100%; max-width:none}

	body.skin-a .a-nav .a-wrap{
		gap:22px; overflow-x:auto; white-space:nowrap;
		-webkit-overflow-scrolling:touch;
	}
	body.skin-a .a-account .a-wrap{justify-content:center; gap:2px 16px}

	body.skin-a .a-foot .a-wrap{gap:22px}
	body.skin-a .a-foot-col{flex:1 1 42%}
	body.skin-a .a-foot-bottom{justify-content:flex-start}
}

/* --- мелочи, которые иначе спорят с новым листом --------------------- */
/* .fr a задан белым под цветной плашкой; перекрывать его нечем,
   поэтому просто оставляем как есть */
body.skin-a .fr a{color:#FFFFFF}
/* прилипающее меню из js.js ищет nav.navbar — в новом оформлении такого
   узла нет, и обработчик теперь сам это проверяет (см. c/js.js) */

/* ======================================================================
   Каталог: разворот страницы, левая колонка, карточка книги.
   Карточка одна на весь сайт — она же в каталоге, в жанре, у автора,
   в корзине и в блоках главной, поэтому правила ниже действуют всюду,
   где встречается .search_result.
   ====================================================================== */

/* --- разворот --------------------------------------------------------
   В старом оформлении колонки держит сетка Bootstrap: aside и main
   плавают и меряются в процентах. В новом это обычный flex, поэтому
   у main приходится снимать float и ширину, заданные классами col-*. */
body.skin-a .row.content{
	display:flex; gap:32px; align-items:flex-start;
	max-width:1180px; margin:0 auto; padding:26px 22px 8px;
}
/* 2026-09-14: у .row в Bootstrap есть псевдоэлементы-распорки для
   обтекания (::before и ::after с display:table). Во flex-контейнере они
   становятся пустыми элементами сетки и получают свой gap: на телефоне
   это лишние 24 точки над содержимым, на большом экране — 32 точки слева
   от левой колонки. Обтекания здесь нет, распорки не нужны. */
body.skin-a .row.content::before, body.skin-a .row.content::after{display:none}
body.skin-a .row.content > main{
	flex:1 1 auto; min-width:0; width:auto; float:none; padding:0;
	/* у main остаётся класс center_left, а s.css ниже 992 точек делает
	   ему text-align:center — на телефоне по центру оказывался весь
	   текст страницы, включая заголовок и строку «1524 книги» */
	text-align:left;
}
body.skin-a .a-side{
	flex:0 0 212px; width:212px;
	display:flex; flex-direction:column; gap:20px;
}

/* --- блоки левой колонки --------------------------------------------- */
body.skin-a .a-side-block{
	border:1px solid #E6E1D6; border-radius:3px; background:#FFFFFF; padding:16px;
}
body.skin-a .a-side-cap{
	font-size:12px; letter-spacing:.07em; text-transform:uppercase;
	color:#6B6355; font-weight:600; margin-bottom:12px;
}
body.skin-a .a-side-cap a{color:#6B6355; text-decoration:none}
body.skin-a .a-side-cap a:hover{color:#557D03}

body.skin-a .a-side-promo{
	display:flex; gap:14px; align-items:center;
	background:#F3F6EA; border-color:#DCE6C4;
}
body.skin-a .a-side-promo-num{
	font-size:26px; font-weight:600; color:#557D03;
	letter-spacing:-.02em; flex:0 0 auto; line-height:1;
}
body.skin-a .a-side-promo-text{font-size:12.5px; line-height:1.45; color:#4A4438}

body.skin-a .a-side-news .block-content{padding:0; color:inherit}
body.skin-a .a-side-news a{
	color:#1F1C18; text-decoration:none; font-size:13.5px; line-height:1.35;
	display:inline-block; min-height:24px;
}
body.skin-a .a-side-news a:hover{color:#557D03; text-decoration:underline}
body.skin-a .a-side-news div{padding-bottom:7px}

/* Подборка приезжает тем же скриптом, что и на чужих сайтах, и первым
   пунктом вставляет наш собственный логотип — здесь он ни к чему. */
body.skin-a .a-side-poll .bm_book{width:auto}
body.skin-a .a-side-poll .bm_book li:first-child{display:none}
body.skin-a .a-side-poll .bm_book li{padding:0 0 14px}
body.skin-a .a-side-poll .bm_book img{
	width:100%; height:auto; border:1px solid #E6E1D6; border-radius:3px;
	display:block; margin-bottom:7px;
}
body.skin-a .a-side-poll .bm_book a{
	color:#1F1C18; text-decoration:none; font-size:13.5px; font-weight:600; line-height:1.3;
	display:inline-block; min-height:24px;
}
body.skin-a .a-side-poll .bm_book a:hover{color:#557D03}
body.skin-a .a-side-poll .bm_book div{font-size:12.5px; color:#6B6355; line-height:1.4}

body.skin-a .a-side-partner{font-size:12.5px; color:#9A9384; line-height:1.5}
body.skin-a .a-side-partner a{color:#6B6355; text-decoration:underline; display:inline-block; min-height:24px; line-height:24px}

/* авторское и партнёрское меню приходит в то же место, что и фильтр */
body.skin-a .mybook div{padding:1px 0}
body.skin-a .mybook a{
	color:#557D03; text-decoration:none; font-size:14px;
	display:inline-block; min-height:26px; line-height:26px;
}
body.skin-a .mybook a:hover{text-decoration:underline}

/* --- фильтр ----------------------------------------------------------
   Галочки родные, без подмены на значки: accent-color красит их
   фирменным зелёным, и при этом они остаются доступны с клавиатуры
   и понятны программам чтения с экрана. */
body.skin-a .a-filter{display:flex; flex-direction:column; gap:18px}
body.skin-a .a-filter-group{display:flex; flex-direction:column; gap:8px}
body.skin-a .a-filter-cap{
	display:flex; justify-content:space-between; align-items:baseline; gap:8px;
	font-size:12px; letter-spacing:.07em; text-transform:uppercase;
	color:#6B6355; font-weight:600;
}
body.skin-a .a-filter-all{
	display:flex; gap:9px; text-transform:none; letter-spacing:0;
	font-weight:400; font-size:12.5px;
}
/* «всё» — слово из трёх букв, и без запаса по бокам цель нажатия
   выходила 20 точек в ширину при требуемых 24 */
body.skin-a .a-filter-all a{
	color:#557D03; text-decoration:none;
	display:inline-block; min-height:24px; line-height:24px;
	min-width:24px; padding:0 3px; text-align:center;
}
body.skin-a .a-filter-all a:hover{text-decoration:underline}
body.skin-a .a-filter-list{display:flex; flex-direction:column; font-size:14px}
body.skin-a .a-filter-list label{
	display:flex; align-items:center; gap:9px;
	padding:3px 0; min-height:28px; line-height:1.3;
	color:#1F1C18; cursor:pointer;
}
body.skin-a .a-filter-list label:hover{color:#557D03}
body.skin-a .a-filter-list input[type=checkbox]{
	width:16px; height:16px; flex:0 0 16px; margin:0; accent-color:#557D03;
}
body.skin-a .a-filter-list i{
	font-style:normal; color:#9A9384; font-size:12.5px;
	margin-left:auto; padding-left:8px;
}
body.skin-a .a-filter-more{display:flex; flex-direction:column}
body.skin-a .a-filter-more summary{
	cursor:pointer; color:#557D03; font-size:13px;
	padding:5px 0; min-height:24px; list-style:none;
}
body.skin-a .a-filter-more summary::-webkit-details-marker{display:none}
body.skin-a .a-filter-more summary::before{content:"+ "}
body.skin-a .a-filter-more[open] summary::before{content:"\2212 "}
body.skin-a .a-filter-note{
	font-size:12.5px; line-height:1.5; color:#9A9384;
	margin:2px 0 0; padding:0; text-indent:0;
}
body.skin-a .a-filter-go{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
body.skin-a .a-filter-go button{
	border:0; background:#557D03; color:#FFFFFF; font-size:14px; font-weight:600;
	padding:9px 18px; border-radius:3px; cursor:pointer; min-height:36px;
}
body.skin-a .a-filter-go button:hover{background:#3F5C02}
body.skin-a .a-filter-reset{
	font-size:13px; color:#6B6355; text-decoration:underline;
	display:inline-block; min-height:24px; line-height:24px;
}

/* --- заголовок списка и сортировка ----------------------------------- */
body.skin-a .a-list + .a-list{margin-top:38px}
body.skin-a .a-list-head{
	display:flex; justify-content:space-between; align-items:baseline;
	gap:18px; flex-wrap:wrap; margin-bottom:12px;
}
body.skin-a .a-list-title{
	font-size:26px; font-weight:600; margin:0;
	letter-spacing:-.015em; color:#1F1C18; line-height:1.2;
}
body.skin-a h2.a-list-title{font-size:20px}
body.skin-a .a-list-title a{color:#1F1C18; text-decoration:none}
body.skin-a .a-list-title a:hover{color:#557D03}
body.skin-a .a-sort{
	display:flex; gap:14px; flex-wrap:wrap; align-items:baseline;
	font-size:13.5px; color:#6B6355;
}
body.skin-a .a-sort a{
	color:#6B6355; text-decoration:none;
	border-bottom:2px solid transparent; padding-bottom:2px;
	display:inline-block; min-height:24px;
}
body.skin-a .a-sort a:hover{color:#1F1C18}
body.skin-a .a-sort a.current{color:#1F1C18; font-weight:600; border-bottom-color:#557D03}
body.skin-a .a-list-intro{font-size:15px; line-height:1.6; color:#4A4438; max-width:70ch; margin-bottom:16px}
body.skin-a .a-list-intro p{text-indent:0; padding-bottom:8px}
body.skin-a .a-list-intro p:last-child{padding-bottom:0}
body.skin-a .a-list-count{font-size:13.5px; color:#6B6355; margin-bottom:18px}
body.skin-a .a-list-empty{text-indent:0; font-size:15px; line-height:1.6; color:#4A4438}

/* --- сетка карточек --------------------------------------------------- */
body.skin-a .search_result{
	display:grid; grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:28px 22px; margin:0;
}
body.skin-a .a-card{display:flex; flex-direction:column; gap:7px; min-width:0}
body.skin-a .a-card-cover{
	position:relative; display:block; overflow:hidden;
	border:1px solid #E6E1D6; border-radius:3px; background:#EFEAE0;
	aspect-ratio:168 / 230;
}
body.skin-a .a-card-cover picture{display:block; width:100%; height:100%}
body.skin-a .a-card-cover img{width:100%; height:100%; object-fit:contain; display:block}
body.skin-a .a-card-cover:hover{border-color:#C6BFAF}

/* Значок на обложке один. Зелёный тут не действие, а цена, поэтому он
   выворотный: сплошным зелёным в системе залиты только кнопки. */
body.skin-a .a-badge{
	position:absolute; top:8px; right:8px;
	font-size:11px; font-weight:600; line-height:16px;
	padding:2px 7px; border-radius:2px; white-space:nowrap;
}
body.skin-a .a-badge-free{background:#FFFFFF; border:1px solid #C9D9A6; color:#557D03}
body.skin-a .a-badge-best{background:#1F1C18; color:#FBFAF8}
body.skin-a .a-badge-hit{background:#B35400; color:#FFFFFF}
body.skin-a .a-badge-video{
	position:absolute; left:8px; bottom:8px;
	display:inline-flex; align-items:center; gap:4px;
	background:rgba(31,28,24,.78); color:#FBFAF8;
	font-size:10.5px; line-height:14px; padding:2px 6px; border-radius:2px;
}

body.skin-a .a-card-name{margin:0; font-size:14px; font-weight:600; line-height:1.35}
/* min-height — ради цели нажатия: у названия в одну строку бокс выходил
   19 точек, а требование к ссылкам на сайте — не меньше 24 */
body.skin-a .a-card-name a{
	color:#1F1C18; text-decoration:none; min-height:24px;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
body.skin-a .a-card-name a:hover{color:#557D03}
body.skin-a .a-card-author{
	font-size:13px; color:#6B6355; line-height:1.4;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.skin-a .a-card-foot{
	display:flex; align-items:center; justify-content:space-between;
	gap:8px; margin-top:auto; padding-top:2px;
}
body.skin-a .a-card-price{font-size:15px; font-weight:600; color:#1F1C18; white-space:nowrap}
body.skin-a .a-card-price.is-free{color:#557D03}
/* знака рубля в Open Sans нет — на сайте это картинка; подгоняем её
   под кегль цены, раньше она была жёстко 14 на 18 */
body.skin-a .a-card-price .rub{height:13px; width:auto; margin:0 0 -1px 1px}
body.skin-a .a-card-buy{
	flex:0 0 auto; display:inline-flex; align-items:center;
	border:1px solid #557D03; border-radius:3px; background:#FFFFFF;
	color:#557D03; font-size:12.5px; font-weight:600; text-decoration:none;
	padding:5px 11px; line-height:16px; min-height:28px;
}
body.skin-a .a-card-buy:hover{background:#557D03; color:#FFFFFF; text-decoration:none}
body.skin-a .a-card-buy.is-in{border-color:#C6BFAF; color:#6B6355}
body.skin-a .a-card-buy.is-in:hover{background:#F2EFE6; color:#1F1C18}

/* --- постраничник ----------------------------------------------------- */
body.skin-a .pager a, body.skin-a .pager strong, body.skin-a .pager span{
	display:inline-block; min-width:36px; min-height:36px; line-height:34px;
	padding:0 12px; border-radius:3px; font-size:14px; font-weight:400;
	text-decoration:none; vertical-align:middle;
}
body.skin-a .pager a{border:1px solid #E6E1D6; background:#FFFFFF; color:#1F1C18}
body.skin-a .pager a:hover{border-color:#557D03; color:#557D03}
body.skin-a .pager strong{background:#557D03; color:#FFFFFF; font-weight:600}
body.skin-a .pager span{color:#9A9384; min-width:0; padding:0 2px}

/* --- узкие экраны ----------------------------------------------------- */
@media (max-width:1100px){
	body.skin-a .search_result{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (max-width:860px){
	body.skin-a .search_result{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width:767px){
	/* на телефоне сначала книги, потом фильтр: список — то, зачем
	   человек пришёл, а фильтр в развёрнутом виде занял бы весь экран */
	body.skin-a .row.content{flex-direction:column; gap:24px; padding:18px 16px 8px}
	body.skin-a .a-side{order:2; flex:1 1 auto; width:100%}
	body.skin-a .a-card-buy{min-height:32px; padding:7px 12px}
	body.skin-a .a-list-title{font-size:22px}
	body.skin-a h2.a-list-title{font-size:18px}
	body.skin-a .pager a, body.skin-a .pager strong{min-width:40px; min-height:40px; line-height:38px}
}

/* ======================================================================
   Страница книги. Две колонки, как и было: обложка слева, всё остальное
   справа. Главное на странице — цена и кнопка, они в отдельной карточке
   .a-buy; фрагмент, аннотация, вопросы, отзывы и подборки идут ниже
   в порядке, в котором о них обычно спрашивают.
   ====================================================================== */

body.skin-a .a-crumbs{
	display:flex; flex-wrap:wrap; gap:2px 8px; list-style:none;
	margin:0 0 14px; padding:0; font-size:12.5px; color:#6B6355;
}
body.skin-a .a-crumbs li{display:flex; gap:8px; align-items:center; min-width:0}
body.skin-a .a-crumbs li + li::before{content:"/"; color:#B7B0A1}
body.skin-a .a-crumbs a{
	color:#557D03; text-decoration:none;
	display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-crumbs a:hover{text-decoration:underline}
body.skin-a .a-crumbs li[aria-current]{
	color:#9A9384; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:46ch;
}
body.skin-a .a-book-where{font-size:13px; color:#6B6355; margin-bottom:6px}
body.skin-a .a-book-where a{color:#557D03; text-decoration:none}
body.skin-a .a-book-title{
	font-size:28px; line-height:1.22; font-weight:600; letter-spacing:-.015em;
	margin:0 0 22px; max-width:32ch; color:#1F1C18;
}

body.skin-a .a-book-body{display:flex; gap:36px; align-items:flex-start}
body.skin-a .a-book-cover{
	flex:0 0 250px; width:250px;
	display:flex; flex-direction:column; gap:12px;
}
body.skin-a .a-book-cover picture{
	display:block; border:1px solid #E6E1D6; border-radius:3px;
	overflow:hidden; background:#EFEAE0; line-height:0;
}
body.skin-a .a-book-cover img{width:100%; height:auto; display:block}
body.skin-a .a-tags{display:flex; flex-wrap:wrap; gap:6px}
body.skin-a .a-tag{
	font-size:11.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
	border-radius:2px; padding:3px 8px; text-decoration:none;
	display:inline-block; min-height:24px; line-height:18px; border:1px solid transparent;
}
body.skin-a .a-tag-free{color:#557D03; border-color:#C9D9A6; background:#FFFFFF}
body.skin-a .a-tag-best{color:#FBFAF8; background:#1F1C18}
body.skin-a .a-tag-hit{color:#FFFFFF; background:#B35400}
body.skin-a .a-tag-video{color:#1F1C18; border-color:#C6BFAF; background:#FFFFFF; text-transform:none; letter-spacing:0; font-weight:400}
body.skin-a .a-tag:hover{text-decoration:none; opacity:.85}
body.skin-a .a-book-own{font-size:12.5px; color:#9A9384; line-height:1.5}
body.skin-a .a-book-own a{color:#557D03}

body.skin-a .a-book-main{
	flex:1 1 auto; min-width:0;
	display:flex; flex-direction:column; gap:20px;
}
body.skin-a .a-book-facts{
	display:flex; flex-direction:column; gap:5px;
	font-size:15px; color:#6B6355; line-height:1.5;
}
body.skin-a .a-book-facts b{color:#1F1C18; font-weight:600}
body.skin-a .a-book-facts a{
	color:#557D03; text-decoration:none;
	display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-book-facts a:hover{text-decoration:underline}
body.skin-a .a-muted{color:#9A9384}

/* оценка: настоящая средняя из таблицы reiting и число отзывов */
body.skin-a .a-rate{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
body.skin-a .a-stars{display:inline-flex; gap:1px}
body.skin-a .a-stars span{display:block; width:15px; height:15px; color:#DCD6C8}
body.skin-a .a-stars span.is-on{color:#B35400}
body.skin-a .a-stars svg{width:15px; height:15px; display:block; fill:currentColor}
body.skin-a .a-rate-reviews{color:#557D03}
body.skin-a .a-rate-do-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:2px}
/* звёзды идут в обратном порядке (см. шаблон): наведение на одну
   подсвечивает и все «следующие» — то есть стоящие слева от неё */
body.skin-a .a-rate-do{display:inline-flex; flex-direction:row-reverse}
body.skin-a .a-rate-do a{
	display:inline-flex; align-items:center; justify-content:center;
	width:28px; height:28px; min-height:28px; color:#C6BFAF; line-height:0;
}
body.skin-a .a-rate-do a svg{width:18px; height:18px; fill:currentColor}
body.skin-a .a-rate-do a:hover,
body.skin-a .a-rate-do a:hover ~ a{color:#B35400}

/* --- карточка покупки ------------------------------------------------ */
body.skin-a .a-buy{
	border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF;
	padding:20px 22px; display:flex; flex-direction:column; gap:14px; max-width:480px;
}
body.skin-a .a-buy-price{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap}
body.skin-a .a-buy-sum{
	font-size:30px; font-weight:600; letter-spacing:-.02em;
	color:#1F1C18; line-height:1; white-space:nowrap;
}
body.skin-a .a-buy-sum.is-free{color:#557D03; font-size:26px}
/* знака рубля в Open Sans нет; для одной крупной цены берём его из
   системного шрифта, а не растягиваем картинку 14×18 */
body.skin-a .a-rub{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-weight:700}
/* 2026-09-14: сброс в s.css даёт вложенному span кегль 14px, и знак
   выходил вчетверо меньше суммы; .72em — как у знака в самой гарнитуре */
body.skin-a .a-buy-sum .a-rub{font-size:.72em}
body.skin-a .a-buy-fmt{font-size:13px; color:#6B6355}
body.skin-a .a-buy-fmt a{color:#6B6355; text-decoration:underline}
body.skin-a .a-buy-fmt a:hover{color:#557D03}
body.skin-a .a-buy-cap{font-size:14.5px; color:#1F1C18; font-weight:600}
body.skin-a .a-buy-actions{display:flex; gap:10px; flex-wrap:wrap}
body.skin-a .a-btn{
	display:inline-flex; align-items:center; justify-content:center;
	border-radius:3px; font-size:15px; font-weight:600; line-height:20px;
	padding:11px 22px; min-height:44px; text-decoration:none; cursor:pointer;
	border:1px solid transparent; white-space:nowrap;
}
body.skin-a .a-btn-primary{background:#557D03; color:#FFFFFF; border-color:#557D03}
body.skin-a .a-btn-primary:hover{background:#3F5C02; border-color:#3F5C02; color:#FFFFFF; text-decoration:none}
body.skin-a .a-btn-ghost{background:#FFFFFF; color:#1F1C18; border-color:#C6BFAF; font-weight:400}
body.skin-a .a-btn-ghost:hover{border-color:#557D03; color:#557D03; text-decoration:none}
body.skin-a .a-btn.is-in{border-color:#E6E1D6; color:#6B6355; background:#FBFAF8}
body.skin-a .a-btn:focus{outline:2px solid #1F1C18; outline-offset:2px}
body.skin-a .a-buy-note{font-size:13px; color:#6B6355; line-height:1.5}
body.skin-a .a-buy-note .nobr .rub{height:11px; width:auto}
body.skin-a .a-buy-stop{font-size:15px; color:#B35400; line-height:1.5}

/* купленная книга: форматы для скачивания плашками */
body.skin-a .a-dl{display:flex; flex-wrap:wrap; gap:8px}
body.skin-a .a-dl-item{
	display:inline-flex; align-items:center; gap:6px;
	border:1px solid #C9D9A6; border-radius:3px; background:#F3F6EA;
	padding:0 12px 0 0; font-size:13px; color:#6B6355; min-height:36px;
}
body.skin-a .a-dl-item a{
	display:inline-flex; align-items:center; min-height:36px; padding:0 12px;
	color:#557D03; font-weight:600; text-transform:uppercase; font-size:13px;
	text-decoration:none; border-right:1px solid #C9D9A6; margin-right:2px;
}
body.skin-a .a-dl-item a:hover{background:#557D03; color:#FFFFFF}

body.skin-a .a-book-links{display:flex; gap:18px; flex-wrap:wrap}
body.skin-a .a-book-links a{
	font-size:14.5px; color:#557D03; text-decoration:none;
	border-bottom:1px dotted #B7C98E; display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-book-links a:hover{color:#3F5C02; border-bottom-style:solid}

/* --- разделы ниже ----------------------------------------------------- */
body.skin-a .a-sect{margin-top:40px; max-width:760px}
body.skin-a .a-sect-wide{max-width:none}
body.skin-a .a-sect-title{
	font-size:18px; font-weight:600; margin:0 0 12px; color:#1F1C18;
	display:flex; align-items:baseline; gap:10px; line-height:1.3;
}
body.skin-a .a-sect-title .a-count{font-size:14px; color:#9A9384; font-weight:400}
body.skin-a .a-book-anons p{font-size:15.5px; line-height:1.65; color:#332F28; padding:0 0 10px}
body.skin-a .a-book-anons p:last-child{padding-bottom:0}
body.skin-a .a-faq h3{font-size:15px; font-weight:600; margin:16px 0 4px; color:#1F1C18; line-height:1.4}
body.skin-a .a-faq h3:first-of-type{margin-top:0}
body.skin-a .a-faq p{font-size:14.5px; line-height:1.6; color:#4A4438; padding:0}

/* отзывы */
body.skin-a .a-review{
	border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF;
	padding:16px 18px; margin-bottom:10px;
}
body.skin-a .a-review.is-reply{margin-left:28px; background:#F7F5EF}
body.skin-a .a-review-meta{
	display:flex; gap:12px; flex-wrap:wrap; align-items:center;
	font-size:12.5px; color:#9A9384; margin-bottom:6px;
}
body.skin-a .a-review-meta b{color:#557D03; font-weight:600}
body.skin-a .a-review-meta a{color:#557D03; display:inline-block; min-height:24px; line-height:24px}
body.skin-a .a-review p{font-size:14.5px; line-height:1.6; color:#332F28; padding:0 0 6px}
body.skin-a .a-review p:last-child{padding-bottom:0}
body.skin-a .a-review-empty{
	border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF;
	padding:18px 20px; font-size:14.5px; color:#6B6355; line-height:1.55;
}
body.skin-a .a-review-form{margin-top:14px}
body.skin-a .a-review-form summary{
	list-style:none; cursor:pointer; display:inline-flex; align-items:center;
	border:1px solid #C6BFAF; border-radius:3px; background:#FFFFFF;
	color:#1F1C18; font-size:14px; padding:9px 16px; min-height:40px;
}
body.skin-a .a-review-form summary::-webkit-details-marker{display:none}
body.skin-a .a-review-form summary:hover{border-color:#557D03; color:#557D03}
body.skin-a .a-review-form[open] summary{border-color:#E6E1D6; color:#6B6355}
body.skin-a .a-review-form form{
	margin-top:14px; display:flex; flex-direction:column; gap:12px; max-width:560px;
}
body.skin-a .a-review-form form > span{font-size:12px; color:#9A9384; order:9; line-height:1.5}
body.skin-a .a-review-form .form-group{margin:0; display:flex; flex-direction:column; gap:5px}
/* подпись поля — тоже цель нажатия (клик по ней ставит курсор в поле),
   поэтому и ей 24 точки по высоте */
body.skin-a .a-review-form label{font-size:13px; color:#6B6355; font-weight:400; margin:0; padding:3px 0; min-height:24px; line-height:18px}
body.skin-a .a-review-form .form-control{
	border:1px solid #C6BFAF; border-radius:3px; box-shadow:none;
	font-size:14px; padding:9px 12px; height:auto; color:#1F1C18; background:#FFFFFF;
}
body.skin-a .a-review-form .form-control:focus{
	border-color:#557D03; box-shadow:none; outline:2px solid #557D03; outline-offset:-2px;
}
body.skin-a .a-review-form .btn-primary{
	align-self:flex-start; background:#557D03; border:1px solid #557D03; color:#FFFFFF;
	border-radius:3px; font-size:14px; font-weight:600; padding:10px 20px;
	min-height:40px; text-shadow:none; background-image:none; box-shadow:none;
}
body.skin-a .a-review-form .btn-primary:hover{background:#3F5C02; border-color:#3F5C02}

/* --- окна Bootstrap: покупка, фрагмент, буктрейлер, купоны ------------
   Разметка окон общая с прежним оформлением, поэтому здесь только
   рамки, отступы и кнопка; поля в окне покупки заданы атрибутом style,
   их приходится перебивать через !important. */
body.skin-a .modal-content{
	border-radius:4px; border:1px solid #E6E1D6;
	box-shadow:0 12px 40px rgba(31,28,24,.18);
}
body.skin-a .modal-header{border-bottom:1px solid #E6E1D6; padding:16px 20px}
body.skin-a .modal-header .close{opacity:.55; text-shadow:none; font-size:24px; margin-top:-4px}
body.skin-a .modal-header .close:hover{opacity:1}
body.skin-a .modal-title{font-weight:600; color:#1F1C18}
body.skin-a .modal-body{padding:18px 20px}
body.skin-a .modal-body p{padding-bottom:6px}
body.skin-a .modal-body input[type=email],
body.skin-a .modal-body #promocode{
	border:1px solid #C6BFAF!important; border-radius:3px; padding:9px 12px!important;
	font-size:14px!important; color:#1F1C18; max-width:100%;
}
body.skin-a .modal-body input[type=email]:focus,
body.skin-a .modal-body #promocode:focus{border-color:#557D03!important; outline:2px solid #557D03; outline-offset:-2px}
body.skin-a .modal-footer{border-top:1px solid #E6E1D6; padding:14px 20px}
body.skin-a .modal .btn-primary{
	background:#557D03; border:1px solid #557D03; color:#FFFFFF;
	border-radius:3px; font-size:15px; font-weight:600; padding:10px 22px;
	min-height:42px; text-shadow:none; background-image:none; box-shadow:none;
}
body.skin-a .modal .btn-primary:hover{background:#3F5C02; border-color:#3F5C02}
body.skin-a .modal-body label{cursor:pointer}
body.skin-a .modal-body input[type=radio]{accent-color:#557D03}

/* --- телефон ---------------------------------------------------------- */
@media (max-width:767px){
	body.skin-a .a-book-body{flex-direction:column; gap:18px}
	body.skin-a .a-book-cover{width:180px; flex-basis:auto; margin:0 auto; align-items:center}
	body.skin-a .a-tags{justify-content:center}
	body.skin-a .a-book-title{font-size:22px; margin-bottom:16px; max-width:none}
	body.skin-a .a-crumbs li[aria-current]{display:none}
	body.skin-a .a-buy{max-width:none; padding:18px}
	body.skin-a .a-buy-actions{flex-direction:column}
	body.skin-a .a-btn{width:100%; min-height:48px; font-size:16px}
	body.skin-a .a-sect{margin-top:30px}
	body.skin-a .a-review.is-reply{margin-left:14px}
}

/* ======================================================================
   Главная. Первый экран — заголовок, вводный текст с живыми числами
   и четыре ссылки-плашки; поиск не повторяется, он уже в шапке.
   Ниже те же подборки, что и раньше (см. каталог), потом разделы со
   счётчиками и новости с датами; новости при этом уходят из левой
   колонки, чтобы не стоять на странице дважды.
   ====================================================================== */
body.skin-a .a-hero{padding:4px 0 28px; border-bottom:1px solid #E6E1D6; margin-bottom:34px}
body.skin-a .a-hero-title{
	font-size:30px; font-weight:600; letter-spacing:-.015em; line-height:1.22;
	margin:0 0 14px; max-width:26ch; color:#1F1C18;
}
body.skin-a .a-hero-text{
	font-size:15.5px; line-height:1.65; color:#4A4438;
	max-width:70ch; padding:0; margin:0 0 18px;
}
body.skin-a .a-hero-links{display:flex; flex-wrap:wrap; gap:8px}
body.skin-a .a-hero-links a{
	display:inline-flex; align-items:center; min-height:36px;
	border:1px solid #E6E1D6; background:#FFFFFF; border-radius:3px;
	padding:6px 14px; font-size:14px; color:#1F1C18; text-decoration:none;
}
body.skin-a .a-hero-links a:hover{border-color:#557D03; color:#557D03}

/* «Весь каталог →» справа от заголовка подборки */
body.skin-a .a-list-more{
	font-size:14px; color:#557D03; text-decoration:none; white-space:nowrap;
	display:inline-block; min-height:24px; line-height:24px; margin-left:auto;
}
body.skin-a .a-list-more:hover{text-decoration:underline}

body.skin-a .a-home-grid{
	display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:40px;
	align-items:start; margin-top:44px;
}
body.skin-a .a-genre-list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 28px}
body.skin-a .a-genre{
	display:flex; justify-content:space-between; align-items:center; gap:10px;
	padding:8px 0; min-height:40px; border-bottom:1px solid #E6E1D6;
	font-size:14.5px; color:#1F1C18; text-decoration:none;
}
body.skin-a .a-genre:hover span{color:#557D03}
body.skin-a .a-genre i{font-style:normal; color:#9A9384; font-size:13px; flex:0 0 auto}

body.skin-a .a-news{display:flex; flex-direction:column}
body.skin-a .a-news-item{
	display:flex; flex-direction:column; gap:3px;
	padding:10px 0; border-bottom:1px solid #E6E1D6; text-decoration:none;
}
body.skin-a .a-news-item span{font-size:14.5px; font-weight:600; color:#1F1C18; line-height:1.35}
body.skin-a .a-news-item:hover span{color:#557D03}
body.skin-a .a-news-item time{font-size:12.5px; color:#6B6355}
body.skin-a .a-news-all{
	font-size:14px; color:#557D03; text-decoration:none;
	display:inline-block; min-height:24px; line-height:24px; padding-top:10px;
}
body.skin-a .a-news-all:hover{text-decoration:underline}

body.skin-a .a-cta{
	margin-top:22px; border:1px solid #E6E1D6; border-radius:3px; background:#FFFFFF;
	padding:18px; display:flex; flex-direction:column; gap:10px;
}
body.skin-a .a-cta b{font-size:15px; font-weight:600; color:#1F1C18}
body.skin-a .a-cta p{font-size:14px; line-height:1.55; color:#4A4438; padding:0; margin:0}
body.skin-a .a-cta a{
	align-self:flex-start; display:inline-flex; align-items:center; min-height:38px;
	border:1px solid #C6BFAF; border-radius:3px; background:#FFFFFF;
	padding:8px 16px; font-size:14px; color:#1F1C18; text-decoration:none;
}
body.skin-a .a-cta a:hover{border-color:#557D03; color:#557D03}

@media (max-width:1000px){
	body.skin-a .a-home-grid{grid-template-columns:1fr; gap:32px}
}
@media (max-width:767px){
	body.skin-a .a-hero{padding-bottom:22px; margin-bottom:26px}
	body.skin-a .a-hero-title{font-size:24px}
	body.skin-a .a-genre-list{grid-template-columns:1fr}
	body.skin-a .a-list-more{margin-left:0}
}

/* ======================================================================
   Корзина и оформление заказа. Слева строки книг, справа карточка
   итога — она же на странице оформления, где к ней добавляются почта
   и кнопка «Оплатить». Строка книги (.a-row) одна на обе страницы.
   ====================================================================== */
body.skin-a .a-cart-grid{
	display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:36px; align-items:start;
}
body.skin-a .a-cartpage .a-book-title,
body.skin-a .a-checkout .a-book-title,
body.skin-a .a-thanks .a-book-title{margin-bottom:24px}
body.skin-a .a-book-title .a-count{font-size:15px; color:#9A9384; font-weight:400; margin-left:8px; white-space:nowrap}

/* --- строка книги ------------------------------------------------------ */
body.skin-a .a-rows{border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF}
body.skin-a .a-row{
	display:flex; gap:16px; align-items:center;
	padding:14px 16px; border-bottom:1px solid #E6E1D6;
}
body.skin-a .a-row:last-child{border-bottom:0}
body.skin-a .a-row-cover{
	flex:0 0 62px; width:62px; border:1px solid #E6E1D6; border-radius:2px;
	overflow:hidden; background:#EFEAE0; line-height:0;
}
body.skin-a .a-row-cover img{width:100%; height:auto; display:block}
body.skin-a .a-row-main{flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px}
body.skin-a .a-row-title{
	font-size:15px; font-weight:600; color:#1F1C18; text-decoration:none; line-height:1.35;
	display:inline-block; min-height:24px;
}
body.skin-a .a-row-title:hover{color:#557D03}
body.skin-a .a-row-meta{font-size:13px; color:#6B6355; line-height:1.4}
body.skin-a .a-row-price{font-size:16px; font-weight:600; white-space:nowrap; color:#1F1C18}
body.skin-a .a-row-price.is-free{color:#557D03}
body.skin-a .a-row-price .rub{height:12px; width:auto; margin:0 0 -1px 1px}
body.skin-a .a-row-del{
	font-size:13px; color:#6B6355; text-decoration:underline;
	display:inline-block; min-height:24px; line-height:24px; padding:0 4px; flex:0 0 auto;
}
body.skin-a .a-row-del:hover{color:#B35400}
body.skin-a .a-row-del img{height:14px; vertical-align:middle}
body.skin-a .a-cart-hint{
	margin-top:12px; font-size:13px; line-height:1.5; color:#B35400;
	background:#FDF6EE; border:1px solid #F0DCC6; border-radius:3px; padding:9px 12px;
}

/* --- итог --------------------------------------------------------------- */
body.skin-a .a-total{
	border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF; padding:22px;
	display:flex; flex-direction:column; gap:14px; position:sticky; top:16px;
}
body.skin-a .a-total-line{display:flex; justify-content:space-between; gap:12px; font-size:14.5px; color:#6B6355}
body.skin-a .a-total-line.is-discount span:last-child{color:#557D03}
body.skin-a .a-total-sum{
	display:flex; justify-content:space-between; align-items:baseline; gap:12px;
	border-top:1px solid #E6E1D6; padding-top:14px; font-size:15px; font-weight:600; color:#1F1C18;
}
body.skin-a .a-total-sum b{font-size:26px; font-weight:600; letter-spacing:-.02em; white-space:nowrap}
body.skin-a .a-total-sum b.is-free{color:#557D03; font-size:22px}
body.skin-a .a-total .a-btn{width:100%; font-family:inherit}
body.skin-a .a-total button.a-btn{border:0}
body.skin-a .a-total .a-note{max-width:none}
body.skin-a .a-cart-clear{
	font-size:13px; color:#6B6355; text-decoration:underline; text-align:center;
	display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-cart-clear:hover{color:#B35400}

/* --- оформление --------------------------------------------------------- */
body.skin-a .a-checkout-main{display:flex; flex-direction:column; gap:10px; min-width:0}
body.skin-a .a-checkout-main .a-sect-title{margin:22px 0 4px}
body.skin-a .a-checkout-main .a-sect-title:first-child{margin-top:0}
body.skin-a .a-checkout-back{
	font-size:13.5px; color:#557D03; text-decoration:none; align-self:flex-start;
	display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-checkout-back:hover{text-decoration:underline}
body.skin-a .a-note{font-size:13.5px; color:#6B6355; line-height:1.55; padding:0; margin:0; max-width:62ch}
body.skin-a .a-label{font-size:13px; color:#6B6355; display:inline-block; min-height:24px; line-height:24px}
body.skin-a .a-input{
	border:1px solid #C6BFAF; border-radius:3px; padding:11px 14px; font-size:15px;
	color:#1F1C18; background:#FFFFFF; width:100%; max-width:380px; box-shadow:none;
}
body.skin-a .a-input:focus{border-color:#557D03; outline:2px solid #557D03; outline-offset:-2px}
body.skin-a .a-coupon{margin-top:6px}
body.skin-a .a-coupon summary{
	list-style:none; cursor:pointer; color:#557D03; font-size:14px;
	display:inline-block; min-height:24px; line-height:24px;
}
body.skin-a .a-coupon summary::-webkit-details-marker{display:none}
body.skin-a .a-coupon summary:hover{text-decoration:underline}
body.skin-a .a-coupon-row{display:flex; gap:8px; margin-top:8px; flex-wrap:wrap; align-items:center}
body.skin-a .a-coupon-row .a-input{max-width:220px; padding:8px 12px; font-size:14px}
body.skin-a .a-coupon-row .a-btn{min-height:40px; padding:8px 16px; font-size:14px}

/* --- спасибо / ошибка ------------------------------------------------- */
body.skin-a .a-thanks-card{
	border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF; padding:22px 24px;
	max-width:620px; display:flex; flex-direction:column; gap:14px;
}
body.skin-a .a-thanks-card p{font-size:15px; line-height:1.6; color:#332F28; padding:0; margin:0}
body.skin-a .a-thanks-promo{background:#F3F6EA; border:1px solid #DCE6C4; border-radius:3px; padding:12px 14px}
body.skin-a .a-thanks-promo b{color:#1F1C18; letter-spacing:.06em}
body.skin-a .a-thanks-card .a-btn{align-self:flex-start}
body.skin-a .a-thanks .a-review-form{margin-top:22px}

@media (max-width:900px){
	body.skin-a .a-cart-grid{grid-template-columns:1fr; gap:22px}
	body.skin-a .a-total{position:static}
}
@media (max-width:767px){
	body.skin-a .a-row{flex-wrap:wrap; gap:10px 14px; padding:12px 14px}
	body.skin-a .a-row-main{flex-basis:calc(100% - 76px)}
	body.skin-a .a-row-price{margin-left:76px}
	body.skin-a .a-row-del{margin-left:auto}
	body.skin-a .a-thanks-card .a-buy-actions{flex-direction:column}
}

/* ======================================================================
   Текстовые страницы: контакты, форматы, оферта, условия, «как купить»,
   отзывы, новости, вход, сотрудничество, кабинет. Почти все они собраны
   одинаково — <div class=add><h1 class=page_head>…</h1><div class=f>…</div>,
   поэтому здесь общие правила для этой обёртки, а не по странице на
   каждую. Ширина текста — 72 знака: дальше строка перестаёт читаться.
   ====================================================================== */
body.skin-a .add, body.skin-a .search.news, body.skin-a .row.mr15, body.skin-a .a-page{min-height:0}
body.skin-a .add > .f, body.skin-a .search.news > .f, body.skin-a .a-page{max-width:72ch; padding:0}
body.skin-a .add .f p, body.skin-a .search.news .f p, body.skin-a .row.mr15 p{
	font-size:15.5px; line-height:1.65; color:#332F28; padding:0 0 12px;
}
body.skin-a .add .f h2, body.skin-a .row.mr15 h2{
	font-size:19px!important; font-weight:600; color:#1F1C18; line-height:1.3;
	margin:26px 0 10px;
}
body.skin-a .add .f h3{font-size:16px!important; font-weight:600; color:#1F1C18; margin:18px 0 6px; line-height:1.35}
body.skin-a .add .f h2:first-child, body.skin-a .add .f > div:first-child > h2{margin-top:0}
body.skin-a .add .f ol, body.skin-a .add .f ul{padding-left:22px; margin:0 0 12px; list-style:decimal; font-size:15.5px; line-height:1.65; color:#332F28}
body.skin-a .add .f ul{list-style:disc}
body.skin-a .add .f li{padding:2px 0}
body.skin-a .add .f hr{border:0; border-top:1px solid #E6E1D6; margin:22px 0}
body.skin-a .add .f strong{color:#1F1C18}
body.skin-a .add .f a, body.skin-a .search.news .f a, body.skin-a .row.mr15 a{color:#557D03}
body.skin-a .add .f a:hover{color:#3F5C02}

/* «Сотрудничество»: подзаголовки там набраны <strong> сразу в потоке,
   а картинка с предложением обтекается текстом */
body.skin-a .row.mr15{margin:0; max-width:72ch}
body.skin-a .row.mr15 > strong{
	display:block; font-size:19px; font-weight:600; color:#1F1C18; margin:22px 0 10px; line-height:1.3;
}
body.skin-a .row.mr15 > img{border-radius:3px; margin:4px 18px 10px 0}
body.skin-a .row.mr15 hr{border:0; border-top:1px solid #E6E1D6; margin:22px 0; clear:both}
body.skin-a .ok{
	display:inline-block; font-family:SFMono-Regular,Consolas,monospace; font-size:13.5px;
	background:#F3F6EA; border:1px solid #DCE6C4; border-radius:3px; padding:8px 12px; margin:6px 0 12px;
	word-break:break-all;
}

/* таблицы Bootstrap в кабинете и статистике */
body.skin-a .table{border-color:#E6E1D6; font-size:14px; color:#332F28}
body.skin-a .table > thead > tr > td, body.skin-a .table > thead > tr > th{
	background:#FBFAF8; color:#6B6355; font-size:12px; letter-spacing:.06em; text-transform:uppercase; font-weight:600;
	border-color:#E6E1D6!important;
}
body.skin-a .table-bordered, body.skin-a .table-bordered > tbody > tr > td, body.skin-a .table-bordered > thead > tr > td{border-color:#E6E1D6}
body.skin-a .table-striped > tbody > tr:nth-of-type(odd){background:#FBFAF8}

/* --- формы: вход, контакты, отзыв, кабинет ---------------------------- */
body.skin-a .a-form{display:flex; flex-direction:column; gap:14px; max-width:380px; margin-top:6px}
body.skin-a .a-field{display:flex; flex-direction:column; gap:5px}
body.skin-a .a-form .a-btn{align-self:flex-start; border:0; font-family:inherit}
body.skin-a .a-login-note{margin-top:22px; max-width:52ch}
/* ссылки внутри связного текста: вертикальные отступы у строчного элемента
   не двигают строку, но растят область нажатия с 18 до 24 точек */
body.skin-a .a-note a, body.skin-a .add .f p a, body.skin-a .row.mr15 p a,
body.skin-a .a-newsitem p a, body.skin-a .a-article-text a, body.skin-a .a-thanks-card p a{padding:3px 0}
body.skin-a .a-alert{
	border:1px solid #F0DCC6; background:#FDF6EE; color:#8A4200; border-radius:3px;
	padding:10px 14px; font-size:14px; line-height:1.5; max-width:380px; margin-bottom:14px;
}
body.skin-a .alert{border-radius:3px; font-size:14px; padding:10px 14px!important; margin:0 0 14px!important; text-shadow:none; background-image:none}
body.skin-a .alert-success{background:#F3F6EA; border-color:#DCE6C4; color:#3F5C02}
body.skin-a .alert-danger{background:#FDF6EE; border-color:#F0DCC6; color:#8A4200}

/* форма обратной связи — get_feedback(): те же классы Bootstrap, что и у
   отзыва под книгой, поэтому правила повторяют .a-review-form */
body.skin-a #feedback{display:flex; flex-direction:column; gap:12px; max-width:560px; margin-top:8px}
body.skin-a #feedback > span{font-size:12px; color:#9A9384; order:9; line-height:1.5}
body.skin-a #feedback .form-group{margin:0; display:flex; flex-direction:column; gap:5px}
body.skin-a #feedback label{font-size:13px; color:#6B6355; font-weight:400; margin:0; padding:3px 0; min-height:24px; line-height:18px}
body.skin-a #feedback .form-control{
	border:1px solid #C6BFAF; border-radius:3px; box-shadow:none;
	font-size:14px; padding:9px 12px; height:auto; color:#1F1C18; background:#FFFFFF;
}
body.skin-a #feedback .form-control:focus{border-color:#557D03; box-shadow:none; outline:2px solid #557D03; outline-offset:-2px}
body.skin-a #feedback .btn-primary{
	align-self:flex-start; background:#557D03; border:1px solid #557D03; color:#FFFFFF;
	border-radius:3px; font-size:14px; font-weight:600; padding:10px 20px;
	min-height:40px; text-shadow:none; background-image:none; box-shadow:none;
}
body.skin-a #feedback .btn-primary:hover{background:#3F5C02; border-color:#3F5C02}
body.skin-a .add .f > h2 + div #feedback, body.skin-a .add .f div > #feedback{margin-top:0}

/* --- отзывы о магазине --------------------------------------------------- */
body.skin-a .page-review .review-item{
	border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF;
	padding:16px 18px; margin-bottom:10px; overflow:visible;
}
body.skin-a .page-review .review-item:first-of-type{border-top:1px solid #E6E1D6}
body.skin-a .page-review .review-who{
	float:none; width:auto; text-align:left; font-size:12.5px; color:#9A9384; margin-bottom:6px;
	display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
body.skin-a .page-review .review-who img{width:40px; height:40px; border-radius:20px; margin:0}
body.skin-a .page-review .review-who a{color:#557D03; display:inline-flex; align-items:center; gap:10px; min-height:24px}
body.skin-a .page-review .review-item p{margin:0; padding:0; font-size:14.5px; line-height:1.6; color:#332F28}
body.skin-a .page-review h2{margin-top:28px}

/* --- новости ---------------------------------------------------------------- */
body.skin-a .a-newslist{display:flex; flex-direction:column}
body.skin-a .a-newsitem{
	display:flex; gap:16px; align-items:flex-start;
	padding:16px 0; border-bottom:1px solid #E6E1D6;
}
body.skin-a .a-newsitem:first-child{padding-top:4px}
body.skin-a .a-newsitem-img{flex:0 0 60px; line-height:0}
body.skin-a .a-newsitem-img img{width:60px; height:60px; border-radius:3px; object-fit:cover; display:block}
body.skin-a .a-newsitem-main{flex:1 1 auto; min-width:0}
body.skin-a .a-newsitem-title{font-size:17px; font-weight:600; margin:0 0 3px; line-height:1.35}
body.skin-a .a-newsitem-title a{color:#1F1C18; text-decoration:none; display:inline-block; min-height:24px}
body.skin-a .a-newsitem-title a:hover{color:#557D03}
body.skin-a .a-newsitem-date{display:block; font-size:12.5px; color:#6B6355; margin-bottom:6px}
body.skin-a .a-newsitem p{font-size:14.5px; line-height:1.6; color:#4A4438; padding:0}
body.skin-a .a-article-date{display:block; font-size:13px; color:#6B6355; margin-bottom:12px}
body.skin-a .a-article-lead{font-size:16.5px!important; line-height:1.6!important; color:#1F1C18!important; font-weight:600}
body.skin-a .a-article-text{font-size:15.5px; line-height:1.65; color:#332F28}
body.skin-a .a-article-text p{padding:0 0 12px}
body.skin-a .a-article-text img{max-width:100%; height:auto; border-radius:3px}
body.skin-a .a-article-text q{font-style:italic; color:#6B6355}
body.skin-a .a-article-back{margin-top:22px; padding:0}
body.skin-a .a-article-back a{color:#557D03; text-decoration:none; display:inline-block; min-height:24px; line-height:24px}
body.skin-a .a-article-back a:hover{text-decoration:underline}

/* --- алфавит на странице авторов ----------------------------------------- */
body.skin-a .azbuka{width:auto; max-width:none; display:flex; flex-wrap:wrap; gap:4px}
body.skin-a .azbuka div{
	width:auto; min-width:30px; min-height:30px; padding:0; float:none;
	display:flex; align-items:center; justify-content:center;
	font-size:13.5px; color:#B7B0A1; border-radius:3px; line-height:30px;
}
body.skin-a .azbuka div a{
	display:flex; align-items:center; justify-content:center;
	min-width:30px; min-height:30px; border:1px solid #E6E1D6; border-radius:3px;
	color:#1F1C18; text-decoration:none; background:#FFFFFF;
}
body.skin-a .azbuka div a:hover{border-color:#557D03; color:#557D03}
body.skin-a .azbuka div a[style]{background:#557D03; border-color:#557D03; color:#FFFFFF}

/* --- карточка автора без фото, загрузка фото в кабинете -------------------- */
body.skin-a .a-card-noimg{display:flex; align-items:center; justify-content:center; background:#EFEAE0}
body.skin-a .a-card-initials{font-size:40px; font-weight:600; letter-spacing:.02em; color:#B7B0A1; line-height:1}
body.skin-a .a-card-upload input[type=file]{font-size:12px; max-width:100%}

/* "Необходимо авторизоваться" и прочие короткие сообщения */
body.skin-a .add > .f:only-child{padding:0}

@media (max-width:767px){
	body.skin-a .row.mr15 > img{float:none!important; display:block; margin:0 0 12px; max-width:100%}
	body.skin-a .a-newsitem{gap:12px}
}

/* ======================================================================
   Кабинет автора: мои книги, форма книги, профиль, выплаты, статистика.
   Формы — на тех же полях, что вход и оформление заказа (.a-form,
   .a-field, .a-input, .a-btn). Загрузка файлов оставлена родными
   <input type=file>: их подменять не стоит, на них держится t/dlf.tpl.
   ====================================================================== */
body.skin-a .a-cab .a-book-title{margin-bottom:18px}
body.skin-a .a-video-link{
	font-size:14px; font-weight:400; letter-spacing:0; color:#557D03; text-decoration:none;
	margin-left:12px; white-space:nowrap; display:inline-block; min-height:24px; line-height:24px;
	border-bottom:1px dotted #B7C98E;
}
body.skin-a .a-video-link:hover{color:#3F5C02; border-bottom-style:solid}

/* --- разворот формы: поля слева, файлы справа ------------------------- */
body.skin-a .a-cab-grid{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:36px; align-items:start}
body.skin-a .a-form-wide{max-width:520px}
body.skin-a .a-form .a-note{margin-top:2px}
body.skin-a .a-select{
	-webkit-appearance:none; appearance:none; padding-right:36px; cursor:pointer;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6355' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat:no-repeat; background-position:right 12px center;
}
body.skin-a .a-textarea{min-height:170px; resize:vertical; line-height:1.55}
body.skin-a .a-input-short{max-width:200px}
body.skin-a .a-input:disabled{background:#F2EFE6; color:#6B6355; cursor:not-allowed}
body.skin-a .a-check{
	display:flex; align-items:center; gap:10px; font-size:14px; color:#332F28;
	min-height:28px; cursor:pointer;
}
body.skin-a .a-check input[type=checkbox]{width:18px; height:18px; margin:0; accent-color:#557D03; flex:0 0 18px}
body.skin-a .a-check a{color:#557D03; padding:3px 0}

body.skin-a .a-cab-side{display:flex; flex-direction:column; gap:22px}
body.skin-a .a-upload{
	border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF; padding:16px;
	display:flex; flex-direction:column; gap:10px;
}
body.skin-a .a-upload .a-sect-title{margin:0; font-size:15px}
body.skin-a .a-upload input[type=file]{font-size:13px; max-width:100%; color:#4A4438}
body.skin-a .a-upload input[type=file]::file-selector-button{
	border:1px solid #C6BFAF; border-radius:3px; background:#FFFFFF; color:#1F1C18;
	font:inherit; font-size:13px; padding:7px 12px; margin-right:10px; cursor:pointer;
}
body.skin-a .a-upload input[type=file]::file-selector-button:hover{border-color:#557D03; color:#557D03}
body.skin-a .a-preview:empty{display:none}
body.skin-a .a-preview img{max-width:100%; height:auto; border:1px solid #E6E1D6; border-radius:3px; display:block}
body.skin-a .a-preview-photo img{width:168px}
body.skin-a .a-files:empty{display:none}
body.skin-a .a-files{
	font-size:13px; line-height:1.7; color:#3F5C02;
	background:#F3F6EA; border:1px solid #DCE6C4; border-radius:3px; padding:8px 12px;
}
body.skin-a .a-progress:empty{display:none}
body.skin-a .a-progress{font-size:13px; color:#6B6355}

/* --- мои книги: состояние и действия ----------------------------------- */
body.skin-a .a-card.is-stopped .a-card-cover{opacity:.55}
body.skin-a .a-badge-mod{background:#B35400; color:#FFFFFF}
body.skin-a .a-badge-stop{background:#6B6355; color:#FFFFFF}
body.skin-a .a-card-tools{display:flex; flex-direction:column; align-items:flex-start; gap:2px; margin-top:2px}
body.skin-a .a-card-tools form{margin:0}
body.skin-a .a-card-tools a, body.skin-a .a-card-tool{
	display:inline-block; font-size:13px; color:#557D03; text-decoration:none;
	min-height:24px; line-height:24px; padding:0; border:0; background:none; cursor:pointer;
}
body.skin-a .a-card-tools a:hover, body.skin-a .a-card-tool:hover{text-decoration:underline}
body.skin-a .a-card-tool.is-danger{color:#B35400}

/* --- статистика и выплаты ------------------------------------------------ */
body.skin-a .a-range{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin-bottom:16px}
body.skin-a .a-range .a-input-short{max-width:130px; padding:8px 12px; font-size:14px}
body.skin-a .a-range .a-btn{min-height:40px; padding:8px 16px; font-size:14px; border-color:#C6BFAF}
body.skin-a .a-tablewrap{overflow-x:auto; border:1px solid #E6E1D6; border-radius:4px; background:#FFFFFF}
body.skin-a .a-tablewrap .table{margin:0; border:0}
body.skin-a .a-tablewrap .table > tbody > tr > td, body.skin-a .a-tablewrap .table > thead > tr > td{
	padding:10px 14px; border-left:0; border-right:0; vertical-align:middle;
}
body.skin-a .a-tablewrap .table > tbody > tr:last-child > td{border-bottom:0}
body.skin-a .a-alert-ok{background:#F3F6EA; border-color:#DCE6C4; color:#3F5C02}

/* --- профиль ------------------------------------------------------------ */
body.skin-a .a-profile-grid{display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:36px; align-items:start}
body.skin-a .a-thanks-card .a-next{list-style:disc; padding-left:20px; margin:0; font-size:15px; line-height:1.65; color:#332F28}
body.skin-a .a-thanks-card .a-next li{padding:2px 0}
body.skin-a .a-thanks-card .a-next a{color:#557D03; padding:3px 0}
body.skin-a .a-thanks-card .ok{margin:0}
body.skin-a .a-thanks-card > a > img{display:block}

@media (max-width:900px){
	body.skin-a .a-cab-grid, body.skin-a .a-profile-grid{grid-template-columns:1fr; gap:22px}
	body.skin-a .a-form-wide{max-width:none}
}