/**
 * Tak Center storefront design layer.
 *
 * Built from the approved brand direction: clean, commercial, premium,
 * mobile-first, restrained gold accents and a consistent 12px radius.
 */

:root {
	--tk-gold-soft: #fbf5e9;
	--tk-gold-wash: #f7f7f7;
	--tk-surface: #f7f7f7;
	--tk-control-border: #ededed;
	--tk-ink-soft: #211c20;
	--tk-font: "IRANYekanX", "IRANYekan", "Vazirmatn", "Vazir", system-ui, -apple-system, "Segoe UI", Roboto, Tahoma, sans-serif;
	--tk-font-latin: Montserrat, Poppins, Manrope, Arial, sans-serif;
	--tk-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	--tk-shadow-soft: 0 4px 16px rgba(0, 0, 0, 0.04);
	--tk-focus: 0 0 0 3px rgba(209, 160, 74, 0.25);
	--tk-ease: cubic-bezier(.22, 1, .36, 1);
	--tk-ease-out: cubic-bezier(.16, 1, .3, 1);
}

html,
body.tak-center-site,
body.tak-center-site :where(button, input, select, textarea, optgroup, a, p, span, h1, h2, h3, h4, h5, h6, strong, b, small, label, div) {
	font-family: var(--tk-font);
}

body.tak-center-site {
	background: var(--tk-white);
	color: var(--tk-body);
	font-size: 16px;
	line-height: 1.85;
}

body.tak-center-ltr,
body.tak-center-site [lang="en"],
body.tak-center-site [dir="ltr"]:not(.tk-proof-pill__phone):not(.tk-phone-num):not(.tk-phone-link):not(.tk-channel-phone-link):not(.tk-drawer-phone):not(.tk-drawer-phone *):not([data-persian-digits]),
.tak-center-ltr {
	font-family: var(--tk-font-latin) !important;
}

body.tak-center-site ::selection {
	background: var(--tk-gold-wash);
	color: var(--tk-ink);
}

body.tak-center-site :where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 0;
	box-shadow: var(--tk-focus);
}

/* Unified controls */
body.tak-center-site :where(
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="date"],
	textarea,
	select
) {
	width: 100%;
	min-height: 50px;
	padding: 11px 14px;
	border: 1px solid var(--tk-control-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	box-shadow: none;
	color: var(--tk-ink);
	font: 500 14px/1.6 var(--tk-font);
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body.tak-center-site :where(input, textarea)::placeholder {
	color: #8e898c;
	opacity: 1;
}

body.tak-center-site :where(input, textarea, select):hover {
	border-color: #c7c1bd;
}

body.tak-center-site :where(input, textarea, select):focus {
	outline: 0;
	border-color: var(--tk-gold);
	background: #fffefa;
	box-shadow: var(--tk-focus);
}

body.tak-center-site textarea {
	min-height: 144px;
	resize: vertical;
}

body.tak-center-site select {
	-webkit-appearance: none;
	appearance: none;
	padding-inline: 14px 44px;
	background-image:
		linear-gradient(45deg, transparent 50%, var(--tk-ink) 50%),
		linear-gradient(135deg, var(--tk-ink) 50%, transparent 50%);
	background-position: left 19px center, left 13px center;
	background-repeat: no-repeat;
	background-size: 6px 6px;
	cursor: pointer;
}

/* Global: Remove native spin buttons and arrows from ALL number inputs project-wide */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	opacity: 0 !important;
	margin: 0 !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	opacity: 0 !important;
	margin: 0 !important;
}

.qty::-webkit-outer-spin-button,
.qty::-webkit-inner-spin-button,
.tk-qty-input::-webkit-outer-spin-button,
.tk-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	opacity: 0 !important;
	margin: 0 !important;
}

input[type="number"] {
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

body.tak-center-site input[type="number"] {
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

body.tak-center-site input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	margin: 0;
}

body.tak-center-site input[type="checkbox"],
body.tak-center-site input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	display: inline-grid;
	place-content: center;
	width: 20px;
	height: 20px;
	min-height: 0;
	margin: 0 0 0 8px;
	padding: 0;
	border: 1.5px solid #bdb7b3;
	background: var(--tk-white);
	vertical-align: -.25em;
	cursor: pointer;
}

body.tak-center-site input[type="checkbox"] {
	border-radius: 5px;
}

body.tak-center-site input[type="radio"] {
	border-radius: 50%;
}

body.tak-center-site input[type="checkbox"]::before {
	width: 10px;
	height: 6px;
	border: solid var(--tk-ink);
	border-width: 0 0 2px 2px;
	content: "";
	transform: rotate(-45deg) scale(0);
}

body.tak-center-site input[type="radio"]::before {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--tk-ink);
	content: "";
	transform: scale(0);
}

body.tak-center-site input[type="checkbox"]:checked,
body.tak-center-site input[type="radio"]:checked {
	border-color: var(--tk-gold);
	background: var(--tk-gold);
}

body.tak-center-site input[type="checkbox"]:checked::before,
body.tak-center-site input[type="radio"]:checked::before {
	transform: rotate(-45deg) scale(1);
}

body.tak-center-site input[type="radio"]:checked::before {
	transform: scale(1);
}

body.tak-center-site :where(
	.tk-button,
	.wp-element-button,
	.wp-block-button__link,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	button[type="submit"]:not(.tk-search-submit),
	input[type="submit"],
	.wc-block-components-button
) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 10px 20px !important;
	border: 1px solid var(--tk-gold) !important;
	border-radius: var(--tk-radius) !important;
	background: var(--tk-gold) !important;
	box-shadow: none;
	color: var(--tk-ink) !important;
	font: 700 14px/1.4 var(--tk-font) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	flex-shrink: 0;
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s var(--tk-ease), box-shadow .18s ease;
}

body.tak-center-site :where(
	.tk-button,
	.wp-element-button,
	.wp-block-button__link,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	button[type="submit"]:not(.tk-search-submit),
	input[type="submit"],
	.wc-block-components-button
):hover {
	border-color: var(--tk-gold-dark) !important;
	background: var(--tk-gold-dark) !important;
	color: var(--tk-ink) !important;
	box-shadow: 0 8px 20px rgba(184, 135, 47, .18);
	transform: translateY(-1px);
}

body.tak-center-site :where(button, .button):disabled,
body.tak-center-site :where(button, .button)[aria-disabled="true"],
body.tak-center-site :where(button, .button).disabled {
	box-shadow: none !important;
	cursor: not-allowed !important;
	opacity: .48 !important;
	transform: none !important;
}

body.tak-center-site .tk-button--secondary,
body.tak-center-site .tk-button--ghost {
	border-color: var(--tk-ink) !important;
	background: transparent !important;
	color: var(--tk-ink) !important;
}

body.tak-center-site .tk-button--secondary:hover,
body.tak-center-site .tk-button--ghost:hover {
	border-color: var(--tk-ink) !important;
	background: var(--tk-ink) !important;
	color: var(--tk-white) !important;
}

/* Header and search */
body.tak-center-site .tk-site-header {
	position: relative;
	z-index: 100;
	border-bottom: 0;
	background: var(--tk-white);
}

body.tak-center-site .tk-header-top {
	display: block;
	background: #f7f7f7;
	color: var(--tk-ink, #211c20);
	border-top: 1px solid #ededed;
	border-bottom: 2px solid var(--tk-gold, #d1a04a);
	position: relative;
	z-index: 10;
}

body.tak-center-site .tk-header-top .tk-shell {
	min-height: 42px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding-block: 6px;
}

body.tak-center-site .tk-header-top__eyebrow {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--tk-body, #6d6d6d);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

body.tak-center-site .tk-header-top__links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}

body.tak-center-site .tk-header-top a {
	color: var(--tk-ink, #211c20);
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	transition: color .2s ease;
	white-space: nowrap;
}

body.tak-center-site .tk-header-top a:hover {
	color: var(--tk-gold, #d1a04a);
}

body.tak-center-site .tk-header-phone-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border-radius: 999px;
	background: #fdfaf3;
	border: 1.5px solid #ecd5ab;
	color: var(--tk-ink, #211c20) !important;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	transition: all 0.22s ease;
	white-space: nowrap;
}

body.tak-center-site .tk-header-phone-badge:hover {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%);
	border-color: #b8872f;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.35);
	transform: translateY(-1px);
}

body.tak-center-site .tk-header-phone-badge .tk-icon {
	width: 14px;
	height: 14px;
	color: #b8872f;
	stroke: #b8872f;
	stroke-width: 1.8;
	transition: color 0.22s ease, stroke 0.22s ease, transform 0.22s ease;
}

body.tak-center-site .tk-header-phone-badge:hover .tk-icon {
	color: #ffffff;
	stroke: #ffffff;
	transform: scale(1.08);
}

body.tak-center-site .tk-header-phone-badge .tk-phone-tag {
	font-size: 12.5px;
	font-weight: 600;
	color: #4a3b32;
	transition: color 0.22s ease;
}

body.tak-center-site .tk-header-phone-badge:hover .tk-phone-tag {
	color: #ffffff;
}

body.tak-center-site .tk-header-phone-badge .tk-phone-num {
	font-size: 14px;
	font-weight: 800;
	color: #593604;
	letter-spacing: 0.5px;
	direction: ltr;
	display: inline-block;
	transition: color 0.22s ease;
}

body.tak-center-site .tk-header-phone-badge:hover .tk-phone-num {
	color: #ffffff;
}

@media (max-width: 899px) {
	/* Hide desktop-only header rows completely on mobile & tablet */
	body.tak-center-site .tk-header-top,
	body.tak-center-site .tk-nav-row {
		display: none !important;
	}

	body.tak-center-site .tk-header-main {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 8px;
		min-height: 56px;
		padding-block: 8px;
	}

	body.tak-center-site .tk-brand {
		order: 1;
		flex-shrink: 0;
	}

	body.tak-center-site .tk-brand img {
		width: 112px;
		height: auto;
	}

	body.tak-center-site .tk-location-btn {
		order: 2;
		padding: 5px 8px;
		gap: 5px;
	}

	body.tak-center-site .tk-location-btn .tk-icon {
		width: 16px;
		height: 16px;
	}

	body.tak-center-site .tk-location-btn__copy small {
		font-size: 11.5px;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-location-btn__copy strong {
		font-size: 13px;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-mobile-toggle {
		order: 3;
		width: 40px;
		height: 40px;
	}

	body.tak-center-site .tk-search-wrap {
		order: 4;
		width: 100% !important;
		flex: 1 1 100% !important;
		padding: 0;
		margin-top: 4px;
	}

	body.tak-center-site .tk-header-actions {
		display: none !important;
	}
}

body.tak-center-site .tk-brand img {
	width: 172px;
}

body.tak-center-site .tk-search {
	display: flex !important;
	align-items: center !important;
	height: 50px !important;
	padding: 4px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 12px !important;
	background: #f8fafc !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	transition: border-color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

body.tak-center-site .tk-search:hover {
	border-color: #cbd5e1 !important;
	background: #ffffff !important;
}

body.tak-center-site .tk-search:focus-within {
	border-color: #d1a04a !important;
	background: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(209, 160, 74, 0.16) !important;
}

body.tak-center-site .tk-search input[type="search"] {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	height: 100% !important;
	min-height: 40px !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	padding: 0 16px !important;
	margin: 0 !important;
	font-family: inherit !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	color: #1e293b !important;
}

body.tak-center-site .tk-search input[type="search"]:focus {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	outline: none !important;
}

body.tak-center-site .tk-search-submit {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	width: auto !important;
	min-width: 90px !important;
	height: 40px !important;
	padding: 0 16px !important;
	border: none !important;
	border-radius: 9px !important;
	background: linear-gradient(135deg, #dfa944 0%, #c49132 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 2px 8px rgba(209, 160, 74, 0.3) !important;
	cursor: pointer !important;
	transition: all .2s ease !important;
	box-sizing: border-box !important;
}

body.tak-center-site .tk-search-submit:hover {
	background: linear-gradient(135deg, #e8b552 0%, #ce9b3b 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(209, 160, 74, 0.45) !important;
	transform: translateY(-1px) !important;
}

body.tak-center-site .tk-search-submit:active {
	transform: translateY(0) !important;
	box-shadow: 0 1px 4px rgba(209, 160, 74, 0.25) !important;
}

body.tak-center-site .tk-search-submit svg,
body.tak-center-site .tk-search-submit .tk-icon {
	width: 17px !important;
	height: 17px !important;
	color: #ffffff !important;
	stroke: #ffffff !important;
	stroke-width: 2.2 !important;
	flex-shrink: 0 !important;
}

body.tak-center-site .tk-search-submit span {
	display: inline !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	white-space: nowrap !important;
}

body.tak-center-site .tk-search-dropdown,
body.tak-center-site .tk-search-results {
	inset: calc(100% + 8px) 0 auto;
	max-height: min(68vh, 480px);
	padding: 8px;
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	box-shadow: var(--tk-shadow);
}

body.tak-center-site .tk-search-dropdown[hidden],
body.tak-center-site .tk-search-results[hidden] {
	display: none !important;
}

body.tak-center-site .tk-search-result {
	gap: 12px;
	min-height: 70px;
	margin: 2px 0;
	padding: 8px;
	border: 1px solid transparent;
	border-radius: 9px;
	color: var(--tk-ink);
}

body.tak-center-site .tk-search-result:hover,
body.tak-center-site .tk-search-result:focus,
body.tak-center-site .tk-search-result[aria-selected="true"] {
	border-color: rgba(209, 160, 74, .28);
	background: var(--tk-gold-soft);
}

body.tak-center-site .tk-search-result img,
body.tak-center-site .tk-search-result__image {
	width: 52px;
	height: 52px;
	border: 1px solid var(--tk-border);
	border-radius: 8px;
	object-fit: cover;
}

body.tak-center-site .tk-search-result__title {
	color: var(--tk-ink);
	font-weight: 700;
}

body.tak-center-site .tk-search-result__meta {
	color: var(--tk-body);
	font-size: 12px;
}

@media (max-width: 899px) {
	body.tak-center-site .tk-header-actions {
		display: none !important;
	}
}

@media (min-width: 900px) {
	body.tak-center-site .tk-header-actions {
		display: flex;
		align-items: center;
		gap: 8px;
	}
}

body.tak-center-site .tk-header-icon-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	border: 1px solid rgba(209, 160, 74, 0.28) !important;
	background: #ffffff !important;
	color: var(--tk-gold, #d1a04a) !important;
	transition: all .2s ease;
	text-decoration: none;
}

body.tak-center-site .tk-header-icon-link:hover {
	border-color: var(--tk-gold, #d1a04a) !important;
	color: var(--tk-gold-dark, #b8872f) !important;
	background: var(--tk-gold-soft, #fbf5e9) !important;
	box-shadow: 0 3px 10px rgba(209, 160, 74, 0.18);
}

body.tak-center-site .tk-header-icon-link .tk-icon,
body.tak-center-site .tk-header-icon-link svg {
	width: 20px;
	height: 20px;
	color: var(--tk-gold, #d1a04a);
	stroke: currentColor;
	fill: none;
	transition: all .2s ease;
}

body.tak-center-site .tk-header-icon-link:hover .tk-icon,
body.tak-center-site .tk-header-icon-link:hover svg {
	color: var(--tk-gold-dark, #b8872f) !important;
	stroke: var(--tk-gold-dark, #b8872f) !important;
	transform: scale(1.12);
}

body.tak-center-site .tk-header-btn--auth {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px;
	border-radius: 10px;
	border: 1px solid rgba(209, 160, 74, 0.28) !important;
	background: #ffffff !important;
	color: #1e293b;
	font-size: 14px;
	font-weight: 700;
	transition: all .2s ease;
	text-decoration: none;
	white-space: nowrap;
}

body.tak-center-site .tk-header-btn--auth:hover {
	border-color: var(--tk-gold, #d1a04a) !important;
	color: var(--tk-gold-dark, #b8872f) !important;
	background: var(--tk-gold-soft, #fbf5e9) !important;
	box-shadow: 0 3px 10px rgba(209, 160, 74, 0.18);
}

body.tak-center-site .tk-header-btn--auth .tk-icon,
body.tak-center-site .tk-header-btn--auth svg {
	width: 20px;
	height: 20px;
	color: var(--tk-gold, #d1a04a);
	stroke: currentColor;
	fill: none;
	transition: all .2s ease;
}

body.tak-center-site .tk-header-btn--auth:hover .tk-icon,
body.tak-center-site .tk-header-btn--auth:hover svg {
	color: var(--tk-gold-dark, #b8872f) !important;
	stroke: var(--tk-gold-dark, #b8872f) !important;
	transform: scale(1.08);
}

body.tak-center-site .tk-header-divider {
	width: 1px;
	height: 24px;
	background: rgba(209, 160, 74, 0.25);
	margin: 0 4px;
}

body.tak-center-site .tk-header-btn--cart {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px;
	border-radius: 10px;
	border: 1px solid rgba(209, 160, 74, 0.28) !important;
	background: #ffffff !important;
	color: #1e293b;
	font-size: 14px;
	font-weight: 700;
	transition: all .2s ease;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
}

body.tak-center-site .tk-header-btn--cart:hover {
	border-color: var(--tk-gold, #d1a04a) !important;
	color: var(--tk-gold-dark, #b8872f) !important;
	background: var(--tk-gold-soft, #fbf5e9) !important;
	box-shadow: 0 3px 10px rgba(209, 160, 74, 0.18);
}

body.tak-center-site .tk-header-btn--cart .tk-icon,
body.tak-center-site .tk-header-btn--cart svg {
	width: 20px;
	height: 20px;
	color: var(--tk-gold, #d1a04a);
	stroke: currentColor;
	fill: none;
	transition: all .2s ease;
}

body.tak-center-site .tk-header-btn--cart:hover .tk-icon,
body.tak-center-site .tk-header-btn--cart:hover svg {
	color: var(--tk-gold-dark, #b8872f) !important;
	stroke: var(--tk-gold-dark, #b8872f) !important;
	transform: scale(1.08);
}

body.tak-center-site .tk-header-cart-icon-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.tak-center-site .tk-cart-badge {
	position: absolute;
	top: -8px;
	left: -8px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 99px;
	background: #ef394e;
	color: #ffffff;
	font-size: 11px;
	font-weight: 800;
	line-height: 18px;
	text-align: center;
}

body.tak-center-site .tk-cart-badge[hidden] {
	display: none;
}

/* Backward compatibility for old action links if rendered */
body.tak-center-site .tk-action-link {
	min-height: 44px;
	gap: 8px;
	padding: 6px 12px;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: var(--tk-white);
}

body.tak-center-site .tk-nav-row {
	border-top: 1px solid var(--tk-border, #ede8e1);
	border-bottom: 1px solid var(--tk-border, #ede8e1);
	background: var(--tk-white, #ffffff);
	box-shadow: 0 2px 10px rgba(33, 28, 32, .03);
	position: relative;
	z-index: 100;
}

body.tak-center-site .tk-main-nav {
	display: flex;
	align-items: center;
	min-height: 44px;
	gap: 4px;
	width: 100%;
	box-sizing: border-box;
	overflow: visible !important;
	white-space: nowrap;
}

/* Persistent Desktop Navigation & Flawless Mega Menu Dropdown */
body.tak-center-site .tk-nav-row {
	position: relative;
	z-index: 1000;
	overflow: visible;
}

body.tak-center-site .tk-megamenu-wrap {
	position: relative;
	overflow: visible;
}

body.tak-center-site .tk-megamenu {
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	z-index: 9999 !important;
	margin-top: 6px !important;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s;
}

/* Invisible bridge between button and dropdown to guarantee seamless hover transition */
body.tak-center-site .tk-megamenu::before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	height: 12px;
	background: transparent;
}

body.tak-center-site .tk-megamenu-wrap:hover:not(.is-closed) .tk-megamenu:not([hidden]),
body.tak-center-site .tk-megamenu-wrap:focus-within:not(.is-closed) .tk-megamenu:not([hidden]),
body.tak-center-site .tk-megamenu-wrap.is-open:not(.is-closed) .tk-megamenu:not([hidden]),
body.tak-center-site .tk-megamenu.is-open:not(.is-closed) {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

body.tak-center-site .tk-megamenu-wrap.is-closed .tk-megamenu,
body.tak-center-site .tk-megamenu[hidden] {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

body.tak-center-site .tk-megamenu-wrap:hover:not(.is-closed) .tk-chevron-icon,
body.tak-center-site .tk-megamenu-wrap.is-open:not(.is-closed) .tk-chevron-icon {
	transform: rotate(180deg) !important;
}

/* Megamenu Header & Close Controls */
body.tak-center-site .tk-megamenu__header {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding-bottom: 14px !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid var(--tk-border, #e9e2d8) !important;
}

body.tak-center-site .tk-megamenu__header-title {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
}

body.tak-center-site .tk-megamenu__header-title .tk-icon {
	width: 18px !important;
	height: 18px !important;
	color: var(--tk-primary, #c2410c) !important;
}

body.tak-center-site .tk-megamenu__close {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 5px 14px !important;
	background: #f1f5f9 !important;
	color: #475569 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 9999px !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	line-height: 1 !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tak-center-site .tk-megamenu__close:hover {
	background: #fee2e2 !important;
	color: #b91c1c !important;
	border-color: #fecaca !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 2px 8px rgba(185, 28, 28, 0.15) !important;
}

body.tak-center-site .tk-megamenu__close svg {
	width: 16px !important;
	height: 16px !important;
	stroke-width: 2.2 !important;
}

body.tak-center-site .tk-megamenu__footer-actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

body.tak-center-site .tk-megamenu__footer-close {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	padding: 5px 12px !important;
	background: #ffffff !important;
	color: #64748b !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	line-height: 1 !important;
	transition: all 0.15s ease !important;
}

body.tak-center-site .tk-megamenu__footer-close:hover {
	background: #fee2e2 !important;
	color: #b91c1c !important;
	border-color: #fecaca !important;
}

@media (min-width: 900px) {
	/* Guarantee desktop navigation is NEVER hidden */
	body.tak-center-site .tk-nav-row {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	body.tak-center-site .tk-main-nav {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
	}
}

body.tak-center-site .tk-main-nav a {
	min-height: 32px;
	padding: 4px clamp(4px, 0.4vw, 8px);
	border-radius: 10px;
	color: #334155;
	font-size: clamp(11.5px, 0.82vw, 13px);
	font-weight: 600;
	transition: all .2s ease;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap !important;
	flex-shrink: 0;
	text-decoration: none;
}

body.tak-center-site .tk-main-nav a:hover,
body.tak-center-site .tk-main-nav a.is-current,
body.tak-center-site .tk-main-nav a[aria-current="page"] {
	background: rgba(209, 160, 74, 0.1);
	color: var(--tk-gold-dark, #b8872f);
}

body.tak-center-site .tk-main-nav .tk-categories-link {
	gap: 5px;
	margin-inline-end: 2px;
	padding: 5px clamp(8px, 0.6vw, 12px);
	background: var(--tk-ink, #211c20);
	color: #ffffff;
	font-weight: 700;
	font-size: clamp(12.5px, 0.9vw, 13.5px);
	min-height: 34px;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(33, 28, 32, 0.15);
	white-space: nowrap !important;
	flex-shrink: 0;
}

body.tak-center-site .tk-main-nav .tk-categories-link:hover {
	background: #0f172a;
	color: var(--tk-gold, #d1a04a);
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.25);
}

body.tak-center-site .tk-main-nav .tk-categories-link .tk-chevron-icon {
	width: 14px;
	height: 14px;
	stroke-width: 2.2;
}

/* Dual Entry Channels: Retail vs Wholesale [H3] */
body.tak-center-site .tk-nav-channels {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 2px;
	background: #f1f5f9;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	margin-inline-end: 2px;
	flex-shrink: 0;
}

body.tak-center-site .tk-nav-channel-item {
	min-height: 28px !important;
	padding: 2px clamp(5px, 0.4vw, 8px) !important;
	border-radius: 9px !important;
	font-size: clamp(11px, 0.8vw, 12.5px) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	white-space: nowrap !important;
	gap: 4px !important;
}

body.tak-center-site .tk-nav-channel-item .tk-icon {
	width: 13px !important;
	height: 13px !important;
}

body.tak-center-site .tk-nav-channel--retail {
	background: #ffffff;
	color: var(--tk-ink, #211c20) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

body.tak-center-site .tk-nav-channel--retail:hover {
	color: var(--tk-gold-dark, #b8872f) !important;
}

body.tak-center-site .tk-nav-channel--wholesale {
	background: transparent;
	color: #475569 !important;
}

body.tak-center-site .tk-nav-channel--wholesale:hover {
	background: #ffffff;
	color: var(--tk-gold-dark, #b8872f) !important;
	box-shadow: 0 2px 6px rgba(209, 160, 74, 0.15);
}

body.tak-center-site .tk-main-nav .tk-offers-link {
	color: #ef394e !important;
	font-weight: 800;
	font-size: clamp(11.5px, 0.82vw, 12.5px);
	white-space: nowrap !important;
	flex-shrink: 0;
	background: #fff1f2 !important;
	border: 1px solid #fecdd3 !important;
	border-radius: 8px;
	padding: 3px clamp(5px, 0.4vw, 8px);
	min-height: 28px;
	transition: all 0.2s ease;
	box-shadow: 0 2px 6px rgba(239, 57, 78, 0.1);
}

body.tak-center-site .tk-main-nav .tk-offers-link:hover {
	background: #ef394e !important;
	border-color: #ef394e !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(239, 57, 78, 0.35);
}

body.tak-center-site .tk-main-nav .tk-offers-link .tk-icon--flame {
	width: 15px;
	height: 15px;
	stroke: #ef394e !important;
	color: #ef394e !important;
	fill: #fecdd3 !important;
}

body.tak-center-site .tk-main-nav .tk-offers-link:hover .tk-icon--flame {
	stroke: #ffffff !important;
	color: #ffffff !important;
	fill: #ffffff !important;
}

body.tak-center-site .tk-nav-spacer {
	flex: 1 1 auto;
	min-width: 6px;
}

/* Header CTA Shop Button [H4] */
body.tak-center-site .tk-header-shop-btn {
	background: linear-gradient(135deg, #ef394e 0%, #e11d48 100%) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: clamp(12px, 0.85vw, 13px) !important;
	border-radius: 12px !important;
	padding: 5px clamp(10px, 0.7vw, 14px) !important;
	min-height: 34px !important;
	box-shadow: 0 4px 14px rgba(239, 57, 78, 0.35) !important;
	transition: all 0.25s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	border: none !important;
}

body.tak-center-site .tk-header-shop-btn:hover {
	background: linear-gradient(135deg, #f43f5e 0%, #ef394e 100%) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(239, 57, 78, 0.5) !important;
}

body.tak-center-site .tk-header-shop-btn .tk-icon {
	width: 14px;
	height: 14px;
	stroke-width: 2.2;
}

/* ==========================================================================
   PERMANENT DESKTOP NAVIGATION GUARANTEE (>= 900px)
   All menu items, channels, categories, blog, and customer club MUST REMAIN
   STRICTLY VISIBLE under all circumstances on desktop viewports.
   ========================================================================== */
@media (min-width: 900px) {
	body.tak-center-site .tk-nav-row {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative !important;
		z-index: 1000 !important;
	}

	body.tak-center-site .tk-main-nav {
		display: flex !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		visibility: visible !important;
		opacity: 1 !important;
		overflow: visible !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	/* Absolute guarantee: NEVER hide ANY link or item in the desktop menu */
	body.tak-center-site .tk-main-nav > *,
	body.tak-center-site .tk-main-nav a,
	body.tak-center-site .tk-main-nav a[href*="customer-club"],
	body.tak-center-site .tk-main-nav a[href*="blog"],
	body.tak-center-site .tk-main-nav a[href*="about-us"],
	body.tak-center-site .tk-main-nav a[href*="contact-us"],
	body.tak-center-site .tk-main-nav .tk-categories-link,
	body.tak-center-site .tk-main-nav .tk-offers-link,
	body.tak-center-site .tk-main-nav .tk-nav-channels,
	body.tak-center-site .tk-main-nav .tk-header-shop-btn {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	body.tak-center-site .tk-main-nav .tk-megamenu-wrap {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}

	body.tak-center-site .tk-main-nav .tk-nav-spacer {
		display: block !important;
		visibility: visible !important;
		flex: 1 1 auto !important;
		min-width: 4px !important;
	}
}

/* Responsive Desktop Scaling for Compact Desktops & Laptops (900px - 1140px) */
@media (min-width: 900px) and (max-width: 1140px) {
	body.tak-center-site .tk-main-nav {
		gap: 2px !important;
	}

	body.tak-center-site .tk-main-nav a {
		padding: 3px 4px !important;
		font-size: 11px !important;
		gap: 2px !important;
	}

	body.tak-center-site .tk-main-nav .tk-categories-link {
		padding: 4px 7px !important;
		font-size: 11.5px !important;
		gap: 3px !important;
	}

	body.tak-center-site .tk-nav-channels {
		gap: 1px !important;
		padding: 1px !important;
	}

	body.tak-center-site .tk-nav-channel-item {
		padding: 2px 4px !important;
		font-size: 10.5px !important;
		gap: 2px !important;
	}

	body.tak-center-site .tk-nav-channel-item .tk-icon {
		width: 11px !important;
		height: 11px !important;
	}

	body.tak-center-site .tk-main-nav .tk-offers-link {
		padding: 2px 5px !important;
		font-size: 10.5px !important;
		gap: 2px !important;
	}

	body.tak-center-site .tk-main-nav .tk-offers-link .tk-icon--flame {
		width: 12px !important;
		height: 12px !important;
	}

	body.tak-center-site .tk-header-shop-btn {
		padding: 4px 7px !important;
		font-size: 11px !important;
		gap: 3px !important;
	}

	body.tak-center-site .tk-header-shop-btn .tk-icon {
		width: 12px !important;
		height: 12px !important;
	}
}

/* Medium Desktops & Standard Laptops (1141px - 1280px) */
@media (min-width: 1141px) and (max-width: 1280px) {
	body.tak-center-site .tk-main-nav {
		gap: 3px !important;
	}

	body.tak-center-site .tk-main-nav a {
		padding: 4px 6px !important;
		font-size: 12px !important;
		gap: 3px !important;
	}

	body.tak-center-site .tk-main-nav .tk-categories-link {
		padding: 4px 9px !important;
		font-size: 12.5px !important;
		gap: 4px !important;
	}

	body.tak-center-site .tk-nav-channels {
		gap: 2px !important;
		padding: 2px !important;
	}

	body.tak-center-site .tk-nav-channel-item {
		padding: 2px 6px !important;
		font-size: 11.5px !important;
	}

	body.tak-center-site .tk-main-nav .tk-offers-link {
		padding: 3px 6px !important;
		font-size: 11.5px !important;
	}

	body.tak-center-site .tk-header-shop-btn {
		padding: 4px 10px !important;
		font-size: 12px !important;
		gap: 4px !important;
	}
}

/* Large Screens (>= 1281px) */
@media (min-width: 1281px) {
	body.tak-center-site .tk-main-nav {
		gap: clamp(4px, 0.4vw, 7px) !important;
	}

	body.tak-center-site .tk-main-nav a {
		padding: 4px clamp(6px, 0.5vw, 9px) !important;
		font-size: 13px !important;
		gap: 4px !important;
	}

	body.tak-center-site .tk-main-nav .tk-categories-link {
		padding: 5px 12px !important;
		font-size: 13.5px !important;
		gap: 6px !important;
	}

	body.tak-center-site .tk-nav-channels {
		gap: 2px !important;
		padding: 2px !important;
	}

	body.tak-center-site .tk-nav-channel-item {
		padding: 3px 8px !important;
		font-size: 12px !important;
	}

	body.tak-center-site .tk-main-nav .tk-offers-link {
		padding: 4px 8px !important;
		font-size: 12px !important;
	}

	body.tak-center-site .tk-header-shop-btn {
		padding: 5px 14px !important;
		font-size: 13px !important;
		gap: 5px !important;
	}
}

/* Mobile channels */
body.tak-center-site .tk-mobile-channels {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	padding: 10px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	margin: 6px 0 14px 0 !important;
}

body.tak-center-site .tk-mobile-channels .tk-channel-btn {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 10px 14px !important;
	border-radius: 10px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	line-height: 1.4 !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

body.tak-center-site .tk-channel-btn--retail {
	background: #ffffff !important;
	color: var(--tk-ink, #211c20) !important;
	border: 1px solid #e2e8f0 !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
}

body.tak-center-site .tk-channel-btn--wholesale {
	background: rgba(209, 160, 74, 0.15) !important;
	color: var(--tk-gold-dark, #b8872f) !important;
	border: 1px solid rgba(209, 160, 74, 0.35) !important;
}

body.tak-center-site .tk-mobile-toggle,
body.tak-center-site .tk-drawer-close {
	display: inline-grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--tk-control-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	color: var(--tk-ink);
	cursor: pointer;
}

body.tak-center-site .tk-mobile-toggle:hover,
body.tak-center-site .tk-drawer-close:hover,
body.tak-center-site .tk-mobile-toggle[aria-expanded="true"] {
	border-color: var(--tk-gold);
	background: var(--tk-gold-soft);
}

body.tak-center-site .tk-mobile-toggle svg,
body.tak-center-site .tk-drawer-close svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-width: 1.8;
}

/* Mobile navigation */
body.tak-center-site .tk-mobile-drawer {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: min(88vw, 360px) !important;
	height: 100vh !important;
	max-height: 100vh !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	padding: 0 0 calc(40px + env(safe-area-inset-bottom)) !important;
	border-inline-start: 1px solid var(--tk-border, #e2e8f0) !important;
	background: #ffffff !important;
	box-shadow: -18px 0 48px rgba(33, 28, 32, .25) !important;
	display: none;
	z-index: 100000 !important;
}

body.tak-center-site .tk-mobile-drawer.is-open {
	display: block !important;
	animation: tkSlideInRight 0.25s ease-out forwards !important;
}

body.tk-drawer-open .tk-mobile-bottom {
	display: none !important;
}

body.tak-center-site .tk-drawer-head {
	padding: 20px 16px;
	background: var(--tk-surface);
}

body.tak-center-site .tk-drawer-head > div {
	display: grid;
	gap: 4px;
}

body.tak-center-site .tk-drawer-head img {
	width: 148px;
}

body.tak-center-site .tk-drawer-head span {
	color: var(--tk-body);
	font-size: 11px;
	font-weight: 600;
}

/* Modern Accordion Mobile Navigation Drawer */
body.tak-center-site .tk-mobile-drawer nav,
body.tak-center-site .tk-drawer-nav {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	padding: 14px 12px 28px !important;
}

/* Standalone Links & Parent Accordion Buttons */
body.tak-center-site .tk-drawer-link,
body.tak-center-site .tk-drawer-parent-btn {
	display: flex !important;
	align-items: center !important;
	min-height: 48px !important;
	padding: 10px 12px !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	color: #1e293b !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	width: 100% !important;
	text-align: right !important;
	cursor: pointer !important;
	font-family: inherit !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

body.tak-center-site .tk-drawer-link:hover,
body.tak-center-site .tk-drawer-parent-btn:hover,
body.tak-center-site .tk-drawer-link[aria-current="page"] {
	border-color: rgba(209, 160, 74, 0.45) !important;
	background: #fbf5e9 !important;
	color: #0f172a !important;
}

body.tak-center-site .tk-drawer-group.is-expanded > .tk-drawer-parent-btn {
	border-color: #d1a04a !important;
	background: #faf7f2 !important;
	color: #92400e !important;
}

/* Disable old auto arrow on all new drawer items */
body.tak-center-site .tk-mobile-drawer nav a:not(.tk-channel-btn)::after {
	display: none !important;
	content: none !important;
}

/* SVG Icons for Standalone Items */
body.tak-center-site .tk-drawer-icon {
	width: 20px !important;
	height: 20px !important;
	stroke: #b8872f !important;
	margin-inline-end: 10px !important;
	flex-shrink: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: stroke 0.2s ease !important;
}

body.tak-center-site .tk-drawer-link:hover .tk-drawer-icon,
body.tak-center-site .tk-drawer-parent-btn:hover .tk-drawer-icon,
body.tak-center-site .tk-drawer-group.is-expanded > .tk-drawer-parent-btn .tk-drawer-icon {
	stroke: #d97706 !important;
}

body.tak-center-site .tk-drawer-icon--ruby {
	stroke: #e11d48 !important;
}

body.tak-center-site .tk-drawer-icon--gold {
	stroke: #d97706 !important;
}

body.tak-center-site .tk-drawer-icon--club {
	stroke: #8b5cf6 !important;
}

body.tak-center-site .tk-drawer-icon--heart {
	stroke: #ef4444 !important;
}

/* Text */
body.tak-center-site .tk-drawer-text {
	flex: 1 !important;
	color: inherit !important;
	font-weight: 700 !important;
	font-size: 13.5px !important;
}

/* Arrow indicator on standalone links */
body.tak-center-site .tk-drawer-arrow {
	margin-inline-start: auto !important;
	color: #94a3b8 !important;
	font-size: 15px !important;
	line-height: 1 !important;
	transition: transform 0.2s ease, color 0.2s ease !important;
}

body.tak-center-site .tk-drawer-link:hover .tk-drawer-arrow {
	color: #d97706 !important;
	transform: translateX(-3px) !important;
}

/* Chevron indicator on expandable parents */
body.tak-center-site .tk-drawer-chevron {
	width: 17px !important;
	height: 17px !important;
	stroke: #94a3b8 !important;
	margin-inline-start: auto !important;
	flex-shrink: 0 !important;
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), stroke 0.2s ease !important;
}

body.tak-center-site .tk-drawer-parent-btn[aria-expanded="true"] .tk-drawer-chevron,
body.tak-center-site .tk-drawer-group.is-expanded > .tk-drawer-parent-btn .tk-drawer-chevron {
	transform: rotate(180deg) !important;
	stroke: #d97706 !important;
}

/* Badges */
body.tak-center-site .tk-drawer-badge {
	padding: 2px 7px !important;
	border-radius: 99px !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	margin-inline-start: 6px !important;
	margin-inline-end: 4px !important;
	background: #f1f5f9 !important;
	color: #475569 !important;
}

body.tak-center-site .tk-drawer-badge--ruby {
	background: #ffe4e6 !important;
	color: #e11d48 !important;
}

body.tak-center-site .tk-drawer-badge--gold {
	background: #fef3c7 !important;
	color: #b45309 !important;
}

body.tak-center-site .tk-drawer-badge--club {
	background: #ede9fe !important;
	color: #6d28d9 !important;
}

/* Drawer Submenu Container */
body.tak-center-site .tk-drawer-group {
	display: flex !important;
	flex-direction: column !important;
	gap: 3px !important;
}

body.tak-center-site .tk-drawer-submenu {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	padding: 8px 10px 10px 6px !important;
	margin: 2px 8px 6px 4px !important;
	border-inline-start: 2.5px solid #d1a04a !important;
	background: #f8fafc !important;
	border-radius: 0 12px 12px 0 !important;
	animation: tkFadeIn 0.2s ease-out !important;
}

body.tak-center-site .tk-drawer-submenu[hidden] {
	display: none !important;
}

body.tak-center-site .tk-drawer-submenu a {
	display: flex !important;
	align-items: center !important;
	padding: 8px 12px !important;
	border-radius: 8px !important;
	color: #334155 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: all 0.18s ease !important;
}

body.tak-center-site .tk-drawer-submenu a:hover {
	background: #ffffff !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	padding-inline-start: 16px !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

body.tak-center-site .tk-drawer-subitem-icon {
	width: 17px !important;
	height: 17px !important;
	flex-shrink: 0 !important;
	margin-inline-end: 8px !important;
	color: #64748b !important;
	transition: color 0.18s ease !important;
}

body.tak-center-site .tk-drawer-submenu a:hover .tk-drawer-subitem-icon {
	color: #d97706 !important;
}

body.tak-center-site .tk-drawer-subitem-icon--spin {
	color: #9333ea !important;
}

body.tak-center-site .tk-drawer-subitem-icon--rfq {
	color: #ffffff !important;
}

/* Level 2 Subgroups (Categories inside categories) */
body.tak-center-site .tk-drawer-subgroup {
	display: flex !important;
	flex-direction: column !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	overflow: hidden !important;
}

body.tak-center-site .tk-drawer-subparent-btn {
	display: flex !important;
	align-items: center !important;
	padding: 9px 10px !important;
	width: 100% !important;
	background: transparent !important;
	border: none !important;
	cursor: pointer !important;
	color: #1e293b !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	font-family: inherit !important;
	text-align: right !important;
	transition: background 0.18s ease !important;
}

body.tak-center-site .tk-drawer-subparent-btn:hover {
	background: #f1f5f9 !important;
}

body.tak-center-site .tk-drawer-subgroup.is-expanded > .tk-drawer-subparent-btn {
	background: #fefce8 !important;
	color: #854d0e !important;
}

body.tak-center-site .tk-drawer-cat-icon {
	width: 24px !important;
	height: 24px !important;
	border-radius: 6px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-inline-end: 8px !important;
	flex-shrink: 0 !important;
}

body.tak-center-site .tk-drawer-cat-icon svg {
	width: 14px !important;
	height: 14px !important;
	stroke: #b8872f !important;
}

body.tak-center-site .tk-drawer-subtext {
	flex: 1 !important;
	color: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-drawer-chevron--sub {
	width: 15px !important;
	height: 15px !important;
}

body.tak-center-site .tk-drawer-subparent-btn[aria-expanded="true"] .tk-drawer-chevron--sub,
body.tak-center-site .tk-drawer-subgroup.is-expanded > .tk-drawer-subparent-btn .tk-drawer-chevron--sub {
	transform: rotate(180deg) !important;
	stroke: #d97706 !important;
}

body.tak-center-site .tk-drawer-sublist {
	display: flex !important;
	flex-direction: column !important;
	gap: 2px !important;
	padding: 4px 10px 8px 10px !important;
	background: #fafaf9 !important;
	border-top: 1px dashed #e2e8f0 !important;
}

body.tak-center-site .tk-drawer-sublist[hidden] {
	display: none !important;
}

body.tak-center-site .tk-drawer-sublist a {
	padding: 6px 8px !important;
	font-size: 12.5px !important;
	color: #475569 !important;
	border-radius: 6px !important;
}

body.tak-center-site .tk-drawer-sublist a:hover {
	color: #0f172a !important;
	background: #ffffff !important;
}

body.tak-center-site .tk-drawer-sub-all {
	color: #047857 !important;
	font-weight: 700 !important;
	font-size: 12px !important;
	margin-top: 4px !important;
	background: #ecfdf5 !important;
}

body.tak-center-site .tk-drawer-sub-view-all {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 10px !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	border: 1px dashed #cbd5e1 !important;
	color: #064e3b !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	margin-top: 4px !important;
}

body.tak-center-site .tk-drawer-sub-view-all:hover {
	border-color: #059669 !important;
	background: #ecfdf5 !important;
	color: #047857 !important;
}

body.tak-center-site .tk-drawer-sub-rfq {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 10px 12px !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	border: none !important;
	cursor: pointer !important;
	font-family: inherit !important;
	box-shadow: 0 2px 8px rgba(217, 119, 6, 0.3) !important;
	margin-bottom: 4px !important;
}

body.tak-center-site .tk-drawer-sub-rfq:hover {
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}

/* Contact Footer in Drawer */
body.tak-center-site .tk-drawer-contact-card {
	margin-top: 14px !important;
	padding: 14px !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
	color: #ffffff !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	border: 1px solid rgba(217, 119, 6, 0.3) !important;
}

body.tak-center-site .tk-drawer-contact-title {
	font-size: 12px !important;
	font-weight: 700 !important;
	color: #94a3b8 !important;
}

body.tak-center-site .tk-drawer-phone {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 9px !important;
	border-radius: 10px !important;
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fde047 !important;
	font-weight: 800 !important;
	font-size: 14px !important;
	text-decoration: none !important;
	border: 1px solid rgba(253, 224, 71, 0.25) !important;
	font-family: var(--tk-font) !important;
}

body.tak-center-site .tk-drawer-phone * {
	font-family: var(--tk-font) !important;
}

body.tak-center-site .tk-drawer-phone .tk-icon {
	width: 16px !important;
	height: 16px !important;
	stroke: #fde047 !important;
}

body.tak-center-site .tk-drawer-hours {
	font-size: 10.5px !important;
	color: #94a3b8 !important;
	text-align: center !important;
}

body.tak-center-site .tk-drawer-backdrop {
	background: rgba(33, 28, 32, .52);
}

body.tak-center-site.tk-drawer-open {
	overflow: hidden;
}

/* ==========================================================================
   Bottom Navigation Dock (Temporarily Disabled - remove to re-enable)
   ========================================================================== */
body.tak-center-site .tk-mobile-bottom,
.tk-mobile-bottom {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

@media (max-width: 899px) {
	body.tak-center-site,
	body.tak-center-site .wp-site-blocks,
	.wp-site-blocks {
		padding-bottom: 0 !important;
	}

	body.tak-center-site .tk-mobile-bottom {
		position: fixed !important;
		bottom: 0 !important;
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100vw !important;
		margin: 0 !important;
		border-radius: 0 !important;
		transform: none !important;
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		align-items: center !important;
		gap: 2px;
		padding: 6px 6px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
		border-top: 1px solid rgba(209, 160, 74, 0.25) !important;
		background: rgba(255, 255, 255, 0.96) !important;
		backdrop-filter: blur(16px) !important;
		-webkit-backdrop-filter: blur(16px) !important;
		box-shadow: 0 -4px 20px rgba(33, 28, 32, 0.08) !important;
		z-index: 9999 !important;
	}

	body.tak-center-site .tk-mobile-bottom a {
		min-height: 50px;
		gap: 3px;
		border-radius: 10px;
		color: #475569;
		font-weight: 700;
		font-size: 11px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		transition: all 0.2s ease;
	}

	body.tak-center-site .tk-mobile-bottom a:hover,
	body.tak-center-site .tk-mobile-bottom a[aria-current="page"] {
		background: #FBF5E9;
		color: #211C20;
	}
}

/* Monochromatic Gold Icons for bottom menu across all screen sizes */
body.tak-center-site .tk-mobile-bottom svg,
body.tak-center-site .tk-mobile-bottom .tk-icon {
	width: 22px !important;
	height: 22px !important;
	color: var(--tk-gold, #D1A04A) !important;
	stroke: var(--tk-gold, #D1A04A) !important;
	fill: none !important;
	transition: transform 0.2s ease, stroke 0.2s ease !important;
}

body.tak-center-site .tk-mobile-bottom a:hover svg,
body.tak-center-site .tk-mobile-bottom a:hover .tk-icon {
	transform: scale(1.12) !important;
	stroke: var(--tk-gold-dark, #b8872f) !important;
	color: var(--tk-gold-dark, #b8872f) !important;
}

/* Floating Pill Dock Navigation on Desktop (min-width: 900px) */
@media (min-width: 900px) {
	body.tak-center-site {
		padding-bottom: 0 !important;
	}

	body.tak-center-site .tk-mobile-bottom {
		position: fixed !important;
		bottom: 24px !important;
		left: 50% !important;
		right: auto !important;
		top: auto !important;
		transform: translateX(-50%) !important;
		width: auto !important;
		max-width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 58px !important;
		margin: 0 !important;
		padding: 5px 10px !important;
		border-radius: 999px !important;
		display: inline-flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 4px !important;
		border: 1px solid rgba(220, 212, 198, 0.75) !important;
		background: rgba(255, 255, 255, 0.98) !important;
		backdrop-filter: blur(20px) !important;
		-webkit-backdrop-filter: blur(20px) !important;
		box-shadow: 0 14px 38px -6px rgba(33, 28, 32, 0.13), 0 4px 14px rgba(33, 28, 32, 0.05) !important;
		z-index: 9999 !important;
		box-sizing: border-box !important;
		direction: rtl !important;
	}

	body.tak-center-site .tk-mobile-bottom a {
		flex: 0 0 auto !important;
		min-width: 76px !important;
		padding: 7px 16px !important;
		min-height: 48px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 3px !important;
		border-radius: 999px !important;
		color: #211c20 !important;
		font-weight: 700 !important;
		font-size: 12px !important;
		line-height: 1.2 !important;
		text-decoration: none !important;
		transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
		background: transparent !important;
		position: relative !important;
	}

	body.tak-center-site .tk-mobile-bottom a svg,
	body.tak-center-site .tk-mobile-bottom a .tk-icon {
		width: 22px !important;
		height: 22px !important;
		color: #c49132 !important;
		stroke: #c49132 !important;
		fill: none !important;
		stroke-width: 1.8 !important;
		transition: transform 0.22s ease, stroke 0.22s ease !important;
	}

	/* Active item pill (e.g. خانه in screenshot) */
	body.tak-center-site .tk-mobile-bottom a[aria-current="page"],
	body.tak-center-site .tk-mobile-bottom a.is-active {
		background: #fbf4e8 !important;
		color: #140f13 !important;
		font-weight: 800 !important;
		box-shadow: inset 0 0 0 1px rgba(209, 160, 74, 0.2) !important;
	}

	body.tak-center-site .tk-mobile-bottom a[aria-current="page"] svg,
	body.tak-center-site .tk-mobile-bottom a[aria-current="page"] .tk-icon,
	body.tak-center-site .tk-mobile-bottom a.is-active svg,
	body.tak-center-site .tk-mobile-bottom a.is-active .tk-icon {
		color: #b8872f !important;
		stroke: #b8872f !important;
		stroke-width: 2 !important;
		transform: scale(1.04) !important;
	}

	/* Hover state for links */
	body.tak-center-site .tk-mobile-bottom a:hover:not([aria-current="page"]) {
		background: #fdfaf4 !important;
		color: #825510 !important;
		transform: translateY(-2px) !important;
	}

	body.tak-center-site .tk-mobile-bottom a:hover:not([aria-current="page"]) svg,
	body.tak-center-site .tk-mobile-bottom a:hover:not([aria-current="page"]) .tk-icon {
		color: #d1a04a !important;
		stroke: #d1a04a !important;
		transform: scale(1.1) !important;
	}

	body.tak-center-site .tk-mobile-bottom a:active {
		transform: scale(0.96) !important;
	}
}

/* Homepage hierarchy */
body.tak-center-site .tk-home {
	padding-bottom: 12px;
}

/* ==========================================================================
   Homepage Hero Slider (Unified Single-Part Banner with Fixed Height)
   ========================================================================== */
body.tak-center-site .tk-home .tk-hero--slider {
	position: relative;
	display: block !important;
	width: min(100% - 32px, 1320px);
	min-height: 480px !important;
	height: 480px !important;
	margin: 20px auto 0;
	padding: 0 !important;
	border: 1px solid #ededed;
	border-radius: 16px;
	background: #ffffff;
	color: var(--tk-ink, #211c20);
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

body.tak-center-site .tk-home .tk-hero--slider::before,
body.tak-center-site .tk-home .tk-hero--slider::after {
	display: none !important;
	content: none !important;
}

body.tak-center-site .tk-hero__slides-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body.tak-center-site .tk-hero__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 clamp(28px, 4.5vw, 64px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.55s ease, transform 0.55s ease;
	transform: scale(1.015);
	pointer-events: none;
	z-index: 1;
}

body.tak-center-site .tk-hero__slide.is-active {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	pointer-events: auto;
	z-index: 2;
}

/* Full Slide Backdrop Image */
body.tak-center-site .tk-hero__backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

body.tak-center-site .tk-hero__backdrop img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	transition: transform 6s ease-out;
}

body.tak-center-site .tk-hero__slide.is-active .tk-hero__backdrop img {
	transform: scale(1.04);
}

/* RTL Directional Overlay: Solid/Soft white on text side (right), smooth fade to left */
body.tak-center-site .tk-hero__overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, 
		rgba(255, 255, 255, 0.98) 0%, 
		rgba(255, 255, 255, 0.94) 42%, 
		rgba(255, 255, 255, 0.72) 60%, 
		rgba(255, 255, 255, 0.15) 100%
	);
	pointer-events: none;
}

/* Hero Content Area on Right */
body.tak-center-site .tk-hero__content {
	position: relative;
	z-index: 3;
	max-width: 620px;
	display: flex;
	flex-direction: column;
	text-align: right;
}

body.tak-center-site .tk-hero__eyebrow {
	margin: 0 0 10px;
	color: #b8872f !important;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(4px);
	border: 1px solid rgba(209, 160, 74, 0.35);
	padding: 4px 14px;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 700;
	width: fit-content;
}

body.tak-center-site .tk-hero__title {
	margin: 0 0 10px;
	color: #211c20 !important;
	font-size: clamp(1.45rem, 2.4vw, 2.1rem);
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: -0.02em;
}

body.tak-center-site .tk-hero__desc {
	margin: 0 0 18px;
	color: #555555 !important;
	font-size: clamp(0.88rem, 1.2vw, 0.98rem);
	line-height: 1.75;
	max-width: 560px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.tak-center-site .tk-hero__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}

/* Primary Button */
body.tak-center-site .tk-hero .tk-button--primary {
	background: linear-gradient(135deg, #ef394e 0%, #e11d48 100%) !important;
	border: 1px solid #ef394e !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 13.5px !important;
	border-radius: 10px !important;
	padding: 10px 22px !important;
	box-shadow: 0 4px 14px rgba(239, 57, 78, 0.35) !important;
	transition: all 0.22s ease !important;
}

body.tak-center-site .tk-hero .tk-button--primary:hover {
	background: linear-gradient(135deg, #f43f5e 0%, #ef394e 100%) !important;
	border-color: #f43f5e !important;
	color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(239, 57, 78, 0.5) !important;
	transform: translateY(-2px);
}

/* Secondary Button */
body.tak-center-site .tk-hero .tk-button--secondary {
	background: rgba(255, 255, 255, 0.8) !important;
	backdrop-filter: blur(4px);
	border: 1.5px solid #211c20 !important;
	color: #211c20 !important;
	font-weight: 700 !important;
	font-size: 13.5px !important;
	border-radius: 10px !important;
	padding: 10px 22px !important;
	transition: all 0.22s ease !important;
}

body.tak-center-site .tk-hero .tk-button--secondary:hover {
	background: #211c20 !important;
	border-color: #211c20 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Proof Chips */
body.tak-center-site .tk-hero__proof {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 14px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

body.tak-center-site .tk-hero__proof span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 12px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(6px);
	border: 1px solid #ededed;
	border-radius: 8px;
	color: #6d6d6d;
	font-size: 12px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

body.tak-center-site .tk-hero__proof strong {
	color: #211c20;
	font-size: 14px;
	font-weight: 900;
}

/* Slider Controls: Arrows & Dots */
body.tak-center-site .tk-hero__controls {
	position: absolute;
	inset-inline: clamp(16px, 2.5vw, 32px);
	bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
	z-index: 10;
}

body.tak-center-site .tk-hero__arrow {
	pointer-events: auto;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	color: #211c20;
	display: grid;
	place-items: center;
	cursor: pointer;
	transition: all 0.22s ease;
}

body.tak-center-site .tk-hero__arrow svg {
	width: 18px;
	height: 18px;
}

body.tak-center-site .tk-hero__arrow:hover {
	background: #d1a04a;
	border-color: #d1a04a;
	color: #ffffff;
	transform: scale(1.08);
}

body.tak-center-site .tk-hero__dots {
	pointer-events: auto;
	display: flex;
	align-items: center;
	gap: 6px;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	padding: 5px 10px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

body.tak-center-site .tk-hero__dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #c8c8c8;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body.tak-center-site .tk-hero__dot.is-active {
	width: 24px;
	border-radius: 999px;
	background: #d1a04a;
}

/* Mobile & Tablet Responsiveness for Hero Slider */
@media (max-width: 899px) {
	body.tak-center-site .tk-home .tk-hero--slider {
		width: min(100% - 24px, 1320px) !important;
		min-height: 420px !important;
		height: 420px !important;
		margin: 12px auto 0 !important;
		border-radius: 18px !important;
	}
	body.tak-center-site .tk-hero__slide {
		padding: 20px 16px 54px !important;
		align-items: flex-end !important;
	}
	body.tak-center-site .tk-hero__overlay {
		background: linear-gradient(to top, 
			rgba(255, 255, 255, 0.98) 0%, 
			rgba(255, 255, 255, 0.92) 55%, 
			rgba(255, 255, 255, 0.4) 85%, 
			rgba(255, 255, 255, 0.1) 100%
		) !important;
	}
	body.tak-center-site .tk-hero__content {
		width: 100% !important;
		max-width: 100% !important;
	}
	body.tak-center-site .tk-hero__eyebrow {
		font-size: 11px !important;
		margin-bottom: 6px !important;
	}
	body.tak-center-site .tk-hero__title {
		font-size: clamp(17px, 4vw, 22px) !important;
		line-height: 1.4 !important;
		margin-bottom: 12px !important;
	}
	body.tak-center-site .tk-hero__desc {
		display: none !important;
	}
	body.tak-center-site .tk-hero__proof {
		display: none !important;
	}
	body.tak-center-site .tk-hero__actions {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
	}
	body.tak-center-site .tk-hero__actions a {
		min-height: 42px !important;
		padding: 8px 10px !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		text-align: center !important;
		justify-content: center !important;
	}
	body.tak-center-site .tk-hero__arrow {
		width: 32px !important;
		height: 32px !important;
		bottom: 12px !important;
	}
	body.tak-center-site .tk-hero__dots {
		bottom: 15px !important;
	}
}

@media (max-width: 599px) {
	body.tak-center-site .tk-home .tk-hero--slider {
		min-height: 380px !important;
		height: 380px !important;
		margin: 8px auto 0 !important;
		border-radius: 16px !important;
	}
	body.tak-center-site .tk-hero__slide {
		padding: 16px 12px 48px !important;
	}
	body.tak-center-site .tk-hero__title {
		font-size: clamp(15px, 4.4vw, 19px) !important;
		margin-bottom: 10px !important;
	}
	body.tak-center-site .tk-hero__actions {
		gap: 6px !important;
	}
	body.tak-center-site .tk-hero__actions a {
		font-size: 11px !important;
		white-space: normal !important;
		line-height: 1.25 !important;
		padding: 6px 4px !important;
		text-align: center !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 42px !important;
		word-break: normal !important;
	}
}

/* ==========================================================================
   Homepage Stacked Full-Width Promo Banners (Discounts Showcase + Commercial Video)
   ========================================================================== */
body.tak-center-site .tk-promo-stacked-section {
	padding-block: 28px 0 !important;
}

body.tak-center-site .tk-promo-video-section {
	padding-block: 24px 0 !important;
}

/* Banner 1: Full-Width Horizontal Discounts Showcase */
body.tak-center-site .tk-promo-banner--discounts {
	box-sizing: border-box;
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	border: 1.5px solid rgba(209, 160, 74, 0.35);
	background: linear-gradient(135deg, #FFFDF8 0%, #FDF7EA 40%, #F6E9CF 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 48px;
	min-height: 380px;
	box-shadow: 0 8px 32px rgba(33, 28, 32, 0.06);
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

body.tak-center-site .tk-promo-banner--discounts:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 40px rgba(33, 28, 32, 0.1);
	border-color: rgba(209, 160, 74, 0.6);
}

body.tak-center-site .tk-promo-banner__content {
	flex: 1 1 58%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 2;
}

body.tak-center-site .tk-promo-banner__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(209, 160, 74, 0.15);
	color: #B8872F;
	border: 1px solid rgba(209, 160, 74, 0.35);
	border-radius: 50px;
	padding: 6px 16px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 14px;
}

body.tak-center-site .tk-promo-banner__badge .tk-icon {
	width: 16px;
	height: 16px;
	color: #D1A04A !important;
	stroke: #D1A04A !important;
}

body.tak-center-site .tk-promo-banner__title {
	font-size: clamp(22px, 2.4vw, 30px);
	font-weight: 900;
	color: #211C20;
	margin: 0 0 12px;
	line-height: 1.35;
	letter-spacing: -0.5px;
}

body.tak-center-site .tk-promo-banner__desc {
	font-size: 14.5px;
	color: #4b5563;
	line-height: 1.7;
	margin: 0 0 20px;
	max-width: 620px;
}

body.tak-center-site .tk-promo-banner__features {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 26px;
	flex-wrap: wrap;
}

body.tak-center-site .tk-promo-banner__discount-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #D1A04A;
	color: #ffffff;
	padding: 8px 18px;
	border-radius: 12px;
	font-weight: 800;
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.4);
}

body.tak-center-site .tk-promo-banner__discount-num {
	font-size: 20px;
	font-weight: 900;
	letter-spacing: -0.5px;
}

body.tak-center-site .tk-promo-banner__discount-label {
	font-size: 13px;
}

body.tak-center-site .tk-promo-banner__pill {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 1px solid rgba(209, 160, 74, 0.32);
	padding: 8px 15px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 700;
	color: #374151;
}

body.tak-center-site .tk-promo-banner__pill .tk-icon {
	width: 16px;
	height: 16px;
	color: #D1A04A !important;
	stroke: #D1A04A !important;
}

body.tak-center-site .tk-promo-banner__actions {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}

body.tak-center-site .tk-promo-banner__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #211C20;
	color: #ffffff !important;
	padding: 12px 24px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.25s ease;
	box-shadow: 0 4px 14px rgba(33, 28, 32, 0.16);
}

body.tak-center-site .tk-promo-banner__btn:hover {
	background: #D1A04A;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(209, 160, 74, 0.45);
}

body.tak-center-site .tk-promo-banner__btn .tk-icon {
	width: 16px;
	height: 16px;
	color: #ffffff !important;
	stroke: #ffffff !important;
	transition: transform 0.2s ease;
}

body.tak-center-site .tk-promo-banner__btn:hover .tk-icon {
	transform: translateX(-4px);
}

body.tak-center-site .tk-promo-banner__btn--sec {
	display: inline-flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.9);
	color: #211C20 !important;
	border: 1.5px solid rgba(209, 160, 74, 0.4);
	padding: 12px 22px;
	border-radius: 12px;
	font-size: 13.5px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.2s ease;
}

body.tak-center-site .tk-promo-banner__btn--sec:hover {
	background: #ffffff;
	border-color: #D1A04A;
	color: #B8872F !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.2);
}

body.tak-center-site .tk-promo-banner__visual {
	flex: 0 0 38%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}

body.tak-center-site .tk-promo-banner__3d-img {
	max-width: 440px;
	width: 100%;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(0 18px 30px rgba(33, 28, 32, 0.16));
	animation: tkFloating 4.5s ease-in-out infinite alternate;
}

/* Banner 2: Full-Width Horizontal Commercial Video Showcase */
body.tak-center-site .tk-promo-video-banner {
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
	position: relative;
	border: 1.5px solid rgba(209, 160, 74, 0.4);
	background: #000000;
	box-shadow: 0 10px 36px rgba(0, 0, 0, 0.18);
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}

body.tak-center-site .tk-promo-video-banner:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.25);
	border-color: rgba(209, 160, 74, 0.7);
}

body.tak-center-site .tk-promo-video-banner__wrap {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

body.tak-center-site .tk-promo-video-banner__player {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.tak-center-site .tk-promo-video-banner__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, 
		rgba(0, 0, 0, 0.6) 0%, 
		rgba(0, 0, 0, 0.15) 35%, 
		rgba(0, 0, 0, 0.45) 60%, 
		rgba(0, 0, 0, 0.88) 100%
	);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 32px 40px;
	z-index: 2;
	pointer-events: auto;
}

body.tak-center-site .tk-promo-video-banner__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

body.tak-center-site .tk-promo-video-banner__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(0, 0, 0, 0.65);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(209, 160, 74, 0.5);
	color: #ffffff;
	padding: 7px 18px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
}

body.tak-center-site .tk-promo-video-banner__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #22c55e;
	box-shadow: 0 0 10px #22c55e;
	animation: tkDotPulse 2s infinite;
}

@keyframes tkDotPulse {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.4;
		transform: scale(0.85);
	}
}

body.tak-center-site .tk-promo-video-banner__sound-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: rgba(0, 0, 0, 0.65);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 50px;
	padding: 7px 16px;
	color: #ffffff;
	font-size: 12.5px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.2s ease;
}

body.tak-center-site .tk-promo-video-banner__sound-btn:hover {
	background: #D1A04A;
	border-color: #D1A04A;
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.5);
}

body.tak-center-site .tk-promo-video-banner__sound-btn .tk-icon {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	color: #ffffff;
}

body.tak-center-site .tk-promo-video-banner__bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	width: 100%;
	flex-wrap: wrap;
}

body.tak-center-site .tk-promo-video-banner__info {
	flex: 1 1 540px;
}

body.tak-center-site .tk-promo-video-banner__headline {
	font-size: clamp(22px, 2.5vw, 30px);
	font-weight: 900;
	color: #ffffff;
	margin: 0 0 10px;
	line-height: 1.35;
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85);
}

body.tak-center-site .tk-promo-video-banner__tagline {
	font-size: 14.5px;
	color: rgba(255, 255, 255, 0.92);
	margin: 0;
	line-height: 1.7;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.85);
	max-width: 700px;
}

body.tak-center-site .tk-promo-video-banner__actions {
	flex-shrink: 0;
}

body.tak-center-site .tk-promo-video-banner__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #D1A04A;
	color: #ffffff !important;
	padding: 12px 24px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.25s ease;
	box-shadow: 0 6px 20px rgba(209, 160, 74, 0.5);
}

body.tak-center-site .tk-promo-video-banner__cta:hover {
	background: #b8872f;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(209, 160, 74, 0.7);
}

body.tak-center-site .tk-promo-video-banner__cta .tk-icon {
	width: 16px;
	height: 16px;
	color: #ffffff !important;
	stroke: #ffffff !important;
	transition: transform 0.2s ease;
}

body.tak-center-site .tk-promo-video-banner__cta:hover .tk-icon {
	transform: translateX(-4px);
}

@keyframes tkFloating {
	0% {
		transform: translateY(0px) rotate(0deg);
	}
	100% {
		transform: translateY(-12px) rotate(-1.5deg);
	}
}

@media (max-width: 899px) {
	body.tak-center-site .tk-promo-banner--discounts {
		flex-direction: column-reverse !important;
		padding: 26px 20px !important;
		min-height: auto !important;
		border-radius: 20px !important;
		text-align: center !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.tak-center-site .tk-promo-banner__content {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		align-items: center !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-promo-banner__title {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		font-size: clamp(17px, 4.5vw, 24px) !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
		text-align: center !important;
		margin-inline: auto !important;
		line-height: 1.45 !important;
	}

	body.tak-center-site .tk-promo-banner__desc {
		width: 100% !important;
		max-width: 580px !important;
		box-sizing: border-box !important;
		font-size: 13px !important;
		line-height: 1.65 !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
		text-align: center !important;
		margin-inline: auto !important;
		margin-bottom: 16px !important;
	}

	body.tak-center-site .tk-promo-banner__features {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		margin-bottom: 18px !important;
	}

	body.tak-center-site .tk-promo-banner__discount-pill {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		box-sizing: border-box !important;
		max-width: 100% !important;
		padding: 8px 14px !important;
	}

	body.tak-center-site .tk-promo-banner__pill {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		box-sizing: border-box !important;
		max-width: 100% !important;
		padding: 7px 12px !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
		white-space: normal !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-promo-banner__actions {
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 12px !important;
		flex-wrap: wrap !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-promo-banner__btn,
	body.tak-center-site .tk-promo-banner__btn--sec {
		width: auto !important;
		min-width: 200px !important;
		min-height: 44px !important;
		font-size: 13.5px !important;
		padding: 10px 20px !important;
		box-sizing: border-box !important;
		text-align: center !important;
		justify-content: center !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-promo-banner__3d-img {
		max-width: 240px;
		margin-bottom: 16px;
	}

	body.tak-center-site .tk-promo-video-banner__wrap {
		height: 440px;
	}

	body.tak-center-site .tk-promo-video-banner__top,
	body.tak-center-site .tk-promo-video-banner__badge,
	body.tak-center-site .tk-promo-video-banner__sound-btn {
		display: none !important;
	}

	body.tak-center-site .tk-promo-video-banner__overlay {
		padding: 24px 20px;
		justify-content: flex-end;
	}

	body.tak-center-site .tk-promo-video-banner__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		margin-top: auto;
		width: 100%;
	}

	body.tak-center-site .tk-promo-video-banner__info {
		flex: 0 0 auto;
		width: 100%;
	}

	body.tak-center-site .tk-promo-video-banner__actions {
		width: 100%;
	}

	body.tak-center-site .tk-promo-video-banner__cta {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 599px) {
	body.tak-center-site .tk-promo-banner--discounts {
		padding: 20px 14px !important;
		border-radius: 18px !important;
	}

	body.tak-center-site .tk-promo-banner__title {
		font-size: clamp(16px, 4.4vw, 20px) !important;
		margin-bottom: 8px !important;
	}

	body.tak-center-site .tk-promo-banner__desc {
		font-size: 12px !important;
		line-height: 1.6 !important;
		margin-bottom: 12px !important;
	}

	body.tak-center-site .tk-promo-banner__3d-img {
		max-width: 170px !important;
		margin-bottom: 12px !important;
	}

	body.tak-center-site .tk-promo-banner__features {
		gap: 6px !important;
		margin-bottom: 14px !important;
	}

	body.tak-center-site .tk-promo-banner__discount-pill {
		padding: 6px 12px !important;
		font-size: 12px !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .tk-promo-banner__discount-num {
		font-size: 16px !important;
	}

	body.tak-center-site .tk-promo-banner__pill {
		padding: 6px 10px !important;
		font-size: 11.5px !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .tk-promo-banner__actions {
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-promo-banner__btn,
	body.tak-center-site .tk-promo-banner__btn--sec {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 42px !important;
		font-size: 13.5px !important;
		padding: 10px 14px !important;
		box-sizing: border-box !important;
		text-align: center !important;
		justify-content: center !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-promo-video-banner__wrap {
		height: 360px !important;
		border-radius: 16px !important;
	}

	body.tak-center-site .tk-promo-video-banner__overlay {
		padding: 16px 14px !important;
	}

	body.tak-center-site .tk-promo-video-banner__headline {
		font-size: clamp(15px, 4.4vw, 19px) !important;
		margin-bottom: 6px !important;
	}

	body.tak-center-site .tk-promo-video-banner__tagline {
		font-size: 13px !important;
		line-height: 1.55 !important;
	}

	body.tak-center-site .tk-promo-video-banner__cta {
		min-height: 40px !important;
		font-size: 13.5px !important;
		padding: 8px 14px !important;
		white-space: nowrap !important;
	}
}

body.tak-center-site .tk-section {
	padding-block: clamp(48px, 6vw, 80px);
}

body.tak-center-site .tk-section--surface {
	margin-block: 12px;
	padding-inline: clamp(16px, 3vw, 34px);
	border: 1px solid #efebe5;
	border-radius: var(--tk-radius);
	background: var(--tk-surface);
}

body.tak-center-site .tk-section__header {
	align-items: flex-end;
	margin-bottom: 28px;
}

body.tak-center-site .tk-section__header h1,
body.tak-center-site .tk-section__header h2,
body.tak-center-site .tk-benefits > h2 {
	margin: 0;
	color: var(--tk-ink);
	font-size: clamp(1.45rem, 2.7vw, 2rem);
	line-height: 1.35;
	letter-spacing: -.015em;
}

body.tak-center-site .tk-section__description {
	margin: 7px 0 0;
	color: var(--tk-body);
	font-size: 13.5px;
	line-height: 1.6;
}

body.tak-center-site .tk-section__header > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	color: var(--tk-ink);
	font-size: 13px;
	font-weight: 700;
}

body.tak-center-site .tk-section__header > a::after {
	color: var(--tk-gold-dark);
	content: "←";
}

/* Luxury Elevated Section Headers */
body.tak-center-site .tk-section__header--luxury {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 26px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body.tak-center-site .tk-section__header-meta {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1 1 300px;
}

body.tak-center-site .tk-section__eyebrow-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 5px 14px;
	border-radius: 999px;
	background: rgba(209, 160, 74, 0.1);
	border: 1px solid rgba(209, 160, 74, 0.28);
	color: var(--tk-gold-dark, #b8872f);
	font-size: 12.5px;
	font-weight: 800;
	width: fit-content;
}

body.tak-center-site .tk-section__eyebrow-badge .tk-icon {
	width: 15px;
	height: 15px;
	color: #D1A04A !important;
	stroke: #D1A04A !important;
}

body.tak-center-site .tk-section__eyebrow-badge--gold {
	background: #ffffff;
	border: 1.5px solid rgba(209, 160, 74, 0.4);
	box-shadow: 0 2px 8px rgba(209, 160, 74, 0.12);
}

body.tak-center-site .tk-section__title {
	margin: 2px 0 0 !important;
	color: var(--tk-ink, #211c20) !important;
	font-size: clamp(1.4rem, 2.6vw, 1.95rem) !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
	letter-spacing: -0.5px !important;
}

body.tak-center-site .tk-section__btn-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 18px;
	border-radius: 12px;
	background: #ffffff;
	border: 1.5px solid rgba(209, 160, 74, 0.38);
	color: var(--tk-ink, #211c20) !important;
	font-size: 13.5px;
	font-weight: 800;
	text-decoration: none;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
	flex-shrink: 0;
}

body.tak-center-site .tk-section__btn-more::after {
	display: none !important;
	content: none !important;
}

body.tak-center-site .tk-section__btn-more .tk-icon {
	width: 16px;
	height: 16px;
	color: #D1A04A !important;
	stroke: #D1A04A !important;
	transition: transform 0.2s ease, stroke 0.2s ease, color 0.2s ease;
}

body.tak-center-site .tk-section__btn-more:hover {
	background: #D1A04A;
	border-color: #D1A04A;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(209, 160, 74, 0.35);
}

body.tak-center-site .tk-section__btn-more:hover .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
	transform: translateX(-4px);
}

/* Category cards */
body.tak-center-site .tk-categories {
	background: #ffffff !important;
	border: 1.5px solid #f1f5f9 !important;
	border-radius: 20px;
	padding: clamp(28px, 4vw, 44px) clamp(16px, 3vw, 32px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
	margin-block: 28px 36px;
}

body.tak-center-site .tk-categories__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px 6px;
}

@media (min-width: 600px) {
	body.tak-center-site .tk-categories__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 14px 10px;
	}
}

@media (min-width: 1100px) {
	body.tak-center-site .tk-categories__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 16px;
	}
}

body.tak-center-site .tk-category-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	min-height: 0;
	padding: 18px 12px 16px;
	border: 1.5px solid #ebdccb;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 3px 10px rgba(33, 28, 32, .03);
	color: #1e293b;
	text-decoration: none;
	overflow: hidden;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s var(--tk-ease);
}

body.tak-center-site .tk-category-card:hover {
	border-color: var(--tk-gold, #d1a04a);
	box-shadow: 0 10px 28px rgba(209, 160, 74, 0.18);
	transform: translateY(-4px);
}

body.tak-center-site .tk-category-card img,
body.tak-center-site .tk-category-card .tk-category-card__img {
	width: 86px;
	height: 86px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: linear-gradient(135deg, #fefbf6 0%, #f9f0df 100%);
	padding: 6px;
	border: 1.5px solid #ecd8ba;
	object-fit: cover;
	box-shadow: inset 0 2px 6px rgba(209, 160, 74, 0.1);
	transition: transform .25s ease;
}

body.tak-center-site .tk-category-card .tk-category-card__img--svg {
	padding: 16px;
	object-fit: contain;
}

body.tak-center-site .tk-category-card:hover img,
body.tak-center-site .tk-category-card:hover .tk-category-card__img {
	transform: scale(1.08);
}

body.tak-center-site .tk-category-card__fallback {
	display: grid;
	place-items: center;
	width: 86px;
	height: 86px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: linear-gradient(135deg, #fefbf6 0%, #f9f0df 100%);
	border: 1.5px solid #ecd8ba;
	color: var(--tk-gold-dark, #b8872f);
	font-size: 26px;
	font-weight: 800;
}

body.tak-center-site .tk-category-card__name {
	padding-inline: 2px;
	font-size: 13.5px;
	font-weight: 800;
	color: #1e293b;
	margin-top: 2px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	transition: color 0.2s ease;
}

body.tak-center-site .tk-category-card:hover .tk-category-card__name {
	color: var(--tk-gold-dark, #b8872f);
}

body.tak-center-site .tk-category-card__count {
	padding: 2px 10px;
	background: rgba(209, 160, 74, 0.12);
	border: 1px solid rgba(209, 160, 74, 0.28);
	border-radius: 99px;
	color: #9c6c19;
	font-size: 11px;
	font-weight: 700;
	white-space: nowrap;
}

@media (max-width: 599px) {
	body.tak-center-site .tk-categories {
		padding: 20px 14px !important;
		border-radius: 16px !important;
		margin-block: 16px 24px !important;
	}

	body.tak-center-site .tk-categories .tk-section__header {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-end !important;
		gap: 8px !important;
		margin-bottom: 16px !important;
	}

	body.tak-center-site .tk-categories .tk-section__header > div {
		flex: 1 1 100% !important;
	}

	body.tak-center-site .tk-categories .tk-section__eyebrow {
		margin-bottom: 4px !important;
		font-size: 12px !important;
		color: #b8872f !important;
	}

	body.tak-center-site .tk-categories #tk-categories-title {
		font-size: clamp(17px, 4.8vw, 20px) !important;
		line-height: 1.35 !important;
		margin: 0 0 4px !important;
	}

	body.tak-center-site .tk-categories .tk-section__description {
		margin: 0 !important;
		font-size: 12px !important;
		line-height: 1.55 !important;
		color: #64748b !important;
	}

	body.tak-center-site .tk-categories .tk-section__header > a {
		font-size: 12px !important;
		font-weight: 700 !important;
		color: #b8872f !important;
		padding: 4px 0 !important;
		margin-top: 2px !important;
	}

	body.tak-center-site .tk-categories__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px 8px !important;
	}

	body.tak-center-site .tk-category-card {
		padding: 12px 6px 10px !important;
		border: 1.5px solid #ebdccb !important;
		background: #ffffff !important;
		box-shadow: 0 3px 10px rgba(33, 28, 32, .03) !important;
		border-radius: 12px !important;
		gap: 6px !important;
		height: 100% !important;
		min-height: 126px !important;
		justify-content: flex-start !important;
	}

	body.tak-center-site .tk-category-card img,
	body.tak-center-site .tk-category-card .tk-category-card__img,
	body.tak-center-site .tk-category-card__fallback {
		width: 52px !important;
		height: 52px !important;
		padding: 3px !important;
		border-width: 1px !important;
	}

	body.tak-center-site .tk-category-card__fallback {
		font-size: 18px !important;
	}

	body.tak-center-site .tk-category-card__name {
		font-size: 11.5px !important;
		font-weight: 700 !important;
		white-space: normal !important;
		line-height: 1.3 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-align: center !important;
		margin: 0 !important;
		min-height: 2.6em !important;
	}

	body.tak-center-site .tk-category-card__count {
		display: inline-flex !important;
		font-size: 10px !important;
		padding: 1px 7px !important;
		border-radius: 99px !important;
		margin-top: auto !important;
	}
}

@media (min-width: 600px) and (max-width: 899px) {
	body.tak-center-site .tk-categories {
		padding: 26px 20px !important;
		margin-block: 22px 30px !important;
		border-radius: 18px !important;
	}

	body.tak-center-site .tk-categories .tk-section__header {
		display: flex !important;
		align-items: flex-end !important;
		justify-content: space-between !important;
		gap: 16px !important;
		margin-bottom: 22px !important;
	}

	body.tak-center-site .tk-categories .tk-section__eyebrow {
		margin-bottom: 6px !important;
		font-size: 12.5px !important;
		color: #b8872f !important;
	}

	body.tak-center-site .tk-categories #tk-categories-title {
		font-size: 22px !important;
		line-height: 1.35 !important;
		margin: 0 0 6px !important;
	}

	body.tak-center-site .tk-categories .tk-section__description {
		margin: 0 !important;
		font-size: 13px !important;
		line-height: 1.6 !important;
		color: #64748b !important;
	}

	body.tak-center-site .tk-categories .tk-section__header > a {
		font-size: 12.5px !important;
		white-space: nowrap !important;
		color: #b8872f !important;
		padding-bottom: 2px !important;
	}

	body.tak-center-site .tk-categories__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 14px 12px !important;
	}

	body.tak-center-site .tk-category-card {
		padding: 16px 8px 14px !important;
		border-radius: 14px !important;
		gap: 10px !important;
		height: 100% !important;
		min-height: 0 !important;
		justify-content: flex-start !important;
	}

	body.tak-center-site .tk-category-card img,
	body.tak-center-site .tk-category-card .tk-category-card__img,
	body.tak-center-site .tk-category-card__fallback {
		width: 68px !important;
		height: 68px !important;
	}

	body.tak-center-site .tk-category-card__name {
		font-size: 13px !important;
		white-space: normal !important;
		line-height: 1.35 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-align: center !important;
		margin: 0 !important;
	}

	body.tak-center-site .tk-category-card__count {
		display: inline-flex !important;
		font-size: 11px !important;
		padding: 2px 8px !important;
		border-radius: 99px !important;
		margin-top: auto !important;
	}
}

/* Product cards */
body.tak-center-site .tk-products,
body.tak-center-site .wc-block-grid__products,
body.tak-center-site .wp-block-woocommerce-product-collection .wc-block-product-template,
body.tak-center-site .woocommerce ul.products {
	gap: 16px !important;
}

body.tak-center-site :where(.tk-product-card, .wc-block-grid__product, .wc-block-product, .woocommerce ul.products li.product) {
	position: relative;
	padding: 14px !important;
	border: 1.5px solid #ebdccb !important;
	border-radius: var(--tk-radius) !important;
	background: #ffffff;
	box-shadow: 0 3px 10px rgba(33, 28, 32, .03);
	text-align: right !important;
	overflow: visible;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s var(--tk-ease);
}

body.tak-center-site :where(.tk-product-card, .wc-block-grid__product, .wc-block-product, .woocommerce ul.products li.product):hover {
	border-color: var(--tk-gold, #d1a04a) !important;
	box-shadow: 0 12px 30px rgba(209, 160, 74, .16) !important;
	transform: translateY(-4px);
}

body.tak-center-site :where(
	.tk-product-card__media,
	.wc-block-grid__product-image,
	.wc-block-components-product-image,
	.woocommerce ul.products li.product a img
) {
	position: relative;
	aspect-ratio: 1;
	margin: 0 0 13px !important;
	border-radius: 9px !important;
	background: var(--tk-surface);
	overflow: hidden;
}

body.tak-center-site :where(
	.tk-product-card__media img,
	.wc-block-grid__product-image img,
	.wc-block-components-product-image img,
	.woocommerce ul.products li.product a img
) {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.tak-center-site .tk-product-card__body {
	display: grid;
	min-height: 156px;
	padding: 0 !important;
	align-content: start;
}

body.tak-center-site .tk-product-card__meta,
body.tak-center-site .tk-loop-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	min-height: 20px;
	color: var(--tk-body);
	font-size: 12.5px;
}

body.tak-center-site .tk-product-card__meta span + span:not(.tk-card-tag)::before,
body.tak-center-site .tk-loop-meta span + span:not(.tk-card-tag)::before {
	margin-inline-end: 4px;
	color: var(--tk-muted);
	content: "·";
}

body.tak-center-site .tk-product-card__meta .tk-card-tag::before,
body.tak-center-site .tk-loop-meta .tk-card-tag::before {
	display: none !important;
	content: none !important;
}

body.tak-center-site :where(
	.tk-product-card__title,
	.wc-block-grid__product-title,
	.wc-block-components-product-name,
	.woocommerce ul.products li.product .woocommerce-loop-product__title
) {
	display: -webkit-box;
	min-height: 2.95em;
	margin: 7px 0 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--tk-ink);
	font-size: 14.5px !important;
	font-weight: 700 !important;
	line-height: 1.5;
	overflow: hidden;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

body.tak-center-site .tk-product-card__availability,
body.tak-center-site .tk-loop-stock {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	width: auto;
	max-width: 100%;
	color: var(--tk-success);
	font-size: 12px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.tak-center-site .tk-product-card__availability::before,
body.tak-center-site .tk-loop-stock::before {
	display: none !important;
	content: none !important;
}

body.tak-center-site .tk-product-card__availability .tk-icon {
	width: 12px;
	height: 12px;
	fill: currentColor;
	flex-shrink: 0;
}

body.tak-center-site .tk-product-card__availability span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.tak-center-site .tk-loop-stock.is-out-of-stock {
	color: var(--tk-danger);
}

body.tak-center-site .tk-product-card__price,
body.tak-center-site :where(.price, .wc-block-grid__product-price, .wc-block-components-product-price) {
	margin-top: auto;
	padding-top: 11px;
	color: var(--tk-ink) !important;
	font-size: 16px;
	font-weight: 800;
	white-space: nowrap !important;
}

body.tak-center-site :where(.price del, .wc-block-grid__product-price del) {
	display: block;
	color: var(--tk-muted) !important;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap !important;
}

body.tak-center-site .price ins {
	color: var(--tk-ink);
	text-decoration: none;
	white-space: nowrap !important;
}

body.tak-center-site .tk-product-card__badges {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 6px !important;
	z-index: 4 !important;
}

body.tak-center-site .tk-product-card__badges .tk-sale-badge,
body.tak-center-site .tk-product-card__badges .tk-bulk-badge {
	position: static !important;
	inset: auto !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

body.tak-center-site .tk-product-card__availability.is-in-stock,
body.tak-center-site .tk-loop-stock.is-in-stock {
	display: none !important;
}

body.tak-center-site :where(.tk-product-card__add, .woocommerce ul.products li.product .button:not(.single_add_to_cart_button):not(.tc-product-card__btn-cart), .wc-block-grid__product-add-to-cart) {
	display: none !important;
}

body.tak-center-site .tk-product-card__cart-icon {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

body.tak-center-site .onsale,
body.tak-center-site .tk-sale-badge,
body.tak-center-site .wc-block-components-product-sale-badge {
	inset: 12px 12px auto auto;
	padding: 2px 7px !important;
	border: 0 !important;
	border-radius: 9999px !important;
	background: #ef394e !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	box-shadow: 0 2px 6px rgba(239, 57, 78, 0.35) !important;
	letter-spacing: -0.2px;
	white-space: nowrap !important;
	z-index: 3;
}

body.tak-center-site .tk-wishlist-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--tk-control-border);
	border-radius: 9px;
	background: var(--tk-white);
	box-shadow: none;
	color: var(--tk-body);
	font: 600 12px/1.5 var(--tk-font);
	cursor: pointer;
}

body.tak-center-site .tk-wishlist-button__icon svg {
	width: 20px;
	height: 20px;
	fill: transparent;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

body.tak-center-site .tk-wishlist-button:hover {
	border-color: var(--tk-gold);
	background: var(--tk-gold-soft);
	color: var(--tk-gold-dark);
}

body.tak-center-site .tk-wishlist-button.is-active,
body.tak-center-site .tk-wishlist-button[aria-pressed="true"] {
	border-color: #e4b7b1;
	background: #fff6f5;
	color: var(--tk-danger);
}

body.tak-center-site .tk-wishlist-button.is-active svg,
body.tak-center-site .tk-wishlist-button[aria-pressed="true"] svg {
	fill: currentColor;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	right: auto !important;
	bottom: auto !important;
	z-index: 4 !important;
	width: 32px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.9) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
	backdrop-filter: blur(4px) !important;
	transition: all .2s ease !important;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card svg,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop svg {
	width: 16px !important;
	height: 16px !important;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card:hover,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop:hover {
	background: #ffffff !important;
	border-color: #ef394e !important;
	color: #ef394e !important;
	transform: scale(1.08) !important;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card .tk-wishlist-button__label,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop .tk-wishlist-button__label {
	display: none !important;
}

body.tak-center-site .tk-sale-countdown {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: max-content;
	min-height: 27px;
	margin-top: 9px;
	padding: 3px 7px;
	border: 1px solid rgba(209, 160, 74, .28);
	border-radius: 7px;
	background: var(--tk-gold-soft);
	color: var(--tk-gold-dark);
	font: 600 10px/1.5 var(--tk-font);
}

body.tak-center-site .tk-offers .tk-sale-countdown {
	display: none !important;
}

body.tak-center-site .added_to_cart {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 38px !important;
	margin-top: 6px !important;
	padding: 6px 12px !important;
	border: 1.5px solid #059669 !important;
	border-radius: 9px !important;
	background: #ecfdf5 !important;
	color: #047857 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-shadow: 0 1px 3px rgba(16, 185, 129, 0.15) !important;
}

body.tak-center-site .added_to_cart:hover {
	background: #d1fae5 !important;
	border-color: #047857 !important;
	color: #065f46 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 3px 6px rgba(16, 185, 129, 0.25) !important;
}

/* Brand and trust modules */
body.tak-center-site .tk-brands__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

@media (min-width: 600px) {
	body.tak-center-site .tk-brands__row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}
}

@media (min-width: 900px) {
	body.tak-center-site .tk-brands__row {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
	}
}

@media (min-width: 1100px) {
	body.tak-center-site .tk-brands__row {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
		gap: 16px;
	}
}

body.tak-center-site .tk-brand-chip {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1px solid #ede8e1;
	border-radius: 12px;
	background: #ffffff;
	color: #1e293b;
	text-decoration: none;
	transition: all .2s ease;
	box-shadow: 0 2px 6px rgba(33, 28, 32, .02);
}

body.tak-center-site .tk-brand-chip:hover {
	border-color: var(--tk-gold, #d1a04a);
	box-shadow: 0 6px 20px rgba(33, 28, 32, .07);
	transform: translateY(-2px);
}

body.tak-center-site .tk-brand-chip__mark {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: #f8f6f2;
	border: 1px solid #eae3d7;
	color: var(--tk-gold-dark, #b8872f);
	font-size: 16px;
	font-weight: 800;
	flex-shrink: 0;
}

body.tak-center-site .tk-brand-chip.has-logo .tk-brand-chip__mark {
	background: #ffffff;
	border-color: #ede8e1;
}

body.tak-center-site .tk-brand-chip__logo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.tak-center-site .tk-single-brand__logo {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain;
	border-radius: 6px;
	background: #f7f1e6;
}

body.tak-center-site .tk-brand-chip > span:last-child {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.35;
}

body.tak-center-site .tk-brand-chip strong {
	font-size: 13px;
	font-weight: 700;
	color: #1e293b;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.tak-center-site .tk-brand-chip small {
	color: #64748b;
	font-size: 11px;
	white-space: nowrap;
}

body.tak-center-site .tk-benefits > h2 {
	margin-bottom: 26px;
}

body.tak-center-site :where(.tk-benefit-grid, .tk-benefits__grid, .tk-club-features__grid) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

@media (min-width: 600px) {
	body.tak-center-site :where(.tk-benefit-grid, .tk-benefits__grid, .tk-club-features__grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
}

@media (min-width: 1024px) {
	body.tak-center-site :where(.tk-benefit-grid, .tk-benefits__grid, .tk-club-features__grid) {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 16px;
	}
}

body.tak-center-site .tk-benefit {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 0;
	padding: 24px 20px;
	border: 1.5px solid #ebdccb;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 4px 14px rgba(33, 28, 32, .03);
	transition: all .25s ease;
}

body.tak-center-site .tk-benefit:hover {
	border-color: var(--tk-gold, #d1a04a);
	box-shadow: 0 10px 28px rgba(209, 160, 74, .14);
	transform: translateY(-3px);
}

/* Benefits 4-grid: Tak Center Light Mode & Single-Color Outline Icons */
body.tak-center-site .tk-benefit {
	background: #ffffff !important;
	border: 1px solid #ededed !important;
	border-radius: var(--tk-radius, 12px) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
	transition: all .25s ease !important;
}

body.tak-center-site .tk-benefit:hover {
	border-color: var(--tk-gold, #d1a04a) !important;
	box-shadow: 0 10px 30px rgba(209, 160, 74, .14) !important;
	transform: translateY(-3px) !important;
}

@media (max-width: 599px) {
	body.tak-center-site .tk-benefit {
		padding: 12px 10px !important;
		border-radius: 12px !important;
	}

	body.tak-center-site .tk-benefit h3 {
		font-size: 13px !important;
		margin: 0 0 4px !important;
		line-height: 1.35 !important;
	}

	body.tak-center-site .tk-benefit p {
		font-size: 11.5px !important;
		line-height: 1.4 !important;
		margin: 0 !important;
		color: #64748b !important;
	}

	body.tak-center-site .tk-benefit .tk-benefit__icon {
		width: 38px !important;
		height: 38px !important;
		margin-bottom: 8px !important;
	}

	body.tak-center-site .tk-benefit .tk-benefit__icon svg {
		width: 20px !important;
		height: 20px !important;
	}
}

body.tak-center-site .tk-benefit .tk-benefit__icon {
	background: #f7f7f7 !important;
	border: 1px solid #ededed !important;
	color: var(--tk-gold, #d1a04a) !important;
	border-radius: var(--tk-radius, 12px) !important;
}

body.tak-center-site .tk-benefit:hover .tk-benefit__icon {
	background: var(--tk-gold, #d1a04a) !important;
	color: #ffffff !important;
	border-color: var(--tk-gold, #d1a04a) !important;
	transform: scale(1.08) !important;
}

body.tak-center-site .tk-benefit h3 {
	margin: 0 0 6px;
	color: var(--tk-ink, #211c20);
	font-size: 15.5px;
	font-weight: 800;
}

body.tak-center-site .tk-benefit p {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.65;
	color: #6d6d6d;
}

/* VIP Customer Club Contained Banner */
body.tak-center-site .tk-club-teaser-section {
	padding-block: 28px 36px;
}

body.tak-center-site .tk-club-teaser {
	position: relative;
	width: 100%;
	max-width: 1320px;
	margin-inline: auto;
	box-sizing: border-box;
	padding: clamp(32px, 4.5vw, 48px) clamp(22px, 4vw, 44px);
	border-radius: 24px;
	background: linear-gradient(135deg, #1f1b1e 0%, #2b232a 55%, #191518 100%);
	color: #ffffff;
	border: 1.5px solid rgba(209, 160, 74, 0.4);
	box-shadow: 0 16px 40px rgba(33, 28, 32, 0.22);
	overflow: hidden;
}

body.tak-center-site .tk-club-teaser::before {
	content: "";
	position: absolute;
	top: -40%;
	right: -20%;
	width: 480px;
	height: 480px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(209, 160, 74, 0.15) 0%, transparent 70%);
	pointer-events: none;
	z-index: 1;
}

body.tak-center-site .tk-club-teaser__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.9fr);
	gap: clamp(28px, 4vw, 54px);
	align-items: center;
}

body.tak-center-site .tk-club-teaser__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

body.tak-center-site .tk-club-teaser__badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(209, 160, 74, 0.16);
	border: 1px solid rgba(209, 160, 74, 0.45);
	color: #e5be69;
	font-size: 13px;
	font-weight: 800;
	padding: 6px 16px;
	border-radius: 999px;
	margin-bottom: 14px;
	box-shadow: 0 2px 10px rgba(209, 160, 74, 0.2);
}

body.tak-center-site .tk-club-teaser__badge .tk-icon {
	width: 16px;
	height: 16px;
	color: #e5be69 !important;
	stroke: #e5be69 !important;
}

body.tak-center-site .tk-club-teaser__title {
	color: #ffffff !important;
	font-size: clamp(1.4rem, 2.5vw, 2.05rem) !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
	margin: 0 0 12px !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

body.tak-center-site .tk-club-teaser__desc {
	color: rgba(255, 255, 255, 0.82) !important;
	font-size: 14.5px !important;
	line-height: 1.8 !important;
	margin: 0 0 18px !important;
	max-width: 620px;
}

body.tak-center-site .tk-club-teaser__perks {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 24px;
}

body.tak-center-site .tk-club-teaser__perk {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.16);
	padding: 7px 14px;
	border-radius: 10px;
	font-size: 12.5px;
	font-weight: 700;
	color: #ffffff;
}

body.tak-center-site .tk-club-teaser__perk .tk-icon {
	width: 15px;
	height: 15px;
	color: #d1a04a !important;
	stroke: #d1a04a !important;
}

body.tak-center-site .tk-club-teaser__actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

body.tak-center-site .tk-club-teaser__cta {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 14px !important;
	padding: 12px 26px !important;
	border-radius: 12px !important;
	text-decoration: none !important;
	box-shadow: 0 6px 20px rgba(209, 160, 74, 0.45) !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tak-center-site .tk-club-teaser__cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(209, 160, 74, 0.6) !important;
	background: linear-gradient(135deg, #dfaf54 0%, #c49134 100%) !important;
}

body.tak-center-site .tk-club-teaser__cta .tk-icon {
	width: 16px;
	height: 16px;
	color: #ffffff !important;
	stroke: #ffffff !important;
	transition: transform 0.2s ease;
}

body.tak-center-site .tk-club-teaser__cta:hover .tk-icon {
	transform: translateX(-4px);
}

/* VIP Card Preview Graphic */
body.tak-center-site .tk-club-teaser__visual {
	display: flex;
	justify-content: center;
	align-items: center;
}

body.tak-center-site .tk-club-card-preview {
	position: relative;
	width: 100%;
	max-width: 340px;
	height: 200px;
	border-radius: 18px;
	background: linear-gradient(135deg, #2c252b 0%, #1e191d 60%, #141013 100%);
	border: 1.5px solid rgba(209, 160, 74, 0.55);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.2);
	padding: 20px 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #ffffff;
	transform: perspective(800px) rotateY(-8deg) rotateX(4deg);
	transition: transform 0.4s ease, box-shadow 0.4s ease;
}

body.tak-center-site .tk-club-teaser:hover .tk-club-card-preview {
	transform: perspective(800px) rotateY(0deg) rotateX(0deg) translateY(-4px);
	box-shadow: 0 20px 44px rgba(209, 160, 74, 0.28), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

body.tak-center-site .tk-club-card-preview__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

body.tak-center-site .tk-club-card-preview__chip {
	width: 36px;
	height: 26px;
	border-radius: 6px;
	background: linear-gradient(135deg, #e5be69 0%, #d1a04a 50%, #996e1e 100%);
	box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4);
}

body.tak-center-site .tk-club-card-preview__brand {
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 1px;
	color: #d1a04a;
}

body.tak-center-site .tk-club-card-preview__middle {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

body.tak-center-site .tk-club-card-preview__tier {
	font-size: 11.5px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.7);
}

body.tak-center-site .tk-club-card-preview__points {
	font-size: 26px;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: -0.5px;
}

body.tak-center-site .tk-club-card-preview__points span {
	font-size: 12px;
	font-weight: 700;
	color: #d1a04a;
	margin-inline-start: 4px;
}

body.tak-center-site .tk-club-card-preview__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 10px;
}

body.tak-center-site .tk-club-card-preview__name {
	font-size: 12px;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.85);
}

body.tak-center-site .tk-club-card-preview__icon {
	width: 18px;
	height: 18px;
	color: #d1a04a !important;
	stroke: #d1a04a !important;
}

@media (max-width: 899px) {
	body.tak-center-site .tk-club-teaser-section {
		padding-block: 16px 20px !important;
	}

	body.tak-center-site .tk-club-teaser {
		padding: 20px 14px 18px !important;
		border-radius: 20px !important;
		background: radial-gradient(circle at 50% 0%, rgba(209, 160, 74, 0.22) 0%, transparent 70%),
		            linear-gradient(160deg, #261f24 0%, #161215 100%) !important;
		border: 1.5px solid rgba(209, 160, 74, 0.45) !important;
		box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
		margin-inline: auto !important;
	}

	body.tak-center-site .tk-club-teaser::before {
		display: none !important;
	}

	body.tak-center-site .tk-club-teaser__inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}

	/* Card preview at the top: sleek digital loyalty pass */
	body.tak-center-site .tk-club-teaser__visual {
		order: -1 !important;
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
	}

	body.tak-center-site .tk-club-card-preview {
		transform: none !important;
		width: 100% !important;
		max-width: 330px !important;
		height: 145px !important;
		padding: 14px 16px !important;
		border-radius: 16px !important;
		background: linear-gradient(135deg, #2e262c 0%, #1e191d 60%, #141013 100%) !important;
		border: 1.5px solid rgba(209, 160, 74, 0.6) !important;
		box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4), 0 0 16px rgba(209, 160, 74, 0.15) !important;
	}

	body.tak-center-site .tk-club-card-preview__chip {
		width: 30px !important;
		height: 22px !important;
		border-radius: 5px !important;
	}

	body.tak-center-site .tk-club-card-preview__brand {
		font-size: 12.5px !important;
		letter-spacing: 0.8px !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-club-card-preview__tier {
		font-size: 12px !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-club-card-preview__points {
		font-size: 22px !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-club-card-preview__points span {
		font-size: 12.5px !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-club-card-preview__bottom {
		padding-top: 8px !important;
	}

	body.tak-center-site .tk-club-card-preview__name {
		font-size: 11px !important;
	}

	body.tak-center-site .tk-club-teaser__content {
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
	}

	body.tak-center-site .tk-club-teaser__badge {
		font-size: 11.5px !important;
		padding: 4px 12px !important;
		margin-bottom: 8px !important;
		margin-inline: auto !important;
	}

	body.tak-center-site .tk-club-teaser__title {
		font-size: 18px !important;
		line-height: 1.35 !important;
		margin: 0 0 8px !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-club-teaser__desc {
		font-size: 12.5px !important;
		line-height: 1.65 !important;
		text-align: center !important;
		margin: 0 0 14px !important;
		color: rgba(255, 255, 255, 0.82) !important;
		max-width: 100% !important;
	}

	/* 3-column perks grid */
	body.tak-center-site .tk-club-teaser__perks {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 8px !important;
		width: 100% !important;
		margin-bottom: 16px !important;
	}

	body.tak-center-site .tk-club-teaser__perk {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		min-height: 74px !important;
		padding: 8px 4px !important;
		gap: 6px !important;
		border-radius: 14px !important;
		background: rgba(255, 255, 255, 0.07) !important;
		backdrop-filter: blur(8px) !important;
		-webkit-backdrop-filter: blur(8px) !important;
		border: 1px solid rgba(209, 160, 74, 0.3) !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		line-height: 1.35 !important;
		color: #ffffff !important;
	}

	body.tak-center-site .tk-club-teaser__perk .tk-icon {
		width: 20px !important;
		height: 20px !important;
		color: #f5d489 !important;
		stroke: #f5d489 !important;
	}

	body.tak-center-site .tk-club-teaser__actions {
		width: 100% !important;
	}

	body.tak-center-site .tk-club-teaser__cta {
		width: 100% !important;
		min-height: 48px !important;
		padding: 12px 18px !important;
		font-size: 14px !important;
		font-weight: 900 !important;
		justify-content: center !important;
		border-radius: 14px !important;
		background: linear-gradient(135deg, #f5d489 0%, #d1a04a 50%, #b8872f 100%) !important;
		color: #171316 !important;
		box-shadow: 0 8px 24px rgba(209, 160, 74, 0.5) !important;
		transition: transform 0.2s ease, box-shadow 0.2s ease !important;
	}

	body.tak-center-site .tk-club-teaser__cta:active {
		transform: scale(0.98) !important;
	}

	body.tak-center-site .tk-club-teaser__cta .tk-icon {
		color: #171316 !important;
		stroke: #171316 !important;
	}
}

/* Economic Shopping Canvas Redesign */
body.tak-center-site .tk-economic-shopping-section {
	padding-block: 28px 36px;
}

body.tak-center-site .tk-economic-shopping {
	background: linear-gradient(180deg, #FFFFFF 0%, #FAF8F5 100%);
	border: 1.5px solid rgba(209, 160, 74, 0.26);
	border-radius: 24px;
	padding: clamp(28px, 4vw, 44px) clamp(18px, 3.5vw, 36px);
	box-shadow: 0 10px 32px rgba(33, 28, 32, 0.04);
	margin-block: 10px;
	width: 100%;
	max-width: 1320px;
	margin-inline: auto;
	box-sizing: border-box;
}

@media (max-width: 899px) {
	body.tak-center-site .tk-economic-shopping {
		padding: 22px 14px;
		border-radius: 18px;
	}
}

/* Unified Brand Eyebrows */
body.tak-center-site :where(.tk-best-sellers, .tk-new-arrivals, .tk-recommended) .tk-section__eyebrow {
	background: #f7f7f7 !important;
	color: #211c20 !important;
	border: 1px solid #ededed !important;
	font-weight: 700 !important;
}

body.tak-center-site :where(.tk-categories, .tk-brands, .tk-wishlist-page, .tk-shop-content) .tk-section__eyebrow {
	color: var(--tk-gold-dark, #b8872f) !important;
	font-weight: 700 !important;
}

body.tak-center-site :where(.tk-home, .tk-section, .tk-wishlist-page, .tk-content-page) .tk-section__description {
	color: #64748b !important;
}

/* Fallback for other dark sections */
body.tak-center-site :where(.tk-b2b, .tk-club-hero) {
	position: relative;
	padding: clamp(28px, 5vw, 54px);
	border: 0;
	border-radius: var(--tk-radius);
	background: var(--tk-ink);
	color: rgba(255, 255, 255, .72);
	overflow: hidden;
}

body.tak-center-site :where(.tk-b2b, .tk-club-hero)::after {
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: var(--tk-gold);
	content: "";
}

body.tak-center-site :where(.tk-b2b, .tk-club-hero) h1,
body.tak-center-site :where(.tk-b2b, .tk-club-hero) h2 {
	color: var(--tk-white);
}

body.tak-center-site :where(.tk-b2b, .tk-club-hero) .tk-section__eyebrow {
	color: var(--tk-gold);
}

body.tak-center-site :where(.tk-b2b, .tk-club-hero, .tk-wholesale-hero, .tk-careers-hero, .tk-vendor-hero, .tk-about-hero, .tk-business-cta) .tk-button--secondary {
	border: 1.5px solid rgba(255, 255, 255, .65) !important;
	background: transparent !important;
	color: var(--tk-white) !important;
}

body.tak-center-site :where(.tk-b2b, .tk-club-hero, .tk-wholesale-hero, .tk-careers-hero, .tk-vendor-hero, .tk-about-hero, .tk-business-cta) .tk-button--secondary:hover {
	border-color: var(--tk-white) !important;
	background: var(--tk-white) !important;
	color: var(--tk-ink) !important;
}

/* Static content pages */
body.tak-center-site .tk-page-main {
	padding-block: clamp(38px, 6vw, 76px);
}

body.tak-center-site .tk-page-main > .wp-block-post-title,
body.tak-center-site .tk-page-main > .wp-block-query-title {
	position: relative;
	margin-bottom: 34px;
	padding-bottom: 16px;
	color: var(--tk-ink);
	font-size: clamp(1.8rem, 4vw, 2.8rem);
}

body.tak-center-site .tk-page-main > .wp-block-post-title::after,
body.tak-center-site .tk-page-main > .wp-block-query-title::after {
	position: absolute;
	inset: auto 0 0 auto;
	width: 54px;
	height: 3px;
	border-radius: 3px;
	background: var(--tk-gold);
	content: "";
}

body.tak-center-site .tk-page-main > .wp-block-post-content {
	width: min(100% - 32px, 920px);
	margin-inline: auto;
}

body.tak-center-site.tak-page-customer-club .tk-page-main > .wp-block-post-content {
	margin-inline: auto !important;
}

body.tak-center-site .wp-block-post-content > :where(h2, h3) {
	color: var(--tk-ink);
}

body.tak-center-site .wp-block-post-content > :where(p, ul, ol) {
	max-width: 78ch;
}

body.tak-center-site :where(
	.tak-page-about-us,
	.tak-page-contact-us,
	.tak-page-faq,
	.tak-page-shipping-delivery,
	.tak-page-return-policy,
	.tak-page-terms-conditions,
	.tak-page-wholesale-cooperation
) .wp-block-post-content {
	padding: clamp(22px, 4vw, 42px);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	box-shadow: var(--tk-shadow-soft);
}

body.tak-center-site .wp-block-post-content a:not(.wp-element-button):not(.tk-checkout-btn-cta):not([class*="btn"]):not([class*="button"]):not(.tk-button) {
	color: var(--tk-gold-dark);
	font-weight: 600;
}

body.tak-center-site :where(.tk-empty-state, .tk-wishlist-page) a.tk-checkout-btn-cta {
	background: var(--tk-gold-gradient, linear-gradient(135deg, #e5be69 0%, #d1a04a 50%, #b8872f 100%)) !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

body.tak-center-site .tk-content-lead {
	max-width: 760px !important;
	margin: 0 0 30px;
	color: var(--tk-ink);
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	font-weight: 600;
	line-height: 1.9;
}

body.tak-center-site .tk-content-columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	margin-block: 26px 34px;
}

body.tak-center-site .tk-fact-grid,
body.tak-center-site .tk-contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-block: 26px 34px;
}

body.tak-center-site .tk-fact-grid > div,
body.tak-center-site .tk-content-columns > section {
	padding: 18px;
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-surface);
}

body.tak-center-site .tk-fact-grid strong,
body.tak-center-site .tk-fact-grid span {
	display: block;
}

body.tak-center-site .tk-fact-grid strong {
	color: var(--tk-ink);
	font-size: 1.18rem;
}

body.tak-center-site .tk-fact-grid span {
	margin-top: 4px;
	color: var(--tk-body);
	font-size: 11px;
}

body.tak-center-site .tk-content-columns h2,
body.tak-center-site .tk-content-columns h3 {
	margin: 0 0 8px;
	font-size: 1rem;
}

body.tak-center-site .tk-content-columns p {
	margin: 0;
	font-size: 13px;
}

body.tak-center-site .tk-contact-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.tak-center-site .tk-contact-grid > a {
	display: grid;
	gap: 5px;
	padding: 18px;
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-surface);
	color: var(--tk-ink) !important;
	text-decoration: none;
}

body.tak-center-site .tk-contact-grid > a:hover {
	border-color: var(--tk-gold);
	background: var(--tk-gold-soft);
}

body.tak-center-site .tk-contact-grid small,
body.tak-center-site .tk-contact-grid span {
	color: var(--tk-body);
	font-size: 12.5px;
}

body.tak-center-site .tk-contact-grid strong {
	direction: ltr;
	color: var(--tk-ink);
	font-family: var(--tk-font-latin), var(--tk-font);
	font-size: 15px;
	text-align: right;
}

body.tak-center-site .tk-address-card {
	padding: 22px;
	border-inline-start: 4px solid var(--tk-gold);
	border-radius: var(--tk-radius);
	background: var(--tk-ink);
	color: rgba(255, 255, 255, .74);
}

body.tak-center-site .tk-address-card h2 {
	margin-top: 0;
	color: var(--tk-white);
}

body.tak-center-site .tk-address-card a {
	color: var(--tk-gold) !important;
}

body.tak-center-site .tk-accordion {
	display: grid;
	gap: 10px;
}

body.tak-center-site .tk-accordion details {
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	overflow: hidden;
}

body.tak-center-site .tk-accordion summary {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 13px 16px;
	color: var(--tk-ink);
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}

body.tak-center-site .tk-accordion summary::-webkit-details-marker {
	display: none;
}

body.tak-center-site .tk-accordion summary::after {
	margin-inline-start: auto;
	color: var(--tk-gold-dark);
	font: 500 21px/1 Arial, sans-serif;
	content: "+";
}

body.tak-center-site .tk-accordion details[open] summary {
	border-bottom: 1px solid var(--tk-border);
	background: var(--tk-gold-soft);
}

body.tak-center-site .tk-accordion details[open] summary::after {
	content: "−";
}

body.tak-center-site .tk-accordion details p {
	margin: 0;
	padding: 16px;
	font-size: 13px;
}

body.tak-center-site .tk-note {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 28px;
	padding: 15px 16px;
	border: 1px solid rgba(209, 160, 74, .3);
	border-radius: var(--tk-radius);
	background: var(--tk-gold-soft);
}

body.tak-center-site .tk-note strong {
	flex: 0 0 auto;
	color: var(--tk-ink);
}

body.tak-center-site .tk-note span {
	font-size: 13px;
}

body.tak-center-site .tk-check-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 20px 0 30px;
	padding: 0;
	list-style: none;
}

body.tak-center-site .tk-check-list li {
	position: relative;
	padding: 12px 40px 12px 12px;
	border: 1px solid var(--tk-border);
	border-radius: 9px;
	background: var(--tk-surface);
	color: var(--tk-ink);
	font-size: 13px;
}

body.tak-center-site .tk-check-list li::before {
	position: absolute;
	inset: 14px 14px auto auto;
	color: var(--tk-gold-dark);
	font-weight: 800;
	content: "✓";
}

body.tak-center-site .tk-business-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
	margin-top: 32px;
	padding: clamp(22px, 4vw, 34px);
	border-radius: var(--tk-radius);
	background: var(--tk-ink);
	color: rgba(255, 255, 255, .7);
}

body.tak-center-site .tk-business-cta h2 {
	margin: 0 0 6px;
	color: var(--tk-white);
}

body.tak-center-site .tk-business-cta p {
	margin: 0;
	font-size: 12px;
}

body.tak-center-site .tk-business-cta > div:last-child {
	display: flex;
	flex: 0 0 auto;
	gap: 8px;
}

body.tak-center-site .tk-business-cta .tk-button--secondary {
	border-color: rgba(255, 255, 255, .5) !important;
	color: var(--tk-white) !important;
}

/* WooCommerce archive */
body.tak-center-site .woocommerce .woocommerce-breadcrumb {
	margin-bottom: 24px;
	color: var(--tk-body);
	font-size: 12px;
}

body.tak-center-site .woocommerce-products-header {
	margin-bottom: 22px;
	padding: clamp(22px, 4vw, 38px);
	border-radius: var(--tk-radius);
	background: var(--tk-surface);
}

body.tak-center-site .woocommerce-products-header__title {
	margin: 0;
	color: var(--tk-ink);
	font-size: clamp(1.8rem, 4vw, 2.7rem);
}

body.tak-center-site .woocommerce .woocommerce-result-count,
body.tak-center-site .woocommerce .woocommerce-ordering {
	margin-bottom: 24px;
}

body.tak-center-site .woocommerce .woocommerce-result-count {
	min-height: 50px;
	display: flex;
	align-items: center;
	color: var(--tk-body);
	font-size: 12px;
}

body.tak-center-site .woocommerce .woocommerce-ordering select {
	min-width: min(100%, 230px);
}

body.tak-center-site .woocommerce ul.products {
	clear: both;
}

body.tak-center-site .woocommerce ul.products li.product .button {
	width: 100%;
	margin-top: 12px;
	padding-inline: 10px !important;
	font-size: 12px !important;
}

/* WooCommerce product detail */
body.tak-center-site .woocommerce div.product div.images img {
	border-radius: var(--tk-radius);
	background: var(--tk-surface);
}

body.tak-center-site .woocommerce div.product .summary {
	padding: clamp(20px, 3vw, 34px);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
}

body.tak-center-site .tk-single-brand {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 10px;
	padding: 4px 8px;
	border: 1px solid rgba(209, 160, 74, .28);
	border-radius: 7px;
	background: var(--tk-gold-soft);
	color: var(--tk-ink);
	font-size: 11px;
	font-weight: 700;
	text-decoration: none;
}

body.tak-center-site .tk-single-brand span {
	color: var(--tk-gold-dark);
	font-weight: 600;
}

body.tak-center-site .woocommerce div.product .product_title {
	margin-bottom: 14px;
	color: var(--tk-ink);
	font-size: clamp(1.7rem, 4vw, 2.5rem);
	line-height: 1.4;
}

body.tak-center-site .woocommerce div.product p.price {
	margin-block: 14px;
	font-size: 1.25rem;
}

body.tak-center-site .woocommerce div.product .stock {
	color: var(--tk-success);
	font-weight: 600;
}

body.tak-center-site .tk-product-specs {
	margin-block: 22px;
	padding: 16px;
	border: 1px solid var(--tk-border);
	border-radius: 9px;
	background: var(--tk-surface);
}

body.tak-center-site .tk-product-specs__title {
	margin: 0 0 12px;
	font-size: 15px;
}

body.tak-center-site .tk-product-specs__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
}

body.tak-center-site .tk-product-specs__item {
	display: grid;
	gap: 2px;
	padding: 9px;
	border-radius: 7px;
	background: var(--tk-white);
}

body.tak-center-site .tk-product-specs__item dt {
	color: var(--tk-body);
	font-size: 12.5px;
}

body.tak-center-site .tk-product-specs__item dd {
	margin: 0;
	color: var(--tk-ink);
	font-size: 14px;
	font-weight: 700;
}

body.tak-center-site .woocommerce div.product form.cart {
	align-items: center;
	padding-top: 8px;
	border-top: 1px solid var(--tk-border);
}

body.tak-center-site .quantity.tk-quantity-control {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 126px !important;
	min-width: 126px !important;
	height: 44px;
	padding: 2px;
	border: 1px solid var(--tk-control-border);
	border-radius: 9px;
	background: var(--tk-surface);
	overflow: hidden;
	box-sizing: border-box;
}

body.tak-center-site .quantity.tk-quantity-control .screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

body.tak-center-site .quantity.tk-quantity-control .qty {
	width: 48px !important;
	flex: 0 0 48px !important;
	height: 38px;
	min-height: 38px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: var(--tk-white);
	box-shadow: none;
	text-align: center;
}

body.tak-center-site .quantity.tk-persian-quantity {
	position: relative;
}

body.tak-center-site .quantity.tk-persian-quantity .qty {
	color: transparent;
	caret-color: var(--tk-ink);
}

body.tak-center-site .quantity.tk-persian-quantity .tk-quantity-value {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	color: var(--tk-ink);
	font: 700 14px/1 var(--tk-font);
	text-align: center;
	pointer-events: none;
}

body.tak-center-site .tk-quantity-button {
	display: grid;
	place-items: center;
	width: 36px !important;
	flex: 0 0 36px !important;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 7px;
	background: transparent;
	color: var(--tk-ink);
	font: 600 20px/1 Arial, sans-serif;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}

body.tak-center-site .tk-quantity-button:hover:not(:disabled) {
	background: rgba(209, 160, 74, .18);
	color: var(--tk-gold-dark);
}

body.tak-center-site .woocommerce div.product .woocommerce-tabs {
	margin-top: 38px;
}

body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs {
	gap: 4px;
	padding: 5px;
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-surface);
}

body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs::before,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
}

body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	padding: 8px 14px;
	color: var(--tk-body);
}

body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--tk-white);
	box-shadow: var(--tk-shadow-soft);
}

body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--tk-ink);
}

/*
 * Native WooCommerce templates put the `woocommerce` class on body instead of
 * rendering an inner `.woocommerce` wrapper. Keep archive and product screens
 * on the same visual system as shortcode and block-based commerce pages.
 */
body.tak-center-site.woocommerce .woocommerce-breadcrumb {
	margin-bottom: 24px;
	color: var(--tk-body);
	font-size: 12px;
}

body.tak-center-site.woocommerce .woocommerce-result-count,
body.tak-center-site.woocommerce .woocommerce-ordering {
	margin-bottom: 24px;
}

body.tak-center-site.woocommerce .woocommerce-result-count {
	display: flex;
	align-items: center;
	min-height: 50px;
	color: var(--tk-body);
	font-size: 12px;
}

body.tak-center-site.woocommerce .woocommerce-ordering select {
	min-width: min(100%, 230px);
}

body.tak-center-site.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	clear: both;
	gap: 14px !important;
	margin: 0 !important;
}

body.tak-center-site.woocommerce ul.products::before,
body.tak-center-site.woocommerce ul.products::after {
	display: none !important;
}

body.tak-center-site.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
	width: auto !important;
	min-width: 0;
	height: 100%;
	margin: 0 !important;
	padding: 13px !important;
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	box-shadow: var(--tk-shadow-soft);
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.tak-center-site.woocommerce ul.products li.product:hover {
	border-color: rgba(209, 160, 74, .52);
	box-shadow: var(--tk-shadow);
	transform: translateY(-3px);
}

body.tak-center-site.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
	display: flex;
	flex: 1;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

body.tak-center-site.woocommerce ul.products li.product a img {
	width: 100%;
	aspect-ratio: 1;
	margin: 0 0 15px !important;
	padding: 8px;
	border: 1px solid #eee9e1;
	border-radius: 10px;
	background: linear-gradient(145deg, #fff 0%, #f7f3ec 100%);
	object-fit: contain;
	transition: transform .28s ease;
}

body.tak-center-site.woocommerce ul.products li.product:hover a img {
	transform: scale(1.025);
}

body.tak-center-site.woocommerce ul.products li.product .woocommerce-loop-product__title {
	min-height: 3.2em;
	margin: 9px 0 7px;
	padding: 0;
	color: var(--tk-ink);
	font-size: 13px;
	font-weight: 750;
	line-height: 1.6;
}

body.tak-center-site.woocommerce ul.products li.product .price {
	margin-top: auto;
	color: var(--tk-gold-dark);
	font-size: 14px;
	font-weight: 800;
}

body.tak-center-site.woocommerce ul.products li.product .button {
	width: 100%;
	margin: 14px 0 0;
	padding-inline: 10px !important;
	font-size: 12px !important;
}

body.tak-center-site.single-product div.product div.images,
body.tak-center-site.single-product div.product div.summary {
	float: none !important;
	width: 100% !important;
}

body.tak-center-site.single-product div.product div.images {
	padding: clamp(12px, 2vw, 20px);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background:
		radial-gradient(circle at 75% 15%, rgba(209, 160, 74, .13), transparent 32%),
		linear-gradient(145deg, #fff 0%, #f7f3ec 100%);
	box-shadow: var(--tk-shadow-soft);
}

body.tak-center-site.single-product div.product div.images img {
	aspect-ratio: 1;
	border: 1px solid rgba(33, 28, 32, .06);
	border-radius: calc(var(--tk-radius) - 4px);
	background: var(--tk-white);
	filter: saturate(1.04) contrast(1.02);
	object-fit: contain;
}

body.tak-center-site.single-product div.product .summary {
	padding: clamp(22px, 3vw, 36px);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
	box-shadow: var(--tk-shadow-soft);
}

body.tak-center-site.single-product div.product .product_title {
	margin-bottom: 14px;
	color: var(--tk-ink);
	font-size: clamp(1.7rem, 4vw, 2.5rem);
	line-height: 1.4;
}

body.tak-center-site.single-product div.product p.price {
	margin-block: 14px;
	color: var(--tk-gold-dark);
	font-size: 1.3rem;
	font-weight: 800;
}

body.tak-center-site.single-product div.product .stock {
	color: var(--tk-success);
	font-weight: 700;
}

body.tak-center-site.single-product div.product form.cart {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 0;
	padding: 0;
	border: none;
	background: transparent;
}

body.tak-center-site.single-product div.product .product_meta {
	display: grid;
	gap: 7px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--tk-border);
	color: var(--tk-body);
	font-size: 12px;
}

body.tak-center-site.single-product div.product .product_meta a {
	color: var(--tk-ink);
	font-weight: 700;
}

body.tak-center-site.single-product div.product .woocommerce-tabs {
	margin-top: 38px;
}

body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex !important;
	width: 100% !important;
	box-sizing: border-box !important;
	gap: 4px !important;
	padding: 5px !important;
	border: 1px solid var(--tk-border, #e2e8f0) !important;
	border-radius: var(--tk-radius, 12px) !important;
	background: var(--tk-surface, #f8fafc) !important;
	overflow: hidden !important;
}

body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs::before,
body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs li::before,
body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs li::after,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs::before,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none !important;
}

body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs li,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs li a,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	padding: 9px 4px !important;
	box-sizing: border-box !important;
	color: var(--tk-body, #64748b) !important;
	font-size: clamp(11.5px, 2.8vw, 14px) !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
	text-align: center !important;
}

body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs li.active,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--tk-white, #ffffff) !important;
	box-shadow: var(--tk-shadow-soft, 0 2px 8px rgba(0, 0, 0, 0.06)) !important;
}

body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs li.active a,
body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--tk-ink, #0f172a) !important;
	font-weight: 800 !important;
}

body.tak-center-site.single-product div.product .woocommerce-tabs .panel {
	padding: clamp(20px, 3vw, 30px);
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-white);
}

body.tak-center-site.single-product div.product :where(.related, .upsells) > h2 {
	margin-bottom: 22px;
	color: var(--tk-ink);
	font-size: clamp(1.4rem, 3vw, 2rem);
}

/* Cart, checkout and account */
body.tak-center-site :where(
	.wc-block-cart-items,
	.wc-block-components-sidebar,
	.wc-block-checkout__main,
	.woocommerce-cart-form,
	.cart_totals,
	.woocommerce-checkout-review-order,
	.woocommerce form.checkout_coupon,
	.woocommerce form.login,
	.woocommerce form.register
) {
	border: 1px solid var(--tk-border) !important;
	border-radius: var(--tk-radius) !important;
	background: var(--tk-white);
	box-shadow: none;
}

body.tak-center-site :where(.wc-block-components-sidebar, .cart_totals, .woocommerce-checkout-review-order) {
	padding: 20px;
	background: var(--tk-surface);
}

body.tak-center-site .wc-block-components-radio-control__option {
	margin-bottom: 8px;
	padding: 12px 13px 12px 40px !important;
	border: 1px solid var(--tk-control-border);
	border-radius: 9px;
	background: var(--tk-white);
}

body.tak-center-site .wc-block-components-radio-control__option:has(input:checked) {
	border-color: var(--tk-gold);
	background: var(--tk-gold-soft);
}

body.tak-center-site .woocommerce-MyAccount-navigation ul {
	padding: 8px;
	border: 1px solid var(--tk-border);
	border-radius: var(--tk-radius);
	background: var(--tk-surface);
}

body.tak-center-site .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	min-height: 44px;
	margin: 2px 0;
	padding: 9px 12px;
	border: 1px solid transparent;
	border-radius: 8px;
	color: var(--tk-ink);
	font-weight: 600;
}

body.tak-center-site .woocommerce-MyAccount-navigation li a::after {
	margin-inline-start: auto;
	color: var(--tk-muted);
	content: "←";
}

body.tak-center-site .woocommerce-MyAccount-navigation li.is-active a,
body.tak-center-site .woocommerce-MyAccount-navigation li a:hover {
	border-color: rgba(209, 160, 74, .3);
	background: var(--tk-white);
	color: var(--tk-ink);
}

body.tak-center-site .woocommerce table.shop_table {
	border-color: var(--tk-border);
	border-radius: var(--tk-radius);
}

body.tak-center-site .woocommerce a.remove {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border: 1px solid #efd8d5;
	border-radius: 8px;
	background: #fff7f6;
	color: var(--tk-danger) !important;
	font-size: 18px;
}

body.tak-center-site .woocommerce a.remove:hover {
	background: var(--tk-danger);
	color: var(--tk-white) !important;
}

body.tak-center-site .woocommerce form .form-row input.input-text,
body.tak-center-site .woocommerce form .form-row select,
body.tak-center-site .woocommerce form .form-row textarea {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--tk-control-border);
	border-radius: 9px;
	font-family: var(--tk-font);
	font-size: 14px;
	background: var(--tk-white);
	color: var(--tk-ink);
	transition: border-color .18s ease, box-shadow .18s ease;
}

body.tak-center-site .woocommerce form .form-row input.input-text:focus,
body.tak-center-site .woocommerce form .form-row select:focus,
body.tak-center-site .woocommerce form .form-row textarea:focus {
	outline: none;
	border-color: var(--tk-gold);
	box-shadow: 0 0 0 3px var(--tk-gold-soft);
}

@media (max-width: 768px) {
	body.tak-center-site .woocommerce form .form-row-first,
	body.tak-center-site .woocommerce form .form-row-last,
	body.tak-center-site .woocommerce-page form .form-row-first,
	body.tak-center-site .woocommerce-page form .form-row-last {
		float: none !important;
		width: 100% !important;
		margin-inline: 0 !important;
	}
}

/* Notices, pagination and feedback */
body.tak-center-site :where(.woocommerce-error, .woocommerce-info, .woocommerce-message, .wc-block-components-notice-banner) {
	padding: 13px 15px !important;
	border: 1px solid var(--tk-border) !important;
	border-inline-start: 4px solid var(--tk-gold) !important;
	border-radius: var(--tk-radius) !important;
	background: var(--tk-white) !important;
	box-shadow: var(--tk-shadow-soft);
	color: var(--tk-ink);
}

body.tak-center-site .woocommerce-error {
	border-inline-start-color: var(--tk-danger) !important;
}

body.tak-center-site .woocommerce-message {
	border-inline-start-color: var(--tk-success) !important;
}

body.tak-center-site .woocommerce nav.woocommerce-pagination ul {
	gap: 6px;
}

body.tak-center-site .woocommerce nav.woocommerce-pagination ul li a,
body.tak-center-site .woocommerce nav.woocommerce-pagination ul li span {
	display: grid;
	place-items: center;
	min-width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid var(--tk-control-border);
	border-radius: 8px;
	background: var(--tk-white);
	color: var(--tk-ink);
	font-weight: 700;
}

body.tak-center-site .woocommerce nav.woocommerce-pagination ul li a:hover,
body.tak-center-site .woocommerce nav.woocommerce-pagination ul li span.current {
	border-color: var(--tk-gold);
	background: var(--tk-gold);
}

body.tak-center-site .tk-toast-region {
	position: fixed;
	inset: auto auto calc(80px + env(safe-area-inset-bottom)) 16px;
	z-index: 2000;
	display: grid;
	gap: 8px;
	width: min(calc(100vw - 32px), 340px);
	pointer-events: none;
}

body.tak-center-site .tk-toast {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 52px;
	padding: 10px 12px;
	border: 1px solid rgba(209, 160, 74, .3);
	border-radius: var(--tk-radius);
	background: var(--tk-ink);
	box-shadow: var(--tk-shadow);
	color: var(--tk-white);
	font-size: 12px;
	font-weight: 600;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s var(--tk-ease);
}

body.tak-center-site .tk-toast::before {
	display: grid;
	flex: 0 0 auto;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 7px;
	background: var(--tk-gold);
	color: var(--tk-ink);
	content: "✓";
}

body.tak-center-site .tk-toast--error::before {
	background: #f9d3cf;
	color: var(--tk-danger);
	content: "!";
}

body.tak-center-site .tk-toast.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Footer */
/* Footer [H7] */
body.tak-center-site .tk-site-footer {
	margin-top: 80px;
	border-top: 4px solid var(--tk-gold, #d1a04a);
	background: var(--tk-ink, #211c20);
	color: #f1ede8;
}

/* Suppress duplicate footer features strip on homepage where Benefits section is already displayed */
body.home .tk-footer-features-strip,
body:has(.tk-benefits) .tk-footer-features-strip,
.tk-home-main ~ .tk-site-footer .tk-footer-features-strip {
	display: none !important;
}

/* Infinite Continuous Partner Brands Marquee Strip */
body.tak-center-site .tk-brand-marquee-strip {
	background: linear-gradient(180deg, #181417 0%, #110e10 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 24px 0 22px 0;
	position: relative;
	overflow: hidden;
}

body.tak-center-site .tk-brand-marquee-inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body.tak-center-site .tk-brand-marquee-lead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding-inline: 4px;
}

body.tak-center-site .tk-brand-marquee-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 14px;
	border-radius: 999px;
	background: rgba(209, 160, 74, 0.15);
	border: 1px solid rgba(209, 160, 74, 0.35);
	color: var(--tk-gold, #d1a04a);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: -0.2px;
}

body.tak-center-site .tk-brand-marquee-badge .tk-icon {
	width: 15px;
	height: 15px;
	stroke: var(--tk-gold, #d1a04a);
}

body.tak-center-site .tk-brand-marquee-title {
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -0.2px;
}

body.tak-center-site .tk-brand-marquee-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-block: 6px;
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 50px, black calc(100% - 50px), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, black 50px, black calc(100% - 50px), transparent 100%);
}

body.tak-center-site .tk-brand-marquee-track {
	display: flex;
	width: max-content;
	align-items: center;
	animation: tk-marquee-scroll 34s linear infinite;
	will-change: transform;
}

body.tak-center-site .tk-brand-marquee-container:hover .tk-brand-marquee-track {
	animation-play-state: paused;
}

body.tak-center-site .tk-brand-marquee-group {
	display: flex;
	align-items: center;
	gap: 20px;
	padding-inline: 10px;
	flex-shrink: 0;
}

body.tak-center-site .tk-marquee-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 154px;
	height: 68px;
	padding: 8px 16px;
	background: #ffffff;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
	transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	flex-shrink: 0;
	text-decoration: none;
}

body.tak-center-site .tk-marquee-item:hover {
	transform: translateY(-3px) scale(1.03);
	border-color: var(--tk-gold, #d1a04a);
	box-shadow: 0 8px 24px rgba(209, 160, 74, 0.35);
}

body.tak-center-site .tk-marquee-item img {
	max-width: 120px;
	max-height: 48px;
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(12%);
	opacity: 0.92;
	transition: all 0.25s ease;
	display: block;
}

body.tak-center-site .tk-marquee-item:hover img {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.04);
}

@keyframes tk-marquee-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

@media (max-width: 768px) {
	body.tak-center-site .tk-brand-marquee-strip {
		padding: 16px 0 14px 0;
	}
	body.tak-center-site .tk-brand-marquee-lead {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
	body.tak-center-site .tk-brand-marquee-title {
		font-size: 13.5px;
	}
	body.tak-center-site .tk-brand-marquee-badge {
		font-size: 11px;
		padding: 3px 10px;
	}
	body.tak-center-site .tk-marquee-item {
		width: 124px;
		height: 56px;
		padding: 6px 12px;
		border-radius: 10px;
	}
	body.tak-center-site .tk-marquee-item img {
		max-width: 96px;
		max-height: 38px;
	}
	body.tak-center-site .tk-brand-marquee-group {
		gap: 12px;
		padding-inline: 6px;
	}
}

/* ========================================================
   DIGIKALA-STYLE FOOTER ARCHITECTURE & RESPONSIVE LAYOUT
   ======================================================== */

/* 1. Footer Top Strip: Logo, Support Phone, Back to Top */
body.tak-center-site .tk-footer-top-strip {
	padding: 24px 0 20px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.tak-center-site .tk-footer-top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}

body.tak-center-site .tk-footer-brand-logo img {
	width: 175px;
	height: auto;
	padding: 6px 12px;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
	display: block;
}

body.tak-center-site .tk-footer-top-actions {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

body.tak-center-site .tk-footer-top-phone {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	color: #c5bfb6;
}

body.tak-center-site .tk-footer-phone-num {
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	direction: ltr;
	display: inline-block;
	transition: color 0.2s ease;
}

body.tak-center-site .tk-footer-phone-num:hover {
	color: var(--tk-gold, #d1a04a);
}

body.tak-center-site .tk-footer-phone-pipe {
	color: rgba(255, 255, 255, 0.2);
	margin: 0 4px;
}

body.tak-center-site .tk-footer-phone-hours {
	color: #9e978e;
	font-size: 13px;
}

body.tak-center-site .tk-footer-back-to-top {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border-radius: 8px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #ded9d0;
	font-family: inherit;
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.25s ease;
}

body.tak-center-site .tk-footer-back-to-top:hover {
	border-color: var(--tk-gold, #d1a04a);
	color: var(--tk-gold, #d1a04a);
	background: rgba(209, 160, 74, 0.08);
}

body.tak-center-site .tk-footer-back-to-top .tk-icon {
	width: 16px;
	height: 16px;
	stroke-width: 2.2;
}

/* 2. Main 4-Column Navigation Grid */
body.tak-center-site .tk-footer-main {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px 32px;
	padding-block: 44px 36px;
}

body.tak-center-site .tk-footer-col-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 16px 0;
	padding-bottom: 0 !important;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	position: relative;
}

body.tak-center-site .tk-footer-col h2::after,
body.tak-center-site .tk-footer-col-title::after {
	display: none !important;
	content: none !important;
}

body.tak-center-site .tk-footer-col-arrow {
	display: none;
	background: none;
	border: none;
	color: #c4bfb7;
	padding: 4px;
	cursor: pointer;
	line-height: 1;
}

body.tak-center-site .tk-footer-col-arrow svg {
	width: 18px;
	height: 18px;
	transition: transform 0.25s ease;
}

body.tak-center-site .tk-footer-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.tak-center-site .tk-footer-col li {
	margin-block: 9px;
}

body.tak-center-site .tk-footer-col a {
	color: #ded9d0;
	font-size: 13.5px;
	line-height: 1.6;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
	display: inline-block;
}

body.tak-center-site .tk-footer-col a:hover {
	color: var(--tk-gold, #d1a04a);
	transform: translateX(-3px);
}

/* Contact list inside column */
body.tak-center-site .tk-footer-contact .tk-contact-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-block: 12px;
}

body.tak-center-site .tk-contact-icon {
	color: var(--tk-gold, #d1a04a);
	flex-shrink: 0;
	margin-top: 2px;
}

body.tak-center-site .tk-contact-icon svg {
	width: 18px;
	height: 18px;
}

body.tak-center-site .tk-footer-contact .tk-contact-list strong {
	display: block;
	color: #ffffff;
	font-size: 13px;
	margin-bottom: 2px;
}

body.tak-center-site .tk-footer-contact .tk-contact-list span,
body.tak-center-site .tk-footer-contact .tk-contact-list a {
	color: #c5bfb6;
	font-size: 13px;
	line-height: 1.6;
}

/* Social Column */
body.tak-center-site .tk-footer-social-column .tk-footer-social-desc {
	color: #9e978e;
	font-size: 13px;
	margin: 0 0 12px 0;
}

body.tak-center-site .tk-footer-social-wrap .tk-socials {
	display: flex;
	gap: 12px;
}

body.tak-center-site .tk-socials a {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 10px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.04);
	transition: all 0.25s ease;
	text-decoration: none;
}

body.tak-center-site .tk-socials a:hover {
	background: var(--tk-gold, #d1a04a);
	border-color: var(--tk-gold, #d1a04a);
	color: #ffffff;
	transform: translateY(-3px);
	box-shadow: 0 6px 14px rgba(209, 160, 74, 0.25);
}

body.tak-center-site .tk-socials svg {
	width: 20px;
	height: 20px;
}

/* 3. SEO Store Introduction & Trust Badges Strip */
body.tak-center-site .tk-footer-about-trust-strip {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding-block: 36px 32px;
	background: rgba(0, 0, 0, 0.12);
}

body.tak-center-site .tk-footer-about-trust-grid {
	display: grid;
	grid-template-columns: 1.8fr 1fr;
	gap: 36px;
	align-items: center;
}

body.tak-center-site .tk-footer-seo-title {
	font-size: 16.5px;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 12px 0;
	line-height: 1.5;
}

body.tak-center-site .tk-footer-seo-content {
	font-size: 13.5px;
	line-height: 1.85;
	color: #ffffff;
	margin-bottom: 8px;
}

body.tak-center-site .tk-footer-seo-content p {
	color: #ffffff;
	margin: 0 0 8px 0;
}

body.tak-center-site .tk-footer-seo-extra {
	display: none;
}

body.tak-center-site .tk-footer-seo-extra.is-shown {
	display: block;
	animation: tkFooterFadeIn 0.25s ease;
}

body.tak-center-site .tk-footer-readmore-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	padding: 0;
	color: var(--tk-gold, #d1a04a);
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	margin-top: 4px;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

body.tak-center-site .tk-footer-readmore-btn:hover {
	opacity: 0.85;
	transform: translateX(-3px);
}

body.tak-center-site .tk-footer-readmore-btn .tk-icon {
	width: 14px;
	height: 14px;
	transition: transform 0.25s ease;
}

body.tak-center-site .tk-footer-readmore-btn.is-expanded .tk-icon {
	transform: rotate(180deg);
}

/* Trust Badges Container */
body.tak-center-site .tk-footer-trust-card {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	padding: 16px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

body.tak-center-site .tk-trust-badges-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

body.tak-center-site .tk-trust-badge-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 12px 8px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.02);
	transition: all 0.25s ease;
}

body.tak-center-site .tk-trust-badge-box:hover {
	border-color: rgba(209, 160, 74, 0.4);
	background: rgba(209, 160, 74, 0.05);
	transform: translateY(-2px);
}

body.tak-center-site .tk-badge-mark {
	color: var(--tk-gold, #d1a04a);
	margin-bottom: 6px;
}

body.tak-center-site .tk-badge-mark svg {
	width: 22px;
	height: 22px;
}

body.tak-center-site .tk-trust-badge-box strong {
	color: #ffffff;
	font-size: 12px;
	margin-bottom: 2px;
	display: block;
}

body.tak-center-site .tk-trust-badge-box small {
	color: #8f887f;
	font-size: 10.5px;
	display: block;
	line-height: 1.3;
}

/* 4. Footer Bottom Copyright Strip */
body.tak-center-site .tk-footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding: 24px 0 calc(96px + env(safe-area-inset-bottom, 0px)) 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 8px;
}

body.tak-center-site .tk-footer-bottom-copy {
	font-size: 12px;
	color: #8c857b;
	line-height: 1.8;
	max-width: 820px;
}

body.tak-center-site .tk-footer-bottom-tagline {
	font-size: 11.5px;
	color: #6d665e;
	letter-spacing: 0.5px;
}

/* 5. Responsive Breakpoints: Tablet & Mobile */
@media (min-width: 900px) {
	body.tak-center-site .tk-footer-bottom {
		padding-top: 24px !important;
		padding-bottom: 115px !important;
		justify-content: flex-start !important;
	}
}

@media (max-width: 899px) {
	body.tak-center-site .tk-footer-main {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
		padding-block: 20px 28px !important;
	}

	body.tak-center-site .tk-footer-col--accordion {
		border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
	}

	body.tak-center-site .tk-footer-col--accordion .tk-footer-col-title {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		margin: 0 !important;
		padding: 22px 6px !important;
		min-height: 64px !important;
		font-size: 16.5px !important;
		font-weight: 700 !important;
		cursor: pointer !important;
		user-select: none !important;
		transition: color 0.2s ease !important;
	}

	body.tak-center-site .tk-footer-col--accordion:hover .tk-footer-col-title {
		color: var(--tk-gold, #d1a04a) !important;
	}

	body.tak-center-site .tk-footer-col-arrow {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 8px !important;
		margin-inline-end: -4px !important;
		color: #c4bfb7 !important;
	}

	body.tak-center-site .tk-footer-col-arrow svg {
		width: 22px !important;
		height: 22px !important;
		stroke-width: 2.2 !important;
		transition: transform 0.28s ease !important;
	}

	body.tak-center-site .tk-footer-col--accordion.is-open .tk-footer-col-arrow svg {
		transform: rotate(180deg) !important;
	}

	body.tak-center-site .tk-footer-col--accordion .tk-footer-col-content {
		display: none;
		padding-bottom: 22px !important;
		padding-top: 4px !important;
	}

	body.tak-center-site .tk-footer-col--accordion.is-open .tk-footer-col-content {
		display: block !important;
		animation: tkFooterFadeIn 0.25s ease !important;
	}

	body.tak-center-site .tk-footer-social-column {
		padding-top: 26px !important;
	}

	body.tak-center-site .tk-footer-about-trust-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	body.tak-center-site .tk-footer-trust-card {
		max-width: 540px;
		margin-inline: auto;
	}
}

@media (max-width: 599px) {
	body.tak-center-site .tk-footer-top-inner {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	body.tak-center-site .tk-footer-top-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	body.tak-center-site .tk-footer-top-phone {
		justify-content: center;
		padding: 12px;
		background: rgba(255, 255, 255, 0.04);
		border-radius: 8px;
		border: 1px solid rgba(255, 255, 255, 0.08);
	}

	body.tak-center-site .tk-footer-back-to-top {
		justify-content: center;
		padding: 12px;
	}

	body.tak-center-site .tk-footer-trust-card {
		padding: 12px;
	}

	body.tak-center-site .tk-trust-badges-grid {
		gap: 8px;
	}
}

@keyframes tkFooterFadeIn {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Global Safe Responsive Layout & Overflow Prevention */
html, body.tak-center-site {
	overflow-x: hidden !important;
	max-width: 100vw !important;
	width: 100% !important;
}

body.tak-center-site .tk-shell {
	width: 100% !important;
	max-width: 1320px !important;
	margin-inline: auto !important;
	padding-inline: clamp(14px, 3vw, 24px) !important;
	box-sizing: border-box !important;
}

@media (min-width: 1400px) {
	body.tak-center-site .tk-shell {
		max-width: 1360px !important;
	}
}

/* Responsive behavior */
@media (max-width: 599px) {
	body.tak-center-site .tk-header-main {
		min-height: 54px;
		padding-block: 6px;
	}

	body.tak-center-site .tk-brand img {
		width: 105px;
	}

	body.tak-center-site .tk-search-wrap {
		padding-bottom: 4px;
		margin-top: 2px;
	}

	body.tak-center-site .tk-search {
		height: 46px;
	}

	body.tak-center-site .tk-home .tk-hero {
		margin-top: 18px;
		padding: 24px 20px;
	}

	body.tak-center-site .tk-hero h1 {
		font-size: 2rem;
	}

	body.tak-center-site .tk-hero__proof {
		gap: 8px;
		margin-top: 24px;
		padding-top: 18px;
	}

	body.tak-center-site .tk-hero__proof strong {
		font-size: 16px;
	}

	body.tak-center-site .tk-hero__visual {
		margin-top: 24px;
	}

	body.tak-center-site .tk-section {
		padding-block: 44px;
	}

	body.tak-center-site .tk-section--surface {
		padding-inline: 14px;
	}

	body.tak-center-site .tk-section__header {
		align-items: flex-start;
	}

	body.tak-center-site .tk-section__header > a {
		padding-top: 4px;
		font-size: 11px;
	}

	/* Mobile Horizontal Product Swiper (Best Sellers, Economic Shopping, New Arrivals, Recommended) */
	body.tak-center-site .tk-home .tk-products:not(.tk-products--special-row),
	body.tak-center-site .tk-best-sellers .tk-products,
	body.tak-center-site .tk-economic-shopping .tk-products,
	body.tak-center-site .tk-new-arrivals .tk-products,
	body.tak-center-site .tk-recommended .tk-products {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-behavior: smooth !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		gap: 12px !important;
		margin-inline: -16px !important;
		padding-inline: 16px !important;
		padding-block: 8px 16px !important;
	}

	body.tak-center-site .tk-home .tk-products::-webkit-scrollbar,
	body.tak-center-site .tk-products--special-row::-webkit-scrollbar {
		display: none !important;
	}

	body.tak-center-site .tk-home .tk-products:not(.tk-products--special-row) .tk-product-card {
		flex: 0 0 174px !important;
		width: 174px !important;
		min-width: 174px !important;
		max-width: 174px !important;
		scroll-snap-align: start !important;
		padding: 10px 8px 12px !important;
		border-radius: 16px !important;
		border: 1px solid #ede8e1 !important;
		background: #ffffff !important;
		box-shadow: 0 4px 14px rgba(33, 28, 32, 0.05) !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__media {
		height: 140px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin-bottom: 8px !important;
		position: relative !important;
		border-radius: 12px !important;
		overflow: hidden !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__media img {
		max-height: 130px !important;
		width: auto !important;
		max-width: 100% !important;
		object-fit: contain !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__body {
		min-height: 0 !important;
		flex: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__meta {
		font-size: 12px !important;
		min-height: 0 !important;
		gap: 2px !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__title {
		font-size: 13.5px !important;
		line-height: 1.45 !important;
		font-weight: 700 !important;
		color: #211c20 !important;
		min-height: 38px !important;
		height: auto !important;
		overflow: hidden !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		margin: 4px 0 6px !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__availability {
		font-size: 11px !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__price {
		padding-top: 4px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-home .tk-products .tk-product-card .tk-product-card__price del {
		font-size: 12px !important;
		color: #94a3b8 !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-home .tk-product-card .tk-product-card__add.button {
		min-height: 36px !important;
		font-size: 13px !important;
		font-weight: 800 !important;
		padding: 6px 4px !important;
		margin-top: 8px !important;
		border-radius: 9px !important;
		width: 100% !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	body.tak-center-site.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	body.tak-center-site .woocommerce ul.products li.product {
		padding: 9px !important;
	}

	body.tak-center-site.woocommerce ul.products li.product {
		padding: 9px !important;
	}

	body.tak-center-site.single-product div.product form.cart {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	body.tak-center-site.single-product div.product .product_title {
		font-size: 1.35rem;
		line-height: 1.45;
		margin-bottom: 12px;
	}

	body.tak-center-site.single-product div.product .woocommerce-tabs ul.tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	body.tak-center-site .tk-product-specs__list {
		grid-template-columns: 1fr;
	}

	body.tak-center-site .woocommerce div.product .woocommerce-tabs ul.tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	body.tak-center-site .tk-brands__row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	body.tak-center-site .woocommerce form.login .woocommerce-form-login__submit,
	body.tak-center-site .woocommerce form.register .woocommerce-form-register__submit {
		width: 100%;
		min-height: 48px;
		font-size: 14px;
	}

	body.tak-center-site .tk-fact-grid,
	body.tak-center-site .tk-contact-grid,
	body.tak-center-site .tk-content-columns,
	body.tak-center-site .tk-check-list {
		grid-template-columns: 1fr;
	}

	body.tak-center-site .tk-business-cta,
	body.tak-center-site .tk-business-cta > div:last-child {
		align-items: stretch;
		flex-direction: column;
	}

}

/* Tablet (600px - 899px) Product Swiper & Layout */
@media (min-width: 600px) and (max-width: 899px) {
	body.tak-center-site .tk-home .tk-products:not(.tk-products--special-row),
	body.tak-center-site .tk-best-sellers .tk-products,
	body.tak-center-site .tk-economic-shopping .tk-products,
	body.tak-center-site .tk-new-arrivals .tk-products,
	body.tak-center-site .tk-recommended .tk-products {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-behavior: smooth !important;
		scrollbar-width: none !important;
		gap: 14px !important;
		margin-inline: -20px !important;
		padding-inline: 20px !important;
		padding-block: 8px 18px !important;
	}

	body.tak-center-site .tk-home .tk-products:not(.tk-products--special-row) .tk-product-card {
		flex: 0 0 196px !important;
		width: 196px !important;
		min-width: 196px !important;
		max-width: 196px !important;
		scroll-snap-align: start !important;
		padding: 12px 10px !important;
		border-radius: 16px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-home .tk-product-card .tk-product-card__title {
		font-size: 14px !important;
		line-height: 1.48 !important;
	}
}

body.tak-center-site .woocommerce form .form-row .woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

body.tak-center-site .woocommerce form .form-row .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	order: -1;
	margin: 0;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

@media (min-width: 600px) {
	body.tak-center-site .tk-categories__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	body.tak-center-site .tk-brands__row {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.tak-center-site :where(.tk-benefit-grid, .tk-benefits__grid) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	body.tak-center-site.woocommerce ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	body.tak-center-site .tk-site-header {
		position: sticky;
		top: 0;
		box-shadow: 0 1px 0 rgba(33, 28, 32, .06);
	}

	body.tak-center-site .tk-mobile-toggle {
		display: none !important;
	}

	body.tak-center-site .tk-header-main {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		min-height: 84px;
	}

	body.tak-center-site .tk-brand {
		flex-shrink: 0;
	}

	body.tak-center-site .tk-brand img {
		width: 160px;
	}

	body.tak-center-site .tk-search-wrap {
		flex: 1 1 360px;
		max-width: 520px;
		padding: 0;
		margin: 0;
	}

	body.tak-center-site .tk-location-btn {
		flex-shrink: 0;
	}

	body.tak-center-site .tk-header-actions {
		display: flex;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
	}

	@media (max-width: 1080px) {
		body.tak-center-site .tk-header-main {
			gap: 10px;
		}
		body.tak-center-site .tk-search-wrap {
			flex: 1 1 200px;
			min-width: 160px;
		}
		body.tak-center-site .tk-brand img {
			width: 135px;
		}
	}

	body.admin-bar.tak-center-site .tk-site-header {
		top: 32px;
	}

	body.tak-center-site .tk-search-submit {
		width: auto;
		min-width: 98px;
		padding-inline: 14px;
	}

	body.tak-center-site .tk-search-submit span {
		display: inline;
		font-size: 12px;
		font-weight: 700;
	}

	body.tak-center-site .tk-home .tk-hero {
		grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
		gap: clamp(34px, 5vw, 72px);
	}

	body.tak-center-site .tk-categories__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 16px;
	}

	body.tak-center-site .tk-products,
	body.tak-center-site .wc-block-grid__products,
	body.tak-center-site .wp-block-woocommerce-product-collection .wc-block-product-template,
	body.tak-center-site .woocommerce ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 18px !important;
	}

	body.tak-center-site.woocommerce ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 18px !important;
	}

	/* Shop PLP with Sidebar: Balanced columns for premium card width (never cramped) */
	body.tak-center-site .tk-shop-content ul.products,
	body.tak-center-site .tk-shop-layout ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 18px !important;
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		body.tak-center-site .tk-shop-content ul.products,
		body.tak-center-site .tk-shop-layout ul.products {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			gap: 14px !important;
		}
	}

	@media (min-width: 641px) and (max-width: 991px) {
		body.tak-center-site .tk-shop-content ul.products,
		body.tak-center-site .tk-shop-layout ul.products {
			grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
			gap: 16px !important;
		}
	}

	@media (max-width: 640px) {
		body.tak-center-site .tk-shop-content ul.products,
		body.tak-center-site .tk-shop-layout ul.products {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			gap: 10px !important;
		}
	}

	@media (min-width: 1600px) {
		body.tak-center-site .tk-shop-content ul.products,
		body.tak-center-site .tk-shop-layout ul.products {
			grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		}
	}

	body.tak-center-site .tk-products--offers {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	body.tak-center-site :where(.tk-benefit-grid, .tk-benefits__grid) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
	}

	body.tak-center-site .tk-brands__row {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 14px;
	}

	body.tak-center-site .woocommerce div.product {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: clamp(28px, 5vw, 64px);
		align-items: start;
	}

	body.tak-center-site.single-product div.product {
		display: grid;
		grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
		gap: clamp(28px, 5vw, 64px);
		align-items: start;
	}

	body.tak-center-site .woocommerce div.product::before,
	body.tak-center-site .woocommerce div.product::after {
		display: none;
	}

	body.tak-center-site.single-product div.product::before,
	body.tak-center-site.single-product div.product::after {
		display: none;
	}

	body.tak-center-site .woocommerce div.product div.images,
	body.tak-center-site .woocommerce div.product div.summary {
		float: none !important;
		width: auto !important;
		margin: 0 !important;
	}

	body.tak-center-site.single-product div.product div.images,
	body.tak-center-site.single-product div.product div.summary {
		width: auto !important;
		margin: 0 !important;
	}

	body.tak-center-site .woocommerce div.product :where(.woocommerce-tabs, .related, .upsells) {
		grid-column: 1 / -1;
	}

	body.tak-center-site.single-product div.product :where(.woocommerce-tabs, .related, .upsells) {
		grid-column: 1 / -1;
	}

	body.tak-center-site .tk-toast-region {
		inset: auto auto 24px 24px;
	}

}


@media (hover: none) {
	body.tak-center-site :where(
		.tk-button,
		.woocommerce .button,
		.tk-category-card,
		.tk-product-card,
		.woocommerce ul.products li.product
	):hover {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.tak-center-site *,
	body.tak-center-site *::before,
	body.tak-center-site *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

/* Single product related section */
body.tak-center-site .tk-single-related {
	margin-top: clamp(32px, 5vw, 56px);
	padding-top: clamp(24px, 4vw, 40px);
	border-top: 1px solid var(--tk-border);
}

body.tak-center-site .tk-single-related .tk-section__header {
	margin-bottom: 20px;
}

body.tak-center-site .tk-single-related .tk-section__eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: var(--tk-gold-dark);
	margin-bottom: 4px;
}

body.tak-center-site .tk-single-related .tk-section__title {
	font-size: clamp(17px, 3.2vw, 22px);
	font-weight: 800;
	color: var(--tk-ink);
	margin: 0;
}

@media (max-width: 767px) {
	body.tak-center-site .tk-single-related .tk-products,
	body.tak-center-site .tk-products--related {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	body.tak-center-site .tk-single-related .tk-product-card,
	body.tak-center-site .tk-products--related .tk-product-card {
		padding: 10px 8px !important;
		overflow: hidden !important;
	}
}

@media print {
	.tk-toast-region,
	.tk-quantity-button,
	.tk-wishlist-button {
		display: none !important;
	}
}

/* ==========================================================================
   Stacked Promotional Banners [H5]
   ========================================================================== */
body.tak-center-site .tk-promo-stacked {
	padding-block: 40px 20px;
}
body.tak-center-site .tk-promo-stacked__grid {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
body.tak-center-site .tk-promo-card {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 34px 40px;
	border-radius: var(--tk-radius, 12px);
	border: 1px solid var(--tk-border, #ededed);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.tak-center-site .tk-promo-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12);
}
body.tak-center-site .tk-promo-card--discounts {
	background: #ffffff;
	border: 1px solid #ededed;
	border-inline-start: 6px solid #d1a04a;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
body.tak-center-site .tk-promo-card--teaser {
	background: #f7f7f7;
	border: 1px solid #ededed;
	border-inline-start: 6px solid #211c20;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
body.tak-center-site .tk-promo-card--teaser .tk-promo-card__title {
	color: #211c20 !important;
}
body.tak-center-site .tk-promo-card--teaser .tk-promo-card__desc {
	color: #6d6d6d !important;
}
body.tak-center-site .tk-promo-card--teaser .tk-promo-pill--dark {
	background: #ffffff;
	color: #211c20;
	border: 1px solid #ededed;
}
body.tak-center-site .tk-promo-card--teaser .tk-button--secondary {
	background: transparent !important;
	border: 1.5px solid #211c20 !important;
	color: #211c20 !important;
	box-shadow: none !important;
}
body.tak-center-site .tk-promo-card--teaser .tk-button--secondary:hover {
	background: #211c20 !important;
	color: #ffffff !important;
}
body.tak-center-site .tk-promo-card--teaser .tk-button--outline {
	color: #211c20 !important;
	border: 1px solid #ededed !important;
	background: #ffffff !important;
}
body.tak-center-site .tk-promo-card--teaser .tk-button--outline:hover {
	background: #211c20 !important;
	color: #ffffff !important;
	border-color: #211c20 !important;
}
body.tak-center-site .tk-promo-card--teaser .tk-promo-stat-badge {
	background: #ffffff;
	border: 1px solid #ededed;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
body.tak-center-site .tk-promo-card--teaser .tk-promo-stat-badge__num {
	color: #211c20 !important;
}
body.tak-center-site .tk-promo-card--teaser .tk-promo-stat-badge__lbl {
	color: #6d6d6d !important;
}
body.tak-center-site .tk-promo-card__body {
	max-width: 820px;
	z-index: 2;
}
body.tak-center-site .tk-promo-card__badges {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 12px;
}
body.tak-center-site .tk-promo-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
}
body.tak-center-site .tk-promo-pill--gold {
	background: #ffffff;
	color: #d1a04a;
	border: 1px solid #ededed;
}
body.tak-center-site .tk-promo-pill--highlight {
	background: #ffffff;
	color: #d1a04a;
	border: 1px solid #ededed;
}
body.tak-center-site .tk-promo-pill--dark {
	background: #ffffff;
	color: #211c20;
	border: 1px solid #ededed;
}
body.tak-center-site .tk-promo-card__title {
	margin: 0 0 10px;
	font-size: clamp(1.2rem, 2.4vw, 1.7rem);
	font-weight: 800;
	color: var(--tk-ink, #211c20);
	line-height: 1.4;
}
body.tak-center-site .tk-promo-card__desc {
	margin: 0 0 16px;
	font-size: 14.5px;
	line-height: 1.8;
	color: var(--tk-body, #6d6d6d);
	max-width: 720px;
}
body.tak-center-site .tk-promo-card__features {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 20px;
}
body.tak-center-site .tk-promo-feature {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 700;
	color: #211c20;
}
body.tak-center-site .tk-promo-feature .tk-icon {
	width: 16px;
	height: 16px;
	color: var(--tk-gold, #d1a04a);
	stroke-width: 2.2;
}
body.tak-center-site .tk-promo-card__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
body.tak-center-site .tk-promo-circle-badge {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e5be69 0%, #d1a04a 50%, #b8872f 100%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	box-shadow: 0 10px 25px rgba(209, 160, 74, 0.4);
}
body.tak-center-site .tk-promo-circle-badge__num {
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
}
body.tak-center-site .tk-promo-circle-badge__lbl {
	font-size: 13px;
	font-weight: 700;
	margin-top: 4px;
}
body.tak-center-site .tk-promo-stat-badge {
	padding: 20px 24px;
	border-radius: 12px;
	background: #ffffff;
	border: 1px solid var(--tk-border, #ededed);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
body.tak-center-site .tk-promo-stat-badge__num {
	font-size: 30px;
	font-weight: 900;
	color: var(--tk-gold, #d1a04a);
	line-height: 1;
}
body.tak-center-site .tk-promo-stat-badge__lbl {
	font-size: 13px;
	font-weight: 700;
	color: var(--tk-ink, #211c20);
	margin-top: 5px;
}
@media (max-width: 768px) {
	body.tak-center-site .tk-promo-card {
		padding: 24px 18px;
		flex-direction: column;
		align-items: flex-start;
		gap: 18px;
	}
	body.tak-center-site .tk-promo-card__visual {
		align-self: center;
	}
}

/* ==========================================================================
   Partner Brands Showcase at Bottom [H6]
   ========================================================================== */
body.tak-center-site .tk-brands--showcase {
	padding: clamp(34px, 5vw, 56px) clamp(16px, 3vw, 32px);
	background: linear-gradient(180deg, #faf7f2 0%, #f6efe4 100%);
	border: 1px solid #ede3d6;
	border-radius: 20px;
	margin-block: 28px 40px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}
body.tak-center-site .tk-brands--showcase .tk-section__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 28px;
}
body.tak-center-site .tk-brands__all-link {
	font-size: 14px;
	font-weight: 700;
	color: var(--tk-gold-dark, #b8872f);
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}
body.tak-center-site .tk-brands__all-link:hover {
	color: var(--tk-gold, #d1a04a);
	transform: translateX(-3px);
}
body.tak-center-site .tk-brands__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 16px;
}
body.tak-center-site .tk-brand-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 22px 14px;
	background: #ffffff;
	border: 1.5px solid #ebdccb;
	border-radius: var(--tk-radius, 12px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
	text-decoration: none;
	transition: all 0.28s ease;
	min-height: 140px;
}
body.tak-center-site .tk-brand-card:hover {
	border-color: var(--tk-gold, #d1a04a);
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(209, 160, 74, 0.16);
}
body.tak-center-site .tk-brand-card__logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	width: 100%;
	margin-bottom: 12px;
}
body.tak-center-site .tk-brand-card__logo {
	max-height: 52px;
	max-width: 110px;
	object-fit: contain;
	filter: grayscale(20%);
	transition: filter 0.25s ease, transform 0.25s ease;
}
body.tak-center-site .tk-brand-card:hover .tk-brand-card__logo {
	filter: grayscale(0%);
	transform: scale(1.06);
}
body.tak-center-site .tk-brand-card__fallback {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: rgba(209, 160, 74, 0.15);
	color: var(--tk-gold-dark, #b8872f);
	font-size: 20px;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.tak-center-site .tk-brand-card__meta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	text-align: center;
}
body.tak-center-site .tk-brand-card__title {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--tk-ink, #211c20);
}
body.tak-center-site .tk-brand-card:hover .tk-brand-card__title {
	color: var(--tk-gold-dark, #b8872f);
}
body.tak-center-site .tk-brand-card__badge {
	font-size: 11px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #f7f7f7;
	color: #6b7280;
	border: 1px solid #e5e7eb;
}
body.tak-center-site .tk-brand-card:hover .tk-brand-card__badge {
	background: rgba(209, 160, 74, 0.1);
	color: var(--tk-gold-dark, #b8872f);
	border-color: rgba(209, 160, 74, 0.3);
}

@media (max-width: 599px) {
	body.tak-center-site .tk-brands--showcase {
		padding: 20px 12px !important;
		border-radius: 16px !important;
		margin-block: 16px 24px !important;
	}

	body.tak-center-site .tk-brands--showcase .tk-section__header {
		margin-bottom: 14px !important;
		gap: 8px !important;
	}

	body.tak-center-site .tk-brands__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	body.tak-center-site .tk-brand-card {
		min-height: 80px !important;
		padding: 10px 6px !important;
		border-radius: 10px !important;
		border-width: 1px !important;
	}

	body.tak-center-site .tk-brand-card__logo-wrap {
		height: 36px !important;
		margin-bottom: 6px !important;
	}

	body.tak-center-site .tk-brand-card__logo {
		max-height: 32px !important;
		max-width: 80px !important;
	}

	body.tak-center-site .tk-brand-card__fallback {
		width: 32px !important;
		height: 32px !important;
		font-size: 14px !important;
	}

	body.tak-center-site .tk-brand-card__title {
		font-size: 11px !important;
		font-weight: 700 !important;
		text-align: center !important;
		line-height: 1.25 !important;
	}

	body.tak-center-site .tk-brand-card__badge {
		font-size: 8.5px !important;
		padding: 2px 4px !important;
		margin-top: 2px !important;
	}
}

@media (min-width: 600px) and (max-width: 1024px) {
	body.tak-center-site .tk-brands--showcase {
		padding: 26px 18px !important;
	}

	body.tak-center-site .tk-brands__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}

	body.tak-center-site .tk-brand-card {
		min-height: 105px !important;
		padding: 14px 10px !important;
	}

	body.tak-center-site .tk-brand-card__logo-wrap {
		height: 44px !important;
	}
}

/* ==========================================================================
   UNIFIED MONOCHROMATIC ICON SYSTEM (#D1A04A) - BRAND GUIDELINES
   Requirement: All icons must be the same color (monochromatic primary gold #D1A04A)
   ========================================================================== */
body.tak-center-site .tk-icon,
body.tak-center-site svg.tk-icon,
body.tak-center-site .tk-megamenu-svg,
body.tak-center-site .tk-search-icon .tk-icon,
body.tak-center-site .tk-search-icon svg,
body.tak-center-site .tk-location-btn .tk-icon,
body.tak-center-site .tk-header-phone-badge .tk-icon,
body.tak-center-site .tk-mobile-toggle svg,
body.tak-center-site .tk-drawer-close svg,
body.tak-center-site .tk-megamenu-trigger .tk-icon,
body.tak-center-site .tk-chevron-icon,
body.tak-center-site .tk-nav-channel-item .tk-icon,
body.tak-center-site .tk-offers-link .tk-icon,
body.tak-center-site .tk-offers-link .tk-icon--flame,
body.tak-center-site .tk-main-nav .tk-offers-link .tk-icon,
body.tak-center-site .tk-main-nav .tk-offers-link .tk-icon--flame,
body.tak-center-site .tk-wholesale-nav-link .tk-icon,
body.tak-center-site .tk-daily-special-badge .tk-icon,
body.tak-center-site .tk-b2b-hub__badge .tk-icon,
body.tak-center-site .tk-b2b-cta-card__icon svg,
body.tak-center-site .tk-proof-pill .tk-icon,
body.tak-center-site .tk-catalog-pills__label .tk-icon,
body.tak-center-site .tk-strip-item .tk-icon,
body.tak-center-site .tk-contact-icon .tk-icon,
body.tak-center-site .tk-badge-mark .tk-icon,
body.tak-center-site .tk-guarantee-item .tk-icon,
body.tak-center-site .tk-promo-feature .tk-icon,
body.tak-center-site .tk-compare-button .tk-icon,
body.tak-center-site .tk-compare-bar__info .tk-icon,
body.tak-center-site .tk-blog-card__meta .tk-icon,
body.tak-center-site .tk-blog-card__read-more .tk-icon,
body.tak-center-site .tk-mobile-nav a .tk-icon,
body.tak-center-site .tk-mobile-nav a svg,
body.tak-center-site .tk-hero__nav-btn svg,
body.tak-center-site .tk-hero__arrow svg,
body.tak-center-site .tk-benefit__icon svg,
body.tak-center-site .tk-socials a svg,
body.tak-center-site .tk-wishlist-button__icon svg,
body.tak-center-site .tk-product-card__cart-icon {
	color: #D1A04A;
	stroke: currentColor;
	fill: none;
	transition: color .2s ease, stroke .2s ease, fill .2s ease, transform .2s ease;
}

/* Monochromatic gold availability dot/checkmark */
body.tak-center-site .tk-product-card__availability .tk-icon {
	color: #D1A04A !important;
	fill: #D1A04A !important;
	stroke: none !important;
}

/* Category Grid SVG icons: perfectly sized, crisp gold */
body.tak-center-site .tk-category-card__img--svg {
	filter: none !important;
	width: 52px !important;
	height: 52px !important;
	object-fit: contain !important;
}

/* INTERACTIVE HOVER STATES FOR ALL ICONS */
body.tak-center-site .tk-location-btn:hover .tk-icon,
body.tak-center-site .tk-location-btn:hover svg {
	color: var(--tk-gold-dark, #b8872f) !important;
	stroke: var(--tk-gold-dark, #b8872f) !important;
	transform: translateY(-1px);
}

body.tak-center-site .tk-search-submit:hover .tk-icon,
body.tak-center-site .tk-search-submit:hover svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
	transform: scale(1.1);
}

body.tak-center-site .tk-nav-channel-item:hover .tk-icon {
	color: var(--tk-gold-dark, #b8872f) !important;
	stroke: var(--tk-gold-dark, #b8872f) !important;
	transform: scale(1.1);
}

body.tak-center-site .tk-categories-link:hover .tk-icon {
	color: var(--tk-gold, #d1a04a) !important;
	stroke: var(--tk-gold, #d1a04a) !important;
	transform: scale(1.08);
}

body.tak-center-site .tk-categories-link:hover .tk-chevron-icon {
	color: var(--tk-gold, #d1a04a) !important;
	stroke: var(--tk-gold, #d1a04a) !important;
	transform: rotate(180deg);
}

body.tak-center-site .tk-main-nav .tk-offers-link:hover .tk-icon,
body.tak-center-site .tk-main-nav .tk-offers-link:hover .tk-icon--flame {
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: #ffffff !important;
	transform: scale(1.12);
}

body.tak-center-site .tk-wishlist-button:hover .tk-icon,
body.tak-center-site .tk-wishlist-button:hover svg {
	color: #ef394e !important;
	stroke: #ef394e !important;
	fill: rgba(239, 57, 78, 0.2) !important;
	transform: scale(1.15);
}

body.tak-center-site .tk-header-shop-btn .tk-icon,
body.tak-center-site .tk-header-shop-btn:hover .tk-icon,
body.tak-center-site .tk-header-phone-badge:hover .tk-icon,
body.tak-center-site .tk-hero__cta:hover .tk-icon,
body.tak-center-site .tk-product-card__add.button:hover .tk-product-card__cart-icon,
body.tak-center-site .tk-socials a:hover svg,
body.tak-center-site .tk-benefit:hover .tk-benefit__icon svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
	transform: scale(1.08);
}

/* ==========================================================================
   MEGAMENU PARENT CATEGORY ICON BADGES & HOVER INTERACTION
   ========================================================================== */
body.tak-center-site .tk-megamenu__cat-head {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	color: #000000 !important;
	text-decoration: none !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
	margin-bottom: 10px !important;
}

body.tak-center-site .tk-megamenu__cat-head strong,
body.tak-center-site .tk-megamenu__sublist a,
body.tak-center-site .tk-megamenu__footer,
body.tak-center-site .tk-megamenu__brands-preview,
body.tak-center-site .tk-megamenu__brands-preview span,
body.tak-center-site .tk-megamenu__brands-preview strong,
body.tak-center-site .tk-megamenu__view-all {
	color: #000000 !important;
}

body.tak-center-site .tk-megamenu__sublist a {
	font-weight: 600 !important;
}

body.tak-center-site .tk-megamenu__sublist a:hover {
	color: var(--tk-gold-dark, #b8872f) !important;
}

body.tak-center-site .tk-megamenu__view-all:hover {
	color: var(--tk-gold-dark, #b8872f) !important;
}

body.tak-center-site .tk-cat-icon-badge {
	width: 36px !important;
	height: 36px !important;
	border-radius: 10px !important;
	background: #FBF5E9 !important;
	border: 1px solid rgba(209, 160, 74, 0.35) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tak-center-site .tk-cat-icon-badge .tk-megamenu-svg {
	width: 20px !important;
	height: 20px !important;
	stroke: var(--tk-gold, #D1A04A) !important;
	color: var(--tk-gold, #D1A04A) !important;
	fill: none !important;
	transition: transform 0.22s ease, stroke 0.22s ease !important;
}

body.tak-center-site .tk-megamenu__col:hover .tk-cat-icon-badge {
	background: var(--tk-gold, #D1A04A) !important;
	border-color: var(--tk-gold, #D1A04A) !important;
	transform: scale(1.06) !important;
	box-shadow: 0 4px 12px rgba(209, 160, 74, 0.32) !important;
}

body.tak-center-site .tk-megamenu__col:hover .tk-cat-icon-badge .tk-megamenu-svg {
	stroke: #ffffff !important;
	color: #ffffff !important;
	transform: scale(1.08) !important;
}

/* ==========================================================================
   DIGIKALA & DIGIKALA JET VIBRANT HOMEPAGE COLOR SYSTEM
   Inspired by high-energy supermarket retail aesthetics
   ========================================================================== */

/* 1. DIGIKALA "شگفت‌انگیز" (Daily Special Offers / Discounts Showcase) */
body.tak-center-site .tk-daily-special-bar {
	display: grid;
	grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
	gap: 20px;
	padding: 24px;
	border-radius: 24px !important;
	background: linear-gradient(135deg, #ef394e 0%, #e11d48 45%, #be123c 100%) !important;
	color: #ffffff !important;
	margin-bottom: 36px;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 16px 44px rgba(239, 57, 78, 0.3) !important;
	position: relative;
	overflow: hidden;
}

body.tak-center-site .tk-daily-special-bar::before {
	content: "";
	position: absolute;
	top: -30%;
	right: -10%;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, transparent 70%);
	pointer-events: none;
	z-index: 1;
}

body.tak-center-site .tk-daily-special-bar__lead {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	padding: 28px 20px 30px !important;
	background: #ffffff !important;
	border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
	border-inline-start: 6px solid #ef394e !important;
	border-radius: 20px !important;
	position: relative !important;
	z-index: 2 !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

body.tak-center-site .tk-daily-special-badge {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 6px 16px !important;
	border-radius: 99px !important;
	background: linear-gradient(135deg, #ef394e 0%, #be123c 100%) !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	margin-bottom: 14px !important;
	width: fit-content !important;
	margin-inline: auto !important;
	box-shadow: 0 4px 12px rgba(239, 57, 78, 0.35) !important;
}

body.tak-center-site .tk-daily-special-badge .tk-icon {
	width: 14px !important;
	height: 14px !important;
	stroke: #ffffff !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-daily-special-bar__lead h2 {
	margin: 0 0 10px !important;
	font-size: 21px !important;
	font-weight: 900 !important;
	color: #be123c !important;
	letter-spacing: -0.5px !important;
	line-height: 1.35 !important;
}

body.tak-center-site .tk-daily-special-bar__lead p {
	margin: 0 0 18px !important;
	font-size: 12.5px !important;
	color: #64748b !important;
	line-height: 1.6 !important;
	max-width: 440px !important;
	margin-inline: auto !important;
}

body.tak-center-site .tk-daily-special-bar__lead .tk-countdown-timer {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	margin: 0 0 24px !important;
	direction: rtl !important;
}

body.tak-center-site .tk-daily-special-bar__lead .tk-timer-unit {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 50px !important;
	padding: 7px 5px !important;
	background: #fff1f2 !important;
	border-radius: 12px !important;
	border: 1.5px solid #fecdd3 !important;
	box-shadow: 0 2px 6px rgba(225, 29, 72, 0.08) !important;
}

body.tak-center-site .tk-daily-special-bar__lead .tk-timer-num {
	font-size: 16.5px !important;
	font-weight: 900 !important;
	color: #be123c !important;
	line-height: 1.1 !important;
	font-variant-numeric: tabular-nums !important;
}

body.tak-center-site .tk-daily-special-bar__lead .tk-timer-lbl {
	font-size: 11px !important;
	color: #9f1239 !important;
	font-weight: 700 !important;
	margin-top: 3px !important;
	white-space: nowrap !important;
}

body.tak-center-site .tk-daily-special-bar__lead .tk-timer-sep {
	font-size: 18px !important;
	font-weight: 900 !important;
	color: #ef394e !important;
}

body.tak-center-site .tk-daily-special-lead__all {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	padding: 12px 28px !important;
	border-radius: 14px !important;
	background: linear-gradient(135deg, #ef394e 0%, #be123c 100%) !important;
	border: none !important;
	white-space: nowrap !important;
	transition: all .25s ease !important;
	margin-top: 6px !important;
	margin-inline: auto !important;
	box-shadow: 0 6px 18px rgba(239, 57, 78, 0.4) !important;
}

body.tak-center-site .tk-daily-special-lead__all:hover {
	background: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 22px rgba(239, 57, 78, 0.5) !important;
}

/* Swiper Slider Track, Smooth Scroll & Continuation Shadow Cues */
body.tak-center-site .tk-daily-special-bar__slider {
	position: relative !important;
	display: block !important;
	min-width: 0 !important;
	overflow: hidden !important;
	border-radius: 20px !important;
	padding: 4px 0 !important;
}

body.tak-center-site .tk-daily-special-bar__slider .tk-products--special-row,
body.tak-center-site #tk-daily-offers .tk-products--special-row {
	display: flex !important;
	gap: 14px !important;
	overflow-x: auto !important;
	margin: 0 !important;
	margin-inline: 0 !important;
	padding: 8px 12px 14px !important;
	padding-inline: 12px !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	scroll-behavior: smooth !important;
	-webkit-overflow-scrolling: touch !important;
	width: 100% !important;
	box-sizing: border-box !important;
	scroll-snap-type: none !important;
}

body.tak-center-site .tk-daily-special-bar__slider .tk-products--special-row::-webkit-scrollbar {
	display: none !important;
}

/* Left-Edge Continuation Fade (Visual cue indicating products continue - pure container red matching background) */
/* Left and Right Edge Shadows REMOVED per user request */
body.tak-center-site .tk-daily-special-bar__slider::before,
body.tak-center-site .tk-daily-special-bar__slider::after {
	display: none !important;
	content: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Floating Swiper Navigation Buttons with Rich Drop Shadow */
body.tak-center-site .tk-special-slider-nav {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
	color: #be123c !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	z-index: 10 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32), 0 2px 6px rgba(0, 0, 0, 0.15) !important;
	transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

/* Left button is visible by default (revealing continuation of products) */
body.tak-center-site .tk-special-slider-nav--left {
	left: 14px !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	visibility: visible !important;
}

/* Hide left button when reached the end */
body.tak-center-site .tk-daily-special-bar__slider.is-end .tk-special-slider-nav--left {
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

/* Right button is hidden by default at initial scroll */
body.tak-center-site .tk-special-slider-nav--right {
	right: 14px !important;
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

/* Show right button when scrolled away from start */
body.tak-center-site .tk-daily-special-bar__slider.is-scrolled .tk-special-slider-nav--right {
	opacity: 1 !important;
	pointer-events: auto !important;
	visibility: visible !important;
}

body.tak-center-site .tk-special-slider-nav:hover {
	transform: translateY(-50%) scale(1.12) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42) !important;
	background: #fff1f2 !important;
	color: #9f1239 !important;
}

body.tak-center-site .tk-special-slider-nav:active {
	transform: translateY(-50%) scale(0.95) !important;
}

body.tak-center-site .tk-special-slider-nav svg {
	width: 20px !important;
	height: 20px !important;
	stroke-width: 2.5 !important;
}

@media (max-width: 768px) {
	body.tak-center-site .tk-special-slider-nav {
		display: none !important;
	}
	body.tak-center-site .tk-daily-special-bar__slider::before,
	body.tak-center-site .tk-daily-special-bar__slider::after {
		display: none !important;
		content: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}

	body.tak-center-site .tk-daily-special-bar {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
		padding: 22px 18px !important;
		border-radius: 22px !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead {
		border-inline-start: none !important;
		border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
		padding: 28px 20px 32px !important;
		border-radius: 20px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1) !important;
	}
	body.tak-center-site .tk-daily-special-badge {
		margin-bottom: 14px !important;
		padding: 6px 16px !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead h2 {
		font-size: 21px !important;
		margin: 0 0 10px !important;
		line-height: 1.35 !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead p {
		font-size: 13px !important;
		margin: 0 0 20px !important;
		line-height: 1.6 !important;
		max-width: 440px !important;
		margin-inline: auto !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead .tk-countdown-timer {
		margin: 0 0 24px !important;
		gap: 8px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead .tk-timer-unit {
		min-width: 50px !important;
		padding: 8px 6px !important;
		border-radius: 12px !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead .tk-daily-special-lead__all {
		margin-top: 8px !important;
		padding: 12px 32px !important;
		font-size: 14px !important;
		width: auto !important;
		min-width: 240px !important;
		max-width: 320px !important;
	}
}

/* Product Cards inside all 4 Sliders - 100% Uniform Height & Width */
body.tak-center-site .tk-products--special-row .tk-product-card,
body.tak-center-site .tk-products--special-row .tc-product-card,
body.tak-center-site #tk-hero-bestsellers .tc-product-card,
body.tak-center-site #tk-hero-special-offers .tc-product-card,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card,
body.tak-center-site #tk-daily-offers .tc-product-card,
body.tak-center-site #tk-daily-offers .tk-product-card {
	flex: 0 0 220px !important;
	min-width: 220px !important;
	max-width: 220px !important;
	width: 220px !important;
	height: 520px !important;
	min-height: 520px !important;
	max-height: 520px !important;
	flex-shrink: 0 !important;
	background: #ffffff !important;
	border-radius: 18px !important;
	border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden !important;
}

/* Section Bestsellers Grid Cards - 100% Uniform Height on Desktop */
body.tak-center-site .tk-best-sellers .tc-product-card,
body.tak-center-site .tk-best-sellers .tk-product-card {
	height: 605px !important;
	min-height: 605px !important;
	max-height: 605px !important;
	display: flex !important;
	flex-direction: column !important;
	border-radius: 18px !important;
	box-sizing: border-box !important;
	background: #ffffff !important;
}

body.tak-center-site .tk-products--special-row .tc-product-card__media,
body.tak-center-site #tk-hero-bestsellers .tc-product-card__media,
body.tak-center-site #tk-hero-special-offers .tc-product-card__media,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card__media,
body.tak-center-site #tk-daily-offers .tc-product-card__media {
	width: 100% !important;
	height: 175px !important;
	min-height: 175px !important;
	max-height: 175px !important;
	aspect-ratio: auto !important;
	flex-shrink: 0 !important;
}

body.tak-center-site .tk-products--special-row .tc-product-card__body,
body.tak-center-site #tk-hero-bestsellers .tc-product-card__body,
body.tak-center-site #tk-hero-special-offers .tc-product-card__body,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card__body,
body.tak-center-site #tk-daily-offers .tc-product-card__body,
body.tak-center-site .tk-best-sellers .tc-product-card__body,
body.tak-center-site .tk-best-sellers .tk-product-card__body {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 8px 10px 10px !important;
	box-sizing: border-box !important;
}

body.tak-center-site .tk-products--special-row .tc-product-card__title,
body.tak-center-site #tk-hero-bestsellers .tc-product-card__title,
body.tak-center-site #tk-hero-special-offers .tc-product-card__title,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card__title,
body.tak-center-site #tk-daily-offers .tc-product-card__title,
body.tak-center-site .tk-best-sellers .tc-product-card__title,
body.tak-center-site .tk-best-sellers .tk-product-card__title {
	min-height: 38px !important;
	max-height: 38px !important;
	font-size: 12.5px !important;
	line-height: 1.4 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	margin: 0 0 4px 0 !important;
}

body.tak-center-site #tk-hero-bestsellers .tc-product-card__specs,
body.tak-center-site #tk-hero-special-offers .tc-product-card__specs,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card__specs,
body.tak-center-site #tk-daily-offers .tc-product-card__specs,
body.tak-center-site .tk-best-sellers .tc-product-card__specs {
	gap: 3px !important;
	margin-bottom: 6px !important;
}

body.tak-center-site #tk-hero-bestsellers .tc-product-card__spec-chip,
body.tak-center-site #tk-hero-special-offers .tc-product-card__spec-chip,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card__spec-chip,
body.tak-center-site #tk-daily-offers .tc-product-card__spec-chip,
body.tak-center-site .tk-best-sellers .tc-product-card__spec-chip {
	font-size: 10px !important;
	padding: 1px 6px !important;
}

body.tak-center-site #tk-hero-bestsellers .tc-product-card__wholesale-moq,
body.tak-center-site #tk-hero-special-offers .tc-product-card__wholesale-moq,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card__wholesale-moq,
body.tak-center-site #tk-daily-offers .tc-product-card__wholesale-moq,
body.tak-center-site .tk-best-sellers .tc-product-card__wholesale-moq {
	margin-bottom: 6px !important;
	padding: 3px 6px !important;
	font-size: 10.5px !important;
}

body.tak-center-site #tk-hero-special-offers .tk-deal-urgency-box,
body.tak-center-site #tk-hero-special-offers .tc-product-card__deal-progress {
	margin: 4px 0 6px !important;
}

body.tak-center-site .tk-products--special-row .tc-product-card__footer,
body.tak-center-site #tk-hero-bestsellers .tc-product-card__footer,
body.tak-center-site #tk-hero-special-offers .tc-product-card__footer,
body.tak-center-site #tk-hero-corporate-sales .tc-product-card__footer,
body.tak-center-site #tk-daily-offers .tc-product-card__footer,
body.tak-center-site .tk-best-sellers .tc-product-card__footer,
body.tak-center-site .tk-best-sellers .tk-product-card__footer {
	margin-top: auto !important;
	padding-top: 4px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

@media (max-width: 899px) {
	body.tak-center-site .tk-products--special-row .tk-product-card,
	body.tak-center-site .tk-products--special-row .tc-product-card,
	body.tak-center-site #tk-hero-bestsellers .tc-product-card,
	body.tak-center-site #tk-hero-special-offers .tc-product-card,
	body.tak-center-site #tk-hero-corporate-sales .tc-product-card,
	body.tak-center-site #tk-daily-offers .tc-product-card,
	body.tak-center-site #tk-daily-offers .tk-product-card,
	body.tak-center-site .tk-best-sellers .tc-product-card,
	body.tak-center-site .tk-best-sellers .tk-product-card {
		flex: 0 0 200px !important;
		min-width: 200px !important;
		max-width: 200px !important;
		width: 200px !important;
		height: 490px !important;
		min-height: 490px !important;
		max-height: 490px !important;
	}
	body.tak-center-site .tk-products--special-row .tc-product-card__media,
	body.tak-center-site #tk-hero-bestsellers .tc-product-card__media,
	body.tak-center-site #tk-hero-special-offers .tc-product-card__media,
	body.tak-center-site #tk-hero-corporate-sales .tc-product-card__media,
	body.tak-center-site #tk-daily-offers .tc-product-card__media,
	body.tak-center-site .tk-best-sellers .tc-product-card__media {
		height: 165px !important;
		min-height: 165px !important;
		max-height: 165px !important;
	}
}

@media (max-width: 480px) {
	body.tak-center-site .tk-products--special-row .tk-product-card,
	body.tak-center-site .tk-products--special-row .tc-product-card,
	body.tak-center-site #tk-hero-bestsellers .tc-product-card,
	body.tak-center-site #tk-hero-special-offers .tc-product-card,
	body.tak-center-site #tk-hero-corporate-sales .tc-product-card,
	body.tak-center-site #tk-daily-offers .tc-product-card,
	body.tak-center-site #tk-daily-offers .tk-product-card,
	body.tak-center-site .tk-best-sellers .tc-product-card,
	body.tak-center-site .tk-best-sellers .tk-product-card {
		flex: 0 0 185px !important;
		min-width: 185px !important;
		max-width: 185px !important;
		width: 185px !important;
		height: 450px !important;
		min-height: 450px !important;
		max-height: 450px !important;
	}
	body.tak-center-site .tk-products--special-row .tc-product-card__media,
	body.tak-center-site #tk-hero-bestsellers .tc-product-card__media,
	body.tak-center-site #tk-hero-special-offers .tc-product-card__media,
	body.tak-center-site #tk-hero-corporate-sales .tc-product-card__media,
	body.tak-center-site #tk-daily-offers .tc-product-card__media,
	body.tak-center-site .tk-best-sellers .tc-product-card__media {
		height: 155px !important;
		min-height: 155px !important;
		max-height: 155px !important;
	}
}

body.tak-center-site .tk-products--special-row .tk-product-card:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
}

body.tak-center-site .tk-products--special-row .tk-product-card__add.button {
	border: 1.5px solid #fecdd3 !important;
	background: #fff1f2 !important;
	color: #ef394e !important;
	font-weight: 800 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-products--special-row .tk-product-card__add.button:hover {
	border-color: #ef394e !important;
	background: linear-gradient(135deg, #ef394e 0%, #be123c 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(239, 57, 78, 0.4) !important;
}

body.tak-center-site .tk-products--special-row .tk-product-card__add.button .tk-product-card__cart-icon {
	stroke: currentColor !important;
	color: currentColor !important;
}

/* ==========================================================================
   3 DISTINCT HERO PRODUCT SLIDERS (Unique Models, Top Headers, Center Focus)
   ========================================================================== */

/* Shared Unique Slider Container */
body.tak-center-site .tk-unique-slider {
	margin-block: 30px 42px !important;
	padding: 24px 28px !important;
	border-radius: 26px !important;
	position: relative !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-unique-slider::before {
	content: "" !important;
	position: absolute !important;
	top: -30% !important;
	right: -10% !important;
	width: 500px !important;
	height: 500px !important;
	border-radius: 50% !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

/* --------------------------------------------------------------------------
   Top Header Bar (Common Layout)
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Top Header Bar (Common Unified Aligned Layout)
   -------------------------------------------------------------------------- */
body.tak-center-site .tk-unique-slider__header {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 12px 20px !important;
	margin-bottom: 22px !important;
	position: relative !important;
	z-index: 3 !important;
}

body.tak-center-site .tk-unique-slider__header-meta {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	gap: 4px !important;
	min-width: 0 !important;
	flex: 0 1 auto !important;
	align-self: flex-start !important;
}

body.tak-center-site .tk-unique-slider__title-row {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
	height: 42px !important;
	line-height: 42px !important;
	flex-wrap: wrap !important;
}

body.tak-center-site .tk-unique-slider__title {
	margin: 0 !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	color: #ffffff !important;
	letter-spacing: -0.5px !important;
	line-height: 42px !important;
	height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
}

body.tak-center-site .tk-unique-badge {
	margin: 0 !important;
	height: 30px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 0 12px !important;
	border-radius: 99px !important;
	font-size: 11.5px !important;
	font-weight: 800 !important;
	width: fit-content !important;
	letter-spacing: -0.2px !important;
	white-space: nowrap !important;
	align-self: center !important;
}

body.tak-center-site .tk-unique-badge .tk-icon {
	width: 14px !important;
	height: 14px !important;
}

body.tak-center-site .tk-corporate-badge-row {
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	align-self: center !important;
}

body.tak-center-site .tk-unique-slider__desc {
	margin: 2px 0 0 !important;
	font-size: 13px !important;
	color: rgba(255, 255, 255, 0.82) !important;
	line-height: 1.5 !important;
}

/* Actions Group (Left) - Perfectly aligned to 42px */
body.tak-center-site .tk-unique-slider__actions {
	height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	align-self: flex-start !important;
}

body.tak-center-site .tk-unique-btn-more {
	height: 42px !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 0 18px !important;
	border-radius: 12px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	margin: 0 !important;
	transition: all 0.22s ease !important;
}

body.tak-center-site .tk-unique-btn-more .tk-icon {
	width: 15px !important;
	height: 15px !important;
	transition: transform 0.2s ease !important;
}

body.tak-center-site .tk-unique-btn-more:hover .tk-icon {
	transform: translateX(-4px) !important;
}

body.tak-center-site .tk-unique-nav-group {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
}

body.tak-center-site .tk-unique-nav-btn {
	width: 42px !important;
	height: 42px !important;
	box-sizing: border-box !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.16) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	color: #ffffff !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.tak-center-site .tk-unique-nav-btn svg {
	width: 18px !important;
	height: 18px !important;
}

body.tak-center-site .tk-unique-nav-btn:hover {
	background: #ffffff !important;
	color: #1a1618 !important;
	transform: scale(1.06) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}

/* Track Wrap */
body.tak-center-site .tk-unique-slider__track-wrap {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	overflow: hidden !important;
	border-radius: 20px !important;
	padding: 10px 4px 18px !important;
}

body.tak-center-site .tk-unique-slider__track-wrap .tk-products--special-row {
	display: flex !important;
	gap: 16px !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
	scroll-behavior: smooth !important;
	-webkit-overflow-scrolling: touch !important;
	padding: 12px 8px 16px !important;
	margin: 0 !important;
}

body.tak-center-site .tk-unique-slider__track-wrap .tk-products--special-row::-webkit-scrollbar {
	display: none !important;
}

/* Edge Fade Shadow Overlays REMOVED per user request */
body.tak-center-site .tk-unique-slider__track-wrap::before,
body.tak-center-site .tk-unique-slider__track-wrap::after,
body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__track-wrap::before,
body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__track-wrap::after,
body.tak-center-site .tk-unique-slider--special .tk-unique-slider__track-wrap::before,
body.tak-center-site .tk-unique-slider--special .tk-unique-slider__track-wrap::after,
body.tak-center-site .tk-unique-slider--corporate .tk-unique-slider__track-wrap::before,
body.tak-center-site .tk-unique-slider--corporate .tk-unique-slider__track-wrap::after {
	display: none !important;
	content: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* ==========================================================================
   MODEL 1: Bestsellers (Emerald & Gold)
   ========================================================================== */
body.tak-center-site .tk-unique-slider--bestsellers {
	background: linear-gradient(135deg, #064e3b 0%, #042f2e 50%, #022c22 100%) !important;
	border: 1px solid rgba(209, 160, 74, 0.4) !important;
	box-shadow: 0 18px 48px rgba(6, 78, 59, 0.4) !important;
}

body.tak-center-site .tk-unique-slider--bestsellers::before {
	background: radial-gradient(circle, rgba(209, 160, 74, 0.28) 0%, transparent 70%) !important;
}

body.tak-center-site .tk-unique-badge--amber,
body.tak-center-site .tk-unique-badge--emerald {
	background: linear-gradient(135deg, rgba(217, 119, 6, 0.25) 0%, rgba(180, 83, 9, 0.25) 100%) !important;
	color: #fde68a !important;
	border: 1px solid rgba(251, 191, 36, 0.45) !important;
	box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35) !important;
}

body.tak-center-site .tk-unique-badge--amber .tk-icon,
body.tak-center-site .tk-unique-badge--emerald .tk-icon {
	color: #fde047 !important;
	stroke: #fde047 !important;
}

body.tak-center-site .tk-unique-btn-more--amber,
body.tak-center-site .tk-unique-btn-more--emerald,
body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-btn-more {
	background: rgba(255, 255, 255, 0.95) !important;
	color: #064e3b !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
	border: none !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-unique-btn-more--amber:hover,
body.tak-center-site .tk-unique-btn-more--emerald:hover,
body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-btn-more:hover {
	background: #ffffff !important;
	color: #047857 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

body.tak-center-site .tk-unique-btn-more--amber .tk-icon,
body.tak-center-site .tk-unique-btn-more--emerald .tk-icon,
body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-btn-more .tk-icon {
	color: #064e3b !important;
	stroke: #064e3b !important;
}

body.tak-center-site .tk-unique-btn-more--amber:hover .tk-icon,
body.tak-center-site .tk-unique-btn-more--emerald:hover .tk-icon,
body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-btn-more:hover .tk-icon {
	color: #047857 !important;
	stroke: #047857 !important;
}

/* Ranked / Bestseller Product Cards */
body.tak-center-site .tk-product-card--ranked {
	position: relative !important;
	flex: 0 0 220px !important;
	min-width: 220px !important;
	max-width: 220px !important;
	background: #ffffff !important;
	border-radius: 18px !important;
	border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
	overflow: visible !important;
	transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease !important;
}

body.tak-center-site .tk-product-card--ranked .tk-product-card__link {
	border-radius: 18px !important;
	overflow: hidden !important;
}

/* Rank number badge removal per user request */
body.tak-center-site .tk-rank-num {
	display: none !important;
}

/* Center-Focused Card Effect */
body.tak-center-site .tk-products--ranked-row .tk-product-card.is-center-focused {
	transform: scale(1.04) translateY(-4px) !important;
	box-shadow: 0 16px 36px rgba(6, 78, 59, 0.45), 0 0 0 2px rgba(209, 160, 74, 0.9) !important;
	border-color: #d1a04a !important;
	z-index: 8 !important;
}

/* ==========================================================================
   MODEL 2: Special Offers (Flash Deal Countdown + Stock Urgency Progress)
   ========================================================================== */
body.tak-center-site .tk-unique-slider--special {
	background: linear-gradient(135deg, #881337 0%, #4c0519 50%, #2e020d 100%) !important;
	border: 1px solid rgba(244, 63, 94, 0.35) !important;
	box-shadow: 0 18px 48px rgba(136, 19, 55, 0.4) !important;
}

body.tak-center-site #tk-daily-offers.tk-unique-slider--daily,
body.tak-center-site .tk-unique-slider--daily {
	background: linear-gradient(135deg, #ef394e 0%, #e11d48 45%, #be123c 100%) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 16px 44px rgba(239, 57, 78, 0.3) !important;
}

body.tak-center-site .tk-unique-slider--daily::before {
	background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, transparent 70%) !important;
}

body.tak-center-site .tk-unique-slider--special::before {
	background: radial-gradient(circle, rgba(244, 63, 94, 0.26) 0%, transparent 70%) !important;
}

body.tak-center-site .tk-unique-badge--ruby {
	background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(225, 29, 72, 0.4) !important;
}

body.tak-center-site .tk-unique-badge--ruby .tk-icon {
	color: #fde047 !important;
	stroke: #fde047 !important;
}

body.tak-center-site .tk-unique-btn-more--ruby {
	background: rgba(255, 255, 255, 0.95) !important;
	color: #881337 !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

body.tak-center-site .tk-unique-btn-more--ruby:hover {
	background: #ffffff !important;
	color: #be123c !important;
	transform: translateY(-2px) !important;
}

/* Header Live Countdown Box */
body.tak-center-site .tk-deal-countdown-box {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	box-sizing: border-box !important;
	padding: 0 16px !important;
	background: rgba(255, 255, 255, 0.14) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 99px !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
	margin: 0 !important;
	align-self: flex-start !important;
}

body.tak-center-site .tk-deal-countdown-title {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	white-space: nowrap !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 30px !important;
}

body.tak-center-site .tk-deal-countdown-title span {
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1 !important;
}

body.tak-center-site .tk-live-dot {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #22c55e !important;
	box-shadow: 0 0 10px #22c55e !important;
	animation: tk-live-pulse 1.8s infinite !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

@keyframes tk-live-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.4; transform: scale(0.85); }
}

body.tak-center-site .tk-deal-countdown-box .tk-countdown-timer,
body.tak-center-site .tk-countdown-timer--pill {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
	direction: rtl !important;
	height: 30px !important;
	box-sizing: border-box !important;
}

body.tak-center-site .tk-countdown-timer--pill .tk-timer-unit {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	min-width: 32px !important;
	height: 30px !important;
	padding: 2px 4px !important;
	margin: 0 !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid #fecdd3 !important;
	box-sizing: border-box !important;
	gap: 1px !important;
}

body.tak-center-site .tk-countdown-timer--pill .tk-timer-num {
	font-size: 13px !important;
	font-weight: 900 !important;
	color: #be123c !important;
	line-height: 1.1 !important;
	text-align: center !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.tak-center-site .tk-countdown-timer--pill .tk-timer-lbl {
	font-size: 8px !important;
	font-weight: 700 !important;
	color: #9f1239 !important;
	line-height: 1 !important;
	text-align: center !important;
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.tak-center-site .tk-countdown-timer--pill .tk-timer-sep {
	color: #ffffff !important;
	font-weight: 900 !important;
	font-size: 14px !important;
	line-height: 30px !important;
	height: 30px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Deal Card Specifics with Urgency Bar */
body.tak-center-site .tk-product-card--deal {
	flex: 0 0 220px !important;
	min-width: 220px !important;
	max-width: 220px !important;
	background: #ffffff !important;
	border-radius: 18px !important;
	border: 1.5px solid rgba(255, 255, 255, 0.9) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

body.tak-center-site .tk-product-card--deal:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 14px 32px rgba(136, 19, 55, 0.3) !important;
}

body.tak-center-site .tk-sale-badge--pulse {
	background: linear-gradient(135deg, #ef394e 0%, #be123c 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(239, 57, 78, 0.4) !important;
	font-weight: 900 !important;
}

body.tak-center-site .tk-card-tag--urgent {
	background: #fff1f2 !important;
	color: #e11d48 !important;
	border: 1px solid #fecdd3 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-deal-urgency-box {
	margin: 8px 0 10px !important;
	padding: 0 2px !important;
}

body.tak-center-site .tk-deal-stock-bar {
	width: 100% !important;
	height: 6px !important;
	border-radius: 99px !important;
	background: #fee2e2 !important;
	overflow: hidden !important;
}

body.tak-center-site .tk-deal-stock-fill {
	height: 100% !important;
	background: linear-gradient(90deg, #f43f5e 0%, #be123c 100%) !important;
	border-radius: 99px !important;
	transition: width 0.4s ease !important;
}

body.tak-center-site .tk-deal-stock-label {
	font-size: 11px !important;
	font-weight: 800 !important;
	color: #be123c !important;
	margin-top: 4px !important;
	display: block !important;
}

body.tak-center-site .tk-deal-btn-add {
	background: linear-gradient(135deg, #e11d48 0%, #be123c 100%) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 4px 12px rgba(225, 29, 72, 0.35) !important;
}

body.tak-center-site .tk-deal-btn-add:hover {
	background: linear-gradient(135deg, #be123c 0%, #9f1239 100%) !important;
	transform: translateY(-2px) !important;
}

/* ==========================================================================
   MODEL 3: Corporate Sales (Ultra-Formal B2B Portal & Carton Breakdown)
   ========================================================================== */
body.tak-center-site .tk-unique-slider--corporate {
	background: radial-gradient(circle at 100% 0%, #1e293b 0%, #0f172a 60%, #090d16 100%) !important;
	border: 1px solid rgba(217, 119, 6, 0.45) !important;
	border-top: 4px solid #d97706 !important;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.6) !important;
}

body.tak-center-site .tk-unique-slider--corporate::before {
	background: radial-gradient(circle, rgba(217, 119, 6, 0.16) 0%, transparent 70%) !important;
}

body.tak-center-site .tk-unique-slider__header--corporate {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 100% !important;
}

body.tak-center-site .tk-corporate-badge-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	margin: 0 !important;
	flex-wrap: wrap !important;
}

body.tak-center-site .tk-unique-badge--corporate {
	background: #0f172a !important;
	border: 1px solid rgba(217, 119, 6, 0.6) !important;
	color: #fef3c7 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-unique-badge--corporate .tk-icon {
	color: #d97706 !important;
	stroke: #d97706 !important;
}

body.tak-center-site .tk-corporate-tax-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 12px !important;
	border-radius: 8px !important;
	background: rgba(16, 185, 129, 0.15) !important;
	border: 1px solid rgba(16, 185, 129, 0.35) !important;
	color: #6ee7b7 !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-corporate-tax-pill .tk-icon {
	width: 13px !important;
	height: 13px !important;
	stroke: #6ee7b7 !important;
}

body.tak-center-site .tk-corporate-contract-pill {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 4px 12px !important;
	border-radius: 8px !important;
	background: rgba(59, 130, 246, 0.14) !important;
	border: 1px solid rgba(59, 130, 246, 0.35) !important;
	color: #93c5fd !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-corporate-contract-pill .tk-icon {
	width: 13px !important;
	height: 13px !important;
	stroke: #93c5fd !important;
}

body.tak-center-site .tk-corporate-main-row {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	width: 100% !important;
	gap: 16px !important;
}

body.tak-center-site .tk-corporate-main-row .tk-unique-slider__header-meta {
	display: flex !important;
	flex-direction: column !important;
	align-self: flex-start !important;
	margin: 0 !important;
}

body.tak-center-site .tk-corporate-main-row .tk-unique-slider__title {
	height: 42px !important;
	line-height: 42px !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
}

body.tak-center-site .tk-corporate-main-row .tk-unique-slider__actions {
	height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	align-self: flex-start !important;
	margin: 0 !important;
	gap: 10px !important;
}

body.tak-center-site .tk-corporate-cta-group {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	height: 42px !important;
	margin: 0 !important;
}

body.tak-center-site .tk-corporate-rfq-btn {
	height: 42px !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 0 18px !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	border: 1px solid rgba(254, 243, 199, 0.3) !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-shadow: 0 4px 16px rgba(217, 119, 6, 0.45) !important;
	transition: all 0.22s ease !important;
}

body.tak-center-site .tk-corporate-rfq-btn .tk-icon {
	width: 16px !important;
	height: 16px !important;
	stroke: #ffffff !important;
}

body.tak-center-site .tk-corporate-rfq-btn:hover {
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 20px rgba(217, 119, 6, 0.6) !important;
}

body.tak-center-site .tk-unique-btn-more--corporate {
	height: 42px !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	background: rgba(255, 255, 255, 0.12) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-unique-btn-more--corporate:hover {
	background: rgba(255, 255, 255, 0.22) !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-corporate-hotline {
	height: 42px !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 0 14px !important;
	border-radius: 10px !important;
	background: rgba(248, 250, 252, 0.08) !important;
	border: 1px solid rgba(248, 250, 252, 0.18) !important;
	color: #e2e8f0 !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-corporate-hotline .tk-icon {
	width: 14px !important;
	height: 14px !important;
	stroke: #fbbf24 !important;
}

body.tak-center-site .tk-corporate-hotline:hover {
	background: rgba(248, 250, 252, 0.15) !important;
	color: #ffffff !important;
}

/* Formal Corporate Cards */
body.tak-center-site .tk-product-card--corporate {
	flex: 0 0 220px !important;
	min-width: 220px !important;
	max-width: 220px !important;
	width: 220px !important;
	background: #ffffff !important;
	border-radius: 18px !important;
	border: 1.5px solid #cbd5e1 !important;
	border-top: 4px solid #b45309 !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease !important;
	overflow: hidden !important;
}

body.tak-center-site .tk-product-card--corporate:hover {
	transform: translateY(-6px) !important;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.3) !important;
	border-color: #94a3b8 !important;
}

/* Formal Card Topbar */
body.tak-center-site .tk-corporate-card-topbar {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 6px 12px !important;
	background: #f1f5f9 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-corp-sku {
	color: #475569 !important;
	font-family: monospace, system-ui !important;
	letter-spacing: 0.5px !important;
}

body.tak-center-site .tk-corp-stock-pill {
	color: #15803d !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

body.tak-center-site .tk-corp-stock-pill::before {
	content: "" !important;
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	background: #22c55e !important;
}

body.tak-center-site .tk-corporate-pack-badge {
	background: #0f172a !important;
	color: #f8fafc !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	border: 1px solid rgba(217, 119, 6, 0.6) !important;
}

body.tak-center-site .tk-card-tag--invoice {
	background: #f0fdf4 !important;
	color: #166534 !important;
	border: 1px solid #bbf7d0 !important;
	font-weight: 800 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
}

body.tak-center-site .tk-card-tag--invoice svg {
	stroke: #166534 !important;
}

/* Formal Micro Specs */
body.tak-center-site .tk-corporate-specs {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 4px 0 !important;
	margin-top: 4px !important;
	border-top: 1px dashed #e2e8f0 !important;
	font-size: 10.5px !important;
	color: #64748b !important;
	font-weight: 600 !important;
}

/* Corporate Pricing Table */
body.tak-center-site .tk-corporate-pricing-table {
	background: #f8fafc !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 12px !important;
	padding: 8px 10px !important;
	margin-block: 8px 10px !important;
}

body.tak-center-site .tk-corporate-pricing-row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	font-size: 11.5px !important;
	color: #475569 !important;
	margin-bottom: 4px !important;
}

body.tak-center-site .tk-corporate-pricing-row strong {
	color: #0f172a !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-corporate-pricing-row--total {
	border-top: 1px dashed #cbd5e1 !important;
	padding-top: 5px !important;
	margin-top: 5px !important;
	margin-bottom: 0 !important;
}

body.tak-center-site .tk-c-value--total {
	color: #b45309 !important;
	font-size: 14px !important;
	font-weight: 900 !important;
}

body.tak-center-site .tk-corporate-btn-carton {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 9px 12px !important;
	border-radius: 10px !important;
	background: #0f172a !important;
	color: #ffffff !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
	border: 1px solid #334155 !important;
	text-decoration: none !important;
	transition: all 0.22s ease !important;
}

body.tak-center-site .tk-corporate-btn-carton .tk-icon {
	width: 15px !important;
	height: 15px !important;
	stroke: #f59e0b !important;
}

body.tak-center-site .tk-corporate-btn-carton:hover {
	background: #1e293b !important;
	border-color: #d97706 !important;
	color: #fef3c7 !important;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.3) !important;
}

/* --------------------------------------------------------------------------
   Responsive Adaptations for the 3 Unique Models
   -------------------------------------------------------------------------- */
@media (max-width: 899px) {
	body.tak-center-site .tk-unique-slider {
		padding: 20px 16px !important;
		border-radius: 20px !important;
		margin-block: 24px 34px !important;
	}
	body.tak-center-site .tk-unique-slider__title {
		font-size: 21px !important;
	}
	body.tak-center-site .tk-unique-slider__desc {
		font-size: 12.5px !important;
	}

	/* Fix Mobile Header Overlapping Issues */
	body.tak-center-site .tk-unique-slider__title-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		line-height: normal !important;
		gap: 8px !important;
		margin-bottom: 6px !important;
		width: 100% !important;
	}

	body.tak-center-site .tk-unique-slider__title {
		height: auto !important;
		line-height: 1.35 !important;
		white-space: normal !important;
		word-break: normal !important;
		display: block !important;
		margin: 0 !important;
	}

	body.tak-center-site .tk-unique-badge {
		height: 28px !important;
		line-height: 28px !important;
		align-self: flex-start !important;
		margin: 0 !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .tk-unique-slider__desc {
		margin: 4px 0 0 !important;
		line-height: 1.5 !important;
		position: static !important;
	}

	/* Model 1: Bestsellers Tablet Layout */
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__header {
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		gap: 12px !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__header-meta {
		align-items: flex-start !important;
		text-align: right !important;
		margin: 0 !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-badge {
		margin-inline: 0 !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__title {
		text-align: right !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__desc {
		text-align: right !important;
		margin: 2px 0 0 !important;
		max-width: none !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__actions {
		width: 100% !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 10px !important;
		margin-top: 0 !important;
	}
	body.tak-center-site .tk-deal-countdown-box {
		width: 100% !important;
		margin: 0 !important;
	}
	body.tak-center-site .tk-corporate-badge-row {
		gap: 6px !important;
		margin-bottom: 6px !important;
	}
	body.tak-center-site .tk-corporate-main-row {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 14px !important;
		height: auto !important;
		min-height: auto !important;
	}
	body.tak-center-site .tk-corporate-main-row .tk-unique-slider__title {
		height: auto !important;
		line-height: 1.35 !important;
		white-space: normal !important;
		word-break: normal !important;
		display: block !important;
		margin: 0 !important;
	}
	body.tak-center-site .tk-corporate-main-row .tk-unique-slider__actions,
	body.tak-center-site .tk-unique-slider--corporate .tk-unique-slider__actions {
		width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		margin: 0 !important;
	}
	body.tak-center-site .tk-corporate-cta-group {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 8px !important;
		height: auto !important;
	}
	body.tak-center-site .tk-corporate-rfq-btn,
	body.tak-center-site .tk-unique-btn-more--corporate,
	body.tak-center-site .tk-corporate-hotline {
		width: 100% !important;
		min-height: 44px !important;
		height: 44px !important;
		display: inline-flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		white-space: nowrap !important;
		font-size: clamp(10.5px, 1.4vw, 12.5px) !important;
		padding: 0 8px !important;
		box-sizing: border-box !important;
		border-radius: 12px !important;
	}
	body.tak-center-site .tk-unique-slider--corporate .tk-unique-nav-group {
		width: 100% !important;
		justify-content: flex-end !important;
	}
	body.tak-center-site .tk-product-card--ranked,
	body.tak-center-site .tk-product-card--deal,
	body.tak-center-site .tk-product-card--corporate {
		flex: 0 0 200px !important;
		min-width: 200px !important;
		max-width: 200px !important;
		width: 200px !important;
	}
	body.tak-center-site .tk-unique-slider__track-wrap::before,
	body.tak-center-site .tk-unique-slider__track-wrap::after,
	body.tak-center-site .tk-daily-special-bar__slider::before,
	body.tak-center-site .tk-daily-special-bar__slider::after {
		display: none !important;
		content: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}
}

@media (max-width: 640px) {
	body.tak-center-site .tk-unique-slider {
		padding: 16px 12px !important;
		border-radius: 18px !important;
		margin-block: 18px 28px !important;
	}
	body.tak-center-site .tk-unique-slider__title {
		font-size: 19px !important;
		line-height: 1.35 !important;
		white-space: normal !important;
		word-break: normal !important;
		height: auto !important;
		margin: 0 !important;
	}
	body.tak-center-site .tk-unique-slider__desc {
		font-size: 12px !important;
		line-height: 1.45 !important;
		margin: 4px 0 0 !important;
	}
	body.tak-center-site .tk-unique-badge {
		font-size: 11px !important;
		padding: 4px 10px !important;
		height: 28px !important;
		line-height: 28px !important;
		margin: 0 !important;
	}
	body.tak-center-site .tk-unique-slider__track-wrap {
		padding: 4px 0 10px !important;
	}
	body.tak-center-site .tk-unique-slider__track-wrap::before,
	body.tak-center-site .tk-unique-slider__track-wrap::after,
	body.tak-center-site .tk-daily-special-bar__slider::before,
	body.tak-center-site .tk-daily-special-bar__slider::after {
		display: none !important;
		content: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
	}
	body.tak-center-site .tk-unique-slider__track-wrap .tk-products--special-row {
		gap: 12px !important;
		padding: 8px 4px 12px !important;
	}

	/* Model 1: Bestsellers Mobile Layout */
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__header,
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__header--centered {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		text-align: right !important;
		gap: 12px !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__title-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		line-height: normal !important;
		gap: 8px !important;
		margin-bottom: 6px !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__header-meta,
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__header-meta--centered {
		align-items: flex-start !important;
		text-align: right !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-badge {
		margin-inline: 0 !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__title {
		text-align: right !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__desc {
		text-align: right !important;
		max-width: none !important;
		margin: 0 !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-slider__actions {
		width: 100% !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 8px !important;
		margin-top: 2px !important;
	}
	body.tak-center-site .tk-unique-slider--bestsellers .tk-unique-btn-more {
		flex: 1 !important;
		justify-content: center !important;
		font-size: 12px !important;
		padding: 8px 14px !important;
	}

	/* Model 2: Special Offers Mobile Layout */
	body.tak-center-site .tk-unique-slider--special .tk-unique-slider__header {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-unique-slider--special .tk-unique-slider__title-row {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		line-height: normal !important;
		gap: 8px !important;
		margin-bottom: 6px !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-deal-countdown-box {
		width: 100% !important;
		justify-content: space-between !important;
		padding: 8px 12px !important;
		border-radius: 12px !important;
		margin: 4px 0 0 !important;
		height: auto !important;
		min-height: 44px !important;
		max-height: none !important;
	}
	body.tak-center-site .tk-deal-countdown-title {
		font-size: 11px !important;
	}
	body.tak-center-site .tk-countdown-timer--pill {
		gap: 3px !important;
	}
	body.tak-center-site .tk-timer-unit {
		min-width: 30px !important;
		padding: 3px 5px !important;
		border-radius: 6px !important;
	}
	body.tak-center-site .tk-timer-num {
		font-size: 13.5px !important;
	}
	body.tak-center-site .tk-timer-lbl {
		font-size: 8.5px !important;
	}
	body.tak-center-site .tk-unique-slider--special .tk-unique-slider__actions {
		width: 100% !important;
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 8px !important;
	}
	body.tak-center-site .tk-unique-slider--special .tk-unique-btn-more {
		flex: 1 !important;
		justify-content: center !important;
		font-size: 12px !important;
		padding: 8px 12px !important;
	}

	/* Model 3: Corporate Sales Mobile Layout */
	body.tak-center-site .tk-unique-slider--corporate .tk-unique-slider__header {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-corporate-badge-row {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
		margin-bottom: 6px !important;
		width: 100% !important;
	}
	body.tak-center-site .tk-unique-badge--corporate {
		font-size: 11px !important;
		padding: 4px 10px !important;
	}
	body.tak-center-site .tk-corporate-tax-pill,
	body.tak-center-site .tk-corporate-contract-pill {
		font-size: 10px !important;
		padding: 3px 8px !important;
	}
	body.tak-center-site .tk-corporate-main-row {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 12px !important;
		height: auto !important;
		min-height: auto !important;
	}
	body.tak-center-site .tk-corporate-main-row .tk-unique-slider__header-meta {
		width: 100% !important;
	}
	body.tak-center-site .tk-corporate-main-row .tk-unique-slider__title {
		font-size: 18px !important;
		line-height: 1.35 !important;
		white-space: normal !important;
		word-break: normal !important;
		height: auto !important;
		margin: 0 !important;
		display: block !important;
	}
	body.tak-center-site .tk-corporate-main-row .tk-unique-slider__actions,
	body.tak-center-site .tk-unique-slider--corporate .tk-unique-slider__actions {
		width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 10px !important;
		margin: 0 0 10px !important;
	}
	body.tak-center-site .tk-corporate-cta-group {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		gap: 8px !important;
		height: auto !important;
	}
	body.tak-center-site .tk-corporate-rfq-btn,
	body.tak-center-site .tk-unique-btn-more--corporate,
	body.tak-center-site .tk-corporate-hotline {
		width: 100% !important;
		min-height: 44px !important;
		height: 44px !important;
		display: inline-flex !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
		white-space: nowrap !important;
		font-size: 12px !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
		border-radius: 12px !important;
	}
	body.tak-center-site .tk-unique-slider--corporate .tk-unique-nav-group {
		width: 100% !important;
		justify-content: flex-end !important;
	}

	body.tak-center-site .tk-corporate-specs-grid {
		padding: 6px 8px !important;
		font-size: 10.5px !important;
	}
	body.tak-center-site .tk-corporate-pricing-table {
		padding: 6px 8px !important;
		font-size: 11px !important;
	}
	body.tak-center-site .tk-corporate-order-btn {
		font-size: 12px !important;
		padding: 8px 10px !important;
	}

	body.tak-center-site .tk-daily-special-bar {
		grid-template-columns: 1fr !important;
		padding: 18px 12px !important;
		border-radius: 20px !important;
		gap: 16px !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead {
		border-inline-start: none !important;
		border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
		padding: 24px 16px 28px !important;
		border-radius: 18px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
	}
	body.tak-center-site .tk-daily-special-badge {
		margin-bottom: 12px !important;
		padding: 5px 14px !important;
		font-size: 11.5px !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead h2 {
		font-size: 19px !important;
		margin: 0 0 8px !important;
		line-height: 1.35 !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead p {
		font-size: 12px !important;
		line-height: 1.55 !important;
		margin: 0 0 18px !important;
		max-width: 340px !important;
		margin-inline: auto !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead .tk-countdown-timer {
		margin: 0 0 24px !important;
		gap: 6px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead .tk-timer-unit {
		min-width: 46px !important;
		padding: 7px 4px !important;
		border-radius: 10px !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead .tk-timer-num {
		font-size: 16px !important;
	}
	body.tak-center-site .tk-daily-special-bar__lead .tk-timer-lbl {
		font-size: 10.5px !important;
	}
	body.tak-center-site .tk-daily-special-lead__all {
		margin-top: 8px !important;
		padding: 11px 24px !important;
		font-size: 13.5px !important;
		width: 100% !important;
		max-width: 280px !important;
		margin-inline: auto !important;
	}
}

/* 2. DIGIKALA JET PASTEL FMCG CATEGORY CARDS */
body.tak-center-site .tk-category-card {
	border-radius: 20px !important;
	border: 1.5px solid #f1f5f9 !important;
	background: #ffffff !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
	padding: 16px 10px 14px !important;
}

body.tak-center-site .tk-category-card:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09) !important;
}

/* Rice & Grains - Sunny Buttery Amber */
body.tak-center-site :where(.tk-category-card--rice, .tk-category-card[href*="rice"]) img,
body.tak-center-site :where(.tk-category-card--rice, .tk-category-card[href*="rice"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--rice, .tk-category-card[href*="rice"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #fefce8 0%, #fef08a 100%) !important;
	border: 2px solid #fef08a !important;
	box-shadow: 0 4px 12px rgba(234, 179, 8, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--rice, .tk-category-card[href*="rice"]):hover {
	border-color: #facc15 !important;
}
body.tak-center-site :where(.tk-category-card--rice, .tk-category-card[href*="rice"]) .tk-category-card__count {
	background: #fef9c3 !important;
	color: #854d0e !important;
	border: 1px solid #fef08a !important;
}

/* Cooking Oil - Warm Golden Amber */
body.tak-center-site :where(.tk-category-card--oil, .tk-category-card[href*="oil"]) img,
body.tak-center-site :where(.tk-category-card--oil, .tk-category-card[href*="oil"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--oil, .tk-category-card[href*="oil"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #fffbeb 0%, #fde68a 100%) !important;
	border: 2px solid #fde68a !important;
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--oil, .tk-category-card[href*="oil"]):hover {
	border-color: #f59e0b !important;
}
body.tak-center-site :where(.tk-category-card--oil, .tk-category-card[href*="oil"]) .tk-category-card__count {
	background: #fef3c7 !important;
	color: #b45309 !important;
	border: 1px solid #fde68a !important;
}

/* Tea & Drinks - Warm Peach Coral */
body.tak-center-site :where(.tk-category-card--tea, .tk-category-card[href*="tea"]) img,
body.tak-center-site :where(.tk-category-card--tea, .tk-category-card[href*="tea"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--tea, .tk-category-card[href*="tea"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #fff7ed 0%, #fed7aa 100%) !important;
	border: 2px solid #fed7aa !important;
	box-shadow: 0 4px 12px rgba(249, 115, 22, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--tea, .tk-category-card[href*="tea"]):hover {
	border-color: #fb923c !important;
}
body.tak-center-site :where(.tk-category-card--tea, .tk-category-card[href*="tea"]) .tk-category-card__count {
	background: #ffedd5 !important;
	color: #c2410c !important;
	border: 1px solid #fed7aa !important;
}

/* Legumes - Warm Terracotta Rose */
body.tak-center-site :where(.tk-category-card--legumes, .tk-category-card[href*="legumes"]) img,
body.tak-center-site :where(.tk-category-card--legumes, .tk-category-card[href*="legumes"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--legumes, .tk-category-card[href*="legumes"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #fff5f5 0%, #fecaca 100%) !important;
	border: 2px solid #fecaca !important;
	box-shadow: 0 4px 12px rgba(239, 68, 68, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--legumes, .tk-category-card[href*="legumes"]):hover {
	border-color: #f87171 !important;
}
body.tak-center-site :where(.tk-category-card--legumes, .tk-category-card[href*="legumes"]) .tk-category-card__count {
	background: #fee2e2 !important;
	color: #b91c1c !important;
	border: 1px solid #fecaca !important;
}

/* Sugar - Soft Lavender Violet */
body.tak-center-site :where(.tk-category-card--sugar, .tk-category-card[href*="sugar"]) img,
body.tak-center-site :where(.tk-category-card--sugar, .tk-category-card[href*="sugar"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--sugar, .tk-category-card[href*="sugar"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #faf5ff 0%, #e9d5ff 100%) !important;
	border: 2px solid #e9d5ff !important;
	box-shadow: 0 4px 12px rgba(168, 85, 247, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--sugar, .tk-category-card[href*="sugar"]):hover {
	border-color: #c084fc !important;
}
body.tak-center-site :where(.tk-category-card--sugar, .tk-category-card[href*="sugar"]) .tk-category-card__count {
	background: #f3e8ff !important;
	color: #7e22ce !important;
	border: 1px solid #e9d5ff !important;
}

/* Beverages - Fresh Sky Blue */
body.tak-center-site :where(.tk-category-card--beverages, .tk-category-card[href*="beverages"]) img,
body.tak-center-site :where(.tk-category-card--beverages, .tk-category-card[href*="beverages"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--beverages, .tk-category-card[href*="beverages"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #f0f9ff 0%, #bae6fd 100%) !important;
	border: 2px solid #bae6fd !important;
	box-shadow: 0 4px 12px rgba(14, 165, 233, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--beverages, .tk-category-card[href*="beverages"]):hover {
	border-color: #38bdf8 !important;
}
body.tak-center-site :where(.tk-category-card--beverages, .tk-category-card[href*="beverages"]) .tk-category-card__count {
	background: #e0f2fe !important;
	color: #0369a1 !important;
	border: 1px solid #bae6fd !important;
}

/* Detergents & Hygiene - Crisp Aqua Teal */
body.tak-center-site :where(.tk-category-card--detergents, .tk-category-card[href*="detergents"]) img,
body.tak-center-site :where(.tk-category-card--detergents, .tk-category-card[href*="detergents"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--detergents, .tk-category-card[href*="detergents"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #f0fdfa 0%, #99f6e4 100%) !important;
	border: 2px solid #99f6e4 !important;
	box-shadow: 0 4px 12px rgba(20, 184, 166, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--detergents, .tk-category-card[href*="detergents"]):hover {
	border-color: #2dd4bf !important;
}
body.tak-center-site :where(.tk-category-card--detergents, .tk-category-card[href*="detergents"]) .tk-category-card__count {
	background: #ccfbf1 !important;
	color: #0f766e !important;
	border: 1px solid #99f6e4 !important;
}

/* Cellulose Products - Fresh Mint Green */
body.tak-center-site :where(.tk-category-card--cellulose-products, .tk-category-card[href*="cellulose-products"]) img,
body.tak-center-site :where(.tk-category-card--cellulose-products, .tk-category-card[href*="cellulose-products"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--cellulose-products, .tk-category-card[href*="cellulose-products"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%) !important;
	border: 2px solid #bbf7d0 !important;
	box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--cellulose-products, .tk-category-card[href*="cellulose-products"]):hover {
	border-color: #4ade80 !important;
}
body.tak-center-site :where(.tk-category-card--cellulose-products, .tk-category-card[href*="cellulose-products"]) .tk-category-card__count {
	background: #dcfce7 !important;
	color: #15803d !important;
	border: 1px solid #bbf7d0 !important;
}

/* Food Products - Fresh Strawberry Coral */
body.tak-center-site :where(.tk-category-card--food-products, .tk-category-card[href*="food-products"]) img,
body.tak-center-site :where(.tk-category-card--food-products, .tk-category-card[href*="food-products"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--food-products, .tk-category-card[href*="food-products"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #fff1f2 0%, #fecdd3 100%) !important;
	border: 2px solid #fecdd3 !important;
	box-shadow: 0 4px 12px rgba(244, 63, 94, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--food-products, .tk-category-card[href*="food-products"]):hover {
	border-color: #fb7185 !important;
}
body.tak-center-site :where(.tk-category-card--food-products, .tk-category-card[href*="food-products"]) .tk-category-card__count {
	background: #ffe4e6 !important;
	color: #be123c !important;
	border: 1px solid #fecdd3 !important;
}

/* Supermarket Products - Soft Melon */
body.tak-center-site :where(.tk-category-card--supermarket-products, .tk-category-card[href*="supermarket-products"]) img,
body.tak-center-site :where(.tk-category-card--supermarket-products, .tk-category-card[href*="supermarket-products"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--supermarket-products, .tk-category-card[href*="supermarket-products"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #fff7ed 0%, #fed7aa 100%) !important;
	border: 2px solid #fed7aa !important;
	box-shadow: 0 4px 12px rgba(249, 115, 22, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--supermarket-products, .tk-category-card[href*="supermarket-products"]):hover {
	border-color: #f97316 !important;
}
body.tak-center-site :where(.tk-category-card--supermarket-products, .tk-category-card[href*="supermarket-products"]) .tk-category-card__count {
	background: #ffedd5 !important;
	color: #c2410c !important;
	border: 1px solid #fed7aa !important;
}

/* Personal Care - Orchid Pink */
body.tak-center-site :where(.tk-category-card--personal-care, .tk-category-card[href*="personal-care"]) img,
body.tak-center-site :where(.tk-category-card--personal-care, .tk-category-card[href*="personal-care"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--personal-care, .tk-category-card[href*="personal-care"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #fdf2f8 0%, #fbcfe8 100%) !important;
	border: 2px solid #fbcfe8 !important;
	box-shadow: 0 4px 12px rgba(236, 72, 153, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--personal-care, .tk-category-card[href*="personal-care"]):hover {
	border-color: #f472b6 !important;
}
body.tak-center-site :where(.tk-category-card--personal-care, .tk-category-card[href*="personal-care"]) .tk-category-card__count {
	background: #fce7f3 !important;
	color: #9d174d !important;
	border: 1px solid #fbcfe8 !important;
}

/* Other FMCG - Fresh Spring Sage */
body.tak-center-site :where(.tk-category-card--other-fmcg, .tk-category-card[href*="other-fmcg"]) img,
body.tak-center-site :where(.tk-category-card--other-fmcg, .tk-category-card[href*="other-fmcg"]) .tk-category-card__img,
body.tak-center-site :where(.tk-category-card--other-fmcg, .tk-category-card[href*="other-fmcg"]) .tk-category-card__fallback {
	background: linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%) !important;
	border: 2px solid #bbf7d0 !important;
	box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15) !important;
}
body.tak-center-site :where(.tk-category-card--other-fmcg, .tk-category-card[href*="other-fmcg"]):hover {
	border-color: #4ade80 !important;
}
body.tak-center-site :where(.tk-category-card--other-fmcg, .tk-category-card[href*="other-fmcg"]) .tk-category-card__count {
	background: #dcfce7 !important;
	color: #166534 !important;
	border: 1px solid #bbf7d0 !important;
}

/* ==========================================================================
   UNIFIED, LOGICAL & DISCIPLINED COLOR ARCHITECTURE (BRAND GOLD + DIGIKALA RETAIL ACCENTS)
   - Core Brand: Luxury Gold (#D1A04A / #b8872f) & Obsidian Slate (#211c20)
   - Retail Conversion Accent: Digikala Red (#ef394e) strictly for Discounts & Special Offers
   - Executive B2B Portal: Warm ivory luminous canvas, unified gold-trimmed cards, zero rainbow clash
   ========================================================================== */

/* ==========================================================================
   VIBRANT, ENGAGING & DISCIPLINED COLOR ARCHITECTURE (B2B THROUGH FOOTER)
   - Distinctive visual rhythm for each shelf to eliminate monotony
   - Purposeful color accents: Amber Best Sellers, Emerald Economics, Cobalt New Arrivals, Obsidian Gold VIP Club
   ========================================================================== */

/* 1. EXECUTIVE B2B WHOLESALE HUB */
body.tak-center-site .tk-b2b-hub {
	background: linear-gradient(180deg, #fdfbf7 0%, #f7ede0 50%, #fcf9f2 100%) !important;
	border-radius: 28px !important;
	color: #211c20 !important;
	box-shadow: 0 16px 40px rgba(33, 28, 32, 0.07) !important;
	border: 1.5px solid rgba(209, 160, 74, 0.4) !important;
	padding: clamp(32px, 4vw, 52px) !important;
}

body.tak-center-site .tk-b2b-hub__badge {
	background: #211c20 !important;
	border: 1px solid #d1a04a !important;
	color: #e5be69 !important;
	box-shadow: 0 4px 14px rgba(33, 28, 32, 0.2) !important;
	padding: 6px 18px !important;
	border-radius: 99px !important;
}

body.tak-center-site .tk-b2b-hub__badge .tk-icon {
	color: #d1a04a !important;
	stroke: #d1a04a !important;
}

body.tak-center-site .tk-b2b-hub__header h2 {
	color: #171316 !important;
	font-weight: 900 !important;
	font-size: clamp(22px, 3vw, 30px) !important;
}

body.tak-center-site .tk-b2b-hub__sub {
	color: #4b444a !important;
	font-weight: 600 !important;
	font-size: 14.5px !important;
}

/* 4 Distinct B2B Action Cards */
body.tak-center-site .tk-b2b-cta-card {
	background: #ffffff !important;
	border-radius: 18px !important;
	padding: 22px !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
}

body.tak-center-site .tk-b2b-cta-card h3 {
	font-size: 16px !important;
	font-weight: 800 !important;
	color: #171316 !important;
	margin-bottom: 6px !important;
}

body.tak-center-site .tk-b2b-cta-card p {
	font-size: 12.5px !important;
	color: #64748b !important;
	line-height: 1.6 !important;
}

/* Card 1: Bulk Cartons - Rich Gold */
body.tak-center-site .tk-b2b-cta-card--primary {
	border: 1.5px solid #fde68a !important;
}
body.tak-center-site .tk-b2b-cta-card--primary .tk-b2b-cta-card__icon {
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%) !important;
	border: 1.5px solid #f59e0b !important;
	color: #b45309 !important;
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2) !important;
}
body.tak-center-site .tk-b2b-cta-card--primary .tk-b2b-cta-card__arrow {
	color: #b45309 !important;
}
body.tak-center-site .tk-b2b-cta-card--primary:hover {
	border-color: #d1a04a !important;
	box-shadow: 0 16px 36px rgba(209, 160, 74, 0.22) !important;
	transform: translateY(-5px) !important;
}

/* Card 2: RFQ Tonnage - Executive Cobalt */
body.tak-center-site .tk-b2b-cta-card--secondary {
	border: 1.5px solid #dbeafe !important;
}
body.tak-center-site .tk-b2b-cta-card--secondary .tk-b2b-cta-card__icon {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
	border: 1.5px solid #3b82f6 !important;
	color: #1d4ed8 !important;
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2) !important;
}
body.tak-center-site .tk-b2b-cta-card--secondary .tk-b2b-cta-card__arrow {
	color: #2563eb !important;
}
body.tak-center-site .tk-b2b-cta-card--secondary:hover {
	border-color: #3b82f6 !important;
	box-shadow: 0 16px 36px rgba(37, 99, 235, 0.2) !important;
	transform: translateY(-5px) !important;
}

/* Card 3: Organizations - Fresh Emerald */
body.tak-center-site .tk-b2b-cta-card--accent {
	border: 1.5px solid #bbf7d0 !important;
}
body.tak-center-site .tk-b2b-cta-card--accent .tk-b2b-cta-card__icon {
	background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
	border: 1.5px solid #10b981 !important;
	color: #047857 !important;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2) !important;
}
body.tak-center-site .tk-b2b-cta-card--accent .tk-b2b-cta-card__arrow {
	color: #059669 !important;
}
body.tak-center-site .tk-b2b-cta-card--accent:hover {
	border-color: #10b981 !important;
	box-shadow: 0 16px 36px rgba(16, 185, 129, 0.2) !important;
	transform: translateY(-5px) !important;
}

/* Card 4: Vendors & Factories - Royal Violet */
body.tak-center-site .tk-b2b-cta-card--vendor {
	border: 1.5px solid #f3e8ff !important;
}
body.tak-center-site .tk-b2b-cta-card--vendor .tk-b2b-cta-card__icon {
	background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%) !important;
	border: 1.5px solid #a855f7 !important;
	color: #7e22ce !important;
	box-shadow: 0 4px 12px rgba(168, 85, 247, 0.2) !important;
}
body.tak-center-site .tk-b2b-cta-card--vendor .tk-b2b-cta-card__arrow {
	color: #9333ea !important;
}
body.tak-center-site .tk-b2b-cta-card--vendor:hover {
	border-color: #a855f7 !important;
	box-shadow: 0 16px 36px rgba(168, 85, 247, 0.2) !important;
	transform: translateY(-5px) !important;
}

/* B2B Proof Pills */
body.tak-center-site .tk-b2b-proof-pills .tk-proof-pill {
	background: #ffffff !important;
	border: 1.5px solid rgba(209, 160, 74, 0.3) !important;
	color: #334155 !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
	border-radius: 9999px !important;
	padding: 8px 16px !important;
}
body.tak-center-site .tk-b2b-proof-pills .tk-proof-pill:nth-child(1) .tk-icon { color: #059669 !important; }
body.tak-center-site .tk-b2b-proof-pills .tk-proof-pill:nth-child(2) .tk-icon { color: #2563eb !important; }
body.tak-center-site .tk-b2b-proof-pills .tk-proof-pill:nth-child(3) .tk-icon { color: #d97706 !important; }
body.tak-center-site .tk-b2b-proof-pills .tk-proof-pill:nth-child(4) .tk-icon { color: #7c3aed !important; }
body.tak-center-site .tk-b2b-proof-pills .tk-proof-pill .tk-proof-pill__phone {
	font-family: var(--tk-font) !important;
	direction: ltr !important;
	unicode-bidi: isolate !important;
	display: inline-block !important;
	color: inherit !important;
	text-decoration: none !important;
	font-weight: 800 !important;
}
body.tak-center-site .tk-b2b-proof-pills .tk-proof-pill a.tk-proof-pill__phone:hover {
	color: var(--tk-gold-dark, #b8872f) !important;
}

/* 2. BEST SELLERS SHELF WITH DIGIKALA-STYLE RANKINGS */
body.tak-center-site .tk-best-sellers {
	background: #ffffff !important;
	border-top: 1px solid #ede8e1 !important;
	border-bottom: 1px solid #ede8e1 !important;
	padding-block: 52px !important;
}

body.tak-center-site .tk-best-sellers .tk-section__eyebrow-badge {
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
	border: 1.5px solid #f59e0b !important;
	color: #92400e !important;
	font-weight: 800 !important;
	padding: 6px 16px !important;
	border-radius: 99px !important;
	box-shadow: 0 3px 10px rgba(245, 158, 11, 0.18) !important;
}

body.tak-center-site .tk-best-sellers .tk-section__eyebrow-badge .tk-icon {
	color: #d97706 !important;
	fill: #d97706 !important;
}

body.tak-center-site .tk-best-sellers .tk-section__btn-more {
	background: #ffffff !important;
	border: 1.5px solid #d1a04a !important;
	color: #9c6c19 !important;
	border-radius: 9999px !important;
	padding: 7px 20px !important;
	font-weight: 800 !important;
	box-shadow: 0 2px 8px rgba(209, 160, 74, 0.12) !important;
	transition: all 0.25s ease !important;
}

body.tak-center-site .tk-best-sellers .tk-section__btn-more:hover {
	background: #d1a04a !important;
	color: #ffffff !important;
	box-shadow: 0 6px 18px rgba(209, 160, 74, 0.35) !important;
	transform: translateX(-4px) !important;
}

body.tak-center-site .tk-best-sellers .tk-product-card:hover {
	border-color: #d1a04a !important;
	box-shadow: 0 14px 34px rgba(209, 160, 74, 0.18) !important;
	transform: translateY(-4px) !important;
}

/* 3. ECONOMIC SHOPPING SHELF - VIBRANT GROCERY VALUE TONE */
body.tak-center-site .tk-economic-shopping-section {
	background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 50%, #f8fafc 100%) !important;
	border-top: 1px solid #bbf7d0 !important;
	border-bottom: 1px solid #e2e8f0 !important;
	padding-block: 56px !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-section__eyebrow-badge {
	background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
	border: none !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	padding: 6px 18px !important;
	border-radius: 99px !important;
	box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35) !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-section__eyebrow-badge .tk-icon {
	color: #ffffff !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-section__btn-more {
	background: #ffffff !important;
	border: 1.5px solid #059669 !important;
	color: #047857 !important;
	border-radius: 9999px !important;
	padding: 7px 20px !important;
	font-weight: 800 !important;
	box-shadow: 0 2px 8px rgba(5, 150, 105, 0.12) !important;
	transition: all 0.25s ease !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-section__btn-more:hover {
	background: #059669 !important;
	color: #ffffff !important;
	box-shadow: 0 6px 18px rgba(5, 150, 105, 0.35) !important;
	transform: translateX(-4px) !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-product-card {
	background: #ffffff !important;
	border: 1.5px solid #d1fae5 !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-product-card:hover {
	border-color: #10b981 !important;
	box-shadow: 0 14px 34px rgba(16, 185, 129, 0.2) !important;
	transform: translateY(-4px) !important;
}

/* 4. NEW ARRIVALS SHELF - DYNAMIC COBALT WHOLESALE INVENTORY */
body.tak-center-site .tk-new-arrivals {
	background: linear-gradient(180deg, #f8fafc 0%, #eff6ff 50%, #f8fafc 100%) !important;
	border-bottom: 1px solid #dbeafe !important;
	padding-block: 56px !important;
}

body.tak-center-site .tk-new-arrivals .tk-section__eyebrow-badge {
	background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
	border: none !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	padding: 6px 18px !important;
	border-radius: 99px !important;
	box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35) !important;
}

body.tak-center-site .tk-new-arrivals .tk-section__eyebrow-badge .tk-icon {
	color: #ffffff !important;
}

body.tak-center-site .tk-new-arrivals .tk-section__btn-more {
	background: #ffffff !important;
	border: 1.5px solid #2563eb !important;
	color: #1d4ed8 !important;
	border-radius: 9999px !important;
	padding: 7px 20px !important;
	font-weight: 800 !important;
	box-shadow: 0 2px 8px rgba(37, 99, 235, 0.12) !important;
	transition: all 0.25s ease !important;
}

body.tak-center-site .tk-new-arrivals .tk-section__btn-more:hover {
	background: #2563eb !important;
	color: #ffffff !important;
	box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35) !important;
	transform: translateX(-4px) !important;
}

body.tak-center-site .tk-new-arrivals .tk-product-card {
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
}

body.tak-center-site .tk-new-arrivals .tk-product-card:hover {
	border-color: #3b82f6 !important;
	box-shadow: 0 14px 34px rgba(59, 130, 246, 0.2) !important;
	transform: translateY(-4px) !important;
}

/* 5. RECOMMENDED SHELF - ROYAL GOLD QUALITY ASSURANCE */
body.tak-center-site .tk-recommended {
	background: linear-gradient(180deg, #ffffff 0%, #fdfbf7 50%, #ffffff 100%) !important;
	padding-block: 56px !important;
	border-bottom: 1px solid #ede8e1 !important;
}

body.tak-center-site .tk-recommended .tk-section__eyebrow-badge {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	border: none !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	padding: 6px 18px !important;
	border-radius: 99px !important;
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.35) !important;
}

body.tak-center-site .tk-recommended .tk-section__eyebrow-badge .tk-icon {
	color: #ffffff !important;
}

body.tak-center-site .tk-recommended .tk-section__btn-more {
	background: #ffffff !important;
	border: 1.5px solid #d1a04a !important;
	color: #9c6c19 !important;
	border-radius: 9999px !important;
	padding: 7px 20px !important;
	font-weight: 800 !important;
	box-shadow: 0 2px 8px rgba(209, 160, 74, 0.12) !important;
	transition: all 0.25s ease !important;
}

body.tak-center-site .tk-recommended .tk-section__btn-more:hover {
	background: #d1a04a !important;
	color: #ffffff !important;
	box-shadow: 0 6px 18px rgba(209, 160, 74, 0.35) !important;
	transform: translateX(-4px) !important;
}

body.tak-center-site .tk-recommended .tk-product-card:hover {
	border-color: #d1a04a !important;
	box-shadow: 0 14px 34px rgba(209, 160, 74, 0.2) !important;
	transform: translateY(-4px) !important;
}

/* 6. PROMOTIONAL BANNER - WARM GOLDEN CREAM */
body.tak-center-site .tk-promo-banner--discounts {
	background: linear-gradient(135deg, #fdfbf7 0%, #fbf5e9 50%, #f7ede0 100%) !important;
	border: 1.5px solid rgba(209, 160, 74, 0.35) !important;
	box-shadow: 0 12px 32px rgba(209, 160, 74, 0.12) !important;
	border-radius: 24px !important;
}

body.tak-center-site .tk-promo-banner--discounts:hover {
	box-shadow: 0 16px 40px rgba(209, 160, 74, 0.18) !important;
	border-color: #d1a04a !important;
}

body.tak-center-site .tk-promo-banner__badge {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 4px 12px rgba(209, 160, 74, 0.3) !important;
}

body.tak-center-site .tk-promo-banner__badge .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

body.tak-center-site .tk-promo-banner__discount-pill {
	background: linear-gradient(135deg, #ef394e 0%, #dc2626 100%) !important;
	color: #ffffff !important;
	border-radius: 12px !important;
	box-shadow: 0 4px 14px rgba(239, 57, 78, 0.35) !important;
	padding: 8px 16px !important;
}

body.tak-center-site .tk-promo-banner__discount-num {
	color: #ffffff !important;
	font-weight: 900 !important;
	font-size: 20px !important;
}

body.tak-center-site .tk-promo-banner__discount-label {
	color: rgba(255, 255, 255, 0.95) !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-promo-banner__pill {
	background: #ffffff !important;
	border: 1px solid rgba(209, 160, 74, 0.3) !important;
	color: #b8872f !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

body.tak-center-site .tk-promo-banner__pill .tk-icon {
	color: #d1a04a !important;
}

body.tak-center-site .tk-promo-banner__btn {
	background: linear-gradient(135deg, #211c20 0%, #0f172a 100%) !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: 0 6px 18px rgba(33, 28, 32, 0.25) !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-promo-banner__btn:hover {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 24px rgba(209, 160, 74, 0.38) !important;
}

body.tak-center-site .tk-promo-banner__btn--sec {
	background: #ffffff !important;
	border: 1.5px solid rgba(209, 160, 74, 0.35) !important;
	color: #b8872f !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-promo-banner__btn--sec:hover {
	background: #fbf5e9 !important;
	border-color: #d1a04a !important;
	color: #211c20 !important;
}

/* 7. CUSTOMER CLUB TEASER - HIGH-END OBSIDIAN GOLD SUITE */
@media (min-width: 900px) {
	body.tak-center-site .tk-club-teaser {
		background: radial-gradient(circle at 80% 25%, rgba(209, 160, 74, 0.3) 0%, transparent 60%),
		            radial-gradient(circle at 20% 75%, rgba(239, 57, 78, 0.2) 0%, transparent 55%),
		            linear-gradient(135deg, #241d22 0%, #151114 100%) !important;
		border: 2px solid rgba(209, 160, 74, 0.45) !important;
		box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35), 0 0 35px rgba(209, 160, 74, 0.12) !important;
		border-radius: 28px !important;
		padding: clamp(36px, 5vw, 56px) !important;
	}
}

body.tak-center-site .tk-club-teaser__badge {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	border: none !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.45) !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-club-teaser__badge .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

body.tak-center-site .tk-club-teaser__btn {
	background: linear-gradient(135deg, #e5be69 0%, #d1a04a 50%, #b8872f 100%) !important;
	color: #171316 !important;
	font-weight: 900 !important;
	font-size: 15px !important;
	border-radius: 14px !important;
	box-shadow: 0 8px 25px rgba(209, 160, 74, 0.5) !important;
	transition: all 0.25s ease !important;
}

body.tak-center-site .tk-club-teaser__btn:hover {
	transform: translateY(-3px) scale(1.02) !important;
	box-shadow: 0 12px 32px rgba(209, 160, 74, 0.7) !important;
}

/* 8. BRANDS SHOWCASE - LUMINOUS WARM CANVAS & CERTIFIED PARTNERS */
body.tak-center-site .tk-brands {
	background: linear-gradient(180deg, #fdfbf7 0%, #f6f0e6 50%, #ffffff 100%) !important;
	padding-block: 56px !important;
	border-bottom: 1px solid #ebdccb !important;
}

body.tak-center-site .tk-brands .tk-brand-chip,
body.tak-center-site .tk-brands__item,
body.tak-center-site .tk-brand-card {
	background: #ffffff !important;
	border: 1.5px solid #ebdccb !important;
	border-radius: 18px !important;
	box-shadow: 0 4px 14px rgba(33, 28, 32, 0.04) !important;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tak-center-site .tk-brands .tk-brand-chip:hover,
body.tak-center-site .tk-brands__item:hover,
body.tak-center-site .tk-brand-card:hover {
	border-color: #d1a04a !important;
	transform: translateY(-5px) !important;
	box-shadow: 0 16px 36px rgba(209, 160, 74, 0.2) !important;
}

body.tak-center-site .tk-brands .tk-brand-chip__badge,
body.tak-center-site .tk-brand-card__badge {
	background: #ecfdf5 !important;
	color: #047857 !important;
	border: 1px solid #6ee7b7 !important;
	font-weight: 800 !important;
	font-size: 11px !important;
	border-radius: 9999px !important;
	padding: 2px 9px !important;
}

/* 9. BENEFITS 4-GRID - UNIFIED LUXURY TRUST BAR (DIGIKALA & MODERN E-COMMERCE STANDARD) */
body.tak-center-site .tk-benefits {
	background: #f8fafc !important;
	padding-block: 40px 48px !important;
	border-top: 1px solid #e2e8f0 !important;
}

body.tak-center-site .tk-benefits .tk-shell {
	width: 100% !important;
	max-width: 1320px !important;
	margin-inline: auto !important;
	padding-inline: 16px !important;
}

body.tak-center-site .tk-benefits .tk-benefits__grid,
body.tak-center-site .tk-benefit-grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 0 !important;
	background: #ffffff !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 20px !important;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04) !important;
	padding: 10px 8px !important;
	align-items: stretch !important;
}

@media (max-width: 1100px) {
	body.tak-center-site .tk-benefits .tk-benefits__grid,
	body.tak-center-site .tk-benefit-grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
		padding: 12px !important;
	}
}

@media (max-width: 640px) {
	body.tak-center-site .tk-benefits .tk-benefits__grid,
	body.tak-center-site .tk-benefit-grid {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		padding: 10px !important;
	}
}

body.tak-center-site .tk-benefits .tk-benefit,
body.tak-center-site .tk-benefit-grid .tk-benefit {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	text-align: right !important;
	gap: 14px !important;
	padding: 16px 20px !important;
	min-height: 0 !important;
	height: auto !important;
	background: transparent !important;
	border: none !important;
	border-radius: 14px !important;
	box-shadow: none !important;
	transition: background 0.2s ease, transform 0.2s ease !important;
	position: relative !important;
	overflow: hidden !important;
}

@media (min-width: 1101px) {
	body.tak-center-site .tk-benefits .tk-benefit:not(:first-child),
	body.tak-center-site .tk-benefit-grid .tk-benefit:not(:first-child) {
		border-inline-start: 1px solid #e8ecf2 !important;
	}
}

@media (max-width: 1100px) and (min-width: 641px) {
	body.tak-center-site .tk-benefits .tk-benefit,
	body.tak-center-site .tk-benefit-grid .tk-benefit {
		border: 1px solid #f1f5f9 !important;
		background: #ffffff !important;
		border-radius: 14px !important;
	}
}

@media (max-width: 640px) {
	body.tak-center-site .tk-benefits .tk-benefit:not(:last-child),
	body.tak-center-site .tk-benefit-grid .tk-benefit:not(:last-child) {
		border-bottom: 1px solid #f1f5f9 !important;
		padding-bottom: 14px !important;
		border-radius: 0 !important;
	}
}

body.tak-center-site .tk-benefits .tk-benefit:hover,
body.tak-center-site .tk-benefit-grid .tk-benefit:hover {
	background: #f8fafc !important;
	transform: translateY(-2px) !important;
}

/* -------------------------------------------------------------------------
 * Careers Page Benefits Section (/careers/) - Desktop & Tablet Card System
 * ------------------------------------------------------------------------- */
body.tak-center-site .tk-careers-benefits .tk-benefits__grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 18px !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-top: 20px !important;
	box-sizing: border-box !important;
}

body.tak-center-site .tk-careers-benefits .tk-benefit {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	text-align: right !important;
	background: #ffffff !important;
	border: 1px solid #e9e2d8 !important;
	border-radius: 16px !important;
	padding: 22px 20px !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
	gap: 16px !important;
	transition: all 0.25s ease !important;
	min-height: 120px !important;
	box-sizing: border-box !important;
}

body.tak-center-site .tk-careers-benefits .tk-benefit:hover {
	border-color: var(--tk-gold, #d1a04a) !important;
	box-shadow: 0 10px 28px rgba(209, 160, 74, 0.16) !important;
	transform: translateY(-3px) !important;
}

body.tak-center-site .tk-careers-benefits .tk-benefit__icon {
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	margin-bottom: 0 !important;
	flex-shrink: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

body.tak-center-site .tk-careers-benefits .tk-benefit__icon svg {
	width: 24px !important;
	height: 24px !important;
}

body.tak-center-site .tk-careers-benefits .tk-benefit__body {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

body.tak-center-site .tk-careers-benefits .tk-benefit__title,
body.tak-center-site .tk-careers-benefits .tk-benefit h3 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #171316 !important;
	margin: 0 0 6px !important;
	line-height: 1.35 !important;
}

body.tak-center-site .tk-careers-benefits .tk-benefit__desc,
body.tak-center-site .tk-careers-benefits .tk-benefit p {
	font-size: 13.5px !important;
	color: #64748b !important;
	line-height: 1.65 !important;
	margin: 0 !important;
}

body.tak-center-site .tk-careers-benefits .tk-section__title {
	font-size: 22px !important;
	font-weight: 800 !important;
	color: #171316 !important;
	margin: 0 0 4px !important;
}

body.tak-center-site .tk-benefits .tk-benefit .tk-benefit__icon,
body.tak-center-site .tk-benefit .tk-benefit__icon {
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
	border-radius: 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-shrink: 0 !important;
	margin: 0 !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.tak-center-site .tk-benefits .tk-benefit:hover .tk-benefit__icon,
body.tak-center-site .tk-benefit:hover .tk-benefit__icon {
	transform: scale(1.1) !important;
}

body.tak-center-site .tk-benefits .tk-benefit .tk-benefit__icon svg,
body.tak-center-site .tk-benefit .tk-benefit__icon svg {
	width: 24px !important;
	height: 24px !important;
	stroke-width: 1.8 !important;
	color: inherit !important;
	stroke: currentColor !important;
}

body.tak-center-site .tk-benefits .tk-benefit .tk-benefit__body,
body.tak-center-site .tk-benefit .tk-benefit__body {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	min-width: 0 !important;
	flex: 1 !important;
	text-align: right !important;
	gap: 3px !important;
}

body.tak-center-site .tk-benefits .tk-benefit h3,
body.tak-center-site .tk-benefits .tk-benefit .tk-benefit__title,
body.tak-center-site .tk-benefit h3,
body.tak-center-site .tk-benefit .tk-benefit__title {
	margin: 0 !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	line-height: 1.4 !important;
	letter-spacing: -0.2px !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: normal !important;
}

body.tak-center-site .tk-benefits .tk-benefit p,
body.tak-center-site .tk-benefits .tk-benefit .tk-benefit__desc,
body.tak-center-site .tk-benefit p,
body.tak-center-site .tk-benefit .tk-benefit__desc {
	margin: 0 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #64748b !important;
	line-height: 1.55 !important;
	display: block !important;
	overflow: visible !important;
	text-overflow: clip !important;
	-webkit-line-clamp: unset !important;
}

body.tak-center-site .tk-club-features__grid .tk-benefit {
	overflow: visible !important;
	height: auto !important;
}

body.tak-center-site .tk-club-features__grid .tk-benefit h3,
body.tak-center-site .tk-club-features__grid .tk-benefit .tk-benefit__title {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: normal !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

body.tak-center-site .tk-club-features__grid .tk-benefit p,
body.tak-center-site .tk-club-features__grid .tk-benefit .tk-benefit__desc {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	-webkit-line-clamp: unset !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
}

/* Card 1: 100% Authenticity Guarantee - Emerald */
body.tak-center-site .tk-benefits .tk-benefit:nth-child(1) .tk-benefit__icon,
body.tak-center-site .tk-benefit:nth-child(1) .tk-benefit__icon,
body.tak-center-site .tk-benefit--shield .tk-benefit__icon {
	background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
	border: 1.5px solid #a7f3d0 !important;
	color: #059669 !important;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.16) !important;
}

/* Card 2: Express Delivery - Cobalt */
body.tak-center-site .tk-benefits .tk-benefit:nth-child(2) .tk-benefit__icon,
body.tak-center-site .tk-benefit:nth-child(2) .tk-benefit__icon,
body.tak-center-site .tk-benefit--truck .tk-benefit__icon {
	background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
	border: 1.5px solid #bfdbfe !important;
	color: #2563eb !important;
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.16) !important;
}

/* Card 3: Shoosh Central Warehouse - Warm Amber */
body.tak-center-site .tk-benefits .tk-benefit:nth-child(3) .tk-benefit__icon,
body.tak-center-site .tk-benefit:nth-child(3) .tk-benefit__icon,
body.tak-center-site .tk-benefit--box .tk-benefit__icon {
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
	border: 1.5px solid #fde68a !important;
	color: #d97706 !important;
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.16) !important;
}

/* Card 4: B2B Support & Official Invoice - Royal Violet */
body.tak-center-site .tk-benefits .tk-benefit:nth-child(4) .tk-benefit__icon,
body.tak-center-site .tk-benefit:nth-child(4) .tk-benefit__icon,
body.tak-center-site .tk-benefit--users .tk-benefit__icon {
	background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%) !important;
	border: 1.5px solid #e9d5ff !important;
	color: #9333ea !important;
	box-shadow: 0 4px 12px rgba(168, 85, 247, 0.16) !important;
}

/* Universal Digikala Discount Pill */
body.tak-center-site .tk-price-discount-pill {
	background: #ef394e !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	padding: 2px 7px !important;
	border-radius: 9999px !important;
	box-shadow: 0 2px 6px rgba(239, 57, 78, 0.35) !important;
	letter-spacing: -0.2px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

/* ==========================================================================
   Full-Screen Shopping Channel Selector Modal (Retail vs Wholesale)
   ========================================================================== */

body.tak-center-site .tk-channel-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s;
}

body.tak-center-site .tk-channel-modal[hidden] {
	display: none !important;
}

body.tak-center-site .tk-channel-modal.is-open {
	opacity: 1;
	visibility: visible;
}

body.tak-center-site .tk-channel-modal__backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(15, 23, 42, 0.88);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: none;
	cursor: pointer;
	z-index: 1;
}

body.tak-center-site .tk-channel-modal__container {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 840px;
	max-height: 94vh;
	overflow-y: auto;
	background: linear-gradient(135deg, #ffffff 0%, #fdfdfd 100%);
	border: 1.5px solid rgba(209, 160, 74, 0.4);
	border-radius: 20px;
	padding: 18px 22px 14px;
	box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.35), 0 0 40px rgba(209, 160, 74, 0.15);
	transform: scale(0.94) translateY(12px);
	transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-sizing: border-box;
}

body.tak-center-site .tk-channel-modal.is-open .tk-channel-modal__container {
	transform: scale(1) translateY(0);
}

body.tak-center-site .tk-channel-modal__close {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	color: #64748b;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
	z-index: 3;
}

body.tak-center-site .tk-channel-modal__close:hover {
	background: #fee2e2;
	border-color: #fca5a5;
	color: #dc2626;
	transform: rotate(90deg);
}

body.tak-center-site .tk-channel-modal__head {
	text-align: center;
	margin-bottom: 12px;
}

body.tak-center-site .tk-channel-modal__logo {
	display: block;
	margin: 0 auto 4px;
	max-width: 90px;
	height: auto;
}

body.tak-center-site .tk-channel-modal__badge {
	display: inline-block;
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
	color: var(--tk-gold-dark, #b8872f);
	border: 1px solid rgba(209, 160, 74, 0.4);
	padding: 2px 10px;
	border-radius: 9999px;
	font-size: 10.5px;
	font-weight: 800;
	margin-bottom: 4px;
	white-space: nowrap !important;
}

body.tak-center-site .tk-channel-modal__title {
	font-size: 18px;
	font-weight: 900;
	color: var(--tk-ink, #211c20);
	margin: 0 0 3px;
	line-height: 1.25;
}

body.tak-center-site .tk-channel-modal__desc {
	font-size: 11.5px;
	color: #64748b;
	max-width: 480px;
	margin: 0 auto;
	line-height: 1.4;
}

body.tak-center-site .tk-channel-modal__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 10px;
}

body.tak-center-site .tk-channel-card {
	position: relative;
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 14px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

body.tak-center-site .tk-channel-card:hover {
	transform: translateY(-4px);
	border-color: var(--tk-gold, #d1a04a);
	box-shadow: 0 12px 28px rgba(209, 160, 74, 0.16);
}

body.tak-center-site .tk-channel-card--wholesale {
	background: linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
	border-color: rgba(209, 160, 74, 0.35);
}

body.tak-center-site .tk-channel-card__badge-wrap {
	margin-bottom: 6px;
}

body.tak-center-site .tk-channel-card__tag {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 10.5px;
	font-weight: 800;
	padding: 2px 8px;
	border-radius: 6px;
	white-space: nowrap !important;
}

body.tak-center-site .tk-channel-card__tag .tk-icon {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

body.tak-center-site .tk-channel-card__tag--retail {
	background: #ecfdf5;
	color: #059669;
	border: 1px solid #a7f3d0;
}

body.tak-center-site .tk-channel-card__tag--wholesale {
	background: #fffbeb;
	color: #b45309;
	border: 1px solid #fde68a;
}

body.tak-center-site .tk-channel-card__icon-box {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
}

body.tak-center-site .tk-channel-card--retail .tk-channel-card__icon-box {
	background: #f0fdf4;
	color: #059669;
	border: 1px solid #bbf7d0;
}

body.tak-center-site .tk-channel-card--wholesale .tk-channel-card__icon-box {
	background: #fefce8;
	color: #d97706;
	border: 1px solid #fef08a;
}

body.tak-center-site .tk-channel-card__icon-box svg {
	width: 20px;
	height: 20px;
}

body.tak-center-site .tk-channel-card__heading {
	font-size: 16px;
	font-weight: 800;
	color: var(--tk-ink, #211c20);
	margin: 0 0 2px;
}

body.tak-center-site .tk-channel-card__sub {
	font-size: 11.5px;
	color: #64748b;
	margin-bottom: 10px;
	display: block;
	line-height: 1.35;
}

body.tak-center-site .tk-channel-card__features {
	list-style: none;
	padding: 0;
	margin: 0 0 12px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1;
}

body.tak-center-site .tk-channel-card__features li {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	font-size: 11.5px;
	color: #334155;
	line-height: 1.35;
}

body.tak-center-site .tk-channel-card__features .tk-check-icon {
	width: 14px;
	height: 14px;
	color: #10b981;
	flex-shrink: 0;
	margin-top: 1px;
}

body.tak-center-site .tk-channel-card__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 36px;
	padding: 6px 12px;
	border-radius: 9px;
	font-size: 12.5px;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap !important;
	transition: all 0.25s ease;
}

body.tak-center-site .tk-channel-card__btn svg {
	width: 15px;
	height: 15px;
}

body.tak-center-site .tk-channel-card__btn--gold {
	background: var(--tk-ink, #211c20) !important;
	color: var(--tk-gold, #d1a04a) !important;
	border: 1.5px solid var(--tk-gold, #d1a04a) !important;
}

body.tak-center-site .tk-channel-card__btn--gold:hover {
	background: #000000 !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

body.tak-center-site .tk-channel-modal__foot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding-top: 8px;
	border-top: 1px solid #f1f5f9;
	font-size: 11.5px;
	color: #64748b;
	flex-wrap: wrap;
}

body.tak-center-site .tk-channel-phone-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--tk-gold-dark, #b8872f);
	font-weight: 800;
	font-size: 13px;
	text-decoration: none;
	direction: ltr;
}

body.tak-center-site .tk-channel-phone-link svg {
	width: 14px;
	height: 14px;
}

@media (max-width: 768px) {
	body.tak-center-site .tk-channel-modal__cards {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	body.tak-center-site .tk-channel-modal__container {
		padding: 16px 14px 14px;
		border-radius: 16px;
		max-height: 96vh;
	}

	body.tak-center-site .tk-channel-card {
		padding: 12px 14px;
	}

	body.tak-center-site .tk-channel-card__heading {
		font-size: 15px;
	}

	body.tak-center-site .tk-channel-modal__title {
		font-size: 16px;
	}
}

/* Wholesale B2B Product Catalog & Pricing Tuning */
body.tak-center-site .tk-shop-channel-tabs {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #f1f5f9;
	padding: 4px;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	margin-top: 8px;
}

body.tak-center-site .tk-shop-channel-tab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 700;
	color: #64748b;
	text-decoration: none;
	transition: all 0.2s ease;
}

body.tak-center-site .tk-shop-channel-tab span {
	color: inherit;
	font-weight: 700;
}

body.tak-center-site .tk-shop-channel-tab:hover {
	color: var(--tk-ink, #211c20);
}

body.tak-center-site .tk-shop-channel-tab.is-active {
	background: #ffffff;
	color: var(--tk-ink, #211c20);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

body.tak-center-site .tk-shop-channel-tab.is-active:not(.tk-shop-channel-tab--wholesale) span {
	color: #211c20 !important;
}

body.tak-center-site .tk-shop-channel-tab.is-active:not(.tk-shop-channel-tab--wholesale) svg {
	color: #211c20 !important;
	stroke: #211c20 !important;
}

body.tak-center-site .tk-shop-channel-tab--wholesale.is-active {
	background: linear-gradient(135deg, #211c20 0%, #171316 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(33, 28, 32, 0.25) !important;
	border: 1px solid rgba(209, 160, 74, 0.35);
}

body.tak-center-site .tk-shop-channel-tab--wholesale.is-active span {
	color: #ffffff !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-shop-channel-tab--wholesale.is-active svg {
	color: var(--tk-gold, #d1a04a) !important;
	stroke: var(--tk-gold, #d1a04a) !important;
}

body.tak-center-site .tk-wholesale-mode-alert {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: linear-gradient(135deg, #fffdf8 0%, #fef3c7 100%);
	border: 1.5px solid rgba(209, 160, 74, 0.45);
	border-radius: 16px;
	padding: 14px 20px;
	margin-bottom: 24px;
	box-shadow: 0 4px 20px rgba(209, 160, 74, 0.12);
}

body.tak-center-site .tk-wholesale-mode-alert__right {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

body.tak-center-site .tk-wholesale-badge-active {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--tk-ink, #211c20);
	color: var(--tk-gold, #d1a04a);
	padding: 3px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 800;
	width: fit-content;
}

body.tak-center-site .tk-wholesale-mode-alert__desc {
	margin: 0;
	font-size: 12.5px;
	color: #78350f;
	line-height: 1.5;
}

body.tak-center-site .tk-wholesale-switch-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	background: #ffffff;
	border: 1px solid #fde68a;
	color: #92400e;
	border-radius: 10px;
	font-size: 12.5px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

body.tak-center-site .tk-wholesale-switch-btn:hover {
	background: #fef3c7;
	color: #78350f;
	border-color: #f59e0b;
}

/* Loop Card Wholesale Enhancements */
body.tak-center-site .tk-wholesale-loop-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: #fffdfa;
	border: 1px dashed rgba(209, 160, 74, 0.6);
	border-radius: 10px;
	padding: 7px 8px;
	margin: 6px 0;
	text-align: right;
	box-sizing: border-box;
	width: 100%;
}

body.tak-center-site .tk-wholesale-order-rule {
	display: flex;
	align-items: flex-start;
	gap: 5px;
	font-size: 11px;
	line-height: 1.45;
	color: #b45309;
}

body.tak-center-site .tk-wholesale-order-rule .tk-icon {
	flex-shrink: 0;
	color: #d97706;
	margin-top: 2px;
}

body.tak-center-site .tk-wholesale-order-rule span {
	display: inline;
}

body.tak-center-site .tk-wholesale-order-rule strong {
	color: #92400e;
	font-weight: 800;
	white-space: nowrap;
	display: inline-block;
}

body.tak-center-site .tk-wholesale-carton-specs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 6px;
	font-size: 10.5px;
	line-height: 1.3;
}

body.tak-center-site .tk-wholesale-pack-badge {
	display: inline-flex;
	align-items: center;
	background: #fef3c7;
	border: 1px solid rgba(209, 160, 74, 0.4);
	padding: 2px 6px;
	border-radius: 6px;
	font-weight: 800;
	color: #92400e;
	white-space: nowrap;
	font-size: 10.5px;
}

body.tak-center-site .tk-wholesale-units-badge {
	color: #64748b;
	font-size: 10px;
	white-space: nowrap;
	display: inline-block;
}

body.tak-center-site .tk-wholesale-pack-type {
	font-size: 10px;
	color: #64748b;
	line-height: 1.3;
	padding-top: 2px;
	border-top: 1px dotted rgba(209, 160, 74, 0.25);
}

/* Wholesale Price Box */
body.tak-center-site .tk-wholesale-price-box {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 6px 0 2px;
	width: 100%;
}

body.tak-center-site .tk-wholesale-carton-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px 8px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	padding: 6px 10px;
	border-radius: 8px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}

body.tak-center-site .tk-wholesale-carton-label {
	font-size: 11px;
	font-weight: 700;
	color: #166534;
	white-space: nowrap;
	flex-shrink: 0;
}

body.tak-center-site .tk-wholesale-carton-val {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	white-space: nowrap;
	margin-inline-start: auto;
}

body.tak-center-site .tk-wholesale-carton-val strong {
	font-size: 15px;
	font-weight: 900;
	color: #15803d;
	line-height: 1.2;
}

body.tak-center-site .tk-wholesale-carton-val small {
	font-size: 11px;
	font-weight: 600;
	color: #166534;
}

body.tak-center-site .tk-wholesale-unit-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4px 6px;
	font-size: 11px;
	color: #64748b;
	padding-inline: 2px;
}

body.tak-center-site .tk-wholesale-unit-label {
	color: #475569;
	white-space: nowrap;
}

body.tak-center-site .tk-wholesale-unit-val {
	font-weight: 800;
	color: #0f172a;
	white-space: nowrap;
}

body.tak-center-site .tk-wholesale-regular-val {
	color: #94a3b8;
	text-decoration: line-through;
	font-size: 10.5px;
	white-space: nowrap;
}

body.tak-center-site .tk-sale-badge--wholesale {
	background: linear-gradient(135deg, #211c20 0%, #3b323a 100%) !important;
	color: var(--tk-gold, #d1a04a) !important;
	border: 1px solid var(--tk-gold, #d1a04a) !important;
	box-shadow: 0 2px 8px rgba(33, 28, 32, 0.25) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	padding: 3px 8px !important;
}

body.tak-center-site .tk-product--wholesale-mode {
	border-color: rgba(209, 160, 74, 0.35) !important;
	background: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%) !important;
}

body.tak-center-site .tk-product--wholesale-mode:hover {
	border-color: var(--tk-gold, #d1a04a) !important;
	box-shadow: 0 10px 30px rgba(209, 160, 74, 0.16) !important;
}

@media (max-width: 768px) {
	body.tak-center-site .tk-wholesale-mode-alert {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		padding: 12px 14px;
	}

	body.tak-center-site .tk-shop-channel-tabs {
		width: 100%;
		justify-content: stretch;
	}

	body.tak-center-site .tk-shop-channel-tab {
		flex: 1;
		justify-content: center;
		padding: 6px 8px;
		font-size: 11.5px;
	}
}

/* ==========================================================================
   Universal Custom Form Controls (Zero Browser Defaults)
   ========================================================================== */
/* ==========================================================================
   Universal Custom Form Controls (Zero Browser Defaults)
   ========================================================================== */

/* Native select hidden when enhanced with custom JS engine */
body.tak-center-site select.tk-custom-select-native {
	display: none !important;
	position: absolute !important;
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	pointer-events: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0, 0, 0, 0) !important;
	overflow: hidden !important;
}

/* Ensure redundant select2 containers are never displayed when custom select is present */
body.tak-center-site .select2-container,
body.tak-center-site .tk-custom-select .select2,
body.tak-center-site .tk-custom-select .select2-container,
body.tak-center-site select.tk-custom-select-native + .select2,
body.tak-center-site select.tk-custom-select-native + .select2-container,
body.tak-center-site select.tk-custom-select-native ~ .select2,
body.tak-center-site select.tk-custom-select-native ~ .select2-container {
	display: none !important;
}

/* Fallback native select styling (Zero default OS arrow) */
body.tak-center-site select:not(.tk-custom-select-native),
body.tak-center-site .woocommerce-ordering select:not(.tk-custom-select-native),
body.tak-center-site .woocommerce form select:not(.tk-custom-select-native) {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23704709' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: left 14px center !important;
	background-size: 14px 14px !important;
	padding: 9px 14px 9px 38px !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 12px !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
	cursor: pointer !important;
	outline: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	min-height: 42px !important;
	line-height: 1.4 !important;
	box-sizing: border-box !important;
}

body.tak-center-site select::-ms-expand {
	display: none !important;
}

body.tak-center-site select:not(.tk-custom-select-native):hover {
	border-color: #cbd5e1 !important;
	background-color: #f8fafc !important;
}

body.tak-center-site select:not(.tk-custom-select-native):focus {
	border-color: #d1a04a !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3.5px rgba(209, 160, 74, 0.18) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* ==========================================================================
   Luxury Custom Select Engine Components (.tk-custom-select)
   ========================================================================== */
body.tak-center-site .tk-custom-select {
	position: relative;
	display: inline-block;
	width: 100%;
	font-family: inherit;
	box-sizing: border-box;
}

body.tak-center-site .tk-custom-select--orderby {
	width: 220px;
}

body.tak-center-site .tk-custom-select--brand {
	width: 100%;
}

body.tak-center-site .tk-custom-select__trigger {
	width: 100%;
	min-height: 42px;
	padding: 9px 14px;
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 12px;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	color: #1e293b;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	cursor: pointer;
	outline: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	text-align: right;
	box-sizing: border-box;
}

body.tak-center-site .tk-custom-select__trigger:hover {
	border-color: #cbd5e1;
	background: #f8fafc;
}

body.tak-center-site .tk-custom-select.is-open .tk-custom-select__trigger,
body.tak-center-site .tk-custom-select__trigger:focus {
	border-color: #d1a04a;
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(209, 160, 74, 0.2);
}

body.tak-center-site .tk-custom-select__label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
	text-align: right;
}

body.tak-center-site .tk-custom-select__chevron {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #64748b;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	flex-shrink: 0;
}

body.tak-center-site .tk-custom-select.is-open .tk-custom-select__chevron {
	transform: rotate(180deg);
	color: #b45309;
}

body.tak-center-site .tk-custom-select__single-icon {
	display: none;
	align-items: center;
	justify-content: center;
	color: #94a3b8;
	flex-shrink: 0;
}

body.tak-center-site .tk-custom-select--single .tk-custom-select__chevron {
	display: none !important;
}

body.tak-center-site .tk-custom-select--single .tk-custom-select__single-icon {
	display: inline-flex !important;
}

body.tak-center-site .tk-custom-select--single .tk-custom-select__trigger {
	cursor: default !important;
	background: #f8fafc !important;
	border-color: #e2e8f0 !important;
	color: #1e293b !important;
	user-select: none;
}

body.tak-center-site .tk-custom-select--single .tk-custom-select__trigger:hover {
	border-color: #cbd5e1 !important;
	box-shadow: none !important;
}

body.tak-center-site .tk-custom-select--single .tk-custom-select__menu {
	display: none !important;
}

body.tak-center-site .tk-custom-select__menu {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	left: 0;
	z-index: 1000;
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 16px 36px -4px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.03);
	max-height: 270px;
	overflow-y: auto;
	padding: 6px;
	display: none;
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 0.2s ease, transform 0.2s ease;
	box-sizing: border-box;
}

body.tak-center-site .tk-custom-select.is-open .tk-custom-select__menu {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

body.tak-center-site .tk-custom-select__item {
	padding: 9px 12px;
	border-radius: 9px;
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	transition: all 0.15s ease;
	box-sizing: border-box;
}

body.tak-center-site .tk-custom-select__item:hover {
	background: #fffbeb;
	color: #92400e;
}

body.tak-center-site .tk-custom-select__item.is-selected {
	background: #fef3c7;
	color: #78350f;
	font-weight: 800;
}

body.tak-center-site .tk-custom-select__check {
	opacity: 0;
	color: #b45309;
	flex-shrink: 0;
	transition: opacity 0.15s ease;
}

body.tak-center-site .tk-custom-select__item.is-selected .tk-custom-select__check {
	opacity: 1;
}

/* Custom Text & Search Inputs */
body.tak-center-site input[type="text"],
body.tak-center-site input[type="search"],
body.tak-center-site input[type="tel"],
body.tak-center-site input[type="email"],
body.tak-center-site input[type="number"],
body.tak-center-site input[type="password"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border: 1.5px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 10px 14px !important;
	font-family: inherit !important;
	font-size: 13.5px !important;
	color: #1e293b !important;
	background-color: #ffffff !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) inset !important;
	outline: none !important;
	transition: all 0.2s ease !important;
	min-height: 42px !important;
	box-sizing: border-box !important;
}

body.tak-center-site input[type="text"]:focus,
body.tak-center-site input[type="search"]:focus,
body.tak-center-site input[type="tel"]:focus,
body.tak-center-site input[type="email"]:focus,
body.tak-center-site input[type="number"]:focus,
body.tak-center-site input[type="password"]:focus {
	border-color: #d1a04a !important;
	box-shadow: 0 0 0 3.5px rgba(209, 160, 74, 0.16) !important;
}

/* Custom Checkbox Design (Zero browser default) */
body.tak-center-site .tk-filter-checkbox-item input[type="checkbox"],
body.tak-center-site input[type="checkbox"]:not(.tk-no-custom) {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	border: 1.8px solid #cbd5e1 !important;
	border-radius: 7px !important;
	background-color: #ffffff !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align: middle !important;
	position: relative !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
}

body.tak-center-site .tk-filter-checkbox-item input[type="checkbox"]:hover {
	border-color: #d1a04a !important;
	background-color: #fffdfa !important;
}

body.tak-center-site .tk-filter-checkbox-item input[type="checkbox"]:checked,
body.tak-center-site input[type="checkbox"]:checked:not(.tk-no-custom) {
	background-color: #211c20 !important;
	border-color: #211c20 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d1a04a' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
	background-size: 13px 13px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	box-shadow: 0 2px 6px rgba(33, 28, 32, 0.25) !important;
}

/* Modern iOS-Style Toggle Switches */
body.tak-center-site .tk-filter-switch-row input[type="checkbox"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	width: 44px !important;
	height: 24px !important;
	min-width: 44px !important;
	background: #e2e8f0 !important;
	background-color: #e2e8f0 !important;
	border-radius: 999px !important;
	border: none !important;
	position: relative !important;
	cursor: pointer !important;
	transition: background 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease !important;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
	flex-shrink: 0 !important;
	outline: none !important;
}

/* Explicitly disable default checkmark ::before on toggle switches */
body.tak-center-site .tk-filter-switch-row input[type="checkbox"]::before {
	display: none !important;
	content: none !important;
	border: none !important;
	width: 0 !important;
	height: 0 !important;
}

body.tak-center-site .tk-filter-switch-row input[type="checkbox"]::after {
	content: '' !important;
	position: absolute !important;
	top: 3px !important;
	right: 3px !important;
	left: auto !important;
	width: 18px !important;
	height: 18px !important;
	background: #ffffff !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22) !important;
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

body.tak-center-site .tk-filter-switch-row input[type="checkbox"]:not(:checked) {
	background: #e2e8f0 !important;
	background-color: #e2e8f0 !important;
	background-image: none !important;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

body.tak-center-site .tk-filter-switch-row input[type="checkbox"]:not(:checked)::after {
	transform: none !important;
	right: 3px !important;
}

body.tak-center-site .tk-filter-switch-row input[type="checkbox"]:checked {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	background-color: #d1a04a !important;
	box-shadow: 0 2px 8px rgba(209, 160, 74, 0.35) !important;
}

body.tak-center-site .tk-filter-switch-row input[type="checkbox"]:checked::after {
	transform: translateX(-20px) !important;
}

/* ==========================================================================
   PLP Graphic Hero Header (Vibrant FMCG & B2B Commercial Visuals)
   ========================================================================== */
body.tak-center-site .tk-plp-hero-wrapper {
	margin-bottom: 24px;
	width: 100%;
}

body.tak-center-site .tk-plp-breadcrumb {
	margin-bottom: 12px;
}

body.tak-center-site .tk-plp-breadcrumb .woocommerce-breadcrumb {
	font-size: 12.5px;
	color: #64748b;
	margin: 0;
	padding: 0;
}

body.tak-center-site .tk-plp-breadcrumb .woocommerce-breadcrumb a {
	color: #475569;
	text-decoration: none;
	transition: color 0.15s ease;
}

body.tak-center-site .tk-plp-breadcrumb .woocommerce-breadcrumb a:hover {
	color: var(--tk-gold-dark, #b8872f);
}

body.tak-center-site .tk-plp-hero-card {
	position: relative;
	background: radial-gradient(circle at 20% 20%, rgba(209, 160, 74, 0.22) 0%, transparent 50%),
	            radial-gradient(circle at 80% 80%, rgba(14, 165, 233, 0.15) 0%, transparent 50%),
	            linear-gradient(135deg, #18151c 0%, #261f2c 45%, #161218 100%);
	border: 1.5px solid rgba(209, 160, 74, 0.4);
	border-radius: 24px;
	padding: 34px 40px;
	box-shadow: 0 16px 44px -4px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
	overflow: hidden;
	color: #ffffff;
}

body.tak-center-site .tk-plp-hero-card--wholesale {
	background: radial-gradient(circle at 20% 20%, rgba(209, 160, 74, 0.28) 0%, transparent 50%),
	            radial-gradient(circle at 80% 80%, rgba(30, 64, 175, 0.25) 0%, transparent 50%),
	            linear-gradient(135deg, #0f172a 0%, #1e293b 45%, #090d16 100%);
	border-color: rgba(209, 160, 74, 0.5);
}

body.tak-center-site .tk-plp-hero-bg-art {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 1;
}

body.tak-center-site .tk-hero-blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(60px);
	opacity: 0.3;
}

body.tak-center-site .tk-hero-blob--1 {
	top: -40px;
	left: 10%;
	width: 240px;
	height: 240px;
	background: #d1a04a;
}

body.tak-center-site .tk-hero-blob--2 {
	bottom: -40px;
	right: 15%;
	width: 220px;
	height: 220px;
	background: #0ea5e9;
}

body.tak-center-site .tk-hero-blob--3 {
	top: 40%;
	right: 45%;
	width: 160px;
	height: 160px;
	background: #f59e0b;
	opacity: 0.2;
}

body.tak-center-site .tk-plp-hero-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.35fr 0.95fr;
	gap: 36px;
	align-items: center;
}

body.tak-center-site .tk-plp-hero-badge-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

body.tak-center-site .tk-plp-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(209, 160, 74, 0.18);
	border: 1px solid rgba(209, 160, 74, 0.45);
	color: var(--tk-gold, #d1a04a);
	padding: 5px 14px;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 700;
}

body.tak-center-site .tk-plp-count-pill {
	display: inline-flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #f1f5f9;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 600;
}

body.tak-center-site .tk-plp-hero-title {
	margin: 0 0 14px;
	font-size: 28px;
	font-weight: 900;
	line-height: 1.35;
	color: #ffffff;
	letter-spacing: -0.02em;
}

body.tak-center-site .tk-plp-hero-desc {
	margin: 0 0 24px;
	font-size: 14px;
	line-height: 1.75;
	color: #cbd5e1;
	max-width: 620px;
}

body.tak-center-site .tk-plp-hero-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

body.tak-center-site .tk-plp-hero-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.16);
	padding: 7px 14px;
	border-radius: 12px;
	font-size: 12.5px;
	font-weight: 600;
	color: #f1f5f9;
	backdrop-filter: blur(8px);
	transition: all 0.2s ease;
}

body.tak-center-site .tk-plp-hero-chip:hover {
	background: rgba(209, 160, 74, 0.22);
	border-color: rgba(209, 160, 74, 0.55);
	color: #ffffff;
	transform: translateY(-2px);
}

body.tak-center-site .tk-plp-hero-visual {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.tak-center-site .tk-plp-hero-art-container {
	position: relative;
	width: 100%;
	max-width: 380px;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.tak-center-site .tk-plp-art-pedestal {
	position: absolute;
	bottom: -15px;
	width: 280px;
	height: 35px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(209, 160, 74, 0.45) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 75%);
	filter: blur(10px);
	z-index: 1;
}

body.tak-center-site .tk-plp-hero-img {
	position: relative;
	z-index: 2;
	width: 100%;
	max-height: 270px;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.5));
	transition: transform 0.3s ease;
}

body.tak-center-site .tk-plp-hero-img:hover {
	transform: scale(1.03);
}

body.tak-center-site .tk-plp-hero-floating-badge {
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 3;
	background: linear-gradient(135deg, #d1a04a 0%, #9a7428 100%);
	color: #ffffff;
	border: 1.5px solid rgba(255, 255, 255, 0.4);
	border-radius: 12px;
	padding: 6px 12px;
	font-size: 11.5px;
	font-weight: 800;
	display: flex;
	align-items: center;
	gap: 6px;
	box-shadow: 0 8px 20px rgba(209, 160, 74, 0.4);
}

body.tak-center-site .tk-plp-hero-floating-card {
	position: absolute;
	bottom: 0;
	left: -8px;
	z-index: 3;
	background: rgba(24, 21, 28, 0.92);
	border: 1.5px solid rgba(209, 160, 74, 0.5);
	backdrop-filter: blur(14px);
	border-radius: 14px;
	padding: 10px 14px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
	display: flex;
	flex-direction: column;
	gap: 3px;
}

body.tak-center-site .tk-plp-floating-tag {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--tk-gold, #d1a04a);
}

body.tak-center-site .tk-plp-floating-dot {
	width: 7px;
	height: 7px;
	background: #22c55e;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 8px #22c55e;
}

body.tak-center-site .tk-plp-floating-sub {
	font-size: 11px;
	color: #94a3b8;
}

/* ==========================================================================
   Active Filters Bar (Above Loop)
   ========================================================================== */
body.tak-center-site .tk-active-filters-bar {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 10px 16px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

body.tak-center-site .tk-active-filters-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

body.tak-center-site .tk-active-filters-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	font-weight: 700;
	color: #64748b;
	margin-left: 6px;
}

body.tak-center-site .tk-active-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fffbeb;
	border: 1px solid rgba(209, 160, 74, 0.4);
	color: #92400e;
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.15s ease;
}

body.tak-center-site .tk-active-chip:hover {
	background: #fef3c7;
	border-color: #b45309;
	color: #78350f;
}

body.tak-center-site .tk-chip-close {
	font-size: 11px;
	color: #b45309;
}

body.tak-center-site .tk-active-clear-all {
	margin-right: auto;
	font-size: 12px;
	font-weight: 700;
	color: #e11d48;
	text-decoration: none;
	padding: 4px 8px;
	border-radius: 6px;
	background: #fff1f2;
	transition: all 0.15s ease;
}

body.tak-center-site .tk-active-clear-all:hover {
	background: #ffe4e6;
	color: #be123c;
}

/* ==========================================================================
   PLP 2-Column Responsive Layout (Right Sidebar + Product Content)
   ========================================================================== */
body.tak-center-site .tk-shop-layout {
	display: grid;
	grid-template-columns: 290px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	margin-top: 20px;
	width: 100%;
}

body.tak-center-site .tk-shop-sidebar {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	padding: 22px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	position: sticky;
	top: 110px;
	z-index: 10;
}

body.tak-center-site .tk-sidebar-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1.5px solid #f1f5f9;
}

body.tak-center-site .tk-sidebar-head__title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #1e293b;
}

body.tak-center-site .tk-sidebar-head__title h3 {
	margin: 0;
	font-size: 15px;
	font-weight: 800;
	color: #1e293b;
}

body.tak-center-site .tk-sidebar-clear-btn {
	font-size: 12px;
	font-weight: 700;
	color: #e11d48;
	text-decoration: none;
	padding: 4px 9px;
	border-radius: 8px;
	background: #fff1f2;
	transition: all 0.15s ease;
}

body.tak-center-site .tk-sidebar-clear-btn:hover {
	background: #ffe4e6;
	color: #be123c;
}

body.tak-center-site .tk-sidebar-close-btn {
	display: none;
	background: #f1f5f9;
	border: none;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 13px;
	cursor: pointer;
	color: #475569;
}

body.tak-center-site .tk-filter-widget {
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: 1px solid #f1f5f9;
}

body.tak-center-site .tk-filter-widget:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

body.tak-center-site .tk-filter-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13.5px;
	font-weight: 800;
	color: #1e293b;
	margin: 0 0 12px;
}

body.tak-center-site .tk-filter-categories-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	max-height: 220px;
	overflow-y: auto;
}

body.tak-center-site .tk-filter-cat-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 10px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	text-decoration: none;
	transition: all 0.15s ease;
}

body.tak-center-site .tk-filter-cat-link:hover,
body.tak-center-site .tk-filter-cat-link.is-active {
	background: #f8fafc;
	color: var(--tk-gold-dark, #b8872f);
	font-weight: 700;
}

body.tak-center-site .tk-filter-cat-count {
	font-size: 11.5px;
	color: #64748b;
	background: #f1f5f9;
	padding: 2px 7px;
	border-radius: 999px;
}

body.tak-center-site .tk-filter-switch-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 4px;
	cursor: pointer;
}

body.tak-center-site .tk-filter-switch-row span {
	font-size: 13px;
	font-weight: 600;
	color: #334155;
}

/* Price Range Filter Widget */
body.tak-center-site .tk-price-inputs-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 12px;
}

body.tak-center-site .tk-price-input-group {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

body.tak-center-site .tk-price-input-group label {
	font-size: 11.5px;
	font-weight: 700;
	color: #64748b;
}

body.tak-center-site .tk-price-input {
	width: 100%;
	padding: 7px 10px !important;
	font-size: 12.5px !important;
	min-height: 38px !important;
	border-radius: 10px !important;
	text-align: center;
	direction: ltr;
}

body.tak-center-site .tk-price-submit-btn {
	width: 100%;
	min-height: 38px;
	background: linear-gradient(135deg, #211c20 0%, #352d33 100%);
	color: var(--tk-gold, #d1a04a);
	border: 1px solid rgba(209, 160, 74, 0.4);
	border-radius: 10px;
	font-size: 12.5px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
}

body.tak-center-site .tk-price-submit-btn:hover {
	background: #18151c;
	border-color: #d1a04a;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateY(-1px);
}

/* Brands Filter Widget */
body.tak-center-site .tk-brand-search-input {
	width: 100%;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	padding: 8px 12px !important;
	font-size: 12.5px;
	margin-bottom: 10px;
	min-height: 38px !important;
	box-sizing: border-box;
}

body.tak-center-site .tk-filter-brands-scroll {
	max-height: 200px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-left: 4px;
}

body.tak-center-site .tk-filter-checkbox-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #334155;
	cursor: pointer;
}

body.tak-center-site .tk-brand-count {
	margin-right: auto;
	font-size: 11.5px;
	color: #94a3b8;
}

body.tak-center-site .tk-brand-empty-msg {
	font-size: 12px;
	color: #94a3b8;
	text-align: center;
	padding: 10px 0;
}

/* B2B & Support Card in Sidebar */
body.tak-center-site .tk-sidebar-trust-box {
	background: linear-gradient(135deg, #fffdf8 0%, #fef3c7 100%);
	border: 1px solid rgba(209, 160, 74, 0.35);
	border-radius: 14px;
	padding: 14px;
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin-top: 18px;
}

body.tak-center-site .tk-trust-box-icon {
	color: #92400e;
	flex-shrink: 0;
	margin-top: 2px;
}

body.tak-center-site .tk-sidebar-trust-box strong {
	display: block;
	font-size: 13px;
	font-weight: 800;
	color: #78350f;
	margin-bottom: 3px;
}

body.tak-center-site .tk-sidebar-trust-box p {
	margin: 0;
	font-size: 11.5px;
	color: #92400e;
	line-height: 1.5;
}

body.tak-center-site .tk-trust-phone {
	display: inline-block;
	direction: ltr;
	font-weight: 900;
	font-size: 14px;
	color: #b45309;
	text-decoration: none;
	margin-top: 4px;
}

/* Shop Main Content Area */
body.tak-center-site .tk-shop-content {
	min-width: 0;
	width: 100%;
}

/* Shop Toolbar */
body.tak-center-site .tk-shop-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 10px 16px;
	margin-bottom: 18px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

body.tak-center-site .tk-sort-options-tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

body.tak-center-site .tk-sort-label {
	font-size: 13px;
	font-weight: 700;
	color: #64748b;
	margin-left: 6px;
	display: flex;
	align-items: center;
	gap: 4px;
}

body.tak-center-site .tk-sort-tab-btn {
	background: transparent;
	border: none;
	padding: 6px 12px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.15s ease;
}

body.tak-center-site .tk-sort-tab-btn:hover {
	color: #1e293b;
	background: #f1f5f9;
}

body.tak-center-site .tk-sort-tab-btn.is-active {
	background: #211c20;
	color: var(--tk-gold, #d1a04a);
	font-weight: 700;
}

body.tak-center-site .tk-toolbar-left-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

body.tak-center-site .tk-mobile-filter-toggle {
	display: none;
	align-items: center;
	gap: 6px;
	background: #f8fafc;
	border: 1px solid #cbd5e1;
	border-radius: 10px;
	padding: 7px 14px;
	font-size: 12.5px;
	font-weight: 700;
	color: #1e293b;
	cursor: pointer;
}

body.tak-center-site .tk-filter-badge-dot {
	width: 7px;
	height: 7px;
	background: #e11d48;
	border-radius: 50%;
	display: inline-block;
}

/* Mobile Filter Drawer Backdrop */
body.tak-center-site .tk-shop-drawer-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(4px);
	z-index: 9998;
	display: none;
	opacity: 0;
	transition: opacity 0.25s ease;
}

body.tak-center-site .tk-shop-drawer-backdrop.is-open {
	display: block;
	opacity: 1;
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
	body.tak-center-site .tk-plp-hero-card {
		padding: 22px 24px;
	}

	body.tak-center-site .tk-plp-hero-grid {
		grid-template-columns: 1.25fr 0.75fr;
		gap: 20px;
		align-items: center;
	}

	body.tak-center-site .tk-plp-hero-title {
		font-size: 22px;
	}

	body.tak-center-site .tk-plp-hero-art-container {
		max-width: 260px;
		margin: 0 auto;
	}

	body.tak-center-site .tk-shop-layout {
		grid-template-columns: 1fr;
	}

	body.tak-center-site .tk-mobile-filter-toggle {
		display: inline-flex;
	}

	body.tak-center-site .tk-sort-options-tabs {
		display: none;
	}

	body.tak-center-site .tk-shop-toolbar .tk-toolbar-left-actions {
		width: 100% !important;
		justify-content: space-between !important;
	}

	body.tak-center-site .tk-shop-sidebar {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 310px;
		max-width: 85vw;
		height: 100vh;
		z-index: 9999;
		overflow-y: auto;
		border-radius: 0;
		box-shadow: -10px 0 30px rgba(0, 0, 0, 0.25);
	}

	body.tak-center-site .tk-shop-sidebar.is-open {
		display: block;
		animation: tkSlideInRight 0.25s ease-out forwards;
	}

	body.tak-center-site .tk-sidebar-close-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

@keyframes tkSlideInRight {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}

/* ==========================================================================
   Comprehensive Font Legibility, Color Contrast & Crisp SVG Icons
   WCAG AA/AAA Enhanced Readability Across Desktop & Mobile
   ========================================================================== */

/* 1. Global High-Contrast Typography */
body.tak-center-site {
	color: #241c22 !important;
}

body.tak-center-site :where(p, li, dd, blockquote) {
	color: #241c22;
}

body.tak-center-site :where(h1, h2, h3, h4, h5, h6, strong, b, th) {
	color: #140f13;
}

/* 2. Crisp Strikethrough & Old Prices */
body.tak-center-site :where(del, .price del, .tk-price-old, .tk-product-card__price-old del, .wc-block-grid__product-price del) {
	color: #685f67 !important;
	text-decoration: line-through !important;
	font-weight: 600 !important;
	opacity: 1 !important;
}

body.tak-center-site .tk-product-card__price-old {
	text-decoration: none !important;
}

/* 3. Breadcrumbs & Results Count */
body.tak-center-site :where(.woocommerce-breadcrumb, .tk-breadcrumb, .tk-plp-breadcrumb, .tk-plp-breadcrumb .woocommerce-breadcrumb) {
	color: #4a4248 !important;
	font-weight: 500 !important;
	font-size: 13px !important;
}

body.tak-center-site :where(.woocommerce-breadcrumb, .tk-breadcrumb, .tk-plp-breadcrumb) a {
	color: #241c22 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

body.tak-center-site :where(.woocommerce-breadcrumb, .tk-breadcrumb, .tk-plp-breadcrumb) a:hover {
	color: #825510 !important;
}

body.tak-center-site .woocommerce-result-count,
body.tak-center-site .tk-catalog-result-count {
	color: #3b3339 !important;
	font-weight: 700 !important;
}

/* 4. Product Cards: Metadata, Tags & Badges */
body.tak-center-site .tk-product-card__title,
body.tak-center-site .woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #140f13 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-product-card__meta,
body.tak-center-site .woocommerce ul.products li.product .tk-card-tag {
	color: #3b3339 !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-card-tag--brand {
	background: #fdf5e7 !important;
	color: #6e4406 !important;
	border: 1px solid #eed8b0 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-card-tag--carton {
	background: #e6f9f0 !important;
	color: #065f46 !important;
	border: 1px solid #a7f3d0 !important;
	font-weight: 800 !important;
}

/* 5. Product Cards: Crisp Compare & Wishlist SVG Buttons */
body.tak-center-site .tk-compare-button.tk-compare-button--loop {
	position: absolute !important;
	top: 48px !important;
	left: 10px !important;
	right: auto !important;
	bottom: auto !important;
	z-index: 4 !important;
	width: 32px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
	backdrop-filter: blur(4px) !important;
	transition: all .2s ease !important;
}

body.tak-center-site .tk-compare-button.tk-compare-button--loop .tk-compare-button__label {
	display: none !important;
}

body.tak-center-site .tk-compare-button.tk-compare-button--loop svg {
	width: 16px !important;
	height: 16px !important;
}

body.tak-center-site .tk-compare-button.tk-compare-button--loop,
body.tak-center-site .tk-compare-button {
	background: #ffffff !important;
	border: 1.5px solid #d4cfd5 !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
	color: #211c20 !important;
	cursor: pointer !important;
}

body.tak-center-site .tk-compare-button.tk-compare-button--loop svg,
body.tak-center-site .tk-compare-button svg {
	color: #211c20 !important;
	stroke: #211c20 !important;
	stroke-width: 2.2 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-compare-button.tk-compare-button--loop:hover,
body.tak-center-site .tk-compare-button:hover {
	background: #211c20 !important;
	border-color: #211c20 !important;
	color: #ffd47a !important;
}

body.tak-center-site .tk-compare-button.tk-compare-button--loop:hover svg,
body.tak-center-site .tk-compare-button:hover svg {
	color: #ffd47a !important;
	stroke: #ffd47a !important;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card,
body.tak-center-site .tk-wishlist-button {
	background: #ffffff !important;
	border: 1.5px solid #d4cfd5 !important;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
	color: #211c20 !important;
	cursor: pointer !important;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop svg,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card svg,
body.tak-center-site .tk-wishlist-button svg {
	color: #211c20 !important;
	stroke: #211c20 !important;
	stroke-width: 2.2 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop:hover,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card:hover,
body.tak-center-site .tk-wishlist-button:hover {
	background: #fff5f5 !important;
	border-color: #ef394e !important;
	color: #ef394e !important;
}

body.tak-center-site .tk-wishlist-button.tk-wishlist-button--loop:hover svg,
body.tak-center-site .tk-wishlist-button.tk-wishlist-button--card:hover svg,
body.tak-center-site .tk-wishlist-button:hover svg {
	color: #ef394e !important;
	stroke: #ef394e !important;
}

body.tak-center-site .tk-wishlist-button.is-active,
body.tak-center-site .tk-wishlist-button[aria-pressed="true"] {
	background: #ef394e !important;
	border-color: #ef394e !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-wishlist-button.is-active svg,
body.tak-center-site .tk-wishlist-button[aria-pressed="true"] svg {
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: #ffffff !important;
}

/* 6. Single Product Page (PDP): Brand Bar, Specs & Buybox Legibility */
body.tak-center-site .tk-single-brand {
	background: #fdf8ed !important;
	border: 1.5px solid #ecd5ab !important;
	border-radius: 10px !important;
	padding: 8px 14px !important;
	color: #241c22 !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	display: inline-flex !important;
	width: auto !important;
	max-width: max-content !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}

body.tak-center-site .tk-single-brand span {
	color: #825510 !important;
	font-weight: 800 !important;
	margin-left: 4px !important;
}

body.tak-center-site .tk-product-specs {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 16px !important;
	padding: 24px 26px !important;
	box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03) !important;
}

body.tak-center-site .tk-product-specs__title {
	color: #0f172a !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	margin-bottom: 18px !important;
}

body.tak-center-site .tk-product-specs__item {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 14px 18px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

body.tak-center-site .tk-product-specs__item dt {
	color: #64748b !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	margin: 0 0 4px 0 !important;
}

body.tak-center-site .tk-product-specs__item dd {
	color: #0f172a !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	margin: 0 !important;
}

body.tak-center-site .tk-seller-title {
	color: #0f172a !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-seller-meta {
	color: #64748b !important;
	font-size: 12px !important;
	font-weight: 500 !important;
}

body.tak-center-site .tk-seller-avatar {
	background: #fdf5e7 !important;
	border: 1px solid #f6d8a3 !important;
	color: #825510 !important;
}

body.tak-center-site .tk-buybox-delivery-note {
	background: #f8fafc !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 12px !important;
	padding: 12px 14px !important;
	color: #334155 !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
}

body.tak-center-site .tk-buybox-delivery-note svg {
	color: #0284c7 !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-guarantee-item {
	color: #334155 !important;
	font-weight: 600 !important;
	font-size: 12.5px !important;
	line-height: 1.4 !important;
}

body.tak-center-site .tk-guarantee-item svg {
	color: #d1a04a !important;
	stroke: #d1a04a !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-buybox-stock-status .tk-stock-text {
	color: #15803d !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-buybox-cart-form .quantity .qty {
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.tak-center-site .quantity.tk-persian-quantity .qty {
	color: transparent !important;
	caret-color: #140f13 !important;
}

body.tak-center-site .quantity.tk-persian-quantity .tk-quantity-value {
	color: #140f13 !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-quantity-button {
	color: #140f13 !important;
	font-weight: 800 !important;
	font-size: 20px !important;
}

body.tak-center-site .woocommerce-Price-currencySymbol {
	margin-inline-start: 6px !important;
	font-size: 0.78em !important;
	font-weight: 600 !important;
	color: #524a51 !important;
}


body.tak-center-site .tk-catalog-toolbar-label {
	color: #140f13 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-catalog-toolbar-label svg {
	color: #64748b !important;
	stroke: #64748b !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-sidebar-head__title svg {
	color: #d1a04a !important;
	stroke: #d1a04a !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-filter-cat-count {
	background: #ece8ec !important;
	color: #181417 !important;
	font-weight: 700 !important;
	border: 1px solid #d4ced4 !important;
}

body.tak-center-site .tk-brand-count {
	color: #3f373d !important;
	font-weight: 600 !important;
}

body.tak-center-site .tk-filter-switch-row span {
	color: #181417 !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-filter-checkbox-item {
	color: #181417 !important;
	font-weight: 600 !important;
}

body.tak-center-site .tk-sort-option-btn:not(.is-active) {
	color: #352d33 !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-catalog-pill:not(.is-active) {
	border: 1.5px solid #d4ced4 !important;
	color: #211c20 !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-brand-search-input::placeholder {
	color: #544b52 !important;
}

/* 8. Universal Custom Selects - Absolute Elimination of Browser Chrome */
body.tak-center-site select,
body.tak-center-site .woocommerce-ordering select,
body.tak-center-site .tk-filter-brand-select,
body.tak-center-site .tk-custom-orderby-select,
body.tak-center-site select.orderby {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23332a31' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: left 14px center !important;
	background-size: 14px 14px !important;
	padding-left: 36px !important;
	padding-right: 14px !important;
	border: 1.5px solid #d4cfd5 !important;
	border-radius: 12px !important;
	color: #140f13 !important;
	font-weight: 700 !important;
	cursor: pointer !important;
}

/* 9. Header Buttons, SVGs & Navigation High Contrast */
body.tak-center-site .tk-location-btn {
	background: #ffffff !important;
	border: 1.5px solid #d4cfd5 !important;
	color: #140f13 !important;
}

body.tak-center-site .tk-location-btn .tk-icon,
body.tak-center-site .tk-location-btn svg {
	color: #d1a04a !important;
	stroke: #d1a04a !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-location-btn__copy small {
	color: #4a4248 !important;
	font-weight: 600 !important;
}

body.tak-center-site .tk-location-btn__copy strong {
	color: #140f13 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-header-btn--auth,
body.tak-center-site .tk-header-btn--cart {
	background: #ffffff !important;
	border: 1.5px solid #d4cfd5 !important;
	color: #140f13 !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-header-btn--auth .tk-icon,
body.tak-center-site .tk-header-btn--auth svg,
body.tak-center-site .tk-header-btn--cart .tk-icon,
body.tak-center-site .tk-header-btn--cart svg,
body.tak-center-site .tk-header-cart-icon-wrap svg,
body.tak-center-site .tk-header-icon-link .tk-icon,
body.tak-center-site .tk-header-icon-link svg {
	color: #211c20 !important;
	stroke: #211c20 !important;
	stroke-width: 1.8 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-header-btn--auth:hover svg,
body.tak-center-site .tk-header-btn--cart:hover svg,
body.tak-center-site .tk-header-icon-link:hover svg {
	color: #d1a04a !important;
	stroke: #d1a04a !important;
}

body.tak-center-site .tk-header-phone-badge {
	background: #fdfaf3 !important;
	border: 1.5px solid #ecd5ab !important;
	transition: all 0.22s ease !important;
}

body.tak-center-site .tk-header-phone-badge .tk-phone-tag {
	color: #4a3b32 !important;
	transition: color 0.22s ease !important;
}

body.tak-center-site .tk-header-phone-badge .tk-phone-num {
	color: #593604 !important;
	font-weight: 800 !important;
	transition: color 0.22s ease !important;
}

body.tak-center-site .tk-header-phone-badge svg,
body.tak-center-site .tk-header-phone-badge .tk-icon {
	color: #b8872f !important;
	stroke: #b8872f !important;
	stroke-width: 1.8 !important;
	transition: color 0.22s ease, stroke 0.22s ease, transform 0.22s ease !important;
}

body.tak-center-site .tk-header-phone-badge:hover {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	border-color: #b8872f !important;
	color: #ffffff !important;
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.35) !important;
	transform: translateY(-1px);
}

body.tak-center-site .tk-header-phone-badge:hover .tk-phone-tag {
	color: #ffffff !important;
}

body.tak-center-site .tk-header-phone-badge:hover .tk-phone-num {
	color: #ffffff !important;
}

body.tak-center-site .tk-header-phone-badge:hover svg,
body.tak-center-site .tk-header-phone-badge:hover .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: none !important;
	transform: scale(1.08);
}

body.tak-center-site .tk-header-phone-badge:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(209, 160, 74, 0.25) !important;
}

body.tak-center-site .tk-nav-channel--retail {
	background: #ffffff !important;
	color: #140f13 !important;
	font-weight: 800 !important;
	border: 1px solid #d4cfd5 !important;
}

body.tak-center-site .tk-nav-channel--retail svg,
body.tak-center-site .tk-nav-channel--retail .tk-icon {
	color: #211c20 !important;
	stroke: #211c20 !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-nav-channel--wholesale {
	background: #e9eff5 !important;
	color: #140f13 !important;
	font-weight: 800 !important;
	border: 1px solid #cbd5e1 !important;
}

body.tak-center-site .tk-nav-channel--wholesale svg,
body.tak-center-site .tk-nav-channel--wholesale .tk-icon {
	color: #0f172a !important;
	stroke: #0f172a !important;
	stroke-width: 2.2 !important;
}

body.tak-center-site .tk-main-nav a {
	color: #241c22 !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-main-nav a:hover,
body.tak-center-site .tk-main-nav a.is-current,
body.tak-center-site .tk-main-nav a[aria-current="page"] {
	background: #fdf5e7 !important;
	color: #825510 !important;
	border: 1px solid #eed8b0 !important;
}

body.tak-center-site .tk-main-nav .tk-offers-link {
	background: #fff1f2 !important;
	border: 1.5px solid #fecdd3 !important;
	color: #be123c !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-main-nav .tk-offers-link .tk-icon--flame {
	stroke: #be123c !important;
	color: #be123c !important;
	fill: #fecdd3 !important;
}

body.tak-center-site .tk-cat-icon-badge {
	background: #fdf5e7 !important;
	border: 1px solid #eed8b0 !important;
}

body.tak-center-site .tk-cat-icon-badge .tk-megamenu-svg {
	stroke: #d1a04a !important;
	color: #d1a04a !important;
	stroke-width: 1.8 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-megamenu__col:hover .tk-cat-icon-badge .tk-megamenu-svg {
	stroke: #825510 !important;
	color: #825510 !important;
}

body.tak-center-site .tk-megamenu__sublist a:hover,
body.tak-center-site .tk-megamenu__view-all:hover {
	color: #825510 !important;
}

/* 10. Mobile Bottom Navigation High-Contrast */
@media (max-width: 899px) {
	body.tak-center-site .tk-mobile-bottom {
		background-color: #ffffff !important;
		border-top: 1.5px solid #d4cfd5 !important;
	}

	body.tak-center-site .tk-mobile-bottom a {
		color: #241c22 !important;
		font-weight: 700 !important;
	}

	body.tak-center-site .tk-mobile-bottom svg,
	body.tak-center-site .tk-mobile-bottom .tk-icon {
		color: #c49132 !important;
		stroke: #c49132 !important;
		stroke-width: 1.8 !important;
	}

	body.tak-center-site .tk-mobile-bottom a:hover,
	body.tak-center-site .tk-mobile-bottom a[aria-current="page"] {
		background: #fdf5e7 !important;
		color: #825510 !important;
	}

	body.tak-center-site .tk-mobile-bottom a:hover svg,
	body.tak-center-site .tk-mobile-bottom a[aria-current="page"] svg {
		color: #825510 !important;
		stroke: #825510 !important;
	}
}

/* 11. Homepage Hero, Benefits & Interactive Elements */
body.tak-center-site .tk-hero__eyebrow {
	color: #825510 !important;
	font-weight: 800 !important;
	background: #fdf5e7 !important;
	border: 1.5px solid #ecd5ab !important;
}

body.tak-center-site .tk-hero__arrow {
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1.5px solid #d4cfd5 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

body.tak-center-site .tk-hero__arrow svg {
	color: #140f13 !important;
	stroke: #140f13 !important;
	stroke-width: 2.4 !important;
}

/* Benefits Section High Contrast & Crisp Icons */
body.tak-center-site .tk-benefit h3,
body.tak-center-site .tk-benefit strong {
	color: #140f13 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-benefit p,
body.tak-center-site .tk-benefit .tk-benefit__desc {
	color: #3b3339 !important;
	font-weight: 600 !important;
}

body.tak-center-site .tk-benefit:nth-child(1) .tk-benefit__icon,
body.tak-center-site .tk-benefit--shield .tk-benefit__icon {
	background: #ecfdf5 !important;
	border: 1.5px solid #6ee7b7 !important;
	color: #047857 !important;
	stroke: #047857 !important;
}
body.tak-center-site .tk-benefit:nth-child(1) .tk-benefit__icon svg,
body.tak-center-site .tk-benefit--shield .tk-benefit__icon svg {
	stroke: #047857 !important;
	color: #047857 !important;
	stroke-width: 2.2 !important;
}

body.tak-center-site .tk-benefit:nth-child(2) .tk-benefit__icon,
body.tak-center-site .tk-benefit--truck .tk-benefit__icon {
	background: #eff6ff !important;
	border: 1.5px solid #93c5fd !important;
	color: #1d4ed8 !important;
	stroke: #1d4ed8 !important;
}
body.tak-center-site .tk-benefit:nth-child(2) .tk-benefit__icon svg,
body.tak-center-site .tk-benefit--truck .tk-benefit__icon svg {
	stroke: #1d4ed8 !important;
	color: #1d4ed8 !important;
	stroke-width: 2.2 !important;
}

body.tak-center-site .tk-benefit:nth-child(3) .tk-benefit__icon,
body.tak-center-site .tk-benefit--box .tk-benefit__icon {
	background: #fffbeb !important;
	border: 1.5px solid #fde68a !important;
	color: #78350f !important;
	stroke: #78350f !important;
}
body.tak-center-site .tk-benefit:nth-child(3) .tk-benefit__icon svg,
body.tak-center-site .tk-benefit--box .tk-benefit__icon svg {
	stroke: #78350f !important;
	color: #78350f !important;
	stroke-width: 2.2 !important;
}

body.tak-center-site .tk-benefit:nth-child(4) .tk-benefit__icon,
body.tak-center-site .tk-benefit--users .tk-benefit__icon {
	background: #faf5ff !important;
	border: 1.5px solid #d8b4fe !important;
	color: #6b21a8 !important;
	stroke: #6b21a8 !important;
}
body.tak-center-site .tk-benefit:nth-child(4) .tk-benefit__icon svg,
body.tak-center-site .tk-benefit--users .tk-benefit__icon svg {
	stroke: #6b21a8 !important;
	color: #6b21a8 !important;
	stroke-width: 2.2 !important;
}

/* 12. Dark Sections Typography & Explicit Dark Background-Colors */
body.tak-center-site :where(
	.tk-lucky-wheel-section,
	.tk-club-hero,
	.tk-club-teaser,
	.tk-landing-hero,
	.tk-mag-hero,
	.tk-mag-bulletin-card,
	.tk-plp-hero-card,
	.tk-footer,
	.tk-footer-col,
	.tk-footer-main,
	.tk-footer-bottom,
	.tk-address-card,
	.tk-dark-section,
	.tk-b2b,
	.tk-b2b-dark-strip,
	.tk-brand-marquee-strip,
	.tk-daily-special-lead
) {
	background-color: #140f13 !important;
	color: #f1f5f9 !important;
}

body.tak-center-site :where(
	.tk-lucky-wheel-section,
	.tk-club-hero,
	.tk-club-teaser,
	.tk-landing-hero,
	.tk-mag-hero,
	.tk-mag-bulletin-card,
	.tk-plp-hero-card,
	.tk-footer,
	.tk-footer-col,
	.tk-footer-main,
	.tk-footer-bottom,
	.tk-address-card,
	.tk-dark-section,
	.tk-b2b,
	.tk-b2b-dark-strip,
	.tk-brand-marquee-strip,
	.tk-daily-special-lead,
	.tk-careers-hero,
	.tk-vendor-hero,
	.tk-about-hero,
	.tk-sellers-hero,
	.tk-wholesale-hero,
	.tk-b2b-hero
) :where(h1, h2, h3, h4, h5, h6, strong, b, th) {
	color: #ffffff !important;
}

body.tak-center-site :where(
	.tk-lucky-wheel-section,
	.tk-club-hero,
	.tk-club-teaser,
	.tk-landing-hero,
	.tk-mag-hero,
	.tk-mag-bulletin-card,
	.tk-plp-hero-card,
	.tk-footer,
	.tk-footer-col,
	.tk-footer-main,
	.tk-footer-bottom,
	.tk-address-card,
	.tk-dark-section,
	.tk-b2b,
	.tk-b2b-dark-strip,
	.tk-brand-marquee-strip,
	.tk-daily-special-lead,
	.tk-careers-hero,
	.tk-vendor-hero,
	.tk-about-hero,
	.tk-sellers-hero,
	.tk-wholesale-hero,
	.tk-b2b-hero
) :where(p, li, dd, dt) {
	color: #f1f5f9 !important;
}

body.tak-center-site :where(
	.tk-lucky-wheel-section,
	.tk-club-hero,
	.tk-club-teaser,
	.tk-landing-hero,
	.tk-mag-hero,
	.tk-mag-bulletin-card,
	.tk-plp-hero-card,
	.tk-footer,
	.tk-footer-col,
	.tk-footer-main,
	.tk-footer-bottom,
	.tk-address-card,
	.tk-dark-section,
	.tk-b2b,
	.tk-b2b-dark-strip,
	.tk-brand-marquee-strip,
	.tk-daily-special-lead,
	.tk-careers-hero,
	.tk-vendor-hero,
	.tk-about-hero,
	.tk-sellers-hero,
	.tk-wholesale-hero,
	.tk-b2b-hero
) :where(small, .tk-section__description, .tk-landing-hero__subtitle, .tk-mag-hero__subtitle, .tk-mag-bulletin-desc, .tk-plp-hero-desc, .tk-plp-floating-sub, .tk-careers-hero__subtitle, .tk-vendor-hero__subtitle) {
	color: rgba(255, 255, 255, 0.85) !important;
}

body.tak-center-site :where(
	.tk-lucky-wheel-section,
	.tk-club-hero,
	.tk-landing-hero,
	.tk-mag-hero,
	.tk-b2b,
	.tk-careers-hero,
	.tk-vendor-hero,
	.tk-about-hero,
	.tk-sellers-hero,
	.tk-wholesale-hero,
	.tk-b2b-hero
) :where(.tk-section__eyebrow, .tk-hero__eyebrow) {
	color: #ffd47a !important;
	font-weight: 800 !important;
}

body.tak-center-site :where(
	.tk-brand-marquee-badge,
	.tk-plp-hero-badge,
	.tk-mag-hero__badge,
	.tk-mag-bulletin-badge
) {
	background: rgba(209, 160, 74, 0.22) !important;
	border: 1.5px solid rgba(209, 160, 74, 0.5) !important;
	color: #ffd47a !important;
	font-weight: 800 !important;
}

body.tak-center-site :where(
	.tk-brand-marquee-badge,
	.tk-plp-hero-badge,
	.tk-mag-hero__badge,
	.tk-mag-bulletin-badge
) svg,
body.tak-center-site :where(
	.tk-brand-marquee-badge,
	.tk-plp-hero-badge,
	.tk-mag-hero__badge,
	.tk-mag-bulletin-badge
) .tk-icon {
	color: #ffd47a !important;
	stroke: #ffd47a !important;
	stroke-width: 2.2 !important;
}

/* 13. Category Navigation Button & Customer Club Share Badges */
body.tak-center-site .tk-main-nav .tk-categories-link,
body.tak-center-site .tk-main-nav .tk-categories-link * {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

body.tak-center-site .tk-main-nav .tk-categories-link:hover,
body.tak-center-site .tk-main-nav .tk-categories-link:hover * {
	color: #ffd47a !important;
	stroke: #ffd47a !important;
}

body.tak-center-site .tk-share-pill {
	color: #ffffff !important;
	font-weight: 700 !important;
}
body.tak-center-site .tk-share-pill * {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* 14. Universal Filter Pills, Badges & Interactive SVGs */
body.tak-center-site .tk-filter-pill.is-active,
body.tak-center-site .tk-catalog-pill.is-active {
	background: #211c20 !important;
	color: #ffffff !important;
	border-color: #211c20 !important;
	font-weight: 800 !important;
}

body.tak-center-site .woocommerce-pagination .page-numbers.current,
body.tak-center-site .page-numbers.current {
	background: #211c20 !important;
	color: #ffffff !important;
	border-color: #211c20 !important;
	font-weight: 800 !important;
}

/* B2B CTA Card Icons - Dedicated Colors & Hover Feedback */
body.tak-center-site .tk-b2b-cta-card:hover .tk-b2b-cta-card__icon svg {
	transform: scale(1.08);
}
body.tak-center-site .tk-b2b-cta-card--primary .tk-b2b-cta-card__icon svg {
	color: #d97706 !important;
	stroke: #d97706 !important;
	stroke-width: 2 !important;
	fill: none !important;
}
body.tak-center-site .tk-b2b-cta-card--primary:hover .tk-b2b-cta-card__icon svg {
	color: #b45309 !important;
	stroke: #b45309 !important;
}
body.tak-center-site .tk-b2b-cta-card--secondary .tk-b2b-cta-card__icon svg {
	color: #2563eb !important;
	stroke: #2563eb !important;
	stroke-width: 2 !important;
	fill: none !important;
}
body.tak-center-site .tk-b2b-cta-card--secondary:hover .tk-b2b-cta-card__icon svg {
	color: #1d4ed8 !important;
	stroke: #1d4ed8 !important;
}
body.tak-center-site .tk-b2b-cta-card--accent .tk-b2b-cta-card__icon svg {
	color: #059669 !important;
	stroke: #059669 !important;
	stroke-width: 2 !important;
	fill: none !important;
}
body.tak-center-site .tk-b2b-cta-card--accent:hover .tk-b2b-cta-card__icon svg {
	color: #047857 !important;
	stroke: #047857 !important;
}
body.tak-center-site .tk-b2b-cta-card--vendor .tk-b2b-cta-card__icon svg {
	color: #7c3aed !important;
	stroke: #7c3aed !important;
	stroke-width: 2 !important;
	fill: none !important;
}
body.tak-center-site .tk-b2b-cta-card--vendor:hover .tk-b2b-cta-card__icon svg {
	color: #6b21a8 !important;
	stroke: #6b21a8 !important;
}

/* Shop and PLP Icons */
body.tak-center-site .tk-shop-channel-tab svg {
	stroke-width: 1.8 !important;
}
body.tak-center-site .tk-shop-channel-tab:not(.is-active) svg {
	color: #64748b !important;
	stroke: #64748b !important;
}
body.tak-center-site .tk-shop-channel-tab.is-active:not(.tk-shop-channel-tab--wholesale) svg {
	color: #211c20 !important;
	stroke: #211c20 !important;
}
body.tak-center-site .tk-shop-channel-tab--wholesale.is-active svg {
	color: var(--tk-gold, #d1a04a) !important;
	stroke: var(--tk-gold, #d1a04a) !important;
}

body.tak-center-site .tk-filter-title svg,
body.tak-center-site .tk-trust-box-icon svg,
body.tak-center-site .tk-catalog-pills__label svg,
body.tak-center-site .tk-wholesale-tiers__title svg,
body.tak-center-site .tk-referral-icon svg,
body.tak-center-site .tk-contact-box__icon svg {
	color: #d1a04a !important;
	stroke: #d1a04a !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-mag-read-time svg {
	color: #64748b !important;
	stroke: #64748b !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .onsale,
body.tak-center-site .tk-sale-badge,
body.tak-center-site .tk-price-discount-pill,
body.tak-center-site .tk-mag-featured-badge {
	background: #be123c !important;
	color: #ffffff !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

body.tak-center-site .tk-phone-highlight {
	color: #825510 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-card-badge {
	color: #0369a1 !important;
	background: #e0f2fe !important;
	border: 1px solid #bae6fd !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-req {
	color: #be123c !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-button--secondary {
	border: 1.5px solid #d4cfd5 !important;
	color: #140f13 !important;
	background: #ffffff !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-button--secondary svg {
	color: currentColor !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-product-card__tier-hint {
	color: #0369a1 !important;
	background: #e0f2fe !important;
	border: 1px solid #bae6fd !important;
	font-weight: 700 !important;
}

/* 15. Breadcrumbs, Single Meta & Inner Page Badges */
body.tak-center-site .tk-bc-sep {
	color: #6b6369 !important;
	font-weight: 700 !important;
	margin: 0 4px !important;
}

body.tak-center-site .tk-single-meta-wrap {
	color: #524a51 !important;
	font-weight: 600 !important;
	border-color: #d4cfd5 !important;
}

body.tak-center-site .tk-single-meta-wrap a {
	color: #140f13 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

body.tak-center-site .tk-single-meta-wrap a:hover {
	color: #825510 !important;
}

body.tak-center-site .tk-product-guarantee {
	background: #fdfaf5 !important;
	border: 1.5px solid #ecd5ab !important;
}

body.tak-center-site .tk-guarantee-item strong {
	color: #140f13 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-guarantee-item p {
	color: #3b3339 !important;
	font-weight: 600 !important;
}

body.tak-center-site .tk-guarantee-item .tk-icon,
body.tak-center-site .tk-guarantee-item svg {
	color: #d1a04a !important;
	stroke: #d1a04a !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-step-item:not(.is-active) {
	color: #475569 !important;
	font-weight: 700 !important;
}

body.tak-center-site .tk-cart-item__remove {
	color: #475569 !important;
}

body.tak-center-site .tk-cart-item__remove:hover {
	color: #be123c !important;
	background: #fff1f2 !important;
}

body.tak-center-site .tk-contact-card-text small,
body.tak-center-site .tk-about-brand-item small {
	color: #544b52 !important;
	font-weight: 600 !important;
}

body.tak-center-site .tk-contact-card-text span {
	color: #241c22 !important;
	font-weight: 600 !important;
}

body.tak-center-site .tk-contact-card-icon {
	background: #fdf5e7 !important;
	border: 1.5px solid #ecd5ab !important;
	color: #825510 !important;
}
body.tak-center-site .tk-contact-card-icon svg {
	stroke: #d1a04a !important;
	color: #d1a04a !important;
	stroke-width: 1.8 !important;
}

/* 16. Final Precision Overrides for Category Link, Club Wheel, and Promo Banners */
body.tak-center-site .tk-main-nav .tk-categories-link,
body.tak-center-site .tk-main-nav .tk-categories-link.is-current,
body.tak-center-site .tk-main-nav .tk-categories-link[aria-current="page"],
body.tak-center-site .tk-main-nav a.tk-categories-link.is-current,
body.tak-center-site .tk-main-nav a.tk-categories-link[aria-current="page"] {
	background: #140f13 !important;
	color: #ffffff !important;
	border: none !important;
}

body.tak-center-site .tk-main-nav .tk-categories-link *,
body.tak-center-site .tk-main-nav .tk-categories-link.is-current *,
body.tak-center-site .tk-main-nav .tk-categories-link[aria-current="page"] * {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

body.tak-center-site .tk-main-nav .tk-categories-link:hover,
body.tak-center-site .tk-main-nav .tk-categories-link:hover * {
	color: #ffd47a !important;
	stroke: #ffd47a !important;
}

/* Lucky Wheel & Customer Club High Contrast */
body.tak-center-site .tk-lucky-wheel-section .tk-section__title,
body.tak-center-site .tk-club-hero .tk-section__title,
body.tak-center-site .tk-club-hero h1,
body.tak-center-site .tk-club-hero h2 {
	color: #ffffff !important;
}

body.tak-center-site .tk-lucky-wheel-section p,
body.tak-center-site .tk-club-hero p {
	color: #f1f5f9 !important;
}

body.tak-center-site .tk-club-hero .tk-section__eyebrow {
	color: #ffd47a !important;
	font-weight: 800 !important;
}

/* Accessible Share Pills in Club */
body.tak-center-site .tk-share-pill.tk-share-pill--wa {
	background: #075e54 !important;
	color: #ffffff !important;
	font-weight: 800 !important;
}
body.tak-center-site .tk-share-pill.tk-share-pill--wa * {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

body.tak-center-site .tk-share-pill.tk-share-pill--tg {
	background: #0284c7 !important;
	color: #ffffff !important;
	font-weight: 800 !important;
}
body.tak-center-site .tk-share-pill.tk-share-pill--tg * {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* Promo Banner High Contrast */
body.tak-center-site .tk-promo-banner__pill {
	background: #ffffff !important;
	border: 1.5px solid #eed8b0 !important;
	color: #211c20 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-promo-banner__pill .tk-icon,
body.tak-center-site .tk-promo-banner__pill svg {
	color: #825510 !important;
	stroke: #825510 !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-promo-banner__btn--sec {
	background: #ffffff !important;
	border: 1.5px solid #ecd5ab !important;
	color: #140f13 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-promo-banner__badge {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-promo-banner__discount-pill {
	background-color: #be123c !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-daily-special-badge {
	background-color: #be123c !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-daily-special-lead__all {
	background-color: #140f13 !important;
	color: #ffffff !important;
}

/* General Content & Inner Pages High Contrast */
body.tak-center-site .tk-about-text p,
body.tak-center-site .tk-page-content p,
body.tak-center-site .tk-static-page p,
body.tak-center-site .tk-contact-box p,
body.tak-center-site .tk-contact-box span {
	color: #352d33 !important;
}

/* Explicit Light Text for All Paragraphs and Subtitles in Dark Sections */
body.tak-center-site :where(
	.tk-lucky-wheel-section,
	.tk-club-hero,
	.tk-club-teaser,
	.tk-landing-hero,
	.tk-mag-hero,
	.tk-mag-bulletin-card,
	.tk-plp-hero-card,
	.tk-footer,
	.tk-address-card,
	.tk-dark-section,
	.tk-b2b,
	.tk-b2b-dark-strip,
	.tk-brand-marquee-strip,
	.tk-daily-special-lead
) p,
body.tak-center-site .tk-plp-hero-desc,
body.tak-center-site .tk-mag-hero__subtitle,
body.tak-center-site .tk-mag-bulletin-desc,
body.tak-center-site .tk-landing-hero__subtitle,
body.tak-center-site .tk-wheel-note,
body.tak-center-site .tk-club-hero p {
	color: #e2e8f0 !important;
}

body.tak-center-site .tk-shop-channel-tab--wholesale:not(.is-active) span {
	color: #64748b !important;
}

/* --- HOMEPAGE SECTION ICONS COLOR HARMONY --- */

/* 1. Best Sellers ("محبوب‌ترین انتخاب‌ها") */
body.tak-center-site .tk-best-sellers .tk-section__eyebrow-badge svg,
body.tak-center-site .tk-best-sellers .tk-section__eyebrow-badge .tk-icon {
	color: #d97706 !important;
	stroke: #d97706 !important;
	fill: #f59e0b !important;
	stroke-width: 1.8 !important;
}

body.tak-center-site .tk-best-sellers .tk-section__btn-more svg,
body.tak-center-site .tk-best-sellers .tk-section__btn-more .tk-icon {
	color: #9c6c19 !important;
	stroke: #9c6c19 !important;
	fill: none !important;
	stroke-width: 2 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-best-sellers .tk-section__btn-more:hover svg,
body.tak-center-site .tk-best-sellers .tk-section__btn-more:hover .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* 2. Economic Shopping ("تخفیف‌های برگزیده و اقتصادی") */
body.tak-center-site .tk-economic-shopping-section .tk-section__eyebrow-badge svg,
body.tak-center-site .tk-economic-shopping-section .tk-section__eyebrow-badge .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: rgba(255, 255, 255, 0.25) !important;
	stroke-width: 2 !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-section__btn-more svg,
body.tak-center-site .tk-economic-shopping-section .tk-section__btn-more .tk-icon {
	color: #047857 !important;
	stroke: #047857 !important;
	fill: none !important;
	stroke-width: 2 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-economic-shopping-section .tk-section__btn-more:hover svg,
body.tak-center-site .tk-economic-shopping-section .tk-section__btn-more:hover .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* 3. New Arrivals ("تازه‌های انبار") */
body.tak-center-site .tk-new-arrivals .tk-section__eyebrow-badge svg,
body.tak-center-site .tk-new-arrivals .tk-section__eyebrow-badge .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: none !important;
	stroke-width: 2 !important;
}

body.tak-center-site .tk-new-arrivals .tk-section__btn-more svg,
body.tak-center-site .tk-new-arrivals .tk-section__btn-more .tk-icon {
	color: #1d4ed8 !important;
	stroke: #1d4ed8 !important;
	fill: none !important;
	stroke-width: 2 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-new-arrivals .tk-section__btn-more:hover svg,
body.tak-center-site .tk-new-arrivals .tk-section__btn-more:hover .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* 4. Recommended ("پیشنهاد تک‌سنتر") */
body.tak-center-site .tk-recommended .tk-section__eyebrow-badge svg,
body.tak-center-site .tk-recommended .tk-section__eyebrow-badge .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
	fill: none !important;
	stroke-width: 2 !important;
}

body.tak-center-site .tk-recommended .tk-section__btn-more svg,
body.tak-center-site .tk-recommended .tk-section__btn-more .tk-icon {
	color: #9c6c19 !important;
	stroke: #9c6c19 !important;
	fill: none !important;
	stroke-width: 2 !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site .tk-recommended .tk-section__btn-more:hover svg,
body.tak-center-site .tk-recommended .tk-section__btn-more:hover .tk-icon {
	color: #ffffff !important;
	stroke: #ffffff !important;
}

/* Generic Fallback */
body.tak-center-site .tk-section__eyebrow-badge svg,
body.tak-center-site .tk-section__eyebrow-badge .tk-icon {
	stroke: currentColor;
	fill: none;
}

body.tak-center-site .tk-section__btn-more svg,
body.tak-center-site .tk-section__btn-more .tk-icon {
	stroke: currentColor;
	fill: none;
}

body.tak-center-site .tk-club-wallet-card,
body.tak-center-site .tk-wallet-card {
	background-color: #140f13 !important;
}

body.tak-center-site .tk-club-wallet-card *,
body.tak-center-site .tk-wallet-card * {
	color: #ffffff !important;
}

body.tak-center-site .tk-share-pill.tk-share-pill--tg {
	background: #0369a1 !important;
	color: #ffffff !important;
	font-weight: 800 !important;
}

/* 17. Wallet Balance Card, Contact Strip Badge, and Section Headers */
body.tak-center-site .tk-wallet-balance-card {
	background-color: #140f13 !important;
	background-image: linear-gradient(135deg, #18151c 0%, #251e2b 100%) !important;
	color: #ffffff !important;
}

body.tak-center-site .tk-wallet-balance-card span,
body.tak-center-site .tk-wallet-balance-card p {
	color: #f1f5f9 !important;
}

body.tak-center-site .tk-wallet-balance-card .tk-wallet-balance-card__amount {
	color: #ffd47a !important;
}

body.tak-center-site .tk-contact-brands-strip .tk-brand-marquee-badge,
body.tak-center-site .tk-contact-brands-lead .tk-brand-marquee-badge {
	background: #fdf5e7 !important;
	border: 1.5px solid #ecd5ab !important;
	color: #825510 !important;
	font-weight: 800 !important;
}

body.tak-center-site .tk-section-header-centered p,
body.tak-center-site .tk-brand-tier-head p {
	color: #352d33 !important;
}

body.tak-center-site video {
	color: #f1f5f9 !important;
}

/* -------------------------------------------------------------------------
 * 18. Editorial Blog & Single Post Reading Layout (Balanced Typography & Image)
 * ------------------------------------------------------------------------- */
body.tak-center-site.single-post #main-content,
body.tak-center-site .tk-single-article-main {
	max-width: 880px !important;
	margin: 0 auto !important;
	padding: 28px 20px 80px !important;
	float: none !important;
}

body.tak-center-site.single-post .wp-block-post-title,
body.tak-center-site .tk-article-title {
	max-width: 880px !important;
	margin: 0 auto 18px !important;
	font-size: clamp(1.65rem, 2.8vw, 2.25rem) !important;
	font-weight: 900 !important;
	line-height: 1.5 !important;
	color: #0f172a !important;
	letter-spacing: -0.015em !important;
	text-align: right !important;
}

body.tak-center-site.single-post .wp-block-group.alignwide,
body.tak-center-site.single-post .tk-article-meta-bar {
	max-width: 880px !important;
	margin: 0 auto 24px !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid #e2e8f0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	flex-wrap: wrap !important;
}

body.tak-center-site.single-post .wp-block-post-terms a,
body.tak-center-site .tk-article-cat-badge a {
	display: inline-flex !important;
	align-items: center !important;
	padding: 4px 14px !important;
	border-radius: 999px !important;
	background: #fdf5e7 !important;
	color: #6e4406 !important;
	font-weight: 800 !important;
	font-size: 13px !important;
	border: 1px solid #eed8b0 !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
}

body.tak-center-site.single-post .wp-block-post-terms a:hover {
	background: #eed8b0 !important;
	color: #6e4406 !important;
}

body.tak-center-site.single-post .wp-block-post-date,
body.tak-center-site .tk-article-date {
	color: #64748b !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
}

/* Constrained, beautifully proportioned featured image on single post */
body.tak-center-site.single-post .wp-block-post-featured-image,
body.tak-center-site .tk-article-featured-media {
	width: 100% !important;
	max-width: 880px !important;
	margin: 0 auto 32px !important;
	height: 380px !important;
	max-height: 380px !important;
	aspect-ratio: 16 / 9 !important;
	border-radius: 20px !important;
	overflow: hidden !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 12px 36px -6px rgba(0, 0, 0, 0.08) !important;
}

body.tak-center-site.single-post .wp-block-post-featured-image img,
body.tak-center-site .tk-article-featured-media img {
	width: 100% !important;
	height: 100% !important;
	max-height: 380px !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	border-radius: 20px !important;
}

/* Article Reading Body Typography */
body.tak-center-site.single-post .wp-block-post-content,
body.tak-center-site.single-post .entry-content,
body.tak-center-site .tk-article-content {
	max-width: 840px !important;
	margin: 0 auto !important;
	font-size: 17px !important;
	line-height: 2.2 !important;
	color: #334155 !important;
}

body.tak-center-site.single-post .wp-block-post-content p,
body.tak-center-site.single-post .entry-content p {
	margin-bottom: 24px !important;
	text-align: justify !important;
	color: #334155 !important;
}

body.tak-center-site.single-post .wp-block-post-content p:first-of-type,
body.tak-center-site.single-post .entry-content p:first-of-type {
	font-size: 18.5px !important;
	font-weight: 500 !important;
	line-height: 2.15 !important;
	color: #1e293b !important;
}

body.tak-center-site.single-post .wp-block-post-content h2,
body.tak-center-site.single-post .entry-content h2 {
	font-size: 1.45rem !important;
	font-weight: 900 !important;
	color: #0f172a !important;
	margin: 40px 0 18px !important;
	padding-right: 14px !important;
	border-right: 4px solid var(--tk-gold, #d1a04a) !important;
}

body.tak-center-site.single-post .wp-block-post-content h3,
body.tak-center-site.single-post .entry-content h3 {
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #1e293b !important;
	margin: 28px 0 14px !important;
}

body.tak-center-site.single-post .wp-block-post-content blockquote,
body.tak-center-site.single-post .entry-content blockquote {
	background: #faf8f5 !important;
	border-right: 4px solid var(--tk-gold, #d1a04a) !important;
	padding: 20px 24px !important;
	border-radius: 8px 0 0 8px !important;
	margin: 30px 0 !important;
	font-style: normal !important;
	color: #475569 !important;
	font-size: 16px !important;
	line-height: 2 !important;
}

/* Comments section containment */
body.tak-center-site.single-post .wp-block-comments,
body.tak-center-site .tk-article-comments {
	max-width: 840px !important;
	margin: 48px auto 0 !important;
	padding-top: 32px !important;
	border-top: 1px solid #e2e8f0 !important;
}

/* ==========================================================================
   19. COMPREHENSIVE MOBILE & TABLET RESPONSIVENESS (<= 899px)
   Strictly scoped to Mobile & Tablet viewports.
   Desktop layout (>= 900px) is 100% UNTOUCHED and PRESERVED.
   Matching HomePage aesthetics, spacing tokens, touch ergonomics & breakpoints.
   ========================================================================== */

@media (max-width: 899px) {
	/* Global Mobile/Tablet Safety & Spacing */
	body.tak-center-site,
	body.tak-center-site .wp-site-blocks,
	.wp-site-blocks {
		padding-bottom: 0 !important;
		overflow-x: hidden !important;
	}

	body.tak-center-site .tk-content-shell,
	body.tak-center-site .tk-page-main,
	body.tak-center-site .woocommerce-page {
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.tak-center-site .tk-page-main > .wp-block-post-content,
	body.tak-center-site .entry-content.wp-block-post-content,
	body.tak-center-site .tk-content-page,
	body.tak-center-site .tk-magazine-page,
	body.tak-center-site .tk-careers-page {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-inline: auto !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-page-main .entry-content {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.tak-center-site .entry-content > article.tk-content-page,
	body.tak-center-site .entry-content > .tk-magazine-page,
	body.tak-center-site .entry-content > .tk-about-page {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Double breadcrumb suppression on small screens */
	body.tak-center-site .site-main > nav.woocommerce-breadcrumb:first-child,
	body.tak-center-site .content-area > nav.woocommerce-breadcrumb:first-child,
	body.tak-center-site .tk-page-main > nav.woocommerce-breadcrumb:first-child {
		display: none !important;
	}

	/* Reset generic woocommerce products header wrapper on mobile/tablet so hero card has direct prominence */
	body.tak-center-site .woocommerce-products-header {
		background: transparent !important;
		padding: 0 !important;
		border: none !important;
		box-shadow: none !important;
		margin-bottom: 20px !important;
	}

	/* -------------------------------------------------------------------------
	 * B2B Hub / Wholesale Center (#tk-b2b-hub) Mobile & Tablet
	 * ------------------------------------------------------------------------- */
	body.tak-center-site #tk-b2b-hub {
		padding: 24px 12px !important;
		margin: 0 8px 24px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-b2b-ctas {
		gap: 8px !important;
	}

	body.tak-center-site .tk-b2b-cta-card {
		padding: 10px 10px !important;
		gap: 8px !important;
		box-sizing: border-box !important;
		width: 100% !important;
	}

	body.tak-center-site .tk-b2b-cta-card__icon {
		width: 32px !important;
		height: 32px !important;
		flex-shrink: 0 !important;
	}

	body.tak-center-site .tk-b2b-cta-card__icon svg {
		width: 18px !important;
		height: 18px !important;
	}

	body.tak-center-site .tk-b2b-cta-card__info {
		min-width: 0 !important;
		flex: 1 1 auto !important;
		overflow: visible !important;
	}

	body.tak-center-site .tk-b2b-cta-card h3 {
		font-size: 13.5px !important;
		white-space: nowrap !important;
		line-height: 1.25 !important;
		margin-bottom: 2px !important;
	}

	body.tak-center-site .tk-b2b-cta-card p {
		font-size: clamp(7.5px, 2.2vw, 11px) !important;
		letter-spacing: -0.4px !important;
		white-space: nowrap !important;
		line-height: 1.3 !important;
		margin: 0 !important;
		display: block !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.1 PLP / Shop & Catalog Archives (/shop/)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site .tk-shop-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}

	/* Hero Card - Tablet Base (<= 899px) */
	body.tak-center-site .tk-plp-hero-card {
		padding: 22px 24px !important;
		border-radius: 20px !important;
		margin-bottom: 20px !important;
	}

	body.tak-center-site .tk-plp-hero-grid {
		display: grid !important;
		grid-template-columns: 1.25fr 0.75fr !important;
		gap: 20px !important;
		align-items: center !important;
		text-align: right !important;
	}

	body.tak-center-site .tk-plp-hero-content {
		min-width: 0 !important;
	}

	body.tak-center-site .tk-plp-hero-visual {
		order: initial !important;
		margin: 0 !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	body.tak-center-site .tk-plp-hero-art-container {
		position: relative !important;
		max-width: 250px !important;
		width: 100% !important;
		margin: 0 auto !important;
	}

	body.tak-center-site .tk-plp-hero-img {
		max-height: 180px !important;
		width: auto !important;
		object-fit: contain !important;
		border-radius: 16px !important;
	}

	body.tak-center-site .tk-plp-art-pedestal {
		width: 210px !important;
		height: 26px !important;
		bottom: -10px !important;
	}

	body.tak-center-site .tk-plp-hero-floating-badge {
		top: -6px !important;
		right: -4px !important;
		font-size: 11px !important;
		padding: 5px 10px !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .tk-plp-hero-floating-card {
		bottom: -6px !important;
		left: -8px !important;
		padding: 6px 12px !important;
		border-radius: 999px !important;
		max-width: 210px !important;
		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4) !important;
	}

	body.tak-center-site .tk-plp-floating-tag {
		gap: 6px !important;
	}

	body.tak-center-site .tk-plp-floating-tag strong {
		font-size: 11px !important;
		font-weight: 700 !important;
	}

	body.tak-center-site .tk-plp-floating-sub {
		display: none !important;
	}

	body.tak-center-site .tk-plp-hero-badge-wrap {
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		margin-bottom: 10px !important;
	}

	body.tak-center-site .tk-plp-hero-badge {
		font-size: 12px !important;
		padding: 5px 12px !important;
	}

	body.tak-center-site .tk-plp-count-pill {
		font-size: 11px !important;
		padding: 4px 10px !important;
	}

	body.tak-center-site .tk-plp-hero-title {
		font-size: 22px !important;
		line-height: 1.35 !important;
		margin: 0 0 10px !important;
		font-weight: 800 !important;
	}

	body.tak-center-site .tk-plp-hero-desc {
		font-size: 13px !important;
		line-height: 1.65 !important;
		margin: 0 0 16px !important;
		max-width: 100% !important;
	}

	body.tak-center-site .tk-plp-hero-chips {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 8px !important;
		width: 100% !important;
	}

	body.tak-center-site .tk-plp-hero-chip {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 6px !important;
		padding: 6px 10px !important;
		font-size: 11px !important;
		border-radius: 10px !important;
		background: rgba(255, 255, 255, 0.06) !important;
		border: 1px solid rgba(255, 255, 255, 0.12) !important;
		box-sizing: border-box !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	body.tak-center-site .tk-plp-hero-chip svg {
		width: 14px !important;
		height: 14px !important;
		flex-shrink: 0 !important;
	}

	/* Channel Bar (Retail / Wholesale Mode Switcher) */
	body.tak-center-site .tk-channel-bar {
		display: flex !important;
		flex-direction: row !important;
		gap: 8px !important;
		width: 100% !important;
		padding: 6px !important;
		box-sizing: border-box !important;
		margin-bottom: 16px !important;
		border-radius: 14px !important;
	}

	body.tak-center-site .tk-channel-bar .tk-channel-btn {
		flex: 1 !important;
		min-width: 0 !important;
		padding: 9px 8px !important;
		font-size: 12px !important;
		text-align: center !important;
		justify-content: center !important;
		white-space: nowrap !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .tk-channel-bar .tk-channel-btn .tk-channel-badge {
		display: none !important;
	}

	/* Toolbar: Filter Toggle Button & Sort Select */
	body.tak-center-site .tk-catalog-toolbar {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		padding: 10px 14px !important;
		border-radius: 14px !important;
		margin-bottom: 16px !important;
	}

	body.tak-center-site .tk-mobile-filter-toggle {
		display: inline-flex !important;
		flex: 0 0 auto !important;
		height: 42px !important;
		padding: 0 14px !important;
		font-size: 13px !important;
		font-weight: 700 !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .tk-custom-orderby-select,
	body.tak-center-site select.orderby {
		flex: 1 !important;
		height: 42px !important;
		font-size: 12.5px !important;
		border-radius: 10px !important;
	}

	/* Off-Canvas Filter Drawer on Mobile/Tablet */
	body.tak-center-site .tk-shop-sidebar {
		display: none !important;
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: min(360px, 90vw) !important;
		max-width: 90vw !important;
		height: 100vh !important;
		max-height: 100vh !important;
		background: #ffffff !important;
		z-index: 100000 !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 20px 18px calc(40px + env(safe-area-inset-bottom, 0px)) !important;
		box-sizing: border-box !important;
		box-shadow: -10px 0 35px rgba(0, 0, 0, 0.3) !important;
		border-radius: 0 !important;
	}

	body.tak-center-site .tk-shop-sidebar.is-open {
		display: block !important;
		animation: tkSlideInRight 0.25s ease-out forwards !important;
	}

	body.tk-filter-drawer-open .tk-mobile-bottom,
	body:has(.tk-shop-sidebar.is-open) .tk-mobile-bottom {
		display: none !important;
	}

	body.tak-center-site .tk-sidebar-head {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding-bottom: 14px !important;
		margin-bottom: 16px !important;
		border-bottom: 1px solid #e2e8f0 !important;
	}

	body.tak-center-site .tk-sidebar-close-btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 34px !important;
		height: 34px !important;
		border-radius: 8px !important;
		background: #f1f5f9 !important;
		color: #1e293b !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		border: none !important;
		cursor: pointer !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.2 PDP (Single Product Page: /product/...)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site.single-product .product,
	body.tak-center-site .tk-pdp-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}

	body.tak-center-site.single-product div.product div.images,
	body.tak-center-site.single-product div.product div.summary,
	body.tak-center-site .tk-pdp-gallery-col,
	body.tak-center-site .tk-pdp-main-col,
	body.tak-center-site .tk-pdp-buybox-col {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}

	body.tak-center-site.single-product .woocommerce-product-gallery,
	body.tak-center-site.single-product .woocommerce-product-gallery__wrapper {
		max-width: 420px !important;
		margin: 0 auto !important;
	}

	body.tak-center-site.single-product .woocommerce-product-gallery img {
		border-radius: 16px !important;
		max-height: 320px !important;
		object-fit: contain !important;
		margin: 0 auto !important;
	}

	body.tak-center-site.single-product .product_title,
	body.tak-center-site .tk-pdp-title {
		font-size: clamp(1.25rem, 4vw, 1.6rem) !important;
		line-height: 1.45 !important;
		margin-bottom: 12px !important;
	}

	body.tak-center-site .tk-wholesale-b2b-card,
	body.tak-center-site .tk-pdp-wholesale-box {
		padding: 14px !important;
		border-radius: 14px !important;
		margin-bottom: 16px !important;
	}

	body.tak-center-site .tk-wholesale-tier-grid {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 6px !important;
	}

	body.tak-center-site .tk-tier-box {
		padding: 8px 4px !important;
		border-radius: 8px !important;
	}

	body.tak-center-site .tk-tier-box strong {
		font-size: 11px !important;
	}

	body.tak-center-site .tk-tier-box span {
		font-size: 12px !important;
	}

	body.tak-center-site .tk-buybox-card,
	body.tak-center-site .tk-single-product-buybox {
		padding: 16px !important;
		border-radius: 16px !important;
	}

	body.tak-center-site .single_add_to_cart_button {
		height: 48px !important;
		font-size: 14.5px !important;
		font-weight: 800 !important;
		border-radius: 12px !important;
		width: 100% !important;
	}

	body.tak-center-site .quantity .qty {
		height: 44px !important;
		font-size: 15px !important;
	}

	body.tak-center-site .woocommerce-tabs ul.tabs {
		display: flex !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 4px !important;
		gap: 4px !important;
		border: 1px solid var(--tk-border, #e2e8f0) !important;
		border-radius: var(--tk-radius, 12px) !important;
		background: var(--tk-surface, #f8fafc) !important;
		margin-bottom: 16px !important;
		overflow: hidden !important;
	}

	body.tak-center-site .woocommerce-tabs ul.tabs li {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 8px !important;
		background: transparent !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	body.tak-center-site .woocommerce-tabs ul.tabs li a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		padding: 8px 2px !important;
		box-sizing: border-box !important;
		color: var(--tk-body, #64748b) !important;
		font-size: clamp(11.5px, 2.8vw, 13.5px) !important;
		font-weight: 700 !important;
		white-space: nowrap !important;
		text-decoration: none !important;
		text-align: center !important;
	}

	body.tak-center-site .woocommerce-tabs ul.tabs li.active {
		background: var(--tk-white, #ffffff) !important;
		box-shadow: var(--tk-shadow-soft, 0 2px 8px rgba(0, 0, 0, 0.06)) !important;
	}

	body.tak-center-site .woocommerce-tabs ul.tabs li.active a {
		color: var(--tk-ink, #0f172a) !important;
		font-weight: 800 !important;
	}

	/* Single Product Wholesale Tiers Grid (Mobile & Tablet: 1 Column Stack) */
	body.tak-center-site .tk-single-wholesale-wrap .tk-wholesale-tiers__grid,
	body.tak-center-site .tk-wholesale-tiers__grid {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		margin-bottom: 14px !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.3 Cart Page (/cart/)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site.woocommerce-cart .woocommerce,
	body.tak-center-site .tk-cart-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}

	body.tak-center-site.woocommerce-cart .woocommerce-cart-form,
	body.tak-center-site.woocommerce-cart .cart-collaterals,
	body.tak-center-site .tk-cart-main-col,
	body.tak-center-site .tk-cart-sidebar-col {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	body.tak-center-site .tk-checkout-steps {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 6px !important;
		padding: 10px 8px !important;
		margin-bottom: 18px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-step-pill {
		font-size: 11.5px !important;
		padding: 5px 10px !important;
		white-space: nowrap !important;
	}

	body.tak-center-site table.shop_table.cart thead {
		display: none !important;
	}

	body.tak-center-site table.shop_table.cart tbody tr.cart_item {
		display: grid !important;
		grid-template-columns: 76px 1fr auto !important;
		grid-template-areas:
			"thumb name remove"
			"thumb price price"
			"thumb qty total" !important;
		gap: 8px 12px !important;
		padding: 14px !important;
		margin-bottom: 12px !important;
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 14px !important;
		align-items: center !important;
	}

	body.tak-center-site table.shop_table.cart td.product-thumbnail {
		grid-area: thumb !important;
		padding: 0 !important;
	}

	body.tak-center-site table.shop_table.cart td.product-thumbnail img {
		width: 70px !important;
		height: 70px !important;
		object-fit: cover !important;
		border-radius: 10px !important;
	}

	body.tak-center-site table.shop_table.cart td.product-name {
		grid-area: name !important;
		padding: 0 !important;
		font-size: 13px !important;
		font-weight: 700 !important;
	}

	body.tak-center-site table.shop_table.cart td.product-remove {
		grid-area: remove !important;
		padding: 0 !important;
		text-align: left !important;
	}

	body.tak-center-site table.shop_table.cart td.product-price {
		grid-area: price !important;
		padding: 0 !important;
		font-size: 12px !important;
		color: #64748b !important;
	}

	body.tak-center-site table.shop_table.cart td.product-quantity {
		grid-area: qty !important;
		padding: 0 !important;
	}

	body.tak-center-site table.shop_table.cart td.product-subtotal {
		grid-area: total !important;
		padding: 0 !important;
		font-size: 13.5px !important;
		font-weight: 800 !important;
		color: #0f172a !important;
		text-align: left !important;
	}

	body.tak-center-site .coupon {
		display: flex !important;
		flex-direction: row !important;
		gap: 8px !important;
		width: 100% !important;
		margin-top: 14px !important;
	}

	body.tak-center-site .coupon input#coupon_code {
		flex: 1 !important;
		height: 44px !important;
		font-size: 13px !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .coupon button.button {
		height: 44px !important;
		padding: 0 16px !important;
		font-size: 13px !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .cart_totals {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 16px !important;
		padding: 18px !important;
	}

	body.tak-center-site .cart_totals table.shop_table {
		width: 100% !important;
	}

	body.tak-center-site .checkout-button {
		width: 100% !important;
		height: 50px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		border-radius: 12px !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.4 Checkout Page (/checkout/)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site.woocommerce-checkout form.checkout {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}

	body.tak-center-site.woocommerce-checkout #customer_details,
	body.tak-center-site.woocommerce-checkout #order_review,
	body.tak-center-site.woocommerce-checkout #order_review_heading {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	body.tak-center-site.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
	body.tak-center-site.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	body.tak-center-site.woocommerce-checkout p.form-row {
		width: 100% !important;
		margin: 0 0 12px !important;
		float: none !important;
	}

	body.tak-center-site.woocommerce-checkout input.input-text,
	body.tak-center-site.woocommerce-checkout select,
	body.tak-center-site.woocommerce-checkout textarea {
		width: 100% !important;
		box-sizing: border-box !important;
		font-size: 14px !important;
		border-radius: 10px !important;
	}

	body.tak-center-site.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
		width: 100% !important;
		font-size: 13px !important;
	}

	body.tak-center-site.woocommerce-checkout #place_order {
		width: 100% !important;
		height: 52px !important;
		font-size: 16px !important;
		font-weight: 900 !important;
		border-radius: 12px !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.5 Blog / Magazine (/blog/)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site .tk-mag-hero {
		padding: 22px 18px !important;
		border-radius: 18px !important;
		margin-bottom: 24px !important;
		overflow: hidden !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-mag-hero__inner {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	body.tak-center-site .tk-mag-hero__badge {
		max-width: 100% !important;
		box-sizing: border-box !important;
		font-size: 11.5px !important;
		padding: 4px 10px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	body.tak-center-site .tk-mag-hero__title {
		font-size: clamp(1.3rem, 4vw, 1.75rem) !important;
		line-height: 1.4 !important;
	}

	body.tak-center-site .tk-mag-hero__subtitle {
		font-size: 13px !important;
		line-height: 1.7 !important;
		margin-bottom: 18px !important;
	}

	body.tak-center-site .tk-mag-filter-bar {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		gap: 8px !important;
		padding: 4px 2px 10px !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		scrollbar-width: none !important;
	}

	body.tak-center-site .tk-mag-filter-bar::-webkit-scrollbar {
		display: none !important;
	}

	body.tak-center-site .tk-mag-filter-chip {
		flex: 0 0 auto !important;
		padding: 7px 14px !important;
		font-size: 12px !important;
		white-space: nowrap !important;
		border-radius: 10px !important;
	}

	body.tak-center-site .tk-mag-featured-card {
		display: flex !important;
		flex-direction: column !important;
		border-radius: 16px !important;
	}

	body.tak-center-site .tk-mag-featured-media {
		order: -1 !important;
		width: 100% !important;
		height: 200px !important;
		min-height: 200px !important;
		max-height: 220px !important;
		margin: 0 !important;
		border-radius: 16px 16px 0 0 !important;
	}

	body.tak-center-site .tk-mag-featured-img {
		border-radius: 16px 16px 0 0 !important;
	}

	body.tak-center-site .tk-mag-featured-content {
		padding: 20px 18px !important;
	}

	body.tak-center-site .tk-mag-featured-title {
		font-size: 1.2rem !important;
		line-height: 1.5 !important;
		margin-bottom: 10px !important;
	}

	body.tak-center-site .tk-mag-featured-excerpt {
		font-size: 13px !important;
		line-height: 1.75 !important;
		margin-bottom: 16px !important;
	}

	body.tak-center-site .tk-mag-author-bar {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 14px !important;
		padding-top: 14px !important;
	}

	body.tak-center-site .tk-mag-author-info {
		width: 100% !important;
		min-width: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 3px !important;
	}

	body.tak-center-site .tk-mag-author-name {
		font-size: 13.5px !important;
		font-weight: 800 !important;
		color: #140f13 !important;
		line-height: 1.45 !important;
		word-break: normal !important;
	}

	body.tak-center-site .tk-mag-author-role {
		font-size: 12px !important;
		color: #544b52 !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;
	}

	body.tak-center-site .tk-mag-read-btn {
		width: 100% !important;
		justify-content: center !important;
		height: 44px !important;
		font-size: 13.5px !important;
		border-radius: 10px !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.6 Single Post / Article (/iranian-indian-rice-market-analysis-1405/)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site.single-post #main-content,
	body.tak-center-site .tk-single-article-main {
		padding: 16px 14px 60px !important;
		max-width: 100% !important;
	}

	body.tak-center-site.single-post .wp-block-post-title,
	body.tak-center-site .tk-article-title {
		font-size: clamp(1.25rem, 4.5vw, 1.65rem) !important;
		line-height: 1.5 !important;
		margin-bottom: 14px !important;
	}

	body.tak-center-site.single-post .wp-block-post-featured-image,
	body.tak-center-site .tk-article-featured-media {
		max-height: 220px !important;
		height: auto !important;
		aspect-ratio: 16 / 9 !important;
		margin-bottom: 20px !important;
		border-radius: 14px !important;
	}

	body.tak-center-site.single-post .wp-block-post-content,
	body.tak-center-site.single-post .entry-content,
	body.tak-center-site .tk-article-content {
		font-size: 15px !important;
		line-height: 2 !important;
	}

	body.tak-center-site .entry-content table,
	body.tak-center-site .wp-block-table table,
	body.tak-center-site .tk-article-content table {
		display: block !important;
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		margin: 20px 0 !important;
		white-space: nowrap !important;
	}

	body.tak-center-site .entry-content table th,
	body.tak-center-site .entry-content table td {
		padding: 10px 14px !important;
		font-size: 12.5px !important;
		min-width: 90px !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.7 Customer Club (/customer-club/)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site.tak-page-customer-club .tk-page-main > .wp-block-post-content {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: auto !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-customer-club {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	/* Hero */
	body.tak-center-site .tk-club-hero {
		padding: clamp(22px, 4vw, 36px) clamp(16px, 3.5vw, 28px) !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-club-hero h1 {
		font-size: clamp(1.35rem, 4.2vw, 1.85rem) !important;
		line-height: 1.4 !important;
		margin-bottom: 12px !important;
	}

	body.tak-center-site .tk-club-hero p {
		font-size: clamp(12.5px, 2.5vw, 14px) !important;
		line-height: 1.75 !important;
	}

	body.tak-center-site .tk-club-hero .tk-hero__actions {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		margin-top: 20px !important;
		width: 100% !important;
	}

	body.tak-center-site .tk-club-hero .tk-hero__actions a.tk-button {
		flex: 1 1 200px !important;
		justify-content: center !important;
		text-align: center !important;
	}

	/* Tier Card & Progress */
	body.tak-center-site .tk-club-tier-card {
		padding: clamp(18px, 3.5vw, 24px) clamp(14px, 3vw, 20px) !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-club-tier-card__head {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}

	body.tak-center-site .tk-club-tier-card__current h2 {
		font-size: clamp(1.1rem, 3.5vw, 1.4rem) !important;
		margin: 8px 0 0 !important;
	}

	body.tak-center-site .tk-club-tier-card__points {
		align-self: flex-start !important;
		font-size: 13px !important;
	}

	body.tak-center-site .tk-tier-progress-labels {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 2px !important;
		font-size: clamp(10px, 2.4vw, 12px) !important;
		white-space: nowrap !important;
		width: 100% !important;
		overflow: hidden !important;
	}

	body.tak-center-site .tk-tier-progress-hint {
		font-size: 12px !important;
		line-height: 1.7 !important;
	}

	/* Lucky Wheel Section */
	body.tak-center-site .tk-lucky-wheel-section {
		padding: clamp(20px, 4vw, 32px) clamp(14px, 3vw, 24px) !important;
		border-radius: 20px !important;
		box-sizing: border-box !important;
		margin: 24px 0 !important;
	}

	body.tak-center-site .tk-lucky-wheel-section .tk-section__title {
		font-size: clamp(1.2rem, 3.8vw, 1.6rem) !important;
	}

	body.tak-center-site .tk-lucky-wheel-section .tk-section__description {
		font-size: 13px !important;
	}

	body.tak-center-site .tk-wheel-container {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
		margin-top: 20px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-wheel-wrap {
		width: min(100%, 320px) !important;
		max-width: 320px !important;
		margin: 0 auto !important;
		aspect-ratio: 1 !important;
	}

	body.tak-center-site .tk-wheel-center-btn {
		width: clamp(66px, 18vw, 80px) !important;
		height: clamp(66px, 18vw, 80px) !important;
		font-size: clamp(12px, 3vw, 14px) !important;
	}

	body.tak-center-site .tk-wheel-card {
		padding: clamp(16px, 3vw, 22px) !important;
		border-radius: 16px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-wheel-card h3 {
		font-size: 15px !important;
	}

	body.tak-center-site .tk-wheel-prizes-list li {
		font-size: 12.5px !important;
	}

	/* Referral Module */
	body.tak-center-site .tk-referral-box {
		padding: clamp(18px, 4vw, 26px) clamp(14px, 3vw, 22px) !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
		margin-bottom: 24px !important;
	}

	body.tak-center-site .tk-referral-header {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}

	body.tak-center-site .tk-referral-header h3 {
		font-size: clamp(1.05rem, 3.2vw, 1.25rem) !important;
	}

	body.tak-center-site .tk-referral-code-wrap {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		text-align: center !important;
		gap: 10px !important;
		padding: 12px 14px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-referral-code {
		font-size: 17px !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-referral-code-wrap button {
		width: 100% !important;
		justify-content: center !important;
	}

	body.tak-center-site .tk-referral-shares {
		display: flex !important;
		gap: 6px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-share-pill {
		font-size: 11.5px !important;
		padding: 7px 6px !important;
		flex: 1 1 0 !important;
	}

	body.tak-center-site .tk-referral-stats {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 6px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-referral-stats .tk-stat-card {
		padding: 8px 4px !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}

	body.tak-center-site .tk-referral-stats .tk-stat-card strong {
		font-size: clamp(11px, 2.7vw, 14px) !important;
		line-height: 1.3 !important;
		white-space: normal !important;
		word-break: break-word !important;
	}

	body.tak-center-site .tk-referral-stats .tk-stat-card span {
		font-size: clamp(9.5px, 2.1vw, 11px) !important;
		line-height: 1.3 !important;
	}

	/* Wallet Box & Responsive Table */
	body.tak-center-site .tk-wallet-box {
		padding: clamp(18px, 4vw, 26px) clamp(14px, 3vw, 22px) !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
		margin-bottom: 24px !important;
	}

	body.tak-center-site .tk-wallet-balance-card {
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 16px !important;
		padding: clamp(16px, 3.5vw, 22px) !important;
		border-radius: 14px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-wallet-balance-card__amount {
		font-size: clamp(22px, 5.5vw, 28px) !important;
	}

	body.tak-center-site .tk-wallet-balance-card a.tk-button {
		width: 100% !important;
		justify-content: center !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-wallet-transactions {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		box-sizing: border-box !important;
		padding-bottom: 6px !important;
	}

	body.tak-center-site .tk-wallet-transactions table.tk-table {
		min-width: 440px !important;
		width: 100% !important;
	}

	body.tak-center-site .tk-wallet-transactions th,
	body.tak-center-site .tk-wallet-transactions td {
		padding: 10px 12px !important;
		font-size: 12.5px !important;
	}

	/* Features Grid */
	body.tak-center-site .tk-club-features {
		display: block !important;
		width: 100% !important;
		margin-bottom: 24px !important;
	}

	body.tak-center-site .tk-club-features__grid {
		display: grid !important;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
		gap: 12px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-club-features__grid .tk-benefit {
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		padding: 16px 14px !important;
		border-radius: 14px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	body.tak-center-site .tk-club-features__grid .tk-benefit h3 {
		font-size: 14px !important;
		margin: 8px 0 4px !important;
	}

	body.tak-center-site .tk-club-features__grid .tk-benefit p {
		font-size: 12px !important;
		line-height: 1.6 !important;
	}

	/* -------------------------------------------------------------------------
	 * 19.8 Institutional Pages (Contact, About, FAQ, Wholesale Coop, Policies)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site :where(
		.tak-page-about-us,
		.tak-page-contact-us,
		.tak-page-faq,
		.tak-page-shipping-delivery,
		.tak-page-return-policy,
		.tak-page-terms-conditions,
		.tak-page-wholesale-cooperation,
		.tak-page-careers
	) .wp-block-post-content {
		padding: 0 !important;
		border: none !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.tak-center-site .tk-contact-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}

	body.tak-center-site .tk-contact-form-card,
	body.tak-center-site .tk-contact-info-card {
		width: 100% !important;
		padding: 20px 16px !important;
		border-radius: 16px !important;
	}

	body.tak-center-site .tk-about-stats-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 10px !important;
	}

	body.tak-center-site .tk-about-stat-card {
		padding: 16px 12px !important;
		border-radius: 12px !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-faq-question {
		padding: 14px 16px !important;
		font-size: 13.5px !important;
	}

	body.tak-center-site .tk-faq-answer {
		padding: 0 16px 14px !important;
		font-size: 13px !important;
		line-height: 1.8 !important;
	}

	body.tak-center-site .tk-wholesale-hero-card {
		padding: 22px 18px !important;
		border-radius: 18px !important;
	}

	body.tak-center-site .tk-wholesale-steps-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	/* Contact Us Page */
	body.tak-center-site .tk-contact-main-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-contact-form-card,
	body.tak-center-site .tk-contact-info-sidebar {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Vendor Portal / Sellers (/sellers/ & /vendor-register/) */
	body.tak-center-site:where(.tak-page-sellers, .tak-page-vendor-register) .tk-page-main > .wp-block-post-content,
	body.tak-center-site .tk-vendor-portal {
		width: 100% !important;
		max-width: 100% !important;
		margin-inline: auto !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-vendor-form-wrap {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-vendor-form-info,
	body.tak-center-site .tk-vendor-form-box {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-vendor-form-box {
		padding: 20px 14px !important;
	}

	body.tak-center-site .tk-vendor-contact-card {
		box-sizing: border-box !important;
		max-width: 100% !important;
	}

	body.tak-center-site .tk-vendor-form-box button {
		white-space: normal !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-vendor-form-info .tk-check-list {
		grid-template-columns: 1fr !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
	}

	body.tak-center-site .tk-vendor-form-info .tk-check-list li {
		padding: 12px 14px !important;
	}

	body.tak-center-site .tk-vendor-form-info .tk-check-list li::before {
		display: none !important;
	}

	/* Careers Page (/careers/) */
	body.tak-center-site .tk-jobs-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-job-card {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	@media (max-width: 599px) {
		body.tak-center-site .tk-careers-benefits .tk-benefits__grid {
			grid-template-columns: 1fr !important;
			gap: 12px !important;
		}

		body.tak-center-site .tk-careers-benefits .tk-benefit {
			flex-direction: row !important;
			align-items: flex-start !important;
			gap: 14px !important;
			padding: 16px !important;
		}

		body.tak-center-site .tk-careers-benefits .tk-benefit__icon {
			flex-shrink: 0 !important;
			margin-bottom: 0 !important;
		}
	}

	/* Terms & Conditions Partner Form (/terms-conditions/) */
	body.tak-center-site.tak-page-terms-conditions .tk-terms-form-card,
	body.tak-center-site.tak-page-terms-conditions .tk-interactive-partner-form {
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Global Responsive Form Controls */
	body.tak-center-site .tk-form-row,
	body.tak-center-site .tk-form-row--half {
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-form-row > *,
	body.tak-center-site .tk-form-row--half > *,
	body.tak-center-site .tk-field-group,
	body.tak-center-site .tk-custom-select,
	body.tak-center-site .tk-custom-select__trigger {
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* Payment Methods Bank Accounts Table (/payment-methods/) */
	body.tak-center-site .tk-bank-accounts-card,
	body.tak-center-site .tk-accounts-table-wrap {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
}

/* ==========================================================================
   TABLET VIEWPORT SPECIFICS (600px - 899px)
   ========================================================================== */
@media (min-width: 600px) and (max-width: 899px) {
	/* PLP & Shop: 3 Columns Grid on Tablet */
	body.tak-center-site ul.products,
	body.tak-center-site .tk-products-grid,
	body.tak-center-site .related.products ul.products,
	body.tak-center-site .upsells.products ul.products {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 12px !important;
	}

	/* Magazine: 2 Columns Grid on Tablet */
	body.tak-center-site .tk-mag-grid {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px !important;
	}
}

/* ==========================================================================
   MOBILE VIEWPORT SPECIFICS (<= 599px)
   ========================================================================== */
@media (max-width: 599px) {
	/* PLP & Shop: 2 Columns Grid on Mobile (Matching HomePage product cards) */
	body.tak-center-site ul.products,
	body.tak-center-site .tk-products-grid,
	body.tak-center-site .related.products ul.products,
	body.tak-center-site .upsells.products ul.products {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 8px !important;
	}

	body.tak-center-site .tk-product-card {
		padding: 10px !important;
		border-radius: 14px !important;
	}

	body.tak-center-site .tk-product-card__title,
	body.tak-center-site .woocommerce-loop-product__title {
		font-size: 12px !important;
		line-height: 1.45 !important;
		min-height: 34px !important;
	}

	body.tak-center-site .tk-product-card__price ins,
	body.tak-center-site .tk-product-card__price > .woocommerce-Price-amount {
		font-size: 14px !important;
	}

	body.tak-center-site .tk-product-card__price del {
		font-size: 11px !important;
	}

	body.tak-center-site .tk-product-card__cta {
		padding: 6px 8px !important;
		font-size: 11.5px !important;
		height: 34px !important;
	}

	/* Magazine: 1 Column Grid on Mobile */
	body.tak-center-site .tk-mag-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	body.tak-center-site .tk-mag-card {
		padding: 16px !important;
		border-radius: 14px !important;
	}

	/* PLP Hero Card Mobile Viewport Specifics (<= 599px) */
	body.tak-center-site .tk-plp-hero-card {
		padding: 16px 14px !important;
		border-radius: 18px !important;
		margin-bottom: 14px !important;
	}

	body.tak-center-site .tk-plp-hero-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-plp-hero-visual {
		order: -1 !important;
		margin: 0 auto !important;
		width: 100% !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}

	body.tak-center-site .tk-plp-hero-art-container {
		position: relative !important;
		max-width: 170px !important;
		margin: 0 auto !important;
	}

	body.tak-center-site .tk-plp-hero-img {
		max-height: 135px !important;
		width: auto !important;
		object-fit: contain !important;
		border-radius: 14px !important;
	}

	body.tak-center-site .tk-plp-art-pedestal {
		width: 150px !important;
		height: 20px !important;
		bottom: -8px !important;
	}

	body.tak-center-site .tk-plp-hero-floating-badge {
		top: -6px !important;
		right: -4px !important;
		font-size: 10px !important;
		padding: 4px 8px !important;
		border-radius: 8px !important;
	}

	body.tak-center-site .tk-plp-hero-floating-badge svg {
		width: 12px !important;
		height: 12px !important;
	}

	/* Completely hide floating card on mobile so product art is clean, visible, and unobscured */
	body.tak-center-site .tk-plp-hero-floating-card {
		display: none !important;
	}

	body.tak-center-site .tk-plp-hero-badge-wrap {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
		margin-bottom: 8px !important;
	}

	body.tak-center-site .tk-plp-hero-badge {
		font-size: 11px !important;
		padding: 4px 10px !important;
		border-radius: 999px !important;
		gap: 5px !important;
	}

	body.tak-center-site .tk-plp-hero-badge svg,
	body.tak-center-site .tk-plp-hero-badge i {
		width: 13px !important;
		height: 13px !important;
	}

	body.tak-center-site .tk-plp-count-pill {
		font-size: 10.5px !important;
		padding: 4px 9px !important;
		border-radius: 999px !important;
	}

	body.tak-center-site .tk-plp-hero-title {
		font-size: 18px !important;
		line-height: 1.35 !important;
		font-weight: 800 !important;
		margin: 0 0 6px !important;
	}

	body.tak-center-site .tk-plp-hero-desc {
		font-size: 12px !important;
		line-height: 1.6 !important;
		color: #94a3b8 !important;
		margin: 0 0 12px !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 3 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
	}

	body.tak-center-site .tk-plp-hero-chips {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 6px !important;
		width: 100% !important;
		margin: 0 !important;
	}

	body.tak-center-site .tk-plp-hero-chip {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 4px !important;
		padding: 7px 4px !important;
		font-size: clamp(9px, 2.7vw, 10.5px) !important;
		font-weight: 600 !important;
		border-radius: 10px !important;
		background: rgba(255, 255, 255, 0.05) !important;
		border: 1px solid rgba(255, 255, 255, 0.1) !important;
		text-align: center !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-plp-hero-chip svg {
		width: 12px !important;
		height: 12px !important;
		flex-shrink: 0 !important;
	}

	/* Customer Club Features 1-Column on Mobile */
	body.tak-center-site .tk-club-features__grid {
		grid-template-columns: 1fr !important;
	}
}

/* PDP Wholesale Tiers Single Column for Mobile & Tablet (<= 1024px) */
@media (max-width: 1024px) {
	body.tak-center-site .tk-single-wholesale-wrap .tk-wholesale-tiers__grid,
	body.tak-center-site .tk-wholesale-tiers__grid {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		margin-bottom: 14px !important;
	}
}

/* ==========================================================================
   20. MOBILE RESPONSIVE & QUALITY CONTROL (QC) ENHANCEMENTS (320px - 768px)
   Strictly scoped isolated overrides for the 5 key components:
   1. Search bar & Live search results (جستجو)
   2. Product categories & Category cards (دسته‌بندی)
   3. Shop filters & Off-canvas filter drawer (فیلتر)
   4. Shopping cart items list & Cart totals (سبد خرید)
   5. Quick purchase / Channel selection popup & CTA buttons (خرید سریع)
   ========================================================================== */

@media (max-width: 768px) {
	/* -------------------------------------------------------------------------
	 * 1. SEARCH BAR & LIVE SEARCH DROPDOWN (جستجو)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site .tk-search {
		height: 46px !important;
		border-radius: 12px !important;
		padding: 3px !important;
		background: #f8fafc !important;
	}

	body.tak-center-site .tk-search input[type="search"] {
		font-size: 16px !important; /* Prevents auto-zoom on iOS Safari */
		padding: 0 12px !important;
		min-height: 40px !important;
	}

	body.tak-center-site .tk-search-submit {
		min-width: 75px !important;
		height: 38px !important;
		padding: 0 12px !important;
		border-radius: 9px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-search-submit span {
		font-size: 12.5px !important;
	}

	body.tak-center-site .tk-search-dropdown,
	body.tak-center-site .tk-search-results {
		position: absolute !important;
		top: calc(100% + 6px) !important;
		left: 0 !important;
		right: 0 !important;
		max-height: min(62vh, 420px) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 8px !important;
		border-radius: 14px !important;
		box-shadow: 0 12px 36px rgba(0, 0, 0, 0.16) !important;
		z-index: 1000 !important;
	}

	body.tak-center-site .tk-search-result {
		min-height: 48px !important;
		padding: 8px 10px !important;
		gap: 10px !important;
		border-radius: 10px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-search-result img,
	body.tak-center-site .tk-search-result__image {
		width: 44px !important;
		height: 44px !important;
		border-radius: 8px !important;
		flex-shrink: 0 !important;
	}

	body.tak-center-site .tk-search-result__title {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	body.tak-center-site .tk-search-result__meta {
		font-size: 11.5px !important;
	}

	/* -------------------------------------------------------------------------
	 * 2. PRODUCT CATEGORIES & CATEGORY CARDS (دسته‌بندی)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site .tk-categories {
		padding: 26px 20px !important;
		margin-block: 22px 30px !important;
		border-radius: 18px !important;
	}

	body.tak-center-site .tk-categories .tk-section__header {
		display: flex !important;
		align-items: flex-end !important;
		justify-content: space-between !important;
		gap: 16px !important;
		margin-bottom: 22px !important;
	}

	body.tak-center-site .tk-categories .tk-section__eyebrow {
		margin-bottom: 6px !important;
		font-size: 12.5px !important;
		color: #b8872f !important;
	}

	body.tak-center-site .tk-categories #tk-categories-title {
		font-size: 22px !important;
		line-height: 1.35 !important;
		margin: 0 0 6px !important;
	}

	body.tak-center-site .tk-categories .tk-section__description {
		margin: 0 !important;
		font-size: 13px !important;
		line-height: 1.6 !important;
		color: #64748b !important;
	}

	body.tak-center-site .tk-categories .tk-section__header > a {
		font-size: 12.5px !important;
		white-space: nowrap !important;
		color: #b8872f !important;
		padding-bottom: 2px !important;
	}

	body.tak-center-site .tk-categories__grid {
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 14px 12px !important;
	}

	body.tak-center-site .tk-category-card {
		padding: 16px 8px 14px !important;
		border: 1.5px solid #ebdccb !important;
		background: #ffffff !important;
		box-shadow: 0 3px 10px rgba(33, 28, 32, .03) !important;
		border-radius: 14px !important;
		gap: 10px !important;
		height: 100% !important;
		min-height: 0 !important;
		justify-content: flex-start !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-category-card img,
	body.tak-center-site .tk-category-card .tk-category-card__img,
	body.tak-center-site .tk-category-card__fallback {
		width: 68px !important;
		height: 68px !important;
	}

	body.tak-center-site .tk-category-card__name {
		font-size: 13px !important;
		white-space: normal !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-align: center !important;
		line-height: 1.35 !important;
		margin: 0 !important;
	}

	body.tak-center-site .tk-category-card__count {
		display: inline-flex !important;
		font-size: 11px !important;
		padding: 2px 8px !important;
		border-radius: 99px !important;
		margin-top: auto !important;
	}

	/* -------------------------------------------------------------------------
	 * 3. SHOP FILTERS & OFF-CANVAS DRAWER (فیلتر)
	 * ------------------------------------------------------------------------- */
	/* Prevent shop filter drawer from being trapped inside ancestor transform stacking context */
	body.tak-center-site.tk-filter-drawer-open #main-content,
	body.tak-center-site:has(#tk-shop-sidebar.is-open) #main-content {
		animation: none !important;
		transform: none !important;
	}

	body.tak-center-site .tk-shop-sidebar {
		width: min(340px, 86vw) !important;
		padding: 18px 16px calc(70px + env(safe-area-inset-bottom, 0px)) !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-sidebar-close-btn {
		min-width: 44px !important;
		min-height: 44px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-filter-checkbox-item {
		min-height: 44px !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		padding: 4px 6px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-filter-checkbox-item input[type="checkbox"] {
		width: 22px !important;
		height: 22px !important;
		flex-shrink: 0 !important;
		cursor: pointer !important;
	}

	body.tak-center-site .tk-filter-switch-row {
		min-height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 4px 6px !important;
	}

	body.tak-center-site .tk-filter-cat-link {
		min-height: 42px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 6px 8px !important;
		border-radius: 8px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-mobile-filter-toggle {
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		border-radius: 10px !important;
		touch-action: manipulation !important;
	}

	/* -------------------------------------------------------------------------
	 * 4. SHOPPING CART TABLE & CART TOTALS (سبد خرید)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site.woocommerce-cart .tk-cart-sidebar,
	body.tak-center-site.woocommerce-cart .cart-collaterals {
		padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px)) !important;
	}

	body.tak-center-site .tk-cart-item {
		display: grid !important;
		grid-template-columns: 80px minmax(0, 1fr) !important;
		gap: 12px !important;
		padding: 14px !important;
		border-radius: 16px !important;
		border: 1px solid #e2e8f0 !important;
		background: #ffffff !important;
		margin-bottom: 12px !important;
	}

	body.tak-center-site .tk-cart-item__image {
		width: 80px !important;
		height: 80px !important;
		border-radius: 12px !important;
	}

	body.tak-center-site .tk-cart-item__title {
		font-size: 13.5px !important;
		line-height: 1.4 !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		white-space: normal !important;
	}

	body.tak-center-site .tk-cart-item__remove {
		min-width: 38px !important;
		min-height: 38px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-cart-item__tier-badge {
		font-size: 11px !important;
		white-space: normal !important;
		line-height: 1.3 !important;
		padding: 3px 8px !important;
		display: inline-block !important;
		max-width: 100% !important;
	}

	body.tak-center-site .tk-cart-item__bottom {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		flex-wrap: wrap !important;
		margin-top: 10px !important;
	}

	body.tak-center-site .tk-cart-item .quantity.tk-quantity-control,
	body.tak-center-site .tk-cart-item .quantity {
		min-height: 38px !important;
	}

	body.tak-center-site .tk-cart-item .tk-quantity-button {
		width: 36px !important;
		height: 36px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-cart-item .qty {
		height: 36px !important;
		font-size: 15px !important;
	}

	body.tak-center-site .tk-coupon-row {
		display: flex !important;
		gap: 8px !important;
		align-items: stretch !important;
		margin-top: 16px !important;
		padding-top: 14px !important;
	}

	body.tak-center-site .tk-coupon-row input {
		height: 44px !important;
		min-height: 44px !important;
		font-size: 16px !important; /* iOS zoom prevention */
		border-radius: 10px !important;
		padding: 0 12px !important;
	}

	body.tak-center-site .tk-coupon-btn {
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 16px !important;
		border-radius: 10px !important;
		font-size: 13.5px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-cart-summary-box {
		padding: 18px !important;
		border-radius: 16px !important;
		position: static !important;
	}

	body.tak-center-site .tk-summary-title {
		font-size: 16px !important;
		margin-bottom: 14px !important;
	}

	body.tak-center-site .tk-checkout-btn-cta {
		min-height: 50px !important;
		font-size: 15px !important;
		border-radius: 12px !important;
		white-space: nowrap !important;
		touch-action: manipulation !important;
	}

	/* -------------------------------------------------------------------------
	 * 5. QUICK PURCHASE POPUP & ACTION BUTTONS (خرید سریع)
	 * ------------------------------------------------------------------------- */
	body.tak-center-site .tk-channel-modal {
		padding: 16px !important;
		box-sizing: border-box !important;
	}

	body.tak-center-site .tk-channel-modal__container,
	body.tak-center-site .tk-channel-modal__dialog {
		width: 100% !important;
		max-width: 480px !important;
		max-height: calc(100vh - 36px) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 22px 18px 20px !important;
		border-radius: 20px !important;
	}

	body.tak-center-site .tk-channel-modal__close {
		min-width: 44px !important;
		min-height: 44px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site .tk-channel-card {
		padding: 16px 14px !important;
		border-radius: 14px !important;
	}

	body.tak-center-site .tk-channel-card__heading {
		font-size: 15px !important;
	}

	body.tak-center-site .tk-channel-card__btn {
		min-height: 44px !important;
		font-size: 13.5px !important;
		font-weight: 700 !important;
		border-radius: 10px !important;
		touch-action: manipulation !important;
	}

	body.tak-center-site.single-product .cart,
	body.tak-center-site .tk-pdp-buybox form.cart {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		width: 100% !important;
	}

	body.tak-center-site.single-product .single_add_to_cart_button,
	body.tak-center-site .tk-deal-btn-add,
	body.tak-center-site .tk-corporate-btn-rfq {
		min-height: 48px !important;
		font-size: 14.5px !important;
		font-weight: 800 !important;
		border-radius: 12px !important;
		touch-action: manipulation !important;
	}
}

/* Specific Phone screens (<= 480px) */
@media (max-width: 480px) {
	/* 1. Search Bar */
	body.tak-center-site .tk-search {
		height: 44px !important;
	}

	body.tak-center-site .tk-search input[type="search"] {
		font-size: 16px !important;
		padding: 0 10px !important;
	}

	body.tak-center-site .tk-search input[type="search"]::placeholder {
		font-size: 12px !important;
	}

	body.tak-center-site .tk-search-submit {
		min-width: 44px !important;
		padding: 0 10px !important;
		height: 36px !important;
	}

	/* 2. Categories: 3-column with clean mobile spacing */
	body.tak-center-site .tk-categories {
		padding: 20px 14px !important;
		margin-block: 16px 24px !important;
		border-radius: 16px !important;
	}

	body.tak-center-site .tk-categories .tk-section__header {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		align-items: flex-end !important;
		gap: 8px !important;
		margin-bottom: 16px !important;
	}

	body.tak-center-site .tk-categories .tk-section__header > div {
		flex: 1 1 100% !important;
	}

	body.tak-center-site .tk-categories .tk-section__eyebrow {
		margin-bottom: 4px !important;
		font-size: 12px !important;
		color: #b8872f !important;
	}

	body.tak-center-site .tk-categories #tk-categories-title {
		font-size: clamp(17px, 4.8vw, 20px) !important;
		line-height: 1.35 !important;
		margin: 0 0 4px !important;
	}

	body.tak-center-site .tk-categories .tk-section__description {
		margin: 0 !important;
		font-size: 12px !important;
		line-height: 1.55 !important;
		color: #64748b !important;
	}

	body.tak-center-site .tk-categories .tk-section__header > a {
		font-size: 12px !important;
		font-weight: 700 !important;
		color: #b8872f !important;
		padding: 4px 0 !important;
		margin-top: 2px !important;
	}

	body.tak-center-site .tk-categories__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px 8px !important;
	}

	body.tak-center-site .tk-category-card {
		padding: 12px 6px 10px !important;
		border: 1.5px solid #ebdccb !important;
		background: #ffffff !important;
		box-shadow: 0 3px 10px rgba(33, 28, 32, .03) !important;
		border-radius: 12px !important;
		gap: 6px !important;
		height: 100% !important;
		min-height: 126px !important;
		justify-content: flex-start !important;
	}

	body.tak-center-site .tk-category-card img,
	body.tak-center-site .tk-category-card .tk-category-card__img,
	body.tak-center-site .tk-category-card__fallback {
		width: 52px !important;
		height: 52px !important;
		padding: 4px !important;
	}

	body.tak-center-site .tk-category-card__name {
		font-size: 11.5px !important;
		line-height: 1.3 !important;
		margin: 0 !important;
		min-height: 2.6em !important;
		text-align: center !important;
	}

	body.tak-center-site .tk-category-card__count {
		display: inline-flex !important;
		font-size: 10px !important;
		padding: 1px 7px !important;
		border-radius: 99px !important;
		margin-top: auto !important;
	}

	/* 4. Cart Items */
	body.tak-center-site .tk-cart-item {
		grid-template-columns: 72px minmax(0, 1fr) !important;
		gap: 10px !important;
		padding: 12px !important;
	}

	body.tak-center-site .tk-cart-item__image {
		width: 72px !important;
		height: 72px !important;
	}

	body.tak-center-site .tk-cart-item__title {
		font-size: 13px !important;
	}

	body.tak-center-site .tk-checkout-btn-cta {
		min-height: 48px !important;
		font-size: 14px !important;
		padding: 0 10px !important;
	}

	/* 5. Channel Modal */
	body.tak-center-site .tk-channel-modal__container,
	body.tak-center-site .tk-channel-modal__dialog {
		padding: 18px 14px 16px !important;
		border-radius: 18px !important;
	}

	body.tak-center-site .tk-channel-modal__title {
		font-size: 16px !important;
		line-height: 1.35 !important;
	}

	body.tak-center-site .tk-channel-modal__desc {
		font-size: 11.5px !important;
		line-height: 1.4 !important;
		margin-bottom: 14px !important;
	}

	body.tak-center-site .tk-channel-card {
		padding: 14px 12px !important;
	}
}

/* Extra-narrow Phone screens (<= 340px / iPhone SE 1st gen) */
@media (max-width: 340px) {
	/* 1. Search submit icon-only */
	body.tak-center-site .tk-search-submit span {
		display: none !important;
	}
	body.tak-center-site .tk-search-submit {
		min-width: 38px !important;
		width: 38px !important;
		padding: 0 !important;
	}

	/* 2. Categories */
	body.tak-center-site .tk-category-card img,
	body.tak-center-site .tk-category-card .tk-category-card__img,
	body.tak-center-site .tk-category-card__fallback {
		width: 50px !important;
		height: 50px !important;
	}

	body.tak-center-site .tk-category-card__name {
		font-size: 10.5px !important;
	}

	/* 4. Cart */
	body.tak-center-site .tk-cart-item {
		grid-template-columns: 62px minmax(0, 1fr) !important;
		gap: 8px !important;
		padding: 10px !important;
	}

	body.tak-center-site .tk-cart-item__image {
		width: 62px !important;
		height: 62px !important;
	}

	body.tak-center-site .tk-cart-item__title {
		font-size: 12px !important;
	}

	body.tak-center-site .tk-checkout-btn-cta {
		font-size: 13px !important;
		gap: 4px !important;
		padding: 0 6px !important;
	}

	body.tak-center-site .tk-checkout-btn-cta svg {
		width: 16px !important;
		height: 16px !important;
	}
}

/* ==========================================================================
   21. TRUST & ADVANTAGES BAR (بخش اعتمادسازی و مزیت‌ها)
   Strictly scoped under .tc-trust-badges-wrapper
   Indicators: Direct Supply, Variety, Pricing, Shipping, B2B, Support
   ========================================================================== */

.tc-trust-badges-wrapper {
	box-sizing: border-box;
	width: 100%;
	padding: 18px 0;
	margin: 22px 0 32px;
	font-family: inherit;
	direction: rtl;
	text-align: right;
}

.tc-trust-badges-wrapper *,
.tc-trust-badges-wrapper *::before,
.tc-trust-badges-wrapper *::after {
	box-sizing: border-box;
}

.tc-trust-badges-wrapper .tc-trust-badges-container {
	width: min(100% - 32px, 1420px);
	margin-inline: auto;
	background: #ffffff;
	border: 1px solid #eef2f6;
	border-radius: 20px;
	padding: 20px 22px;
	box-shadow: 0 4px 24px -4px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.02);
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.tc-trust-badges-wrapper .tc-trust-badges-container:hover {
	border-color: #e2e8f0;
	box-shadow: 0 8px 32px -4px rgba(15, 23, 42, 0.08);
}

.tc-trust-badges-wrapper .tc-trust-badges-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
	align-items: center;
}

.tc-trust-badges-wrapper .tc-trust-badge-item {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 8px 8px;
	border-radius: 14px;
	position: relative;
	transition: transform 0.25s ease, background-color 0.25s ease;
	user-select: none;
	min-width: 0;
}

.tc-trust-badges-wrapper .tc-trust-badge-item:hover {
	transform: translateY(-2px);
	background-color: #f8fafc;
}

/* Subtle separator between items on desktop */
.tc-trust-badges-wrapper .tc-trust-badge-item:not(:last-child)::after {
	content: "";
	position: absolute;
	left: -5px;
	top: 15%;
	height: 70%;
	width: 1px;
	background: linear-gradient(180deg, transparent, #e2e8f0 30%, #e2e8f0 70%, transparent);
	pointer-events: none;
}

.tc-trust-badges-wrapper .tc-trust-badge-icon {
	width: 50px;
	height: 50px;
	min-width: 50px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(180, 131, 44, 0.14) 0%, rgba(180, 131, 44, 0.05) 100%);
	border: 1px solid rgba(180, 131, 44, 0.24);
	color: #b4832c;
	flex-shrink: 0;
	transition: all 0.25s ease;
}

.tc-trust-badges-wrapper .tc-trust-badge-item:hover .tc-trust-badge-icon {
	background: linear-gradient(135deg, #b4832c 0%, #94681f 100%);
	color: #ffffff;
	border-color: #b4832c;
	box-shadow: 0 6px 16px rgba(180, 131, 44, 0.32);
	transform: scale(1.06);
}

.tc-trust-badges-wrapper .tc-trust-badge-icon svg {
	width: 25px;
	height: 25px;
	stroke-width: 2.1;
	display: block;
}

.tc-trust-badges-wrapper .tc-trust-badge-content {
	display: flex;
	flex-direction: column;
	min-width: 0;
	flex: 1;
	overflow: hidden;
}

.tc-trust-badges-wrapper .tc-trust-badge-title,
.tc-trust-badges-wrapper .tc-trust-badge-desc {
	display: block;
	width: 100%;
	min-width: 0;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	position: relative;
	margin: 0;
}

.tc-trust-badges-wrapper .tc-trust-badge-title {
	font-size: 14.5px;
	font-weight: 800;
	color: #0f172a;
	margin: 0 0 3px 0;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.tc-trust-badges-wrapper .tc-trust-badge-desc {
	font-size: 11.5px;
	font-weight: 500;
	color: #475569;
	line-height: 1.35;
}

/* Inner text span static display */
.tc-trust-badges-wrapper .tc-trust-badge-title > span,
.tc-trust-badges-wrapper .tc-trust-badge-desc > span {
	display: inline-block;
	white-space: nowrap !important;
}

/* ==========================================================================
   Responsive Adaptations
   ========================================================================== */

/* Laptop / Medium Desktop (<= 1320px): 3 columns x 2 rows with generous breathing room */
@media (max-width: 1320px) {
	.tc-trust-badges-wrapper .tc-trust-badges-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px 20px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-item:not(:last-child)::after {
		display: none;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-item {
		padding: 10px 14px;
		gap: 14px;
		background: #fbfcfd;
		border: 1px solid #f1f5f9;
		border-radius: 14px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon {
		width: 52px;
		height: 52px;
		min-width: 52px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon svg {
		width: 26px;
		height: 26px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-title {
		font-size: 15.5px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-desc {
		font-size: 12.5px;
	}
}

/* Tablet (Portrait <= 860px): 2 columns with prominent cards */
@media (max-width: 860px) {
	.tc-trust-badges-wrapper {
		padding: 12px 0;
		margin: 18px 0 24px;
	}
	.tc-trust-badges-wrapper .tc-trust-badges-container {
		width: min(100% - 24px, 1420px);
		padding: 16px 16px;
		border-radius: 18px;
	}
	.tc-trust-badges-wrapper .tc-trust-badges-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px 14px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-item {
		padding: 10px 12px;
		gap: 12px;
		border-radius: 14px;
		background: #f8fafc;
		border: 1px solid #edf2f7;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon {
		width: 48px;
		height: 48px;
		min-width: 48px;
		border-radius: 12px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon svg {
		width: 24px;
		height: 24px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-title {
		font-size: 14.5px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-desc {
		font-size: 11.5px;
	}
}

/* Mobile Screens (<= 540px): High-contrast, clean 2-column layout strictly 1-line */
@media (max-width: 540px) {
	.tc-trust-badges-wrapper {
		margin: 14px 0 18px;
		padding: 8px 0;
	}
	.tc-trust-badges-wrapper .tc-trust-badges-container {
		width: min(100% - 16px, 1420px);
		padding: 14px 12px;
		border-radius: 16px;
	}
	.tc-trust-badges-wrapper .tc-trust-badges-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px 8px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-item {
		padding: 8px 6px;
		gap: 7px;
		border-radius: 12px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon {
		width: 36px;
		height: 36px;
		min-width: 36px;
		border-radius: 10px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon svg {
		width: 19px;
		height: 19px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-title {
		font-size: 12px;
		letter-spacing: -0.02em;
		margin-bottom: 2px;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-desc {
		font-size: 10px;
		letter-spacing: -0.01em;
		line-height: 1.35;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: block !important;
	}
}

/* Extra-narrow Mobile (<= 360px): Single Column for maximum clarity strictly 1-line */
@media (max-width: 360px) {
	.tc-trust-badges-wrapper .tc-trust-badges-grid {
		grid-template-columns: 1fr;
		gap: 9px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-item {
		padding: 10px 14px;
		gap: 12px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon {
		width: 46px;
		height: 46px;
		min-width: 46px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-icon svg {
		width: 23px;
		height: 23px;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-title {
		font-size: 14.5px;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: clip !important;
	}
	.tc-trust-badges-wrapper .tc-trust-badge-desc {
		font-size: 12px;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: clip !important;
		display: block !important;
	}
}

/* ==========================================================================
   22. Dedicated Brand PLP Hero Header & Footer Brands Bar (Isolated Brands System)
   ========================================================================== */

/* Footer Brands Bar Scoped Enhancements */
.tc-footer-brands-bar .tk-marquee-item {
	transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s ease, box-shadow 0.28s ease !important;
	-webkit-tap-highlight-color: transparent;
}

.tc-footer-brands-bar .tk-marquee-item:hover,
.tc-footer-brands-bar .tk-marquee-item:focus-visible {
	border-color: var(--tk-gold, #d1a04a) !important;
	box-shadow: 0 8px 24px rgba(209, 160, 74, 0.35) !important;
	transform: translateY(-3px) scale(1.03) !important;
	outline: none;
}

.tc-footer-brands-bar .tk-marquee-item:active {
	transform: scale(0.97) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

/* Brand PLP Header Wrapper */
.tc-brand-header-wrapper {
	width: 100%;
	margin-bottom: 28px;
	box-sizing: border-box;
}

.tc-brand-header-wrapper .tk-plp-breadcrumb {
	margin-bottom: 14px;
}

/* Brand Card Container */
.tc-brand-header-wrapper .tc-brand-header-card {
	position: relative;
	overflow: hidden;
	background: radial-gradient(circle at 15% 20%, rgba(209, 160, 74, 0.22) 0%, transparent 45%),
	            radial-gradient(circle at 85% 85%, rgba(14, 165, 233, 0.14) 0%, transparent 45%),
	            linear-gradient(135deg, #18151c 0%, #251e2b 50%, #151218 100%);
	border: 1.5px solid rgba(209, 160, 74, 0.42);
	border-radius: 24px;
	padding: clamp(24px, 3.5vw, 36px) clamp(20px, 3.5vw, 38px);
	box-shadow: 0 16px 44px -4px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
	color: #ffffff;
	box-sizing: border-box;
}

/* Background Atmosphere Blobs */
.tc-brand-header-wrapper .tc-brand-header-bg-art {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: 1;
}

.tc-brand-header-wrapper .tc-brand-blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(65px);
	pointer-events: none;
}

.tc-brand-header-wrapper .tc-brand-blob--1 {
	top: -50px;
	left: 12%;
	width: 250px;
	height: 250px;
	background: #d1a04a;
	opacity: 0.26;
}

.tc-brand-header-wrapper .tc-brand-blob--2 {
	bottom: -50px;
	right: 10%;
	width: 230px;
	height: 230px;
	background: #0ea5e9;
	opacity: 0.2;
}

/* Inner Layout */
.tc-brand-header-wrapper .tc-brand-header-inner {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: clamp(20px, 3.2vw, 36px);
}

/* Brand Logo Box */
.tc-brand-header-wrapper .tc-brand-logo-container {
	flex-shrink: 0;
	width: 170px;
	height: 110px;
	background: #ffffff;
	border-radius: 18px;
	border: 1.5px solid rgba(209, 160, 74, 0.45);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	box-sizing: border-box;
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.tc-brand-header-wrapper .tc-brand-logo-container:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(209, 160, 74, 0.35);
	border-color: var(--tk-gold, #d1a04a);
}

.tc-brand-header-wrapper .tc-brand-logo-img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

.tc-brand-header-wrapper .tc-brand-logo-fallback {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: 900;
	box-shadow: 0 4px 14px rgba(209, 160, 74, 0.4);
}

/* Brand Details */
.tc-brand-header-wrapper .tc-brand-details {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Badges Row */
.tc-brand-header-wrapper .tc-brand-badges-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.tc-brand-header-wrapper .tc-brand-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.2;
}

.tc-brand-header-wrapper .tc-brand-badge .tk-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.tc-brand-header-wrapper .tc-brand-badge--verified {
	background: rgba(16, 185, 129, 0.16);
	color: #34d399;
	border: 1px solid rgba(16, 185, 129, 0.38);
}

.tc-brand-header-wrapper .tc-brand-badge--partner {
	background: rgba(209, 160, 74, 0.18);
	color: #f5d489;
	border: 1px solid rgba(209, 160, 74, 0.45);
}

.tc-brand-header-wrapper .tc-brand-count-pill {
	display: inline-flex;
	align-items: center;
	padding: 4px 11px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.16);
}

/* Title */
.tc-brand-header-wrapper .tc-brand-title {
	font-size: clamp(1.4rem, 2.4vw, 2.05rem);
	font-weight: 900;
	color: #ffffff !important;
	margin: 0;
	line-height: 1.3;
	letter-spacing: -0.01em;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

/* Description */
.tc-brand-header-wrapper .tc-brand-description {
	font-size: 13.5px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	max-width: 860px;
}

.tc-brand-header-wrapper .tc-brand-description p {
	margin: 0;
	color: inherit;
	line-height: inherit;
	font-size: inherit;
}

/* Specifications Grid */
.tc-brand-header-wrapper .tc-brand-specs-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 6px;
}

.tc-brand-header-wrapper .tc-brand-spec-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 11px;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	font-size: 11.5px;
	font-weight: 700;
	color: #ffffff;
	white-space: nowrap;
	transition: all 0.22s ease;
}

.tc-brand-header-wrapper .tc-brand-spec-item:hover {
	background: rgba(255, 255, 255, 0.11);
	border-color: rgba(209, 160, 74, 0.45);
	transform: translateY(-1px);
}

.tc-brand-header-wrapper .tc-brand-spec-item .tk-icon {
	width: 15px;
	height: 15px;
	color: #f5d489;
	stroke: #f5d489;
	flex-shrink: 0;
}

/* ==========================================================================
   Responsive Breakpoints for Brand PLP Header
   ========================================================================== */

/* Laptop / Medium Tablets */
@media (max-width: 1024px) {
	.tc-brand-header-wrapper .tc-brand-specs-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}
}

/* Tablet & Mobile Screens (<= 768px): Vertical Clean Stack */
@media (max-width: 768px) {
	.tc-brand-header-wrapper {
		margin-bottom: 20px;
	}

	.tc-brand-header-wrapper .tc-brand-header-card {
		padding: 22px 16px 20px;
		border-radius: 20px;
	}

	.tc-brand-header-wrapper .tc-brand-header-inner {
		flex-direction: column;
		text-align: center;
		align-items: center;
		gap: 16px;
	}

	.tc-brand-header-wrapper .tc-brand-logo-container {
		width: 145px;
		height: 88px;
		padding: 10px 14px;
		border-radius: 15px;
	}

	.tc-brand-header-wrapper .tc-brand-details {
		align-items: center;
		text-align: center;
		width: 100%;
		gap: 10px;
	}

	.tc-brand-header-wrapper .tc-brand-badges-row {
		justify-content: center;
		gap: 6px;
	}

	.tc-brand-header-wrapper .tc-brand-title {
		font-size: 1.45rem;
		text-align: center;
	}

	.tc-brand-header-wrapper .tc-brand-description {
		font-size: 12.5px;
		line-height: 1.7;
		text-align: center;
		max-width: 100%;
	}

	.tc-brand-header-wrapper .tc-brand-specs-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		width: 100%;
	}

	.tc-brand-header-wrapper .tc-brand-spec-item {
		justify-content: center;
		padding: 8px 10px;
		font-size: 11px;
	}
}

/* Small Mobile Screens (<= 480px) */
@media (max-width: 480px) {
	.tc-brand-header-wrapper .tc-brand-header-card {
		padding: 18px 12px 16px;
		border-radius: 16px;
	}

	.tc-brand-header-wrapper .tc-brand-logo-container {
		width: 125px;
		height: 76px;
		padding: 8px 12px;
		border-radius: 13px;
	}

	.tc-brand-header-wrapper .tc-brand-title {
		font-size: 1.25rem;
	}

	.tc-brand-header-wrapper .tc-brand-badges-row {
		gap: 5px;
	}

	.tc-brand-header-wrapper .tc-brand-badge {
		font-size: 10.5px;
		padding: 3px 9px;
	}

	.tc-brand-header-wrapper .tc-brand-count-pill {
		font-size: 10px;
		padding: 3px 8px;
	}

	.tc-brand-header-wrapper .tc-brand-description {
		font-size: 12px;
		line-height: 1.65;
	}

	.tc-brand-header-wrapper .tc-brand-specs-grid {
		grid-template-columns: 1fr;
		gap: 6px;
	}

	.tc-brand-header-wrapper .tc-brand-spec-item {
		justify-content: flex-start;
		padding: 7px 12px;
		font-size: 11px;
		white-space: normal;
	}
}

/* Narrowest Mobile (320px - 360px) */
@media (max-width: 360px) {
	.tc-brand-header-wrapper .tc-brand-header-card {
		padding: 14px 10px 14px;
	}

	.tc-brand-header-wrapper .tc-brand-title {
		font-size: 1.15rem;
	}

	.tc-brand-header-wrapper .tc-brand-logo-container {
		width: 110px;
		height: 68px;
	}
}

/* ==========================================================================
   23. Similar Products Row (.tc-similar-products-wrapper)
   ========================================================================== */

.tc-similar-products-wrapper {
	width: 100%;
	margin-top: 32px;
	margin-bottom: 24px;
	box-sizing: border-box;
}

.tc-similar-products-wrapper .tc-similar-card-container {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-top: 3.5px solid var(--tk-gold, #d1a04a);
	border-radius: 22px;
	padding: 24px 26px 22px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.035);
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.tc-similar-products-wrapper .tc-similar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f1f5f9;
}

.tc-similar-products-wrapper .tc-similar-title-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.tc-similar-products-wrapper .tc-similar-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 11px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 800;
	line-height: 1.2;
	background: rgba(209, 160, 74, 0.12);
	color: #94681f;
	border: 1px solid rgba(209, 160, 74, 0.32);
	width: fit-content;
}

.tc-similar-products-wrapper .tc-similar-badge .tk-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.tc-similar-products-wrapper .tc-similar-title {
	font-size: 1.32rem;
	font-weight: 900;
	color: #0f172a;
	margin: 0;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.tc-similar-products-wrapper .tc-similar-hint {
	font-size: 12.5px;
	color: #64748b;
	font-weight: 600;
}

.tc-similar-products-wrapper .tc-similar-track {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	box-sizing: border-box;
}

/* ==========================================================================
   24. Standalone Complementary Products Row (.tc-complementary-products-wrapper)
   ========================================================================== */

.tc-complementary-products-wrapper {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 32px;
	box-sizing: border-box;
}

.tc-complementary-products-wrapper .tc-complementary-card-container {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-top: 3.5px solid #0d9488;
	border-radius: 22px;
	padding: 24px 26px 22px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.035);
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.tc-complementary-products-wrapper .tc-complementary-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid #f1f5f9;
}

.tc-complementary-products-wrapper .tc-complementary-title-group {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.tc-complementary-products-wrapper .tc-complementary-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 800;
	line-height: 1.2;
	background: rgba(13, 148, 136, 0.12);
	color: #0f766e;
	border: 1px solid rgba(13, 148, 136, 0.32);
	width: fit-content;
}

.tc-complementary-products-wrapper .tc-complementary-badge .tk-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.tc-complementary-products-wrapper .tc-complementary-title {
	font-size: 1.32rem;
	font-weight: 900;
	color: #0f172a;
	margin: 0;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.tc-complementary-products-wrapper .tc-complementary-hint {
	font-size: 12.5px;
	color: #64748b;
	font-weight: 600;
}

.tc-complementary-products-wrapper .tc-complementary-track {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	box-sizing: border-box;
}

/* ==========================================================================
   Shared Cards Styling for Similar & Complementary Sections
   ========================================================================== */

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card, .tc-comp-card) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #ffffff;
	border: 1.5px solid #f1f5f9;
	border-radius: 16px;
	padding: 12px;
	box-sizing: border-box;
	transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.26s ease, border-color 0.26s ease;
	position: relative;
}

.tc-similar-products-wrapper .tc-rec-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
	border-color: rgba(209, 160, 74, 0.45);
}

.tc-complementary-products-wrapper .tc-comp-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
	border-color: rgba(13, 148, 136, 0.45);
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__image-link, .tc-comp-card__image-link) {
	text-decoration: none;
	display: block;
	overflow: hidden;
	border-radius: 12px;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__image-box, .tc-comp-card__image-box) {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #f8fafc;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__image-box, .tc-comp-card__image-box) img {
	max-width: 90%;
	max-height: 90%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	transition: transform 0.3s ease;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card, .tc-comp-card):hover :is(.tc-rec-card__image-box, .tc-comp-card__image-box) img {
	transform: scale(1.05);
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__discount-pill, .tc-comp-card__discount-pill) {
	position: absolute;
	top: 8px;
	right: 8px;
	background: #ef4444;
	color: #ffffff;
	font-size: 11px;
	font-weight: 800;
	padding: 2px 7px;
	border-radius: 999px;
	line-height: 1.2;
	box-shadow: 0 2px 6px rgba(239, 68, 68, 0.35);
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__brand-pill, .tc-comp-card__brand-pill) {
	position: absolute;
	bottom: 8px;
	right: 8px;
	background: rgba(15, 23, 42, 0.72);
	color: #ffffff;
	font-size: 10.5px;
	font-weight: 700;
	padding: 2px 7px;
	border-radius: 6px;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	line-height: 1.2;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__content, .tc-comp-card__content) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
	padding-top: 10px;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__title, .tc-comp-card__title) {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	color: #1e293b;
	margin: 0 0 8px;
	min-height: 38px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__title, .tc-comp-card__title) a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.tc-similar-products-wrapper .tc-rec-card__title a:hover {
	color: var(--tk-gold-dark, #b8872f);
}

.tc-complementary-products-wrapper .tc-comp-card__title a:hover {
	color: #0d9488;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__price-row, .tc-comp-card__price-row) {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-bottom: 12px;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__price-old, .tc-comp-card__price-old) {
	font-size: 11.5px;
	color: #94a3b8;
	text-decoration: line-through;
	line-height: 1.2;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__price-current, .tc-comp-card__price-current) {
	font-size: 14.5px;
	font-weight: 900;
	color: #0f172a;
	display: flex;
	align-items: baseline;
	gap: 4px;
	line-height: 1.2;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__price-current, .tc-comp-card__price-current) small {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__actions, .tc-comp-card__actions) {
	margin-top: auto;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-btn, .tc-comp-btn) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 36px;
	padding: 7px 12px;
	border-radius: 11px;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	border: none;
	cursor: pointer;
	box-sizing: border-box;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.tc-similar-products-wrapper .tc-rec-btn--add {
	background: linear-gradient(135deg, #d1a04a 0%, #b8872f 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(209, 160, 74, 0.3) !important;
}

.tc-similar-products-wrapper .tc-rec-btn--add:hover {
	background: linear-gradient(135deg, #dfaf54 0%, #c49134 100%) !important;
	box-shadow: 0 6px 16px rgba(209, 160, 74, 0.45) !important;
	transform: translateY(-1px);
}

.tc-complementary-products-wrapper .tc-comp-btn--add {
	background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 3px 10px rgba(13, 148, 136, 0.3) !important;
}

.tc-complementary-products-wrapper .tc-comp-btn--add:hover {
	background: linear-gradient(135deg, #14b8a6 0%, #115e59 100%) !important;
	box-shadow: 0 6px 16px rgba(13, 148, 136, 0.45) !important;
	transform: translateY(-1px);
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-btn--add, .tc-comp-btn--add):active {
	transform: scale(0.97);
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-btn--add, .tc-comp-btn--add).loading {
	opacity: 0.75;
	pointer-events: none;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-btn--view, .tc-comp-btn--view) {
	background: #f8fafc !important;
	color: #334155 !important;
	border: 1px solid #e2e8f0 !important;
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-btn--view, .tc-comp-btn--view):hover {
	background: #f1f5f9 !important;
	color: #0f172a !important;
	border-color: #cbd5e1 !important;
	transform: translateY(-1px);
}

:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-btn--out-of-stock, .tc-comp-btn--out) {
	background: #f1f5f9;
	color: #94a3b8;
	cursor: not-allowed;
	font-weight: 700;
}

/* ==========================================================================
   Responsive Adaptations (Tablet & Mobile)
   ========================================================================== */

@media (max-width: 768px) {
	.tc-similar-products-wrapper,
	.tc-complementary-products-wrapper {
		margin-top: 18px;
		margin-bottom: 20px;
	}

	.tc-similar-products-wrapper .tc-similar-card-container,
	.tc-complementary-products-wrapper .tc-complementary-card-container {
		padding: 18px 16px 16px;
		border-radius: 18px;
	}

	.tc-similar-products-wrapper .tc-similar-header,
	.tc-complementary-products-wrapper .tc-complementary-header {
		margin-bottom: 14px;
		padding-bottom: 10px;
	}

	.tc-similar-products-wrapper .tc-similar-title,
	.tc-complementary-products-wrapper .tc-complementary-title {
		font-size: 1.15rem;
	}

	.tc-similar-products-wrapper .tc-similar-hint,
	.tc-complementary-products-wrapper .tc-complementary-hint {
		font-size: 11.5px;
	}

	/* Swipeable horizontal touch scrollable track / 2 items in viewport */
	.tc-similar-products-wrapper .tc-similar-track,
	.tc-complementary-products-wrapper .tc-complementary-track {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		-webkit-overflow-scrolling: touch !important;
		scroll-behavior: smooth !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		gap: 12px !important;
		padding-bottom: 8px !important;
		margin-inline: -12px !important;
		padding-inline: 12px !important;
	}

	.tc-similar-products-wrapper .tc-similar-track::-webkit-scrollbar,
	.tc-complementary-products-wrapper .tc-complementary-track::-webkit-scrollbar {
		display: none !important;
	}

	:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card, .tc-comp-card) {
		flex: 0 0 178px !important;
		width: 178px !important;
		min-width: 178px !important;
		scroll-snap-align: start !important;
		padding: 10px !important;
		border-radius: 14px !important;
	}

	:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__title, .tc-comp-card__title) {
		font-size: 12px !important;
		min-height: 34px !important;
		margin-bottom: 6px !important;
	}

	:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__price-current, .tc-comp-card__price-current) {
		font-size: 13.5px !important;
	}

	:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-btn, .tc-comp-btn) {
		min-height: 33px !important;
		font-size: 11.5px !important;
		padding: 5px 8px !important;
	}
}

/* Narrowest Mobile Screens (320px - 360px) */
@media (max-width: 360px) {
	.tc-similar-products-wrapper .tc-similar-card-container,
	.tc-complementary-products-wrapper .tc-complementary-card-container {
		padding: 14px 10px 12px !important;
		border-radius: 14px !important;
	}

	.tc-similar-products-wrapper .tc-similar-title,
	.tc-complementary-products-wrapper .tc-complementary-title {
		font-size: 1.05rem !important;
	}

	:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card, .tc-comp-card) {
		flex: 0 0 152px !important;
		width: 152px !important;
		min-width: 152px !important;
		padding: 8px !important;
	}

	:is(.tc-similar-products-wrapper, .tc-complementary-products-wrapper) :is(.tc-rec-card__title, .tc-comp-card__title) {
		font-size: 11.5px !important;
	}
}

/* ==========================================================================
   UNIFIED MASTER PRODUCT CARD (.tc-product-card)
   High-density, RTL-first, responsive WooCommerce & Slider Product Card
   ========================================================================== */

/* 1. Unstyle the wrapper inside WooCommerce loops to avoid double-borders */
body.tak-center-site :where(ul.products li.product.tc-product-card-wrapper, .woocommerce ul.products li.product.tc-product-card-wrapper) {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
	transform: none !important;
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	margin: 0 !important;
}

body.tak-center-site :where(ul.products li.product.tc-product-card-wrapper, .woocommerce ul.products li.product.tc-product-card-wrapper):hover {
	box-shadow: none !important;
	border-color: transparent !important;
	transform: none !important;
}

/* 2. Master Card Base Structure */
body.tak-center-site ul.products li.tc-product-card-wrapper,
body.tak-center-site .woocommerce ul.products li.product.tc-product-card-wrapper,
body.tak-center-site.woocommerce ul.products li.product.tc-product-card-wrapper,
ul.products li.tc-product-card-wrapper {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

.tc-product-card {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0 !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;
	position: relative !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s ease !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
	direction: rtl !important;
	text-align: right !important;
}

.tc-product-card:hover {
	transform: translateY(-4px) !important;
	border-color: #cbd5e1 !important;
	box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.1), 0 4px 8px -2px rgba(15, 23, 42, 0.04) !important;
}

/* Out of stock card styling */
.tc-product-card.is-out-of-stock {
	opacity: 0.9;
}
.tc-product-card.is-out-of-stock .tc-product-card__media-link img {
	filter: grayscale(25%);
}

/* 3. Media & Badges */
.tc-product-card__media {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	overflow: hidden !important;
	background: #f8fafc !important;
	border-bottom: 1px solid #f1f5f9 !important;
	border-radius: 13px 13px 0 0 !important;
}

.tc-product-card__media-link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	text-decoration: none !important;
}

.tc-product-card__img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	padding: 12px !important;
	box-sizing: border-box !important;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tc-product-card:hover .tc-product-card__img:not(.tc-product-card__img--placeholder) {
	transform: scale(1.05) !important;
}

.tc-product-card__badges {
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	left: 8px !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 6px !important;
	pointer-events: none !important;
	z-index: 2 !important;
}

.tc-product-card__rank-badge {
	background: #0f172a !important;
	color: #f8fafc !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	min-width: 24px !important;
	height: 24px !important;
	padding: 0 4px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 6px !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.tc-product-card__badge-discount {
	background: linear-gradient(135deg, #ef4444, #dc2626) !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	padding: 3px 8px !important;
	border-radius: 6px !important;
	box-shadow: 0 2px 6px rgba(220, 38, 38, 0.3) !important;
	line-height: 1.3 !important;
}

.tc-product-card__stock-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	padding: 3px 7px !important;
	border-radius: 6px !important;
	backdrop-filter: blur(6px) !important;
	line-height: 1.2 !important;
}

.tc-product-card__stock-chip.is-in-stock {
	background: rgba(240, 253, 244, 0.95) !important;
	color: #15803d !important;
	border: 1px solid rgba(187, 247, 208, 0.9) !important;
}

.tc-product-card__stock-chip.is-out-of-stock {
	background: rgba(254, 242, 242, 0.95) !important;
	color: #b91c1c !important;
	border: 1px solid rgba(254, 202, 202, 0.9) !important;
}

.tc-product-card__stock-dot {
	width: 6px !important;
	height: 6px !important;
	border-radius: 50% !important;
	flex-shrink: 0 !important;
}

.tc-product-card__stock-chip.is-in-stock .tc-product-card__stock-dot {
	background-color: #22c55e !important;
}

.tc-product-card__stock-chip.is-out-of-stock .tc-product-card__stock-dot {
	background-color: #ef4444 !important;
}

/* 4. Card Body */
.tc-product-card__body {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	padding: 12px 14px 14px !important;
	box-sizing: border-box !important;
}

/* Brand Row */
.tc-product-card__brand {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin-bottom: 6px !important;
	min-height: 22px !important;
}

.tc-product-card__brand-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: #64748b !important;
	text-decoration: none !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	max-width: 100% !important;
	transition: color 0.15s ease !important;
}

.tc-product-card__brand-link:hover {
	color: #0f172a !important;
}

.tc-product-card__brand-logo {
	height: 22px !important;
	width: auto !important;
	max-width: 65px !important;
	object-fit: contain !important;
	flex-shrink: 0 !important;
}

.tc-product-card__brand-name {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: #64748b !important;
}

/* Title */
.tc-product-card__title {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	color: #0f172a !important;
	margin: 0 0 8px 0 !important;
	min-height: 40px !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.tc-product-card__title-link {
	color: inherit !important;
	text-decoration: none !important;
	transition: color 0.15s ease !important;
}

.tc-product-card__title-link:hover {
	color: #d97706 !important;
}

/* Specs Chips */
.tc-product-card__specs {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 4px !important;
	margin-bottom: 8px !important;
}

.tc-product-card__spec-chip {
	display: inline-flex !important;
	align-items: center !important;
	font-size: 10.5px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	background: #f1f5f9 !important;
	padding: 2px 7px !important;
	border-radius: 5px !important;
	border: 1px solid #e2e8f0 !important;
	line-height: 1.3 !important;
}

/* Wholesale MOQ Notice */
.tc-product-card__wholesale-moq {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #0369a1 !important;
	background: #f0f9ff !important;
	border: 1px dashed #bae6fd !important;
	padding: 4px 8px !important;
	border-radius: 6px !important;
	margin-bottom: 8px !important;
	line-height: 1.3 !important;
}

.tc-product-card__moq-icon {
	flex-shrink: 0 !important;
	color: #0284c7 !important;
}

/* Deal Urgency Progress Bar */
.tc-product-card__deal-progress {
	margin-bottom: 8px !important;
}

.tc-product-card__deal-track {
	height: 6px !important;
	background: #fee2e2 !important;
	border-radius: 999px !important;
	overflow: hidden !important;
	margin-bottom: 4px !important;
}

.tc-product-card__deal-fill {
	height: 100% !important;
	background: linear-gradient(90deg, #ef4444, #f97316) !important;
	border-radius: 999px !important;
}

.tc-product-card__deal-label {
	font-size: 10.5px !important;
	font-weight: 700 !important;
	color: #b91c1c !important;
	display: flex !important;
	justify-content: flex-end !important;
}

/* 5. Footer & Equal Alignment */
.tc-product-card__footer {
	margin-top: auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	padding-top: 10px !important;
	border-top: 1px dashed #f1f5f9 !important;
}

/* Price Box */
.tc-product-card__price-box {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2px !important;
	min-height: 42px !important;
	justify-content: flex-end !important;
}

.tc-product-card__price-del-wrap {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	line-height: 1 !important;
}

.tc-product-card__price-del {
	font-size: 12px !important;
	color: #94a3b8 !important;
	text-decoration: line-through !important;
}

.tc-product-card__price-discount-tag {
	font-size: 10px !important;
	font-weight: 800 !important;
	color: #ef4444 !important;
	background: #fee2e2 !important;
	padding: 1px 5px !important;
	border-radius: 4px !important;
}

.tc-product-card__price-ins-wrap ins.tc-product-card__price-ins {
	text-decoration: none !important;
	color: #0f172a !important;
	display: flex !important;
	align-items: baseline !important;
	gap: 4px !important;
	line-height: 1.2 !important;
}

.tc-product-card__price-ins-wrap ins.tc-product-card__price-ins strong {
	font-size: 16px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
}

.tc-product-card__price-ins-wrap .tc-currency {
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: #64748b !important;
}

.tc-product-card__price-call {
	font-size: 13.5px !important;
	font-weight: 700 !important;
	color: #0284c7 !important;
}

/* Primary Action Button (AJAX Add to Cart / View Options / Disabled) */
.tc-product-card__action {
	width: 100% !important;
}

body.tak-center-site .tc-product-card .tc-product-card__btn-cart,
.tc-product-card__btn-cart {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	width: 100% !important;
	min-height: 40px !important;
	padding: 8px 12px !important;
	font-size: 12.5px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, #d97706, #b45309) !important;
	border: 1px solid #b45309 !important;
	border-radius: 9px !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	box-sizing: border-box !important;
	text-align: center !important;
	line-height: 1.2 !important;
	box-shadow: 0 2px 4px rgba(217, 119, 6, 0.2) !important;
	font-family: inherit !important;
}

.tc-product-card__btn-cart:hover {
	background: linear-gradient(135deg, #b45309, #92400e) !important;
	border-color: #92400e !important;
	box-shadow: 0 4px 10px rgba(180, 83, 9, 0.3) !important;
	transform: translateY(-1px) !important;
	color: #ffffff !important;
}

.tc-product-card__btn-cart:active {
	transform: translateY(0) !important;
	box-shadow: 0 1px 2px rgba(180, 83, 9, 0.2) !important;
}

/* Variable / Select Product Button Variant */
.tc-product-card__btn-cart--select {
	background: linear-gradient(135deg, #0284c7, #0369a1) !important;
	border-color: #0369a1 !important;
	box-shadow: 0 2px 4px rgba(2, 132, 199, 0.2) !important;
}

.tc-product-card__btn-cart--select:hover {
	background: linear-gradient(135deg, #0369a1, #075985) !important;
	border-color: #075985 !important;
	box-shadow: 0 4px 10px rgba(2, 132, 199, 0.3) !important;
}

/* Out of Stock Disabled Button */
.tc-product-card__btn-cart--disabled {
	background: #f1f5f9 !important;
	color: #94a3b8 !important;
	border-color: #e2e8f0 !important;
	cursor: not-allowed !important;
	box-shadow: none !important;
	transform: none !important;
}

.tc-product-card__cart-icon {
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
	stroke: currentColor !important;
}

/* WooCommerce Added / Loading States */
@keyframes tc-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

@keyframes tc-pop-in {
	0% { transform: scale(0.6); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}

@keyframes tk-badge-pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.35); }
	100% { transform: scale(1); }
}

.tk-badge-pulse {
	animation: tk-badge-pulse 0.35s ease-out !important;
}

.tc-product-card__spinner {
	display: inline-block !important;
	width: 15px !important;
	height: 15px !important;
	border: 2px solid rgba(255, 255, 255, 0.35) !important;
	border-top-color: #ffffff !important;
	border-radius: 50% !important;
	animation: tc-spin 0.65s linear infinite !important;
	flex-shrink: 0 !important;
}

.tc-product-card__btn-cart.is-loading .tc-product-card__cart-icon,
.tc-product-card__btn-cart.loading .tc-product-card__cart-icon {
	display: none !important;
}

.tc-product-card__check-icon {
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
	stroke: currentColor !important;
	animation: tc-pop-in 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

body.tak-center-site .tc-product-card .tc-product-card__btn-cart.is-loading,
body.tak-center-site .tc-product-card .tc-product-card__btn-cart.loading,
body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart.is-loading,
body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart.loading,
.tc-product-card__btn-cart.is-loading,
.tc-product-card__btn-cart.loading {
	opacity: 0.9 !important;
	pointer-events: none !important;
	cursor: wait !important;
	background: linear-gradient(135deg, #b45309, #92400e) !important;
	border-color: #92400e !important;
	color: #ffffff !important;
	box-shadow: 0 2px 6px rgba(180, 83, 9, 0.25) !important;
}

body.tak-center-site .tc-product-card .tc-product-card__btn-cart.is-added,
body.tak-center-site .tc-product-card .tc-product-card__btn-cart.added,
body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart.is-added,
body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart.added,
.tc-product-card__btn-cart.is-added,
.tc-product-card__btn-cart.added {
	background: linear-gradient(135deg, #10b981, #059669) !important;
	border-color: #059669 !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}

body.tak-center-site .tc-product-card .tc-product-card__btn-cart.is-added:hover,
body.tak-center-site .tc-product-card .tc-product-card__btn-cart.added:hover,
.tc-product-card__btn-cart.is-added:hover,
.tc-product-card__btn-cart.added:hover {
	background: linear-gradient(135deg, #059669, #047857) !important;
	border-color: #047857 !important;
	color: #ffffff !important;
	transform: translateY(-1px) !important;
}

/* 6. Slider / Carousel Track Integration & Uniform Height */
.tk-products.tk-products--special-row {
	display: flex !important;
	align-items: stretch !important;
}

.tk-products.tk-products--special-row .tc-product-card-wrapper {
	display: flex !important;
	flex-direction: column !important;
	height: auto !important;
	align-self: stretch !important;
	flex: 0 0 230px !important;
	min-width: 230px !important;
	max-width: 230px !important;
	width: 230px !important;
	scroll-snap-align: start !important;
}

.tk-products.tk-products--special-row .tc-product-card-wrapper .tc-product-card,
.tk-products.tk-products--special-row > .tc-product-card {
	flex: 0 0 230px !important;
	min-width: 230px !important;
	max-width: 230px !important;
	width: 230px !important;
	height: 100% !important;
	align-self: stretch !important;
	scroll-snap-align: start !important;
}

/* Base Responsive Text Modifiers */
.tc-discount-full { display: inline !important; }
.tc-discount-short { display: none !important; }
.tc-moq-full { display: inline !important; }
.tc-moq-short { display: none !important; }
.tc-btn-text--full { display: inline !important; }
.tc-btn-text--short { display: none !important; }

.tc-product-card__btn-cart {
	white-space: nowrap !important;
}

.tc-product-card__btn-text {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

/* 7. Tablet Layout Rules (641px - 1024px) */
@media (max-width: 1024px) and (min-width: 641px) {
	/* Shop Grid: 3 columns on tablet */
	body.tak-center-site .woocommerce ul.products,
	body.tak-center-site.woocommerce ul.products,
	body.tak-center-site .tk-shop-content ul.products,
	body.tak-center-site .tk-shop-layout ul.products {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 12px !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	body.tak-center-site .woocommerce ul.products li.product,
	body.tak-center-site.woocommerce ul.products li.product,
	body.tak-center-site .woocommerce ul.products li.tc-product-card-wrapper {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.tc-product-card__body {
		padding: 10px 10px 12px !important;
	}

	.tc-product-card__title {
		font-size: 13px !important;
		min-height: 38px !important;
		line-height: 1.45 !important;
		margin-bottom: 6px !important;
	}

	body.tak-center-site .tc-product-card .tc-product-card__btn-cart,
	body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart,
	.tc-product-card__btn-cart {
		min-height: 38px !important;
		font-size: 11px !important;
		padding-inline: 6px !important;
		padding-block: 6px !important;
		gap: 5px !important;
		white-space: nowrap !important;
	}

	.tc-product-card__price-ins-wrap ins.tc-product-card__price-ins strong {
		font-size: 15px !important;
	}

	.tc-discount-full { display: none !important; }
	.tc-discount-short { display: inline !important; }
	.tc-moq-full { display: none !important; }
	.tc-moq-short { display: inline !important; }
	.tc-btn-text--full { display: none !important; }
	.tc-btn-text--short { display: inline !important; }
	.tc-product-card__spec-chip:nth-child(n+3) { display: none !important; }

	/* Slider Cards on Tablet: uniform stretch height */
	.tk-products.tk-products--special-row .tc-product-card-wrapper,
	.tk-products.tk-products--special-row > .tc-product-card {
		flex: 0 0 min(215px, 32vw) !important;
		min-width: min(215px, 32vw) !important;
		max-width: min(215px, 32vw) !important;
		width: min(215px, 32vw) !important;
	}
}

/* 8. Mobile & Responsive Layout Rules (<= 640px) */
@media (max-width: 640px) {
	/* Shop Grid Strictly 2 Columns */
	body.tak-center-site .woocommerce ul.products,
	body.tak-center-site.woocommerce ul.products,
	body.tak-center-site .tk-shop-content ul.products,
	body.tak-center-site .tk-shop-layout ul.products {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	body.tak-center-site .woocommerce ul.products li.product,
	body.tak-center-site.woocommerce ul.products li.product,
	body.tak-center-site .woocommerce ul.products li.tc-product-card-wrapper {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	/* Card Adjustments on Mobile */
	.tc-product-card {
		border-radius: 12px !important;
	}

	.tc-product-card__media {
		border-radius: 11px 11px 0 0 !important;
	}

	.tc-product-card__badges {
		top: 6px !important;
		right: 6px !important;
		left: 6px !important;
		gap: 4px !important;
		flex-wrap: nowrap !important;
	}

	.tc-discount-full { display: none !important; }
	.tc-discount-short { display: inline !important; }
	.tc-moq-full { display: none !important; }
	.tc-moq-short { display: inline !important; }
	.tc-btn-text--full { display: none !important; }
	.tc-btn-text--short { display: inline !important; }

	.tc-product-card__badge-discount {
		font-size: 10.5px !important;
		padding: 2px 6px !important;
		line-height: 1.2 !important;
	}

	.tc-product-card__stock-chip {
		font-size: 10px !important;
		padding: 2px 6px !important;
		white-space: nowrap !important;
		line-height: 1.2 !important;
	}

	.tc-product-card__rank-badge {
		min-width: 20px !important;
		height: 20px !important;
		font-size: 10px !important;
		padding: 0 3px !important;
	}

	.tc-product-card__body {
		padding: 10px !important;
	}

	.tc-product-card__brand {
		margin-bottom: 4px !important;
		min-height: 20px !important;
	}

	.tc-product-card__brand-logo {
		height: 18px !important;
		max-width: 50px !important;
	}

	.tc-product-card__brand-name {
		font-size: 11px !important;
	}

	.tc-product-card__title {
		font-size: 12.5px !important;
		min-height: 36px !important;
		line-height: 1.45 !important;
		margin-bottom: 6px !important;
	}

	/* Specs: limit to 2 chips max in single line on mobile */
	.tc-product-card__specs {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 4px !important;
		margin-bottom: 6px !important;
		max-height: 24px !important;
		overflow: hidden !important;
	}

	.tc-product-card__spec-chip {
		font-size: 10px !important;
		padding: 2px 6px !important;
		white-space: nowrap !important;
	}

	.tc-product-card__spec-chip:nth-child(n+3) {
		display: none !important;
	}

	.tc-product-card__wholesale-moq {
		font-size: 10px !important;
		padding: 3px 6px !important;
		margin-bottom: 6px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.tc-product-card__footer {
		gap: 8px !important;
		padding-top: 8px !important;
	}

	.tc-product-card__price-box {
		min-height: 38px !important;
		gap: 2px !important;
	}

	.tc-product-card__price-del {
		font-size: 11.5px !important;
	}

	.tc-product-card__price-discount-tag {
		font-size: 9.5px !important;
		padding: 1px 4px !important;
	}

	.tc-product-card__price-ins-wrap ins.tc-product-card__price-ins strong {
		font-size: 14.5px !important;
	}

	.tc-product-card__price-ins-wrap .tc-currency {
		font-size: 10.5px !important;
	}

	body.tak-center-site .tc-product-card .tc-product-card__btn-cart,
	body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart,
	.tc-product-card__btn-cart {
		min-height: 38px !important;
		font-size: 11.5px !important;
		padding-inline: 8px !important;
		padding-block: 6px !important;
		gap: 5px !important;
		white-space: nowrap !important;
	}

	.tc-product-card__cart-icon {
		width: 15px !important;
		height: 15px !important;
	}

	/* Slider Cards on Mobile: show ~2 cards + preview with uniform stretch height */
	.tk-products.tk-products--special-row .tc-product-card-wrapper,
	.tk-products.tk-products--special-row > .tc-product-card {
		flex: 0 0 min(195px, 46vw) !important;
		min-width: min(195px, 46vw) !important;
		max-width: min(195px, 46vw) !important;
		width: min(195px, 46vw) !important;
	}
}

/* 9. Compact Mobile Rules (<= 480px) */
@media (max-width: 480px) {
	body.tak-center-site .woocommerce ul.products,
	body.tak-center-site.woocommerce ul.products,
	body.tak-center-site .tk-shop-content ul.products,
	body.tak-center-site .tk-shop-layout ul.products {
		gap: 8px !important;
	}

	.tc-product-card__body {
		padding: 8px 8px 10px !important;
	}

	.tc-product-card__title {
		font-size: 12px !important;
		min-height: 34px !important;
		line-height: 1.4 !important;
		margin-bottom: 5px !important;
	}

	.tc-product-card__brand {
		margin-bottom: 4px !important;
		min-height: 18px !important;
	}

	.tc-product-card__brand-logo {
		height: 16px !important;
		max-width: 45px !important;
	}

	.tc-product-card__brand-name {
		font-size: 10.5px !important;
	}

	.tc-product-card__spec-chip {
		font-size: 9.5px !important;
		padding: 1px 5px !important;
	}

	.tc-product-card__wholesale-moq {
		font-size: 9.5px !important;
		padding: 2px 5px !important;
	}

	.tc-product-card__price-ins-wrap ins.tc-product-card__price-ins strong {
		font-size: 13.5px !important;
	}

	body.tak-center-site .tc-product-card .tc-product-card__btn-cart,
	body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart,
	.tc-product-card__btn-cart {
		min-height: 36px !important;
		font-size: 11px !important;
		padding-inline: 6px !important;
		padding-block: 6px !important;
		gap: 4px !important;
		white-space: nowrap !important;
	}

	.tc-product-card__cart-icon {
		width: 14px !important;
		height: 14px !important;
	}

	.tk-products.tk-products--special-row .tc-product-card-wrapper,
	.tk-products.tk-products--special-row > .tc-product-card {
		flex: 0 0 min(172px, 47vw) !important;
		min-width: min(172px, 47vw) !important;
		max-width: min(172px, 47vw) !important;
		width: min(172px, 47vw) !important;
	}
}

/* 10. Extra Small Mobile Rules (<= 360px) */
@media (max-width: 360px) {
	body.tak-center-site .woocommerce ul.products,
	body.tak-center-site.woocommerce ul.products,
	body.tak-center-site .tk-shop-content ul.products,
	body.tak-center-site .tk-shop-layout ul.products {
		gap: 6px !important;
	}

	.tc-product-card__body {
		padding: 6px 6px 8px !important;
	}

	.tc-product-card__title {
		font-size: 11.5px !important;
		min-height: 32px !important;
		line-height: 1.35 !important;
	}

	body.tak-center-site .tc-product-card .tc-product-card__btn-cart,
	body.tak-center-site.woocommerce ul.products li.product .tc-product-card__btn-cart,
	.tc-product-card__btn-cart {
		min-height: 34px !important;
		font-size: 10.5px !important;
		padding-inline: 4px !important;
		padding-block: 5px !important;
		gap: 3px !important;
		white-space: nowrap !important;
	}

	.tc-product-card__price-ins-wrap ins.tc-product-card__price-ins strong {
		font-size: 13px !important;
	}

	.tk-products.tk-products--special-row .tc-product-card-wrapper,
	.tk-products.tk-products--special-row > .tc-product-card {
		flex: 0 0 156px !important;
		min-width: 156px !important;
		max-width: 156px !important;
		width: 156px !important;
	}
}









/* --------------------------------------------------------------------------
   Global RTL Timer Ordering: Seconds -> Minutes -> Hours -> Days
   -------------------------------------------------------------------------- */
body.tak-center-site .tk-countdown-timer,
body.tak-center-site .tk-countdown-timer--pill,
body.tak-center-site .tk-deal-countdown-box .tk-countdown-timer,
body.tak-center-site .tk-daily-special-bar__lead .tk-countdown-timer,
body.tak-page-special-offers .tk-countdown-timer {
	direction: rtl !important;
}