Hand Visor Sun Hat
.hv { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.65; color: #2a241f; width: 100%; -webkit-font-smooth ing: antialiased; } /* ── Opener ── */ .hv-opener { font-size: 16px; color: #3a3128; line-height: 1.7; margin-bottom: 18px; font-weight: 400; } .hv-opener strong { color: #d4a017; font-weight: 600; } /* ── Pills (sunny yellow theme) ── */ .hv-pills { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 24px; } .hv-pill { font-size: 12px; font-weight: 500; color: #5a4a1a; background: #fff8e1; border: 1px solid #f4d65f; border-radius: 24px; padding: 6px 14px; } /* ── Variant strip ── */ .hv-variants { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; } .hv-variant { background: #fffbf2; border: 1.5px solid #f4d65f; border-radius: 14px; padding: 16px 10px; text-align: center; transition: transform 0.2s; } .hv-variant-circle { width: 38px; height: 38px; border-radius: 50%; margin: 0 auto 10px; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.12); } .hv-variant-name { font-size: 13px; font-weight: 600; color: #2a241f; margin-bottom: 3px; } .hv-variant-tag { font-size: 11px; color: #8a7a5e; } /* ── Hero GIF/image ── */ .hv-hero { margin-bottom: 24px; } .hv-hero-label { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #b8941f; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; } .hv-hero-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, #f4d65f, transparent); } .hv-hero-container { border-radius: 20px; overflow: hidden; border: 2px solid #fff8e1; background: #fdf6e3; max-width: 380px; margin: 0 auto; box-shadow: 0 4px 20px rgba(212, 160, 23, 0.12); } .hv-hero-ratio { position: relative; width: 100%; padding-top: 125%; overflow: hidden; background: #fff8e1; } .hv-hero-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .hv-hero-caption { font-size: 13px; color: #8a7a5e; text-align: center; padding: 12px 16px; font-style: italic; background: #fffbf2; } /* ── Big quote ── */ .hv-quote { background: linear-gradient(135deg, #fff8e1 0%, #fffbf2 100%); border: 1px solid #f4d65f; border-radius: 16px; padding: 22px; margin-bottom: 24px; text-align: center; } .hv-quote-text { font-size: 17px; color: #2a241f; line-height: 1.55; margin-bottom: 8px; font-weight: 500; } .hv-quote-sub { font-size: 12px; color: #b8941f; letter-spacing: .03em; } /* ── Use case row ── */ .hv-uses { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; } .hv-use { background: #fffbf2; border: 1px solid #f4d65f; border-radius: 14px; padding: 18px 12px; text-align: center; } .hv-use-emoji { font-size: 28px; margin-bottom: 8px; display: block; } .hv-use-title { font-size: 13px; font-weight: 600; color: #2a241f; margin-bottom: 3px; } .hv-use-sub { font-size: 11px; color: #8a7a5e; } /* ── Section label ── */ .hv-section-label { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #b8941f; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .hv-section-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, #f4d65f, transparent); } /* ── Reactions ── */ .hv-reactions { display: flex; flex-direction: column; gap: 0; margin-bottom: 24px; background: #fffbf2; border: 1px solid #fff8e1; border-radius: 14px; padding: 4px 18px; } .hv-reaction { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px dashed #f4d65f; font-size: 14px; color: #3a3128; line-height: 1.65; } .hv-reaction:last-child { border-bottom: none; } .hv-reaction-emoji { font-size: 22px; flex-shrink: 0; margin-top: 1px; } .hv-reaction strong { color: #2a241f; font-weight: 600; } /* ── Gift moment ── */ .hv-gift { background: linear-gradient(135deg, #fdf2f5 0%, #fff8e1 100%); border: 1px solid #f4d65f; border-radius: 16px; padding: 22px; margin-bottom: 24px; text-align: center; } .hv-gift-emoji { font-size: 34px; margin-bottom: 10px; display: block; } .hv-gift-title { font-size: 16px; font-weight: 600; color: #2a241f; margin-bottom: 8px; } .hv-gift-text { font-size: 14px; color: #4a3f30; line-height: 1.65; max-width: 460px; margin: 0 auto; } /* ── Quick facts ── */ .hv-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 24px; } .hv-fact { background: #fffbf2; border: 1px solid #fff8e1; border-radius: 12px; padding: 16px 10px; text-align: center; } .hv-fact-emoji { font-size: 24px; margin-bottom: 6px; display: block; } .hv-fact-val { font-size: 13px; font-weight: 600; color: #2a241f; margin-bottom: 2px; } .hv-fact-lbl { font-size: 11px; color: #8a7a5e; } /* ── Accordion ── */ .hv-acc { border: 1px solid #fff8e1; border-radius: 14px; overflow: hidden; margin-bottom: 10px; background: #fffbf2; } .hv-acc summary { display: flex; align-items: center; gap: 12px; padding: 16px 18px; cursor: pointer; list-style: none; user-select: none; background: transparent; transition: background .15s; } .hv-acc summary::-webkit-details-marker { display: none; } .hv-acc summary:hover { background: #fff8e1; } .hv-acc-emoji { font-size: 17px; flex-shrink: 0; } .hv-acc-label { font-size: 14px; font-weight: 600; color: #2a241f; flex: 1; } .hv-acc-toggle { width: 22px; height: 22px; border: 1.5px solid #f4d65f; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #d4a017; font-size: 14px; flex-shrink: 0; transition: transform .25s; background: #fff8e1; font-weight: 600; } .hv-acc[open] .hv-acc-toggle { transform: rotate(45deg); } .hv-acc-body { padding: 8px 18px 20px; color: #4a3f30; font-size: 14px; line-height: 1.75; border-top: 1px dashed #f4d65f; background: transparent; } .hv-acc-body strong { color: #2a241f; font-weight: 600; } .hv-acc-body p { margin: 0 0 10px; } .hv-acc-body p:last-child { margin-bottom: 0; } /* ── Specs ── */ .hv-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 4px; } .hv-spec { background: #fff8e1; border: 1px solid #f4d65f; border-radius: 10px; padding: 12px 14px; } .hv-spec-label { font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #b8941f; margin-bottom: 3px; } .hv-spec-val { font-size: 13px; color: #2a241f; font-weight: 500; } .hv-note { background: #fff8e1; border: 1px solid #f4d65f; border-radius: 10px; padding: 13px 15px; margin-top: 12px; font-size: 13px; color: #4a3f30; line-height: 1.65; } .hv-note strong { color: #d4a017; } /* ── Care list ── */ .hv-care { list-style: none; margin: 4px 0 0; padding: 0; } .hv-care li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #f4d65f; font-size: 13px; color: #4a3f30; align-items: flex-start; } .hv-care li:last-child { border-bottom: none; } .hv-care-num { font-size: 11px; font-weight: 600; color: #d4a017; background: #fff8e1; border: 1px solid #f4d65f; border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } /* ── Shipping grid ── */ .hv-ship-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; } .hv-ship-item { background: #fff8e1; border: 1px solid #f4d65f; border-radius: 10px; padding: 12px 14px; } .hv-ship-label { font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #b8941f; margin-bottom: 4px; } .hv-ship-val { font-size: 13px; color: #2a241f; font-weight: 500; } /* ── Final line ── */ .hv-final { text-align: center; margin-top: 22px; padding: 18px; background: linear-gradient(135deg, #fffbf2 0%, #fff8e1 100%); border-radius: 14px; font-size: 14px; color: #4a3f30; font-style: italic; border: 1px dashed #f4d65f; } /* ── Responsive ── */ @media (max-width: 560px) { .hv-uses, .hv-facts { grid-template-columns: 1fr; } .hv-specs, .hv-ship-grid { grid-template-columns: 1fr; } .hv-variants { grid-template-columns: 1fr; } .hv-hero-container { max-width: 100%; } .hv-quote-text { font-size: 16px; } } A giant hand on your head. Blocking the sun. That's the whole product. ☀️ It's the dumbest, funniest, most ridiculously effective sun hat ever invented — and once you see one, you can't unsee it. People stop you. People film you. People immediately ask where you got it. That's the entire point. 🤚 Hand-shaped sun hat ☀️ Actually blocks sun 😂 Goes viral every time 🎁 Best gag gift ever 🏖️ Summer essential Single Yellow 🟡 classic look Single Pink 🌸 soft summer Double Yellow ✋✋ maximum chaos The vibe ☀️ turning heads since the moment you put it on 🤚☀️ "I wore this to the beach and within 10 minutes 4 different people came up asking where to buy one." 😭🤚 — actual review from someone who is now everyone's favorite person at the beach 🏖️ Beach days no more squinting 🎉 Pool parties instant icebreaker 🎁 Gag gifts they will not see this coming Why people are obsessed 🤚 😂 It's the kind of thing that makes the entire room turn around. You walk in wearing it, conversations stop. People squint, then laugh, then ask where you got it. The reaction never gets old. ☀️ It actually works as sun protection. Yes, really. The oversized hand shape gives you legitimate shade for your face — better than most baseball caps. The fact that it looks insane is just a bonus. 📱 It's a content factory. Selfies. Vacation videos. Group photos that everyone fights to be in. This thing has been racking up millions of views on social — and now you get to be in those videos instead of just watching them. 🎁 It's the best gift you'll give all year. Birthdays, bachelor parties, bachelorette parties, white elephants, secret santas, "just because" — the look on someone's face when they unwrap a giant hand visor is the gift. The sun protection is just a bonus. 🎁 The funniest gift you can possibly give Bachelor parties. Bridal showers. Birthdays. White elephants. The friend group beach trip. The coworker who has everything. This is the gift that ends up in every single photo for the rest of the day — and gets retold at every dinner for the next five years. 📏 One size fits most adjustable headband 🪶 Lightweight comfortable all day 🌍 Ships worldwide 8–14 days delivery 📋 Product details + Style Hand-shaped novelty sun visor Variants Single Yellow · Single Pink · Double Yellow Material Soft foam, lightweight construction Headband Adjustable elastic — fits most adults Sun coverage Genuine shade for face & eyes Best for Beach, pool, festivals, vacations, gifts 💡 Pick your variant: Single Yellow is the classic look — bold, bright, and instantly recognizable. Single Pink is the softer summer vibe — same wild silhouette, slightly more chill. Double Yellow is for the people who want to commit fully to the bit. 🧼 Care & durability + 1Spot clean with a damp cloth and mild soap if needed. 2Air dry only — keep out of direct heat or dryers. 3Store flat or hanging to maintain hand shape. 4Don't sit on it. We shouldn't have to say this. We're saying it anyway. 5Built to last all summer — and probably the next one too. 📦 Shipping & support + Delivery 8–14 business days worldwide Packaging Gift-ready — arrives compact Returns 30-day no-risk guarantee Support Message us — we reply fast 💬 block the sun. break the internet. 🤚☀️
More you might like
Related
Handwoven Straw Sun Visor Hats
Related
Palm Leaves Handwoven Sun Visor Hat
Related
Hands-Free Hand Shade Hat – Instant Sun Protection Visor ☀️
Related