/**
 * Tom Luxury — Trang chi tiet san pham (plan §28.3) + chi tiet du an (§28.5).
 * -----------------------------------------------------------------------------
 * Moi rule deu duoc gioi han trong body.tl-product-single de khong anh huong
 * trang khac. Chi dung bien trong tokens.css — KHONG viet ma mau truc tiep.
 *
 * Cau truc:
 *   1. Khung trang + breadcrumb
 *   2. Gallery (co che san co cua Woo/Flatsome — chi restyle)
 *   3. Cot thong tin: tieu de, gia, mo ta ngan
 *   4. Khoi thong tin cong trinh
 *   5. Nut CTA + khoi cam ket
 *   6. Form them vao gio + meta + chia se
 *   7. Bang thong so ky thuat
 *   8. Tab mo ta
 *   9. San pham lien quan
 *  10. CTA + form lien he cuoi trang
 *  11. Sidebar
 *  12. Responsive
 * -----------------------------------------------------------------------------
 */

/* =============================================================================
 * 1. KHUNG TRANG + BREADCRUMB
 * ========================================================================== */
.tl-product-single .product-page-title {
	padding-top: var(--space-md);
	padding-bottom: var(--space-md);
	background-color: var(--color-background);
	border-bottom: var(--rule-w) solid var(--color-border);
}

.tl-product-single .product-page-title .page-title-inner {
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.tl-product-single .woocommerce-breadcrumb {
	font-family: var(--font-body);
	font-size: var(--font-size-xs);
	font-weight: var(--weight-medium);
	letter-spacing: var(--tracking-wide);
	line-height: var(--leading-base);
	text-transform: uppercase;
	color: var(--color-muted);
}

.tl-product-single .woocommerce-breadcrumb a {
	color: var(--color-muted);
	text-decoration: none;
	transition: color var(--dur-fast) var(--ease);
}

.tl-product-single .woocommerce-breadcrumb a:hover,
.tl-product-single .woocommerce-breadcrumb a:focus-visible {
	color: var(--color-luxury-gold);
}

.tl-product-single .woocommerce-breadcrumb .divider {
	margin: 0 var(--space-2xs);
	color: var(--color-gold-line);
}

.tl-product-single .product-main {
	padding-top: var(--space-xl);
}

/* Khoang cach giua hai cot */
@media (min-width: 850px) {

	.tl-product-single .product-main > .row > .product-info {
		padding-left: var(--space-xl);
	}
}

/* =============================================================================
 * 2. GALLERY — chi restyle, KHONG thay co che
 * ========================================================================== */
.tl-product-single .product-gallery .product-images {
	margin-bottom: var(--space-sm);
}

.tl-product-single .woocommerce-product-gallery__image img,
.tl-product-single .woocommerce-product-gallery__image--placeholder img {
	border-radius: var(--radius-md);
}

.tl-product-single .woocommerce-product-gallery__image a {
	display: block;
	border-radius: var(--radius-md);
}

.tl-product-single .woocommerce-product-gallery__image a:focus-visible {
	outline: var(--focus-w) solid var(--color-focus);
	outline-offset: var(--focus-offset);
}

/* Mui ten cua slider anh chinh */
.tl-product-single .product-images .flickity-prev-next-button {
	width: var(--tap-target);
	height: var(--tap-target);
	background-color: var(--color-surface);
	border: var(--rule-w) solid var(--color-border);
	border-radius: var(--radius-pill);
	box-shadow: var(--shadow-card);
	color: var(--color-primary);
	opacity: 1;
}

.tl-product-single .product-images .flickity-prev-next-button:hover,
.tl-product-single .product-images .flickity-prev-next-button:focus-visible {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-on-dark);
}

/* Hang thumbnail ngang */
.tl-product-single .product-thumbnails {
	margin-top: var(--space-2xs);
}

.tl-product-single .product-thumbnails .col {
	padding-bottom: 0;
}

.tl-product-single .product-thumbnails .col > a {
	display: block;
	overflow: hidden;
	border: var(--rule-w) solid var(--color-border);
	border-radius: var(--radius-sm);
	background-color: var(--color-shade);
	cursor: pointer;
	transition: border-color var(--dur-fast) var(--ease),
		box-shadow var(--dur-fast) var(--ease);
}

/* Anh thumbnail thieu thuoc tinh height trong template cha -> giu ti le bang CSS */
.tl-product-single .product-thumbnails .col > a img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 0;
}

