

/* Start:/local/templates/pappy_pets/components/bitrix/news.list/banner_type/style.css?1783144397838*/
.catalog-main-types-item.no-active .img img{
	-webkit-filter: blur(3px); /* Старые Safari/Chrome */
	filter: blur(3px);
    border-radius: 40px;
}
/* Основной блок */
.catalog-main-types-item {
  transition: all 0.3s ease;
  cursor: pointer;
}
/* Эффект при наведении */
.catalog-main-types-item:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); /* Тень */
}

/* Стрелочка внутри h4 */
.catalog-main-types-item .text h4 img {
  transition: transform 0.3s ease;
  display: inline-block; /* Чтобы transform работал */
  width: 32px;
  height: 32px;
}

/* Поворот стрелочки при наведении + увеличение */
.catalog-main-types-item:hover .text h4 img {
  transform: rotate(90deg) scale(1.4); /* Оба эффекта вместе! */
}
/* End */


/* Start:/local/templates/pappy_pets/components/bitrix/catalog.section.list/home_sections/style.css?17830658343349*/
.v2 .catalog-item {
	position: relative;
	background: #fff;
	border-radius: 16px;
}
.v2 .catalog-item .img {
	background: #fff;
	margin-bottom: 0;
}
.v2 .catalog-item.all .img {
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	background: #9fe0ff;
	margin-bottom: 0;
	display: flex;
	height: 100%;
}
.v2 .catalog-item .text {
	width: 100%;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
.v2 .catalog-item .text h4 {
	text-align: right;
	max-width: 50%;
}
.v2 .icon {
	position: absolute;
	top: 5px;
	right: 5px;
}
.v2 .catalog-item .img img {
	border-radius: 16px;
	width: 45%;
	height: 140px;
	object-fit: cover;
}
.v2 .catalog-item:nth-child(3) .img img {
	width: 62%;
}
.v2 .catalog-item .text h4 a {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 20px;
	line-height: 80%;
	letter-spacing: -0.03em;
	color: #2c2c2c;
}
.v2 .catalog-item.all .img img {
	opacity: 0;
	width: 1%;
}
.v2 .catalog-item.all .text h4 a {
	color:#fff;
}
.v2 .catalog-item.all .text {
	left: 10px;
	right: unset;
	justify-content: flex-start;
}
.v2 .catalog-item.all svg path {
	stroke:#fff;
}
@media (max-width: 1024px) {
	.catalog-main .container .catalog-main-inner .catalog-main-types {
		margin-bottom: 20px!important;
	}
}
@media (min-width:1200px) {
	
}
@media (min-width:768px) and (max-width:1199px) {
	.v2 .catalog-item .text h4 a {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 10px;
		line-height: 160%;
		letter-spacing: -0.02em;
		text-align: center;
		color: #000;
	}
	.v2 .catalog-item.all .text h4 a {
		font-family: var(--font-family);
		font-weight: 700;
		font-size: 12px;
		line-height: 80%;
		color: #fff;
	}
	.v2 .catalog-item.all .img {
		height: 100%;
	}
	.v2 .catalog-item:not(.all) .text {
		width: 100%;
		position: relative;
		bottom: unset;
		right: unset;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.v2 .catalog-item:not(.all) .icon {
		display: none;
	}
	.v2 .catalog-item:not(.all) .img img {
		height: 140px;
		width: auto;
	}
	.v2 .catalog-item:not(.all) .img {
		text-align: center;
		border: 1px solid rgba(254, 190, 206, 0.29);
	}
	body .catalog-main-grid.v2 {
		background: #fff!important;
		padding: 16px!important;
		border-radius: 16px!important;
	}
}
@media (max-width:767px) {
	.v2 .catalog-item .text h4 a {
		font-family: var(--font-family);
		font-weight: 500;
		font-size: 10px;
		line-height: 12px;
		letter-spacing: -0.02em;
		text-align: center;
		color: #000;
		display: block;
	}
	.v2 .catalog-item.all .text h4 a {
		font-family: var(--font-family);
		font-weight: 700;
		font-size: 12px;
		line-height: 14px;
		color: #fff;
	}
	.v2 .catalog-item:not(.all) .text {
		width: 100%;
		position: relative;
		bottom: unset;
		right: unset;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	.v2 .catalog-item:not(.all) .icon {
		display: none;
	}
	.v2 .catalog-item:not(.all) .img img {
		height: 140px!important;
		width: auto;
	}
	.v2 .catalog-item:not(.all) .img {
		text-align: center;
		border: 1px transparent;
	}
	.v2 .catalog-item {
		position: relative;
		background: transparent;
		border-radius: 16px;
	}
	.catalog-main-grid.v2 {
		grid-template-columns: repeat(2, 1fr)!important;
	}
	.v2 .catalog-item.all .img {
		height: 100%!important;
	}
}
/* End */
/* /local/templates/pappy_pets/components/bitrix/news.list/banner_type/style.css?1783144397838 */
/* /local/templates/pappy_pets/components/bitrix/catalog.section.list/home_sections/style.css?17830658343349 */
