/* =========================================================
   TÂM PHÚC – CUSTOM PRODUCT PAGE V1.2
   Viết lại theo DOM thực tế của Flatsome / WooCommerce.
   Chỉ tải trên trang chi tiết sản phẩm.
   ========================================================= */

:root {
	--tp-product-red: #c90019;
	--tp-product-red-dark: #a90015;
	--tp-product-orange: #f36b21;
	--tp-product-navy: #17212b;
	--tp-product-text: #43505c;
	--tp-product-muted: #71808d;
	--tp-product-border: #e1e6ea;
	--tp-product-soft: #f5f7f9;
	--tp-product-cream: #fff7ec;
	--tp-product-radius: 16px;
	--tp-product-shadow: 0 14px 38px rgba(23, 33, 43, .08);
	--tp-product-sticky-offset: 0px;
}

/* ---------------------------------------------------------
   0. KHUNG CHUNG VÀ NHỊP KHOẢNG CÁCH
   --------------------------------------------------------- */

.single-product .custom-product-page {
	overflow: visible;
	color: var(--tp-product-text);
}

.single-product .custom-product-page > .row,
.single-product .custom-product-page > .section > .section-content > .row {
	width: 100%;
	max-width: 1200px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.single-product .custom-product-page .section-content {
	position: relative;
	z-index: 2;
}

.single-product .custom-product-page .section > .bg {
	z-index: 0;
}

/* Các Section trong UX Builder đang để padding 0.
   CSS này là nguồn duy nhất điều khiển khoảng cách. */
.single-product .tp-product-technical-section-wrap {
	padding: 62px 0 66px !important;
	background: #f6f8fa;
}

.single-product .tp-product-description-section {
	padding: 62px 0 68px !important;
	background: #fff;
}

.single-product .tp-product-service-section {
	padding: 58px 0 62px !important;
	background: var(--tp-product-soft);
}

.single-product .tp-product-faq-section-wrap {
	padding: 58px 0 62px !important;
	background: var(--tp-product-cream);
}

.single-product .tp-product-related-section {
	padding: 60px 0 68px !important;
	background: #fff;
}

.single-product .tp-product-audience-cta {
	padding: 54px 0 58px !important;
	background: linear-gradient(
		120deg,
		var(--tp-product-red),
		var(--tp-product-orange)
	);
	color: #fff;
}

/* Các row cấp section không để lại khoảng cách âm/dư. */
.single-product .tp-product-technical-row,
.single-product .tp-product-description-row,
.single-product .tp-product-service-section > .section-content > .row,
.single-product .tp-product-faq-row,
.single-product .tp-product-related-section > .section-content > .row,
.single-product .tp-product-audience-grid {
	margin-bottom: 0 !important;
}

/* ---------------------------------------------------------
   1. KHỐI SẢN PHẨM CHÍNH
   --------------------------------------------------------- */

.single-product .tp-product-hero {
	align-items: flex-start !important;
	margin-top: 18px !important;
	margin-bottom: 34px !important;
}

.single-product .tp-product-hero > .col {
	padding-bottom: 0;
}

.single-product .tp-product-hero > .col > .col-inner {
	height: 100%;
}

/* ---------------------------------------------------------
   2. GALLERY VÀ THUMBNAIL
   --------------------------------------------------------- */

.single-product .tp-product-media .woocommerce-product-gallery {
	margin-bottom: 0;
}

.single-product
.tp-product-media
.woocommerce-product-gallery__wrapper.product-gallery-slider {
	overflow: hidden;
	border: 1px solid #edf0f2;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(23, 33, 43, .055);
}

.single-product
.tp-product-media
.woocommerce-product-gallery__wrapper
.flickity-viewport,
.single-product
.tp-product-media
.woocommerce-product-gallery__image,
.single-product
.tp-product-media
.woocommerce-product-gallery__image > a {
	overflow: hidden;
	border-radius: 15px;
}

.single-product
.tp-product-media
.woocommerce-product-gallery__image img {
	display: block;
	width: 100%;
	height: auto;
	border: 0 !important;
	border-radius: 15px !important;
}

/* Thumbnail: bỏ viền xám lệch, bo đồng bộ với ảnh chính. */
.single-product .tp-product-media .vertical-thumbnails {
	padding-right: 8px;
}

.single-product .tp-product-media .product-thumbnails {
	margin: 0 !important;
}

.single-product .tp-product-media .product-thumbnails .col {
	padding: 0 0 10px !important;
	opacity: 1;
}

.single-product .tp-product-media .product-thumbnails .col > a {
	display: block;
	padding: 3px;
	overflow: hidden;
	border: 1px solid transparent !important;
	border-radius: 11px;
	background: #fff;
	box-shadow: 0 0 0 1px #e6eaed;
	transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.single-product .tp-product-media .product-thumbnails .col img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border: 0 !important;
	border-radius: 8px !important;
	opacity: .78;
}

.single-product
.tp-product-media
.product-thumbnails
.col.is-nav-selected > a,
.single-product
.tp-product-media
.product-thumbnails
.col.is-selected > a {
	border-color: var(--tp-product-red) !important;
	box-shadow: 0 0 0 1px var(--tp-product-red);
}

.single-product
.tp-product-media
.product-thumbnails
.col.is-nav-selected img,
.single-product
.tp-product-media
.product-thumbnails
.col.is-selected img {
	opacity: 1;
}

.single-product .tp-product-media .zoom-button {
	border-color: rgba(255,255,255,.82);
	background: rgba(255,255,255,.92);
	color: var(--tp-product-red);
}

/* ---------------------------------------------------------
   3. CỘT THÔNG TIN SẢN PHẨM
   --------------------------------------------------------- */

.single-product .tp-product-summary > .col-inner {
	padding: 22px 22px 20px !important;
	border: 1px solid var(--tp-product-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: var(--tp-product-shadow);
}

.single-product .tp-product-summary .product-title {
	margin: 0 0 12px;
	color: var(--tp-product-navy);
	font-size: clamp(28px, 3vw, 39px);
	font-weight: 850;
	line-height: 1.16;
	letter-spacing: -.02em;
}

.single-product .tp-product-summary .is-divider {
	width: 42px;
	height: 3px;
	margin: 0 0 15px;
	background: var(--tp-product-red);
	opacity: 1;
}

.single-product .tp-product-summary .price-wrapper {
	margin: 0 0 13px;
}

.single-product .tp-product-summary .price {
	margin: 0;
	color: var(--tp-product-red);
	font-size: 23px;
	font-weight: 850;
	line-height: 1.3;
}

.single-product .tp-product-summary .price del {
	margin-right: 7px;
	color: #7b858e;
	font-size: 15px;
	font-weight: 500;
	opacity: 1;
}

.single-product .tp-product-summary .price ins {
	text-decoration: none;
}

.single-product .tp-product-price-note {
	margin: 0 0 15px;
	padding: 11px 13px;
	border: 1px solid #f0d4d6;
	border-radius: 10px;
	background: #fff7f7;
	color: #596570;
	font-size: 13px;
	line-height: 1.55;
}

.single-product .tp-product-price-note p:last-child {
	margin-bottom: 0;
}

/* Mô tả ngắn lấy nguyên dữ liệu cũ. */
.single-product .tp-product-summary .product-short-description {
	margin: 0 0 16px;
	color: #34414c;
	font-size: 14px;
	line-height: 1.55;
}

.single-product .tp-product-summary .product-short-description ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-product .tp-product-summary .product-short-description li {
	position: relative;
	margin: 0;
	padding: 8px 8px 8px 20px;
	border-bottom: 1px solid #e7eaed;
}

.single-product .tp-product-summary .product-short-description li::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 4px;
	width: 5px;
	height: 5px;
	border: 1.5px solid var(--tp-product-red);
	border-radius: 50%;
}

.single-product .tp-product-summary .product-short-description li:last-child {
	border-bottom: 0;
}

/* Quick meta */
.tp-product-quick-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 13px;
	color: var(--tp-product-text);
	font-size: 11px;
	line-height: 1.3;
}

