/*
 * Teefit redesign 2026-10 — chỉ giao diện, không đụng nội dung.
 * Nạp ở wp_head priority 999 (sau custom-css của Flatsome và Additional CSS),
 * nên cùng specificity là thắng; chỉ dùng !important để đè các rule
 * !important có sẵn trong Additional CSS (Arial, padding .col/.col-inner).
 *
 * Ý tưởng: xưởng in áo. Nền vải cotton, chữ màu mực xanh đen, xanh lấy từ
 * logo, vàng là lớp mực thứ hai. Điểm nhấn duy nhất: tiêu đề lớn in "lệch
 * khung" — lớp mực vàng lệch vài px sau chữ.
 */

:root {
	--tf-ink: #13231d;
	--tf-ink-soft: #3d4f47;
	--tf-muted: #63736b;
	--tf-cotton: #f3f5f1;
	--tf-paper: #ffffff;
	--tf-line: #dde3dc;
	--tf-teal: #0b7d61;
	--tf-teal-deep: #075c48;
	--tf-teal-bright: #1fb48b;
	--tf-yellow: #ffc933;
	--tf-radius: 10px;
	--tf-display: "Archivo", "Be Vietnam Pro", Arial, sans-serif;
	--tf-body: "Be Vietnam Pro", Arial, sans-serif;

	--primary-color: var(--tf-teal);
	--fs-color-primary: var(--tf-teal);
	--fs-color-secondary: var(--tf-teal-deep);
	--fs-color-base: var(--tf-ink-soft);
	--fs-experimental-link-color: var(--tf-teal);
	--fs-experimental-link-color-hover: var(--tf-teal-deep);
}

/* ---------- Nền & chữ ---------- */

html body {
	font-family: var(--tf-body) !important;
	color: var(--tf-ink-soft);
	background: var(--tf-cotton);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
.heading-font {
	font-family: var(--tf-display) !important;
	color: var(--tf-ink);
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

body a { color: var(--tf-teal); }
body a:hover { color: var(--tf-teal-deep); }
body a.plain { color: inherit; }

::selection { background: var(--tf-yellow); color: var(--tf-ink); }

:focus-visible {
	outline: 3px solid var(--tf-yellow) !important;
	outline-offset: 2px;
	border-radius: 4px;
}

#wrapper, #main { background: transparent; }

/* ---------- Header ---------- */

#header .header-main {
	background: var(--tf-paper);
	border-bottom: 1px solid var(--tf-line);
}
#header.stuck .header-main,
#header .stuck .header-main {
	box-shadow: 0 6px 18px rgba(19, 35, 29, 0.08);
}

#header .header-nav-main.nav > li > a {
	font-family: var(--tf-body);
	font-weight: 600;
	font-size: 14.5px;
	text-transform: none;
	letter-spacing: 0;
	color: var(--tf-ink);
	padding-left: 2px;
	padding-right: 2px;
}
#header .header-nav-main.nav { flex-wrap: nowrap; }
#header .header-nav-main.nav > li { margin: 0 9px; white-space: nowrap; }
#header .header-nav-main.nav > li.header-search { margin-right: 0; }
#header .header-nav-main.nav > li > a:hover,
#header .header-nav-main.nav > li.active > a,
#header .header-nav-main.nav > li.current-menu-ancestor > a,
#header .header-nav-main.nav > li.current-menu-item > a {
	color: var(--tf-teal);
}
#header .header-nav-main.nav-line > li > a:before {
	background-color: var(--tf-teal) !important;
	height: 3px;
	top: auto;
	bottom: -2px;
	border-radius: 2px;
}
#header .header-nav-main.nav > li.header-divider { display: none; }
#header .header-nav-main .icon-search,
#header .mobile-nav .icon-menu,
#header .cart-icon strong { color: var(--tf-ink); }
#header .cart-icon strong { border-color: var(--tf-ink); }
#header .cart-icon strong:after { border-color: var(--tf-ink); }

/* "Tự thiết kế" là hành động chính của site: nút, không phải link. */
#header .header-nav-main.nav > li#menu-item-625 > a {
	background: var(--tf-teal);
	color: #fff;
	border-radius: 999px;
	padding: 8px 18px;
	line-height: 1.2;
	box-shadow: 3px 3px 0 var(--tf-yellow);
	transition: transform .15s ease, box-shadow .15s ease;
}
#header .header-nav-main.nav > li#menu-item-625 > a:hover {
	transform: translate(-1px, -1px);
	box-shadow: 4px 4px 0 var(--tf-yellow);
	color: #fff;
}
#header .header-nav-main.nav > li#menu-item-625 > a:before { display: none; }

