/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 20 2026 | 01:46:37 */
/* =========================================================
   ALUX CUSTOM SIDE CART
========================================================= */

html.alux-sidecart-open,
html.alux-sidecart-open body {
	overflow: hidden !important;
}


/* =========================================================
   WRAPPER
========================================================= */

.alux-sidecart {
	position: fixed;

	inset: 0;

	z-index: 999999;

	pointer-events: none;

	visibility: hidden;
}


.alux-sidecart.is-open {
	pointer-events: auto;

	visibility: visible;
}


/* =========================================================
   BACKDROP
========================================================= */

.alux-sc-overlay {
	position: absolute;

	inset: 0;

	background:
		rgba(0,0,0,.62);

	opacity: 0;

	transition:
		opacity .28s ease;

	backdrop-filter:
		blur(2px);

	-webkit-backdrop-filter:
		blur(2px);
}


.alux-sidecart.is-open
.alux-sc-overlay {
	opacity: 1;
}


/* =========================================================
   DRAWER
========================================================= */

.alux-sc-drawer {
	position: absolute;

	top: 0;
	right: 0;

	width: 430px;
	max-width: 92vw;

	height: 100dvh;

	background:
		#fffdf8;

	box-shadow:
		-18px 0 55px
		rgba(0,0,0,.22);

	transform:
		translateX(105%);

	transition:
		transform .3s
		cubic-bezier(.22,.61,.36,1);

	overflow: hidden;
}


.alux-sidecart.is-open
.alux-sc-drawer {
	transform:
		translateX(0);
}


/* =========================================================
   INNER
========================================================= */

.alux-sc-inner {
	display: flex;

	flex-direction: column;

	height: 100%;
}


/* =========================================================
   HEADER
========================================================= */

.alux-sc-header {
	flex: 0 0 auto;

	display: flex;

	align-items: center;
	justify-content: space-between;

	min-height: 66px;

	padding:
		0 20px;

	background:
		#080808;

	border-bottom:
		1px solid
		rgba(198,137,45,.30);
}


.alux-sc-header h2 {
	margin:
		0 !important;

	padding:
		0 !important;

	font-size:
		20px !important;

	line-height:
		1 !important;

	font-weight:
		700 !important;

	color:
		#fff !important;
}


.alux-sc-header h2 span {
	color:
		#d19535;
}


.alux-sc-close {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;

	padding: 0;

	border: 0;

	background:
		transparent;

	color:
		#fff;

	font-size:
		28px;

	font-weight:
		300;

	cursor:
		pointer;
}


/* =========================================================
   SCROLL AREA
========================================================= */

.alux-sc-scroll {
	flex: 1;

	overflow-y: auto;

	padding:
		13px;

	scrollbar-width:
		thin;

	scrollbar-color:
		#c78a31 transparent;
}


/* =========================================================
   FREE SHIPPING BOX
========================================================= */

.alux-sc-shipping-progress {
	margin-bottom:
		11px;

	padding:
		13px 13px 11px;

	border:
		1px solid #eed8b3;

	border-radius:
		9px;

	background:
		linear-gradient(
			180deg,
			#fffaf0,
			#fffdf9
		);
}


.alux-sc-shipping-top {
	display: grid;

	grid-template-columns:
		31px minmax(0,1fr) auto;

	align-items: center;

	gap:
		8px;
}


.alux-sc-truck {
	display: flex;

	align-items: center;
	justify-content: center;
}


.alux-sc-truck svg {
	width: 25px;
	height: 25px;

	fill: none;

	stroke:
		#b97d26;

	stroke-width:
		1.6;

	stroke-linecap:
		round;

	stroke-linejoin:
		round;
}


.alux-sc-shipping-message {
	font-size:
		11px;

	line-height:
		1.3;

	color:
		#555;
}


.alux-sc-shipping-message strong,
.alux-sc-shipping-message b {
	color:
		#c18227;
}


.alux-sc-target {
	font-size:
		10px;

	font-weight:
		700;

	color:
		#777;
}


