/* ===== QNC Product Page – Lam Thạch ===== */
.qnc-pp{
	--qnc-navy:#15396b;
	--qnc-yellow:#f5b400;
	--qnc-green:#3aaa35;
	--qnc-gray:#f2f3f5;
	--qnc-fx-dur:800ms;
	font-family:"Be Vietnam Pro","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:#333;line-height:1.6;font-size:16px;
	/* Tràn viền (full-bleed) để giống thiết kế gốc dù theme bó khung hẹp.
	   Nếu theme đã full-width và bị lệch, xóa 6 dòng dưới đây. */
	position:relative;left:50%;right:50%;width:100vw;max-width:100vw;
	margin-left:-50vw;margin-right:-50vw;
	overflow-x:hidden;
}
.qnc-pp *{box-sizing:border-box;}
.qnc-wrap{max-width:1120px;margin:0 auto;padding:0 20px;}
.qnc-pp img{max-width:100%;height:auto;display:block;}

/* Tiêu đề chung */
.qnc-h2{font-size:30px;font-weight:800;letter-spacing:.3px;margin:0 0 16px;line-height:1.25;}
.qnc-h2--green{color:var(--qnc-navy);}
.qnc-h2--navy{color:var(--qnc-navy);}
.qnc-h2--center{text-align:center;}
.qnc-bar{display:block;width:60px;height:4px;background:var(--qnc-yellow);border-radius:2px;}
.qnc-bar--center{margin:0 auto 22px;}