/* Dropdown */
.nav-dropdown {
	border-radius: var(--tf-radius);
	border: 1px solid var(--tf-line) !important;
	box-shadow: 0 14px 34px rgba(19, 35, 29, 0.12) !important;
	padding: 8px 0;
}
.nav-dropdown > li > a,
.nav-dropdown .nav-column > li > a {
	font-family: var(--tf-body);
	font-size: 14px;
	color: var(--tf-ink-soft);
	text-transform: none;
}
.nav-dropdown > li > a:hover { color: var(--tf-teal); background: var(--tf-cotton); }
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before { display: none; }

/* Menu mobile */
.off-canvas .nav-vertical > li > a,
.off-canvas .nav-sidebar > li > a {
	font-family: var(--tf-body) !important;
	text-transform: none !important;
	font-weight: 600;
	color: var(--tf-ink);
}

/* ---------- Ô tìm kiếm ---------- */

.searchform .search-field,
input[type="search"].search-field {
	border: 1px solid var(--tf-line);
	border-right: 0;
	border-radius: 999px 0 0 999px !important;
	box-shadow: none;
	height: 44px;
	padding-left: 18px;
	font-family: var(--tf-body);
	background: #fff;
}
.searchform .ux-search-submit.button,
.searchform .button.icon {
	background-color: var(--tf-teal) !important;
	border-radius: 0 999px 999px 0 !important;
	height: 44px;
	width: 52px;
	min-height: 44px;
}
.searchform .ux-search-submit.button:hover { background-color: var(--tf-teal-deep) !important; }

/* ---------- Nút ---------- */

body .button.primary,
body button.primary,
body input[type="submit"],
body .button.alt,
body .single_add_to_cart_button,
body .checkout-button {
	background-color: var(--tf-teal);
	border-color: var(--tf-teal);
	color: #fff;
	border-radius: 999px;
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--tf-body);
	font-weight: 700;
	padding-left: 1.6em;
	padding-right: 1.6em;
}
body .button.primary:hover,
body input[type="submit"]:hover,
body .single_add_to_cart_button:hover,
body .checkout-button:hover {
	background-color: var(--tf-teal-deep);
	border-color: var(--tf-teal-deep);
	box-shadow: none;
}

/* ---------- Trang chủ ---------- */

/* Tiêu đề section: in lệch khung */
.home #content > .row > .col.large-12 h2,
.home #content .section-title-container .section-title {
	margin: 0;
}
.home #content > .row > .col.large-12 h2 a,
.home #content > .row > .col.large-12 h2 span,
.home #content .section-title-main {
	font-family: var(--tf-display) !important;
	font-weight: 900 !important;
	font-stretch: 112%;
	font-size: clamp(30px, 4.4vw, 52px);
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: var(--tf-ink) !important;
	text-shadow: 4px 4px 0 var(--tf-yellow);
	text-decoration: none;
}
.home #content > .row > .col.large-12 h2 strong { font-weight: inherit; }
.home #content > .row > .col.large-12 h2 a:hover,
.home #content > .row > .col.large-12 h2 a:hover span {
	color: var(--tf-teal) !important;
}
.home #content > .row > .col.large-12 > .col-inner {
	padding: 56px 0 22px !important;
}

/* Lưới dịch vụ / sản phẩm: bỏ đường kẻ đứt, thành thẻ trắng trên nền vải */
.home #content > .row.row-dashed { overflow: visible; }
.home #content > .row.row-dashed > .col:before,
.home #content > .row.row-dashed > .col:after { display: none; }
.home #content > .row.row-dashed > .col:not(.large-12) > .col-inner {
	background: var(--tf-paper);
	border: 1px solid var(--tf-line);
	border-radius: var(--tf-radius);
	height: 100%;
	overflow: hidden;
	transition: border-color .2s ease;
}
.home #content > .row.row-dashed > .col:not(.large-12) > .col-inner:hover {
	border-color: var(--tf-teal-bright);
}
.home #content > .row.row-dashed .box-image {
	padding-top: 22px;
}
.home #content > .row.row-dashed .box-text {
	padding: 10px 16px 22px;
}
.home #content > .row.row-dashed .box-text h4,
.home #content > .row.row-dashed .box-text p {
	font-family: var(--tf-display) !important;
	font-size: 19px;
	font-weight: 700;
	margin: 0;
	color: var(--tf-ink);
}
.home #content > .row.row-dashed .box-text a { color: var(--tf-ink); }
.home #content > .row.row-dashed .box-text a:hover { color: var(--tf-teal); }
.home #content > .row.row-dashed .box-text strong { font-weight: inherit; }

