{"product_id":"illuminated-coastal-lighthouse-scene","title":"🗼 Scène de phare côtier illuminée | Décoration de table chaleureuse sur le thème de la mer","description":"\u003cstyle\u003e\n\/* =========================================================\n   ILLUMINATED COASTAL LIGHTHOUSE SCENE\n   Shopify \/ Hotishop High-Converting Product Detail Page\n\n   PRODUCT-SPECIFIC VISUAL DIRECTION:\n   Atlantic navy + sea-glass teal + lighthouse ivory +\n   sunset amber + sandstone + driftwood brown\n\n   Colors are designed specifically around this product's\n   coastal landscape, blue waves and warm illuminated windows.\n========================================================= *\/\n\n.icl-page,\n.icl-page *{\n  box-sizing:border-box;\n}\n\n.icl-page{\n  --navy:#19384D;\n  --navy-dark:#0D2433;\n  --navy-soft:#DDE8ED;\n\n  --sea:#3E8390;\n  --sea-dark:#28616D;\n  --sea-soft:#D9EDF0;\n\n  --foam:#EAF4F1;\n  --sage:#607D68;\n\n  --amber:#D88C35;\n  --amber-dark:#A65C1F;\n  --amber-soft:#F4D09C;\n\n  --sand:#D8B98C;\n  --sand-soft:#F4E7D3;\n\n  --driftwood:#73513A;\n  --cliff:#4D4A46;\n\n  --ivory:#FFF9EE;\n  --white:#FFFFFF;\n\n  --text:#424946;\n  --muted:#6B716E;\n  --line:#D5C8B4;\n\n  width:100%;\n  margin:0;\n  padding:0;\n  overflow:hidden;\n  background:#fff;\n  color:var(--text);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Arial,sans-serif;\n  line-height:1.65;\n}\n\n.icl-page h1,\n.icl-page h2,\n.icl-page h3,\n.icl-page p{\n  margin-top:0;\n}\n\n.icl-page h1,\n.icl-page h2{\n  font-family:Georgia,\"Times New Roman\",serif;\n}\n\n.icl-page img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n  margin:0;\n}\n\n.icl-wrap{\n  width:min(980px,calc(100% - 28px));\n  margin:0 auto;\n}\n\n.icl-section{\n  padding:42px 0;\n}\n\n.icl-inner{\n  width:100%;\n  padding:34px;\n  border-radius:22px;\n}\n\n.icl-center{\n  text-align:center;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.icl-eyebrow{\n  margin:0 0 11px;\n  color:var(--sea-dark);\n  font-size:10px;\n  line-height:1.4;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.icl-h1{\n  max-width:800px;\n  margin:0 auto 17px;\n  color:#2B3738;\n  font-size:38px;\n  line-height:1.15;\n  letter-spacing:-.02em;\n  font-weight:700;\n}\n\n.icl-h1 span{\n  color:var(--sea);\n}\n\n.icl-h2{\n  max-width:790px;\n  margin:0 auto 16px;\n  color:#303633;\n  font-size:28px;\n  line-height:1.22;\n  letter-spacing:-.015em;\n  font-weight:700;\n}\n\n.icl-h2 span{\n  color:var(--sea-dark);\n}\n\n.icl-copy{\n  max-width:790px;\n  margin:0 auto;\n  color:var(--muted);\n  font-size:15.5px;\n  line-height:1.72;\n}\n\n.icl-copy + .icl-copy{\n  margin-top:13px;\n}\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.icl-media{\n  width:min(880px,100%);\n  margin:26px auto 0;\n  overflow:hidden;\n  border-radius:18px;\n  background:#edf1ef;\n  box-shadow:0 14px 34px rgba(36,48,48,.15);\n  line-height:0;\n}\n\n.icl-media img{\n  width:100%;\n  height:auto;\n}\n\n\n\/* =========================================================\n   HERO — COASTAL MORNING\n========================================================= *\/\n\n.icl-hero{\n  padding:42px 0;\n  background:\n    radial-gradient(circle at 8% 4%,rgba(62,131,144,.18),transparent 30%),\n    radial-gradient(circle at 93% 7%,rgba(216,140,53,.17),transparent 29%),\n    linear-gradient(145deg,#FBFCF8 0%,#E5F0ED 51%,#EEDDC4 100%);\n}\n\n.icl-hero .icl-inner{\n  background:rgba(255,255,255,.91);\n  border:1px solid #BCD2CF;\n  box-shadow:0 10px 30px rgba(42,74,74,.08);\n}\n\n\n\/* =========================================================\n   ATLANTIC NAVY\n========================================================= *\/\n\n.icl-navy{\n  color:#fff;\n  background:\n    radial-gradient(circle at 8% 5%,rgba(216,140,53,.19),transparent 29%),\n    radial-gradient(circle at 93% 89%,rgba(62,131,144,.31),transparent 30%),\n    linear-gradient(135deg,#0B2130 0%,#173A50 52%,#28586D 100%);\n}\n\n.icl-navy .icl-inner{\n  background:rgba(255,255,255,.07);\n  border:1px solid rgba(255,255,255,.16);\n}\n\n.icl-navy .icl-eyebrow{\n  color:#F1C78D;\n}\n\n.icl-navy .icl-h2{\n  color:#fff;\n}\n\n.icl-navy .icl-h2 span{\n  color:#AEE4E9;\n}\n\n.icl-navy .icl-copy{\n  color:rgba(255,255,255,.84);\n}\n\n\n\/* =========================================================\n   SANDSTONE\n========================================================= *\/\n\n.icl-sand{\n  background:\n    radial-gradient(circle at 92% 7%,rgba(216,140,53,.24),transparent 30%),\n    radial-gradient(circle at 7% 92%,rgba(62,131,144,.09),transparent 28%),\n    linear-gradient(145deg,#FFF7EA,#E7C99F);\n}\n\n.icl-sand .icl-inner{\n  background:rgba(255,255,255,.93);\n  border:1px solid #D3B17F;\n}\n\n\n\/* =========================================================\n   SEA GLASS\n========================================================= *\/\n\n.icl-sea{\n  color:#fff;\n  background:\n    radial-gradient(circle at 8% 6%,rgba(243,208,156,.19),transparent 29%),\n    radial-gradient(circle at 94% 90%,rgba(25,56,77,.24),transparent 29%),\n    linear-gradient(135deg,#24606B 0%,#3F8592 52%,#65A4AA 100%);\n}\n\n.icl-sea .icl-inner{\n  background:rgba(255,255,255,.075);\n  border:1px solid rgba(255,255,255,.17);\n}\n\n.icl-sea .icl-eyebrow{\n  color:#F2D7AA;\n}\n\n.icl-sea .icl-h2{\n  color:#fff;\n}\n\n.icl-sea .icl-h2 span{\n  color:#FFF0C9;\n}\n\n.icl-sea .icl-copy{\n  color:rgba(255,255,255,.84);\n}\n\n\n\/* =========================================================\n   LIGHTHOUSE IVORY\n========================================================= *\/\n\n.icl-ivory{\n  background:\n    radial-gradient(circle at 92% 7%,rgba(62,131,144,.09),transparent 28%),\n    radial-gradient(circle at 7% 91%,rgba(216,140,53,.09),transparent 28%),\n    linear-gradient(145deg,#FFFDF8,#F0EEE6);\n}\n\n.icl-ivory .icl-inner{\n  background:#fff;\n  border:1px solid #DAD8CF;\n  box-shadow:0 7px 24px rgba(47,54,51,.06);\n}\n\n\n\/* =========================================================\n   SUNSET\n========================================================= *\/\n\n.icl-sunset{\n  color:#fff;\n  background:\n    radial-gradient(circle at 8% 7%,rgba(244,208,156,.19),transparent 29%),\n    radial-gradient(circle at 92% 8%,rgba(62,131,144,.20),transparent 29%),\n    linear-gradient(135deg,#54311F 0%,#925425 48%,#C67931 100%);\n}\n\n.icl-sunset .icl-inner{\n  background:rgba(255,255,255,.075);\n  border:1px solid rgba(255,255,255,.17);\n}\n\n.icl-sunset .icl-eyebrow{\n  color:#FFE0AE;\n}\n\n.icl-sunset .icl-h2{\n  color:#fff;\n}\n\n.icl-sunset .icl-h2 span{\n  color:#FFD89C;\n}\n\n.icl-sunset .icl-copy{\n  color:rgba(255,255,255,.84);\n}\n\n\n\/* =========================================================\n   SEAFOAM\n========================================================= *\/\n\n.icl-foam{\n  background:\n    radial-gradient(circle at 8% 5%,rgba(62,131,144,.20),transparent 30%),\n    radial-gradient(circle at 94% 91%,rgba(216,140,53,.10),transparent 28%),\n    linear-gradient(145deg,#E6F2EF,#C7DED7);\n}\n\n.icl-foam .icl-inner{\n  background:rgba(255,255,255,.93);\n  border:1px solid #A9C8BE;\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.icl-benefits{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:8px;\n  max-width:860px;\n  margin:24px auto 0;\n}\n\n.icl-benefit{\n  padding:12px 8px;\n  border:1px solid #CFC2AE;\n  border-radius:13px;\n  background:linear-gradient(145deg,#fff,#F6F2E8);\n  color:#405758;\n  font-size:12px;\n  line-height:1.4;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.icl-features{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:9px;\n  max-width:840px;\n  margin:24px auto 0;\n}\n\n.icl-feature{\n  padding:15px 16px;\n  border:1px solid #D4C6B3;\n  border-radius:14px;\n  background:linear-gradient(145deg,#fff,#FAF5EC);\n  text-align:left;\n}\n\n.icl-feature strong{\n  display:block;\n  margin-bottom:3px;\n  color:var(--sea-dark);\n  font-size:14px;\n  line-height:1.4;\n}\n\n.icl-feature p{\n  margin:0;\n  color:var(--muted);\n  font-size:12.8px;\n  line-height:1.55;\n}\n\n.icl-navy .icl-feature,\n.icl-sea .icl-feature,\n.icl-sunset .icl-feature{\n  background:rgba(255,255,255,.10);\n  border-color:rgba(255,255,255,.18);\n}\n\n.icl-navy .icl-feature strong,\n.icl-sea .icl-feature strong,\n.icl-sunset .icl-feature strong{\n  color:#F4D29D;\n}\n\n.icl-navy .icl-feature p,\n.icl-sea .icl-feature p,\n.icl-sunset .icl-feature p{\n  color:rgba(255,255,255,.76);\n}\n\n\n\/* =========================================================\n   SCENES\n========================================================= *\/\n\n.icl-scenes{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n  max-width:860px;\n  margin:24px auto 0;\n}\n\n.icl-scene{\n  padding:16px 12px;\n  border:1px solid #D2C5B2;\n  border-radius:14px;\n  background:linear-gradient(145deg,#fff,#F8F3E9);\n  text-align:center;\n}\n\n.icl-scene strong{\n  display:block;\n  margin-bottom:4px;\n  color:var(--sea-dark);\n  font-size:13px;\n}\n\n.icl-scene p{\n  margin:0;\n  color:var(--muted);\n  font-size:11.8px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   STATS\n========================================================= *\/\n\n.icl-stats{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:9px;\n  max-width:720px;\n  margin:24px auto 0;\n}\n\n.icl-stat{\n  padding:15px 8px;\n  border:1px solid #D1C09F;\n  border-radius:14px;\n  background:linear-gradient(180deg,#fff,#F8F0E1);\n  text-align:center;\n}\n\n.icl-stat strong{\n  display:block;\n  color:var(--sea-dark);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:21px;\n  line-height:1.05;\n}\n\n.icl-stat span{\n  display:block;\n  margin-top:4px;\n  color:#626762;\n  font-size:11.5px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   TAGS\n========================================================= *\/\n\n.icl-tags{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:7px;\n  max-width:860px;\n  margin:23px auto 0;\n}\n\n.icl-tag{\n  padding:7px 11px;\n  border:1px solid #CBB998;\n  border-radius:999px;\n  background:#F8F0DF;\n  color:#68513A;\n  font-size:11.5px;\n  font-weight:700;\n}\n\n.icl-navy .icl-tag,\n.icl-sea .icl-tag,\n.icl-sunset .icl-tag{\n  background:rgba(255,255,255,.10);\n  border-color:rgba(255,255,255,.20);\n  color:#F6E4C7;\n}\n\n\n\/* =========================================================\n   PRODUCT DETAILS\n========================================================= *\/\n\n.icl-specs{\n  max-width:850px;\n  margin:24px auto 0;\n  overflow:hidden;\n  border:1px solid #C8BCA9;\n  border-radius:16px;\n  background:#fff;\n}\n\n.icl-spec{\n  display:grid;\n  grid-template-columns:185px 1fr;\n  border-bottom:1px solid #E4DED4;\n  text-align:left;\n}\n\n.icl-spec:last-child{\n  border-bottom:0;\n}\n\n.icl-spec-name{\n  padding:12px 15px;\n  background:#DDEBEC;\n  color:#285763;\n  font-size:11.5px;\n  font-weight:800;\n}\n\n.icl-spec-value{\n  padding:12px 15px;\n  background:#FFFDF9;\n  color:#4D5551;\n  font-size:13px;\n  font-weight:600;\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.icl-final{\n  padding:48px 0;\n  text-align:center;\n  color:#fff;\n  background:\n    radial-gradient(circle at 8% 7%,rgba(216,140,53,.21),transparent 30%),\n    radial-gradient(circle at 92% 10%,rgba(62,131,144,.31),transparent 29%),\n    linear-gradient(135deg,#0C2431 0%,#183F50 48%,#326F73 100%);\n}\n\n.icl-final .icl-inner{\n  background:rgba(255,255,255,.075);\n  border:1px solid rgba(255,255,255,.18);\n}\n\n.icl-final .icl-eyebrow{\n  color:#F0CD98;\n}\n\n.icl-final .icl-h2{\n  color:#fff;\n}\n\n.icl-final .icl-h2 span{\n  color:#BFECEF;\n}\n\n.icl-final .icl-copy{\n  color:rgba(255,255,255,.84);\n}\n\n.icl-final .icl-tag{\n  background:rgba(255,255,255,.10);\n  border-color:rgba(255,255,255,.20);\n  color:#F1E4D1;\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:749px){\n\n  .icl-section,\n  .icl-hero{\n    padding:25px 0;\n  }\n\n  .icl-inner{\n    padding:22px 16px;\n    border-radius:15px;\n  }\n\n  .icl-eyebrow{\n    margin-bottom:9px;\n    font-size:9.5px;\n    letter-spacing:.09em;\n  }\n\n  .icl-h1{\n    margin-bottom:14px;\n    font-size:29px;\n    line-height:1.18;\n  }\n\n  .icl-h2{\n    margin-bottom:13px;\n    font-size:23px;\n    line-height:1.24;\n  }\n\n  .icl-copy{\n    font-size:14px;\n    line-height:1.68;\n  }\n\n  .icl-copy + .icl-copy{\n    margin-top:11px;\n  }\n\n  .icl-media{\n    margin-top:19px;\n    border-radius:12px;\n  }\n\n  .icl-benefits{\n    grid-template-columns:repeat(2,1fr);\n    gap:6px;\n    margin-top:19px;\n  }\n\n  .icl-benefit{\n    padding:10px 6px;\n    font-size:10.8px;\n  }\n\n  .icl-features{\n    grid-template-columns:repeat(2,1fr);\n    gap:7px;\n    margin-top:19px;\n  }\n\n  .icl-feature{\n    padding:12px 10px;\n  }\n\n  .icl-feature strong{\n    font-size:12px;\n  }\n\n  .icl-feature p{\n    font-size:11.2px;\n  }\n\n  .icl-scenes{\n    grid-template-columns:1fr;\n    gap:7px;\n    margin-top:19px;\n  }\n\n  .icl-stats{\n    gap:6px;\n    margin-top:19px;\n  }\n\n  .icl-stat{\n    padding:12px 5px;\n  }\n\n  .icl-stat strong{\n    font-size:18px;\n  }\n\n  .icl-stat span{\n    font-size:10px;\n  }\n\n  .icl-tag{\n    padding:6px 9px;\n    font-size:10.5px;\n  }\n\n  .icl-spec{\n    grid-template-columns:1fr;\n  }\n\n  .icl-spec-name{\n    padding:9px 12px 2px;\n    background:#EAF2F2;\n  }\n\n  .icl-spec-value{\n    padding:2px 12px 10px;\n  }\n\n  .icl-final{\n    padding:32px 0;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"icl-page\"\u003e\n\n\u003c\/div\u003e","brand":"mwc","offers":[{"title":"Default Title","offer_id":44449500594263,"sku":"YM01662610131585-瞭望","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/a8fac582-a46f-471c-b8c7-47367edd44cf.png?v=1791943188","url":"https:\/\/mycheesemas.com\/fr\/products\/illuminated-coastal-lighthouse-scene","provider":"mycheesemas","version":"1.0","type":"link"}