/* VIFOOD HOME V11 - full screen storefront. Isolated from admin. */
:root{--vf-green:#07663c;--vf-green2:#0a7b46;--vf-dark:#06462d;--vf-orange:#f15a24;--vf-text:#18392e;--vf-muted:#64786f;--vf-line:#e4ebe7;--vf-soft:#f5faf7}
.store-body{margin:0;background:#fff;color:var(--vf-text);overflow-x:hidden}.store-body *{box-sizing:border-box}.v10-wrap{width:min(1540px,calc(100% - 64px));margin-inline:auto}
.v10-topbar{background:#075b38;color:#fff;font-size:12px}.v10-topbar .v10-wrap{height:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.v10-header{height:92px;background:#fff;border-bottom:1px solid #e9efec;position:sticky;top:0;z-index:80;box-shadow:0 4px 22px rgba(5,70,45,.045)}.v10-headrow{height:100%;display:flex;align-items:center;gap:28px}.v10-logo{display:flex;align-items:center;text-decoration:none!important;flex:0 0 auto}.v10-logo img{display:block;width:190px;height:auto}.v10-header nav{display:flex;align-items:center;gap:22px}.v10-header nav a{font-size:12px;line-height:1;font-weight:850;text-transform:uppercase;color:#203b31;text-decoration:none;white-space:nowrap;padding:39px 0 37px;position:relative}.v10-header nav a:first-child,.v10-header nav a:hover{color:var(--vf-orange)}.v10-header nav a:first-child:after,.v10-header nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--vf-orange);border-radius:4px 4px 0 0}.v10-search{margin-left:auto;display:flex;width:min(310px,24vw);height:42px;border:1px solid #d4dfda;border-radius:999px;overflow:hidden;background:#fff}.v10-search input{min-width:0;flex:1;border:0;outline:0;padding:0 16px;font:inherit;font-size:12px}.v10-search button{width:48px;border:0;background:var(--vf-green);color:#fff;font-size:23px;cursor:pointer}.v10-hotline{display:flex;align-items:center;gap:9px;text-decoration:none!important;color:#e94225}.v10-hotline>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff0e9;font-size:21px}.v10-hotline b{font-size:17px;line-height:1.1;display:flex;flex-direction:column}.v10-hotline small{font-size:10px;font-weight:600;color:#60736b;margin-bottom:3px}.v10-header .mobile-nav{display:none}
/* Hero */
.v11-home{overflow:hidden}.v11-hero{position:relative;min-height:650px;background:linear-gradient(90deg,#f8fffb 0%,#edf9f4 41%,#dff4f0 100%);border-bottom:1px solid #dce8e3;isolation:isolate}.v11-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:135px;background:linear-gradient(to top,rgba(0,96,62,.09),transparent);z-index:-1}.v11-hero-sky{position:absolute;inset:0 0 35% 45%;z-index:-2;background:radial-gradient(circle at 55% 30%,#fff 0 10%,transparent 10.5%),radial-gradient(circle at 72% 20%,#fff 0 8%,transparent 8.5%),linear-gradient(#bfe4f4,#e7f7fc);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.v11-hero-port{position:absolute;right:0;bottom:21%;width:52%;height:28%;z-index:-1;background:linear-gradient(180deg,transparent 0 28%,#173e52 29% 34%,#28586a 35% 40%,transparent 41%),repeating-linear-gradient(90deg,transparent 0 7%,#dd6232 7.5% 9%,#255f75 9.5% 12%,transparent 12.5% 15%);opacity:.82;clip-path:polygon(9% 31%,100% 5%,100% 100%,0 100%)}.v11-hero-grid{min-height:650px;display:grid;grid-template-columns:47% 53%;align-items:center}.v11-hero-copy{padding:66px 0 72px;position:relative;z-index:3}.v11-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--vf-green);font-size:11px;font-weight:900;letter-spacing:.65px;text-transform:uppercase}.v11-kicker:before{content:"";width:26px;height:3px;border-radius:8px;background:var(--vf-orange)}.v11-hero h1{margin:15px 0 18px;font-size:clamp(42px,4.25vw,69px);line-height:.99;letter-spacing:-2.6px;color:#075d39;max-width:760px}.v11-hero h1 strong{display:block;color:var(--vf-orange)}.v11-hero h1 em{display:block;font-style:normal;color:#075d39}.v11-hero-copy>p{margin:0;max-width:665px;font-size:16px;line-height:1.7;color:#506a60}.v11-hero-actions{display:flex;gap:12px;margin-top:26px}.v11-btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:999px;font-size:11px;font-weight:900;text-decoration:none!important;letter-spacing:.1px}.v11-btn.orange{background:var(--vf-orange);color:#fff;box-shadow:0 11px 22px rgba(241,90,36,.2)}.v11-btn.white{background:#fff;color:var(--vf-green);border:1px solid #b8d0c5}.v11-btn.green{background:var(--vf-green);color:#fff}.v11-trust-row{margin-top:42px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:700px}.v11-trust-row span{display:flex;align-items:center;gap:9px}.v11-trust-row i{width:39px;height:39px;flex:0 0 39px;border-radius:50%;display:grid;place-items:center;background:var(--vf-green);color:#fff;font-style:normal;font-weight:900;box-shadow:0 5px 14px rgba(5,102,60,.15)}.v11-trust-row b{font-size:10.5px;line-height:1.35;color:#294b3e}.v11-hero-visual{height:650px;position:relative}.v11-plane{position:absolute;right:36%;top:10%;font-size:66px;color:#e7f0f3;text-shadow:0 7px 5px #53727e44;transform:rotate(6deg);z-index:2}.v11-cranes{position:absolute;right:4%;top:18%;width:54%;height:31%;display:flex;justify-content:space-around;align-items:flex-end;opacity:.8}.v11-cranes i{position:relative;width:5px;height:135px;background:#244d5f;transform:skew(-5deg)}.v11-cranes i:before{content:"";position:absolute;width:105px;height:5px;background:#244d5f;left:-9px;top:0;transform:rotate(-7deg);transform-origin:left}.v11-ship{position:absolute;right:-1%;top:35%;width:72%;height:24%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(170deg,#1b566f,#113f55);clip-path:polygon(8% 10%,100% 0,91% 82%,14% 100%,0 61%);filter:drop-shadow(0 17px 17px rgba(21,69,78,.22))}.v11-ship b{font-size:38px;line-height:1}.v11-ship small{margin-top:5px;font-size:9px;font-weight:800;letter-spacing:2px}.v11-food-stage{position:absolute;left:0;right:-5%;bottom:2%;height:45%;z-index:6}.v11-food{position:absolute;overflow:hidden;border-radius:50%;border:7px solid #fff;background:#fff;box-shadow:0 18px 40px rgba(6,66,43,.24)}.v11-food img{width:100%;height:100%;display:block;object-fit:cover}.v11-food .image-placeholder{height:100%;border-radius:50%}.v11-food.f0{left:0;bottom:3%;width:34%;aspect-ratio:1}.v11-food.f1{left:25%;bottom:0;width:31%;aspect-ratio:1}.v11-food.f2{left:48%;bottom:5%;width:29%;aspect-ratio:1}.v11-food.f3{right:0;bottom:1%;width:25%;aspect-ratio:1}.v11-food-fallback{position:absolute;left:5%;right:0;bottom:8%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v11-food-fallback b{min-height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#fff,#eaf5ee);border:6px solid #fff;color:#0a7443;font-size:13px;box-shadow:0 15px 35px rgba(6,66,43,.15)}
/* headings */
.v11-category-section,.v11-product-section,.v11-news,.v11-partners{padding:52px 0}.v11-category-section{background:#fff}.v11-product-section{background:#fbfdfc}.v11-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.v11-heading h2{position:relative;margin:0;color:#075e3a;font-size:29px;line-height:1;font-weight:900;letter-spacing:-.75px;padding-left:17px}.v11-heading h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:6px;background:var(--vf-green)}.v11-heading p{margin:7px 0 0 17px;color:#667a71;font-size:12px}.v11-heading>a{color:var(--vf-green);font-size:12px;font-weight:800;text-decoration:none}
/* categories */
.v11-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.v11-cat-grid>a{display:block;border:1px solid #e0e8e4;border-radius:10px;background:#fff;overflow:hidden;text-decoration:none!important;color:var(--vf-text);box-shadow:0 8px 26px rgba(11,77,53,.055);transition:.2s transform,.2s box-shadow}.v11-cat-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,77,53,.1)}.v11-cat-img{height:245px;background:linear-gradient(145deg,#edf6f1,#fff);overflow:hidden}.v11-cat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.v11-cat-grid>a:hover img{transform:scale(1.04)}.v11-cat-img .image-placeholder{height:100%;border-radius:0;background:radial-gradient(circle at 45% 45%,#fff 0 21%,transparent 22%),linear-gradient(145deg,#e9f6ef,#f8fbf9)}.v11-cat-info{position:relative;padding:14px 52px 16px 16px;display:flex;flex-direction:column}.v11-cat-info b{font-size:17px;color:#123f2f}.v11-cat-info small{margin-top:3px;font-size:11px;color:#71847c}.v11-cat-info i{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf5ef;color:#06713f;font-style:normal;font-weight:900}
/* products */
.v11-products{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.v11-products article{min-width:0;border:1px solid #dfe8e3;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(14,70,50,.045)}.v11-products article>a{height:100%;display:flex;flex-direction:column;padding-bottom:13px;color:var(--vf-text);text-decoration:none}.v11-product-img{height:220px;position:relative;overflow:hidden;background:#f2f7f4}.v11-product-img img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.v11-products article:hover img{transform:scale(1.04)}.v11-product-img .image-placeholder{height:100%;border-radius:0}.v11-product-img>span{position:absolute;left:9px;top:9px;padding:5px 7px;border-radius:5px;background:#0a7644;color:#fff;font-size:8px;font-weight:900}.v11-products h3{font-size:12px;line-height:1.38;margin:12px 11px 5px;min-height:34px}.v11-products strong{font-size:12px;color:#e64d2d;margin:0 11px 10px}.v11-products em{margin:auto 11px 0;height:30px;display:grid;place-items:center;background:#067140;color:#fff;border-radius:4px;font-size:9px;font-weight:850;font-style:normal}.v11-data-note{grid-column:1/-1;padding:28px;border:1px dashed #b9cec3;border-radius:10px;background:#f5faf7;color:#597066;text-align:center;font-size:13px}
/* about factory */
.v11-about{padding:62px 0;background:linear-gradient(90deg,#f8fcfa,#eef8f3)}.v11-about-grid{display:grid;grid-template-columns:45% 55%;gap:48px;align-items:center}.v11-about-copy>span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e1f1e7;color:#076a3e;font-size:10px;font-weight:900}.v11-about-copy h2{margin:13px 0 5px;font-size:36px;line-height:1.05;color:#07643d;letter-spacing:-1px}.v11-about-copy h3{margin:0 0 17px;font-size:13px;color:#1b754f}.v11-about-copy p{font-size:13.5px;line-height:1.75;color:#526a61}.v11-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.v11-stats span{display:flex;flex-direction:column}.v11-stats b{font-size:24px;color:#087042}.v11-stats small{font-size:9.5px;color:#6a7d75}.v11-factory{min-height:415px;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(#bfe8f7 0 46%,#c9d8d0 47% 50%,#ecf0ed 51%);box-shadow:0 20px 48px rgba(9,75,51,.12)}.v11-factory:before{content:"";position:absolute;left:8%;right:8%;top:21%;height:49%;background:linear-gradient(180deg,#fbfcfb,#e1e7e4);clip-path:polygon(4% 18%,50% 0,96% 17%,100% 100%,0 100%);border-bottom:9px solid #c2ccc8}.v11-factory:after{content:"";position:absolute;left:15%;right:15%;top:42%;height:22%;background:repeating-linear-gradient(90deg,#7fa3ae 0 6%,#c3d5d6 6% 10%);opacity:.8}.v11-factory-name{position:absolute;z-index:3;left:0;right:0;top:30%;text-align:center;font-size:47px;font-weight:900;color:#087447}.v11-factory-name small{display:block;font-size:8px;letter-spacing:2px;color:#365c4e}.v11-trucks{position:absolute;z-index:4;left:15%;right:10%;bottom:25%;display:flex;gap:22%;justify-content:flex-end}.v11-trucks i{width:115px;height:37px;background:#fff;border:2px solid #70938a;border-radius:3px;box-shadow:0 5px 9px #214c3f29;position:relative}.v11-trucks i:before{content:"VIFOOD";position:absolute;left:12px;top:9px;color:#087246;font-size:10px;font-weight:900}.v11-trucks i:after{content:"";position:absolute;left:10px;right:10px;bottom:-8px;height:12px;background:radial-gradient(circle,#243b34 0 5px,transparent 5.5px) left center/38px 12px repeat-x}.v11-factory-cards{position:absolute;z-index:5;left:3%;right:3%;bottom:3%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v11-factory-cards span{height:82px;border-radius:7px;display:grid;place-items:center;text-align:center;padding:10px;background:#ffffffdf;border:1px solid #fff;color:#15543b;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}
/* why */
.v11-why{padding:47px 0;background:radial-gradient(circle at 2% 50%,#4faa7066,transparent 24%),linear-gradient(110deg,#075b38,#087645 72%,#075b38);color:#fff}.v11-why-title{text-align:center}.v11-why-title h2{font-size:27px;margin:0}.v11-why-title p{font-size:11px;color:#d5e9dd;margin:6px 0 24px}.v11-benefits{display:grid;grid-template-columns:repeat(5,1fr) 1.45fr;gap:11px}.v11-benefits>span{padding:13px 6px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}.v11-benefits>span i{width:43px;height:43px;margin-bottom:5px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#077242;font-style:normal;font-size:10px;font-weight:900}.v11-benefits b{font-size:11px}.v11-benefits small{font-size:8.5px;color:#d9e8e0}.v11-benefits>a{padding:20px;border-radius:11px;border:1px solid #ffffff26;background:#04492fd9;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:center;gap:13px}.v11-benefits>a b{font-size:18px;line-height:1.2}.v11-benefits>a em{align-self:flex-start;padding:9px 14px;border-radius:999px;background:var(--vf-orange);font-style:normal;font-size:9px;font-weight:900}
/* news large images */
.v11-news{background:#fff}.v11-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.v11-news-grid article{border:1px solid #e1e9e5;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(11,74,52,.05)}.v11-news-grid article>a{display:block;padding-bottom:17px;color:var(--vf-text);text-decoration:none}.v11-news-img{height:300px;overflow:hidden;background:#f1f6f3}.v11-news-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}.v11-news-grid article:hover img{transform:scale(1.035)}.v11-news-img .image-placeholder{height:100%;border-radius:0}.v11-news-grid time{display:block;margin:13px 14px 5px;font-size:9px;color:#899790}.v11-news-grid h3{font-size:15px;line-height:1.4;margin:0 14px 8px;color:#143f30}.v11-news-grid p{font-size:11.5px;line-height:1.55;color:#6a7b74;margin:0 14px 13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.v11-news-grid a>span{display:inline-flex;margin-left:14px;padding:8px 15px;border-radius:999px;background:#087844;color:#fff;font-size:9px;font-weight:850}.v11-partners{padding-top:18px}.v11-partner-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.v11-partner-row span{height:68px;border:1px solid #dce6e1;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:16px;font-weight:900;color:#355749;box-shadow:0 4px 14px rgba(20,72,54,.04)}
/* newsletter/footer from V10 */
.v10-newsletter{background:linear-gradient(90deg,#08623a,#087944);color:#fff}.v10-newsletter .v10-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.v10-newsletter .v10-wrap>div{display:flex;flex-direction:column}.v10-newsletter b{font-size:14px}.v10-newsletter span{font-size:10px;color:#d5e8dd;margin-top:4px}.v10-newsletter form{display:flex;width:min(590px,49%);height:41px}.v10-newsletter input{min-width:0;flex:1;border:0;outline:0;padding:0 18px;border-radius:999px 0 0 999px}.v10-newsletter button{border:0;padding:0 23px;border-radius:0 999px 999px 0;background:var(--vf-orange);color:#fff;font-size:10px;font-weight:900}.v10-footer{display:block!important;padding:0!important;background:#f8fbf9!important;color:#315147!important}.v10-footer-grid{display:grid!important;grid-template-columns:2fr 1fr 1fr 1.15fr!important;gap:50px!important;padding:44px 0 37px!important}.v10-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.v10-footer-grid>div>b{font-size:11px;color:#174b39;margin-bottom:6px}.v10-footer-grid p,.v10-footer-grid a{margin:0;font-size:10px;line-height:1.55;color:#536a62;text-decoration:none}.v10-footer-brand .v10-logo{margin-bottom:9px}.v10-footer-brand .v10-logo img{width:175px}.v10-social{display:flex!important;flex-direction:row!important;gap:7px!important}.v10-social span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#087443;color:#fff;font-weight:900}.v10-qr{width:64px;height:64px;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#111 0 3px,#fff 3px 6px);color:#fff;font-size:10px;font-weight:900;border:5px solid #fff;outline:1px solid #d5dfda}.v10-copyright{border-top:1px solid #dbe5e0;background:#075a37;color:#d8e8df;font-size:9px}.v10-copyright .v10-wrap{height:45px;display:flex;align-items:center;justify-content:space-between}
@media(max-width:1280px){.v10-wrap{width:min(1180px,calc(100% - 38px))}.v10-header nav{gap:13px}.v10-header nav a{font-size:10.5px}.v10-search{display:none}.v11-products{grid-template-columns:repeat(4,1fr)}.v11-product-img{height:235px}.v11-news-grid{grid-template-columns:repeat(2,1fr)}.v11-news-img{height:330px}.v11-benefits{grid-template-columns:repeat(3,1fr)}.v11-benefits>a{grid-column:span 1}.v11-partner-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.v10-wrap{width:calc(100% - 28px)}.v10-topbar{display:none}.v10-header{height:72px}.v10-logo img{width:155px}.v10-hotline{margin-left:auto}.v10-hotline b{display:none}.v10-hotline>span{width:37px;height:37px}.v10-header .mobile-nav{display:block;width:39px;height:39px;border:0;border-radius:9px;background:#edf6f1;color:#086c40;font-size:0}.v10-header .mobile-nav:after{content:"☰";font-size:20px}.v10-header nav{display:none!important;position:absolute;left:0;right:0;top:72px;padding:12px 20px;background:#fff;box-shadow:0 16px 30px rgba(14,55,41,.12);flex-direction:column;align-items:stretch}.v10-header.open nav{display:flex!important}.v10-header nav a{padding:11px 0;border-bottom:1px solid #edf1ef}.v10-header nav a:after{display:none}.v11-hero,.v11-hero-grid{min-height:auto}.v11-hero-grid{grid-template-columns:1fr}.v11-hero-copy{padding:52px 0 15px}.v11-hero h1{font-size:40px;letter-spacing:-1.6px}.v11-hero-copy>p{font-size:14px}.v11-trust-row{grid-template-columns:repeat(2,1fr);margin-top:28px}.v11-hero-visual{height:390px}.v11-hero-sky{inset:48% 0 20% 0;clip-path:none}.v11-hero-port{width:100%;height:25%;bottom:16%}.v11-plane{font-size:47px;top:7%}.v11-ship{right:4%;top:26%;width:70%}.v11-food-stage{height:49%}.v11-category-section,.v11-product-section,.v11-news{padding:42px 0}.v11-heading{align-items:flex-start}.v11-heading h2{font-size:24px}.v11-heading>a{display:none}.v11-cat-grid{grid-template-columns:1fr 1fr;gap:10px}.v11-cat-img{height:170px}.v11-products{grid-template-columns:1fr 1fr;gap:9px}.v11-product-img{height:185px}.v11-about-grid{grid-template-columns:1fr;gap:30px}.v11-about-copy h2{font-size:30px}.v11-stats{grid-template-columns:repeat(2,1fr)}.v11-factory{min-height:330px}.v11-benefits{grid-template-columns:repeat(2,1fr)}.v11-benefits>a{grid-column:1/-1}.v11-news-grid{grid-template-columns:1fr}.v11-news-img{height:330px}.v11-partner-row{grid-template-columns:repeat(2,1fr)}.v10-newsletter .v10-wrap{padding:16px 0;flex-direction:column;align-items:stretch}.v10-newsletter form{width:100%}.v10-footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.v10-footer-brand{grid-column:1/-1}.v10-copyright .v10-wrap{height:auto;padding:12px 0;gap:5px;flex-direction:column;align-items:flex-start}}
@media(max-width:470px){.v10-logo img{width:142px}.v11-hero h1{font-size:34px}.v11-hero-actions{flex-direction:column}.v11-btn{width:100%}.v11-hero-visual{height:310px}.v11-plane{display:none}.v11-ship{top:15%;width:82%}.v11-ship b{font-size:28px}.v11-food{border-width:4px}.v11-cat-img{height:135px}.v11-cat-info{padding:12px 42px 13px 12px}.v11-cat-info b{font-size:13px}.v11-product-img{height:155px}.v11-products h3{font-size:11px}.v11-news-img{height:270px}.v10-footer-grid{grid-template-columns:1fr!important}.v10-footer-brand{grid-column:auto}}

/* V12: homepage media managed from Admin */
.v11-hero.has-home-hero{background-image:var(--home-hero);background-size:cover;background-position:center;background-repeat:no-repeat}.v11-hero.has-home-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,255,251,.98) 0%,rgba(248,255,251,.91) 35%,rgba(248,255,251,.45) 58%,rgba(5,61,42,.06) 100%)}.v11-hero.has-home-hero .v11-hero-sky,.v11-hero.has-home-hero .v11-hero-port,.v11-hero.has-home-hero .v11-hero-visual{display:none}.v11-hero.has-home-hero .v11-hero-grid{grid-template-columns:minmax(0,58%) 1fr}.v11-hero.has-home-hero .v11-hero-copy{max-width:800px}
.v11-factory.has-home-about{background:#edf4f0}.v11-factory.has-home-about:before,.v11-factory.has-home-about:after{display:none}.v11-factory.has-home-about>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.v11-factory.has-home-about .v11-factory-cards{background:linear-gradient(0deg,rgba(0,70,43,.15),transparent);padding-top:30px}
.v11-why.has-business-banner{position:relative;background-image:linear-gradient(90deg,rgba(3,76,45,.94),rgba(5,112,64,.82)),var(--home-business);background-size:cover;background-position:center;background-repeat:no-repeat}
.v11-partner-row span img{display:block;max-width:82%;max-height:48px;object-fit:contain}.v10-qr.has-img{background:#fff;padding:2px}.v10-qr.has-img img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:820px){.v11-hero.has-home-hero{background-image:var(--home-hero-mobile,var(--home-hero));background-position:center}.v11-hero.has-home-hero:before{background:linear-gradient(180deg,rgba(248,255,251,.97) 0%,rgba(248,255,251,.90) 58%,rgba(248,255,251,.58) 100%)}.v11-hero.has-home-hero .v11-hero-grid{grid-template-columns:1fr}.v11-hero.has-home-hero .v11-hero-copy{padding:58px 0 64px}}

/* V16: dynamic product navigation from Admin, evenly distributed */
.v16-header{height:auto}.v16-headtop{min-height:78px;display:flex;align-items:center;gap:26px}.v16-headtop .v10-logo img{width:188px}.v16-search{margin-left:auto;width:min(520px,38vw)}.v16-menubar{border-top:1px solid #edf2ef;border-bottom:1px solid #e1e9e5;background:#fff}.v16-dynamic-nav{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:0!important;width:100%;align-items:stretch}.v16-dynamic-nav>a,.v16-nav-item>a{min-height:48px;display:flex!important;align-items:center;justify-content:center;padding:0 12px!important;text-align:center;font-size:11px!important;font-weight:850!important;line-height:1.2!important;text-transform:uppercase;color:#24473a!important;text-decoration:none!important;white-space:normal!important;position:relative}.v16-nav-item{position:relative;display:flex;min-width:0}.v16-nav-item>a{width:100%}.v16-dynamic-nav>a:hover,.v16-nav-item:hover>a,.v16-home-link{color:var(--vf-green)!important;background:#f4faf7}.v16-dynamic-nav>a:after,.v16-nav-item>a:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:4px 4px 0 0;background:transparent}.v16-dynamic-nav>a:hover:after,.v16-nav-item:hover>a:after,.v16-home-link:after{background:var(--vf-orange)!important}.v16-submenu{display:none;position:absolute;left:0;top:100%;z-index:120;min-width:240px;padding:8px;background:#fff;border:1px solid #e3ebe7;border-radius:0 0 10px 10px;box-shadow:0 18px 38px rgba(10,65,45,.14)}.v16-nav-item:hover .v16-submenu{display:block}.v16-submenu a{display:block;padding:11px 12px;border-radius:7px;color:#315347;text-decoration:none;font-size:11px;font-weight:700;text-transform:none}.v16-submenu a:hover{background:#eef7f2;color:var(--vf-green)}
@media(max-width:1280px){.v16-headtop{min-height:72px}.v16-dynamic-nav{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.v16-dynamic-nav>a,.v16-nav-item>a{font-size:10px!important;padding-inline:8px!important}.v16-search{width:min(420px,34vw)}}
@media(max-width:820px){.v16-headtop{height:72px;min-height:72px}.v16-menubar{border:0}.v16-search{display:none}.v16-header .mobile-nav{display:block}.v16-menubar .v10-wrap{width:100%}.v16-dynamic-nav{display:none!important;position:absolute;left:0;right:0;top:72px;z-index:150;padding:10px 14px 16px;background:#fff;box-shadow:0 16px 30px rgba(14,55,41,.14);grid-template-columns:1fr!important;max-height:calc(100vh - 72px);overflow:auto}.v16-header.open .v16-dynamic-nav{display:grid!important}.v16-dynamic-nav>a,.v16-nav-item>a{min-height:44px;justify-content:flex-start!important;text-align:left;padding:0 12px!important;border-bottom:1px solid #edf2ef;font-size:12px!important}.v16-dynamic-nav>a:after,.v16-nav-item>a:after{display:none}.v16-nav-item{display:block}.v16-submenu{display:block;position:static;min-width:0;padding:0 0 5px 14px;border:0;box-shadow:none;border-radius:0}.v16-submenu a{padding:9px 12px;font-size:11px;color:#5d746a}.v16-headtop .v10-logo img{width:155px}}

/* V17 - FIX MENU DONG ADMIN: dan deu, dropdown on dinh, khong bi CSS cu de len */
.v17-menubar{position:relative;z-index:90;background:#fff}
.v17-menubar>.v10-wrap{overflow:visible}
.v17-dynamic-nav{display:grid!important;grid-template-columns:repeat(var(--v17-menu-count),minmax(0,1fr))!important;width:100%;gap:0!important;overflow:visible!important}
.v17-dynamic-nav>.v17-static-link,.v17-dynamic-nav>.v17-nav-item{min-width:0;width:100%;border-right:1px solid #edf2ef}
.v17-dynamic-nav>.v17-static-link:first-child{border-left:1px solid #edf2ef}
.v17-dynamic-nav>.v17-static-link,.v17-nav-item>.v17-parent-link{min-height:50px!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere;font-size:11px!important;font-weight:800!important;line-height:1.2!important;color:#183f32!important;text-decoration:none!important}
.v17-nav-item{position:relative!important;display:block!important}
.v17-nav-item>.v17-parent-link{width:100%;height:100%}
.v17-caret{margin-left:5px;font-size:13px;line-height:1;transform:translateY(-1px)}
.v17-sub-toggle{display:none}
.v17-submenu{top:100%!important;left:0!important;min-width:max(240px,100%)!important;max-width:320px;background:#fff!important;border:1px solid #e4ece8!important;border-top:3px solid #f26922!important;border-radius:0 0 12px 12px!important;padding:7px!important;box-shadow:0 16px 38px rgba(7,55,39,.16)!important}
.v17-nav-item:hover>.v17-submenu,.v17-nav-item:focus-within>.v17-submenu{display:block!important}
.v17-submenu a{white-space:normal!important;line-height:1.35!important;text-align:left!important}
.v17-dynamic-nav>.v17-static-link:hover,.v17-nav-item:hover>.v17-parent-link{background:#f1f8f4!important;color:#08733f!important}

@media(max-width:1180px) and (min-width:821px){
 .v17-dynamic-nav>.v17-static-link,.v17-nav-item>.v17-parent-link{font-size:10px!important;padding-inline:5px!important}
}
@media(max-width:820px){
 .v17-menubar{z-index:180}
 .v17-dynamic-nav{display:none!important;grid-template-columns:1fr!important;position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100vh - 72px);overflow-y:auto!important;padding:8px 14px 18px!important;background:#fff!important;box-shadow:0 18px 34px rgba(10,55,40,.16)!important}
 .v16-header.open .v17-dynamic-nav{display:grid!important}
 .v17-dynamic-nav>.v17-static-link,.v17-dynamic-nav>.v17-nav-item{border:0!important;border-bottom:1px solid #edf2ef!important}
 .v17-dynamic-nav>.v17-static-link,.v17-nav-item>.v17-parent-link{min-height:46px!important;justify-content:flex-start!important;text-align:left!important;padding:0 42px 0 12px!important;font-size:12px!important}
 .v17-caret{display:none}
 .v17-nav-item.has-sub{position:relative!important}
 .v17-sub-toggle{display:grid;place-items:center;position:absolute;right:4px;top:5px;width:38px;height:36px;border:0;border-radius:8px;background:#eef7f2;color:#08733f;font-size:18px;z-index:2}
 .v17-submenu{display:none!important;position:static!important;min-width:0!important;max-width:none!important;width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 8px 15px!important}
 .v17-nav-item.sub-open>.v17-submenu{display:block!important}
 .v17-nav-item.sub-open>.v17-sub-toggle{transform:rotate(180deg)}
 .v17-submenu a{padding:10px 12px!important;border-left:2px solid #dcebe3!important}
}

/* V18 - controlled level 1/2 menu */
.v17-dynamic-nav{grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr)}
.v17-submenu:before{content:"MENU CẤP 2";display:block;padding:7px 12px 5px;color:#8a9b94;font-size:9px;font-weight:900;letter-spacing:.08em}
@media(min-width:821px){.v17-dynamic-nav>.v17-static-link,.v17-dynamic-nav>.v17-nav-item{min-width:92px}.v17-nav-item>.v17-parent-link{overflow-wrap:normal;word-break:normal}.v17-submenu a{font-size:12px!important}}

/* V19 — Professional full-width dynamic mega menu */
.v19-topbar{background:linear-gradient(90deg,#075d3b,#0b7650);color:#fff;font-size:12px}.v19-topbar .v10-wrap{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:22px}.v19-headtop{min-height:112px;display:flex;align-items:center;gap:26px}.v19-logo img{width:210px;max-height:76px}.v19-search{flex:1;max-width:690px;display:flex;border:1px solid #d7e4de;border-radius:11px;overflow:hidden;background:#fff}.v19-search input{height:52px;border:0!important;box-shadow:none!important;padding:0 18px;font-size:14px}.v19-search button{width:64px;border:0;background:#087b48;color:#fff;font-size:25px}.v19-hotline{display:flex;align-items:center;gap:11px;text-decoration:none;color:#365248;white-space:nowrap}.v19-hotline>span{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff0ec;color:#f04834;font-size:24px}.v19-hotline b{display:flex;flex-direction:column}.v19-hotline small{font-size:11px;font-weight:600;color:#687c74}.v19-hotline strong{font-size:18px;line-height:1.15;color:#ef3e2f}.v19-hotline em{font-style:normal;font-size:14px;color:#6a7671}.v19-head-icon{min-width:70px;height:60px;border-left:1px solid #edf1ef;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#31594b;gap:3px}.v19-head-icon span{font-size:23px}.v19-head-icon small{font-size:11px}.v19-menubar{position:relative;background:#fff;border-top:1px solid #eef3f0;border-bottom:1px solid #e0e9e4;box-shadow:0 3px 9px rgba(9,73,49,.04);z-index:120}.v19-dynamic-nav{position:relative;display:flex;align-items:stretch;width:100%;min-height:56px}.v19-static,.v19-parent-link{height:56px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;color:#173f32;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:820;letter-spacing:-.15px;white-space:nowrap;position:relative}.v19-static{flex:0 0 auto}.v19-nav-item{position:static;flex:1 1 0;min-width:108px}.v19-parent-link{width:100%;padding-inline:10px}.v19-static:after,.v19-parent-link:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:transparent}.v19-static:hover,.v19-nav-item:hover>.v19-parent-link,.v19-nav-item:focus-within>.v19-parent-link,.v19-home{color:#087944;background:#f5fbf8}.v19-static:hover:after,.v19-nav-item:hover>.v19-parent-link:after,.v19-nav-item:focus-within>.v19-parent-link:after,.v19-home:after{background:#ff6b35}.v19-caret{font-size:13px;transition:transform .18s}.v19-nav-item:hover .v19-caret{transform:rotate(180deg)}.v19-sub-toggle{display:none}.v19-mega{display:none;position:absolute;top:100%;left:0;right:0;z-index:999;width:100%;grid-template-columns:1.15fr 1.05fr .95fr 1fr;background:#fff;border:1px solid #e2ebe6;border-top:3px solid #0b844c;box-shadow:0 24px 55px rgba(8,63,43,.18);border-radius:0 0 14px 14px;overflow:hidden;text-transform:none}.v19-nav-item:hover>.v19-mega,.v19-nav-item:focus-within>.v19-mega{display:grid;animation:v19MenuIn .16s ease-out}.v19-mega>div{padding:22px 24px;min-width:0}.v19-mega>div+div{border-left:1px solid #e8eeeb}.v19-mega h4{margin:0 0 13px;color:#0c6541;text-transform:uppercase;font-size:13px;letter-spacing:.2px}.v19-mega-feature{background:linear-gradient(180deg,#fbfefd,#f4faf7)}.v19-mega-photo{height:190px;border-radius:10px;overflow:hidden;background:#e9f4ee;display:grid;place-items:center;text-decoration:none}.v19-mega-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.v19-mega-photo:hover img{transform:scale(1.035)}.v19-mega-photo span{font-size:27px;font-weight:900;color:#087944}.v19-mega-feature h3{margin:15px 0 5px;font-size:19px;color:#0a5f3e;text-transform:uppercase}.v19-mega-feature p{margin:0 0 13px;font-size:12px;line-height:1.55;color:#5f756c;min-height:38px}.v19-mega-cta{display:inline-flex;align-items:center;background:#087b48;color:#fff!important;text-decoration:none!important;border-radius:24px;padding:11px 17px;font-size:11px;font-weight:850;text-transform:uppercase}.v19-child-links{display:flex;flex-direction:column}.v19-child-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:39px;border-bottom:1px solid #edf1ef;color:#395a4f;text-decoration:none;font-size:12px}.v19-child-links a:hover{color:#087944;padding-left:5px}.v19-child-links b{font-size:18px;font-weight:500}.v19-service-col ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.v19-service-col li{display:flex;gap:10px;align-items:flex-start}.v19-service-col i{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#e8f7ee;color:#087944;font-style:normal;font-weight:800}.v19-service-col span{display:flex;flex-direction:column}.v19-service-col b{font-size:12px;color:#274e40}.v19-service-col small{font-size:10.5px;color:#7a8c84;margin-top:2px}.v19-products-col{background:#fcfdfc}.v19-menu-product{display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px solid #edf1ef;text-decoration:none}.v19-menu-product>span{width:64px;height:54px;border-radius:8px;overflow:hidden;background:#eef6f2;display:grid;place-items:center;color:#087944;font-weight:900;flex:0 0 auto}.v19-menu-product img{width:100%;height:100%;object-fit:cover}.v19-menu-product div{display:flex;flex-direction:column;min-width:0}.v19-menu-product b{font-size:12px;color:#274c40;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v19-menu-product small{font-size:10.5px;color:#0b8650;margin-top:4px}.v19-products-all{display:block;margin-top:13px;text-decoration:none;color:#087944;font-size:11px;font-weight:850;text-transform:uppercase}.v19-menu-empty{font-size:12px;color:#72847d}.store-body:has(.v19-nav-item:hover) .v10-hero{position:relative}.v19-nav-item:hover>.v19-mega:before{content:"";position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(10,45,34,.05);z-index:-1;pointer-events:none}@keyframes v19MenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1250px){.v19-headtop{gap:16px}.v19-logo img{width:175px}.v19-head-icon{display:none}.v19-static,.v19-parent-link{font-size:10.5px;padding-inline:9px}.v19-nav-item{min-width:95px}.v19-mega{grid-template-columns:1.05fr 1fr .9fr 1fr}.v19-mega>div{padding:18px}.v19-mega-photo{height:160px}}
@media(max-width:900px){.v19-topbar .v10-wrap span:not(:first-child){display:none}.v19-topbar .v10-wrap{justify-content:center;font-size:10px;min-height:28px}.v19-headtop{height:74px;min-height:74px;padding-inline:14px}.v19-logo img{width:150px}.v19-search,.v19-hotline{display:none}.v19-header .mobile-nav{display:block;margin-left:auto}.v19-menubar .v10-wrap{width:100%}.v19-dynamic-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:999;background:#fff;max-height:calc(100vh - 102px);overflow:auto;box-shadow:0 18px 35px rgba(8,55,39,.16);padding:8px 14px 18px;flex-direction:column}.v19-header.open .v19-dynamic-nav{display:flex}.v19-static,.v19-parent-link{height:48px;justify-content:flex-start!important;padding:0 44px 0 12px!important;font-size:12px!important;border-bottom:1px solid #edf2ef}.v19-static:after,.v19-parent-link:after{display:none}.v19-nav-item{position:relative;width:100%;min-width:0;flex:none}.v19-sub-toggle{display:grid;place-items:center;position:absolute;right:3px;top:5px;z-index:3;width:38px;height:38px;border:0;background:#edf8f2;color:#087944;border-radius:8px;font-size:18px;transition:transform .2s}.v19-nav-item:hover>.v19-mega,.v19-nav-item:focus-within>.v19-mega{display:none}.v19-nav-item.mega-open>.v19-mega{display:block;position:static;border:0;border-radius:0;box-shadow:none;animation:none;background:#f8fbf9}.v19-nav-item.mega-open>.v19-sub-toggle{transform:rotate(180deg)}.v19-mega>div{padding:14px;border-left:0!important;border-top:1px solid #e7eeea}.v19-mega-feature,.v19-service-col,.v19-products-col{display:none}.v19-mega h4{font-size:11px;margin-bottom:7px}.v19-child-links a{min-height:40px;padding-left:10px}.v19-caret{display:none}}

/* V20 — closer to approved VIFOOD header + centered mega-menu mockup */
.v20-topbar{height:50px;background:#086c46!important;border:0;color:#fff}.v20-topbar .v10-wrap{height:50px;min-height:50px!important;display:flex;align-items:center;justify-content:space-between!important}.v20-top-left{display:flex;align-items:center;gap:46px;font-size:13px;font-weight:650;white-space:nowrap}.v20-top-left span{display:flex;align-items:center;gap:6px}.v20-top-social{display:flex;align-items:center;gap:17px;font-size:13px;font-weight:900}.v20-top-social span{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;line-height:1}
.v19-header.v20-header,.v19-header{height:auto!important;position:relative;top:auto;background:#fff;box-shadow:none!important;border:0}.v19-headtop{height:116px!important;min-height:116px!important;gap:30px!important;padding:0}.v19-logo{width:245px;justify-content:flex-start}.v19-logo img{width:218px!important;max-height:84px!important;object-fit:contain}.v19-search{max-width:none!important;flex:1 1 620px!important;height:54px!important;border:1px solid #cfdcd6!important;border-radius:12px!important;box-shadow:0 1px 1px rgba(0,0,0,.01)}.v19-search input{height:52px!important;font-size:14px!important;color:#52645c;padding-left:20px!important}.v19-search button{height:54px!important;width:72px!important;background:#087a45!important;font-size:26px!important}.v19-hotline{min-width:235px;gap:13px!important}.v19-hotline>span{width:54px!important;height:54px!important;background:#fff0eb!important;color:#f04435!important;font-size:25px!important}.v19-hotline small{font-size:12px!important}.v19-hotline strong{font-size:20px!important;letter-spacing:.15px}.v19-hotline em{font-size:15px!important;margin-top:2px}.v19-head-icon{position:relative;min-width:92px!important;height:72px!important;border-left:1px solid #edf1ef!important;color:#245b48!important}.v19-head-icon span{font-size:27px!important;line-height:1}.v19-head-icon small{font-size:12px!important;margin-top:4px}.v20-cart-badge{position:absolute;top:5px;right:15px;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:#ef2e2e;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.v20-cart-icon{transform:rotate(180deg)}
.v19-menubar{height:58px!important;background:#fff!important;border-top:1px solid #edf2ef!important;border-bottom:1px solid #dfe8e3!important;box-shadow:0 5px 15px rgba(8,73,49,.05)!important;z-index:180!important}.v19-menubar>.v10-wrap{height:57px;overflow:visible}.v19-dynamic-nav{height:57px!important;min-height:57px!important;display:flex!important;justify-content:flex-start;align-items:stretch!important;gap:0}.v19-static,.v19-parent-link{height:57px!important;min-height:57px!important;padding:0 17px!important;font-size:12px!important;font-weight:850!important;color:#173e31!important;border-right:1px solid #eef2f0;letter-spacing:-.1px!important;text-transform:uppercase!important;background:#fff!important}.v19-static:first-child{border-left:1px solid #eef2f0}.v19-nav-item{position:static!important;flex:0 0 auto!important;min-width:0!important}.v19-parent-link{width:auto!important}.v19-static:after,.v19-parent-link:after{display:none!important}.v19-static:hover,.v19-nav-item:hover>.v19-parent-link,.v19-nav-item:focus-within>.v19-parent-link{background:#0b8a50!important;color:#fff!important}.v20-home{background:#fff!important;color:#173e31!important}.v20-home:hover{background:#f6faf8!important;color:#0b7547!important}.v19-caret{font-size:14px!important;margin-left:4px}.v19-nav-item:hover .v19-caret{transform:rotate(180deg)}
/* desktop mega: fixed visual width and centered like approved design */
.v20-mega{top:57px!important;left:50%!important;right:auto!important;width:min(1080px,calc(100vw - 80px))!important;grid-template-columns:280px 270px 250px 280px!important;border:1px solid #dce8e2!important;border-top:0!important;border-radius:0 0 9px 9px!important;box-shadow:0 24px 50px rgba(8,52,37,.18)!important;overflow:hidden!important;transform:translateX(-50%)!important;background:#fff!important}.v19-nav-item:hover>.v20-mega,.v19-nav-item:focus-within>.v20-mega{display:grid!important;animation:v20MenuIn .14s ease-out!important}.v20-mega>div{padding:20px 22px!important}.v20-mega>div+div{border-left:1px solid #e5ece8!important}.v20-mega h4{font-size:13px!important;color:#145f43!important;margin:1px 0 14px!important;letter-spacing:.1px!important}.v19-mega-feature{background:#fff!important}.v19-mega-photo{height:190px!important;border-radius:6px!important;background:#f1f6f3!important}.v19-mega-feature h3{font-size:19px!important;margin:15px 0 4px!important}.v19-mega-feature p{font-size:12px!important;line-height:1.55!important;color:#51675e!important;min-height:37px!important;margin-bottom:14px!important}.v19-mega-cta{height:42px;border-radius:24px!important;padding:0 18px!important;background:#098248!important;font-size:11px!important}.v19-child-links a{min-height:42px!important;font-size:12px!important;color:#334f45!important;border-bottom:1px solid #e6ece9!important;padding:0 1px!important}.v19-child-links a:hover{padding-left:6px!important;background:#fbfdfc}.v19-service-col ul{gap:14px!important}.v19-service-col li{gap:10px!important}.v19-service-col i{width:31px!important;height:31px!important}.v19-service-col b{font-size:12px!important}.v19-service-col small{font-size:10.5px!important;line-height:1.3}.v19-products-col{background:#fff!important}.v19-menu-product{padding:9px 0!important;gap:12px!important}.v19-menu-product>span{width:66px!important;height:58px!important;border-radius:6px!important}.v19-menu-product b{font-size:12px!important}.v19-menu-product small{font-size:10.5px!important}.v19-products-all{margin-top:14px!important;padding:11px 12px;border-radius:20px;text-align:center;background:#e9f8ef;color:#087944!important}.v19-nav-item:hover>.v20-mega:before{display:none!important}@keyframes v20MenuIn{from{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1450px){.v20-top-left{gap:24px;font-size:11.5px}.v19-logo{width:205px}.v19-logo img{width:185px!important}.v19-headtop{gap:18px!important}.v19-hotline{min-width:205px}.v19-head-icon{min-width:76px!important}.v19-static,.v19-parent-link{padding:0 11px!important;font-size:10.7px!important}.v20-mega{width:min(1040px,calc(100vw - 48px))!important;grid-template-columns:260px 260px 240px 280px!important}}
@media(max-width:1100px){.v20-top-left span:nth-child(3),.v20-top-left span:nth-child(4){display:none}.v19-head-icon{display:none!important}.v19-hotline{min-width:195px}.v19-static,.v19-parent-link{font-size:10px!important;padding:0 8px!important}.v20-mega{width:calc(100vw - 32px)!important;grid-template-columns:1fr 1fr 1fr!important}.v20-mega .v19-service-col{display:none}}
@media(max-width:900px){.v20-topbar{height:30px}.v20-topbar .v10-wrap{height:30px;min-height:30px!important;justify-content:center!important}.v20-top-left{font-size:10px}.v20-top-left span:not(.v20-top-address),.v20-top-social{display:none}.v19-headtop{height:74px!important;min-height:74px!important;padding:0 14px!important}.v19-logo{width:auto}.v19-logo img{width:145px!important}.v19-menubar{height:0!important;border:0!important}.v19-dynamic-nav{height:auto!important;min-height:0!important}.v19-static,.v19-parent-link{border-right:0!important;background:#fff!important}.v19-nav-item:hover>.v19-parent-link,.v19-nav-item:focus-within>.v19-parent-link{background:#fff!important;color:#173e31!important}.v19-nav-item.mega-open>.v20-mega{display:block!important;position:static!important;width:100%!important;transform:none!important;border:0!important;border-radius:0!important}.v20-mega .v19-mega-feature,.v20-mega .v19-service-col,.v20-mega .v19-products-col{display:none!important}.v20-mega>div{padding:10px 14px!important}}

/* V22 SMART MEGA MENU — matched to approved VIFOOD design */
.v22-topbar{height:42px;background:#06613c;color:#fff}.v22-topbar .v10-wrap{height:42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.v22-top-left,.v22-top-right{display:flex;align-items:center;gap:34px;font-size:12px}.v22-top-right{gap:18px}.v22-top-right b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#06613c;font-size:10px}
.v22-header{position:sticky;top:0;z-index:120;background:#fff;box-shadow:0 4px 20px rgba(7,63,42,.08)}.v22-headrow{height:114px;display:flex;align-items:center;gap:28px}.v22-logo{width:228px;display:flex;flex-direction:column;text-decoration:none!important;flex:0 0 auto}.v22-logo img{width:205px;height:auto;display:block}.v22-logo small{font-size:10px;color:#157247;font-weight:800;margin-left:35px;margin-top:-4px}.v22-search{height:52px;display:flex;flex:1;max-width:680px;border:1px solid #d6e0dc;border-radius:14px;overflow:hidden;margin-left:18px}.v22-search input{flex:1;border:0;outline:0;padding:0 20px;font-size:14px}.v22-search button{width:70px;border:0;background:#087743;color:#fff;font-size:27px;cursor:pointer}.v22-hotline{display:flex;align-items:center;gap:12px;text-decoration:none!important}.v22-hotline>i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#ffebe5;color:#ef3d28;font-style:normal;font-size:24px}.v22-hotline>span{display:flex;flex-direction:column}.v22-hotline small{font-size:11px;color:#687a72}.v22-hotline strong{font-size:20px;color:#ed3d28;line-height:1.1}.v22-hotline em{font-style:normal;color:#6e7f77;font-size:12px;margin-top:3px}.v22-head-action{min-width:88px;height:62px;border-left:1px solid #e5ece8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#17483a;text-decoration:none!important;position:relative}.v22-head-action i{font-style:normal;font-size:26px;line-height:1}.v22-head-action span{font-size:11px;margin-top:6px}.v22-head-action.cart b{position:absolute;right:10px;top:2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ef372e;color:#fff;font-size:10px}.v22-header .mobile-nav{display:none}
.v22-menubar{height:58px;border-top:1px solid #e7ece9;border-bottom:1px solid #dfe7e3;background:#fff}.v22-nav{height:58px;display:flex;align-items:stretch;justify-content:center}.v22-static,.v22-parent-link,.v22-products-trigger{height:58px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 18px;border:0;border-right:1px solid #edf1ef;background:#fff;color:#123f33;text-decoration:none!important;text-transform:uppercase;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}.v22-static.home{padding-left:8px}.v22-static.home span{font-size:19px;color:#0b7145}.v22-static:hover,.v22-parent-link:hover{color:#0a7848;background:#f7fbf9}.v22-nav-item{position:relative;display:flex}.v22-products-trigger{min-width:168px;background:#087b46;color:#fff;border-radius:7px 7px 0 0;font-size:12px}.v22-products-trigger .v22-grid-icon{font-size:18px}.v22-products-trigger i,.v22-parent-link i{font-style:normal;margin-left:2px;transition:.2s}.v22-nav-item:hover .v22-products-trigger i,.v22-nav-item:hover .v22-parent-link i{transform:rotate(180deg)}.v22-cat-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eef8f2;color:#087844;font-size:10px}.v22-sub-toggle{display:none}
.v22-product-mega,.v22-pin-mega{display:none;position:absolute;top:58px;z-index:180;background:#fff;border:1px solid #dfe9e4;border-top:0;box-shadow:0 24px 54px rgba(7,57,40,.18)}.v22-products-menu:hover>.v22-product-mega,.v22-products-menu:focus-within>.v22-product-mega,.v22-products-menu.mega-open>.v22-product-mega{display:grid}.v22-product-mega{left:0;width:min(1020px,calc(100vw - 50px));grid-template-columns:240px 1fr;border-radius:0 0 10px 10px}.v22-root-tabs{background:#fbfdfc;padding:12px;border-right:1px solid #e6ece9}.v22-root-tab{width:100%;min-height:47px;border:0;border-bottom:1px solid #e7ece9;background:transparent;display:grid;grid-template-columns:26px 1fr 18px;align-items:center;gap:8px;text-align:left;padding:0 11px;color:#385248;cursor:pointer}.v22-root-tab>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#eef8f2;color:#087844;font-size:10px;font-weight:900}.v22-root-tab b{font-size:12px}.v22-root-tab i{font-style:normal;font-size:18px;color:#779087}.v22-root-tab.active,.v22-root-tab:hover{background:#087b46;color:#fff;border-radius:7px}.v22-root-tab.active>span,.v22-root-tab:hover>span{background:#fff;color:#087b46}.v22-root-tab.active i,.v22-root-tab:hover i{color:#fff}.v22-root-panels{min-width:0}.v22-root-panel{display:none;grid-template-columns:280px 1fr 290px;min-height:390px}.v22-root-panel.active{display:grid}.v22-root-panel>div{padding:20px}.v22-root-panel>div+div{border-left:1px solid #e6ece9}.v22-panel-feature h3{margin:12px 0 4px;color:#0a5e3b;font-size:19px}.v22-panel-feature p{margin:0 0 14px;font-size:12px;line-height:1.55;color:#667870}.v22-feature-img{height:180px;border-radius:7px;overflow:hidden;background:#f1f6f3;display:grid;place-items:center;color:#0a7645;font-weight:900;text-decoration:none!important}.v22-feature-img img{width:100%;height:100%;object-fit:cover}.v22-green-btn,.v22-soft-btn{display:flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:11px;font-weight:900}.v22-green-btn{height:42px;border-radius:24px;background:#087b46;color:#fff}.v22-soft-btn{height:38px;border-radius:22px;background:#eaf8f0;color:#087b46;margin-top:12px}.v22-panel-links h4,.v22-panel-products h4{margin:2px 0 12px;color:#135d41;font-size:13px}.v22-panel-links>a{min-height:39px;border-bottom:1px solid #e7ece9;display:flex;align-items:center;justify-content:space-between;text-decoration:none!important;color:#40584e;font-size:12px}.v22-panel-links>a:hover{color:#087b46;padding-left:5px}.v22-panel-links i{font-style:normal;font-size:18px}.v22-mini-product{display:grid;grid-template-columns:60px 1fr 26px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1ef;text-decoration:none!important;color:#21493b}.v22-mini-product>span{width:60px;height:56px;border-radius:6px;overflow:hidden;background:#f2f6f4;display:grid;place-items:center}.v22-mini-product img{width:100%;height:100%;object-fit:cover}.v22-mini-product div{min-width:0}.v22-mini-product b{display:block;font-size:11.5px;line-height:1.35}.v22-mini-product strong{display:block;color:#ef3d28;font-size:12px;margin-top:4px}.v22-mini-product small{display:block;color:#0b7a48;margin-top:4px}.v22-mini-product>i{font-style:normal;width:25px;height:25px;border:1px solid #a8d4bd;border-radius:6px;display:grid;place-items:center;font-size:12px}.v22-empty{font-size:11px;color:#6c7e76;line-height:1.6}
.v22-pin-mega{left:50%;transform:translateX(-50%);width:min(840px,calc(100vw - 60px));grid-template-columns:260px 1fr 280px;border-radius:0 0 10px 10px}.v22-nav-item:hover>.v22-pin-mega,.v22-nav-item:focus-within>.v22-pin-mega,.v22-nav-item.mega-open>.v22-pin-mega{display:grid}.v22-pin-mega>div{padding:20px}.v22-pin-mega>div+div{border-left:1px solid #e6ece9}.v22-pin-mega .v22-feature-img{height:150px}.v22-pin-mega .v22-panel-feature h3{font-size:17px}.v22-pin-mega .v22-mini-product{grid-template-columns:56px 1fr}.v22-pin-mega .v22-mini-product>i{display:none}
@media(max-width:1320px){.v10-wrap{width:min(1240px,calc(100% - 36px))}.v22-headrow{gap:18px}.v22-logo{width:190px}.v22-logo img{width:175px}.v22-search{max-width:520px}.v22-head-action{min-width:72px}.v22-static,.v22-parent-link{padding:0 11px;font-size:10px}.v22-products-trigger{min-width:145px}.v22-pinned:nth-of-type(n+6){display:none}.v22-product-mega{width:min(960px,calc(100vw - 30px))}}
@media(max-width:980px){.v22-top-left span:nth-child(n+3),.v22-top-right{display:none}.v22-headrow{height:82px}.v22-logo{width:auto}.v22-logo img{width:150px}.v22-logo small{display:none}.v22-search{max-width:none;margin-left:auto;height:44px}.v22-hotline,.v22-head-action{display:none}.v22-header .mobile-nav{display:block;margin-left:8px;width:42px;height:42px;border:0;border-radius:8px;background:#087b46;color:#fff;font-size:20px}.v22-menubar{height:0;border:0}.v22-nav{display:none;position:absolute;top:124px;left:0;right:0;height:auto;background:#fff;box-shadow:0 20px 30px rgba(0,0,0,.13);padding:8px 14px 18px;flex-direction:column;align-items:stretch}.v22-header.open .v22-nav{display:flex}.v22-static,.v22-parent-link,.v22-products-trigger{width:100%;height:48px;justify-content:flex-start;border-right:0;border-bottom:1px solid #edf1ef;border-radius:0;background:#fff;color:#173f33;padding:0 10px}.v22-products-trigger{background:#087b46;color:#fff;border-radius:7px}.v22-nav-item{display:block}.v22-sub-toggle{display:block;position:absolute;right:4px;top:6px;width:38px;height:36px;border:0;background:transparent;color:#17483a}.v22-products-menu .v22-sub-toggle{color:#fff}.v22-product-mega,.v22-pin-mega{position:static!important;width:100%!important;transform:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;grid-template-columns:1fr!important}.v22-products-menu.mega-open>.v22-product-mega,.v22-nav-item.mega-open>.v22-pin-mega{display:block!important}.v22-root-tabs{border:0;padding:7px 0}.v22-root-panel{grid-template-columns:1fr!important;min-height:0}.v22-root-panel .v22-panel-feature,.v22-root-panel .v22-panel-products,.v22-pin-mega .v22-panel-feature,.v22-pin-mega .v22-panel-products{display:none}.v22-root-panel>div{padding:8px 12px!important;border:0!important}.v22-pin-mega>div{padding:8px 12px!important;border:0!important}.v22-pin-mega{display:none}.v22-root-tab{min-height:42px}}

/* ================================================================
   V23 SMART MEGA MENU — locked to the approved desktop mockup
   1600px reference: topbar 44 / header 110 / nav 54 / mega 1024x394
   ================================================================ */
.v23-shell{width:min(1504px,calc(100% - 64px));margin:0 auto}
.v23-topbar{height:44px;background:#006b42;color:#fff;font-size:13px;font-weight:600;position:relative;z-index:80}
.v23-topbar .v23-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.v23-top-left,.v23-top-right{display:flex;align-items:center;gap:54px;white-space:nowrap}
.v23-top-left span,.v23-top-right span{display:inline-flex;align-items:center;gap:7px}
.v23-top-right{gap:20px}.v23-top-right b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#006b42;font-size:11px}
.v23-header{background:#fff;position:relative;z-index:70;box-shadow:none}
.v23-headrow{height:110px;display:grid;grid-template-columns:235px minmax(360px,1fr) 245px 88px 88px;align-items:center;gap:24px}
.v23-logo{display:flex;flex-direction:column;justify-content:center;text-decoration:none!important;color:#006b42;line-height:1}.v23-logo img{display:block;width:222px;max-height:75px;object-fit:contain;object-position:left center}.v23-logo small{font-size:11px;font-weight:800;text-align:center;margin-top:-2px;color:#087c4b;letter-spacing:.1px}
.v23-search{height:50px;display:flex;border:1px solid #d6dfdb;border-radius:15px;overflow:hidden;background:#fff;max-width:690px;justify-self:stretch}.v23-search:focus-within{border-color:#16865a;box-shadow:0 0 0 3px rgba(22,134,90,.09)}.v23-search input{border:0!important;outline:0!important;box-shadow:none!important;flex:1;min-width:0;padding:0 20px;font-size:14px;color:#42564f;background:transparent}.v23-search button{border:0;width:72px;background:#007c48;color:#fff;font-size:29px;cursor:pointer;line-height:1}.v23-search button:hover{background:#00673d}
.v23-hotline{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#485b54}.v23-hotline>i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ff2d24;color:#fff;font-size:22px;font-style:normal}.v23-hotline>span{display:flex;flex-direction:column;line-height:1.16}.v23-hotline small{font-size:12px;color:#56665f}.v23-hotline strong{font-size:19px;color:#f12a22;letter-spacing:.2px}.v23-hotline em{font-style:normal;font-size:13px;color:#7a8580;margin-top:3px}
.v23-head-action{height:64px;border-left:1px solid #e4eae7;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none!important;color:#0e4d3d;position:relative;font-size:12px;font-weight:700;gap:5px}.v23-head-action i{font-style:normal;font-size:25px;line-height:1}.v23-cart b{position:absolute;top:4px;right:15px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#f12622;color:#fff;font-size:11px}
.v23-mobile-nav{display:none!important}
.v23-menubar{height:54px;border-top:1px solid #edf1ef;border-bottom:1px solid #dfe7e3;background:#fff;position:relative;z-index:75}.v23-menubar>.v23-shell{height:100%}.v23-nav{height:100%;display:flex;align-items:stretch;white-space:nowrap}.v23-static,.v23-parent-link,.v23-products-trigger{height:53px;border:0;border-right:1px solid #edf1ef;background:#fff;color:#123f34;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:-.1px;cursor:pointer}.v23-static:first-child{border-left:1px solid #edf1ef}.v23-static span,.v23-parent-link>span{font-size:17px;line-height:1}.v23-home{min-width:122px}.v23-nav-node{position:relative;display:flex;align-items:stretch}.v23-products-trigger{background:#07834e;color:#fff;min-width:166px;padding:0 19px;border-right:0;border-radius:7px 7px 0 0;font-size:13px}.v23-products-trigger>span{font-size:21px}.v23-products-trigger>i,.v23-parent-link>i{font-style:normal;font-size:12px;margin-left:2px}.v23-parent-link{padding-left:15px;padding-right:15px}.v23-pinned:nth-of-type(4n+1) .v23-parent-link>span{color:#e3483b}.v23-pinned:nth-of-type(4n+2) .v23-parent-link>span{color:#f17928}.v23-pinned:nth-of-type(4n+3) .v23-parent-link>span{color:#126bd1}.v23-pinned:nth-of-type(4n) .v23-parent-link>span{color:#263e4d}.v23-static:hover,.v23-parent-link:hover,.v23-nav-node:hover>.v23-parent-link{color:#007d49;background:#f8fbf9}.v23-mobile-toggle{display:none}
/* master mega: exact four visual zones: roots / feature / level-2 / products */
.v23-mega{display:none;position:absolute;top:53px;background:#fff;border:1px solid #e0e6e3;box-shadow:0 18px 45px rgba(12,52,39,.18);z-index:120;text-transform:none;white-space:normal}
.v23-products:hover>.v23-master-mega,.v23-products:focus-within>.v23-master-mega,.v23-products.mega-open>.v23-master-mega{display:grid}
.v23-master-mega{left:0;width:1024px;height:394px;grid-template-columns:230px 1fr;border-radius:0 0 7px 7px;overflow:hidden}
.v23-root-list{height:100%;padding:10px;border-right:1px solid #e7ece9;background:#fff;display:flex;flex-direction:column}.v23-root-item{height:46px;min-height:46px;border:0;border-bottom:1px solid #edf1ef;background:#fff;color:#435750;display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:6px;text-align:left;padding:0 10px;cursor:pointer;font-size:12px}.v23-root-item span{font-size:20px}.v23-root-item b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v23-root-item i{font-style:normal;font-size:19px;color:#34584c}.v23-root-item.active,.v23-root-item:hover{background:#087c49;color:#fff;border-radius:6px;border-bottom-color:#087c49}.v23-root-item.active i,.v23-root-item:hover i{color:#fff}
.v23-panels{position:relative;height:100%;min-width:0}.v23-panel{display:none;height:100%;grid-template-columns:275px 245px 273px}.v23-panel.active{display:grid}.v23-panel>div{min-width:0;padding:16px 18px}.v23-panel>div+div{border-left:1px solid #e6ece9}.v23-feature-col{display:flex;flex-direction:column}.v23-feature-image{display:block;height:190px;border-radius:5px;overflow:hidden;background:#f1f5f3;text-decoration:none!important}.v23-feature-image img{width:100%;height:100%;display:block;object-fit:cover}.v23-feature-image>span{height:100%;display:grid;place-items:center;font-size:28px;font-weight:900;color:#0b7548}.v23-feature-col h3{font-size:18px;line-height:1.16;color:#075f3d;margin:11px 0 5px;text-transform:uppercase}.v23-feature-col p{margin:0;color:#52635c;font-size:11.5px;line-height:1.5;min-height:48px}.v23-primary-btn{margin-top:auto;height:42px;border-radius:22px;background:#087c49;color:#fff!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11.5px;font-weight:800;text-transform:uppercase}.v23-primary-btn:hover{background:#006e40}.v23-primary-btn span{font-size:18px}
.v23-links-col h4,.v23-products-col h4{font-size:13px;color:#075f3d;text-transform:uppercase;margin:2px 0 12px;font-weight:900}.v23-links-col{display:flex;flex-direction:column}.v23-links-col>a{height:38px;border-bottom:1px solid #e7ece9;display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none!important;color:#455a52;font-size:11.5px}.v23-links-col>a:hover{color:#007c48;padding-left:3px}.v23-links-col>a i{font-style:normal;font-size:18px;color:#355e50}
.v23-products-col{display:flex;flex-direction:column}.v23-mini-product{min-height:77px;border-bottom:1px solid #e7ece9;display:grid;grid-template-columns:62px 1fr 30px;align-items:center;gap:10px;text-decoration:none!important;color:#17483a}.v23-mini-img{width:62px;height:58px;border-radius:7px;overflow:hidden;background:#f1f5f3;display:grid;place-items:center;font-size:12px}.v23-mini-img img{width:100%;height:100%;object-fit:cover}.v23-mini-copy{min-width:0}.v23-mini-copy b{display:block;font-size:11.5px;line-height:1.28;max-height:30px;overflow:hidden}.v23-mini-copy strong{display:block;color:#f12b22;font-size:12px;margin-top:6px}.v23-mini-copy small{display:block;color:#087c49;font-size:11px;margin-top:5px}.v23-mini-product>i{font-style:normal;width:27px;height:27px;border:1px solid #a4d3bc;border-radius:6px;display:grid;place-items:center;font-size:12px}.v23-secondary-btn{margin-top:auto;height:40px;border-radius:22px;background:#dff8e8;color:#086d43!important;text-decoration:none!important;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:800;text-transform:uppercase}.v23-secondary-btn span{font-size:17px}.v23-empty{font-size:11px;color:#718078;line-height:1.6;margin:8px 0}
/* category pinned hover */
.v23-pinned:hover>.v23-pin-mega,.v23-pinned:focus-within>.v23-pin-mega,.v23-pinned.mega-open>.v23-pin-mega{display:grid}.v23-pin-mega{left:50%;transform:translateX(-50%);width:850px;min-height:330px;grid-template-columns:275px 285px 290px;border-radius:0 0 8px 8px;overflow:hidden}.v23-pin-mega>div{padding:18px}.v23-pin-mega>div+div{border-left:1px solid #e6ece9}.v23-pin-mega .v23-feature-image{height:170px}.v23-pin-mega .v23-feature-col h3{font-size:17px}.v23-pin-mega .v23-mini-product{grid-template-columns:58px 1fr}.v23-pin-mega .v23-mini-product>i{display:none}
/* preserve hero directly under menu like the approved mockup */
.v23-header+main,.v23-header+.v10-hero{position:relative;z-index:1}
@media(max-width:1450px){.v23-shell{width:min(1380px,calc(100% - 40px))}.v23-headrow{grid-template-columns:205px minmax(310px,1fr) 220px 78px 78px;gap:17px}.v23-logo img{width:195px}.v23-search{max-width:590px}.v23-static,.v23-parent-link{padding:0 12px;font-size:11px}.v23-products-trigger{min-width:150px;padding:0 14px}.v23-master-mega{width:980px;grid-template-columns:220px 1fr}.v23-panel{grid-template-columns:260px 235px 264px}}
@media(max-width:1180px){.v23-top-left{gap:24px}.v23-top-left span:nth-child(n+3){display:none}.v23-headrow{grid-template-columns:180px minmax(300px,1fr) 210px 68px}.v23-logo img{width:170px}.v23-head-action:first-of-type{display:none}.v23-static,.v23-parent-link{padding:0 9px;font-size:10px}.v23-pinned:nth-of-type(n+6){display:none}.v23-master-mega{width:930px}.v23-panel{grid-template-columns:250px 220px 239px}}
@media(max-width:980px){.v23-shell{width:calc(100% - 28px)}.v23-topbar{height:36px;font-size:11px}.v23-top-right{display:none}.v23-top-left{width:100%;justify-content:space-between}.v23-top-left span:nth-child(n+3){display:none}.v23-headrow{height:78px;display:flex;gap:12px}.v23-logo{width:145px;flex:0 0 145px}.v23-logo img{width:145px;max-height:55px}.v23-logo small{display:none}.v23-search{height:42px;max-width:none;margin-left:auto}.v23-search input{font-size:12px;padding:0 12px}.v23-search button{width:48px;font-size:23px}.v23-hotline,.v23-head-action{display:none}.v23-mobile-nav{display:block!important;width:42px;height:42px;border:0;border-radius:8px;background:#087c49;color:#fff;font-size:20px;flex:0 0 42px}.v23-menubar{height:0;border:0}.v23-nav{display:none;position:absolute;left:0;right:0;top:114px;height:auto;background:#fff;box-shadow:0 18px 35px rgba(5,48,34,.18);padding:8px 14px 20px;flex-direction:column;align-items:stretch;overflow:auto;max-height:calc(100vh - 124px)}.v23-header.open .v23-nav{display:flex}.v23-static,.v23-parent-link,.v23-products-trigger{height:48px;width:100%;border:0;border-bottom:1px solid #e9efec;border-radius:0;justify-content:flex-start;padding:0 12px;font-size:12px}.v23-products-trigger{border-radius:7px;background:#087c49}.v23-nav-node{display:block;position:relative}.v23-mobile-toggle{display:block;position:absolute;right:4px;top:6px;width:38px;height:36px;border:0;background:transparent;color:#17483a;font-size:16px;z-index:4}.v23-products>.v23-mobile-toggle{color:#fff}.v23-mega{position:static!important;display:none!important;width:100%!important;height:auto!important;min-height:0!important;transform:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}.v23-nav-node.mega-open>.v23-mega{display:block!important}.v23-master-mega{grid-template-columns:1fr!important}.v23-root-list{padding:5px 0;border-right:0}.v23-root-item{height:43px;min-height:43px}.v23-panels{height:auto}.v23-panel{height:auto;grid-template-columns:1fr!important}.v23-panel.active{display:block}.v23-panel .v23-feature-col,.v23-panel .v23-products-col,.v23-pin-mega .v23-feature-col,.v23-pin-mega .v23-products-col{display:none}.v23-panel>div,.v23-pin-mega>div{padding:3px 12px!important;border:0!important}.v23-links-col h4{margin-top:10px}.v23-links-col>a{height:42px}.v23-pin-mega{grid-template-columns:1fr!important}.v23-pinned:hover>.v23-pin-mega{display:none}.v23-pinned.mega-open>.v23-pin-mega{display:block!important}}
@media(max-width:620px){.v23-shell{width:calc(100% - 20px)}.v23-top-left{justify-content:center}.v23-top-left span:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}.v23-top-left span:nth-child(2){display:none}.v23-logo{width:120px;flex-basis:120px}.v23-logo img{width:120px}.v23-search{min-width:0}.v23-search input{width:80px}.v23-nav{top:114px}}
/* =========================================================
   V24 COMPACT HEADER — locked to approved 2026-09-05 mockup
   ========================================================= */
@media(min-width:981px){
body.store-body{margin:0}
.v23-topbar{height:32px!important;background:#006b43!important;color:#fff;border:0!important}
.v23-shell{width:calc(100% - 72px)!important;max-width:1840px!important;margin:0 auto!important}
.v23-topbar .v23-shell{height:32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.v23-top-left{display:flex!important;align-items:center!important;gap:62px!important;font-size:10px!important;font-weight:600!important;line-height:1!important}
.v23-top-right{display:flex!important;align-items:center!important;gap:18px!important;font-size:10px!important}.v23-top-right b{width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;color:#08764a!important;display:grid!important;place-items:center!important;font-size:9px!important}
.v23-header{background:#fff!important;box-shadow:none!important;position:relative!important;z-index:100!important}
.v23-headrow{height:76px!important;display:grid!important;grid-template-columns:170px minmax(340px,600px) 215px 72px 72px!important;gap:20px!important;align-items:center!important;justify-content:space-between!important}
.v23-logo{height:60px!important;display:flex!important;align-items:center!important;text-decoration:none!important}.v23-logo img{width:150px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}.v23-logo small{display:none!important}
.v23-search{height:40px!important;max-width:600px!important;width:100%!important;display:flex!important;border:1px solid #d8e1dd!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
.v23-search input{height:38px!important;min-width:0!important;flex:1!important;border:0!important;outline:0!important;padding:0 18px!important;font-size:11px!important;color:#53635d!important;background:#fff!important}.v23-search button{width:48px!important;height:40px!important;border:0!important;background:#00784a!important;color:#fff!important;font-size:22px!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.v23-hotline{height:48px!important;display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#53635d!important;border-right:1px solid #e2e8e5!important;padding-right:16px!important}.v23-hotline i{width:38px!important;height:38px!important;border-radius:50%!important;background:#ff2d25!important;color:#fff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:19px!important}.v23-hotline span{display:block!important;line-height:1.1!important}.v23-hotline small{display:block!important;font-size:9px!important;color:#66736e!important;margin:0 0 2px!important}.v23-hotline strong{display:block!important;color:#f22620!important;font-size:16px!important;font-weight:900!important;letter-spacing:.1px!important}.v23-hotline em{display:block!important;font-style:normal!important;color:#8a9691!important;font-size:10px!important;margin-top:3px!important}
.v23-head-action{height:48px!important;min-width:62px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#07503e!important;text-decoration:none!important;border-right:1px solid #e4e9e7!important;position:relative!important}.v23-head-action i{font-size:21px!important;line-height:1!important;font-style:normal!important}.v23-head-action span{font-size:10px!important;font-weight:700!important}.v23-cart b{position:absolute!important;top:0!important;right:8px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#ff2822!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:9px!important}
.v23-menubar{height:42px!important;border-top:1px solid #e8edeb!important;border-bottom:1px solid #e1e7e4!important;background:#fff!important;box-shadow:0 2px 6px rgba(14,64,48,.04)!important;overflow:visible!important}.v23-menubar>.v23-shell{height:42px!important}.v23-nav{height:42px!important;width:100%!important;display:flex!important;align-items:stretch!important;justify-content:center!important;white-space:nowrap!important}
.v23-static,.v23-parent-link,.v23-products-trigger{height:41px!important;min-height:41px!important;border:0!important;border-right:1px solid #edf1ef!important;border-radius:0!important;background:#fff!important;color:#064938!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 13px!important;font-size:9.5px!important;font-weight:800!important;text-transform:uppercase!important;line-height:1!important;letter-spacing:0!important;cursor:pointer!important}.v23-static:first-child{border-left:1px solid #edf1ef!important}.v23-static span,.v23-parent-link>span{font-size:14px!important}.v23-home{min-width:auto!important}.v23-products-trigger{min-width:112px!important;background:#07824f!important;color:#fff!important;border-radius:4px 4px 0 0!important;padding:0 14px!important}.v23-products-trigger>span{font-size:15px!important}.v23-products-trigger>i,.v23-parent-link>i{font-size:9px!important}.v23-parent-link{padding-left:11px!important;padding-right:11px!important}.v23-static:hover,.v23-parent-link:hover,.v23-nav-node:hover>.v23-parent-link{background:#f5faf7!important;color:#007b49!important}.v23-products-trigger:hover{background:#006f43!important;color:#fff!important}
.v23-mega{top:41px!important}.v23-master-mega{left:0!important;width:1024px!important;height:394px!important}.v23-pin-mega{top:41px!important}
}
@media(min-width:981px) and (max-width:1320px){.v23-shell{width:calc(100% - 32px)!important}.v23-top-left{gap:28px!important}.v23-headrow{grid-template-columns:150px minmax(280px,1fr) 200px 62px 62px!important;gap:12px!important}.v23-logo img{width:138px!important}.v23-static,.v23-parent-link,.v23-products-trigger{padding-left:8px!important;padding-right:8px!important;font-size:8.7px!important}.v23-products-trigger{min-width:98px!important}}