/* Progress */
.alux-sc-progress-track {
	position: relative;

	height: 7px;

	margin:
		10px 0 6px;

	border-radius:
		20px;

	background:
		#e4e4e4;

	overflow: hidden;
}


.alux-sc-progress-fill {
	height: 100%;

	border-radius:
		20px;

	background:
		linear-gradient(
			90deg,
			#c47d1e,
			#dfa946
		);

	transition:
		width .3s ease;
}


.alux-sc-progress-bottom {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap:
		10px;

	font-size:
		8px;

	line-height:
		1.3;

	color:
		#888;
}


/* =========================================================
   PRODUCT
========================================================= */

.alux-sc-products {
	display: flex;

	flex-direction: column;

	gap:
		7px;

	margin-bottom:
		9px;
}


.alux-sc-product {
	display: grid;

	grid-template-columns:
		88px minmax(0,1fr);

	gap:
		10px;

	padding:
		10px;

	border:
		1px solid #eee5d6;

	border-radius:
		9px;

	background:
		#fff;

	box-shadow:
		0 2px 7px
		rgba(0,0,0,.025);
}


.alux-sc-product-image {
	width: 88px;
	height: 88px;

	overflow: hidden;

	border-radius:
		6px;

	background:
		#111;
}


.alux-sc-product-image a {
	display: block;

	width: 100%;
	height: 100%;
}


.alux-sc-product-image img {
	display: block;

	width: 100% !important;
	height: 100% !important;

	object-fit:
		contain !important;

	margin:
		0 !important;
}


.alux-sc-product-info {
	min-width: 0;

	display: flex;

	flex-direction: column;

	justify-content: space-between;
}


.alux-sc-product-top {
	display: flex;

	align-items: flex-start;

	justify-content:
		space-between;

	gap:
		7px;
}


.alux-sc-product-name {
	font-size:
		12px;

	line-height:
		1.2;

	font-weight:
		700;

	color:
		#1d1d1d !important;

	text-decoration:
		none !important;
}


.alux-sc-remove {
	flex:
		0 0 auto;

	padding:
		0 2px;

	border:
		0;

	background:
		transparent;

	color:
		#aaa;

	font-size:
		20px;

	line-height:
		1;

	cursor:
		pointer;
}


.alux-sc-variation {
	margin-top:
		2px;

	font-size:
		8px;

	color:
		#888;
}


.alux-sc-variation dl,
.alux-sc-variation p {
	margin:
		0 !important;
}


.alux-sc-product-bottom {
	display: flex;

	align-items: center;

	justify-content:
		space-between;

	gap:
		8px;

	margin-top:
		8px;
}


/* Quantity */
.alux-sc-qty {
	display: flex;

	align-items: center;

	height: 33px;

	overflow: hidden;

	border:
		1px solid #dedede;

	border-radius:
		6px;

	background:
		#fff;
}


.alux-sc-qty button {
	width: 30px;
	height: 100%;

	padding: 0;

	border:
		0;

	background:
		transparent;

	color:
		#222;

	font-size:
		17px;

	cursor:
		pointer;
}


.alux-sc-qty input {
	width: 32px !important;
	height: 100% !important;

	padding: 0 !important;

	border: 0 !important;

	background:
		transparent !important;

	text-align:
		center;

	font-size:
		12px !important;

	font-weight:
		600;

	color:
		#b97921;

	-moz-appearance:
		textfield;
}


.alux-sc-qty input::-webkit-inner-spin-button,
.alux-sc-qty input::-webkit-outer-spin-button {
	-webkit-appearance:
		none;

	margin: 0;
}


.alux-sc-line-price {
	font-size:
		13px;

	font-weight:
		750;

	color:
		#bf7d23;
}


.alux-sc-line-price
.woocommerce-Price-amount,

.alux-sc-line-price
.woocommerce-Price-currencySymbol {
	color:
		inherit !important;
}


/* =========================================================
   ADD-ON
========================================================= */

.alux-sc-addon {
	position: relative;

	margin-bottom:
		10px;

	padding:
		20px 9px 9px;

	border:
		1px solid #e7c991;

	border-radius:
		9px;

	background:
		#fffdf9;
}


