/*====== css qty =====*/
.qty_area	{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
		height:fit-content;
}


.qty_area.in_cart{
	justify-content: flex-end;
}


.product_card_counter {
	position: relative;
	width: fit-content;
	height: fit-content; 
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: space-between; 
	border-radius: 12px;
}

.product_card_counter .items__control, 
.product_card_counter .counter_field{
	transition: 0.25s; 
}


.product_card_counter .items__control {
 	width: fit-content;
	height: 36px;
	padding: 0px 8px 0px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.product_card_counter .items__control img {
	width: 20px;
}

.product_card_counter .counter_field {
	width: 60px;
}


/* Start */
.product_card_counter.start {background: unset;}
.product_card_counter.start .items__control.left,
.product_card_counter.start  .counter_field{
	opacity: 0;
}


/* @media (max-width: 1366px) {   */

	.product_card_counter.start .items__control.left,
	.product_card_counter.start  .counter_field{
		display:none;
	}

/* } */

/* Ative */
.product_card_counter.active{width: 100%;}

.product_card_counter.active .items__control.left,
.product_card_counter.active .counter_field{
	opacity: 1;
}

.product_card_counter.active .items__control.left{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.product_card_counter.active .items__control.right{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}



.in_cart_text{
	color: inherit;
	margin-right: 4px;
	opacity: 1;
}




.qty_area .active .in_cart_text, 
.qty_area .start img{
	display: none;
} 



/* Миниатюрная корзина, для vertical_4 и для всех разрешений от 1024 и менее */

.vertical_4 .in_cart_text{ display: none !important;}
.vertical_4 .start img{display: block;} 
.vertical .in_cart_text{ display: none !important;}
.vertical .product_card_counter.start .items__control.right img{display: block !important;}
@media(max-width: 1024px){
		.in_cart_text{ display: none !important;}
		.start img{display: block!important;} 
}

/* ---- Счётчик: цвета под светлую / тёмную тему ---- */
.product_card_counter .items__control.alert {
	background-color: transparent !important;
	color: inherit !important;
	border: 1px solid var(--color-border, #ebebeb);
}

.product_card_counter .items__control.right {
	background-color: var(--tv-action-primary, #6366f1) !important;
	border-color: var(--tv-action-primary, #6366f1) !important;
	color: #fff !important;
	box-shadow: var(--tv-action-shadow, 0 2px 8px rgb(99 102 241 / 0.35));
}

.product_card_counter .items__control.right:hover {
	background-color: var(--tv-action-primary-hover, #4f46e5) !important;
	border-color: var(--tv-action-primary-hover, #4f46e5) !important;
}

.product_card_counter.start .items__control.right {
	border: none !important;
}

.product_card_counter .items__control.left {
	background-color: var(--color-stage, #fff) !important;
	color: var(--color-text-stage, #202020) !important;
}

.product_card_counter .items__control.left:hover {
	background-color: var(--color-back-stage, #f2f4f9) !important;
	color: var(--color-text-stage, #202020) !important;
}

.product_card_counter .items__control.left img {
	filter: none;
	opacity: 0.72;
}

.product_card_counter .counter_field {
	background-color: var(--color-stage, #fff);
	color: var(--color-text-stage, #202020);
	border-top: 1px solid var(--color-border, #ebebeb);
	border-bottom: 1px solid var(--color-border, #ebebeb);
	min-height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product_card_counter.active {
	background: var(--color-stage, #fff);
	border: 1px solid var(--color-border, #ebebeb);
	overflow: hidden;
}

.product_card_counter.active .items__control.alert {
	border: none;
}

.product_card_counter.active .items__control.left {
	border-right: 1px solid var(--color-border, #ebebeb);
}

.product_card_counter.active .items__control.right {
	border: none !important;
}

.product_card_counter.active .counter_field {
	border: none;
}

html.dark .product_card_counter .items__control.right {
	background-color: var(--tv-action-primary, #818cf8) !important;
	border-color: var(--tv-action-primary, #818cf8) !important;
	color: #fff !important;
}

html.dark .product_card_counter .items__control.right:hover {
	background-color: var(--tv-action-primary-hover, #6366f1) !important;
	border-color: var(--tv-action-primary-hover, #6366f1) !important;
}

html.dark .product_card_counter .items__control.right img {
	filter: brightness(0) invert(1);
}

html.dark .product_card_counter .items__control.left {
	background-color: var(--color-stage, #1a1f2e) !important;
	border-color: var(--color-border, #2d3548) !important;
	color: var(--color-text-stage, #e8eaef) !important;
}

html.dark .product_card_counter .items__control.left:hover {
	background-color: color-mix(in srgb, #fff 6%, var(--color-stage, #1a1f2e)) !important;
}

html.dark .product_card_counter .items__control.left img {
	filter: brightness(0) invert(1);
	opacity: 0.82;
}

html.dark .product_card_counter.active {
	background: var(--color-stage, #1a1f2e);
	border-color: var(--color-border, #2d3548);
}

html.dark .product_card_counter.active .items__control.left {
	border-right-color: var(--color-border, #2d3548);
}

html.dark .product_card_counter .counter_field {
	background-color: var(--color-stage, #1a1f2e);
	color: var(--color-text-stage, #e8eaef);
	border-color: var(--color-border, #2d3548);
}

/* Marketplace tile qty */
.product_card--marketplace .pc_actions.qty_area {
	justify-content: stretch;
	align-items: stretch;
	flex-wrap: nowrap;
}

.product_card--marketplace .product_card_counter {
	width: 100%;
}

.product_card--marketplace .product_card_counter.start {
	justify-content: flex-end;
}

.product_card--marketplace .product_card_counter.start .items__control.right {
	width: 100%;
	min-height: 32px;
	height: 32px;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 8px;
}

.product_card--marketplace .product_card_counter .items__control {
	height: 32px;
	padding: 0 8px;
}

.product_card--marketplace .product_card_counter.active {
	margin-top: 0;
}

.product_card--marketplace .product_card_counter.active .counter_field {
	min-height: 32px;
}

.product_card--marketplace .in_cart_text {
	font-family: var(--font-sans);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.01em;
	opacity: 1;
}

.product_card--marketplace .product_card_counter.start .in_cart_text {
	display: inline !important;
}

.product_card--marketplace .product_card_counter.start img {
	display: none !important;
}

.product_card--marketplace .product_card_counter.active .in_cart_text {
	display: none !important;
}