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; } } Vape Craft E-Liquid Shijin Vapor Mango Lime Chilled 100mL Vape Juice Shijin Vapor Mango Lime Chilled is a tropical ice storm of ripe mango, tart lime and chilling menthol Discover more vape juice in our collection. Freebase E-Liquid Flavor ClassE-Liquid Best For A Flavorful Everyday Vape A solid pick for adult vapers who enjoy bold, flavorful 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
