/* stalker-shop.by — вводные тексты разделов, описания, вопросы-ответы, таблицы,
   блок «как купить», промо для военных кафедр, мобильная сетка каталога. */

/* ---------- заголовок модуля уровня h2 (в стиле заголовков модулей шаблона) ---------- */
.moduletable > h2.stk-mod-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: normal;
	color: #494949;
	padding: 12px 0;
	margin: 0 0 10px;
	border-bottom: 1px solid #19592d;
}

/* ---------- вводный блок раздела ---------- */
.stk-lead {
	background: #eaf0f0;
	padding: 16px 20px;
	margin: 0 0 22px;
	font-size: 16px;
	line-height: 1.6;
	color: #303030;
}
.stk-lead p { margin: 0 0 8px; }
.stk-lead p:last-child { margin-bottom: 0; }
.stk-facts { color: #4e4e4e; font-size: 15px; }
.stk-lead a,
.stk-text a,
.stk-buy a { color: #19592d; text-decoration: underline; }
.stk-lead a:hover,
.stk-text a:hover,
.stk-buy a:hover { color: #0e3a1c; }

/* ---------- развёрнутый текст ---------- */
.stk-text {
	margin: 34px 0 10px;
	max-width: 900px;
	font-size: 16px;
	line-height: 1.6;
	color: #303030;
}
.stk-text h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
	color: #303030;
	letter-spacing: 0;
	text-transform: none;
	margin: 32px 0 12px;
	padding: 0;
}
.stk-text h2:first-child { margin-top: 0; }
.stk-text p { margin: 0 0 12px; }
.stk-text ul { margin: 0 0 14px; padding: 0 0 0 20px; }
.stk-text li { margin: 0 0 6px; }

/* ---------- таблица ---------- */
.stk-table-wrap { overflow-x: auto; margin: 0 0 14px; }
.stk-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.45; }
.stk-table th {
	background: #303030;
	color: #fff;
	font-weight: 700;
	text-align: left;
	padding: 10px 12px;
}
.stk-table td { padding: 10px 12px; vertical-align: top; }
.stk-table tbody tr:nth-child(even) td { background: #eef2f2; }
.stk-table td:last-child,
.stk-table th:last-child { white-space: nowrap; }

/* ---------- вопросы и ответы ---------- */
.stk-faq__q {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.4;
	font-weight: 700;
	color: #303030;
	text-transform: none;
	letter-spacing: 0;
	margin: 20px 0 6px;
	padding: 0;
}
.stk-faq__a p { margin: 0 0 10px; }

/* ---------- главная ---------- */
.stk-home-h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 1.25;
	font-weight: 700;
	color: #303030;
	letter-spacing: 0;
	margin: 26px 0 12px;
}
.stk-lead--home { margin-bottom: 8px; }
.stk-home-about { margin-top: 10px; }

/* ---------- промо для студентов военных кафедр ---------- */
.stk-promo {
	display: block;
	background: #d71920;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	font-size: 17px;
	line-height: 1.4;
	padding: 12px 20px;
	text-wrap: balance;
}
.stk-promo:hover,
.stk-promo:focus { background: #b91c1c; }
.stk-promo strong { text-transform: uppercase; letter-spacing: .02em; }
.stk-promo__more { text-decoration: underline; white-space: nowrap; margin-left: 6px; }
#breadcrumb-line .moduletable + .moduletable { margin-top: 0; }

/* ---------- пункт меню «Военная кафедра» ---------- */
#megamenu-handler li.item-990 { background: #d71920; }
#megamenu-handler li.item-990 > a { color: #fff !important; }
#megamenu-handler li.item-990 > a:hover { background: #b91c1c !important; }

/* ---------- карточки товаров в каталоге ---------- */
.browse-view .product .spacer .h-pr-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 400;
	text-align: center;
	margin: 2px 0 0 !important;
	padding: 12px 0 !important;
}
.browse-view .h-pr-title,
.category-view .cat-title { text-wrap: balance; }
.stk-order-phones { line-height: 1.35; }
.stk-order-phones__label { margin-bottom: 4px; }
.stk-order-phones a { display: block; white-space: nowrap; }

/* ---------- карточка товара: как купить ---------- */
.productdetails-view .addtocart-bar { height: auto !important; min-height: 0; }
.stk-buy {
	list-style: none;
	margin: 18px 0 0;
	padding: 14px 16px;
	background: #eaf0f0;
	font-size: 15px;
	line-height: 1.5;
	color: #303030;
}
.stk-buy li { margin: 0 0 4px; }
.stk-buy li:last-child { margin-bottom: 0; }
.stk-buy span { font-weight: 700; }
.stk-kafedra-link { margin: 14px 0 0; }
.stk-kafedra-link a {
	display: inline-block;
	background: #d71920;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	padding: 10px 16px;
}
.stk-kafedra-link a:hover { background: #b91c1c; color: #fff; }
.product-description .stk-text { margin-top: 10px; }
.stk-promo-img img { max-width: 100%; height: auto; }

/* ---------- хлебные крошки ---------- */
#brcr .breadcrumbs { font-size: 14px; line-height: 1.5; color: #6b6b6b; padding: 12px 0 0; }
#brcr .breadcrumbs a { color: #19592d; }

/* ---------- мобильная версия: по две карточки и плитки в ряд ---------- */
@media (max-width: 767px) {
	.browse-view {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 10px;
	}
	.browse-view > * { grid-column: 1 / -1; }
	.browse-view > .row-fluid:not(.orderby-displaynumber) { display: contents; }
	.browse-view > .row-fluid:not(.orderby-displaynumber)::before,
	.browse-view > .row-fluid:not(.orderby-displaynumber)::after { display: none; }
	.browse-view > .row-fluid > .clear,
	.browse-view > .horizontal-separator { display: none; }
	.browse-view > .row-fluid > .product {
		grid-column: auto;
		float: none !important;
		width: auto !important;
		margin: 0 0 10px !important;
		min-width: 0;
	}
	.browse-view > .row-fluid > .product { display: flex; flex-direction: column; }
	.browse-view > .row-fluid > .product > .spacer { flex: 1 1 auto; }
	.browse-view .product .spacer { padding: 10px 8px !important; height: auto !important; }
	.browse-view .product .spacer .spacer-handler { height: auto !important; }
	.browse-view .product .spacer .h-pr-title { font-size: 15px; padding: 8px 0 !important; }
	.browse-view .product .product_s_desc { display: none; }
	.browse-view .product .stk-order-phones { font-size: 14px; }
	.browse-view .product .browseProductImage { max-width: 100%; height: auto; }

	.category-view {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 10px;
	}
	.category-view > * { grid-column: 1 / -1; }
	.category-view > .row-fluid:not(.orderby-displaynumber) { display: contents; }
	.category-view > .row-fluid:not(.orderby-displaynumber)::before,
	.category-view > .row-fluid:not(.orderby-displaynumber)::after { display: none; }
	.category-view > .row-fluid > .clear,
	.category-view > .horizontal-separator { display: none; }
	.category-view > .row-fluid > .category {
		grid-column: auto;
		float: none !important;
		width: auto !important;
		margin: 0 0 10px !important;
		min-width: 0;
	}
	.category-view .category .spacer { height: auto !important; padding-bottom: 10px; }
	.category-view .category .spacer img { max-width: 100%; height: auto; }
	.category-view .category .cat-title { font-size: 15px; line-height: 1.25; }

	#main-content-handler > .row-fluid { display: flex; flex-direction: column; }
	#main-content-handler > .row-fluid > .span3 { order: 2; margin-top: 20px; }
	#main-content-handler > .row-fluid > [class*="span"] { width: 100%; margin-left: 0; }

	.stk-home-h1 { font-size: 22px; margin-top: 18px; }
	.stk-text h2 { font-size: 19px; }
	.stk-lead { padding: 14px; font-size: 15px; }
	.stk-promo { font-size: 15px; padding: 10px 14px; }
	.stk-table { font-size: 14px; }
	.stk-table th, .stk-table td { padding: 8px; }
}

/* ---------- страница ошибки ---------- */
.stk-error-page { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #303030; background: #fff; }
.stk-error-head { background: #303030; padding: 14px 0; }
.stk-error-wrap { max-width: 1170px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.stk-error-head .stk-error-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.stk-error-logo img { display: block; width: 230px; height: auto; background: #fff; padding: 6px 10px; }
.stk-error-contacts { display: flex; flex-wrap: wrap; gap: 6px 18px; color: #fff; font-size: 16px; }
.stk-error-contacts a { color: #fff; text-decoration: none; font-weight: 700; }
.stk-error-main { padding-top: 40px; padding-bottom: 60px; font-size: 17px; line-height: 1.6; }
.stk-error-code { font-size: 64px; line-height: 1; font-weight: 700; color: #d71920; margin: 0 0 8px; }
.stk-error-main h1 { font-size: 30px; line-height: 1.25; margin: 0 0 14px; }
.stk-error-links { list-style: none; margin: 18px 0 26px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.stk-error-links a { display: block; height: 100%; box-sizing: border-box; background: #eaf0f0; color: #19592d; font-weight: 700; text-decoration: none; padding: 12px 14px; }
.stk-error-links a:hover { background: #dde6e6; }
.stk-error-home { display: inline-block; background: #d71920; color: #fff !important; font-weight: 700; text-decoration: none; padding: 12px 20px; }
.stk-error-home:hover { background: #b91c1c; }

/* ---------- шапка: шрифт шаблона (Arial) шире системного, выравниваем ширины ---------- */
#kontakts .kont > div + div { width: 270px !important; }
@media (min-width: 980px) {
	#megamenu-handler .mega-menu-responsive-handler.span8 { width: calc(100% - 60px); }
}
@media (min-width: 980px) and (max-width: 1199px) {
	#menu .menu-nav > li > a { padding: 0 5px !important; font-size: 12px !important; }
	#menu .menu-nav > li > a > span { padding-left: 12px; padding-right: 12px; }
	ul#mega-menu > li > a { padding-left: 8px !important; padding-right: 8px !important; }
}