.main-container{padding:80px 0 50px}
@media(max-width:768px){
	.main-container{padding:30px 0 20px}
}

        .product-head { margin-bottom: 1.5rem;background:#fff}
        .product-head .title {font-size: 1.5rem;color: #333;font-weight: 600;margin-bottom: 20px;}
        .product-head .sub-title{ font-size: 1.25rem;color: #555;margin-bottom:20px}
        .product-head .text{border-bottom: 1px solid #ddd;padding-bottom: 20px;}
        .product-head .btn{font-size: 14px;padding: 1rem 1.5rem;transition: background-color ease 0.3s;margin-right:20px;width:100%;display:inline-flex;align-items:center;justify-content:center;background:#777;color:#fff;border:1px solid #777;}
        .product-head .btn .icon{ margin-right:8px;transition: all ease 0.3s;}
        .product-cart{display:block;margin-top:24px}
        .product-head .summary{ color: #999;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:25px;line-height: 1.6;font-size:1rem}
        .product-head .features{ color: #888;font-size:1rem;}
        .product-head .product-tags{margin-top:22px;padding-top:18px;margin-bottom:4px;border-top:1px solid #eee}
        .product-head .product-tags .sub-title{margin-bottom:12px}
        .product-head .product-tags-list{display:flex;flex-wrap:wrap;gap:8px}
        .product-head .product-tags-list a{
        	display:inline-flex;align-items:center;padding:5px 12px;
        	border:1px solid #ddd;border-radius:4px;color:#555;font-size:13px;
        	text-decoration:none;line-height:1.3;background:#fff;
        	transition:all ease .2s;
        }
        .product-head .product-tags-list a:hover{
        	color:#fff;background:var(--main-color,#b32123);border-color:var(--main-color,#b32123);
        }
        .product-head .btn:hover{ background:var(--main-color);color: #fff;border:1px solid var(--main-color)}
        .product-head .btn:hover .icon{ color: #fff;}
        @media(max-width:768px) {
            .product-head .entry-wrapper{padding-top:15px}
            .product-head .btn{ padding: 0.875rem 0.25rem;font-size:13px;margin-right:0}
        }

        .nav-tabs-product{background:#f0f0f0;}
        .content-container .nav-item{height:100%}
        .content-container .nav-link{ padding: 1.2rem 3rem;font-size:1rem;text-align:center;border-color: transparent #f0f0f0 transparent transparent !important;transition:all ease .2s;height:100%}
        .content-container .nav-link.active{ font-weight: 600;background:#b32123;color:#fff;}
        .content-wrapper.products{padding:20px 0;font-size:14px;line-height:1.75}
        #product-content .content-wrapper.products p,
        #product-content .content-wrapper.products span,
        #product-content .content-wrapper.products li,
        #product-content .content-wrapper.products td,
        #product-content .content-wrapper.products th,
        #product-content .content-wrapper.products div,
        #product-content .content-wrapper.products font,
        #product-content .content-wrapper.products b,
        #product-content .content-wrapper.products strong,
        .content-wrapper.products p,
        .content-wrapper.products span,
        .content-wrapper.products li,
        .content-wrapper.products td,
        .content-wrapper.products th,
        .content-wrapper.products div,
        .content-wrapper.products font,
        .content-wrapper.products b,
        .content-wrapper.products strong{
            font-size:14px!important;
            line-height:1.75;
        }
        @media(max-width:768px) {
            .content-container .nav-link{padding:10px 15px;font-size:15px}
        }


        .btn.livechat{background:var(--main-color);}

@media (max-width:767.98px){
	.product-cart .col.d-none.d-md-block{display:none !important}
}
@media (min-width:768px){
	.product-cart .col.d-none.d-md-block{display:block !important}
}

.product-col{display:flex;flex-direction:column;height:100%;background:#fff}
.product-col .thumbnail{display:block;overflow:hidden;border:0;aspect-ratio:1/1;background:#fafafa}
.product-col .thumbnail img{width:100%;height:100%;object-fit:contain;display:block}
.product-col .entry-title{
	margin:10px 0 6px;font-size:15px;line-height:1.4;font-weight:600;
	min-height:0;
}
.product-col .entry-title a{
	color:#333;text-decoration:none;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	line-clamp:3;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-word;
}
.product-col .entry-wrapper .text-center{
	margin-top:0;padding-top:0;
}
.product-col .more{
	display:inline-flex;align-items:center;justify-content:center;
	white-space:nowrap;max-width:100%;
	padding:8px 14px;font-size:14px;line-height:1.2;
	margin-top:4px;
}
@media (max-width:767.98px){
	.product-col .entry-title{margin:8px 0 4px}
	.product-col .more{
		padding:7px 10px;font-size:12px;letter-spacing:0;margin-top:2px;
	}
}
.product-pagination{display:flex;flex-wrap:wrap;gap:8px;padding:30px 0 10px;align-items:center;justify-content:center}
/* pagination rules moved to inquiry-block.css (shared with news) */

.widget-collapse .sub-menu .menu-link{padding-left:24px}

/* product category bar dropdown (match sample) */
.menu-horizontal .nav-item.dropdown{position:relative}
.menu-horizontal .nav-link.dropdown-toggle{padding-right:2.75rem}
.menu-horizontal .nav-link.dropdown-toggle::after{
	position:absolute;right:1.25rem;top:50%;margin:0;transform:translateY(-50%);
	border-top-color:currentColor;opacity:.75
}
.menu-horizontal .dropdown-menu{
	margin:0;padding:.35rem 0;border:1px solid #e8e8e8;border-radius:0;
	min-width:100%;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:30
}
.menu-horizontal .dropdown-item{padding:.55rem 1.25rem;font-size:.95rem;color:#555;white-space:normal}
.menu-horizontal .dropdown-item:hover,
.menu-horizontal .dropdown-item:focus{background:#f7f7f7;color:var(--main-color,#b32123)}
.menu-horizontal .dropdown-item.active{color:var(--main-color,#b32123);font-weight:600;background:transparent}
@media (max-width:767.98px){
	.menu-horizontal-wrapper{display:none !important}
}
@media (min-width:768px){
	.menu-horizontal .nav-item.dropdown:hover > .dropdown-menu{display:block}
}

/* Product detail thumbs: square 1:1 on mobile (avoid tall narrow strips) */
.hg-product-gallery-horizontal .product-thumbs-horizontal{
	height:auto;
}
.hg-product-gallery-horizontal .product-thumbs-horizontal .swiper-slide{
	aspect-ratio:1/1;
	height:auto;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:4px;
	overflow:hidden;
	background:#fff;
}
.hg-product-gallery-horizontal .product-thumbs-horizontal .swiper-slide .img-fluid{
	width:100%;
	height:100%;
	max-height:none;
	object-fit:contain;
	display:block;
}
.hg-product-gallery-horizontal .product-thumbs-horizontal .swiper-slide-thumb-active{
	opacity:1;
	border-color:#111;
}
@media (min-width:992px){
	.hg-product-gallery-horizontal .product-thumbs-horizontal{
		height:80px;
	}
	.hg-product-gallery-horizontal .product-thumbs-horizontal .swiper-slide{
		aspect-ratio:auto;
		height:100%;
	}
	.hg-product-gallery-horizontal .product-thumbs-horizontal .swiper-slide .img-fluid{
		width:auto;
		height:auto;
		max-height:100%;
		object-fit:cover;
	}
}

/* Product detail banner — same shell as other inner pages */
.product-detail-banner.banner-simple{height:320px}
@media(max-width:768px){
	.product-detail-banner.banner-simple{height:200px}
}

/* Search page — reuse product grid shell; center summary + soften search input */
.main-container .search-summary{
	text-align:center;
}
.main-container .search-summary .cate-group{
	max-width:520px;margin:20px auto 0;
}
.main-container .search-summary .cate-group .form-control{box-shadow:none;border:1px solid #ddd}
.main-container .search-empty{
	text-align:center;
}
.main-container .search-empty .more{
	display:inline-flex;align-items:center;justify-content:center;
	padding:10px 28px;border:1px solid var(--main-color,#b32123);
	background:var(--main-color,#b32123);color:#fff;text-decoration:none;border-radius:4px;
}

/* Tags / Sitemap / 404 — inner-page shell helpers */
.main-container .tags-page-desc{
	text-align:center;color:#666;margin:0 0 28px;font-size:15px;line-height:1.6;
}
.xy-site-map-list{
	list-style:none;margin:0;padding:0;
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;
}
.xy-site-map-list a{color:#333;text-decoration:none;font-size:15px;line-height:1.5}
.xy-site-map-list a:hover{color:var(--main-color,#b32123)}
@media(max-width:767.98px){
	.xy-site-map-list{grid-template-columns:1fr 1fr;gap:8px 16px}
}
.xy-404-panel .xy-404-code{
	font-size:72px;font-weight:700;line-height:1;color:var(--main-color,#b32123);letter-spacing:.04em;
}
.xy-404-panel .xy-404-desc{margin:12px 0 28px;color:#666;font-size:15px;line-height:1.6}
.xy-404-panel .xy-404-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}
.xy-404-panel .xy-404-actions .more{
	display:inline-flex;align-items:center;justify-content:center;
	padding:10px 22px;border:1px solid var(--main-color,#b32123);
	background:var(--main-color,#b32123);color:#fff;text-decoration:none;border-radius:4px;
}
.xy-404-panel .xy-404-actions .more-ghost{
	background:#fff;color:var(--main-color,#b32123);
}
.xy-404-panel .xy-404-sec{text-align:left;margin-top:28px;padding-top:24px;border-top:1px solid #eee}
.xy-404-panel .xy-404-sec h2{margin:0 0 14px;font-size:18px;color:#333}
.xy-404-panel .xy-404-links{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;margin:0;padding:0}
.xy-404-panel .xy-404-links a{color:var(--main-color,#b32123);text-decoration:none;font-size:14px}

/* Product detail tables: override Word/MsoNormalTable fixed height/width that stacks text on mobile */
#product-content .content-wrapper.products,
.content-wrapper.products{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	max-width:100%;
}
.content-wrapper.products table,
.content-wrapper.products table.MsoNormalTable{
	width:100%!important;
	max-width:100%!important;
	table-layout:auto!important;
	border-collapse:collapse!important;
	height:auto!important;
	margin-left:0!important;
}
.content-wrapper.products table tr,
.content-wrapper.products table td,
.content-wrapper.products table th,
.content-wrapper.products table p,
.content-wrapper.products table span{
	height:auto!important;
	min-height:0!important;
	max-height:none!important;
	line-height:1.55!important;
}
.content-wrapper.products table td,
.content-wrapper.products table th{
	width:auto!important;
	max-width:none!important;
	word-break:break-word;
	overflow-wrap:anywhere;
	box-sizing:border-box;
	vertical-align:top!important;
	overflow:visible!important;
	white-space:normal!important;
}
.content-wrapper.products table p{
	margin:0!important;
	text-align:left!important;
}
@media (max-width:768px){
	.content-wrapper.products table,
	.content-wrapper.products table td,
	.content-wrapper.products table th,
	.content-wrapper.products table p,
	.content-wrapper.products table span{
		font-size:14px!important;
	}
	.content-wrapper.products table td,
	.content-wrapper.products table th{
		padding:10px 8px!important;
	}
}
@media (max-width:576px){
	.content-wrapper.products table,
	.content-wrapper.products tbody,
	.content-wrapper.products tr,
	.content-wrapper.products td,
	.content-wrapper.products th{
		display:block;
		width:100%!important;
		float:none!important;
		position:static!important;
	}
	.content-wrapper.products tr{
		margin-bottom:12px;
		border:1px solid #dee2e6;
		background:#fff;
		overflow:hidden;
	}
	.content-wrapper.products td:first-child,
	.content-wrapper.products th:first-child{
		background:#f7f7f7;
		font-weight:600;
		border-bottom:1px solid #eee!important;
	}
	.content-wrapper.products td,
	.content-wrapper.products th{
		border:none!important;
		text-align:left!important;
	}
	.content-wrapper.products td p,
	.content-wrapper.products th p{
		text-align:left!important;
		margin:0!important;
	}
}