.tp-product-stock-status,
.tp-product-quick-sku {
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	padding: 5px 9px;
	border: 1px solid var(--tp-product-border);
	border-radius: 999px;
	background: #f8fafb;
}

.tp-product-stock-status {
	font-weight: 850;
}

.tp-product-stock-dot {
	width: 7px;
	height: 7px;
	margin-right: 6px;
	border-radius: 50%;
	background: currentColor;
}

.tp-product-stock-status.is-instock {
	border-color: #cce8da;
	background: #effaf5;
	color: #187250;
}

.tp-product-stock-status.is-backorder {
	border-color: #efddb5;
	background: #fff8e8;
	color: #895b00;
}

.tp-product-stock-status.is-outofstock {
	border-color: #efc8ca;
	background: #fff1f2;
	color: #a11e25;
}

.tp-product-quick-sku strong {
	margin-left: 4px;
	color: var(--tp-product-navy);
}

/* Giỏ hàng + báo giá */
.single-product .tp-product-summary form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0 0 10px;
}

.single-product .tp-product-summary .quantity {
	flex: 0 0 auto;
	margin: 0;
}

.single-product .tp-product-summary .quantity input,
.single-product .tp-product-summary .quantity .button {
	height: 44px;
	min-height: 44px;
}

.single-product .tp-product-summary .single_add_to_cart_button {
	flex: 1 1 190px;
	min-height: 44px;
	margin: 0;
	padding: 0 22px;
	border-radius: 8px;
	background: var(--tp-product-red);
	box-shadow: none;
	font-size: 14px;
	font-weight: 850;
	text-transform: none;
	letter-spacing: 0;
}

