/**
 * ==========================================================
 * CHACHA HOME — CART V2.1 FINAL
 * ==========================================================
 *
 * Classic WooCommerce Cart
 *
 * Structure expected:
 *
 * .woocommerce
 *   .woocommerce-notices-wrapper
 *   .chacha-cart-shipping-banner
 *   .chacha-cart-main-layout
 *      .woocommerce-cart-form
 *      .cart-collaterals
 *   .chacha-cart-recommendations
 *
 * Notes:
 * - WooCommerce native cross-sells are hidden.
 * - Main two-column layout is controlled ONLY by
 *   .chacha-cart-main-layout.
 * - Mobile stacks the two columns.
 */


/**
 * ==========================================================
 * 01. PAGE
 * ==========================================================
 */

body.woocommerce-cart
.site-content {
	background:
		#FFFDFC;
}


body.woocommerce-cart
.content-area {
	max-width:
		1400px;

	margin:
		0 auto;

	padding:
		44px
		32px
		80px;
}


body.woocommerce-cart
.woocommerce {
	display:
	block !important;

	width:
	100%;
}


/**
 * ==========================================================
 * 02. NOTICES
 * ==========================================================
 */

body.woocommerce-cart
.woocommerce-notices-wrapper {
	width:
	100%;

	margin:
	0
	0
	18px;
}


body.woocommerce-cart
.woocommerce-error,

body.woocommerce-cart
.woocommerce-info,

body.woocommerce-cart
.woocommerce-message {
	margin:
	0
	0
	16px;

	padding:
	13px
	16px
	13px
	42px;

	border-top:
	0;

	border-left:
	3px
	solid
	#B08D57;

	background:
	#FFFDFC;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	11px;

	line-height:
	1.6;

	color:
	#3B322D;
}


body.woocommerce-cart
.woocommerce-error {
	border-left-color:
		#A63D40;
}


body.woocommerce-cart
.woocommerce-message {
	border-left-color:
		#2F6B4F;
}


/**
 * ==========================================================
 * 03. FREE SHIPPING BANNER
 * ==========================================================
 */

.chacha-cart-shipping-banner {
	width:
	100%;

	margin:
	0
	0
	28px;

	padding:
	17px
	20px;

	border:
	1px
	solid
	#D7CEC4;

	border-radius:
	18px;

	background:
	#FFFDFC;

	box-sizing:
	border-box;
}


.chacha-cart-shipping-banner__top {
	display:
	flex;

	align-items:
	center;

	justify-content:
	space-between;

	gap:
	20px;

	margin-bottom:
	12px;
}


.chacha-cart-shipping-banner__top
p {
	margin:
	0
	0
	3px !important;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	9px;

	font-weight:
	700;

	line-height:
	1.4;

	letter-spacing:
	0.11em;

	text-transform:
	uppercase;

	color:
	#8F6F3F;
}


.chacha-cart-shipping-banner__top
strong {
	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	14px;

	font-weight:
	500;

	line-height:
	1.5;

	color:
	#201A17;
}


.chacha-cart-shipping-banner__status {
	flex:
	0
	0
	auto;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	10px;

	font-weight:
	700;

	color:
	#8F6F3F;
}


.chacha-cart-shipping-banner__track {
	overflow:
	hidden;

	width:
	100%;

	height:
	5px;

	background:
	#EDE6DD;
}


.chacha-cart-shipping-banner__track
span {
	display:
	block;

	height:
	100%;

	background:
	#B08D57;

	transition:
		width
		220ms
		ease;
}


/**
 * ==========================================================
 * 04. MAIN TWO-COLUMN CART LAYOUT
 * ==========================================================
 *
 * LEFT:
 * - Coupon opportunities
 * - Cart products
 *
 * RIGHT:
 * - Order summary
 * - Manual coupon
 * - Checkout button
 */

body.woocommerce-cart
.chacha-cart-main-layout {
	display:
	grid !important;

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

	column-gap:
	44px;

	row-gap:
	0;

	align-items:
	start;

	width:
	100%;

	min-width:
	0;
}


/**
 * LEFT COLUMN
 */

body.woocommerce-cart
.chacha-cart-main-layout
> .woocommerce-cart-form {
	grid-column:
	1;

	grid-row:
	1;

	float:
	none !important;

	clear:
	none !important;

	width:
	100% !important;

	min-width:
	0;

	max-width:
	none !important;

	margin:
	0 !important;
}


/**
 * RIGHT COLUMN
 */

body.woocommerce-cart
.chacha-cart-main-layout
> .cart-collaterals {
	grid-column:
	2;

	grid-row:
	1;

	float:
	none !important;

	clear:
	none !important;

	width:
	100% !important;

	min-width:
	0;

	max-width:
	none !important;

	margin:
	0 !important;
}


body.woocommerce-cart
.chacha-cart-main-layout
> .cart-collaterals
> .cart_totals {
	float:
	none !important;

	clear:
	none !important;

	width:
	100% !important;

	max-width:
	none !important;

	margin:
	0 !important;
}


/**
 * ==========================================================
 * 05. SECTION HEADING
 * ==========================================================
 */

.chacha-cart-section-heading {
	display:
	flex;

	align-items:
	flex-end;

	justify-content:
	space-between;

	gap:
	24px;

	margin:
	0
	0
	16px;
}


.chacha-cart-section-heading
p {
	margin:
	0
	0
	4px !important;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	8px;

	font-weight:
	700;

	line-height:
	1.4;

	letter-spacing:
	0.14em;

	text-transform:
	uppercase;

	color:
	#B08D57;
}


