

/* Start:/local/templates/nitka/components/bitrix/catalog.element/.default/style.css?17582696651351*/
.product-card__price-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.product-item-price-old {
    color: #a5a5a5;
    text-decoration: line-through;
    white-space: nowrap;
    font-size: 14px;
}
.product-item-scu-item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-item-detail-info-container {
    margin-bottom: 20px;
}
.product-item-detail-info-container-title {
    margin-bottom: 3px;
    color: #000;
    font-weight: var(--ui-font-weight-bold);
    font-size: var(--clamp-14-16);
}
.product-item-scu-item-text-container {
    --bg: #fff;
    color: #000;
    display: inline-block;
    position: relative;
    padding: var(--padding);
    border-radius: 4px;
    background-color: var(--bg);
    color: var(--color);
    -webkit-transition: background-color, color 0.15s;
    transition: background-color, color 0.15s;
	--padding: 8px 25px;
     cursor: pointer;
}

.product-item-scu-item-text-container.selected {
    --bg: #000;
    --color: #fff;
}

.product-item-scu-item-text {
    font-size: var(--clamp-14-16);
}
/* End */


/* Start:/local/templates/nitka/components/bitrix/catalog.section/.default/style.css?1758269665212*/
.grid_2-cols .product-card__image-container {
    height: clamp(215px, 25.42vw, 366px);
}
.radio-quantity-filter.current {
    background-color: var(--accent-10);
    font-weight: 500;
    color: var(--accent);
}
/* End */


/* Start:/local/templates/nitka/components/bitrix/catalog.item/.default/style.css?17639871646422*/
.product-card .product_card_actions_wide {
	width:100%;
}
.product-card .btn {
   padding: 12px 14px!important;
}
/*dropdown*/
.wrapper-dropdown-1 {
	color: #5e5e5e;
  background-color: var(--gray-50);
  border-radius: 0.3rem;
	box-sizing: border-box;
  cursor: pointer;
  display: block;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  padding: 0.6rem;
  font-size: 14px;
  line-height: 1.1rem;
  position: relative;
  outline: none;
  height: 36px;
  width: 80px;
}

@media (max-width: 696px) {
    .wrapper-dropdown {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}
.wrapper-dropdown-1:after {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    background: url(/local/templates/nitka/components/bitrix/catalog.item/.default/images/select-black.svg) 50% / contain no-repeat;
    right: 7px;
    top: 12px;
	opacity: 0.5;
}
.wrapper-dropdown-1 .dropdown {
    position: absolute;
    top: 110%;
    left: 2px;
    right: 1px;
    background: #fff;
    list-style: none;
    font-weight: normal;
    opacity: 0;
    pointer-events: none;
    background-color: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    padding: 0.6rem;
    z-index: 20;
}
.wrapper-dropdown-1 .dropdown li{
    display: block;
}
.wrapper-dropdown-1 .dropdown li .product-item-scu-item-text {
    display: block;
    text-decoration: none;
    color: #9e9e9e;
    padding: 10px;
    font-size: 1.6rem;
    line-height: 1.1rem;
    font-weight: 500;
    color: #444;
}
.wrapper-dropdown-1 .dropdown li:hover .product-item-scu-item-text {
    text-decoration:underline;
}
.wrapper-dropdown-1.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.wrapper-dropdown-1.active {
}

/* No CSS3 support */
.no-opacity .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
    display: block;
}


/*Label*/
.product-card__label {
    top: auto!important;
    left: auto!important;
}
.product-item-label-top { top: 0px; }
.product-item-label-center {
	left: 50%;
	transform: translateX(-50%);
}
.product-item-label-left { left: 0px; }
.product-item-label-bottom { bottom: 0px; }
.product-item-label-middle { top: 50%;
	transform: translateY(-50%);
}
.product-item-label-right { right: 0px; }


/*Price Old*/
.product-item-price-old {
	color: #a5a5a5;
	text-decoration: line-through;
	white-space: nowrap;
	font-size: 12px;
}

.product-item-big-card .product-item-price-old {
	vertical-align: middle;
	line-height: 20px;
}

.product-item-big-card .product-item-price-old { font-size: 15px; }

/*Image Slider*/
.product-item-image-original,
.product-item-image-alternative {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: opacity 300ms linear;
}

.product-item-image-original { z-index: 1; }

.product-item-image-alternative {
	z-index: 3;
	opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; }

.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; }

.product-item-image-slider-slide-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: opacity 300ms ease;
}

.product-item-image-slide {
	position: relative;
	display: none;
	height: 100%;
	background-color: #fff;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: .6s ease-in-out left;
}

@media all and (transform-3d), (-webkit-transform-3d) {
	.product-item-image-slide {
		transition: transform .6s ease-in-out;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}

	.product-item-image-slide.next,
	.product-item-image-slide.active.right {
		left: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	.product-item-image-slide.prev,
	.product-item-image-slide.active.left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.product-item-image-slide.next.left,
	.product-item-image-slide.prev.right,
	.product-item-image-slide.active {
		left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev { display: block; }

.product-item-image-slider-slide-container > .active { left: 0; }

.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.product-item-image-slider-slide-container > .next { left: 100%; }

.product-item-image-slider-slide-container > .prev { left: -100%; }

.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right { left: 0; }

.product-item-image-slider-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}

.product-item-image-slider-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	background-color: #f42c2c;
	opacity: .8;
}

.product-item-image-slider-control-container {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 5;
	padding: 0;
	text-align: center;
	opacity: 1;
	transition: opacity 300ms ease;
}

.product-item-container.hover .product-item-image-slider-control-container,
.product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; }

.product-item-image-slider-control{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(128, 128, 128, .8);
	opacity: .6;
	cursor: pointer;
	transition: all 300ms ease;
}
.product-item-image-slider-control.active {
	background-color: rgb(232 70 35);
}
.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover { cursor: pointer;  }

/* End */
/* /local/templates/nitka/components/bitrix/catalog.element/.default/style.css?17582696651351 */
/* /local/templates/nitka/components/bitrix/catalog.section/.default/style.css?1758269665212 */
/* /local/templates/nitka/components/bitrix/catalog.item/.default/style.css?17639871646422 */
