/* =====================================================================
   NewWorld — Modern 2026 design system (shared by homepage + all pages)
   ===================================================================== */
:root{
  --ink:#0f1a2e; --ink-soft:#475569; --muted:#7c8aa0;
  --bg:#f4f7fc; --surface:#ffffff; --line:#e6ecf5;
  --brand:#3b5bff; --brand-2:#00c2d6; --brand-3:#12d18e;
  --energy:#a3e635;
  --grad:linear-gradient(120deg,#3b5bff 0%,#00c2d6 55%,#12d18e 100%);
  --grad-soft:linear-gradient(120deg,#eef2ff,#e6fbff 60%,#e9fff5);
  --shadow:0 18px 50px -22px rgba(24,50,120,.35);
  --shadow-sm:0 8px 24px -14px rgba(24,50,120,.30);
  --r:22px;
}
.nw-scope *{box-sizing:border-box}
html{scroll-behavior:smooth}
body.nw-home{margin:0;background:var(--bg);color:var(--ink);font-family:"Rubik","Segoe UI","Arial Hebrew",system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.nw-home img{max-width:100%;display:block}
body.nw-home a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,92vw);margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.82rem;letter-spacing:.02em;color:var(--brand);background:#eaf0ff;border:1px solid #dbe4ff;padding:.4rem .9rem;border-radius:999px}
.sec-title{font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.02em;margin:.6rem 0 .4rem;color:var(--ink)}
.sec-sub{color:var(--ink-soft);font-size:1.05rem;max-width:56ch}
.btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1rem;padding:.9rem 1.5rem;border-radius:14px;cursor:pointer;transition:.25s;border:0;line-height:1}
.btn svg{width:20px;height:20px}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px -10px rgba(59,91,255,.55)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(59,91,255,.65);color:#fff}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}

/* ---------- Header ---------- */
.nw-hdr{position:sticky;top:0;z-index:9000;transition:.3s;font-family:"Rubik","Segoe UI","Arial Hebrew",system-ui,sans-serif}
.nw-hdr .hdr-in{display:flex;align-items:center;gap:1.4rem;padding:.7rem 0}
.nw-hdr.scrolled .hdr-in{padding:.5rem 0}
.nw-hdr::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.3s;z-index:-1}
.nw-hdr.scrolled::before{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}
.nw-hdr .brand{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.15rem;color:var(--ink)}
.nw-hdr .brand img{width:44px;height:44px;border-radius:12px;box-shadow:var(--shadow-sm)}
.nw-hdr .brand small{display:block;font-weight:500;font-size:.72rem;color:var(--muted)}
.nw-hdr .nav{display:flex;gap:.3rem;margin-inline-start:auto;flex-wrap:wrap}
.nw-hdr .nav a{padding:.5rem .85rem;border-radius:10px;font-weight:600;font-size:.95rem;color:var(--ink-soft);transition:.2s}
.nw-hdr .nav a:hover{background:#eef2ff;color:var(--brand)}
.nw-hdr .hdr-cta{display:flex;gap:.5rem;align-items:center}
.nw-hdr .icon-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1.5px solid var(--line);color:var(--ink);transition:.2s}
.nw-hdr .icon-btn:hover{border-color:var(--brand);color:var(--brand)}
.nw-hdr .icon-btn svg{width:20px;height:20px}
.nw-hdr .icon-btn .count{position:absolute;top:-6px;inset-inline-start:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background:var(--brand-3);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}
.nw-hdr .burger{display:none}

