{"product_id":"meta-oakley-hstn","title":"Oakley Meta HSTN | Smart Glasses with Camera, Audio, and Bluetooth","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* --- ESTILOS CSS PARA SHOPIFY --- *\/\n        \/* Usamos un contenedor principal para evitar conflictos \n          con los estilos de la plantilla de Shopify. \n        *\/\n        :root {\n            --meta-blue: #0062E0;\n            --oakley-dark: #222; \/* Un negro más profundo para el estilo urbano *\/\n            --oakley-gray-light: #f4f4f4;\n            --oakley-gray-mid: #e0e0e0;\n            --oakley-text: #1c1e21;\n            --oakley-text-secondary: #4b4b4b;\n            --white: #FFFFFF;\n        }\n\n        .meta-hstn-container {\n            font-family: 'Roboto', 'Helvetica Neue', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n            max-width: 1000px;\n            margin: 0 auto;\n            color: var(--oakley-text);\n            line-height: 1.6;\n            background-color: var(--white);\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);\n        }\n\n        \/* --- ENCABEZADO Y HERO --- *\/\n        .hstn-header {\n            padding: 48px 32px;\n            text-align: center;\n            border-bottom: 1px solid var(--oakley-gray-light);\n        }\n\n        .hstn-header h1 {\n            \/* SEO: El H1 real es el título del producto en Shopify.\n               Este H2 visual funciona como el título de la descripción.\n            *\/\n            font-size: 2.75rem;\n            font-weight: 800;\n            color: var(--oakley-dark);\n            margin: 0 0 12px 0;\n            line-height: 1.1;\n        }\n\n        .hstn-header .subtitle {\n            font-size: 1.25rem;\n            color: var(--oakley-text-secondary);\n            font-weight: 400;\n            max-width: 650px;\n            margin: 0 auto;\n        }\n\n        .hstn-hero-image {\n            width: 100%;\n            height: 500px;\n            background-color: var(--oakley-gray-light);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            color: var(--oakley-text-secondary);\n            font-style: italic;\n        }\n\n        \/* --- SECCIONES DE BENEFICIOS (RESPONSIVAS) --- *\/\n        .hstn-section {\n            display: flex;\n            align-items: center;\n            padding: 56px 32px;\n            gap: 40px;\n            border-bottom: 1px solid var(--oakley-gray-light);\n        }\n\n        .hstn-section.reverse {\n            flex-direction: row-reverse;\n        }\n\n        .hstn-section-text {\n            flex: 1;\n        }\n\n        .hstn-section-text .eyebrow {\n            font-size: 0.9rem;\n            font-weight: 700;\n            color: var(--meta-blue);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 8px;\n        }\n\n        .hstn-section-text h2 {\n            font-size: 2.25rem;\n            font-weight: 700;\n            margin-top: 0;\n            margin-bottom: 16px;\n        }\n\n        .hstn-section-text p {\n            font-size: 1.1rem;\n            color: var(--oakley-text-secondary);\n            margin-bottom: 24px;\n        }\n        \n        .hstn-section-text ul {\n            list-style: none;\n            padding-left: 0;\n        }\n        \n        .hstn-section-text li {\n            font-size: 1.1rem;\n            position: relative;\n            padding-left: 30px;\n            margin-bottom: 12px;\n            font-weight: 500;\n        }\n        \n        \/* Icono de checkmark *\/\n        .hstn-section-text li::before {\n            content: '✓';\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: var(--meta-blue);\n            font-weight: 700;\n        }\n\n        .hstn-section-image {\n            flex: 1;\n            height: 400px;\n            background-color: var(--oakley-gray-light);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1rem;\n            color: var(--oakley-text-secondary);\n            font-style: italic;\n        }\n        \n        \/* --- SECCIÓN DESPLEGABLE (ACORDEÓN) --- *\/\n        .hstn-accordion-section {\n            padding: 56px 32px;\n            background-color: #f9f9f9;\n        }\n        \n        .hstn-accordion-section h2 {\n            text-align: center;\n            font-size: 2.25rem;\n            font-weight: 700;\n            margin-top: 0;\n            margin-bottom: 32px;\n        }\n\n        .hstn-details {\n            background-color: var(--white);\n            border: 1px solid var(--oakley-gray-mid);\n            border-radius: 8px;\n            margin-bottom: 12px;\n            overflow: hidden;\n        }\n\n        .hstn-details summary {\n            font-size: 1.15rem;\n            font-weight: 600;\n            padding: 20px 24px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            list-style: none; \/* Oculta marcador por defecto *\/\n        }\n        \n        .hstn-details summary::-webkit-details-marker {\n            display: none; \n        }\n\n        \/* Icono de \"+\" y \"-\" *\/\n        .hstn-details summary::after {\n            content: '+';\n            font-size: 1.75rem;\n            color: var(--meta-blue);\n            font-weight: 400;\n            transition: transform 0.2s ease-in-out;\n        }\n\n        .hstn-details[open] summary {\n            color: var(--meta-blue);\n        }\n\n        .hstn-details[open] summary::after {\n            content: '−';\n            transform: translateY(-2px);\n        }\n\n        .hstn-details-content {\n            padding: 0 24px 24px 24px;\n            color: var(--oakley-text-secondary);\n            line-height: 1.7;\n            border-top: 1px solid var(--oakley-gray-light);\n        }\n        \n        .hstn-details-content p {\n            margin-top: 16px;\n        }\n        .hstn-details-content ul {\n            padding-left: 20px;\n            margin-top: 16px;\n        }\n        .hstn-details-content li {\n            margin-bottom: 8px;\n        }\n\n        \/* --- CTA FINAL --- *\/\n        .hstn-cta-section {\n            text-align: center;\n            padding: 56px 32px;\n            background-color: var(--oakley-dark);\n            color: var(--white);\n        }\n\n        .hstn-cta-section h2 {\n            font-size: 2.25rem;\n            font-weight: 700;\n            margin-top: 0;\n            margin-bottom: 16px;\n        }\n\n        .hstn-cta-section p {\n            font-size: 1.1rem;\n            max-width: 600px;\n            margin: 0 auto 24px;\n            line-height: 1.6;\n            opacity: 0.9;\n        }\n        \n        \/* --- AJUSTES RESPONSIVOS --- *\/\n        @media (max-width: 768px) {\n            .hstn-header {\n                padding: 32px 24px;\n            }\n            .hstn-header h1 {\n                font-size: 2.25rem;\n            }\n            .hstn-header .subtitle {\n                font-size: 1.1rem;\n            }\n            \n            .hstn-hero-image {\n                height: 350px; \/* Más vertical para móviles *\/\n            }\n\n            .hstn-section {\n                flex-direction: column !important; \/* Apila columnas *\/\n                padding: 40px 24px;\n                gap: 24px;\n            }\n            \n            .hstn-section-image {\n                height: 300px;\n                width: 100%;\n            }\n\n            .hstn-section-text {\n                text-align: left;\n            }\n            \n            .hstn-section-text h2 {\n                font-size: 2rem;\n            }\n\n            .hstn-accordion-section, .hstn-cta-section {\n                padding: 40px 24px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"meta-hstn-container\"\u003e\n\n\u003cheader class=\"hstn-header\"\u003e\n\u003ch1\u003eMeta Oakley HSTN Smart Glasses\u003c\/h1\u003e\n\n\u003cp class=\"subtitle\"\u003eDon't just see culture. Create it. Camera, audio, and AI-enabled smart glasses designed for self-expression.\u003c\/p\u003e\n\n\u003cp class=\"subtitle\"\u003e \u003c\/p\u003e\n\n\u003cp class=\"subtitle\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0448\/8921\/1040\/files\/7_bd1dc667-929d-4728-af0c-f696b0308b1b.webp?v=1762374231\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003c\/header\u003e\n\u003csection class=\"hstn-section\"\u003e\n\u003cdiv class=\"hstn-section-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0448\/8921\/1040\/files\/28_9d6bf137-87da-4faa-a591-a9807ad69d9f.webp?v=1762374135\" alt=\"\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"hstn-section-text\"\u003e\n\n\u003cspan class=\"eyebrow\"\u003eCAPTURE WITHOUT LIMITS\u003c\/span\u003e\n\u003ch2\u003eYour Perspective. Your Story.\u003c\/h2\u003e\n\n\u003cp\u003eForget your phone. The \u003cstrong\u003eintegrated 12 MP camera\u003c\/strong\u003e lets you capture hands-free POV (Point-of-View) photos and videos. Live stream your moments directly to Instagram and share your world view, unfiltered and instantly.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eCapture high-resolution photos and videos.\u003c\/li\u003e\n\n\u003cli\u003eLive stream to your social media with a single tap.\u003c\/li\u003e\n\n\u003cli\u003eSave your moments with 32 GB of internal storage.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"hstn-section reverse\"\u003e\n\u003cdiv class=\"hstn-section-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0448\/8921\/1040\/files\/2_b5f1e342-7413-4492-8795-d5bb41ca8669.webp?v=1762374231\" alt=\"\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"hstn-section-text\"\u003e\n\n\u003cspan class=\"eyebrow\"\u003eOPEN-EAR AUDIO\u003c\/span\u003e\n\u003ch2\u003eThe Soundtrack of Your City\u003c\/h2\u003e\n\n\u003cp\u003eImmerse yourself in your favorite playlist or podcast without disconnecting from the energy of the street. The \u003cstrong\u003eopen-ear audio system\u003c\/strong\u003e directs crisp sound to your ears, while the 5-microphone system ensures clear calls, even in noisy environments.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eCustom speakers for rich bass and clear highs.\u003c\/li\u003e\n\n\u003cli\u003eStay aware of your surroundings for safety.\u003c\/li\u003e\n\n\u003cli\u003eControl music and calls with simple taps on the temple.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"hstn-section\"\u003e\n\u003cdiv class=\"hstn-section-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0448\/8921\/1040\/files\/27_254d6292-5fb4-4668-bd5b-d986a847253c.webp?v=1762374135\" alt=\"\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"hstn-section-text\"\u003e\n\n\u003cspan class=\"eyebrow\"\u003eICONIC DESIGN\u003c\/span\u003e\n\u003ch2\u003eStyle that Breaks Molds\u003c\/h2\u003e\n\n\u003cp\u003eThe HSTN are unlike anything else. Inspired by *underground* culture, their progressive design with circular lenses and a modernized \"trigger\" stem is a statement. Made with lightweight \u003cstrong\u003eO Matter™\u003c\/strong\u003e and \u003cstrong\u003ePrizm™\u003c\/strong\u003e lenses, they're as tough as your style.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eUltra-lightweight O Matter™ frame for all-day comfort.\u003c\/li\u003e\n\n\u003cli\u003ePrizm™ lenses that fine-tune color and contrast.\u003c\/li\u003e\n\n\u003cli\u003eUnique design that sets you apart from the crowd.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e\n\u003csection class=\"hstn-accordion-section\"\u003e\n\u003ch2\u003eTech Inside. Style Outside.\u003c\/h2\u003e\n\n\u003cdetails class=\"hstn-details\"\u003e\n\u003csummary\u003eCamera and Content Creator\u003c\/summary\u003e\n\u003cdiv class=\"hstn-details-content\"\u003e\n\n\u003cp\u003eDesigned for the social creator. The ultra-wide camera lets you capture more of the scene, and voice control (\"Hey Meta, take a photo\") gives you complete creative freedom.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eCamera:\u003c\/strong\u003e 12 MP ultra-wide.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eVideo:\u003c\/strong\u003e 1080p at 30 fps.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eIntegration:\u003c\/strong\u003e Upload and share directly from the Meta View app.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003cdetails class=\"hstn-details\"\u003e\n\u003csummary\u003eImmersive Audio and Meta AI\u003c\/summary\u003e\n\u003cdiv class=\"hstn-details-content\"\u003e\n\n\u003cp\u003eYour glasses are now your personal assistant. Ask Meta AI for inspiration, information, or to control your glasses. The audio has been redesigned to offer 50% more volume and twice the bass of the previous generation.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eMicrophones:\u003c\/strong\u003e 5-microphone system for calls and voice commands.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eAssistant:\u003c\/strong\u003e Integrated Meta AI for intelligent assistance.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eBattery Life:\u003c\/strong\u003e Up to 4 hours of continuous use (music\/camera) and 8 hours with the charging case.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003cdetails class=\"hstn-details\"\u003e\n\u003csummary\u003ePrizm™ Lenses and O Matter™ Frame\u003c\/summary\u003e\n\u003cdiv class=\"hstn-details-content\"\u003e\n\n\u003cp\u003eDon't sacrifice vision for style. Prizm™ lenses are designed to enhance color and contrast, allowing you to see the world with vibrant clarity. The O Matter™ frame ensures your glasses can keep up with your pace of life.\u003c\/p\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003ePrizm™ Technology:\u003c\/strong\u003e See details you would otherwise miss.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eAvailability:\u003c\/strong\u003e Compatible with prescription lenses (Oakley Authentic Prescription).\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eProtection:\u003c\/strong\u003e 100% UV protection.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/details\u003e\n\u003c\/section\u003e\n\u003csection class=\"hstn-cta-section\"\u003e\n\u003ch2\u003eStop Following Trends. Create Them.\u003c\/h2\u003e\n\n\u003cp\u003eMeta Oakley HSTN are your tool for self-expression. Capture your world, share your vision, and do it with a style that no one can replicate. The future is yours.\u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"OURBIZ-US Shop","offers":[{"title":"Brown | Prizm™ Aqua Polarized","offer_id":58174484414812,"sku":"B082KK8XL30","price":590.0,"currency_code":"USD","in_stock":true},{"title":"Gray | Prizm™ Ruby","offer_id":58174484447580,"sku":"B082KM8LL20","price":529.0,"currency_code":"USD","in_stock":true},{"title":"Black | Prizm™ Graphite Polarized","offer_id":58174484480348,"sku":"B082KJCR7N0","price":600.0,"currency_code":"USD","in_stock":true},{"title":"Black | Transparent to Amethyst","offer_id":58174484513116,"sku":"888392682857","price":630.0,"currency_code":"USD","in_stock":true},{"title":"Transparent | Transparent to Grey","offer_id":58174484545884,"sku":"888392682888","price":630.0,"currency_code":"USD","in_stock":true},{"title":"Black | Clear","offer_id":58174484578652,"sku":"888392682901","price":519.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1035\/3629\/6284\/files\/26_96eb80f3-3c20-4021-bff9-a93684c30f70.webp?v=1782959816","url":"https:\/\/www.ourbiz-us.shop\/en\/products\/meta-oakley-hstn","provider":"OURBIZ-US Shop","version":"1.0","type":"link"}