/**
 * ==========================================================
 * CHACHA HOME — SHOP / PRODUCT ARCHIVES
 * ==========================================================
 *
 * Applies to:
 *
 * - WooCommerce Shop / Tüm Ürünler
 * - Product Category Archives
 * - Product Tag Archives
 *
 * Product card visual styles live in:
 * assets/css/product-card.css
 *
 * Version: 1.1.0
 */


/**
 * ==========================================================
 * 01. ARCHIVE FOUNDATION
 * ==========================================================
 */

body.woocommerce-shop,
body.tax-product_cat,
body.tax-product_tag {
	background:
		var(
			--chacha-background,
			#F6F1EA
		);
}


body.woocommerce-shop .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main {
	background:
		var(
			--chacha-background,
			#F6F1EA
		);
}


/**
 * ==========================================================
 * 02. DISABLE KADENCE NATIVE ARCHIVE HERO
 * ==========================================================
 *
 * Kadence creates its own archive hero section.
 *
 * ChaCha Home renders a custom archive header,
 * therefore the native Kadence archive hero is removed.
 */

body.woocommerce-shop
.product-archive-hero-section,

body.tax-product_cat
.product-archive-hero-section,

body.tax-product_tag
.product-archive-hero-section {
	display: none !important;
}


/**
 * ==========================================================
 * 03. CHACHA ARCHIVE HEADER
 * ==========================================================
 */

.chacha-archive-header {
	width: 100%;

	padding:
		76px
		24px
		54px;

	text-align: center;
}


.chacha-archive-header__inner {
	width: 100%;

	max-width: 820px;

	margin-inline: auto;
}


/**
 * ----------------------------------------------------------
 * Eyebrow
 * ----------------------------------------------------------
 */