.chacha-cart-section-heading
h2 {
	margin:
	0 !important;

	font-family:
	var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
	28px;

	font-weight:
	500;

	line-height:
	1;

	color:
	#201A17;
}


.chacha-cart-section-heading
> span {
	max-width:
	260px;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	9px;

	line-height:
	1.5;

	text-align:
	right;

	color:
	#6A5F58;
}


/**
 * ==========================================================
 * 06. COUPON OPPORTUNITIES
 * ==========================================================
 */

.chacha-cart-coupon-zone {
	width:
	100%;

	margin:
	0
	0
	26px;

	box-sizing:
	border-box;
}


.chacha-cart-coupon-grid {
	display:
	grid;

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

	gap:
	10px;
}


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

.chacha-cart-coupon-card {
	display:
		flex;

	flex-direction:
		column;

	justify-content:
		space-between;

	min-height:
		118px;

	padding:
		13px
		14px;

	border:
		1px
		dashed
		#D7B98A;

	border-radius:
		12px;

	background:
		#FFFDFC;

	box-sizing:
		border-box;
}


.chacha-cart-coupon-card.is-applied {
	border-style:
		solid;

	border-color:
		#B08D57;

	background:
		#FDF9F3;
}


.chacha-cart-coupon-card.is-locked {
	opacity:
		0.56;
}


.chacha-cart-coupon-card__code {
	display:
		block;

	margin-bottom:
		4px;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		10px;

	font-weight:
		700;

	line-height:
		1.35;

	letter-spacing:
		0.06em;

	color:
		#201A17;
}


.chacha-cart-coupon-card__value {
	display:
		block;

	margin-bottom:
		3px;

	font-family:
		var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
		19px;

	font-weight:
		600;

	line-height:
		1.15;

	color:
		#8F6F3F;
}


.chacha-cart-coupon-card__condition {
	display:
		block;

	min-height:
		0;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		8px;

	line-height:
		1.35;

	color:
		#6A5F58;
}


.chacha-cart-coupon-card__button {
	align-self:
		flex-start;

	min-width:
		76px;

	min-height:
		28px;

	margin-top:
		8px;

	padding:
		0
		12px;

	border:
		1px
		solid
		#201A17;

	border-radius:
		14px;

	background:
		transparent;

	font-family:
		var(--chacha-font-body, Inter, sans-serif);

	font-size:
		7px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.06em;

	text-transform:
		uppercase;

	color:
		#201A17;

	cursor:
		pointer;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease,
		color
		160ms
		ease,
		opacity
		160ms
		ease;
}


.chacha-cart-coupon-card__button:hover {
	border-color:
		#B08D57;

	background:
		#B08D57;

	color:
		#FFFDFC;
}


.chacha-cart-coupon-card__button.is-remove {
	border-color:
		#B08D57;

	color:
		#8F6F3F;
}


.chacha-cart-coupon-card__button.is-locked {
	border-color:
		#D7CEC4;

	background:
		#EDE6DD;

	color:
		#6A5F58;

	cursor:
		not-allowed;
}


.chacha-cart-coupon-card__button.is-loading {
	opacity:
		0.5;

	pointer-events:
		none;
}


/**
 * ==========================================================
 * 07. CART AJAX MESSAGE
 * ==========================================================
 */

.chacha-cart-message {
	margin-top:
	12px;

	padding:
	10px
	12px;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	10px;

	line-height:
	1.5;
}


.chacha-cart-message[hidden] {
	display:
	none !important;
}


.chacha-cart-message.is-success {
	background:
		rgba(
			47,
			107,
			79,
			0.06
		);

	color:
	#2F6B4F;
}


.chacha-cart-message.is-error {
	background:
		rgba(
			166,
			61,
			64,
			0.05
		);

	color:
	#A63D40;
}


/**
 * ==========================================================
 * 08. CART PRODUCT TABLE
 * ==========================================================
 */

body.woocommerce-cart
.woocommerce-cart-form {
	float:
	none !important;

	width:
	100% !important;

	min-width:
	0;

	margin:
	0 !important;
}


body.woocommerce-cart
.woocommerce-cart-form
.shop_table {
	width:
	100% !important;

	margin:
	0 !important;

	border:
	1px
	solid
	var(--chacha-border-subtle) !important;

	border-radius:
	0 !important;

	border-collapse:
	collapse;

	background:
	#FFFDFC;

	table-layout:
	auto;
}


body.woocommerce-cart
.woocommerce-cart-form
.shop_table
th {
	padding:
	12px
	10px;

	border:
	0;

	border-bottom:
	1px
	solid
	var(--chacha-border-subtle);

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	8px;

	font-weight:
	600;

	line-height:
	1.4;

	letter-spacing:
	0.08em;

	text-transform:
	uppercase;

	color:
	#6A5F58;
}


body.woocommerce-cart
.woocommerce-cart-form
.shop_table
td {
	padding:
	15px
	10px;

	border:
	0;

	border-bottom:
	1px
	solid
	#EDE6DD;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	11px;

	line-height:
	1.5;

	vertical-align:
	middle;

	color:
	#3B322D;
}


body.woocommerce-cart
.product-remove {
	width:
	44px;
}


body.woocommerce-cart
.product-thumbnail {
	width:
	88px;
}


body.woocommerce-cart
.product-thumbnail
img {
	display:
	block;

	width:
	68px;

	height:
	78px;

	object-fit:
	cover;

	background:
	#F6F1EA;
}


body.woocommerce-cart
.product-name {
	min-width:
	145px;
}


body.woocommerce-cart
.product-name
a {
	font-family:
	var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
	18px;

	font-weight:
	500;

	line-height:
	1.2;

	text-decoration:
	none;

	color:
	#201A17;
}


