/* ==========================================================================
   NX Organics — New Home Page Look
   This file only changes COLORS / FONTS / SPACING on the existing elements.
   It does not rename or remove any class the site's app.js depends on,
   so products, cart, categories, bundles, and reviews keep working exactly
   as before — only the visual skin changes.
   ========================================================================== */

.nx-new-home {
  --nx-forest: #0d3f18;
  --nx-forest-d: #062a10;
  --nx-orange: #fc5800;
  --nx-orange-d: #d94600;
  --nx-cream: #fff8f0;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

/* ---------- Top announcement strip: scrolling marquee ---------- */
.nx-new-home .top-strip { background: var(--nx-orange); overflow: hidden; }
.nx-new-home .nx-marquee { justify-content: flex-start; gap: 28px; overflow: hidden; }
.nx-new-home .nx-marquee-track {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: nxMarquee 26s linear infinite;
  font-weight: 700;
}
@keyframes nxMarquee { to { transform: translateX(-100%); } }
.nx-new-home .strip-inner span:not(.nx-marquee-track) { white-space: nowrap; }

/* ---------- Header ---------- */
.nx-new-home .shopzone-header { background: #fff; }
.nx-new-home .brand strong { color: var(--nx-forest); font-weight: 800; }
.nx-new-home .header-category-link,
.nx-new-home .top-cart-button,
.nx-new-home .shopzone-search button { background: var(--nx-forest); }
.nx-new-home .top-cart-button:hover { background: var(--nx-forest-d); }
.nx-new-home .nav-inner a.active,
.nx-new-home .nav-inner a:hover { background: var(--nx-orange); color: #fff; }

/* ---------- Hero ---------- */
.nx-new-home .hero {
  background: radial-gradient(circle at 75% 30%, rgba(252,88,0,.16), transparent 45%),
              radial-gradient(circle at 15% 80%, rgba(13,63,24,.12), transparent 40%),
              linear-gradient(120deg, var(--nx-cream), #fff 60%);
}
.nx-new-home .nx-hero-eyebrow {
  display: block; margin-bottom: 10px; color: var(--nx-orange);
  font-size: 12px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase;
}
.nx-new-home .hero h1 { color: var(--nx-forest); font-weight: 800; }
.nx-new-home .hero h1 span { color: var(--nx-orange); font-style: normal; font-family: inherit; }
.nx-new-home .btn.primary { background: var(--nx-orange); border-color: var(--nx-orange); }
.nx-new-home .btn.primary:hover { background: var(--nx-orange-d); }
.nx-new-home .btn.secondary { border-color: var(--nx-forest); color: var(--nx-forest); }

/* ---------- Trust bar ---------- */
.nx-new-home .trust { border-radius: 22px; box-shadow: 0 18px 40px rgba(13,63,24,.12); }
.nx-new-home .trust .badge { border: none; background: var(--nx-forest); }

/* ---------- Category tiles ---------- */
.nx-new-home #categories h2,
.nx-new-home .section-heading h2,
.nx-new-home h2 { color: var(--nx-forest); font-weight: 800; }
.nx-new-home .nx-centered-heading { justify-content: center; text-align: center; }
.nx-new-home .nx-centered-heading small { color: var(--nx-orange); letter-spacing: 3px; }
.nx-new-home .category-grid { grid-template-columns: repeat(6, 1fr); }
.nx-new-home .category-card {
  border: none; border-radius: 22px; background: #fff;
  box-shadow: 0 10px 26px rgba(13,63,24,.08);
  transition: transform .3s ease, box-shadow .3s ease;
}
.nx-new-home .category-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 34px rgba(252,88,0,.18);
}
.nx-new-home .category-art { border-radius: 16px; }
.nx-new-home .category-card strong { color: var(--nx-forest); }

/* ---------- Product cards ---------- */
.nx-new-home .product-card {
  border: none; border-radius: 18px;
  box-shadow: 0 10px 26px rgba(13,63,24,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.nx-new-home .product-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 32px rgba(13,63,24,.14);
}
.nx-new-home .product-card strong { color: var(--nx-forest); }
.nx-new-home .product-card .cart-btn,
.nx-new-home .bundle-card .cart-btn,
.nx-new-home .bundle-card a {
  background: var(--nx-orange); border-color: var(--nx-orange); border-radius: 30px;
}
.nx-new-home .product-card .cart-btn:hover,
.nx-new-home .bundle-card .cart-btn:hover { background: var(--nx-orange-d); }
.nx-new-home .pill-link { border-radius: 30px; border-color: var(--nx-forest); color: var(--nx-forest); }
.nx-new-home .pill-link:hover { background: var(--nx-forest); color: #fff; }

/* ---------- Bundles ---------- */
.nx-new-home .bundle-card { border: none; border-radius: 18px; box-shadow: 0 10px 26px rgba(13,63,24,.08); }
.nx-new-home .bundle-art { border-radius: 18px 18px 0 0; }

/* ---------- Why Choose Us ---------- */
.nx-new-home .split-feature .feature-image { border-radius: 26px; }
.nx-new-home .check-list li::before { background: var(--nx-orange); }

/* ---------- Reviews: pink / navy / gold cards ---------- */
.nx-new-home .reviews-band { background: linear-gradient(180deg, #fffdf7, #fff8ed); }
.nx-new-home .review-grid article {
  border: none; border-radius: 18px; color: #fff;
  box-shadow: 0 14px 28px rgba(13,63,24,.12);
}
.nx-new-home .review-grid article:nth-child(1) { background: #e83e8c; }
.nx-new-home .review-grid article:nth-child(2) { background: #003466; }
.nx-new-home .review-grid article:nth-child(3) { background: #ffc928; color: #3a2a00; }
.nx-new-home .review-grid article strong,
.nx-new-home .review-grid article:nth-child(1) small,
.nx-new-home .review-grid article:nth-child(2) small { color: #fff; }
.nx-new-home .review-grid article:nth-child(3) small { color: #6b4e00; }
.nx-new-home .review-grid p { color: inherit; opacity: .95; }
.nx-new-home .review-grid .stars { color: #ffd93b; }
.nx-new-home .review-grid article:nth-child(3) .stars { color: #b45f00; }

/* ---------- Blog ---------- */
.nx-new-home .blog-card { border: none; border-radius: 18px; box-shadow: 0 10px 26px rgba(13,63,24,.08); }
.nx-new-home .blog-card a { color: var(--nx-orange); }

/* ---------- Newsletter ---------- */
.nx-new-home .newsletter { background: radial-gradient(circle at 88% 20%, rgba(252,88,0,.28), transparent 30%), var(--nx-forest); }
.nx-new-home .subscribe-form button { background: var(--nx-orange); }

/* ---------- Footer ---------- */
.nx-new-home .footer { background: var(--nx-forest); color: #fff; }
.nx-new-home .footer h3 { color: #ff8a4d; }
.nx-new-home .footer a, .nx-new-home .footer p { color: rgba(255,255,255,.82); }
.nx-new-home .footer a:hover { color: var(--nx-orange); }
.nx-new-home .footer-bottom { border-top-color: rgba(255,255,255,.15); color: rgba(255,255,255,.65); }

@media (max-width: 767px) {
  .nx-new-home .category-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ==========================================================================
   v2 — matches reference design (dark header, carousel hero, promo cards,
   pink innovations band, footer marquee). Backend hooks are untouched.
   ========================================================================== */
.nx-new-home{--dark:#12351f;--forest2:#003621}
/* cream header */
.nx-new-home{--dark:#12351f;--forest2:#003621;--cream-bg:#fff4e6}
.nx-new-home .shopzone-header{background:var(--cream-bg);border-radius:0 0 28px 28px;color:var(--dark)}
.nx-new-home .shopzone-header .brand strong{color:var(--nx-forest)}
.nx-new-home .shopzone-header .brand small{color:var(--nx-orange);letter-spacing:3px}
.nx-new-home .shopzone-header .brand img{height:56px;width:auto;object-fit:contain}
.nx-new-home .shopzone-header .header-track-link,
.nx-new-home .shopzone-header .header-track-link strong{color:var(--dark)}
.nx-new-home .shopzone-header .header-track-link small{color:#6b756e}
.nx-new-home .shopzone-header .top-wishlist-button,
.nx-new-home .shopzone-header .top-account-button{color:var(--dark);border:1px solid #eadfd2}
.nx-new-home .shopzone-header .top-wishlist-button strong,
.nx-new-home .shopzone-header .top-account-button strong{color:var(--dark)}
.nx-new-home .shopzone-header .top-wishlist-button small,
.nx-new-home .shopzone-header .top-account-button small{color:#6b756e}
.nx-new-home .shopzone-header .top-cart-button,
.nx-new-home .shopzone-header .header-category-link{color:#fff}
.nx-new-home .header-category-link,.nx-new-home .top-cart-button,.nx-new-home .shopzone-search button{background:var(--nx-orange)}
.nx-new-home .shopzone-search{border:1px solid #eadfd2}
.nx-new-home .main-nav{background:var(--cream-bg);border-top:1px solid #eadfd2}
.nx-new-home .nav-inner a{border-radius:30px}

/* hero carousel */
.nxh-hero{padding:44px 0 60px;background:radial-gradient(circle at 50% 40%,#fff1e4,#fff 65%);overflow:hidden;text-align:center}
.nxh-ht{font-size:clamp(28px,4vw,44px);color:var(--dark);margin:6px 0 34px;font-weight:800}
.nxh-ht span{color:var(--nx-orange)}
.nxh-stage{position:relative;height:545px;max-width:1000px;margin:0 auto}
.nxh-card{position:absolute;left:50%;top:0;width:351px;margin-left:-175.5px;height:500px;border-radius:26px;padding:14px;color:#fff;text-align:left;transition:all .5s ease;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background-image:linear-gradient(160deg,#ffffff26,#0000001f)}
.nxh-card .tag{position:absolute;top:26px;right:0;z-index:2;background:#b3202f;font-size:10px;font-weight:700;padding:3px 10px;border-radius:4px 0 0 4px}
.nxh-card .img{height:340px;width:100%;background:#fff;border-radius:18px;margin-bottom:14px;padding:12px;display:flex;align-items:center;justify-content:center}
.nxh-card .img img{height:100%;width:100%;object-fit:contain}
.nxh-card h4{margin:0;font-size:14px;font-weight:600;color:#fff}
.nxh-card .pr{font-size:15px;font-weight:700;margin-top:2px}.nxh-card .pr s{font-size:11px;opacity:.75;font-weight:400}
.nxh-card .add{background:#fff;color:#22302a;border-radius:10px;padding:10px;margin-top:10px;text-align:center;font-size:14px;font-weight:500}
.nxh-card.active{box-shadow:0 25px 45px #0003}
.nxh-dots{margin-top:10px}.nxh-dots i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d9cfc2;margin:0 4px;cursor:pointer}
.nxh-dots i.on{background:var(--nx-orange);width:24px;border-radius:6px}

/* categories (rendered by app.js) — softer reference look */
.nx-new-home #categories{background:linear-gradient(180deg,#fff,var(--nx-cream) 50%,#fff);max-width:none}
.nx-new-home .category-card{border:1px solid #eadfd2;text-align:center}

/* promo cards */
.nxh-wrap{padding-top:10px;padding-bottom:30px}
.nxh-four{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:820px;margin:auto}
.nxh-fc{position:relative;overflow:hidden;border-radius:18px;color:#fff;padding:26px;min-height:200px;display:flex;flex-direction:column;justify-content:center}
.nxh-fc h3{margin:0 0 10px;font-size:20px;text-transform:uppercase;max-width:56%;color:#fff}
.nxh-fc p{font-size:12px;max-width:54%;margin:0 0 14px;color:#fff}
.nxh-fc a{border:1px solid #fff;border-radius:20px;padding:5px 16px;font-size:11px;align-self:flex-start;text-transform:uppercase;color:#fff}
.nxh-fc a:hover{background:#fff;color:var(--dark)}
.nxh-pi{position:absolute;right:16px;top:16px;bottom:16px;width:118px;background:#fff;border-radius:16px;padding:8px;display:flex;box-shadow:0 8px 18px #0003}
.nxh-pi img{width:100%;height:100%;object-fit:contain}

/* pink innovations band */
.nxh-i-bg{position:relative;background:linear-gradient(135deg,#df0a6f,#f52f91 48%,#ff0080);padding:48px 1.8% 50px;overflow:hidden}
.nxh-i-title{color:#fff;font-weight:900;font-size:clamp(27px,3.4vw,42px);margin:0 0 38px;text-align:center;text-shadow:0 4px 12px #8b075255}
.nxh-i-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;max-width:1380px;margin:0 auto}
.nxh-ic{background:#fff;border-radius:22px;padding:18px;box-shadow:0 20px 40px -18px #8a114f99;display:flex;flex-direction:column;transition:transform .28s}
.nxh-ic:hover{transform:translateY(-6px)}
.nxh-ib{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px;min-height:34px;align-content:flex-start}
.nxh-ib span{white-space:nowrap;font-size:10px;font-weight:800;padding:6px 9px;border-radius:20px}
.nxh-ib .p1{background:#ffe3ef;color:#c2185b}.nxh-ib .p2{background:#083f2a;color:#fff}
.nxh-iimg{flex:0 0 205px;display:flex;align-items:center;justify-content:center;background:#fff8f0;border-radius:15px;margin-bottom:11px;padding:11px;overflow:hidden}
.nxh-iimg img{width:100%;height:100%;object-fit:contain}
.nxh-is{color:#f5a300;font-size:14px;margin-bottom:7px;white-space:nowrap}.nxh-is em{color:#718078;font-style:normal;font-weight:700;font-size:11px}
.nxh-ic h4{margin:0 0 10px;font-size:15px;line-height:1.25;min-height:38px;color:#073b29;font-weight:800}
.nxh-ipr{font-weight:900;color:#e92b78;font-size:18px;min-height:26px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin-bottom:14px}
.nxh-ipr s{color:#748079;font-weight:400;font-size:11px}
.nxh-ipr .sale{background:#fff19a;color:#725800;font-size:9px;font-weight:800;padding:4px 7px;border-radius:20px}
.nxh-ic>a{margin-top:auto;text-align:center;background:#ffb300;color:#352000;border-radius:12px;padding:12px 8px;font-size:12px;font-weight:900}
.nxh-ic>a:hover{background:#ffa000}

/* reviews: quote mark + layout */
.nx-new-home .review-grid{align-items:start;gap:24px}
.nx-new-home .review-grid article{border-radius:26px;padding:26px 24px 22px}
.nx-new-home .review-grid .qm{font-family:Georgia,serif;font-size:54px;line-height:.7;height:26px;margin-bottom:18px;opacity:.85}
.nx-new-home .review-grid article strong,.nx-new-home .review-grid article small{display:block}
.nx-new-home .review-grid article p{margin-bottom:22px}
.nx-new-home .review-grid article:nth-child(3){color:#3a2a00}
.nx-new-home .review-grid article:nth-child(3) strong{color:#3a2a00}

/* trust bar */
.nxh-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:900px;margin:50px auto;padding:0 5%}
.nxh-trust div{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;color:var(--dark);font-weight:600}
.nxh-trust span{width:36px;height:36px;border-radius:50%;background:var(--nx-orange);display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}

/* footer */
.nx-new-home .nxh-ftr{background:var(--forest2);position:relative;overflow:hidden}
.nxh-fmarq{background:#00281a;overflow:hidden;padding:11px 0;margin-bottom:10px}
.nxh-fmarq-in{display:inline-flex;white-space:nowrap;animation:nxhF 30s linear infinite}
.nxh-fmarq-in span{color:#fff;font-size:12px;font-weight:600;padding:0 26px}
@keyframes nxhF{to{transform:translateX(-50%)}}
.nxh-fsoc{display:flex;gap:10px;margin-top:14px}
.nxh-fsoc span{width:34px;height:34px;border-radius:50%;background:var(--nx-orange);display:flex;align-items:center;justify-content:center}
.nxh-fsoc svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nx-new-home .footer-bottom span{color:var(--nx-orange)}

/* responsive */
@media(max-width:1100px){.nxh-i-cards{grid-template-columns:repeat(6,minmax(0,1fr));max-width:900px}.nxh-ic{grid-column:span 2}.nxh-ic:nth-child(4){grid-column:2/span 2}.nxh-ic:nth-child(5){grid-column:4/span 2}}
@media(max-width:800px){
.nxh-card{width:230px;margin-left:-115px;height:410px}.nxh-card.active{height:450px}
.nxh-card .img{height:240px}.nxh-stage{height:500px}
.nxh-four{grid-template-columns:1fr}.nxh-trust{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nxh-i-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nxh-ic,.nxh-ic:nth-child(4){grid-column:auto}.nxh-ic:nth-child(5){grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.nxh-iimg{flex-basis:145px}}
@media(max-width:460px){.nxh-ic{padding:12px;border-radius:18px}.nxh-iimg{flex-basis:120px;padding:8px}.nxh-ic h4{font-size:13px;min-height:34px}.nxh-ipr{font-size:15px}.nxh-ib span{font-size:9px;padding:5px 7px}.nxh-ic>a{font-size:11px;padding:10px 6px}}

/* cream footer (marquee strip stays dark green) */
.nx-new-home .nxh-ftr{background:var(--cream-bg);color:var(--dark)}
.nx-new-home .nxh-ftr h3{color:var(--nx-forest)}
.nx-new-home .nxh-ftr a,.nx-new-home .nxh-ftr p{color:#3f4d44}
.nx-new-home .nxh-ftr a:hover{color:var(--nx-orange)}
.nx-new-home .nxh-ftr .footer-brand img{height:64px;width:auto}
.nx-new-home .nxh-ftr .footer-bottom{border-top:1px solid #eadfd2;color:#5c6b60}
.nx-new-home .nxh-ftr .footer-bottom span{color:var(--nx-orange)}

/* v3: hide Shop By Category section (kept in DOM so app.js does not break) */
.nx-new-home #categories{display:none}

/* review card 2: dark green instead of navy */
.nx-new-home .review-grid article:nth-child(2){background:var(--nx-forest)}

/* mobile header: logo first, search bar on its own row below */
@media(max-width:800px){
.nx-new-home .shopzone-top-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.nx-new-home .shopzone-header .brand{order:1;flex:1 1 auto;min-width:0;position:relative;z-index:2}
.nx-new-home .shopzone-header .brand img{height:44px}
.nx-new-home .shopzone-header .mobile-menu{order:2}
.nx-new-home .shopzone-header .top-cart-wrap{order:3}
.nx-new-home .shopzone-header .shopzone-search{order:5;flex:1 1 100%;width:100%;max-width:100%;position:static;margin:0}
}

/* v4: consultation section replaces blog (blog kept hidden so app.js does not break) */
.nx-new-home .nxh-hide{display:none}
.nxh-consult{background:#fff4e6;padding:50px 0 56px}
.nxh-consult h2{font-size:32px;font-weight:800;color:var(--nx-forest);margin:0 0 6px}
.nxh-c-sub{color:#6b756e;font-size:14px;margin:0 0 26px;max-width:520px}
.nxh-c-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.nxh-c-card{background:#fff;border:1px solid #eadfd2;border-radius:28px;padding:26px;box-shadow:0 18px 40px -20px #0d3f1840}
.nxh-c-doc{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.nxh-c-doc img{width:96px;height:96px;border-radius:50%;border:2px solid var(--nx-orange);object-fit:cover;flex:none;background:#ffe7d3}
.nxh-c-doc h3{margin:0 0 4px;font-size:19px;color:var(--nx-forest);font-weight:800}
.nxh-c-doc p{margin:0 0 4px;font-weight:600;color:#22302a}.nxh-c-doc small{color:#0b8a44;font-weight:700;font-size:13px}
.nxh-c-vc{display:flex;align-items:center;gap:14px;border:2px solid #eadfd2;border-radius:18px;padding:16px 18px;margin-bottom:18px}
.nxh-c-vc strong{display:block;color:var(--nx-forest);font-size:15px}.nxh-c-vc small{color:#7b847e;font-size:12px}
.nxh-c-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nxh-c-btns a{text-align:center;border-radius:30px;padding:15px 10px;font-weight:800;font-size:14px}
.nxh-c-btns .o{border:2px solid var(--nx-forest);color:var(--nx-forest);background:#fff}
.nxh-c-btns .f{background:var(--nx-forest);color:#fff}
.nxh-c-side{border-radius:28px;padding:32px;color:#fff;background:linear-gradient(135deg,#005a2e,#003621)}
.nxh-c-side h3{margin:0 0 14px;font-size:26px;font-weight:800;color:#fff}
.nxh-c-side p{color:#ffffffe6;line-height:1.7;font-size:15px;margin:0 0 20px}
.nxh-c-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:15px}
.nxh-c-row span{width:36px;height:36px;border-radius:50%;background:var(--nx-orange);display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}
.nxh-c-btns2{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.nxh-c-btns2 a{background:#fff;color:var(--nx-forest);border-radius:30px;padding:14px 24px;font-weight:800;font-size:14px}
.nxh-c-btns2 a.wa{background:#00d95f;color:#fff}
@media(max-width:800px){.nxh-c-grid{grid-template-columns:1fr}.nxh-consult h2{font-size:26px}.nxh-c-side h3{font-size:22px}}

/* v5: category tiles (static, after hero) */
.nxh-cats{background:linear-gradient(180deg,#fff,var(--nx-cream) 50%,#fff);padding:50px 0}
.nxh-eyebrow{text-align:center;color:var(--nx-orange);font-size:12px;font-weight:700;letter-spacing:4px;text-transform:uppercase}
.nxh-ctitle{text-align:center;font-size:30px;font-weight:800;color:var(--dark);margin:6px 0}
.nxh-line{width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--nx-orange),#0b8a44);margin:0 auto 34px}
.nxh-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:20px 16px;max-width:1000px;margin:auto}
.nxh-tile{position:relative;background:#fff;border:1px solid #eadfd2;border-radius:22px;padding:22px 10px 16px;text-align:center;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s;display:block;min-height:178px}
.nxh-tile:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--c);opacity:.1;top:-40px;right:-40px;transition:transform .5s}
.nxh-tile:hover{transform:translateY(-8px);box-shadow:0 18px 35px -10px var(--c);border-color:var(--c)}
.nxh-tile:hover:before{transform:scale(2.6)}
.nxh-tile .ic{position:relative;width:70px;height:70px;margin:0 auto 14px;border-radius:22px;background:linear-gradient(145deg,var(--c),var(--d));display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -6px var(--c),inset 0 2px 0 #ffffff55;transform:rotate(-6deg);transition:transform .35s}
.nxh-tile .ic:after{content:"";position:absolute;inset:5px;border-radius:17px;border:1px dashed #ffffff66}
.nxh-tile:hover .ic{transform:rotate(0) scale(1.08)}
.nxh-tile svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1}
.nxh-tile h5{margin:0;font-size:14px;color:var(--dark);font-weight:700}
.nxh-tile em{display:block;font-style:normal;font-size:11px;color:var(--c);font-weight:600;margin-top:4px;opacity:0;transform:translateY(6px);transition:.3s}
.nxh-tile:hover em{opacity:1;transform:none}
@media(max-width:800px){.nxh-tiles{grid-template-columns:repeat(3,1fr);gap:12px 10px}.nxh-tile{min-height:140px;padding:16px 6px 12px}.nxh-tile h5{font-size:12px}.nxh-tile .ic{width:56px;height:56px}.nxh-tile svg{width:26px;height:26px}.nxh-tile em{opacity:1;transform:none}}

/* v6: logo-green header, mobile logo left */
.nx-new-home{--nx-logo-green:#0b8a44}
.nx-new-home .top-strip{background:var(--nx-logo-green)}
.nx-new-home .shopzone-header .header-category-link,
.nx-new-home .shopzone-header .top-cart-button,
.nx-new-home .shopzone-header .shopzone-search button{background:var(--nx-logo-green)}
.nx-new-home .shopzone-header .top-cart-button:hover{background:#086c35}
.nx-new-home .nav-inner a.active,.nx-new-home .nav-inner a:hover{background:var(--nx-logo-green);color:#fff}
.nx-new-home .shopzone-search{border-color:#d9d2c0}
@media(max-width:800px){
.nx-new-home .shopzone-top-row{justify-content:flex-start}
.nx-new-home .shopzone-header .brand{flex:0 0 auto;margin:0 auto 0 0;justify-content:flex-start;text-align:left}
.nx-new-home .shopzone-header .brand img{margin:0}
}

/* v7: attractive green + top banner with icons */
.nx-new-home .nxh-bar{background:#00291b;overflow:hidden;padding:10px 0}
.nxh-track{display:inline-flex;white-space:nowrap;animation:nxhBar 32s linear infinite}
.nxh-it{display:inline-flex;align-items:center;gap:9px;padding:0 30px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.3px}
.nxh-it svg{flex:none}
@keyframes nxhBar{to{transform:translateX(-50%)}}
.nx-new-home .shopzone-header .shopzone-search button,
.nx-new-home .shopzone-header .shopzone-search button *{color:#fff;stroke:#fff}
.nx-new-home .shopzone-header .top-wishlist-icon,
.nx-new-home .shopzone-header .top-wishlist-button strong{color:var(--nx-logo-green)}

/* v8: customer review cards - text size like the rest of the page/header */
.nx-new-home .review-grid article,
.nx-new-home .review-grid article *{font-family:'Montserrat',Arial,sans-serif}
.nx-new-home .review-grid article p{font-size:13px;line-height:1.65;font-weight:500;margin:0 0 20px}
.nx-new-home .review-grid article strong{font-size:13px;font-weight:700}
.nx-new-home .review-grid article small{font-size:12px;font-weight:500}
.nx-new-home .review-grid .stars{font-size:14px;letter-spacing:2px;margin-top:4px}
.nx-new-home .review-grid .qm{font-size:44px}
.nx-new-home .reviews-band .section-title h2{font-size:30px}
.nx-new-home .reviews-band .section-title small{font-size:12px}

/* Footer logo + contact icons */
.nx-new-home .nxh-ftr .footer-brand{display:inline-block;line-height:0;margin-bottom:14px}
.nx-new-home .nxh-ftr .footer-brand img.nxh-flogo{height:auto !important;width:120px !important;max-width:100%;object-fit:contain;display:block;filter:none !important}
.nx-new-home .nxh-ftr .nxh-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.nx-new-home .nxh-ftr .nxh-contact li{display:flex;align-items:center;gap:10px;margin:0}
.nx-new-home .nxh-ftr .nxh-contact .nxh-ci{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#008c4a;color:#fff;display:inline-flex;align-items:center;justify-content:center}
.nx-new-home .nxh-ftr .nxh-contact a{display:inline;margin:0;word-break:break-word}
.nx-new-home .nxh-ftr .nxh-contact a:hover{color:#008c4a}

/* ===== Icon colours = top banner dark green (#00291b) ===== */
.nx-new-home{--nx-logo-green:#00291b}
.nx-new-home .shopzone-header .top-cart-button:hover{background:#001a11}
.nx-new-home .shopzone-header .top-account-icon{
  font-size:0 !important;color:transparent !important;border:0 !important;padding:0 !important;
  width:28px;height:28px;flex:none;display:inline-block;background-color:transparent !important;
  background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23fff' stroke='%2300291b' stroke-width='2'/%3E%3Ccircle cx='16' cy='13' r='4.5' fill='%2300291b'/%3E%3Cpath d='M7.5 25c1.5-4.5 5-6 8.5-6s7 1.5 8.5 6' fill='%2300291b'/%3E%3C/svg%3E") !important}

/* footer contact icons */
.nx-new-home .nxh-ftr .nxh-contact .nxh-ci{background:#00291b}
.nx-new-home .nxh-ftr .nxh-contact a:hover{color:#00291b}
@media(min-width:901px){.nx-new-home .nxh-ftr .nxh-contact a{white-space:nowrap;word-break:normal;overflow-wrap:normal}}

/* footer social icons */
.nx-new-home .nxh-ftr .nxh-fsoc{display:flex;gap:10px;margin-top:14px}
.nx-new-home .nxh-ftr .nxh-fsoc a{width:36px;height:36px;border-radius:50%;background:#00291b;display:flex;align-items:center;justify-content:center;margin:0;padding:0;transition:transform .2s,background .2s}
.nx-new-home .nxh-ftr .nxh-fsoc a:hover{background:#0b8a44;transform:translateY(-2px)}

/* footer moving strip: same text size as top banner */
.nxh-fmarq{padding:10px 0}
.nxh-fmarq-in span{font-size:13px;font-weight:700;letter-spacing:.3px;padding:0 30px}


/* "Meet Our Newest Innovations" heading: yellow */
.nx-new-home .nxh-innov .nxh-i-title{color:#ffd60a !important}

/* mobile header: menu left, logo centered, cart right */
@media(max-width:800px){
.nx-new-home .shopzone-header .mobile-menu{order:1;flex:0 0 44px;width:44px;margin:0}
.nx-new-home .shopzone-header .brand{order:2;flex:1 1 0;min-width:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}
.nx-new-home .shopzone-header .brand img{margin:0 auto}
.nx-new-home .shopzone-header .top-cart-wrap{order:3;flex:0 0 44px;width:44px;display:flex;justify-content:flex-end}
}

/* ===== Shop By Category: product picture tiles + View More ===== */
.nxh-tile .ic.nxh-pic img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:94px;width:auto;max-width:64px;object-fit:contain;z-index:2;filter:drop-shadow(0 6px 8px rgba(0,0,0,.25))}
.nxh-more{text-align:center;margin-top:30px}
.nxh-more a{display:inline-block;background:#fc5800;color:#fff;font-weight:800;font-size:15px;padding:14px 42px;border-radius:999px;text-decoration:none;box-shadow:0 8px 20px rgba(252,88,0,.28);transition:background .2s,transform .2s}
.nxh-more a:hover{background:#d94600;transform:translateY(-2px)}
@media(max-width:800px){.nxh-tile .ic.nxh-pic img{height:76px;max-width:52px}.nxh-more{margin-top:22px}.nxh-more a{padding:12px 34px;font-size:14px}}

/* NX Organics - Coming Soon + extra product cards (no colour changes) */
.nx-cs{pointer-events:none;cursor:default}
.nx-more .nxh-i-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.nx-more .nxh-ic{flex:0 1 260px;max-width:100%}

/* ===== stop sideways page shift (keep page exactly viewport width, centred) ===== */
html{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
body{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;position:relative}
@supports (overflow:clip){body{overflow-x:clip}}