{"product_id":"mug-avec-couvercle","title":"MUG avec couvercle","description":"\u003c!-- ============================================== --\u003e\n\u003c!-- NAFASSI CARE — Page produit MUG avec couvercle --\u003e\n\u003c!-- Version sans image hero                        --\u003e\n\u003c!-- À coller dans la description produit Shopify   --\u003e\n\u003c!-- ============================================== --\u003e\n\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600\u0026family=Inter:wght@300;400;500;600\u0026display=swap');\n\n.nafassi-mug-page {\n  font-family: 'Inter', sans-serif;\n  color: #3d352f;\n  line-height: 1.7;\n  background: #f8f5f1;\n  max-width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.nafassi-mug-page * { box-sizing: border-box; }\n\n.nm-section {\n  padding: 80px 24px;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.nm-eyebrow {\n  font-family: 'Inter', sans-serif;\n  letter-spacing: 4px;\n  font-size: 11px;\n  color: #9b846d;\n  text-transform: uppercase;\n  font-weight: 500;\n  margin-bottom: 16px;\n}\n\n.nm-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 48px;\n  line-height: 1.1;\n  font-weight: 500;\n  color: #3d352f;\n  margin: 0 0 24px;\n  letter-spacing: -0.5px;\n}\n\n.nm-subtitle {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 32px;\n  line-height: 1.2;\n  font-weight: 500;\n  color: #3d352f;\n  margin: 0 0 20px;\n  letter-spacing: -0.3px;\n}\n\n.nm-body {\n  font-size: 16px;\n  color: #5f554d;\n  margin: 0 0 24px;\n}\n\n\/* HERO — TEXTE SEUL CENTRÉ *\/\n.nm-hero {\n  text-align: center;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.nm-hero .nm-title {\n  font-size: 52px;\n}\n\n\/* BENEFITS LIST *\/\n.nm-benefits {\n  list-style: none;\n  padding: 0;\n  margin: 48px auto 0;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  max-width: 760px;\n  text-align: left;\n}\n\n.nm-benefits li {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  font-size: 15px;\n  color: #3d352f;\n}\n\n.nm-benefits .nm-dot {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #f1e8db;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #9b846d;\n  font-size: 14px;\n  font-weight: 600;\n  margin-top: 2px;\n}\n\n.nm-benefits strong {\n  display: block;\n  font-weight: 600;\n  color: #3d352f;\n  margin-bottom: 2px;\n}\n\n.nm-benefits span.nm-detail {\n  font-size: 14px;\n  color: #7a6e63;\n  font-weight: 400;\n}\n\n\/* DIVIDER *\/\n.nm-divider {\n  text-align: center;\n  margin: 40px auto;\n  max-width: 600px;\n}\n\n.nm-divider::before {\n  content: \"\";\n  display: inline-block;\n  width: 60px;\n  height: 1px;\n  background: #c9b89c;\n  vertical-align: middle;\n  margin: 0 16px;\n}\n\n.nm-divider::after {\n  content: \"\";\n  display: inline-block;\n  width: 60px;\n  height: 1px;\n  background: #c9b89c;\n  vertical-align: middle;\n  margin: 0 16px;\n}\n\n.nm-divider span {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  color: #9b846d;\n  font-size: 18px;\n}\n\n\/* RITUAL SECTION *\/\n.nm-ritual {\n  background: #fdfbf7;\n  border-radius: 32px;\n  padding: 64px 48px;\n  text-align: center;\n}\n\n.nm-ritual-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 32px;\n  margin-top: 48px;\n}\n\n.nm-step {\n  text-align: center;\n}\n\n.nm-step-num {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 42px;\n  color: #b8986a;\n  font-weight: 500;\n  line-height: 1;\n  margin-bottom: 12px;\n}\n\n.nm-step-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 20px;\n  font-weight: 600;\n  color: #3d352f;\n  margin-bottom: 8px;\n}\n\n.nm-step-text {\n  font-size: 13px;\n  color: #7a6e63;\n  line-height: 1.6;\n}\n\n\/* SPECS *\/\n.nm-specs {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  margin-top: 48px;\n}\n\n.nm-spec-card {\n  background: #fdfbf7;\n  border-radius: 18px;\n  padding: 28px 20px;\n  text-align: center;\n  border: 1px solid #ece5da;\n}\n\n.nm-spec-label {\n  font-size: 11px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #9b846d;\n  margin-bottom: 8px;\n  font-weight: 500;\n}\n\n.nm-spec-value {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 22px;\n  font-weight: 600;\n  color: #3d352f;\n}\n\n\/* PROMISE *\/\n.nm-promise {\n  background: linear-gradient(135deg, #3d2817 0%, #5c3d24 100%);\n  color: #f8f5f1;\n  border-radius: 32px;\n  padding: 64px 48px;\n  text-align: center;\n}\n\n.nm-promise .nm-eyebrow {\n  color: #c9b89c;\n}\n\n.nm-promise .nm-title {\n  color: #f8f5f1;\n  font-size: 38px;\n}\n\n.nm-promise .nm-body {\n  color: #e8dccb;\n  max-width: 640px;\n  margin: 0 auto 32px;\n}\n\n.nm-promise-icons {\n  display: flex;\n  justify-content: center;\n  gap: 48px;\n  flex-wrap: wrap;\n  margin-top: 40px;\n}\n\n.nm-promise-icon {\n  font-family: 'Cormorant Garamond', serif;\n  color: #c9b89c;\n}\n\n.nm-promise-icon strong {\n  display: block;\n  font-size: 18px;\n  color: #f8f5f1;\n  margin-bottom: 4px;\n}\n\n.nm-promise-icon span {\n  font-size: 12px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n\/* QUOTE *\/\n.nm-quote {\n  text-align: center;\n  padding: 60px 24px;\n  max-width: 780px;\n  margin: 0 auto;\n}\n\n.nm-quote p {\n  font-family: 'Cormorant Garamond', serif;\n  font-style: italic;\n  font-size: 28px;\n  line-height: 1.5;\n  color: #3d352f;\n  margin: 0 0 16px;\n  font-weight: 500;\n}\n\n.nm-quote cite {\n  font-family: 'Inter', sans-serif;\n  font-style: normal;\n  letter-spacing: 3px;\n  font-size: 11px;\n  text-transform: uppercase;\n  color: #9b846d;\n  font-weight: 500;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n  .nm-section { padding: 48px 20px; }\n  .nm-hero .nm-title { font-size: 34px; }\n  .nm-benefits { grid-template-columns: 1fr; gap: 16px; }\n  .nm-subtitle { font-size: 26px; }\n  .nm-ritual { padding: 40px 24px; }\n  .nm-ritual-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }\n  .nm-specs { grid-template-columns: repeat(2, 1fr); }\n  .nm-promise { padding: 40px 24px; }\n  .nm-promise .nm-title { font-size: 28px; }\n  .nm-promise-icons { gap: 24px; }\n  .nm-quote p { font-size: 22px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"nafassi-mug-page\"\u003e\n\n  \u003c!-- ============ HERO ============ --\u003e\n  \u003csection class=\"nm-section nm-hero\"\u003e\n    \u003cp class=\"nm-eyebrow\"\u003eNafassi Care · L'objet rituel\u003c\/p\u003e\n    \u003ch1 class=\"nm-title\"\u003eLe mug qui transforme chaque infusion en cérémonie.\u003c\/h1\u003e\n    \u003cp class=\"nm-body\"\u003ePensé comme un compagnon du quotidien, ce mug NAFASSI CARE associe la douceur du verre à la chaleur du bambou. Pour que chaque tasse devienne un moment de pause, un instant pour soi — où qu'elle soit infusée.\u003c\/p\u003e\n\n    \u003cul class=\"nm-benefits\"\u003e\n      \u003cli\u003e\n        \u003cspan class=\"nm-dot\"\u003e✦\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eCouvercle en bambou naturel\u003c\/strong\u003e\n          \u003cspan class=\"nm-detail\"\u003eConserve la chaleur et concentre les arômes de votre infusion.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"nm-dot\"\u003e✦\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eVerre épais double paroi\u003c\/strong\u003e\n          \u003cspan class=\"nm-detail\"\u003eUne prise en main confortable, sans brûler les doigts.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"nm-dot\"\u003e✦\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003eDesign minimal \u0026amp; élégant\u003c\/strong\u003e\n          \u003cspan class=\"nm-detail\"\u003eÀ la maison, au bureau, en déplacement — il s'invite partout avec grâce.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cspan class=\"nm-dot\"\u003e✦\u003c\/span\u003e\n        \u003cdiv\u003e\n          \u003cstrong\u003ePensé pour les sachets pyramide\u003c\/strong\u003e\n          \u003cspan class=\"nm-detail\"\u003eFormat idéal pour MINCI, IRON BOOST ou INTIME.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ DIVIDER ============ --\u003e\n  \u003cdiv class=\"nm-divider\"\u003e\u003cspan\u003eLe rituel\u003c\/span\u003e\u003c\/div\u003e\n\n  \u003c!-- ============ RITUEL ============ --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003cdiv class=\"nm-ritual\"\u003e\n      \u003cp class=\"nm-eyebrow\"\u003eQuatre gestes, un moment pour soi\u003c\/p\u003e\n      \u003ch2 class=\"nm-subtitle\"\u003eVotre rituel d'infusion NAFASSI CARE\u003c\/h2\u003e\n      \u003cp class=\"nm-body\" style=\"max-width: 580px; margin-left: auto; margin-right: auto;\"\u003eUne routine simple, pensée pour transformer un geste banal en moment précieux.\u003c\/p\u003e\n\n      \u003cdiv class=\"nm-ritual-grid\"\u003e\n        \u003cdiv class=\"nm-step\"\u003e\n          \u003cdiv class=\"nm-step-num\"\u003e01\u003c\/div\u003e\n          \u003cdiv class=\"nm-step-title\"\u003eDéposez\u003c\/div\u003e\n          \u003cp class=\"nm-step-text\"\u003eGlissez votre sachet pyramide Nafassi dans le mug.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-step\"\u003e\n          \u003cdiv class=\"nm-step-num\"\u003e02\u003c\/div\u003e\n          \u003cdiv class=\"nm-step-title\"\u003eVersez\u003c\/div\u003e\n          \u003cp class=\"nm-step-text\"\u003eCouvrez d'eau chaude — ou glacée — selon l'envie du moment.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-step\"\u003e\n          \u003cdiv class=\"nm-step-num\"\u003e03\u003c\/div\u003e\n          \u003cdiv class=\"nm-step-title\"\u003eCouvrez\u003c\/div\u003e\n          \u003cp class=\"nm-step-text\"\u003ePosez le couvercle en bambou pour laisser infuser et concentrer les arômes.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-step\"\u003e\n          \u003cdiv class=\"nm-step-num\"\u003e04\u003c\/div\u003e\n          \u003cdiv class=\"nm-step-title\"\u003eSavourez\u003c\/div\u003e\n          \u003cp class=\"nm-step-text\"\u003eRespirez, dégustez. Le rituel commence.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ SPECS ============ --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003cdiv style=\"text-align: center;\"\u003e\n      \u003cp class=\"nm-eyebrow\"\u003eCaractéristiques\u003c\/p\u003e\n      \u003ch2 class=\"nm-subtitle\"\u003eLes détails qui changent tout\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"nm-specs\"\u003e\n      \u003cdiv class=\"nm-spec-card\"\u003e\n        \u003cdiv class=\"nm-spec-label\"\u003eMatière\u003c\/div\u003e\n        \u003cdiv class=\"nm-spec-value\"\u003eVerre \u0026amp; bambou\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-spec-card\"\u003e\n        \u003cdiv class=\"nm-spec-label\"\u003eContenance\u003c\/div\u003e\n        \u003cdiv class=\"nm-spec-value\"\u003e350 ml\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-spec-card\"\u003e\n        \u003cdiv class=\"nm-spec-label\"\u003eUsage\u003c\/div\u003e\n        \u003cdiv class=\"nm-spec-value\"\u003eChaud \u0026amp; glacé\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"nm-spec-card\"\u003e\n        \u003cdiv class=\"nm-spec-label\"\u003eEntretien\u003c\/div\u003e\n        \u003cdiv class=\"nm-spec-value\"\u003eLavage à la main\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ PROMISE ============ --\u003e\n  \u003csection class=\"nm-section\"\u003e\n    \u003cdiv class=\"nm-promise\"\u003e\n      \u003cp class=\"nm-eyebrow\"\u003eL'engagement Nafassi Care\u003c\/p\u003e\n      \u003ch2 class=\"nm-title\"\u003ePlus qu'un mug. Un héritage du quotidien.\u003c\/h2\u003e\n      \u003cp class=\"nm-body\"\u003eChez NAFASSI CARE, nous croyons que les rituels les plus précieux sont ceux que l'on s'offre chaque jour. Ce mug a été choisi pour accompagner votre routine d'infusion — simple, élégant, durable.\u003c\/p\u003e\n\n      \u003cdiv class=\"nm-promise-icons\"\u003e\n        \u003cdiv class=\"nm-promise-icon\"\u003e\n          \u003cstrong\u003eMatériaux naturels\u003c\/strong\u003e\n          \u003cspan\u003eBambou \u0026amp; verre\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-promise-icon\"\u003e\n          \u003cstrong\u003ePensé pour durer\u003c\/strong\u003e\n          \u003cspan\u003eSans plastique\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"nm-promise-icon\"\u003e\n          \u003cstrong\u003eMade for ritual\u003c\/strong\u003e\n          \u003cspan\u003eConçu pour vos infusions\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============ QUOTE ============ --\u003e\n  \u003csection class=\"nm-quote\"\u003e\n    \u003cp\u003e« Prendre soin de soi n'a pas besoin d'être compliqué. Parfois, il suffit d'un mug, d'une infusion, et de quelques minutes rien qu'à soi. »\u003c\/p\u003e\n    \u003ccite\u003e— Nafassi Care\u003c\/cite\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ============================================== --\u003e\n\u003c!-- FIN DE LA PAGE PRODUIT MUG                    --\u003e\n\u003c!-- ============================================== --\u003e","brand":"NAFASSI'CARE","offers":[{"title":"Default Title","offer_id":57122904146295,"sku":null,"price":17.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0945\/0382\/9879\/files\/IMG-1814.png?v=1779746010","url":"https:\/\/www.nafassicare.com\/products\/mug-avec-couvercle","provider":"NAFASSI'CARE","version":"1.0","type":"link"}