/* Ba cam kết dưới banner */
.home #content > .section:first-of-type {
	background: var(--tf-paper) !important;
	border-bottom: 1px solid var(--tf-line);
	padding-top: 34px !important;
	padding-bottom: 30px !important;
}
.home .row-divided > .col + .col:not(.large-12) { border-left-color: var(--tf-line); }
.home .icon-box.featured-box .icon-inner {
	border-color: var(--tf-teal) !important;
	background: var(--tf-cotton);
}
.home .icon-box.featured-box h5.uppercase {
	text-transform: lowercase;
	font-family: var(--tf-display) !important;
	font-size: 18px;
	font-weight: 800;
	color: var(--tf-ink);
	letter-spacing: -0.01em;
	margin: 14px 0 8px;
}
.home .icon-box.featured-box h5.uppercase::first-letter { text-transform: uppercase; }
.home .icon-box.featured-box .icon-box-text,
.home .icon-box.featured-box .icon-box-text p,
.home .icon-box.featured-box .icon-box-text span {
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--tf-muted) !important;
}
.home .icon-box.featured-box .icon-box-text a,
.home .icon-box.featured-box .icon-box-text a strong { color: var(--tf-teal); }
.home .icon-box.featured-box .icon-box-text span[style*="ff0000"],
.home .icon-box.featured-box .icon-box-text span[style*="ff0000"] strong {
	color: var(--tf-ink) !important;
	background: linear-gradient(transparent 58%, var(--tf-yellow) 58%);
}
.home .icon-box.featured-box .icon-box-text .icon { display: block; }

/* Khối "Chủ đề đa dạng" */
.home #content > .section:not(:first-of-type) {
	background: transparent !important;
	padding: 64px 0 56px !important;
}
.home #content > .section:not(:first-of-type) .section-bg,
.home #content > .section:not(:first-of-type) .section-bg-overlay { background: transparent !important; }
.home #content > .section:not(:first-of-type) .is-border { display: none; }
.home #content > .section:not(:first-of-type) .row-solid { overflow: visible; }
.home #content > .section:not(:first-of-type) .row-solid > .col:before,
.home #content > .section:not(:first-of-type) .row-solid > .col:after { display: none; }
.home #content > .section:not(:first-of-type) .row-divided > .col + .col,
.home #content > .section:not(:first-of-type) .col-divided { border: 0 !important; }
.home #content > .section:not(:first-of-type) .img-inner {
	border-radius: var(--tf-radius);
	box-shadow: 10px 10px 0 var(--tf-teal) !important;
}
.home #content > .section:not(:first-of-type) .large-6 + .large-6 > .col-inner {
	padding-left: 34px !important;
}
.home #content > .section:not(:first-of-type) h3 {
	text-transform: lowercase;
	font-size: clamp(24px, 2.6vw, 32px);
	font-weight: 800;
	line-height: 1.15;
	margin-bottom: 18px;
}
.home #content > .section:not(:first-of-type) h3::first-letter { text-transform: uppercase; }
.home #content > .section:not(:first-of-type) ul { margin-left: 0; }
.home #content > .section:not(:first-of-type) li {
	list-style: none;
	position: relative;
	padding: 10px 0 10px 30px;
	margin: 0;
	border-bottom: 1px solid var(--tf-line);
	font-size: 15.5px;
	line-height: 1.55;
	color: var(--tf-ink-soft);
}
.home #content > .section:not(:first-of-type) li:last-child { border-bottom: 0; }
.home #content > .section:not(:first-of-type) li:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 16px;
	width: 14px;
	height: 8px;
	border-left: 3px solid var(--tf-teal);
	border-bottom: 3px solid var(--tf-teal);
	transform: rotate(-45deg);
}

