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; } } DIY Flavor Concentrate The Flavor Apprentice DX Peanut Butter The Flavor Apprentice DX Peanut Butter isnt the original form of Peanut Butter, but it still packs all the great flavor you would expect for Peanut Butter for vape liquid. Explore more DIY vape flavorings for your own mixes. DIY Concentrate TypeDIY Flavor Concentrate For DIY Mixers Why Mixers Choose The Flavor Apprentice DX Peanut Butter Check out this one from The Flavor Apprentice! Best For Built for DIY E-Liquid Mixing A solid choice for DIY mixers who want to build their own e-liquid with quality flavor concentrates. FAQ The Flavor Apprentice DX Peanut Butter FAQ Is this a ready-to-vape e-liquid? No. This is a flavor concentrate intended for DIY mixing, not a finished e-liquid.
