{"product_id":"ballon-coquillage-10-cm-blanc","title":"Ballon coquillage 10 cm – Blanc (optimisation stylée)","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ballon coquillage 10 cm – Blanc (Ratatam)\nPalette détectée:\n  - Primaire: #c2a07a (beige doré\/kraft du packaging coquillage)\n  - Secondaire: #d4c8b8 (nacre\/perle irisée du ballon)\n  - Accent: #e8d5f0 (reflets irisés rosé-lavande du ballon)\n  - Background: #f9f6f1 (crème chaud naturel)\nAmbiance: Poétique, enfantin, doux, artisanal français, univers marin\/coquillage, nacré\/irisé\nPréfixe CSS: rk\n--\u003e\n\n\u003cdiv class=\"rk-premium\"\u003e\n\n  \u003cdiv class=\"rk-hero\"\u003e\n    \u003cdiv class=\"rk-hero-pattern\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"rk-hero-content\"\u003e\n      \u003cdiv class=\"rk-badges-top\"\u003e\n        \u003cspan class=\"rk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n        \u003cspan class=\"rk-badge\"\u003e🐚 Emballage coquillage\u003c\/span\u003e\n        \u003cspan class=\"rk-badge\"\u003e✨ Reflets nacrés\u003c\/span\u003e\n        \u003cspan class=\"rk-badge\"\u003e👶 Dès 12 mois\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cspan class=\"rk-hero-title\"\u003eBallon coquillage 10 cm — Blanc\u003c\/span\u003e\n      \u003cp class=\"rk-subtitle\"\u003ePar Ratatam\u003c\/p\u003e\n      \u003cp class=\"rk-description\"\u003eUne petite bulle de magie nacrée, fabriquée artisanalement en France et nichée dans son écrin coquillage. Un jouet d'éveil poétique qui émerveille les tout-petits dès le premier regard.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"rk-section\"\u003e\n    \u003ch2\u003e✨ Un ballon hors du commun\u003c\/h2\u003e\n    \u003cp class=\"rk-intro-text\"\u003eDès qu'on le sort de son emballage en carton naturel façon coquillage, le charme opère. Sa surface translucide aux reflets nacrés et irisés — mêlant des touches de blanc, de vert tendre et de rose poudré — en fait un \u003cstrong\u003eballon véritablement unique\u003c\/strong\u003e. Chaque exemplaire est légèrement différent, car il est fabriqué à la main. Une singularité qui en fait aussi un bel objet à offrir.\u003c\/p\u003e\n    \u003cp class=\"rk-intro-text\"\u003eLa petite étoile blanche imprimée au cœur du ballon ajoute une touche poétique et douce. Elle rappelle les trésors qu'on ramasse sur la plage, les coquillages irisés que les enfants gardent précieusement dans leurs poches.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rk-section\"\u003e\n    \u003ch2\u003e🤲 Parfaitement pensé pour les petites mains\u003c\/h2\u003e\n    \u003cp class=\"rk-intro-text\"\u003eAvec ses \u003cstrong\u003e10 cm de diamètre\u003c\/strong\u003e, ce ballon est idéalement dimensionné pour les tout-petits dès 12 mois. Facile à attraper, à lancer, à rouler — toutes ces actions simples qui développent, sans qu'on s'en rende compte, la \u003cstrong\u003ecoordination main-œil\u003c\/strong\u003e et la motricité fine de votre enfant.\u003c\/p\u003e\n    \u003cdiv class=\"rk-grid rk-grid-4\"\u003e\n      \u003cdiv class=\"rk-card\"\u003e\n        \u003cspan class=\"rk-card-icon\"\u003e🎯\u003c\/span\u003e\n        \u003cstrong class=\"rk-card-title\"\u003eCoordination \u0026amp; motricité\u003c\/strong\u003e\n        \u003cp class=\"rk-card-text\"\u003eAttraper, lancer, rouler : des gestes qui développent l'enfant en jouant.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-card\"\u003e\n        \u003cspan class=\"rk-card-icon\"\u003e🏡\u003c\/span\u003e\n        \u003cstrong class=\"rk-card-title\"\u003eIntérieur \u0026amp; extérieur\u003c\/strong\u003e\n        \u003cp class=\"rk-card-text\"\u003eSalon, jardin, bac à sable ou bord de mer — il s'adapte à tous les terrains de jeu.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-card\"\u003e\n        \u003cspan class=\"rk-card-icon\"\u003e🧡\u003c\/span\u003e\n        \u003cstrong class=\"rk-card-title\"\u003eSûr \u0026amp; non toxique\u003c\/strong\u003e\n        \u003cp class=\"rk-card-text\"\u003eEn PVC sans phtalates, pensé pour les bébés et jeunes enfants en toute sérénité.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-card\"\u003e\n        \u003cspan class=\"rk-card-icon\"\u003e🐚\u003c\/span\u003e\n        \u003cstrong class=\"rk-card-title\"\u003eEmballage coquillage\u003c\/strong\u003e\n        \u003cp class=\"rk-card-text\"\u003eRéutilisable comme boîte de rangement, décoration ou support de jeu.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rk-section\"\u003e\n    \u003ch2\u003e🐚 L'emballage qui fait partie du cadeau\u003c\/h2\u003e\n    \u003cdiv class=\"rk-highlight-box\"\u003e\n      \u003cdiv class=\"rk-highlight-content\"\u003e\n        \u003cp\u003eL'emballage en carton kraft en forme de coquillage est pensé pour durer au-delà de l'ouverture. Une fois le ballon gonflé, il peut servir de \u003cstrong\u003epetite boîte de rangement\u003c\/strong\u003e, de décoration dans la chambre, ou même de support de jeu pour d'autres petits trésors. C'est aussi un \u003cstrong\u003eemballage cadeau clé en main\u003c\/strong\u003e : pas besoin de papier d'emballage supplémentaire, la présentation est déjà là.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rk-eco-box\"\u003e\n      \u003cspan class=\"rk-eco-icon\"\u003e💡\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eLe saviez-vous ?\u003c\/strong\u003e L'emballage coquillage de Ratatam est fabriqué en carton recyclé. Un joli geste pour la planète, cohérent avec une fabrication française artisanale et responsable.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rk-section\"\u003e\n    \u003ch2\u003e🎈 Comment gonfler et entretenir votre ballon ?\u003c\/h2\u003e\n    \u003cdiv class=\"rk-steps\"\u003e\n      \u003cdiv class=\"rk-step\"\u003e\n        \u003cspan class=\"rk-step-number\"\u003e1\u003c\/span\u003e\n        \u003cdiv class=\"rk-step-content\"\u003e\n          \u003cstrong\u003eGonflez délicatement\u003c\/strong\u003e\n          \u003cp\u003eAvec une pompe à ballon ou à la bouche, sans dépasser la taille recommandée (environ 10 cm de diamètre).\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-step\"\u003e\n        \u003cspan class=\"rk-step-number\"\u003e2\u003c\/span\u003e\n        \u003cdiv class=\"rk-step-content\"\u003e\n          \u003cstrong\u003eNouez soigneusement\u003c\/strong\u003e\n          \u003cp\u003eFermez bien la valve après gonflage pour maintenir l'air durablement.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-step\"\u003e\n        \u003cspan class=\"rk-step-number\"\u003e3\u003c\/span\u003e\n        \u003cdiv class=\"rk-step-content\"\u003e\n          \u003cstrong\u003eRangez avec soin\u003c\/strong\u003e\n          \u003cp\u003eConservez le ballon à l'abri des sources de chaleur directe et des objets pointus.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-step\"\u003e\n        \u003cspan class=\"rk-step-number\"\u003e4\u003c\/span\u003e\n        \u003cdiv class=\"rk-step-content\"\u003e\n          \u003cstrong\u003eAcceptez son unicité\u003c\/strong\u003e\n          \u003cp\u003eEn cas de légère décoloration ou de variation de reflets : c'est normal, chaque ballon est artisanal et unique !\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"rk-note\"\u003e\u003cem\u003eLes ballons Ratatam sont fabriqués artisanalement, ce qui peut entraîner de légères variations de couleurs et de reflets d'une série à l'autre. C'est précisément ce qui en fait des objets vivants et authentiques.\u003c\/em\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rk-section\"\u003e\n    \u003ch2\u003e🎁 Une idée cadeau qui fait mouche\u003c\/h2\u003e\n    \u003cp class=\"rk-intro-text\"\u003eVous cherchez un \u003cstrong\u003ecadeau original pour un jeune enfant\u003c\/strong\u003e ? Le ballon coquillage blanc de Ratatam coche toutes les cases : il est beau, utile, sécurisé, et son emballage est déjà une surprise en soi.\u003c\/p\u003e\n    \u003cdiv class=\"rk-grid rk-grid-occasions\"\u003e\n      \u003cdiv class=\"rk-occasion-card\"\u003e\n        \u003cspan class=\"rk-occasion-emoji\"\u003e🍼\u003c\/span\u003e\n        \u003cspan\u003eCadeau de naissance ou de baptême\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-occasion-card\"\u003e\n        \u003cspan class=\"rk-occasion-emoji\"\u003e🎂\u003c\/span\u003e\n        \u003cspan\u003eAnniversaire pour les 1, 2 ou 3 ans\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-occasion-card\"\u003e\n        \u003cspan class=\"rk-occasion-emoji\"\u003e🎄\u003c\/span\u003e\n        \u003cspan\u003eCadeau de Noël ou de Pâques\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-occasion-card\"\u003e\n        \u003cspan class=\"rk-occasion-emoji\"\u003e🧺\u003c\/span\u003e\n        \u003cspan\u003ePanier naissance avec d'autres jouets Ratatam\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-occasion-card\"\u003e\n        \u003cspan class=\"rk-occasion-emoji\"\u003e🏖️\u003c\/span\u003e\n        \u003cspan\u003eSouvenir de vacances au bord de la mer\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rk-section\"\u003e\n    \u003ch2\u003e📋 Caractéristiques techniques\u003c\/h2\u003e\n    \u003cdiv class=\"rk-specs-wrapper\"\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e📏 Diamètre gonflé\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003eEnviron 10 cm\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e🧪 Matière\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003ePVC sans phtalates\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e📦 Dimensions emballage\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003e42 × 25 × 22 cm\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e⚖️ Poids\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003e0,285 kg\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e🇫🇷 Fabrication\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003eMade in France — artisanale\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e🎨 Coloris\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003eBlanc nacré, reflets irisés (vert, rose poudré)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e👶 Âge recommandé\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003eDès 12 mois (sous surveillance adulte)\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-spec-row\"\u003e\n        \u003cspan class=\"rk-spec-label\"\u003e🏷️ Marque\u003c\/span\u003e\n        \u003cspan class=\"rk-spec-value\"\u003eRatatam\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"rk-warning-box\"\u003e\n      \u003cspan class=\"rk-warning-icon\"\u003e⚠️\u003c\/span\u003e\n      \u003cdiv\u003e\n        \u003cstrong\u003eAttention :\u003c\/strong\u003e Ce jouet est déconseillé aux enfants de moins de 3 ans sans surveillance d'un adulte. Ne pas laisser un enfant en bas âge seul avec un ballon gonflable. Les petites pièces (valve) peuvent présenter un risque d'étouffement.\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rk-section\"\u003e\n    \u003ch2\u003e💬 Questions fréquentes\u003c\/h2\u003e\n    \u003cdiv class=\"rk-faq\"\u003e\n      \u003cdiv class=\"rk-faq-item\"\u003e\n        \u003cdiv class=\"rk-faq-question\"\u003eLe ballon coquillage blanc est-il adapté à un bébé ?\u003c\/div\u003e\n        \u003cp class=\"rk-faq-answer\"\u003eOui, dès 12 mois et sous la surveillance d'un adulte. Sa taille de 10 cm est parfaitement adaptée aux petites mains des tout-petits.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-faq-item\"\u003e\n        \u003cdiv class=\"rk-faq-question\"\u003eLe ballon est-il solide ?\u003c\/div\u003e\n        \u003cp class=\"rk-faq-answer\"\u003eIl est conçu pour résister aux jeux du quotidien. Fabriqué en PVC de qualité sans phtalates, il supporte les manipulations des tout-petits. Comme tout ballon, il doit être tenu à l'écart des objets pointus.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-faq-item\"\u003e\n        \u003cdiv class=\"rk-faq-question\"\u003eEst-ce vraiment fabriqué en France ?\u003c\/div\u003e\n        \u003cp class=\"rk-faq-answer\"\u003eOui, à 100 %. Le ballon coquillage Ratatam est fabriqué artisanalement en France, ce qui garantit un contrôle qualité rigoureux et soutient le savoir-faire local.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-faq-item\"\u003e\n        \u003cdiv class=\"rk-faq-question\"\u003eLes couleurs peuvent-elles varier selon les exemplaires ?\u003c\/div\u003e\n        \u003cp class=\"rk-faq-answer\"\u003eOui, et c'est voulu ! La fabrication artisanale implique de légères variations de reflets et de nuances. Chaque ballon est donc unique, ce qui en fait un objet encore plus précieux.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rk-faq-item\"\u003e\n        \u003cdiv class=\"rk-faq-question\"\u003eL'emballage en forme de coquillage peut-il être réutilisé ?\u003c\/div\u003e\n        \u003cp class=\"rk-faq-answer\"\u003eAbsolument. Sa forme originale en carton kraft en fait une jolie boîte de rangement ou une décoration pour la chambre de votre enfant.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"rk-section\" style=\"margin-bottom:0px!important;\"\u003e\n    \u003cdiv class=\"rk-cta-box\"\u003e\n      \u003cdiv class=\"rk-cta-pattern\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"rk-cta-content\"\u003e\n        \u003cspan class=\"rk-cta-emoji\"\u003e🐚✨\u003c\/span\u003e\n        \u003cp\u003eUn ballon qui ressemble à une perle venue de la mer, fabriqué à la main en France, offert dans son écrin en forme de coquillage… Le ballon coquillage blanc de Ratatam transforme chaque moment de jeu en \u003cstrong\u003epetite aventure enchantée\u003c\/strong\u003e.\u003c\/p\u003e\n        \u003cp\u003eBeau à regarder, doux à tenir, et plein de magie à offrir.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n  --rk-cream: #f9f6f1;\n  --rk-white: #ffffff;\n  --rk-primary: #c2a07a;\n  --rk-primary-dark: #8b6340;\n  --rk-primary-light: #f0ebe3;\n  --rk-secondary: #d4c8b8;\n  --rk-accent: #e0cfe8;\n  --rk-accent-warm: #f5e6d0;\n  --rk-text: #2d2319;\n  --rk-text-light: #6b5d50;\n  --rk-border: #e5d9c8;\n  --rk-shadow: 0 4px 24px rgba(139,99,64,.08);\n  --rk-shadow-lg: 0 12px 48px rgba(139,99,64,.15);\n  --rk-radius: 20px;\n  --rk-radius-sm: 12px;\n}\n\n.rk-premium {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  background: var(--rk-cream);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n  color: var(--rk-text);\n  line-height: 1.7;\n}\n\n.rk-premium *, .rk-premium *::before, .rk-premium *::after {\n  box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.rk-hero {\n  position: relative;\n  background: linear-gradient(135deg, #c2a07a 0%, #d4b896 30%, #e0cfe8 70%, #f0e6d0 100%);\n  border-radius: var(--rk-radius);\n  padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n  overflow: hidden;\n  box-shadow: var(--rk-shadow-lg);\n}\n\n.rk-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.15) 0%, transparent 50%),\n                    radial-gradient(circle at 80% 20%, rgba(255,255,255,.12) 0%, transparent 40%),\n                    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08) 0%, transparent 60%);\n  opacity: 1;\n}\n\n.rk-hero-content {\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.rk-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 10px;\n  margin-bottom: clamp(1.5rem, 3vw, 2rem);\n}\n\n.rk-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 18px;\n  background: rgba(255,255,255,.92);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--rk-primary-dark);\n  box-shadow: 0 2px 12px rgba(139,99,64,.12);\n  transition: all .3s ease;\n}\n\n.rk-badge:hover {\n  transform: translateY(-2px) scale(1.05);\n  box-shadow: 0 6px 20px rgba(139,99,64,.18);\n}\n\n.rk-hero-title {\n  display: block;\n  color: var(--rk-white);\n  font-size: clamp(30px, 7vw, 50px);\n  font-weight: 900;\n  margin: 0 0 .75rem 0;\n  letter-spacing: -.04em;\n  text-shadow: 0 4px 20px rgba(139,99,64,.3);\n  line-height: 1.15;\n}\n\n.rk-subtitle {\n  color: rgba(255,255,255,.85);\n  font-size: clamp(16px, 2.5vw, 20px);\n  font-weight: 600;\n  margin: 0 0 1.25rem 0;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n}\n\n.rk-description {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(15px, 2vw, 18px);\n  max-width: 680px;\n  margin: 0 auto;\n  line-height: 1.8;\n  font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.rk-section {\n  margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rk-premium h2 {\n  font-size: clamp(24px, 5vw, 34px);\n  font-weight: 900;\n  color: var(--rk-primary-dark);\n  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n  text-align: center;\n  letter-spacing: -.03em;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.rk-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 60px;\n  height: 4px;\n  background: linear-gradient(90deg, var(--rk-primary), var(--rk-accent));\n  border-radius: 2px;\n}\n\n.rk-intro-text {\n  text-align: center;\n  max-width: 780px;\n  margin: 0 auto 1.5rem auto;\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--rk-text-light);\n  line-height: 1.8;\n}\n\n.rk-intro-text strong {\n  color: var(--rk-primary-dark);\n}\n\n\/* === CARDS GRID === *\/\n.rk-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.rk-grid-4 {\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.rk-card {\n  background: var(--rk-white);\n  border-radius: var(--rk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--rk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  text-align: center;\n}\n\n.rk-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--rk-shadow-lg);\n  border-color: var(--rk-primary);\n}\n\n.rk-card-icon {\n  display: block;\n  font-size: 2.5rem;\n  margin-bottom: .75rem;\n  filter: drop-shadow(0 2px 4px rgba(0,0,0,.08));\n}\n\n.rk-card-title {\n  display: block;\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rk-primary-dark);\n  margin-bottom: .5rem;\n}\n\n.rk-card-text {\n  font-size: 14px;\n  color: var(--rk-text-light);\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.rk-highlight-box {\n  background: linear-gradient(135deg, var(--rk-primary-light) 0%, var(--rk-accent-warm) 100%);\n  border-radius: var(--rk-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  margin-bottom: 1.5rem;\n  border: 1px solid var(--rk-border);\n}\n\n.rk-highlight-content p {\n  font-size: clamp(15px, 2vw, 17px);\n  color: var(--rk-text);\n  line-height: 1.8;\n  margin: 0;\n}\n\n.rk-highlight-content strong {\n  color: var(--rk-primary-dark);\n}\n\n\/* === ECO BOX === *\/\n.rk-eco-box {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  background: var(--rk-white);\n  border-left: 4px solid var(--rk-primary);\n  border-radius: var(--rk-radius-sm);\n  padding: clamp(1.2rem, 2.5vw, 1.5rem) clamp(1.2rem, 2.5vw, 1.8rem);\n  font-size: 15px;\n  color: var(--rk-text-light);\n  line-height: 1.7;\n  box-shadow: var(--rk-shadow);\n}\n\n.rk-eco-icon {\n  font-size: 1.4rem;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.rk-eco-box strong {\n  color: var(--rk-primary-dark);\n}\n\n\/* === STEPS === *\/\n.rk-steps {\n  display: grid;\n  gap: 1.25rem;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.rk-step {\n  display: flex;\n  align-items: flex-start;\n  gap: clamp(14px, 3vw, 20px);\n  background: var(--rk-white);\n  border-radius: var(--rk-radius);\n  padding: clamp(1.2rem, 2.5vw, 1.8rem);\n  box-shadow: var(--rk-shadow);\n  transition: all .3s ease;\n  border: 2px solid transparent;\n}\n\n.rk-step:hover {\n  transform: translateX(8px);\n  border-color: var(--rk-primary);\n  box-shadow: var(--rk-shadow-lg);\n}\n\n.rk-step-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 44px;\n  height: 44px;\n  background: linear-gradient(135deg, var(--rk-primary), var(--rk-primary-dark));\n  color: var(--rk-white);\n  font-weight: 900;\n  font-size: 18px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  box-shadow: 0 4px 12px rgba(194,160,122,.3);\n}\n\n.rk-step-content strong {\n  display: block;\n  font-size: 16px;\n  color: var(--rk-primary-dark);\n  margin-bottom: 4px;\n}\n\n.rk-step-content p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--rk-text-light);\n  line-height: 1.6;\n}\n\n.rk-note {\n  text-align: center;\n  font-size: 14px;\n  color: var(--rk-text-light);\n  max-width: 700px;\n  margin: 1.5rem auto 0 auto;\n  padding: 1rem;\n  background: var(--rk-primary-light);\n  border-radius: var(--rk-radius-sm);\n}\n\n\/* === OCCASIONS === *\/\n.rk-grid-occasions {\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 1rem;\n}\n\n.rk-occasion-card {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  background: var(--rk-white);\n  border-radius: var(--rk-radius);\n  padding: clamp(1rem, 2.5vw, 1.5rem) clamp(1.2rem, 2.5vw, 1.8rem);\n  box-shadow: var(--rk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--rk-text);\n}\n\n.rk-occasion-card:hover {\n  transform: translateY(-4px);\n  border-color: var(--rk-primary);\n  box-shadow: var(--rk-shadow-lg);\n}\n\n.rk-occasion-emoji {\n  font-size: 1.8rem;\n  flex-shrink: 0;\n}\n\n\/* === SPECS === *\/\n.rk-specs-wrapper {\n  max-width: 700px;\n  margin: 0 auto 1.5rem auto;\n  background: var(--rk-white);\n  border-radius: var(--rk-radius);\n  overflow: hidden;\n  box-shadow: var(--rk-shadow);\n}\n\n.rk-spec-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px clamp(1.2rem, 3vw, 2rem);\n  border-bottom: 1px solid var(--rk-border);\n  transition: background .2s ease;\n}\n\n.rk-spec-row:last-child {\n  border-bottom: none;\n}\n\n.rk-spec-row:hover {\n  background: var(--rk-primary-light);\n}\n\n.rk-spec-label {\n  font-weight: 700;\n  color: var(--rk-primary-dark);\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.rk-spec-value {\n  font-size: 14px;\n  color: var(--rk-text-light);\n  text-align: right;\n  font-weight: 500;\n}\n\n\/* === WARNING === *\/\n.rk-warning-box {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  background: #fff9f0;\n  border: 2px solid #f0d4a8;\n  border-radius: var(--rk-radius-sm);\n  padding: clamp(1.2rem, 2.5vw, 1.5rem) clamp(1.2rem, 2.5vw, 1.8rem);\n  font-size: 14px;\n  color: var(--rk-text-light);\n  line-height: 1.7;\n  max-width: 700px;\n  margin: 0 auto;\n}\n\n.rk-warning-icon {\n  font-size: 1.4rem;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n.rk-warning-box strong {\n  color: var(--rk-primary-dark);\n}\n\n\/* === FAQ === *\/\n.rk-faq {\n  max-width: 800px;\n  margin: 0 auto;\n  display: grid;\n  gap: 1rem;\n}\n\n.rk-faq-item {\n  background: var(--rk-white);\n  border-radius: var(--rk-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--rk-shadow);\n  border: 2px solid transparent;\n  transition: all .3s ease;\n}\n\n.rk-faq-item:hover {\n  border-color: var(--rk-primary);\n  box-shadow: var(--rk-shadow-lg);\n}\n\n.rk-faq-question {\n  font-weight: 800;\n  font-size: 16px;\n  color: var(--rk-primary-dark);\n  margin-bottom: .5rem;\n  position: relative;\n  padding-left: 28px;\n}\n\n.rk-faq-question::before {\n  content: '❓';\n  position: absolute;\n  left: 0;\n  top: 0;\n  font-size: 16px;\n}\n\n.rk-faq-answer {\n  font-size: 15px;\n  color: var(--rk-text-light);\n  line-height: 1.7;\n  margin: 0;\n  padding-left: 28px;\n}\n\n\/* === CTA BOX === *\/\n.rk-cta-box {\n  background: linear-gradient(135deg, var(--rk-primary) 0%, var(--rk-primary-dark) 50%, #6b4a2a 100%);\n  border-radius: var(--rk-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--rk-shadow-lg);\n}\n\n.rk-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background-image: radial-gradient(circle at 15% 85%, rgba(255,255,255,.08) 0%, transparent 50%),\n                    radial-gradient(circle at 85% 15%, rgba(255,255,255,.06) 0%, transparent 40%);\n}\n\n.rk-cta-content {\n  position: relative;\n  z-index: 1;\n}\n\n.rk-cta-emoji {\n  display: block;\n  font-size: 2.5rem;\n  margin-bottom: 1rem;\n}\n\n.rk-cta-box p {\n  color: rgba(255,255,255,.95);\n  font-size: clamp(16px, 2.5vw, 20px);\n  line-height: 1.8;\n  font-weight: 500;\n  text-shadow: 0 2px 12px rgba(0,0,0,.15);\n  max-width: 650px;\n  margin: 0 auto .75rem auto;\n}\n\n.rk-cta-box p:last-child {\n  margin-bottom: 0;\n  font-weight: 700;\n  font-size: clamp(17px, 2.5vw, 22px);\n}\n\n.rk-cta-box strong {\n  color: var(--rk-white);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n  .rk-grid,\n  .rk-grid-4,\n  .rk-grid-occasions {\n    grid-template-columns: 1fr;\n  }\n\n  .rk-step {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .rk-step:hover {\n    transform: translateY(-4px);\n  }\n\n  .rk-spec-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 4px;\n  }\n\n  .rk-spec-value {\n    text-align: left;\n  }\n\n  .rk-eco-box,\n  .rk-warning-box {\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .rk-occasion-card {\n    justify-content: center;\n  }\n\n  .rk-faq-question,\n  .rk-faq-answer {\n    padding-left: 0;\n    text-align: center;\n  }\n\n  .rk-faq-question::before {\n    position: static;\n    display: block;\n    margin-bottom: 4px;\n  }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n  .rk-card,\n  .rk-occasion-card,\n  .rk-faq-item {\n    animation: rkFadeInUp .6s ease backwards;\n  }\n  .rk-card:nth-child(1), .rk-occasion-card:nth-child(1), .rk-faq-item:nth-child(1) { animation-delay: .1s; }\n  .rk-card:nth-child(2), .rk-occasion-card:nth-child(2), .rk-faq-item:nth-child(2) { animation-delay: .2s; }\n  .rk-card:nth-child(3), .rk-occasion-card:nth-child(3), .rk-faq-item:nth-child(3) { animation-delay: .3s; }\n  .rk-card:nth-child(4), .rk-occasion-card:nth-child(4), .rk-faq-item:nth-child(4) { animation-delay: .4s; }\n  .rk-occasion-card:nth-child(5), .rk-faq-item:nth-child(5) { animation-delay: .5s; }\n\n  .rk-step {\n    animation: rkSlideIn .5s ease backwards;\n  }\n  .rk-step:nth-child(1) { animation-delay: .1s; }\n  .rk-step:nth-child(2) { animation-delay: .2s; }\n  .rk-step:nth-child(3) { animation-delay: .3s; }\n  .rk-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes rkFadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes rkSlideIn {\n  from { opacity: 0; transform: translateX(-30px); }\n  to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n  .rk-premium * {\n    animation-duration: 0.01ms !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n\n@media (prefers-contrast: high) {\n  .rk-premium {\n    background: #ffffff;\n  }\n  .rk-card, .rk-faq-item, .rk-step, .rk-occasion-card {\n    border: 2px solid #333;\n  }\n  .rk-hero {\n    border: 3px solid #333;\n  }\n}\n\u003c\/style\u003e","brand":"ecom-optimizer v1","offers":[{"title":"Default Title","offer_id":57283323035996,"sku":null,"price":22.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9295\/1388\/files\/Ballon-coquillage-perle-blanc-HD-scaled-655x655.webp?v=1775549157","url":"https:\/\/ecom-optimizer.com\/products\/ballon-coquillage-10-cm-blanc","provider":"Ecom Optimizer","version":"1.0","type":"link"}