/* * MOBILE FOUNDATION 1B — Home mobile shell (above-the-fold + primary discovery). * 1B.1 SIMPLIFY DISCOVERY HIERARCHY: removed the separate Schlechtwetter-Modus teaser section this file * originally added (product decision - weather is context inside "Was machen wir heute?"/today_entry.blade.php, * not a third, separately-branded function; home_mobile_weather_teaser.blade.php is deleted). Added one rule * hiding the detailed-categories grid at its mobile position (home_categories.blade.php itself untouched). * * Scoped to Home only: loaded exclusively from resources/views/frontend/home/home_1.blade.php's own * @push('styles') - the same pattern home-sections.css itself already uses - so this file is simply never * requested on any other page, never mind applying to one. Everything below additionally lives inside a * max-width:767.98px query (or targets a brand-new class with no desktop markup), so Desktop and Tablet are * visually untouched. Reuses home-sections.css's own --home-* tokens (green/coral/yellow/turquoise/blue/ink, * Exo 2/Asap font stacks) rather than redeclaring them - that file is always loaded first (same @push block, * declared above this file's own ), so the variables are already in scope. * * This file does NOT touch style.css, home-hero.css, or home-sections.css - additive only, same discipline as * luca-mobile-foundation.css (Foundation 1A). */ @media (max-width: 767.98px) { /* ==================== spacing rhythm (section 14) ==================== */ .hero-section-landing, .age-groups-section, .home-categories-section, .home-feature-cards-section, .luca-mobile-primary-types { padding-left: var(--luca-mobile-page-padding, 16px); padding-right: var(--luca-mobile-page-padding, 16px); } .home-categories-section, .home-feature-cards-section, .luca-mobile-primary-types { padding-top: 18px; padding-bottom: 18px; } /* REAL-DEVICE POLISH: age_groups.blade.php's own inline