/* =========================================================================
   Стили главной страницы (templates/home.php). Подключается только на
   $action=='home' (см. templates/header.php) — можно смело переопределять
   что угодно тут, не боясь задеть другие страницы.
   ========================================================================= */

/* ===== Блок "Наш каталог" (.cat_home) — сайтовый style.css уже занял .cat_home/.cat_home
   img/.cat_home a/.cat_home li под старую плоскую сетку; чтобы не тащить это в новую
   разметку, вся новая вёрстка живёт внутри .cat_home_v2 со своими классами, а .cat_home
   сама только переопределяется под простой блок (было flex под старую <ul> раскладку). */
.cat_home{display:block!important;margin: 36px 0 20px;}
.cat_home_v2_head{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;flex-wrap:wrap;margin-bottom:28px}
.cat_home_v2_head_text{max-width: 759px;}
.cat_home_v2_eyebrow{display:block;color:#4a7dfd;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.cat_home_v2_title{font-size:32px;font-weight:800;color:#1c2733;margin:0 0 12px;line-height:1.25;display: flex;flex-wrap: wrap;gap: 6px;}
.cat_home_v2_title span{color:#4a7dfd}
.cat_home_v2_desc{font-family:arial;font-size:14px;color:#667085;line-height:1.55;margin:0}
.cat_home_v2_badges{display:flex;gap:22px;flex-shrink:0}
.cat_home_v2_badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-family:arial;font-size:12.5px;color:#475467;width:96px;line-height:1.3}
.cat_home_v2_badge_icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#eef2ff;color:#4a7dfd;flex-shrink:0}
.cat_home_v2_grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.cat_home_v2_card{display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f3;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.cat_home_v2_card.is_large{grid-column:span 4}
.cat_home_v2_card.is_medium{grid-column:span 3}
.cat_home_v2_card.is_wide{grid-column:span 6;flex-direction:row}
.cat_home_v2_card_photo{display:block!important;width:100%!important;aspect-ratio:16/10;background-size:cover;background-position:center;position:relative;flex-shrink:0;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important}
.cat_home_v2 .cat_home_v2_card_photo{background-color:#eef1f4}
.cat_home_v2_card.is_wide .cat_home_v2_card_photo{width: 49%!important;aspect-ratio:auto;order:2}
.cat_home_v2_card_photo_fallback{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:64px!important;height:64px!important;object-fit:contain;opacity:.8;display:block!important}
.cat_home_v2_card_body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;min-width:0}
.cat_home_v2_card.is_wide .cat_home_v2_card_body{order:1}
.cat_home_v2_card_title{display:flex!important;align-items:center;gap:10px;text-decoration:none;color:#1c2733;font-weight:700;font-size:17px;margin-bottom:10px;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;width:auto!important;justify-content:flex-start!important;flex-wrap:nowrap!important;border-radius:0!important}
.cat_home_v2_card_icon{width:24px!important;height:24px!important;object-fit:contain;flex-shrink:0;display:inline-block!important;transform:none!important;transition:none!important}
.cat_home_v2_card_list{list-style:none!important;margin: 0 0 12px;padding:0;flex:1;display:block!important}
.cat_home_v2_card_list li{border-bottom:1px solid #f2f4f7}
.cat_home_v2_card_list li:last-child{border-bottom:0}
.cat_home_v2_card_list li:hover a{border:0!important}
.cat_home_v2_card_list li:hover img{transform:none!important}
.cat_home_v2_card_list a{display:flex!important;align-items:center;justify-content:space-between!important;gap:8px;padding: 6px 0!important;font-family:arial;font-size:14px;color:#475467;text-decoration:none;border:0!important;background:none!important;box-shadow:none!important;width:auto!important;border-radius:0!important;flex-wrap:nowrap!important}
.cat_home_v2_card_list a:hover{color:#4a7dfd}
.cat_home_v2_card_list svg{flex-shrink:0;color:#c3c9d1}
.cat_home_v2_card_all{display:flex!important;align-items:center;justify-content:center;gap:10px;padding:10px 16px!important;border-radius:999px!important;background:#f5f7fa!important;color:#1c2733;font-weight:600;font-size:14px;text-decoration:none;margin-top:auto;transition:background .15s;border:0!important;box-shadow:none!important;width:auto!important;flex-wrap:nowrap!important}
.cat_home_v2_card_all:hover{background:#eaedf1!important}
.cat_home_v2_card_all_arrow{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#4a7dfd;flex-shrink:0}
@media (max-width:1100px){
	.cat_home_v2_card.is_large{grid-column:span 6}
	.cat_home_v2_card.is_medium{grid-column:span 6}
	.cat_home_v2_card.is_wide{grid-column:span 12}
}
@media (max-width:760px){
	.cat_home_v2_head{flex-direction:column}
	.cat_home_v2_title{font-size:24px}
	.cat_home_v2_badges{width:100%;overflow-x:auto;gap:16px;padding-bottom:4px}
	.cat_home_v2_badge{flex-shrink:0}
	.cat_home_v2_grid{grid-template-columns:1fr;gap:14px}
	.cat_home_v2_card.is_large,.cat_home_v2_card.is_medium,.cat_home_v2_card.is_wide{grid-column:span 1}
	.cat_home_v2_card.is_wide{flex-direction:column}
	.cat_home_v2_card.is_wide .cat_home_v2_card_photo{width:100%;aspect-ratio:16/10;order:0}
	.cat_home_v2_card.is_wide .cat_home_v2_card_body{order:0}
}

/* =========================================================================
   Круглая кнопка-иконка "В корзину" у цены в каруселях "Акции"/"Топ по
   покупкам"/"Новые товары" — зеленеет после добавления (см. общий
   add_to_cart() в js/script.js, который сам вешает класс .in_cart на
   успехе, независимо от разметки карточки).
   ========================================================================= */
.sop_pr_block_home .col.cost{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.sop_pr_block_home .col.cost .price{
	flex:1;
	min-width:0;
}
.home_pr_cart_round{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	flex-shrink:0;
	border-radius:50%;
	border:1px solid #e3e7ec;
	background:#fff;
	color:#4a7dfd;
	padding:0;
	cursor:pointer;
	transition:background .15s,border-color .15s,color .15s,transform .1s;
}
.home_pr_cart_round:hover{border-color:#4a7dfd;background:#f5f8ff}
.home_pr_cart_round:active{transform:scale(.92)}
.home_pr_cart_round .home_pr_cart_round_check{display:none}
.home_pr_cart_round.in_cart{background:#22c55e;border-color:#22c55e;color:#fff}
.home_pr_cart_round.in_cart .home_pr_cart_round_icon{display:none}
.home_pr_cart_round.in_cart .home_pr_cart_round_check{display:block}
.home_pr_cart_round.btn--loading{opacity:.5;pointer-events:none}

/* =========================================================================
   Блок доверия "«Алекс Онлайн» — ответственность перед клиентом" + отзывы
   ========================================================================= */
.home_trust_v2{margin:15px 0 20px}
.home_trust_v2_top{margin-bottom:20px}
.home_trust_v2_eyebrow{display:block;color:#4a7dfd;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.home_trust_v2_title{font-size:26px;font-weight:800;color:#1c2733;margin:0}
.home_trust_v2_grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}
.home_trust_v2_main{background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:26px 28px;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.home_trust_v2_text{font-family:arial;font-size:14.5px;line-height:1.7;color:#3a4453}
.home_trust_v2_text p{margin:0 0 14px}
.home_trust_v2_text p:last-child{margin-bottom:0}
.readmore__toggle{
	margin-top:12px;
	background:none;
	border:0;
	padding:0;
	color:#4a7dfd;
	font-weight:600;
	font-size:14px;
	cursor:pointer;
	font-family:arial;
}
.readmore__toggle:hover{text-decoration:underline}
.home_trust_v2_stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;padding-top:22px;border-top:1px solid #eef0f3}
.home_trust_v2_stat_num{font-size:24px;font-weight:800;color:#1c2733;line-height:1.2}
.home_trust_v2_stat_label{font-family:arial;font-size:12.5px;color:#667085;margin-top:4px;line-height:1.35}
.home_trust_v2_links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:22px}
.home_trust_v2_links a{font-family:arial;font-size:14px;font-weight:600;color:#4a7dfd;text-decoration:none}
.home_trust_v2_links a:hover{text-decoration:underline}

.home_trust_v2_reviews{display:flex;flex-direction:column;gap:14px}
.home_trust_v2_reviews_head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home_trust_v2_reviews_head h5{font-size:17px;font-weight:700;color:#1c2733;margin:0}
.home_trust_v2_reviews_all{font-family:arial;font-size:13px;font-weight:600;color:#4a7dfd;text-decoration:none;white-space:nowrap}
.home_trust_v2_reviews_all:hover{text-decoration:underline}

.home_review_card{background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:16px 18px;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.home_review_card_top{display:flex;align-items:center;gap:10px}
.home_review_card_avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#eef1f4}
.home_review_card_who{flex:1;min-width:0}
.home_review_card_name{font-weight:700;font-size:13.5px;color:#1c2733;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home_review_card_date{font-family:arial;font-size:12px;color:#98a2b3;margin-top:1px}
.home_review_card_stars{display:flex;gap:2px;color:#e3e7ec;flex-shrink:0}
.home_review_card_stars svg.is_filled{color:#ffb020}
.home_review_card_text{
	font-family:arial;
	font-size:13.5px;
	line-height:1.55;
	color:#475467;
	margin:10px 0 0;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.home_review_card_empty{font-family:arial;font-size:13.5px;color:#667085;text-align:center;padding:28px 16px}

@media (max-width:900px){
	.home_trust_v2_grid{grid-template-columns:1fr}
	.home_trust_v2_main{padding:20px}
	.home_trust_v2_stats{grid-template-columns:repeat(2,1fr)}
}