/* Главная: карточка «В наличии» справа от «Каталога продукции».
   Рамка, тень и отступы — как у карточки каталога (.frontpage-catalog-section в style.css),
   на узких экранах карточка встаёт под каталог на всю ширину — как сам каталог (responsive.css).
   Этот файл подключается раньше style.css и responsive.css, поэтому там, где правило спорит
   с правилами сайта, селектор усилен вторым классом (.row-inner.frontpage-row-cards) */

.row-inner.frontpage-row-cards { display: flex; align-items: stretch; justify-content: space-between; }
/* псевдоэлементы, которыми ряд отменяет обтекание, в таком ряду не нужны: они заняли бы место как отдельные блоки */
.row-inner.frontpage-row-cards:before,
.row-inner.frontpage-row-cards:after { display: none; }
.row-inner.frontpage-row-cards .frontpage-catalog-section { float: none; }

.frontpage-stock-section { box-sizing: border-box; width: 378px; padding: 36px 29px 24px; border-top: 10px solid #dae8f0; background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(211, 211, 211, 0.9); box-shadow: 0 0 4px 0 rgba(211, 211, 211, 0.9); }
.frontpage-stock-section .title { margin-bottom: 24px; }
.frontpage-stock-section .frontpage-stock-list { margin: 0; padding: 0; list-style: none; }
.frontpage-stock-section .frontpage-stock-item { margin: 0 0 14px; padding: 0; font-size: 16px; line-height: 24px; }
.frontpage-stock-section .frontpage-stock-item a { text-decoration: none; }
.frontpage-stock-section .frontpage-stock-item a:hover,
.frontpage-stock-section .frontpage-stock-item a:active { text-decoration: underline; }
.frontpage-stock-section .frontpage-stock-note { display: block; font-size: 14px; line-height: 20px; color: #ababab; }

@media (min-width: 800px) and (max-width: 1023px) {
	.frontpage-stock-section { width: 37%; padding: 36px 28px 24px 22px; }
}
@media (max-width: 799px) {
	.row-inner.frontpage-row-cards { display: block; }
	.frontpage-stock-section { width: 100%; margin-top: 20px; padding: 30px 30px 14px 38px; }
}
@media (max-width: 550px) {
	.frontpage-stock-section { padding: 30px 20px 14px; }
}