.ntt-home-hero{

	margin:20px 0;

}

.ntt-home-hero img{

	width:100%;

	height:auto;

	display:block;

	border-radius:12px;

}

.ntt-side-banner{

	margin-bottom:16px;

}

.ntt-side-banner:last-child{

	margin-bottom:0;

}

/* ===== Service Box ===== */

.ntt-service-box{

	margin:30px 0;

}

.ntt-service-item{

	display:flex;

	align-items:center;

	padding:18px;

	border:1px solid #ececec;

	border-radius:10px;

	background:#fff;

	height:100%;

	transition:.2s;

}

.ntt-service-item:hover{

	box-shadow:0 8px 20px rgba(0,0,0,.06);

}

.ntt-service-icon{

	font-size:34px;

	margin-right:16px;

	line-height:1;

}

.ntt-service-content h4{

	margin:0 0 5px;

	font-size:16px;

	font-weight:600;

}

.ntt-service-content p{

	margin:0;

	font-size:13px;

	color:#777;

}


/* =======================================
   HOME PRODUCT SECTION
======================================= */

.ntt-home-section{

	margin:40px 0;

}

.ntt-section-header{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-bottom:20px;

}

.ntt-section-title{

	margin:0;

	font-size:28px;

	font-weight:700;

	line-height:1.2;

}

@media(max-width:849px){

	.ntt-home-section{

		margin:30px 0;

	}

	.ntt-section-title{

		font-size:22px;

	}

}

/* ===========================
   PRODUCT CARD
=========================== */

.ntt-product-grid{

	display:grid;

	grid-template-columns:repeat(4,1fr);

	gap:20px;

}

.ntt-product-card{

	background:#fff;

	border:1px solid #ececec;

	border-radius:10px;

	overflow:hidden;

	transition:.2s;

	height:100%;

}

.ntt-product-card:hover{

	box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.ntt-product-image img{

	display:block;

	width:100%;

	height:auto;

}

.ntt-product-content{

	padding:15px;

}

.ntt-product-title{

	font-size:15px;

	line-height:1.45;

	margin-bottom:10px;

	min-height:44px;

}

.ntt-product-title a{

	color:#222;

	text-decoration:none;

}

.ntt-product-price{

	font-size:18px;

	font-weight:700;

	color:#e53935;

	margin-bottom:12px;

}

.ntt-product-button .button{

	width:100%;

}

@media(max-width:849px){

	.ntt-product-grid{

		grid-template-columns:repeat(2,1fr);

	}

}
/* =========================================================
   HERO SLIDER (2 cột marketing) - khớp mẫu Trang chủ
========================================================= */
.ntt-home-hero{
	margin:24px 0 0;
}
.ntt-hero-slider{ position:relative; }
.ntt-hero-slide{ width:100%; }
.ntt-hero-content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:30px 20px 30px 0;
}
.ntt-hero-title{
	font-size:42px;
	line-height:1.2;
	font-weight:800;
	color:var(--ntt-forest-deep);
	margin:12px 0 20px;
}
.ntt-hero-title-accent{
	display:block;
	color:var(--ntt-amber-dark);
}
.ntt-hero-features{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:14px 20px;
	margin-bottom:26px;
}
.ntt-hero-feature{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	color:var(--ntt-ink-soft);
}
.ntt-hero-feature-icon{ font-size:20px; line-height:1; }
.ntt-hero-cta{ display:flex; gap:14px; flex-wrap:wrap; }
.ntt-hero-media{
	position:relative;
	display:flex;
	align-items:center;
}
.ntt-hero-media img{
	width:100%;
	height:auto;
	border-radius:var(--ntt-radius);
	display:block;
}
.ntt-hero-badge{
	position:absolute;
	top:16px;
	right:16px;
	width:118px;
	height:118px;
	border-radius:50%;
	background:#fff;
	border:2px solid var(--ntt-forest-light);
	box-shadow:0 10px 25px rgba(0,0,0,.12);
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:10px;
}
.ntt-hero-badge span{
	font-family:'Lexend',sans-serif;
	font-size:12.5px;
	font-weight:700;
	line-height:1.3;
	color:var(--ntt-forest-deep);
	text-transform:uppercase;
}