/* Dải "Phản hồi khách hàng" */
.home .message-box {
	padding-top: 52px !important;
	padding-bottom: 52px !important;
}
.home .message-box .message-box-bg-overlay {
	background-color: var(--tf-ink) !important;
}
.home .message-box h2 {
	color: #fff;
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 800;
}
.home .message-box p {
	color: rgba(255, 255, 255, 0.78);
	font-size: 15.5px;
	line-height: 1.65;
	max-width: 60ch;
}
.home .message-box .button.white.is-outline {
	background: var(--tf-yellow) !important;
	border: 0;
	color: var(--tf-ink) !important;
	border-radius: 999px;
	text-transform: none;
	letter-spacing: 0;
	font-family: var(--tf-body);
	font-weight: 700;
	font-size: 17px;
	padding: 6px 30px;
	box-shadow: 4px 4px 0 var(--tf-teal-bright);
}
.home .message-box .button.white.is-outline:hover {
	background: #fff !important;
	color: var(--tf-ink) !important;
}

/* Tin tức */
.home #content .section-title-container {
	margin-top: 64px;
	margin-bottom: 26px;
}
.home #content .section-title-bold-center b { display: none; }
.home #content .section-title-bold-center span {
	border: 0;
	padding: 0;
	text-transform: none;
}

/* ---------- Thẻ bài viết (trang chủ + blog) ---------- */

.box-blog-post {
	background: var(--tf-paper);
	border: 1px solid var(--tf-line);
	border-radius: var(--tf-radius);
	overflow: hidden;
	height: 100%;
}
.box-blog-post .box-text {
	padding: 18px 20px 22px !important;
	text-align: left !important;
}
.box-blog-post .post-title {
	font-family: var(--tf-display) !important;
	font-size: 18px !important;
	font-weight: 700;
	line-height: 1.35;
	color: var(--tf-ink);
}
.box-blog-post .post-title a:hover { color: var(--tf-teal); }
.box-blog-post .is-divider {
	background: var(--tf-yellow);
	height: 3px;
	width: 34px;
	margin: 12px 0;
}
.box-blog-post .from_the_blog_excerpt {
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--tf-muted);
}
.box-blog-post .badge.post-date {
	margin: 14px 0 0 14px;
}
.box-blog-post .badge.post-date .badge-inner {
	background: var(--tf-yellow);
	color: var(--tf-ink);
	border: 0;
	border-radius: 8px;
	font-family: var(--tf-display);
	font-weight: 800;
	line-height: 1.05;
}
.box-blog-post .image-cover img { transition: transform .4s ease; }
.box-blog-post:hover .image-cover img { transform: scale(1.03); }
.row-slider .flickity-prev-next-button svg { fill: var(--tf-ink); }

/* ---------- Bài viết & trang ---------- */

.blog-single .entry-header-text,
.single .entry-header-text { padding-bottom: 8px; }
.entry-category {
	font-size: 13px;
	letter-spacing: 0;
	text-transform: none;
	font-weight: 600;
}
.badge.post-date .badge-inner {
	background: var(--tf-yellow);
	color: var(--tf-ink);
	border: 0;
	border-radius: 8px;
	font-family: var(--tf-display);
	font-weight: 800;
	line-height: 1.05;
}
.entry-category a { color: var(--tf-teal); }
h1.entry-title {
	font-size: clamp(28px, 3.4vw, 42px) !important;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.02em;
	text-transform: none;
	color: var(--tf-ink);
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
}
.entry-header .is-divider {
	background: var(--tf-yellow);
	height: 4px;
	width: 48px;
	max-width: none;
}
.entry-meta {
	font-size: 12.5px;
	letter-spacing: 0.02em;
	color: var(--tf-muted);
}

.page-wrapper,
.blog-wrapper { padding-top: 40px; }