.single-product .tp-product-summary .single_add_to_cart_button:hover {
	background: var(--tp-product-red-dark);
	box-shadow: none;
}

.single-product .tp-product-summary .tpql-add-button {
	flex: 1 0 100%;
	width: 100%;
	min-height: 44px;
	margin: 0;
	border-radius: 9px;
}

/* ---------------------------------------------------------
   4. BỐN Ô LIÊN HỆ DƯỚI GALLERY
   --------------------------------------------------------- */

.single-product .tp-product-media .section_contact_card {
	padding: 20px 0 0 !important;
	background: transparent;
}

.single-product .tp-product-contact-row {
	margin: 0 -5px 10px !important;
}

.single-product .tp-product-contact-row > .col {
	padding: 0 5px;
}

.single-product .tp-contact-card > .col-inner {
	height: 100%;
	min-height: 108px;
	padding: 13px;
	border: 1px solid var(--tp-product-border);
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 7px 22px rgba(23, 33, 43, .045);
}

.single-product .tp-contact-card .icon-box {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 11px;
	align-items: center;
}

.single-product .tp-contact-card .icon-box-img {
	width: 42px !important;
	margin: 0 !important;
}

.single-product .tp-contact-card .icon-box-img img {
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.single-product .tp-contact-card p {
	margin: 0 0 3px;
	line-height: 1.3;
}

.single-product .tp-contact-card .role {
	color: var(--tp-product-navy);
	font-size: 12px;
	font-weight: 850;
}

.single-product .tp-contact-card .role_intro {
	color: #6a7680;
	font-size: 10px;
}

.single-product .tp-contact-card .role_phone {
	font-size: 11px;
	font-weight: 850;
}

.single-product .tp-contact-retail .role_phone { color: var(--tp-product-red); }
.single-product .tp-contact-project .role_phone { color: #176fc1; }
.single-product .tp-contact-school .role_phone { color: #147a52; }
.single-product .tp-contact-dealer .role_phone { color: #6f45b8; }

.single-product .tp-product-zalo-button,
.single-product .tp-product-zalo-button.button {
	width: 100%;
	min-height: 44px;
	margin: 0;
	border-radius: 9px !important;
	background: #1976d2;
	color: #fff;
	box-shadow: none;
	font-weight: 850;
	text-transform: none;
	letter-spacing: 0;
}

.single-product .tp-product-zalo-button:hover {
	background: #0d64bb;
	color: #fff;
}

/* ---------------------------------------------------------
   5. DẢI DỊCH VỤ NHỎ TRONG CỘT PHẢI
   --------------------------------------------------------- */

.single-product .tp-product-service-strip {
	margin: 13px -5px 0 !important;
	padding-top: 14px;
	border-top: 1px solid #e8ebee;
}

.single-product .tp-product-service-strip > .col {
	padding: 0 5px;
}

.single-product .tp-service-mini-card > .col-inner {
	height: 100%;
	padding: 7px 2px;
	background: transparent;
}

.single-product .tp-service-mini-card .icon-box {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 7px;
	align-items: center;
}

.single-product .tp-service-mini-card .icon-box-img {
	width: 28px !important;
	margin: 0 !important;
}

.single-product .tp-service-mini-card .icon-box-img img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

.single-product .tp-service-mini-card h4 {
	margin: 0 0 3px;
	color: var(--tp-product-red);
	font-size: 11px;
	line-height: 1.2;
}

.single-product .tp-service-mini-card p {
	margin: 0;
	color: #65717c;
	font-size: 9.5px;
	line-height: 1.3;
}

/* ---------------------------------------------------------
   6. THANH ĐIỀU HƯỚNG STICKY
   --------------------------------------------------------- */

.single-product .tp-product-nav-section {
	position: sticky;
	top: var(--tp-product-sticky-offset);
	z-index: 25;
	padding: 0 !important;
	border-top: 1px solid #eceff1;
	border-bottom: 1px solid #eceff1;
	background: rgba(255,255,255,.97);
	backdrop-filter: blur(9px);
	transition: top .18s ease, box-shadow .18s ease;
}

.single-product .tp-product-nav-section.is-stuck {
	box-shadow: 0 8px 22px rgba(23, 33, 43, .09);
}

.single-product .tp-product-nav-section > .bg,
.single-product .tp-product-nav-section .ux-youtube,
.single-product .tp-product-nav-section .video-overlay {
	display: none !important;
}

.single-product .tp-product-jump-nav {
	margin: 0 auto !important;
}

.single-product .tp-product-jump-nav > .col {
	padding-bottom: 0;
}

.single-product .tp-product-jump-nav > .col > .col-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
}

.single-product .tp-product-jump-nav .button,
.single-product .tp-product-jump-link {
	min-height: 40px;
	margin: 0 3px;
	padding: 0 11px;
	border: 0;
	background: transparent;
	color: var(--tp-product-red);
	box-shadow: none;
	font-size: 12px;
	font-weight: 800;
	text-transform: none;
	letter-spacing: 0;
}

.single-product .tp-product-jump-nav .button:hover,
.single-product .tp-product-jump-link:hover {
	background: #fff1f2;
	color: var(--tp-product-red-dark);
}

#chi-tiet-ky-thuat,
#mo-ta-san-pham,
#giao-hang-bao-hanh,
#cau-hoi-thuong-gap,
#san-pham-lien-quan {
	scroll-margin-top: calc(var(--tp-product-sticky-offset) + 64px);
}

/* Link động tự ẩn khi nội dung tương ứng trống. */
.tp-product-no-technical-details
.tp-product-jump-nav a[href="#chi-tiet-ky-thuat"],
.tp-product-no-long-description
.tp-product-jump-nav a[href="#mo-ta-san-pham"],
.tp-product-no-faq
.tp-product-jump-nav a[href="#cau-hoi-thuong-gap"] {
	display: none !important;
}

/* ---------------------------------------------------------
   7. ẨN SECTION ĐỘNG KHI TRỐNG
   --------------------------------------------------------- */

.tp-product-no-technical-details .tp-product-technical-section-wrap,
.tp-product-no-long-description .tp-product-description-section,
.tp-product-no-faq .tp-product-faq-section-wrap {
	display: none !important;
}

/* ---------------------------------------------------------
   8. HEADING CHUNG
   --------------------------------------------------------- */

.single-product .tp-section-heading,
.single-product .tp-product-section-heading h2 {
	margin: 0 0 8px;
	color: var(--tp-product-navy);
	font-size: clamp(27px, 3vw, 36px);
	font-weight: 850;
	line-height: 1.18;
	letter-spacing: -.02em;
}

.single-product .tp-section-intro,
.single-product .tp-product-section-heading p {
	max-width: 820px;
	margin: 0;
	color: var(--tp-product-muted);
	font-size: 14px;
	line-height: 1.65;
}

.single-product .tp-product-section-heading {
	margin-bottom: 24px;
}

/* ---------------------------------------------------------
   9. BẢNG CHI TIẾT KỸ THUẬT
   --------------------------------------------------------- */

.tp-product-technical-section {
	width: 100%;
	margin: 0;
}

.tp-product-technical-table-wrap {
	overflow: hidden;
	border: 1px solid var(--tp-product-border);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(23, 33, 43, .05);
}

.tp-product-technical-table {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: #fff;
}

.tp-product-technical-table th,
.tp-product-technical-table td {
	padding: 16px 20px !important;
	border: 0 !important;
	border-bottom: 1px solid #e7eaed !important;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
}

.tp-product-technical-table tr:last-child th,
.tp-product-technical-table tr:last-child td {
	border-bottom: 0 !important;
}

.tp-product-technical-table th {
	width: 30%;
	background: #f7f9fa;
	color: #26333e;
	font-weight: 850;
}

.tp-product-technical-table td {
	color: #53606b;
}

/* ---------------------------------------------------------
   10. MÔ TẢ DÀI
   --------------------------------------------------------- */

.tp-product-description-dynamic {
	width: 100%;
	padding: 26px;
	border: 1px solid var(--tp-product-border);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(23, 33, 43, .045);
	color: #34414c;
	font-size: 15px;
	line-height: 1.75;
}

.tp-product-description-dynamic > *:first-child { margin-top: 0; }
.tp-product-description-dynamic > *:last-child { margin-bottom: 0; }

.tp-product-description-dynamic h2,
.tp-product-description-dynamic h3,
.tp-product-description-dynamic h4 {
	color: var(--tp-product-navy);
	font-weight: 850;
	line-height: 1.3;
}

.tp-product-description-dynamic img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 18px auto;
	border-radius: 11px;
}

.tp-product-description-dynamic iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
	margin: 22px auto;
	border-radius: 12px;
}

