{"product_id":"viorastudio™-heated-comb-✨","title":"VioraStudio™ Heated Comb ✨","description":"\u003c!-- VIORA STUDIO | Premium 3D Product Showcase --\u003e\n\u003csection class=\"viora-3d-product\"\u003e\n\u003cdiv class=\"viora-bg-glow glow-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"viora-bg-glow glow-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"viora-container\"\u003e\n\u003c!-- LEFT: PRODUCT COPY --\u003e\n\u003cdiv class=\"viora-content\"\u003e\n\u003cdiv class=\"viora-badge\"\u003e✦ NEW GENERATION ✦\u003c\/div\u003e\n\u003ch1\u003eSmooth. \u003cspan\u003eShine.\u003c\/span\u003e Style.\u003c\/h1\u003e\n\u003cp class=\"viora-subtitle\"\u003eYour beauty routine, reinvented.\u003c\/p\u003e\n\u003cp class=\"viora-description\"\u003eMeet the \u003cstrong\u003eVIORA™ Portable Wireless Bang Comb\u003c\/strong\u003e — a sleek, rechargeable styling essential designed to smooth, shine and refresh your hair wherever you go. ✨\u003c\/p\u003e\n\u003cdiv class=\"viora-features\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🔥\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eFast Heating\u003c\/strong\u003e \u003csmall\u003eReady in minutes\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e💎\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eNegative Ion Technology\u003c\/strong\u003e \u003csmall\u003eSmooth-looking shine\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🔋\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eWireless \u0026amp; Rechargeable\u003c\/strong\u003e \u003csmall\u003ePerfect for travel\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cspan\u003e🌡️\u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e3 Heat Settings\u003c\/strong\u003e \u003csmall\u003eStyle your way\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"#shop-now\" class=\"viora-button\"\u003e SHOP NOW \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"viora-trust\"\u003e✦ All Hair Types   •   ✦ Travel Friendly   •   ✦ LED Display\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RIGHT: 3D PRODUCT --\u003e\n\u003cdiv class=\"viora-product-stage\"\u003e\n\u003cdiv class=\"floating-orb orb-one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"floating-orb orb-two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-card\"\u003e\n\u003c!-- Replace this image URL with your Shopify product image --\u003e \u003cimg alt=\"VIORA Portable Wireless Bang Comb\" class=\"viora-product-image\"\u003e\n\u003cdiv class=\"product-reflection\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"temperature-display\"\u003e\n\u003cspan\u003e199\u003c\/span\u003e \u003csmall\u003e°C\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"floating-label label-one\"\u003e\n\u003cspan\u003e⚡\u003c\/span\u003e FAST HEATING\u003c\/div\u003e\n\u003cdiv class=\"floating-label label-two\"\u003e\n\u003cspan\u003e💎\u003c\/span\u003e ION TECHNOLOGY\u003c\/div\u003e\n\u003cdiv class=\"floating-label label-three\"\u003e\n\u003cspan\u003e🔋\u003c\/span\u003e USB RECHARGEABLE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* ==============================\n   VIORA PREMIUM 3D SECTION\n================================ *\/\n\n.viora-3d-product {\n  position: relative;\n  overflow: hidden;\n  padding: 100px 30px;\n  background:\n    radial-gradient(circle at 75% 45%, rgba(174, 58, 255, .16), transparent 30%),\n    radial-gradient(circle at 15% 80%, rgba(244, 170, 180, .20), transparent 30%),\n    linear-gradient(135deg, #fff9f7, #f8e8e7 45%, #eee3e9);\n  font-family: Arial, Helvetica, sans-serif;\n  color: #171318;\n}\n\n.viora-container {\n  max-width: 1250px;\n  margin: auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  gap: 70px;\n}\n\n\n\/* BACKGROUND LIGHT *\/\n\n.viora-bg-glow {\n  position: absolute;\n  border-radius: 50%;\n  filter: blur(80px);\n  pointer-events: none;\n}\n\n.glow-1 {\n  width: 300px;\n  height: 300px;\n  background: rgba(177, 56, 255, .14);\n  top: 5%;\n  right: 10%;\n}\n\n.glow-2 {\n  width: 250px;\n  height: 250px;\n  background: rgba(242, 161, 174, .18);\n  bottom: 5%;\n  left: 5%;\n}\n\n\n\/* CONTENT *\/\n\n.viora-content {\n  position: relative;\n  z-index: 3;\n}\n\n.viora-badge {\n  display: inline-block;\n  padding: 9px 18px;\n  border-radius: 40px;\n  background: rgba(255,255,255,.65);\n  border: 1px solid rgba(180,80,130,.25);\n  backdrop-filter: blur(10px);\n  color: #9b3c72;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 3px;\n  margin-bottom: 25px;\n}\n\n.viora-content h1 {\n  margin: 0;\n  font-size: clamp(52px, 6vw, 88px);\n  line-height: .9;\n  letter-spacing: -5px;\n  font-weight: 800;\n}\n\n.viora-content h1 span {\n  display: block;\n  font-family: Georgia, serif;\n  font-style: italic;\n  font-weight: 400;\n  background: linear-gradient(\n    90deg,\n    #a52c78,\n    #c34ee8,\n    #e2a5ba\n  );\n  -webkit-background-clip: text;\n  color: transparent;\n}\n\n.viora-subtitle {\n  margin-top: 25px;\n  font-size: 20px;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #6e5965;\n}\n\n.viora-description {\n  max-width: 560px;\n  margin-top: 20px;\n  font-size: 16px;\n  line-height: 1.8;\n  color: #655b61;\n}\n\n\n\/* FEATURES *\/\n\n.viora-features {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin: 35px 0;\n}\n\n.feature {\n  display: flex;\n  align-items: center;\n  gap: 13px;\n  padding: 15px;\n  border-radius: 18px;\n  background: rgba(255,255,255,.55);\n  border: 1px solid rgba(255,255,255,.8);\n  backdrop-filter: blur(12px);\n  transition: .35s ease;\n}\n\n.feature:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 15px 35px rgba(80,30,70,.12);\n}\n\n.feature \u003e span {\n  font-size: 22px;\n}\n\n.feature strong {\n  display: block;\n  font-size: 13px;\n}\n\n.feature small {\n  display: block;\n  margin-top: 3px;\n  font-size: 11px;\n  color: #81747c;\n}\n\n\n\/* BUTTON *\/\n\n.viora-button {\n  display: inline-flex;\n  align-items: center;\n  gap: 30px;\n  padding: 18px 28px;\n  border-radius: 50px;\n  background: linear-gradient(\n    135deg,\n    #171219,\n    #4b1648,\n    #9d3196\n  );\n  color: white;\n  text-decoration: none;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  box-shadow:\n    0 15px 35px rgba(91,30,90,.28),\n    inset 0 1px 0 rgba(255,255,255,.25);\n  transition: .35s ease;\n}\n\n.viora-button span {\n  font-size: 20px;\n}\n\n.viora-button:hover {\n  transform: translateY(-4px) scale(1.03);\n  box-shadow:\n    0 20px 45px rgba(91,30,90,.4);\n}\n\n.viora-trust {\n  margin-top: 18px;\n  font-size: 10px;\n  letter-spacing: 1px;\n  color: #887a83;\n}\n\n\n\/* ==============================\n   3D PRODUCT AREA\n================================ *\/\n\n.viora-product-stage {\n  position: relative;\n  height: 650px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  perspective: 1200px;\n}\n\n\n\/* PRODUCT CARD *\/\n\n.product-card {\n  position: relative;\n  width: 340px;\n  height: 520px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform-style: preserve-3d;\n\n  animation:\n    productFloat 5s ease-in-out infinite,\n    productRotate 8s ease-in-out infinite;\n\n  filter:\n    drop-shadow(0 40px 35px rgba(44,18,42,.25));\n}\n\n.viora-product-image {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  position: relative;\n  z-index: 3;\n  filter:\n    drop-shadow(0 15px 20px rgba(0,0,0,.15))\n    drop-shadow(0 0 30px rgba(174,62,214,.12));\n}\n\n\n\/* PRODUCT GLOW *\/\n\n.product-glow {\n  position: absolute;\n  width: 330px;\n  height: 330px;\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(181,67,220,.35),\n    rgba(255,190,205,.18),\n    transparent 70%\n  );\n  filter: blur(30px);\n  animation: glowPulse 4s ease-in-out infinite;\n}\n\n\n\/* REFLECTION *\/\n\n.product-reflection {\n  position: absolute;\n  bottom: -35px;\n  width: 240px;\n  height: 35px;\n  border-radius: 50%;\n  background: rgba(78,34,75,.18);\n  filter: blur(18px);\n}\n\n\n\/* FLOATING LABELS *\/\n\n.floating-label {\n  position: absolute;\n  z-index: 5;\n  padding: 13px 18px;\n  border-radius: 50px;\n\n  background: rgba(255,255,255,.68);\n  border: 1px solid rgba(255,255,255,.9);\n\n  backdrop-filter: blur(15px);\n\n  box-shadow:\n    0 15px 30px rgba(62,28,59,.13);\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1px;\n\n  animation: labelFloat 4s ease-in-out infinite;\n}\n\n.floating-label span {\n  margin-right: 7px;\n}\n\n.label-one {\n  top: 18%;\n  left: 2%;\n}\n\n.label-two {\n  top: 48%;\n  right: -2%;\n  animation-delay: 1s;\n}\n\n.label-three {\n  bottom: 18%;\n  left: 5%;\n  animation-delay: 2s;\n}\n\n\n\/* TEMPERATURE *\/\n\n.temperature-display {\n  position: absolute;\n  bottom: 17%;\n  right: 13%;\n  z-index: 7;\n\n  width: 80px;\n  height: 80px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(circle at 35% 30%, #38323a, #08070a);\n\n  color: white;\n\n  box-shadow:\n    0 10px 30px rgba(0,0,0,.3),\n    inset 0 0 15px rgba(191,64,220,.2);\n}\n\n.temperature-display span {\n  font-size: 19px;\n  font-weight: 700;\n}\n\n.temperature-display small {\n  font-size: 8px;\n  margin-left: 2px;\n}\n\n\n\/* ORBS *\/\n\n.floating-orb {\n  position: absolute;\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n.orb-one {\n  width: 20px;\n  height: 20px;\n  background: #c14bdd;\n  top: 15%;\n  right: 15%;\n  box-shadow: 0 0 25px #c14bdd;\n  animation: orbMove 6s infinite ease-in-out;\n}\n\n.orb-two {\n  width: 12px;\n  height: 12px;\n  background: #d89aab;\n  bottom: 20%;\n  right: 25%;\n  box-shadow: 0 0 20px #d89aab;\n  animation: orbMove 4s infinite ease-in-out reverse;\n}\n\n\n\/* ==============================\n   ANIMATIONS\n================================ *\/\n\n@keyframes productFloat {\n\n  0%, 100% {\n    transform: translateY(0) rotateY(-5deg);\n  }\n\n  50% {\n    transform: translateY(-18px) rotateY(5deg);\n  }\n\n}\n\n@keyframes productRotate {\n\n  0%, 100% {\n    filter:\n      drop-shadow(0 40px 35px rgba(44,18,42,.25));\n  }\n\n  50% {\n    filter:\n      drop-shadow(0 55px 45px rgba(44,18,42,.35));\n  }\n\n}\n\n@keyframes glowPulse {\n\n  0%, 100% {\n    transform: scale(.9);\n    opacity: .65;\n  }\n\n  50% {\n    transform: scale(1.15);\n    opacity: 1;\n  }\n\n}\n\n@keyframes labelFloat {\n\n  0%, 100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-9px);\n  }\n\n}\n\n@keyframes orbMove {\n\n  0%, 100% {\n    transform: translate(0,0);\n  }\n\n  50% {\n    transform: translate(25px,-35px);\n  }\n\n}\n\n\n\/* ==============================\n   MOBILE\n================================ *\/\n\n@media (max-width: 850px) {\n\n  .viora-3d-product {\n    padding: 70px 20px;\n  }\n\n  .viora-container {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n\n  .viora-content {\n    text-align: center;\n  }\n\n  .viora-description {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .viora-features {\n    text-align: left;\n  }\n\n  .viora-button {\n    margin-top: 5px;\n  }\n\n  .viora-product-stage {\n    height: 570px;\n    margin-top: 10px;\n  }\n\n  .product-card {\n    width: 280px;\n    height: 450px;\n  }\n\n  .floating-label {\n    font-size: 8px;\n  }\n\n  .label-one {\n    left: 0;\n  }\n\n  .label-two {\n    right: 0;\n  }\n\n  .temperature-display {\n    right: 7%;\n  }\n\n}\n\n@media (max-width: 500px) {\n\n  .viora-content h1 {\n    font-size: 52px;\n  }\n\n  .viora-features {\n    grid-template-columns: 1fr;\n  }\n\n  .viora-product-stage {\n    height: 520px;\n  }\n\n  .product-card {\n    width: 235px;\n    height: 400px;\n  }\n\n  .floating-label {\n    padding: 9px 12px;\n  }\n\n  .temperature-display {\n    width: 60px;\n    height: 60px;\n    right: 3%;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Viora Studio","offers":[{"title":"White","offer_id":43733367980093,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":43733368012861,"sku":null,"price":449.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0663\/9032\/7357\/files\/7757CB28-C5CE-4E2E-8FBE-65C29DDBE799_913422e3-b1be-4211-8c4c-6352b0ea0510.png?v=1790163840","url":"https:\/\/viorastudio.co.za\/products\/viorastudio%e2%84%a2-heated-comb-%e2%9c%a8","provider":"Viora Studio","version":"1.0","type":"link"}