@media(max-width:849px){
	.ntt-hero-title{ font-size:28px; }
	.ntt-hero-content{ padding:20px 0; text-align:center; }
	.ntt-hero-features{ grid-template-columns:1fr; }
	.ntt-hero-cta{ justify-content:center; }
	.ntt-hero-badge{ width:90px; height:90px; top:10px; right:10px; }
	.ntt-hero-badge span{ font-size:10.5px; }
}

/* =========================================================
   CATEGORY ICONS ROW
========================================================= */
.ntt-home-category-icons{
	margin:30px 0;
	padding:22px 0;
	background:#fff;
	border-top:1px solid var(--ntt-line);
	border-bottom:1px solid var(--ntt-line);
}
.ntt-cat-icon-row{
	display:grid;
	grid-template-columns:repeat(8,1fr);
	gap:10px;
}
.ntt-cat-icon-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	gap:8px;
	text-decoration:none;
	color:var(--ntt-ink);
	padding:10px 6px;
	border-radius:12px;
	transition:.2s;
}
.ntt-cat-icon-item:hover{
	background:var(--ntt-mint);
	color:var(--ntt-forest-deep);
}
.ntt-cat-icon-emoji{ font-size:30px; line-height:1; }
.ntt-cat-icon-title{ font-size:12.5px; font-weight:600; line-height:1.3; }

@media(max-width:849px){
	.ntt-cat-icon-row{ grid-template-columns:repeat(4,1fr); }
}

/* =========================================================
   CTA BOXES (Hỏi dược sĩ / Ưu đãi / NCT / Giao hàng)
========================================================= */
.ntt-home-cta-boxes{ margin:30px 0; }
.ntt-cta-box{
	height:100%;
	border-radius:var(--ntt-radius);
	padding:24px 20px;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.ntt-cta-box h4{ margin:0; font-size:17px; font-weight:700; }
.ntt-cta-box p{ margin:0; font-size:13px; }
.ntt-cta-box-list{
	list-style:none;
	margin:0 0 6px;
	padding:0;
	font-size:12.5px;
}
.ntt-cta-box-list li{ padding:3px 0; }
.ntt-cta-box .button{ align-self:flex-start; margin-top:auto; }

.ntt-cta-box--ask{
	background:var(--ntt-forest-deep);
	color:#fff;
}
.ntt-cta-box--ask p,
.ntt-cta-box--ask .ntt-cta-box-list{ color:rgba(255,255,255,.8); }

.ntt-cta-box--sale{ background:var(--ntt-mint); }
.ntt-cta-box-percent{ font-family:'Lexend',sans-serif; font-size:15px; }
.ntt-cta-box-percent strong{ font-size:30px; color:var(--ntt-amber-dark); }

.ntt-cta-box--elder{ background:#FBEAEA; }
.ntt-cta-box--ship{ background:var(--ntt-cream); border:1px solid var(--ntt-line); }

/* =========================================================
   TRUST BAR (cuối trang chủ)
========================================================= */
.ntt-home-trust-bar{
	margin:40px 0 10px;
	padding:24px 0;
	background:var(--ntt-mint);
	border-radius:var(--ntt-radius);
}
.ntt-trust-bar-row{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	gap:14px;
}
.ntt-trust-bar-item{
	display:flex;
	align-items:center;
	gap:10px;
	justify-content:center;
	text-align:left;
}
.ntt-trust-bar-icon{ font-size:26px; }
.ntt-trust-bar-text{ display:flex; flex-direction:column; }
.ntt-trust-bar-text strong{ font-size:13px; }
.ntt-trust-bar-text em{ font-size:11.5px; font-style:normal; color:var(--ntt-ink-soft); }

@media(max-width:849px){
	.ntt-trust-bar-row{ grid-template-columns:repeat(2,1fr); }
}