SKE BAR 600 Zero Nicotine Prefilled Pod Kit

/* — SCOPED CSS: #ske-product-v2 — */ /* Re-using the same robust CSS from the previous version for consistency */ #ske-product-v2 { –ske-primary: #002b3d; –ske-accent: #00bfff; –ske-light: #f4f8fa; –ske-text: #334e5c; –ske-white: #ffffff; –ske-border: #e1e8ed; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; color: var(–ske-text); line-height: 1.6; max-width: 100%; margin: 0 auto; } /* Typography */ #ske-product-v2 h2 { color: var(–ske-primary); font-size: 26px; margin-top: 30px; margin-bottom: 20px; border-bottom: 2px solid var(–ske-accent); display: inline-block; padding-bottom: 5px; } #ske-product-v2 h3 { font-size: 20px; color: var(–ske-primary); margin-top: 0; margin-bottom: 15px; font-weight: 700; } #ske-product-v2 p { margin-bottom: 15px; font-size: 16px; } /* Hero Section */ #ske-product-v2 .ske-hero { background: linear-gradient(135deg, var(–ske-light) 0%, #fff 100%); padding: 25px; border-radius: 12px; border-left: 5px solid var(–ske-accent); margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } /* VIDEO CONTAINER */ #ske-product-v2 .ske-video-wrapper { position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.1); margin-bottom: 30px; background: #000; aspect-ratio: 16 / 9; width: 100%; } #ske-product-v2 video { width: 100%; height: 100%; object-fit: cover; display: block; } /* Feature Grid */ #ske-product-v2 .ske-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; margin: 30px 0; } #ske-product-v2 .ske-feature-card { background: var(–ske-white); padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); border: 1px solid var(–ske-border); transition: transform 0.2s, border-color 0.2s; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } #ske-product-v2 .ske-feature-card:hover { transform: translateY(-3px); border-color: var(–ske-accent); } /* SVG Icons */ #ske-product-v2 .ske-svg-icon { width: 32px; height: 32px; margin-bottom: 12px; fill: var(–ske-accent); } #ske-product-v2 .ske-emoji { font-size: 28px; margin-bottom: 10px; display: block; } /* Image Banners */ #ske-product-v2 .ske-banner-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin: 30px 0; } #ske-product-v2 img { border-radius: 12px; width: 100%; height: auto; display: block; } /* Shortcode Wrapper */ #ske-product-v2 .ske-cross-sell { background: #fff; border: 2px dashed var(–ske-accent); border-radius: 12px; padding: 20px; text-align: center; margin: 40px 0; } #ske-product-v2 .ske-cross-sell h3 { margin-bottom: 10px; color: var(–ske-text); } #ske-product-v2 .ske-shortcode-container { max-width: 300px; margin: 0 auto; display: block; } #ske-product-v2 .ske-shortcode-container ul.products { margin: 0 !important; padding: 0 !important; } #ske-product-v2 .ske-shortcode-container ul.products li.product { width: 100% !important; margin: 0 !important; } /* Info Boxes */ #ske-product-v2 .ske-split-box { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 30px; } #ske-product-v2 .ske-box-col { background-color: var(–ske-light); padding: 25px; border-radius: 12px; border: 1px solid var(–ske-border); } #ske-product-v2 .ske-list { list-style: none; padding: 0; margin: 0; } #ske-product-v2 .ske-list li { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,0.05); display: flex; align-items: flex-start; font-size: 15px; } #ske-product-v2 .ske-list li:last-child { border-bottom: none; } #ske-product-v2 .ske-check { color: var(–ske-white); background: var(–ske-accent); border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 12px; margin-right: 12px; flex-shrink: 0; margin-top: 3px; } /* Dutch SEO Section */ #ske-product-v2 .ske-intl { font-size: 13px; color: #667785; background: #f9f9f9; padding: 15px; border-radius: 8px; margin-top: 40px; border-top: 1px solid #eee; line-height: 1.5; } @media (min-width: 768px) { #ske-product-v2 .ske-banner-grid { grid-template-columns: 1fr 1fr; } #ske-product-v2 .ske-full-width { grid-column: span 2; } #ske-product-v2 .ske-split-box { grid-template-columns: 1fr 1fr; } }