/* Start:/local/templates/demiand/components/bitrix/catalog.section.list/header_main_catalog_menu_new/style.css?17843343823938*/
.card-category {
	gap: 4px;
	align-items: flex-start;
	padding: 12px;
	border-radius: 16px;
	background-color: var(--color-background-secondary);
	transition: background-color var(--transition-cubic);
}

.card-category__cover {
	position: relative;
	display: block;
	width: 100%;
	max-width: none;
	aspect-ratio: 1;
}

.card-category__cover > picture,
.card-category__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	transition: transform var(--transition-primary-short);
	transform: var(--cover-transform);
}

.card-category__cover img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.card-category__cover > .card-category__image--dark {
	display: none;
}

html[data-theme="dark"] .card-category__cover > .card-category__image--light {
	display: none;
}

html[data-theme="dark"] .card-category__cover > .card-category__image--dark {
	display: block;
}

.card-category__text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	width: 100%;
}

.card-category__header {
	display: flex;
	gap: 8px;
	align-items: center;
}

.card-category__title {
	color: var(--color-text-primary);
	font: var(--font-card-category);
	transition: color var(--transition-cubic);
	transform: none;
}

.card-category__arrow {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	color: var(--color-text-light);
	transition: color var(--transition-cubic), transform var(--transition-primary-short);
	transform: rotate(90deg);
}

.card-category__description {
	color: var(--color-text-primary);
	font-family: var(--font-inter);
	font-weight: 400;
	font-size: calc(10px + clamp(0px, (100vw - 500px) * .05, 2px));
	line-height: 120%;
	transition: color var(--transition-cubic);
}

@media (min-width: 700px) {
	.card-category {
		gap: 24px;
		padding: 32px 24px;
	}

	.card-category__text {
		gap: 8px;
	}

	.card-category__header {
		gap: 12px;
	}
}

@media (hover: hover) and (pointer: fine) {
	/* заголовок не уезжает вниз (в базовой карточке он смещался на 30%) */
	.card-category:hover {
		--cover-transform: scale(1.08);
		--title-transform: none;
	}

	.card-category:hover .card-category__arrow {
		transform: rotate(90deg) translateY(-4px);
	}
}

