/* Inner pages: only what main-style.css (original tlptech) does not already cover. */

/* Breadcrumb inside our wrapper */
.breadcrumb-w .breadcrumb { margin-bottom: 0; border-radius: 0; }

/* Sub-category chips (category.tpl) */
.hs-cat-chips { margin-top: 15px; }
.hs-cat-chips a { color: #333; }
.hs-cat-chips .border { background: #fff; }
.hs-cat-chips .btn-warning { background: #a65f25; border-color: #a65f25 !important; }
.hs-listing { padding-bottom: 40px; }

/* Product card: second image fades in/out like the original */
.product-thumb .image img.top { width: 100%; height: 100%; object-fit: cover; }
.product-thumb .caption .price .woocommerce-Price-amount { color: #AF0202; font-weight: 700; }
.product-thumb .caption .price del { color: #aaa; font-weight: 400; }
.product-thumb .caption .price ins { text-decoration: none; }
.product-thumb .caption.text-center .name { font-size: 14px; }

/* Pagination (li > a / span) */
ul.pagination { list-style: none; padding: 0; margin: 25px 0; display: flex; flex-wrap: wrap; }
ul.pagination li { padding: 0; border-color: #3f4449; }
ul.pagination li a,
ul.pagination li span { display: block; padding: .5rem .85rem; color: #3f4449; }
ul.pagination li a:hover { background: #eee; }
ul.pagination li.active { background: #3f4449; }
ul.pagination li.active span { color: #fff; }

/* Product detail */
.product-details { padding-top: 25px; padding-bottom: 30px; }
.product-info .big-image img { width: 100%; height: auto; display: block; }
.product-info .image-additional .image_carousel { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 15px; padding: 0; }
.product-info .image-additional .image_carousel li { width: calc(25% - 6px); cursor: pointer; background: #fff; }
.product-info .image-additional .image_carousel li:hover { border-color: #a65f25; }
.product-info .image-additional .image_carousel li img { width: 100%; height: auto; display: block; }
.product-info h1 { font-family: "Playfair Display", serif; color: #a65f25; }
.product-info .product-page-price { color: #AF0202; }
.product-info .product-page-price del { color: #aaa; font-weight: 400; font-size: 80%; }
.product-info .product-page-price ins { text-decoration: none; }
.product-info .description label { font-weight: 600; margin-bottom: 0; }
.product-info .stock_status { color: #AF0202; }
.product-info .stock_status.in_stock { color: #28a745; }
.product-info .thong-tin img { max-width: 100%; height: auto; }
.btn-hotline { padding: 10px 12px; }
.btn-hotline img { width: 30px; }
.related-product { padding: 30px 0 40px; border-top: 1px solid #eee; }
.related-product .module-title .title { font-size: 30px; }

/* Blog cards */
.blog_list .blog-item { margin-bottom: 20px; }
.blog_list .blog-item .image { background: #f4efe6; overflow: hidden; }
.blog_list .blog-item .image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; transition: transform .3s ease; }
.blog_list .blog-item .image img.hs-noimg { object-fit: contain; padding: 20px; }
.blog_list .blog-item:hover .image img { transform: scale(1.05); }
.blog_list .blog-item .blog_title { font-size: 16px; line-height: 22px; min-height: 66px; }
.blog_list h2.blog_title.py-3 { text-align: left; font-size: 24px; }
.blog_list .item-grid .blog-item { margin-bottom: 15px; }
.page-title { font-family: "Playfair Display", serif; }
.hs-listing h1.page-title, #content > h1.page-title, .container > h1.page-title { color: #a65f25; }
.breadcrumb-header .container h1.page-title { color: #fff; }

/* Blog detail */
.blog-detail { padding: 25px 0; }
.blog-detail .blog_post img { max-width: 100%; height: auto; }
.blog-detail .post-date { color: #696562; }
.blog-detail .hs-entry-content { line-height: 1.8; }
.hs-related-box { background: #f1fbff; border: .5px solid #54b8ff; border-radius: 8px; padding: 12px 18px 10px; display: block; }
.hs-related-box a { color: #a65f25; }
.blog-detail .tags { margin: 15px 0; }

/* Right / left column boxes */
#column-right, #column-left { margin-bottom: 25px; }
.box-category .box-title { font-weight: bold; }
.blog-category-col .box-content > ul li.open > ul,
.blog-category-col .box-content > ul li.active > ul { display: block; margin-left: 15px; }
.blog-category-col .box-content > ul li ul li a { margin-left: 0; }
.information-category-col .box-content > ul li.active > a { color: #a65f25; font-weight: bold; }
.col-best-sale .article img { width: 100%; height: auto; }

/* Information pages */
.div-information { padding-top: 25px; padding-bottom: 40px; }
.info-page-content img { max-width: 100%; height: auto; }

/* Contact page */
.map-google iframe { width: 100%; height: 400px; border: 0; }
.heading-title { font-family: "Playfair Display", serif; color: #a65f25; margin-bottom: 15px; }
.form-group.required .control-label:after { content: " *"; color: #d31129; }

@media (max-width: 575px) {
  .product-info .image-additional .image_carousel li { width: calc(33.333% - 6px); }
}