.alux-sc-addon-label {
	position: absolute;

	top: 6px;
	left: 99px;

	display:
		inline-flex;

	padding:
		3px 7px;

	border-radius:
		4px;

	background:
		#efb648;

	color:
		#17120b;

	font-size:
		7px;

	line-height:
		1;

	font-weight:
		800;

	letter-spacing:
		.25px;
}


.alux-sc-addon-row {
	display: grid;

	grid-template-columns:
		82px minmax(0,1fr) auto;

	align-items: center;

	gap:
		9px;
}


.alux-sc-addon-image {
	width: 82px;
	height: 70px;

	overflow: hidden;

	border-radius:
		6px;

	background:
		#111;
}


.alux-sc-addon-image img {
	width: 100% !important;
	height: 100% !important;

	object-fit:
		contain !important;
}


.alux-sc-addon-copy {
	min-width: 0;
}


.alux-sc-addon-copy strong {
	display: block;

	font-size:
		11px;

	line-height:
		1.15;

	color:
		#202020;
}


.alux-sc-addon-price {
	margin-top:
		4px;

	font-size:
		13px;

	font-weight:
		750;

	color:
		#bf7d23;
}


.alux-sc-addon-price
.woocommerce-Price-amount,

.alux-sc-addon-price
.woocommerce-Price-currencySymbol {
	color:
		inherit !important;
}


.alux-sc-addon-button {
	display: flex;

	align-items: center;
	justify-content: center;

	gap:
		5px;

	min-height:
		37px;

	padding:
		0 11px;

	border:
		0;

	border-radius:
		6px;

	background:
		linear-gradient(
			180deg,
			#dba448,
			#bc771d
		);

	color:
		#fff;

	font-size:
		10px;

	font-weight:
		650;

	cursor:
		pointer;
}


/* =========================================================
   TRUST STRIP
========================================================= */

.alux-sc-trust {
	display: grid;

	grid-template-columns:
		repeat(3,1fr);

	margin-bottom:
		10px;

	padding:
		12px 0 10px;

	border-top:
		1px solid #eee6da;

	border-bottom:
		1px solid #eee6da;
}


.alux-sc-trust-item {
	padding:
		0 6px;

	text-align:
		center;

	border-right:
		1px solid #eee5da;
}


.alux-sc-trust-item:last-child {
	border-right:
		0;
}


.alux-sc-trust-item svg {
	width: 24px;
	height: 24px;

	margin-bottom:
		4px;

	fill:
		none;

	stroke:
		#454545;

	stroke-width:
		1.6;

	stroke-linecap:
		round;

	stroke-linejoin:
		round;
}


.alux-sc-trust-item strong {
	display: block;

	font-size:
		8px;

	line-height:
		1.15;

	color:
		#292929;
}


.alux-sc-trust-item span {
	display: block;

	margin-top:
		3px;

	font-size:
		6px;

	line-height:
		1.25;

	color:
		#999;
}


/* =========================================================
   GENERAL CARD
========================================================= */

.alux-sc-section {
	margin-bottom:
		9px;

	padding:
		11px;

	border:
		1px solid #eee4d4;

	border-radius:
		8px;

	background:
		#fff;
}


.alux-sc-section h3 {
	margin:
		0 0 8px !important;

	font-size:
		11px !important;

	font-weight:
		750 !important;

	color:
		#222 !important;
}


/* =========================================================
   COUPON
========================================================= */

.alux-sc-coupon {
	display: grid;

	grid-template-columns:
		minmax(0,1fr) 79px;

	gap:
		7px;
}


.alux-sc-coupon input {
	width: 100% !important;

	min-height:
		37px;

	padding:
		0 10px !important;

	border:
		1px solid #ddd !important;

	border-radius:
		5px !important;

	background:
		#fff !important;

	font-size:
		10px !important;
}


.alux-sc-coupon-button {
	border:
		0;

	border-radius:
		5px;

	background:
		linear-gradient(
			180deg,
			#dca548,
			#bd7920
		);

	color:
		#fff;

	font-size:
		10px;

	font-weight:
		700;

	cursor:
		pointer;
}