body.woocommerce-cart
.product-name
a:hover {
	color:
	#8F6F3F;
}


body.woocommerce-cart
.product-price,

body.woocommerce-cart
.product-subtotal {
	white-space:
	nowrap;

	font-weight:
	600;

	color:
	#201A17;
}


/**
 * Remove item
 */

body.woocommerce-cart
.product-remove
a.remove {
	display:
	inline-flex;

	align-items:
	center;

	justify-content:
	center;

	width:
	28px;

	height:
	28px;

	border:
	1px
	solid
	#D7CEC4;

	border-radius:
	50%;

	background:
	transparent;

	font-size:
	16px;

	font-weight:
	400;

	text-decoration:
	none;

	color:
	#6A5F58 !important;

	transition:
		border-color
		160ms
		ease,
		color
		160ms
		ease;
}


body.woocommerce-cart
.product-remove
a.remove:hover {
	border-color:
	#A63D40;

	background:
	transparent;

	color:
	#A63D40 !important;
}


/**
 * Quantity
 */

body.woocommerce-cart
.quantity {
	display:
	inline-grid !important;

	grid-template-columns:
		30px
		42px
		30px;

	align-items:
	center;

	border:
	1px
	solid
	#D7CEC4;

	background:
	#FFFDFC;
}


body.woocommerce-cart
.quantity
.qty {
	width:
	42px !important;

	min-height:
	34px;

	margin:
	0 !important;

	padding:
	0 !important;

	border:
	0 !important;

	border-left:
	1px
	solid
	#EDE6DD !important;

	border-right:
	1px
	solid
	#EDE6DD !important;

	border-radius:
	0 !important;

	background:
	transparent;

	text-align:
	center;

	box-shadow:
	none !important;
}


.chacha-qty-button {
	width:
	30px;

	height:
	34px;

	padding:
	0;

	border:
	0;

	border-radius:
	0;

	background:
	transparent;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	15px;

	line-height:
	1;

	color:
	#201A17;

	cursor:
	pointer;
}


.chacha-qty-button:hover {
	background:
	#F6F1EA;
}


/**
 * Native WooCommerce action row is not needed.
 * ChaCha quantity changes are AJAX driven.
 */

body.woocommerce-cart
.woocommerce-cart-form
td.actions {
	display:
	none !important;
}


/**
 * ==========================================================
 * 09. ORDER SUMMARY
 * ==========================================================
 */

body.woocommerce-cart
.cart-collaterals {
	float:
	none !important;

	clear:
	none !important;

	width:
	100% !important;

	max-width:
	none !important;

	margin:
	0 !important;
}


body.woocommerce-cart
.cart_totals {
	position:
	sticky;

	top:
	24px;

	float:
	none !important;

	clear:
	none !important;

	width:
	100% !important;

	max-width:
	none !important;

	margin:
	0 !important;

	padding:
	24px;

	border:
	1px
	solid
	var(--chacha-border-subtle);

	background:
	#FFFDFC;

	box-sizing:
	border-box;
}


body.woocommerce-cart
.cart_totals
h2 {
	margin:
	0
	0
	18px !important;

	font-family:
	var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
	28px;

	font-weight:
	500;

	line-height:
	1.1;

	color:
	#201A17;
}


body.woocommerce-cart
.cart_totals
.shop_table {
	width:
	100% !important;

	margin:
	0;

	border:
	0 !important;

	border-collapse:
	collapse;

	background:
	transparent;
}


body.woocommerce-cart
.cart_totals
.shop_table
th,

body.woocommerce-cart
.cart_totals
.shop_table
td {
	padding:
	11px
	0;

	border:
	0;

	border-bottom:
	1px
	solid
	#EDE6DD;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	11px;

	line-height:
	1.5;

	vertical-align:
	middle;
}


body.woocommerce-cart
.cart_totals
.shop_table
th {
	width:
	52%;

	font-weight:
	500;

	text-align:
	left;

	color:
	#6A5F58;
}


body.woocommerce-cart
.cart_totals
.shop_table
td {
	width:
	48%;

	text-align:
	right;

	font-weight:
	600;

	color:
	#201A17;
}


/**
 * Sale savings + coupon
 */

body.woocommerce-cart
.chacha-cart-sale-savings
th,

body.woocommerce-cart
.chacha-cart-sale-savings
td,

body.woocommerce-cart
.cart-discount
th,

body.woocommerce-cart
.cart-discount
td {
	color:
	#2F6B4F !important;

	font-weight:
	600 !important;
}


/**
 * Native coupon remove link
 */

body.woocommerce-cart
.cart-discount
.woocommerce-remove-coupon {
	margin-left:
	5px;

	font-size:
	9px;

	font-weight:
	600;

	text-decoration:
	underline;

	text-underline-offset:
	2px;

	color:
	#6A5F58;
}


/**
 * Total savings
 */

body.woocommerce-cart
.chacha-cart-total-savings
th,

body.woocommerce-cart
.chacha-cart-total-savings
td {
	padding-top:
	15px !important;

	color:
	#8F6F3F !important;

	font-weight:
	700 !important;
}


/**
 * Final total
 */

body.woocommerce-cart
.order-total
th,

body.woocommerce-cart
.order-total
td {
	padding-top:
	18px !important;

	border-bottom:
	0 !important;

	font-size:
	15px !important;

	font-weight:
	700 !important;

	color:
	#201A17 !important;
}


body.woocommerce-cart
.order-total
.amount {
	font-size:
	19px;

	font-weight:
	700;
}


/**
 * ==========================================================
 * 10. MANUAL COUPON
 * ==========================================================
 */

