/* az-blocks.css — стили блоков карточки, вынесенные из тела страницы (12.08.2026).

   Зачем: они лежали в inline <style> ПОСЛЕ самих блоков. Браузер успевал отрисовать блок
   без стилей, затем применял их — и всё, что ниже, уезжало. По замерам живых посетителей
   это давало самые большие сдвиги макета: блок оценки 60,5 (571 случай) и FAQ 27,5.
   Теперь стили приходят в <head>, до первой отрисовки. Содержимое перенесено дословно.

   Порядок подключения важен: файл идёт ПОСЛЕ az-glass.css и az-light.css, чтобы
   сохранить прежний приоритет (в теле эти правила стояли последними). */

.special-list{columns:2;column-gap:44px;line-height:1.55;list-style:none}
.special-list li{break-inside:avoid;margin-bottom:7px}
@media(max-width:768px){.special-list{columns:1}}

.azb-reco{margin:18px 0 6px}
.azb-reco h2{margin-bottom:4px}
.azb-reco_sub{color:#8b909c;font-size:13.5px;margin-bottom:12px}
.azb-reco_join{margin-top:12px;padding:11px 14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:12px;color:#c7c7c7;font-size:13.5px;line-height:1.45}
.azb-reco_join a{color:#fe5a08;font-weight:600;text-decoration:none}
.azb-reco_join a:hover{text-decoration:underline}
/* 🔴 Цвет подсказки был задан только для тёмной темы (#c7c7c7) — на светлом фоне
   текст почти не читался (жалоба юзера 21.08). */
html.az-light .azb-reco_join{color:#3a4150;border-color:rgba(0,0,0,.10);background:rgba(0,0,0,.03)}
@media(max-width:700px){.azb-reco_sub{font-size:12.5px}.azb-reco_join{font-size:12.5px;padding:10px 12px}}

.azb-rate{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:20px 0;padding:18px 24px;background:rgba(254,90,8,.06);border:1px solid rgba(254,90,8,.18);border-radius:14px}
.azb-rate_score{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.azb-rate_num{font-size:36px;font-weight:800;color:#fe5a08;line-height:1}
.azb-rate_max{font-size:18px;color:#8a8f99}
.azb-rate_cnt{width:100%;color:#8a8f99;font-size:13px;margin-top:3px}
.azb-rate_act{display:flex;flex-direction:column;gap:7px}
.azb-rate_ttl{font-weight:700;color:#fff;font-size:16px}
.azb-rate_btns{margin-left:auto;display:flex;flex-direction:column;gap:7px}
.azb-rate_tvlnk{display:block;background:rgba(254,90,8,.10);border:2px solid #fe5a08;color:#fe5a08;font-weight:700;padding:10px 12px;border-radius:10px;text-align:center;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.azb-rate_app{background:#fe5a08;color:#fff;font-weight:700;padding:12px 12px;border-radius:10px;text-decoration:none;white-space:nowrap}
@media(max-width:600px){.azb-rate_btns{margin-left:0;width:100%}.azb-rate_app{font-size:14px;width:100%;text-align:center;box-sizing:border-box}.azb-rate_tvlnk{font-size:14px;width:100%}}
.azb-rate_stars{transform:scale(1.25);transform-origin:left center}
@media(max-width:600px){.azb-rate{gap:16px;padding:14px 16px}.azb-rate_num{font-size:30px}.azb-rate_stars{transform:scale(1.1)}}

.azb-serii{margin:22px 0;padding:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:12px}
.azb-serii h2{margin:0 0 12px;font-size:20px}
.azb-serii p{margin:0 0 12px;line-height:1.6;color:#c7c7c7}
.azb-serii-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.azb-serii-ep{display:inline-block;padding:8px 12px;border-radius:8px;background:rgba(254,90,8,.10);border:1px solid rgba(254,90,8,.35);color:#fe5a08;text-decoration:none;font-weight:600;font-size:14px}
.azb-serii-ep:hover{background:#fe5a08;color:#fff}
.azb-serii-more{font-size:13px;color:#9aa3ad}
html.az-light .azb-serii{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}
html.az-light .azb-serii p{color:#49525e}
html.az-light .azb-serii h2{color:#181b22}
@media(max-width:600px){.azb-serii{padding:14px}.azb-serii h2{font-size:18px}.azb-serii-ep{padding:7px 10px;font-size:13px}}

.azbuka-faq{margin:22px 0;display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:start;}
.azbuka-faq h2{margin-bottom:12px;grid-column:1 / -1;}
.azbuka-faq details{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:10px;margin-bottom:8px;padding:0 16px;transition:.2s;}
.azbuka-faq details[open]{background:rgba(254,90,8,.06);}
.azbuka-faq summary{cursor:pointer;padding:15px 28px 15px 0;font-weight:600;list-style:none;position:relative;color:#fff;}
.azbuka-faq summary::-webkit-details-marker{display:none;}
.azbuka-faq summary::after{content:"+";position:absolute;right:2px;top:13px;color:#fe5a08;font-size:22px;line-height:1;}
.azbuka-faq details[open] summary::after{content:"\2013";}
.azbuka-faq .faq-a{padding:0 0 15px;color:#c7c7c7;line-height:1.55;}
@media(max-width:700px){  .azbuka-faq{grid-template-columns:1fr 1fr;column-gap:8px;margin:16px 0;}  .azbuka-faq h2{font-size:19px;margin-bottom:8px;}  .azbuka-faq details{margin-bottom:6px;padding:0 12px;border-radius:8px;}  .azbuka-faq summary{font-size:13.5px;padding:11px 20px 11px 0;line-height:1.3;}  .azbuka-faq summary::after{font-size:17px;top:9px;right:0;}  .azbuka-faq .faq-a{font-size:13.5px;padding:0 0 11px;}}

.azb-news-block{margin:22px 0}
.azb-news-block h2{font-size:20px;font-weight:800;margin:0 0 12px}
.azb-news-list{display:flex;flex-direction:column;gap:8px}
.azb-news-item{display:flex;gap:12px;align-items:flex-start;padding:11px 14px;border-radius:12px;
	background:rgba(255,255,255,.05)}
html.az-light .azb-news-item{background:rgba(0,0,0,.045)}
.azb-news-item time{flex:0 0 auto;font-size:12px;opacity:.6;white-space:nowrap;padding-top:2px}
.azb-news-item a{color:inherit;text-decoration:none;font-weight:600;line-height:1.35}
.azb-news-item a:hover{color:#fe5a08}
@media(max-width:575px){.azb-news-item{flex-direction:column;gap:3px;padding:10px 12px}}

.azb-comm-hint{margin:0 0 16px;color:#c7c7c7;line-height:1.6}html.az-light .azb-comm-hint{color:#49525e}


/* ----- блоки главной и листингов: перенесены из тела main.tpl (12.08.2026) ----- */

.azb-cw_items{display:flex;gap:11px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.azb-cw_items::-webkit-scrollbar{height:6px}
.azb-cw_items::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}
.azb-cw_card{flex:0 0 auto;width:108px;text-decoration:none;color:#fff}
.azb-cw_pic{position:relative;display:block;width:108px;height:162px;border-radius:10px;overflow:hidden;background:#141a26}
.azb-cw_pic img{width:100%;height:100%;object-fit:cover;display:block}
.azb-cw_kp{position:absolute;top:6px;left:6px;background:#fe5a08;color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:5px}
.azb-cw_t{display:block;margin-top:6px;font-size:12px;line-height:1.25;max-height:30px;overflow:hidden;color:#e8e8e8}
.azb-cw_y{display:block;color:#8a8f99;font-size:11px;margin-top:1px}
.azb-cw-clear{float:right;color:#8a8f99;font-size:22px;line-height:1;text-decoration:none;padding:0 6px}
.azb-cw-clear:hover{color:#fe5a08}
@media(max-width:768px){.azb-cw_card,.azb-cw_pic{width:92px}.azb-cw_pic{height:138px}}

.cat-top_items .cat-top_title{margin-top:7px;font-size:13px;line-height:1.25;color:#fff;text-decoration:none;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.cat-top_items .cat-top_title:hover{color:#fe5a08;}
	.cat-top-recom{margin-top:26px}
	.cat-top-recom .cat-top-head .az-cattop-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:inherit}
	.cat-top-recom .cat-top-head .az-cattop-link h2{margin:0;padding:0;font:inherit;display:inline}
	.cat-top-recom .cat-top-head .az-cattop-arrow{display:none;color:#fe5a08;font-weight:700;font-size:1.05em;line-height:1;transition:transform .15s ease}
	.cat-top-recom .cat-top-head .az-cattop-link.is-link{cursor:pointer}
	.cat-top-recom .cat-top-head .az-cattop-link.is-link .az-cattop-arrow{display:inline-block}
	.cat-top-recom .cat-top-head .az-cattop-link.is-link:hover{color:#fe5a08}
	.cat-top-recom .cat-top-head .az-cattop-link.is-link:hover .az-cattop-arrow{transform:translateX(4px)}

#azb-appbar{position:fixed;left:8px;right:8px;bottom:8px;z-index:1150;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:16px;background:rgba(20,24,32,.92);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 8px 30px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.08);transform:translateY(150%);opacity:0;transition:transform .42s cubic-bezier(.2,.7,.3,1),opacity .42s;font-family:inherit}
#azb-appbar.azb-show{transform:none;opacity:1}
#azb-appbar .azb-ic{width:44px;height:44px;flex:none;border-radius:11px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.3)}
#azb-appbar .azb-tx{min-width:0;flex:1;line-height:1.25}
#azb-appbar .azb-t{color:#fff;font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#azb-appbar .azb-s{color:#aab2c0;font-size:11.5px;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#azb-appbar .azb-dl{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 15px;border-radius:999px;background:linear-gradient(180deg,#ff6a00,#ff3d00);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none;box-shadow:0 4px 14px rgba(254,90,8,.45)}
#azb-appbar .azb-dl:active{transform:translateY(1px)}
#azb-appbar .azb-x{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#cfd6e0;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
html.az-light #azb-appbar{background:rgba(255,255,255,.95);box-shadow:0 8px 30px rgba(20,30,60,.18),inset 0 0 0 1px rgba(0,0,0,.06)}
html.az-light #azb-appbar .azb-t{color:#181b22}
html.az-light #azb-appbar .azb-s{color:#6a7180}
html.az-light #azb-appbar .azb-x{background:rgba(0,0,0,.06);color:#5a6270}

/* ----- место под блок «Персональные рекомендации» (12.08.2026) -----
   Блок приходит по сети и появляется из ничего, толкая вниз оценку, серии, FAQ и
   комментарии — по замерам живых людей это был самый большой сдвиг макета на карточках.
   Высоты замерены по готовому блоку: у гостей он выше на приглашение «Войдите».
   Распорку снимает скрипт в fullstory.tpl, как только ответ получен (или не получен). */
.azb-reco-hold { height: 350px }
.azb-reco-hold.is-guest { height: 394px }

@media (max-width: 1023px) {
	.azb-reco-hold { height: 330px }
	.azb-reco-hold.is-guest { height: 374px }
}

@media (max-width: 767px) {
	.azb-reco-hold { height: 328px }
	.azb-reco-hold.is-guest { height: 386px }
}

@media (max-width: 400px) {
	.azb-reco-hold { height: 346px }
	.azb-reco-hold.is-guest { height: 404px }
}