.tl-product-single .product-thumbnails .col > a:hover {
	border-color: var(--color-gold-line);
}

.tl-product-single .product-thumbnails .col.is-nav-selected > a {
	border-color: var(--color-luxury-gold);
	box-shadow: 0 0 0 var(--rule-w) var(--color-luxury-gold) inset;
}

/* =============================================================================
 * 3. COT THONG TIN: TIEU DE / GIA / MO TA NGAN
 * ========================================================================== */
.tl-product-single .product-info > * + * {
	margin-top: var(--space-sm);
}

.tl-product-single h1.product-title,
.tl-product-single .product-info .product_title {
	margin: 0;
	font-family: var(--font-heading);
	font-size: var(--font-size-h2);
	font-weight: var(--weight-medium);
	line-height: var(--leading-snug);
	letter-spacing: var(--tracking-tight);
	text-transform: none;
	color: var(--color-primary);
}

.tl-product-single .product-info .is-divider {
	width: 64px;
	height: var(--rule-w);
	max-width: 64px;
	margin: var(--space-sm) 0;
	background-color: var(--color-luxury-gold);
	opacity: 1;
}

.tl-product-single .tl-ps-price-wrapper {
	margin: 0;
}

.tl-product-single .tl-ps-price {
	margin: 0;
	font-family: var(--font-heading);
	font-size: var(--font-size-3xl);
	font-weight: var(--weight-semibold);
	line-height: var(--leading-tight);
	color: var(--color-luxury-gold);
}

.tl-product-single .tl-ps-price .amount,
.tl-product-single .tl-ps-price span.amount,
.tl-product-single .tl-ps-price bdi {
	font-family: var(--font-heading);
	font-size: inherit;
	color: var(--color-luxury-gold);
}

.tl-product-single .tl-ps-price del,
.tl-product-single .tl-ps-price del .amount,
.tl-product-single .tl-ps-price del span.amount {
	font-size: var(--font-size-lg);
	color: var(--color-muted);
	opacity: 1;
}

.tl-product-single .product-short-description {
	font-family: var(--font-body);
	font-size: var(--font-size-base);
	line-height: var(--leading-base);
	color: var(--color-text);
}

.tl-product-single .product-short-description p:last-child {
	margin-bottom: 0;
}

/* =============================================================================
 * 4. THONG TIN CONG TRINH (plan §28.5) — chi truong co du lieu
 * ========================================================================== */
.tl-ps-facts {
	padding: var(--space-md);
	background-color: var(--color-gold-soft);
	border-radius: var(--radius-md);
}

.tl-ps-facts__title {
	margin: 0 0 var(--space-xs);
	font-family: var(--font-body);
	font-size: var(--font-size-xs);
	font-weight: var(--weight-semibold);
	letter-spacing: var(--tracking-wider);
	line-height: var(--leading-base);
	text-transform: uppercase;
	color: var(--color-luxury-gold);
}

.tl-ps-facts__list {
	display: grid;
	gap: var(--space-xs) var(--space-md);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

.tl-ps-facts__item {
	min-width: 0;
}

.tl-ps-facts__label {
	margin: 0;
	font-family: var(--font-body);
	font-size: var(--font-size-xs);
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
	color: var(--color-muted);
}

.tl-ps-facts__value {
	margin: var(--space-3xs) 0 0;
	font-family: var(--font-heading);
	font-size: var(--font-size-lg);
	font-weight: var(--weight-medium);
	line-height: var(--leading-snug);
	color: var(--color-primary);
	overflow-wrap: anywhere;
}

/* =============================================================================
 * 5. CTA + KHOI CAM KET
 * ========================================================================== */
.tl-ps-cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-xs);
}

.tl-ps-cta .tl-btn {
	flex: 1 1 200px;
}

.tl-ps-commit {
	padding-top: var(--space-sm);
	border-top: var(--rule-w) solid var(--color-border);
}

.tl-ps-commit__title {
	margin: 0 0 var(--space-xs);
	font-family: var(--font-body);
	font-size: var(--font-size-xs);
	font-weight: var(--weight-semibold);
	letter-spacing: var(--tracking-wider);
	line-height: var(--leading-base);
	text-transform: uppercase;
	color: var(--color-muted);
}

.tl-ps-commit__list {
	display: flex;
	flex-direction: column;
	gap: var(--space-xs);
	margin: 0;
	padding: 0;
	list-style: none;
}

