Dhikr Noor Light
: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; } /* ===== 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, #0B3B2E 0%, #062A21 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(11, 59, 46, 0.28); border: none; letter-spacing: 0.3px; } .bogo-button-white:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(11, 59, 46, 0.38); } .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-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; } } Amina K.New York ✓ Verified Customer ★★★★★ Mom “It made my nights feel calmer and more grounded.” When my mind starts racing, the gentle glow helps me pause, breathe, and do dhikr. It’s become part of my bedtime routine — quiet, simple, and comforting. Yusuf M.Austin ✓ Verified Customer ★★★★★ Technical Sales “A thoughtful gift that actually gets used every day.” I got it for my daughter’s room. She keeps it by her bed and uses the breathing mode to settle, then makes du’a before sleeping. It’s beautiful and genuinely soothing. Samira L.Seattle ✓ Verified Customer ★★★★★ Business Owner I keep it in the car or on my desk. I use the breathing mode before stressful moments to reset. “After a loss in our family, it’s been a quiet comfort I can keep close.” Layla D.Miami ✓ Verified Customer ★★★★★ High School Student “It helps me stop scrolling and actually rest.” The soft glow makes it easier to breathe, clear my head, and do a little dhikr at night. I also use it during study stress when I need a reset. Customer Favorite BUY 2, GET FREE SHIPPING + TASBIH BEADS Perfect for gifting — Ramadan, Eid, umrah/hajj gifts, housewarmings, weddings, graduations, and anyone who needs a calmer night. Select Quantity: 2 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 crescent & star designed for peaceful nights, reflection, and calm. 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 Crescent & Star 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™
More you might like
Related
Smart Zikr/ Dhikr Ring Noor Lite
Related
iQibla Zikr Noor 2 Smart Tasbih Ring – Digital Dhikr Counter
Related
99 Light Blue Dhikr Beads
Related