body { font-family: 'Plus Jakarta Sans', sans-serif; transition: background-color .3s ease, color .3s ease; }
.light-card { background:#fff; border:1px solid #e2e8f0; box-shadow:0 4px 20px -2px rgba(15,23,42,.05); }
.light-card-hover { transition: box-shadow .25s, border-color .25s, transform .25s; }
.light-card-hover:hover { box-shadow:0 12px 28px -4px rgba(15,23,42,.09); border-color:#cbd5e1; }
.dark .light-card { background:#0f172a; border-color:#1e293b; }
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.tab-link.is-active { color:#147a38; border-color:#f37021; }
.dark .tab-link.is-active { color:#34d399; }
.scroll-mt-nav { scroll-margin-top: 9.5rem; }
@keyframes pulse-border { 0%,100% { border-color:rgba(243,112,33,.8);} 50% { border-color:rgba(243,112,33,.2);} }
.badge-discount { animation: pulse-border 2s infinite; }
.no-scrollbar::-webkit-scrollbar { display:none; } .no-scrollbar { scrollbar-width:none; }