.chacha-cart-manual-coupon {
	margin-top:
	20px;

	padding:
	17px;

	border:
	1px
	dashed
	#D7B98A;

	border-radius:
	14px;

	background:
	#FFFDFC;
}


.chacha-cart-manual-coupon__eyebrow {
	margin:
	0
	0
	9px !important;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	8px;

	font-weight:
	700;

	line-height:
	1.4;

	letter-spacing:
	0.08em;

	text-transform:
	uppercase;

	color:
	#201A17;
}


.chacha-cart-manual-coupon__form {
	display:
	grid;

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

	gap:
	8px;
}


.chacha-cart-manual-coupon__form
input {
	width:
	100%;

	min-width:
	0;

	height:
	40px;

	margin:
	0;

	padding:
	0
	11px;

	border:
	1px
	solid
	#D7CEC4;

	border-radius:
	0;

	background:
	#FFFDFC;

	box-shadow:
	none;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	10px;

	color:
	#201A17;
}


.chacha-cart-manual-coupon__form
input:focus {
	border-color:
	#B08D57;

	outline:
	none;

	box-shadow:
		0
		0
		0
		1px
		#B08D57;
}


.chacha-cart-manual-coupon__form
button {
	min-width:
	76px;

	height:
	40px;

	padding:
	0
	14px;

	border:
	1px
	solid
	#201A17;

	border-radius:
	20px;

	background:
	transparent;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	8px;

	font-weight:
	700;

	line-height:
	1;

	letter-spacing:
	0.06em;

	text-transform:
	uppercase;

	color:
	#201A17;

	cursor:
	pointer;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease,
		color
		160ms
		ease;
}


.chacha-cart-manual-coupon__form
button:hover {
	border-color:
	#B08D57;

	background:
	#B08D57;

	color:
	#FFFDFC;
}


/**
 * ==========================================================
 * 11. CHECKOUT BUTTON
 * ==========================================================
 */

body.woocommerce-cart
.wc-proceed-to-checkout {
	padding:
	0;
}


body.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button {
	display:
	flex;

	align-items:
	center;

	justify-content:
	center;

	width:
	100%;

	min-height:
	52px;

	margin:
	14px
	0
	0 !important;

	padding:
	0
	18px !important;

	border:
	1px
	solid
	#201A17 !important;

	border-radius:
	0 !important;

	background:
	#201A17 !important;

	box-shadow:
	none !important;

	font-family:
	var(--chacha-font-body, Inter, sans-serif) !important;

	font-size:
	10px !important;

	font-weight:
	700 !important;

	line-height:
	1;

	letter-spacing:
	0.1em;

	text-decoration:
	none !important;

	text-transform:
	uppercase;

	color:
	#FFFDFC !important;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease;
}


body.woocommerce-cart
.wc-proceed-to-checkout
.checkout-button:hover {
	border-color:
	#B08D57 !important;

	background:
	#B08D57 !important;

	color:
	#FFFDFC !important;
}


/**
 * ==========================================================
 * 12. RECOMMENDATION TABS
 * ==========================================================
 */

.chacha-cart-recommendations {
	width:
	100%;

	margin:
	38px
	0
	0;

	padding-top:
	26px;

	border-top:
	1px
	solid
	var(--chacha-border-subtle);

	box-sizing:
	border-box;
}


.chacha-cart-recommendations__tabs {
	display:
	grid;

	grid-template-columns:
		repeat(
			2,
			minmax(
				0,
				1fr
			)
		);

	gap:
	16px;

	margin-bottom:
	22px;
}


.chacha-cart-recommendations__tabs
button {
	min-height:
	46px;

	padding:
	0
	16px;

	border:
	1px
	solid
	#D7B98A;

	border-radius:
	23px;

	background:
	#FFFDFC;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	10px;

	font-weight:
	500;

	line-height:
	1;

	letter-spacing:
	0.04em;

	color:
	#201A17;

	cursor:
	pointer;

	transition:
		background-color
		160ms
		ease,
		border-color
		160ms
		ease,
		color
		160ms
		ease;
}


.chacha-cart-recommendations__tabs
button:hover {
	border-color:
	#B08D57;
}


.chacha-cart-recommendations__tabs
button.is-active {
	border-color:
	#201A17;

	background:
	#201A17;

	color:
	#FFFDFC;
}


.chacha-cart-recommendations__panel[hidden] {
	display:
	none !important;
}


/**
 * ==========================================================
 * 13. RECOMMENDATION GRID
 * ==========================================================
 */

.chacha-cart-rec-grid {
	display:
	grid;

	grid-template-columns:
		repeat(
			4,
			minmax(
				0,
				1fr
			)
		);

	gap:
	16px;
}


.chacha-cart-rec-card {
	min-width:
	0;

	background:
	#FFFDFC;
}


.chacha-cart-rec-card__image {
	display:
	block;

	overflow:
	hidden;

	/**
	 * Match the 4:5 media proportion used by the shared
	 * Product Card on single-product Related / Upsell loops.
	 * This is intentionally scoped to Cart V2 recommendations.
	 */
	aspect-ratio:
	4 / 5;

	margin-bottom:
	11px;

	background:
	#F6F1EA;
}


.chacha-cart-rec-card__image
img {
	display:
	block;

	width:
	100%;

	height:
	100%;

	object-fit:
	cover;

	transition:
		transform
		240ms
		ease;
}


.chacha-cart-rec-card:hover
.chacha-cart-rec-card__image
img {
	transform:
		scale(
			1.025
		);
}


.chacha-cart-rec-card__body {
	min-width:
	0;
}


.chacha-cart-rec-card__name {
	display:
	-webkit-box;

	overflow:
	hidden;

	min-height:
	42px;

	margin-bottom:
	6px;

	-webkit-box-orient:
	vertical;

	-webkit-line-clamp:
	2;

	font-family:
	var(--chacha-font-heading, "Cormorant Garamond", serif);

	font-size:
	17px;

	font-weight:
	500;

	line-height:
	1.2;

	text-decoration:
	none;

	color:
	#201A17;
}


.chacha-cart-rec-card__name:hover {
	color:
	#8F6F3F;
}


.chacha-cart-rec-card__price {
	min-height:
	24px;

	margin-bottom:
	10px;

	font-family:
	var(--chacha-font-body, Inter, sans-serif);

	font-size:
	11px;

	font-weight:
	600;

	line-height:
	1.4;

	color:
	#201A17;
}


.chacha-cart-rec-card__price
del {
	margin-right:
	5px;

	color:
	#9A8F87;
}


.chacha-cart-rec-card__price
ins {
	text-decoration:
	none;

	color:
	#201A17;
}


/**
 * Recommendation CTA visual styling is centralized in:
 * assets/css/commerce-actions.css
 */

/**
 * ==========================================================
 * 14. AJAX UPDATING
 * ==========================================================
 */

body.chacha-cart-updating
.woocommerce-cart-form,

body.chacha-cart-updating
.cart-collaterals {
	opacity:
	0.48;

	pointer-events:
	none;
}


/**
 * ==========================================================
 * 15. HIDE NATIVE WOOCOMMERCE CROSS SELLS
 * ==========================================================
 */

body.woocommerce-cart
.cross-sells {
	display:
	none !important;
}


/**
 * ==========================================================
 * 16. LARGE TABLET
 * ==========================================================
 */

@media (max-width: 1180px) {

	body.woocommerce-cart
	.chacha-cart-main-layout {
		grid-template-columns:
			minmax(
				0,
				1fr
			)
			340px;

		column-gap:
			28px;
	}


	.chacha-cart-coupon-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			);
	}


	.chacha-cart-rec-grid {
		grid-template-columns:
			repeat(
				3,
				minmax(
					0,
					1fr
				)
			);
	}

}


/**
 * ==========================================================
 * 17. MOBILE
 * ==========================================================
 */

@media (max-width: 800px) {

	body.woocommerce-cart
	.content-area {
		padding:
			30px
			18px
			60px;
	}


	body.woocommerce-cart
	.chacha-cart-main-layout {
		display:
			block !important;
	}


	body.woocommerce-cart
	.chacha-cart-main-layout
	> .woocommerce-cart-form,

	body.woocommerce-cart
	.chacha-cart-main-layout
	> .cart-collaterals {
		float:
			none !important;

		clear:
			none !important;

		width:
			100% !important;

		max-width:
			none !important;

		margin:
			0 !important;
	}


	body.woocommerce-cart
	.chacha-cart-main-layout
	> .cart-collaterals {
		margin-top:
			26px !important;
	}


	body.woocommerce-cart
	.cart_totals {
		position:
			static;
	}


	.chacha-cart-coupon-grid {
		grid-template-columns:
			1fr;
	}


	.chacha-cart-section-heading {
		display:
			block;
	}


	.chacha-cart-section-heading
	> span {
		display:
			block;

		max-width:
			none;

		margin-top:
			6px;

		text-align:
			left;
	}


	.chacha-cart-recommendations {
		margin-top:
			34px;
	}


	.chacha-cart-rec-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			);

		gap:
			12px;
	}


	.chacha-cart-recommendations__tabs {
		gap:
			8px;
	}


	.chacha-cart-recommendations__tabs
	button {
		min-height:
			42px;

		padding:
			0
			9px;

		font-size:
			8px;
	}

}


/**
 * ==========================================================
 * 18. SMALL MOBILE
 * ==========================================================
 */

@media (max-width: 480px) {

	body.woocommerce-cart
	.content-area {
		padding-left:
			14px;

		padding-right:
			14px;
	}


	.chacha-cart-shipping-banner {
		padding:
			15px;
	}


	.chacha-cart-shipping-banner__top {
		align-items:
			flex-start;
	}


	.chacha-cart-shipping-banner__status {
		padding-top:
			2px;
	}


	.chacha-cart-section-heading
	h2 {
		font-size:
			25px;
	}


	.chacha-cart-rec-card__name {
		font-size:
			15px;
	}


	.chacha-cart-manual-coupon__form {
		grid-template-columns:
			1fr;
	}


	.chacha-cart-manual-coupon__form
	button {
		width:
			100%;
	}


	.chacha-cart-recommendations__tabs {
		grid-template-columns:
			1fr;
	}


	.chacha-cart-recommendations__tabs
	button {
		width:
			100%;
	}

}


/**
 * ==========================================================
 * 19. REDUCED MOTION
 * ==========================================================
 */

@media (prefers-reduced-motion: reduce) {

	.chacha-cart-shipping-banner__track
	span,

	.chacha-cart-coupon-card__button,

	.chacha-cart-manual-coupon__form
	button,

	.chacha-cart-recommendations__tabs
	button,

	.chacha-cart-rec-card__image
	img {
		transition:
			none;
	}

}
/**
 * ==========================================================
 * CART RECOMMENDATION — QUICK VARIATION PICKER
 * ==========================================================
 */

body.woocommerce-cart
.chacha-cart-rec-card {
	position:
	relative;

	isolation:
	isolate;
}


/**
 * Compact cart trigger uses the shared visual language from
 * commerce-actions.css; Cart V2 owns only its placement.
 */