.tl-ps-commit__item {
	display: flex;
	align-items: flex-start;
	gap: var(--space-2xs);
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	line-height: var(--leading-base);
	color: var(--color-text);
}

/* <span> la inline: bat buoc doi sang flex de SVG khong phinh full width */
.tl-ps-commit__icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background-color: var(--color-gold-soft);
	border-radius: var(--radius-pill);
	color: var(--color-luxury-gold);
}

.tl-ps-commit__text {
	padding-top: var(--space-3xs);
}

/* =============================================================================
 * 6. FORM THEM VAO GIO + META + CHIA SE
 * ========================================================================== */
.tl-product-single .product-info form.cart {
	margin-bottom: 0;
}

.tl-product-single .product_meta {
	padding-top: var(--space-sm);
	border-top: var(--rule-w) solid var(--color-border);
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	line-height: var(--leading-base);
	color: var(--color-muted);
}

.tl-product-single .product_meta a {
	color: var(--color-text);
	text-decoration: none;
	transition: color var(--dur-fast) var(--ease);
}

.tl-product-single .product_meta a:hover,
.tl-product-single .product_meta a:focus-visible {
	color: var(--color-luxury-gold);
}

.tl-product-single .product-info .social-icons {
	padding-top: var(--space-2xs);
}

/* =============================================================================
 * 7. BANG THONG SO KY THUAT
 * ========================================================================== */
.tl-ps-specs {
	margin-top: var(--space-xl);
	margin-bottom: var(--space-xl);
}

.tl-ps-specs__title {
	margin: 0 0 var(--space-md);
	font-family: var(--font-heading);
	font-size: var(--font-size-h3);
	font-weight: var(--weight-medium);
	line-height: var(--leading-snug);
	letter-spacing: var(--tracking-tight);
	text-transform: none;
	color: var(--color-primary);
}

/* Vung cuon ngang dung chung cho bang thong so va bang trong mo ta */
.tl-ps-scroll {
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
}

.tl-ps-scroll:focus-visible {
	outline: var(--focus-w) solid var(--color-focus);
	outline-offset: var(--focus-offset);
}

.tl-product-single table.tl-ps-table {
	width: 100%;
	min-width: 320px;
	margin: 0;
	border-collapse: collapse;
	border: var(--rule-w) solid var(--color-border);
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	text-align: left;
}

.tl-product-single table.tl-ps-table th,
.tl-product-single table.tl-ps-table td {
	padding: var(--space-xs) var(--space-md);
	border: var(--rule-w) solid var(--color-border);
	line-height: var(--leading-base);
	vertical-align: top;
}

.tl-product-single table.tl-ps-table th {
	width: 38%;
	background-color: var(--color-background);
	font-weight: var(--weight-semibold);
	letter-spacing: var(--tracking-wide);
	color: var(--color-primary);
}

.tl-product-single table.tl-ps-table td {
	background-color: var(--color-surface);
	color: var(--color-text);
}

/* =============================================================================
 * 8. TAB MO TA
 * ========================================================================== */
.tl-product-single .woocommerce-tabs {
	padding-top: var(--space-lg);
	border-top: var(--rule-w) solid var(--color-border);
}

.tl-product-single .woocommerce-tabs .tabs.wc-tabs {
	margin-bottom: var(--space-lg);
	border-bottom: var(--rule-w) solid var(--color-border);
}

.tl-product-single .woocommerce-tabs .tabs.wc-tabs > li > a {
	padding: var(--space-xs) 0;
	margin-right: var(--space-lg);
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	font-weight: var(--weight-semibold);
	letter-spacing: var(--tracking-wider);
	line-height: var(--leading-base);
	text-transform: uppercase;
	color: var(--color-muted);
}

.tl-product-single .woocommerce-tabs .tabs.wc-tabs > li.active > a,
.tl-product-single .woocommerce-tabs .tabs.wc-tabs > li > a:hover,
.tl-product-single .woocommerce-tabs .tabs.wc-tabs > li > a:focus-visible {
	border-color: var(--color-luxury-gold);
	color: var(--color-primary);
}

.tl-product-single .woocommerce-Tabs-panel {
	font-family: var(--font-body);
	font-size: var(--font-size-base);
	line-height: var(--leading-loose);
	color: var(--color-text);
}

.tl-product-single .woocommerce-Tabs-panel p {
	margin-bottom: var(--space-md);
}

