.bx-catalog-element {
	--sl-detail-quantity-width: 13.125rem;
	--sl-detail-quantity-minus-width: 0.9375rem;
	--sl-detail-quantity-plus-size: 1.2374375rem;
	--sl-detail-quantity-plus-vector-size: 0.9412875rem;
	--sl-detail-quantity-control-thickness: 0.09375rem;
	--sl-detail-quantity-minus-color: var(--sl-color-promo-accent, #EB485E);
	--sl-detail-quantity-plus-color: var(--sl-color-success, #54C580);
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-minus {
	color: var(--sl-detail-quantity-minus-color);
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-plus {
	color: var(--sl-detail-quantity-plus-color);
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-plus::after,
.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-minus::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: "" !important;
	display: block;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	-webkit-mask: none !important;
	mask: none !important;
	opacity: 1 !important;
	transform: translate(-50%, -50%);
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-plus::after {
	width: var(--sl-detail-quantity-plus-vector-size) !important;
	height: var(--sl-detail-quantity-plus-vector-size) !important;
	background-image: url("images/quantity-plus.svg") !important;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-minus::after {
	width: var(--sl-detail-quantity-minus-width) !important;
	height: var(--sl-detail-quantity-control-thickness) !important;
	background-image: url("images/quantity-minus.svg") !important;
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-plus::before {
	content: none !important;
	display: none !important;
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus::after {
	opacity: 0.25 !important;
}

.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus,
.bx-catalog-element .sl-pay-actions .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus::after {
	opacity: 1 !important;
}

@media (min-width: 901px) {
	.bx-catalog-element.sl-product-detail--classic .sl-pay-actions .product-item-amount-field-btn-plus,
	.bx-catalog-element.sl-product-detail--classic .sl-pay-actions .product-item-amount-field-btn-minus {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
	}

	.bx-catalog-element.sl-product-detail--classic .sl-pay-actions .product-item-amount-field-block {
		flex: 0 0 3rem;
	}
}

@media (min-width: 1063px) {
	.bx-catalog-element.sl-product-detail--classic .sl-pay-actions {
		grid-template-columns: var(--sl-detail-quantity-width) minmax(6.875rem, 0.7fr) minmax(10.75rem, 1.1fr);
	}

	.bx-catalog-element.sl-product-detail--classic .sl-pay-actions > [data-entity="quantity-block"] {
		width: var(--sl-detail-quantity-width);
		max-width: var(--sl-detail-quantity-width);
		height: var(--sl-detail-button-min-height);
	}
}

@media (min-width: 1201px) {
	.bx-catalog-element:is(.sl-product-detail--wide, .sl-product-detail--wide-info) .sl-pay-actions > [data-entity="quantity-block"] {
		width: var(--sl-detail-quantity-width);
		max-width: var(--sl-detail-quantity-width);
		height: var(--sl-detail-button-min-height);
	}

	.bx-catalog-element:is(.sl-product-detail--wide, .sl-product-detail--wide-info) .sl-pay-actions .product-item-amount,
	.bx-catalog-element:is(.sl-product-detail--wide, .sl-product-detail--wide-info) .sl-pay-actions .product-item-amount-field-container {
		height: var(--sl-detail-button-min-height);
		min-height: var(--sl-detail-button-min-height);
	}

	.bx-catalog-element.sl-product-detail--wide .sl-pay-actions > [data-entity="quantity-block"] {
		flex-basis: var(--sl-detail-quantity-width);
	}

	.bx-catalog-element.sl-product-detail--wide-info .sl-pay-actions {
		grid-template-columns: var(--sl-detail-quantity-width) repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-pay-actions > [data-entity="quantity-block"] {
		display: none !important;
	}

	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-mobile-basket-quantity-slot .sl-mobile-basket-quantity {
		display: none !important;
		width: 100%;
		max-width: none;
		min-height: 3rem;
		margin: 0 !important;
	}

	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-mobile-basket-quantity-slot--active > .sl-mobile-basket-quantity--active {
		display: block !important;
	}

	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-mobile-basket-quantity-slot--active > .product-item-detail-buy-button {
		display: none !important;
	}

	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-mobile-basket-quantity .product-item-amount,
	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-mobile-basket-quantity .product-item-amount-field-container {
		height: 3rem;
		min-height: 3rem;
	}

	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-mobile-basket-quantity--loading .product-item-amount-field-btn-plus,
	.bx-catalog-element.sl-mobile-basket-quantity-enabled .sl-mobile-basket-quantity--loading .product-item-amount-field-btn-minus {
		pointer-events: none;
		opacity: 0.35;
	}
}
