.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Минимальная высота - вся высота экрана */
}

section.single {
  flex: 1; /* Основной контент занимает оставшееся пространство */
}

footer {
  /* Стили для футера */
}

.modal__btns {
  padding: 12px 24px;
}

.popup__order-title{
	font-size:14px;
}

.compare-btn.filled svg path{
    stroke: var(--primary);
    fill: var(--primary);
 }
 
.favorite-btn.filled svg path{
    stroke: var(--primary);
    fill: var(--primary);
}


.header__catalog-nav{
	max-height:500px;
	overflow-y: scroll;
}


/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #753434 #DFE9EB;
}*/

/* Chrome, Edge and Safari */
.header__catalog-nav::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.header__catalog-nav::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #DFE9EB;
}

.header__catalog-nav::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

.header__catalog-nav::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

.header__catalog-nav::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #753434;
}

.header__catalog-nav::-webkit-scrollbar-thumb:hover {
  background-color: #A33434;
}

.header__catalog-nav::-webkit-scrollbar-thumb:active {
  background-color: #A32A2A;
}



.contactsblock .item{
	margin-bottom:32px;
	width:100%;
	float:left;
}

.contactsblock .icon{
	width:80px;
	margin-right:20px;
	height:80px;
	float:left; 
}

.contactsblock .icon .ico{
	width:80px;
	height:80px; 
	border-radius: 50%;
	background:#505050;
	padding:11px;
}
.contactsblock .icon .ico div{
	border-radius: 50%;
	background:#2f2e30;
	height:58px;
	width:58px;
	text-align:center;
	padding:13px;
}

.contactsblock .icon.mail .ico div{
	padding-top:16px;
}
.contactsblock .item:hover .ico{
	background:#eb5454;
}

.contactsblock .item:hover .ico div{
	background:#d81f2f;
}



.contactsblock .text{
	width: calc(100% - 100px);
	float:left;
}

.contactsblock .text .name{
	color:#25252e;
	font-size:20px;
	margin-bottom:10px;
	font-weight:bold;
}

.cats__item-img img{
	height:100px;
	width:auto !important;
	object-fit: contain;
}

.cats__item-offer{
	overflow: hidden;
      text-overflow: ellipsis;
      display: -moz-box;
      -moz-box-orient: vertical;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      line-clamp: 4;
      box-orient: vertical;
      height:70px;
}


.cats__item-top{
	position:relative;
	background:none !important;
}

.align-items-start{
	position:absolute;
	z-index:1;
	right:0;
}

.cats__item{
	border: solid 1px #ebeaea;
	padding: 5px;
	border-radius:5px;
}

.about__item:hover .about__item-offer{
	color:#fff;
}

.items__item .items__text{
	font-size:20px !important;	
}

.items__item{
	position:relative;
}

.items__item .items__text{
	position:absolute;
	z-index:1
}

.items__item .items__img{
	margin-top:50px;
}



@media screen and (min-width: 770px) {
	.items__item--big .items__img{
		max-height:200px !important;	
	}
	.items__item .items__img img{
		max-height:150px !important;
	}
}
@media screen and (max-width:770px) {
	.items__item{
		margin-bottom:50px;
		height:250px !important;
	}
	.f-18{
		font-size:18px;
	}
}

@media screen and (max-width:575px) {
	.cats__item-offer{
		overflow: hidden;
	      text-overflow: ellipsis;
	      display: -moz-box;
	      -moz-box-orient: vertical;
	      display: -webkit-box;
	      -webkit-line-clamp: 6;
	      -webkit-box-orient: vertical;
	      line-clamp: 6;
	      box-orient: vertical;
	      
	}
}
h2, .h2{
	font-size:24px;
}

.single__offer{
	margin-bottom:30px;	
}

a:hover{
	color:#d81f2f;
}

@media screen and (min-width: 1200px) {
	.catalog__items.v_5{
		grid-template-columns: repeat(15, 1fr) ;
	} 
	
}

.searchblock{
	padding:20px 10px;
	border:solid 1px #ced4da;
	border-radius:5px;
}

.smart-filter-popup-result a{
	color:#ced4da;
}

.smart-filter-dropdown-popup ul li label.disabled{
	display:none;
}

.cats__item-price.f18{
	font-size:18px;
}

.item-complect.bgdanger{
	background:#fc03052e;
}

.cats__item-qua{
	font-size:12px;
	display:inline-block;
	border-bottom:dashed 1px;
}
.cats__item-qua{
	margin-bottom:8px;
}
.single__items.qua{
	margin-bottom:10px;
}
.single__items.qua .val{
	display:inline-block;
	border-bottom:solid 1px;
}
.single__items.qua .val.y,.cats__item-qua.y{
	color:#158a00;
}

.single__items.qua .val.n,.cats__item-qua.n{
	color:#81818f;
}

.single__items.qua .val.c,.cats__item-qua.c{
	color:#df4957;
}