/* Bài viết: cột chữ trắng trên nền vải */
.blog-single .large-9 > .article-inner,
.blog-single .large-10 > .article-inner,
.blog-single article .article-inner,
.blog-archive article .article-inner {
	background: var(--tf-paper);
	border: 1px solid var(--tf-line);
	border-radius: var(--tf-radius);
	padding: 36px clamp(18px, 4vw, 48px) 40px;
}
.entry-content,
.page-wrapper .entry-content,
#content .entry-content {
	font-size: 16.5px;
	line-height: 1.75;
	color: var(--tf-ink-soft);
}
.entry-content p,
.entry-content li { max-width: 72ch; }
.entry-content h2 {
	font-size: clamp(22px, 2.3vw, 28px);
	font-weight: 800;
	margin-top: 1.6em;
	margin-bottom: 0.6em;
}
.entry-content h3 {
	font-size: clamp(19px, 1.9vw, 22px);
	font-weight: 700;
	margin-top: 1.4em;
}
.entry-content h4 { font-size: 18px; }
.blog-archive article { margin-bottom: 24px; }
.blog-archive .entry-header .entry-title { font-size: clamp(22px, 2.2vw, 28px) !important; }
h1.page-title {
	text-transform: none;
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 800;
	letter-spacing: -0.02em;
}
.entry-meta { text-transform: none !important; }
.entry-content a.button,
.entry-content .more-link { text-decoration: none !important; }
.entry-content a:not(.button) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.entry-content ul li::marker { color: var(--tf-teal); }
.entry-content img { border-radius: 8px; }
.entry-content .wp-caption {
	background: transparent;
	border: 0;
	padding: 0;
}
.entry-content .wp-caption-text,
.entry-content figcaption {
	font-size: 13.5px;
	color: var(--tf-muted);
	font-style: normal;
	text-align: left;
	padding: 8px 2px 0;
	background: transparent;
}
.entry-content blockquote {
	border-left: 4px solid var(--tf-yellow);
	background: var(--tf-cotton);
	border-radius: 0 8px 8px 0;
	padding: 14px 20px;
	font-style: normal;
}
.entry-content table {
	border-collapse: collapse;
	font-size: 15px;
}
.entry-content table th,
.entry-content table td { border-color: var(--tf-line); padding: 10px 12px; }
.entry-content table tr:nth-child(even) td { background: var(--tf-cotton); }

/* Trang thường (không phải trang chủ) dùng nền trắng cho dễ đọc */
body.page:not(.home) #main,
body.woocommerce-page #main { background: var(--tf-paper); }

/* Meta cuối bài, chia sẻ, tác giả, điều hướng bài */
.blog-single .entry-meta.uppercase,
.blog-single footer.entry-meta {
	text-transform: none;
	font-size: 13.5px;
	border-color: var(--tf-line);
}
.entry-author {
	border-color: var(--tf-line);
}
.entry-author h5.author-name { text-transform: none; font-size: 18px; }
.next-prev-nav { border-color: var(--tf-line) !important; }
.next-prev-nav .nav-next a,
.next-prev-nav .nav-previous a { font-weight: 600; color: var(--tf-ink); }
.social-icons .button.icon.is-outline {
	border-color: var(--tf-line);
	color: var(--tf-ink-soft);
}
.social-icons .button.icon.is-outline:hover {
	background: var(--tf-teal);
	border-color: var(--tf-teal);
	color: #fff;
}

/* Bình luận */
#comments .comments-title,
#reply-title {
	text-transform: none;
	font-size: 22px;
	font-weight: 800;
}
#respond.comment-respond {
	background: var(--tf-cotton) !important;
	border-radius: var(--tf-radius);
	border: 1px solid var(--tf-line);
}
.comment-meta,
.comment-list .reply a { text-transform: none; letter-spacing: 0; }

/* Sidebar */
#secondary .widget-title,
.widget .widget-title {
	display: block;
	font-family: var(--tf-display);
	text-transform: lowercase;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--tf-ink);
}
#secondary .widget-title::first-letter,
.widget .widget-title::first-letter { text-transform: uppercase; }
#secondary .is-divider,
.widget .is-divider {
	background: var(--tf-yellow);
	height: 3px;
	width: 30px;
}
#secondary ul li { border-color: var(--tf-line); }
#secondary ul li a { color: var(--tf-ink-soft); }
#secondary ul li a:hover { color: var(--tf-teal); }
.post-sidebar.large-3 { padding-top: 6px; }

/* ---------- Form ---------- */

input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], input[type="number"], textarea, select {
	border: 1px solid var(--tf-line);
	border-radius: 8px;
	box-shadow: none;
	font-family: var(--tf-body);
	background-color: #fff;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border-color: var(--tf-teal);
	box-shadow: 0 0 0 3px rgba(11, 125, 97, 0.15);
}
label { font-weight: 600; color: var(--tf-ink); text-transform: none; letter-spacing: 0; }

/* ---------- Cửa hàng ---------- */

.shop-page-title,
.category-page-row { background: transparent; }
.breadcrumbs {
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	color: var(--tf-muted);
}
.breadcrumbs a { color: var(--tf-muted); }
.breadcrumbs a:hover { color: var(--tf-teal); }
.breadcrumbs .divider { opacity: .5; }

