body.itk-site { font-family: "Open Sans", sans-serif; font-weight: 300; }

.itk-container { max-width: 1320px; margin: 0 auto; padding: 0 15px; }

.itk-row.itk-fluid { width: 100%; }

#itk-header { background: #ffffff; padding: 0 20px; }

.itk-grid { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }

.itk-col-left, .itk-col-right { flex: 0 0 100%; }

.itk-col-main { flex: 1 1 100%; min-width: 0; }

@media (min-width: 992px) {
	.itk-col-left, .itk-col-right { flex: 0 0 calc(33.333% - 14px); }

	.itk-col-main { flex: 1 1 auto; }
}

#itk-footer, #itk-position6 { background: #000033; color: #ffffff; padding: 30px 20px; }

#itk-footer a, #itk-position6 a { color: #ffffff; }

#itk-footer a:hover, #itk-position6 a:hover { color: #ffffff; text-decoration: underline; }

.itk-copyright { text-align: center; margin-top: 16px; font-size: 13px; }

@media (max-width: 991px) { .itk-hide-mobile { display: none; } }

#eshop-main-container .page-header h1.page-title.eshop-title { font-size: 14px !important; }

.eshop-product-desc p { font-size: 14px; }

#products-list h5, #products-list h5 a { color: #252525 !important; }

#products-list h5 a:hover { color: #252525 !important; }

#itk-wrapper { overflow-x: clip; }

/* กันข้อความยาวล้นออกนอกกรอบ */
#itk-position6, #itk-bottom4, #itk-footer {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

/* เว้นระยะพื้นที่เนื้อหาหลัก */
/* จำกัดความกว้างเฉพาะแถวเนื้อหา - ไม่แตะ header/menu */
#itk-position6 > *, #itk-bottom4 > *, #itk-footer > * {
	max-width: 1320px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
#itk-main { padding: 24px 0; }


/* Topbar เข้มหนา */
#itk-topbar, #itk-topbar *,
[id^="mod-itk-topbar"], [id^="mod-itk-topbar"] * {
	font-weight: 600 !important;
}

/* Breadcrumb ตัวหนา */
.mod-hu-breadcrumbs, .mod-hu-breadcrumbs *,
.mod-hu-breadcrumbs__wrapper, .mod-hu-breadcrumbs__wrapper *,
#itk-title .breadcrumb, #itk-title .breadcrumb *,
.breadcrumb-item, .breadcrumb-item a.pathway {
	font-weight: 600 !important;
}

/* P/N ตัวหนา */
#product-dynamic-info .product-sku,
#product-dynamic-info .product-sku *,
#product-dynamic-info .product-manufacturer,
#product-dynamic-info .product-manufacturer * {
	font-weight: 600 !important;
}

/* Search panel กระชับ */
#tmSearchPanel {
	height: auto !important;
	padding-bottom: 24px !important;
}
#tmHotSuggest:empty { display: none !important; }

/* Search: ปุ่มสูงเท่าช่องกรอก */
#tmSearchForm {
	display: flex !important;
	align-items: stretch !important;
}
#tmSearchSubmit {
	height: auto !important;
	align-self: stretch !important;
}

/* รูปสินค้าอยู่กลางกรอบ */
#main-image-area {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

/* รายละเอียดสินค้า */
.product-short-desc, .product-short-desc *,
.product-desc, .product-desc * {
	font-weight: 600 !important;
}

/* คอลัมน์รายละเอียดสินค้า */
#itk-main .col-md-6,
#itk-main .col-md-6 * {
	font-weight: 600 !important;
}

/* แท็บ Description */
#description, #description *,
.tab-pane, .tab-pane * {
	font-weight: 400 !important;
}

/* FAQ accordion กระชับ */
#FaqAccordion .accordion-button,
#FaqAccordion .accordion-body {
	font-size: 14px !important;
	padding: 8px 14px !important;
	line-height: 1.5 !important;
}
#FaqAccordion .accordion-item {
	margin-bottom: 0 !important;
}

