{"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":30.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","url":"https:\/\/miskacosmetics.com\/en\/products\/sugar-daze","provider":"miska cosmetics","version":"1.0","type":"link"}