/* ---------------------------------------------------------
   11. GIAO HÀNG – LẮP ĐẶT – BẢO HÀNH
   --------------------------------------------------------- */

.single-product .tp-product-service-cards {
	margin-top: 22px;
	margin-bottom: 0 !important;
}

.single-product .tp-product-service-card > .col-inner {
	height: 100%;
	min-height: 155px;
	padding: 20px;
	border: 1px solid var(--tp-product-border);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 9px 25px rgba(23, 33, 43, .045);
}

.single-product .tp-product-service-card .icon-box {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 13px;
	align-items: flex-start;
}

.single-product .tp-product-service-card .icon-box-img {
	width: 48px !important;
	margin: 0 !important;
}

.single-product .tp-product-service-card .icon-box-img img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}

.single-product .tp-product-service-card h3 {
	margin: 0 0 7px;
	color: var(--tp-product-navy);
	font-size: 17px;
}

.single-product .tp-product-service-card p {
	margin: 0;
	color: #64717c;
	font-size: 13px;
	line-height: 1.6;
}

/* ---------------------------------------------------------
   12. FAQ
   --------------------------------------------------------- */

.tp-product-faq-section {
	width: 100%;
	margin: 0;
}

.tp-product-faq-list {
	border-top: 1px solid #dfd5c8;
}

