/* ========================================================= MOBILE FIXES (header + menu + pagebuilder/hero) ========================================================= */ @media (max-width: 768px){ /* 1) Header compacter */ .page-header .header-wrapper{ padding-top: 8px !important; padding-bottom: 8px !important; } /* Logo niet “zweven”, maar normaal en gecentreerd */ .page-header .header-wrapper .header__logo{ position: static !important; transform: none !important; background: transparent !important; padding: 0 !important; margin: 6px auto 0 !important; display: block !important; text-align: center !important; } .page-header .header-wrapper .header__logo img{ max-height: 52px !important; width: auto !important; } /* 2) Iconen (search/account/wishlist/cart) netjes en klikbaar */ .page-header .header-wrapper .header__actions, .page-header .header-wrapper .header__icons{ gap: 10px !important; } .page-header a, .page-header button{ min-height: 40px !important; min-width: 40px !important; } /* 3) Navigatie op mobiel: voorkom “roze muur” met rare opmaak */ body.nav-open .navigation{ padding: 14px 12px !important; } body.nav-open .navigation a{ display: block !important; padding: 12px 10px !important; border-bottom: 1px solid rgba(103, 6, 38, .12) !important; font-size: 14px !important; line-height: 1.2 !important; } /* 4) Page Builder: alles 100% breed, geen rare overflow */ .pagebuilder-column, .pagebuilder-row, .pagebuilder-content-type{ max-width: 100% !important; } img{ max-width: 100% !important; height: auto !important; } /* 5) Hero/banner teksten kleiner (dit voorkomt overlap/rare stroken) */ .pagebuilder-banner .pagebuilder-banner-wrapper, .pagebuilder-hero .pagebuilder-hero-content{ padding: 18px 14px !important; } .pagebuilder-banner h1, .pagebuilder-banner h2, .pagebuilder-hero h1, .pagebuilder-hero h2{ font-size: 26px !important; line-height: 1.1 !important; } .pagebuilder-banner p, .pagebuilder-hero p{ font-size: 14px !important; line-height: 1.35 !important; } /* 6) Knoppen op mobiel: breed genoeg en leesbaar */ .action.primary, .action-primary, .pagebuilder-button-primary, .pagebuilder-banner-button, .pagebuilder-slide-button{ padding: 12px 16px !important; font-size: 14px !important; border-radius: 12px !important; } } /* Extra klein scherm (iPhone SE etc.) */ @media (max-width: 420px){ .pagebuilder-banner h1, .pagebuilder-hero h1{ font-size: 22px !important; } }

JavaScript lijkt te zijn uitgeschakeld in uw browser. Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser.