Shokz OpenFit Pro

alpha@play Verified independent store

→

Shokz OpenFit Pro .shokz-body * { box-sizing: border-box; margin: 0; padding: 0; } .shokz-body { background: #e9e9e9; color: #101010; font-family: Arial, Helvetica, sans-serif; lin e-height: 1.5; } .shokz-page { width: 100%; max-width: 600px; margin: 0 auto; overflow: hidden; background: #ffffff; } .shokz-page h1, .shokz-page .h1, .shokz-page .h1--mini, .shokz-page h2, .shokz-page .h2, .shokz-page h3, .shokz-page .h3, .shokz-page h4, .shokz-page .h4, .shokz-page h5, .shokz-page .h5, .shokz-page h6, .shokz-page .h6 { color: inherit; } .shokz-section { padding: 70px 30px; } .shokz-section-dark { background: #080808; color: #ffffff; } .shokz-section-grey { background: #f2f2f2; } .shokz-eyebrow { display: inline-block; margin-bottom: 14px; color: #777777; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .shokz-section-dark .shokz-eyebrow { color: #a9a9a9; } .shokz-heading { font-size: clamp(34px, 8vw, 58px); font-weight: 700; letter-spacing: -2.5px; line-height: 0.98; } .shokz-subheading { margin-top: 20px; color: #686868; font-size: 17px; line-height: 1.7; } .shokz-section-dark .shokz-subheading { color: #b7b7b7; } .shokz-hero { position: relative; min-height: 720px; overflow: hidden; padding: 45px 30px 60px; background: radial-gradient( circle at 75% 42%, rgba(255, 255, 255, 0.16), transparent 28% ), linear-gradient(145deg, #1c1c1c, #000000 65%); color: #ffffff; } .shokz-header { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .shokz-logo { font-size: 22px; font-weight: 800; letter-spacing: -1px; } .shokz-header-label { color: rgba(255, 255, 255, 0.65); font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; } .shokz-hero-content { position: relative; z-index: 3; padding-top: 70px; } .shokz-hero-kicker { margin-bottom: 18px; color: rgba(255, 255, 255, 0.65); font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .shokz-hero-title { max-width: 500px; font-size: clamp(58px, 16vw, 96px); font-weight: 800; letter-spacing: -7px; line-height: 0.82; } .shokz-hero-text { max-width: 480px; margin-top: 30px; color: rgba(255, 255, 255, 0.72); font-size: 18px; line-height: 1.6; } .shokz-product-visual { position: relative; height: 300px; margin-top: 40px; } .shokz-product-ring { position: absolute; top: 50%; left: 50%; width: 280px; height: 280px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 50%; background: radial-gradient( circle, rgba(255, 255, 255, 0.08), transparent 65% ); transform: translate(-50%, -50%); } .shokz-earbud { position: absolute; top: 50%; left: 50%; width: 74px; height: 160px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 45px 45px 30px 30px; background: linear-gradient( 145deg, #f3f3f3 0%, #777777 18%, #202020 45%, #030303 75% ); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7), inset 4px 4px 8px rgba(255, 255, 255, 0.25); } .shokz-earbud::before { position: absolute; top: 16px; left: 12px; width: 50px; height: 62px; border-radius: 50%; background: radial-gradient( circle at 35% 30%, #777777, #111111 60%, #000000 ); content: ""; } .shokz-earbud::after { position: absolute; top: -58px; left: -10px; width: 92px; height: 128px; border: 9px solid #141414; border-bottom-color: transparent; border-left-color: transparent; border-radius: 50%; content: ""; } .shokz-earbud-left { transform: translate(-95px, -50%) rotate(-22deg); } .shokz-earbud-right { transform: translate(20px, -42%) rotate(22deg); } .shokz-feature-summary { display: grid; grid-template-columns: repeat(2, 1fr); background: #ffffff; } .shokz-summary-card { min-height: 190px; padding: 28px 24px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .shokz-summary-card:nth-child(2n) { border-right: 0; } .shokz-summary-number { display: block; margin-bottom: 30px; color: #999999; font-size: 12px; font-weight: 700; } .shokz-summary-title { font-size: 22px; letter-spacing: -1px; line-height: 1.08; } .shokz-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 40px; } .shokz-feature-card { position: relative; min-height: 230px; overflow: hidden; padding: 24px; border-radius: 22px; background: #eeeeee; } .shokz-feature-card-dark { background: #111111; color: #ffffff; } .shokz-feature-card-blue { background: #dceeff; } .shokz-feature-card-green { background: #e3efe1; } .shokz-feature-card-beige { background: #f3e9e2; } .shokz-feature-card-purple { background: #ece6ff; } .shokz-card-label { color: #747474; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; } .shokz-feature-card-dark .shokz-card-label { color: #999999; } .shokz-card-title { position: relative; z-index: 2; margin-top: 20px; font-size: 25px; letter-spacing: -1.2px; line-height: 1; } .shokz-card-value { position: absolute; right: 14px; bottom: -5px; color: rgba(0, 0, 0, 0.08); font-size: 66px; font-weight: 800; letter-spacing: -5px; } .shokz-feature-card-dark .shokz-card-value { color: rgba(255, 255, 255, 0.1); } .shokz-visual-panel { position: relative; min-height: 400px; overflow: hidden; margin-top: 45px; border-radius: 28px; background: #101010; } .shokz-sound-rings { position: absolute; top: 50%; left: 50%; width: 320px; height: 320px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; transform: translate(-50%, -50%); } .shokz-sound-rings::before, .shokz-sound-rings::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; content: ""; transform: translate(-50%, -50%); } .shokz-sound-rings::before { width: 220px; height: 220px; } .shokz-sound-rings::after { width: 110px; height: 110px; background: #ffffff; box-shadow: 0 0 55px rgba(255, 255, 255, 0.35); } .shokz-visual-caption { position: absolute; right: 18px; bottom: 18px; left: 18px; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 16px; background: rgba(0, 0, 0, 0.55); color: #ffffff; backdrop-filter: blur(12px); } .shokz-visual-caption strong { display: block; margin-bottom: 4px; font-size: 16px; } .shokz-visual-caption span { color: #aaaaaa; font-size: 13px; } .shokz-noise-visual { position: relative; height: 400px; margin-top: 40px; } .shokz-noise-circle { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; transform: translate(-50%, -50%); } .shokz-noise-circle-one { width: 370px; height: 370px; } .shokz-noise-circle-two { width: 270px; height: 270px; } .shokz-noise-circle-three { width: 170px; height: 170px; background: rgba(255, 255, 255, 0.05); } .shokz-noise-center { position: absolute; top: 50%; left: 50%; display: grid; width: 100px; height: 100px; place-items: center; border-radius: 50%; background: #ffffff; color: #000000; font-size: 25px; font-weight: 800; transform: translate(-50%, -50%); } .shokz-use-cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 35px; } .shokz-use-case { padding: 15px 8px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 12px; color: #d5d5d5; font-size: 14px; text-align: center; } .shokz-comfort-list { display: grid; gap: 14px; margin-top: 40px; } .shokz-comfort-card { display: grid; grid-template-columns: 65px 1fr; gap: 20px; align-items: center; padding: 25px; border-radius: 20px; background: #ffffff; } .shokz-comfort-number { display: grid; width: 60px; height: 60px; place-items: center; border-radius: 50%; background: #101010; color: #ffffff; font-weight: 700; } .shokz-comfort-title { margin-bottom: 7px; font-size: 22px; letter-spacing: -1px; } .shokz-comfort-text { color: #6b6b6b; font-size: 14px; } .shokz-battery-grid { display: grid; gap: 14px; margin-top: 40px; } .shokz-battery-card { min-height: 270px; padding: 30px; border-radius: 24px; background: #ffffff; } .shokz-battery-card-dark { background: #080808; color: #ffffff; } .shokz-battery-label { display: block; margin-bottom: 25px; color: #777777; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; } .shokz-battery-card-dark .shokz-battery-label { color: #999999; } .shokz-battery-value { font-size: 78px; font-weight: 800; letter-spacing: -6px; line-height: 0.85; } .shokz-battery-unit { margin-top: 12px; font-size: 22px; font-weight: 700; } .shokz-battery-text { margin-top: 14px; color: #777777; font-size: 14px; } .shokz-battery-card-dark .shokz-battery-text { color: #aaaaaa; } .shokz-quick-charge { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; text-align: center; } .shokz-charge-value { font-size: 38px; font-weight: 800; letter-spacing: -2px; line-height: 1; } .shokz-charge-caption { display: block; margin-top: 8px; color: #777777; font-size: 13px; font-weight: 400; letter-spacing: 0; } .shokz-charge-equals { font-size: 38px; font-weight: 300; } .shokz-call-stat { margin-top: 35px; } .shokz-call-value { display: block; font-size: 72px; font-weight: 800; letter-spacing: -5px; line-height: 0.9; } .shokz-call-caption { display: block; margin-top: 12px; color: #aaaaaa; font-size: 14px; } .shokz-microphone-visual { position: relative; height: 360px; margin-top: 35px; } .shokz-voice-wave { position: absolute; top: 50%; left: 50%; width: 350px; height: 170px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 50%; transform: translate(-50%, -50%); } .shokz-voice-wave::before, .shokz-voice-wave::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; content: ""; transform: translate(-50%, -50%); } .shokz-voice-wave::before { width: 260px; height: 125px; } .shokz-voice-wave::after { width: 170px; height: 80px; } .shokz-microphone { position: absolute; top: 50%; left: 50%; width: 78px; height: 150px; border-radius: 45px; background: linear-gradient( 145deg, #ffffff, #777777 32%, #111111 68% ); box-shadow: 0 25px 55px rgba(0, 0, 0, 0.75); transform: translate(-50%, -50%) rotate(12deg); } .shokz-details-grid { display: grid; gap: 14px; margin-top: 40px; } .shokz-detail-card { padding: 28px; border: 1px solid #e2e2e2; border-radius: 20px; background: #ffffff; } .shokz-detail-icon { display: grid; width: 45px; height: 45px; margin-bottom: 28px; place-items: center; border-radius: 50%; background: #101010; color: #ffffff; font-size: 12px; font-weight: 700; } .shokz-detail-title { font-size: 25px; letter-spacing: -1.2px; line-height: 1.05; } .shokz-detail-text { margin-top: 12px; color: #6d6d6d; font-size: 15px; line-height: 1.65; } .shokz-app-banner { position: relative; min-height: 480px; overflow: hidden; padding: 45px 30px; border-radius: 28px; background: radial-gradient( circle at 75% 70%, rgba(255, 255, 255, 0.18), transparent 26% ), linear-gradient(145deg, #202020, #000000); color: #ffffff; } .shokz-app-content { position: relative; z-index: 3; max-width: 350px; } .shokz-app-title { font-size: 52px; letter-spacing: -3px; line-height: 0.95; } .shokz-app-text { margin-top: 20px; color: #b7b7b7; font-size: 16px; line-height: 1.65; } .shokz-phone { position: absolute; right: -35px; bottom: -110px; width: 220px; height: 440px; padding: 9px; border: 2px solid #555555; border-radius: 38px; background: #050505; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.8); transform: rotate(8deg); } .shokz-phone-screen { position: relative; height: 100%; padding: 42px 18px 20px; border-radius: 29px; background: radial-gradient( circle at 50% 30%, rgba(255, 255, 255, 0.15), transparent 22% ), linear-gradient(#252525, #090909); } .shokz-phone-notch { position: absolute; top: 13px; left: 50%; width: 70px; height: 20px; border-radius: 20px; background: #000000; transform: translateX(-50%); } .shokz-phone-title { font-size: 17px; text-align: center; } .shokz-phone-device { width: 95px; height: 95px; margin: 30px auto; border-radius: 50%; background: radial-gradient(circle, #4b4b4b, #101010 65%); } .shokz-phone-control { height: 45px; margin-top: 12px; border-radius: 13px; background: rgba(255, 255, 255, 0.08); } .shokz-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 30px; border-top: 1px solid #e3e3e3; background: #ffffff; } .shokz-footer-text { color: #777777; font-size: 12px; text-align: right; } @media (max-width: 520px) { .shokz-section { padding: 55px 20px; } .shokz-hero { min-height: 680px; padding: 35px 20px 50px; } .shokz-hero-title { letter-spacing: -5px; } .shokz-feature-summary { grid-template-columns: 1fr; } .shokz-summary-card { min-height: 150px; border-right: 0; } .shokz-feature-grid { grid-template-columns: 1fr; } .shokz-feature-card { min-height: 210px; } .shokz-noise-circle-one { width: 310px; height: 310px; } .shokz-noise-circle-two { width: 225px; height: 225px; } .shokz-noise-circle-three { width: 145px; height: 145px; } .shokz-comfort-card { grid-template-columns: 1fr; } .shokz-quick-charge { grid-template-columns: 1fr; } .shokz-charge-equals { transform: rotate(90deg); } .shokz-use-cases { grid-template-columns: 1fr; } .shokz-app-content { max-width: 280px; } .shokz-phone { right: -90px; opacity: 0.45; } .shokz-footer { align-items: flex-start; flex-direction: column; } .shokz-footer-text { text-align: left; } } SHOKZ Open-Ear Audio Open-Ear Listening Reimagined OpenFit Pro Superior sound with rich detail, innovative open-ear noise reduction, a secure all-day fit, and up to 50 hours of power. 01 Superior Sound with Rich Detail 02 Open-Ear Noise Reduction 03 Secure Fit and All-Day Comfort 04 Up to 50 Hours and Wireless Charging OpenFit Pro Powerful features for every part of your day. Sound Superior sound with rich detail 01 Calls AI-powered call clarity AI Protection IP55 water and dust resistance 55 Comfort Secure fit and all-day comfort 24 Noise Reduction Innovative Open-Ear Noise Reduction NR Battery Up to 50 hours of total power 50 Superior Sound Superior sound with rich detail. Powered by SuperBoost™ for dynamic, distortion-free audio. SuperBoost™ Technology Dynamic audio with rich detail and reduced distortion. Immersive Audio Head-tracked audio that moves with you. Enjoy an immersive soundstage that responds naturally as your head moves. Open-Ear Noise Reduction Focused sound while staying aware. OpenFit Pro is the first Shokz with Open-Ear Noise Reduction. Stay aware while enjoying focused, powerful sound, even in noisy environments. Fitness Work Leisure NR All-Day Comfort Secure fit and all-day comfort. Titanium ear hooks and Ultra-Soft Silicone™ 2.0 deliver a secure, comfortable fit. 01 Titanium ear hooks Flexible support helps keep the earbuds secure during movement and exercise. 02 Ultra-Soft Silicone™ 2.0 Soft, skin-friendly material reduces pressure during long listening sessions. 03 Open-ear freedom Nothing sits inside your ear canal, helping you stay comfortable and aware. Long-Lasting Power Up to 50 hours and wireless charging. Noise Reduction Off 50 hours total Up to 12 hours per charge with noise reduction turned off. Noise Reduction On 24 hours total Up to 6 hours per charge with noise reduction turned on. Quick Charge 10 min charging = 4 hours playtime AI-Powered Calls Be heard clearly anywhere. An AI-powered triple-microphone system cuts up to 99.4% of background noise, while wind-control technology keeps your voice clear, even in gusts. 99.4% background-noise reduction Designed Around You Smart features for everyday listening. 01 Physical multifunction buttons Waterproof physical buttons with a raised profile provide precise, dependable control. 02 Easy MultiPoint Pairing Connect OpenFit Pro to two devices at once through the Shokz App and switch seamlessly between them. 03 IP55 water and dust resistance Handles sweat, rain, dust, and busy days with ease. 04 Smart wear detection Audio automatically plays when worn and pauses when the earbuds are removed. 05 Bluetooth® 6.1 stability Enjoy a reliable connection up to 10 metres or 33 feet. 06 Wireless charging Recharge the case without cables using a compatible wireless charging surface. Shokz App Your sound, your way. Tailor and control your listening experience. Adjust audio settings, manage connections, and personalize your OpenFit Pro. OpenFit Pro Show more