/* Footer ตัวหนา + แก้ที่อยู่เยื้อง */
#itk-footer, #itk-footer * {
	font-weight: 500 !important;
}
#itk-footer .indent {
	text-indent: 0 !important;
}

/* มือถือ: การ์ดสินค้าไม่ล้นจอ */
@media (max-width: 767px) {
	.ajax-block-product {
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow-wrap: break-word !important;
	}
	.ajax-block-product .eshop-price,
	.ajax-block-product [class*="price"] {
		width: 100% !important;
		text-align: center !important;
	}
	.eshop-buttons, .eshop-cart-area {
		text-align: center !important;
	}
}

/* มือถือ: จัดขนาดตัวอักษรให้กระชับ */
@media (max-width: 767px) {
	#itk-main {
		padding: 12px 14px !important;
	}
	#itk-main h1 {
		font-size: 1.4rem !important;
		line-height: 1.35 !important;
		margin: 0 0 .5em !important;
	}
	#itk-main h2 {
		font-size: 1.2rem !important;
		line-height: 1.35 !important;
		margin: 1em 0 .4em !important;
	}
	#itk-main h3 {
		font-size: 1.05rem !important;
		margin: .8em 0 .4em !important;
	}
	#itk-main p,
	#itk-main li {
		font-size: 15px !important;
		line-height: 1.6 !important;
		margin-bottom: .7em !important;
	}
	#itk-main ul,
	#itk-main ol {
		padding-left: 1.2em !important;
	}
	#FaqAccordion .accordion-button {
		font-size: 14px !important;
		padding: 10px 12px !important;
		line-height: 1.4 !important;
	}
}

/* ลิงก์หมวดย่อยในหน้าหมวดสินค้า */
#itk-main .col-md-4 a,
#itk-main .col-md-3 a,
#itk-main .row a {
	font-weight: 400 !important;
}

/* Mobile-friendly: ตัวอักษรและปุ่มขั้นต่ำ */
@media (max-width: 767px) {
	.tm-drawer-extra-link {
		font-size: 13px !important;
		padding: 10px 12px !important;
	}
	.tm-iconbtn,
	.tm-search-close,
	.tm-drawer-close {
		min-width: 44px !important;
		min-height: 44px !important;
	}
	.itkbar__item {
		min-height: 32px !important;
		padding: 6px 8px !important;
	}
}

/* Hero header ในบทความ ให้เตี้ยลง */
.com-content-article__body header.py-5 {
	padding: 24px 16px !important;
}
.com-content-article__body header.py-5,
.com-content-article__body header.py-5 * {
	font-size: 1.6rem !important;
}

/* เมนูมือถือ (drawer) สีเข้มขึ้น */
#tmDrawer a,
#tmDrawer button,
.hu20-toggle,
.hu20-item a {
	color: #1a1a1a !important;
}

/* Mega menu - สีดำนุ่ม ชิด */
.hu4-list a {
	color: #252525 !important;
	padding: 2px 10px !important;
	line-height: 1.3 !important;
}

/* รายการสินค้า: ชื่อหนา คำอธิบายเล็ก */
#products-list h5,
#products-list h5 a,
.ajax-block-product h5 {
	font-weight: 600 !important;
}
.eshop-product-desc,
.product-short-desc {
	font-size: 13px !important;
}

/* ชื่อสินค้าในรายการ (ajax block) */
.ajax-block-product h5,
.ajax-block-product h5 a,
.ajax-block-product .product-name,
.ajax-block-product .product-name a {
	font-weight: 600 !important;
}

/* หน้าบล็อก: การ์ดกระชับ */
#itk-main .card.mb-3 {
	margin-bottom: 12px !important;
}
#itk-main .card-body {
	padding: 12px 14px !important;
}
#itk-main .card-title {
	font-size: 17px !important;
	line-height: 1.35 !important;
	margin-bottom: 6px !important;
}
#itk-main .card-text,
#itk-main .card-body p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	margin-bottom: 4px !important;
}
#itk-main .card img {
	max-height: 300px !important;
	object-fit: cover !important;
}

/* H1 สำหรับ SEO (ซ่อนแบบ accessible) */
.itk-h1-seo {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