/* =========================================================
   SUMMARY
========================================================= */

.alux-sc-summary-row {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap:
		15px;

	padding:
		4px 0;

	font-size:
		10px;

	color:
		#5f5f5f;
}


.alux-sc-summary-row strong {
	color:
		#252525;

	font-weight:
		650;
}


.alux-sc-summary-row
.woocommerce-Price-amount {
	color:
		inherit !important;
}


.alux-sc-discount {
	color:
		#638348 !important;
}


.alux-sc-total {
	margin-top:
		6px;

	padding-top:
		9px;

	border-top:
		1px solid #eee;
}


.alux-sc-total span {
	font-size:
		13px;

	font-weight:
		700;

	color:
		#222;
}


.alux-sc-total strong {
	font-size:
		17px;

	color:
		#b9741c;
}


/* =========================================================
   ACTIONS
========================================================= */

.alux-sc-actions {
	display: flex;

	flex-direction: column;

	gap:
		7px;

	padding-bottom:
		5px;
}


.alux-sc-checkout {
	display: flex;

	align-items: center;
	justify-content: center;

	gap:
		10px;

	min-height:
		47px;

	border-radius:
		6px;

	background:
		linear-gradient(
			180deg,
			#dda64a,
			#c17b20
		);

	color:
		#121212 !important;

	font-size:
		11px;

	font-weight:
		750;

	text-decoration:
		none !important;
}


.alux-sc-view-cart {
	display: flex;

	align-items: center;
	justify-content: center;

	min-height:
		40px;

	border:
		1px solid #e4d3b8;

	border-radius:
		6px;

	background:
		#fff;

	color:
		#222 !important;

	font-size:
		10px;

	font-weight:
		650;

	text-decoration:
		none !important;
}


.alux-sc-continue {
	min-height:
		37px;

	border:
		0;

	background:
		transparent;

	color:
		#b47a29;

	font-size:
		9px;

	font-weight:
		650;

	cursor:
		pointer;
}


/* =========================================================
   EMPTY CART
========================================================= */

.alux-sc-empty {
	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	min-height:
		70vh;

	padding:
		30px;

	text-align:
		center;
}


.alux-sc-empty-icon {
	font-size:
		38px;
}


.alux-sc-empty h3 {
	margin:
		15px 0 6px !important;

	font-size:
		20px !important;
}


.alux-sc-empty p {
	margin-bottom:
		20px !important;

	color:
		#777;
}


/* =========================================================
   LOADER
========================================================= */

.alux-sc-loader {
	position: absolute;

	inset: 0;

	z-index: 100;

	display: flex;

	align-items: center;
	justify-content: center;

	background:
		rgba(255,253,248,.70);

	opacity: 0;

	visibility:
		hidden;

	pointer-events:
		none;

	transition:
		opacity .15s ease;
}


.alux-sidecart.is-loading
.alux-sc-loader {
	opacity: 1;

	visibility:
		visible;
}


.alux-sc-loader span {
	width: 29px;
	height: 29px;

	border:
		3px solid
		rgba(190,126,35,.2);

	border-top-color:
		#bd7d25;

	border-radius:
		50%;

	animation:
		aluxSidecartSpin
		.7s linear infinite;
}


@keyframes aluxSidecartSpin {

	to {
		transform:
			rotate(360deg);
	}

}


/* =========================================================
   WOOCOMMERCE NOTICES
========================================================= */

.alux-sc-notices
.woocommerce-message,

.alux-sc-notices
.woocommerce-error,