.main-catalog.main-catalog {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.main-catalog.main-catalog .main-catalog__card {
	grid-column: auto;
}

@media (min-width: 1000px) {
	.main-catalog.main-catalog {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
	}
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
	.catalog-menu__categories:has(.catalog-menu__card:nth-child(4)):not(:has(.catalog-menu__card:nth-child(5))) {
		--columns: 4;
	}
}

@media (min-width: 1200px) {
	.catalog-menu__categories {
		--card-max-width: 246px;
		--columns: 1;
		grid-template-columns: repeat(var(--columns), var(--card-max-width));
		justify-content: center;
	}

	.catalog-menu__categories .card-category__description {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.catalog-menu__categories:has(.catalog-menu__card:nth-child(2)) {
		--columns: 2;
	}

	.catalog-menu__categories:has(.catalog-menu__card:nth-child(3)) {
		--columns: 3;
	}

	.catalog-menu__categories:has(.catalog-menu__card:nth-child(4)) {
		--columns: 4;
	}

	.catalog-menu__categories:has(.catalog-menu__card:nth-child(5)) {
		--columns: 5;
	}

	.catalog-menu,
	.catalog-menu__scroll-wrapper,
	.catalog-menu__categories {
		width: -moz-fit-content;
		width: fit-content;
	}

	.catalog-menu {
		max-width: min(
				calc(var(--size-container-medium) - var(--size-padding) * 2),
				calc(100% - var(--size-padding))
		);
	}

	.catalog-menu__scroll-wrapper {
		overflow-x: auto;
		max-width: 100%;
	}
}
/* End */


/* Start:/local/templates/demiand/components/bitrix/news.list/ecosystem.main/style.css?17853929313707*/
.app-banner--eco {
  position: relative;           
  align-items: center;
  background-color: #E8E7ED;
  color: var(--color-grey-900);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 25px 0 25px 25px;
  border-radius: 24px;
}

@media (max-width: 1199.98px) {
    .app-banner--eco {
        display: none;
    }
}

.app-eco__main {
  flex: 0 0 70%;                   
  max-width: 70%;
  min-width: 0;
  position: relative;
  z-index: 1;                    
}
.app-eco__media {
  position: absolute;             
  top: 0; right: 0; bottom: 0;
  width: 40%;                     
  z-index: 0;                     
  pointer-events: none;
}
.app-eco__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  align-self: flex-end; 
}

.app-eco__head {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: clamp(20px, 3vw, 32px);
}
.app-eco__logos { display: flex; gap: 12px; flex-shrink: 0; }
.app-eco__logo { width: 64px; height: 64px; border-radius: 16px; overflow: hidden; }
.app-eco__logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.app-eco__title {
  font-family: var(--font-unbounded);
  font-weight: 500;
  font-size: clamp(24px, 3.2vw, 40px);
  line-height: 1.05;
  color: var(--color-text-primary);
}

.app-eco__features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 2.4vw, 28px) clamp(24px, 3vw, 40px);
  margin-bottom: clamp(24px, 3vw, 36px);
}
.app-eco-feature { display: flex; gap: 16px; align-items: flex-start; }
.app-eco-feature__icon {
  display: grid;
  place-items: center;
  width: 60px; height: 60px;
  flex-shrink: 0;
  border-radius: 14px;
  border: 1.5px solid #E8E7ED;
  background-color: var(--color-background-secondary);
}
.app-eco-feature__icon i {
  width: 70%;
  height: 60%;
  background: var(--m) center / contain no-repeat;
}

[data-theme="light"] .app-eco-feature__icon i {
	filter: invert(65%) sepia(0%) saturate(0%) hue-rotate(185deg) brightness(91%) contrast(87%);
}
[data-theme="dark"] .app-eco-feature__icon i {
	filter: brightness(0) invert(1);
}

.app-eco-feature__text {
  color: var(--color-text-secondary);
  font: var(--font-small);
  align-self: center;
}
.app-eco-feature__text b { color: var(--color-text-primary); font-weight: 600; }

