Description
.vci-luxe-product-copy { –vci-black: #111111; –vci-black-2: #181818; –vci-black-3: #222222; –vci-red: #b51212; –vci-red-bright:#ff4d4d; –vci-white: #ffffff; –vci-cream: #f6f3ef; –vci-text: #f4f4f4; –vci-muted: #c7c7c7; –vci-border: rgba(255, 255, 255, 0.12); –vci-red-border: rgba(181, 18, 18, 0.55); –vci-shadow: 0 22px 48px rgba(0, 0, 0, 0.34); font-family: Arial, Helvetica, sans-serif; color: var(–vci-text); background: var(–vci-black); line-height: 1.65; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2); } .vci-luxe-product-copy * { box-sizing: border-box; } .vci-luxe-product-copy a { color: #4aa3ff; text-decoration: underline; } .vci-luxe-product-copy a:hover { color: #82c3ff; } .vci-luxe-product-copy h2, .vci-luxe-product-copy h3 { margin: 0; color: var(–vci-white); font-family: Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; letter-spacing: -0.045em; line-height: 0.98; } .vci-luxe-product-copy h2 { font-size: clamp(34px, 5vw, 66px); } .vci-luxe-product-copy h3 { font-size: clamp(22px, 2.8vw, 34px); } .vci-luxe-product-copy p { margin: 0; color: var(–vci-muted); font-size: 16px; } .vci-luxe-product-copy strong { color: var(–vci-white); font-weight: 800; } .vci-luxe-wrap { padding: clamp(22px, 4vw, 46px); background: radial-gradient(circle at 8% 6%, rgba(181, 18, 18, 0.28), transparent 28%), radial-gradient(circle at 92% 0%, rgba(255, 255, 255, 0.08), transparent 26%), linear-gradient(145deg, #111111 0%, #181818 48%, #0d0d0d 100%); } .vci-luxe-kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 12px; color: var(–vci-red-bright); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.14em; } .vci-luxe-kicker::before { content: “”; width: 28px; height: 2px; background: var(–vci-red); box-shadow: 0 0 16px rgba(181, 18, 18, 0.55); } .vci-luxe-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr); gap: clamp(22px, 4vw, 42px); align-items: stretch; padding: clamp(26px, 4vw, 48px); background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)), var(–vci-black-2); border: 1px solid var(–vci-border); border-top: 4px solid var(–vci-red); box-shadow: var(–vci-shadow); position: relative; overflow: hidden; } .vci-luxe-hero::after { content: attr(data-watermark); position: absolute; right: -18px; bottom: -34px; color: rgba(255, 255, 255, 0.035); font-size: clamp(86px, 16vw, 210px); font-weight: 900; line-height: 1; letter-spacing: -0.09em; pointer-events: none; } .vci-luxe-hero-content { position: relative; z-index: 1; max-width: 940px; } .vci-luxe-lead { margin-top: 18px !important; color: #e5e5e5 !important; font-size: clamp(17px, 2vw, 20px) !important; max-width: 900px; } .vci-luxe-badges { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; } .vci-luxe-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 8px 12px; border: 1px solid var(–vci-border); background: rgba(255, 255, 255, 0.055); color: #ffffff; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.075em; } .vci-luxe-badge.primary { background: var(–vci-red); border-color: var(–vci-red); box-shadow: 0 0 22px rgba(181, 18, 18, 0.3); } .vci-luxe-side { position: relative; z-index: 1; display: grid; gap: 12px; align-content: center; background: #0b0b0b; border: 1px solid rgba(255, 255, 255, 0.1); padding: 20px; } .vci-luxe-side-item { padding: 15px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)); border-left: 3px solid var(–vci-red); } .vci-luxe-side-item span { display: block; margin-bottom: 3px; color: var(–vci-red-bright); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; } .vci-luxe-side-item strong { display: block; color: #ffffff; font-size: 18px; text-transform: uppercase; letter-spacing: -0.03em; line-height: 1.1; } .vci-luxe-grid { display: grid; gap: 18px; margin-top: 18px; } .vci-luxe-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .vci-luxe-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .vci-luxe-card { position: relative; padding: clamp(22px, 3vw, 30px); background: linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)), var(–vci-black-2); border: 1px solid var(–vci-border); overflow: hidden; transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; } .vci-luxe-card:hover { transform: translateY(-3px); border-color: var(–vci-red-border); box-shadow: var(–vci-shadow); } .vci-luxe-card::before { content: “”; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: linear-gradient(to bottom, var(–vci-red), transparent); opacity: 0.9; } .vci-luxe-card p { margin-top: 12px; } .vci-luxe-flavor-list { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; } .vci-luxe-flavor-list li { position: relative; padding: 16px 16px 16px 18px; color: var(–vci-muted); background: #101010; border: 1px solid rgba(255, 255, 255, 0.1); border-left: 3px solid var(–vci-red); font-size: 15px; } .vci-luxe-flavor-list strong { display: block; margin-bottom: 3px; color: #ffffff; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; } .vci-luxe-callout { margin-top: 18px; padding: clamp(24px, 4vw, 40px); background: linear-gradient(135deg, rgba(181, 18, 18, 0.22), rgba(255, 255, 255, 0.035)), #121212; border: 1px solid var(–vci-red-border); box-shadow: var(–vci-shadow); } .vci-luxe-callout p { margin-top: 13px; max-width: 980px; color: #e0e0e0; font-size: 17px; } .vci-luxe-taste-card { min-height: 100%; } .vci-luxe-number { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 16px; background: var(–vci-red); color: #ffffff; font-size: 13px; font-weight: 900; box-shadow: 0 0 20px rgba(181, 18, 18, 0.24); } .vci-luxe-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; } .vci-luxe-option { padding: 18px; background: #101010; border: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 3px solid var(–vci-red); } .vci-luxe-option span { display: block; margin-bottom: 4px; color: var(–vci-red-bright); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.12em; } .vci-luxe-option strong { display: block; color: #ffffff; font-size: 21px; text-transform: uppercase; letter-spacing: -0.04em; } .vci-luxe-faq { margin-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .vci-luxe-faq details { padding: 17px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .vci-luxe-faq summary { cursor: pointer; color: #ffffff; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.035em; } .vci-luxe-faq details p { margin-top: 10px; } @media (max-width: 960px) { .vci-luxe-hero, .vci-luxe-grid-2, .vci-luxe-grid-3, .vci-luxe-options { grid-template-columns: 1fr; } } @media (max-width: 560px) { .vci-luxe-wrap { padding: 18px; } .vci-luxe-hero, .vci-luxe-card, .vci-luxe-callout { padding: 20px; } .vci-luxe-product-copy h2 { font-size: 34px; } .vci-luxe-lead { font-size: 16px !important; } } Vibe E-Liquid E-Liquid Vibe – Rock – 60mL Vape Juice Vibe – Rock – 60mL delivers a blend of Blue Raspberry Gummy. Discover more vape juice in our collection. Freebase E-Liquid Blue Raspberry Gummy Flavor ClassBlue Raspberry Gummy Core NotesBlue Raspberry Gummy Best For A Flavorful Blue Raspberry Gummy Vape A solid pick for adult vapers who enjoy blue raspberry gummy vape juice. Product Options Choose Your Bottle and Nicotine Level Use the product options above to select your preferred bottle size and nicotine strength. OptionSize OptionNicotine Level OptionVG / PG Ratio About the Brand Vibe E-Liquid Vibe by Vape Craft Inc, is a new and exciting line of eliquids that are perfectly blended with vibrant. Browse the full Vibe E-Liquid collection. FAQ Vibe – Rock – 60mL Vape Juice FAQ What does Vibe – Rock – 60mL taste like? It features blue raspberry gummy.