.alux-sc-notices
.woocommerce-info {
	margin:
		0 0 8px !important;

	padding:
		8px 10px !important;

	border-radius:
		5px;

	font-size:
		9px !important;

	line-height:
		1.35;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.alux-sc-drawer {
		width:
			min(82vw, 360px);

		max-width:
			calc(100vw - 58px);
	}


	.alux-sc-header {
		min-height:
			54px;

		padding:
			0 13px;
	}


	.alux-sc-header h2 {
		font-size:
			16px !important;
	}


	.alux-sc-scroll {
		padding:
			9px;
	}


	/* Shipping */
	.alux-sc-shipping-progress {
		padding:
			9px;
	}


	.alux-sc-shipping-message {
		font-size:
			9px;
	}


	.alux-sc-progress-bottom {
		font-size:
			6px;
	}


	/* Product */
	.alux-sc-product {
		grid-template-columns:
			70px minmax(0,1fr);

		gap:
			8px;

		padding:
			8px;
	}


	.alux-sc-product-image {
		width:
			70px;

		height:
			70px;
	}


	.alux-sc-product-name {
		font-size:
			9px;
	}


	.alux-sc-qty {
		height:
			29px;
	}


	.alux-sc-qty button {
		width:
			25px;

		font-size:
			14px;
	}


	.alux-sc-qty input {
		width:
			27px !important;

		font-size:
			9px !important;
	}


	.alux-sc-line-price {
		font-size:
			10px;
	}


	/* Add-on */
	.alux-sc-addon {
		padding:
			18px 7px 7px;
	}


	.alux-sc-addon-label {
		left:
			78px;

		font-size:
			5.5px;
	}


	.alux-sc-addon-row {
		grid-template-columns:
			62px minmax(0,1fr) auto;

		gap:
			7px;
	}


	.alux-sc-addon-image {
		width:
			62px;

		height:
			56px;
	}


	.alux-sc-addon-copy strong {
		font-size:
			8px;
	}


	.alux-sc-addon-price {
		font-size:
			10px;
	}


	.alux-sc-addon-button {
		min-height:
			32px;

		padding:
			0 8px;

		font-size:
			8px;
	}


	/* Trust */
	.alux-sc-trust-item svg {
		width:
			19px;

		height:
			19px;
	}


	.alux-sc-trust-item strong {
		font-size:
			6.5px;
	}


	.alux-sc-trust-item span {
		font-size:
			5px;
	}


	/* Sections */
	.alux-sc-section {
		padding:
			8px;
	}


	.alux-sc-section h3 {
		font-size:
			9px !important;
	}


	.alux-sc-coupon {
		grid-template-columns:
			minmax(0,1fr) 65px;
	}


	.alux-sc-coupon input {
		min-height: 44px;
		font-size: 16px !important;
		line-height: 1.4 !important;
	}


	.alux-sc-coupon-button {
		font-size:
			8px;
	}


	.alux-sc-summary-row {
		font-size:
			8px;
	}


	.alux-sc-total span {
		font-size:
			10px;
	}


	.alux-sc-total strong {
		font-size:
			14px;
	}


	.alux-sc-checkout {
		min-height:
			40px;

		font-size:
			9px;
	}


	.alux-sc-view-cart {
		min-height:
			34px;

		font-size:
			8px;
	}


	.alux-sc-continue {
		font-size:
			7px;
	}

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 390px) {

	.alux-sc-drawer {
		width:
			calc(100vw - 68px);

		max-width:
			none;
	}

}

/* =========================================================
   ALUX SIDE CART — FINAL VISUAL CLEANUP
   Add AFTER all current side-cart CSS
========================================================= */


/* =========================================================
   REMOVE BUTTON — PLAIN X LIKE REFERENCE
========================================================= */

button.alux-sc-remove {
	flex: 0 0 18px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 18px !important;
	height: 18px !important;

	min-width: 18px !important;
	min-height: 18px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;

	box-shadow: none !important;

	color: #9b9b9b !important;

	font-size: 18px !important;
	line-height: 1 !important;

	font-weight: 400 !important;

	opacity: 1 !important;

	cursor: pointer !important;
}


button.alux-sc-remove:hover {
	color: #222 !important;

	background: transparent !important;
}


/* =========================================================
   ADD-ON BUTTON — REMOVE FADED LOOK
========================================================= */