.tp-product-faq-item {
	border-bottom: 1px solid #dfd5c8;
}

.tp-product-faq-item summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 0;
	color: #2c2721;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.5;
	cursor: pointer;
	list-style: none;
}

.tp-product-faq-item summary::-webkit-details-marker {
	display: none;
}

.tp-product-faq-symbol {
	position: relative;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
}

.tp-product-faq-symbol::before,
.tp-product-faq-symbol::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	background: #2c2721;
	transform: translate(-50%, -50%);
	transition: transform .18s ease;
}

.tp-product-faq-symbol::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.tp-product-faq-item[open] .tp-product-faq-symbol::after {
	transform: translate(-50%, -50%) rotate(0);
}

.tp-product-faq-answer {
	padding: 0 34px 18px 0;
	color: #655c52;
	font-size: 14px;
	line-height: 1.7;
}

.tp-product-faq-answer p:last-child {
	margin-bottom: 0;
}

/* ---------------------------------------------------------
   13. SẢN PHẨM LIÊN QUAN
   --------------------------------------------------------- */

/* Ẩn heading mặc định “Sản phẩm tương tự”. */
.single-product
.tp-product-related-section
.product-section-title-related {
	display: none !important;
}

.single-product
.tp-product-related-section
.related-products-wrapper {
	margin-top: 24px;
}

.single-product
.tp-product-related-section
.product-small > .col-inner {
	height: 100%;
}

.single-product
.tp-product-related-section
.product-small .box {
	height: 100%;
	overflow: hidden;
	border: 1px solid var(--tp-product-border);
	border-radius: 13px;
	background: #fff;
	box-shadow: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

.single-product
.tp-product-related-section
.product-small .box:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 30px rgba(23, 33, 43, .09);
}

.single-product
.tp-product-related-section
.product-small .box-image {
	overflow: hidden;
	border-radius: 12px 12px 0 0;
}

/* ---------------------------------------------------------
   14. CTA THEO NHÓM KHÁCH HÀNG
   --------------------------------------------------------- */

.single-product .tp-product-audience-cta h2,
.single-product .tp-product-audience-cta .tp-section-heading {
	color: #fff;
}

.single-product .tp-product-audience-cta .tp-section-intro {
	color: rgba(255,255,255,.86);
}

.single-product .tp-product-audience-grid {
	margin-top: 22px !important;
}

.single-product .tp-audience-card > .col-inner {
	height: 100%;
	min-height: 205px;
	padding: 19px;
	border-radius: 14px;
	background: #fff;
	color: var(--tp-product-text);
	box-shadow: 0 10px 26px rgba(91, 0, 9, .16);
}

