/* =========================================================
   LIÊN NÔNG VIỆT NAM — Design System (Light theme)
   ========================================================= */
:root{
  --green:#00A550; --green-d:#00803e; --green-l:#e7f6ee;
  --gold:#FDB810; --gold-d:#e0a300; --brown:#7C3E00;
  --ink:#243027; --muted:#6b7a70; --bg:#ffffff; --bg-soft:#f6faf7;
  --line:#e4ece7; --white:#fff;
  --shadow:0 6px 22px rgba(20,60,35,.08); --shadow-lg:0 14px 40px rgba(20,60,35,.14);
  --radius:14px; --radius-s:10px; --maxw:1180px;
  --font:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}
section{padding:64px 0}
h1,h2,h3,h4{line-height:1.25;color:var(--brown);font-weight:700}
h2.section-title{font-size:clamp(1.5rem,3.2vw,2.1rem);text-align:center;margin-bottom:8px}
.section-sub{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 40px}
.section-title .bar,.title-bar{display:block;width:64px;height:4px;background:var(--gold);border-radius:3px;margin:14px auto 0}
.eyebrow{color:var(--green);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;padding:12px 24px;border-radius:50px;cursor:pointer;border:2px solid transparent;transition:.2s;font-size:.95rem}
.btn-primary{background:var(--green);color:#fff}
.btn-primary:hover{background:var(--green-d);transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-gold{background:var(--gold);color:var(--brown)}
.btn-gold:hover{background:var(--gold-d);transform:translateY(-2px)}
.btn-outline{background:transparent;border-color:var(--green);color:var(--green)}
.btn-outline:hover{background:var(--green);color:#fff}
.topbar{background:var(--brown);color:#fff;font-size:.85rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.topbar a{opacity:.92}.topbar a:hover{opacity:1;color:var(--gold)}
.topbar .tb-right{display:flex;gap:18px;flex-wrap:wrap}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:52px;width:auto}
.brand .bt{font-weight:800;color:var(--green);font-size:1.05rem;line-height:1.1}
.brand .bt small{display:block;color:var(--muted);font-weight:500;font-size:.7rem;letter-spacing:.02em}
.menu{display:flex;align-items:center;gap:4px;list-style:none}
.menu>li{position:relative}
.menu>li>a{display:block;padding:10px 14px;font-weight:600;border-radius:8px;color:var(--ink)}
.menu>li>a:hover,.menu>li.active>a{color:var(--green);background:var(--green-l)}
.menu .has-sub>a::after{content:"▾";margin-left:6px;font-size:.8em;color:var(--muted)}
.submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;list-style:none}
.menu>li:hover>.submenu,.menu>li:focus-within>.submenu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu li a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;font-weight:500;color:var(--ink)}
.submenu li a:hover{background:var(--green-l);color:var(--green)}
.submenu li a .ic{color:var(--gold)}
.submenu::before{content:"";position:absolute;top:-7px;left:24px;width:14px;height:14px;background:#fff;border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}
.nav-cta{display:flex;align-items:center;gap:10px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
.hero{position:relative;background:linear-gradient(120deg,var(--green-l) 0%,#fff 60%);overflow:hidden}
.hero .container{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero h1{font-size:clamp(1.9rem,4.4vw,3rem);color:var(--brown)}
.hero h1 .hl{color:var(--green)}
.hero p.lead{font-size:1.1rem;color:var(--ink);margin:18px 0 26px;max-width:540px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-media{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3;background:linear-gradient(135deg,#cfe9da,#a7d8bd)}
.hero-media .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--green-d);padding:20px;gap:8px}
.hero-media .ph .big{font-size:2.2rem}
.hero-stats{display:flex;gap:26px;margin-top:30px;flex-wrap:wrap}
.hero-stats .st b{display:block;color:var(--green);font-size:1.6rem;font-weight:800}
.hero-stats .st span{color:var(--muted);font-size:.85rem}
.ph-note{display:inline-block;background:var(--gold);color:var(--brown);font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:50px;margin-bottom:6px}
.grid{display:grid;gap:22px}
.g-3{grid-template-columns:repeat(3,1fr)} .g-4{grid-template-columns:repeat(4,1fr)} .g-2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:#cfe6d9}
.card .ic-box{width:54px;height:54px;border-radius:14px;background:var(--green-l);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:1.5rem;margin-bottom:14px}
.card h3{font-size:1.15rem;margin-bottom:8px}
.card p{color:var(--muted)}
.feature-strip{background:var(--bg-soft)}
.svc-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin-bottom:48px}
.svc-row.rev .svc-media{order:2}
.svc-media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#eef5f0;aspect-ratio:16/11}
.svc-media img,.svc-media video{width:100%;height:100%;object-fit:cover}
.svc-list{list-style:none;margin-top:14px}
.svc-list li{padding:8px 0 8px 30px;position:relative;color:var(--ink)}
.svc-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}
.price-note{margin-top:22px;background:var(--green-l);border-left:4px solid var(--green);padding:16px 18px;border-radius:0 10px 10px 0}
.price-note b{color:var(--green-d)}
.filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}
.filters button{border:1px solid var(--line);background:#fff;padding:9px 18px;border-radius:50px;cursor:pointer;font-weight:600;color:var(--muted);transition:.18s;font-size:.9rem}
.filters button:hover{border-color:var(--green);color:var(--green)}
.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.prod{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:.2s;display:flex;flex-direction:column}
.prod:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.prod .thumb{aspect-ratio:1;background:linear-gradient(135deg,#eef6f1,#dcefe3);display:flex;align-items:center;justify-content:center;position:relative;color:var(--green-d)}
.prod .thumb .ph-mini{text-align:center;padding:14px;font-size:.78rem;color:var(--green-d);opacity:.85}
.prod .thumb .ph-mini .ico{font-size:2rem;display:block;margin-bottom:4px}
.prod .tag{position:absolute;top:10px;left:10px;background:var(--gold);color:var(--brown);font-size:.68rem;font-weight:700;padding:3px 9px;border-radius:50px}
.prod .body{padding:16px;flex:1;display:flex;flex-direction:column;gap:6px}
.prod .body h3{font-size:1rem;color:var(--green-d)}
.prod .body .ai{font-size:.82rem;color:var(--muted)}
.prod .body .dform{margin-top:auto;font-size:.75rem;color:var(--brown);font-weight:600}
.no-img{font-size:.7rem;color:var(--muted);margin-top:4px}
.modal{position:fixed;inset:0;background:rgba(20,40,28,.55);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal.open{display:flex}
.modal-box{background:#fff;border-radius:18px;max-width:620px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg)}
.modal-head{display:flex;gap:16px;padding:22px;border-bottom:1px solid var(--line);align-items:center}
.modal-head .m-thumb{width:90px;height:90px;border-radius:12px;background:linear-gradient(135deg,#eef6f1,#dcefe3);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--green-d)}
.modal-head h3{color:var(--green-d);font-size:1.25rem}
.modal-head .tag{display:inline-block;background:var(--green-l);color:var(--green-d);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:50px;margin-top:6px}
.modal-close{position:sticky;top:0;float:right;margin:10px;background:#fff;border:1px solid var(--line);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1.1rem;line-height:1}
.spec{padding:8px 22px}
.spec dl{display:grid;grid-template-columns:130px 1fr;gap:2px 16px;padding:14px 0;border-bottom:1px dashed var(--line)}
.spec dl:last-child{border-bottom:0}
.spec dt{font-weight:700;color:var(--brown)}
.spec dd{color:var(--ink);white-space:pre-line}
.spec dd.pending{color:var(--gold-d);font-style:italic}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.fact-list{list-style:none;margin-top:18px}
.fact-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.fact-list li b{color:var(--brown);min-width:130px}
.lab{background:var(--bg-soft)}
.lab-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
.cert-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}
.cert{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.cert .ic{font-size:1.6rem;color:var(--green)}
.placeholder-box{border:2px dashed #b9d6c6;border-radius:var(--radius);background:var(--green-l);padding:30px;text-align:center;color:var(--green-d)}
.placeholder-box .big{font-size:2rem;margin-bottom:6px}
.placeholder-box small{display:block;color:var(--muted);margin-top:6px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.contact-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.contact-item:last-child{border-bottom:0}
.contact-item .ic{width:42px;height:42px;border-radius:10px;background:var(--green-l);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto}
.contact-item b{display:block;color:var(--brown)}
.contact-item span,.contact-item a{color:var(--muted)}
form .field{margin-bottom:14px}
form label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem}
form input,form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:.95rem}
form input:focus,form textarea:focus{outline:0;border-color:var(--green)}
.map-embed{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);height:320px}
.map-embed iframe{width:100%;height:100%;border:0}
.cta-band{background:linear-gradient(120deg,var(--green),var(--green-d));color:#fff;text-align:center}
.cta-band h2{color:#fff}
.cta-band p{opacity:.92;max-width:600px;margin:10px auto 26px}
.footer{background:var(--brown);color:#e9dccd;padding:50px 0 24px;font-size:.92rem}
.footer a{color:#e9dccd}.footer a:hover{color:var(--gold)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px;margin-bottom:30px}
.footer h4{color:#fff;margin-bottom:14px;font-size:1rem}
.footer .brand-f{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.footer .brand-f img{height:48px;background:#fff;border-radius:8px;padding:4px}
.footer ul{list-style:none}.footer ul li{padding:5px 0}
.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:18px;text-align:center;color:#cbb89f;font-size:.82rem}
.page-hero{background:linear-gradient(120deg,var(--green-l),#fff);padding:132px 0 48px;text-align:center}
.page-hero h1{font-size:clamp(1.7rem,3.6vw,2.4rem)}
.page-hero p{color:var(--muted);margin-top:8px}
.crumb{color:var(--muted);font-size:.85rem;margin-bottom:10px}
.crumb a:hover{color:var(--green)}
.dev-banner{background:#fff7e0;border-bottom:1px solid #f0e0a8;color:#8a6d00;text-align:center;font-size:.82rem;padding:7px 16px}
.hero-media.has-img{background:none}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(20,50,30,.75));color:#fff;padding:24px 16px 12px;font-size:.82rem;font-weight:500}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery .gitem{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;background:#eef5f0}
.gallery .gitem img{width:100%;height:100%;object-fit:cover;transition:.3s}
.gallery .gitem:hover img{transform:scale(1.06)}
.gallery .gitem .glabel{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(20,50,30,.78));color:#fff;font-size:.8rem;font-weight:600;padding:18px 12px 9px}
.cert-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}
@media(max-width:980px){.cert-thumbs{grid-template-columns:1fr 1fr}}
.cert-thumb{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s;text-align:center}
.cert-thumb:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.cert-thumb img{width:100%;height:230px;object-fit:contain;background:#f6faf7;padding:8px}
.cert-thumb .ct-label{padding:11px;font-weight:600;color:var(--brown);font-size:.9rem;border-top:1px solid var(--line)}
.cert-thumb .ct-label small{display:block;color:var(--muted);font-weight:500;font-size:.78rem}
.team-band{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative;cursor:pointer}
.team-band img{width:100%;display:block}
.team-band .tb-cap{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(transparent,rgba(20,50,30,.8));color:#fff;padding:30px 22px 16px}
.lightbox{position:fixed;inset:0;background:rgba(10,25,16,.9);display:none;align-items:center;justify-content:center;z-index:200;padding:24px}
.lightbox.open{display:flex}
.lightbox img{max-width:94vw;max-height:88vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lightbox .lb-close{position:absolute;top:18px;right:24px;color:#fff;font-size:2rem;cursor:pointer;line-height:1;background:none;border:0}
.lightbox .lb-cap{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#fff;font-size:.9rem}
@media(max-width:980px){
  .g-4{grid-template-columns:repeat(2,1fr)} .g-3{grid-template-columns:repeat(3,1fr)}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
  .hero .container{grid-template-columns:1fr;text-align:center}
  .hero-actions{justify-content:center}.hero-stats{justify-content:center}
  .about-grid,.contact-grid,.svc-row,.svc-row.rev .svc-media{grid-template-columns:1fr}
  .svc-row.rev .svc-media{order:0}
  .lab-cards{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .gallery{grid-template-columns:repeat(3,1fr)} .cert-thumbs{grid-template-columns:1fr}
}
@media(max-width:760px){
  .menu{position:fixed;top:0;right:-100%;height:100vh;width:78%;max-width:320px;background:#fff;flex-direction:column;align-items:stretch;padding:80px 18px 30px;box-shadow:var(--shadow-lg);transition:right .25s;gap:2px;overflow:auto}
  .menu.open{right:0}
  .menu>li>a{padding:14px 12px;border-radius:10px}
  .submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--green-l);margin:2px 0 6px 12px;display:none}
  .submenu::before{display:none}
  .menu>li.open-sub>.submenu{display:block}
  .burger{display:flex}
  .nav-cta .btn{display:none}
  .g-3,.g-4,.prod-grid{grid-template-columns:1fr 1fr}
  .lab-cards,.footer-grid{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(2,1fr)}
  section{padding:46px 0}
  .topbar{display:none}
}
@media(max-width:460px){
  .g-3,.g-4,.prod-grid{grid-template-columns:1fr}
  .hero-stats{gap:18px}
}

/* ===== SVG icon system (GĐ3) — line icon tối giản ===== */
svg.sprite{display:none}
.icon{width:1em;height:1em;display:inline-block;vertical-align:-0.14em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ic-box .icon{width:1.6rem;height:1.6rem;stroke-width:1.55}
.contact-item .ic .icon{width:1.2rem;height:1.2rem}
.submenu li a .ic{display:inline-flex;align-items:center}
.submenu li a .ic .icon{width:1.05rem;height:1.05rem}
.topbar .icon,.footer ul .icon{margin-right:6px}
.price-note>.icon{color:var(--gold-d);width:1.15rem;height:1.15rem;vertical-align:-0.18em;margin-right:5px}
.dev-banner .icon{margin-right:5px;vertical-align:-0.15em}
.btn .icon{width:1.05em;height:1.05em}
.ph-mini .ico .icon{stroke-width:1.5}
.m-thumb .icon{stroke-width:1.5}

/* ===== GĐ4: section bổ sung trang chủ (tham khảo bố cục eurofert) ===== */
/* Stats counter band */
.stats-band{background:linear-gradient(120deg,var(--green-d),var(--green));color:#fff;padding:46px 0}
.stats-band .container{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.stat-item{position:relative}
.stat-item .num{font-size:2.5rem;font-weight:800;line-height:1;display:flex;justify-content:center;align-items:baseline;gap:2px}
.stat-item .lbl{margin-top:8px;opacity:.92;font-size:.92rem}
.stat-item+ .stat-item::before{content:"";position:absolute;left:-12px;top:10%;height:80%;width:1px;background:rgba(255,255,255,.22)}
/* Process steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:10px}
.step{position:relative;text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 16px 24px;transition:.2s}
.step:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.step .num{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--brown);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 4px 10px rgba(253,184,16,.4)}
.step .ic-box{margin:6px auto 12px}
.step h3{font-size:1rem;margin-bottom:6px}
.step p{font-size:.85rem;color:var(--muted)}
/* About preview */
.about-pre .about-media{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3}
.about-pre .about-media img{width:100%;height:100%;object-fit:cover}
.about-pre .badge{position:absolute;right:18px;bottom:18px;background:var(--gold);color:var(--brown);border-radius:14px;padding:12px 16px;text-align:center;box-shadow:var(--shadow)}
.about-pre .badge b{display:block;font-size:1.7rem;line-height:1}
.about-pre .badge span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.mini-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.mini-feat{display:flex;gap:10px;align-items:flex-start}
.mini-feat .ic{color:var(--green);flex:0 0 auto;margin-top:2px}
.mini-feat b{display:block;color:var(--brown);font-size:.95rem}
.mini-feat span{color:var(--muted);font-size:.85rem}
/* Cert + lab teaser */
.cap-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
/* Testimonials */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.testi .qmark{color:var(--gold);font-size:2.4rem;line-height:.6;font-weight:800;font-family:var(--font)}
.testi .quote{color:var(--ink);margin:6px 0 16px;flex:1}
.testi .who{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.testi .av{width:46px;height:46px;border-radius:50%;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}
.testi .who b{color:var(--brown);display:block;font-size:.95rem}
.testi .who span{color:var(--muted);font-size:.82rem}
/* Home contact form */
.home-contact{background:var(--bg-soft)}
.home-contact .hc-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hc-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}
.hc-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:980px){
  .steps{grid-template-columns:repeat(3,1fr)}
  .cap-cols,.about-pre .about-grid,.home-contact .hc-grid{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .stats-band .container{grid-template-columns:1fr 1fr;gap:28px 16px}
  .stat-item:nth-child(odd)::before{display:none}
  .steps{grid-template-columns:1fr 1fr}
  .testi-grid{grid-template-columns:1fr}
  .mini-feats,.hc-2{grid-template-columns:1fr}
}

/* ===== GĐ5: Hero banner wide tối giản ===== */
.hero-banner{position:relative;display:flex;align-items:center;min-height:clamp(440px,70vh,620px);color:#fff;background:#0a3320;overflow:hidden}
.hero-banner .bg{position:absolute;inset:0}
.hero-banner .bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-banner .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,38,22,.88) 0%,rgba(7,38,22,.62) 42%,rgba(7,38,22,.18) 80%)}
.hero-banner .container{position:relative;z-index:2;width:100%}
.hero-banner .hb-inner{max-width:660px}
.hero-banner .eyebrow{color:#ffd66b}
.hero-banner h1{color:#fff;font-size:clamp(2rem,4.6vw,3.25rem);line-height:1.14;margin-top:10px}
.hero-banner h1 .hl{color:#8fe7b3}
.hero-banner p.lead{color:rgba(255,255,255,.9);font-size:1.08rem;margin:18px 0 26px;max-width:560px}
.hero-banner .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-banner .btn-outline{border-color:rgba(255,255,255,.8);color:#fff;background:transparent}
.hero-banner .btn-outline:hover{background:#fff;color:var(--green-d);border-color:#fff}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:.85rem;color:rgba(255,255,255,.92)}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}
.hero-trust .icon{color:#8fe7b3}
@media(max-width:760px){
  .hero-banner{min-height:clamp(420px,78vh,560px)}
  .hero-banner .overlay{background:linear-gradient(180deg,rgba(7,38,22,.5) 0%,rgba(7,38,22,.84) 100%)}
  .hero-banner p.lead{font-size:1rem}
  .hero-trust{gap:14px}
}

/* ===== GĐ6: Scroll reveal + parallax ===== */
.has-js .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.has-js .reveal.rv-left{transform:translateX(-34px)}
.has-js .reveal.rv-right{transform:translateX(34px)}
.has-js .reveal.rv-zoom{transform:scale(.93)}
.has-js .reveal.in{opacity:1;transform:none}
.hero-banner .bg img{will-change:transform}
@media(prefers-reduced-motion:reduce){
  .has-js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .hero-banner .bg img{transform:none!important}
}

/* ===== GĐ7: Tinh chỉnh phong cách TỐI GIẢN (override) ===== */
:root{
  --shadow:0 1px 2px rgba(20,60,35,.04);
  --shadow-lg:0 10px 34px rgba(20,60,35,.07);
  --line:#edf1ee;
  --radius:12px;
}
/* Thoáng hơn */
section{padding:88px 0}
.section-sub{margin-bottom:54px;font-size:1rem}
h2.section-title{font-weight:700;letter-spacing:-.01em}
.section-title .bar,.title-bar{height:2px;width:38px;margin-top:16px}
@media(max-width:760px){section{padding:60px 0}.section-sub{margin-bottom:38px}}

/* Nút phẳng, tĩnh */
.btn{padding:12px 22px}
.btn-primary{box-shadow:none}
.btn-primary:hover{transform:none;box-shadow:none}
.btn-gold:hover,.btn-outline:hover{transform:none}
.btn-outline{border-width:1px}

/* Thẻ phẳng: viền mảnh, không nhấc, không bóng */
.card{box-shadow:none;border-color:var(--line);padding:30px 28px}
.card:hover{box-shadow:none;transform:none;border-color:#dbe7e0}
.card h3{font-weight:600}
/* Icon dạng line trần, bỏ nền tile */
.card .ic-box,.step .ic-box{background:none;border-radius:0;width:auto;height:auto;margin-bottom:16px;color:var(--green)}
.card .ic-box .icon,.step .ic-box .icon{width:1.85rem;height:1.85rem;stroke-width:1.5}

/* Dải số liệu: nền sáng tối giản */
.stats-band{background:var(--bg-soft);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:54px 0}
.stats-band .num{color:var(--green-d);font-weight:700}
.stat-item .lbl{color:var(--muted);opacity:1}
.stat-item+.stat-item::before{background:var(--line)}

/* Quy trình phẳng */
.step{box-shadow:none;border-color:var(--line)}
.step:hover{box-shadow:none;transform:none}
.step .num{background:none;color:var(--green);border:1px solid #d7e6dd;box-shadow:none}

/* Sản phẩm / chứng nhận / cảm nhận: bớt bóng & chuyển động */
.prod{box-shadow:none}
.prod:hover{transform:none;box-shadow:var(--shadow-lg)}
.testi{box-shadow:none}
.cert-thumb:hover{box-shadow:none;transform:none}
.gallery .gitem:hover img{transform:scale(1.03)}

/* Về Liên Nông: bỏ badge nổi cho gọn, mini-feat icon xanh */
.about-pre .badge{box-shadow:none}
.mini-feat .ic{color:var(--green)}

/* Form phẳng */
.hc-form{box-shadow:none}

/* Hero gọn hơn, overlay dịu */
.hero-banner{min-height:clamp(420px,64vh,560px)}
.hero-banner .overlay{background:linear-gradient(90deg,rgba(7,38,22,.82) 0%,rgba(7,38,22,.48) 52%,rgba(7,38,22,.1) 86%)}

/* Reveal tinh tế hơn */
.has-js .reveal{transform:translateY(18px)}

/* ===== GĐ8: Hero cao hơn +60px & rộng hơn (vw) ===== */
.hero-banner{min-height:clamp(480px,72vh,620px)}
.hero-banner .container{max-width:min(1360px,94vw)}
.hero-banner .hb-inner{max-width:min(760px,72vw)}
@media(max-width:760px){
  .hero-banner{min-height:clamp(480px,82vh,620px)}
  .hero-banner .hb-inner{max-width:100%}
}

/* ===== GĐ9: Mở rộng container tổng (header + section) khớp hero ===== */
.container{max-width:min(1360px,94vw)}

/* ===== GĐ10: A11y + conversion + readability ===== */
.skip-link{position:absolute;left:-9999px;top:0;z-index:300;background:var(--green);color:#fff;padding:10px 16px;border-radius:0 0 10px 0;font-weight:600}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.filters button:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.prod:focus-visible,.gitem:focus-visible,.cert-thumb:focus-visible,.team-band:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
/* Giới hạn khổ chữ đoạn văn dài cho dễ đọc */
.about-grid p,.about-pre p,.home-contact .hc-grid>div p,.testi .quote,.step p{max-width:66ch}
/* Nút Zalo */
.btn-zalo{background:#0068ff;color:#fff;border-color:#0068ff}
.btn-zalo:hover{background:#0055cc;color:#fff;border-color:#0055cc}
/* CTA dính trên mobile */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(20,60,35,.08)}
.mobile-cta a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 8px;font-weight:600;font-size:.95rem}
.mobile-cta a+a{border-left:1px solid var(--line)}
.mobile-cta .c-call{color:var(--green-d)}
.mobile-cta .c-zalo{color:#0068ff}
.mobile-cta .icon{width:1.15rem;height:1.15rem}
@media(max-width:760px){
  .mobile-cta{display:flex}
  body{padding-bottom:54px}
}
.team-band{aspect-ratio:16/7}
.team-band img{height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.team-band{aspect-ratio:4/3}}

/* ===== GĐ11: Trang chi tiết sản phẩm + Blog ===== */
.detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.detail-media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#eef6f1,#dcefe3);aspect-ratio:1;cursor:zoom-in}
.detail-media img{width:100%;height:100%;object-fit:cover}
.detail-media.ph{display:flex;align-items:center;justify-content:center;cursor:default}
.detail-media.ph .ph-inner{text-align:center;color:var(--green-d);padding:20px}
.detail-media.ph .ico{display:block;margin:0 auto 8px}
.detail-media.ph .ico .icon{width:3rem;height:3rem;stroke-width:1.4}
.detail-media.ph b{display:block}.detail-media.ph span{color:var(--muted);font-size:.85rem}
.detail-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.prose{color:var(--ink);margin-top:16px}
.prose h2{font-size:1.3rem;margin:22px 0 8px}.prose h3{font-size:1.1rem;margin:18px 0 6px}
.prose p{margin:10px 0;max-width:70ch}.prose ul{margin:10px 0 10px 20px}.prose li{margin:4px 0}
.prose b,.prose strong{color:var(--brown)}
.article{max-width:820px}
.article-cover{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius);margin-bottom:8px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.post-card:hover{box-shadow:var(--shadow-lg)}
.post-card .pc-thumb{aspect-ratio:16/10;overflow:hidden;background:#eef5f0}
.post-card .pc-thumb img{width:100%;height:100%;object-fit:cover}
.post-card .pc-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-card .pc-date{color:var(--muted);font-size:.8rem}
.post-card h3{font-size:1.08rem;color:var(--brown)}
.post-card p{color:var(--muted);font-size:.92rem;flex:1}
.post-card .pc-more{color:var(--green);font-weight:600;font-size:.9rem}
@media(max-width:980px){.detail-grid{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.post-grid{grid-template-columns:1fr}}

/* Ảnh bìa sản phẩm trên thẻ (GĐ12) */
.prod .thumb img.thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#fff}

/* ===== GĐ13: Hero +60px nữa & nền ảnh cho section CTA hợp tác ===== */
.hero-banner{min-height:clamp(540px,72vh,680px)}
@media(max-width:760px){.hero-banner{min-height:clamp(540px,82vh,680px)}}
.cta-band{position:relative;background:linear-gradient(120deg,rgba(8,56,33,.88) 0%,rgba(3,33,20,.95) 100%),url(../../public/images/web/doi-ngu.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}

/* ===== GĐ14: Chống "rớt chữ" (orphan/widow) - cân dòng tiêu đề & đoạn văn ===== */
h1,h2,h3,h4,.section-title,.hero-banner h1,.cta-band h2,.page-hero h1{text-wrap:balance}
p,p.lead,.lead,.section-sub{text-wrap:pretty}

/* Dịch vụ 02: 2 ảnh bột & nước cạnh nhau */
.svc-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:transparent;box-shadow:none;overflow:visible;aspect-ratio:auto;border-radius:0}
.svc-duo figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#eef5f0}
.svc-duo figure img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.svc-duo figcaption{position:absolute;left:0;right:0;bottom:0;padding:9px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(8,30,20,.8))}
@media(max-width:520px){.svc-duo{grid-template-columns:1fr 1fr;gap:8px}.svc-duo figcaption{font-size:11.5px;padding:6px 8px}}

/* Section Máy đóng gói (trang Giới thiệu) */
.pkg-video{max-width:780px;margin:6px auto 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#0c2419}
.pkg-video video{width:100%;display:block;max-height:72vh;object-fit:contain;background:#0c2419}


/* Lưới video máy móc (trang Giới thiệu) */
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
.vid-item{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#f2f4f3;border:1px solid #e3e7e5}
.vid-frame{aspect-ratio:4/3;background:#e8ebe9}
.vid-frame video{width:100%;height:100%;object-fit:contain;display:block}
.vid-item figcaption{padding:11px 14px;font-size:14px;font-weight:600;color:#16241d;background:#f2f4f3;text-align:center}
@media(max-width:760px){.video-grid{grid-template-columns:1fr}}

.vid-frame img{width:100%;height:100%;object-fit:cover;display:block}

/* Dịch vụ 01: xếp dọc 2 ảnh ngang theo tỉ lệ gốc 4:3 */
.svc-stack{display:grid;grid-template-columns:1fr;gap:14px;background:transparent;box-shadow:none;overflow:visible;aspect-ratio:auto;border-radius:0}
.svc-stack figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#eef5f0}
.svc-stack figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.svc-stack figcaption{position:absolute;left:0;right:0;bottom:0;padding:9px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(8,30,20,.8))}


/* Dịch vụ: bố cục 2 hàng — text trên, ảnh dưới */
.svc-block{margin-bottom:60px}
.svc-head{max-width:760px;margin:0 auto;text-align:center}
.svc-list-c{max-width:680px;margin:18px auto 0;text-align:left}
.svc-imgs{display:grid;gap:20px;margin-top:30px}
.svc-imgs.two{grid-template-columns:1fr 1fr}
.svc-imgs.one{grid-template-columns:1fr;max-width:820px;margin-left:auto;margin-right:auto}
.svc-imgs figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#eef5f0}
.svc-imgs img{width:100%;height:auto;display:block;object-fit:cover}
.svc-imgs.wide img{aspect-ratio:4/3}
.svc-imgs.sq img{aspect-ratio:1/1}
.svc-imgs.one img{aspect-ratio:4/3}
.svc-imgs figcaption{position:absolute;left:0;right:0;bottom:0;padding:9px 12px;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(8,30,20,.8))}
@media(max-width:680px){.svc-imgs.two{grid-template-columns:1fr}}