Sneaky Sunglasses
.ss { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.65; color: #2a2520; width: 100%; -webkit-font-smooth ing: antialiased; } /* ── Opener ── */ .ss-opener { font-size: 16px; color: #3a322c; line-height: 1.7; margin-bottom: 18px; font-weight: 400; } .ss-opener strong { color: #8a6d3a; font-weight: 600; } /* ── Pills (slate + bronze theme) ── */ .ss-pills { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 24px; } .ss-pill { font-size: 12px; font-weight: 500; color: #4a3f30; background: #fffbf2; border: 1px solid #d4c4a8; border-radius: 24px; padding: 6px 14px; } /* ── Variants (6 colors, more compact grid) ── */ .ss-variants { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-bottom: 24px; } .ss-variant { background: #fffbf2; border: 1.5px solid #d4c4a8; border-radius: 12px; padding: 12px 6px; text-align: center; transition: transform 0.2s; } .ss-variant-circle { width: 32px; height: 32px; border-radius: 50%; margin: 0 auto 8px; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.18); } .ss-variant-name { font-size: 11px; font-weight: 600; color: #2a2520; letter-spacing: 0.02em; } /* ── Hero GIF ── */ .ss-hero { margin-bottom: 24px; } .ss-hero-label { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #8a6d3a; margin-bottom: 10px; display: flex; align-items: center; gap: 10px; } .ss-hero-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, #d4c4a8, transparent); } .ss-hero-container { border-radius: 20px; overflow: hidden; border: 2px solid #e8dec4; background: #fdf6e3; max-width: 380px; margin: 0 auto; box-shadow: 0 6px 24px rgba(42, 37, 32, 0.12); } .ss-hero-ratio { position: relative; width: 100%; padding-top: 125%; overflow: hidden; background: #2a2520; } .ss-hero-ratio img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .ss-hero-caption { font-size: 13px; color: #6a5e4f; text-align: center; padding: 12px 16px; font-style: italic; background: #fffbf2; letter-spacing: 0.02em; } /* ── Big quote ── */ .ss-quote { background: linear-gradient(135deg, #fffbf2 0%, #fdf6e3 100%); border: 1px solid #d4c4a8; border-radius: 16px; padding: 22px; margin-bottom: 24px; text-align: center; position: relative; } .ss-quote-text { font-size: 17px; color: #2a2520; line-height: 1.55; margin-bottom: 8px; font-weight: 500; } .ss-quote-sub { font-size: 12px; color: #8a6d3a; letter-spacing: .04em; } /* ── Feature row ── */ .ss-features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; } .ss-feature { background: #fffbf2; border: 1px solid #d4c4a8; border-radius: 14px; padding: 18px 12px; text-align: center; } .ss-feature-emoji { font-size: 26px; margin-bottom: 8px; display: block; } .ss-feature-title { font-size: 13px; font-weight: 600; color: #2a2520; margin-bottom: 3px; } .ss-feature-sub { font-size: 11px; color: #6a5e4f; } /* ── Section label ── */ .ss-section-label { font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #8a6d3a; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .ss-section-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(to right, #d4c4a8, transparent); } /* ── Reactions ── */ .ss-reactions { display: flex; flex-direction: column; gap: 0; margin-bottom: 24px; background: #fffbf2; border: 1px solid #e8dec4; border-radius: 14px; padding: 4px 18px; } .ss-reaction { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0; border-bottom: 1px dashed #d4c4a8; font-size: 14px; color: #3a322c; line-height: 1.65; } .ss-reaction:last-child { border-bottom: none; } .ss-reaction-emoji { font-size: 22px; flex-shrink: 0; margin-top: 1px; } .ss-reaction strong { color: #2a2520; font-weight: 600; } /* ── How it works (visual demo) ── */ .ss-howto { background: linear-gradient(135deg, #2a2520 0%, #3a3128 100%); border-radius: 16px; padding: 24px 22px; margin-bottom: 24px; color: #fdf6e3; } .ss-howto-title { font-size: 16px; font-weight: 600; margin-bottom: 14px; text-align: center; color: #fdf6e3; letter-spacing: 0.02em; } .ss-howto-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .ss-howto-step { text-align: center; } .ss-howto-num { width: 30px; height: 30px; border-radius: 50%; background: #d4c4a8; color: #2a2520; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; } .ss-howto-step-text { font-size: 13px; line-height: 1.5; color: #fdf6e3; } /* ── Quick facts ── */ .ss-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 24px; } .ss-fact { background: #fffbf2; border: 1px solid #e8dec4; border-radius: 12px; padding: 16px 10px; text-align: center; } .ss-fact-emoji { font-size: 24px; margin-bottom: 6px; display: block; } .ss-fact-val { font-size: 13px; font-weight: 600; color: #2a2520; margin-bottom: 2px; } .ss-fact-lbl { font-size: 11px; color: #6a5e4f; } /* ── Accordion ── */ .ss-acc { border: 1px solid #e8dec4; border-radius: 14px; overflow: hidden; margin-bottom: 10px; background: #fffbf2; } .ss-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; } .ss-acc summary::-webkit-details-marker { display: none; } .ss-acc summary:hover { background: #fdf6e3; } .ss-acc-emoji { font-size: 17px; flex-shrink: 0; } .ss-acc-label { font-size: 14px; font-weight: 600; color: #2a2520; flex: 1; } .ss-acc-toggle { width: 22px; height: 22px; border: 1.5px solid #d4c4a8; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #8a6d3a; font-size: 14px; flex-shrink: 0; transition: transform .25s; background: #fdf6e3; font-weight: 600; } .ss-acc[open] .ss-acc-toggle { transform: rotate(45deg); } .ss-acc-body { padding: 8px 18px 20px; color: #4a3f30; font-size: 14px; line-height: 1.75; border-top: 1px dashed #d4c4a8; background: transparent; } .ss-acc-body strong { color: #2a2520; font-weight: 600; } .ss-acc-body p { margin: 0 0 10px; } .ss-acc-body p:last-child { margin-bottom: 0; } /* ── Specs ── */ .ss-specs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 4px; } .ss-spec { background: #fdf6e3; border: 1px solid #d4c4a8; border-radius: 10px; padding: 12px 14px; } .ss-spec-label { font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #8a6d3a; margin-bottom: 3px; } .ss-spec-val { font-size: 13px; color: #2a2520; font-weight: 500; } .ss-note { background: #fdf6e3; border: 1px solid #d4c4a8; border-radius: 10px; padding: 13px 15px; margin-top: 12px; font-size: 13px; color: #4a3f30; line-height: 1.65; } .ss-note strong { color: #8a6d3a; } /* ── Care list ── */ .ss-care { list-style: none; margin: 4px 0 0; padding: 0; } .ss-care li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #d4c4a8; font-size: 13px; color: #4a3f30; align-items: flex-start; } .ss-care li:last-child { border-bottom: none; } .ss-care-num { font-size: 11px; font-weight: 700; color: #fdf6e3; background: #2a2520; border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } /* ── Shipping grid ── */ .ss-ship-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; } .ss-ship-item { background: #fdf6e3; border: 1px solid #d4c4a8; border-radius: 10px; padding: 12px 14px; } .ss-ship-label { font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #8a6d3a; margin-bottom: 4px; } .ss-ship-val { font-size: 13px; color: #2a2520; font-weight: 500; } /* ── Final line ── */ .ss-final { text-align: center; margin-top: 22px; padding: 20px; background: linear-gradient(135deg, #2a2520 0%, #3a3128 100%); border-radius: 14px; font-size: 14px; color: #fdf6e3; font-style: italic; letter-spacing: 0.04em; } /* ── Responsive ── */ @media (max-width: 560px) { .ss-features, .ss-facts, .ss-howto-steps { grid-template-columns: 1fr; } .ss-specs, .ss-ship-grid { grid-template-columns: 1fr; } .ss-variants { grid-template-columns: repeat(3, 1fr); } .ss-hero-container { max-width: 100%; } .ss-quote-text { font-size: 16px; } } Look closer. The arms come apart. What's inside is up to you. 🕶️ Sneaky Sunglasses look like regular shades — until you twist the arm. Hidden compartment built into both temples. UV-protective lenses. Premium matte finish. The kind of design detail that makes people do a double-take when you show them. 🕶️ Hidden compartments ☀️ UV-protective lenses 🔓 Twist-to-open 🎨 6 colorways ✨ Looks regular, isn't Black Teal Purple Lavender Red Mix See the secret 🔓 looks like regular shades. isn't. 🕶️ "I showed these to my friends and three of them ordered theirs that same night." 🕶️🔥 — happens almost every time 🕶️ Real sunglasses UV-protective, premium frame 🔓 Hidden inside twist-open compartments 🤫 Looks normal nobody knows but you How the secret works 🔓 1 Take off the shades 2 Twist the arm — it pops open 3 Store what you need. Twist closed. Why people are obsessed 🕶️ 😎 They're actually really good sunglasses. UV-protective lenses, premium matte frame, comfortable enough to wear all day. The hidden compartment is the bonus — but the shades themselves earn their place in your rotation. 🔓 The reveal moment never gets old. Show someone the twist-open mechanism for the first time and watch their face. Once they see it, they get it immediately — and they want a pair. 🎨 Six colorways means there's a pair for every fit. Classic Black for everyday. Teal and Purple for the bold days. Lavender for the soft summer vibe. Red for the statement pair. The Mix colorway for the people who commit fully to the bit. 🤫 Discreet by design. No flashy seams, no obvious mechanisms. They look like sunglasses. They function like sunglasses. The compartment is the secret you choose who to share with. 📏 Universal fit designed for all faces ☀️ UV protected real sunglasses, real shade 🌍 Ships worldwide 8–14 days delivery 📋 Product details + Style Wayfarer-inspired with hidden temple compartments Variants Black · Teal · Purple · Lavender · Red · Mix Frame Matte premium plastic, lightweight Lenses UV-protective, tinted Compartments Two — one in each temple arm Best for Everyday wear, festivals, travel, gifting 💡 About the compartments: Each temple arm holds a small storage cavity — large enough for a few pre-rolls, a couple of supplements, a small key, or any compact personal item. The mechanism is a simple twist-and-pull design that locks securely when closed. Whatever you store is your business. 🧼 Care & durability + 1Clean lenses with a soft microfiber cloth — avoid paper towels which can scratch. 2Wipe frame with a damp cloth as needed. Do not soak. 3Empty the compartments before cleaning. Do not submerge the arms in water. 4Store in a hard case when not wearing — frame is durable but not indestructible. 5Twist mechanism is designed for thousands of uses — but treat it gently. 📦 Shipping & support + Delivery 8–14 business days worldwide Packaging Discreet — plain unmarked packaging Returns 30-day no-risk guarantee Support Message us — we reply fast 💬 the shades are normal. you don't have to be. 🕶️