.single-product .tp-audience-card .icon-box {
	display: grid;
	grid-template-columns: 44px minmax(0,1fr);
	gap: 12px;
	align-items: flex-start;
}

.single-product .tp-audience-card .icon-box-img {
	width: 44px !important;
	margin: 0 !important;
}

.single-product .tp-audience-card .icon-box-img img {
	width: 44px;
	height: 44px;
	object-fit: contain;
}

.single-product .tp-audience-card h3 {
	margin: 0 0 7px;
	color: var(--tp-product-navy);
	font-size: 16px;
}

.single-product .tp-audience-card p {
	color: #5e6a75;
	font-size: 13px;
	line-height: 1.55;
}

.single-product .tp-audience-card .button {
	min-height: 37px;
	margin: 7px 0 0;
	border-radius: 7px;
	box-shadow: none;
	font-size: 12px;
	font-weight: 850;
	text-transform: none;
	letter-spacing: 0;
}

/* ---------------------------------------------------------
   15. RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 849px) {
	.single-product .tp-product-hero {
		margin-top: 8px !important;
		margin-bottom: 24px !important;
	}

	.single-product .tp-product-media {
		margin-bottom: 22px;
	}

	.single-product .tp-product-summary > .col-inner {
		padding: 18px !important;
		border-radius: 14px;
	}

	.single-product .tp-product-summary .product-title {
		font-size: 27px;
	}

	.single-product .tp-product-service-strip > .col {
		flex-basis: 50%;
		max-width: 50%;
	}

	.single-product .tp-product-nav-section {
		overflow: hidden;
	}

	.single-product .tp-product-jump-nav > .col > .col-inner {
		justify-content: flex-start;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.single-product
	.tp-product-jump-nav
	> .col
	> .col-inner::-webkit-scrollbar {
		display: none;
	}

	.single-product .tp-product-jump-link {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.single-product .tp-product-technical-section-wrap,
	.single-product .tp-product-description-section,
	.single-product .tp-product-service-section,
	.single-product .tp-product-faq-section-wrap,
	.single-product .tp-product-related-section {
		padding-top: 46px !important;
		padding-bottom: 50px !important;
	}

	.single-product .tp-product-audience-cta {
		padding-top: 46px !important;
		padding-bottom: 50px !important;
	}

	.single-product .tp-product-service-card,
	.single-product .tp-audience-card {
		margin-bottom: 12px;
	}
}

@media (max-width: 549px) {
	.single-product .tp-product-summary > .col-inner {
		padding: 15px !important;
	}

	.single-product .tp-product-summary .product-title {
		font-size: 24px;
	}

	.single-product .tp-product-summary form.cart {
		gap: 8px;
	}

	.single-product .tp-product-summary .single_add_to_cart_button {
		padding-left: 14px;
		padding-right: 14px;
	}

	.single-product .tp-product-contact-row > .col {
		flex-basis: 100%;
		max-width: 100%;
		margin-bottom: 8px;
	}

	.single-product .tp-contact-card > .col-inner {
		min-height: 96px;
	}

	.single-product .tp-product-service-strip > .col {
		flex-basis: 50%;
		max-width: 50%;
	}

	.single-product .tp-section-heading,
	.single-product .tp-product-section-heading h2 {
		font-size: 25px;
	}

	.tp-product-technical-table th,
	.tp-product-technical-table td {
		display: block;
		width: 100%;
		padding: 12px 14px !important;
	}

	.tp-product-technical-table th {
		padding-bottom: 5px !important;
		border-bottom: 0 !important;
	}

	.tp-product-technical-table td {
		padding-top: 4px !important;
	}

	.tp-product-description-dynamic {
		padding: 16px;
		font-size: 14px;
	}

	.tp-product-faq-item summary {
		padding: 15px 0;
		font-size: 13px;
	}

	.tp-product-faq-answer {
		padding-right: 0;
	}

	.single-product .tp-product-service-card .icon-box,
	.single-product .tp-audience-card .icon-box {
		grid-template-columns: 40px minmax(0,1fr);
	}

	.single-product .tp-product-service-card .icon-box-img,
	.single-product .tp-product-service-card .icon-box-img img,
	.single-product .tp-audience-card .icon-box-img,
	.single-product .tp-audience-card .icon-box-img img {
		width: 40px !important;
		height: 40px;
	}
}