button.alux-sc-addon-button {
	opacity: 1 !important;

	background:
		linear-gradient(
			180deg,
			#dda448 0%,
			#c17b21 100%
		) !important;

	color: #fff !important;

	border: 0 !important;

	box-shadow: none !important;

	white-space: nowrap !important;

	text-shadow: none !important;
}


button.alux-sc-addon-button span {
	color: #fff !important;

	opacity: 1 !important;
}


button.alux-sc-addon-button:hover {
	background:
		linear-gradient(
			180deg,
			#e1aa4e 0%,
			#b9721c 100%
		) !important;
}


/* =========================================================
   COUPON BUTTON — REMOVE FADED LOOK
========================================================= */

button.alux-sc-coupon-button {
	opacity: 1 !important;

	color: #fff !important;

	background:
		linear-gradient(
			180deg,
			#dda448,
			#bd7920
		) !important;

	border: 0 !important;

	box-shadow: none !important;
}


/* =========================================================
   ORDER SUMMARY — REMOVE HUGE GAPS
========================================================= */

.alux-sc-summary {
	display: block !important;

	min-height: 0 !important;

	height: auto !important;

	padding: 12px !important;

	justify-content: initial !important;

	align-items: initial !important;
}


.alux-sc-summary h3 {
	display: block !important;

	margin: 0 0 9px !important;
	padding: 0 !important;

	min-height: 0 !important;

	font-size: 11px !important;
	line-height: 1.2 !important;
}


.alux-sc-summary-row {
	display: flex !important;

	align-items: center !important;
	justify-content: space-between !important;

	width: 100% !important;

	min-height: 0 !important;

	margin: 0 !important;

	padding: 5px 0 !important;

	gap: 12px !important;

	font-size: 10px !important;

	line-height: 1.25 !important;
}


.alux-sc-summary-row span,
.alux-sc-summary-row strong {
	margin: 0 !important;
	padding: 0 !important;

	line-height: 1.25 !important;
}


.alux-sc-total {
	margin-top: 6px !important;

	padding-top: 10px !important;

	border-top:
		1px solid #ece5db !important;
}


.alux-sc-total span {
	font-size: 13px !important;

	font-weight: 750 !important;
}


.alux-sc-total strong {
	font-size: 17px !important;

	color: #bd7920 !important;
}


/* =========================================================
   PRODUCT CARDS — SMALL POLISH
========================================================= */

.alux-sc-product {
	position: relative !important;

	border-color:
		#eadbc4 !important;

	box-shadow:
		0 2px 6px
		rgba(0,0,0,.02) !important;
}


.alux-sc-product-image img {
	padding: 2px !important;

	box-sizing: border-box !important;
}


/* =========================================================
   ADD-ON CARD
========================================================= */

.alux-sc-addon {
	border-color:
		#e7bd78 !important;

	background:
		#fffdf9 !important;
}


.alux-sc-addon-label {
	background:
		#eeb446 !important;

	color:
		#17120a !important;

	white-space:
		nowrap !important;
}


/* =========================================================
   TRUST STRIP
========================================================= */

.alux-sc-trust {
	margin:
		2px 0 10px !important;

	padding:
		11px 0 !important;
}


.alux-sc-trust-item {
	display: flex !important;

	flex-direction: column !important;

	align-items: center !important;

	justify-content: flex-start !important;
}


/* =========================================================
   COUPON CARD
========================================================= */

.alux-sc-section {
	min-height: 0 !important;

	height: auto !important;

	justify-content: initial !important;
}


.alux-sc-coupon {
	align-items: stretch !important;
}


.alux-sc-coupon-input {
	margin: 0 !important;
}


/* =========================================================
   ACTION BUTTONS
========================================================= */

.alux-sc-actions {
	gap: 6px !important;

	margin-top: 0 !important;

	padding-bottom: 7px !important;
}


.alux-sc-checkout {
	min-height: 45px !important;

	background:
		linear-gradient(
			180deg,
			#dfa747,
			#c47d21
		) !important;

	border: 0 !important;

	box-shadow: none !important;

	color: #111 !important;

	font-weight: 750 !important;
}


.alux-sc-view-cart {
	min-height: 39px !important;

	background: #fff !important;

	border:
		1px solid #e2ceb1 !important;

	color: #222 !important;
}


