{"title":"Parfums Glossy","description":"\u003cp\u003eDécouvrez nos parfums en texture glossy à appliquer sur vos points de pulsation. Des fragrances sensuelles et gourmandes qui s’intensifient au contact de la chaleur de votre peau.\u003c\/p\u003e","products":[{"product_id":"sugar-daze","title":"Sugar Daze","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@300;400;500;600\u0026amp;family=Nunito:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n:root {\n  --blush: #FAF0F3;\n  --petal: #F4C0D1;\n  --accent: #D4537E;\n  --plum: #2E1A25;\n  --cream: #F7F2EC;\n  --lilac: #EDE8F7;\n  --mauve: #C8A0B4;\n  --caramel: #E7C0AE;\n  --white: #FFFFFF;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'Nunito', sans-serif; background: var(--white); color: var(--plum); overflow-x: hidden; }\n\n\/* BREADCRUMB *\/\n.breadcrumb { padding: 14px 48px; font-size: 12px; color: var(--mauve); border-bottom: 1px solid var(--petal); background: var(--cream); }\n.breadcrumb a { color: var(--mauve); text-decoration: none; }\n.breadcrumb a:hover { color: var(--accent); }\n.breadcrumb span { margin: 0 8px; }\n\n\/* ── HERO PRODUCT SECTION *\/\n.product-hero {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  min-height: 90vh;\n  background: var(--white);\n}\n\n\/* LEFT — Images *\/\n.product-images {\n  position: sticky;\n  top: 0;\n  height: 100vh;\n  background: var(--blush);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  padding: 40px;\n}\n.main-image {\n  width: 100%;\n  max-width: 420px;\n  aspect-ratio: 3\/4;\n  border-radius: 28px;\n  background: linear-gradient(135deg, #FAF0F3, #F4C0D1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 12px;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 24px 60px rgba(212,83,126,.15);\n}\n.main-image::before {\n  content: '';\n  position: absolute;\n  top: -30%;\n  right: -20%;\n  width: 60%;\n  aspect-ratio: 1;\n  border-radius: 50%;\n  background: rgba(212,83,126,.08);\n}\n.main-image-name {\n  font-family: 'Fredoka', sans-serif;\n  font-size: 42px;\n  font-weight: 400;\n  color: #C45C7A;\n  position: relative;\n  z-index: 1;\n}\n.main-image-sub {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: #C45C7A;\n  opacity: .7;\n  position: relative;\n  z-index: 1;\n}\n.main-image-vol {\n  position: absolute;\n  bottom: 20px;\n  right: 20px;\n  background: rgba(255,255,255,.85);\n  color: var(--accent);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  padding: 5px 12px;\n  border-radius: 100px;\n}\n.main-image-badge {\n  position: absolute;\n  top: 20px;\n  left: 20px;\n  background: var(--plum);\n  color: white;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  padding: 4px 12px;\n  border-radius: 100px;\n}\n.thumb-row {\n  display: flex;\n  gap: 10px;\n}\n.thumb {\n  width: 72px;\n  height: 72px;\n  border-radius: 14px;\n  border: 2px solid transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 700;\n  transition: border-color .2s;\n  font-family: 'Fredoka', sans-serif;\n}\n.thumb.active { border-color: var(--accent); }\n.thumb:hover { border-color: var(--petal); }\n\n\/* RIGHT — Product Info *\/\n.product-info-panel {\n  padding: 60px 56px 60px 48px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  overflow-y: auto;\n}\n.product-collection {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 10px;\n}\n.product-title {\n  font-family: 'Fredoka', sans-serif;\n  font-size: 48px;\n  font-weight: 400;\n  color: var(--plum);\n  line-height: 1.05;\n  margin-bottom: 6px;\n}\n.product-title-fr {\n  font-family: 'Fredoka', sans-serif;\n  font-size: 22px;\n  font-weight: 300;\n  color: var(--mauve);\n  margin-bottom: 20px;\n}\n.product-stars-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 24px;\n}\n.stars { color: var(--accent); font-size: 16px; }\n.review-count { font-size: 13px; color: var(--mauve); text-decoration: underline; cursor: pointer; }\n.product-price-row {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n  margin-bottom: 8px;\n}\n.price-main {\n  font-family: 'Fredoka', sans-serif;\n  font-size: 36px;\n  font-weight: 500;\n  color: var(--accent);\n}\n.price-per {\n  font-size: 13px;\n  color: var(--mauve);\n}\n.price-note {\n  font-size: 12px;\n  color: var(--mauve);\n  margin-bottom: 28px;\n}\n\n\/* Volume selector *\/\n.volume-selector { margin-bottom: 28px; }\n.selector-label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--plum); margin-bottom: 10px; }\n.volume-options { display: flex; gap: 8px; }\n.vol-btn {\n  padding: 8px 20px;\n  border-radius: 100px;\n  border: 2px solid var(--petal);\n  background: transparent;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--plum);\n  cursor: pointer;\n  font-family: 'Nunito', sans-serif;\n  transition: all .2s;\n}\n.vol-btn.active { background: var(--accent); border-color: var(--accent); color: white; }\n\n\/* Scent selector *\/\n.scent-selector { margin-bottom: 32px; }\n.scent-options { display: flex; gap: 8px; flex-wrap: wrap; }\n.scent-btn {\n  padding: 8px 18px;\n  border-radius: 100px;\n  border: 2px solid var(--petal);\n  background: transparent;\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--plum);\n  cursor: pointer;\n  font-family: 'Nunito', sans-serif;\n  transition: all .2s;\n}\n.scent-btn.active { border-color: var(--accent); background: var(--blush); }\n\n\/* CTA Buttons *\/\n.cta-section { margin-bottom: 28px; display: flex; flex-direction: column; gap: 10px; }\n.btn-add-cart {\n  width: 100%;\n  background: var(--accent);\n  color: white;\n  border: none;\n  border-radius: 100px;\n  padding: 16px 32px;\n  font-size: 16px;\n  font-weight: 700;\n  cursor: pointer;\n  font-family: 'Nunito', sans-serif;\n  letter-spacing: .04em;\n  transition: all .2s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n.btn-add-cart:hover { background: var(--plum); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(212,83,126,.3); }\n.btn-buy-now {\n  width: 100%;\n  background: var(--plum);\n  color: white;\n  border: none;\n  border-radius: 100px;\n  padding: 16px 32px;\n  font-size: 16px;\n  font-weight: 700;\n  cursor: pointer;\n  font-family: 'Nunito', sans-serif;\n  transition: all .2s;\n}\n.btn-buy-now:hover { background: #1a0d15; }\n\n\/* Trust badges *\/\n.trust-badges {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n  margin-bottom: 28px;\n}\n.trust-badge {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--plum);\n  background: var(--cream);\n  padding: 10px 14px;\n  border-radius: 12px;\n}\n.trust-badge svg { width: 16px; height: 16px; color: var(--accent); flex-shrink: 0; }\n\n\/* Short description *\/\n.product-short-desc {\n  font-size: 14px;\n  line-height: 1.75;\n  color: #5C3A4E;\n  margin-bottom: 28px;\n  padding: 20px;\n  background: var(--blush);\n  border-radius: 16px;\n  border-left: 3px solid var(--accent);\n}\n\n\/* Accordion details *\/\n.accordion { margin-bottom: 0; border-top: 1px solid var(--petal); }\n.accordion-item { border-bottom: 1px solid var(--petal); }\n.accordion-q {\n  padding: 16px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--plum);\n  transition: color .2s;\n}\n.accordion-q:hover { color: var(--accent); }\n.accordion-icon { font-size: 20px; color: var(--accent); transition: transform .25s; line-height: 1; font-weight: 300; }\n.accordion-item.open .accordion-icon { transform: rotate(45deg); }\n.accordion-a { font-size: 13px; line-height: 1.75; color: #5C3A4E; max-height: 0; overflow: hidden; transition: max-height .3s, padding .3s; }\n.accordion-item.open .accordion-a { max-height: 400px; padding-bottom: 16px; }\n\n\/* OLFACTIVE NOTES SECTION *\/\n.olfactive-section {\n  background: var(--blush);\n  padding: 80px 48px;\n}\n.notes-horizontal {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr auto 1fr auto 1fr;\n  gap: 0;\n  align-items: start;\n}\n.note-col {\n  text-align: center;\n  padding: 0 20px;\n}\n.note-col-divider {\n  width: 1px;\n  background: var(--petal);\n  align-self: stretch;\n  margin: 20px 0;\n}\n.note-col-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 24px;\n  display: block;\n}\n.note-bubbles-row {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin-bottom: 16px;\n}\n.note-bubble {\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform .2s, box-shadow .2s;\n}\n.note-bubble:hover { transform: scale(1.08); box-shadow: 0 10px 24px rgba(46,26,37,.15); }\n.note-bubble-name {\n  font-family: 'Fredoka', sans-serif;\n  font-size: 11px;\n  font-weight: 400;\n  text-align: center;\n  line-height: 1.3;\n  padding: 0 6px;\n}\n.note-col-desc {\n  font-size: 12px;\n  color: #5C3A4E;\n  line-height: 1.6;\n  text-align: center;\n  margin: 0 auto;\n}\n\n\/* APPLICATION SECTION *\/\n.application-section {\n  background: var(--white);\n  padding: 80px 48px;\n}\n.application-inner {\n  max-width: 1100px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n.application-img {\n  border-radius: 28px;\n  aspect-ratio: 4\/5;\n  background: linear-gradient(135deg, var(--petal), var(--blush));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n.application-img::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 40%;\n  background: linear-gradient(to top, rgba(212,83,126,.15), transparent);\n}\n.app-placeholder {\n  font-family: 'Fredoka', sans-serif;\n  font-size: 18px;\n  color: var(--accent);\n  text-align: center;\n  padding: 24px;\n  line-height: 1.5;\n}\n.application-content { }\n.application-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: var(--accent);\n  margin-bottom: 16px;\n}\n.application-title {\n  font-family: 'Fredoka', sans-serif;\n  font-size: 42px;\n  font-weight: 400;\n  color: var(--plum);\n  line-height: 1.1;\n  margin-bottom: 24px;\n}\n.application-steps {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  margin-bottom: 32px;\n}\n.app-step {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n  padding: 16px;\n  background: var(--blush);\n  border-radius: 16px;\n  transition: transform .2s;\n}\n.app-step:hover { transform: translateX(4px); }\n.app-step-num {\n  width: 36px;\n  height: 36px;\n  background: var(--accent);\n  color: white;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 700;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n.app-step-content { }\n.app-step-title { font-size: 14px; font-weight: 700; color: var(--plum); margin-bottom: 3px; }\n.app-step-desc { font-size: 13px; color: #5C3A4E; line-height: 1.55; }\n\n.hotspots {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-bottom: 24px;\n}\n.hotspot {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--plum);\n  background: var(--cream);\n  padding: 6px 14px;\n  border-radius: 100px;\n}\n.hotspot-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--accent);\n  flex-shrink: 0;\n}\n\n\/* BENEFITS SECTION *\/\n.benefits-section {\n  background: var(--cream);\n  padding: 80px 48px;\n}\n.benefits-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n.benefit-card {\n  background: white;\n  border-radius: 20px;\n  padding: 28px 24px;\n  text-align: center;\n  transition: transform .2s, box-shadow .2s;\n}\n.benefit-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(46,26,37,.08); }\n.benefit-icon {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: var(--blush);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 16px;\n}\n.benefit-icon svg { width: 24px; height: 24px; color: var(--accent); }\n.benefit-title { font-family: 'Fredoka', sans-serif; font-size: 18px; font-weight: 400; color: var(--plum); margin-bottom: 6px; }\n.benefit-desc { font-size: 12px; color: #5C3A4E; line-height: 1.6; }\n\n\/* REVIEWS SECTION *\/\n.reviews-section {\n  background: var(--blush);\n  padding: 80px 48px;\n}\n.reviews-header-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  max-width: 900px;\n  margin: 0 auto 40px;\n}\n.reviews-avg { display: flex; align-items: center; gap: 14px; }\n.avg-big { font-family: 'Fredoka', sans-serif; font-size: 56px; color: var(--accent); line-height: 1; }\n.avg-stars { font-size: 20px; color: var(--accent); }\n.avg-info { font-size: 12px; color: var(--mauve); margin-top: 4px; }\n.btn-write-review {\n  border: 2px solid var(--accent);\n  color: var(--accent);\n  background: transparent;\n  border-radius: 100px;\n  padding: 10px 26px;\n  font-size: 13px;\n  font-weight: 700;\n  cursor: pointer;\n  font-family: 'Nunito', sans-serif;\n  transition: all .2s;\n}\n.btn-write-review:hover { background: var(--accent); color: white; }\n.reviews-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n  gap: 16px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n.review-card {\n  background: white;\n  border-radius: 18px;\n  padding: 22px;\n}\n.review-stars { color: var(--accent); font-size: 14px; margin-bottom: 8px; }\n.review-text { font-size: 13px; line-height: 1.65; color: var(--plum); margin-bottom: 12px; font-style: italic; }\n.review-author { font-size: 12px; font-weight: 700; color: var(--mauve); display: flex; align-items: center; gap: 6px; }\n.verified { font-size: 10px; background: var(--blush); color: var(--accent); padding: 2px 8px; border-radius: 100px; font-weight: 700; }\n\n\/* RELATED PRODUCTS *\/\n.related-section {\n  background: var(--white);\n  padding: 80px 48px;\n}\n.related-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n.related-card {\n  border-radius: 20px;\n  overflow: hidden;\n  background: var(--blush);\n  cursor: pointer;\n  transition: transform .3s, box-shadow .3s;\n}\n.related-card:hover { transform: translateY(-5px); box-shadow: 0 18px 36px rgba(46,26,37,.1); }\n.related-img {\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 6px;\n}\n.related-name { font-family: 'Fredoka', sans-serif; font-size: 20px; font-weight: 400; }\n.related-sub { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; opacity: .7; }\n.related-info { padding: 14px 16px; }\n.related-title { font-family: 'Fredoka', sans-serif; font-size: 16px; color: var(--plum); margin-bottom: 4px; }\n.related-price { font-size: 14px; font-weight: 700; color: var(--accent); }\n\n\/* SECTION TITLE *\/\n.section-title { font-family: 'Fredoka', sans-serif; font-size: clamp(32px, 3.5vw, 48px); font-weight: 400; color: var(--plum); text-align: center; margin-bottom: 8px; }\n.section-sub { font-size: 14px; color: var(--mauve); text-align: center; margin-bottom: 48px; }\n\n\/* RESPONSIVE *\/\n@media (max-width: 900px) {\n  .product-hero { grid-template-columns: 1fr; }\n  .product-images { position: relative; height: auto; padding: 32px 24px; }\n  .product-info-panel { padding: 32px 24px; }\n  .application-inner { grid-template-columns: 1fr; gap: 32px; }\n  .benefits-grid { grid-template-columns: repeat(2, 1fr); }\n  .related-grid { grid-template-columns: repeat(2, 1fr); }\n  .breadcrumb { padding: 12px 20px; }\n  .olfactive-section, .application-section, .benefits-section, .reviews-section, .related-section { padding: 56px 20px; }\n  .trust-badges { grid-template-columns: 1fr; }\n  .notes-horizontal { grid-template-columns: 1fr; gap: 32px; }\n  .note-col-divider { width: 60%; height: 1px; margin: 0 auto; }\n}\n\u003c\/style\u003e\n\u003c!-- BREADCRUMB --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eThe SkinGloss Scent is a new way to wear perfume, invented by miska. Neither a spray nor an atomizer, it's a concentrated perfume in a gloss-tube format that is applied directly to the body's pulse points, like lip gloss on the lips.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eRun the tube over your wrists, neck, décolletage, or behind your ears. The melting gel texture instantly adheres to your skin's warmth and dries in seconds, with no residue, no shine, and no discomfort. The fragrance then blends with your body heat to create a unique olfactory signature, your own.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003eWorn alone, it is subtle and discreet, perfect for everyday use, the office, or public transport. When paired with a mist or your usual perfume, it acts as a natural fixative and intensifies longevity throughout the day. The result: a fragrance that stays, evolves with you, and that you can discreetly reapply anywhere, anytime.\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":53283460612390,"sku":null,"price":28.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4452\/5094\/files\/sarakara194191__2_5051ae26-6cd0-426e-819c-7df71582d63b.jpg?v=1782538090"},{"product_id":"hot-caramel","title":"Hot Caramel","description":"\u003cp\u003eEnveloppant, gourmand, irrésistible. Hot Caramel est un baume parfumé glossy qui fond sur la peau comme une seconde nature. Des notes chaudes de caramel fondant se mêlent à la douceur crémeuse de la noix de coco pour créer une signature olfactive à la fois sensuelle et réconfortante.\u003c\/p\u003e\n\u003cp\u003eApplique-le sur les points de pulsation : poignets, cou, décolleté et laisse la chaleur de ta peau révéler son sillage envoûtant. Une texture glossy, un parfum qui reste.\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":53299611762982,"sku":null,"price":28.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4452\/5094\/files\/sarakara194108__2.jpg?v=1782354071"},{"product_id":"lychee-lust","title":"Lychee Lust","description":"\u003cp\u003eFruitière, florale, envoûtante. Lychee Lust est un baume parfumé glossy qui marie la douceur juteuse du lychee aux effluves délicates de rose fraîche. Une fragrance féminine et lumineuse qui s'épanouit sur la peau comme un bouquet en plein été.\u003c\/p\u003e\u003cp\u003eApplique-le sur les poignets, le cou ou le décolleté pour un sillage floral-fruitié qui reste tout au long de la journée. Glossy sur la peau, inoubliable dans l'air.\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":53299612549414,"sku":null,"price":28.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4452\/5094\/files\/IMG_9538.jpg?v=1782537512"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1019\/4452\/5094\/collections\/ChatGPT_Image_4_juil._2026_21_59_53.png?v=1785956726","url":"https:\/\/miskacosmetics.com\/en\/collections\/parfums-glossy.oembed","provider":"miska cosmetics","version":"1.0","type":"link"}