/* * GLOBAL VARIABLES & RESET */ :root { --primary-text: #1a1a1a; --secondary-text: #555555; --accent-color: #2563eb; /* Professional Blue - Can be changed */ --bg-color: #ffffff; --section-bg: #f8f9fa; --border-color: #e5e7eb; --spacing-unit: 20px; --container-width: 100%; /* Full width as requested */ } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--primary-text); background-color: var(--bg-color); line-height: 1.6; } /* * MAIN CONTAINER * Full width on desktop, padding ensures content doesn't touch edges */ .pd-container { width: var(--container-width); max-width: 100%; /* No max-width restriction for desktop */ margin: 0 auto; padding: 40px 5%; background-color: #fff; } /* * TYPOGRAPHY */ .pd-title { font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; letter-spacing: -0.02em; } .pd-subtitle { font-size: 1.1rem; color: var(--secondary-text2text); margin-bottom: 40px; font-weight: 400; border-left: 4px solid var(--accent-color); padding-left: 15px; } .pd-text { margin-bottom: 20px; color: var(--secondary-text); } h3 { font-size: 1.5rem; margin-bottom: 20px; margin-top: 40px; color: var(--primary-text); } /* * FEATURES GRID (Icon + Text) */ .pd-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin: 40px 0; } .pd-feature-card { background: var(--section-bg); padding: 30px; border-radius: 12px; transition: transform 0.2s ease, box-shadow 0.2s ease; border: 1px solid transparent; } .pd-feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.05); border-color: var(--border-color); } .pd-icon-box { width: 50px; height: 50px; background: #e0e7ff; /* Light blue tint */ border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .pd-icon-box svg { width: 24px; height: 24px; stroke: var(--accent-color); } .pd-feature-title { font-weight: 700; font-size: 1.1rem; margin-bottom: 8px; } .pd-feature-desc { font-size: 0.95rem; color: var(--secondary-text); } /* * SPECIFICATIONS "TABLE" USING DIV FLEX */ .pd-specs-wrapper { background-color: #fff; border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; margin-top: 40px; } .pd-spec-header { background-color: var(--section-bg); padding: 15px 25px; font-weight: 700; font-size: 1.1rem; border-bottom: 1px solid var(--border-color); } .pd-spec-row { display: flex; width: 100%; border-bottom: 1px solid var(--border-color); } .pd-spec-row:last-child { border-bottom: none; } .pd-spec-key { width: 35%; background-color: #fafafa; padding: 15px 25px; font-weight: 600; color: var(--primary-text); border-right: 1px solid var(--border-color); } .pd-spec-value { width: 65%; padding: 15px 25px; color: var(--secondary-text); } /* * INSTRUCTION LIST */ .pd-steps { list-style: none; counter-reset: step-counter; } .pd-steps li { position: relative; padding-left: 50px; margin-bottom: 20px; } .pd-steps li::before { counter-increment: step-counter; content: counter(step-counter); position: absolute; left: 0; top: 0; width: 35px; height: 35px; background-color: var(--accent-color); color: white; border-radius: 50%; text-align: center; line-height: 35px; font-weight: bold; } /* * RESPONSIVE MEDIA QUERIES */ @media (max-width: 768px) { .pd-container { padding: 20px 4%; /* Slightly less padding on mobile */ } .pd-title { font-size: 1.8rem; } /* Convert Flex Table to Stacked Layout on Mobile */ .pd-spec-row { flex-direction: column; } .pd-spec-key { width: 100%; border-right: none; background-color: #f0f0f0; border-bottom: 1px solid var(--border-color); padding: 10px 20px; } .pd-spec-value { width: 100%; padding: 10px 20px; } } The next generation of vaping technology. Combining the convenience of a disposable with the sustainability and performance of a reusable system. Experience the ultimate long-lasting vaping solution with the 20K Puff Reusable Kit. Engineered for endurance and flavor consistency, this device eliminates the need for frequent replacements while delivering a smooth, satisfying draw every time. The innovative dual-pod system allows you to switch between flavors effortlessly, making it the perfect all-day companion. Unlike traditional disposables, this kit features a high-capacity rechargeable battery and a smart digital display that keeps you informed of your battery life and e-liquid levels. By simply replacing the pod when the liquid runs out, you reduce waste and save money without compromising on the 20,000 puff capacity. Key Features Up to 20,000 Puffs Massive longevity thanks to the refillable pod system and high-efficiency battery. Smart Digital Display Real-time screen showing battery percentage and e-liquid level so you are never caught off guard. Dual Pod System Includes two refillable pods, allowing you to carry multiple flavors or switch instantly. Advanced Mesh Coil Designed for consistent heating and intense flavor production from the first puff to the last. How to Use Charge the Device: Use the included Type-C cable to fully charge the battery before first use. Insert Pods: Click your chosen refillable pods into the device slots until they snap into place. Activate: The device is draw-activated. Simply inhale through the mouthpiece to start vaping. Monitor Levels: Check the digital screen to see when you need to recharge or replace a pod. Technical Specifications Product Details Puff Count Approx. 20,000 Puffs Battery Capacity Built-in Rechargeable Battery (Type-C Charging) Pod Capacity 2 x Refillable Pods (Volume varies by region/kit) Coil Type Advanced Mesh Coil Technology Activation Draw-Activated (No Buttons) Display Digital Screen (Battery & Liquid Indicators) Airflow Adjustable Airflow Control Contents 1x Device Unit, 2x Pods, 1x Type-C Cable