.alux-sc-continue {
	min-height: 34px !important;

	padding: 0 !important;

	background: transparent !important;

	border: 0 !important;

	box-shadow: none !important;

	color: #ba7c27 !important;
}


/* =========================================================
   SCROLLBAR — THINNER / CLEANER
========================================================= */

.alux-sc-scroll {
	scrollbar-width: thin;

	scrollbar-color:
		#d39a3c transparent;
}


.alux-sc-scroll::-webkit-scrollbar {
	width: 4px;
}


.alux-sc-scroll::-webkit-scrollbar-track {
	background: transparent;
}


.alux-sc-scroll::-webkit-scrollbar-thumb {
	background: #d39a3c;

	border-radius: 20px;
}


/* =========================================================
   FREE SHIPPING BAR
========================================================= */

.alux-sc-shipping-progress {
	border-color:
		#e8ca98 !important;

	box-shadow:
		0 1px 5px
		rgba(0,0,0,.018);
}


.alux-sc-progress-fill {
	background:
		linear-gradient(
			90deg,
			#c57d20,
			#dda343
		) !important;
}


/* =========================================================
   MOBILE FINAL POLISH
========================================================= */

@media (max-width: 767px) {

	.alux-sc-scroll {
		padding: 8px !important;
	}


	.alux-sc-shipping-progress {
		margin-bottom: 7px !important;

		padding: 9px !important;
	}


	.alux-sc-products {
		gap: 6px !important;

		margin-bottom: 7px !important;
	}


	.alux-sc-product {
		padding: 7px !important;
	}


	.alux-sc-addon {
		margin-bottom: 7px !important;
	}


	.alux-sc-trust {
		margin-bottom: 7px !important;
	}


	.alux-sc-section {
		margin-bottom: 7px !important;

		padding: 9px !important;
	}


	.alux-sc-summary {
		padding: 10px !important;
	}


	.alux-sc-summary-row {
		padding: 4px 0 !important;

		font-size: 8.5px !important;
	}


	.alux-sc-total {
		padding-top: 8px !important;
	}


	.alux-sc-total span {
		font-size: 11px !important;
	}


	.alux-sc-total strong {
		font-size: 15px !important;
	}


	button.alux-sc-addon-button {
		font-size: 7.5px !important;

		padding: 0 7px !important;
	}


	button.alux-sc-coupon-button {
		font-size: 8px !important;
	}

}
/* =========================================================
   ALUX SIDE CART — GOLD COLOR + ADD-ON BUTTON FINAL FIX
========================================================= */

.alux-sidecart {
	--alux-cart-gold: #c98727;
	--alux-cart-gold-dark: #ad6f1e;
	--alux-cart-gold-light: #dfa545;
	--alux-cart-gold-soft: #f2dfbd;
}


/* =========================================================
   ALL PRICE COLORS — SAME GOLD
========================================================= */

.alux-sidecart .alux-sc-line-price,
.alux-sidecart .alux-sc-addon-price,
.alux-sidecart .alux-sc-total strong,
.alux-sidecart .woocommerce-Price-amount,
.alux-sidecart .woocommerce-Price-currencySymbol {
	color: var(--alux-cart-gold) !important;
}


/* Don't turn normal summary prices gold */
.alux-sidecart
.alux-sc-summary-row:not(.alux-sc-total)
strong,

.alux-sidecart
.alux-sc-summary-row:not(.alux-sc-total)
.woocommerce-Price-amount,

.alux-sidecart
.alux-sc-summary-row:not(.alux-sc-total)
.woocommerce-Price-currencySymbol {
	color: #262626 !important;
}


/* =========================================================
   GOLD ELEMENTS — MATCH EACH OTHER
========================================================= */

.alux-sc-header h2 span,
.alux-sc-shipping-message strong,
.alux-sc-shipping-message b,
.alux-sc-addon-price,
.alux-sc-continue {
	color: var(--alux-cart-gold) !important;
}