.app-eco__foot {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 24px);
  flex-wrap: wrap;
  max-width: 90%;
}
.app-eco__qr {
  display: grid;
  place-items: center;
  width: 150px;
  height: 150px;
  padding: 9px;
  flex-shrink: 0;
  border-radius: 16px;
  border: 1.5px solid var(--color-primary-20);
  background-color: var(--color-white);
}
.app-eco__qr img { width: 100%; height: 100%; object-fit: contain; }
.app-eco__foot-col { display: flex; flex-direction: column; gap: 12px; flex: 1; min-width: 0;}
.app-eco__badges { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end;}
.app-eco__badges img { height: 70px; width: auto; border-radius: 10px; display: block; }
.app-eco__stores { display: flex; flex-wrap: nowrap; gap: 12px; }
.app-eco-store {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 40px;
  border-radius: 12px;
  border: 1px solid var(--color-line-primary);
  background-color: var(--color-background-secondary);
  color: var(--color-text-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  width: 30%;
}
.app-eco-store img { height: 20px; width: auto; }
.app-eco-store .icon { width: 22px; height: 25px; color: var(--color-text-primary); }
.app-eco__media img {  object-position: right bottom; }

   
.section-app__carousel .card-app {background-repeat: no-repeat;background-position-y: bottom;}

/* End */


/* Start:/local/templates/demiand/components/o2k/catalog.section/demiand_v1/style.css?17858624427679*/
.product-like{--defaul-icon-display: inline-flex;--active-icon-display: none;--color: var(--color-border);--color-hover: light-dark(var(--color-grey-500), var(--color-grey-400));--color-active: var(--color-primary);min-height:0;color:var(--color-border);color:var(--color);transition:color var(--transition-cubic)}.product-like .icon{width:24px;max-width:100%;height:24px;max-height:100%}.product-like--active{--defaul-icon-display: none;--active-icon-display: inline-flex;--color-hover: var(--color-active);color:var(--color-active)}.product-like__icon{display:var(--defaul-icon-display)}.product-like__icon-active{display:var(--active-icon-display)}.card-product-gallery{position:relative;overflow:hidden;margin:4px 4px 0;border-radius:12px;background-color:var(--color-background-primary);transition:background-color var(--transition-cubic)}.card-product-gallery__swiper{width:100%}.card-product-gallery__slide.swiper-slide{width:100%;max-height:331px;aspect-ratio:248 / 331}.card-product-gallery__slide.swiper-slide img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.card-product-gallery__pagination.swiper-pagination-bullets{--swiper-pagination-bottom: 0;--swiper-pagination-bullet-width: 100%;--swiper-pagination-bullet-height: 100%;--swiper-pagination-bullet-size: 100%;--swiper-pagination-bullet-horizontal-gap: 0;--swiper-pagination-bullet-border-radius: 0;--swiper-pagination-color: transparent;--swiper-pagination-bullet-inactive-color: transparent;--swiper-pagination-bullet-inactive-opacity: 1;display:flex;gap:4px;justify-content:center;align-items:center;height:100%;opacity:0;cursor:pointer}.card-product-gallery__pagination.swiper-pagination-bullets.swiper-pagination-bullets.swiper-pagination-horizontal{left:0;width:100%}.card-product-gallery__pagination.swiper-pagination-bullets .swiper-pagination-bullet{display:flex;flex-direction:column;cursor:pointer}.card-product-gallery__pagination.swiper-pagination-bullets .swiper-pagination-bullet:after{content:"";width:100%;height:2px;margin-top:auto;border-radius:4px;background-color:var(--color-text-light);opacity:.3}.card-product-gallery__pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:after{opacity:1}.card-product-gallery__image{display:flex;justify-content:center;height:100%}.card-product-gallery__slide:not(:first-child) picture.lazy img{transition:none}.card-product{--cart-button-display: none;--tag-bg-color: var(--color-background-tertiary);position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;border-radius:16px;background-color:var(--color-background-secondary);transition:background-color var(--transition-cubic)}.card-product__cover{position:relative;width:100%}.card-product__content{display:flex;flex-direction:column;gap:8px;padding-inline:12px}.card-product__title{--line-clamp: 2;font-weight:400;font-size:10px;line-height:130%}.card-product__title a{--link-color-hover: inherit;--link-color-active: inherit}.card-product__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card-product__labels{position:absolute;top:12px;left:12px;z-index:10;display:flex;flex-wrap:wrap;gap:4px;max-width:100px}.card-product__label{display:inline-flex;align-items:center;min-height:4px;padding:2px 4px;border-radius:4px;background-color:var(--color-neutral);color:var(--color-button-text);font-weight:600;font-size:8px;font-family:var(--font-unbounded);line-height:130%;letter-spacing:.01em;text-transform:uppercase}.card-product__label--green{background-color:var(--color-success)}.card-product__label--red{background-color:var(--color-primary)}.card-product__label--blue{background-color:var(--color-neutral)}.card-product__label--new{--label-bg: linear-gradient(265.14deg,#a87734 0%,#f2d996 50%,#c39953 100%);flex:none;background:var(--label-bg);color:#181818;text-transform:none;white-space:nowrap}.card-product__tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.card-product__tag{display:inline-flex;padding:2px 4px;border-radius:4px;background-color:var(--tag-bg-color);font-weight:600;font-size:8px;font-family:var(--font-unbounded);line-height:10px;transition:background-color var(--transition-cubic)}.card-product__footer{display:flex;gap:8px;align-items:center;margin-top:auto;padding:0 12px}.card-product__price-wrapper{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;font-weight:600;font-family:var(--font-unbounded)}.card-product__old-price{color:var(--color-text-light);font-size:10px;line-height:120%;text-decoration:line-through;transition:color var(--transition-cubic)}.card-product__price{font-size:14px;line-height:17px}.card-product__footer:has(.card-product__out-of-stock){justify-content:center;padding-bottom:22px}.card-product__out-of-stock{font-weight:600;font-size:10px;line-height:12px;text-align:center}.card-product__cover .card-product__add-to-cart{position:absolute;right:8px;bottom:4px;z-index:10;display:var(--cart-button-display)}.card-product>.card-product__add-to-cart{position:relative;z-index:10;display:flex;align-items:center;min-height:44px;padding:0 12px 8px;left:0px;}.card-product>.card-product__add-to-cart .card-product__cart-button{flex:1 1 auto;width:100%}.card-product>.card-product__add-to-cart .card-product__counter{flex:none;width:100%;}.card-product__cart-button{--icon-size: 16px;min-height:36px;padding:8px;border-radius:12px;transition-property:var(--transition-props-color),transform}.card-product__cart-button .icon{width:var(--icon-size);height:var(--icon-size);transition:transform var(--transition-cubic)}.card-product__counter{width:80px}.card-product__fav-button{position:absolute;top:2px;right:2px;z-index:10;min-height:44px}.card-product__fav-button .product-like{padding:10px}.modal-product-added__list .card-product{background-color:var(--color-background-secondary)}.modal-product-added__list .product-like{color:var(--color-border)}@media (min-width: 700px){.card-product-gallery__pagination.swiper-pagination-bullets{gap:6px}}@media (min-width: 1000px){.card-product{gap:12px}.card-product__content{gap:12px;padding-inline:20px}.card-product__title{font-size:16px;line-height:21px}.card-product__labels{max-width:160px}.card-product__label{min-height:21px;padding:4px 8px;border-radius:6px;font-size:10px}.card-product__label--blue{background-color:var(--color-neutral-2)}.card-product__tag{padding:4px 8px;border-radius:6px;font-size:10px;line-height:130%}.card-product__footer{padding:0 20px}.card-product__old-price{font-size:12px;line-height:14px}.card-product__price{font-size:18px;line-height:22px}.card-product__footer:has(.card-product__out-of-stock){padding-bottom:30px}.card-product__out-of-stock{font-size:12px;line-height:14px}.card-product__cover .card-product__add-to-cart{right:12px;bottom:8px}.card-product>.card-product__add-to-cart{min-height:60px;padding:0 20px 16px}.card-product__cart-button{--icon-size: 20px;min-height:44px;padding:10px;border-radius:16px}.card-product__counter{width:98px}.card-product__fav-button{top:8px;right:8px}}@media (hover: hover) and (pointer: fine){.product-like:hover{color:var(--color-hover)}.card-product:hover{--cart-button-display: inline-flex;--tag-bg-color: var(--color-background-primary);background-color:var(--color-background-alternate)}.card-product__cover .card-product__cart-button:hover{transform:scaleX(1.15)}.card-product__cover .card-product__cart-button:hover .icon{transform:scaleX(.85)}.card-product>.card-product__add-to-cart .card-product__cart-button:hover{transform:scale(1.03)}}@media (hover: none) or (pointer: coarse){.card-product-gallery__pagination.swiper-pagination-bullets{pointer-events:none}.card-product{--cart-button-display: inline-flex}}
/* End */
/* /local/templates/demiand/components/bitrix/catalog.section.list/header_main_catalog_menu_new/style.css?17843343823938 */
/* /local/templates/demiand/components/bitrix/news.list/ecosystem.main/style.css?17853929313707 */
/* /local/templates/demiand/components/o2k/catalog.section/demiand_v1/style.css?17858624427679 */