.products .product-small .col-inner {
	background: var(--tf-paper);
	border: 1px solid var(--tf-line);
	border-radius: var(--tf-radius);
	overflow: hidden;
	height: 100%;
	transition: border-color .2s ease;
}
.products .product-small .col-inner:hover { border-color: var(--tf-teal-bright); }
.products .product-small .box-image {
	background: var(--tf-paper);
	border-bottom: 1px solid var(--tf-line);
	aspect-ratio: 1 / 1;
}
.products .product-small .box-image { overflow: hidden; }
.products .product-small .box-image > div:first-child,
.products .product-small .box-image > div:first-child > a { display: block; height: 100%; }
.products .product-small .box-image img {
	width: 100%;
	height: 100% !important;
	object-fit: contain;
}
.products .product-small .box-text {
	padding: 14px 16px 18px !important;
}
.products .product-small .category {
	text-transform: none;
	letter-spacing: 0;
	font-size: 12.5px;
	color: var(--tf-muted);
	opacity: 1;
}
.products .product-small .name,
.products .product-small .product-title {
	font-family: var(--tf-display);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--tf-ink);
}
.products .product-small .name a,
.products .product-small .product-title a { color: var(--tf-ink); }
.products .product-small .name a:hover,
.products .product-small .product-title a:hover { color: var(--tf-teal); }
.products .product-small .price {
	font-family: var(--tf-display);
	font-weight: 800;
	font-size: 17px;
	color: var(--tf-teal);
}
.products .product-small .price .amount { color: inherit; }
.woocommerce-ordering select { border-radius: 999px; padding-left: 16px; }

/* Trang sản phẩm */
.product-main h1.product-title,
.product_title {
	font-size: clamp(26px, 3vw, 36px) !important;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.15;
}
.single-product .product-images.woocommerce-product-gallery {
	background: var(--tf-paper);
	border: 1px solid var(--tf-line);
	border-radius: var(--tf-radius);
	overflow: hidden;
}
.single-product .section-title-container .section-title-normal {
	border-bottom-color: var(--tf-line);
}
.single-product .section-title-normal span,
.single-product .section-title-normal .section-title-main {
	border-bottom-color: var(--tf-yellow);
	border-bottom-width: 3px;
	text-transform: none;
	font-size: 18px;
	font-weight: 800;
}
.single-product .price-wrapper .product-page-price,
.single-product .price-wrapper .product-page-price .amount,
.product-main .price-wrapper .price,
.product-main .price-wrapper .price .amount {
	color: var(--tf-teal);
	font-family: var(--tf-display);
	font-weight: 800;
}
.product-main .is-divider { background: var(--tf-yellow); height: 3px; }
.woocommerce-tabs .tabs > li > a,
.product-tabs > li > a { text-transform: none; font-family: var(--tf-body); font-weight: 700; letter-spacing: 0; }
.woocommerce-tabs .tabs > li.active > a,
.product-tabs > li.active > a { color: var(--tf-teal); }
.product-section-title,
.related .product-section-title {
	text-transform: lowercase;
	font-family: var(--tf-display);
	font-weight: 800;
	font-size: 22px;
	letter-spacing: -0.01em;
	color: var(--tf-ink);
}
.product-section-title::first-letter { text-transform: uppercase; }
.badge-container .onsale,
.badge-inner.on-sale,
.badge .badge-inner.secondary {
	background: var(--tf-yellow) !important;
	color: var(--tf-ink) !important;
	border-radius: 8px;
	font-weight: 800;
}

/* Giỏ hàng / thanh toán */
.cart-sidebar .cart_totals,
.checkout-sidebar,
.woocommerce-checkout-review-order {
	border-radius: var(--tf-radius);
}
.shop_table thead th,
.cart_totals > table th,
.shop_table th {
	text-transform: none;
	letter-spacing: 0;
	color: var(--tf-ink);
}
.checkout-page-title .breadcrumbs a,
.checkout-breadcrumbs a { text-transform: none; }

/* ---------- Footer ---------- */

