.custom-search-wrapper {
	min-width: 500px;
}


.main-tt h2,.main-tt h1 {
    font-size: clamp(1.75rem, 4vw, 3rem);
	margin-bottom: 0;
}
.main-tt h3,.main-tt h4 {
	margin-bottom: 0;
	color: var(--fs-color-secondary);
}
.main-tt p {
	  font-size: 20px;
    font-weight: 400;
	  font-family: "Philosopher", Sans-serif;
}

.sv-sec .flickity-page-dots {
	bottom: -5px;
}
.sv-sec .flickity-page-dots .dot {
	border: none;
    background: #555;
}
.sv-sec .flickity-page-dots .dot.is-selected {
	background: var(--primary-color);
}
.solution-box {
	overflow: hidden;
	border-radius: 12px;
	position: relative;
}
.solution-box .box-image:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
  background: linear-gradient(to top, #003819ad, #ffffff00 100%);
	top: 0;
	left: 0;
	transition: 0.3s;
	pointer-events: none;
}
.solution-box .box-text {
	position: absolute;
	bottom: -42%;
	color: #fff;
	transition: 0.3s;
	font-size: 16px;
	
}
.solution-box .box-text h3 {
	font-size: 26px;
	color: #fff;
	margin-bottom: 10px;
}
.solution-box .box-text p {
	min-height: 52px;
}
.solution-box:hover .box-text {
	bottom: -20px;
}

