:root{
  --primary:#00a651;
  --primary-dark:#008a43;
  --bg:#ffffff;
  --bg-soft:#f8fafc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e5e7eb;
  --shadow:0 12px 30px rgba(0,0,0,.09);
}
[data-theme="dark"]{
  --bg:#0b1220;
  --bg-soft:#0f172a;
  --card:#121c2f;
  --text:#e2e8f0;
  --muted:#94a3b8;
  --border:#1e293b;
  --shadow:0 12px 30px rgba(0,0,0,.4);
}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;transition:background .25s,color .25s}
.topbar{background:#00a651;color:#fff;font-size:13px;padding:6px 0}
.topbar a{color:#fff;text-decoration:none;opacity:.95}
.navbar-webpress{background:var(--card);border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.navbar-webpress .navbar-brand{font-weight:800;color:#00a651;font-size:1.4rem}
.navbar-webpress .nav-link{color:var(--text) !important;font-weight:500;font-size:14px}
.navbar-webpress .nav-link:hover{color:#00a651 !important}
.badge-cart{background:#00a651}

.cat-pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}
.cat-pills a{border:1.5px solid var(--border);border-radius:999px;padding:7px 16px;font-size:13.5px;color:var(--text);text-decoration:none;background:var(--card);transition:.15s;font-weight:500}
.cat-pills a:hover,.cat-pills a.active{background:#00a651;border-color:#00a651;color:#fff}

.flash-banner{background:#0f172a;color:#fff;border-radius:14px;padding:20px 26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0 28px}
[data-theme="dark"] .flash-banner{background:#060d1a;border:1px solid var(--border)}
.flash-banner .flash-tag{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase}
.flash-banner h4{margin:0;font-size:1.15rem;font-weight:700}
.flash-banner .price-box{background:#00a651;border-radius:10px;padding:10px 18px;text-align:center;min-width:120px}

.product-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card);transition:.18s;height:100%;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.product-card .thumb-wrap{position:relative;background:#f3f4f6}
[data-theme="dark"] .product-card .thumb-wrap{background:#0b1220}
.product-card .thumb-wrap img{width:100%;height:220px;object-fit:cover;display:block}
.product-card .card-body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}
.product-card .prod-title{font-size:15px;font-weight:600;line-height:1.4;color:var(--text);min-height:42px;margin-bottom:6px}
.product-card .prod-title a{color:inherit;text-decoration:none}
.product-card .prod-title a:hover{color:#00a651}
.product-card .rating{color:#f59e0b;font-size:12.5px;margin-bottom:8px}
.product-card .prod-price{font-weight:700;font-size:15px;color:var(--text);margin-bottom:10px}
.product-card .btn-demo-row{display:flex;gap:8px;margin-bottom:10px}
.product-card .btn-demo{flex:1;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12.5px;padding:6px 8px;border-radius:8px;text-align:center;text-decoration:none;font-weight:500}
.product-card .btn-demo:hover{background:var(--bg-soft);border-color:#00a651;color:#00a651}
.product-card .btn-order{width:100%;background:#00a651;color:#fff;border:none;border-radius:8px;padding:9px;font-weight:700;font-size:13.5px;text-decoration:none;display:block;text-align:center}
.product-card .btn-order:hover{background:#008a43;color:#fff}

.section-title{font-size:1.6rem;font-weight:800;color:var(--text);margin-bottom:6px;text-align:center}
.section-sub{color:var(--muted);text-align:center;margin-bottom:18px;font-size:14px}

.footer-webpress{background:#0f172a;color:#cbd5e1;margin-top:60px;padding:42px 0 24px}
[data-theme="dark"] .footer-webpress{background:#060d1a;border-top:1px solid var(--border)}
.footer-webpress a{color:#94a3b8;text-decoration:none}
.footer-webpress a:hover{color:#fff}

.search-bar-top{max-width:560px;margin:0 auto 10px}
.search-bar-top .form-control{border-radius:10px 0 0 10px;border:1.5px solid var(--border);background:var(--card);color:var(--text)}
.search-bar-top .btn{border-radius:0 10px 10px 0;background:#00a651;border-color:#00a651}

.breadcrumb-lite{font-size:13px;color:var(--muted);margin:14px 0}
.breadcrumb-lite a{color:var(--muted);text-decoration:none}
.breadcrumb-lite a:hover{color:#00a651}

.product-detail-img{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.price-big{font-size:28px;font-weight:800;color:var(--text)}
.badge-version{background:#eefcf3;color:#00a651;font-weight:600;border-radius:6px;padding:3px 8px;font-size:12px}
[data-theme="dark"] .badge-version{background:#052e1a;color:#00e676}
.buy-box{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--card);box-shadow:0 6px 24px rgba(0,0,0,.06);position:sticky;top:90px}
.btn-buy-main{background:#00a651;color:#fff;font-weight:700;padding:12px;border-radius:10px;width:100%;border:none}
.btn-buy-main:hover{background:#008a43;color:#fff}
.btn-demo-outline{border:1.5px solid #00a651;color:#00a651;background:transparent;font-weight:600;padding:10px;border-radius:10px;width:100%;text-decoration:none;display:block;text-align:center}
.btn-demo-outline:hover{background:#f0fdf4}
[data-theme="dark"] .btn-demo-outline:hover{background:#052e1a}

.theme-toggle{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:20px;padding:5px 12px;font-size:13px;cursor:pointer}
.theme-toggle:hover{border-color:#00a651}

/* cards / forms dark mode */
.card,.card-body, .form-control, .form-select, .list-group-item, .accordion-item, .accordion-button {background-color:var(--card) !important;color:var(--text) !important;border-color:var(--border) !important}
.form-control::placeholder{color:var(--muted)}
.table{color:var(--text)}
.text-muted{color:var(--muted) !important}
.bg-light{background-color:var(--bg-soft) !important}