/* ========================================================================= Vava Storefront — "Modern" theme skin Layers over css/storefront-default.css. Scoped to . Modern = the same light palette, but a frosted sticky topbar + larger, more editorial headings to match storefront-modern.html. ========================================================================= */ .theme-modern .lp-topbar { background:rgba(255,255,255,.9); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .theme-modern .lp-nav a { font-size:14px; } /* Editorial heading scale */ .theme-modern .sd-head h1 { font-size:30px; letter-spacing:-0.02em; } .theme-modern .mn-head h1 { font-size:30px; letter-spacing:-0.02em; } .theme-modern .shd-hero h1 { font-size:34px; } .theme-modern .mn-listhead h2 { letter-spacing:.1em; } /* Softer, larger media on product cards for the editorial feel */ .theme-modern .mn-img { aspect-ratio:1.4/1; } .theme-modern .panel__h h2, .theme-modern .panel__h h3 { letter-spacing:-0.01em; }