Hemistone Hematite Bracelet : Keep the edge other men quietly lose. Not through belief. Through something you actually feel — every day. Or your money back.
/* =============================== URGENCY BAR – PREMIUM RED BREATHING PULSE =============================== */ .hx-urgency-bar{ width:100%; display:flex; justify-content:center; a lign-items:center; text-align:center; padding:14px 12px; margin-bottom:8px; background: linear-gradient(135deg,#7a0c0c 0%,#b11212 35%,#d11a1a 50%,#b11212 65%,#7a0c0c 100%); color:#fff; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; border-radius:14px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 8px 26px rgba(177,18,18,0.45); animation:hxUrgencyBreath 3.8s ease-in-out infinite; } @keyframes hxUrgencyBreath{ 0%{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 6px 18px rgba(177,18,18,0.25); filter:brightness(0.96); } 50%{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 14px 38px rgba(209,26,26,0.65); filter:brightness(1.08); } 100%{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.25), 0 6px 18px rgba(177,18,18,0.25); filter:brightness(0.96); } } /* =============================== WRAPPER + SHELL =============================== */ .hx-bars-wrap{ font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif; max-width:720px; margin:0 auto; padding:10px 14px 0; } .hx-surface{ width:100%; border-radius:14px; overflow:hidden; background: linear-gradient(180deg, rgba(18,18,20,0.92) 0%, rgba(10,10,12,0.96) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 28px rgba(0,0,0,0.30); border:1px solid rgba(255,255,255,0.08); } .hx-row{ display:flex; justify-content:center; padding:12px; } .hx-inner{ width:100%; display:flex; justify-content:center; } /* =============================== STOCK BLOCK =============================== */ .hx-stock-wrap{ display:flex; flex-direction:column; align-items:center; gap:10px; } .hx-pill{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:8px 16px; border-radius:999px; background: linear-gradient(180deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.06) 100%); border:1px solid rgba(255,255,255,0.12); box-shadow: inset 0 1px 0 rgba(255,255,255,0.10); } .hx-label{ font-size:12px; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,0.85); } .hx-stock-emoji{ filter: drop-shadow(0 8px 16px rgba(0,0,0,0.25)); } /* =============================== NOTICE =============================== */ .hx-stock-note{ width:min(560px,100%); display:flex; align-items:center; justify-content:center; gap:12px; padding:9px 14px; border-radius:12px; border:1px solid rgba(255,255,255,0.10); background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.035) 100%); color:rgba(255,255,255,0.72); font-size:10.5px; letter-spacing:0.8px; text-transform:uppercase; line-height:1.3; text-align:center; } .hx-note-chip{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); white-space:nowrap; } .hx-note-dot{ width:7px;height:7px;border-radius:50%; background:#ff4b4b; box-shadow:0 0 0 0 rgba(255,75,75,.55); animation:hxNotePulse 1.45s ease-in-out infinite; } @keyframes hxNotePulse{ 0%{ box-shadow:0 0 0 0 rgba(255,75,75,.55); opacity:.9; } 70%{ box-shadow:0 0 0 10px rgba(255,75,75,0); opacity:1; } 100%{ box-shadow:0 0 0 0 rgba(255,75,75,0); opacity:.9; } } .hx-note-divider{ width:1px;height:18px; background: linear-gradient(to bottom, transparent, rgba(255,255,255,.25), transparent); flex-shrink:0; } /* =============================== PROMO STOCK ROW (LEFT | DIVIDER | RIGHT) =============================== */ .hx-promo-row{ width:min(560px,100%); display:flex; align-items:center; justify-content:center; gap:12px; padding:10px 14px; border-radius:12px; border:1px solid rgba(255,255,255,0.10); background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.03) 100%); color:rgba(255,255,255,0.78); font-size:10.5px; letter-spacing:0.8px; text-transform:uppercase; line-height:1.25; text-align:center; } .hx-promo-left, .hx-promo-right{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; flex:0 0 auto; } .hx-promo-key{ color:rgba(255,255,255,0.90); font-weight:900; letter-spacing:0.6px; } /* 🔥 styled horizontal divider (between left and right) */ .hx-promo-divider{ width:1px; height:18px; background: linear-gradient( to bottom, rgba(255,255,255,0.00), rgba(255,255,255,0.28), rgba(255,255,255,0.00) ); flex:0 0 auto; position:relative; } .hx-promo-divider::after{ content:""; position:absolute; inset:-6px -6px; border-radius:999px; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.10), transparent 70%); pointer-events:none; } /* small dot */ .hx-promo-dot{ width:7px;height:7px;border-radius:50%; background:#ffb020; box-shadow:0 0 0 0 rgba(255,176,32,.50); animation:hxPromoPulse 1.6s ease-in-out infinite; flex-shrink:0; } @keyframes hxPromoPulse{ 0%{ box-shadow:0 0 0 0 rgba(255,176,32,.50); opacity:.85; } 70%{ box-shadow:0 0 0 10px rgba(255,176,32,0); opacity:1; } 100%{ box-shadow:0 0 0 0 rgba(255,176,32,0); opacity:.85; } } /* =============================== ✅ TRUST STACK (PREMIUM UX) =============================== */ .hx-trust{ width:min(560px,100%); margin-top:10px; padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,0.10); background: linear-gradient(180deg, rgba(255,255,255,0.055) 0%, rgba(255,255,255,0.03) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); } .hx-trust-grid{ display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; align-items:start; } .hx-trust-item{ display:flex; align-items:flex-start; gap:10px; color:rgba(255,255,255,0.82); font-size:10.5px; letter-spacing:0.6px; text-transform:uppercase; line-height:1.25; } .hx-green-dot{ width:9px;height:9px;border-radius:50%; margin-top:2px; background:#36d676; box-shadow:0 0 0 0 rgba(54,214,118,.45); animation:hxGreenPulse 2.2s ease-in-out infinite; flex-shrink:0; } @keyframes hxGreenPulse{ 0%{ box-shadow:0 0 0 0 rgba(54,214,118,.45); opacity:.9; } 70%{ box-shadow:0 0 0 12px rgba(54,214,118,0); opacity:1; } 100%{ box-shadow:0 0 0 0 rgba(54,214,118,0); opacity:.9; } } .hx-trust-strong{ color:rgba(255,255,255,0.95); font-weight:900; letter-spacing:0.4px; } .hx-rating{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; } .hx-stars{ font-size:11px; letter-spacing:1px; opacity:.95; } /* wrap nicely on mobile */ @media (max-width:520px){ .hx-promo-row{ flex-direction:column; gap:8px; } .hx-promo-divider{ width:70%; height:1px; background: linear-gradient(to right, transparent, rgba(255,255,255,0.28), transparent); } .hx-promo-divider::after{ display:none; } .hx-promo-left, .hx-promo-right{ white-space:normal; } .hx-trust-grid{ grid-template-columns:1fr; } } @media (prefers-reduced-motion: reduce){ .hx-urgency-bar, .hx-note-dot, .hx-promo-dot, .hx-green-dot{ animation:none; } } ⚠️ Promotion ending soon 📦 LIMITED RELEASE Notice limited stock available for promotion Stock: LOW Buy 1 Get 1 Free ends soon. Free Shipping today 30-Day guarantee Free Returns 24/7 customer support Customer Reviews ★★★★★ 4.8/5 /* === Hemistone premium micro-animations (no JS) === */ .hx-offer-card{ position:relative; overflow:hidden; /* subtle frame pulse for the whole offer card */ border: 1px solid rgba(201,162,77,0.22); animation: hxOfferFramePulse 3.6s ease-in-out infinite; } /* subtle frame pulse animation for OFFER */ @keyframes hxOfferFramePulse{ 0%,100%{ box-shadow: 0 14px 32px rgba(0,0,0,0.25); border-color: rgba(201,162,77,0.18); } 50%{ box-shadow: 0 16px 40px rgba(0,0,0,0.32), 0 0 18px rgba(201,162,77,0.32); border-color: rgba(201,162,77,0.48); } } /* FULL-SURFACE GOLD GLOW (every 3s) */ .hx-glow-sweep{ position:absolute; inset:-40%; background:radial-gradient(circle at center, rgba(201,162,77,.22), rgba(201,162,77,.12), rgba(201,162,77,0) 70%); opacity:0; pointer-events:none; animation:hxSweep 3s ease-in-out infinite; } @keyframes hxSweep{ 0%{opacity:0; transform:scale(0.85)} 20%{opacity:.85} 50%{opacity:.9; transform:scale(1)} 80%{opacity:.4} 100%{opacity:0; transform:scale(1.05)} } /* Low stock pill */ .hx-stock{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,0.06); border:1px solid rgba(201,162,77,0.28); font-size:12px; letter-spacing:.6px; text-transform:uppercase; color:#fff; margin-top:10px; width:max-content; } .hx-dot{ width:8px; height:8px; border-radius:999px; background:#c9a24d; box-shadow:0 0 0 0 rgba(201,162,77,.55); animation:hxDot 1.2s ease-in-out infinite; } @keyframes hxDot{ 0%{box-shadow:0 0 0 0 rgba(201,162,77,.55); opacity:.85} 70%{box-shadow:0 0 0 10px rgba(201,162,77,0); opacity:1} 100%{box-shadow:0 0 0 0 rgba(201,162,77,0); opacity:.85} } /* Metallic gold pulse for PROOF block */ .hx-proof-metal{ position:relative; overflow:hidden; animation:hxMetalPulse 3.6s ease-in-out infinite; } @keyframes hxMetalPulse{ 0%,100%{filter:saturate(1) brightness(1); transform:translateZ(0)} 50%{filter:saturate(1.15) brightness(1.06)} } /* subtle frame pulse for the whole PROOF card */ .hx-proof-metal{ border: 1px solid rgba(228,210,166,1); animation: hxMetalPulse 3.6s ease-in-out infinite, hxProofFramePulse 4.2s ease-in-out infinite; } @keyframes hxProofFramePulse{ 0%,100%{ box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 8px 22px rgba(0,0,0,.06); border-color:#e4d2a6; } 50%{ box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 14px 30px rgba(201,162,77,.22); border-color:#d7bf86; } } /* Soft metallic highlight sweep inside proof block */ .hx-proof-metal:after{ content:""; position:absolute; top:-20%; left:-60%; width:60%; height:140%; background:linear-gradient(115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0) 85%); transform:skewX(-18deg); opacity:0.55; pointer-events:none; animation:hxMetalSweep 4.2s ease-in-out infinite; } @keyframes hxMetalSweep{ 0%{left:-65%; opacity:0} 20%{opacity:0.55} 55%{left:115%; opacity:0.25} 100%{left:115%; opacity:0} } /* =============================== PRICE SWAP ANIMATION (NO JS) UPDATED: Old price stays >= 3.2s, then EXPLODES, new price holds ~6s Total loop: 11s =============================== */ .hx-price-swap{ position:relative; margin-top:14px; height:44px; /* keeps layout stable */ overflow:hidden; border-radius:14px; background:rgba(255,255,255,0.06); border:1px solid rgba(201,162,77,0.35); display:flex; align-items:center; justify-content:flex-start; padding:0 14px; } .hx-price-old, .hx-price-new{ position:absolute; left:14px; right:14px; display:flex; align-items:baseline; gap:10px; white-space:nowrap; font-weight:800; letter-spacing:.2px; } /* OLD: enter -> hold (>=3.2s) -> strike -> EXPLODE -> vanish */ .hx-price-old{ color:#ffffff; opacity:0; transform:translateX(120%) scale(1); animation:hxOldExplodeWrap 11s cubic-bezier(.22,.85,.2,1) infinite; font-size:18px; } .hx-price-old .hx-old-number{ position:relative; display:inline-block; opacity:.95; transform-origin:50% 60%; animation:hxOldNumberExplode 11s cubic-bezier(.2,1,.25,1) infinite; } /* strike line */ .hx-price-old .hx-old-number:after{ content:""; position:absolute; left:-6px; top:55%; height:2px; width:0%; background:rgba(255,255,255,0.92); box-shadow:0 0 10px rgba(255,255,255,0.22); transform:skewX(-10deg); animation:hxStrikeExplode 11s ease-in-out infinite; } /* tiny "sparks" for the explode moment (no extra HTML) */ .hx-price-old .hx-old-number:before{ content:""; position:absolute; left:50%; top:50%; width:6px; height:6px; border-radius:999px; transform:translate(-50%,-50%); opacity:0; background:rgba(255,255,255,0.9); box-shadow: -18px -10px 0 0 rgba(255,255,255,0.85), 20px -6px 0 0 rgba(255,255,255,0.75), -10px 14px 0 0 rgba(255,255,255,0.75), 16px 12px 0 0 rgba(255,255,255,0.8); animation:hxSparks 11s ease-out infinite; } /* OLD wrapper timing: 0-10% enter 10-39% hold (29% of 11s = 3.19s -> ~3.2s) 39-45% explode+exit 45-100% hidden */ @keyframes hxOldExplodeWrap{ 0% {opacity:0; transform:translateX(120%) scale(1)} 10% {opacity:1; transform:translateX(0) scale(1)} 39% {opacity:1; transform:translateX(0) scale(1)} 45% {opacity:0; transform:translateX(-8%) scale(0.75)} 100% {opacity:0; transform:translateX(-8%) scale(0.75)} } /* STRIKE: appears before explode, stays through impact, then fades */ @keyframes hxStrikeExplode{ 0% {width:0%; opacity:0} 20% {width:0%; opacity:0} 34% {width:110%; opacity:1} 45% {width:110%; opacity:1} 60% {width:110%; opacity:0} 100% {width:110%; opacity:0} } /* EXPLODE feel on the number itself: micro "inflate" then shatter-out (scale down + blur + rotate) */ @keyframes hxOldNumberExplode{ 0% {transform:translateX(0) scale(1); filter:blur(0px); letter-spacing:.2px; opacity:.95} 39% {transform:translateX(0) scale(1); filter:blur(0px); letter-spacing:.2px; opacity:.95} 41% {transform:translateX(-2px) scale(1.12); filter:blur(0px); letter-spacing:.6px; opacity:1} 43% {transform:translateX(-6px) scale(0.55) rotate(-8deg); filter:blur(1.2px); letter-spacing:1.4px; opacity:.15} 45% {transform:translateX(-10px) scale(0.35) rotate(-10deg); filter:blur(1.8px); letter-spacing:2px; opacity:0} 100% {transform:translateX(-10px) scale(0.35) rotate(-10deg); filter:blur(1.8px); letter-spacing:2px; opacity:0} } /* sparks burst only during explosion window */ @keyframes hxSparks{ 0%,38% {opacity:0; transform:translate(-50%,-50%) scale(0.6)} 41% {opacity:1; transform:translate(-50%,-50%) scale(1)} 45% {opacity:0; transform:translate(-50%,-50%) scale(1.25)} 100% {opacity:0; transform:translate(-50%,-50%) scale(1.25)} } /* NEW: enters as the "crush", then HOLDS ~6s */ .hx-price-new{ color:#c9a24d; opacity:0; transform:translateY(10px) scale(0.96); animation:hxNewCrushHold 11s cubic-bezier(.16,1,.3,1) infinite; font-size:20px; text-shadow:0 0 14px rgba(201,162,77,0.22); } /* Timing: - hidden until 39% - 39-45% smash-in (overshoot) - 45-99% hold (~54% of 11s = 5.94s, ~6s) - 99-100% reset */ @keyframes hxNewCrushHold{ 0% {opacity:0; transform:translateY(10px) scale(0.96)} 39% {opacity:0; transform:translateY(10px) scale(0.96)} 43% {opacity:1; transform:translateY(0) scale(1.08)} 45% {opacity:1; transform:translateY(0) scale(1)} 99% {opacity:1; transform:translateY(0) scale(1)} 100% {opacity:0; transform:translateY(-8px) scale(0.98)} } .hx-price-label{ font-size:12px; text-transform:uppercase; letter-spacing:1px; color:rgba(201,162,77,0.9); font-weight:700; opacity:.95; } /* =============================== SUBTLE GREEN PULSE FOR "BEST CASE" =============================== */ .hx-bestcase-pulse{ position:relative; animation:hxBestPulse 2.6s ease-in-out infinite; } @keyframes hxBestPulse{ 0%,100%{ box-shadow:none; border-color:#e8e3d7; background:#fff; } 50%{ border-color:rgba(34,197,94,0.55); background:rgba(34,197,94,0.08); box-shadow:0 0 0 6px rgba(34,197,94,0.12); } } /* Reduce motion accessibility */ @media (prefers-reduced-motion: reduce){ .hx-glow-sweep, .hx-dot, .hx-proof-metal, .hx-proof-metal:after, .hx-offer-card, .hx-price-old, .hx-price-old .hx-old-number:after, .hx-price-new, .hx-bestcase-pulse, .hx-price-old .hx-old-number, .hx-price-old .hx-old-number:before{animation:none!important} } Men don’t buy a bracelet like this just for its style. They buy it because it delivers. Men consistently report feeling stronger, sharper, and more in control — with steadier energy, deeper presence, and renewed drive. 🇦🇺 Australian brand No pills • No routine Daily wear Hemistone is forged from legendary Hematite and built to be worn daily — a simple tool to reinforce the man you already are. Unlike pills and synthetic supplements that must be taken daily, Hemistone requires no routine — it’s a one-time decision you wear daily. Proven by ausSie Men 🔸 Over 35,000 Men have already experienced Hemistone 🔸 Rated 4.8/5 by men aged 35–60+ 🔸 Real men report increased energy, steadiness, and drive Once used by Roman commanders to lead empires, this magnetic stone now sits on your wrist — a timeless symbol of strength and control. Forged from pure and legendary Hematite, it supports masculine and primal energy, helps maintain a sharp body and focused mind — without pills or chemicals. No pills. No excuses. Just power. Today only Low stock • selling fast For less than a night out, you get two bracelets for the price of one. One dinner. One tank of fuel. One random online purchase. Note: The price below is shown in AUD as Hemistone is an Australian brand. If you’re outside Australia, you’ll see the price in your local currency when choosing your offer. Normal for 2: $179.98 AUD Today: $49.99 AUD Today, instead of $179.98 AUD, you get two Hemistone bracelets for the price of one — $49.99 AUD. Try it properly. If you don’t feel the difference, you get your money back. No questions. No risk. No pressure. ✅ Worst case: refunded 🔥 Best case: becomes daily That’s why this is a no-brainer for so many Australian men.