/* ---------- Footer ---------- */
.nw-ftr{background:#0e1626;color:#c3ccdd;margin-top:3rem;padding:3rem 0 1.5rem;font-family:"Rubik","Segoe UI","Arial Hebrew",system-ui,sans-serif}
.nw-ftr .ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2rem}
.nw-ftr h4{color:#fff;font-size:1rem;margin:0 0 1rem}
.nw-ftr a{display:block;padding:.28rem 0;color:#9fabc2;transition:.2s;text-decoration:none}
.nw-ftr a:hover{color:var(--brand-2)}
.nw-ftr .brand{display:flex;align-items:center;gap:.6rem;color:#fff;margin-bottom:1rem}
.nw-ftr .brand small{color:#8593ab}
.nw-ftr .desc{font-size:.92rem;color:#8593ab;max-width:34ch}
.nw-ftr .contact{display:flex;align-items:center;gap:.5rem;margin:.4rem 0;color:#c3ccdd}
.nw-ftr .contact svg{width:18px;height:18px;color:var(--brand-2)}
.nw-ftr .ftr-bot{border-top:1px solid #1e293f;margin-top:2.2rem;padding-top:1.3rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#7a889f}

/* ---------- Homepage-specific blocks ---------- */
.hero{position:relative;padding:clamp(2.5rem,7vw,5.5rem) 0 clamp(3rem,7vw,5rem);overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:0}
.hero::before{width:520px;height:520px;background:radial-gradient(circle,#7c9bff,transparent 70%);top:-160px;inset-inline-start:-120px}
.hero::after{width:460px;height:460px;background:radial-gradient(circle,#4ff0d0,transparent 70%);bottom:-180px;inset-inline-end:-100px}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}
.hero h1{font-size:clamp(2.1rem,5.4vw,3.9rem);line-height:1.08;letter-spacing:-.03em;font-weight:900;margin:1rem 0;color:var(--ink)}
.hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--ink-soft);max-width:52ch}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.hero-trust{display:flex;gap:1.4rem;margin-top:1.8rem;flex-wrap:wrap;color:var(--ink-soft);font-weight:600;font-size:.92rem}
.hero-trust span{display:inline-flex;align-items:center;gap:.4rem}
.hero-trust svg{width:18px;height:18px;color:var(--brand-3)}
.hero-visual{position:relative;height:100%;min-height:340px}
.spotlight{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:1.3rem;transform:rotate(-2deg)}
.spotlight .badge{position:absolute;top:-14px;inset-inline-start:22px;background:var(--grad);color:#fff;font-weight:700;font-size:.8rem;padding:.4rem .9rem;border-radius:999px;box-shadow:var(--shadow-sm)}
.spotlight .ph{aspect-ratio:4/3;border-radius:18px;background:var(--grad-soft);display:grid;place-items:center;overflow:hidden}
.spotlight .ph img{width:100%;height:100%;object-fit:contain;padding:1rem}
.spotlight h3{margin:.9rem .2rem .2rem;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--ink)}
.spotlight .price{margin:.2rem;font-weight:800;color:var(--brand);font-size:1.3rem}
.float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:.8rem 1rem;display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.9rem;color:var(--ink)}
.float-card svg{width:26px;height:26px;color:var(--brand)}
.float-card.f1{top:8px;inset-inline-end:-10px;animation:floaty 5s ease-in-out infinite}
.float-card.f2{bottom:12px;inset-inline-start:-18px;animation:floaty 6s ease-in-out infinite .8s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.stats{position:relative;z-index:2;margin-top:-1rem}
.stats-in{color:#fff;border-radius:var(--r);padding:1.4rem 1.6rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;box-shadow:var(--shadow);background:linear-gradient(120deg,#101a30,#152544)}
.stat{text-align:center}
.stat b{display:block;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:.9rem;color:#aeb9d0}
section.blk{padding:clamp(2.6rem,6vw,4.5rem) 0}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.cat{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.4rem;transition:.28s;overflow:hidden;text-decoration:none}
.cat::after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:120px;height:120px;background:var(--grad-soft);border-radius:50%;transition:.28s}
.cat:hover{transform:translateY(-6px);border-color:transparent;box-shadow:var(--shadow)}
.cat:hover::after{transform:scale(1.6)}
.cat .ic{position:relative;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 10px 22px -10px rgba(59,91,255,.6);margin-bottom:1rem}
.cat .ic svg{width:28px;height:28px}
.cat h3{position:relative;margin:0 0 .25rem;font-size:1.08rem;font-weight:700;color:var(--ink)}
.cat span{position:relative;color:var(--muted);font-size:.9rem;font-weight:600}
.cat .go{position:relative;margin-top:1rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--brand);font-weight:700;font-size:.92rem}
.cat .go svg{width:16px;height:16px;transition:.2s}
.cat:hover .go svg{transform:translateX(-4px)}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.28s;display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.pcard .thumb{aspect-ratio:1;background:var(--grad-soft);display:grid;place-items:center;overflow:hidden;position:relative}
.pcard .thumb img{width:100%;height:100%;object-fit:contain;padding:1.1rem;transition:.4s}
.pcard:hover .thumb img{transform:scale(1.07)}
.pcard .body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.pcard h3{font-size:.98rem;font-weight:600;line-height:1.4;margin:0;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}
.pcard .foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.pcard .price{font-weight:800;color:var(--ink);font-size:1.15rem}
.pcard .price bdi{color:var(--brand)}
.pcard .add{width:42px;height:42px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;transition:.2s}
.pcard .add:hover{transform:scale(1.08);color:#fff}
.pcard .add svg{width:20px;height:20px}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.feat{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.6rem;transition:.25s}
.feat:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
.feat .ic{width:50px;height:50px;border-radius:14px;background:#eef2ff;color:var(--brand);display:grid;place-items:center;margin-bottom:1rem}
.feat .ic svg{width:26px;height:26px}
.feat h3{margin:0 0 .3rem;font-size:1.05rem;font-weight:700;color:var(--ink)}
.feat p{margin:0;color:var(--ink-soft);font-size:.94rem}
.cta{position:relative;border-radius:28px;overflow:hidden;padding:clamp(2.2rem,5vw,3.5rem);background:var(--grad);color:#fff;box-shadow:var(--shadow)}
.cta::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -20%,rgba(255,255,255,.35),transparent 45%),radial-gradient(circle at 10% 120%,rgba(255,255,255,.25),transparent 45%)}
.cta-in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.cta h2{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:900;margin:0 0 .4rem;letter-spacing:-.02em;color:#fff}
.cta p{margin:0;opacity:.92;font-size:1.05rem}
.cta .btn{background:#fff;color:var(--brand)}
.cta .btn.wa{background:#25D366;color:#fff}
.cta-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}

/* =====================================================================
   GLOBAL RESKIN — applied over Avada / WooCommerce on all inner pages
   (body.nw-modern). Removes the dark "space" look, matches homepage.
   ===================================================================== */
body.nw-modern{background:var(--bg)!important;color:var(--ink)!important;font-family:"Rubik","Segoe UI","Arial Hebrew",system-ui,sans-serif!important}
body.nw-modern #wrapper,body.nw-modern #main,body.nw-modern .fusion-row,
body.nw-modern .post-content,body.nw-modern .fusion-content-widget-area{background:transparent!important}
body.nw-modern #main{padding-top:2.2rem!important}
body.nw-modern h1,body.nw-modern h2,body.nw-modern h3,body.nw-modern h4,body.nw-modern h5{color:var(--ink)!important;font-family:inherit!important}
body.nw-modern p,body.nw-modern li,body.nw-modern td,body.nw-modern span,body.nw-modern label,body.nw-modern div{color:inherit}
body.nw-modern a{color:var(--brand)}

/* Hide Avada's own header + footer (replaced by injected modern ones) */
body.nw-modern .fusion-header-wrapper,
body.nw-modern .fusion-secondary-header,
body.nw-modern .fusion-footer-widget-area,
body.nw-modern .fusion-footer-copyright-area,
body.nw-modern .avada-footer-fx,
body.nw-modern .fusion-sliding-bar-wrapper,
body.nw-modern .to-top-container{display:none!important}
body.nw-modern .fusion-footer{background:transparent!important;padding:0!important}

/* Page title bar → light gradient hero strip */
body.nw-modern .fusion-page-title-bar{background:var(--grad-soft)!important;border:0!important;box-shadow:none!important;padding:2.4rem 0!important;margin-bottom:1.5rem!important}
body.nw-modern .fusion-page-title-bar *{color:var(--ink)!important;text-shadow:none!important}
body.nw-modern .fusion-page-title-bar .fusion-breadcrumbs a{color:var(--brand)!important}
body.nw-modern .fusion-page-title-row .fusion-page-title-captions h1{font-weight:800!important;letter-spacing:-.02em}

/* Cards / boxes / widgets → light surfaces */
body.nw-modern .fusion-column-wrapper,
body.nw-modern .fusion-content-boxes .content-box-column .col,
body.nw-modern .widget,
body.nw-modern .fusion-sidebar .widget_container{background-color:transparent}
body.nw-modern .avada-container,body.nw-modern .fusion-body{background:var(--bg)!important}

/* ---- WooCommerce product grids (shop / category / related) ---- */
body.nw-modern ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.3rem!important;margin:0!important}
body.nw-modern ul.products li.product{width:auto!important;margin:0!important;padding:0!important;float:none!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:20px!important;overflow:hidden!important;transition:.28s!important;box-shadow:none!important}
body.nw-modern ul.products li.product:hover{transform:translateY(-6px);box-shadow:var(--shadow)!important;border-color:transparent!important}
body.nw-modern ul.products li.product a img,
body.nw-modern ul.products li.product .fusion-image-wrapper img{background:var(--grad-soft);padding:1rem;border-radius:0!important;margin:0!important;aspect-ratio:1;object-fit:contain;width:100%}
body.nw-modern ul.products li.product .fusion-product-buttons,
body.nw-modern ul.products li.product .product-title,
body.nw-modern ul.products li.product h3,
body.nw-modern ul.products li.product .price{padding-inline:1rem}
body.nw-modern ul.products li.product .product-title,
body.nw-modern ul.products li.product h3{font-size:.98rem!important;font-weight:600!important;color:var(--ink)!important;min-height:2.4em;margin-top:.8rem!important}
body.nw-modern ul.products li.product .price{color:var(--brand)!important;font-weight:800!important;font-size:1.15rem!important;display:block;margin:.4rem 0 1rem!important}
body.nw-modern ul.products li.product .price del{color:var(--muted)!important;font-weight:500!important}
body.nw-modern ul.products li.product .price ins{text-decoration:none}

/* ---- Buttons (add-to-cart, general) → gradient ---- */
body.nw-modern .button,body.nw-modern button.button,body.nw-modern input[type=submit],
body.nw-modern .add_to_cart_button,body.nw-modern .single_add_to_cart_button,
body.nw-modern .fusion-button,body.nw-modern .checkout-button,
body.nw-modern a.button.alt,body.nw-modern button.button.alt{
  background:var(--grad)!important;background-image:var(--grad)!important;color:#fff!important;
  border:0!important;border-radius:12px!important;font-weight:700!important;padding:.8rem 1.4rem!important;
  box-shadow:0 12px 30px -12px rgba(59,91,255,.55)!important;transition:.25s!important;text-shadow:none!important}
body.nw-modern .button:hover,body.nw-modern button.button:hover,body.nw-modern input[type=submit]:hover,
body.nw-modern .add_to_cart_button:hover,body.nw-modern .single_add_to_cart_button:hover,
body.nw-modern .fusion-button:hover,body.nw-modern .checkout-button:hover{transform:translateY(-2px)!important;filter:brightness(1.04)}
/* secondary/ghost buttons */
body.nw-modern .button.added,body.nw-modern .added_to_cart{background:#eef2ff!important;color:var(--brand)!important;box-shadow:none!important}

/* ---- Single product ---- */
body.nw-modern .single-product div.product .price,
body.nw-modern .single-product div.product p.price{color:var(--brand)!important;font-weight:800!important}
body.nw-modern .woocommerce-tabs .tabs li.active a,
body.nw-modern .woocommerce-tabs ul.tabs li a{border-radius:10px 10px 0 0}
body.nw-modern .woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--surface)!important}
body.nw-modern .images,body.nw-modern .woocommerce-product-gallery{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1rem}

/* ---- Tables (cart, orders, price lists) ---- */
body.nw-modern table.shop_table,body.nw-modern .woocommerce table,body.nw-modern table.cart{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;border-collapse:separate!important;border-spacing:0}
body.nw-modern table.shop_table th,body.nw-modern .woocommerce table th{background:#eef2ff!important;color:var(--ink)!important}
body.nw-modern table.shop_table td,body.nw-modern .woocommerce table td{border-top:1px solid var(--line)!important;color:var(--ink)!important}

/* ---- Forms / inputs (checkout, contact, login) ---- */
body.nw-modern input:not([type=submit]):not([type=checkbox]):not([type=radio]),
body.nw-modern select,body.nw-modern textarea,body.nw-modern .select2-selection{
  background:var(--surface)!important;border:1.5px solid var(--line)!important;border-radius:12px!important;
  color:var(--ink)!important;padding:.7rem .9rem!important;transition:.2s}
body.nw-modern input:focus,body.nw-modern select:focus,body.nw-modern textarea:focus{border-color:var(--brand)!important;outline:0!important;box-shadow:0 0 0 4px rgba(59,91,255,.12)!important}
body.nw-modern .woocommerce-checkout #payment,
body.nw-modern .cart_totals,body.nw-modern .woocommerce-info,
body.nw-modern .woocommerce-message,body.nw-modern .woocommerce-error,
body.nw-modern .woocommerce form.login,body.nw-modern .woocommerce form.register{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow-sm)!important;color:var(--ink)!important}
body.nw-modern .woocommerce-message{border-inline-start:4px solid var(--brand-3)!important}
body.nw-modern .woocommerce-info{border-inline-start:4px solid var(--brand)!important}
body.nw-modern .woocommerce-error{border-inline-start:4px solid #ef4444!important}
body.nw-modern .woocommerce-message::before,body.nw-modern .woocommerce-info::before{color:var(--brand)!important}

/* Content readability on generic pages */
body.nw-modern .post-content,body.nw-modern .fusion-text{line-height:1.8}
body.nw-modern .post-content a,body.nw-modern .fusion-text a{color:var(--brand)}
body.nw-modern .nw-static-content-page #content{background:var(--surface)!important;border:1px solid var(--line);border-radius:20px;padding:clamp(1.2rem,3vw,2.4rem)!important;box-shadow:var(--shadow-sm)}

/* Admin bar offset fix for sticky header */
body.admin-bar .nw-hdr{top:32px}
@media(max-width:782px){body.admin-bar .nw-hdr{top:46px}}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual{min-height:0;margin-top:1rem}
  .stats-in{grid-template-columns:repeat(2,1fr)}
  .cat-grid,.prod-grid,.feat-grid{grid-template-columns:repeat(2,1fr)}
  .nw-ftr .ftr-grid{grid-template-columns:1fr 1fr}
  .nw-hdr .nav{display:none}
  .nw-hdr .burger{display:grid}
  body.nw-modern ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  .cat-grid,.prod-grid{grid-template-columns:1fr 1fr}
  .feat-grid{grid-template-columns:1fr}
  .nw-ftr .ftr-grid{grid-template-columns:1fr}
  .hero-actions .btn{flex:1;justify-content:center}
}

/* =====================================================================
   DARK MODE  (toggled via html.nw-dark — a modern deep-navy palette)
   ===================================================================== */
.nw-mode-toggle .i-sun{display:none}
.nw-mode-toggle .i-moon{display:block}
html.nw-dark .nw-mode-toggle .i-sun{display:block}
html.nw-dark .nw-mode-toggle .i-moon{display:none}

html.nw-dark{
  --ink:#e9eef8; --ink-soft:#aab7cd; --muted:#8493ab;
  --bg:#0b1220; --surface:#141e33; --line:#27324c;
  --grad-soft:linear-gradient(120deg,#182339,#122a3d 60%,#123329);
  --shadow:0 22px 55px -20px rgba(0,0,0,.7);
  --shadow-sm:0 10px 26px -14px rgba(0,0,0,.6);
}
/* Homepage + shared components */
html.nw-dark body.nw-home{background:var(--bg);color:var(--ink)}
html.nw-dark .nw-hdr::before{background:rgba(11,18,32,.78)}
html.nw-dark .nw-hdr.scrolled::before{border-bottom-color:var(--line)}
html.nw-dark .nw-hdr .icon-btn,
html.nw-dark .btn-ghost,
html.nw-dark .float-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html.nw-dark .nw-hdr .nav a{color:var(--ink-soft)}
html.nw-dark .nw-hdr .nav a:hover,
html.nw-dark .btn-ghost:hover{background:rgba(59,91,255,.16);color:#9fb2ff}
html.nw-dark .eyebrow{background:rgba(59,91,255,.15);border-color:rgba(59,91,255,.32);color:#9fb2ff}
html.nw-dark .feat .ic{background:rgba(59,91,255,.17)}
html.nw-dark .cta .btn{background:#fff;color:var(--brand)}

/* Global reskin (Avada / WooCommerce) in dark */
html.nw-dark body.nw-modern{background:var(--bg)!important;color:var(--ink)!important}
html.nw-dark body.nw-modern h1,html.nw-dark body.nw-modern h2,
html.nw-dark body.nw-modern h3,html.nw-dark body.nw-modern h4,
html.nw-dark body.nw-modern h5,html.nw-dark body.nw-modern h6,
html.nw-dark body.nw-modern p,html.nw-dark body.nw-modern li,
html.nw-dark body.nw-modern td,html.nw-dark body.nw-modern label,
html.nw-dark body.nw-modern .fusion-text,
html.nw-dark body.nw-modern .post-content{color:var(--ink)!important}
html.nw-dark body.nw-modern .fusion-page-title-bar *{color:var(--ink)!important}
html.nw-dark body.nw-modern table th{background:rgba(59,91,255,.16)!important;color:var(--ink)!important}
html.nw-dark body.nw-modern table td{color:var(--ink)!important}
/* Common Avada content surfaces → dark cards */
html.nw-dark body.nw-modern .fusion-content-boxes .content-box-column .col,
html.nw-dark body.nw-modern .fusion-panel,
html.nw-dark body.nw-modern .fusion-tabs .tab-pane,
html.nw-dark body.nw-modern .avada-container,
html.nw-dark body.nw-modern .widget,
html.nw-dark body.nw-modern .images,
html.nw-dark body.nw-modern .woocommerce-product-gallery,
html.nw-dark body.nw-modern .nw-static-content-page #content{background:var(--surface)!important;border-color:var(--line)!important}
html.nw-dark body.nw-modern .button.added,
html.nw-dark body.nw-modern .added_to_cart{background:rgba(59,91,255,.18)!important;color:#9fb2ff!important}
/* Inputs in dark */
html.nw-dark body.nw-modern input:not([type=submit]):not([type=checkbox]):not([type=radio]),
html.nw-dark body.nw-modern select,
html.nw-dark body.nw-modern textarea,
html.nw-dark body.nw-modern .select2-selection{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important}

/* =====================================================================
   LIGHT-MODE FIXES — neutralise dark backgrounds that Avada/Fusion baked
   into the content (the site was originally built dark). Light mode only.
   ===================================================================== */
html:not(.nw-dark) body.nw-modern .fusion-fullwidth,
html:not(.nw-dark) body.nw-modern .fusion-flex-container,
html:not(.nw-dark) body.nw-modern .fullwidth-box,
html:not(.nw-dark) body.nw-modern .fusion-column-wrapper,
html:not(.nw-dark) body.nw-modern .fusion-column-wrapper-legacy{
  background-color:transparent!important;background-image:none!important}

/* Product & content cards → white surfaces */
html:not(.nw-dark) body.nw-modern .product-details-container,
html:not(.nw-dark) body.nw-modern .summary,
html:not(.nw-dark) body.nw-modern .summary-container,
html:not(.nw-dark) body.nw-modern .summary-content,
html:not(.nw-dark) body.nw-modern .entry-summary,
html:not(.nw-dark) body.nw-modern .woocommerce-tabs,
html:not(.nw-dark) body.nw-modern .wc-tabs-wrapper,
html:not(.nw-dark) body.nw-modern .woocommerce-Tabs-panel,
html:not(.nw-dark) body.nw-modern .wc-tab,
html:not(.nw-dark) body.nw-modern .panel.entry-content,
html:not(.nw-dark) body.nw-modern .fusion-content-box,
html:not(.nw-dark) body.nw-modern .content-box-wrapper,
html:not(.nw-dark) body.nw-modern .fusion-tabs-widget-content,
html:not(.nw-dark) body.nw-modern .fusion-panel,
html:not(.nw-dark) body.nw-modern .fusion-tabs .tab-pane{
  background-color:var(--surface)!important;background-image:none!important;
  border-radius:16px!important;color:var(--ink)!important}

/* Force readable text inside those cards (leave links/buttons alone) */
html:not(.nw-dark) body.nw-modern .product-details-container :where(p,li,span,td,h1,h2,h3,h4,h5,h6,strong,em,label,dt,dd),
html:not(.nw-dark) body.nw-modern .summary :where(p,li,span,td,h1,h2,h3,h4,h5,h6,strong,em,label,dt,dd),
html:not(.nw-dark) body.nw-modern .woocommerce-tabs :where(p,li,span,td,h1,h2,h3,h4,h5,h6,strong,em,label,dt,dd),
html:not(.nw-dark) body.nw-modern .fusion-content-box :where(p,li,span,td,h1,h2,h3,h4,h5,h6,strong,em,label){color:var(--ink)!important}

/* Keep helpful accents readable: prices & links stay brand-coloured */
html:not(.nw-dark) body.nw-modern .summary .price,
html:not(.nw-dark) body.nw-modern .summary .price bdi,
html:not(.nw-dark) body.nw-modern .product_meta a,
html:not(.nw-dark) body.nw-modern .posted_in a,
html:not(.nw-dark) body.nw-modern .tagged_as a{color:var(--brand)!important}

/* ---------- Testimonials (homepage) ---------- */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.7rem;transition:.25s}
.tcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tcard .stars{color:#f5b100;font-size:1.05rem;letter-spacing:2px}
.tcard .quote{color:var(--ink);font-size:.98rem;line-height:1.65;flex:1}
.tcard .who{display:flex;align-items:center;gap:.7rem;margin-top:.3rem}
.tcard .av{width:42px;height:42px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem}
.tcard .who b{display:block;font-size:.95rem}
.tcard .who span{color:var(--muted);font-size:.82rem}
html.nw-dark .tcard .quote{color:var(--ink)}
@media(max-width:900px){.tst-grid{grid-template-columns:1fr}}

/* =====================================================================
   MOBILE POLISH (2026) — comprehensive responsive fixes
   ===================================================================== */
html,body{max-width:100%;overflow-x:hidden}
body.nw-modern img,body.nw-home img,.nw-hdr img,.nw-ftr img{max-width:100%;height:auto}

/* burger open/close icon swap */
.nw-menu-toggle .i-close{display:none}
.nw-hdr.menu-open .nw-menu-toggle .i-open{display:none}
.nw-hdr.menu-open .nw-menu-toggle .i-close{display:block}

@media(max-width:960px){
  /* --- Header: compact + real dropdown menu --- */
  .nw-hdr .hdr-in{gap:.5rem;padding:.55rem 0}
  .nw-hdr .brand{gap:.5rem;font-size:1rem;min-width:0}
  .nw-hdr .brand img{width:38px;height:38px}
  .nw-hdr .brand small{display:none}
  .nw-hdr .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nw-hdr .hdr-cta{margin-inline-start:auto;gap:.3rem;flex:0 0 auto}
  .nw-hdr .icon-btn{width:40px;height:40px}
  .nw-hdr .icon-btn svg{width:18px;height:18px}
  .nw-hdr .burger{display:grid}

  /* dropdown nav panel */
  .nw-hdr .nav{
    display:flex;flex-direction:column;gap:.15rem;margin:0;
    position:absolute;top:100%;inset-inline:0;
    background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    box-shadow:var(--shadow);padding:0 1rem;
    max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .28s ease,opacity .2s,padding .28s}
  .nw-hdr.menu-open .nav{max-height:75vh;opacity:1;pointer-events:auto;padding:.6rem 1rem .9rem;overflow:auto}
  .nw-hdr .nav a{padding:.8rem .7rem;border-radius:10px;font-size:1.02rem;border-bottom:1px solid var(--line)}
  .nw-hdr .nav a:last-child{border-bottom:0}
  html.nw-dark .nw-hdr .nav{background:var(--surface)}
}

@media(max-width:720px){
  /* --- Hero: no overflow, cleaner stack --- */
  .hero{padding:1.6rem 0 2rem}
  .hero::before,.hero::after{filter:blur(50px);opacity:.4}
  .hero h1{font-size:clamp(1.9rem,8vw,2.6rem);margin:.6rem 0}
  .hero .eyebrow{font-size:.72rem;padding:.35rem .7rem}
  .hero p.lead{font-size:1.02rem}
  .hero-actions{gap:.6rem}
  .hero-actions .btn{flex:1 1 100%;justify-content:center}
  .hero-trust{gap:.9rem;font-size:.85rem}
  .float-card{display:none}          /* were causing horizontal scroll */
  .spotlight{transform:none;padding:1rem}
  .hero-visual{min-height:0;margin-top:.5rem}

  /* --- Sections: tighter spacing --- */
  section.blk{padding:1.8rem 0}
  .head-row{margin-bottom:1.2rem}
  .sec-title{font-size:clamp(1.4rem,6vw,1.9rem)}
  .sec-sub{font-size:.96rem}
  .head-row .btn{display:none}       /* declutter section headers on phone */

  /* --- Stats --- */
  .stats{margin-top:0}
  .stats-in{padding:1.1rem;gap:.6rem;border-radius:16px}
  .stat b{font-size:1.4rem}
  .stat span{font-size:.8rem}

  /* --- Cards grids --- */
  .cat-grid{grid-template-columns:1fr 1fr;gap:.7rem}
  .cat{padding:1rem;border-radius:16px}
  .cat .ic{width:44px;height:44px;margin-bottom:.6rem}
  .cat h3{font-size:.98rem}
  .prod-grid{grid-template-columns:1fr 1fr;gap:.7rem}
  .pcard{border-radius:16px}
  .pcard h3{font-size:.9rem;min-height:2.4em}
  .pcard .price{font-size:1.02rem}
  .feat-grid{grid-template-columns:1fr;gap:.7rem}
  .tst-grid{grid-template-columns:1fr;gap:.8rem}

  /* --- CTA --- */
  .cta{padding:1.6rem;border-radius:20px}
  .cta-in{flex-direction:column;align-items:flex-start;gap:1rem}
  .cta h2{font-size:1.35rem}
  .cta-actions{width:100%}
  .cta-actions .btn{flex:1 1 auto;justify-content:center}

  /* --- Footer --- */
  .nw-ftr{padding:2.2rem 0 1.2rem}
  .nw-ftr .ftr-grid{grid-template-columns:1fr;gap:1.4rem}
  .nw-ftr .ftr-bot{flex-direction:column;gap:.4rem;text-align:center}

  /* --- WooCommerce (inner pages) --- */
  body.nw-modern ul.products{grid-template-columns:1fr 1fr!important;gap:.7rem!important}
  body.nw-modern #main{padding-top:1.2rem!important}
  body.nw-modern .fusion-page-title-bar{padding:1.4rem 0!important}
}

@media(max-width:400px){
  .cat-grid,.prod-grid{grid-template-columns:1fr 1fr;gap:.6rem}
  .stats-in{grid-template-columns:1fr 1fr}
  .hero h1{font-size:1.8rem}
}