/*
Theme Name: Grenix Labs Corporate — Clean Image Banner
Theme URI: https://grenixlabs.com/
Author: Grenix Labs
Description: Grenix Labs approved homepage with three-panel green/blue/purple banner without banner CTAs, three separate clickable category cards, benefits strip, two-row featured products, and brands strip.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: grenix-labs
*/
:root{--green:#075b43;--green2:#16833f;--dark:#0d2636;--muted:#65727b;--line:#e5e9e8;--pale:#f5f8f6;--blue:#0874c9;--purple:#5a3bb5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#152b35;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}.container{width:min(1240px,calc(100% - 36px));margin:auto}.topbar{background:#064a39;color:#fff;font-size:11px;min-height:28px;display:flex;align-items:center}.topbar .container{display:flex;justify-content:space-between;gap:12px;align-items:center}.toplinks{display:flex;gap:17px;align-items:center}.toplinks a{white-space:nowrap}.main-head{border-bottom:1px solid #e7ecea;background:#fff}.headrow{min-height:66px;display:grid;grid-template-columns:300px minmax(240px,1fr) auto;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;color:#074b3e;letter-spacing:1px}.brand img{width:238px;height:58px;object-fit:contain}.brand-text{font-size:28px;line-height:.85;letter-spacing:1.4px}.brand-text small{display:block;font-size:10px;letter-spacing:4px;margin-top:6px}.searchform{display:flex;height:39px;border:1px solid #d8dfdd;border-radius:11px;overflow:hidden}.searchform input{border:0;outline:0;padding:0 16px;width:100%;min-width:0}.searchform button{border:0;background:#168b37;color:#fff;width:50px;font-size:21px;cursor:pointer}.head-actions{display:flex;gap:17px;align-items:center;font-size:12px;white-space:nowrap}.head-actions a{display:flex;gap:5px;align-items:center}.nav-wrap{border-top:1px solid #f1f3f2}.nav-menu{min-height:38px;display:flex;justify-content:center;align-items:center;gap:clamp(14px,3vw,42px);font-size:12px;font-weight:700;text-transform:uppercase}.nav-menu a:hover{color:var(--green2)}.mobile-toggle{display:none}.hero{min-height:286px;background:#edf5f7;position:relative;overflow:hidden;display:flex;align-items:center}.hero::before{content:"";position:absolute;inset:0;background-image:url('assets/hero-products.jpg');background-position:right center;background-repeat:no-repeat;background-size:auto 100%;opacity:1}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,250,251,.99) 0%,rgba(245,250,251,.97) 30%,rgba(245,250,251,.62) 46%,rgba(245,250,251,0) 65%)}.hero-inner{position:relative;z-index:1;padding:20px 0;width:100%}.hero-copy{max-width:480px}.hero h1{font-size:clamp(31px,3.5vw,47px);line-height:1.04;letter-spacing:-1.2px;color:#102b3d;margin:0 0 12px;font-weight:800}.hero p{font-size:15px;margin:0 0 16px}.proofs{display:flex;gap:13px;align-items:center;margin:16px 0 18px;font-size:12px}.proofs span{display:flex;align-items:center;gap:7px;border-right:1px solid #d8e1dd;padding-right:13px}.proofs span:last-child{border:0}.proof-icon{color:#087343;font-size:22px}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;border:0;border-radius:5px;padding:11px 21px;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.btn:hover{background:#087a52;color:#fff;transform:translateY(-1px)}.btn.blue{background:#0874c9}.btn.purple{background:#5b3ab4}.division-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 14px}.division{border-radius:6px;min-height:300px;padding:12px 24px 0;position:relative;overflow:hidden;display:flex;flex-direction:column}.division.paper{background:#e9f7e8}.division.nutra{background:#e6f2ff}.division.lab{background:#e9e9ff}.division h2{font-size:23px;line-height:1.18;margin:0 0 8px;color:#102c32}.division p{margin:0;color:#344f59;font-size:14px;line-height:1.45;max-width:350px}.division .btn{align-self:flex-start;margin-top:12px;padding:9px 18px}.division img{position:absolute;bottom:0;right:0;width:100%;height:51%;object-fit:cover;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0%,black 20%)}.benefits{display:grid;grid-template-columns:repeat(6,1fr);padding:11px 0;border-bottom:1px solid #e5e9e8;border-top:1px solid #e5e9e8;gap:10px}.benefit{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #e4e9e7;font-size:12px;font-weight:700;line-height:1.3}.benefit:last-child{border:0}.benefit .icon{font-size:25px;color:#087343}.section{padding:15px 0 14px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}.section-heading h2{font-size:25px;letter-spacing:-.5px;color:#102b3d;margin:0}.section-heading a{font-size:12px;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.product-card{border:1px solid #e0e6e4;border-radius:6px;padding:9px 8px 8px;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center}.product-card img{width:100%;height:100px;object-fit:contain;margin-bottom:4px}.product-card h3{font-size:12px;line-height:1.25;margin:0 0 3px;color:#17323a}.product-card .meta{font-size:11px;color:#7a8589;margin-bottom:8px}.btn-outline{border:1px solid #b9d0ca;color:#153c3b;background:#fff;border-radius:5px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.btn-outline:hover{background:#eaf7f0}.brands{background:#f3f8f2;border-top:1px solid #e6eee6;padding:8px 0}.brands img{width:100%;max-height:130px;object-fit:contain}.page-hero{background:linear-gradient(110deg,#eef7f2,#eef5ff);padding:35px 0}.page-hero h1{font-size:34px;line-height:1.15;margin:0 0 8px;color:#102b3d}.breadcrumbs{font-size:12px;color:#66777b;margin-bottom:8px}.content{padding:26px 0 44px;min-height:300px}.content h2,.content h3{color:#123544}.content-grid{display:grid;grid-template-columns:240px 1fr;gap:24px}.sidebar{border:1px solid var(--line);border-radius:8px;padding:18px;height:max-content}.sidebar h3{margin:0 0 12px}.sidebar a{display:block;padding:7px 0;border-bottom:1px solid #edf0ef;font-size:14px}.sidebar a:last-child{border:0}.catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalogue-item{border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;gap:12px;align-items:center;background:#fff}.catalogue-item img{width:90px;height:84px;object-fit:contain}.catalogue-item h3{font-size:15px;margin:0 0 4px}.catalogue-item p{font-size:12px;color:var(--muted);margin:0 0 9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:block;font-weight:700;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:5px;border:1px solid #d5dfdc;border-radius:5px;padding:11px;background:#fff}.form-grid .full{grid-column:1/-1}.notice{padding:12px 14px;background:#eef8f0;border:1px solid #d4ead8;border-radius:6px;margin-bottom:14px}.footer{background:#073e32;color:#e7f4ee;padding:30px 0 15px;margin-top:20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.footer h3{color:#fff;margin:0 0 10px;font-size:16px}.footer p,.footer a{font-size:13px;color:#d7e7e1}.footer a{display:block;margin:5px 0}.copyright{border-top:1px solid rgba(255,255,255,.18);margin-top:20px;padding-top:12px;font-size:11px;color:#c8d9d2}.product-detail{display:grid;grid-template-columns:340px 1fr;gap:30px}.product-detail img{width:100%;max-height:340px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:20px}.product-detail h1{margin-top:0}.mobile-bottom{display:none}
@media(max-width:980px){.headrow{grid-template-columns:240px 1fr;gap:12px;padding:8px 0}.head-actions{grid-column:1/-1;justify-content:flex-end}.brand img{width:220px}.nav-menu{gap:15px;flex-wrap:wrap;padding:8px 0}.division{padding:12px 15px 0;min-height:280px}.division h2{font-size:20px}.product-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(3,1fr)}.benefit:nth-child(3){border:0}.catalogue-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 24px,1240px)}.topbar .container{justify-content:center}.topbar .welcome{display:none}.toplinks{gap:12px}.toplinks a:nth-child(1),.toplinks a:nth-child(2){display:none}.headrow{grid-template-columns:1fr auto;min-height:auto;padding:9px 0}.brand img{width:190px;height:48px}.brand-text{font-size:23px}.searchform{grid-column:1/-1;grid-row:2}.head-actions{grid-column:2;grid-row:1;gap:9px}.head-actions a span{display:none}.nav-menu{display:none;align-items:stretch;flex-direction:column;gap:0;padding:0}.nav-menu.is-open{display:flex}.nav-menu a{padding:11px 8px;border-top:1px solid #edf0ef}.mobile-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:#fff;color:var(--green);font-weight:700;padding:10px 0;cursor:pointer}.hero{min-height:350px;align-items:flex-start}.hero::before{background-size:auto 54%;background-position:right bottom}.hero::after{background:linear-gradient(180deg,rgba(245,250,251,.99) 0%,rgba(245,250,251,.96) 45%,rgba(245,250,251,.35) 78%,rgba(245,250,251,.1) 100%)}.hero-inner{padding:23px 0}.hero-copy{max-width:100%}.hero h1{font-size:34px;max-width:340px}.hero p{font-size:13px}.proofs{gap:7px;font-size:10px;flex-wrap:wrap}.proofs span{padding-right:7px;gap:4px}.division-grid{grid-template-columns:1fr;gap:10px}.division{min-height:230px;padding:14px 18px 0}.division h2{font-size:22px}.division p{max-width:70%}.division img{height:58%;width:75%;left:auto}.benefits{grid-template-columns:repeat(2,1fr);gap:8px}.benefit{justify-content:flex-start;padding:8px;border-right:0;border-bottom:1px solid #e6ebe8}.benefit:nth-last-child(-n+2){border-bottom:0}.section-heading h2{font-size:22px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card img{height:110px}.brands img{max-height:90px}.page-hero{padding:26px 0}.page-hero h1{font-size:28px}.content-grid{grid-template-columns:1fr}.catalogue-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.product-detail{grid-template-columns:1fr}.product-detail img{max-height:250px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:1px solid #dfe8e3;justify-content:space-around;padding:8px 4px;box-shadow:0 -2px 10px #0000000a}.mobile-bottom a{font-size:11px;font-weight:700;color:var(--green);text-align:center}.footer{padding-bottom:65px}}

/* Accessible multi-level division dropdown navigation */
.nav-menu{gap:clamp(10px,1.8vw,25px);position:relative;z-index:30}
.nav-item{position:relative;display:flex;align-items:center;min-height:38px}
.nav-item>.nav-link{display:flex;align-items:center;gap:5px;height:100%;white-space:nowrap}
.nav-item .chevron{font-size:14px;color:#0a7650}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:245px;max-width:300px;padding:8px;background:#fff;border:1px solid #e0e9e4;border-radius:0 0 8px 8px;box-shadow:0 12px 28px rgba(10,45,32,.16);z-index:100;text-transform:none;font-size:13px;font-weight:600}
.nav-item:hover>.dropdown-menu,.nav-item:focus-within>.dropdown-menu,.nav-item.submenu-open>.dropdown-menu{display:block}
.dropdown-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:5px;line-height:1.35;color:#203b35;white-space:normal}
.dropdown-menu a span{color:#16833f;font-size:17px;flex-shrink:0}
.dropdown-menu a:hover,.dropdown-menu a:focus{background:#eff8f1;color:#075b43;outline:none}
.dropdown-menu .dropdown-all{background:#f2f8f4;color:#075b43;margin-bottom:4px;font-weight:800}
.submenu-toggle{display:none;border:0;background:transparent;color:#075b43;font-size:17px;padding:8px 12px;cursor:pointer}
@media(min-width:901px){.nav-item:hover>.dropdown-menu{display:block}}
@media(max-width:1100px) and (min-width:901px){.nav-menu{gap:10px;font-size:11px}.headrow{grid-template-columns:235px minmax(180px,1fr) auto;gap:14px}.brand img{width:210px}}
@media(max-width:900px){.nav-wrap>.container{width:100%;padding:0 18px}.nav-menu{justify-content:flex-start;align-items:stretch;gap:0}.nav-item{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;border-top:1px solid #edf0ef}.nav-item>.nav-link{padding:11px 8px;border:0;min-height:42px;white-space:normal}.submenu-toggle{display:block;min-width:44px}.dropdown-menu{position:static;grid-column:1/-1;min-width:0;max-width:none;border:0;border-top:1px solid #e9efeb;border-radius:0;box-shadow:none;padding:5px 8px 10px;background:#f8fbf9}.nav-item .dropdown-menu{display:none}.nav-item.submenu-open>.dropdown-menu,.nav-item:focus-within>.dropdown-menu{display:block}.nav-menu>a{padding:11px 8px;border-top:1px solid #edf0ef}}
@media(max-width:640px){.nav-menu{padding:0}.nav-menu.is-open{padding-bottom:8px}.nav-item>.nav-link{font-size:12px}.dropdown-menu a{padding:10px 12px}}
.division-categories{margin:14px 0 28px}.division-categories .catalogue-item{min-height:100px;transition:box-shadow .2s,border-color .2s}.division-categories .catalogue-item:hover{border-color:#9acbb0;box-shadow:0 5px 18px rgba(10,70,40,.08)}.taxonomy-products-heading{margin-top:28px}

/* Version 1.2.0: clean dropdown indicators and B2B product catalogue cards */
.nav-item .chevron{display:inline-block;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);vertical-align:3px;margin:0 0 4px 5px;transition:transform .18s ease;color:#477166}
.nav-item:hover>.nav-link .chevron,.nav-item:focus-within>.nav-link .chevron,.nav-item.submenu-open>.nav-link .chevron{transform:rotate(225deg);vertical-align:0;margin-bottom:0}
.submenu-toggle{font-size:0;display:none;align-items:center;justify-content:center}
.submenu-toggle .chevron{width:8px;height:8px;margin:0;transform:rotate(45deg)}
.nav-item.submenu-open>.submenu-toggle .chevron{transform:rotate(225deg);margin-top:7px}
.paper-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.catalogue-product-card{padding:14px 14px 16px;text-align:left;align-items:stretch;gap:6px;box-shadow:0 2px 10px rgba(14,48,36,.035);transition:transform .18s ease,box-shadow .18s ease}
.catalogue-product-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(14,48,36,.09)}
.catalogue-product-card .product-image-link{display:flex;align-items:center;justify-content:center;width:100%;height:190px;background:#fff;border-radius:5px;overflow:hidden}
.catalogue-product-card .product-image-link img{height:100%;width:100%;object-fit:contain;margin:0}
.catalogue-product-card .product-category-label{font-size:11px;color:#16833f;font-weight:700;margin-top:5px}
.catalogue-product-card h3{font-size:16px;line-height:1.35;margin:0;text-align:left}
.catalogue-product-card h3 a:hover{color:var(--green2)}
.catalogue-product-card .product-pack{font-size:12px;color:var(--muted);margin:0;min-height:18px}
.product-prices,.product-detail-prices{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:5px 0 9px}
.sale-price{font-size:19px;font-weight:800;color:#075b43}
.mrp-price{font-size:13px;color:#6b777b}
.mrp-price.is-struck{text-decoration:line-through;color:#8a9295}
.price-on-request{font-size:14px;font-weight:700;color:#4e625d}
.product-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.product-card-actions .btn{padding:9px 12px;font-size:12px;justify-content:center}
.product-card-actions .btn-outline{padding:8px 11px;font-size:12px}
.product-empty-state{grid-column:1/-1;border:1px dashed #c8d9d1;background:#f7fbf8;border-radius:10px;padding:28px;text-align:center}
.product-empty-state h2{margin-top:0}
@media(max-width:900px){.paper-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-product-card .product-image-link{height:165px}}
@media(max-width:640px){.paper-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalogue-product-card{padding:10px}.catalogue-product-card .product-image-link{height:135px}.catalogue-product-card h3{font-size:14px}.product-card-actions{flex-direction:column;align-items:stretch}.product-card-actions .btn,.product-card-actions .btn-outline{text-align:center;width:100%}.sale-price{font-size:17px}.mrp-price{font-size:12px}}

/* Version 1.3.0: clean banner, consistent featured product cards and brand strip */
.hero{min-height:clamp(310px,23vw,410px);background:#f3f8fa}
.hero::before{background-image:url('assets/hero-products.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero::after{background:linear-gradient(90deg,rgba(247,250,250,.98) 0%,rgba(247,250,250,.94) 27%,rgba(247,250,250,.55) 42%,rgba(247,250,250,0) 59%)}
.hero-inner{padding:32px 0}
.hero-copy{max-width:535px}
.hero h1{font-size:clamp(34px,3.5vw,52px)}
.featured-section{padding-top:24px;padding-bottom:24px}
.featured-section .section-heading{margin-bottom:16px}
.featured-section .section-heading h2{font-size:clamp(24px,2vw,32px)}
.featured-section .section-heading>a{font-size:14px;display:inline-flex;align-items:center;gap:8px}
.featured-product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.featured-product-card{padding:0;text-align:left;align-items:stretch;overflow:hidden;min-width:0;min-height:100%;box-shadow:0 2px 9px rgba(18,48,38,.045);transition:transform .18s ease,box-shadow .18s ease}
.featured-product-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(18,48,38,.1)}
.featured-product-image{height:142px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;padding:10px 12px 0;border-bottom:1px solid #f0f2f1}
.featured-product-image img{display:block;width:100%;height:155px;max-width:100%;object-fit:contain;object-position:center center;margin:-13px 0 0;transform:scale(1.02)}
.featured-product-body{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:12px 12px 14px;flex:1}
.featured-product-body .meta{font-size:11px;color:#6d7c7b;margin:0;line-height:1.3}
.featured-product-body h3{font-size:14px;line-height:1.35;text-align:left;margin:0;min-height:38px;color:#17323a}
.featured-product-body h3 a:hover{color:var(--green2)}
.featured-pack{font-size:11px;color:var(--muted);margin:0;min-height:15px}
.featured-prices{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;min-height:23px;margin-top:2px}
.featured-sale{font-size:16px;font-weight:800;color:var(--green)}
.featured-mrp{font-size:11px;color:#7c8587}
.featured-mrp.is-struck{text-decoration:line-through;color:#858d90}
.featured-price-request{font-size:12px;color:#65746f;font-weight:600}
.featured-actions{display:flex;align-items:stretch;gap:6px;margin-top:auto;padding-top:7px}
.featured-actions .btn-outline,.featured-actions .btn-detail{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;text-align:center;white-space:nowrap;font-size:11px;padding:8px 5px;border-radius:5px;font-weight:700}
.featured-actions .btn-detail{border:1px solid #075b43;color:#075b43;background:#f4faf6}
.featured-actions .btn-detail:hover{background:#e4f3e9}
.brands{margin-top:0;padding:12px 0;background:#f3f8f2;overflow:hidden}
.brands .container{display:flex;align-items:center;justify-content:center}
.brands img{display:block;width:100%;height:auto;max-height:116px;object-fit:contain;object-position:center}
@media(max-width:1100px){.featured-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-product-image{height:165px}.featured-product-image img{height:178px;margin-top:-13px}}
@media(max-width:640px){.hero{min-height:410px;align-items:flex-start}.hero::before{background-size:auto 56%;background-position:right bottom}.hero::after{background:linear-gradient(180deg,rgba(247,250,250,.99) 0%,rgba(247,250,250,.96) 43%,rgba(247,250,250,.42) 70%,rgba(247,250,250,.05) 100%)}.hero-inner{padding:24px 0}.hero-copy{max-width:100%}.hero h1{font-size:34px}.featured-section{padding-top:20px;padding-bottom:18px}.featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-product-image{height:130px;padding:8px 8px 0}.featured-product-image img{height:145px;margin-top:-12px}.featured-product-body{padding:10px}.featured-product-body h3{font-size:13px;min-height:35px}.featured-actions{flex-direction:column;gap:6px}.featured-actions .btn-outline,.featured-actions .btn-detail{width:100%;padding:8px 6px}.brands{padding:10px 0}.brands img{max-height:88px}}

/* Version 1.6.0: product-family banner with Grenix Nutra syrup bottles */
.hero{isolation:isolate;min-height:clamp(330px,25vw,420px)}
.hero::before{background-image:url('assets/hero-products.jpg');background-size:cover;background-position:center 58%;background-repeat:no-repeat}
.hero::after{background:linear-gradient(90deg,rgba(247,250,250,.99) 0%,rgba(247,250,250,.97) 25%,rgba(247,250,250,.82) 37%,rgba(247,250,250,.18) 58%,rgba(247,250,250,0) 75%)}
.hero-category-labels{position:absolute;z-index:2;right:max(24px,calc((100% - 1240px)/2));bottom:18px;display:flex;gap:8px;align-items:center;justify-content:flex-end;max-width:58%;flex-wrap:wrap}
.hero-label{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(255,255,255,.75);border-radius:7px;background:rgba(255,255,255,.91);box-shadow:0 3px 12px rgba(16,43,61,.12);backdrop-filter:blur(6px);color:#183b3b;font-size:11px;font-weight:800;white-space:nowrap}
.hero-label b{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#087343;color:#fff;font-size:10px}
.hero-label.nutra-label b{background:#1674b8}.hero-label.lab-label b{background:#6744ad}
@media(max-width:900px){.hero-category-labels{right:18px;max-width:65%;gap:6px}.hero-label{font-size:10px;padding:6px 8px}}
@media(max-width:640px){.hero{min-height:470px;align-items:flex-start}.hero::before{background-size:auto 58%;background-position:right bottom}.hero::after{background:linear-gradient(180deg,rgba(247,250,250,.99) 0%,rgba(247,250,250,.98) 43%,rgba(247,250,250,.7) 61%,rgba(247,250,250,.08) 100%)}.hero-category-labels{left:12px;right:12px;bottom:10px;max-width:none;justify-content:center;gap:5px}.hero-label{font-size:9px;padding:5px 7px;gap:4px}.hero-label b{width:18px;height:18px;font-size:9px}.hero-copy{padding-bottom:95px}}

/* Version 1.5.0: add safe left gutter and remove duplicate/ghost banner labels */
.hero-inner.container{width:calc(100% - 48px);max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
.hero-copy{padding-left:0;position:relative;z-index:2}
.hero-category-labels,.hero-label{display:none!important}
@media(max-width:640px){.hero-inner.container{width:calc(100% - 24px)}.hero-copy{padding-left:0}}

/* Version 1.6.0: refreshed hero artwork includes paper/disposable products, branded-style nutraceutical syrup bottles, and lab glassware. */

/* Version 1.7.0: use the complete designed hero artwork as one image so its headline and three business divisions are not duplicated by HTML overlays. */
.hero.hero-graphic{display:block;min-height:0;height:auto;padding:0;margin:0;background:#f4f8fb;overflow:hidden;line-height:0}
.hero.hero-graphic::before,.hero.hero-graphic::after{content:none!important;display:none!important}
.hero-graphic-image{display:block;width:100%;height:auto;max-width:none;object-fit:contain;margin:0;padding:0}
@media(max-width:640px){.hero.hero-graphic{min-height:0}.hero-graphic-image{width:100%;height:auto;object-fit:contain}}

/* Version 1.8.0: force full designed hero artwork; avoid legacy background overlays and stale asset caching. */
.hero.hero-graphic{display:block!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;line-height:0!important;background:#f4f8fb!important}
.hero.hero-graphic::before,.hero.hero-graphic::after{display:none!important;content:none!important;background:none!important}
.hero-graphic-image{display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important}


/* Version 2.0.0: retain v1.8 homepage design while replacing text baked into the banner with semantic, clickable HTML. */
.hero.hero-graphic.hero-semantic{display:block!important;position:relative!important;isolation:isolate;aspect-ratio:2048/760;min-height:440px!important;height:auto!important;max-height:680px;overflow:hidden!important;padding:0!important;margin:0!important;line-height:normal!important;background:#f3f8fb!important}
.hero.hero-graphic.hero-semantic::before,.hero.hero-graphic.hero-semantic::after{display:none!important;content:none!important}
.hero.hero-semantic>.hero-graphic-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important;z-index:0}
.hero-semantic-content{position:absolute;inset:0;z-index:1;padding:1.3% 2.2% 1.1%;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.hero-semantic-heading{text-align:center;margin:0 auto;width:100%;padding:0 1%;}
.hero-semantic-heading h1{font-size:clamp(27px,2.8vw,48px);line-height:1.03;letter-spacing:-1.1px;font-weight:850;color:#102b3d;margin:0 0 5px;text-shadow:0 1px 1px rgba(255,255,255,.32)}
.hero-semantic-heading p{font-size:clamp(11px,1.08vw,18px);line-height:1.25;font-weight:700;color:#183849;margin:0}
.hero-semantic-heading p span{color:#087343;padding:0 clamp(3px,.6vw,10px)}
.hero-semantic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,28px);align-items:start;flex:1;min-height:0;margin-top:clamp(16px,3.4vw,55px);padding:0 .25%}
.hero-semantic-panel{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 clamp(8px,1vw,18px);color:#15333d;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.hero-semantic-panel h2{font-size:clamp(16px,1.45vw,25px);line-height:1.1;letter-spacing:-.35px;font-weight:850;margin:0 0 7px;color:#075b43}
.hero-semantic-pcd h2{color:#0756ad}.hero-semantic-lab h2{color:#5232a4}
.hero-semantic-panel p{font-size:clamp(10px,.84vw,14px);line-height:1.32;color:#294651;margin:0 0 7px;max-width:100%;font-weight:500}
.hero-semantic-panel ul{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:3px;font-size:clamp(10px,.78vw,13px);line-height:1.28;color:#173a45}
.hero-semantic-panel li{position:relative;padding-left:15px}
.hero-semantic-panel li::before{content:'✓';position:absolute;left:0;top:0;font-weight:800;color:#087343}
.hero-semantic-pcd li::before{color:#1766bf}.hero-semantic-lab li::before{color:#6744ad}
.hero-semantic-button{display:inline-flex;align-items:center;justify-content:space-between;gap:clamp(8px,1vw,18px);margin-top:2px;padding:clamp(7px,.7vw,11px) clamp(10px,1.25vw,21px);border-radius:5px;background:#087343;color:#fff!important;font-size:clamp(11px,.86vw,14px);font-weight:800;line-height:1.15;box-shadow:0 2px 4px rgba(0,0,0,.08);transition:filter .2s,transform .2s;white-space:nowrap}
.hero-semantic-pcd .hero-semantic-button{background:#075db8}.hero-semantic-lab .hero-semantic-button{background:#5b3ab4}
.hero-semantic-button:hover{filter:brightness(1.08);transform:translateY(-1px);color:#fff!important}
.hero-semantic-benefits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:0;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);border-radius:9px;box-shadow:0 2px 10px rgba(20,50,60,.08);padding:clamp(6px,.75vw,12px) 0;color:#173746}
.hero-semantic-benefits span{display:flex;justify-content:center;align-items:center;gap:clamp(4px,.5vw,9px);padding:0 4px;border-right:1px solid #c8d8d9;font-size:clamp(9px,.78vw,13px);line-height:1.15;font-weight:700;white-space:nowrap}
.hero-semantic-benefits span:last-child{border-right:0}.hero-semantic-benefits b{font-size:clamp(14px,1.4vw,24px);color:#075b43}
@media(max-width:900px) and (min-width:641px){.hero.hero-graphic.hero-semantic{min-height:400px!important;aspect-ratio:auto;height:440px!important}.hero-semantic-content{padding:12px 12px 10px}.hero-semantic-heading h1{font-size:clamp(25px,3.6vw,34px)}.hero-semantic-heading p{font-size:12px}.hero-semantic-grid{margin-top:24px;gap:8px}.hero-semantic-panel{padding:0 6px}.hero-semantic-panel h2{font-size:16px}.hero-semantic-panel p,.hero-semantic-panel ul{font-size:11px}.hero-semantic-button{font-size:11px;padding:8px 9px}.hero-semantic-benefits span{font-size:9px;white-space:normal;gap:3px}}
@media(max-width:640px){.hero.hero-graphic.hero-semantic{aspect-ratio:auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important;padding:0!important;background:#f5f9fb!important}.hero.hero-semantic>.hero-graphic-image{height:100%!important;object-fit:cover!important;object-position:center bottom!important;opacity:.26}.hero-semantic-content{position:relative;inset:auto;padding:18px 12px 14px;gap:14px;background:linear-gradient(180deg,rgba(247,250,252,.94),rgba(247,250,252,.86))}.hero-semantic-heading{padding:0 2px}.hero-semantic-heading h1{font-size:clamp(27px,7.5vw,35px);line-height:1.05;letter-spacing:-.7px;margin-bottom:7px}.hero-semantic-heading p{font-size:12px;line-height:1.45}.hero-semantic-heading p span{padding:0 3px}.hero-semantic-grid{grid-template-columns:1fr;gap:10px;margin:0;padding:0}.hero-semantic-panel{padding:13px 14px;background:rgba(255,255,255,.95);border-radius:8px;border-top:3px solid #087343;box-shadow:0 2px 9px rgba(16,43,61,.08)}.hero-semantic-pcd{border-top-color:#1766bf}.hero-semantic-lab{border-top-color:#6744ad}.hero-semantic-panel h2{font-size:19px;line-height:1.18;margin-bottom:6px}.hero-semantic-panel p{font-size:13px;line-height:1.4;margin-bottom:7px}.hero-semantic-panel ul{grid-template-columns:1fr 1fr;column-gap:8px;row-gap:4px;font-size:12px;margin-bottom:10px}.hero-semantic-button{font-size:13px;padding:10px 14px;min-width:155px}.hero-semantic-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px 0}.hero-semantic-benefits span{justify-content:flex-start;white-space:normal;text-align:left;font-size:10px;min-height:35px;padding:5px 8px;border-right:0;border-bottom:1px solid #e2e9e8}.hero-semantic-benefits span:nth-child(odd){border-right:1px solid #d9e3e3}.hero-semantic-benefits span:nth-last-child(-n+2){border-bottom:0}.hero-semantic-benefits b{font-size:16px;flex-shrink:0}}


/* Version 2.1.0: preserve the approved v1.8 structure; remove heavy overlay cards from the semantic hero. */
.hero.hero-graphic.hero-semantic{aspect-ratio:2048/760!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important;background:#f4f8fb!important}
.hero.hero-graphic.hero-semantic>.hero-graphic-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;opacity:1!important}
.hero-semantic-content{padding:1.25% 2.1% 1.15%!important;gap:0!important}
.hero-semantic-heading{flex:0 0 auto!important}
.hero-semantic-heading h1{font-size:clamp(26px,2.65vw,45px)!important;line-height:1.04!important;margin:0 0 5px!important;text-shadow:0 1px 5px rgba(255,255,255,.85)!important}
.hero-semantic-heading p{font-size:clamp(11px,1.05vw,17px)!important;text-shadow:0 1px 4px rgba(255,255,255,.9)!important}
.hero-semantic-grid{flex:1 1 auto!important;align-items:start!important;align-content:start!important;margin-top:clamp(14px,2.7vw,42px)!important;gap:clamp(12px,1.7vw,27px)!important;padding:0 .25%!important}
.hero-semantic-panel{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0 clamp(7px,.8vw,14px)!important;min-height:0!important}
.hero-semantic-panel h2{font-size:clamp(15px,1.42vw,24px)!important;line-height:1.08!important;margin:0 0 6px!important;text-shadow:0 1px 4px rgba(255,255,255,.95)!important}
.hero-semantic-panel p,.hero-semantic-panel ul{ text-shadow:0 1px 4px rgba(255,255,255,.98)!important }
.hero-semantic-panel p{font-size:clamp(10px,.82vw,13px)!important;line-height:1.3!important;margin:0 0 6px!important}
.hero-semantic-panel ul{font-size:clamp(10px,.76vw,12.5px)!important;line-height:1.25!important;gap:3px!important;margin:0 0 8px!important}
.hero-semantic-button{margin-top:2px!important;font-size:clamp(11px,.84vw,14px)!important;padding:clamp(7px,.65vw,10px) clamp(10px,1.15vw,18px)!important;box-shadow:0 2px 7px rgba(0,0,0,.12)!important}
.hero-semantic-benefits{flex:0 0 auto!important;margin-top:clamp(8px,1vw,16px)!important;background:rgba(255,255,255,.94)!important}
@media(max-width:900px) and (min-width:641px){
 .hero.hero-graphic.hero-semantic{aspect-ratio:auto!important;height:440px!important;min-height:440px!important}
 .hero-semantic-content{padding:12px 12px 10px!important}
 .hero-semantic-heading h1{font-size:clamp(24px,3.5vw,32px)!important}
 .hero-semantic-grid{margin-top:22px!important;gap:7px!important}
 .hero-semantic-panel{padding:0 5px!important}
 .hero-semantic-panel h2{font-size:15px!important}
 .hero-semantic-panel p,.hero-semantic-panel ul{font-size:10.5px!important}
 .hero-semantic-button{font-size:10px!important;padding:7px 8px!important}
}
@media(max-width:640px){
 .hero.hero-graphic.hero-semantic{aspect-ratio:auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important;background:#f5f9fb!important}
 .hero.hero-semantic>.hero-graphic-image{position:absolute!important;inset:auto 0 0!important;width:100%!important;height:230px!important;object-fit:cover!important;object-position:center bottom!important;opacity:.20!important}
 .hero-semantic-content{position:relative!important;inset:auto!important;padding:18px 12px 13px!important;gap:12px!important;background:linear-gradient(180deg,rgba(247,250,252,.97),rgba(247,250,252,.91))!important}
 .hero-semantic-heading h1{font-size:clamp(27px,7.2vw,34px)!important;line-height:1.06!important}
 .hero-semantic-heading p{font-size:12px!important;line-height:1.45!important}
 .hero-semantic-grid{grid-template-columns:1fr!important;gap:9px!important;margin:0!important;padding:0!important}
 .hero-semantic-panel,.hero-semantic-panel.hero-semantic-paper,.hero-semantic-panel.hero-semantic-pcd,.hero-semantic-panel.hero-semantic-lab{padding:12px 13px!important;background:rgba(255,255,255,.91)!important;border-radius:7px!important;border:0!important;border-left:4px solid #087343!important;box-shadow:0 1px 5px rgba(16,43,61,.06)!important}
 .hero-semantic-panel.hero-semantic-pcd{border-left-color:#1766bf!important}
 .hero-semantic-panel.hero-semantic-lab{border-left-color:#6744ad!important}
 .hero-semantic-panel h2{font-size:18px!important;line-height:1.18!important;margin-bottom:5px!important}
 .hero-semantic-panel p{font-size:12.5px!important;line-height:1.4!important;margin-bottom:6px!important}
 .hero-semantic-panel ul{grid-template-columns:1fr 1fr!important;font-size:11.5px!important;gap:4px 8px!important;margin-bottom:8px!important}
 .hero-semantic-button{font-size:12px!important;padding:9px 13px!important;min-width:145px!important}
 .hero-semantic-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:0!important;padding:5px 0!important;border-radius:7px!important}
 .hero-semantic-benefits span{justify-content:flex-start!important;white-space:normal!important;text-align:left!important;font-size:10px!important;min-height:32px!important;padding:5px 7px!important;border-right:0!important;border-bottom:1px solid #e2e9e8!important}
 .hero-semantic-benefits span:nth-child(odd){border-right:1px solid #d9e3e3!important}
 .hero-semantic-benefits span:nth-last-child(-n+2){border-bottom:0!important}
}


/* Version 2.2.0 — restore the approved screenshot's banner layout. Keep text in HTML for SEO. */
.hero.hero-graphic.hero-semantic{aspect-ratio:auto!important;height:clamp(276px,21.3vw,330px)!important;min-height:0!important;max-height:330px!important;position:relative!important;overflow:hidden!important;background:#eef6fa!important;line-height:normal!important}
.hero.hero-semantic>.hero-graphic-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 57%!important;opacity:1!important;z-index:0!important}
.hero-semantic-content{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:0!important;padding:clamp(18px,1.8vw,28px) 5.4%!important;max-width:100%!important;background:linear-gradient(90deg,rgba(248,251,252,.97) 0%,rgba(248,251,252,.91) 30%,rgba(248,251,252,.48) 43%,rgba(248,251,252,0) 61%)!important}
.hero-semantic-heading{width:47%!important;max-width:590px!important;margin:0!important;padding:0!important;text-align:left!important}
.hero-semantic-heading h1{font-size:clamp(30px,3.55vw,47px)!important;line-height:1.03!important;letter-spacing:-1.2px!important;color:#102b3d!important;margin:0 0 12px!important;text-shadow:none!important;font-weight:850!important}
.hero-semantic-heading p{font-size:clamp(11px,1.12vw,15px)!important;line-height:1.4!important;font-weight:500!important;color:#182f3c!important;text-shadow:none!important;margin:0!important}
.hero-semantic-heading p span{padding:0 5px!important;color:#087343!important}
.hero-semantic-grid{display:none!important}
.hero-semantic-benefits{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:49%!important;gap:0!important;margin:clamp(12px,1.35vw,18px) 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#183849!important}
.hero-semantic-benefits span{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;padding:0 10px!important;border-right:1px solid #cbd8d9!important;white-space:nowrap!important;font-size:clamp(9px,.88vw,12px)!important;line-height:1.2!important;font-weight:600!important}
.hero-semantic-benefits span:first-child{padding-left:0!important}
.hero-semantic-benefits span:last-child{display:none!important}
.hero-semantic-benefits b{font-size:clamp(18px,1.9vw,25px)!important;color:#087343!important}
.hero-semantic-cta{display:inline-flex!important;align-items:center!important;gap:12px!important;margin-top:clamp(14px,1.45vw,20px)!important;padding:10px 20px!important;border-radius:5px!important;background:#075b43!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.25!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important}
.hero-semantic-cta:hover{background:#087a52!important;color:#fff!important}
@media(max-width:900px) and (min-width:641px){.hero.hero-graphic.hero-semantic{height:285px!important;max-height:285px!important}.hero-semantic-content{padding:20px 4.5%!important}.hero-semantic-heading{width:53%!important}.hero-semantic-heading h1{font-size:clamp(29px,4vw,38px)!important}.hero-semantic-heading p{font-size:12px!important}.hero-semantic-benefits{max-width:58%!important;margin-top:12px!important}.hero-semantic-benefits span{font-size:10px!important;padding:0 7px!important}.hero-semantic-cta{margin-top:13px!important}}
@media(max-width:640px){.hero.hero-graphic.hero-semantic{height:390px!important;max-height:none!important;min-height:390px!important;aspect-ratio:auto!important;background:#f3f8fa!important}.hero.hero-semantic>.hero-graphic-image{height:200px!important;top:auto!important;bottom:0!important;object-position:center bottom!important;opacity:1!important}.hero-semantic-content{position:relative!important;inset:auto!important;height:100%!important;padding:20px 16px 210px!important;justify-content:flex-start!important;background:linear-gradient(180deg,rgba(248,251,252,.99) 0%,rgba(248,251,252,.97) 42%,rgba(248,251,252,.72) 62%,rgba(248,251,252,0) 100%)!important}.hero-semantic-heading{width:100%!important;max-width:none!important}.hero-semantic-heading h1{font-size:clamp(30px,8.3vw,37px)!important;line-height:1.03!important;margin-bottom:9px!important;max-width:370px!important}.hero-semantic-heading p{font-size:12px!important;line-height:1.5!important;max-width:370px!important}.hero-semantic-benefits{max-width:100%!important;flex-wrap:wrap!important;gap:8px 0!important;margin-top:13px!important}.hero-semantic-benefits span{font-size:10px!important;padding:0 7px!important;white-space:normal!important}.hero-semantic-benefits span:nth-child(3){border-right:0!important}.hero-semantic-benefits span:last-child{display:none!important}.hero-semantic-benefits b{font-size:18px!important}.hero-semantic-cta{margin-top:13px!important;padding:10px 16px!important;font-size:13px!important}}


/* Version 2.3.0 — three visually separate category panels, with actual HTML text and independent links. */
.triptych-hero{position:relative;isolation:isolate;overflow:hidden;padding:14px 0 0;background:linear-gradient(115deg,#f5fbf2 0%,#fff 34%,#f4f9ff 67%,#f5f2ff 100%)}
.triptych-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 9% 10%,rgba(132,195,95,.16),transparent 25%),radial-gradient(circle at 87% 7%,rgba(99,142,232,.13),transparent 28%)}
.triptych-heading{text-align:center;padding:0 16px 12px;margin:0 auto;max-width:1200px}
.triptych-heading h1{font-size:clamp(30px,3.25vw,47px);font-weight:850;letter-spacing:-1.15px;line-height:1.06;color:#102b3d;margin:0 0 7px}
.triptych-heading h1 span{color:#087343}
.triptych-heading>p{font-size:clamp(13px,1.2vw,17px);font-weight:600;color:#183849;margin:0 0 12px;line-height:1.35}
.triptych-proof{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2.5vw,34px);flex-wrap:wrap;color:#174438;font-size:clamp(11px,.95vw,14px);font-weight:700}
.triptych-proof span{display:inline-flex;align-items:center;gap:8px;padding:0 0 0 0}
.triptych-proof b{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid #17834b;border-radius:50%;font-size:16px;color:#087343;line-height:1}
.triptych-grid{width:min(1540px,calc(100% - 28px));margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.triptych-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:365px;padding:23px 22px 0;border-radius:18px 18px 5px 5px;border:1px solid rgba(255,255,255,.92);box-shadow:0 4px 16px rgba(18,50,60,.055)}
.triptych-card.paper{background:linear-gradient(150deg,#f0fae9 0%,#e2f4dd 100%);--panel-color:#075b43;--panel-tint:#b4dba9}
.triptych-card.nutra{background:linear-gradient(150deg,#e9f6ff 0%,#d9edff 100%);--panel-color:#0966bc;--panel-tint:#afd7f8}
.triptych-card.lab{background:linear-gradient(150deg,#f2efff 0%,#e4e0ff 100%);--panel-color:#5632a7;--panel-tint:#c8bdf5}
.triptych-card h2{position:relative;z-index:2;color:var(--panel-color);font-size:clamp(20px,1.95vw,29px);font-weight:850;letter-spacing:-.5px;line-height:1.12;margin:0 0 7px;max-width:100%}
.triptych-card .triptych-tagline{position:relative;z-index:2;font-size:clamp(12px,.99vw,15px);line-height:1.35;color:#254653;margin:0 0 13px}
.triptych-items{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:0;margin:0 0 13px;padding:0;list-style:none}
.triptych-items li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-width:0;padding:0 5px;text-align:center;color:#173c47;font-size:clamp(10px,.83vw,12.5px);font-weight:650;line-height:1.18;border-right:1px solid rgba(40,90,100,.2)}
.triptych-items li:last-child{border-right:0}
.triptych-items .item-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--panel-color);border-radius:50%;color:var(--panel-color);font-size:20px;font-weight:700;background:rgba(255,255,255,.5)}
.triptych-button{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:11px 19px;border-radius:6px;background:var(--panel-color);color:#fff!important;font-size:14px;font-weight:800;line-height:1.2;box-shadow:0 3px 7px rgba(10,35,45,.12);transition:filter .18s,transform .18s}
.triptych-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.triptych-image{position:relative;z-index:1;display:block;width:calc(100% + 44px);max-width:none;height:clamp(135px,16vw,215px);object-fit:cover;object-position:center bottom;margin:auto -22px 0;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 12%,#000 31%)}
.triptych-benefits{width:min(1540px,calc(100% - 28px));margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:12px 0 13px;border-bottom:1px solid #e5e9e8;gap:0;background:rgba(255,255,255,.86)}
.triptych-benefits .benefit{padding:0 7px;gap:9px;font-size:clamp(10px,.85vw,12px)}
.triptych-benefits .icon{font-size:25px;color:#087343}
@media(max-width:1000px) and (min-width:641px){.triptych-card{padding:19px 13px 0;min-height:340px}.triptych-card h2{font-size:clamp(18px,2.2vw,23px)}.triptych-card .triptych-tagline{font-size:12px}.triptych-items li{font-size:10px;padding:0 3px}.triptych-items .item-icon{width:35px;height:35px;font-size:17px}.triptych-button{padding:10px 13px;font-size:12px}.triptych-image{width:calc(100% + 26px);margin-left:-13px;margin-right:-13px;height:155px}.triptych-benefits .benefit{gap:5px;font-size:10px}}
@media(max-width:640px){.triptych-hero{padding-top:17px}.triptych-heading{padding:0 12px 14px}.triptych-heading h1{font-size:clamp(28px,8vw,36px);letter-spacing:-.7px}.triptych-heading>p{font-size:12px;line-height:1.5}.triptych-proof{gap:9px 14px;font-size:11px}.triptych-proof b{width:25px;height:25px;font-size:14px}.triptych-grid{width:calc(100% - 20px);grid-template-columns:1fr;gap:12px}.triptych-card{min-height:0;padding:19px 17px 0;border-radius:13px}.triptych-card h2{font-size:23px;max-width:360px}.triptych-card .triptych-tagline{font-size:13px;margin-bottom:12px}.triptych-items{margin-bottom:12px;max-width:430px}.triptych-items li{font-size:11px;padding:0 4px;gap:5px}.triptych-items .item-icon{width:36px;height:36px;font-size:17px}.triptych-button{font-size:13px;padding:10px 16px}.triptych-image{width:calc(100% + 34px);height:170px;margin:0 -17px 0;object-fit:cover;object-position:center 56%}.triptych-benefits{width:calc(100% - 20px);grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0;margin-bottom:0}.triptych-benefits .benefit{justify-content:flex-start;padding:9px 8px;border-bottom:1px solid #e5e9e8;font-size:11px}.triptych-benefits .benefit:nth-child(2n){border-right:0}.triptych-benefits .benefit:nth-last-child(-n+2){border-bottom:0}.featured-section{padding-top:20px}}


/* Version 2.4.0 — approved homepage layout: clean hero, category cards below, 12 featured products. */
.hero.hero-semantic{display:block!important;position:relative!important;isolation:isolate!important;min-height:0!important;height:clamp(285px,22vw,340px)!important;max-height:340px!important;overflow:hidden!important;padding:0!important;margin:0!important;background:#edf6f8!important;line-height:normal!important}
.hero.hero-semantic:before,.hero.hero-semantic:after{display:none!important;content:none!important}
.hero.hero-semantic>.hero-graphic-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 57%!important;opacity:1!important;z-index:0!important}
.hero-semantic-content{position:absolute!important;inset:0!important;z-index:1!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;padding:clamp(22px,2.6vw,42px) 5.4%!important;background:linear-gradient(90deg,rgba(248,251,252,.98) 0%,rgba(248,251,252,.92) 29%,rgba(248,251,252,.56) 43%,rgba(248,251,252,0) 64%)!important}
.hero-semantic-heading{width:48%!important;max-width:600px!important;margin:0!important;padding:0!important;text-align:left!important}
.hero-semantic-heading h1{font-size:clamp(32px,3.6vw,48px)!important;line-height:1.04!important;letter-spacing:-1.2px!important;color:#102b3d!important;margin:0 0 12px!important;text-shadow:none!important;font-weight:850!important}
.hero-semantic-heading p{font-size:clamp(12px,1.15vw,16px)!important;line-height:1.45!important;font-weight:500!important;color:#182f3c!important;text-shadow:none!important;margin:0!important}
.hero-semantic-heading p span{padding:0 5px!important;color:#087343!important}
.hero-semantic-grid{display:none!important}.hero-semantic-benefits{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:50%!important;gap:0!important;margin:clamp(15px,1.7vw,23px) 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#183849!important}
.hero-semantic-benefits span{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;padding:0 10px!important;border-right:1px solid #cbd8d9!important;white-space:nowrap!important;font-size:clamp(10px,.9vw,13px)!important;line-height:1.2!important;font-weight:650!important}
.hero-semantic-benefits span:first-child{padding-left:0!important}.hero-semantic-benefits span:last-child{display:none!important}.hero-semantic-benefits b{font-size:clamp(18px,1.9vw,25px)!important;color:#087343!important}
.hero-semantic-cta{display:none!important}
.division-grid{width:min(1540px,calc(100% - 36px));margin:10px auto 12px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.division{min-height:170px!important;height:170px!important;border-radius:7px!important;padding:13px 20px 0!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.7)!important}
.division.paper{background:#e9f7e8!important}.division.nutra{background:#e6f2ff!important}.division.lab{background:#e9e9ff!important}
.division h2{font-size:clamp(18px,1.65vw,24px)!important;line-height:1.15!important;margin:0 0 7px!important;color:#102c32!important;position:relative!important;z-index:2!important;max-width:100%!important}
.division p{margin:0!important;color:#344f59!important;font-size:clamp(12px,.98vw,14px)!important;line-height:1.45!important;max-width:70%!important;position:relative!important;z-index:2!important}
.division .btn{align-self:flex-start!important;margin-top:12px!important;padding:9px 18px!important;position:relative!important;z-index:3!important;font-size:12px!important}
.division img{position:absolute!important;bottom:0!important;right:0!important;width:52%!important;height:76%!important;object-fit:cover!important;object-position:center bottom!important;mix-blend-mode:multiply!important;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 18%,#000 45%)!important}
.benefits{width:min(1540px,calc(100% - 36px));margin:0 auto!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;padding:11px 0!important;border-bottom:1px solid #e5e9e8!important;border-top:1px solid #e5e9e8!important;gap:0!important}
.featured-section{padding:12px 0 14px!important}.featured-section.container{width:min(1540px,calc(100% - 36px))!important}
.featured-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
.featured-product-card{min-height:0!important}.featured-product-image{height:105px!important}.featured-product-image img{height:118px!important;margin-top:-8px!important}.featured-product-body{padding:8px!important;gap:4px!important}.featured-product-body h3{font-size:12px!important;min-height:31px!important}.featured-product-body .meta{font-size:10px!important}.featured-prices{min-height:17px!important}.featured-actions{padding-top:4px!important}.featured-actions .btn-detail{display:none!important}.featured-actions .btn-outline{width:100%!important}
.brands{margin-top:0!important;padding:8px 0!important}.brands .container{width:min(1540px,calc(100% - 36px))!important}.brands img{max-height:110px!important}
@media(max-width:1100px) and (min-width:641px){.division{padding:12px 14px 0!important;height:175px!important;min-height:175px!important}.division h2{font-size:18px!important}.division p{max-width:75%!important;font-size:12px!important}.division .btn{margin-top:8px!important;padding:8px 12px!important}.division img{width:48%!important;height:68%!important}.featured-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.featured-product-image{height:135px!important}.featured-product-image img{height:145px!important}}
@media(max-width:640px){.hero.hero-semantic{height:330px!important;min-height:330px!important;max-height:none!important;background:#f3f8fa!important}.hero.hero-semantic>.hero-graphic-image{height:165px!important;top:auto!important;bottom:0!important;object-position:center bottom!important;opacity:1!important}.hero-semantic-content{position:relative!important;inset:auto!important;height:100%!important;padding:19px 16px 175px!important;background:linear-gradient(180deg,rgba(248,251,252,.99) 0%,rgba(248,251,252,.97) 47%,rgba(248,251,252,.5) 73%,rgba(248,251,252,0) 100%)!important}.hero-semantic-heading{width:100%!important;max-width:none!important}.hero-semantic-heading h1{font-size:clamp(30px,8vw,37px)!important;line-height:1.03!important;margin-bottom:9px!important;max-width:370px!important}.hero-semantic-heading p{font-size:12px!important;line-height:1.5!important;max-width:370px!important}.hero-semantic-benefits{max-width:100%!important;flex-wrap:wrap!important;gap:7px 0!important;margin-top:12px!important}.hero-semantic-benefits span{font-size:10px!important;padding:0 7px!important;white-space:normal!important}.hero-semantic-benefits span:nth-child(3){border-right:0!important}.division-grid{width:calc(100% - 20px)!important;grid-template-columns:1fr!important;gap:10px!important;margin:10px auto!important}.division{height:174px!important;min-height:174px!important;padding:14px 15px 0!important}.division h2{font-size:20px!important;max-width:72%!important}.division p{font-size:12px!important;max-width:70%!important}.division .btn{margin-top:9px!important;padding:8px 13px!important}.division img{width:48%!important;height:78%!important}.benefits{width:calc(100% - 20px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:7px 0!important}.benefit{justify-content:flex-start!important;padding:8px!important;border-right:0!important;border-bottom:1px solid #e6ebe8!important;font-size:11px!important}.benefit:nth-child(odd){border-right:1px solid #e6ebe8!important}.benefit:nth-last-child(-n+2){border-bottom:0!important}.featured-section.container{width:calc(100% - 20px)!important;padding-top:16px!important}.featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.featured-product-image{height:125px!important}.featured-product-image img{height:138px!important}.featured-product-body{padding:9px!important}.featured-product-body h3{font-size:12px!important;min-height:31px!important}.featured-actions .btn-outline{font-size:10px!important;padding:7px 4px!important}.brands .container{width:calc(100% - 20px)!important}.brands img{max-height:88px!important}}

/* Version 2.5.0 — restore approved three-panel hero banner above the separate category cards. */
.triptych-hero{padding-top:12px!important;background:linear-gradient(115deg,#f5fbf2 0%,#fff 34%,#f4f9ff 67%,#f5f2ff 100%)!important}
.triptych-card{min-height:clamp(330px,29vw,405px)!important;border-radius:16px 16px 5px 5px!important}
.triptych-card h2{min-height:2.25em}
.triptych-items li{font-size:clamp(10px,.78vw,12px)}
.triptych-image{height:clamp(145px,15vw,205px)!important}
@media(max-width:1000px) and (min-width:641px){.triptych-card{min-height:345px!important}.triptych-card h2{min-height:2.25em}.triptych-image{height:155px!important}}
@media(max-width:640px){.triptych-card{min-height:0!important}.triptych-card h2{min-height:0}.triptych-image{height:170px!important}.triptych-hero{padding-bottom:10px!important}}

/* Version 2.6.0 — final approved triptych banner: no CTA buttons inside the hero; category CTAs stay below. */
.triptych-hero{width:100%;overflow:hidden;padding:0!important;margin:0!important;background:#f8fbfd!important}
.triptych-heading{padding:12px 20px 8px;text-align:center;position:relative;z-index:2}
.triptych-heading h1{margin:0 0 5px;font-size:clamp(28px,3.1vw,48px);line-height:1.08;font-weight:850;letter-spacing:-1px;color:#102b3d}
.triptych-heading h1 span{color:#087343}
.triptych-heading>p{margin:0;color:#183849;font-size:clamp(12px,1.15vw,17px);font-weight:600}
.triptych-proof{display:flex;justify-content:center;gap:0;margin:10px auto 4px;color:#17663f;font-size:clamp(11px,.95vw,14px);font-weight:700}
.triptych-proof span{padding:0 22px;border-right:1px solid #d0ded8}.triptych-proof span:last-child{border:0}
.triptych-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;min-height:clamp(300px,29vw,440px)}
.triptych-card{position:relative;min-width:0;overflow:hidden;padding:14px 3.3% 0;border-radius:0!important;min-height:clamp(300px,29vw,440px)!important;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate}
.triptych-card.paper{background:linear-gradient(130deg,#e8f8e6,#f7fff2)}.triptych-card.nutra{background:linear-gradient(130deg,#e4f3ff,#f2faff)}.triptych-card.lab{background:linear-gradient(130deg,#eeeaff,#f8f6ff)}
.triptych-card h2{font-size:clamp(18px,1.9vw,30px);line-height:1.08;margin:0 0 6px;min-height:0!important;position:relative;z-index:2;max-width:100%}.triptych-card.paper h2{color:#07583c}.triptych-card.nutra h2{color:#0862ba}.triptych-card.lab h2{color:#4a209d}
.triptych-tagline{font-size:clamp(11px,1.05vw,16px);line-height:1.35;margin:0 0 8px;position:relative;z-index:2}
.triptych-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:8px 0 0;width:100%;position:relative;z-index:2}
.triptych-items li{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:0 5px;border-right:1px solid rgba(45,85,100,.22);font-size:clamp(9px,.82vw,13px);line-height:1.25;min-width:0}.triptych-items li:last-child{border:0}
.item-icon{width:clamp(34px,3.7vw,58px);height:clamp(34px,3.7vw,58px);border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:clamp(17px,1.8vw,27px);font-weight:700}.paper .item-icon{color:#087343}.nutra .item-icon{color:#0862ba}.lab .item-icon{color:#4a209d}
.triptych-image{position:absolute;bottom:0;left:0;width:100%;height:48%!important;object-fit:cover;object-position:center bottom;z-index:1;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.28) 8%,#000 28%)}
.triptych-card.nutra .triptych-image{height:43%!important}.triptych-card.lab .triptych-image{height:48%!important}
@media(max-width:1000px) and (min-width:641px){.triptych-card{padding:14px 2.2% 0}.triptych-card h2{font-size:19px}.triptych-tagline{font-size:12px}.triptych-items li{font-size:10px;padding:0 3px}.triptych-image{height:40%!important}.triptych-proof span{padding:0 12px}}
@media(max-width:640px){.triptych-heading{padding:16px 12px 8px}.triptych-heading h1{font-size:30px}.triptych-heading>p{font-size:11px;line-height:1.5}.triptych-proof{flex-wrap:wrap;gap:7px;font-size:10px}.triptych-proof span{padding:0 8px}.triptych-grid{grid-template-columns:1fr;gap:8px;padding:0 10px}.triptych-card{min-height:280px!important;padding:15px 16px 0;border-radius:10px!important}.triptych-card h2{font-size:23px;max-width:90%}.triptych-tagline{font-size:13px}.triptych-items{max-width:100%;margin-top:9px}.triptych-items li{font-size:10px}.triptych-image{height:46%!important}.triptych-card.nutra .triptych-image{height:43%!important}.division-grid{grid-template-columns:1fr!important}}


/* v2.7: use the supplied clean, text-free triptych artwork as one responsive hero banner */
.main-category-banner{width:100%;margin:0;overflow:hidden;background:#f7fafb;line-height:0}
.main-category-banner img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;margin:0 auto}
@media(max-width:640px){.main-category-banner img{width:100%;height:auto;object-fit:contain}}


/* v2.9 category-wise featured product layout; the three hero-under category cards remain unchanged */
.featured-categories-section{width:min(1540px,calc(100% - 36px));padding:18px 0 20px!important}
.featured-main-heading{align-items:flex-end!important;gap:18px!important;margin-bottom:12px!important}
.featured-main-heading h2{font-size:clamp(26px,2.4vw,34px)!important;margin:0!important}
.featured-main-heading p{margin:0;color:#536574;font-size:14px}
.featured-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.featured-tabs a{border:1px solid #e0e8ed;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:700;background:#fff;white-space:nowrap}
.featured-tabs a.active{background:#078943;color:#fff;border-color:#078943}
.featured-category-row{margin:9px 0 11px;padding:7px;border-radius:10px;border:1px solid #e8efeb;background:#f2faf4}
.featured-category-row.nutra{background:#f0f7ff;border-color:#e0ecfa}
.featured-category-row.lab{background:#f7f3ff;border-color:#ebe2fb}
.featured-category-heading{display:flex;align-items:center;gap:10px;padding:0 3px 7px;min-width:0}
.featured-category-mark{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:#078943;color:white;font-size:23px;flex-shrink:0}
.nutra .featured-category-mark{background:#0875d1}.lab .featured-category-mark{background:#5120b7}
.featured-category-title{min-width:0;flex:1}
.featured-category-title h3{font-size:18px;line-height:1.2;margin:0;color:#086632}
.nutra .featured-category-title h3{color:#0864be}.lab .featured-category-title h3{color:#4a1cab}
.featured-category-title p{font-size:12px;margin:2px 0 0;color:#43586a}
.featured-category-heading>a{font-size:12px;font-weight:700;color:#078943;white-space:nowrap;padding:6px 8px}
.nutra .featured-category-heading>a{color:#0864be}.lab .featured-category-heading>a{color:#4a1cab}
.featured-category-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.featured-category-card{background:#fff;border:1px solid #e7ecee;border-radius:7px;overflow:hidden;display:grid;grid-template-columns:minmax(90px,42%) minmax(0,1fr);gap:0;min-width:0;box-shadow:0 1px 4px rgba(20,45,50,.04)}
.featured-category-image{display:flex;align-items:center;justify-content:center;min-width:0;padding:5px;height:100px}
.featured-category-image img{width:100%;height:100%;object-fit:contain;margin:0!important}
.featured-category-card-info{padding:8px 8px 7px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}
.featured-category-card-info h4{font-size:12px;line-height:1.25;margin:0;color:#132e40}
.featured-category-card-info p{font-size:10px;line-height:1.3;color:#526474;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featured-category-enquiry{display:inline-flex;justify-content:center;align-items:center;margin-top:4px;border:1px solid #16964d;border-radius:4px;color:#078943;font-size:11px;font-weight:700;padding:5px 10px;min-width:110px}
.nutra .featured-category-enquiry{border-color:#1680db;color:#0864be}.lab .featured-category-enquiry{border-color:#6a43c4;color:#4a1cab}
.featured-category-enquiry:hover{background:#078943;color:#fff}.nutra .featured-category-enquiry:hover{background:#0864be;color:#fff}.lab .featured-category-enquiry:hover{background:#4a1cab;color:#fff}
@media(max-width:1050px){.featured-main-heading{align-items:flex-start!important;flex-direction:column!important}.featured-tabs{justify-content:flex-start}.featured-category-products{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-category-card{grid-template-columns:40% minmax(0,1fr)}}
@media(max-width:640px){.featured-categories-section{width:calc(100% - 20px)!important;padding-top:16px!important}.featured-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}.featured-tabs a{text-align:center;padding:9px 5px;font-size:10px;white-space:normal}.featured-category-row{padding:6px;margin:9px 0}.featured-category-heading{gap:7px;align-items:flex-start}.featured-category-mark{width:32px;height:32px;font-size:18px}.featured-category-title h3{font-size:14px}.featured-category-title p{font-size:10px;line-height:1.3}.featured-category-heading>a{font-size:10px;padding:4px 0 4px 3px;white-space:normal;text-align:right;max-width:85px}.featured-category-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.featured-category-card{grid-template-columns:1fr;grid-template-rows:95px auto}.featured-category-image{height:95px;padding:5px}.featured-category-card-info{padding:7px;gap:3px}.featured-category-card-info h4{font-size:11px;min-height:27px}.featured-category-card-info p{font-size:9px;min-height:23px}.featured-category-enquiry{width:100%;min-width:0;font-size:10px;padding:6px 3px}}


/* v3.0 cache-busted featured products layout reinforcement */
.featured-categories-section{display:block!important;width:min(1540px,calc(100% - 36px))!important;margin-left:auto!important;margin-right:auto!important;padding:18px 0 20px!important}
.featured-categories-section .featured-main-heading{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:18px!important;margin-bottom:12px!important}
.featured-categories-section .featured-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.featured-categories-section .featured-category-row{display:block!important;clear:both!important;margin:9px 0 11px!important;padding:7px!important;border-radius:10px!important}
.featured-categories-section .featured-category-heading{display:flex!important;align-items:center!important;gap:10px!important;padding:0 3px 7px!important}
.featured-categories-section .featured-category-products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
.featured-categories-section .featured-category-card{display:grid!important;grid-template-columns:minmax(90px,42%) minmax(0,1fr)!important;align-items:stretch!important;min-width:0!important;background:#fff!important;border:1px solid #e7ecee!important;border-radius:7px!important;overflow:hidden!important}
.featured-categories-section .featured-category-image{display:flex!important;align-items:center!important;justify-content:center!important;height:100px!important;min-width:0!important;padding:5px!important}
.featured-categories-section .featured-category-image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;margin:0!important}
.featured-categories-section .featured-category-card-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;padding:8px!important;gap:3px!important}
.featured-categories-section .featured-category-enquiry{display:inline-flex!important;justify-content:center!important;align-items:center!important;margin-top:4px!important}
@media(max-width:1050px){.featured-categories-section .featured-main-heading{align-items:flex-start!important;flex-direction:column!important}.featured-categories-section .featured-tabs{justify-content:flex-start!important}.featured-categories-section .featured-category-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.featured-categories-section{width:calc(100% - 20px)!important;padding-top:16px!important}.featured-categories-section .featured-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.featured-categories-section .featured-category-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.featured-categories-section .featured-category-card{grid-template-columns:1fr!important;grid-template-rows:95px auto!important}.featured-categories-section .featured-category-image{height:95px!important}.featured-categories-section .featured-category-heading{align-items:flex-start!important}}