/* 1. HERO */
.qnc-hero{position:relative;display:flex;align-items:center;
	background:#274472 center/cover no-repeat;color:#fff;}
.qnc-hero__overlay{position:absolute;inset:0;
	background:linear-gradient(90deg,rgba(10,28,58,.85) 0%,rgba(10,28,58,.45) 45%,rgba(245,180,0,.15) 100%);}
.qnc-hero__inner{position:relative;z-index:2;width:100%;}
.qnc-hero__title{font-size:54px;font-weight:800;letter-spacing:2px;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.qnc-hero__bar{display:block;width:90px;height:5px;background:var(--qnc-yellow);margin-top:14px;border-radius:3px;}

/* 2. THƯƠNG HIỆU */
.qnc-brand{background:var(--qnc-gray);padding:38px 0;}
.qnc-brand__inner{display:flex;gap:36px;align-items:center;flex-wrap:wrap;}
.qnc-brand__logos{display:flex;gap:24px;align-items:center;flex:0 0 240px;}
.qnc-brand__logos img{max-height:74px;width:auto;}
.qnc-brand__text{flex:1;min-width:280px;font-style:italic;color:#4a4f57;margin:0;font-size:15px;}

/* 3. XI MĂNG XANH */
.qnc-green{padding:48px 0;}
.qnc-green__inner{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;}
.qnc-green__media{flex:0 0 320px;border-radius:6px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.12);}
.qnc-green__media img{width:100%;}
.qnc-green__body{flex:1;min-width:300px;}
.qnc-list{list-style:none;margin:0;padding:0;}
.qnc-list li{position:relative;padding:6px 0 6px 26px;font-size:15.5px;}
.qnc-list li::before{content:"";position:absolute;left:4px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--qnc-green);}

/* 4. NHÓM SẢN PHẨM */
.qnc-products{padding:10px 0 40px;}
.qnc-products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.qnc-products__grid .qnc-prod:nth-child(4),
.qnc-products__grid .qnc-prod:nth-child(5){grid-column:span 1;}
.qnc-prod{margin:0;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #eef0f3;box-shadow:0 6px 16px rgba(0,0,0,.05);}
.qnc-prod__img{background:linear-gradient(180deg,#fff 0%,#eef2f7 100%);min-height:200px;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;}
.qnc-prod__img img{transition:transform .5s ease;}
.qnc-prod__ph{color:#9aa3ad;font-size:13px;font-style:italic;text-align:center;}
.qnc-prod__cap{padding:14px 16px;text-align:center;font-weight:600;font-size:13.5px;color:#3a4250;background:#fafbfc;border-top:1px solid #eef0f3;}

/* hiệu ứng hover zoom */
.qnc-hoverzoom img{transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.qnc-hoverzoom:hover img{transform:scale(1.07);}

/* 5. SẢN XUẤT VỎ BAO */
.qnc-bag{padding:36px 0 0;}
.qnc-bag__head{text-align:center;}
.qnc-bag__intro{max-width:820px;margin:0 auto;color:#555;font-size:15.5px;}
.qnc-bag__banner{margin-top:30px;border-radius:0;overflow:hidden;}
.qnc-bag__banner img{width:100%;}

/* 6+7. HAI CỘT */
.qnc-two{padding:40px 0;}
.qnc-two__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.qnc-tabhead{background:var(--qnc-yellow);color:var(--qnc-navy);font-weight:800;text-align:center;
	padding:12px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;font-size:16px;}
.qnc-tabhead--alt{background:var(--qnc-navy);color:#fff;}
.qnc-sling__sizes{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;}
.qnc-chip{flex:1;min-width:120px;background:#eef2f7;color:var(--qnc-navy);font-weight:600;
	text-align:center;padding:12px 8px;border-radius:4px;font-size:14px;}
.qnc-sling__imgs{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.qnc-sling__img{border-radius:6px;overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.1);}
.qnc-sling__img:last-child:nth-child(odd){grid-column:span 2;}

.qnc-checklist{list-style:none;margin:18px 0 24px;padding:0;}
.qnc-checklist li{position:relative;padding:7px 0 7px 30px;font-size:15px;}
.qnc-checklist li::before{content:"\2714";position:absolute;left:0;top:7px;color:var(--qnc-green);font-weight:700;}

.qnc-highlight{background:#f7f9fb;border-radius:8px;padding:20px;border:1px solid #eceff3;}
.qnc-highlight__title{text-align:center;font-weight:700;color:#fff;background:var(--qnc-navy);
	display:inline-block;width:100%;padding:8px;border-radius:4px;margin-bottom:22px;letter-spacing:.5px;}
.qnc-highlight__row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;}
.qnc-highlight__row::before{content:"";position:absolute;top:28px;left:12%;right:12%;height:2px;
	background:repeating-linear-gradient(90deg,#cdd5df 0 8px,transparent 8px 16px);z-index:0;}
.qnc-hi{position:relative;z-index:1;text-align:center;}
.qnc-hi__num{width:56px;height:56px;line-height:50px;margin:0 auto 10px;border:3px solid;border-radius:50%;
	font-weight:800;font-size:20px;background:#fff;}
.qnc-hi__text{font-size:12.5px;color:#46505e;line-height:1.4;}
.qnc-strap__img{margin-top:20px;border-radius:6px;overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.1);}

/* 8. KHỐI THÔNG TIN */
.qnc-info{padding:30px 0 50px;}
.qnc-info__box{background:var(--qnc-navy);color:#fff;border-radius:10px;padding:34px 38px;
	background-image:radial-gradient(circle at 90% 110%,rgba(255,255,255,.06) 0,transparent 40%);}
.qnc-info__cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.qnc-info__list{list-style:none;margin:0;padding:0;}
.qnc-info__list li{position:relative;padding:7px 0 7px 26px;font-size:14.5px;color:#e9eef6;}
.qnc-info__list li::before{content:"\2714";position:absolute;left:0;top:7px;color:var(--qnc-yellow);font-weight:700;}
.qnc-cta{display:inline-block;margin-top:26px;background:var(--qnc-yellow);color:var(--qnc-navy);
	font-weight:800;text-decoration:none;padding:14px 30px;border-radius:6px;letter-spacing:.5px;
	text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease;}
.qnc-cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(245,180,0,.4);}

/* 9. DẢI ẢNH CUỐI */
.qnc-gallery__row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.qnc-gallery__cell{overflow:hidden;aspect-ratio:16/7;}
.qnc-gallery__cell img{width:100%;height:100%;object-fit:cover;}

/* ===== RESPONSIVE: TABLET ===== */
@media (max-width:1024px){
	.qnc-hero__title{font-size:42px;}
	.qnc-products__grid{grid-template-columns:repeat(2,1fr);}
	.qnc-products__grid .qnc-prod:nth-child(5){grid-column:span 2;}
	.qnc-two__grid{grid-template-columns:1fr;gap:30px;}
	.qnc-green__media{flex:0 0 100%;}
}

/* ===== RESPONSIVE: MOBILE ===== */
@media (max-width:640px){
	.qnc-pp{font-size:15px;}
	.qnc-hero__title{font-size:30px;letter-spacing:1px;}
	.qnc-h2{font-size:23px;}
	.qnc-brand__inner{flex-direction:column;text-align:center;}
	.qnc-brand__logos{flex:0 0 auto;justify-content:center;}
	.qnc-green__inner{flex-direction:column;}
	.qnc-products__grid{grid-template-columns:1fr;}
	.qnc-products__grid .qnc-prod:nth-child(5){grid-column:span 1;}
	.qnc-sling__imgs{grid-template-columns:1fr;}
	.qnc-sling__img:last-child:nth-child(odd){grid-column:span 1;}
	.qnc-highlight__row{grid-template-columns:repeat(2,1fr);gap:18px;}
	.qnc-highlight__row::before{display:none;}
	.qnc-info__cols{grid-template-columns:1fr;gap:6px;}
	.qnc-info__box{padding:24px 20px;}
	.qnc-cta{width:100%;text-align:center;}
	.qnc-gallery__row{grid-template-columns:1fr 1fr;}
}