.tl-product-single .woocommerce-Tabs-panel h2,
.tl-product-single .woocommerce-Tabs-panel h3,
.tl-product-single .woocommerce-Tabs-panel h4 {
	margin-top: var(--space-xl);
	margin-bottom: var(--space-sm);
	font-family: var(--font-heading);
	font-weight: var(--weight-medium);
	line-height: var(--leading-snug);
	letter-spacing: var(--tracking-tight);
	text-transform: none;
	color: var(--color-primary);
}

.tl-product-single .woocommerce-Tabs-panel h2 {
	font-size: var(--font-size-h3);
}

.tl-product-single .woocommerce-Tabs-panel h3 {
	font-size: var(--font-size-h4);
}

.tl-product-single .woocommerce-Tabs-panel h4 {
	font-size: var(--font-size-xl);
}

.tl-product-single .woocommerce-Tabs-panel > *:first-child {
	margin-top: 0;
}

.tl-product-single .woocommerce-Tabs-panel ul,
.tl-product-single .woocommerce-Tabs-panel ol {
	margin-bottom: var(--space-md);
	padding-left: var(--space-md);
}

.tl-product-single .woocommerce-Tabs-panel li {
	margin-bottom: var(--space-2xs);
	line-height: var(--leading-base);
}

.tl-product-single .woocommerce-Tabs-panel a {
	color: var(--color-luxury-gold);
	text-underline-offset: 3px;
}

.tl-product-single .woocommerce-Tabs-panel a:hover,
.tl-product-single .woocommerce-Tabs-panel a:focus-visible {
	color: var(--color-primary);
}

.tl-product-single .woocommerce-Tabs-panel img {
	height: auto;
	max-width: 100%;
	border-radius: var(--radius-md);
}

.tl-product-single .woocommerce-Tabs-panel blockquote {
	margin: var(--space-lg) 0;
	padding-left: var(--space-md);
	border-left: 2px solid var(--color-luxury-gold);
	font-family: var(--font-heading);
	font-size: var(--font-size-xl);
	line-height: var(--leading-snug);
	color: var(--color-primary);
}

/* Bang trong mo ta — ghi de rule table chung trong Tuy bien -> CSS bo sung */
.tl-product-single .tl-ps-scroll--content {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: var(--space-md) 0;
}

/* table-layout: fixed dam bao cot luon lap day chieu ngang cua bang,
   khong phu thuoc rule table ke thua tu theme cha / Tuy bien. */
.tl-product-single .tl-ps-scroll--content table {
	display: table;
	width: 100%;
	min-width: 480px;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	box-shadow: none;
	table-layout: fixed;
	border-collapse: collapse;
	border: var(--rule-w) solid var(--color-border);
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	line-height: var(--leading-base);
	text-align: left;
}

.tl-product-single .tl-ps-scroll--content table td,
.tl-product-single .tl-ps-scroll--content table th {
	overflow-wrap: anywhere;
}

.tl-product-single .tl-ps-scroll--content table tr > *:first-child {
	width: 32%;
}

.tl-product-single .tl-ps-scroll--content th,
.tl-product-single .tl-ps-scroll--content td {
	padding: var(--space-xs) var(--space-md);
	border: var(--rule-w) solid var(--color-border);
	vertical-align: top;
}

.tl-product-single .tl-ps-scroll--content th {
	background-color: var(--color-background);
	font-weight: var(--weight-semibold);
	color: var(--color-primary);
}

.tl-product-single .tl-ps-scroll--content tbody tr:nth-child(odd) td {
	background-color: var(--color-surface);
}

.tl-product-single .tl-ps-scroll--content tbody tr:nth-child(even) td {
	background-color: var(--color-background);
}

/* =============================================================================
 * 9. SAN PHAM LIEN QUAN
 * ========================================================================== */
.tl-ps-related {
	margin-top: var(--space-2xl);
	padding-top: var(--space-xl);
	border-top: var(--rule-w) solid var(--color-border);
}

.tl-ps-related .tl-heading {
	margin-bottom: var(--space-xl);
}

.tl-ps-related__grid {
	--tl-gap: var(--space-md);
}

.tl-ps-related__media {
	border-top-left-radius: var(--radius-md);
	border-top-right-radius: var(--radius-md);
}

.tl-ps-related__body {
	padding: var(--space-sm) var(--space-md) var(--space-md);
}

.tl-ps-related__name {
	font-size: var(--font-size-lg);
}

