.wac-sticky-cart {
	position: fixed;
	left: 0;
	right: 0;
	z-index: var( --wac-sc-zindex, 9999 );
	background: var( --wac-sticky-bg, #fff );
	color: var( --wac-sticky-text, #111 );
	border-top: var( --wac-sc-border-w, 1px ) solid var( --wac-sc-border-c, #e2e2e2 );
	pointer-events: none;
	opacity: 0;
}

.wac-sticky-cart--bottom {
	bottom: var( --wac-sc-margin, 0 );
	box-shadow: 0 -2px 10px rgba( 0, 0, 0, 0.12 );
}

.wac-sticky-cart--top {
	top: var( --wac-sc-margin, 0 );
	border-top: 0;
	border-bottom: var( --wac-sc-border-w, 1px ) solid var( --wac-sc-border-c, #e2e2e2 );
	box-shadow: 0 2px 10px rgba( 0, 0, 0, 0.12 );
}

.wac-sticky-cart--anim-slide.wac-sticky-cart--bottom {
	transform: translateY( 100% );
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.wac-sticky-cart--anim-slide.wac-sticky-cart--top {
	transform: translateY( -100% );
	transition: transform 0.25s ease, opacity 0.25s ease;
}

.wac-sticky-cart--anim-fade {
	transition: opacity 0.25s ease;
}

.wac-sticky-cart--anim-none {
	transition: none;
}

.wac-sticky-cart.wac-sticky-visible {
	opacity: 1;
	pointer-events: auto;
}

.wac-sticky-cart--anim-slide.wac-sticky-visible {
	transform: translateY( 0 );
}

.wac-sticky-cart-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: var( --wac-sc-padding-y, 10px ) var( --wac-sc-padding-x, 20px );
	display: flex;
	align-items: center;
	gap: var( --wac-sc-gap, 16px );
}

.wac-sticky-cart-image img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 4px;
}

.wac-sticky-cart-title {
	flex: 1 1 auto;
	font-size: var( --wac-sc-title-fs, 14px );
	font-family: var( --wac-sc-font-family, inherit );
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wac-sticky-cart-price {
	font-size: var( --wac-sc-price-fs, 14px );
	font-family: var( --wac-sc-font-family, inherit );
	color: inherit;
	white-space: nowrap;
}

.wac-sticky-cart-rating {
	white-space: nowrap;
}

.wac-sticky-cart-rating .star-rating {
	color: var( --wac-sc-rating-c, #e6a800 );
}

.wac-sticky-cart-rating .star-rating span::before {
	color: var( --wac-sc-rating-c, #e6a800 );
}

.wac-sticky-cart-qty {
	display: flex;
	align-items: stretch;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
}

.wac-sticky-cart-qty-step {
	background: #f6f7f7;
	border: none;
	width: 26px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1;
}

.wac-sticky-cart-qty-step:hover {
	background: #eee;
}

.wac-sticky-cart-qty-input {
	width: 40px;
	padding: 6px 2px;
	border: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center;
	-moz-appearance: textfield;
}

.wac-sticky-cart-qty-input::-webkit-outer-spin-button,
.wac-sticky-cart-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.wac-sticky-cart-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.wac-sticky-cart-button {
	white-space: nowrap;
	font-size: var( --wac-sc-btn-fs, 14px );
	font-weight: var( --wac-sc-btn-fw, bold );
	font-family: var( --wac-sc-font-family, inherit );
	border-radius: var( --wac-sc-radius, 4px );
	background: var( --wac-sc-btn-bg, #111 );
	color: var( --wac-sc-btn-text, #fff );
	border: none;
	cursor: pointer;
}

.wac-sticky-cart-button:hover,
.wac-sticky-cart-button:focus {
	background: var( --wac-sc-btn-hover, #333 );
}

.wac-sticky-cart-button:disabled,
.wac-sticky-cart-button.loading {
	opacity: 0.6;
	cursor: not-allowed;
}

.wac-fly-to-cart-clone {
	position: fixed;
	z-index: 100000;
	pointer-events: none;
	border-radius: 4px;
	overflow: hidden;
	transition: top 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.wac-sticky-cart .wac-buy-now-button {
	font-size: var( --wac-sc-btn-fs, 14px );
	font-weight: var( --wac-sc-btn-fw, bold );
}

@media ( min-width: 1025px ) {
	.wac-sticky-cart--hidden-desktop {
		display: none !important;
	}
}

@media ( min-width: 783px ) and ( max-width: 1024px ) {
	.wac-sticky-cart--hidden-tablet {
		display: none !important;
	}
}

@media ( max-width: 782px ) {
	.wac-sticky-cart--hidden-mobile {
		display: none !important;
	}

	.wac-sticky-cart--hide-title-mobile .wac-sticky-cart-title {
		display: none;
	}
}
