/*! w101 pages — titlebar / lists / pagination (brand #008BD0) */

/* ===== Titlebar ===== */
.header_hor .l-header.pos_fixed ~ .w101-titlebar{
	padding-top:110px !important;
}
.w101-titlebar.l-titlebar{
	background:linear-gradient(135deg,#f0f6fa 0%,#e8f1f7 45%,#f5f8fa 100%) !important;
	border-bottom:1px solid #e2ebf1;
	position:relative;
	overflow:visible !important;
	text-align:center !important;
}
.w101-titlebar.l-titlebar::before{
	content:"";
	position:absolute;
	left:0;right:0;top:0;
	height:3px;
	background:linear-gradient(90deg,#008BD0,#5eb8e8 55%,#FDE428);
}
.w101-titlebar.l-titlebar::after{display:none !important;}
.w101-titlebar .l-titlebar-h{
	position:relative;
	z-index:1;
	display:flex !important;
	flex-direction:column !important;
	flex-wrap:nowrap !important;
	align-items:center !important;
	justify-content:center !important;
	text-align:center !important;
	padding:18px 0 20px !important;
	min-height:0 !important;
	width:100% !important;
	max-width:1140px;
	margin:0 auto;
	box-sizing:border-box;
}
.w101-titlebar .l-titlebar-content{
	display:block !important;
	float:none !important;
	width:100% !important;
	text-align:center !important;
	margin:0 !important;
	padding:0 !important;
}
.w101-titlebar .l-titlebar-content h1{
	display:block !important;
	float:none !important;
	width:100% !important;
	text-align:center !important;
	margin:0 0 8px !important;
	padding:0 !important;
}
.w101-titlebar .l-titlebar-content h1 a,
.w101-titlebar .l-titlebar-content h1{
	color:#1a2a36 !important;
	font-size:26px !important;
	font-weight:600 !important;
	letter-spacing:.06em !important;
	text-transform:uppercase !important;
	text-decoration:none !important;
	line-height:1.3 !important;
}
.w101-titlebar .l-titlebar-content h1 a{
	display:inline-block !important;
	padding:0 12px !important;
}
.w101-titlebar .l-titlebar-content h1:before,
.w101-titlebar .l-titlebar-content h1:after{
	display:none !important;
	content:none !important;
}
.w101-titlebar .l-titlebar-content h1 a:hover{color:#008BD0 !important;}
.w101-titlebar .g-breadcrumbs{
	display:block !important;
	float:none !important;
	position:static !important;
	width:100% !important;
	text-align:center !important;
	margin:0 !important;
	padding:0 !important;
	font-size:13px !important;
	color:#7a8792 !important;
	line-height:1.5 !important;
}
.w101-titlebar .g-breadcrumbs a{
	color:#5a6b78 !important;
	text-decoration:none !important;
}
.w101-titlebar .g-breadcrumbs a:hover{color:#008BD0 !important;}

/* ===== Section align ===== */
.sidebar_left.titlebar_default .l-main .l-sidebar,
.sidebar_left.titlebar_default .l-main .l-content .w101-list-section .l-section-h,
.sidebar_left.titlebar_default .l-main .l-content .w101-product-list-section .l-section-h{
	padding-top:1.67rem !important;
}
.w101-list-section .l-section-h,
.w101-product-list-section .l-section-h{
	padding-bottom:2.5rem !important;
}

/* ===== Product grid (shared) ===== */
.w101-product-list-section .cat-desc{
	margin:0 0 22px !important;
	padding:14px 18px !important;
	color:#5a6670 !important;
	line-height:1.65 !important;
	border:none !important;
	border-left:3px solid #008BD0 !important;
	border-radius:0 8px 8px 0;
	background:linear-gradient(90deg,#f3f8fb,#f8fafb) !important;
}
.w101-product-list-section .cat-desc p{margin:0 !important;}
.w101-product-list .w-blog-list{
	display:flex !important;
	flex-wrap:wrap !important;
	align-items:stretch !important;
}
.w101-product-list .w-blog-post{
	display:flex !important;
	flex-direction:column !important;
	float:none !important;
	padding:10px !important;
	box-sizing:border-box !important;
}
.w101-product-list .w-blog-post-h{
	height:100%;
	flex:1;
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #eef1f4 !important;
	border-radius:10px;
	overflow:hidden;
	padding:0 !important;
	box-shadow:0 4px 16px rgba(20,40,60,.04);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.w101-product-list .w-blog-post-h:hover{
	transform:translateY(-5px);
	border-color:rgba(0,139,208,.28) !important;
	box-shadow:0 14px 32px rgba(20,40,60,.12);
}
.w101-product-list .w-blog-post-preview{
	position:relative;
	aspect-ratio:1/1;
	margin:0 !important;
	border-radius:0 !important;
	background:#f7f9fb;
	overflow:hidden;
}
.w101-product-list .w-blog-post-preview > a{display:block;height:100%;}
.w101-product-list .w-blog-post-preview img{
	width:100% !important;
	height:100% !important;
	object-fit:cover;
	transition:transform .4s ease;
}
.w101-product-list .w-blog-post-h:hover .w-blog-post-preview img{transform:scale(1.05);}
.w101-product-list .w-blog-post-preview .ovrlyT,
.w101-product-list .w-blog-post-preview .ovrlyB{display:none !important;}
.w101-product-list .w-blog-post-preview .buttons .fa{
	background:#008BD0 !important;
	border-radius:50%;
}
.w101-product-list .w-blog-post-body{
	padding:14px 14px 16px !important;
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
}
.w101-product-list .w-blog-list .w-blog-post-title{
	margin:0 !important;
	padding:0 !important;
	font-size:14px !important;
	line-height:1.45 !important;
	font-weight:500 !important;
	text-align:center;
	width:100%;
	min-height:calc(1.45em * 2);
	display:flex;
	align-items:center;
	justify-content:center;
}
.w101-product-list .w-blog-post-title a{
	color:#2a2a2a !important;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:2.9em;
	text-decoration:none !important;
}
.w101-product-list .w-blog-post-title a:hover{color:#008BD0 !important;}

/* ===== News / article list ===== */
.w101-news-list .w-blog-list{
	display:flex !important;
	flex-direction:column !important;
	gap:16px !important;
}
.w101-news-list .w-blog-post{
	float:none !important;
	width:100% !important;
	padding:0 !important;
	margin:0 !important;
}
.w101-news-list .w-blog-post-h{
	display:flex !important;
	flex-direction:row !important;
	align-items:stretch !important;
	background:#fff;
	border:1px solid #eef1f4 !important;
	border-radius:12px;
	overflow:hidden;
	padding:0 !important;
	box-shadow:0 4px 16px rgba(20,40,60,.04);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.w101-news-list .w-blog-post-h:hover{
	transform:translateY(-3px);
	border-color:rgba(0,139,208,.28) !important;
	box-shadow:0 12px 28px rgba(20,40,60,.1);
}
.w101-news-list .w-blog-post-preview{
	flex:0 0 220px;
	width:220px;
	max-width:36%;
	margin:0 !important;
	border-radius:0 !important;
	background:#f7f9fb;
	overflow:hidden;
	position:relative;
}
.w101-news-list .w-blog-post-preview > a{
	display:block;
	height:100%;
	min-height:150px;
}
.w101-news-list .w-blog-post-preview img{
	width:100% !important;
	height:100% !important;
	object-fit:cover;
	transition:transform .4s ease;
}
.w101-news-list .w-blog-post-h:hover .w-blog-post-preview img{transform:scale(1.05);}
.w101-news-list .w-blog-post-preview .ovrlyT,
.w101-news-list .w-blog-post-preview .ovrlyB{display:none !important;}
.w101-news-list .w-blog-post-preview .buttons .fa{
	background:#008BD0 !important;
	border-radius:50%;
}
.w101-news-list .w-blog-post-body{
	flex:1;
	padding:18px 22px !important;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.w101-news-list .w-blog-post-title{
	margin:0 0 8px !important;
	padding:0 !important;
	font-size:17px !important;
	line-height:1.4 !important;
	font-weight:600 !important;
}
.w101-news-list .w-blog-post-title a{
	color:#1a2a36 !important;
	text-decoration:none !important;
}
.w101-news-list .w-blog-post-title a:hover{color:#008BD0 !important;}
.w101-news-list .w-blog-post-meta{
	margin:0 0 10px !important;
	color:#8a96a0 !important;
	font-size:12px !important;
}
.w101-news-list .w-blog-post-content{
	margin:0 !important;
	color:#5a6670 !important;
	font-size:13px !important;
	line-height:1.65 !important;
}
.w101-news-list .w-blog-post-content p{
	margin:0 !important;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

/* ===== Single page content ===== */
.w101-page-content{
	background:#fff;
	border:1px solid #eef1f4;
	border-radius:12px;
	padding:28px 32px;
	box-shadow:0 4px 16px rgba(20,40,60,.04);
}
.w101-page-content > h1{
	margin:0 0 18px !important;
	padding:0 0 14px !important;
	font-size:22px !important;
	color:#1a2a36 !important;
	border-bottom:2px solid #008BD0;
}

/* ===== Pagination ===== */
.w101-product-list .g-pagination,
.w101-news-list .g-pagination,
.w101-list-section .g-pagination{
	margin-top:28px !important;
	text-align:center;
}
.w101-product-list .g-pagination .nav-links,
.w101-news-list .g-pagination .nav-links,
.w101-list-section .g-pagination .nav-links{
	display:inline-flex;
	flex-wrap:wrap;
	gap:6px;
	justify-content:center;
	align-items:center;
}
.w101-product-list .g-pagination .nav-links > a.page-numbers,
.w101-product-list .g-pagination .nav-links > span.page-numbers,
.w101-news-list .g-pagination .nav-links > a.page-numbers,
.w101-news-list .g-pagination .nav-links > span.page-numbers,
.w101-list-section .g-pagination .nav-links > a.page-numbers,
.w101-list-section .g-pagination .nav-links > span.page-numbers{
	min-width:36px;
	height:36px;
	line-height:36px !important;
	padding:0 10px !important;
	margin:0 !important;
	border-radius:6px !important;
	border:1px solid #e5eaef !important;
	background:#fff !important;
	color:#4a5560 !important;
	font-size:13px !important;
	box-sizing:border-box;
	transition:all .2s ease;
}
.w101-product-list .g-pagination .nav-links > a.page-numbers:hover,
.w101-news-list .g-pagination .nav-links > a.page-numbers:hover,
.w101-list-section .g-pagination .nav-links > a.page-numbers:hover{
	border-color:#008BD0 !important;
	color:#008BD0 !important;
	background:#f3f9fc !important;
}
.w101-product-list .g-pagination .nav-links > span.page-numbers.current,
.w101-news-list .g-pagination .nav-links > span.page-numbers.current,
.w101-list-section .g-pagination .nav-links > span.page-numbers.current{
	background:#008BD0 !important;
	border-color:#008BD0 !important;
	color:#fff !important;
}

@media (max-width:767px){
	.header_hor .l-header.pos_fixed ~ .w101-titlebar{padding-top:100px !important;}
	.w101-titlebar .l-titlebar-h{padding:12px 0 14px !important;}
	.w101-titlebar .l-titlebar-content h1,
	.w101-titlebar .l-titlebar-content h1 a{font-size:20px !important;}
	.w101-product-list .w-blog-post{padding:6px !important;}
	.w101-product-list.cols_3 .w-blog-post{width:50% !important;}
	.w101-news-list .w-blog-post-h{flex-direction:column !important;}
	.w101-news-list .w-blog-post-preview{
		flex:none;
		width:100% !important;
		max-width:100%;
		aspect-ratio:16/9;
	}
	.w101-news-list .w-blog-post-body{padding:14px 16px !important;}
	.w101-page-content{padding:18px 16px;}
}
/* ===== Product detail ===== */
.sidebar_left.titlebar_default .l-main .l-content .w101-product-detail .l-section-h{
	padding-top:1.67rem !important;
}
.w101-product-detail-card{
	background:#fff;
	border:1px solid #eef1f4;
	border-radius:12px;
	box-shadow:0 6px 22px rgba(20,40,60,.06);
	padding:24px;
	margin-bottom:20px;
	overflow:visible;
}
.w101-product-detail .column-fluid{
	float:none !important;
	width:100% !important;
}
.w101-product-detail .content{
	float:none !important;
	width:100% !important;
	min-height:0 !important;
	overflow:visible;
}
.w101-product-detail .content::after{
	content:"";
	display:table;
	clear:both;
}
.w101-product-detail .content > article{
	display:block !important;
}
.w101-product-detail .single-product-gallery{
	float:left !important;
	width:48% !important;
	max-width:48%;
	box-sizing:border-box;
	margin:0;
	overflow:visible;
}
.w101-product-detail .product-summary-wrapper{
	float:right !important;
	width:52% !important;
	max-width:52%;
	box-sizing:border-box;
	margin:0;
}
.w101-product-detail .product-summary{
	padding-left:28px !important;
}
.w101-product-detail .product-gallery-zoom{
	background:#f7f9fb;
	border-radius:10px;
	overflow:visible;
	border:1px solid #eef1f4;
}
.w101-product-detail .product-gallery-zoom .xzoom,
.w101-product-detail .product-gallery-zoom img.xzoom{
	border-radius:10px;
}
.w101-product-detail .product-thumbs-wrapper{
	margin-top:12px;
}
.w101-product-detail .flex-control-thumbs li img,
.w101-product-detail .product-thumbs-gallery img{
	border-radius:6px;
}
.w101-product-detail .product-thumbs-gallery .flex-control-thumbs li.flex-active img,
.w101-product-detail .product-thumbs-gallery .flex-control-thumbs li:hover img{
	border-color:#008BD0 !important;
}
.w101-product-detail .product-title,
.w101-product-detail .product-summary .entry-title{
	margin:0 0 16px !important;
	padding:0 0 12px !important;
	font-size:22px !important;
	line-height:1.35 !important;
	font-weight:600 !important;
	color:#1a2a36 !important;
	border-bottom:1px solid #eef1f4 !important;
}
.w101-product-detail .w101-product-spec{
	list-style:none !important;
	margin:0 0 16px !important;
	padding:0 !important;
}
.w101-product-detail .w101-product-spec li{
	margin:0 0 8px !important;
	padding:10px 14px !important;
	background:#f5f8fa;
	border-left:3px solid #008BD0;
	border-radius:0 6px 6px 0;
	color:#3a4652;
	font-size:14px;
	line-height:1.5;
	list-style:none !important;
}
.w101-product-detail .w101-product-spec li strong{
	color:#1a2a36;
	margin-right:6px;
	opacity:1 !important;
	min-width:0 !important;
	display:inline !important;
}
.w101-product-detail .w101-product-actions,
.w101-product-detail .product-inquiry{
	float:none !important;
	width:100% !important;
	margin:18px 0 0 !important;
	padding-top:18px !important;
	border-top:1px solid #eef1f4;
	clear:both;
}
.w101-product-detail .w101-product-actions form,
.w101-product-detail .product-inquiry form{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	width:100%;
	align-items:center;
}
.w101-product-detail .w101-product-actions .btn-inquiry,
.w101-product-detail .product-inquiry .btn-inquiry{
	display:inline-flex !important;
	align-items:center;
	gap:8px;
	padding:11px 18px !important;
	background:#008BD0 !important;
	color:#fff !important;
	border:none !important;
	border-radius:6px !important;
	font-size:14px !important;
	font-weight:500 !important;
	text-decoration:none !important;
	box-shadow:none !important;
}
.w101-product-detail .w101-product-actions .btn-inquiry:hover,
.w101-product-detail .product-inquiry .btn-inquiry:hover{
	background:#0070a8 !important;
	color:#fff !important;
}
.w101-product-detail .w101-product-actions .btn-chat,
.w101-product-detail .product-inquiry .btn-chat{
	display:inline-flex !important;
	align-items:center;
	gap:8px;
	padding:11px 18px !important;
	background:#1a2a36 !important;
	color:#fff !important;
	border:none !important;
	border-radius:6px !important;
	font-size:14px !important;
	text-decoration:none !important;
	box-shadow:none !important;
}
.w101-product-detail .w101-product-actions .btn-chat:hover,
.w101-product-detail .product-inquiry .btn-chat:hover{
	background:#008BD0 !important;
	color:#fff !important;
}
.w101-product-detail .w101-product-actions .btn-link,
.w101-product-detail .product-inquiry .btn-link{
	display:inline-flex !important;
	align-items:center;
	gap:6px;
	padding:10px 14px !important;
	margin:0 !important;
	background:#fff !important;
	color:#008BD0 !important;
	border:1px solid #008BD0 !important;
	border-radius:6px !important;
	font-size:13px !important;
	cursor:pointer;
	box-shadow:none !important;
}
.w101-product-detail .w101-product-actions .btn-link:hover,
.w101-product-detail .product-inquiry .btn-link:hover{
	background:#f3f9fc !important;
}
.w101-product-block{
	margin:0 0 18px;
	clear:both;
}
.w101-product-block-title{
	margin:0 0 12px !important;
	padding:0 !important;
	font-size:16px !important;
	font-weight:600 !important;
	color:#1a2a36 !important;
}
.w101-product-block-title span{
	display:inline-block;
	padding-bottom:8px;
	border-bottom:2px solid #008BD0;
}
.w101-product-block-body{
	background:#fff;
	border:1px solid #eef1f4;
	border-radius:12px;
	padding:20px 24px;
	box-shadow:0 4px 16px rgba(20,40,60,.04);
	line-height:1.7;
	color:#3a4652;
	overflow:hidden;
}
.w101-product-related{
	padding-top:8px !important;
	padding-bottom:2rem !important;
	clear:both;
}
.w101-product-related .w101-product-block{margin-bottom:8px;}
.w101-product-related .w-blog-post-preview .ovrlyT,
.w101-product-related .w-blog-post-preview .ovrlyB{display:none !important;}

@media (max-width:900px){
	.w101-product-detail .single-product-gallery,
	.w101-product-detail .product-summary-wrapper{
		float:none !important;
		width:100% !important;
		max-width:100%;
	}
	.w101-product-detail .product-summary{
		padding-left:0 !important;
		padding-top:18px !important;
	}
	.w101-product-detail-card{padding:16px;}
	.w101-product-detail .product-title,
	.w101-product-detail .product-summary .entry-title{font-size:18px !important;}
	.w101-product-detail .w101-product-actions .btn-inquiry,
	.w101-product-detail .w101-product-actions .btn-chat,
	.w101-product-detail .w101-product-actions .btn-link,
	.w101-product-detail .product-inquiry .btn-inquiry,
	.w101-product-detail .product-inquiry .btn-chat,
	.w101-product-detail .product-inquiry .btn-link{
		width:100%;
		justify-content:center;
		box-sizing:border-box;
	}
}