
/* Minimal professional refinements layered on top of existing style.css */
body { font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif; background: #f7f7f9; color:#1a1a1a; }
.top-bar-pro { background:#0f172a; color:#fff; font-weight:600; letter-spacing:.2px; padding:.45rem .75rem; font-size:14px; }
.header-pro { background:#fff; border-bottom:1px solid #e5e7eb; }
.header-pro .brand { height:44px; }
.badges-pro .badge { background:#eef2ff; color:#4338ca; font-weight:600; border-radius:999px; padding:.35rem .7rem; margin-right:.4rem; }
.price-box { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; }
.price-box .old { text-decoration: line-through; opacity:.6; margin-right:8px; }
.price-box .new { font-size:28px; font-weight:800; color:#16a34a; }
.price-box .save { font-weight:600; color:#0ea5e9; }
.variant-card { border:1px solid #e5e7eb; border-radius:12px; padding:10px; cursor:pointer; transition:box-shadow .2s, transform .05s; background:#fff; }
.variant-card input { display:none; }
.variant-card.active { box-shadow:0 4px 16px rgba(0,0,0,.06); border-color:#6366f1; }
.variant-card h6 { margin:0; font-weight:700; }
.variant-card small { color:#6b7280; }
.form-elegant label { font-weight:600; margin-bottom:6px; }
.form-elegant .form-control { border-radius:12px; border-color:#d1d5db; padding:.85rem 1rem; }
.form-elegant .form-control:focus { border-color:#6366f1; box-shadow:0 0 0 .2rem rgba(99,102,241,.15); }
.btn-buy { font-weight:800; border-radius:999px; padding:.9rem 1.25rem; }
.sticky-pro { position:fixed; left:0; right:0; bottom:0; background:#0f172a; color:#fff; border-top:1px solid #111827; z-index:999; }
.sticky-pro .new { color:#22c55e; font-weight:800; }
.gallery-main { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:8px; }
.thumb { border:1px solid #e5e7eb; border-radius:10px; padding:2px; cursor:pointer; }
.thumb.active { border-color:#6366f1; }
.feature-list li { margin-bottom:.4rem; }
.feature-list svg { vertical-align:-3px; margin-right:.4rem; }
.section { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:18px; }
footer .links a { color:#6b7280; margin-right:16px; text-decoration:none; }
footer .links a:hover { color:#111827; text-decoration:underline; }