.alux-sc-progress-fill {
	background:
		linear-gradient(
			90deg,
			var(--alux-cart-gold-dark),
			var(--alux-cart-gold-light)
		) !important;
}


/* Shipping truck */
.alux-sc-truck svg {
	stroke: var(--alux-cart-gold) !important;
}


/* =========================================================
   TRUST ICONS
   Keep all three identical instead of mixed shades
========================================================= */

.alux-sc-trust-item svg {
	stroke: #4c4c4c !important;
	color: #4c4c4c !important;
}


/* =========================================================
   ADD-ON CARD
========================================================= */

.alux-sc-addon {
	border-color: #e5c78e !important;

	background: #fffdf8 !important;
}


.alux-sc-addon-label {
	background: #efb548 !important;

	color: #17120a !important;
}


/* =========================================================
   ADD TO CART — DESKTOP FIX
========================================================= */

.alux-sc-addon-row {
	grid-template-columns:
		82px minmax(0, 1fr) 108px !important;

	column-gap: 10px !important;
}


button.alux-sc-addon-button {
	width: 108px !important;
	min-width: 108px !important;
	max-width: 108px !important;

	height: 39px !important;
	min-height: 39px !important;

	margin: 0 !important;
	padding: 0 10px !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	gap: 5px !important;

	border: 0 !important;
	border-radius: 6px !important;

	background:
		linear-gradient(
			180deg,
			#dca246 0%,
			#c17b20 100%
		) !important;

	box-shadow: none !important;

	color: #fff !important;

	font-size: 10px !important;
	line-height: 1 !important;

	font-weight: 700 !important;

	white-space: nowrap !important;

	opacity: 1 !important;

	transform: none !important;

	overflow: visible !important;
}


button.alux-sc-addon-button span {
	display: inline !important;

	color: #fff !important;

	font-size: inherit !important;
	line-height: 1 !important;

	font-weight: inherit !important;

	opacity: 1 !important;

	white-space: nowrap !important;
}


button.alux-sc-addon-button:hover {
	background:
		linear-gradient(
			180deg,
			#e1aa4d,
			#b9711b
		) !important;

	color: #fff !important;

	transform: none !important;
}


/* =========================================================
   COUPON + CHECKOUT SAME GOLD
========================================================= */

button.alux-sc-coupon-button,
.alux-sc-checkout {
	background:
		linear-gradient(
			180deg,
			#dca246,
			#c17b20
		) !important;
}


button.alux-sc-coupon-button {
	color: #fff !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.alux-sc-addon-row {
		grid-template-columns:
			62px minmax(0, 1fr) 90px !important;

		column-gap: 7px !important;
	}


	button.alux-sc-addon-button {
		width: 90px !important;
		min-width: 90px !important;
		max-width: 90px !important;

		height: 34px !important;
		min-height: 34px !important;

		padding: 0 6px !important;

		border-radius: 5px !important;

		font-size: 8px !important;
	}


	.alux-sc-addon-button span {
		font-size: 8px !important;
	}

}


/* Extra narrow phones */
@media (max-width: 390px) {

	.alux-sc-addon-row {
		grid-template-columns:
			59px minmax(0, 1fr) 82px !important;
	}


	button.alux-sc-addon-button {
		width: 82px !important;
		min-width: 82px !important;
		max-width: 82px !important;

		padding: 0 5px !important;

		font-size: 7.5px !important;
	}


	.alux-sc-addon-button span {
		font-size: 7.5px !important;
	}

}

/* Mobile side-cart spacing refinement */
@media (max-width: 767px) {
  #alux-sidecart .alux-sc-section {
    padding: 10px !important;
    margin: 0 0 8px !important;
  }
  #alux-sidecart .alux-sc-section > h3 {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
  #alux-sidecart .alux-sc-coupon {
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) 65px !important;
  }
  #alux-sidecart input.alux-sc-coupon-input {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #alux-sidecart button.alux-sc-coupon-button {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    margin: 0 !important;
    font-size: 12px !important;
  }
  #alux-sidecart .alux-sc-summary-row {
    padding: 5px 0 !important;
  }
}