* { box-sizing: border-box; }
body { font-family: 'Be Vietnam Pro', sans-serif; }
.nav-link { padding: .55rem .75rem; font-size: .875rem; font-weight: 500; border-radius: .5rem; transition: background .2s; }
.nav-link:hover { background: rgb(244 244 245); }
.dark .nav-link:hover { background: rgb(39 39 42); }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; border-radius:.75rem; background:#111; color:#fff; padding:.8rem 1.25rem; font-size:.875rem; font-weight:600; transition:.2s; }
.btn-primary:hover { background:#3f3f46; transform:translateY(-1px); }
.dark .btn-primary { background:#fff; color:#111; }
.btn-secondary { display:inline-flex; align-items:center; justify-content:center; border-radius:.75rem; border:1px solid #d4d4d8; padding:.75rem 1.2rem; font-size:.875rem; font-weight:600; }
.dark .btn-secondary { border-color:#52525b; }
.form-input { width:100%; border:1px solid #d4d4d8; border-radius:.75rem; padding:.8rem 1rem; background:transparent; outline:none; }
.form-input:focus { border-color:#18181b; box-shadow:0 0 0 3px rgba(24,24,27,.08); }
.dark .form-input { border-color:#52525b; background:#18181b; }
.product-card img { transition: transform .5s ease; }
.product-card:hover img { transform:scale(1.04); }
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }