/* ========================================================================== KLINIK AMISI — main.css One stylesheet for the whole mockup. Design system cloned from Lunéra (lunerax.webflow.io) per research/tokens.md + components.md + home.md. Fonts: Manrope (headings/buttons, free sub for SK Modernist), Stack Sans Headline (body) — both loaded via Google Fonts in . CONTENTS 01 Design tokens (:root) 02 Reset + base typography 03 Layout: container, section, utilities, grid helpers 04 Buttons (all variants) 05 Eyebrow pill + section title block 06 Header: glass pill nav, cart badge 07 Mobile menu drawer 08 Hero 09 About section (3 image cards + stat) 10 Service section (sticky horizontal / life stages) 11 Product card + product grid 12 Why choose us (Formula Klinik explainer) 13 Reviews carousel 14 Pricing cards (light + dark) 15 Blog / Insights cards 16 FAQ tabs 17 Call-to-action band 18 Footer 19 Page hero band (inner pages) 20 Forms: contact style + checkout style 21 Product detail page 22 Shop listing: filter chips + grid 23 Cart drawer, cart page, order summary, toast 24 About page: why-us grid, doctors, branches 25 Checkout success page 26 Marquee 27 Motion helpers (reveal, split-text masks, reduced motion) 28 Responsive: 991 / 767 / 479 --- Added during Astro port (PORT-PLAN.md §5) — page-specific