/* =============================================================================
 * 10. CTA + FORM LIEN HE CUOI TRANG
 * ========================================================================== */
/* Panel sang mau kem: form Contact Form 7 cua khach duoc thiet ke cho nen sang,
   dat panel toi o day se pha vo giao dien form ma khong duoc phep sua form. */
.tl-ps-contact {
	margin-top: var(--space-2xl);
	padding: var(--space-2xl) var(--space-lg);
	background-color: var(--color-background);
	border: var(--rule-w) solid var(--color-border);
	border-radius: var(--radius-lg);
	scroll-margin-top: calc(var(--header-h) + var(--space-md));
}

.tl-ps-contact__inner {
	max-width: var(--container-sm);
	margin-inline: auto;
}

.tl-ps-contact .tl-heading {
	margin-bottom: var(--space-lg);
}

.tl-ps-contact__actions {
	margin: 0 0 var(--space-lg);
	text-align: center;
}

.tl-ps-contact__form {
	max-width: 640px;
	margin-inline: auto;
}

.tl-ps-contact__form p {
	margin-bottom: var(--space-sm);
}

.tl-ps-contact__form label {
	display: block;
	margin-bottom: var(--space-3xs);
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	font-weight: var(--weight-medium);
	color: var(--color-text);
}

.tl-ps-contact__form input[type="text"],
.tl-ps-contact__form input[type="email"],
.tl-ps-contact__form input[type="tel"],
.tl-ps-contact__form input[type="url"],
.tl-ps-contact__form input[type="number"],
.tl-ps-contact__form input[type="date"],
.tl-ps-contact__form select,
.tl-ps-contact__form textarea {
	width: 100%;
	min-height: var(--control-h);
	padding: var(--space-2xs) var(--space-sm);
	background-color: var(--color-surface);
	border: var(--rule-w) solid var(--color-border);
	border-radius: var(--radius-sm);
	box-shadow: none;
	font-family: var(--font-body);
	font-size: var(--font-size-base);
	color: var(--color-text);
}

.tl-ps-contact__form textarea {
	min-height: 132px;
	padding-top: var(--space-xs);
}

.tl-ps-contact__form input::placeholder,
.tl-ps-contact__form textarea::placeholder {
	color: var(--color-muted);
}

.tl-ps-contact__form input:focus-visible,
.tl-ps-contact__form select:focus-visible,
.tl-ps-contact__form textarea:focus-visible {
	border-color: var(--color-luxury-gold);
	outline: var(--focus-w) solid var(--color-focus);
	outline-offset: var(--focus-offset);
}

.tl-ps-contact__form input[type="submit"],
.tl-ps-contact__form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: var(--tap-target);
	padding: var(--space-xs) var(--space-xl);
	background-color: var(--color-luxury-gold);
	border: var(--rule-w) solid var(--color-luxury-gold);
	border-radius: var(--radius-sm);
	box-shadow: none;
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	font-weight: var(--weight-semibold);
	letter-spacing: var(--tracking-wide);
	text-transform: uppercase;
	color: var(--color-primary);
	cursor: pointer;
	transition: background-color var(--dur-fast) var(--ease),
		border-color var(--dur-fast) var(--ease);
}

.tl-ps-contact__form input[type="submit"]:hover,
.tl-ps-contact__form button[type="submit"]:hover,
.tl-ps-contact__form input[type="submit"]:focus-visible,
.tl-ps-contact__form button[type="submit"]:focus-visible {
	background-color: var(--color-gold-light);
	border-color: var(--color-gold-light);
}

.tl-ps-contact__form .wpcf7-not-valid-tip {
	margin-top: var(--space-3xs);
	font-size: var(--font-size-sm);
	color: var(--color-error);
}

.tl-ps-contact__form .wpcf7-response-output {
	margin: var(--space-md) 0 0;
	padding: var(--space-xs) var(--space-sm);
	border: var(--rule-w) solid var(--color-border);
	border-radius: var(--radius-sm);
	font-size: var(--font-size-sm);
	line-height: var(--leading-base);
	color: var(--color-text);
}

/* Form cua khach dat nen trang cho tung o nhap — giu nhat quan trong panel kem */
.tl-ps-contact__form .input-group {
	background-color: var(--color-surface);
	border: var(--rule-w) solid var(--color-border);
	border-radius: var(--radius-sm);
}

