Wasbare microvezel-moppads (4 stuks)
:root { /* Color System */ --primary: #0d9488; /* Teal 600 - Clean & Fresh */ --primary-light: #ccfbf1; /* Teal 50 */ --text-main: #0f172a; /* Slate 900 */ --text-sub: #475569; /* Slate 600 */ --bg-body: #ffffff; --bg-card: #f8fafc; /* Slate 50 */ --border-color: #e2e8f0; /* Slate 200 */ /* Radii & Shadows */ --radius-md: 12px; --radius-lg: 16px; --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); /* Typography System */ --font-h1: clamp(32px, 5vw, 44px); --font-h2: clamp(24px, 4vw, 32px); --font-h3: clamp(20px, 3vw, 24px); --font-p: clamp(18px, 2vw, 20px); --font-small: clamp(16px, 1.5vw, 18px); /* Spacing System */ --spacing-section: clamp(3rem, 8vw, 6rem); --spacing-module: clamp(2rem, 5vw, 4rem); } /* Global Reset & Container */ .product-detail-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; color: var(--text-main); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg-body); overflow-wrap: break-word; word-break: break-word; line-height: 1.6; } .product-detail-container * { box-sizing: border-box; } /* Typography Settings */ h1, h2, h3 { color: var(--text-main); line-height: 1.2; margin: 0 0 1rem 0; font-weight: 700; } .product-detail-container h1 { font-size: var(--font-h1); } .product-detail-container h2 { font-size: var(--font-h2); } .product-detail-container h3 { font-size: var(--font-h3); } .product-detail-container p { font-size: var(--font-p); color: var(--text-sub); margin: 0 0 1.5rem 0; line-height: 1.7; } /* Image Protocol - Option A (Natural Flow) */ .product-image-natural { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); } /* Placeholder Styling */ .img-placeholder { width: 100%; aspect-ratio: 1 / 1; /* Updated to 1:1 */ background: var(--bg-card); border: 2px dashed var(--border-color); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; color: var(--text-sub); font-size: var(--font-p); font-weight: 600; overflow: hidden; } .img-placeholder div, .img-placeholder img { width: 100%; height: 100%; object-fit: contain; /* Ensure images are not covered/cropped */ } /* Non-clickable Badges */ .badge-container { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.5rem; } .feature-badge { background: var(--primary-light); color: var(--primary); padding: 0.5rem 1rem; border-radius: 50px; font-size: var(--font-small); font-weight: 600; display: inline-block; } /* Hero Section */ .hero-section { text-align: center; margin-bottom: var(--spacing-section); padding-top: 2rem; } .social-proof { font-size: var(--font-small); color: var(--primary); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1rem; display: block; } /* Features Section (Mobile Ordering Lock) */ .features-section { margin-bottom: var(--spacing-section); } .feature-item { display: flex; flex-direction: column; /* MOBILE FIRST: Strictly Image top, Text bottom */ gap: var(--spacing-module); align-items: center; margin-bottom: var(--spacing-section); } .feature-media { width: 100%; order: 1; /* Force image above */ } .feature-copy { width: 100%; order: 2; /* Force text below */ } /* Desktop Enhancement: Z-Pattern */ @media (min-width: 768px) { .feature-item { flex-direction: row; /* Row layout for desktop */ } .feature-item:nth-child(even) { flex-direction: row-reverse; /* Z-Pattern stagger */ } .feature-media, .feature-copy { flex: 1; order: 0; /* Reset flex order */ } .hero-section { display: flex; flex-direction: column; align-items: center; } .hero-content { max-width: 800px; } } /* Specs Table (Strictly Card-based on Mobile) */ .specs-section { margin-bottom: var(--spacing-section); background: var(--bg-card); padding: clamp(2rem, 5vw, 4rem); border-radius: var(--radius-lg); } .specs-table { width: 100%; border-collapse: collapse; margin-top: 2rem; } .specs-table th, .specs-table td { padding: 1.25rem; text-align: left; border-bottom: 1px solid var(--border-color); font-size: var(--font-p); } .specs-table th { background-color: var(--primary-light); color: var(--primary); font-weight: 700; } @media (max-width: 767px) { /* CRITICAL: No horizontal scroll, card layout */ .specs-table table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td { display: block; width: 100%; } .specs-table thead { display: none; } .specs-table tr { margin-bottom: 1.5rem; background: var(--bg-body); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 1rem; box-shadow: var(--shadow-sm); } .specs-table td { display: flex; justify-content: space-between; padding: 0.75rem 0; border-bottom: 1px solid var(--border-color); text-align: right; align-items: center; gap: 1rem; } .specs-table td:last-child { border-bottom: none; } .specs-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); text-align: left; flex-shrink: 0; max-width: 50%; } } /* FAQ Section */ .faq-section { margin-bottom: var(--spacing-section); } .faq-item { background: var(--bg-card); border-radius: var(--radius-md); padding: 2rem; margin-bottom: 1.5rem; } .faq-item h3 { color: var(--primary); margin-bottom: 0.5rem; } .faq-item p { margin-bottom: 0; } Gooi geen geld meer weg aan wegwerpdoekjes Stap over op hoogwaardige, herbruikbare microvezel-mopdoekjes. Speciaal ontworpen voor alle platte moppen van 25 cm (mop niet inbegrepen). Betere reinigingsresultaten, geen afval. Milieuvriendelijk Machinewasbaar Haarmagneet voor huisdieren Wassen, hergebruiken en geld besparen Koop nooit meer een doos wegwerpdoekjes. Onze hoogwaardige dweildoekjes voor nat en droog gebruik zijn ontworpen om eindeloos mee te gaan. Gooi ze na gebruik gewoon in de wasmachine, en ze komen er weer uit alsof ze gloednieuw zijn. Kosteneffectief Vermindert de hoeveelheid afval op stortplaatsen De ultieme haarmagneet voor huisdieren Deze doekjes zijn gemaakt van uiterst absorberende microvezelchenille en vangen moeiteloos hondenhaar, kattenharen, stof en hardnekkig vuil op. Geniet van een streeploze, residuvrije reiniging die uw vloeren absoluut vlekkeloos achterlaat. Microvezel-chenille Hoog absorptievermogen Eenvoudige en veilige installatie Zeg maar dag tegen dunne wegwerppads die steeds van je dweil afglijden. Onze herbruikbare pads hebben een gestructureerd ontwerp dat binnen enkele seconden stevig op je 10-inch platte dweilkop vastklikt, waardoor je van begin tot eind stevig en zonder gedoe kunt schoonmaken. Geschikt voor elke vloer in uw huis Zacht genoeg om de kwetsbare afwerking van uw gelakte hardhouten vloeren te beschermen, maar krachtig genoeg om vuil van vinyl, linoleum, laminaat en keramische tegels weg te schrobben. Met één veelzijdige schuurpad kunt u alle vloeren in uw hele huis aanpakken. Kluis voor hardhout Geschikt voor tegels en vinyl Specificaties Compatibiliteit: Alle platte moppen van 10 inch (mop niet inbegrepen) Materiaal: Hoogwaardige microvezel-chenille Afmetingen: 30,0 x 14,0 cm per pad Gewicht: ~50 g per pad Onderhoudsinstructies: Machinewasbaar op 40 °C, aanbevolen om aan de lucht te drogen Vloertypes: Hardhout, laminaat, tegels, vinyl, linoleum