:root {
	--ntaq-accent: var(--wd-primary-color, #e4475d);
	--ntaq-text: #222;
}

.ntaq-shell {
	direction: ltr;
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 50%;
	display: none;
	grid-template-columns: 27px 62px 27px;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 38px;
	min-width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-sizing: border-box;
	border: 0;
	border-radius: 0 0 15px 15px;
	background-color: var(--ntaq-card-accent, var(--wd-primary-color, #de6d7a));
	background-image: linear-gradient(105deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, 0));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
	color: #fff;
	transform: translateX(-50%);
	transition: filter .18s ease, opacity .18s ease;
	z-index: 12;
	isolation: isolate;
}

.ntaq-shell:focus-within {
	filter: brightness(.96);
}

.wd-product.ntaq-has-cart .wd-add-btn,
.product-grid-item.ntaq-has-cart .wd-add-btn {
	visibility: visible !important;
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
	pointer-events: auto !important;
}

.wd-product.ntaq-has-cart .wd-add-btn > .quantity,
.wd-product.ntaq-has-cart .wd-add-btn > a.ajax_add_to_cart,
.wd-product.ntaq-has-cart .wd-add-btn > a.added_to_cart,
.product-grid-item.ntaq-has-cart .wd-add-btn > .quantity,
.product-grid-item.ntaq-has-cart .wd-add-btn > a.ajax_add_to_cart,
.product-grid-item.ntaq-has-cart .wd-add-btn > a.added_to_cart {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.wd-product.ntaq-has-cart .ntaq-shell,
.product-grid-item.ntaq-has-cart .ntaq-shell {
	display: grid;
	animation: ntaq-enter .18s cubic-bezier(.22, .8, .34, 1) both;
}

.ntaq-button,
.ntaq-value {
	appearance: none;
	-webkit-appearance: none;
	min-width: 0;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font: inherit;
	line-height: 1;
}

.ntaq-button {
	position: relative;
	top: -1px;
	display: grid;
	place-items: center;
	cursor: pointer;
	width: 28px;
	height: 36px;
	background: transparent !important;
	font-size: 0 !important;
	transition: background-color .16s ease, opacity .18s ease;
}

.ntaq-button::before,
.ntaq-plus::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border-radius: 3px;
	background: currentColor;
	content: "";
	transform: translate(-50%, -50%);
	transition: transform .12s ease, opacity .12s ease;
}

.ntaq-button::before {
	width: 11px;
	height: 1.8px;
}

.ntaq-plus::after {
	width: 1.8px;
	height: 11px;
}

.ntaq-button:hover,
.ntaq-button:focus-visible {
	border-radius: 0 !important;
	background: rgba(255, 255, 255, .12) !important;
	color: #fff !important;
	outline: 0;
}

.ntaq-button:active::before,
.ntaq-plus:active::after {
	transform: translate(-50%, -50%) scale(.82);
}

.ntaq-button[aria-disabled="true"] {
	background: transparent !important;
	color: #fff !important;
	opacity: .38;
	cursor: not-allowed;
}

.ntaq-plus {
	background: transparent !important;
	color: #fff !important;
}

.ntaq-value {
	direction: rtl;
	position: relative;
	top: -1px;
	display: grid;
	place-items: center;
	overflow: hidden;
	height: 36px;
	border-inline: 1px solid rgba(255, 255, 255, .16) !important;
	border-radius: 0 !important;
	cursor: pointer;
	transition: background-color .16s ease, transform .12s ease;
}

.ntaq-value:hover,
.ntaq-value:focus-within {
	background: rgba(255, 255, 255, .13) !important;
}

.ntaq-value:active {
	transform: scale(.98);
}

.ntaq-label {
	display: block;
	max-width: 100%;
	overflow: hidden;
	padding: 0 2px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .1px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-spacing: 1px;
}

.ntaq-select {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

@media (min-width: 769px) {
	.ntaq-select {
		pointer-events: none;
	}
}

.ntaq-menu {
	direction: rtl;
	position: fixed;
	z-index: 1000001;
	display: none;
	max-height: min(300px, calc(100vh - 24px));
	padding: 6px;
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	border: 1px solid rgba(25, 25, 25, .09);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 16px 38px rgba(23, 28, 36, .18), 0 3px 9px rgba(23, 28, 36, .09);
	opacity: 0;
	transform: translateY(-5px) scale(.98);
	transform-origin: top center;
	transition: opacity .14s ease, transform .14s ease;
	scrollbar-width: thin;
	scrollbar-color: #c9c9cc transparent;
}

.ntaq-menu.ntaq-menu-above {
	transform: translateY(5px) scale(.98);
	transform-origin: bottom center;
}

.ntaq-menu.ntaq-menu-open {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.ntaq-menu-option {
	direction: rtl;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	box-shadow: none;
	color: #242528;
	font: 600 14px/1 Arial, sans-serif;
	cursor: pointer;
	transition: background-color .13s ease, color .13s ease;
}

.ntaq-menu-option:hover,
.ntaq-menu-option:focus-visible {
	background: #f5f5f6;
	outline: 0;
}

.ntaq-menu-option.is-selected {
	background: var(--ntaq-card-accent, var(--wd-primary-color, #de6d7a));
	color: #fff;
}

.ntaq-shell.ntaq-busy {
	cursor: progress;
}

.ntaq-shell.ntaq-busy::after {
	position: absolute;
	inset-inline-end: 6px;
	top: 5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	content: "";
	animation: ntaq-pulse .8s ease-in-out infinite alternate;
	z-index: 20;
}

.ntaq-toast {
	direction: rtl;
	position: fixed;
	left: 50%;
	top: 50%;
	max-width: min(320px, calc(100vw - 24px));
	padding: 10px 14px;
	transform: translate(-50%, -8px);
	border-radius: 10px;
	background: #252525;
	box-shadow: 0 8px 28px rgba(0, 0, 0, .22);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
	opacity: 0;
	pointer-events: none;
	z-index: 999999;
	transition: opacity .16s ease, transform .16s ease;
}

.ntaq-toast.ntaq-show {
	opacity: 1;
	transform: translate(-50%, 0);
}

.ntaq-toast.ntaq-success { background: #198754; }
.ntaq-toast.ntaq-warning { background: #2c2c2c; }
.ntaq-toast.ntaq-error { background: #b42318; }

@keyframes ntaq-pulse {
	to { opacity: .2; transform: scale(.72); }
}

@keyframes ntaq-enter {
	from { opacity: .55; transform: translate(-50%, 4px); }
	to { opacity: 1; transform: translate(-50%, 0); }
}

@media (max-width: 480px) {
	.ntaq-shell {
		grid-template-columns: 26px 68px 26px;
		width: 100%;
	}
	.ntaq-label { font-size: 12.5px; }
	.ntaq-button { width: 26px; }
}

@media (prefers-reduced-motion: reduce) {
	.ntaq-button,
	.ntaq-value,
	.ntaq-toast,
	.ntaq-menu { transition: none; }
	.ntaq-shell.ntaq-busy::after { animation: none; }
	.wd-product.ntaq-has-cart .ntaq-shell,
	.product-grid-item.ntaq-has-cart .ntaq-shell { animation: none; }
}