.tl-ps-contact__form .input-group input,
.tl-ps-contact__form .input-group textarea {
	border: 0;
	border-radius: var(--radius-sm);
}

/* -----------------------------------------------------------------------------
 * Form "Form lien he" cua khach dung float voi cot 50% / 87% / 13%. Trong cot hep
 * cua trang san pham, cot 13% lam chu xuong dong tung tu -> vo layout (plan §27).
 * Chi ep xep chong TRONG khoi nay, KHONG sua CSS goc cua khach.
 * -------------------------------------------------------------------------- */
.tl-ps-contact__form .form-lien-he .row-info > .left,
.tl-ps-contact__form .form-lien-he .row-info > .right,
.tl-ps-contact__form .form-lien-he .input-group .cot1,
.tl-ps-contact__form .form-lien-he .input-group .cot2 {
	float: none;
	width: 100%;
	padding-left: 0;
}

.tl-ps-contact__form .form-lien-he .cot-final .wpcf7-form-control-wrap,
.tl-ps-contact__form .form-lien-he .cot-final .fa {
	width: auto;
}

.tl-ps-contact__form .form-lien-he .input-group .cot2 p {
	font-size: var(--font-size-sm);
	line-height: var(--leading-base);
	color: var(--color-muted);
}

.tl-ps-contact__form .form-lien-he input[type="submit"] {
	height: auto;
	background: var(--color-luxury-gold);
	text-transform: uppercase;
}

.tl-ps-contact__form .form-lien-he input[type="submit"]:hover,
.tl-ps-contact__form .form-lien-he input[type="submit"]:focus-visible {
	background: var(--color-gold-light);
}

.tl-ps-contact__form .form-lien-he textarea {
	height: 132px;
}

.tl-ps-contact__form .form-lien-he .fa {
	color: var(--color-luxury-gold);
}

/* =============================================================================
 * 11. SIDEBAR SAN PHAM (giu nguyen noi dung cua khach, chi lam nhe di)
 * ========================================================================== */
.tl-product-single #product-sidebar .widget > .widget-title,
.tl-product-single #product-sidebar .widget-title {
	font-family: var(--font-body);
	font-size: var(--font-size-xs);
	font-weight: var(--weight-semibold);
	letter-spacing: var(--tracking-wider);
	text-transform: uppercase;
	color: var(--color-muted);
}

.tl-product-single #product-sidebar a {
	color: var(--color-text);
	text-decoration: none;
	transition: color var(--dur-fast) var(--ease);
}

.tl-product-single #product-sidebar a:hover,
.tl-product-single #product-sidebar a:focus-visible {
	color: var(--color-luxury-gold);
}

/* =============================================================================
 * 12. RESPONSIVE
 * ========================================================================== */
@media (max-width: 1024px) {

	.tl-product-single .product-main {
		padding-top: var(--space-lg);
	}

	.tl-ps-specs {
		margin-top: var(--space-lg);
		margin-bottom: var(--space-lg);
	}

	.tl-ps-related {
		margin-top: var(--space-xl);
		padding-top: var(--space-lg);
	}

	.tl-ps-contact {
		margin-top: var(--space-xl);
		padding: var(--space-xl) var(--space-md);
	}
}

@media (max-width: 640px) {

	.tl-product-single .product-page-title {
		padding-top: var(--space-sm);
		padding-bottom: var(--space-sm);
	}

	.tl-product-single h1.product-title,
	.tl-product-single .product-info .product_title {
		font-size: var(--font-size-3xl);
	}

	.tl-product-single .tl-ps-price {
		font-size: var(--font-size-2xl);
	}

	.tl-ps-facts__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.tl-ps-cta {
		flex-direction: column;
	}

	.tl-ps-cta .tl-btn {
		flex: 1 1 auto;
		width: 100%;
	}

	.tl-product-single .woocommerce-tabs .tabs.wc-tabs > li > a {
		margin-right: var(--space-md);
	}

	.tl-ps-contact {
		padding: var(--space-xl) var(--space-sm);
		border-radius: var(--radius-md);
	}

	.tl-ps-contact__form input[type="submit"],
	.tl-ps-contact__form button[type="submit"] {
		width: 100%;
	}
}

/* =============================================================================
 * 13. GIAM CHUYEN DONG
 * ========================================================================== */
@media (prefers-reduced-motion: reduce) {

	.tl-product-single .product-thumbnails .col > a,
	.tl-product-single .product-images .flickity-prev-next-button {
		transition: none;
	}
}