RFID-beveiligde telefoonportemonnee
/* ========================================= 1. DESIGN SYSTEM & CSS VARIABLES ========================================= */ .product-detail-container { --primary: #BC8E8C; --primary -light: #F4ECEB; --text-main: #2C2A29; --text-sub: #5C5857; --bg-body: #FFFFFF; --bg-card: #F9F8F7; --border-color: #E8E5E4; --radius-md: 16px; --radius-lg: 24px; --shadow-sm: 0 4px 16px rgba(44, 42, 41, 0.04); --shadow-lg: 0 16px 40px rgba(44, 42, 41, 0.08); --gap-section: clamp(3rem, 6vw, 5rem); --gap-module: clamp(2rem, 5vw, 4rem); --gap-element: clamp(1rem, 2vw, 1.5rem); max-width: 1200px; margin: 0 auto; padding: 0 5%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--text-main); background: var(--bg-body); box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; } .product-detail-container *, .product-detail-container *::before, .product-detail-container *::after { box-sizing: inherit; } /* ========================================= 2. TYPOGRAPHY SYSTEM ========================================= */ .product-detail-container h1, .product-detail-container h2, .product-detail-container h3, .product-detail-container p { margin-top: 0; margin-bottom: var(--gap-element); } .product-detail-container h1 { font-size: clamp(34px, 5vw, 44px); line-height: 1.2; font-weight: 800; color: var(--text-main); letter-spacing: -0.02em; } .product-detail-container h2 { font-size: clamp(28px, 4vw, 36px); line-height: 1.3; font-weight: 700; } .product-detail-container h3 { font-size: clamp(22px, 3vw, 26px); line-height: 1.4; font-weight: 600; } .product-detail-container p, .product-detail-container li { font-size: clamp(18px, 2vw, 20px); line-height: 1.7; color: var(--text-sub); } /* ========================================= 3. NON-INTERACTIVE BADGES ========================================= */ .pd-badge-group { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: var(--gap-element); } .pd-badge { background-color: var(--primary-light); color: var(--text-main); padding: 8px 16px; border-radius: 50px; font-size: 16px; font-weight: 600; cursor: default; user-select: none; display: inline-flex; align-items: center; } /* ========================================= 4. IMAGE PROTOCOL (Scheme B: Fixed Ratio) ========================================= */ .pd-media-wrapper { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; background: var(--bg-card); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); border: 2px dashed #D5D0CF; /* Placeholder specific */ } /* Optional real image style inside wrapper if a real src is provided */ .pd-media-wrapper img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; } .pd-placeholder-text { font-size: 18px; font-weight: bold; color: #999; z-index: 2; text-align: center; padding: 20px; } /* ========================================= 5. LAYOUT: HERO SECTION ========================================= */ .pd-hero { padding-top: var(--gap-section); padding-bottom: var(--gap-section); text-align: center; } .pd-hero-content { max-width: 800px; margin: 0 auto var(--gap-module); } /* ========================================= 6. LAYOUT: FEATURES (MOBILE LOCK & Z-PATTERN) ========================================= */ .pd-features { display: flex; flex-direction: column; gap: var(--gap-section); padding-bottom: var(--gap-section); } /* Mobile Lock: Strict column, image top, text bottom */ .pd-feature-item { display: flex; flex-direction: column; gap: var(--gap-module); align-items: center; } .pd-feature-media, .pd-feature-copy { width: 100%; } .pd-feature-copy { display: flex; flex-direction: column; justify-content: center; } /* Desktop Z-Pattern Enhancement */ @media (min-width: 768px) { .pd-feature-item { flex-direction: row; } .pd-feature-item:nth-child(even) { flex-direction: row-reverse; } .pd-feature-media, .pd-feature-copy { width: 50%; } /* Prevent text touching the image */ .pd-feature-item { gap: clamp(3rem, 6vw, 6rem); } } /* ========================================= 7. LAYOUT: SPECS TABLE (MOBILE CARD LOCK) ========================================= */ .pd-specs-section { padding-bottom: var(--gap-section); } .pd-specs-section h2 { text-align: center; margin-bottom: var(--gap-module); } .pd-table { width: 100%; border-collapse: collapse; } /* Mobile: Card-based layout */ @media (max-width: 767px) { .pd-table, .pd-table thead, .pd-table tbody, .pd-table tr, .pd-table th, .pd-table td { display: block; width: 100%; } .pd-table thead { display: none; } .pd-table tr { background: var(--bg-card); border-radius: var(--radius-md); margin-bottom: 16px; padding: 16px 20px; box-shadow: var(--shadow-sm); } .pd-table td { display: flex; flex-direction: column; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--border-color); font-size: 18px; } .pd-table td:last-child { border-bottom: none; padding-bottom: 0; } .pd-table td::before { content: attr(data-label); font-weight: 700; color: var(--text-main); margin-bottom: 6px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; } } /* Desktop: Classic Zebra Table */ @media (min-width: 768px) { .pd-table th, .pd-table td { padding: 20px 24px; text-align: left; border-bottom: 1px solid var(--border-color); font-size: 18px; } .pd-table th { background: var(--primary-light); font-weight: 700; color: var(--text-main); font-size: 18px; } .pd-table tbody tr:hover { background: var(--bg-card); } } /* ========================================= 8. LAYOUT: FAQ SECTION ========================================= */ .pd-faq-section { padding-bottom: var(--gap-section); max-width: 800px; margin: 0 auto; } .pd-faq-section h2 { text-align: center; margin-bottom: var(--gap-module); } .pd-faq-item { background: var(--bg-card); border-radius: var(--radius-md); padding: 32px; margin-bottom: 24px; } .pd-faq-item h3 { margin-bottom: 16px; color: var(--text-main); } .pd-faq-item p { margin-bottom: 0; } Waterdicht vakje RFID-beveiliging Geschikt voor telefoons tot 17.8cm Moeiteloze organisatie gaat hand in hand met ultieme veiligheid De stijlvolle crossbodytas met meerdere vakken biedt ruimte aan al je benodigdheden, beschermt je persoonlijke gegevens en houdt je handen vrij, zonder het ongemak van een traditionele schoudertas. Compact ontwerp, verrassend veel opbergruimte Doordacht ontworpen met meerdere slimme vakjes om je creditcards, contant geld, make-up en dagelijkse benodigdheden overzichtelijk op te bergen. Je hoeft niet langer eindeloos in een rommelige tas te zoeken – alles wat je nodig hebt, ligt binnen handbereik. Teksten sturen en scrollen zonder je telefoon uit de tas te halen Dankzij het uiterst gevoelige, haarscherpe touchscreenvenster kun je direct berichten bekijken, van muziek wisselen en oproepen beantwoorden. Je smartphone zit volledig afgeschermd in een waterdicht vak en is daardoor volledig beschermd tegen plotselinge regen, onbedoeld morsen en dagelijkse valpartijen. Geava Geavanceerde RFID-diefstalbeveiliging Reis met een gerust hart. Deze schouderportemonnee is gevoerd met RFID-blokkerende materialen van militaire kwaliteit en voorkomt actief ongeoorloofde elektronische scans, waardoor uw creditcardgegevens en persoonlijke identiteit volledig veilig blijven in drukke omgevingen. nceerde RFID-diefstalbeveiliging Reis met een gerust hart. Deze schouderportemonnee is gevoerd met RFID-blokkerende materialen van militaire kwaliteit en voorkomt actief ongeoorloofde elektronische scans, waardoor uw creditcardgegevens en persoonlijke identiteit volledig veilig blijven in drukke omgevingen. Op maat gemaakt voor de perfecte lengte Inclusief een afneembare, volledig verstelbare hoogwaardige riem. Binnen enkele seconden verandert deze tas naadloos van een chique schoudertas in een veilige crossbodytas. Ergonomisch ontworpen om de belasting van de schouders te verminderen, waardoor het je ideale metgezel is voor het winkelen, woon-werkverkeer of lange reisdagen. Productspecificaties Specificaties Afmetingen 19 x 11 x 5 cm (7,5 x 4,3 x 2,0 inch) Gewicht 250 g Maximale telefoonafmetingen Geschikt voor schermen tot 6,7 inch (bijv. iPhone Pro Max, Galaxy Ultra) Lengte riem Verstelbaar tot 130 cm Materialen Hoogwaardig zacht PU-leer, zeer gevoelig transparant PVC Beveiliging Ingebouwde RFID-blokkerende voering