:root{--brand:#7c3aed;--brand2:#ec4899;--bg:#f6f7fb;--text:#1f2937;--muted:#6b7280}
body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.app-navbar{background:linear-gradient(90deg,var(--brand),var(--brand2))}.card{border:0;border-radius:18px;box-shadow:0 8px 24px rgba(31,41,55,.08)}.btn-primary{background:linear-gradient(90deg,var(--brand),var(--brand2));border:0}.btn-primary:hover{filter:brightness(.95)}.stat{border-radius:18px;padding:20px;background:#fff;box-shadow:0 8px 24px rgba(31,41,55,.08)}.stat .num{font-size:30px;font-weight:800}.product-img{width:64px;height:86px;object-fit:cover;border-radius:12px;background:#eee}.gallery-img{width:110px;height:145px;object-fit:cover;border-radius:14px;margin:4px}.muted{color:var(--muted)}.table-wrap{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(31,41,55,.08)}.badge-soft{background:#f3e8ff;color:#6d28d9;border-radius:99px;padding:6px 12px}.login-box{max-width:420px;margin:8vh auto}.form-control,.form-select{border-radius:12px}.sticky-actions{position:sticky;bottom:0;background:#fff;padding:12px;border-top:1px solid #eee}.review{background:#fff;border-radius:16px;padding:16px;margin:10px 0;box-shadow:0 5px 18px rgba(31,41,55,.06)}.review p{margin:8px 0 0}.stars,.text-warning{color:#f59e0b}
.landing-body{background:#f7f5ff;margin:0}.landing-hero{min-height:95vh;background:linear-gradient(135deg,#fdf2f8,#eef2ff);display:flex;align-items:center}.landing-card{max-width:1120px;margin:auto;background:#fff;border-radius:28px;box-shadow:0 24px 80px rgba(31,41,55,.16);overflow:hidden}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.landing-media{padding:28px;text-align:center;background:#fafafa}.landing-main-img{max-width:100%;max-height:620px;object-fit:contain;border-radius:22px}.landing-info{padding:52px}.landing-info h1{font-size:44px;line-height:1.1;margin:20px 0 12px}.lead{font-size:20px;color:#4b5563}.price-row{display:flex;align-items:baseline;gap:16px;margin:24px 0}.price{font-size:42px;font-weight:900;color:#7c3aed}.old-price{text-decoration:line-through;color:#9ca3af;font-size:22px}.desc{font-size:18px;line-height:1.55}.landing-btn{display:inline-block;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;text-decoration:none;border-radius:18px;padding:18px 32px;font-size:20px;font-weight:800;margin-top:18px}.landing-section{max-width:1120px;margin:0 auto;padding:46px 18px}.landing-section h2{font-size:32px;margin:0 0 20px}.landing-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.landing-gallery img{width:100%;height:210px;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,41,55,.08)}.char-card{background:#fff;border-radius:22px;box-shadow:0 8px 24px rgba(31,41,55,.08);overflow:hidden}.char-row{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:14px 18px;border-bottom:1px solid #eef2f7}.char-row span{color:var(--muted)}.load-more{border:0;background:#fff;border-radius:14px;padding:13px 22px;font-weight:700;box-shadow:0 8px 24px rgba(31,41,55,.08);cursor:pointer}
@media(max-width:900px){.landing-grid{grid-template-columns:1fr}.landing-info{padding:30px}.landing-info h1{font-size:34px}.price{font-size:34px}.char-row{grid-template-columns:1fr}.landing-hero{min-height:auto}}