body.woocommerce-cart
.chacha-cart-rec-card
.chacha-cart-rec-card__cart-trigger {
	position:
	absolute;

	top:
	12px;

	right:
	12px;

	z-index:
	30;
}


/**
 * WooCommerce may append a temporary "view cart" follow-up
 * link after a native AJAX add. Cart V2 already refreshes the
 * recommendation region, so the extra link is redundant.
 */
body.woocommerce-cart
.chacha-cart-rec-card
.added_to_cart {
	display:
	none !important;
}


/**
 * Product-card compatibility classes are used only
 * to connect the existing Quick Variation Picker.
 *
 * Cart V2 remains visually controlled by cart.css.
 */

body.woocommerce-cart
.chacha-cart-recommendations
.chacha-cart-rec-card.chacha-product-card {
	display:
	block;

	width:
	auto;

	min-width:
	0;

	margin:
	0;

	padding:
	0;

	border:
	0;

	background:
	#FFFDFC;

	box-shadow:
	none;
}


/**
 * Variable recommendation triggers use the same centralized
 * commerce action component as simple-product buttons.
 */

/**
 * Keep the active card above neighbouring cards
 * while the variation picker is open.
 */

body.woocommerce-cart
.chacha-cart-rec-card.chacha-quick-picker-open,

body.woocommerce-cart
.chacha-cart-rec-card:has(
	.chacha-quick-picker
) {
	z-index:
	20;
}


/**
 * Quick picker must not be clipped by the
 * recommendation product card.
 */

body.woocommerce-cart
.chacha-cart-rec-card {
	overflow:
	visible;
}


@media (max-width: 767px) {

	body.woocommerce-cart
	.chacha-cart-rec-card
	.chacha-cart-rec-card__cart-trigger {
		top:
		10px;

		right:
		10px;
	}

}


/**
 * ==========================================================
 * CHACHA HOME — CART V2 MOBILE SUMMARY POLISH
 * ==========================================================
 */

@media (max-width: 480px) {

	/**
	 * Give the order summary more usable inner width.
	 */
	body.woocommerce-cart
	.cart_totals {
		width:
			100% !important;

		max-width:
			none !important;

		padding:
			18px !important;

		box-sizing:
			border-box;
	}


	body.woocommerce-cart
	.cart_totals
	h2 {
		margin-bottom:
			16px !important;

		font-size:
			26px;
	}


	/**
	 * Monetary rows:
	 * keep label left / amount right,
	 * but give the value side a little more room.
	 */
	body.woocommerce-cart
	.cart_totals
	.shop_table
	th {
		width:
			44% !important;
	}


	body.woocommerce-cart
	.cart_totals
	.shop_table
	td {
		width:
			56% !important;
	}


	/**
	 * Shipping needs a full-width layout on small screens.
	 *
	 * Prevents address / shipping method text from being
	 * squeezed into the right-side 56% column.
	 */
	body.woocommerce-cart
.cart_totals
tr.woocommerce-shipping-totals
th {
	display:
		none !important;
}


body.woocommerce-cart
.cart_totals
tr.woocommerce-shipping-totals
td {
	display:
		block !important;

	width:
		100% !important;

	box-sizing:
		border-box;
}


	body.woocommerce-cart
	.cart_totals
	tr.woocommerce-shipping-totals
	th {
		padding:
			12px
			0
			5px !important;

		border-bottom:
			0 !important;

		text-align:
			left !important;
	}

	/**
	 * Woo shipping list.
	 */
	body.woocommerce-cart
	.cart_totals
	#shipping_method {
		margin:
			0 !important;

		padding:
			0 !important;

		text-align:
			left !important;
	}


	body.woocommerce-cart
	.cart_totals
	#shipping_method
	li {
		margin:
			0
			0
			7px !important;

		padding:
			0 !important;

		text-align:
			left !important;

		line-height:
			1.5;
	}


	/**
	 * Destination/address text.
	 */
	body.woocommerce-cart
	.cart_totals
	.woocommerce-shipping-destination {
		margin:
			8px
			0
			5px !important;

		text-align:
			left !important;

		line-height:
			1.55;
	}


	body.woocommerce-cart
	.cart_totals
	.woocommerce-shipping-calculator {
		text-align:
			left !important;
	}


	/**
	 * Savings and total:
	 * keep values on one line where possible.
	 */
	body.woocommerce-cart
	.cart_totals
	.chacha-cart-total-savings
	td,

	body.woocommerce-cart
	.cart_totals
	.order-total
	td {
		white-space:
			nowrap;
	}


	/**
	 * Coupon section can use the full summary width.
	 */
	body.woocommerce-cart
	.chacha-cart-manual-coupon {
		margin-top:
			18px;

		padding:
			14px;
	}

}

/**
 * ==========================================================
 * DEV-UI-CART-POLISH-01-R3
 * CART — HEADER RHYTHM + SHARED PRODUCT CARD OWNERSHIP
 * ==========================================================
 *
 * Important:
 * - Tüm Ürünler / classic Product Card System is the visual owner.
 * - Cart recommendations only own their grid.
 * - No cart-specific title/image/card skin overrides.
 */


/* ==========================================================
 * A. HEADER -> FREE SHIPPING BAR
 * ========================================================== */

body.woocommerce-cart
#primary.content-area,

body.woocommerce-cart
.content-area {
	margin-top:
		0 !important;

	padding-top:
		0 !important;
}


body.woocommerce-cart
.site-main {
	margin-top:
		0 !important;

	padding-top:
		18px !important;
}


/* ==========================================================
 * B. RECOMMENDATION GRID ONLY
 * ========================================================== */

