/* ============================================================
   style.css — Global base styles
   Fonts, resets, and page-visibility rules shared across the
   entire site. Feature-specific styles live in their own files
   (navbar.css, product.css, checkout.css, account.css, admin.css)
   and are all loaded after this file.
   ============================================================ */

body { font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Playfair Display', serif; }

/* Truncate long text blocks to 2 lines (used on product cards, etc.) */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Single-Page-App style page switching — see js/navigation.js navigate() */
.page { display: none; }
.page.active { display: block; }