.solution-box:hover .box-image:after 
{
	  background: linear-gradient(to top, #003819, #ffffff00 100%);
	transition: 0.3s;
}

.solution-box .button {
	font-family: "Philosopher", Sans-serif;
	font-size: 18px;
}
.solution-box .button:hover {
	color: var(--fs-color-secondary);

}
.fs-sec {
	background-image: linear-gradient(180deg, #01F700FC 0%, #02AFBB 100%);
}
.fs-sec .product-small .product-title {
	height: auto !important;
}
.fs-sec .product-small span.woocommerce-Price-amount.amount{
	color: red;
}
.fs-sec .product-small del span.woocommerce-Price-amount.amount {
	color: #fff !important;
	opacity: 1;
}
.h-sec3 {
	background-image: url(/wp-content/uploads/2024/09/e8b115383a3757609c4f45b2416755c4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.h-sec3 .tt-ct p {
	color: #e2bb53;
    font-family: "Philosopher", Sans-serif;
    font-size: clamp(1.3rem,4vw,1.7rem);
    font-weight: 700;
    line-height: 1;
	margin: 0;
}
.h-sec3 .tt-ct h2 {
	font-size: clamp(1.75rem,5vw,3rem);
	margin-bottom: 0;
	color: #e2bb53;
}
.h-sec3 .grid-ct .side-ct {
	flex-basis: 30% !important;
	max-width: 30% !important;
}
.h-sec3 .grid-ct .side-ct > .col-inner {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.h-sec3 .grid-ct .center-ct {
	flex-basis: 40% !important;
	max-width: 40% !important;
}
.h-sec3 .grid-ct h3 {
	font-weight: 400;
}
.h-sec3 .grid-ct .icon-box img {
	padding: 0;
}
.h-sec3 .grid-ct .icon-box .icon {
    padding: 10px;
    border-radius: 50%;
    background: #e2bb53;
}
.h-sec4 {
	overflow: hidden;
}
.h-sec4 .nav {
	gap: 10px;
}
.h-sec4 .nav .tab a {
	border: 1px solid var(--primary-color);
    padding: 10px 20px;
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
	color: var(--primary-color);
	font-size: 1rem;
	line-height: 1;
}
.h-sec4 .nav .tab.active a {
	color: #fff;
}
.h-sec5 {
	background-image: url(/wp-content/uploads/2025/01/Thiet-ke-chua-co-ten-2-1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 68% auto;
}
.h-sec5 .tt {
	padding: 60px 0;
}
.h-sec5 .tt p {
    margin: 0;
    font-size: clamp(1rem, 4vw, 1.4rem);
    color: #fff;
	font-family: "Philosopher", Sans-serif;
}
.h-sec5 .tt h2 {
		font-size: clamp(1.4rem,5vw,3rem);
	margin-bottom: 10px;
	color: #ffec00;
}
.h-sec6 .video {
	border-radius: 16px;
	overflow: hidden;
}
.h-sec6 .video p{
	margin: 0;
}
.h-sec7 .tt h4 {
	font-size: clamp(1.3rem,4vw,1.5rem);
	margin: 0;
}
.slider-gal .flickity-slider > .col{
		padding-bottom: 0 !important;
}
.slider-gal .img {
		border: 1px solid #EEEEEE;
		border-radius: 20px; 
}
.slider-gal .img img{
		height: 85px;
    object-fit: contain;
		padding: 10px;
}
.slider-gal .img.green-bg {
		background: #22AA4B;
}
.slider-gal .img.green-bg img {
		padding: 0 !important;
}
.h-sec9 .contact-ct > .col-inner {
	background-image: url(/wp-content/uploads/2024/09/e8b115383a3757609c4f45b2416755c4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Reset */
.h-sec9 .contact-ct .wpcf7,
.h-sec9 .contact-ct .wpcf7 form{
	margin:0 !important;
}

.wpcf7-spinner{
	display:none !important;
}

.h-sec9 .contact-ct .form-row{
	display:flex;
	gap:20px;
	margin:0 0 22px !important;
}

.h-sec9 .contact-ct .form-col{
	flex:1;
}

/* Input + Textarea */
.h-sec9 .contact-ct input[type="text"],
.h-sec9 .contact-ct input[type="email"],
.h-sec9 .contact-ct input[type="tel"],
.h-sec9 .contact-ct textarea{
	width:100%;
	background:transparent !important;
	border:none !important;
	border-bottom:1px solid rgba(255,255,255,.75) !important;
	border-radius:0 !important;
	box-shadow:none !important;
	padding:0 0 12px !important;
	height:auto !important;
	min-height:auto !important;
	margin:0 !important;
	color:#eee !important;
	font-size:18px;
	font-weight:400;
	line-height:1.5;
}

.h-sec9 .contact-ct textarea{
	height:120px !important;
	resize:none;
	padding-top:10px !important;
}

/* Placeholder */
.h-sec9 .contact-ct ::placeholder{
	color:rgba(255,255,255,.9);
	opacity:1;
}

/* Focus */
.h-sec9 .contact-ct input:focus,
.h-sec9 .contact-ct textarea:focus{
	border-bottom-color:#fff !important;
	box-shadow:none !important;
	outline:none !important;
}

/* CF7 wrap */
.h-sec9 .contact-ct .wpcf7-form-control-wrap{
	display:block;
	margin:0 !important;
}

/* Validation */
.h-sec9 .contact-ct .wpcf7-not-valid-tip{
	font-size:13px;
	margin-top:8px;
}

.h-sec9 .contact-ct .wpcf7-response-output{
	margin:20px 0 0 !important;
	padding:10px 15px !important;
	border-width:1px !important;
	color:#fff;
}

/* Submit */
.h-sec9 .contact-ct input[type="submit"]{
	background:#fff !important;
	color:#1d5f59 !important;
	border:none !important;
	border-radius:40px !important;
	padding:16px 34px !important;
	font-size:18px;
	font-weight:700;
	font-family:inherit;
	text-transform:uppercase;
	letter-spacing:.3px;
	min-height:auto !important;
	line-height:1;
	transition:.3s;
	cursor:pointer;
	margin:8px 0 0 !important;
	box-shadow:none !important;
	font-family: "Philosopher", Sans-serif;
}

.h-sec9 .contact-ct input[type="submit"]:hover{
	background:#f3f3f3 !important;
	transform:translateY(-2px);
}
.h-sec9 .contact-ct .form-row > .wpcf7-form-control-wrap{
	flex:1;
	width:100%;
	display:block;
}

.h-sec9 .contact-ct .form-row > p{
	width:100% !important;
}
.h-sec9 .contact-ct .btn-ct {
	margin: 0 !important;
}
/* Responsive */
@media (max-width:549px){
	.h-sec9 .contact-ct .form-row{
		flex-direction:column;
		gap:18px;
	}

	.h-sec9 .contact-ct input[type="text"],
	.h-sec9 .contact-ct input[type="email"],
	.h-sec9 .contact-ct input[type="tel"],
	.h-sec9 .contact-ct textarea{
		font-size:16px;
	}

	.h-sec9 .contact-ct input[type="submit"]{
		width:100%;
		font-size:18px;
		padding:15px 25px !important;
	}
}
.h-sec9 .contact-ct h4 {
	font-size: clamp(1.3rem,4vw,1.9rem);
}
.h-sec9 .contact-ct .icon-box p {
	margin-bottom: 0;
	font-size: 1.1rem;
	font-family: "Philosopher", Sans-serif;
}
.h-sec10 .box .box-image{
	border-radius: 12px;
	overflow: hidden;
}
.h-sec10 .box h4 {
	font-size: 1.4rem;
	margin-bottom: 10px;
	color: #000;
}
.h-sec10 .box p {
	font-size: 1rem;
	margin: 0;
	color: #444;
}
.h-sec10 .box h4, .h-sec10 .box p {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media(max-width:849px) {
	.solution-box .box-text p {
		min-height: 76px;
	}
	.solution-box .box-text {
		bottom: -60%;
	}
	.h-sec5 {
		background-size: 100%;
	}
	.h-sec3 .grid-ct .center-ct {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.h-sec3 .grid-ct .side-ct {
		flex-basis: 50% !important;
		max-width: 50% !important;
	}
	.h-sec5 .tt {
		padding: 40px 0;
	}
	.h-sec10 .box h4 {
		font-size: 1.3rem;
	}
}
@media (max-width: 549px) {
    .solution-box .box-text {
        bottom: -35%;
    }
	.solution-box .box-text p {
		min-height: 52px;
	}
	.ct-tt {
		padding-bottom: 20px !important;
	}
	.h-sec3 .grid-ct .side-ct {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.h-sec4 .nav {
		gap: 10px;
		overflow-x: scroll;
		flex-wrap: nowrap;
		text-wrap: nowrap;
		justify-content: flex-start;
	}
	.h-sec5 .tt {
		padding: 20px 0;
	}
	.h-sec10 .box h4 {
		font-size: 1.2rem;
	}
	.h-sec9 .contact-ct .icon-box {
		margin-bottom: 20px;
	}
	.solution-box .box-text h3 {
		font-size: 20px;
	}
}

/* header */
#top-bar .html {
	font-size: 1.1rem;
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
}



/* breadcrumbs */
.bc-sec .row > .col {
		padding-bottom: 0 !important;
}
.bc-shop-sec {
	background: #F8F8F8;
	padding: 15px 0 !important;
}
.bc-sec {
    position: relative;
    padding: 80px 0 !important;
    background: url(/wp-content/uploads/2024/09/giaiphap2-49111.webp);
	    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bc-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
    pointer-events: none;
}

.bc-sec .row {
    position: relative;
    z-index: 2;
}

.bc-sec .page-title,
.bc-sec .rank-math-breadcrumb {
    color: #ffffff; 
}
.bc-sec .rank-math-breadcrumb {
	margin-bottom: 10px;
}
.bc-sec * {
		text-align:center;
		color: #fff !important;
}
.bc-sec h1,.bc-shop-sec h1 {
	font-size: clamp(1.5rem,4vw,2.8rem);
	margin-bottom: 0;
	text-transform: capitalize;
}
.bc-sec p {
		margin: 0;
}
@media(max-width: 549px) {
	.bc-sec {
		padding: 60px 0 !important;
	}
}
@media(max-width: 549px) {
	.bc-sec {
		padding: 50px 0 !important;
	}
}



/* about page */
.ab-sec2 {
	background: url(/wp-content/uploads/2024/09/e8b115383a3757609c4f45b2416755c4.png);
}
.ab-sec2 .icon-box img {
	padding: 0;
}
.ab-sec2 .icon-box .icon-box-img {
	border-radius: 50%;
	padding: 15px;
	background: var(--fs-color-secondary);
}
.ab-sec2 .icon-box .num p {
	font-size: clamp(1.6rem,4vw,2.8rem);
	line-height: 1;
	margin-bottom: 5px;
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
}
.ab-sec3 .icon-box img {
	padding: 0;
}
.ab-sec3 .icon-box .icon-box-img {
	margin-bottom: 0 !important;
}
.ab-sec3 .icon-box h3 {
	font-size: clamp(1.3rem,4vw,2rem);
	color: #111;
}
.ab-sec3 .video-ct p {
	margin: 0;
}
.ab-sec3 .video-ct iframe {
	width: 100%;
}
.ab-sec4 .pg-item > .col-inner {
	background: #eee;
	padding: 20px 20px 10px;
	border-radius: 8px;
	position: relative;
}
.ab-sec4 .pg-item .num p {
	margin: 0;
	font-size: clamp(1.3rem,4vw,1.5rem);
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
	line-height: 1;
}
.ab-sec4 .pg-item .tt p {
	margin: 0 0 10px;
	font-size: clamp(1.5rem,4vw,2rem);
	font-family: "Philosopher", Sans-serif;
}
.ab-sec4 .pg-item .content p {
	margin: 0 0 10px;
}
.ab-sec4 .pg-item > .col-inner:after {
	content:"";
	width: 20px;
	height: 30px;
	background: #eee;
	position: absolute;
}
.ab-sec4 .left-item > .col-inner:after {
	right: -20px;
	top: 10px;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.ab-sec4 .right-item > .col-inner:after {
	left: -20px;
	top: 10px;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.ab-sec4 .item-icon {
	display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    flex-direction: column;
    transition: all 0.4s ease-in-out;
    text-align: center;
	    width: 80px;
    height: 80px;
    font-size: 24px;
	border-radius: 50%;
	background: var(--primary-color);
	color: #fff;
}
.timeline-wrap{
    position:relative;
}

.timeline-line{
    position:absolute;
    left:50%;
    width:2px;
    background:#d8d8d8;
    transform:translateX(-50%);
    z-index:1;
}

.timeline-progress{
    position:absolute;
    left:50%;
    width:2px;
    background:#d4a62b;
    transform:translateX(-50%);
    z-index:2;
    transition:height .25s linear;
}

.timeline-item{
    position:relative;
    z-index:3;
}

.item-icon{
    position:relative;
    z-index:5;
    transition:.35s;
}

.timeline-item.active .item-icon{
    background:#d4a62b;
}
@media(max-width: 849px) {
	.ab-sec4 .left-item > .col-inner:after {
		right: unset;
		left: -20px;
		top: 10px;
		clip-path: polygon(0 50%, 100% 0, 100% 100%);
	}
}
@media(max-width: 549px) {
	.ab-sec2 .icon-box {
		flex-direction: column;
		align-items: center;
		text-align: center !important;
	}	
	.ab-sec2 .icon-box .icon-box-text {
		padding: 10px 0 0 !important;
	}
	.ab-sec4 .item-icon {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
}


/* contact page */
.cp-sec1 .icon-box .tt p {
	margin-bottom: 0;
	font-size: clamp(1.4rem,4vw,1.7rem);
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
}
.embed-maps p {
	margin: 0;
}
.embed-maps iframe {
	border-radius: 12px;
	overflow: hidden;
}
.cp-contact .wpcf7-form {
	margin: 0;
}
.cp-contact .form-row {
    display: flex;
    gap: 20px;
    margin: 0 0 22px !important;
}
.cp-contact .form-col {
    flex: 1;
}
.cp-contact .form-row > p {
    width: 100% !important;
}
.cp-contact .wpcf7-form-control-wrap {
    display: block;
    margin: 0 !important;
}
.cp-contact input[type="text"],.cp-contact input[type="email"], .cp-contact input[type="tel"], .cp-contact textarea {
    width: 100%;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 12px !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 !important;
    color: #111 !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}
.cp-contact textarea {
    height: 120px !important;
    resize: none;
    padding-top: 10px !important;
}
.cp-contact input[type="submit"]{
	background: var(--primary-color) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 40px !important;
    padding: 16px 34px !important;
    font-size: 18px;
    font-weight: 700;
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: .3px;
    min-height: auto !important;
    line-height: 1;
    transition: .3s;
    cursor: pointer;
    margin: 8px 0 0 !important;
    box-shadow: none !important;
    font-family: "Philosopher", Sans-serif;
}
.cp-contact .wpcf7-response-output {
	margin: 10px 0 0 !important;
}
.wpcf7-spinner {
	display: none !important;
}



/* single post */
.single-post .entry-header-text-top {
	padding: 0;
}
.single-post .entry-header-text-top .entry-meta{
	    text-transform: none;
    font-size: 1rem;
}

.nada-recent-posts{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.nada-post-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
}

.nada-post-item .post-thumb{
    width:90px;
    min-width:90px;
    display:block;
    overflow:hidden;
    border-radius:8px;
}

.nada-post-item .post-thumb img{
    width:100%;
    height:75px;
    object-fit:cover;
    display:block;
    transition:.3s;
}

.nada-post-item:hover .post-thumb img{
    transform:scale(1.05);
}

.nada-post-item .post-content{
    flex:1;
}

.nada-post-item .post-title{
    margin:0;
    font-weight:600;
	font-size: clamp(1.2rem,4vw,1.4rem);
}

.nada-post-item .post-title a{
    color:#111;
    text-decoration:none;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.nada-post-item .post-title a:hover{
    color:#c79d2b;
}

.nada-post-item .post-date{
    font-size:15px;
    color:#777;
}

.single-post .widget_text .widget-title {
	font-size: clamp(1.3rem,4vw,1.5rem);
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
	text-transform: none;
	color: var(--primary-color);
}
.single-post .entry-author {
	padding-top: 0;
}
.single-post .entry-author .blog-author-image {
	border-radius: 50%;
	border: 2px solid var(--primary-color);
	padding: 10px;
}
.single-post .entry-author .author-name {
	padding-top: 0;
}
.single-post .large-9.col {
	padding-bottom: 0;
}
@media(max-width: 549px) {
	.single-post .entry-author .flex-col.mr {
		margin-right: 15px !important;
	}
	.single-post .entry-author .blog-author-image {
		width: 60px;
	}
	.single-post .entry-author {
		padding: 0;
	}
}


/* product */
.dc-shop-filter{font-size:15px;}
.dc-shop-filter .dc-filter-group{margin-bottom:30px;}
.dc-shop-filter .dc-filter-group:last-child{margin-bottom:0;}

/* Tiêu đề nhóm - màu xanh lá. Đổi mã màu #1f8a5f nếu muốn. */
.dc-shop-filter .dc-filter-title{
	color:#1f8a5f;
	font-weight:700;
	margin:0 0 16px;
	padding:0;
	text-transform:none;
	letter-spacing:0;
	line-height:1.2;
}

.dc-shop-filter .dc-filter-list{list-style:none;margin:0;padding:0;}
.dc-shop-filter .dc-filter-list li{margin:0 0 13px;}
.dc-shop-filter .dc-filter-list li:last-child{margin-bottom:0;}

.dc-shop-filter .dc-filter-list label{
	display:flex;
	align-items:center;
	gap:11px;
	cursor:pointer;
	font-size:15px;
	font-weight:400;
	color:#555;
	line-height:1.3;
	margin:0;
}

/* ------- Custom checkbox ------- */
.dc-shop-filter input.dc-filter-cb{
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
	appearance:none !important;
	width:20px !important;
	height:20px !important;
	flex:0 0 20px;
	margin:0 !important;
	padding:0 !important;
	border:1px solid #d5d5d5;
	border-radius:5px;
	background:#f7f7f7;
	box-shadow:none;
	cursor:pointer;
	position:relative;
	transition:background .15s ease, border-color .15s ease;
}
.dc-shop-filter input.dc-filter-cb:hover{border-color:#9a9a9a;}
.dc-shop-filter input.dc-filter-cb:checked{
	background:#222;
	border-color:#222;
}
.dc-shop-filter input.dc-filter-cb:checked::after{
	content:"";
	position:absolute;
	left:6px;
	top:2px;
	width:5px;
	height:10px;
	border:solid #fff;
	border-width:0 2px 2px 0;
	transform:rotate(45deg);
}


/* =========================================================================
   SINGLE PRODUCT TÙY BIẾN  (copy vào Flatsome > Advanced > Custom CSS)
   Đổi màu thương hiệu tại biến --dc-green bên dưới.
   ========================================================================= */
.dc-single {
	--dc-green: #1f8a5f;
	--dc-text: #4a4a4a;
}

/* ---------- [1] PHẦN TRÊN: layout 3 cột ---------- */
.dc-single .dc-top-row {
	align-items: flex-start;
}
.dc-summary.product-summary {
	padding-top: 0;
}
.dc-summary.product-summary .dc-product-title {
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
	font-size: clamp(1.5rem,4vw,1.8rem);
	color: var(--primary-color);
	line-height: 1.2;
	margin: 0 0 10px;
}
.dc-summary.product-summary .dc-sku {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #F2F2F2;
}
.dc-summary.product-summary .dc-sku span{
	font-weight: 700;
}
.dc-summary.product-summary .dc-attrs {
	list-style: none;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.dc-summary.product-summary .dc-attrs li {
	margin: 0;
	position: relative;
}
.dc-summary.product-summary .dc-attrs li:before {
	content:"\f058";
	font-family:"Font Awesome 6 Free";
	font-weight: 900;
	color: var(--primary-color);
	margin-right: 5px;
}
.dc-summary.product-summary > .cart{
	margin: 15px 0 0;
}
.dc-summary.product-summary .dc-price span.amount,.dc-summary.product-summary .woocommerce-variation-price span.amount {
	font-size: 1.5rem;
	color: var(--primary-color);
}
.dc-summary.product-summary .dc-qty-label {
	font-family: "Philosopher", Sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
}
.dc-summary.product-summary .quantity > .ux-quantity__button {
	padding: 0 15px;
	box-shadow: none;
	background: none;
}
.dc-summary.product-summary .quantity > .ux-quantity__button:hover {
	background: var(--primary-color);
	color: #fff;
}
.dc-summary.product-summary .quantity > .ux-quantity__button.minus {
	border-radius: 8px 0 0 8px;
}
.dc-summary.product-summary .quantity > .ux-quantity__button.plus {
	border-radius: 0 8px 8px 0;
}
.dc-summary.product-summary .quantity > .qty {
	box-shadow: none;
}
.dc-summary.product-summary .dc-cart-break {
	display: none;
}

.dc-summary.product-summary .variations,
.dc-summary.product-summary .variations tbody,
.dc-summary.product-summary .variations tr{
    display:block;
    width:100%;
}
.dc-summary.product-summary .variations th.label{
    display:block;
    width:100% !important;
    padding:0 0 10px !important;
    text-align:left;
}
.dc-summary.product-summary .variations th.label label {
	margin: 0;
		font-family: "Philosopher", Sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
}
.dc-summary.product-summary .variations td.value{
    display:block;
    width:100%;
    padding:0 !important;
}
.dc-summary.product-summary .variations td.value .ux-swatches .ux-swatch {
	background: #F1F1F1;
	box-shadow: none !important;
	border: none !important;
	border-radius: 4px;
}
.dc-summary.product-summary .variations td.value .ux-swatches .ux-swatch.selected {
	background: var(--primary-color);
	color: #fff;
}
.dc-summary.product-summary .variations td.value .ux-swatches{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
	margin: 0;
}
.dc-summary.product-summary .woocommerce-variation-price span.amount {
	padding: 15px 0 0;
}
.dc-summary.product-summary .woocommerce-variation-add-to-cart{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    align-items:center;
}

/* Dòng 1 */
.dc-summary.product-summary .dc-qty-label{
    flex:0 0 70px;
    margin:0;
}

.dc-summary.product-summary .ux-quantity{
    flex:0 0 120px;
}

/* Xuống dòng */
.dc-summary.product-summary .dc-cart-break{
    flex:0 0 100%;
    height:0;
}

/* Dòng 2 */
.dc-summary.product-summary .single_add_to_cart_button, .dc-summary.product-summary .ux-buy-now-button {
	background: none !important;
	color: var(--primary-color);
	border-color: var(--primary-color);
	box-shadow: none;
		border-radius: 8px;
	    width:auto !important;
    margin:0 !important;
	padding: 3px;
}
.dc-summary.product-summary .single_add_to_cart_button:hover, .dc-summary.product-summary .ux-buy-now-button:hover{
	background: var(--primary-color) !important;
	color: #fff;
}
.dc-summary.product-summary .single_add_to_cart_button{
    flex:1 1 calc(60% - 8px);
}
.dc-summary.product-summary .ux-buy-now-button{
    flex:1 1 calc(40% - 8px);
}
/* Khối chính sách bên phải */
.dc-single .dc-policy-list {
	list-style: none;
	margin: 0;
	padding: 15px;
	border: 1px solid #eee;
	border-radius: 12px;
}
.dc-single .dc-policy-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 20px;
	padding: 0;
}
.dc-single .dc-policy-list li:last-child {
	margin-bottom: 0;
}
.dc-single .dc-policy-ico {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	color: var(--dc-green);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.dc-single .dc-policy-ico svg {
	width: 26px;
	height: 26px;
	display: block;
}
.dc-single .dc-policy-txt {
	font-size: 14px;
	line-height: 1.5;
	color: var(--dc-text);
}
.dc-single .dc-policy-txt strong {
	color: #222;
	font-weight: 700;
}

/* ---------- [2] MÔ TẢ ---------- */
.dc-single .dc-description-wrap {
	padding: 30px 0 10px;
}
.dc-single .dc-section-head {
	margin-bottom: 22px;
}
.dc-single .dc-section-head span {
	display: inline-block;
	color: var(--dc-green);
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 8px;
	position: relative;
}
.dc-single .dc-section-head span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	background: var(--dc-green);
	border-radius: 2px;
}

/* Vùng nội dung + thu gọn */
.dc-single .dc-desc {
	position: relative;
}
.dc-single .dc-desc-content {
	max-height: 420px;   /* phải khớp CLAMP trong JS */
	overflow: hidden;
	transition: max-height 0.35s ease;
}
.dc-single .dc-expanded .dc-desc-content,
.dc-single .dc-desc-short .dc-desc-content {
	max-height: none;
}
.dc-single .dc-desc-content > *:first-child {
	margin-top: 0;
}

/* Lớp mờ dần ở đáy khi đang thu gọn */
.dc-single .dc-desc-fade {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 52px;
	height: 90px;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}
.dc-single .dc-expanded .dc-desc-fade,
.dc-single .dc-desc-short .dc-desc-fade {
	display: none;
}

/* Nút Xem thêm / Thu gọn */
.dc-single .dc-desc-more {
	text-align: center;
	margin-top: 18px;
	position: relative;
	z-index: 1;
}
.dc-single .dc-desc-short .dc-desc-more {
	display: none;
}
.dc-single .dc-desc-toggle {
	display: inline-block;
	background: #fff;
	color: var(--dc-green);
	border: 1px solid var(--dc-green);
	border-radius: 4px;
	padding: 9px 30px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}
.dc-single .dc-desc-toggle:hover {
	background: var(--dc-green);
	color: #fff;
}

/* ---------- [3] SẢN PHẨM LIÊN QUAN ---------- */
.dc-single .dc-related-wrap {
	padding: 20px 0 40px;
}
.dc-single .dc-related-wrap .related > h2,
.dc-single .dc-related-wrap .related > h3,
.dc-single .dc-related-wrap section.related > h2,
.dc-single .dc-related-wrap .related-products-title {
	text-align: center;
	color: var(--dc-green);
	font-weight: 700;
	margin-bottom: 26px;
}

/* ---------- Responsive ---------- */
@media (max-width: 849px) {
	.dc-summary.product-summary {
		padding-top: 15px;
	}
	.product-main {
		padding-bottom: 0;
	}
	.dc-single .dc-policy {
		padding-top: 22px;
		margin-top: 10px;
		border-top: 1px solid #eee;
		padding-bottom: 0;
	}
	.dc-single .dc-policy-list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}
	.dc-single .dc-policy-list li {
		margin: 0;
	}
}
@media (max-width: 549px) {
	.dc-single .dc-policy-list {
		grid-template-columns: 1fr;
	}
}


/* recruitment */
.rc-sidebar ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: .6rem;
}
.rc-sidebar ul li {
	margin: 0 !important;
}
.rc-sidebar ul li i {
	color: var(--primary-color);
}
.rc-sidebar ul li a {
	color: #222;
}
.rc-sidebar ul li a:hover {
	color: var(--primary-color);
}
.rc-sidebar h4, .rc-sidebar p {
	margin-bottom: 10px;
}
/* ===== LIST ===== */

.recruitment-list{
    display:flex;
    flex-direction:column;
    gap:26px;
}

.recruitment-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    padding:20px;
    border-radius:12px;
    background:#F5F7FD;
    border:1px solid #E6EAF2;

    transition:.25s;
}

.recruitment-item:hover{
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transform:translateY(-2px);
}

/* ===== TITLE ===== */

.recruitment-name{
    flex:1;
    margin:0;
    color:#111;
    text-decoration:none;
		font-family: "Philosopher", Sans-serif;
	font-weight: 700;
	font-size:clamp(1.3rem,4vw,1.5rem);
}

.recruitment-name:hover{
    color:#117A43;
}

/* ===== BUTTON ===== */

.recruitment-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:6px 24px;
    border-radius:999px;
    background:#117A43;
    color:#fff !important;
    font-size:18px;
    font-weight:400;
    text-decoration:none;
    transition:.25s;
}

.recruitment-btn:hover{
    background:#0D6638;
    color:#fff;
}

.recruitment-btn i{
    font-size:18px;
    transition:.25s;
}

.recruitment-btn:hover i{
    transform:translateX(3px);
}

/* ===== PAGINATION ===== */

.recruitment-list + nav,
.recruitment-list + .page-numbers-nav{
    margin-top:40px;
}

/* ===== MOBILE ===== */

@media (max-width:549px){

    .recruitment-item{
        flex-direction:column;
        align-items:flex-start;
		gap: 15px;
    }

    .recruitment-btn{
        width:100%;
        min-width:100%;
    }

}


/* ===== Recruitment ===== */

.recruitment-title{
    font-size:clamp(1.4rem,4vw,2rem);
    font-weight:700;
    margin-bottom:10px;
}

.recruitment-meta{
    display:flex;
    gap:35px;
    align-items:center;
    color:#333;
    font-size:17px;
}

.recruitment-meta span{
    display:flex;
    align-items:center;
    gap:8px;
}

.recruitment-meta i{
    color:#222;
}

.recruitment-content{
    font-size:18px;
    line-height:1.9;
    color:#333;
}

.recruitment-content img{
    width:100%;
    border-radius:10px;
    margin:25px 0;
    display:block;
}


/* ===== Sidebar ===== */

.recruitment-sidebar{
    position:sticky;
    top:90px;
}

.recruitment-sidebar h4{
    font-size: clamp(1.4rem,4vw,2rem);
	margin-bottom: 10px;
}

.recruitment-info-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-bottom:20px;
}

.job-box{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px;
    border:1px solid #e8e8e8;
    border-radius:12px;
    background:#fff;
    transition:.3s;
}

.job-box:hover{
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.job-icon{
    width:48px;
    height:48px;
    border:2px solid var(--primary-color);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#117A3D;
    font-size:22px;
    flex:none;
}

.job-box strong{
    display:block;
     font-family: "Philosopher", Sans-serif;
    color:#111;
    margin-bottom:0;
}

.job-box p{
    margin:0;
    color:#555;
    font-size:14px;
}

.job-address strong{
    margin-bottom:12px;
    color:#222;
	font-family: "Philosopher", Sans-serif;
	font-size: 1.1rem;
}

.apply-now-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 999px;
    background: #117A3D;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 700;
    transition: .3s;
    font-family: "Philosopher", Sans-serif;
    padding: 6px;
}

.apply-now-btn:hover{
    background:#0f6d37;
    color:#fff;
}


/* ===== Form ===== */

.recruitment-form {
    background: #F7F7F7;
    border-radius: 20px;
    padding: 30px;
}

.recruitment-form h4{
    font-size: clamp(1.4rem,4vw,2rem);
	margin-bottom: 10px;
}

.recruitment-form .form-row{
    display:flex;
    gap:30px;
    margin-bottom:25px;
}

.recruitment-form .form-col{
    flex:1;
}

.recruitment-form p{
    margin:0;
	width: 100%;
}

.recruitment-form input:not([type=file]):not([type=submit]),
.recruitment-form textarea{
    width:100%;
    border:none;
    border-bottom:1px solid #d8d8d8;
    background:transparent;
    padding:0 0 14px;
    font-size:20px;
    color:#222;
    box-shadow:none;
	margin: 0;
}

.recruitment-form input:focus,
.recruitment-form textarea:focus{
    outline:none;
    border-color:#117A3D;
}

.recruitment-form textarea{
    height:120px;
    resize:none;
}

.recruitment-form label{
    font-weight:400;
}

.recruitment-form input[type=file]{
    margin: 0;
}

.btn-ct p{
    display:flex;
}

.recruitment-form .wpcf7-submit{
    border:none;
    color:#fff;
    padding:6 30px;
    border-radius:999px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
	 font-family: "Philosopher", Sans-serif;
	box-shadow: none;
}

.recruitment-form .wpcf7-submit:hover{
    background:#0f6d37;
}

.wpcf7-spinner{
    display: none !important;
}
.recruitment-form form,.recruitment-form .form-row.btn-ct {
	margin: 0;
}
.recruitment-form form .wpcf7-response-output {
	margin: 10px 0 0 !important;
}
/* ===== Responsive ===== */

@media (max-width:849px){
	.recruitment-page {
		padding: 0;
	}

    .recruitment-info-grid{
        grid-template-columns:1fr;
    }

    .recruitment-form .form-row{
        flex-direction:column;
        gap:20px;
    }

}




/* template service */
.temp1-sec1 .quote {
	padding-left: 20px;
	border-left: 3px solid var(--primary-color);
}
.temp1-sec1 .quote em {
	font-size: clamp(1.3rem,4vw, 1.5rem);
    margin-bottom: 0;
	font-family: 'Philosopher', serif;
	line-height: 1.2;
}
.temp1-sec1 .quote em span {
	color: var(--primary-color);
}
.temp1-sec1 .check-list ul {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	list-style: none;
}
.temp1-sec1 .check-list ul li {
	margin: 0;
	padding-left: 32px;
	position: relative;
}
.temp1-sec1 .check-list ul li:before {
	content:"\f058";
	font-family:"Font Awesome 6 Free";
	font-weight: 900;
	font-size: clamp(1.1rem,4vw,1.4rem);
	color: var(--primary-color);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translatey(-50%);
}
.temp1-sec1 .btn-ct > .col-inner {
	display: flex;
	gap: 20px;
	align-items:center;
}
.temp1-sec1 .btn-ct .button {
	margin: 0;
	font-size: 1.1rem;
}
.temp1-sec1 .btn-ct p {
	margin: 0;
}
.temp1-sec1 .btn-ct p strong {
	font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary-color);
}
.temp1-sec2 {
	background-image: url(/wp-content/uploads/2024/09/e8b115383a3757609c4f45b2416755c4.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.temp1-sec2 .icon-box .icon-box-img {
	border-radius: 50%;
	background: var(--primary-color);
	padding: 15px;
	height: 82px;
}
.temp1-sec2 .icon-box p {
	margin: 0;
}
.temp1-sec2 .icon-box p strong {
	font-size: clamp(1.2rem,4vw,1.4rem);
	font-family: 'Philosopher', serif;
}
.temp1-sec3 .main-tt h2 {
	font-size: clamp(1.4rem,4vw,2.5rem);
	color: #000;
	margin-bottom: 5px;
}
.temp1-sec3 .main-tt h2 span {
	color: var(--primary-color);
}
.temp1-sec3 .icon-box p strong {
	font-size: clamp(1.3rem,4vw,1.5rem);
	font-family: 'Philosopher', serif;
}
.temp1-sec4 .box {
	border-radius: 20px;
	overflow: hidden;
}
.temp1-sec4 .box .box-text {
	top: 50%;
	bottom: unset;
	transform: translatey(-50%);
	padding: 30px 60px;
}
.temp1-sec4 .box .box-text strong {
	font-size: clamp(1.4rem,4vw,2.2rem);
	font-family: 'Philosopher', serif;
}
.temp1-sec4 .box .box-text p {
	font-size: 1rem;
}


.temp2-sec1 {
	background-image: linear-gradient(180deg, #38D67F33 0%, #F2295B00 100%);
}
.temp2-sec1 .content {
	font-size: 1.1rem;
	line-height: 1.8;
}
.temp2-sec1 .content a{
	color: #c36;
}
.temp2-sec1 .content a:hover{
	color: #336;
}
.temp2-sec2 .icon-box strong {
	font-size: 1.1rem;
	font-family: 'Philosopher', serif;
	line-height: 1.3;
}
.temp2-sec3, .temp4-sec1{
	background-image: unset !important;
}
.temp2-sec3 .grid-ct .icon-box .icon,.temp4-sec1 .grid-ct .icon-box .icon{
    padding: 0;
    border-radius: 50%;
    background: none;
}
.temp2-sec3 .grid-ct h3,.temp4-sec1 .grid-ct h3 {
	font-size: 1.1rem;
	margin-bottom: 5px;
	font-weight: 700;
	color: #000;
}
.temp2-sec3 h2 {
	color: #000;
	font-size: clamp(1.4rem,4vw,2rem);
}
.temp2-sec5 .tes-item .icon > p{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--primary-color);
	display: flex;
	justify-content:center;
	align-items:center;
	color: #fff;
}
.temp2-sec5 .tes-item .text-ct {
	font-style: italic;
}
.temp2-sec5 .tes-item .icon-box img {
	padding: 0;
}
.temp2-sec5 .tes-item .icon-box .icon-box-img {
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.temp2-sec5 .tes-item .icon-box p {
	margin: 0;
}
.temp2-sec5 .tes-item .icon-box p strong {
	font-size: 1.1rem;
	font-family: 'Philosopher', serif;
	line-height: 1.3;
}
.temp2-sec5 .flickity-page-dots {
	bottom: -10px;
}
.temp2-sec5 .flickity-page-dots .dot {
	background: #555;
	border-color: #555;
}
.temp2-sec5 .flickity-page-dots .dot.is-selected {
	background: var(--primary-color);
	border-color: var(--primary-color);
	width: 30px;
	border-radius: 99px;
}
.temp2-sec6 .accordion-title {
	    font-size: 1.2rem;
    font-family: 'Philosopher', serif;
    line-height: 1.3;
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
	background: none;
}
.temp2-sec6 .accordion-title.active {
	background: var(--primary-color);
	color: #fff;
}
.temp2-sec6 .accordion {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}
.temp2-sec6 .accordion p {
	margin: 0;
}
.temp2-sec7 .feature-item {
	    display: flex;
    gap: 12px;
    align-items: center;
}
.temp2-sec7 .feature-item .feature-icon{
	    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: var(--primary-color);
}
.temp2-sec7 .feature-item h3 {
	    font-size: 1.1rem;
    margin: 0 0 5px;
}
.temp2-sec7 .feature-item p{
	margin: 0;
}

.temp3-sec1 .text-1 p{
	font-size: 1.3rem;
    font-family: 'Philosopher', serif;
    line-height: 1.3;
}
.temp3-sec1 .icon-box h3 {
	text-transform: uppercase;
	font-size: 1.1rem;
	color: #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
.temp3-sec1 .icon-box h3:after {
	content:"";
	background: #2e2e2e;
	width: 60px;
	height: 4px;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	position: absolute;
}
.temp3-sec2 .content {
    font-size: 1.1rem;
    line-height: 1.8;
}
.temp3-sec2 .content a {
    color: #c36;
}
.temp3-sec2 .content a:hover {
    color: #336;
}
.temp3-sec3 h3 {
	font-size: 1.1rem;
	color: #000;
}
.temp3-sec4 .icon-box .title p {
	font-size: 1.3rem;
    font-family: 'Philosopher', serif;
    line-height: 1.3;
}
.temp3-sec4 .icon-box p {
	font-size: 1.1rem;
	font-weight: 500;
}


@media(max-width: 849px) {
	.temp1-sec4 .box .box-text {
		padding: 20px;
	}
	.temp2-sec7 .feature-item {
		flex-direction: column;
		text-align: center;
	}
}
@media(max-width: 549px) {
	.temp1-sec1 .btn-ct > .col-inner {
		align-items: flex-start;
		flex-direction: column;
	}
	.temp1-sec1 .btn-ct {
		padding-bottom: 0;
	}
	.custom-search-wrapper {
		min-width: 0px;
		width: 100%
	}
}


/* hệ thống */
.store-dropdown{
    position:relative;
        display: flex;
    justify-content: flex-end;
    z-index:999;
}

.store-dropdown-btn{
    border:none;
    cursor:pointer;
    border-radius:99px;
    background:#fff;
    color:var(--primary-color);
    font-weight:700;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
		font-size: .9rem;
    font-family: 'Philosopher', serif;
	padding: 10px 20px;
	line-height: 1;
	min-height: unset;
	height: auto;
	margin: 0;
}

.store-dropdown-btn i{
    font-size:14px;
    transition:.3s;
}

.store-dropdown.open .store-dropdown-btn i{
    transform:rotate(180deg);
}

.store-dropdown-menu{
    position:absolute;
    top:35px;
    left:0;
    width:100%;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 35px rgba(0,0,0,.18);
    overflow:hidden;

    opacity:0;
    visibility:hidden;
    transform:translateY(10px);

    transition:.25s;
}

.store-dropdown.open .store-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.store-dropdown-menu ul{
    margin:0;
    padding:0;
    list-style:none;
    max-height:350px;
    overflow-y:auto;
}

.store-dropdown-menu li{
    margin:0;
}

.store-dropdown-menu a{
    display:block;
    padding:10px 15px;
    color:#333;
    text-decoration:none;
    border-bottom:1px solid #ececec;
    transition:.25s;
}

.store-dropdown-menu a:hover{
    background:#0d7b43;
    color:#fff;
}

.store-dropdown-menu ul::-webkit-scrollbar{
    width:3px;
}

.store-dropdown-menu ul::-webkit-scrollbar-track{
    background:#f2f2f2;
}

.store-dropdown-menu ul::-webkit-scrollbar-thumb{
    background:#555;
    border-radius:20px;
}

.store-dropdown-menu ul::-webkit-scrollbar-thumb:hover{
    background:#8b8b8b;
}


/* header */
.header-bottom-nav > .menu-item > a {
	font-size: 1.2rem;
    font-family: 'Philosopher', serif;
    line-height: 1.3;
}
.smn-sec .grid-item {
	display: grid;
	grid-template-columns: repeat(5,1fr);
	margin: 0 auto !important;
}
.smn-sec .grid-item .box {
	border-radius: 12px;
	overflow: hidden;
}
.smn-sec .grid-item .box .box-text {
	padding: 20px;
	bottom: unset;
	top: 50%;
	transform: translatey(-50%);
}
.smn-sec .grid-item .box .content {
	font-size: 1.3rem;
    font-family: 'Philosopher', serif;
    line-height: 1.3;
}
.pd-cat-sec .grid-item {
	margin: 0 auto !important;
}
.pd-cat-sec .grid-item .tt a {
	font-size: 1.5rem;
    font-family: 'Philosopher', serif;
    line-height: 1.3;
	text-transform: uppercase;
}
.pd-cat-sec .grid-item .tt {
	position:relative;
	width: fit-content;
	padding-bottom: 10px;
}
.pd-cat-sec .grid-item .tt:after {
	content:"";
	width: 100%;
	height: 3px;
	position: absolute;
	bottom:0;
	left: 0;
	background: #aaa;
}
.pd-cat-sec .grid-item .content {
	color: #222;
}
.pd-cat-sec .grid-item .check-list ul{
	display: flex;
	flex-direction: column;
	gap: .6rem;
	margin: 0;
	list-style: none;
}
.pd-cat-sec .grid-item .check-list li {
	margin: 0 !important;
	position: relative;
}
.header-bottom-nav .menu-item-has-block .nav-dropdown .col-inner ul:not(.nav.nav-vertical) li:not(.tab):not([class^=bullet-]){
	margin-left: 0 !important;
}
.pd-cat-sec .grid-item .check-list li a {
	color: #111;
	font-size: 1.1rem;
    font-family: 'Philosopher', serif;
}
.pd-cat-sec .grid-item .check-list li a:hover {
	color: var(--primary-color);
}
.pd-cat-sec .grid-item .check-list li:before{
	content:"\f054";
	font-family:"Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 6px;
	color: var(--primary-color);
}
.pd-cat-sec .grid-item .product-small.col {
	padding-bottom:0;
}
.pd-cat-sec .grid-item .product-small .product-title a {
	margin: 0;
	font-size: 1.1rem;
	min-height: unset;
}
.pd-cat-sec .grid-item .product-small.box {
	border-radius: 10px;
    border: 1px solid #eee;
	overflow: hidden;
}
.pd-cat-sec .grid-item .product-small.box .box-text {
	padding: 12px;
}
.header-wrapper.stuck > .header-main {
	display: none;
}
@media(max-width:849px) {
	.header-bottom {
		background: #fff !important;
	}
	.header-bottom .custom-search-wrapper {
		padding: 10px 0;
	}
	.custom-search-wrapper .custom-search-form {
		padding: 0 !important;
	}
	.header-wrapper.stuck > .header-bottom {
		display: none;
	}
	.header-wrapper.stuck > .header-main {
		display: block !important;
	}
	.sidebar-menu .store-dropdown-btn {
		background: var(--primary-color);
		color: #fff;
	}
}


/* he thong */

.store-line i{
    color:#0d7b45;
}

.store-map iframe{
    width:100%;
    height:300px;
    border:0;
}

.hethong-pagination{
    text-align:center;
}

.hethong-pagination .page-numbers{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:30px;
    height:30px;
    margin:0px;
    border-radius:50%;
    border:1px solid #ddd;
}

.hethong-pagination .current{
    background:#0d7b45;
    color:#fff;
    border-color:#0d7b45;
}

.taxonomy-description{
    margin-top:30px;
    padding-top:30px;
    border-top:1px solid #eee;
}



/* footer */
.social-stores {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.social-stores a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s ease;
}

.social-stores a:hover {
    opacity: .8;
}

.social-stores img {
    display: block;
    width: 100px;
    height: 48px;
    object-fit: contain;
}
.footer-secondary {
    padding: 0 !important;
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.footer-primary {
	flex: 1;
}
.footer-primary .copyright-footer {
	font-size: 1rem;
	color: #222;
}
.absolute-footer {
	padding: 10px 0;
}
.absolute-footer > .container {
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.footer-sec h4 {
	color: #111;
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.footer-sec ul {
	display: flex;
    flex-direction: column;
    gap: .6rem;
    list-style: none;
    margin: 0;
}
.footer-sec ul li{
	margin: 0 !important;
}
.footer-sec .ux-logo-link {
	padding: 0 0 15px !important;
}
.footer-sec .content p {
	margin: 0;
}
.footer-sec li a {
	color: #222;
}
.footer-sec li a:hover {
	color: var(--primary-color);
}
.social-icons {
    display: flex;
    align-items: center;
    gap: 6px;
}

.social-icons img {
    width: 32px;
    height: 32px;
    display: block;
    transition: opacity .3s;
}
.footer-sec .no-bottom .ux-logo-link {
	padding: 0 !important;
}
@media(max-width:849px) {
	.absolute-footer > .container {
		flex-direction: column;
		gap: 10px;
	}
	.social-stores {
		justify-content: center;
	}
}
@media(max-width:849px) {
	.social-stores {
		flex-wrap: nowrap;
	}
}



/* cart page */
/* ===== Card ===== */
.woocommerce-cart .cart-wrapper,
.woocommerce-cart .cart-sidebar .col-inner{
    background: #fff;
    border: 1px solid #edf0f2;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

/* ===== Table ===== */
.woocommerce-cart .shop_table{
    border: 0;
    margin: 0;
}

.woocommerce-cart .shop_table thead{
    background: #eee;
}

.woocommerce-cart .shop_table thead th{
    border: 0;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
	text-wrap: nowrap;
	font-size: 1.2rem;
    font-family: 'Philosopher', serif;
	color: var(--primary-color);
	text-transform: none;
}

.woocommerce-cart .shop_table tbody td{
    padding: 10px;
    border-top: 1px solid #f0f2f5;
    vertical-align: middle;
}

/* ===== Thumbnail ===== */
.woocommerce-cart td.product-thumbnail img{
    width: 90px;
    border-radius: 8px;
    overflow: hidden;
}

/* ===== Product Name ===== */
.woocommerce-cart td.product-name a{
    color: #222;
    transition: .25s;
	    font-size: 1.1rem;
    font-family: 'Philosopher', serif;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow: hidden;
}

.woocommerce-cart td.product-name a:hover{
    color: var(--fs-color-primary,#2f7d32);
}

/* ===== Remove ===== */
.woocommerce-cart a.remove{
    background: none;
    color: #666 !important;
}

.woocommerce-cart a.remove:hover{
    background: #e53935;
    color: #fff !important;
}

/* ===== Quantity ===== */
.woocommerce-cart .ux-quantity{
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
}

.woocommerce-cart .ux-quantity input{
    border: 0;
}

.woocommerce-cart .ux-quantity .button{
    width: 42px;
    background: #f7f7f7;
	box-shadow: none;
	font-weight: 700;
}

.woocommerce-cart .qty{
    width: 55px;
    text-align: center;
	box-shadow: none;
}

/* ===== Price ===== */
.woocommerce-cart .woocommerce-Price-amount{
    font-weight: 700;
    color: var(--fs-color-primary,#2f7d32);
}

/* ===== Action Row ===== */
.woocommerce-cart td.actions{
    background: #fafafa;
    padding: 24px;
}

/* ===== Buttons ===== */
.woocommerce-cart .button{
    border-radius: 999px;
    transition: .3s;
}

.woocommerce-cart .button.primary{
    padding: 0 24px;
}

/* ===== Cart Total ===== */
.woocommerce-cart .cart_totals{
    border: 0;
}

.woocommerce-cart .cart_totals h2{
    display: none;
}

.woocommerce-cart .cart_totals table{
    border: 0;
}

.woocommerce-cart .cart_totals thead th{
   border: none;
	padding: 0;
	font-size: 1.1rem;
    font-family: 'Philosopher', serif;
	font-weight: 700;
	color: #111;
}
.woocommerce-cart .cart_totals tbody th,
.woocommerce-cart .cart_totals tbody td{
    padding: 10px 15px 10px 0 !important;
	border-top: 1px solid #f1f1f1;
	font-size: 1.1rem;
    font-family: 'Philosopher', serif;
	font-weight: 700;
	color: #111;
}

.woocommerce-cart .cart_totals .shipping__inner {
	border-top: none !important;
	padding: 0 !important;
}
.woocommerce-cart .cart_totals .shipping__inner .shipping__list_label {
	display: flex;
    justify-content: space-between;
	opacity: 1 !important;
	font-weight: 700;
}
.woocommerce-cart .cart_totals .shipping__inner .woocommerce-shipping-destination, .woocommerce-cart .cart_totals .shipping__inner .woocommerce-shipping-calculator {
	text-align:left;
}
.woocommerce-cart .shipping__table tr{
    display: flex;
    flex-direction: column;
}

.woocommerce-cart .shipping__table th{
    width: 100% !important;
    display: block;
    padding-bottom: 10px;
}

.woocommerce-cart .shipping__table td{
    width: 100%;
    display: block;
    padding-left: 0;
}

/* ===== Total ===== */
.woocommerce-cart .order-total th,
.woocommerce-cart .order-total td{
    font-size: 20px;
    font-weight: 700;
}



/* ===== Coupon ===== */
.woocommerce-cart .ux-cart-coupon{
    margin-top: 20px;
    padding: 24px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #edf0f2;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
}

.woocommerce-cart .ux-cart-coupon input{
    border-radius: 999px;
}

.woocommerce-cart .ux-cart-coupon .button{
    border-radius: 999px;
}

/* ===== Shipping ===== */
.woocommerce-cart .shipping-calculator-button{
    font-weight: 600;
}

.woocommerce-cart .shipping-calculator-form{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

/* ===== Mobile ===== */
@media (max-width:849px){
	.woocommerce-cart .shop_table > thead {
		display: none;
	}
    .woocommerce-cart .cart-wrapper,
    .woocommerce-cart .cart-sidebar .col-inner,
    .woocommerce-cart .ux-cart-coupon{
        border-radius: 16px;
    }

    .woocommerce-cart .shop_table tbody td{
        padding: 15px;
    }

    .woocommerce-cart td.product-thumbnail img{
        width: 70px;
    }
}


/* checout page */
/* ===========================
   Checkout Modern
=========================== */
.woocommerce-checkout .has-border {
	border: none;
	padding: 0;
}
.woocommerce-checkout .checkout-sidebar,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields{
    background:#fff;
    border:1px solid #edf0f2;
    border-radius:16px;
    padding:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    margin-bottom:25px;
}

/* Heading */

.woocommerce-checkout h3{
    font-size:22px;
    margin: 0 0 15px;
    font-weight:700;
	padding: 0 !important;
}

/* Label */

.woocommerce-checkout label{
    font-weight:600;
    margin-bottom:8px;
}

/* Input */

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection{
    border:1px solid #e5e7eb;
    border-radius:8px;
    background:#fff;
    min-height:40px;
    padding:0 18px;
    transition:.25s;
    box-shadow:none;
	margin: 0 0 5px;
}
.woocommerce-checkout .form-row .select2-container {
	margin: 0 !important;
}
.woocommerce-checkout .checkout_coupon input.input-text {
	border-radius: 0;
	min-height:unset;
}
.woocommerce-checkout textarea{
    padding:15px 18px;
    min-height:120px;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout .select2-selection:focus,
.woocommerce-checkout .select2-container--focus .select2-selection{
    border-color:var(--fs-color-primary,#2f7d32);
    box-shadow:0 0 0 4px rgba(47,125,50,.08);
}
.woocommerce-checkout .address-field {
	width: 100%;
}
/* Select2 */

.woocommerce-checkout .select2-selection{
    display:flex;
    align-items:center;
}

.woocommerce-checkout .select2-selection__arrow{
    height:100%;
}

/* Order table */

.woocommerce-checkout .shop_table{
    border:0;
}

.woocommerce-checkout .shop_table th{
    border:0;
    padding: 0 0 10px;
	font-size: 1.1rem;
    font-family: 'Philosopher', serif;
	text-transform: none !important;
	color: #111;
}

.woocommerce-checkout .shop_table td{
    border-top: 1px solid #f1f3f5;
    padding: 10px 10px 10px 0;
	font-size: 1.1rem;
    font-family: 'Philosopher', serif;
	text-transform: none !important;
	color: #111;
}
.woocommerce-checkout .shop_table span.amount {
	color: var(--primary-color);
}

.woocommerce-checkout .shop_table .shipping__list_label {
	margin: 0;
	display: flex;
	justify-content: space-between;
	opacity: 1;
}
.woocommerce-checkout .shop_table .order-total td {
	border: none;
}
/* Shipping */

.woocommerce-checkout .shipping__table tr{
    display:flex;
    flex-direction:column;
}

.woocommerce-checkout .shipping__table th,
.woocommerce-checkout .shipping__table td{
    width:100%;
    display:block;
}

.woocommerce-checkout .shipping__table th{
    padding-bottom:10px;
}

/* Payment */

.woocommerce-checkout .payment_methods{
    list-style:none;
    margin:0;
    padding:0;
}

.woocommerce-checkout .payment_methods li{
    border:1px solid #ececec;
    border-radius:16px;
    padding:12px;
    margin-bottom:15px;
    background:#fafafa;
}

.woocommerce-checkout .payment_box{
    background:#fff;
    border-radius:8px;
    margin-top:10px;
	padding: 10px;
}
.woocommerce-checkout .payment_methods li .input-radio {
	margin: 0 10px 0 0;
	outline: none;
    box-shadow: none;
}

/* Button */

.woocommerce-checkout #place_order{
    width:100%;
    border-radius:999px;
    font-size:16px;
    font-weight:700;
    transition:.25s;
}

.woocommerce-checkout #place_order:hover{
    transform:translateY(-2px);
}

/* Terms */

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
    margin-top:25px;
}

/* Mobile */

@media(max-width:849px){

    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields,
    .woocommerce-checkout .checkout-sidebar{
        padding:20px;
        border-radius:16px;
    }

}



/* =========================
   Thank You Page
========================= */

.woocommerce-order-received .woocommerce-order{
    margin-top:30px;
}

/* Card */

.woocommerce-order-received .is-well,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details{
    background:#fff;
    border:1px solid #edf0f2;
    border-radius:20px;
    padding:28px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    margin-bottom:30px;
}

/* Success */

.woocommerce-order-received .woocommerce-notice--success{
    background:#f3fcf5;
    border:1px solid #cfead5;
    border-radius:16px;
    padding:18px 22px;
    color:#2f7d32;
    margin-bottom:25px;
}

/* Title */

.woocommerce-order-received h2{
    font-size:22px;
    font-weight:700;
    margin-bottom:22px;
}

/* Order Overview */

.woocommerce-order-received .woocommerce-order-overview{
    list-style:none;
    margin:0;
    padding:0;
}

.woocommerce-order-received .woocommerce-order-overview li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:14px 0;
    border-bottom:1px solid #edf0f2;
}

.woocommerce-order-received .woocommerce-order-overview li:last-child{
    border-bottom:none;
}

.woocommerce-order-received .woocommerce-order-overview strong{
    font-weight:700;
}

/* Table */

.woocommerce-order-received table.shop_table{
    border:0;
    margin:0;
}

.woocommerce-order-received table.shop_table thead{
    background:#f8f9fb;
}

.woocommerce-order-received table.shop_table th{
    border:0;
    padding:18px;
    font-weight:700;
}

.woocommerce-order-received table.shop_table td{
    border-top:1px solid #edf0f2;
    padding:18px;
    vertical-align:top;
}

.woocommerce-order-received table.shop_table tfoot th,
.woocommerce-order-received table.shop_table tfoot td{
    background:#fcfcfc;
}
.woocommerce-order-received table.shop_table tfoot td{
    border: none;
}
.woocommerce-order-received .woocommerce-Price-amount{
    font-weight:700;
    color:var(--fs-color-primary,#2f7d32);
}

/* Product */

.woocommerce-order-received .product-name a{
    color:#222;
    font-weight:600;
    text-decoration:none;
    transition:.25s;
}

.woocommerce-order-received .product-name a:hover{
    color:var(--fs-color-primary,#2f7d32);
}

.woocommerce-order-received .product-quantity{
    display:inline-block;
    margin-left:8px;
    color:#777;
}

/* Address */

.woocommerce-order-received .addresses{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:20px;
}

.woocommerce-order-received .woocommerce-column{
    background:#fafafa;
    border:1px solid #edf0f2;
    border-radius:16px;
    padding:22px;
}

.woocommerce-order-received .woocommerce-column__title{
    font-size:18px;
    margin-bottom:18px;
}

.woocommerce-order-received address{
    margin:0;
    font-style:normal;
    line-height:1.8;
}

.woocommerce-order-received .woocommerce-customer-details--phone,
.woocommerce-order-received .woocommerce-customer-details--email{
    margin-top:10px;
}

/* Note */

.woocommerce-order-received .shipped_via{
    display:block;
    margin-top:4px;
    color:#888;
}

/* Mobile */

@media(max-width:849px){

    .woocommerce-order-received .addresses{
        grid-template-columns:1fr;
    }

    .woocommerce-order-received .woocommerce-order-overview li{
        flex-direction:column;
        align-items:flex-start;
        gap:5px;
    }

    .woocommerce-order-received .woocommerce-order-details,
    .woocommerce-order-received .woocommerce-customer-details,
    .woocommerce-order-received .is-well{
        padding:20px;
        border-radius:16px;
    }

    .woocommerce-order-received table.shop_table th,
    .woocommerce-order-received table.shop_table td{
        padding:14px;
    }

}


/* cart popup */
#cart-popup .woocommerce-mini-cart-item a {
	color: #111;
	    font-family: "Philosopher", Sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}