body.woocommerce-cart
.chacha-cart-rec-grid.products {
	display:
		grid !important;

	grid-template-columns:
		repeat(
			4,
			minmax(
				0,
				1fr
			)
		) !important;

	gap:
		16px !important;

	width:
		100% !important;

	margin:
		0 !important;

	padding:
		0 !important;

	list-style:
		none !important;
}


body.woocommerce-cart
.chacha-cart-rec-grid.products
li.product {
	width:
		auto !important;

	min-width:
		0;

	margin:
		0 !important;
}


/**
 * Quick Picker must sit over neighbouring cards while open.
 */
body.woocommerce-cart
.chacha-cart-rec-grid.products
li.product.chacha-quick-picker-open,

body.woocommerce-cart
.chacha-cart-rec-grid.products
li.product:has(
	.chacha-quick-picker
),

body.woocommerce-cart
.chacha-cart-rec-grid.products
li.product:has(
	.chacha-product-quick-picker
) {
	z-index:
		20;
}


/* ==========================================================
 * C. LARGE TABLET
 * ========================================================== */

@media (max-width: 1180px) {

	body.woocommerce-cart
	.chacha-cart-rec-grid.products {
		grid-template-columns:
			repeat(
				3,
				minmax(
					0,
					1fr
				)
			) !important;

		gap:
			14px !important;
	}

}


/* ==========================================================
 * D. TABLET / MOBILE
 * ========================================================== */

@media (max-width: 800px) {

	body.woocommerce-cart
	.site-main {
		padding-top:
			16px !important;
	}


	body.woocommerce-cart
	.chacha-cart-rec-grid.products {
		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			) !important;

		gap:
			12px !important;
	}

}


/* ==========================================================
 * E. SMALL MOBILE
 * ========================================================== */

@media (max-width: 480px) {

	body.woocommerce-cart
	.site-main {
		padding-top:
			12px !important;
	}

}

/**
 * ==========================================================
 * DEV-UI-CART-POLISH-01-R5-PARITY
 * Measured parity corrections.
 * ==========================================================
 *
 * R4 visual QA measured a stable +32px cart-page offset above
 * the shipping banner. The page wrapper owns that extra space;
 * .site-main remains the single header rhythm owner.
 *
 * Recommendation cards inherit Product Card System visuals.
 * Cart owns only grid layout, so reset its legacy 8px card pad.
 */

body.woocommerce-cart
.chacha-cart-page {
	padding-top: 0 !important;
}

body.woocommerce-cart
.chacha-cart-rec-grid.products
li.product {
	padding: 0 !important;
}

/**
 * ==========================================================
 * DEV-UI-CART-POLISH-01-R7-CONTENT-WRAP-OFFSET
 * CART — FINAL HEADER / SHIPPING RHYTHM
 * ==========================================================
 *
 * Runtime measurement:
 *
 * Desktop : 50px total gap = 18px intended + 32px residual
 * Tablet  : 50px total gap = 18px intended + 32px residual
 * Mobile  : 44px total gap = 12px intended + 32px residual
 *
 * The residual exists between .site-main and its direct
 * .content-wrap child while computed margin/padding/top/
 * border/transform values remain zero.
 *
 * Keep the correction strictly scoped to the cart page and
 * the direct Kadence content wrapper.
 */

body.woocommerce-cart
.site-main
> .content-wrap {
    margin-top: -32px !important;
}

/**
 * ==========================================================
 * CHA-CART-EMPTY-STATE-01 / A2
 * Premium empty-cart experience.
 * A3.3: adaptive 1-4 product grid.
 * ==========================================================
 */

body.woocommerce-cart.chacha-cart-empty-state-page
.return-to-shop {
	display: none !important;
}

body.woocommerce-cart.chacha-cart-empty-state-page
.site-content {
	background: #FFFDFC;
}

body.woocommerce-cart.chacha-cart-empty-state-page
.entry-header {
	margin-bottom: 0;
}

body.woocommerce-cart.chacha-cart-empty-state-page
.entry-title {
	color: #2F2824;
}

body.woocommerce-cart.chacha-cart-empty-state-page
.woocommerce {
	width: 100%;
}

body.woocommerce-cart
.chacha-cart-empty {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 10px 0 72px;
	box-sizing: border-box;
}

body.woocommerce-cart
.chacha-cart-empty__intro {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(100%, 800px);
	margin: 0 auto;
	padding: 26px 24px 50px;
	text-align: center;
	box-sizing: border-box;
}

body.woocommerce-cart
.chacha-cart-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin: 0 0 20px;
	color: #8F7657;
}

body.woocommerce-cart
.chacha-cart-empty__icon svg {
	display: block;
	width: 46px;
	height: 46px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.35;
	stroke-linecap: round;
	stroke-linejoin: round;
}

body.woocommerce-cart
.chacha-cart-empty__eyebrow,
body.woocommerce-cart
.chacha-cart-empty__recommendations-eyebrow {
	margin: 0 0 12px;
	color: #9B8263;
	font-family: Inter, sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

body.woocommerce-cart
.chacha-cart-empty__title {
	margin: 0;
	color: #2F2824;
	font-family: "Cormorant Garamond", serif;
	font-size: clamp(36px, 4vw, 52px);
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: -0.02em;
}

body.woocommerce-cart
.chacha-cart-empty__description {
	max-width: 620px;
	margin: 17px auto 0;
	color: #766B63;
	font-family: Inter, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.75;
}

body.woocommerce-cart
.chacha-cart-empty__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

body.woocommerce-cart
.chacha-cart-empty__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 24px;
	border-radius: 10px;
	box-sizing: border-box;
	font-family: Inter, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		color 160ms ease;
}

