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; } } ZampleBox Vape Tank ABAY Portable Charging Case The ABAY Portable Charging Case is durable, light, charger for your ABAY vape system that utilizes a 1050mAh battery and is good for about 5 charges before the charger itself needs to be re-charged. Explore more vape tank in our lineup. ZampleBox 1050mAh Battery Battery1050mAh Key Details ABAY Portable Charging Case Highlights Whether you’re going camping, on a road trip, or to your favorite music festival. Battery 1050mAh. Why Customers Love It Why Vapers Choose the ABAY Portable Charging Case The ABAY Portable Charging Case will keep you and your vape device energized for the action to come. Works exclusively with the ABay pod vape system which is available on our website. Best For A Reliable Vape Tank A strong pick for adult vapers looking for a dependable vape tank. FAQ ABAY Portable Charging Case FAQ What is the ABAY Portable Charging Case? The ABAY Portable Charging Case is durable, light, charger for your ABAY vape system that utilizes a 1050mAh battery and is good for about 5 charges before the