#footer .footer-1:empty,
#footer .footer-1 { background: transparent; padding: 0; }
#footer .footer-2 {
	background-color: var(--tf-ink) !important;
	padding-top: 56px;
	padding-bottom: 40px;
	color: rgba(255, 255, 255, 0.72);
	border-top: 6px solid var(--tf-yellow);
}
#footer .footer-2 .widget-title {
	color: #fff;
	font-size: 17px;
}
#footer .footer-2 .is-divider { background: var(--tf-teal-bright); }
#footer .footer-2 ul.product-categories li { padding: 6px 0; }
#footer .footer-2 ul li {
	border-color: rgba(255, 255, 255, 0.1) !important;
	font-size: 14.5px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.72);
}
#footer .footer-2 a { color: rgba(255, 255, 255, 0.86); }
#footer .footer-2 a:hover { color: var(--tf-yellow); }
#footer .footer-2 .social-icons .button.icon.is-outline {
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
}
#footer .footer-2 .social-icons .button.icon.is-outline:hover {
	background: var(--tf-yellow);
	border-color: var(--tf-yellow);
	color: var(--tf-ink);
}
#footer .footer-2 .searchform .search-field { border-color: transparent; }
#footer .absolute-footer {
	background-color: #0c1813 !important;
	color: rgba(255, 255, 255, 0.55);
	font-size: 13px;
	padding: 18px 0;
}
#footer .absolute-footer strong { color: rgba(255, 255, 255, 0.8); }
#footer .absolute-footer .payment-icon { background: rgba(255, 255, 255, 0.08); }
.back-to-top.button {
	background: var(--tf-ink);
	border-color: var(--tf-ink);
	color: #fff;
	border-radius: 999px !important;
}

/* ---------- Mobile ---------- */

@media (min-width: 850px) and (max-width: 1199px) {
	#header .header-nav-main.nav > li { margin: 0 5px; }
	#header .header-nav-main.nav > li > a { font-size: 13px; }
	#header .header-nav-main.nav > li#menu-item-625 > a { padding: 7px 13px; }
	#logo { width: 160px !important; }
}

@media (max-width: 849px) {
	.home #content > .section:not(:first-of-type) .large-6 + .large-6 > .col-inner {
		padding-left: 0 !important;
		padding-top: 28px !important;
	}
	.home #content > .section:not(:first-of-type) .img-inner {
		box-shadow: 6px 6px 0 var(--tf-teal) !important;
	}
	.home .message-box .col-inner.text-right { text-align: left; }
}

@media (max-width: 549px) {
	html body { font-size: 15px; }
	.home #content > .row > .col.large-12 h2 a,
	.home #content > .row > .col.large-12 h2 span,
	.home #content .section-title-main {
		text-shadow: 3px 3px 0 var(--tf-yellow);
		font-size: 27px;
		font-stretch: 100%;
	}
	.home #content > .row > .col.large-12 > .col-inner { padding-top: 40px !important; }
	.home #content > .section:first-of-type .row-divided > .col + .col {
		border-top: 1px solid var(--tf-line);
	}
	.home #content > .section:first-of-type { padding-top: 14px !important; padding-bottom: 10px !important; }
	.home .icon-box.featured-box {
		display: flex;
		align-items: flex-start;
		gap: 14px;
		padding: 14px 4px;
		text-align: left !important;
	}
	.home .icon-box.featured-box > .icon-box-img { width: 46px !important; flex: 0 0 46px; margin: 2px 0 0 !important; }
	.home .icon-box.featured-box .icon-box-text,
	.home .icon-box.featured-box .icon-box-text .icon-box-img { text-align: left !important; width: auto !important; margin: 0 !important; }
	.home .icon-box.featured-box h5.uppercase { margin-top: 0; font-size: 17px; }
	/* Lưới dịch vụ/sản phẩm: 2 cột thay vì 1 cột dài */
	.home #content > .row.row-dashed { padding: 0 5px; }
	.home #content > .row.row-dashed > .col:not(.large-12) {
		flex-basis: 50%;
		max-width: 50%;
		padding: 5px !important;
	}
	.home #content > .row.row-dashed .box-image { padding-top: 12px; width: 82% !important; }
	.home #content > .row.row-dashed .box-text { padding: 8px 8px 14px; }
	.home #content > .row.row-dashed .box-text h4,
	.home #content > .row.row-dashed .box-text p { font-size: 15px; line-height: 1.3; }
	.blog-single article .article-inner,
	.blog-archive article .article-inner { padding: 22px 16px 26px; }
	.entry-content { font-size: 16px; }
	.home .message-box .button.white.is-outline { font-size: 16px; }
	/* Nút liên hệ nổi: bỏ nhãn chữ trên mobile, chỉ giữ icon tròn */
	#ft-contact-icons .item .ab { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

.single-product .price-wrapper .product-page-price { font-size: 28px; }