body.woocommerce-cart
.chacha-cart-empty__button--primary {
	border: 1px solid #2F2824;
	background: #2F2824;
	color: #FFFDFC;
}

body.woocommerce-cart
.chacha-cart-empty__button--primary:hover,
body.woocommerce-cart
.chacha-cart-empty__button--primary:focus-visible {
	border-color: #4A3E37;
	background: #4A3E37;
	color: #FFFDFC;
}

body.woocommerce-cart
.chacha-cart-empty__button--secondary {
	border: 1px solid #D8CEC3;
	background: transparent;
	color: #4A3E37;
}

body.woocommerce-cart
.chacha-cart-empty__button--secondary:hover,
body.woocommerce-cart
.chacha-cart-empty__button--secondary:focus-visible {
	border-color: #A98C67;
	background: #F7F2EC;
	color: #2F2824;
}

body.woocommerce-cart
.chacha-cart-empty__button:focus-visible {
	outline: 2px solid #B08D57;
	outline-offset: 3px;
}

body.woocommerce-cart
.chacha-cart-empty__recommendations {
	width: 100%;
	margin-top: 8px;
	padding-top: 38px;
	border-top: 1px solid #E5DDD5;
}

body.woocommerce-cart
.chacha-cart-empty__recommendations-header {
	margin: 0 0 24px;
	text-align: center;
}

body.woocommerce-cart
.chacha-cart-empty__recommendations-header h3 {
	margin: 0;
	color: #2F2824;
	font-family: "Cormorant Garamond", serif;
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 500;
	line-height: 1.1;
}

body.woocommerce-cart
.chacha-cart-empty__recommendations-eyebrow {
	margin-bottom: 8px;
}

body.woocommerce-cart
.chacha-cart-empty__products {
	margin-top: 0 !important;
}

body.woocommerce-cart
.chacha-cart-empty__products--count-1 {
	grid-template-columns: minmax(0, 283px) !important;
	width: min(100%, 283px) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	justify-content: center;
}

body.woocommerce-cart
.chacha-cart-empty__products--count-2 {
	grid-template-columns: repeat(2, minmax(0, 283px)) !important;
	width: min(100%, 582px) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	justify-content: center;
}

body.woocommerce-cart
.chacha-cart-empty__products--count-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	width: min(100%, 881px) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	justify-content: center;
}

@media (max-width: 800px) {
	body.woocommerce-cart
	.chacha-cart-empty {
		padding: 8px 0 52px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__intro {
		padding: 22px 16px 38px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__title {
		font-size:
			clamp(
				32px,
				9vw,
				42px
			);
	}

	body.woocommerce-cart
	.chacha-cart-empty__description {
		max-width:
			520px;

		font-size:
			14px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__recommendations {
		padding-top:
			30px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__products--count-1 {
		grid-template-columns:
			minmax(
				0,
				1fr
			) !important;

		width:
			min(
				100%,
				220px
			) !important;
	}

	body.woocommerce-cart
	.chacha-cart-empty__products--count-2,
	body.woocommerce-cart
	.chacha-cart-empty__products--count-3 {
		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			) !important;

		width:
			100% !important;
	}
}

@media (max-width: 480px) {
	body.woocommerce-cart
	.chacha-cart-empty__intro {
		padding-right:
			8px;

		padding-left:
			8px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__icon {
		width:
			48px;

		height:
			48px;

		margin-bottom:
			16px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__icon svg {
		width:
			40px;

		height:
			40px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__actions {
		width:
			100%;

		flex-direction:
			column;

		gap:
			10px;
	}

	body.woocommerce-cart
	.chacha-cart-empty__button {
		width:
			min(
				100%,
				340px
			);
	}

	body.woocommerce-cart
	.chacha-cart-empty__recommendations-header {
		margin-bottom:
			20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.woocommerce-cart
	.chacha-cart-empty__button {
		transition:
			none;
	}
}

/**
 * ==========================================================
 * CHA-CART-EMPTY-STATE-01 / A3.5-R2
 * Count-class adaptive newest-product grid.
 * Overrides the existing cart recommendation grid owner only
 * for the empty-cart newest-products section.
 * ==========================================================
 */
body.woocommerce-cart.chacha-cart-empty-state-page
.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-1 {
	grid-template-columns: minmax(0, 283px) !important;
	justify-content: center;
}

body.woocommerce-cart.chacha-cart-empty-state-page
.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-2 {
	grid-template-columns: repeat(2, minmax(0, 283px)) !important;
	justify-content: center;
}

body.woocommerce-cart.chacha-cart-empty-state-page
.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-3 {
	grid-template-columns: repeat(3, minmax(0, 283px)) !important;
	justify-content: center;
}

@media (max-width: 1180px) {
	body.woocommerce-cart.chacha-cart-empty-state-page
	.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-1 {
		grid-template-columns: minmax(0, 283px) !important;
		justify-content: center;
	}

	body.woocommerce-cart.chacha-cart-empty-state-page
	.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-2 {
		grid-template-columns: repeat(2, minmax(0, 283px)) !important;
		justify-content: center;
	}
}

@media (max-width: 800px) {
	body.woocommerce-cart.chacha-cart-empty-state-page
	.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-1 {
		grid-template-columns: minmax(0, 1fr) !important;
		justify-content: stretch;
	}

	body.woocommerce-cart.chacha-cart-empty-state-page
	.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-2,
	body.woocommerce-cart.chacha-cart-empty-state-page
	.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-3,
	body.woocommerce-cart.chacha-cart-empty-state-page
	.chacha-cart-rec-grid.products.chacha-cart-empty__products--count-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		justify-content: stretch;
	}
}