OM HALO SYSTEM
:root { --pp-bg: #f7f3f0; --pp-panel: #ffffff; --pp-border: rgba(0,0,0,.10); --pp-border2: rgba(0,0,0,.08); --pp-text: #1b1b1b; --pp-muted: rgba(0,0,0,.65); --pp-muted2: rgba(0,0,0 ,.72); --pp-radius-lg: 18px; --pp-radius-md: 16px; --pp-star: #d4a22a; --pp-check: #2e7d32; --pp-max: 820px; } .pp-wrap { max-width: var(--pp-max); margin: 0 auto; padding: 0 12px; } /* ===== TESTIMONIAL CAROUSEL ===== */ .pp-tcar { padding: 10px 0 6px; } .pp-tcar__inlabel { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 900; color: rgba(0,0,0,.65); padding: 12px 14px 6px; text-align: center; } .pp-tcar__viewport { overflow: hidden; border-radius: var(--pp-radius-lg); background: var(--pp-bg); border: 1px solid var(--pp-border); } .pp-tcar__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-snap-stop: always; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; scrollbar-width: none; } .pp-tcar__track::-webkit-scrollbar { display: none; } .pp-tcar__slide { flex: 0 0 100%; scroll-snap-align: start; padding: 10px; box-sizing: border-box; } .pp-tcard { display: flex; gap: 12px; align-items: flex-start; background: var(--pp-panel); border: 1px solid var(--pp-border2); border-radius: var(--pp-radius-md); padding: 12px; } .pp-faceimg { width: 74px; height: 74px; border-radius: 14px; display: block; object-fit: cover; background: #fff; border: 1px solid var(--pp-border2); } .pp-tcard__body { min-width: 0; flex: 1; } .pp-tcard__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 6px; } .pp-tcard__name { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.15; color: var(--pp-text); } .pp-tcard__loc { opacity: .65; margin-left: 6px; } .pp-tcard__verify { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; font-size: 13px; color: var(--pp-muted); white-space: nowrap; } .pp-tcard__check { width: 16px; height: 16px; border-radius: 999px; background: var(--pp-check); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; } .pp-tcard__stars { font-size: 14px; letter-spacing: 1px; color: var(--pp-star); white-space: nowrap; line-height: 1; margin-top: 2px; } .pp-tcard__quote { margin: 0; font-size: 15px; line-height: 1.55; color: rgba(0,0,0,.78); } .pp-tcar__dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; } .pp-dot { width: 10px; height: 10px; border-radius: 999px; border: 1px solid rgba(0,0,0,.25); background: transparent; cursor: pointer; padding: 0; transition: all 0.2s ease; } .pp-dot.is-active { background: rgba(0,0,0,.85); border-color: rgba(0,0,0,.85); transform: scale(1.08); } /* Wider container for carousel */ .pp-wrap-wider { max-width: 920px; margin: 0 auto; padding: 0 16px; } /* First testimonial - FEATURED STYLE */ .pp-tcard-featured { display: flex; gap: 16px; align-items: flex-start; background: var(--pp-panel); border: 2px solid #C9A66B; border-radius: var(--pp-radius-md); padding: 18px; box-shadow: 0 4px 12px rgba(201, 166, 107, 0.15); } .pp-tcard-featured .pp-faceimg { width: 76px; height: 76px; border: 2px solid #C9A66B; } .pp-tcard-featured .pp-tcard__top { margin-bottom: 10px; } .pp-tcard-featured .pp-tcard__name { font-size: 16px; } .pp-tcard-featured .pp-tcard__loc { font-size: 14px; } .pp-featured-headline { font-size: 17px; font-weight: 700; color: #3D2E22; line-height: 1.35; margin: 0 0 8px 0; letter-spacing: 0.1px; } .pp-tcard-featured .pp-tcard__quote { font-size: 15px; margin: 0; } /* ===== BOGO BOX ===== */ .bogo-box-white { background: #FFFFFF; border: 2px solid #D4A574; border-radius: 16px; padding: 12px 16px; margin: 24px auto; max-width: 600px; text-align: center; box-shadow: 0 4px 16px rgba(201, 166, 107, 0.12); } .bogo-badge-gold { display: inline-block; background: linear-gradient(135deg, #C9A66B 0%, #B8956A 100%); color: white; padding: 4px 10px; border-radius: 20px; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px; box-shadow: 0 2px 8px rgba(201, 166, 107, 0.3); } .bogo-title-white { font-family: 'Lora', 'Georgia', serif; font-size: 19px; font-weight: 700; color: #3D2E22; margin-bottom: 4px; letter-spacing: -0.3px; line-height: 1.2; } .bogo-subtitle-white { font-size: 13px; color: #5C4A3A; margin-bottom: 10px; opacity: 0.85; } .bogo-button-white { display: inline-block; background: linear-gradient(135deg, #8B3A3A 0%, #6B2626 100%); color: white; padding: 10px 24px; border-radius: 10px; font-family: 'Lora', 'Georgia', serif; font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(139, 58, 58, 0.3); border: none; letter-spacing: 0.3px; } .bogo-button-white:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(139, 58, 58, 0.4); } .bogo-button-white:disabled { opacity: 0.6; cursor: not-allowed; transform: none; } /* ===== ACCORDION ===== */ .pp-accordion { max-width: var(--pp-max); margin: 24px auto 0; padding: 0 12px; border-top: 1px solid var(--pp-border); } .pp-accordion details { border-bottom: 1px solid var(--pp-border); } .pp-acc-title { list-style: none; cursor: pointer; padding: 16px 4px; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 15px; font-weight: 600; color: var(--pp-text); } .pp-acc-title::-webkit-details-marker { display: none; } .pp-acc-left { display: flex; align-items: center; gap: 10px; min-width: 0; } .pp-acc-icon { width: 18px; height: 18px; color: rgba(0,0,0,.55); flex-shrink: 0; } .pp-acc-chevron { font-size: 18px; opacity: .6; transition: transform .2s ease; } details[open] .pp-acc-chevron { transform: rotate(45deg); } .pp-acc-content { padding: 0 4px 16px 32px; font-size: 14.5px; line-height: 1.6; color: var(--pp-muted2); } .pp-acc-content p { margin: 0 0 10px; } .pp-acc-content ul { margin: 10px 0; padding-left: 20px; } .pp-acc-content li { margin-bottom: 6px; } .pp-note { padding: 12px 4px 0 32px; color: rgba(0,0,0,.55); } /* ===== RESPONSIVE ===== */ @media (max-width: 520px) { .pp-wrap { padding: 0; } .pp-wrap-wider { padding: 0; } .pp-tcar__inlabel { font-size: 12px; padding: 10px 12px 4px; } .pp-tcar__viewport { border-radius: 16px; border-left: 0; border-right: 0; } .pp-tcar__slide { padding: 8px; } .pp-tcard { gap: 10px; border-radius: 14px; } .pp-faceimg { width: 64px; height: 64px; border-radius: 12px; } .pp-tcard__quote { font-size: 15.5px; line-height: 1.6; } .pp-tcard-featured { padding: 14px; gap: 12px; } .pp-tcard-featured .pp-faceimg { width: 68px; height: 68px; } .pp-featured-headline { font-size: 16px; } .pp-acc-content { padding-left: 28px; font-size: 15px; } .pp-note { padding-left: 28px; } } @media (max-width: 768px) { .bogo-box-white { padding: 10px 14px; margin-top: 20px; } .bogo-title-white { font-size: 17px; } .bogo-button-white { padding: 9px 20px; font-size: 14px; } } @media (min-width: 900px) { .pp-tcard { padding: 14px; } .pp-tcard__quote { font-size: 16px; } } @media (prefers-reduced-motion: reduce) { .pp-tcar__track { scroll-behavior: auto; } } Diyva S. San Fran✓ Verified Customer ★★★★★ “I gifted one to my mother and kept one for myself. I keep the OM by my bed and use breathing mode when my mind won’t shut off. The motion/light sensor makes it feel like it 'shows up' exactly when I need it. One charge lasts weeks.” Renita D. Brampton ✓ Verified Customer ★★★★★ “The OM is honestly the most calming thing on my desk. The glow is soft, and the breathing mode helps me reset between calls. It feels like a tiny meditation corner — without needing to ‘set it up’ every time. Sarah D. New Jersey ✓ Verified Customer ★★★★★ “I KEEP MINE IN THE CAR.”The OM glow is perfect at night — not distracting, just comforting. Friends always ask about it when they get in. I bought another for my mom and she keeps it on her nightstand. Features + Rechargeable Battery — 30-minute charge provides 2–3 weeks of use. Common ways to use it — Stand It · Hang It · Clip It · Mount It (Magnetic Back) Motion & Light Sensors — Automatically activates in low light or when you're near, then turns off when still. LED Breathing Mode — Gentle 4-2-4 breathing rhythm to calm anxiety and steady your breath. 7 Calming Colors — Choose from 7 soothing LED colors to match your mood. 3 Lighting Modes — Solid, Breathing, and Auto modes for different needs. 3" Portable Design — Lightweight and compact for nightstand, desk, car, or travel. Description + A softly glowing OM designed for mindfulness, meditation, and calmer nights. Press and hold the power button for 3 seconds to turn on. Tap once to cycle through 7 calming colors and 3 lighting modes — Solid, Breathing, and Auto — until you find what feels right. Once placed, the pendant’s built-in motion and light sensors take over. It gently activates in low light or when movement is detected, then turns off when the space is still — conserving energy automatically. Designed to remain off in bright environments, it glows only when it’s truly needed. What's Included: 3" Halo OM Pendant Magnetic back (attach to metal surfaces / fridge magnet) Magnetic clip Display stand (desk / nightstand) Rope cord USB charging cable Shipping & Warranty + Shipping: Fast, reliable shipping on all orders. Most customers receive their pendant within 2–6 business days. 30-Day Money-Back Guarantee: If your Halo Pendant arrives damaged, doesn’t work properly, or isn’t what you expected, you can return it within 30 days for a full refund. No stress. No hassle. Giving Back: A portion of proceeds supports charitable causes annually. Patent Pending — Protection Pendants™
