.status { position: relative; width: 100px; height: 50px; margin-bottom: -50px; padding-top: 0.5em;}
.status-product { height: 50px; padding-top: 1em;}
.new,.hit, .promo, .nostock, .discontinued { font-size: 10px; font-weight: bold; line-height:19px; text-transform: uppercase; width: 55px; height: 18px; text-align: center; color: white; margin-bottom: 3px;}
.new { background-color: #2196f3}
.hit { background-color: #2f9a41}
.promo { background-color: #ff7200}
.nostock {width:75px; background-color:#777}
.discontinued { height: 35px; width:105px; background-color:#777; text-align: left; line-height:15px; padding:3px 0 0 7px }


.status div:nth-child(3), .status div:nth-child(4) {display:none}


/* Заказать подбор внизу списка товаров из категории */
.zakaz-podbor { background-image: url(/assets/img/podbor.jpg); background-size: cover;  padding: 1.5em 2em 2.25em 2em; color: white;}
.zakaz-podbor h2 {    margin-top: 0.75rem; }
.btn-white, .btn-white:focus { background-color: white; border-color: white; -webkit-box-shadow: none; box-shadow: none; color: #444; }

.invalid {color:#F55;}
.podbor {color:white; background-color:#2b2b2b;}
.podbor .form-group {max-width:250px;}
.podbor .left {padding:2rem; padding-left:10%;}
.podbor input, .podbor input:focus {color:white; border:1px solid white; background:transparent; font-size:1rem;}
.podbor button {padding:.75rem 2rem; border-radius:2rem;}
.podbor .check {font-size: .9rem; color:#777;
	background-image:url(/assets/img/check.svg); background-size:16px 16px; background-repeat:no-repeat; 
	background-position:0 0; padding-left:24px;}



#filters {font-size:.9rem}
#filters .buttons { margin: 2rem 0 1.5rem 0;}
.filter { margin-bottom: 0.5em;}
.filter h4 { font-size: 14px; font-weight: bold; margin: 1rem 0 .5rem 0;}
.filter label.bold { font-weight: bold;}
.filter label.bold sup { font-weight: normal;}

.filter-total .total-num {color:var(--primary); font-weight:bold}


.pre-content { background-color: #eaeaea; font-size: 1.2em;} /* Инфо перед списком категорий */
.pre-content .img-fluid { max-height: 240px; }

/* Вывод разделов для МБТ */
.submenu {list-style:none; padding: 0.125rem 0; margin-left:0 !important;}
.submenu .nav-item a { color: var(--secondary); font-size:1rem;}
.submenu .active {font-weight:bold;}


/* Custom controls в фильтрах */
label.custom-control-label:first-letter { text-transform: uppercase}
label.custom-control-label.no-caps { text-transform: none}

.custom-checkbox.d-inline-flex {width:50%}
.custom-checkbox.d-inline-flex label {margin: 0 .75rem 0 .5rem;}
.custom-control { min-height: 1.75rem;}


.add-to-cart, .add-to-cart-done { width: 48px; height: 48px; border-radius: 24px }
.add-to-cart { border: 2px solid #888; background-color: white; background: url(/assets/img/icons/cart-gray.svg) 10px 12px no-repeat;
	background-size: 21px 21px}
.add-to-cart:hover { border: 2px solid white; background-color: var(--primary); background-image: url(/assets/img/icons/cart-white.svg)}
.add-to-cart-done { border: 2px solid white; margin-bottom: 2px; background-color: var(--primary); background-size: 21px 21px;
    background-image: url(/assets/img/icons/cart-white.svg); background-repeat: no-repeat; background-position: 10px 12px;}


/* Карточки в категории */
h1.catalog { padding: 0 0 1rem 0;}
#sort-btn, #sort-btn.active { color: var(--secondary) !important; cursor: pointer !important;}
.price-wr { line-height: 1rem; color: #444; font-size: 1.5rem; }
.price-wr .old { color: #d02e2e; font-size: .7em; font-weight: normal; text-decoration: line-through; white-space: nowrap; }

.catalog { padding: 0; background-color: white; margin: 0 auto;}
.item { display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0.5rem; height: 100%;}
@media (max-width: 480px) {
	.catalog .item {box-shadow:none !important; border-bottom:1px solid #ddd}
	.price-wr { font-size: 1.75rem; }
}

.item:hover { box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;}
.item .h3 a{ font-size: 1rem; font-weight: bold; margin: 0.5em 0; color: var(--secondary);}
.item:hover .h3 a { color: var(--primary);}
.item .text { font-size: .9rem; line-height: 1.1rem;}
.item .foto { text-align: center; padding: 0}
.item .btn-primary { padding: 0 15px; border: 1px solid var(--primary); height: 30px; color: #333; background-color: #fff}
.item .btn-primary:hover { color: #fff; background-color: var(--primary);}
.item .btn-clear { height: 30px; font-size: .85em;}
.item .info { max-height: 130px; overflow: visible; padding-top: 0px;}
.item .info .h3 { font-size: 1.05em; line-height: 1.2em; font-weight: 600; margin-bottom: 7px;}
.item .info ul { margin: 0; padding-left: 1em}
.item .info li { margin: 0 0 4px 3px; padding-left: 0; color: #666;}
.item .actions { margin-top: auto;}

.old_price { text-decoration: line-through; color: #aaa; }

.sticky-fix {scrollbar-color: #e4e4e4 white;}
.sticky-fix::-webkit-scrollbar { width: 16px;}
.sticky-fix::-webkit-scrollbar-thumb { border-radius: 10px; border: 5px solid transparent; background-clip: content-box; background-color: #e4e4e4;}

@media (min-width: 480px) {
.sticky-fix {
	max-height: calc(100vh - 80px); top:70px; overflow-y:auto;
	direction: ltr; scrollbar-color: #e4e4e4 white; scrollbar-width: thin;}
}


.article-link {color:white; font-size:1.3rem;}

.article-title {height:200px; background-size:cover; color:white; display:flex; align-items:flex-end; padding:1rem; margin-bottom:1rem;
			-webkit-justify-content: flex-end; -webkit-align-items: flex-end; }