.chacha-archive-header__eyebrow {
	margin:
		0
		0
		14px;

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

	font-size: 12px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.18em;

	text-transform: uppercase;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ----------------------------------------------------------
 * Main Title
 * ----------------------------------------------------------
 */

.chacha-archive-header__title {
	margin: 0;

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

	font-size:
		clamp(
			42px,
			4.2vw,
			62px
		);

	font-weight: 400;

	line-height: 0.98;

	letter-spacing: -0.02em;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * ----------------------------------------------------------
 * Description
 * ----------------------------------------------------------
 */

.chacha-archive-header__description {
	max-width: 650px;

	margin:
		24px
		auto
		0;

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

	font-size: 16px;
	font-weight: 400;

	line-height: 1.7;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * ==========================================================
 * 04. ARCHIVE BREADCRUMB
 * ==========================================================
 */

.chacha-breadcrumb {
	display: flex;

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

	flex-wrap: wrap;

	gap: 9px;

	margin-top: 25px;

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

	font-size: 12px;
	font-weight: 500;

	line-height: 1.4;

	letter-spacing: 0.06em;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


.chacha-breadcrumb a {
	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	text-decoration: none;

	transition:
		color
		180ms
		ease;
}


.chacha-breadcrumb a:hover,
.chacha-breadcrumb a:focus-visible {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-breadcrumb__separator {
	opacity: 0.45;
}


/**
 * ==========================================================
 * 05. MAIN ARCHIVE CONTENT
 * ==========================================================
 */

body.woocommerce-shop .content-area,
body.tax-product_cat .content-area,
body.tax-product_tag .content-area {
	padding-top: 42px;
	padding-bottom: 96px;
}


/**
 * Keep the WooCommerce archive content aligned with the
 * ChaCha Home page rhythm.
 */

body.woocommerce-shop .site-container,
body.tax-product_cat .site-container,
body.tax-product_tag .site-container {
	width: 100%;
}


/**
 * ==========================================================
 * 06. CHACHA SHOP TOOLBAR
 * ==========================================================
 *
 * HTML:
 *
 * .chacha-shop-toolbar
 *   ├── .chacha-shop-toolbar__count
 *   └── .chacha-shop-toolbar__controls
 *       ├── .chacha-filter-toggle
 *       └── .chacha-shop-toolbar__ordering
 */

.chacha-shop-toolbar {
	width: 100%;

	display: flex;

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

	gap: 32px;

	padding:
		18px
		0;

	margin:
		0
		0
		38px;

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

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * ----------------------------------------------------------
 * Result Count
 * ----------------------------------------------------------
 */

.chacha-shop-toolbar__count {
	display: flex;

	align-items: center;

	min-width: 0;
}


.chacha-shop-toolbar__count
.woocommerce-result-count {
	float: none;

	margin: 0;

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

	font-size: 13px;
	font-weight: 500;

	line-height: 1.4;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * ----------------------------------------------------------
 * Toolbar Controls
 * ----------------------------------------------------------
 */

.chacha-shop-toolbar__controls {
	display: flex;

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

	gap: 28px;

	margin-left: auto;
}


/**
 * ==========================================================
 * 07. FILTER BUTTON
 * ==========================================================
 */

.chacha-filter-toggle {
	-webkit-appearance: none;
	appearance: none;

	display: inline-flex;

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

	gap: 8px;

	min-height: 44px;

	padding:
		0
		4px;

	border: 0;

	background: transparent;

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

	font-size: 12px;
	font-weight: 600;

	line-height: 1;

	letter-spacing: 0.1em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	cursor: pointer;

	transition:
		color
		180ms
		ease;
}


.chacha-filter-toggle:hover,
.chacha-filter-toggle:focus-visible {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-filter-toggle:focus-visible {
	outline:
		1px
		solid
		var(
			--chacha-accent,
			#B08D57
		);

	outline-offset: 5px;
}


.chacha-filter-toggle__icon {
	display: block;

	flex:
		0
		0
		auto;
}


/**
 * ==========================================================
 * 08. PRODUCT ORDERING
 * ==========================================================
 */

.chacha-shop-toolbar__ordering {
	display: flex;

	align-items: center;
}


.chacha-shop-toolbar__ordering
.woocommerce-ordering {
	float: none;

	margin: 0;
}


.chacha-shop-toolbar__ordering
.woocommerce-ordering
select {
	min-width: 220px;

	height: 44px;

	margin: 0;

	padding:
		0
		38px
		0
		14px;

	border: 0;

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

	border-radius: 0;

	background-color: transparent;

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

	font-size: 13px;
	font-weight: 500;

	line-height: 1.4;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	cursor: pointer;

	box-shadow: none;
}


.chacha-shop-toolbar__ordering
.woocommerce-ordering
select:hover {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-shop-toolbar__ordering
.woocommerce-ordering
select:focus {
	outline: none;

	border-color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * 09. REMOVE KADENCE GRID / LIST TOGGLE
 * ==========================================================
 *
 * ChaCha Home controls the catalogue presentation.
 * Visitors don't need separate grid / list controls.
 */

body.woocommerce-shop
button.kadence-toggle-shop-layout,

body.tax-product_cat
button.kadence-toggle-shop-layout,

body.tax-product_tag
button.kadence-toggle-shop-layout,

body.woocommerce-shop
.kadence-shop-top-row
.kadence-toggle-shop-layout,

body.tax-product_cat
.kadence-shop-top-row
.kadence-toggle-shop-layout,

body.tax-product_tag
.kadence-shop-top-row
.kadence-toggle-shop-layout {
	display: none !important;
}


/**
 * ==========================================================
 * 10. REMOVE OLD FLOAT / CLEARFIX BEHAVIOUR
 * ==========================================================
 */

.chacha-shop-toolbar::before,
.chacha-shop-toolbar::after {
	display: none !important;

	content: none !important;
}


/**
 * ==========================================================
 * 11. PRODUCT GRID
 * ==========================================================
 *
 * Visual product-card styling belongs to product-card.css.
 * This file controls only archive layout and spacing.
 */




/**
 * Prevent WooCommerce / Kadence old floats from interfering
 * with the archive card grid.
 */

body.woocommerce-shop ul.products::before,
body.woocommerce-shop ul.products::after,

body.tax-product_cat ul.products::before,
body.tax-product_cat ul.products::after,

body.tax-product_tag ul.products::before,
body.tax-product_tag ul.products::after {
	display: none;
}

/**
 * ==========================================================
 * ARCHIVE PAGINATION V1.0
 * ==========================================================
 */

body.woocommerce-shop
.woocommerce-pagination,

body.tax-product_cat
.woocommerce-pagination,

body.tax-product_tag
.woocommerce-pagination {
	width: 100%;

	margin:
		72px
		0
		0;

	text-align: center;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers {
	display: flex;

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

	flex-wrap: wrap;

	gap: 8px;

	margin: 0;

	padding: 0;

	border: 0;

	list-style: none;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li {
	margin: 0;

	padding: 0;

	border: 0;
}


body.woocommerce-shop
.woocommerce-pagination
.page-numbers
a,

body.woocommerce-shop
.woocommerce-pagination
.page-numbers
span,

body.tax-product_cat
.woocommerce-pagination
.page-numbers
a,

body.tax-product_cat
.woocommerce-pagination
.page-numbers
span,

body.tax-product_tag
.woocommerce-pagination
.page-numbers
a,

body.tax-product_tag
.woocommerce-pagination
.page-numbers
span {
	display: inline-flex;

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

	gap: 7px;

	min-width: 42px;
	height: 42px;

	padding:
		0
		13px;

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

	background: transparent;

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

	font-size: 11px;
	font-weight: 500;

	line-height: 1;

	text-decoration: none;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

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


body.woocommerce-shop
.woocommerce-pagination
.page-numbers
a:hover,

body.tax-product_cat
.woocommerce-pagination
.page-numbers
a:hover,

body.tax-product_tag
.woocommerce-pagination
.page-numbers
a:hover {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * Current Page
 */

body.woocommerce-shop
.woocommerce-pagination
.page-numbers
.current,

body.tax-product_cat
.woocommerce-pagination
.page-numbers
.current,

body.tax-product_tag
.woocommerce-pagination
.page-numbers
.current {
	border-color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);

	color: #FFFDFC;
}


/**
 * Previous / Next
 */

body.woocommerce-shop
.woocommerce-pagination
.page-numbers.prev,

body.woocommerce-shop
.woocommerce-pagination
.page-numbers.next,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.prev,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.next,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.prev,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.next {
	padding:
		0
		16px;
}


/**
 * ==========================================================
 * EMPTY PRODUCTS V1.0
 * ==========================================================
 */

.chacha-empty-products {
	width: 100%;

	max-width: 650px;

	margin:
		40px
		auto
		70px;

	padding:
		64px
		32px;

	text-align: center;

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

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


.chacha-empty-products__icon {
	display: flex;

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

	width: 64px;
	height: 64px;

	margin:
		0
		auto
		22px;

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

	border-radius: 50%;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-empty-products__eyebrow {
	margin:
		0
		0
		10px;

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

	font-size: var(--chacha-eyebrow-section-size);
	font-weight: var(--chacha-eyebrow-section-weight);

	line-height: var(--chacha-eyebrow-section-line-height);

	letter-spacing: var(--chacha-eyebrow-section-letter-spacing);

	text-transform: var(--chacha-eyebrow-text-transform);

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-empty-products__title {
	margin: 0;

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

	font-size:
		clamp(
			34px,
			4vw,
			48px
		);

	font-weight: 400;

	line-height: 1;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


.chacha-empty-products__description {
	max-width: 520px;

	margin:
		20px
		auto
		0;

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

	font-size: 14px;
	font-weight: 400;

	line-height: 1.7;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


.chacha-empty-products__button {
	display: inline-flex;

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

	min-height: 48px;

	margin-top: 28px;

	padding:
		0
		24px;

	border:
		1px
		solid
		var(
			--chacha-text-strongest,
			#201A17
		);

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);

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

	font-size: 10px;
	font-weight: 600;

	line-height: 1;

	letter-spacing: 0.09em;

	text-transform: uppercase;

	text-decoration: none;

	color: #FFFDFC;

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


.chacha-empty-products__button:hover,
.chacha-empty-products__button:focus-visible {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	background:
		var(
			--chacha-accent,
			#B08D57
		);

	color: #FFFDFC;
}


/**
 * ==========================================================
 * PAGINATION + EMPTY STATE — TABLET
 * ==========================================================
 */

@media (max-width: 1024px) {

	body.woocommerce-shop
	.woocommerce-pagination,

	body.tax-product_cat
	.woocommerce-pagination,

	body.tax-product_tag
	.woocommerce-pagination {
		margin-top: 58px;
	}


	.chacha-empty-products {
		margin-bottom: 56px;

		padding:
			56px
			28px;
	}

}


/**
 * ==========================================================
 * PAGINATION + EMPTY STATE — MOBILE
 * ==========================================================
 */

@media (max-width: 767px) {







	.chacha-pagination-label {
		display: none;
	}


	.chacha-empty-products {
		margin:
			24px
			auto
			42px;

		padding:
			46px
			18px;
	}


	.chacha-empty-products__icon {
		width: 56px;
		height: 56px;

		margin-bottom: 18px;
	}


	.chacha-empty-products__title {
		font-size: 34px;
	}


	.chacha-empty-products__description {
		margin-top: 16px;

		font-size: 13px;
	}


	.chacha-empty-products__button {
		width: 100%;

		margin-top: 24px;
	}

}
/**
 * ==========================================================
 * 14. TABLET
 * ==========================================================
 */

@media (max-width: 1024px) {

	/**
	 * Archive Header
	 */

	.chacha-archive-header {
		padding:
			64px
			24px
			46px;
	}


	/**
	 * Content
	 */

	body.woocommerce-shop .content-area,
	body.tax-product_cat .content-area,
	body.tax-product_tag .content-area {
		padding-top: 36px;
		padding-bottom: 72px;
	}


	/**
	 * Toolbar
	 */

	.chacha-shop-toolbar {
		gap: 20px;

		margin-bottom: 30px;
	}


	.chacha-shop-toolbar__controls {
		gap: 20px;
	}


	.chacha-shop-toolbar__ordering
	.woocommerce-ordering
	select {
		min-width: 185px;
	}


	/**
	 * Product Grid
	 */

	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		row-gap: 44px;
	}


	/**
	 * Pagination
	 */



}


/**
 * ==========================================================
 * 15. MOBILE
 * ==========================================================
 */

@media (max-width: 767px) {

	/**
	 * Archive Header
	 */

	.chacha-archive-header {
		padding:
			48px
			18px
			38px;
	}


	.chacha-archive-header__eyebrow {
		margin-bottom: 11px;

		font-size: 10px;
	}


	.chacha-archive-header__title {
		font-size: 38px;

		line-height: 1;
	}


	.chacha-archive-header__description {
		margin-top: 18px;

		font-size: 14px;

		line-height: 1.65;
	}


	.chacha-breadcrumb {
		gap: 7px;

		margin-top: 20px;

		font-size: 11px;
	}


	/**
	 * Main Content
	 */

	body.woocommerce-shop .content-area,
	body.tax-product_cat .content-area,
	body.tax-product_tag .content-area {
		padding-top: 26px;
		padding-bottom: 56px;
	}


	/**
	 * Toolbar
	 */

	.chacha-shop-toolbar {
		display: grid;

		grid-template-columns:
			1fr;

		gap: 14px;

		padding:
			16px
			0;

		margin-bottom: 26px;
	}


	/**
	 * Result Count
	 */

	.chacha-shop-toolbar__count {
		width: 100%;

		justify-content: center;
	}


	.chacha-shop-toolbar__count
	.woocommerce-result-count {
		width: 100%;

		text-align: center;

		font-size: 12px;
	}


	/**
	 * Filter + Sorting
	 */

	.chacha-shop-toolbar__controls {
		width: 100%;

		display: grid;

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

		gap: 10px;

		margin-left: 0;
	}


	/**
	 * Filter Button
	 */

	.chacha-filter-toggle {
		width: 100%;
		height: 44px;

		padding:
			0
			10px;

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

		font-size: 10px;
	}


	/**
	 * Ordering
	 */

	.chacha-shop-toolbar__ordering {
		width: 100%;
	}


	.chacha-shop-toolbar__ordering
	.woocommerce-ordering {
		width: 100%;
	}


	.chacha-shop-toolbar__ordering
	.woocommerce-ordering
	select {
		width: 100%;

		min-width: 0;

		height: 44px;

		padding:
			0
			30px
			0
			10px;

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

		font-size: 10px;
	}


	/**
	 * Product Grid
	 */

	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		row-gap: 36px;
	}


	/**
	 * Pagination
	 */

	body.woocommerce-shop
	.woocommerce-pagination,

	body.tax-product_cat
	.woocommerce-pagination,

	body.tax-product_tag
	.woocommerce-pagination {
		margin-top: 46px;
	}


	body.woocommerce-shop
	.woocommerce-pagination
	.page-numbers
	a,

	body.woocommerce-shop
	.woocommerce-pagination
	.page-numbers
	span,

	body.tax-product_cat
	.woocommerce-pagination
	.page-numbers
	a,

	body.tax-product_cat
	.woocommerce-pagination
	.page-numbers
	span,

	body.tax-product_tag
	.woocommerce-pagination
	.page-numbers
	a,

	body.tax-product_tag
	.woocommerce-pagination
	.page-numbers
	span {
		min-width: 38px;
		height: 38px;

		padding:
			0
			10px;

		font-size: 11px;
	}

}


/**
 * ==========================================================
 * 16. SMALL MOBILE
 * ==========================================================
 */

@media (max-width: 430px) {

	.chacha-archive-header {
		padding:
			42px
			18px
			34px;
	}


	.chacha-archive-header__title {
		font-size: 34px;
	}


	.chacha-shop-toolbar__controls {
		grid-template-columns:
			1fr
			1fr;

		gap: 8px;
	}


	.chacha-filter-toggle,
	.chacha-shop-toolbar__ordering
	.woocommerce-ordering
	select {
		font-size: 9px;
	}

}
/**
 * ==========================================================
 * 17. CHACHA FILTER DRAWER
 * ==========================================================
 */

.chacha-filter-drawer {
	position: fixed;

	inset: 0;

	z-index: 99999;

	pointer-events: none;

	visibility: hidden;
}


/**
 * Open State
 */

.chacha-filter-drawer.is-open {
	pointer-events: auto;

	visibility: visible;
}


/**
 * ==========================================================
 * OVERLAY
 * ==========================================================
 */

.chacha-filter-drawer__overlay {
	position: absolute;

	inset: 0;

	background:
		rgba(
			32,
			26,
			23,
			0.38
		);

	opacity: 0;

	transition:
		opacity
		280ms
		ease;
}


.chacha-filter-drawer.is-open
.chacha-filter-drawer__overlay {
	opacity: 1;
}


/**
 * ==========================================================
 * PANEL
 * ==========================================================
 */

.chacha-filter-drawer__panel {
	position: absolute;

	top: 0;
	right: 0;

	width: min(
		440px,
		92vw
	);

	height: 100%;

	display: flex;

	flex-direction: column;

	background:
		var(
			--chacha-background,
			#F6F1EA
		);

	transform:
		translateX(100%);

	transition:
		transform
		320ms
		cubic-bezier(
			0.22,
			1,
			0.36,
			1
		);

	box-shadow:
		-18px
		0
		50px
		rgba(
			32,
			26,
			23,
			0.12
		);

	overflow: hidden;
}


.chacha-filter-drawer.is-open
.chacha-filter-drawer__panel {
	transform:
		translateX(0);
}


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

.chacha-filter-drawer__header {
	flex:
		0
		0
		auto;

	display: flex;

	align-items: flex-start;
	justify-content: space-between;

	gap: 24px;

	padding:
		38px
		36px
		30px;

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


.chacha-filter-drawer__eyebrow {
	margin:
		0
		0
		7px;

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

	font-size: var(--chacha-eyebrow-section-size);
	font-weight: var(--chacha-eyebrow-section-weight);

	line-height: var(--chacha-eyebrow-section-line-height);

	letter-spacing: var(--chacha-eyebrow-section-letter-spacing);

	text-transform: var(--chacha-eyebrow-text-transform);

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-filter-drawer__title {
	margin: 0;

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

	font-size: 38px;
	font-weight: 400;

	line-height: 1;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * ==========================================================
 * CLOSE BUTTON
 * ==========================================================
 */

.chacha-filter-drawer__close {
	-webkit-appearance: none;
	appearance: none;

	width: 42px;
	height: 42px;

	flex:
		0
		0
		42px;

	display: inline-flex;

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

	padding: 0;

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

	border-radius: 50%;

	background: transparent;

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

	font-size: 26px;
	font-weight: 300;

	line-height: 1;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	cursor: pointer;

	transition:
		border-color 180ms ease,
		color 180ms ease,
		transform 180ms ease;
}


.chacha-filter-drawer__close:hover {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	color:
		var(
			--chacha-accent,
			#B08D57
		);

	transform:
		rotate(5deg);
}


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

.chacha-filter-drawer__body {
	flex:
		1
		1
		auto;

	overflow-y: auto;
	overscroll-behavior: contain;

	padding:
		0
		36px;
}


/**
 * Custom scrollbar
 */

.chacha-filter-drawer__body {
	scrollbar-width: thin;

	scrollbar-color:
		#D7CEC4
		transparent;
}


.chacha-filter-drawer__body::-webkit-scrollbar {
	width: 5px;
}


.chacha-filter-drawer__body::-webkit-scrollbar-track {
	background: transparent;
}


.chacha-filter-drawer__body::-webkit-scrollbar-thumb {
	background: #D7CEC4;

	border-radius: 99px;
}


/**
 * ==========================================================
 * FILTER SECTIONS
 * ==========================================================
 */

.chacha-filter-section {
	padding:
		28px
		0;

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


.chacha-filter-section:last-child {
	border-bottom: 0;
}


.chacha-filter-section__title {
	margin:
		0
		0
		18px;

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

	font-size: 12px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.1em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}




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

.chacha-filter-drawer__footer {
	flex:
		0
		0
		auto;

	display: grid;

	grid-template-columns:
		1fr 1.35fr;

	gap: 10px;

	padding:
		22px
		36px
		26px;

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

	background:
		var(
			--chacha-background,
			#F6F1EA
		);
}


/**
 * Clear filters
 */

.chacha-filter-clear {
	-webkit-appearance: none;
	appearance: none;

	min-height: 48px;

	padding:
		0
		16px;

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

	background: transparent;

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

	font-size: 11px;
	font-weight: 600;

	letter-spacing: 0.06em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	cursor: pointer;

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


.chacha-filter-clear:hover {
	border-color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * Apply filters
 */

.chacha-filter-apply {
	-webkit-appearance: none;
	appearance: none;

	min-height: 48px;

	padding:
		0
		18px;

	border:
		1px
		solid
		var(
			--chacha-text-strongest,
			#201A17
		);

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);

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

	font-size: 11px;
	font-weight: 600;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	color: #FFFDFC;

	cursor: pointer;

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


.chacha-filter-apply:hover {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	background:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * BODY LOCK
 * ==========================================================
 *
 * Prevent page scrolling while the drawer is open.
 */

body.chacha-filter-open {
	overflow: hidden;
}


/**
 * ==========================================================
 * ADMIN BAR
 * ==========================================================
 *
 * WordPress logged-in users have a fixed admin toolbar.
 */

body.admin-bar
.chacha-filter-drawer__panel {
	top: 32px;

	height:
		calc(
			100%
			-
			32px
		);
}


@media (max-width: 782px) {

	body.admin-bar
	.chacha-filter-drawer__panel {
		top: 46px;

		height:
			calc(
				100%
				-
				46px
			);
	}

}


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

@media (max-width: 767px) {

	.chacha-filter-drawer__panel {
		width: 100%;
	}


	.chacha-filter-drawer__header {
		padding:
			26px
			20px
			22px;
	}


	.chacha-filter-drawer__title {
		font-size: 34px;
	}


	.chacha-filter-drawer__close {
		width: 40px;
		height: 40px;

		flex-basis: 40px;
	}


	.chacha-filter-drawer__body {
		padding:
			0
			20px;
	}


	.chacha-filter-section {
		padding:
			24px
			0;
	}


	.chacha-filter-drawer__footer {
		padding:
			16px
			20px
			20px;

		grid-template-columns:
			0.9fr
			1.3fr;
	}


	.chacha-filter-clear,
	.chacha-filter-apply {
		min-height: 46px;

		font-size: 10px;
	}

}


/**
 * ==========================================================
 * REDUCED MOTION
 * ==========================================================
 */

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

	.chacha-filter-drawer__panel,
	.chacha-filter-drawer__overlay {
		transition: none;
	}

}
/**
 * ==========================================================
 * 18. FILTER OPTIONS
 * ==========================================================
 */

.chacha-filter-options {
	display: flex;
	flex-direction: column;

	gap: 4px;
}


.chacha-filter-option {
	position: relative;

	display: grid;

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

	align-items: center;

	gap: 12px;

	min-height: 42px;

	cursor: pointer;

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


/**
 * Native checkbox remains accessible
 * but visually hidden.
 */

.chacha-filter-option__input {
	position: absolute;

	width: 1px;
	height: 1px;

	opacity: 0;

	pointer-events: none;
}


/**
 * Custom checkbox
 */

.chacha-filter-option__control {
	position: relative;

	display: block;

	width: 18px;
	height: 18px;

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

	background: transparent;

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


/**
 * Checked state
 */

.chacha-filter-option__input:checked
+
.chacha-filter-option__control {
	border-color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * Check mark
 */

.chacha-filter-option__input:checked
+
.chacha-filter-option__control::after {
	content: "";

	position: absolute;

	left: 5px;
	top: 2px;

	width: 5px;
	height: 9px;

	border:
		solid
		#FFFDFC;

	border-width:
		0
		1.5px
		1.5px
		0;

	transform:
		rotate(45deg);
}


/**
 * Focus state
 */

.chacha-filter-option__input:focus-visible
+
.chacha-filter-option__control {
	outline:
		1px
		solid
		var(
			--chacha-accent,
			#B08D57
		);

	outline-offset: 3px;
}


/**
 * Label
 */

.chacha-filter-option__label {
	font-size: 13px;
	font-weight: 500;

	line-height: 1.4;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
}


/**
 * Product count
 */

.chacha-filter-option__count {
	font-size: 11px;
	font-weight: 400;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * Hover
 */

.chacha-filter-option:hover
.chacha-filter-option__label {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * Empty state
 */

.chacha-filter-empty {
	margin: 0;

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

	font-size: 13px;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}
/**
 * ==========================================================
 * 19. FILTER PRICE
 * ==========================================================
 */

.chacha-filter-price {
	display: grid;

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

	align-items: end;

	gap: 12px;
}


.chacha-filter-price__field {
	display: flex;
	flex-direction: column;

	gap: 8px;

	min-width: 0;
}


.chacha-filter-price__label {
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 500;

	letter-spacing: 0.05em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


.chacha-filter-price__input-wrap {
	position: relative;

	display: block;
}


.chacha-filter-price__input {
	-webkit-appearance: none;
	appearance: none;

	width: 100%;
	height: 46px;

	padding:
		0
		34px
		0
		12px;

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

	border-radius: 0;

	background: transparent;

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

	font-size: 13px;
	font-weight: 500;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	outline: none;

	transition:
		border-color
		180ms
		ease;
}


.chacha-filter-price__input:hover,
.chacha-filter-price__input:focus {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-filter-price__input::-webkit-inner-spin-button,
.chacha-filter-price__input::-webkit-outer-spin-button {
	margin: 0;

	-webkit-appearance: none;
}


.chacha-filter-price__currency {
	position: absolute;

	top: 50%;
	right: 12px;

	transform:
		translateY(-50%);

	pointer-events: none;

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

	font-size: 12px;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


.chacha-filter-price__separator {
	padding-bottom: 13px;

	font-size: 14px;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * ==========================================================
 * 20. ATTRIBUTE FILTER GROUPS
 * ==========================================================
 */

.chacha-filter-attributes {
	display: flex;
	flex-direction: column;
}


.chacha-filter-attribute {
	padding:
		0
		0
		22px;

	margin:
		0
		0
		22px;

	border-bottom:
		1px
		solid
		rgba(
			215,
			206,
			196,
			0.65
		);
}


.chacha-filter-attribute:last-child {
	padding-bottom: 0;

	margin-bottom: 0;

	border-bottom: 0;
}


.chacha-filter-attribute__title {
	margin:
		0
		0
		11px;

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

	font-size: 21px;
	font-weight: 500;

	line-height: 1.2;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * ==========================================================
 * 21. ACTIVE FILTER FEEDBACK
 * ==========================================================
 */

.chacha-filter-option:has(
	.chacha-filter-option__input:checked
)
.chacha-filter-option__label {
	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	font-weight: 600;
}


/**
 * ==========================================================
 * 22. MOBILE FILTER FIELDS
 * ==========================================================
 */

@media (max-width: 430px) {

	.chacha-filter-price {
		gap: 8px;
	}


	.chacha-filter-price__input {
		height: 44px;

		padding-left: 10px;

		font-size: 12px;
	}


	.chacha-filter-price__currency {
		right: 10px;
	}

}
/**
 * ==========================================================
 * 23. ACTIVE FILTERS BAR
 * ==========================================================
 */

.chacha-active-filters {
	width: 100%;

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

	flex-wrap: wrap;

	gap:
		14px
		24px;

	margin:
		-14px
		0
		38px;

	padding:
		0
		0
		20px;

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * ==========================================================
 * FILTER CHIPS
 * ==========================================================
 */

.chacha-active-filters__items {
	display: flex;
	align-items: center;

	flex-wrap: wrap;

	gap: 8px;

	min-width: 0;
}


.chacha-active-filter {
	display: inline-flex;

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

	gap: 9px;

	min-height: 34px;

	padding:
		7px
		11px
		7px
		13px;

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

	background:
		rgba(
			255,
			253,
			252,
			0.42
		);

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

	font-size: 10px;
	font-weight: 600;

	line-height: 1.2;

	letter-spacing: 0.055em;

	text-transform: uppercase;

	text-decoration: none;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

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


.chacha-active-filter:hover,
.chacha-active-filter:focus-visible {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	background:
		rgba(
			176,
			141,
			87,
			0.06
		);

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * Remove X
 */

.chacha-active-filter__remove {
	display: inline-flex;

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

	width: 16px;
	height: 16px;

	font-size: 16px;
	font-weight: 300;

	line-height: 1;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);

	transition:
		color 180ms ease;
}


.chacha-active-filter:hover
.chacha-active-filter__remove {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * CLEAR ALL
 * ==========================================================
 */

.chacha-active-filters__clear {
	flex:
		0
		0
		auto;

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

	font-size: 10px;
	font-weight: 600;

	line-height: 1.3;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	text-decoration: none;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);

	border-bottom:
		1px
		solid
		currentColor;

	padding-bottom: 2px;

	transition:
		color 180ms ease;
}


.chacha-active-filters__clear:hover,
.chacha-active-filters__clear:focus-visible {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * TABLET
 * ==========================================================
 */

@media (max-width: 1024px) {

	.chacha-active-filters {
		margin-top: -8px;

		margin-bottom: 32px;
	}

}


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

@media (max-width: 767px) {

	.chacha-active-filters {
		display: block;

		margin:
			-8px
			0
			28px;

		padding-bottom: 18px;
	}


	.chacha-active-filters__items {
		gap: 7px;
	}


	.chacha-active-filter {
		min-height: 32px;

		padding:
			6px
			9px
			6px
			11px;

		font-size: 9px;

		letter-spacing: 0.04em;
	}


	.chacha-active-filters__clear {
		display: inline-block;

		margin-top: 14px;

		font-size: 9px;
	}

}
/**
 * ==========================================================
 * 24. ARCHIVE PRODUCT GRID V1.1
 * ==========================================================
 *
 * Mobile-first architecture:
 *
 * 0–767px       → 2 columns
 * 768–1199px    → 3 columns
 * 1200px+       → 4 columns
 *
 * Product card visual styling belongs to product-card.css.
 */


/**
 * ==========================================================
 * GRID FOUNDATION — MOBILE DEFAULT
 * ==========================================================
 */

body.woocommerce-shop ul.products,
body.tax-product_cat ul.products,
body.tax-product_tag ul.products {
	width: 100%;

	display: grid !important;

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

	column-gap: 14px;
	row-gap: 34px;

	align-items: stretch;

	margin:
		0
		0
		48px !important;

	padding: 0;

	list-style: none;
}


/**
 * ==========================================================
 * RESET WOOCOMMERCE / KADENCE COLUMN BEHAVIOUR
 * ==========================================================
 */

body.woocommerce-shop ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product {
	float: none !important;

	clear: none !important;

	width: 100% !important;
	max-width: none !important;

	min-width: 0;

	height: 100%;

	margin: 0 !important;

	padding: 0;

	align-self: stretch;
}


/**
 * Remove WooCommerce / Kadence column helpers.
 */

body.woocommerce-shop ul.products li.product.first,
body.woocommerce-shop ul.products li.product.last,

body.tax-product_cat ul.products li.product.first,
body.tax-product_cat ul.products li.product.last,

body.tax-product_tag ul.products li.product.first,
body.tax-product_tag ul.products li.product.last {
	float: none !important;

	clear: none !important;

	margin-right: 0 !important;
}


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

@media (max-width: 430px) {

	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		column-gap: 10px;
		row-gap: 30px;
	}

}


/**
 * ==========================================================
 * TABLET — 768px+
 * ==========================================================
 */

@media (min-width: 768px) {

	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		grid-template-columns:
			repeat(
				3,
				minmax(0, 1fr)
			);

		column-gap: 20px;
		row-gap: 42px;

		margin-bottom:
			56px !important;
	}

}


/**
 * ==========================================================
 * TABLET / SMALL LAPTOP — 901px+
 * ==========================================================
 */

@media (min-width: 901px) {

	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		column-gap: 24px;
		row-gap: 46px;
	}

}


/**
 * ==========================================================
 * DESKTOP — 1200px+
 * ==========================================================
 */

@media (min-width: 1200px) {

	body.woocommerce-shop ul.products,
	body.tax-product_cat ul.products,
	body.tax-product_tag ul.products {
		grid-template-columns:
			repeat(
				4,
				minmax(0, 1fr)
			);

		column-gap: 28px;
		row-gap: 52px;

		margin-bottom:
			64px !important;
	}

}


/* ==========================================================
   CHACHA SHOP + CATEGORY ARCHIVE - VISUAL POLISH FINAL V2
   ========================================================== */


/* ==========================================================
   SHOP BASELINE - COMPACT 01
   Scope: Tüm Ürünler only (not category or tag archives).
   Maintain semantic content, header layout and product cards.
   ========================================================== */

body.woocommerce-shop
.chacha-archive-header {
    padding: 28px 24px 22px !important;
}

body.woocommerce-shop
.chacha-archive-header__eyebrow {
    margin-bottom: 9px;
}

body.woocommerce-shop
.chacha-archive-header__title {
    font-size: clamp(42px, 3.55vw, 52px);
    line-height: 1.02;
}

body.woocommerce-shop
.chacha-archive-header__description {
    max-width: 800px;
    margin-top: 12px;
    font-size: 15px;
    line-height: 1.5;
}

body.woocommerce-shop
.chacha-breadcrumb {
    margin-top: 12px;
}

body.woocommerce-shop
.chacha-shop-toolbar {
    padding: 10px 0;
    margin-bottom: 18px !important;
}

body.woocommerce-shop
.content-area {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 32px !important;
}

/* ==========================================================
   CATEGORY PREMIUM V2 - DESKTOP
   ========================================================== */

body.tax-product_cat
.chacha-archive-header {
    padding:
        28px 24px
        24px !important;
}


body.tax-product_cat
.chacha-archive-header__shell {
    width: 100%;
    max-width: 1400px;

    margin-inline: auto;
}


body.tax-product_cat
.chacha-archive-header__inner {
    width: 100%;
    max-width: none;

    display: grid;

    grid-template-columns:
        minmax(0, 0.94fr)
        minmax(420px, 1.06fr);

    height: 390px;
    min-height: 0;

    margin: 0;

    overflow: hidden;

    border:
        1px
        solid
        rgba(176, 141, 87, 0.20);

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #f4eee6 0%,
            #eee5da 100%
        );

    box-shadow:
        0 18px 50px
        rgba(32, 26, 23, 0.045);

    text-align: left;
}


body.tax-product_cat
.chacha-archive-header__inner--text-only {
    display: block;

    max-width: 920px;

    height: auto;
    min-height: 0;

    margin-inline: auto;

    text-align: center;
}


body.tax-product_cat
.chacha-archive-header__content {
    min-width: 0;

    display: flex;
    flex-direction: column;

    justify-content: center;

    padding:
        52px
        58px;
}


body.tax-product_cat
.chacha-archive-header__inner--text-only
.chacha-archive-header__content {
    align-items: center;

    padding:
        52px
        64px;
}


body.tax-product_cat
.chacha-archive-header__eyebrow {
    margin:
        0
        0
        16px;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.20em;

    color:
        var(
            --chacha-accent,
            #B08D57
        );
}


body.tax-product_cat
.chacha-archive-header__title {
    max-width: 680px;

    margin: 0;

    font-size:
        clamp(
            50px,
            4.25vw,
            66px
        );

    line-height: 0.96;

    letter-spacing: -0.025em;
}


body.tax-product_cat
.chacha-archive-header__description {
    max-width: 540px;

    margin:
        22px
        0
        0;

    font-size: 15px;

    line-height: 1.72;
}


body.tax-product_cat
.chacha-archive-header__inner--text-only
.chacha-archive-header__description {
    margin-inline: auto;
}


body.tax-product_cat
.chacha-breadcrumb {
    justify-content: flex-start;

    margin-top: 22px;

    font-size: 11px;

    letter-spacing: 0.055em;
}


body.tax-product_cat
.chacha-archive-header__inner--text-only
.chacha-breadcrumb {
    justify-content: center;
}


body.tax-product_cat
.chacha-archive-header__media {
    position: relative;

    min-width: 0;

    height: 100%;
    min-height: 0;

    margin: 0;

    overflow: hidden;

    background:
        #e8dfd4;
}


body.tax-product_cat
.chacha-archive-header__media::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(244, 238, 230, 0.12),
            transparent 28%
        );
}


body.tax-product_cat
.chacha-archive-header__image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;
}


body.tax-product_cat
.chacha-archive-header__picture {
    width: 100%;
    height: 100%;

    display: block;
}


/* ==========================================================
   CATEGORY NAVIGATION RAIL
   ========================================================== */

body.tax-product_cat
.chacha-category-rail {
    margin-top: 14px;
}


body.tax-product_cat
.chacha-category-rail__track {
    display: flex;

    gap: 10px;

    width: 100%;

    overflow-x: auto;
    overflow-y: hidden;

    padding:
        2px
        2px
        8px;

    scroll-snap-type:
        x proximity;

    scrollbar-width: none;

    -webkit-overflow-scrolling:
        touch;
}


body.tax-product_cat
.chacha-category-rail__track::-webkit-scrollbar {
    display: none;
}


body.tax-product_cat
.chacha-category-rail__item {
    flex:
        1
        0
        184px;

    min-width: 184px;
    min-height: 72px;

    display: grid;

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

    align-items: center;

    gap: 11px;

    padding:
        8px
        11px
        8px
        8px;

    scroll-snap-align: start;

    border:
        1px
        solid
        rgba(107, 93, 84, 0.16);

    border-radius: 12px;

    background:
        rgba(255, 253, 250, 0.58);

    color:
        var(
            --chacha-text-strong,
            #3B322D
        );

    text-decoration: none;

    box-shadow:
        0 8px 24px
        rgba(32, 26, 23, 0.025);

    transition:
        transform 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease,
        box-shadow 180ms ease;
}


body.tax-product_cat
.chacha-category-rail__item:hover,
body.tax-product_cat
.chacha-category-rail__item:focus-visible {
    transform:
        translateY(-2px);

    border-color:
        rgba(176, 141, 87, 0.48);

    background:
        rgba(255, 253, 250, 0.88);

    box-shadow:
        0 12px 30px
        rgba(32, 26, 23, 0.055);

    outline: none;
}


body.tax-product_cat
.chacha-category-rail__item.is-current {
    border-color:
        rgba(176, 141, 87, 0.68);

    background:
        #f0e5d7;
}


body.tax-product_cat
.chacha-category-rail__media {
    width: 52px;
    height: 52px;

    overflow: hidden;

    border-radius: 9px;

    background:
        #e9e0d6;
}


body.tax-product_cat
.chacha-category-rail__image {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
}


body.tax-product_cat
.chacha-category-rail__label {
    min-width: 0;

    grid-column: 2;

    display: flex;

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

    gap: 8px;
}


body.tax-product_cat
.chacha-category-rail__name {
    min-width: 0;

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

    font-size: 12px;

    font-weight: 600;

    line-height: 1.35;

    letter-spacing: 0.015em;
}


body.tax-product_cat
.chacha-category-rail__arrow {
    flex: 0 0 auto;

    font-family: Georgia, serif;

    font-size: 17px;

    font-weight: 400;

    color:
        var(
            --chacha-accent,
            #B08D57
        );

    transition:
        transform 180ms ease;
}


body.tax-product_cat
.chacha-category-rail__item:hover
.chacha-category-rail__arrow,
body.tax-product_cat
.chacha-category-rail__item:focus-visible
.chacha-category-rail__arrow {
    transform:
        translateX(2px);
}


/* ==========================================================
   CATEGORY TOOLBAR
   ========================================================== */

body.tax-product_cat
.chacha-shop-toolbar {
    min-height: 72px;

    margin-bottom:
        28px !important;

    padding:
        13px
        0;

    border-top:
        1px
        solid
        rgba(107, 93, 84, 0.18);

    border-bottom:
        1px
        solid
        rgba(107, 93, 84, 0.18);
}


body.tax-product_cat
.chacha-shop-toolbar__count {
    font-size: 13px;

    font-weight: 500;

    color:
        var(
            --chacha-text-medium,
            #6A5F58
        );
}


body.tax-product_cat
.chacha-filter-toggle {
    min-height: 44px;

    padding:
        0
        14px;

    border-radius: 10px;

    transition:
        background-color 180ms ease,
        color 180ms ease;
}


body.tax-product_cat
.chacha-filter-toggle:hover,
body.tax-product_cat
.chacha-filter-toggle:focus-visible {
    background:
        rgba(176, 141, 87, 0.08);

    color:
        var(
            --chacha-text-strongest,
            #201A17
        );
}


body.tax-product_cat
.woocommerce-ordering
select {
    height: 44px;

    min-width: 210px;

    padding-left: 14px;

    border-bottom-color:
        rgba(107, 93, 84, 0.24);
}


body.tax-product_cat
.content-area {
    margin-top:
        0 !important;

    margin-bottom:
        0 !important;

    padding-top:
        0 !important;

    padding-bottom:
        32px !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    body.woocommerce-shop
    .chacha-archive-header {
        padding: 24px 20px 20px !important;
    }

    body.woocommerce-shop
    .chacha-archive-header__title {
        font-size: clamp(38px, 5.3vw, 48px);
    }

    body.woocommerce-shop
    .chacha-archive-header__description {
        font-size: 14px;
    }

    body.woocommerce-shop
    .chacha-shop-toolbar {
        padding: 9px 0;
        margin-bottom: 18px !important;
    }

    body.woocommerce-shop
    .content-area {
        padding-bottom: 28px !important;
    }


    body.tax-product_cat
    .chacha-archive-header {
        padding:
            24px
            20px
            22px !important;
    }


    body.tax-product_cat
    .chacha-archive-header__inner {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(300px, 0.82fr);

        height: 306px;
        min-height: 0;

        border-radius: 18px;
    }


    body.tax-product_cat
    .chacha-archive-header__content {
        padding:
            38px
            36px;
    }


    body.tax-product_cat
    .chacha-archive-header__inner--text-only
    .chacha-archive-header__content {
        padding:
            42px
            42px;
    }


    body.tax-product_cat
    .chacha-archive-header__title {
        font-size:
            clamp(
                44px,
                6vw,
                54px
            );
    }


    body.tax-product_cat
    .chacha-archive-header__media {
        height: 100%;
        min-height: 0;
    }


    body.tax-product_cat
    .chacha-category-rail__item {
        flex-basis: 176px;

        min-width: 176px;
    }


    body.tax-product_cat
    .chacha-shop-toolbar {
        margin-bottom:
            26px !important;
    }


    body.tax-product_cat
    .content-area {
        padding-bottom:
            28px !important;
    }

}


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

@media (max-width: 767px) {

    body.woocommerce-shop
    .chacha-archive-header {
        padding: 18px 16px 16px !important;
    }

    body.woocommerce-shop
    .chacha-archive-header__eyebrow {
        margin-bottom: 7px;
        font-size: 10px;
    }

    body.woocommerce-shop
    .chacha-archive-header__title {
        font-size: 36px;
        line-height: 1;
    }

    body.woocommerce-shop
    .chacha-archive-header__description {
        margin-top: 9px;
        font-size: 13px;
        line-height: 1.45;
    }

    body.woocommerce-shop
    .chacha-breadcrumb {
        margin-top: 10px;
        font-size: 11px;
    }

    body.woocommerce-shop
    .chacha-shop-toolbar {
        gap: 8px;
        padding: 10px 0;
        margin-bottom: 16px !important;
    }

    body.woocommerce-shop
    .content-area {
        padding-bottom: 24px !important;
    }


    body.tax-product_cat
    .chacha-archive-header {
        padding:
            18px
            14px
            18px !important;
    }


    body.tax-product_cat
    .chacha-archive-header__inner {
        display: block;

        height: auto;
        min-height: 0;

        border-radius: 16px;
    }


    body.tax-product_cat
    .chacha-archive-header__content,
    body.tax-product_cat
    .chacha-archive-header__inner--text-only
    .chacha-archive-header__content {
        align-items: flex-start;

        padding:
            28px
            22px;

        text-align: left;
    }


    body.tax-product_cat
    .chacha-archive-header__media {
        display: none;
    }

    body.tax-product_cat
    .chacha-archive-header__inner--with-custom-media
    .chacha-archive-header__media {
        width: 100%;
        height: auto;

        display: block;

        aspect-ratio: 2.08 / 1;

        border-top:
            1px
            solid
            rgba(176, 141, 87, 0.16);
    }


    body.tax-product_cat
    .chacha-archive-header__eyebrow {
        margin-bottom: 11px;

        font-size: 9px;

        letter-spacing: 0.18em;
    }


    body.tax-product_cat
    .chacha-archive-header__title {
        font-size: 40px;

        line-height: 0.98;
    }


    body.tax-product_cat
    .chacha-archive-header__description,
    body.tax-product_cat
    .chacha-archive-header__inner--text-only
    .chacha-archive-header__description {
        max-width: 100%;

        margin:
            16px
            0
            0;

        font-size: 13px;

        line-height: 1.62;
    }


    body.tax-product_cat
    .chacha-breadcrumb,
    body.tax-product_cat
    .chacha-archive-header__inner--text-only
    .chacha-breadcrumb {
        justify-content: flex-start;

        margin-top: 16px;

        font-size: 10px;

        gap: 6px;
    }


    body.tax-product_cat
    .chacha-category-rail {
        margin-top: 11px;
    }


    body.tax-product_cat
    .chacha-category-rail__track {
        gap: 8px;

        padding-bottom: 5px;
    }


    body.tax-product_cat
    .chacha-category-rail__item {
        flex:
            0
            0
            154px;

        min-width: 154px;
        min-height: 62px;

        gap: 9px;

        padding:
            7px
            9px
            7px
            7px;

        border-radius: 10px;
    }


    body.tax-product_cat
    .chacha-category-rail__media {
        width: 44px;
        height: 44px;

        border-radius: 8px;
    }


    body.tax-product_cat
    .chacha-category-rail__name {
        font-size: 10.5px;
    }


    body.tax-product_cat
    .chacha-category-rail__arrow {
        font-size: 14px;
    }


    body.tax-product_cat
    .chacha-shop-toolbar {
        display: grid !important;

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

        gap: 10px;

        min-height: 0;

        padding:
            12px
            0;

        margin-bottom:
            22px !important;
    }


    body.tax-product_cat
    .chacha-shop-toolbar__controls {
        width: 100%;

        display: grid;

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

        align-items: center;

        gap: 10px;
    }


    body.tax-product_cat
    .chacha-shop-toolbar__ordering,
    body.tax-product_cat
    .woocommerce-ordering,
    body.tax-product_cat
    .woocommerce-ordering
    select {
        width: 100%;

        min-width: 0;
    }


    body.tax-product_cat
    .chacha-filter-toggle {
        min-height: 42px;

        padding:
            0
            10px;
    }


    body.tax-product_cat
    .woocommerce-ordering
    select {
        height: 42px;

        padding-left: 10px;

        font-size: 12px;
    }


    body.tax-product_cat
    .content-area {
        padding-bottom:
            24px !important;
    }

}



/* ==========================================================
   CHACHA CATEGORY PREMIUM V3-A
   Compact Hero + Visual Category Carousel Geometry
   ========================================================== */


/* ----------------------------------------------------------
   01. COMPACT CATEGORY HERO
   ---------------------------------------------------------- */

body.tax-product_cat
.chacha-archive-header__inner--with-media {
    height: 210px;
    min-height: 0;
}


body.tax-product_cat
.chacha-archive-header__inner--with-media
.chacha-archive-header__content {
    padding:
        20px
        34px;
}


body.tax-product_cat
.chacha-archive-header__inner--with-media
.chacha-archive-header__eyebrow {
    margin-bottom: 7px;
}


body.tax-product_cat
.chacha-archive-header__inner--with-media
.chacha-archive-header__title {
    font-size:
        clamp(
            38px,
            3.2vw,
            50px
        );

    line-height: 0.96;
}


body.tax-product_cat
.chacha-archive-header__inner--with-media
.chacha-archive-header__description {
    margin-top: 10px;

    font-size: 13.5px;

    line-height: 1.45;
}


body.tax-product_cat
.chacha-archive-header__inner--with-media
.chacha-breadcrumb {
    margin-top: 10px;
}


/* ----------------------------------------------------------
   02. CATEGORY CAROUSEL SHELL
   Standard desktop = 5 visible cards.
   ---------------------------------------------------------- */

body.tax-product_cat
.chacha-category-rail {
    display: grid;

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

    align-items: center;

    gap: 10px;

    margin-top: 10px;
}


body.tax-product_cat
.chacha-category-rail__viewport {
    min-width: 0;

    overflow: hidden;
}


body.tax-product_cat
.chacha-category-rail__track {
    width: 100%;

    display: grid;

    grid-auto-flow: column;

    grid-auto-columns:
        calc(
            (100% - 40px)
            / 5
        );

    gap: 10px;

    overflow-x: auto;
    overflow-y: hidden;

    padding:
        2px
        1px
        5px;

    scroll-snap-type:
        x mandatory;

    scroll-behavior:
        smooth;

    scrollbar-width:
        none;

    overscroll-behavior-inline:
        contain;

    -webkit-overflow-scrolling:
        touch;
}


body.tax-product_cat
.chacha-category-rail__track::-webkit-scrollbar {
    display: none;
}


body.tax-product_cat
.chacha-category-rail__item {
    width: auto;
    min-width: 0;

    flex: none;

    min-height: 76px;

    padding:
        7px
        11px
        7px
        7px;

    scroll-snap-align: start;
}


body.tax-product_cat
.chacha-category-rail__media {
    width: 60px;
    height: 60px;

    flex:
        0 0 60px;

    border-radius: 9px;
}


body.tax-product_cat
.chacha-category-rail__image {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ----------------------------------------------------------
   03. PREV / NEXT
   Hidden until JS enhancement is ready.
   ---------------------------------------------------------- */

body.tax-product_cat
.chacha-category-rail__nav {
    display: none;

    width: 42px;
    height: 42px;

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

    padding: 0;

    border:
        1px
        solid
        rgba(107, 93, 84, 0.22);

    border-radius: 999px;

    background:
        rgba(255, 253, 250, 0.92);

    color:
        var(
            --chacha-text-strongest,
            #201A17
        );

    box-shadow:
        0 7px 18px
        rgba(32, 26, 23, 0.045);

    font-family:
        Georgia,
        serif;

    font-size: 19px;

    line-height: 1;

    cursor: pointer;

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


body.tax-product_cat
.chacha-category-rail.is-ready
.chacha-category-rail__nav {
    display: inline-flex;
}


body.tax-product_cat
.chacha-category-rail__nav:hover:not(:disabled),
body.tax-product_cat
.chacha-category-rail__nav:focus-visible:not(:disabled) {
    transform:
        translateY(-1px);

    border-color:
        rgba(176, 141, 87, 0.62);

    background:
        #fffdfa;

    color:
        var(
            --chacha-accent,
            #B08D57
        );

    outline: none;
}


body.tax-product_cat
.chacha-category-rail__nav:disabled {
    opacity: 0.28;

    cursor: default;

    transform: none;
}


body.tax-product_cat
.chacha-category-rail__nav[hidden] {
    display: none !important;
}


/* ----------------------------------------------------------
   04. WIDE DESKTOP = 6 cards
   ---------------------------------------------------------- */

@media (min-width: 1536px) {

    body.tax-product_cat
    .chacha-category-rail__track {
        grid-auto-columns:
            calc(
                (100% - 50px)
                / 6
            );
    }

}


/* ----------------------------------------------------------
   05. TABLET = 3 cards
   ---------------------------------------------------------- */

@media (max-width: 1024px) {

    body.tax-product_cat
    .chacha-archive-header__inner--with-media {
        height: 190px;
    }


    body.tax-product_cat
    .chacha-archive-header__inner--with-media
    .chacha-archive-header__content {
        padding:
            16px
            22px;
    }


    body.tax-product_cat
    .chacha-archive-header__inner--with-media
    .chacha-archive-header__title {
        font-size:
            clamp(
                34px,
                5vw,
                42px
            );
    }


    body.tax-product_cat
    .chacha-category-rail {
        grid-template-columns:
            38px
            minmax(0, 1fr)
            38px;

        gap: 8px;

        margin-top: 9px;
    }


    body.tax-product_cat
    .chacha-category-rail__track {
        grid-auto-columns:
            calc(
                (100% - 16px)
                / 3
            );

        gap: 8px;
    }


    body.tax-product_cat
    .chacha-category-rail__nav {
        width: 38px;
        height: 38px;

        font-size: 17px;
    }

}


/* ----------------------------------------------------------
   06. MOBILE = 2 cards
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    body.tax-product_cat
    .chacha-archive-header__inner--with-media {
        height: auto;
    }


    body.tax-product_cat
    .chacha-archive-header__content,
    body.tax-product_cat
    .chacha-archive-header__inner--text-only
    .chacha-archive-header__content {
        padding:
            17px
            17px;
    }


    body.tax-product_cat
    .chacha-archive-header__title {
        font-size: 32px;
    }


    body.tax-product_cat
    .chacha-archive-header__description {
        margin-top: 11px;
    }


    body.tax-product_cat
    .chacha-breadcrumb {
        margin-top: 11px;
    }


    body.tax-product_cat
    .chacha-category-rail {
        grid-template-columns:
            34px
            minmax(0, 1fr)
            34px;

        gap: 6px;

        margin-top: 8px;
    }


    body.tax-product_cat
    .chacha-category-rail__track {
        grid-auto-columns:
            calc(
                (100% - 8px)
                / 2
            );

        gap: 8px;

        padding-bottom: 3px;
    }


    body.tax-product_cat
    .chacha-category-rail__item {
        min-height: 58px;

        padding:
            6px
            7px;
    }


    body.tax-product_cat
    .chacha-category-rail__media {
        width: 42px;
        height: 42px;

        flex-basis: 42px;
    }


    body.tax-product_cat
    .chacha-category-rail__name {
        font-size: 10px;
    }


    body.tax-product_cat
    .chacha-category-rail__nav {
        width: 34px;
        height: 34px;

        font-size: 15px;
    }

}


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

    body.tax-product_cat
    .chacha-category-rail__track {
        scroll-behavior: auto;
    }

}



/* ==========================================================
   CHACHA CATEGORY PREMIUM V3.1
   Rail Label + Five Card Polish
   ========================================================== */


/*
 * Rail labels only.
 *
 * Does NOT affect:
 * - site/header navigation
 * - archive H1
 * - breadcrumb
 * - WooCommerce term names
 */

body.tax-product_cat
.chacha-category-rail__name {
    min-width: 0;

    display:
        -webkit-box;

    overflow:
        hidden;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        2;

    font-size:
        12px;

    font-weight:
        600;

    line-height:
        1.22;

    letter-spacing:
        0.01em;

    text-transform:
        none;

    white-space:
        normal;

    word-break:
        normal;

    overflow-wrap:
        normal;

    hyphens:
        none;
}


/*
 * Keep five cards on large desktop too.
 *
 * V3-A originally allowed six cards at 1536px+.
 * The ChaCha premium rail now intentionally stays at five.
 */

@media (min-width: 1536px) {

    body.tax-product_cat
    .chacha-category-rail__track {
        grid-auto-columns:
            calc(
                (100% - 40px)
                / 5
            );
    }

}


/*
 * Tablet typography only.
 * Existing 3-card layout remains unchanged.
 */

@media (max-width: 1024px) {

    body.tax-product_cat
    .chacha-category-rail__name {
        font-size:
            11px;
    }

}


/*
 * Mobile typography only.
 * Existing 2-card layout remains unchanged.
 */

@media (max-width: 767px) {

    body.tax-product_cat
    .chacha-category-rail__name {
        font-size:
            10px;

        line-height:
            1.2;
    }

}


/* ==========================================================
   CHACHA CATEGORY PREMIUM V3.2
   Static / Non-scrollable Rail Fix
   ========================================================== */


/*
 * When the number of categories does not exceed the current
 * viewport capacity, the carousel buttons are hidden by JS.
 *
 * In that state the viewport must use the complete rail width
 * instead of falling into the former 42px arrow column.
 */

body.tax-product_cat
.chacha-category-rail.is-ready:not(.is-scrollable) {
    grid-template-columns:
        minmax(0, 1fr);

    gap: 0;
}


body.tax-product_cat
.chacha-category-rail.is-ready:not(.is-scrollable)
.chacha-category-rail__viewport {
    grid-column:
        1 / -1;

    width: 100%;
    min-width: 0;
}


/*
 * Keep the same card sizing system as the carousel,
 * but center incomplete groups.
 *
 * Desktop:
 * 5 items = full row
 * 4/3/2/1 = same premium card scale, centered
 */

body.tax-product_cat
.chacha-category-rail.is-ready:not(.is-scrollable)
.chacha-category-rail__track {
    justify-content:
        center;

    overflow-x:
        hidden;
}


/*
 * Buttons remain completely absent from layout when
 * scrolling is unnecessary.
 */

body.tax-product_cat
.chacha-category-rail.is-ready:not(.is-scrollable)
.chacha-category-rail__nav {
    display:
        none !important;
}
/* ==========================================================
   CATEGORY HERO BLEND V3
   Full-bleed media feel with soft left fade
   Scope: category archive hero with media
   ========================================================== */

@media (min-width: 768px) {

    body.tax-product_cat
    .chacha-archive-header__inner--with-media {
        position: relative;
        display: block;
        overflow: hidden;
        background: #f4efe7;
    }


    body.tax-product_cat
    .chacha-archive-header__content {
        position: relative;
        z-index: 3;
    }


    body.tax-product_cat
    .chacha-archive-header__media {
        position: absolute;
        inset: 0;
        z-index: 1;

        display: block !important;

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

        margin: 0 !important;
        overflow: hidden;
        pointer-events: none;
    }


    body.tax-product_cat
    .chacha-archive-header__media::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 2;
        pointer-events: none;
    }


    body.tax-product_cat
    .chacha-archive-header__media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right center;
    }

}


/* ==========================================================
   DESKTOP HERO BLEND V3
   ========================================================== */

@media (min-width: 1025px) {

    body.tax-product_cat
    .chacha-archive-header__inner--with-media {
        min-height: 210px;
    }


    body.tax-product_cat
    .chacha-archive-header__content {
        width: 588px;
        min-height: 210px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        padding:
            30px
            36px
            30px
            36px;
    }


    body.tax-product_cat
    .chacha-archive-header__media img {
        object-position: right center;
    }


    body.tax-product_cat
    .chacha-archive-header__media::after {
        background:
            linear-gradient(
                90deg,
                #f4efe7 0%,
                #f4efe7 34%,
                rgba(244, 239, 231, 0.96) 42%,
                rgba(244, 239, 231, 0.86) 49%,
                rgba(244, 239, 231, 0.68) 57%,
                rgba(244, 239, 231, 0.40) 66%,
                rgba(244, 239, 231, 0.16) 76%,
                rgba(244, 239, 231, 0.00) 88%
            );
    }

}


/* ==========================================================
   TABLET HERO BLEND V3
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    body.tax-product_cat
    .chacha-archive-header__inner--with-media {
        min-height: 260px;
    }


    body.tax-product_cat
    .chacha-archive-header__content {
        width: min(100%, 370px);
        min-height: 260px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        padding:
            28px
            26px
            28px
            26px;
    }


    body.tax-product_cat
    .chacha-archive-header__media img {
        object-position: 78% center;
    }


    body.tax-product_cat
    .chacha-archive-header__media::after {
        background:
            linear-gradient(
                90deg,
                #f4efe7 0%,
                #f4efe7 39%,
                rgba(244, 239, 231, 0.95) 47%,
                rgba(244, 239, 231, 0.82) 55%,
                rgba(244, 239, 231, 0.58) 64%,
                rgba(244, 239, 231, 0.28) 74%,
                rgba(244, 239, 231, 0.00) 86%
            );
    }

}


/*
 * Mobile:
 * keep accepted premium layout intact.
 * Mobile media remains governed by the existing archive rules.
 */

/**
 * ==========================================================
 * CHA-PRODUCT-CARD-POLISH-02 / ARCHIVE PAGINATION
 * ==========================================================
 *
 * One compact navigation language:
 * - circular page controls
 * - icon-only previous / next
 * - no duplicated theme arrow content
 */

body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers {
    gap: 10px !important;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
> .page-numbers,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
> .page-numbers,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
> .page-numbers {
    box-sizing: border-box;

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

    padding: 0 !important;

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

    border-radius: 999px !important;

    background:
        var(
            --chacha-background-light,
            #FFFDFC
        ) !important;

    color:
        var(
            --chacha-text-strong,
            #3B322D
        ) !important;

    font-size: 11px !important;
    font-weight: 500 !important;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
> .page-numbers.current,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
> .page-numbers.current,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
> .page-numbers.current {
    border-color:
        var(
            --chacha-espresso,
            #201A17
        ) !important;

    background:
        var(
            --chacha-espresso,
            #201A17
        ) !important;

    color:
        #FFFDFC !important;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
> a.page-numbers:hover,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
> a.page-numbers:hover,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
> a.page-numbers:hover {
    border-color:
        var(
            --chacha-brass,
            #B08D57
        ) !important;

    color:
        var(
            --chacha-brass,
            #B08D57
        ) !important;
}


body.woocommerce-shop
.woocommerce-pagination
.page-numbers.prev,

body.woocommerce-shop
.woocommerce-pagination
.page-numbers.next,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.prev,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.next,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.prev,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.next {
    position: relative;

    overflow: hidden;

    font-size: 0 !important;
    line-height: 1 !important;
}


body.woocommerce-shop
.woocommerce-pagination
.page-numbers.prev
> *,

body.woocommerce-shop
.woocommerce-pagination
.page-numbers.next
> *,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.prev
> *,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.next
> *,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.prev
> *,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.next
> * {
    display: none !important;
}


body.woocommerce-shop
.woocommerce-pagination
.page-numbers.prev::before,

body.woocommerce-shop
.woocommerce-pagination
.page-numbers.next::before,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.prev::before,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.next::before,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.prev::before,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.next::before {
    content: "";

    display: block;

    width: 7px;
    height: 7px;

    border-top:
        1.5px
        solid
        currentColor;

    border-right:
        1.5px
        solid
        currentColor;
}


body.woocommerce-shop
.woocommerce-pagination
.page-numbers.prev::before,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.prev::before,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.prev::before {
    transform:
        translateX(1px)
        rotate(-135deg);
}


body.woocommerce-shop
.woocommerce-pagination
.page-numbers.next::before,

body.tax-product_cat
.woocommerce-pagination
.page-numbers.next::before,

body.tax-product_tag
.woocommerce-pagination
.page-numbers.next::before {
    transform:
        translateX(-1px)
        rotate(45deg);
}


@media (max-width: 767px) {

    body.woocommerce-shop
    .woocommerce-pagination,

    body.tax-product_cat
    .woocommerce-pagination,

    body.tax-product_tag
    .woocommerce-pagination {
        margin-top: 48px;
    }


    body.woocommerce-shop
    .woocommerce-pagination
    ul.page-numbers,

    body.tax-product_cat
    .woocommerce-pagination
    ul.page-numbers,

    body.tax-product_tag
    .woocommerce-pagination
    ul.page-numbers {
        gap: 8px !important;
    }

}

/**
 * ==========================================================
 * CHA-PRODUCT-CARD-POLISH-02 REV.4 / PAGINATION ARROW
 * ==========================================================
 *
 * Runtime DOM:
 * <a class="next page-numbers">
 *   <span class="chacha-pagination-label">Sonraki</span>
 *   <span aria-hidden="true">→</span>
 * </a>
 *
 * Child text is intentionally hidden and the pseudo arrow is
 * centered independently from Kadence / Woo typography rules.
 */

body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev,

body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next {
    position:
        relative !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    font-size:
        0 !important;

    line-height:
        0 !important;

    text-indent:
        0 !important;

    overflow:
        hidden !important;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev
>
*,

body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next
>
*,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev
>
*,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next
>
*,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev
>
*,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next
>
* {
    display:
        none !important;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev::before,

body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next::before,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev::before,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next::before,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev::before,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next::before {
    content:
        "" !important;

    position:
        absolute !important;

    top:
        50% !important;

    left:
        50% !important;

    display:
        block !important;

    width:
        7px !important;

    height:
        7px !important;

    margin:
        0 !important;

    border-top:
        1.5px
        solid
        currentColor !important;

    border-right:
        1.5px
        solid
        currentColor !important;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev::before,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev::before,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.prev::before {
    transform:
        translate(
            -42%,
            -50%
        )
        rotate(
            -135deg
        ) !important;
}


body.woocommerce-shop
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next::before,

body.tax-product_cat
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next::before,

body.tax-product_tag
.woocommerce-pagination
ul.page-numbers
li
>
a.page-numbers.next::before {
    transform:
        translate(
            -58%,
            -50%
        )
        rotate(
            45deg
        ) !important;
}\n\n/**\n * ==========================================================\n * CHA-PRODUCT-CARD-POLISH-02 REV.5 / PAGINATION ALIGNMENT\n * ==========================================================\n *\n * Normalize page numbers and direction controls onto one\n * 40x40 flex geometry so circles share the same baseline and\n * numeric glyphs sit optically centered inside each circle.\n */\n\nbody.woocommerce-shop\n.woocommerce-pagination\nul.page-numbers,\n\nbody.tax-product_cat\n.woocommerce-pagination\nul.page-numbers,\n\nbody.tax-product_tag\n.woocommerce-pagination\nul.page-numbers {\n    display:\n        flex !important;\n\n    align-items:\n        center !important;\n\n    justify-content:\n        center !important;\n\n    gap:\n        10px !important;\n}\n\n\nbody.woocommerce-shop\n.woocommerce-pagination\nul.page-numbers\n>\nli,\n\nbody.tax-product_cat\n.woocommerce-pagination\nul.page-numbers\n>\nli,\n\nbody.tax-product_tag\n.woocommerce-pagination\nul.page-numbers\n>\nli {\n    float:\n        none !important;\n\n    display:\n        flex !important;\n\n    align-items:\n        center !important;\n\n    justify-content:\n        center !important;\n\n    width:\n        40px !important;\n\n    min-width:\n        40px !important;\n\n    max-width:\n        40px !important;\n\n    height:\n        40px !important;\n\n    min-height:\n        40px !important;\n\n    max-height:\n        40px !important;\n\n    margin:\n        0 !important;\n\n    padding:\n        0 !important;\n\n    border:\n        0 !important;\n\n    line-height:\n        0 !important;\n}\n\n\nbody.woocommerce-shop\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers,\n\nbody.tax-product_cat\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers,\n\nbody.tax-product_tag\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers {\n    position:\n        relative !important;\n\n    top:\n        auto !important;\n\n    right:\n        auto !important;\n\n    bottom:\n        auto !important;\n\n    left:\n        auto !important;\n\n    float:\n        none !important;\n\n    display:\n        inline-flex !important;\n\n    flex:\n        0\n        0\n        40px !important;\n\n    align-items:\n        center !important;\n\n    justify-content:\n        center !important;\n\n    width:\n        40px !important;\n\n    min-width:\n        40px !important;\n\n    max-width:\n        40px !important;\n\n    height:\n        40px !important;\n\n    min-height:\n        40px !important;\n\n    max-height:\n        40px !important;\n\n    margin:\n        0 !important;\n\n    padding:\n        0 !important;\n\n    box-sizing:\n        border-box !important;\n\n    vertical-align:\n        middle !important;\n\n    line-height:\n        1 !important;\n\n    transform:\n        none !important;\n}\n\n\nbody.woocommerce-shop\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers:not(.prev):not(.next),\n\nbody.tax-product_cat\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers:not(.prev):not(.next),\n\nbody.tax-product_tag\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers:not(.prev):not(.next) {\n    padding-top:\n        1px !important;\n\n    font-family:\n        Inter,\n        sans-serif !important;\n\n    font-size:\n        12px !important;\n\n    font-weight:\n        500 !important;\n\n    line-height:\n        1 !important;\n\n    font-variant-numeric:\n        tabular-nums;\n\n    text-align:\n        center !important;\n}\n\n\nbody.woocommerce-shop\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers.prev,\n\nbody.woocommerce-shop\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers.next,\n\nbody.tax-product_cat\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers.prev,\n\nbody.tax-product_cat\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers.next,\n\nbody.tax-product_tag\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers.prev,\n\nbody.tax-product_tag\n.woocommerce-pagination\nul.page-numbers\n>\nli\n>\n.page-numbers.next {\n    padding:\n        0 !important;\n}\n

/**
 * ==========================================================
 * CHA-PRODUCT-CARD-POLISH-02 REV.5.2 / PAGINATION UNIVERSAL ALIGNMENT
 * ==========================================================
 *
 * REV.5.1 runtime evidence showed that the archive-scoped rules
 * did not own the real LI / numeric-control geometry:
 *
 * - LI: 45.5 x 41, display:block
 * - numeric control: 40 x 40, display:inline-block
 * - numeric margin-right: 5.5px
 * - next control centerY was ~4.3px above the numeric controls
 *
 * Normalize the actual Woo pagination component independent of
 * page body classes. This keeps every control on one exact 40x40
 * flex geometry and removes inherited theme offsets.
 */

html
body
.woocommerce-pagination
ul.page-numbers {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;
}


html
body
.woocommerce-pagination
ul.page-numbers
>
li {
    float:
        none !important;

    display:
        flex !important;

    flex:
        0
        0
        40px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        40px !important;

    min-width:
        40px !important;

    max-width:
        40px !important;

    height:
        40px !important;

    min-height:
        40px !important;

    max-height:
        40px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    font-size:
        0 !important;

    line-height:
        0 !important;

    vertical-align:
        middle !important;
}


html
body
.woocommerce-pagination
ul.page-numbers
>
li
>
:is(
    a.page-numbers,
    span.page-numbers
) {
    position:
        relative !important;

    top:
        auto !important;

    right:
        auto !important;

    bottom:
        auto !important;

    left:
        auto !important;

    float:
        none !important;

    display:
        flex !important;

    flex:
        0
        0
        40px !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        40px !important;

    min-width:
        40px !important;

    max-width:
        40px !important;

    height:
        40px !important;

    min-height:
        40px !important;

    max-height:
        40px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;

    vertical-align:
        middle !important;

    line-height:
        1 !important;

    transform:
        none !important;
}


html
body
.woocommerce-pagination
ul.page-numbers
>
li
>
:is(
    a.page-numbers,
    span.page-numbers
):not(.prev):not(.next) {
    padding-top:
        1px !important;

    font-family:
        Inter,
        sans-serif !important;

    font-size:
        12px !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    font-variant-numeric:
        tabular-nums;

    text-align:
        center !important;
}


html
body
.woocommerce-pagination
ul.page-numbers
>
li
>
:is(
    a.page-numbers.prev,
    a.page-numbers.next
) {
    padding:
        0 !important;

    font-size:
        0 !important;

    line-height:
        0 !important;
}


html
body
.woocommerce-pagination
ul.page-numbers
>
li
>
:is(
    a.page-numbers.prev,
    a.page-numbers.next
)
>
* {
    display:
        none !important;
}

/* ==========================================================
   CHACHA CATEGORY RAIL MOBILE POLISH V1
   Scope: product-category archives, mobile <= 767px only.
   Purpose:
   - preserve exactly two visible category cards,
   - free label width by removing the redundant in-card arrow,
   - reduce carousel-nav footprint,
   - create clear separation from the archive hero,
   - keep desktop/tablet behavior untouched.
   ========================================================== */

@media (max-width: 767px) {

    body.tax-product_cat
    .chacha-category-rail {
        grid-template-columns:
            28px
            minmax(0, 1fr)
            28px;

        gap: 4px;

        margin-top: 16px;
    }


    body.tax-product_cat
    .chacha-category-rail__track {
        gap: 8px;
    }


    body.tax-product_cat
    .chacha-category-rail__item {
        min-height: 58px;

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

        gap: 7px;

        padding:
            6px
            7px;
    }


    body.tax-product_cat
    .chacha-category-rail__media {
        width: 42px;
        height: 42px;

        flex-basis: 42px;
    }


    body.tax-product_cat
    .chacha-category-rail__label {
        justify-content: flex-start;
        gap: 0;
    }


    body.tax-product_cat
    .chacha-category-rail__name {
        width: 100%;

        font-size: 10px;
        line-height: 1.2;

        word-break: normal;
        overflow-wrap: normal;
        hyphens: none;

        display: -webkit-box;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;

        overflow: hidden;
    }


    body.tax-product_cat
    .chacha-category-rail__arrow {
        display: none;
    }


    body.tax-product_cat
    .chacha-category-rail__nav {
        width: 28px;
        height: 28px;

        font-size: 13px;
        line-height: 1;
    }

}