{"title":"Home page","description":null,"products":[{"product_id":"selfvue","title":"SELFVUE - Wireless Selfie Screen","description":"\u003cstyle\u003e\n\/* =========================================================\n   SELFVUE™ — PREMIUM 3D FEATURE PANEL\n   ========================================================= *\/\n\n.svx{\n  width:100%;\n  max-width:760px;\n  margin:0 auto;\n  font-family:inherit;\n  color:#111;\n  perspective:1600px;\n}\n\n.svx-panel{\n  position:relative;\n  overflow:hidden;\n  padding:18px 18px 15px;\n  border:1px solid #e1e1e1;\n  border-radius:18px;\n  background:\n    linear-gradient(145deg,#ffffff 0%,#f8f8f8 58%,#ededed 100%);\n  box-shadow:\n    0 1px 1px rgba(0,0,0,.03),\n    0 8px 20px rgba(0,0,0,.07),\n    0 22px 45px rgba(0,0,0,.06),\n    inset 0 1px 0 rgba(255,255,255,.95);\n  transform-style:preserve-3d;\n  transition:\n    transform .45s cubic-bezier(.2,.8,.2,1),\n    box-shadow .45s ease;\n}\n\n.svx-panel:hover{\n  transform:\n    rotateX(1.8deg)\n    rotateY(-1.8deg)\n    translateY(-3px);\n  box-shadow:\n    0 2px 3px rgba(0,0,0,.04),\n    0 14px 30px rgba(0,0,0,.10),\n    0 28px 55px rgba(0,0,0,.07),\n    inset 0 1px 0 #fff;\n}\n\n\/* soft 3D glow *\/\n.svx-panel::before{\n  content:\"\";\n  position:absolute;\n  width:260px;\n  height:260px;\n  top:-180px;\n  right:-120px;\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(255,255,255,.95) 0%,\n    rgba(255,255,255,.22) 45%,\n    transparent 70%\n  );\n  pointer-events:none;\n  transform:translateZ(35px);\n}\n\n\/* =========================\n   HEADER\n   ========================= *\/\n\n.svx-head{\n  position:relative;\n  z-index:3;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:14px;\n  transform:translateZ(38px);\n}\n\n.svx-eyebrow{\n  display:flex;\n  align-items:center;\n  gap:7px;\n  font-size:7.5px;\n  line-height:1;\n  font-weight:800;\n  letter-spacing:1.25px;\n  text-transform:uppercase;\n  color:#777;\n}\n\n.svx-dot{\n  width:5px;\n  height:5px;\n  flex:none;\n  border-radius:50%;\n  background:#111;\n  box-shadow:0 0 0 4px rgba(0,0,0,.055);\n}\n\n.svx-badge{\n  flex:none;\n  padding:5px 8px;\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:999px;\n  background:rgba(255,255,255,.65);\n  box-shadow:\n    0 3px 8px rgba(0,0,0,.05),\n    inset 0 1px 0 rgba(255,255,255,.95);\n  font-size:6.5px;\n  font-weight:800;\n  letter-spacing:.75px;\n  color:#777;\n}\n\n\n\/* =========================\n   TITLE\n   ========================= *\/\n\n.svx-title{\n  position:relative;\n  z-index:3;\n  margin:8px 0 0;\n  font-size:25px;\n  line-height:1.03;\n  letter-spacing:-1.35px;\n  font-weight:850;\n  transform:translateZ(46px);\n}\n\n.svx-title span{\n  color:#858585;\n  font-weight:500;\n}\n\n.svx-copy{\n  position:relative;\n  z-index:3;\n  max-width:560px;\n  margin:6px 0 0;\n  font-size:10.5px;\n  line-height:1.42;\n  color:#747474;\n  transform:translateZ(28px);\n}\n\n\n\/* =========================\n   FEATURES\n   ========================= *\/\n\n.svx-features{\n  position:relative;\n  z-index:3;\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:6px;\n  margin-top:12px;\n  transform-style:preserve-3d;\n  transform:translateZ(22px);\n}\n\n.svx-item{\n  position:relative;\n  min-width:0;\n  padding:9px 8px 8px;\n  border:1px solid rgba(0,0,0,.075);\n  border-radius:12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.98),\n      rgba(246,246,246,.92)\n    );\n\n  box-shadow:\n    0 3px 7px rgba(0,0,0,.045),\n    0 8px 14px rgba(0,0,0,.025),\n    inset 0 1px 0 rgba(255,255,255,.98);\n\n  transform-style:preserve-3d;\n\n  transition:\n    transform .35s cubic-bezier(.2,.8,.2,1),\n    box-shadow .35s ease,\n    border-color .35s ease;\n}\n\n.svx-item:hover{\n  transform:\n    translateY(-4px)\n    rotateX(4deg)\n    translateZ(12px);\n\n  border-color:#d0d0d0;\n\n  box-shadow:\n    0 6px 11px rgba(0,0,0,.07),\n    0 15px 27px rgba(0,0,0,.08);\n}\n\n\n\/* =========================\n   PREMIUM ICON\n   ========================= *\/\n\n.svx-icon-wrap{\n  position:relative;\n  width:30px;\n  height:30px;\n  margin-bottom:7px;\n  transform-style:preserve-3d;\n  transform:translateZ(22px);\n}\n\n.svx-icon{\n  position:relative;\n  width:30px;\n  height:30px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid #d8d8d8;\n  border-radius:9px;\n\n  background:\n    linear-gradient(145deg,#1b1b1b,#070707);\n\n  color:#fff;\n\n  box-shadow:\n    0 3px 5px rgba(0,0,0,.22),\n    0 7px 14px rgba(0,0,0,.13),\n    inset 0 1px 0 rgba(255,255,255,.18);\n\n  transform:translateZ(10px) rotate(-2deg);\n\n  transition:\n    transform .35s cubic-bezier(.2,.8,.2,1),\n    box-shadow .35s ease;\n}\n\n\/* little base\/shadow under icon *\/\n.svx-icon-wrap::after{\n  content:\"\";\n  position:absolute;\n  left:4px;\n  right:4px;\n  bottom:-3px;\n  height:8px;\n  border-radius:50%;\n  background:rgba(0,0,0,.14);\n  filter:blur(4px);\n  transform:translateZ(-4px);\n}\n\n.svx-item:hover .svx-icon{\n  transform:\n    translateZ(18px)\n    rotate(0deg)\n    scale(1.07);\n\n  box-shadow:\n    0 5px 8px rgba(0,0,0,.25),\n    0 10px 19px rgba(0,0,0,.14),\n    inset 0 1px 0 rgba(255,255,255,.2);\n}\n\n.svx-icon svg{\n  width:16px;\n  height:16px;\n}\n\n\n\/* =========================\n   FEATURE TEXT\n   ========================= *\/\n\n.svx-name{\n  position:relative;\n  z-index:2;\n  font-size:9.5px;\n  line-height:1.15;\n  font-weight:800;\n  transform:translateZ(11px);\n}\n\n.svx-text{\n  position:relative;\n  z-index:2;\n  margin-top:3px;\n  font-size:7.8px;\n  line-height:1.28;\n  color:#858585;\n  transform:translateZ(8px);\n}\n\n\n\/* =========================\n   FOOT STRIP\n   ========================= *\/\n\n.svx-foot{\n  position:relative;\n  z-index:3;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:12px;\n  margin-top:9px;\n  padding-top:9px;\n  border-top:1px solid rgba(0,0,0,.09);\n  transform:translateZ(30px);\n}\n\n.svx-foot-left{\n  display:flex;\n  align-items:center;\n  gap:8px;\n}\n\n.svx-arrow{\n  width:21px;\n  height:21px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:50%;\n  background:#111;\n  color:#fff;\n  box-shadow:\n    0 3px 7px rgba(0,0,0,.17),\n    inset 0 1px 0 rgba(255,255,255,.15);\n  transition:transform .3s ease;\n}\n\n.svx-panel:hover .svx-arrow{\n  transform:translateZ(12px) translateX(3px);\n}\n\n.svx-arrow svg{\n  width:10px;\n  height:10px;\n}\n\n.svx-foot-title{\n  font-size:8.7px;\n  line-height:1.1;\n  font-weight:800;\n}\n\n.svx-foot-sub{\n  margin-top:2px;\n  font-size:7px;\n  color:#999;\n}\n\n.svx-foot-right{\n  font-size:6.5px;\n  font-weight:700;\n  letter-spacing:.7px;\n  text-transform:uppercase;\n  color:#aaa;\n}\n\n\n\/* =========================\n   MOBILE\n   ========================= *\/\n\n@media(max-width:600px){\n\n  .svx-panel{\n    padding:15px 13px 12px;\n    border-radius:15px;\n  }\n\n  .svx-eyebrow{\n    font-size:6.5px;\n    letter-spacing:.95px;\n  }\n\n  .svx-badge{\n    font-size:5.8px;\n    padding:4px 6px;\n  }\n\n  .svx-title{\n    margin-top:7px;\n    font-size:21px;\n    letter-spacing:-1px;\n  }\n\n  .svx-copy{\n    margin-top:5px;\n    font-size:9px;\n    line-height:1.38;\n  }\n\n  .svx-features{\n    grid-template-columns:1fr 1fr;\n    gap:6px;\n    margin-top:9px;\n  }\n\n  .svx-item{\n    padding:8px;\n    border-radius:10px;\n  }\n\n  .svx-icon-wrap,\n  .svx-icon{\n    width:26px;\n    height:26px;\n  }\n\n  .svx-icon{\n    border-radius:8px;\n  }\n\n  .svx-icon svg{\n    width:14px;\n    height:14px;\n  }\n\n  .svx-name{\n    font-size:8.8px;\n  }\n\n  .svx-text{\n    font-size:7.2px;\n  }\n\n  .svx-foot{\n    margin-top:7px;\n    padding-top:7px;\n  }\n\n  .svx-foot-right{\n    display:none;\n  }\n\n  .svx-foot-title{\n    font-size:8px;\n  }\n\n  .svx-foot-sub{\n    font-size:6.5px;\n  }\n}\n\n\n\/* Reduced motion *\/\n@media(prefers-reduced-motion:reduce){\n  .svx-panel,\n  .svx-item,\n  .svx-icon,\n  .svx-arrow{\n    transition:none !important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"svx\"\u003e\n\n  \u003cdiv class=\"svx-panel\"\u003e\n\n    \u003c!-- HEADER --\u003e\n    \u003cdiv class=\"svx-head\"\u003e\n\n      \u003cdiv class=\"svx-eyebrow\"\u003e\n        \u003cspan class=\"svx-dot\"\u003e\u003c\/span\u003e\n        SELFVUE™ \/ MAGNETIC CAMERA MIRROR\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"svx-badge\"\u003e\n        REAR CAMERA\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- TITLE --\u003e\n    \u003ch2 class=\"svx-title\"\u003e\n      Your best camera.\n      \u003cspan\u003eNow you can see it.\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n\n    \u003cp class=\"svx-copy\"\u003e\n      See yourself while using your phone's rear camera — making every selfie and video easier to frame with confidence.\n    \u003c\/p\u003e\n\n\n    \u003c!-- FEATURES --\u003e\n    \u003cdiv class=\"svx-features\"\u003e\n\n\n      \u003c!-- BETTER CAMERA --\u003e\n      \u003cdiv class=\"svx-item\"\u003e\n\n        \u003cdiv class=\"svx-icon-wrap\"\u003e\n          \u003cdiv class=\"svx-icon\"\u003e\n\n            \u003c!-- APERTURE \/ CAMERA ICON --\u003e\n            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"7.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"2.7\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M8 5.7l3.2 3.2\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M16 5.7l-3.2 3.2\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M18.3 10l-4.5-.1\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M18.3 14l-4.5.1\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M16 18.3l-3.2-3.2\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 18.3l3.2-3.2\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-name\"\u003e\n          Better Camera\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-text\"\u003e\n          Use the sharper rear camera.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- MAGNETIC --\u003e\n      \u003cdiv class=\"svx-item\"\u003e\n\n        \u003cdiv class=\"svx-icon-wrap\"\u003e\n          \u003cdiv class=\"svx-icon\"\u003e\n\n            \u003c!-- MAGNET ICON --\u003e\n            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.55\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M6.5 5v7a5.5 5.5 0 0 0 11 0V5\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M6.5 5h3v6.8a2.5 2.5 0 0 0 5 0V5h3\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M6.5 5v-1\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M18.5 5v-1\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-name\"\u003e\n          Magnetic Fit\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-text\"\u003e\n          Snaps into place instantly.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- FRAMING --\u003e\n      \u003cdiv class=\"svx-item\"\u003e\n\n        \u003cdiv class=\"svx-icon-wrap\"\u003e\n          \u003cdiv class=\"svx-icon\"\u003e\n\n            \u003c!-- VIEWFINDER \/ FRAME ICON --\u003e\n            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003cpath d=\"M8 4H5a1 1 0 0 0-1 1v3\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M16 4h3a1 1 0 0 1 1 1v3\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8 20H5a1 1 0 0 1-1-1v-3\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M16 20h3a1 1 0 0 0 1-1v-3\"\u003e\u003c\/path\u003e\n              \u003crect x=\"8\" y=\"8\" width=\"8\" height=\"8\" rx=\"1.5\"\u003e\u003c\/rect\u003e\n\n            \u003c\/svg\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-name\"\u003e\n          Perfect Framing\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-text\"\u003e\n          See your shot before capture.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003c!-- PORTABLE --\u003e\n      \u003cdiv class=\"svx-item\"\u003e\n\n        \u003cdiv class=\"svx-icon-wrap\"\u003e\n          \u003cdiv class=\"svx-icon\"\u003e\n\n            \u003c!-- SLIM PHONE ICON --\u003e\n            \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n              \u003crect x=\"7.2\" y=\"2.8\" width=\"9.6\" height=\"18.4\" rx=\"2.2\"\u003e\u003c\/rect\u003e\n              \u003cpath d=\"M10.4 5.4h3.2\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"12\" cy=\"18.3\" r=\".7\" fill=\"currentColor\" stroke=\"none\"\u003e\u003c\/circle\u003e\n\n            \u003c\/svg\u003e\n\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-name\"\u003e\n          Slim \u0026amp; Portable\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"svx-text\"\u003e\n          Compact enough for anywhere.\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- FOOT --\u003e\n    \u003cdiv class=\"svx-foot\"\u003e\n\n      \u003cdiv class=\"svx-foot-left\"\u003e\n\n        \u003cdiv class=\"svx-arrow\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n\n            \u003cpath d=\"M5 12h14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M13 6l6 6-6 6\"\u003e\u003c\/path\u003e\n\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv\u003e\n          \u003cdiv class=\"svx-foot-title\"\u003e\n            Stop guessing your shot.\n          \u003c\/div\u003e\n          \u003cdiv class=\"svx-foot-sub\"\u003e\n            See it. Frame it. Capture it.\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"svx-foot-right\"\u003e\n        Designed for everyday use\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"SELFVUE","offers":[{"title":"GREY \/ 4 Inches","offer_id":56141283885378,"sku":null,"price":59.0,"currency_code":"USD","in_stock":true},{"title":"GREY \/ 5 Inches PRO","offer_id":56147904528706,"sku":null,"price":79.0,"currency_code":"USD","in_stock":true},{"title":"WHITE \/ 4 Inches","offer_id":56141283918146,"sku":null,"price":59.0,"currency_code":"USD","in_stock":true},{"title":"WHITE \/ 5 Inches PRO","offer_id":56147904561474,"sku":null,"price":79.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1033\/2959\/5714\/files\/Change_selfvue_logo_2K_20260912070606.jpg?v=1789179378"}],"url":"https:\/\/selfvue.co\/collections\/frontpage.oembed","provider":"SELFVUE","version":"1.0","type":"link"}